@shopmacher/validate - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

lib/validate.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.validate=t():e.validate=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),i=function(e){return e&&e.__esModule?e:{default:e}}(r);n(11);t.default=i.default,e.exports=t.default},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;t.length>n;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(3),o=function(e){return e&&e.__esModule?e:{default:e}}(a),u=n(5),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(u);t.default=function(){function e(t){var n=this;if(r(this,e),this.$ref=null,this.$errorRef=null,this.options={},this.activeValidators=[],this.createValidators=function(){var e=n.options,t=e.minLength,r=e.maxLength,i=e.empty,a=e.type,o=e.regex;i.message&&n.activeValidators.push(s.empty(n.$ref,i)),t&&t.value&&n.activeValidators.push(s.minLength(n.$ref,t)),r&&r.value&&n.activeValidators.push(s.maxLength(n.$ref,r)),a&&a.value&&n.activeValidators.push(s.dataType(n.$ref,a)),o&&o.value&&n.activeValidators.push(s.regex(n.$ref,o))},this.validate=function(){var e=n.activeValidators.reduce(function(e,t){var r=t.message||n.options.invalidMessage;return t.isValid()||e.includes(r)?e:e.concat(r)},[]),t=e.indexOf(n.options.empty.message);t>-1&&(e=[e[t]]);var r=0===e.length;return r?n.$ref.classList.remove("sm-validate-error"):n.$ref.classList.add("sm-validate-error"),n.$errorRef&&(n.$errorRef.innerHTML=e.join("<br/>")),r},!(this.$ref=t))throw Error("Validator needs an element reference, to be initialized.");var i=this.$ref.dataset,a=i.validateEmptyMessage,u=i.validateMinlength,l=i.validateMinlengthMessage,f=i.validateMaxlength,c=i.validateMaxlengthMessage,d=i.validateType,v=i.validateTypeMessage,p=i.validateRegex,m=i.validateRegexMessage,y=i.validateDebounce,g=i.validateMessageCount,b=i.validateInvalidMessage,h=i.validateErrorElement;this.options={empty:{message:a},minLength:{value:u,message:l},maxLength:{value:f,message:c},type:{value:d,message:v},regex:{value:p,message:m},trigger:{debounce:y?parseInt(y,10):300},invalidMessage:b,messageCount:g},h&&(this.$errorRef=document.querySelector(h)),this.createValidators(),this.validateDebounced=(0,o.default)(this.validate,this.options.trigger.debounce),this.$ref.addEventListener("keyup",this.validateDebounced),this.$ref.addEventListener("blur",this.validate)}return i(e,null,[{key:"init",value:function(){var t=document.querySelectorAll('[data-validate="true"]');return Array.prototype.map.call(t,function(t){return new e(t)})}},{key:"attachToForm",value:function(e,t){e.addEventListener("submit",function(e){t.map(function(e){return e.validate()}).some(function(e){return!e})&&e.preventDefault()})}}]),e}(),e.exports=t.default},function(e,t,n){"use strict";(function(t){function n(e,t,n){function i(t){var n=m,r=y;return m=y=void 0,O=t,b=e.apply(r,n)}function a(e){return O=e,h=setTimeout(f,t),$?i(e):b}function u(e){var n=e-x,r=e-O,i=t-n;return w?j(i,g-r):i}function l(e){var n=e-x,r=e-O;return void 0===x||n>=t||0>n||w&&r>=g}function f(){var e=_();if(l(e))return c(e);h=setTimeout(f,u(e))}function c(e){return h=void 0,L&&m?i(e):(m=y=void 0,b)}function d(){void 0!==h&&clearTimeout(h),O=0,m=x=y=h=void 0}function v(){return void 0===h?b:c(_())}function p(){var e=_(),n=l(e);if(m=arguments,y=this,x=e,n){if(void 0===h)return a(x);if(w)return h=setTimeout(f,t),i(x)}return void 0===h&&(h=setTimeout(f,t)),b}var m,y,g,b,h,x,O=0,$=!1,w=!1,L=!0;if("function"!=typeof e)throw new TypeError(s);return t=o(t)||0,r(n)&&($=!!n.leading,w="maxWait"in n,g=w?M(o(n.maxWait)||0,t):g,L="trailing"in n?!!n.trailing:L),p.cancel=d,p.flush=v,p}function r(e){var t=void 0===e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==(void 0===e?"undefined":u(e))}function a(e){return"symbol"==(void 0===e?"undefined":u(e))||i(e)&&x.call(e)==f}function o(e){if("number"==typeof e)return e;if(a(e))return l;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(c,"");var n=v.test(e);return n||p.test(e)?m(e.slice(2),n?2:8):d.test(e)?l:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s="Expected a function",l=NaN,f="[object Symbol]",c=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,v=/^0b[01]+$/i,p=/^0o[0-7]+$/i,m=parseInt,y="object"==(void 0===t?"undefined":u(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,b=y||g||Function("return this")(),h=Object.prototype,x=h.toString,M=Math.max,j=Math.min,_=function(){return b.Date.now()};e.exports=n}).call(t,n(4))},function(e,t,n){"use strict";var r,i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};r=function(){return this}();try{r=r||Function("return this")()||(0,eval)("this")}catch(e){"object"===("undefined"==typeof window?"undefined":i(window))&&(r=window)}e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.regex=t.dataType=t.empty=t.maxLength=t.minLength=void 0;var i=n(6),a=r(i),o=n(7),u=r(o),s=n(8),l=r(s),f=n(9),c=r(f),d=n(10),v=r(d);t.minLength=a.default,t.maxLength=u.default,t.empty=l.default,t.dataType=c.default,t.regex=v.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){return e.value.length>=n},message:r}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){return n>e.value.length},message:r}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.message;return{isValid:function(){return e.value.length>0},message:n}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){var t=e.value;switch(n){case"number":var r=parseInt(t,10);return"number"==typeof r&&!isNaN(r);case"text":return"string"==typeof t;case"email":return/.+@.+\..{2,}/i.test(t);default:return!1}},message:r}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){return RegExp(n).test(e.value)},message:r}},e.exports=t.default},function(e,t){}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.validate=t():e.validate=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var a=n[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=function(e){return e&&e.__esModule?e:{default:e}}(r);n(12);t.default=a.default,e.exports=t.default},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(e,t){for(var n=0;t.length>n;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(3),u=function(e){return e&&e.__esModule?e:{default:e}}(i),o=n(5),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(o);t.default=function(){function e(t){var n=this;if(r(this,e),this.$ref=null,this.$errorRef=null,this.options={},this.activeValidators=[],this.createValidators=function(){var e=n.options,t=e.minLength,r=e.maxLength,a=e.empty,i=e.type,u=e.regex,o=e.checked;a.message&&n.activeValidators.push(s.empty(n.$ref,a)),t&&t.value&&n.activeValidators.push(s.minLength(n.$ref,t)),r&&r.value&&n.activeValidators.push(s.maxLength(n.$ref,r)),i&&i.value&&n.activeValidators.push(s.dataType(n.$ref,i)),u&&u.value&&n.activeValidators.push(s.regex(n.$ref,u)),o&&o.value&&n.activeValidators.push(s.checked(n.$ref,o))},this.validate=function(){var e=n.activeValidators.reduce(function(e,t){var r=t.message||n.options.invalidMessage;return t.isValid()||e.includes(r)?e:e.concat(r)},[]),t=e.indexOf(n.options.empty.message);t>-1&&(e=[e[t]]);var r=0===e.length;return r?n.$ref.classList.remove("sm-validate-error"):n.$ref.classList.add("sm-validate-error"),n.$errorRef&&(n.$errorRef.innerHTML=e.join("<br/>")),r},!(this.$ref=t))throw Error("Validator needs an element reference, to be initialized.");var a=this.$ref.dataset,i=a.validateEmptyMessage,o=a.validateMinlength,l=a.validateMinlengthMessage,f=a.validateMaxlength,c=a.validateMaxlengthMessage,d=a.validateType,v=a.validateTypeMessage,p=a.validateRegex,m=a.validateRegexMessage,y=a.validateChecked,h=a.validateCheckedMessage,g=a.validateDebounce,b=a.validateMessageCount,x=a.validateInvalidMessage,M=a.validateErrorElement;switch(this.options={empty:{message:i},minLength:{value:o,message:l},maxLength:{value:f,message:c},type:{value:d,message:v},regex:{value:p,message:m},checked:{value:y,message:h},trigger:{debounce:g?parseInt(g,10):300},invalidMessage:x,messageCount:b},M&&(this.$errorRef=document.querySelector(M)),this.createValidators(),this.validateDebounced=(0,u.default)(this.validate,this.options.trigger.debounce),this.$ref.type){case"checkbox":this.$ref.addEventListener("change",this.validate);break;default:this.$ref.addEventListener("keyup",this.validateDebounced),this.$ref.addEventListener("blur",this.validate)}}return a(e,null,[{key:"init",value:function(){var t=document.querySelectorAll('[data-validate="true"]');return Array.prototype.map.call(t,function(t){return new e(t)})}},{key:"attachToForm",value:function(e,t){e.addEventListener("submit",function(e){t.map(function(e){return e.validate()}).some(function(e){return!e})&&e.preventDefault()})}}]),e}(),e.exports=t.default},function(e,t,n){"use strict";(function(t){function n(e,t,n){function a(t){var n=m,r=y;return m=y=void 0,O=t,g=e.apply(r,n)}function i(e){return O=e,b=setTimeout(f,t),$?a(e):g}function o(e){var n=e-x,r=e-O,a=t-n;return w?j(a,h-r):a}function l(e){var n=e-x,r=e-O;return void 0===x||n>=t||0>n||w&&r>=h}function f(){var e=_();if(l(e))return c(e);b=setTimeout(f,o(e))}function c(e){return b=void 0,V&&m?a(e):(m=y=void 0,g)}function d(){void 0!==b&&clearTimeout(b),O=0,m=x=y=b=void 0}function v(){return void 0===b?g:c(_())}function p(){var e=_(),n=l(e);if(m=arguments,y=this,x=e,n){if(void 0===b)return i(x);if(w)return b=setTimeout(f,t),a(x)}return void 0===b&&(b=setTimeout(f,t)),g}var m,y,h,g,b,x,O=0,$=!1,w=!1,V=!0;if("function"!=typeof e)throw new TypeError(s);return t=u(t)||0,r(n)&&($=!!n.leading,w="maxWait"in n,h=w?M(u(n.maxWait)||0,t):h,V="trailing"in n?!!n.trailing:V),p.cancel=d,p.flush=v,p}function r(e){var t=void 0===e?"undefined":o(e);return!!e&&("object"==t||"function"==t)}function a(e){return!!e&&"object"==(void 0===e?"undefined":o(e))}function i(e){return"symbol"==(void 0===e?"undefined":o(e))||a(e)&&x.call(e)==f}function u(e){if("number"==typeof e)return e;if(i(e))return l;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(c,"");var n=v.test(e);return n||p.test(e)?m(e.slice(2),n?2:8):d.test(e)?l:+e}var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s="Expected a function",l=NaN,f="[object Symbol]",c=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,v=/^0b[01]+$/i,p=/^0o[0-7]+$/i,m=parseInt,y="object"==(void 0===t?"undefined":o(t))&&t&&t.Object===Object&&t,h="object"==("undefined"==typeof self?"undefined":o(self))&&self&&self.Object===Object&&self,g=y||h||Function("return this")(),b=Object.prototype,x=b.toString,M=Math.max,j=Math.min,_=function(){return g.Date.now()};e.exports=n}).call(t,n(4))},function(e,t,n){"use strict";var r,a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};r=function(){return this}();try{r=r||Function("return this")()||(0,eval)("this")}catch(e){"object"===("undefined"==typeof window?"undefined":a(window))&&(r=window)}e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.checked=t.regex=t.dataType=t.empty=t.maxLength=t.minLength=void 0;var a=n(6),i=r(a),u=n(7),o=r(u),s=n(8),l=r(s),f=n(9),c=r(f),d=n(10),v=r(d),p=n(11),m=r(p);t.minLength=i.default,t.maxLength=o.default,t.empty=l.default,t.dataType=c.default,t.regex=v.default,t.checked=m.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){return e.value.length>=n},message:r}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){return n>e.value.length},message:r}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.message;return{isValid:function(){return e.value.length>0},message:n}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){var t=e.value;switch(n){case"number":var r=parseInt(t,10);return"number"==typeof r&&!isNaN(r);case"text":return"string"==typeof t;case"email":return/.+@.+\..{2,}/i.test(t);default:return!1}},message:r}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){return RegExp(n).test(e.value)},message:r}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.value,r=t.message;return{isValid:function(){return e.checked===("true"===n)},message:r}},e.exports=t.default},function(e,t){}])});

package.json

 {
   "name": "@shopmacher/validate",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "JavaScript form validation library",
@@ -5,0 +5,0 @@ "main": "lib/validate.js",

src/core/Validator.js

@@ -29,2 +29,4 @@ import debounce from 'lodash.debounce';
             validateRegexMessage,
+            validateChecked,
+            validateCheckedMessage,
             validateDebounce,
@@ -56,2 +58,6 @@ validateMessageCount,
             },
+            checked: {
+                value: validateChecked,
+                message: validateCheckedMessage
+            },
             trigger: {
@@ -73,4 +79,11 @@ debounce: validateDebounce ? parseInt(validateDebounce, 10) : 300
         this.validateDebounced = debounce(this.validate, this.options.trigger.debounce);
-        this.$ref.addEventListener('keyup', this.validateDebounced);
-        this.$ref.addEventListener('blur', this.validate);
+
+        switch (this.$ref.type) {
+            case 'checkbox':
+                this.$ref.addEventListener('change', this.validate);
+                break;
+            default:
+                this.$ref.addEventListener('keyup', this.validateDebounced);
+                this.$ref.addEventListener('blur', this.validate);
+        }
     }
@@ -84,3 +97,4 @@
             type,
-            regex
+            regex,
+            checked
         } = this.options;
@@ -107,2 +121,6 @@
         }
+
+        if (checked && checked.value) {
+            this.activeValidators.push(validators.checked(this.$ref, checked));
+        }
     };
@@ -109,0 +127,0 @@

src/validators/index.js

@@ -6,1 +6,2 @@ export minLength from './min-length.js';
 export regex from './regex';
+export checked from './checked';

No alert changes

Improved metrics

Total package byte prevSize

27494

increased by7.95%

Number of package files

24

increased by4.35%

Lines of code

316

increased by7.12%

No dependency changes