@nattyjs/forms 0.0.1-beta.0

package/README.md

@@ -0,0 +1,11 @@
+# `forms`
+
+> TODO: description
+
+## Usage
+
+```
+const forms = require('forms');
+
+// TODO: DEMONSTRATE API
+```

package/dist/index.cjs

@@ -0,0 +1,525 @@
+'use strict';
+
+const validationDecorators = require('@nattyjs/validation-decorators');
+
+const _ReactiveFormContainer = class {
+  static register(config) {
+    const params = config.decoratorParams;
+    const target = config.decoratorParams.target.constructor.name;
+    let entityInfo = _ReactiveFormContainer.entityConfig.get(target);
+    let propertyInfo = null;
+    if (!entityInfo) {
+      _ReactiveFormContainer.entityConfig.set(target, { target: config.decoratorParams.target, properties: {} });
+      entityInfo = _ReactiveFormContainer.entityConfig.get(target);
+    }
+    propertyInfo = entityInfo.properties[params.propertyKey];
+    if (!propertyInfo)
+      propertyInfo = entityInfo.properties[params.propertyKey] = { validators: {}, sanitizers: {} };
+    if (!propertyInfo.propConfig && config.propConfig)
+      propertyInfo.propConfig = {};
+    if (config.propConfig)
+      propertyInfo.propConfig = { ...config.propConfig, ...propertyInfo.propConfig };
+    if (config.validatorConfig)
+      propertyInfo.validators[config.validatorConfig.name] = config.validatorConfig;
+    if (config.sanitizerConfig) {
+      propertyInfo.sanitizers[config.sanitizerConfig.name] = config.sanitizerConfig;
+    }
+  }
+  static getPropertyValidators(target, propName) {
+    const entityInfo = _ReactiveFormContainer.entityConfig.get(target);
+    const propertyInfo = entityInfo.properties[propName];
+    return propertyInfo ? propertyInfo.validators : {};
+  }
+  static getProperties(target) {
+    return _ReactiveFormContainer.entityConfig.get(target);
+  }
+};
+let ReactiveFormContainer = _ReactiveFormContainer;
+ReactiveFormContainer.entityConfig = /* @__PURE__ */ new Map();
+
+const nattyForms = new class {
+  constructor() {
+    this.formConfig = {
+      dateConfig: {
+        format: "ymd",
+        seperator: "-"
+      }
+    };
+  }
+  configure(config) {
+    this.formConfig = { ...this.formConfig, ...config };
+    validationDecorators.validationForms.configure(this.formConfig);
+  }
+}();
+
+function callValidator(config, validator) {
+  return {
+    config,
+    validator: (params) => {
+      const result = validator(config || {}, params);
+      return result;
+    }
+  };
+}
+
+function createInstance(model) {
+  let classInstance = Object.create(model.prototype);
+  try {
+    model.apply(classInstance);
+  } catch (ex) {
+    classInstance = Reflect.construct(model, []);
+  }
+  return classInstance;
+}
+
+const THIS = "this";
+function expressionColumns(config, isNonValidationExpression = false) {
+  var columns = [];
+  if (config && config.conditionalExpression)
+    columns = expressionParser(config.conditionalExpression, isNonValidationExpression);
+  return columns;
+}
+function expressionParser(expression, isNonValidationExpression) {
+  let columns = [];
+  let expressionString = expression.toString();
+  let expressionArguments = extractArguments(expressionString);
+  if (expressionArguments.length > 0) {
+    let splitTexts = [];
+    expressionString.replace(/\s/g, "").replace(new RegExp(/{|}/, "g"), "").split(new RegExp(/return|===|!==|==|!=|>=|>|<=|<|&&/)).forEach((t) => {
+      let texts = t.replace(/\(|\)/g, "").split("||");
+      for (let text of texts)
+        splitTexts.push(text);
+    });
+    splitTexts.forEach((t) => {
+      expressionArguments.forEach((x, i) => {
+        t = t.trim();
+        if (t.startsWith(x + ".")) {
+          var splitText = t.split(".");
+          if (splitText.length == 2 || splitText.length >= 2 && isNonValidationExpression)
+            if (!isNonValidationExpression)
+              columns.push({ propName: splitText[1].trim(), argumentIndex: i == 3 ? 0 : i == 2 ? 1 : i == 1 ? -1 : i });
+            else
+              columns.push({ propName: getConditionPath(splitText), argumentIndex: i == 3 ? 0 : i == 2 ? 1 : i == 1 ? -1 : i });
+          else {
+            var arrayProp = splitText[1].split("[");
+            let jObject = {
+              propName: splitText[splitText.length - 1].trim(),
+              objectPropName: arrayProp[0],
+              arrayIndex: arrayProp.length > 1 ? arrayProp[1].replace("]", "") : void 0,
+              argumentIndex: i === 3 ? 0 : i === 2 ? 1 : i
+            };
+            columns.push(jObject);
+          }
+        }
+      });
+    });
+  }
+  return columns;
+}
+function extractArguments(splitText) {
+  let expressionArguments = [THIS];
+  if (splitText[0].trim() !== "(" && !splitText.trim().startsWith("function")) {
+    let text = splitText[0].split("=>")[0];
+    expressionArguments.push(text.trim().replace("(", "").replace(")", ""));
+  } else {
+    let splitTexts = splitText.match(/\(([^)]+)\)/g);
+    if (splitTexts && splitTexts[0])
+      splitTexts[0].split(",").forEach((t) => expressionArguments.push(t.trim().replace("(", "").replace(")", "")));
+  }
+  return expressionArguments;
+}
+function getConditionPath(texts) {
+  let path = "";
+  for (var i = 1; i < texts.length; i++)
+    path += texts.length - 1 == i ? texts[i].trim() : `${texts[i].trim()}.`;
+  return path;
+}
+
+function isObject(value) {
+  return !!value && typeof value === "object";
+}
+
+class FormArray extends Array {
+  constructor(childrens, params, typeFormGroup) {
+    super();
+    this.params = params;
+    this.typeFormGroup = typeFormGroup;
+    this.childrens = new Array();
+    this.init(childrens);
+    if (params) {
+      this.root = params.root;
+      this.parent = params.parent;
+    }
+  }
+  init(childrens) {
+    childrens.forEach((t) => {
+      const typeFormGroup = this.typeFormGroup;
+      const formGroup = new typeFormGroup(t, this.params);
+      this.childrens.push(formGroup);
+      this.push(formGroup);
+    });
+  }
+  get errors() {
+    const errors = [];
+    this.childrens.forEach((t, index) => {
+      const formGroupErrors = t.errors;
+      if (formGroupErrors)
+        errors.push({ ...formGroupErrors, index });
+    });
+    return errors.length == 0 ? null : errors;
+  }
+  get valid() {
+    return this.errors == null;
+  }
+  setServerErrors(errors) {
+    for (const error of errors) {
+      if (error.index !== void 0) {
+        delete error.index;
+        this.childrens[error.index].setServerErrors(error);
+      }
+    }
+  }
+}
+
+var RunValidatorStrategy = /* @__PURE__ */ ((RunValidatorStrategy2) => {
+  RunValidatorStrategy2[RunValidatorStrategy2["None"] = 0] = "None";
+  RunValidatorStrategy2[RunValidatorStrategy2["OnSubmit"] = 1] = "OnSubmit";
+  RunValidatorStrategy2[RunValidatorStrategy2["OnDirty"] = 2] = "OnDirty";
+  return RunValidatorStrategy2;
+})(RunValidatorStrategy || {});
+
+class FormGroup {
+  constructor(_value, formGroupParam) {
+    this._value = _value;
+    this.formGroupParam = formGroupParam;
+    this.properties = new Array();
+    this.runConditionally = {};
+    this.sanitizeProps = {};
+    this.childrens = /* @__PURE__ */ new Map();
+    this._serverErrors = {};
+    this._errors = {};
+    this._errorMessage = {};
+    if (formGroupParam) {
+      this.validators = formGroupParam.validators || {};
+      this.parent = formGroupParam.parent;
+      this.root = formGroupParam.root;
+      if (formGroupParam.type)
+        this._value = this.createClassInstance(this._value, formGroupParam.type);
+    }
+    this.properties = Object.keys(_value);
+    this.updatePropertiesOnClassInstance();
+    this.defineProperties();
+    this.parseValidatorsConfig();
+  }
+  get submit() {
+    return this._submit;
+  }
+  set submit(value) {
+    this._submit = value;
+    if (value)
+      this.runAllValidators();
+  }
+  createClassInstance(entity, type) {
+    const entityInfo = ReactiveFormContainer.getProperties(type.name);
+    if (entityInfo) {
+      if (entityInfo.properties) {
+        const properties = entityInfo.properties;
+        const instance = createInstance(type);
+        for (const [key, value] of Object.entries(entity)) {
+          if (properties[key] && properties[key].propConfig) {
+            const propConfig = properties[key].propConfig;
+            if (propConfig.type) {
+              if (propConfig.isArrayType) {
+                if (Array.isArray(entity[key])) {
+                  instance[key] = new Array();
+                  entity[key].forEach((item) => {
+                    instance[key].push(
+                      this.createClassInstance(item, propConfig.type)
+                    );
+                  });
+                }
+              } else
+                instance[key] = this.createClassInstance(entity[key], propConfig.type);
+            } else
+              instance[key] = value;
+          } else
+            instance[key] = value;
+        }
+        return instance;
+      }
+    }
+    return null;
+  }
+  getSanitizeValue(propName, propValue) {
+    if (this.sanitizeProps[propName]) {
+      for (const [key, value] of Object.entries(this.sanitizeProps[propName])) {
+        propValue = value.sanitizer(propValue, value.config);
+      }
+    }
+    return propValue;
+  }
+  getEntityInfo(entityInfo) {
+    const validators = {};
+    const properties = new Array();
+    const sanitizers = {};
+    if (entityInfo.properties) {
+      for (const [key, value] of Object.entries(entityInfo.properties)) {
+        validators[key] = new Array();
+        properties.push(key);
+        for (const validatorInfo of Object.entries(value.validators).values()) {
+          const validatorConfig = validatorInfo[1];
+          validators[key].push(callValidator(validatorConfig.config, validatorConfig.validator));
+        }
+        if (Object.keys(value.sanitizers).length > 0)
+          sanitizers[key] = value.sanitizers;
+      }
+    }
+    return { properties, validators, sanitizers };
+  }
+  updatePropertiesOnClassInstance() {
+    if (this._value.constructor) {
+      const entityInfo = ReactiveFormContainer.getProperties(this._value.constructor.name);
+      if (entityInfo) {
+        const { properties, validators, sanitizers } = this.getEntityInfo(entityInfo);
+        this.validators = validators, this.properties = properties;
+        this.sanitizeProps = sanitizers;
+      }
+    }
+  }
+  setServerErrors(errors) {
+    for (const [key, value] of Object.entries(errors)) {
+      const children = this.childrens.get(key);
+      if ((Array.isArray(value) || isObject(value)) && children) {
+        children.setServerErrors(value);
+      } else {
+        this._serverErrors[key] = value;
+        this.setErrorMessage(key, { server: { message: value } });
+      }
+    }
+  }
+  parseValidatorsConfig() {
+    if (this.validators) {
+      for (const [key, value] of Object.entries(this.validators)) {
+        if (Array.isArray(value))
+          value.forEach((v) => this.parseConditinalExpression(key, v));
+        else
+          this.parseConditinalExpression(key, value);
+        this.runValidator(key);
+      }
+    }
+  }
+  parseConditinalExpression(key, value) {
+    if (value.config) {
+      const columns = expressionColumns(value.config);
+      columns.forEach((t) => {
+        this.addConditionally(t.propName, key);
+      });
+      if (value.config.fieldName)
+        this.addConditionally(value.config.fieldName, key);
+    }
+  }
+  addConditionally(propName, key) {
+    if (!this.runConditionally[propName])
+      this.runConditionally[propName] = [];
+    if (this.runConditionally[propName].indexOf(key) == -1)
+      this.runConditionally[propName].push(key);
+  }
+  get value() {
+    return this._value;
+  }
+  runAllValidators() {
+    for (const key of this.properties) {
+      this.runValidator(key);
+    }
+  }
+  defineProperties() {
+    for (const key of this.properties) {
+      const value = this._value[key];
+      if (Array.isArray(value)) {
+        this.defineGroupProp(key, new FormArray(value, {
+          validators: this.validators[key] ? this.validators[key][0] : void 0,
+          parent: this,
+          root: this.root
+        }, FormGroup));
+      } else if (isObject(value)) {
+        this.defineGroupProp(key, new FormGroup(this._value[key], { parent: this, root: this.root || this, validators: this.validators[key] }));
+      } else {
+        this.defineProp(key, this._value, this.validators[key]);
+      }
+    }
+  }
+  defineGroupProp(propName, value) {
+    Object.defineProperty(this, propName, {
+      get: () => value
+    });
+    this.childrens.set(propName, value);
+  }
+  defineProp(propName, value, validator) {
+    let _propValue = this._value[propName];
+    this._value[propName] = this.getSanitizeValue(propName, this._value[propName]);
+    Object.defineProperty(this, propName, {
+      get: () => _propValue,
+      set: (value2) => {
+        _propValue = value2;
+        this.clearErrorMessage(propName);
+        delete this._serverErrors[propName];
+        this._value[propName] = this.getSanitizeValue(propName, value2);
+        this.runConditionalValidation(propName);
+        this.runValidator(propName);
+      }
+    });
+  }
+  runConditionalValidation(propName) {
+    const conditionalProps = this.runConditionally[propName];
+    if (conditionalProps)
+      conditionalProps.forEach((prop) => this.runValidator(prop));
+  }
+  runValidator(propName) {
+    if (nattyForms.formConfig?.runValidatorStrategy && nattyForms.formConfig?.runValidatorStrategy == RunValidatorStrategy.OnSubmit && this.submit || !nattyForms.formConfig?.runValidatorStrategy) {
+      if (this.validators) {
+        const validator = this.validators[propName];
+        if (validator) {
+          const errors = this.runValidation(validator, { name: propName, value: this._value[propName], current: this, root: this.root });
+          if (errors)
+            this._errors[propName] = errors;
+          else if (this._errors[propName])
+            delete this._errors[propName];
+        }
+      }
+    }
+  }
+  runValidation(validator, params) {
+    if (validator) {
+      if (Array.isArray(validator)) {
+        let jErrors = {};
+        validator.forEach((validatorFn) => {
+          const errors = validatorFn.validator(params);
+          if (errors) {
+            jErrors = { ...jErrors, ...errors };
+          }
+        });
+        const keys = Object.keys(jErrors);
+        if (keys.length > 0)
+          this.setErrorMessage(params.name, jErrors);
+        else
+          this.clearErrorMessage(params.name);
+        return keys.length > 0 ? jErrors : null;
+      } else {
+        const errors = validator.validator(params);
+        if (errors)
+          this.setErrorMessage(params.name, errors);
+        else {
+          this.clearErrorMessage(params.name);
+        }
+        return errors;
+      }
+    }
+  }
+  get errors() {
+    let errors = this._errors;
+    for (const [key, value] of this.childrens.entries()) {
+      const childGroupErrors = value.errors;
+      if (childGroupErrors)
+        errors = { ...errors, ...{ [key]: childGroupErrors } };
+    }
+    errors = { ...errors, ...this._serverErrors };
+    return Object.keys(errors).length == 0 ? null : errors;
+  }
+  get valid() {
+    return this.errors == null;
+  }
+  get errorMessage() {
+    return this._errorMessage;
+  }
+  setErrorMessage(name, errors) {
+    this._errorMessage[name] = errors[Object.keys(errors)[0]].message;
+  }
+  clearErrorMessage(name) {
+    delete this._errorMessage[name];
+  }
+}
+
+function useForm(entity, config) {
+  return new FormGroup(entity, {
+    type: config?.type,
+    validators: config?.validators
+  });
+}
+
+const Validators = {
+  required: (config) => callValidator(config, validationDecorators.ControlValidators.required)
+};
+
+validationDecorators.decoratorRegistrationCaller.register = ReactiveFormContainer.register;
+
+exports.allOf = validationDecorators.decoratorAllOfValidation;
+exports.alpha = validationDecorators.decoratorAlphaValidation;
+exports.alphaNumeric = validationDecorators.decoratorAlphaNumericValidation;
+exports.ascii = validationDecorators.decoratorAsciiValidation;
+exports.blacklist = validationDecorators.decoratorBlacklistSanitizer;
+exports.contains = validationDecorators.decoratorContainsValidation;
+exports.creditCard = validationDecorators.decoratorCreditCardValidation;
+exports.cusip = validationDecorators.decoratorCusipValidation;
+exports.dataUri = validationDecorators.decoratorDataUriValidation;
+exports.date = validationDecorators.decoratorDateValidation;
+exports.different = validationDecorators.decoratorDifferentValdiation;
+exports.digit = validationDecorators.decoratorDigitValidation;
+exports.email = validationDecorators.decoratorEmailValidation;
+exports.endsWith = validationDecorators.decoratorEndsWithValidation;
+exports.escape = validationDecorators.decoratorEscapeSanitizer;
+exports.even = validationDecorators.decoratorEvenValidation;
+exports.extension = validationDecorators.decoratorExtensionValidation;
+exports.factor = validationDecorators.decoratorFactorValidation;
+exports.greaterThan = validationDecorators.decoratorGreaterThanValidation;
+exports.greaterThanEqualTo = validationDecorators.decoratorGreaterThanEqualToValidation;
+exports.hexColor = validationDecorators.decoratorHexColorValidation;
+exports.ip = validationDecorators.decoratorIpValidation;
+exports.json = validationDecorators.decoratorJsonValidation;
+exports.latLong = validationDecorators.decoratorLatLongValidation;
+exports.latitude = validationDecorators.decoratorLatitudeValdiation;
+exports.leapYear = validationDecorators.decoratorLeapYearValidation;
+exports.lessThan = validationDecorators.decoratorLessThanValidation;
+exports.lessThanEqualTo = validationDecorators.decoratorLessThanEqualToValidation;
+exports.longitude = validationDecorators.decoratorLongitudeValidation;
+exports.lowerCase = validationDecorators.decoratorLowercaseValidation;
+exports.ltrim = validationDecorators.decoratorLtrimSanitizer;
+exports.mac = validationDecorators.decoratorMacValidation;
+exports.maxDate = validationDecorators.decoratorMaxDateValidation;
+exports.maxLength = validationDecorators.decoratorMaxLengthValidation;
+exports.maxNumber = validationDecorators.decoratorMaxNumberValidation;
+exports.maxTime = validationDecorators.decoratorMaxTimeValidation;
+exports.minDate = validationDecorators.decoratorMinDateValidation;
+exports.minLength = validationDecorators.decoratorMinLengthValidation;
+exports.minNumber = validationDecorators.decoratorMinNumberValidation;
+exports.minTime = validationDecorators.decoratorMinTimeValidation;
+exports.noneOf = validationDecorators.decoratorNoneOfValidation;
+exports.notEmpty = validationDecorators.decoratorNotEmptyValidation;
+exports.numeric = validationDecorators.decoratorNumericValidation;
+exports.odd = validationDecorators.decoratorOddValidation;
+exports.oneOf = validationDecorators.decoratorOneOfValidation;
+exports.password = validationDecorators.decoratorPasswordValdiation;
+exports.pattern = validationDecorators.decoratorPatternValidation;
+exports.port = validationDecorators.decoratorPortValidation;
+exports.prefix = validationDecorators.decoratorPrefixSanitizer;
+exports.primeNumber = validationDecorators.decoratorPrimeNumberValidation;
+exports.prop = validationDecorators.prop;
+exports.range = validationDecorators.decoratorRangeValidation;
+exports.required = validationDecorators.decoratorRequiredValidation;
+exports.requiredTrue = validationDecorators.decoratorRequiredTrueValidation;
+exports.rtrim = validationDecorators.decoratorRtrimSanitizer;
+exports.sanitize = validationDecorators.decoratorSanitizeSanitizer;
+exports.startsWith = validationDecorators.decoratorStartsWithValidation;
+exports.stripLow = validationDecorators.decoratorStripLowSanitizer;
+exports.suffix = validationDecorators.decoratorSuffixSanitizer;
+exports.toBoolean = validationDecorators.decoratorToBooleanSanitizer;
+exports.toDate = validationDecorators.decoratorToDateSanitizer;
+exports.toInt = validationDecorators.decoratorToIntSanitizer;
+exports.toString = validationDecorators.decoratorToStringSanitizer;
+exports.trim = validationDecorators.decoratorTrimSanitizer;
+exports.upperCase = validationDecorators.decoratorUpperCaseValidation;
+exports.url = validationDecorators.decoratorUrlValidation;
+exports.whitelist = validationDecorators.decoratorWhitelistSanitizer;
+exports.RunValidatorStrategy = RunValidatorStrategy;
+exports.Validators = Validators;
+exports.nattyForms = nattyForms;
+exports.useForm = useForm;

package/dist/index.d.ts

@@ -0,0 +1,66 @@
+import { ValidatorFn, FormConfig, RequiredConfig } from '@nattyjs/validation-decorators';
+export { decoratorAllOfValidation as allOf, decoratorAlphaValidation as alpha, decoratorAlphaNumericValidation as alphaNumeric, decoratorAsciiValidation as ascii, decoratorBlacklistSanitizer as blacklist, decoratorContainsValidation as contains, decoratorCreditCardValidation as creditCard, decoratorCusipValidation as cusip, decoratorDataUriValidation as dataUri, decoratorDateValidation as date, decoratorDifferentValdiation as different, decoratorDigitValidation as digit, decoratorEmailValidation as email, decoratorEndsWithValidation as endsWith, decoratorEscapeSanitizer as escape, decoratorEvenValidation as even, decoratorExtensionValidation as extension, decoratorFactorValidation as factor, decoratorGreaterThanValidation as greaterThan, decoratorGreaterThanEqualToValidation as greaterThanEqualTo, decoratorHexColorValidation as hexColor, decoratorIpValidation as ip, decoratorJsonValidation as json, decoratorLatLongValidation as latLong, decoratorLatitudeValdiation as latitude, decoratorLeapYearValidation as leapYear, decoratorLessThanValidation as lessThan, decoratorLessThanEqualToValidation as lessThanEqualTo, decoratorLongitudeValidation as longitude, decoratorLowercaseValidation as lowerCase, decoratorLtrimSanitizer as ltrim, decoratorMacValidation as mac, decoratorMaxDateValidation as maxDate, decoratorMaxLengthValidation as maxLength, decoratorMaxNumberValidation as maxNumber, decoratorMaxTimeValidation as maxTime, decoratorMinDateValidation as minDate, decoratorMinLengthValidation as minLength, decoratorMinNumberValidation as minNumber, decoratorMinTimeValidation as minTime, decoratorNoneOfValidation as noneOf, decoratorNotEmptyValidation as notEmpty, decoratorNumericValidation as numeric, decoratorOddValidation as odd, decoratorOneOfValidation as oneOf, decoratorPasswordValdiation as password, decoratorPatternValidation as pattern, decoratorPortValidation as port, decoratorPrefixSanitizer as prefix, decoratorPrimeNumberValidation as primeNumber, prop, decoratorRangeValidation as range, decoratorRequiredValidation as required, decoratorRequiredTrueValidation as requiredTrue, decoratorRtrimSanitizer as rtrim, decoratorSanitizeSanitizer as sanitize, decoratorStartsWithValidation as startsWith, decoratorStripLowSanitizer as stripLow, decoratorSuffixSanitizer as suffix, decoratorToBooleanSanitizer as toBoolean, decoratorToDateSanitizer as toDate, decoratorToIntSanitizer as toInt, decoratorToStringSanitizer as toString, decoratorTrimSanitizer as trim, decoratorUpperCaseValidation as upperCase, decoratorUrlValidation as url, decoratorWhitelistSanitizer as whitelist } from '@nattyjs/validation-decorators';
+
+interface Type<T> extends Function {
+    new (...args: any[]): T;
+}
+
+interface IFormGroup {
+    get valid(): boolean;
+    get root(): IFormGroup;
+    get parent(): IFormGroup;
+    get errors(): ValidatorFn;
+    submit: boolean;
+    get errorMessage(): {
+        [key: string]: string;
+    };
+    get value(): any;
+    setServerErrors(value: {
+        [key: string]: any;
+    }): void;
+}
+
+type PropValidator = {
+    config: any;
+    validator: (params: any) => ValidatorFn;
+};
+type ValidatorConfig<T> = {
+    [key in keyof Partial<T>]: PropertyValidatorType<T[key], T[key]>;
+};
+type PropertyValidatorType<T, Prop> = T extends number ? PropValidator : T extends string ? PropValidator : T extends object ? ValidatorConfig<T> : T extends Array<T> ? ValidatorConfig<T> : T;
+
+type ControlConfig<T> = {
+    [key in keyof T]: FormGroupDefinition<T[key], T[key]>;
+};
+type FormGroupDefinition<T, Prop> = T extends number ? number : T extends string ? string : T extends object ? ControlConfig<T> & IFormGroup : T extends Array<T> ? ControlConfig<T>[] & IFormGroup : T;
+
+declare function useForm<T>(entity: T, config?: {
+    type?: Type<T>;
+    validators?: {
+        [key in keyof Partial<T>]: PropertyValidatorType<T[key], T[key]>;
+    };
+}): ControlConfig<T> & IFormGroup;
+
+declare enum RunValidatorStrategy {
+    None = 0,
+    OnSubmit = 1,
+    OnDirty = 2
+}
+
+interface NattyFormConfig extends FormConfig {
+    runValidatorStrategy?: RunValidatorStrategy;
+}
+
+declare const nattyForms: {
+    formConfig: NattyFormConfig;
+    configure(config: NattyFormConfig): any;
+};
+
+declare const Validators: {
+    required: (config?: RequiredConfig) => {
+        config: any;
+        validator: (params: any) => any;
+    };
+};
+
+export { IFormGroup, RunValidatorStrategy, Validators, nattyForms, useForm };

package/dist/index.mjs

@@ -0,0 +1,454 @@
+import { validationForms, ControlValidators, decoratorRegistrationCaller } from '@nattyjs/validation-decorators';
+export { decoratorAllOfValidation as allOf, decoratorAlphaValidation as alpha, decoratorAlphaNumericValidation as alphaNumeric, decoratorAsciiValidation as ascii, decoratorBlacklistSanitizer as blacklist, decoratorContainsValidation as contains, decoratorCreditCardValidation as creditCard, decoratorCusipValidation as cusip, decoratorDataUriValidation as dataUri, decoratorDateValidation as date, decoratorDifferentValdiation as different, decoratorDigitValidation as digit, decoratorEmailValidation as email, decoratorEndsWithValidation as endsWith, decoratorEscapeSanitizer as escape, decoratorEvenValidation as even, decoratorExtensionValidation as extension, decoratorFactorValidation as factor, decoratorGreaterThanValidation as greaterThan, decoratorGreaterThanEqualToValidation as greaterThanEqualTo, decoratorHexColorValidation as hexColor, decoratorIpValidation as ip, decoratorJsonValidation as json, decoratorLatLongValidation as latLong, decoratorLatitudeValdiation as latitude, decoratorLeapYearValidation as leapYear, decoratorLessThanValidation as lessThan, decoratorLessThanEqualToValidation as lessThanEqualTo, decoratorLongitudeValidation as longitude, decoratorLowercaseValidation as lowerCase, decoratorLtrimSanitizer as ltrim, decoratorMacValidation as mac, decoratorMaxDateValidation as maxDate, decoratorMaxLengthValidation as maxLength, decoratorMaxNumberValidation as maxNumber, decoratorMaxTimeValidation as maxTime, decoratorMinDateValidation as minDate, decoratorMinLengthValidation as minLength, decoratorMinNumberValidation as minNumber, decoratorMinTimeValidation as minTime, decoratorNoneOfValidation as noneOf, decoratorNotEmptyValidation as notEmpty, decoratorNumericValidation as numeric, decoratorOddValidation as odd, decoratorOneOfValidation as oneOf, decoratorPasswordValdiation as password, decoratorPatternValidation as pattern, decoratorPortValidation as port, decoratorPrefixSanitizer as prefix, decoratorPrimeNumberValidation as primeNumber, prop, decoratorRangeValidation as range, decoratorRequiredValidation as required, decoratorRequiredTrueValidation as requiredTrue, decoratorRtrimSanitizer as rtrim, decoratorSanitizeSanitizer as sanitize, decoratorStartsWithValidation as startsWith, decoratorStripLowSanitizer as stripLow, decoratorSuffixSanitizer as suffix, decoratorToBooleanSanitizer as toBoolean, decoratorToDateSanitizer as toDate, decoratorToIntSanitizer as toInt, decoratorToStringSanitizer as toString, decoratorTrimSanitizer as trim, decoratorUpperCaseValidation as upperCase, decoratorUrlValidation as url, decoratorWhitelistSanitizer as whitelist } from '@nattyjs/validation-decorators';
+
+const _ReactiveFormContainer = class {
+  static register(config) {
+    const params = config.decoratorParams;
+    const target = config.decoratorParams.target.constructor.name;
+    let entityInfo = _ReactiveFormContainer.entityConfig.get(target);
+    let propertyInfo = null;
+    if (!entityInfo) {
+      _ReactiveFormContainer.entityConfig.set(target, { target: config.decoratorParams.target, properties: {} });
+      entityInfo = _ReactiveFormContainer.entityConfig.get(target);
+    }
+    propertyInfo = entityInfo.properties[params.propertyKey];
+    if (!propertyInfo)
+      propertyInfo = entityInfo.properties[params.propertyKey] = { validators: {}, sanitizers: {} };
+    if (!propertyInfo.propConfig && config.propConfig)
+      propertyInfo.propConfig = {};
+    if (config.propConfig)
+      propertyInfo.propConfig = { ...config.propConfig, ...propertyInfo.propConfig };
+    if (config.validatorConfig)
+      propertyInfo.validators[config.validatorConfig.name] = config.validatorConfig;
+    if (config.sanitizerConfig) {
+      propertyInfo.sanitizers[config.sanitizerConfig.name] = config.sanitizerConfig;
+    }
+  }
+  static getPropertyValidators(target, propName) {
+    const entityInfo = _ReactiveFormContainer.entityConfig.get(target);
+    const propertyInfo = entityInfo.properties[propName];
+    return propertyInfo ? propertyInfo.validators : {};
+  }
+  static getProperties(target) {
+    return _ReactiveFormContainer.entityConfig.get(target);
+  }
+};
+let ReactiveFormContainer = _ReactiveFormContainer;
+ReactiveFormContainer.entityConfig = /* @__PURE__ */ new Map();
+
+const nattyForms = new class {
+  constructor() {
+    this.formConfig = {
+      dateConfig: {
+        format: "ymd",
+        seperator: "-"
+      }
+    };
+  }
+  configure(config) {
+    this.formConfig = { ...this.formConfig, ...config };
+    validationForms.configure(this.formConfig);
+  }
+}();
+
+function callValidator(config, validator) {
+  return {
+    config,
+    validator: (params) => {
+      const result = validator(config || {}, params);
+      return result;
+    }
+  };
+}
+
+function createInstance(model) {
+  let classInstance = Object.create(model.prototype);
+  try {
+    model.apply(classInstance);
+  } catch (ex) {
+    classInstance = Reflect.construct(model, []);
+  }
+  return classInstance;
+}
+
+const THIS = "this";
+function expressionColumns(config, isNonValidationExpression = false) {
+  var columns = [];
+  if (config && config.conditionalExpression)
+    columns = expressionParser(config.conditionalExpression, isNonValidationExpression);
+  return columns;
+}
+function expressionParser(expression, isNonValidationExpression) {
+  let columns = [];
+  let expressionString = expression.toString();
+  let expressionArguments = extractArguments(expressionString);
+  if (expressionArguments.length > 0) {
+    let splitTexts = [];
+    expressionString.replace(/\s/g, "").replace(new RegExp(/{|}/, "g"), "").split(new RegExp(/return|===|!==|==|!=|>=|>|<=|<|&&/)).forEach((t) => {
+      let texts = t.replace(/\(|\)/g, "").split("||");
+      for (let text of texts)
+        splitTexts.push(text);
+    });
+    splitTexts.forEach((t) => {
+      expressionArguments.forEach((x, i) => {
+        t = t.trim();
+        if (t.startsWith(x + ".")) {
+          var splitText = t.split(".");
+          if (splitText.length == 2 || splitText.length >= 2 && isNonValidationExpression)
+            if (!isNonValidationExpression)
+              columns.push({ propName: splitText[1].trim(), argumentIndex: i == 3 ? 0 : i == 2 ? 1 : i == 1 ? -1 : i });
+            else
+              columns.push({ propName: getConditionPath(splitText), argumentIndex: i == 3 ? 0 : i == 2 ? 1 : i == 1 ? -1 : i });
+          else {
+            var arrayProp = splitText[1].split("[");
+            let jObject = {
+              propName: splitText[splitText.length - 1].trim(),
+              objectPropName: arrayProp[0],
+              arrayIndex: arrayProp.length > 1 ? arrayProp[1].replace("]", "") : void 0,
+              argumentIndex: i === 3 ? 0 : i === 2 ? 1 : i
+            };
+            columns.push(jObject);
+          }
+        }
+      });
+    });
+  }
+  return columns;
+}
+function extractArguments(splitText) {
+  let expressionArguments = [THIS];
+  if (splitText[0].trim() !== "(" && !splitText.trim().startsWith("function")) {
+    let text = splitText[0].split("=>")[0];
+    expressionArguments.push(text.trim().replace("(", "").replace(")", ""));
+  } else {
+    let splitTexts = splitText.match(/\(([^)]+)\)/g);
+    if (splitTexts && splitTexts[0])
+      splitTexts[0].split(",").forEach((t) => expressionArguments.push(t.trim().replace("(", "").replace(")", "")));
+  }
+  return expressionArguments;
+}
+function getConditionPath(texts) {
+  let path = "";
+  for (var i = 1; i < texts.length; i++)
+    path += texts.length - 1 == i ? texts[i].trim() : `${texts[i].trim()}.`;
+  return path;
+}
+
+function isObject(value) {
+  return !!value && typeof value === "object";
+}
+
+class FormArray extends Array {
+  constructor(childrens, params, typeFormGroup) {
+    super();
+    this.params = params;
+    this.typeFormGroup = typeFormGroup;
+    this.childrens = new Array();
+    this.init(childrens);
+    if (params) {
+      this.root = params.root;
+      this.parent = params.parent;
+    }
+  }
+  init(childrens) {
+    childrens.forEach((t) => {
+      const typeFormGroup = this.typeFormGroup;
+      const formGroup = new typeFormGroup(t, this.params);
+      this.childrens.push(formGroup);
+      this.push(formGroup);
+    });
+  }
+  get errors() {
+    const errors = [];
+    this.childrens.forEach((t, index) => {
+      const formGroupErrors = t.errors;
+      if (formGroupErrors)
+        errors.push({ ...formGroupErrors, index });
+    });
+    return errors.length == 0 ? null : errors;
+  }
+  get valid() {
+    return this.errors == null;
+  }
+  setServerErrors(errors) {
+    for (const error of errors) {
+      if (error.index !== void 0) {
+        delete error.index;
+        this.childrens[error.index].setServerErrors(error);
+      }
+    }
+  }
+}
+
+var RunValidatorStrategy = /* @__PURE__ */ ((RunValidatorStrategy2) => {
+  RunValidatorStrategy2[RunValidatorStrategy2["None"] = 0] = "None";
+  RunValidatorStrategy2[RunValidatorStrategy2["OnSubmit"] = 1] = "OnSubmit";
+  RunValidatorStrategy2[RunValidatorStrategy2["OnDirty"] = 2] = "OnDirty";
+  return RunValidatorStrategy2;
+})(RunValidatorStrategy || {});
+
+class FormGroup {
+  constructor(_value, formGroupParam) {
+    this._value = _value;
+    this.formGroupParam = formGroupParam;
+    this.properties = new Array();
+    this.runConditionally = {};
+    this.sanitizeProps = {};
+    this.childrens = /* @__PURE__ */ new Map();
+    this._serverErrors = {};
+    this._errors = {};
+    this._errorMessage = {};
+    if (formGroupParam) {
+      this.validators = formGroupParam.validators || {};
+      this.parent = formGroupParam.parent;
+      this.root = formGroupParam.root;
+      if (formGroupParam.type)
+        this._value = this.createClassInstance(this._value, formGroupParam.type);
+    }
+    this.properties = Object.keys(_value);
+    this.updatePropertiesOnClassInstance();
+    this.defineProperties();
+    this.parseValidatorsConfig();
+  }
+  get submit() {
+    return this._submit;
+  }
+  set submit(value) {
+    this._submit = value;
+    if (value)
+      this.runAllValidators();
+  }
+  createClassInstance(entity, type) {
+    const entityInfo = ReactiveFormContainer.getProperties(type.name);
+    if (entityInfo) {
+      if (entityInfo.properties) {
+        const properties = entityInfo.properties;
+        const instance = createInstance(type);
+        for (const [key, value] of Object.entries(entity)) {
+          if (properties[key] && properties[key].propConfig) {
+            const propConfig = properties[key].propConfig;
+            if (propConfig.type) {
+              if (propConfig.isArrayType) {
+                if (Array.isArray(entity[key])) {
+                  instance[key] = new Array();
+                  entity[key].forEach((item) => {
+                    instance[key].push(
+                      this.createClassInstance(item, propConfig.type)
+                    );
+                  });
+                }
+              } else
+                instance[key] = this.createClassInstance(entity[key], propConfig.type);
+            } else
+              instance[key] = value;
+          } else
+            instance[key] = value;
+        }
+        return instance;
+      }
+    }
+    return null;
+  }
+  getSanitizeValue(propName, propValue) {
+    if (this.sanitizeProps[propName]) {
+      for (const [key, value] of Object.entries(this.sanitizeProps[propName])) {
+        propValue = value.sanitizer(propValue, value.config);
+      }
+    }
+    return propValue;
+  }
+  getEntityInfo(entityInfo) {
+    const validators = {};
+    const properties = new Array();
+    const sanitizers = {};
+    if (entityInfo.properties) {
+      for (const [key, value] of Object.entries(entityInfo.properties)) {
+        validators[key] = new Array();
+        properties.push(key);
+        for (const validatorInfo of Object.entries(value.validators).values()) {
+          const validatorConfig = validatorInfo[1];
+          validators[key].push(callValidator(validatorConfig.config, validatorConfig.validator));
+        }
+        if (Object.keys(value.sanitizers).length > 0)
+          sanitizers[key] = value.sanitizers;
+      }
+    }
+    return { properties, validators, sanitizers };
+  }
+  updatePropertiesOnClassInstance() {
+    if (this._value.constructor) {
+      const entityInfo = ReactiveFormContainer.getProperties(this._value.constructor.name);
+      if (entityInfo) {
+        const { properties, validators, sanitizers } = this.getEntityInfo(entityInfo);
+        this.validators = validators, this.properties = properties;
+        this.sanitizeProps = sanitizers;
+      }
+    }
+  }
+  setServerErrors(errors) {
+    for (const [key, value] of Object.entries(errors)) {
+      const children = this.childrens.get(key);
+      if ((Array.isArray(value) || isObject(value)) && children) {
+        children.setServerErrors(value);
+      } else {
+        this._serverErrors[key] = value;
+        this.setErrorMessage(key, { server: { message: value } });
+      }
+    }
+  }
+  parseValidatorsConfig() {
+    if (this.validators) {
+      for (const [key, value] of Object.entries(this.validators)) {
+        if (Array.isArray(value))
+          value.forEach((v) => this.parseConditinalExpression(key, v));
+        else
+          this.parseConditinalExpression(key, value);
+        this.runValidator(key);
+      }
+    }
+  }
+  parseConditinalExpression(key, value) {
+    if (value.config) {
+      const columns = expressionColumns(value.config);
+      columns.forEach((t) => {
+        this.addConditionally(t.propName, key);
+      });
+      if (value.config.fieldName)
+        this.addConditionally(value.config.fieldName, key);
+    }
+  }
+  addConditionally(propName, key) {
+    if (!this.runConditionally[propName])
+      this.runConditionally[propName] = [];
+    if (this.runConditionally[propName].indexOf(key) == -1)
+      this.runConditionally[propName].push(key);
+  }
+  get value() {
+    return this._value;
+  }
+  runAllValidators() {
+    for (const key of this.properties) {
+      this.runValidator(key);
+    }
+  }
+  defineProperties() {
+    for (const key of this.properties) {
+      const value = this._value[key];
+      if (Array.isArray(value)) {
+        this.defineGroupProp(key, new FormArray(value, {
+          validators: this.validators[key] ? this.validators[key][0] : void 0,
+          parent: this,
+          root: this.root
+        }, FormGroup));
+      } else if (isObject(value)) {
+        this.defineGroupProp(key, new FormGroup(this._value[key], { parent: this, root: this.root || this, validators: this.validators[key] }));
+      } else {
+        this.defineProp(key, this._value, this.validators[key]);
+      }
+    }
+  }
+  defineGroupProp(propName, value) {
+    Object.defineProperty(this, propName, {
+      get: () => value
+    });
+    this.childrens.set(propName, value);
+  }
+  defineProp(propName, value, validator) {
+    let _propValue = this._value[propName];
+    this._value[propName] = this.getSanitizeValue(propName, this._value[propName]);
+    Object.defineProperty(this, propName, {
+      get: () => _propValue,
+      set: (value2) => {
+        _propValue = value2;
+        this.clearErrorMessage(propName);
+        delete this._serverErrors[propName];
+        this._value[propName] = this.getSanitizeValue(propName, value2);
+        this.runConditionalValidation(propName);
+        this.runValidator(propName);
+      }
+    });
+  }
+  runConditionalValidation(propName) {
+    const conditionalProps = this.runConditionally[propName];
+    if (conditionalProps)
+      conditionalProps.forEach((prop) => this.runValidator(prop));
+  }
+  runValidator(propName) {
+    if (nattyForms.formConfig?.runValidatorStrategy && nattyForms.formConfig?.runValidatorStrategy == RunValidatorStrategy.OnSubmit && this.submit || !nattyForms.formConfig?.runValidatorStrategy) {
+      if (this.validators) {
+        const validator = this.validators[propName];
+        if (validator) {
+          const errors = this.runValidation(validator, { name: propName, value: this._value[propName], current: this, root: this.root });
+          if (errors)
+            this._errors[propName] = errors;
+          else if (this._errors[propName])
+            delete this._errors[propName];
+        }
+      }
+    }
+  }
+  runValidation(validator, params) {
+    if (validator) {
+      if (Array.isArray(validator)) {
+        let jErrors = {};
+        validator.forEach((validatorFn) => {
+          const errors = validatorFn.validator(params);
+          if (errors) {
+            jErrors = { ...jErrors, ...errors };
+          }
+        });
+        const keys = Object.keys(jErrors);
+        if (keys.length > 0)
+          this.setErrorMessage(params.name, jErrors);
+        else
+          this.clearErrorMessage(params.name);
+        return keys.length > 0 ? jErrors : null;
+      } else {
+        const errors = validator.validator(params);
+        if (errors)
+          this.setErrorMessage(params.name, errors);
+        else {
+          this.clearErrorMessage(params.name);
+        }
+        return errors;
+      }
+    }
+  }
+  get errors() {
+    let errors = this._errors;
+    for (const [key, value] of this.childrens.entries()) {
+      const childGroupErrors = value.errors;
+      if (childGroupErrors)
+        errors = { ...errors, ...{ [key]: childGroupErrors } };
+    }
+    errors = { ...errors, ...this._serverErrors };
+    return Object.keys(errors).length == 0 ? null : errors;
+  }
+  get valid() {
+    return this.errors == null;
+  }
+  get errorMessage() {
+    return this._errorMessage;
+  }
+  setErrorMessage(name, errors) {
+    this._errorMessage[name] = errors[Object.keys(errors)[0]].message;
+  }
+  clearErrorMessage(name) {
+    delete this._errorMessage[name];
+  }
+}
+
+function useForm(entity, config) {
+  return new FormGroup(entity, {
+    type: config?.type,
+    validators: config?.validators
+  });
+}
+
+const Validators = {
+  required: (config) => callValidator(config, ControlValidators.required)
+};
+
+decoratorRegistrationCaller.register = ReactiveFormContainer.register;
+
+export { RunValidatorStrategy, Validators, nattyForms, useForm };

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@nattyjs/forms",
+  "version": "0.0.1-beta.0",
+  "description": "",
+  "keywords": [],
+  "module": "./dist/index.mjs",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "unbuild"
+  },
+  "author": "ajayojha",
+  "license": "MIT",
+  "dependencies": {
+    "@nattyjs/validation-decorators": "0.0.1-beta.0"
+  },
+  "devDependencies": {
+    "unbuild": "1.2.1"
+  }
+}