dry-ux 1.55.0 → 1.56.0

package/dist/enhanced-inputs/Validaition.d.ts

@@ -31,6 +31,11 @@ export declare class Element {
      * @returns The value of the data attribute.
      */
     data(attribute: string): string;
+    /**
+     * Gets the value of an attribute.
+     * @param attribute
+     */
+    attr(attribute: string): string;
     /**
      * Checks if the element is visible.
      * @returns True if the element is visible, false otherwise.
@@ -113,13 +118,19 @@ export declare class Validation {
      * Validates the entire form.
      * @returns True if the form is valid, false otherwise.
      */
-    validateForm(): boolean;
+    validateForm<T = void>(): {
+        isValid: boolean;
+        values: T;
+    };
     /**
      * Validates a specific input element.
      * @param input The input element or its ID.
      * @returns True if the input is valid, false otherwise.
      */
-    validateInput(input: HTMLElement | string): boolean;
+    validateInput(input: HTMLElement | string): {
+        isValid: boolean;
+        value?: string;
+    };
     /**
      * Validates a specific element.
      * @param element The element to validate.

package/dist/enhanced-inputs/Validaition.js

@@ -43,6 +43,13 @@ class Element {
     data(attribute) {
         return this.native.getAttribute(["data"].concat(attribute.split(/(?=[A-Z])/).map(s => s.toLowerCase())).join("-"));
     }
+    /**
+     * Gets the value of an attribute.
+     * @param attribute
+     */
+    attr(attribute) {
+        return this.native.getAttribute(attribute);
+    }
     /**
      * Checks if the element is visible.
      * @returns True if the element is visible, false otherwise.
@@ -131,7 +138,15 @@ class Validation {
      * @returns True if the form is valid, false otherwise.
      */
     validateForm() {
-        return this.getElements(this.form).filter(element => !this.validate(element)).length === 0;
+        const values = {};
+        const isValid = !this.getElements(this.form).filter(element => {
+            const { isValid, value } = this.validate(element);
+            if (isValid && element.attr("name")) {
+                values[element.attr("name")] = value;
+            }
+            return !isValid;
+        }).length;
+        return { isValid, values };
     }
     /**
      * Validates a specific input element.
@@ -150,21 +165,21 @@ class Validation {
     validate(element) {
         var _a;
         if (!element.visible() && !element.hasClass("validate-hidden")) {
-            return true;
+            return { isValid: true };
         }
-        let val = element.val(), errorRefAttr = element.data("validationErrorRef");
+        let value = element.val(), errorRefAttr = element.data("validationErrorRef");
         let isValid = true;
         let errorMsg = "";
-        const numericValue = Number(val);
+        const numericValue = Number(value);
         if (element.data("validationTrim") != null) {
             const trim = element.data("validationTrim");
             for (let i = 0, len = trim.length; i < len; i++) {
-                val = val.split(trim[i]).join("");
+                value = value.split(trim[i]).join("");
             }
         }
         //Optional: data-required-message
         if (element.hasClass("validate-required") && isValid) {
-            isValid = val != "";
+            isValid = value != "";
             if (element.data("requiredMessage") != null)
                 errorMsg = element.data("requiredMessage");
             else
@@ -201,7 +216,7 @@ class Validation {
         //Optional: data-email-message
         if (element.hasClass("validate-email") && isValid) {
             var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
-            isValid = val.search(emailRegEx) != -1;
+            isValid = value.search(emailRegEx) != -1;
             if (element.data("emailMessage") != null)
                 errorMsg = element.data("emailMessage");
             else
@@ -209,7 +224,7 @@ class Validation {
         }
         //Optional: data-digits-message
         if (element.hasClass("validate-digits") && isValid) {
-            isValid = val.match(/[0-9]*/)[0].length == val.length;
+            isValid = value.match(/[0-9]*/)[0].length == value.length;
             if (element.data("digitsMessage") != null)
                 errorMsg = element.data("digitsMessage");
             else
@@ -220,7 +235,7 @@ class Validation {
         if (element.hasClass("validate-compare") && isValid) {
             if (element.data("compare") != null) {
                 const compareTo = new Element(document.getElementById(element.data("compare"))).val();
-                isValid = compareTo == val;
+                isValid = compareTo == value;
                 if (element.data("compareMessage") != null)
                     errorMsg = element.data("compareMessage");
                 else
@@ -232,7 +247,7 @@ class Validation {
         if (element.hasClass("validate-min-length") && isValid) {
             if (element.data("minLength") != null) {
                 const maxLength = parseInt(element.data("minLength"));
-                isValid = val.length >= maxLength;
+                isValid = value.length >= maxLength;
                 if (element.data("minLengthMessage") != null)
                     errorMsg = element.data("minLengthMessage");
                 else
@@ -244,7 +259,7 @@ class Validation {
         if (element.hasClass("validate-min-digits-length") && isValid) {
             if (element.data("minDigitsLength") != null) {
                 const minLength = parseInt(element.data("minDigitsLength"));
-                isValid = val.replace(/[^0-9]/g, "").length >= minLength;
+                isValid = value.replace(/[^0-9]/g, "").length >= minLength;
                 if (element.data("minDigitsLengthMessage") != null)
                     errorMsg = element.data("minDigitsLengthMessage");
                 else
@@ -256,7 +271,7 @@ class Validation {
         if (element.hasClass("validate-max-length") && isValid) {
             if (element.data("maxLength") != null) {
                 const maxlength = parseInt(element.data("maxLength"));
-                isValid = val.length <= maxlength;
+                isValid = value.length <= maxlength;
                 if (element.data("maxLengthMessage") != null)
                     errorMsg = element.data("maxLengthMessage");
                 else
@@ -265,7 +280,7 @@ class Validation {
         }
         //Optional: data-date-message
         if (element.hasClass("validate-date") && isValid) {
-            isValid = this.validateDate(val);
+            isValid = this.validateDate(value);
             if (element.data("dateMessage") != null)
                 errorMsg = element.data("dateMessage");
             else
@@ -276,8 +291,8 @@ class Validation {
         if (element.hasClass("validate-max-value") && isValid) {
             if (element.data("maxValue") != null) {
                 const maxvalue = parseFloat(element.data("maxValue"));
-                if (val.length > 0 && !isNaN(numericValue))
-                    isValid = parseFloat(val) <= maxvalue;
+                if (value.length > 0 && !isNaN(numericValue))
+                    isValid = parseFloat(value) <= maxvalue;
                 if (element.data("maxvalueMessage") != null)
                     errorMsg = element.data("maxvalueMessage");
                 else
@@ -289,7 +304,7 @@ class Validation {
         if (element.hasClass("validate-max-date") && isValid) {
             if (element.data("maxDate") != null) {
                 const maxDate = new Date(element.data("maxDate"));
-                const day = new Date(val);
+                const day = new Date(value);
                 isValid = day <= maxDate;
                 if (element.data("maxDateMessage") != null)
                     errorMsg = element.data("maxDateMessage");
@@ -302,7 +317,7 @@ class Validation {
         if (element.hasClass("validate-min-date") && isValid) {
             if (element.data("minDate") != null) {
                 const minDate = new Date(element.data("minDate"));
-                const day = new Date(val);
+                const day = new Date(value);
                 isValid = day >= minDate;
                 if (element.data("minDateMessage") != null)
                     errorMsg = element.data("minDateMessage");
@@ -313,7 +328,7 @@ class Validation {
         if (element.hasClass("validate-disallowed-days-of-week") && isValid) {
             const disallowedDays = element.data("disallowedDaysOfWeek").toString().split(",");
             try {
-                const day = new Date(val).getUTCDay().toString();
+                const day = new Date(value).getUTCDay().toString();
                 // Days in JS range from 0-6 where 0 is Sunday and 6 is Saturday
                 isValid = !disallowedDays.some(d => d == day);
                 if (!isValid) {
@@ -329,7 +344,7 @@ class Validation {
         //Checking if control is valid and performing necessary action
         if (isValid) {
             errorRef.removeClass("error-background");
-            return true;
+            return { isValid: true, value };
         }
         else {
             if (errorMsg !== "") {
@@ -344,7 +359,7 @@ class Validation {
             if (!element.hasClass("validation-no-error-background")) {
                 errorRef.addClass("error-background");
             }
-            return false;
+            return { isValid: false };
         }
     }
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.55.0",
+  "version": "1.56.0",
   "description": "",
   "main": "dist/index",
   "scripts": {