@cocreate/validation 1.1.2 → 1.2.1

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [1.2.1](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.2.0...v1.2.1) (2021-10-15)
+
+
+### Bug Fixes
+
+* update packages ([db5eb17](https://github.com/CoCreate-app/CoCreate-validation/commit/db5eb178bed1447539d728c7cb1c158940083431))
+
+# [1.2.0](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.1.4...v1.2.0) (2021-10-14)
+
+
+### Bug Fixes
+
+* updated dependencies ([f10f55e](https://github.com/CoCreate-app/CoCreate-validation/commit/f10f55e81d374f7df20d0d88920fd1ed8c4c41ab))
+
+
+### Features
+
+* apply a selector to actions='validate(#name)' and use selector to validate a specific element rather then whole form ([ab9bb28](https://github.com/CoCreate-app/CoCreate-validation/commit/ab9bb28cf3250b416ea019d8001c7dda8e011a19))
+
+## [1.1.4](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.1.3...v1.1.4) (2021-10-14)
+
+
+### Bug Fixes
+
+* relocated removeElement action to render ([e4ea779](https://github.com/CoCreate-app/CoCreate-validation/commit/e4ea779a92cf59ba1eac1ddec3643789e2c3fa8f))
+
+## [1.1.3](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.1.2...v1.1.3) (2021-10-13)
+
+
+### Bug Fixes
+
+* update descriptions ([9b70821](https://github.com/CoCreate-app/CoCreate-validation/commit/9b7082155fbec706c764ec8ec98dee00b9eccb9c))
+
 ## [1.1.2](https://github.com/CoCreate-app/CoCreate-validation/compare/v1.1.1...v1.1.2) (2021-10-13)
 
 

package/README.md

@@ -1,6 +1,6 @@
 # CoCreate-validation
 
-A simple validation component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API. Take it for a spin in our [playground!](https://cocreate.app/docs/validation)
+A simple validation component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API. Take it for a spin in our [playground!](https://cocreate.app/docs/validation)
 
 ![min file size in bytes](https://img.badgesize.io/https://cdn.cocreate.app/validation/latest/CoCreate-validation.min.js?style=flat-square&label=minified&color=orange)
 ![gzip file size in bytes](https://img.badgesize.io/https://cdn.cocreate.app/validation/latest/CoCreate-validation.min.js?compression=gzip&style=flat-square&label=gzip&color=yellow)

package/docs/index.html

@@ -6,7 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>CoCreate-validation Documentation | CoCreateJS </title>
         <link rel="icon" type="image/png" sizes="32x32" href="https://cocreate.app/images/favicon.ico">
-        <meta name="description" content="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable." />
+        <meta name="description" content="A simple HTML5 and pure javascript component. Easy configuration using HTML5 attributes or Javscript api and highly styleable." />
         <meta name="keywords" content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         
@@ -29,7 +29,7 @@
                     <a class="margin-right:15px share" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
                 </div>
             </div>
-            <p class="max-width:500px margin:20px_10px">A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</h1>
+            <p class="max-width:500px margin:20px_10px">A headless vinilla javascript micro component. Easy configuration using HTML5 attributes or Javscript api.</h1>
             <div id="validation-section" class="display:flex flex-wrap:wrap">
                 <div class="flex-grow:1 width:300px padding:20px_10px">
                     <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cocreate/validation",
-  "version": "1.1.2",
-  "description": "A simple validation component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
+  "version": "1.2.1",
+  "description": "A simple validation component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "validation",
     "cocreate",
@@ -61,9 +61,9 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/action": "^1.2.27",
-    "@cocreate/docs": "^1.2.30",
-    "@cocreate/hosting": "^1.2.27",
-    "@cocreate/render": "^1.2.0"
+    "@cocreate/action": "^1.3.0",
+    "@cocreate/docs": "^1.2.32",
+    "@cocreate/hosting": "^1.2.29",
+    "@cocreate/render": "^1.3.0"
   }
 }

package/src/index.js

@@ -10,8 +10,19 @@ import action from '@cocreate/action';
 import render from '@cocreate/render';
 
 function  validate(btn) {
-	let element = btn.closest('form');
-	let validateElements = element.querySelectorAll('[unique="false"]');
+	let validateElements;
+	
+	if (btn.actionParams.size != 0){
+		let selector = btn.actionParams.get('validate');
+		validateElements = document.querySelectorAll(`${selector}[unique="false"]`);
+		if (!validateElements.length){
+			let element = document.querySelector(selector);
+			validateElements = element.querySelectorAll('[unique="false"]');
+		}
+	} else {
+		let element = btn.closest('form');
+		validateElements = element.querySelectorAll('[unique="false"]');
+	}
 	
 	if (validateElements.length){
 		render.data({
@@ -30,13 +41,6 @@ function  validate(btn) {
 	}
 }
 
-function  removeElement(btn) {
-	let element = btn.closest('[templateid]');
-    if (element)
-        element.remove();
-}
-
-
 action.init({
 	action: "validate",
 	endEvent: "validate",
@@ -45,10 +49,3 @@ action.init({
 	}
 });
 
-action.init({
-	action: "remove",
-	endEvent: "remove",
-	callback: (btn, data) => {
-		removeElement(btn);
-	}
-});