@cocreate/validation 1.14.1 → 1.15.1

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [1.15.1](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.15.0...v1.15.1) (2024-01-30)
+
+
+### Bug Fixes
+
+* template selector ([b135e76](https://github.com/CoCreate-app/CoCreate-validation/commit/b135e76a4e123ae86fc304a8807152ee938baffe))
+
+# [1.15.0](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.14.1...v1.15.0) (2023-12-18)
+
+
+### Bug Fixes
+
+* initialize length and email validations ([7cace75](https://github.com/CoCreate-app/CoCreate-validation/commit/7cace75c62a054ce23a7f8f03dc68736387ef2bb))
+* render property ([93e3040](https://github.com/CoCreate-app/CoCreate-validation/commit/93e3040d12407ea95693f2fbd6544dd6bf70b4fb))
+
+
+### Features
+
+* email validation ([c950a32](https://github.com/CoCreate-app/CoCreate-validation/commit/c950a3215536eef27f1110d3fe10466c8d9c346e))
+* length validation ([591b2b8](https://github.com/CoCreate-app/CoCreate-validation/commit/591b2b811d597a909c6d0eb0020ca6857224d66d))
+
 ## [1.14.1](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.14.0...v1.14.1) (2023-12-15)
 
 

package/package.json

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

package/src/index.js

@@ -12,14 +12,18 @@ import { matches } from './validations/matches';
 import { required } from './validations/required';
 import { unique } from './validations/unique';
 import { subdomain } from './validations/subdomain';
+import { length } from './validations/length';
+import { email } from './validations/email';
 
 const validations = new Map();
 validations.set('matches', matches);
 validations.set('required', required);
 validations.set('subdomain', subdomain);
 validations.set('unique', unique);
+validations.set('length', length);
+validations.set('email', email);
 
-const selectors = '[matches], [required], [unique], [subdomain]';
+const selectors = '[matches], [required], [unique], [subdomain], [length], [email]';
 
 async function validate(btn, params) {
     let validateElements;

package/src/validations/email.js

@@ -0,0 +1,31 @@
+import { render } from '@cocreate/render';
+
+export var email = async (elements) => {
+    let failedElements = [];
+    for (let element of elements) {
+        let length = element.getAttribute('length') || 0
+        length = parseFloat(length)
+        let value = await element.getValue();
+        let isValidEmail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/.test(value);
+
+        if (isValidEmail) {
+            element.setAttribute('validation', 'true');
+        } else {
+            element.setAttribute('validation', 'false');
+            failedElements.push(element);
+        }
+    }
+    if (failedElements.length) {
+        render({
+            selector: "[template*='validate']",
+            data: [{
+                type: 'email',
+                status: 'failed',
+                message: 'Please enter a valid email address',
+                selector: '[required][validation="false"]',
+                elements: failedElements
+            }]
+        });
+        return failedElements;
+    }
+};

package/src/validations/length.js

@@ -0,0 +1,31 @@
+import { render } from '@cocreate/render';
+
+export var length = async (elements) => {
+    let failedElements = [];
+    for (let element of elements) {
+        let length = element.getAttribute('length') || 0
+        length = parseFloat(length)
+        let value = await element.getValue();
+        if (element.type === 'password')
+            value = atob(value)
+        if (value.length >= length) {
+            element.setAttribute('validation', 'true');
+        } else {
+            element.setAttribute('validation', 'false');
+            failedElements.push(element);
+        }
+    }
+    if (failedElements.length) {
+        render({
+            selector: "[template*='validate']",
+            data: [{
+                type: 'length',
+                status: 'failed',
+                message: 'Does not meet the minimum character length requirement',
+                selector: '[required][validation="false"]',
+                elements: failedElements
+            }]
+        });
+        return failedElements;
+    }
+};

package/src/validations/matches.js

@@ -37,14 +37,14 @@ function matches(elements) {
     }
     if (failedElements.length) {
         render({
-            selector: "[template='validate']",
-            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;
     }

package/src/validations/required.js

@@ -1,5 +1,5 @@
 // import {validations} from '../index.js';
-import render from '@cocreate/render';
+import { render } from '@cocreate/render';
 
 
 export var required = async (elements) => {
@@ -15,15 +15,15 @@ export var required = async (elements) => {
         }
     }
     if (failedElements.length) {
-        render.render({
-            selector: "[template='validate']",
-            data: {
+        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

@@ -47,14 +47,14 @@ function subdomain(elements) {
     }
     if (failedElements.length) {
         render({
-            selector: "[template='validate']",
-            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;
     }

package/src/validations/unique.js

@@ -10,14 +10,14 @@ export const unique = (elements) => {
     }
     if (failedElements.length) {
         render({
-            selector: "[template='validate']",
-            data: {
+            selector: "[template*='validate']",
+            data: [{
                 type: 'unique',
                 status: 'failed',
                 message: 'One or more values are not unique',
                 selector: '[unique="false"]',
                 elements: failedElements
-            }
+            }]
         });
         return failedElements;
     }