Fixup! onformsubmit empty value returning issue has fixed

1) onformsubmit issue fixed
2) Lang enum has exported for public use
3) Updated the corresponding non breaking changes in the documents

Signed-off-by: gokulakannant <[email protected]>

Author: gokulakannant

.gitignore

@@ -1,3 +1,4 @@
 node_modules/
 dist
 Documentation
+example/package-lock.json

src/index.ts

@@ -1,6 +1,6 @@
 const Validator = require("validatorjs");
 import { IReactComponent, IOptions, IValidatorErrors, IDynamicKeyValues, ReactFormSubmitEventHandler,
-    ReactFormInputValidation as BaseValidation } from "./specs/react-form-input-validator.spec";
+    ReactFormInputValidation as BaseValidation, Lang } from "./specs/react-form-input-validator.spec";
 
 class ReactFormInputValidation extends BaseValidation {
     private component: IReactComponent;
@@ -29,15 +29,15 @@ class ReactFormInputValidation extends BaseValidation {
         Validator.registerAsync(name, callbackFn);
     }
 
-    static setMessages(name: string, values: object): void {
-        Validator.setMessages(name, values);
+    static setMessages(langCode: Lang, values: object): void {
+        Validator.setMessages(langCode, values);
     }
 
-    static getMessages(name: string): object {
-        return Validator.getMessages(name);
+    static getMessages(langCode: Lang): object {
+        return Validator.getMessages(langCode);
     }
 
-    static getDefaultLang(): string {
+    static getDefaultLang(): Lang {
         return Validator.getDefaultLang();
     }
 
@@ -95,40 +95,52 @@ class ReactFormInputValidation extends BaseValidation {
 
     public handleSubmit(event: React.FormEvent) {
         event.preventDefault();
-        if (this.validateForm(event.target)) {
-            super.emit(this.getEvent(this.component.state.fields));
-        }
+        this.validateForm(event.target).then(hasError => {
+            if (!hasError) {
+                super.emit(this.getEvent(this.component.state.fields));
+            }
+        });
     }
 
     /**
      * Validate the entire html form on submit.
      *
      * @param form Html form
      */
-    private validateForm(form): boolean {
+    private validateForm(form): Promise<boolean> {
         if (!this.component || !this.component.state) {
             this.component.state = {
                 errors: {}
             };
         }
 
+        const validatePromises: Array<Promise<any>> = [];
+
         form.querySelectorAll("textarea,select,input:not([type='submit']):not([type='file']):not([data-ignore-validation])")
             .forEach((element) => {
-            this.validate(element).then((inputErrors) => {
-                this.errors = Object.assign(this.errors, inputErrors);
-                this.component.setState({
-                    errors: this.errors,
-                    isValidatorUpdate: true
-                });
-            }).catch(error => console.error(error));
+            validatePromises.push(this.validate(element));
         });
 
-        if (Object.keys(this.component.state.errors)[0] &&
-            form.querySelector(`[name="${Object.keys(this.component.state.errors)[0]}"]`)) {
-            form.querySelector(`[name="${Object.keys(this.component.state.errors)[0]}"]`).focus();
-        }
-
-        return Object.keys(this.component.state.errors).length === 0;
+        return new Promise((resolve) => {
+            Promise.all(validatePromises)
+                    .then((results) => {
+                       results.forEach((eachResult) => {
+                        this.errors = Object.assign(this.errors, eachResult);
+                        this.component.setState({
+                            errors: this.errors,
+                            isValidatorUpdate: true
+                        });
+                       });
+
+                       if (Object.keys(this.component.state.errors)[0] &&
+                            form.querySelector(`[name="${Object.keys(this.component.state.errors)[0]}"]`)) {
+                            form.querySelector(`[name="${Object.keys(this.component.state.errors)[0]}"]`).focus();
+                        }
+
+                       resolve(Object.keys(this.component.state.errors).length === 0);
+                    })
+                    .catch(errors => console.log(errors));
+        });
     }
 
     /**
@@ -246,4 +258,7 @@ class ReactFormInputValidation extends BaseValidation {
     }
 }
 
+export {
+    Lang
+};
 export default ReactFormInputValidation;

src/specs/react-form-input-validator.spec.ts

@@ -403,31 +403,34 @@ export abstract class ReactFormInputValidation extends EventTarget {
     /**
      * You can also add your own custom language by calling setMessages.
      *
-     * @param name The name of the rule.
+     * @param langCode Override {@link Lang} code validation error messages.
      * @param values A error messages object.
      * @example
      * ```js
      *
-     * ReactFormInputValidation.setMessages('lang_code', {
+     * import ReactFormInputValidation, { Lang } from "react-form-input-validation";
+     *
+     * ReactFormInputValidation.setMessages(Lang.en, {
      *  required: 'The :attribute field is required.'
      * });
      * ```
      * @see Example in [Code Sandbox](https://codesandbox.io/s/react-form-input-validationattribute-formattors-bfomi).
      */
-    static setMessages(name: string, values: object): void { }
+    static setMessages(langCode: Lang, values: object): void { }
 
     /**
      * Get the raw object of messages for the given language.
      *
-     * @param name The name of the rule.
+     * @param langCode Retrive {@link Lang} code validation error messages.
      * @example
      * ```js
      *
-     * ReactFormInputValidation.getMessages('lang_code');
+     * import ReactFormInputValidation, { Lang } from "react-form-input-validation";
+     * ReactFormInputValidation.getMessages(Lang.en); (i.e) 'en'
      * ```
      * @see Example in [Code Sandbox](https://codesandbox.io/s/react-form-input-validationattribute-formattors-bfomi).
      */
-    static getMessages(name: string): object { return _; }
+    static getMessages(langCode: Lang): object { return _; }
 
     /***
      * Get the default language being used.
@@ -438,7 +441,7 @@ export abstract class ReactFormInputValidation extends EventTarget {
      * ```
      * @see Example in [Code Sandbox](https://codesandbox.io/s/react-form-input-validationlocale-rhz6w).
      */
-    static getDefaultLang(): string { return _; }
+    static getDefaultLang(): Lang { return _; }
 
     /**
      * You can supply global custom attribute names in your app with the attributes property.