@cocreate/validation 1.11.6 → 1.11.8

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.11.8](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.11.7...v1.11.8) (2023-10-20)
+
+
+### Bug Fixes
+
+* actions ([6a8b1fa](https://github.com/CoCreate-app/CoCreate-validation/commit/6a8b1fab566c6be04fc3b87625658ff5510d14ce))
+
+## [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)
 
 

package/package.json

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

package/src/index.js

@@ -6,7 +6,7 @@
  ********************************************************************************/
 
 /*globals CustomEvent*/
-import action from '@cocreate/actions';
+import actions from '@cocreate/actions';
 // import render from '@cocreate/render';
 import { matches } from './validations/matches';
 import { required } from './validations/required';
@@ -72,10 +72,10 @@ async function validate(btn, params) {
     }
 }
 
-action.init({
+actions.init({
     name: "validate",
-    callback: (data) => {
-        validate(data.element, data.params);
+    callback: (action) => {
+        validate(action.element, action.params);
     }
 });
 

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

package/src/validations/subdomain.js

@@ -1,4 +1,4 @@
-import render from '@cocreate/render';
+import { render } from '@cocreate/render';
 
 function initSubdomain() {
     let elements = document.querySelectorAll('[subdomain]');
@@ -46,7 +46,7 @@ function subdomain(elements) {
         }
     }
     if (failedElements.length) {
-        render.data({
+        render({
             selector: "[template='validate']",
             data: {
                 type: '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',