@cocreate/validation 1.11.5 → 1.11.7

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.11.7](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.11.6...v1.11.7) (2023-10-19)
+
+
+### Bug Fixes
+
+* declartion of render functions using object spread ([b51b172](https://github.com/CoCreate-app/CoCreate-validation/commit/b51b17283c46c6c777d70f4f1ad853cec9100caf))
+
+## [1.11.6](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.11.5...v1.11.6) (2023-10-17)
+
+
+### Bug Fixes
+
+* await getValue() ([71acb5f](https://github.com/CoCreate-app/CoCreate-validation/commit/71acb5fceb4c5157bdfa56540324979ed286f671))
+
 ## [1.11.5](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.11.4...v1.11.5) (2023-10-14)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/validation",
-  "version": "1.11.5",
+  "version": "1.11.7",
   "description": "A simple validation component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "validation",

package/src/index.js

@@ -21,7 +21,7 @@ validations.set('unique', unique);
 
 const selectors = '[matches], [required], [unique], [subdomain]';
 
-function validate(btn, params) {
+async function validate(btn, params) {
     let validateElements;
     let validateSelectors = [];
     let failedElements = [];
@@ -54,7 +54,7 @@ function validate(btn, params) {
             }
         }
         if (elements.length) {
-            let failedEls = func(elements);
+            let failedEls = await func(elements);
             if (failedEls)
                 failedElements.push(failedEls);
         }

package/src/validations/matches.js

@@ -1,23 +1,23 @@
-import render from '@cocreate/render';
+import { render } from '@cocreate/render';
 
-function initMatches(){
+function initMatches() {
     let elements = document.querySelectorAll('[matches]');
-    for (let element of elements){
+    for (let element of elements) {
         let targetSelector = element.getAttribute('matches');
         let target = document.querySelector(targetSelector);
-        element.validations = {matches: target};
+        element.validations = { matches: target };
         element.addEventListener('input', validateMatchEvent);
     }
 }
 
-function validateMatchEvent(e){
+function validateMatchEvent(e) {
     validateMatch(e.target);
 }
 
-function validateMatch(element){
+function validateMatch(element) {
     // let element = e.target;
     let target = element.validations.matches;
-    if (target.value == element.value){
+    if (target.value == element.value) {
         target.setAttribute('validation', 'true');
         element.setAttribute('validation', 'true');
     }
@@ -27,29 +27,29 @@ function validateMatch(element){
     }
 }
 
-function matches(elements){
+function matches(elements) {
     let failedElements = [];
     for (let element of elements) {
         let isValid = element.getAttribute('validation');
-        if (isValid == 'false'){
+        if (isValid == 'false') {
             failedElements.push(element);
         }
     }
-    if (failedElements.length){
-		render.data({
-			selector: "[template='validate']",
-			data: {
-		        type: 'matches',
-		        status: 'failed',
-		        message: 'One or more values do not match',
-		        selector: '[matches][validation="false"]',
-		        elements: failedElements
-	    	}
-		});
-		return failedElements;
+    if (failedElements.length) {
+        render({
+            selector: "[template='validate']",
+            data: {
+                type: 'matches',
+                status: 'failed',
+                message: 'One or more values do not match',
+                selector: '[matches][validation="false"]',
+                elements: failedElements
+            }
+        });
+        return failedElements;
     }
 }
 
 initMatches();
 
-export {matches};
+export { matches };

package/src/validations/required.js

@@ -1,12 +1,12 @@
 // import {validations} from '../index.js';
-import render from '@cocreate/render';
+import { render } from '@cocreate/render';
 
 
-export var required = (elements) => {
+export var required = async (elements) => {
     let failedElements = [];
-    for (let element of elements){
-        let value = element.getValue();
-        if (value){
+    for (let element of elements) {
+        let value = await element.getValue();
+        if (value) {
             element.setAttribute('validation', 'true');
         }
         else {
@@ -14,17 +14,17 @@ export var required = (elements) => {
             failedElements.push(element);
         }
     }
-    if (failedElements.length){
-		render.data({
-			selector: "[template='validate']",
-			data: {
-		        type: 'unique',
-		        status: 'failed',
-		        message: 'One or more required fields are missing values',
-				selector: '[required][validation="false"]',
-		        elements: failedElements
-	    	}
-		});
-		return failedElements;
+    if (failedElements.length) {
+        render({
+            selector: "[template='validate']",
+            data: {
+                type: 'unique',
+                status: 'failed',
+                message: 'One or more required fields are missing values',
+                selector: '[required][validation="false"]',
+                elements: failedElements
+            }
+        });
+        return failedElements;
     }
 };

package/src/validations/subdomain.js

@@ -1,28 +1,28 @@
-import render from '@cocreate/render';
+import { render } from '@cocreate/render';
 
-function initSubdomain(){
+function initSubdomain() {
     let elements = document.querySelectorAll('[subdomain]');
-    for (let element of elements){
+    for (let element of elements) {
         element.addEventListener('input', validateSubdomainEvent);
     }
 }
 
-function validateSubdomainEvent(e){
+function validateSubdomainEvent(e) {
     validateSubdomain(e.target);
 }
 
-function validateSubdomain(element){
-    let subdomain = element.getValue();
+async function validateSubdomain(element) {
+    let subdomain = await element.getValue();
     let validation = 'false';
     if (Array.isArray(subdomain))
         subdomain = subdomain[0]
     let array = subdomain.split('.');
-    if (array.length -1 == 2){
+    if (array.length - 1 == 2) {
         validation = 'true';
     }
 
     const pattern = /^[a-z0-9][a-z0-9\-]*[a-z0-9]$/;
-    if (validation != 'false' && pattern.test(array[0])){
+    if (validation != 'false' && pattern.test(array[0])) {
         validation = 'true';
     }
     else
@@ -31,35 +31,35 @@ function validateSubdomain(element){
     // if (validation && array == 2){
     //     validation = 'true';
     // }
-   
+
     element.setAttribute('validation', validation);
     return validation;
 }
 
-function subdomain(elements){
+function subdomain(elements) {
     let failedElements = [];
     for (let element of elements) {
         // let isValid = element.getAttribute('subdomain');
         let isValid = validateSubdomain(element);
-        if (isValid == 'false'){
+        if (isValid == 'false') {
             failedElements.push(element);
         }
     }
-    if (failedElements.length){
-		render.data({
-			selector: "[template='validate']",
-			data: {
-		        type: 'subdomain',
-		        status: 'failed',
-		        message: 'Enter a valid subdomain. subdomain can only be one level.',
-		        selector: '[subdomain][validation="false"]',
-		        elements: failedElements
-	    	}
-		});
-		return failedElements;
+    if (failedElements.length) {
+        render({
+            selector: "[template='validate']",
+            data: {
+                type: 'subdomain',
+                status: 'failed',
+                message: 'Enter a valid subdomain. subdomain can only be one level.',
+                selector: '[subdomain][validation="false"]',
+                elements: failedElements
+            }
+        });
+        return failedElements;
     }
 }
 
 initSubdomain();
 
-export {subdomain};
+export { subdomain };

package/src/validations/unique.js

@@ -1,4 +1,4 @@
-import render from '@cocreate/render';
+import { render } from '@cocreate/render';
 
 export const unique = (elements) => {
     let failedElements = [];
@@ -9,7 +9,7 @@ export const unique = (elements) => {
         }
     }
     if (failedElements.length) {
-        render.data({
+        render({
             selector: "[template='validate']",
             data: {
                 type: 'unique',