mytabworks-react-form-validator/lib/index.js

This repository was build from the ground up. it is as expected to be a light-weight and fast because of the optimization.\nIt is a powerful yet light-weight dependency that can benefit both dev and user at it's fullest.

module.exports=function(e){var r={};function t(n){if(r[n])return r[n].exports;var a=r[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:n})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var a in e)t.d(n,a,function(r){return e[r]}.bind(null,a));return n},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="",t(t.s=5)}([function(e,r,t){e.exports=t(3)()},function(e,r){e.exports=require("react")},function(e,r){e.exports=require("mytabworks-utils")},function(e,r,t){"use strict";var n=t(4);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,r,t,a,o,i){if(i!==n){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function r(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:r,element:e,elementType:e,instanceOf:r,node:e,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:o,resetWarningCache:a};return t.PropTypes=t,t}},function(e,r,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,r,t){"use strict";t.r(r);var n=t(1),a=t.n(n),o=t(0),i=t.n(o),l=Object(n.createContext)(null),c=t(2);function u(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var t=[],n=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return t}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function s(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var p=function(){function e(r,t){!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,e),f(this,"formdata",{}),f(this,"target",void 0),f(this,"topError",void 0),f(this,"formstatuses",{}),this.formstatuses=t,this.target=r,this.formdata=new FormData(r)}var r,t,n;return r=e,(t=[{key:"locateFailed",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:40;this.topError||this.isReady();var r=document.documentElement;if(!this.topError)return r.scrollTop;var t=this.target.querySelector('[name="'.concat(this.topError,'"], [alias="').concat(this.topError,'"]'));return r.scrollTop=r.scrollTop+t.getBoundingClientRect().top-e}},{key:"isReady",value:function(){for(var e in this.formstatuses)if(this.formstatuses[e].isInvalid)return this.topError=e,!1;return!0}},{key:"forEach",value:function(e){for(var r=this.formdata.entries(),t=r.next();!t.done;){var n=u(t.value,2),a=n[0],o=n[1];e&&e.call({name:a,value:o},o,a),t=r.next()}}},{key:"json",value:function(){var e={};return this.forEach((function(r,t){var n=t.endsWith("[]");(t=t.replace("[]",""))in e?Array.isArray(e[t])?e[t].push(r):e[t]=[e[t],r]:e[t]=n?[r]:r})),e}},{key:"paramArray",value:function(){var e=[];return this.forEach((function(){e.push(this)})),e}},{key:"param",value:function(){return this.paramArray().reduce((function(e,r){return e+"&".concat(r.name,"=").concat(r.value)}),"").substr(1)}},{key:"formData",value:function(){return this.formdata}}])&&s(r.prototype,t),n&&s(r,n),e}();function b(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var t=[],n=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return t}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function y(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?y(Object(t),!0).forEach((function(r){d(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var v=function(e){return e(l)},O=function(e,r,t){var n=r.name,a=r.value,o=r.form,i=r.files,l=r.selectedOptions;["checkbox","radio"].includes(r.type)&&(a=Array.from(o.querySelectorAll('[name="'.concat(n,'"]'))).filter((function(e){return e.checked}))),t&&(n=t),i&&(a=i),l&&r.multiple&&(a=Array.from(l));var u=m({},e[n]);if(!u)return e;var s=u.label,f=u.validations;return f&&Object.assign(u,c.Validator.validate(a,f,s||r.name)),m({},e,d({},n,u))};function g(){return(g=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function h(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var t=[],n=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return t}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function j(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var P={id:i.a.string,onSubmit:i.a.func,children:i.a.any},w=function(e){var r=e.children,t=e.onSubmit,o=j(e,["children","onSubmit"]),i=h(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=Object(n.useState)(e),t=b(r,2),a=t[0],o=t[1],i=function(e){return e?a[e]:a},l=function(e,r){var t=e.target;o((function(e){return O(e,t,r)}))},c=function(e,r){var t=e.name,n=e.label,a=e.rules;a&&r((function(){return o((function(e){return m({},e,d({},t,{label:n,validations:a,isInvalid:!1,message:null}))})),function(){o((function(e){return delete e[t],m({},e)}))}}),[])},u=function(e){return function(r){r.preventDefault();var t=m({},a),n=Object.keys(a).reduce((function(e,t){var n=r.target.querySelector('[alias="'.concat(t,'"], [name="').concat(t,'"]'));return n?O(e,n,t):e}),t);o(n);var i=new p(r.target,n);"function"==typeof e&&e(i)}};return[i,l,c,u]}({}),4),c={formState:i[0],formUpdate:i[1],formRegister:i[2]},u=(0,i[3])(t);return a.a.createElement(l.Provider,{value:c},a.a.createElement("form",g({},o,{onSubmit:u}),r))};w.propTypes=P,w.defaultProps={};var E=w;function S(){return(S=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function x(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var k={finalId:i.a.string.isRequired,label:i.a.string,rules:i.a.string,className:i.a.string,state:i.a.object,children:i.a.oneOfType([i.a.element,i.a.arrayOf(i.a.element)]).isRequired},I=function(e){var r=e.finalId,t=e.label,n=e.rules,o=e.className,i=e.children,l=e.state,c=x(e,["finalId","label","rules","className","children","state"]);return a.a.createElement("div",S({className:"form-group ".concat(o," ").concat(l&&l.isInvalid?"form-error":"").trim()},c),t&&a.a.createElement("label",{htmlFor:r},t,n&&/required(?!_)/.test(n)&&a.a.createElement("span",{className:"required"},"*")),i,l&&l.isInvalid&&a.a.createElement("span",{className:"error-msg"},l.message))};I.propTypes=k,I.defaultProps={className:""};var T=I,C={id:i.a.string.isRequired,label:i.a.string,name:i.a.string.isRequired,rules:i.a.string,className:i.a.string,alias:i.a.string,onChange:i.a.func,children:i.a.arrayOf(i.a.shape({label:i.a.string,value:i.a.string}))},A=function(e){var r=e.target,t=e.formUpdate,n=e.onChange,a=e.alias;n&&n({target:r,value:r.value,name:r.name}),t({target:r},a)},D=function(e){var r=e.label,t=e.name,a=e.alias,o=e.id,i=e.rules,u=e.onChange,s=arguments.length>1&&void 0!==arguments[1]&&arguments[1],f=a||t,p=o||f,b=Object(n.useContext)(l),y=b.formState,m=b.formUpdate,d=b.formRegister,v=y(f),O=i?s?{onChange:function(e){var r=e.target;A({target:r,formUpdate:m,onChange:u,alias:a})}}:Object(c.DoneTypingEvent)((function(e){var r=e.target;A({target:r,formUpdate:m,onChange:u,alias:a})}),500):{onChange:u};return d({name:f,label:r,rules:i},n.useEffect),{state:v,handleEvents:O,finalId:p}};function N(){return(N=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function _(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function R(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function q(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?R(Object(t),!0).forEach((function(r){U(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function U(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var F=q({},C,{type:i.a.string}),M=function(e){var r=e.id,t=e.label,n=e.name,o=e.rules,i=e.type,l=e.className,c=e.children,u=e.alias,s=e.onChange,f=_(e,["id","label","name","rules","type","className","children","alias","onChange"]),p=["checkbox","radio","file","range","date","date-time","color"].includes(i),b=["checkbox","radio"].includes(i),y=D({label:t,name:n,alias:u,id:r,rules:o,onChange:s},p),m=y.state,d=y.handleEvents,v=y.finalId;f=q({},f,{name:n,type:i,alias:u});var O={finalId:v,label:t,rules:o,className:l,state:m};return b?a.a.createElement(T,N({},O,d,{id:v}),function(e){var r=e.finalId,t=e.options,n=e.props;return Array.isArray(t)?t.map((function(e,t){var o=e.label,i=_(e,["label"]);return a.a.createElement("label",{key:r+"-"+t},a.a.createElement("input",N({},n,i)),a.a.createElement("span",null),o)})):t}({finalId:v,options:c,props:f})):a.a.createElement(T,O,a.a.createElement("input",N({id:v},f,d)))};M.propTypes=F,M.defaultProps={type:"text",className:""};var W=M;function B(){return(B=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function L(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function V(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function H(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?V(Object(t),!0).forEach((function(r){Y(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function Y(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var z=H({},C,{children:i.a.arrayOf(i.a.exact({label:i.a.string,value:i.a.oneOfType([i.a.string,i.a.arrayOf(i.a.exact({label:i.a.string,value:i.a.string}))])})).isRequired}),G=function(e){var r=e.id,t=e.label,o=e.name,i=e.rules,l=e.className,c=e.children,u=e.alias,s=e.onChange,f=L(e,["id","label","name","rules","className","children","alias","onChange"]),p=D({label:t,name:o,alias:u,id:r,rules:i,onChange:s},!0),b=p.state,y=p.handleEvents,m=p.finalId;f=H({},f,{name:o,alias:u});var d=Object(n.useMemo)((function(){return function(e){var r=e.id;return e.options.map((function(e,t){var n=e.label,o=e.value;return Array.isArray(o)?a.a.createElement("optgroup",{key:"".concat(r,"-").concat(t),label:n},o.map((function(e,n){var o=e.label,i=e.value;return a.a.createElement("option",{key:"".concat(r,"-").concat(t,"-").concat(n),value:i},o)}))):a.a.createElement("option",{key:"".concat(r,"-").concat(t),value:o},n)}))}({id:r,options:c})}),[c,r]),v={finalId:m,label:t,rules:i,className:l,children:c,state:b};return a.a.createElement(T,v,a.a.createElement("select",B({id:m},f,y),d))};G.propTypes=z,G.defaultProps={className:""};var J=G;function K(){return(K=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function Q(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function X(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function Z(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?X(Object(t),!0).forEach((function(r){$(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function $(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var ee=Z({},C,{children:i.a.string}),re=function(e){var r=e.id,t=e.label,n=e.name,o=e.rules,i=e.className,l=e.children,c=e.alias,u=e.onChange,s=Q(e,["id","label","name","rules","className","children","alias","onChange"]),f=D({label:t,name:n,alias:c,id:r,rules:o,onChange:u}),p=f.state,b=f.handleEvents,y=f.finalId;s=Z({},s,{name:n,alias:c});var m={finalId:y,label:t,rules:o,className:i,children:l,state:p};return a.a.createElement(T,m,a.a.createElement("textarea",K({id:y},s,b)))};re.propTypes=ee,re.defaultProps={className:""};var te=re;t.d(r,"Form",(function(){return E})),t.d(r,"useFormState",(function(){return v})),t.d(r,"Input",(function(){return W})),t.d(r,"Select",(function(){return J})),t.d(r,"TextArea",(function(){return te}))}]);