Added validation decorators in one file, version 0.5.0

Author: RaymondCoplin

README.md

@@ -4,7 +4,7 @@
 
 [![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/ngx-forms-builder.svg)](https://bundlephobia.com/result?p=ngx-forms-builder) [![npm](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](/LICENSE)
 
-A small library that adds validation with decorators and build angular forms 📝
+A small library that adds validation with decorators and build angular forms 🅰📝
 
 ## Demo
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-forms-builder-demo",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

projects/ngx-forms-builder/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-forms-builder",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "A small library that adds validation with decorators and build angular forms.",
   "keywords": [
     "angular",

projects/ngx-forms-builder/src/lib/services/model-form-builder.service.ts

@@ -1,12 +1,13 @@
 import 'reflect-metadata';
 import { Injectable } from '@angular/core';
 import { FormGroup, FormControl, Validators, ValidatorFn } from '@angular/forms';
+import { AbstractControlOptions } from '@angular/forms/src/model';
 
 @Injectable()
 export class ModelFormBuilder<T> {
 
-  public build(target: T): FormGroup {
-    const fg = new FormGroup({});
+  public build(target: T, options?: AbstractControlOptions | null): FormGroup {
+    const fg = new FormGroup({}, options);
 
     for (const propertyKey of Object.keys(target)) {
 

projects/ngx-forms-builder/src/lib/validations/customValidator.ts

@@ -1,7 +1 @@
-export { Required } from './required';
-export { Email } from './email';
-export { Min } from './min';
-export { Max } from './max';
-export { Pattern } from './pattern';
-export { CustomValidator } from './customValidator';
-export { Exclude } from './exclude';
+export * from './validation.decorator';

projects/ngx-forms-builder/src/lib/validations/email.ts

@@ -0,0 +1,29 @@
+import { Validations } from './validations.enum';
+import { ValidatorFn } from '@angular/forms';
+
+declare type PropertyDecorator = (target: object, propertyKey: string | symbol) => void;
+
+export const createValidationDecorator = (validation: Validations) => {
+  return (): PropertyDecorator => {
+    return (target: object, propertyKey: string) => {
+      Reflect.defineMetadata(String(validation), true, target, propertyKey);
+    };
+  };
+};
+
+export const createValidationDecoratorWithValue = <T>(validation: Validations) => {
+  return (value?: T): PropertyDecorator => {
+    return (target: object, propertyKey: string) => {
+      Reflect.defineMetadata(String(validation), value, target, propertyKey);
+    };
+  };
+};
+
+export const Required = createValidationDecorator(Validations.REQUIRED);
+export const Email = createValidationDecorator(Validations.EMAIL);
+export const Exclude = createValidationDecorator(Validations.EXCLUDE);
+export const Min = createValidationDecoratorWithValue<number>(Validations.MIN);
+export const Max = createValidationDecoratorWithValue<number>(Validations.MAX);
+export const Pattern = createValidationDecoratorWithValue<RegExp | string>(Validations.PATTERN);
+export const CustomValidator = createValidationDecoratorWithValue<ValidatorFn>(Validations.CUSTOMVALIDATOR);
+export const JP = createValidationDecoratorWithValue<RegExp | string>(Validations.PATTERN);

projects/ngx-forms-builder/src/lib/validations/exclude.ts

@@ -0,0 +1,9 @@
+export enum Validations {
+  REQUIRED = 'required',
+  EMAIL = 'email',
+  MIN = 'min',
+  MAX = 'max',
+  PATTERN = 'pattern',
+  CUSTOMVALIDATOR = 'customValidator',
+  EXCLUDE = 'exclude'
+}

projects/ngx-forms-builder/src/lib/validations/index.ts

@@ -44,6 +44,7 @@ <h1>Ngx Forms Builder</h1>
       </mat-error>
     </mat-form-field>
 
+    <button mat-raised-button color="default" (click)="onReset()">Reset</button>&nbsp;
     <button mat-raised-button color="primary" [disabled]="formGroup.invalid">Submit</button>
 
   </form>

projects/ngx-forms-builder/src/lib/validations/max.ts

@@ -24,4 +24,8 @@ export class AppComponent implements OnInit {
       duration: 2000,
     });
   }
+
+  onReset() {
+    this.formGroup.reset();
+  }
 }

projects/ngx-forms-builder/src/lib/validations/min.ts

@@ -1,5 +1,5 @@
 import { Required, Email, Pattern, Min, Max, Exclude, CustomValidator } from 'ngx-forms-builder';
-import { identificationValidator } from './identificationValidators';
+import { identificationValidator } from './validators/identification.validator';
 
 export class Person {
 
@@ -35,4 +35,4 @@ export class Person {
     this.secretPassword = secretPassword;
   }
 
-}
+}

projects/ngx-forms-builder/src/lib/validations/pattern.ts

@@ -11,4 +11,4 @@ export const identificationValidator = (): ValidatorFn => {
       identificationValidator: false
     };
   };
-};
+};