@aurodesignsystem/auro-formkit 1.6.0-beta.10 → 1.6.0-beta.11

package/components/select/dist/index.js

@@ -110,6 +110,30 @@ class AuroFormValidation {
     this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
   }
 
+  /**
+   * Resets the element to its initial state.
+   * @private
+   * @param {object} elem - HTML element to reset.
+   * @returns {void}
+   */
+  reset(elem) {
+    elem.validity = undefined;
+    elem.value = undefined;
+
+    // Resets the second value of the datepicker in range state
+    if (elem.valueEnd) {
+      elem.valueEnd = undefined;
+    }
+
+    // Resets selected option of element
+    if (elem.optionSelected) {
+      elem.optionSelected = undefined;
+    }
+
+    // Runs validation to handle error attribute
+    this.validate(elem);
+  }
+
   /**
    * Determines the validity state of the element based on the common attribute restrictions (pattern).
    * @private
@@ -124,10 +148,15 @@ class AuroFormValidation {
         elem.validity = 'badInput';
         elem.setCustomValidity = elem.setCustomValidityBadInput || '';
       }
-    } else if (elem.value && elem.value.length > 0 && elem.value.length < elem.minLength) {
+    }
+
+    // Length > 0 is required to prevent the error message from showing when the input is empty
+    if (elem.value?.length > 0 && elem.value?.length < elem.minLength) {
       elem.validity = 'tooShort';
       elem.setCustomValidity = elem.setCustomValidityTooShort || '';
-    } else if (elem.value && elem.value.length > elem.maxLength) {
+    }
+    
+    if (elem.value?.length > elem.maxLength) {
       elem.validity = 'tooLong';
       elem.setCustomValidity = elem.setCustomValidityTooLong || '';
     }
@@ -153,7 +182,7 @@ class AuroFormValidation {
           elem.validity = 'tooShort';
           elem.setCustomValidity = elem.setCustomValidityForType || '';
         }
-      } else if (elem.type === 'number' || elem.type === 'numeric') { // 'numeric` is a deprecated alias for number'
+      } else if (elem.type === 'number') {
         if (elem.max !== undefined && Number(elem.max) < Number(elem.value)) {
           elem.validity = 'rangeOverflow';
           elem.setCustomValidity = elem.getAttribute('setCustomValidityRangeOverflow') || '';
@@ -258,14 +287,10 @@ class AuroFormValidation {
 
     if (validationShouldRun || elem.hasAttribute('error')) {
       if (elem.validity && elem.validity !== 'valid') {
-        elem.isValid = false;
-
         // Use the validity message override if it is declared
         if (elem.ValidityMessageOverride) {
           elem.setCustomValidity = elem.ValidityMessageOverride;
         }
-      } else {
-        elem.isValid = true;
       }
 
       this.getErrorMessage(elem);
@@ -3319,8 +3344,7 @@ class AuroSelect extends r$4 {
         type: Object
       },
       value: {
-        type: String,
-        reflect: true
+        type: String
       },
       noValidate: {
         type: Boolean,
@@ -3681,6 +3705,14 @@ class AuroSelect extends r$4 {
     }
   }
 
+  /**
+   * Resets component to initial state.
+   * @returns {void}
+   */
+  reset() {
+    this.validation.reset(this);
+  }
+
   /**
    * Handles reading of auro-select by screen readers.
    * @private

package/components/select/src/auro-select.js

@@ -111,8 +111,7 @@ export class AuroSelect extends LitElement {
         type: Object
       },
       value: {
-        type: String,
-        reflect: true
+        type: String
       },
       noValidate: {
         type: Boolean,
@@ -473,6 +472,14 @@ export class AuroSelect extends LitElement {
     }
   }
 
+  /**
+   * Resets component to initial state.
+   * @returns {void}
+   */
+  reset() {
+    this.validation.reset(this);
+  }
+
   /**
    * Handles reading of auro-select by screen readers.
    * @private

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem/auro-formkit",
-  "version": "1.6.0-beta.10",
+  "version": "1.6.0-beta.11",
   "description": "A collection of web components used to build forms.",
   "type": "module",
   "license": "Apache-2.0",

package/packages/form-validation/src/validation.js

@@ -12,6 +12,30 @@ export default class AuroFormValidation {
     this.runtimeUtils = new AuroLibraryRuntimeUtils();
   }
 
+  /**
+   * Resets the element to its initial state.
+   * @private
+   * @param {object} elem - HTML element to reset.
+   * @returns {void}
+   */
+  reset(elem) {
+    elem.validity = undefined;
+    elem.value = undefined;
+
+    // Resets the second value of the datepicker in range state
+    if (elem.valueEnd) {
+      elem.valueEnd = undefined;
+    }
+
+    // Resets selected option of element
+    if (elem.optionSelected) {
+      elem.optionSelected = undefined;
+    }
+
+    // Runs validation to handle error attribute
+    this.validate(elem);
+  }
+
   /**
    * Determines the validity state of the element based on the common attribute restrictions (pattern).
    * @private
@@ -26,10 +50,15 @@ export default class AuroFormValidation {
         elem.validity = 'badInput';
         elem.setCustomValidity = elem.setCustomValidityBadInput || '';
       }
-    } else if (elem.value && elem.value.length > 0 && elem.value.length < elem.minLength) {
+    }
+
+    // Length > 0 is required to prevent the error message from showing when the input is empty
+    if (elem.value?.length > 0 && elem.value?.length < elem.minLength) {
       elem.validity = 'tooShort';
       elem.setCustomValidity = elem.setCustomValidityTooShort || '';
-    } else if (elem.value && elem.value.length > elem.maxLength) {
+    }
+    
+    if (elem.value?.length > elem.maxLength) {
       elem.validity = 'tooLong';
       elem.setCustomValidity = elem.setCustomValidityTooLong || '';
     }
@@ -55,7 +84,7 @@ export default class AuroFormValidation {
           elem.validity = 'tooShort';
           elem.setCustomValidity = elem.setCustomValidityForType || '';
         }
-      } else if (elem.type === 'number' || elem.type === 'numeric') { // 'numeric` is a deprecated alias for number'
+      } else if (elem.type === 'number') {
         if (elem.max !== undefined && Number(elem.max) < Number(elem.value)) {
           elem.validity = 'rangeOverflow';
           elem.setCustomValidity = elem.getAttribute('setCustomValidityRangeOverflow') || '';
@@ -160,14 +189,10 @@ export default class AuroFormValidation {
 
     if (validationShouldRun || elem.hasAttribute('error')) {
       if (elem.validity && elem.validity !== 'valid') {
-        elem.isValid = false;
-
         // Use the validity message override if it is declared
         if (elem.ValidityMessageOverride) {
           elem.setCustomValidity = elem.ValidityMessageOverride;
         }
-      } else {
-        elem.isValid = true;
       }
 
       this.getErrorMessage(elem);

package/.turbo/cache/049b9083252d38be-meta.json

@@ -1 +0,0 @@
-{"hash":"049b9083252d38be","duration":9861}

package/.turbo/cache/0a1dd4481355cb0b-meta.json

@@ -1 +0,0 @@
-{"hash":"0a1dd4481355cb0b","duration":3090}

package/.turbo/cache/3323eb841acb9c4e-meta.json

@@ -1 +0,0 @@
-{"hash":"3323eb841acb9c4e","duration":2974}

package/.turbo/cache/34ba23e2e2d652ad-meta.json

@@ -1 +0,0 @@
-{"hash":"34ba23e2e2d652ad","duration":19488}

package/.turbo/cache/368cd6fed7975ad2-meta.json

@@ -1 +0,0 @@
-{"hash":"368cd6fed7975ad2","duration":3003}

package/.turbo/cache/549e6ef9f9ffd9a8-meta.json

@@ -1 +0,0 @@
-{"hash":"549e6ef9f9ffd9a8","duration":738}

package/.turbo/cache/59ccd8430174883c-meta.json

@@ -1 +0,0 @@
-{"hash":"59ccd8430174883c","duration":2673}

package/.turbo/cache/683d4c0e20c077a9-meta.json

@@ -1 +0,0 @@
-{"hash":"683d4c0e20c077a9","duration":10159}

package/.turbo/cache/8f8ffe35cc79d1a9-meta.json

@@ -1 +0,0 @@
-{"hash":"8f8ffe35cc79d1a9","duration":4504}

package/.turbo/cache/926d632729ca6536-meta.json

@@ -1 +0,0 @@
-{"hash":"926d632729ca6536","duration":6169}

package/.turbo/cache/9e7be41cc3a7ef43-meta.json

@@ -1 +0,0 @@
-{"hash":"9e7be41cc3a7ef43","duration":1810}

package/.turbo/cache/9ee793063ea89126-meta.json

@@ -1 +0,0 @@
-{"hash":"9ee793063ea89126","duration":5572}

package/.turbo/cache/a1558cef51c034da-meta.json

@@ -1 +0,0 @@
-{"hash":"a1558cef51c034da","duration":1671}

package/.turbo/cache/a24f2ff8e94e56e8-meta.json

@@ -1 +0,0 @@
-{"hash":"a24f2ff8e94e56e8","duration":18961}

package/.turbo/cache/a2705cf095a2ceb0-meta.json

@@ -1 +0,0 @@
-{"hash":"a2705cf095a2ceb0","duration":18976}

package/.turbo/cache/a33c0749886a41b5-meta.json

@@ -1 +0,0 @@
-{"hash":"a33c0749886a41b5","duration":6457}

package/.turbo/cache/a66b465385a30a2b-meta.json

@@ -1 +0,0 @@
-{"hash":"a66b465385a30a2b","duration":21344}

package/.turbo/cache/e25ac25a8a0ad126-meta.json

@@ -1 +0,0 @@
-{"hash":"e25ac25a8a0ad126","duration":2500}

package/.turbo/cache/e671573e4ef02c47-meta.json

@@ -1 +0,0 @@
-{"hash":"e671573e4ef02c47","duration":18924}

package/.turbo/cache/ffec4500b911b85a-meta.json

@@ -1 +0,0 @@
-{"hash":"ffec4500b911b85a","duration":5574}