@inntechcorp/it-design 2.1.77 → 2.1.78

package/dist/index.cjs.js

@@ -3317,7 +3317,7 @@ function ga(e,b){if(Da(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
   margin-top: 10px;
   gap: 5px;
 
-`;const ql=new RegExp(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),ul=new RegExp(/^[a-zA-Z0-9_.-]$/),fl=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),Wl=new RegExp(/^[a-z0-9._-]$/),hl=new RegExp(/^[a-z0-9]$/);const ml=e=>fl.test(e),Rl=e=>ql.test(e),gl=e=>ul.test(e),Ll=(e,b)=>e.length>=b,vl=(e,b)=>e.length<=b,Nl=(e,b)=>e===b,yl=(e,b)=>e!==b,xl=(e,b)=>e.length===b,Bl=e=>Wl.test(e),wl=e=>hl.test(e),Xl=e=>function(e){var b,o=0,M=0,p=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(o=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),b=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-b)%10!=Number(e[9]))return!1;for(p=0;p<10;p++)M+=parseInt(e[p]);return M%10==Number(e[10])}(e),Sl=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let b=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(b=!1)})),b}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},kl=M.createContext({});kl.displayName="ITDFormContext";const Tl=M.forwardRef((({name:e="",label:o="",placeholder:p="",error:z="",rules:t=[],mask:c=null,locked:n=!1,dependency:r="",reset:O=[],query:i="",children:a=null},s)=>{const{t:A}=b.useTranslation("itd"),d=M.useRef(null),{register:q,unregister:u,hasField:f,updateField:W,setFieldError:h,getFieldValue:m,getFieldInstance:R,formId:g}=M.useContext(kl),[L,v]=M.useState(!1);M.useEffect((()=>(q({name:e,field:d,valid:y(d.current?.getValue()),query:i,reset:O,error:z}),v(!0),()=>{v(!1),u(e)})),[]),M.useImperativeHandle(s,(()=>d.current));const N=(b,o=!0,M=!0)=>{L&&f(e)&&(W(e,b,o,y(b,M)),x())},y=(b,o=!0)=>{const M=function(e,b,o,M){let p=[];return e.forEach((e=>{e.hasOwnProperty(l.REQUIRED)&&!Sl(b)&&e.required&&p.push(e.message?e.message:M("errors.required")),e.hasOwnProperty(l.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(Ll(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(vl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(xl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(Nl(String(b),String(o(String(e.field))))||p.push(e.message?e.message:M("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.NOT_SAME&&(yl(String(b),String(o(String(e.field))))||p.push(e.message?e.message:M("errors.fieldMustBeDifferent",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(Xl(String(b))||p.push(e.message?e.message:M("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(ml(String(b))||p.push(e.message?e.message:M("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(Rl(String(b))||p.push(e.message?e.message:M("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(gl(String(b))||p.push(e.message?e.message:M("errors.usernameRule"))),e.type===exports.FormValidationTypes.SITE_USERNAME&&(Bl(String(b))||p.push(e.message?e.message:M("errors.siteUsernameRule"))),e.type===exports.FormValidationTypes.ADMIN_USERNAME&&(wl(String(b))||p.push(e.message?e.message:M("errors.adminUsernameRule"))))})),p}(t,b,m,A);return M.length>0?(h(e,M[0],o),!1):(h(e,""),!0)},x=()=>{if(""===r)return;if(""===m(r))return;const e=R(r);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!a)return null;let b=a.props;const z={id:b.id?b.id:g+"_"+e,label:o,placeholder:p,className:b.className?b.className+" itd-form-item":"itd-form-item",onUpdate:N,ref:d};return c&&(z.mask=c),n&&(z.locked=n),M.cloneElement(a,{...b,...z})})()})),El=M.forwardRef((({name:e="",className:b="",initialValues:p={},useQueryString:z=!1,onUpdate:t,onFinish:c,onFinishFailed:n,onValidated:O,children:a},s)=>{const{updated:A,setInitialValues:d,isFormValid:l,getValues:q,getFields:u,setFieldValueByName:f,resetFields:W}=M.useContext(kl),h=SM(),{search:m}=r.useLocation(),R=kM(),[g,L]=M.useState([]),[v,N]=M.useState(!1),[y,x]=M.useState([]),[B,w]=M.useState(!1),[X,S]=M.useState(!1);M.useEffect((()=>{a&&P()}),[a]),M.useEffect((()=>{k(),T()}),[B]),M.useEffect((()=>{B||0!==Object.keys(u()).length&&0!==y.length&&Object.keys(u()).length===y.length&&w(!0)}),[u(),y]),M.useEffect((()=>{T()}),[p]),M.useEffect((()=>{k()}),[m]),M.useEffect((()=>{X&&B&&z&&Object.keys(A).length>0&&C(A)}),[A]),M.useEffect((()=>{O&&l()!==v&&O(l()),N(l())}),[l()]);const k=()=>{B&&z&&(D(),X||_())},T=()=>{B&&(z||X||E())},E=()=>{const e=!Object.values(p).some((e=>null!==e&&""!==e));e&&!X&&S(!0),e||X||(d(p,!1),S(!0))},_=()=>{const e=u(),b=!Object.values(e).some((e=>""!==h.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let b=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||b.push(o)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${b.toString()}`)}if(b&&!X&&S(!0),!b&&!X){let b={};Object.keys(e).forEach((o=>{b[o]=h.get(e[o].query,"")})),d(b,!0,!0),S(!0)}},C=e=>{let b=[],o=[];const M=u();Object.keys(e).forEach((b=>{o.push(e[b])})),Ii(o,g)||(Object.keys(M).forEach((o=>{b.push({type:M[o].query,value:e[o]})})),R.set(b))},D=()=>{let e=[],b=[];const o=u();if(Object.keys(o).forEach((b=>{let M=String(h.get(o[b].query,""));e.push(M)})),Ii(e,g))return;L(e),Object.keys(o).forEach((e=>{b[e]=h.get(o[e].query,"")})),Object.keys(b).forEach((e=>{f(e,b[e],!1,!1)}));let M={};Object.keys(b).forEach((e=>{M[e]=b[e]})),t&&t(M)},P=()=>{let e=[];i.getChildrenDeep(a,(b=>(b.hasOwnProperty("type")&&b.type===Tl&&e.push({[b.props.name]:b}),!0))),x(e)};return M.useImperativeHandle(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),o.jsx("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(q()):n&&n(u())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let b=[];Object.keys(u()).map((e=>{b.push({type:e,value:""})})),R.set(b),W(!0,!1)},autoComplete:"off",className:b,noValidate:!0,children:a})}));var _l=M.memo(El);function Cl({name:e="",useQueryString:b=!1,onUpdate:o,onReset:p,onFieldUpdate:z}){const[t,c]=M.useState({}),[n,r]=M.useState(e),[O,i]=M.useState(!1),[a,s]=M.useState({});function A(e){return t.hasOwnProperty(e)&&void 0!==t[e]}function d(){let e={};return Object.keys(t).forEach((b=>{e[b]=u(b)})),e}function l(e,b,o=!0){if(A(e)&&t[e].field.current){if(t[e].valid=!1,t[e].error=b,!t[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);t[e].field.current?.setError(o?b:"")}}function q(){let e=!0;return Object.keys(t).forEach((b=>{t[b].valid||(e=!1)})),i(e),e}function u(e){if(A(e)){if(t[e].field.current?.hasOwnProperty("getValue"))return t[e].field.current?.getValue();throw new Error(`Reference Error: You must declare the 'getValue' function on the field "${e}"`)}throw new Error(`Form Error: There is no field registered with this name: ${e}`)}function f(e,b,o,M){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!t[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let p=u(e),z=!1;z=Array.isArray(p)&&Array.isArray(b)?Ii(p,b):Array.isArray(p)||Array.isArray(b)?p.toString()===b.toString():p===b,z||t[e].field.current?.setValue(b,o,M)}}return{register:function(e){t[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){if(!A(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete t[e]},checkFormIsValid:q,hasField:A,getValues:d,getFieldValue:function(e){return A(e)?(b=t[e].value)instanceof Object?JSON.stringify(b):b:"";var b},getFieldValueByName:u,getFieldInstance:function(e){return A(e)?t[e].field.current:null},getFields:function(){let e={};return Object.keys(t).forEach((b=>{e[b]=t[b]})),e},getFieldsInstance:function(){let e={};return Object.keys(t).forEach((b=>{e[b]=t[b].field.current})),e},setName:function(e){r(e)},setInitialValues:function(e,M=!0,p=!1){Object.keys(e).forEach((b=>{f(b,e[b],M,p)}));let z={};return Object.keys(e).forEach((b=>{z[b]=e[b]})),M&&(b&&s(z),o&&o(z)),q(),z},setInvalidField:function(e="",b=""){l(e,b),q()},setInvalidFields:function(e=[],b=""){e.forEach((e=>{l(e,b)})),q()},setFieldValue:function(e,b){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);t[e].valid=!1,t[e].field.current?.setValue(b)},setFieldValueByName:f,setFieldError:l,removeFieldError:function(e){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(t[e].valid=!0,t[e].error="",!t[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);t[e].field.current?.setError("")},updateField:function(e,M,p,c){if(!A(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(t[e].value=M,t[e].valid=c,p){z&&z({name:e,value:M,valid:c}),t[e].reset.length>0&&t[e].reset.forEach((e=>{t[e].value="",t[e].valid=!1,t[e].field.current?.reset(!1)}));let p={...d(),[e]:M};t[e].reset.length>0&&t[e].reset.forEach((e=>{p[e]=""})),b&&c&&s(p),o&&o(p)}q()},isFormValid:M.useCallback((()=>O),[O]),isFieldsValid:function(e){let b=!0;return e.forEach((e=>{t[e].valid||(b=!1)})),b},isFieldValid:function(e){return t[e].valid},resetFields:function(e=!1,b=!1){Object.keys(t).forEach((o=>{if(!t[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);t[o].field.current?.reset(e,b)})),p&&p()},removeFields:function(){c({})},formId:n,updated:a}}const Dl=M.forwardRef((({initialValues:e,children:b,onUpdate:p,onReset:z,onFinish:t,onFinishFailed:c,onFieldUpdate:n,onValidated:r,useQueryString:O,className:i,name:a},s)=>{const A=M.useRef(null);M.useEffect((()=>()=>{A.current=null}),[]),A.current=Cl({name:a,onUpdate:p,onReset:z,onFieldUpdate:n,useQueryString:O}),M.useImperativeHandle(s,(()=>A.current));return o.jsx(kl.Provider,{value:A.current,children:o.jsx(_l,{initialValues:e,useQueryString:O,onUpdate:p,onFinish:t,onFinishFailed:c,onValidated:r,name:a,className:(()=>{let e="itd-form";return a&&(e+=" "+a),i&&(e+=" "+i),e})(),children:b})})}));Dl.Item=Tl,Dl.Group=function({gap:e=15,horizontal:b=!1,className:M,children:p}){const z=()=>{let e="itd-form-group";return M&&(e+=" "+M),e};return o.jsx(dl,{className:z(),$gap:e,$horizontal:b,children:p})},Dl.Control=function({position:e="end",className:b,children:M}){const p=()=>{let e="itd-form-control";return b&&(e+=" "+b),e};return o.jsx(ll,{className:p(),$position:e,children:M})},Dl.useForm=()=>M.useContext(kl),Dl.useFormAPI=()=>{const e=M.useContext(kl);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const Pl=Rt.div`
+`;const ql=new RegExp(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),ul=new RegExp(/^[a-zA-Z0-9_.-]+$/),fl=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),Wl=new RegExp(/^[a-z0-9._-]+$/),hl=new RegExp(/^[a-z0-9]+$/);const ml=e=>fl.test(e),Rl=e=>ql.test(e),gl=e=>ul.test(e),Ll=(e,b)=>e.length>=b,vl=(e,b)=>e.length<=b,Nl=(e,b)=>e===b,yl=(e,b)=>e!==b,xl=(e,b)=>e.length===b,Bl=e=>Wl.test(e),wl=e=>hl.test(e),Xl=e=>function(e){var b,o=0,M=0,p=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(o=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),b=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-b)%10!=Number(e[9]))return!1;for(p=0;p<10;p++)M+=parseInt(e[p]);return M%10==Number(e[10])}(e),Sl=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let b=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(b=!1)})),b}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},kl=M.createContext({});kl.displayName="ITDFormContext";const Tl=M.forwardRef((({name:e="",label:o="",placeholder:p="",error:z="",rules:t=[],mask:c=null,locked:n=!1,dependency:r="",reset:O=[],query:i="",children:a=null},s)=>{const{t:A}=b.useTranslation("itd"),d=M.useRef(null),{register:q,unregister:u,hasField:f,updateField:W,setFieldError:h,getFieldValue:m,getFieldInstance:R,formId:g}=M.useContext(kl),[L,v]=M.useState(!1);M.useEffect((()=>(q({name:e,field:d,valid:y(d.current?.getValue()),query:i,reset:O,error:z}),v(!0),()=>{v(!1),u(e)})),[]),M.useImperativeHandle(s,(()=>d.current));const N=(b,o=!0,M=!0)=>{L&&f(e)&&(W(e,b,o,y(b,M)),x())},y=(b,o=!0)=>{const M=function(e,b,o,M){let p=[];return e.forEach((e=>{e.hasOwnProperty(l.REQUIRED)&&!Sl(b)&&e.required&&p.push(e.message?e.message:M("errors.required")),e.hasOwnProperty(l.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(Ll(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(vl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(xl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(Nl(String(b),String(o(String(e.field))))||p.push(e.message?e.message:M("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.NOT_SAME&&(yl(String(b),String(o(String(e.field))))||p.push(e.message?e.message:M("errors.fieldMustBeDifferent",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(Xl(String(b))||p.push(e.message?e.message:M("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(ml(String(b))||p.push(e.message?e.message:M("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(Rl(String(b))||p.push(e.message?e.message:M("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(gl(String(b))||p.push(e.message?e.message:M("errors.usernameRule"))),e.type===exports.FormValidationTypes.SITE_USERNAME&&(Bl(String(b))||p.push(e.message?e.message:M("errors.siteUsernameRule"))),e.type===exports.FormValidationTypes.ADMIN_USERNAME&&(wl(String(b))||p.push(e.message?e.message:M("errors.adminUsernameRule"))))})),p}(t,b,m,A);return M.length>0?(h(e,M[0],o),!1):(h(e,""),!0)},x=()=>{if(""===r)return;if(""===m(r))return;const e=R(r);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!a)return null;let b=a.props;const z={id:b.id?b.id:g+"_"+e,label:o,placeholder:p,className:b.className?b.className+" itd-form-item":"itd-form-item",onUpdate:N,ref:d};return c&&(z.mask=c),n&&(z.locked=n),M.cloneElement(a,{...b,...z})})()})),El=M.forwardRef((({name:e="",className:b="",initialValues:p={},useQueryString:z=!1,onUpdate:t,onFinish:c,onFinishFailed:n,onValidated:O,children:a},s)=>{const{updated:A,setInitialValues:d,isFormValid:l,getValues:q,getFields:u,setFieldValueByName:f,resetFields:W}=M.useContext(kl),h=SM(),{search:m}=r.useLocation(),R=kM(),[g,L]=M.useState([]),[v,N]=M.useState(!1),[y,x]=M.useState([]),[B,w]=M.useState(!1),[X,S]=M.useState(!1);M.useEffect((()=>{a&&P()}),[a]),M.useEffect((()=>{k(),T()}),[B]),M.useEffect((()=>{B||0!==Object.keys(u()).length&&0!==y.length&&Object.keys(u()).length===y.length&&w(!0)}),[u(),y]),M.useEffect((()=>{T()}),[p]),M.useEffect((()=>{k()}),[m]),M.useEffect((()=>{X&&B&&z&&Object.keys(A).length>0&&C(A)}),[A]),M.useEffect((()=>{O&&l()!==v&&O(l()),N(l())}),[l()]);const k=()=>{B&&z&&(D(),X||_())},T=()=>{B&&(z||X||E())},E=()=>{const e=!Object.values(p).some((e=>null!==e&&""!==e));e&&!X&&S(!0),e||X||(d(p,!1),S(!0))},_=()=>{const e=u(),b=!Object.values(e).some((e=>""!==h.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let b=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||b.push(o)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${b.toString()}`)}if(b&&!X&&S(!0),!b&&!X){let b={};Object.keys(e).forEach((o=>{b[o]=h.get(e[o].query,"")})),d(b,!0,!0),S(!0)}},C=e=>{let b=[],o=[];const M=u();Object.keys(e).forEach((b=>{o.push(e[b])})),Ii(o,g)||(Object.keys(M).forEach((o=>{b.push({type:M[o].query,value:e[o]})})),R.set(b))},D=()=>{let e=[],b=[];const o=u();if(Object.keys(o).forEach((b=>{let M=String(h.get(o[b].query,""));e.push(M)})),Ii(e,g))return;L(e),Object.keys(o).forEach((e=>{b[e]=h.get(o[e].query,"")})),Object.keys(b).forEach((e=>{f(e,b[e],!1,!1)}));let M={};Object.keys(b).forEach((e=>{M[e]=b[e]})),t&&t(M)},P=()=>{let e=[];i.getChildrenDeep(a,(b=>(b.hasOwnProperty("type")&&b.type===Tl&&e.push({[b.props.name]:b}),!0))),x(e)};return M.useImperativeHandle(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),o.jsx("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(q()):n&&n(u())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let b=[];Object.keys(u()).map((e=>{b.push({type:e,value:""})})),R.set(b),W(!0,!1)},autoComplete:"off",className:b,noValidate:!0,children:a})}));var _l=M.memo(El);function Cl({name:e="",useQueryString:b=!1,onUpdate:o,onReset:p,onFieldUpdate:z}){const[t,c]=M.useState({}),[n,r]=M.useState(e),[O,i]=M.useState(!1),[a,s]=M.useState({});function A(e){return t.hasOwnProperty(e)&&void 0!==t[e]}function d(){let e={};return Object.keys(t).forEach((b=>{e[b]=u(b)})),e}function l(e,b,o=!0){if(A(e)&&t[e].field.current){if(t[e].valid=!1,t[e].error=b,!t[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);t[e].field.current?.setError(o?b:"")}}function q(){let e=!0;return Object.keys(t).forEach((b=>{t[b].valid||(e=!1)})),i(e),e}function u(e){if(A(e)){if(t[e].field.current?.hasOwnProperty("getValue"))return t[e].field.current?.getValue();throw new Error(`Reference Error: You must declare the 'getValue' function on the field "${e}"`)}throw new Error(`Form Error: There is no field registered with this name: ${e}`)}function f(e,b,o,M){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!t[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let p=u(e),z=!1;z=Array.isArray(p)&&Array.isArray(b)?Ii(p,b):Array.isArray(p)||Array.isArray(b)?p.toString()===b.toString():p===b,z||t[e].field.current?.setValue(b,o,M)}}return{register:function(e){t[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){if(!A(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete t[e]},checkFormIsValid:q,hasField:A,getValues:d,getFieldValue:function(e){return A(e)?(b=t[e].value)instanceof Object?JSON.stringify(b):b:"";var b},getFieldValueByName:u,getFieldInstance:function(e){return A(e)?t[e].field.current:null},getFields:function(){let e={};return Object.keys(t).forEach((b=>{e[b]=t[b]})),e},getFieldsInstance:function(){let e={};return Object.keys(t).forEach((b=>{e[b]=t[b].field.current})),e},setName:function(e){r(e)},setInitialValues:function(e,M=!0,p=!1){Object.keys(e).forEach((b=>{f(b,e[b],M,p)}));let z={};return Object.keys(e).forEach((b=>{z[b]=e[b]})),M&&(b&&s(z),o&&o(z)),q(),z},setInvalidField:function(e="",b=""){l(e,b),q()},setInvalidFields:function(e=[],b=""){e.forEach((e=>{l(e,b)})),q()},setFieldValue:function(e,b){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);t[e].valid=!1,t[e].field.current?.setValue(b)},setFieldValueByName:f,setFieldError:l,removeFieldError:function(e){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(t[e].valid=!0,t[e].error="",!t[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);t[e].field.current?.setError("")},updateField:function(e,M,p,c){if(!A(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(t[e].value=M,t[e].valid=c,p){z&&z({name:e,value:M,valid:c}),t[e].reset.length>0&&t[e].reset.forEach((e=>{t[e].value="",t[e].valid=!1,t[e].field.current?.reset(!1)}));let p={...d(),[e]:M};t[e].reset.length>0&&t[e].reset.forEach((e=>{p[e]=""})),b&&c&&s(p),o&&o(p)}q()},isFormValid:M.useCallback((()=>O),[O]),isFieldsValid:function(e){let b=!0;return e.forEach((e=>{t[e].valid||(b=!1)})),b},isFieldValid:function(e){return t[e].valid},resetFields:function(e=!1,b=!1){Object.keys(t).forEach((o=>{if(!t[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);t[o].field.current?.reset(e,b)})),p&&p()},removeFields:function(){c({})},formId:n,updated:a}}const Dl=M.forwardRef((({initialValues:e,children:b,onUpdate:p,onReset:z,onFinish:t,onFinishFailed:c,onFieldUpdate:n,onValidated:r,useQueryString:O,className:i,name:a},s)=>{const A=M.useRef(null);M.useEffect((()=>()=>{A.current=null}),[]),A.current=Cl({name:a,onUpdate:p,onReset:z,onFieldUpdate:n,useQueryString:O}),M.useImperativeHandle(s,(()=>A.current));return o.jsx(kl.Provider,{value:A.current,children:o.jsx(_l,{initialValues:e,useQueryString:O,onUpdate:p,onFinish:t,onFinishFailed:c,onValidated:r,name:a,className:(()=>{let e="itd-form";return a&&(e+=" "+a),i&&(e+=" "+i),e})(),children:b})})}));Dl.Item=Tl,Dl.Group=function({gap:e=15,horizontal:b=!1,className:M,children:p}){const z=()=>{let e="itd-form-group";return M&&(e+=" "+M),e};return o.jsx(dl,{className:z(),$gap:e,$horizontal:b,children:p})},Dl.Control=function({position:e="end",className:b,children:M}){const p=()=>{let e="itd-form-control";return b&&(e+=" "+b),e};return o.jsx(ll,{className:p(),$position:e,children:M})},Dl.useForm=()=>M.useContext(kl),Dl.useFormAPI=()=>{const e=M.useContext(kl);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const Pl=Rt.div`
 
   &.itd-accordion-menu-sub-menu {
 

package/dist/index.esm.js

@@ -3317,7 +3317,7 @@ function kA(e,b){if(YA(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
   margin-top: 10px;
   gap: 5px;
 
-`;const vq=new RegExp(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Nq=new RegExp(/^[a-zA-Z0-9_.-]$/),yq=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),Bq=new RegExp(/^[a-z0-9._-]$/),xq=new RegExp(/^[a-z0-9]$/);const wq=e=>yq.test(e),Xq=e=>vq.test(e),kq=e=>Nq.test(e),Tq=(e,b)=>e.length>=b,Sq=(e,b)=>e.length<=b,_q=(e,b)=>e===b,Eq=(e,b)=>e!==b,Cq=(e,b)=>e.length===b,Dq=e=>Bq.test(e),Pq=e=>xq.test(e),Iq=e=>function(e){var b,M=0,o=0,p=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(M=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),b=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),M*=7,Math.abs(M-b)%10!=Number(e[9]))return!1;for(p=0;p<10;p++)o+=parseInt(e[p]);return o%10==Number(e[10])}(e),Fq=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let b=!0;return Object.keys(e).forEach((M=>{""===e[M]&&(b=!1)})),b}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},$q=q({});$q.displayName="ITDFormContext";const jq=W((({name:e="",label:M="",placeholder:o="",error:p="",rules:z=[],mask:t=null,locked:c=!1,dependency:a="",reset:A=[],query:s="",children:d=null},q)=>{const{t:u}=b("itd"),f=r(null),{register:W,unregister:m,hasField:R,updateField:g,setFieldError:L,getFieldValue:v,getFieldInstance:N,formId:y}=i($q),[B,x]=n(!1);O((()=>(W({name:e,field:f,valid:X(f.current?.getValue()),query:s,reset:A,error:p}),x(!0),()=>{x(!1),m(e)})),[]),h(q,(()=>f.current));const w=(b,M=!0,o=!0)=>{B&&R(e)&&(g(e,b,M,X(b,o)),k())},X=(b,M=!0)=>{const o=function(e,b,M,o){let p=[];return e.forEach((e=>{e.hasOwnProperty(F.REQUIRED)&&!Fq(b)&&e.required&&p.push(e.message?e.message:o("errors.required")),e.hasOwnProperty(F.TYPE)&&(e.type===$.MIN_LENGTH&&(Tq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.minLength",{length:Number(e.value)}))),e.type===$.MAX_LENGTH&&(Sq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.maxLength",{length:Number(e.value)}))),e.type===$.EXACT_LENGTH&&(Cq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.exactLength",{length:Number(e.value)}))),e.type===$.SAME&&(_q(String(b),String(M(String(e.field))))||p.push(e.message?e.message:o("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===$.NOT_SAME&&(Eq(String(b),String(M(String(e.field))))||p.push(e.message?e.message:o("errors.fieldMustBeDifferent",{fields:e.field}))),e.type===$.TC_IDENTITY&&(Iq(String(b))||p.push(e.message?e.message:o("errors.wrongTCIdentity"))),e.type===$.PASSWORD&&(wq(String(b))||p.push(e.message?e.message:o("errors.passwordRule"))),e.type===$.EMAIL&&(Xq(String(b))||p.push(e.message?e.message:o("errors.invalidEmailAddress"))),e.type===$.USERNAME&&(kq(String(b))||p.push(e.message?e.message:o("errors.usernameRule"))),e.type===$.SITE_USERNAME&&(Dq(String(b))||p.push(e.message?e.message:o("errors.siteUsernameRule"))),e.type===$.ADMIN_USERNAME&&(Pq(String(b))||p.push(e.message?e.message:o("errors.adminUsernameRule"))))})),p}(z,b,v,u);return o.length>0?(L(e,o[0],M),!1):(L(e,""),!0)},k=()=>{if(""===a)return;if(""===v(a))return;const e=N(a);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!d)return null;let b=d.props;const p={id:b.id?b.id:y+"_"+e,label:M,placeholder:o,className:b.className?b.className+" itd-form-item":"itd-form-item",onUpdate:w,ref:f};return t&&(p.mask=t),c&&(p.locked=c),l(d,{...b,...p})})()})),Vq=W((({name:e="",className:b="",initialValues:M={},useQueryString:p=!1,onUpdate:z,onFinish:t,onFinishFailed:c,onValidated:r,children:a},A)=>{const{updated:s,setInitialValues:d,isFormValid:l,getValues:q,getFields:u,setFieldValueByName:f,resetFields:W}=i($q),m=np(),{search:R}=_(),g=Op(),[L,v]=n([]),[N,y]=n(!1),[B,x]=n([]),[w,X]=n(!1),[k,T]=n(!1);O((()=>{a&&$()}),[a]),O((()=>{S(),E()}),[w]),O((()=>{w||0!==Object.keys(u()).length&&0!==B.length&&Object.keys(u()).length===B.length&&X(!0)}),[u(),B]),O((()=>{E()}),[M]),O((()=>{S()}),[R]),O((()=>{k&&w&&p&&Object.keys(s).length>0&&I(s)}),[s]),O((()=>{r&&l()!==N&&r(l()),y(l())}),[l()]);const S=()=>{w&&p&&(F(),k||P())},E=()=>{w&&(p||k||D())},D=()=>{const e=!Object.values(M).some((e=>null!==e&&""!==e));e&&!k&&T(!0),e||k||(d(M,!1),T(!0))},P=()=>{const e=u(),b=!Object.values(e).some((e=>""!==m.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let b=[];throw Object.keys(e).forEach((M=>{e[M].hasOwnProperty("query")&&null!==e[M].query&&""!==e[M].query||b.push(M)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${b.toString()}`)}if(b&&!k&&T(!0),!b&&!k){let b={};Object.keys(e).forEach((M=>{b[M]=m.get(e[M].query,"")})),d(b,!0,!0),T(!0)}},I=e=>{let b=[],M=[];const o=u();Object.keys(e).forEach((b=>{M.push(e[b])})),Qa(M,L)||(Object.keys(o).forEach((M=>{b.push({type:o[M].query,value:e[M]})})),g.set(b))},F=()=>{let e=[],b=[];const M=u();if(Object.keys(M).forEach((b=>{let o=String(m.get(M[b].query,""));e.push(o)})),Qa(e,L))return;v(e),Object.keys(M).forEach((e=>{b[e]=m.get(M[e].query,"")})),Object.keys(b).forEach((e=>{f(e,b[e],!1,!1)}));let o={};Object.keys(b).forEach((e=>{o[e]=b[e]})),z&&z(o)},$=()=>{let e=[];C(a,(b=>(b.hasOwnProperty("type")&&b.type===jq&&e.push({[b.props.name]:b}),!0))),x(e)};return h(A,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),o("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?t&&t(q()):c&&c(u())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let b=[];Object.keys(u()).map((e=>{b.push({type:e,value:""})})),g.set(b),W(!0,!1)},autoComplete:"off",className:b,noValidate:!0,children:a})}));var Uq=g(Vq);function Hq({name:e="",useQueryString:b=!1,onUpdate:M,onReset:o,onFieldUpdate:p}){const[z,t]=n({}),[c,O]=n(e),[r,i]=n(!1),[a,A]=n({});function s(e){return z.hasOwnProperty(e)&&void 0!==z[e]}function d(){let e={};return Object.keys(z).forEach((b=>{e[b]=f(b)})),e}function l(e,b,M=!0){if(s(e)&&z[e].field.current){if(z[e].valid=!1,z[e].error=b,!z[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);z[e].field.current?.setError(M?b:"")}}function q(){let e=!0;return Object.keys(z).forEach((b=>{z[b].valid||(e=!1)})),i(e),e}function f(e){if(s(e)){if(z[e].field.current?.hasOwnProperty("getValue"))return z[e].field.current?.getValue();throw new Error(`Reference Error: You must declare the 'getValue' function on the field "${e}"`)}throw new Error(`Form Error: There is no field registered with this name: ${e}`)}function W(e,b,M,o){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!z[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let p=f(e),t=!1;t=Array.isArray(p)&&Array.isArray(b)?Qa(p,b):Array.isArray(p)||Array.isArray(b)?p.toString()===b.toString():p===b,t||z[e].field.current?.setValue(b,M,o)}}return{register:function(e){z[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){if(!s(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete z[e]},checkFormIsValid:q,hasField:s,getValues:d,getFieldValue:function(e){return s(e)?(b=z[e].value)instanceof Object?JSON.stringify(b):b:"";var b},getFieldValueByName:f,getFieldInstance:function(e){return s(e)?z[e].field.current:null},getFields:function(){let e={};return Object.keys(z).forEach((b=>{e[b]=z[b]})),e},getFieldsInstance:function(){let e={};return Object.keys(z).forEach((b=>{e[b]=z[b].field.current})),e},setName:function(e){O(e)},setInitialValues:function(e,o=!0,p=!1){Object.keys(e).forEach((b=>{W(b,e[b],o,p)}));let z={};return Object.keys(e).forEach((b=>{z[b]=e[b]})),o&&(b&&A(z),M&&M(z)),q(),z},setInvalidField:function(e="",b=""){l(e,b),q()},setInvalidFields:function(e=[],b=""){e.forEach((e=>{l(e,b)})),q()},setFieldValue:function(e,b){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);z[e].valid=!1,z[e].field.current?.setValue(b)},setFieldValueByName:W,setFieldError:l,removeFieldError:function(e){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(z[e].valid=!0,z[e].error="",!z[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);z[e].field.current?.setError("")},updateField:function(e,o,t,c){if(!s(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(z[e].value=o,z[e].valid=c,t){p&&p({name:e,value:o,valid:c}),z[e].reset.length>0&&z[e].reset.forEach((e=>{z[e].value="",z[e].valid=!1,z[e].field.current?.reset(!1)}));let t={...d(),[e]:o};z[e].reset.length>0&&z[e].reset.forEach((e=>{t[e]=""})),b&&c&&A(t),M&&M(t)}q()},isFormValid:u((()=>r),[r]),isFieldsValid:function(e){let b=!0;return e.forEach((e=>{z[e].valid||(b=!1)})),b},isFieldValid:function(e){return z[e].valid},resetFields:function(e=!1,b=!1){Object.keys(z).forEach((M=>{if(!z[M].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${M}"`);z[M].field.current?.reset(e,b)})),o&&o()},removeFields:function(){t({})},formId:c,updated:a}}const Yq=W((({initialValues:e,children:b,onUpdate:M,onReset:p,onFinish:z,onFinishFailed:t,onFieldUpdate:c,onValidated:n,useQueryString:i,className:a,name:A},s)=>{const d=r(null);O((()=>()=>{d.current=null}),[]),d.current=Hq({name:A,onUpdate:M,onReset:p,onFieldUpdate:c,useQueryString:i}),h(s,(()=>d.current));return o($q.Provider,{value:d.current,children:o(Uq,{initialValues:e,useQueryString:i,onUpdate:M,onFinish:z,onFinishFailed:t,onValidated:n,name:A,className:(()=>{let e="itd-form";return A&&(e+=" "+A),a&&(e+=" "+a),e})(),children:b})})}));Yq.Item=jq,Yq.Group=function({gap:e=15,horizontal:b=!1,className:M,children:p}){const z=()=>{let e="itd-form-group";return M&&(e+=" "+M),e};return o(gq,{className:z(),$gap:e,$horizontal:b,children:p})},Yq.Control=function({position:e="end",className:b,children:M}){const p=()=>{let e="itd-form-control";return b&&(e+=" "+b),e};return o(Lq,{className:p(),$position:e,children:M})},Yq.useForm=()=>i($q),Yq.useFormAPI=()=>{const e=i($q);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const Gq=pc.div`
+`;const vq=new RegExp(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Nq=new RegExp(/^[a-zA-Z0-9_.-]+$/),yq=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),Bq=new RegExp(/^[a-z0-9._-]+$/),xq=new RegExp(/^[a-z0-9]+$/);const wq=e=>yq.test(e),Xq=e=>vq.test(e),kq=e=>Nq.test(e),Tq=(e,b)=>e.length>=b,Sq=(e,b)=>e.length<=b,_q=(e,b)=>e===b,Eq=(e,b)=>e!==b,Cq=(e,b)=>e.length===b,Dq=e=>Bq.test(e),Pq=e=>xq.test(e),Iq=e=>function(e){var b,M=0,o=0,p=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(M=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),b=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),M*=7,Math.abs(M-b)%10!=Number(e[9]))return!1;for(p=0;p<10;p++)o+=parseInt(e[p]);return o%10==Number(e[10])}(e),Fq=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let b=!0;return Object.keys(e).forEach((M=>{""===e[M]&&(b=!1)})),b}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},$q=q({});$q.displayName="ITDFormContext";const jq=W((({name:e="",label:M="",placeholder:o="",error:p="",rules:z=[],mask:t=null,locked:c=!1,dependency:a="",reset:A=[],query:s="",children:d=null},q)=>{const{t:u}=b("itd"),f=r(null),{register:W,unregister:m,hasField:R,updateField:g,setFieldError:L,getFieldValue:v,getFieldInstance:N,formId:y}=i($q),[B,x]=n(!1);O((()=>(W({name:e,field:f,valid:X(f.current?.getValue()),query:s,reset:A,error:p}),x(!0),()=>{x(!1),m(e)})),[]),h(q,(()=>f.current));const w=(b,M=!0,o=!0)=>{B&&R(e)&&(g(e,b,M,X(b,o)),k())},X=(b,M=!0)=>{const o=function(e,b,M,o){let p=[];return e.forEach((e=>{e.hasOwnProperty(F.REQUIRED)&&!Fq(b)&&e.required&&p.push(e.message?e.message:o("errors.required")),e.hasOwnProperty(F.TYPE)&&(e.type===$.MIN_LENGTH&&(Tq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.minLength",{length:Number(e.value)}))),e.type===$.MAX_LENGTH&&(Sq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.maxLength",{length:Number(e.value)}))),e.type===$.EXACT_LENGTH&&(Cq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.exactLength",{length:Number(e.value)}))),e.type===$.SAME&&(_q(String(b),String(M(String(e.field))))||p.push(e.message?e.message:o("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===$.NOT_SAME&&(Eq(String(b),String(M(String(e.field))))||p.push(e.message?e.message:o("errors.fieldMustBeDifferent",{fields:e.field}))),e.type===$.TC_IDENTITY&&(Iq(String(b))||p.push(e.message?e.message:o("errors.wrongTCIdentity"))),e.type===$.PASSWORD&&(wq(String(b))||p.push(e.message?e.message:o("errors.passwordRule"))),e.type===$.EMAIL&&(Xq(String(b))||p.push(e.message?e.message:o("errors.invalidEmailAddress"))),e.type===$.USERNAME&&(kq(String(b))||p.push(e.message?e.message:o("errors.usernameRule"))),e.type===$.SITE_USERNAME&&(Dq(String(b))||p.push(e.message?e.message:o("errors.siteUsernameRule"))),e.type===$.ADMIN_USERNAME&&(Pq(String(b))||p.push(e.message?e.message:o("errors.adminUsernameRule"))))})),p}(z,b,v,u);return o.length>0?(L(e,o[0],M),!1):(L(e,""),!0)},k=()=>{if(""===a)return;if(""===v(a))return;const e=N(a);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!d)return null;let b=d.props;const p={id:b.id?b.id:y+"_"+e,label:M,placeholder:o,className:b.className?b.className+" itd-form-item":"itd-form-item",onUpdate:w,ref:f};return t&&(p.mask=t),c&&(p.locked=c),l(d,{...b,...p})})()})),Vq=W((({name:e="",className:b="",initialValues:M={},useQueryString:p=!1,onUpdate:z,onFinish:t,onFinishFailed:c,onValidated:r,children:a},A)=>{const{updated:s,setInitialValues:d,isFormValid:l,getValues:q,getFields:u,setFieldValueByName:f,resetFields:W}=i($q),m=np(),{search:R}=_(),g=Op(),[L,v]=n([]),[N,y]=n(!1),[B,x]=n([]),[w,X]=n(!1),[k,T]=n(!1);O((()=>{a&&$()}),[a]),O((()=>{S(),E()}),[w]),O((()=>{w||0!==Object.keys(u()).length&&0!==B.length&&Object.keys(u()).length===B.length&&X(!0)}),[u(),B]),O((()=>{E()}),[M]),O((()=>{S()}),[R]),O((()=>{k&&w&&p&&Object.keys(s).length>0&&I(s)}),[s]),O((()=>{r&&l()!==N&&r(l()),y(l())}),[l()]);const S=()=>{w&&p&&(F(),k||P())},E=()=>{w&&(p||k||D())},D=()=>{const e=!Object.values(M).some((e=>null!==e&&""!==e));e&&!k&&T(!0),e||k||(d(M,!1),T(!0))},P=()=>{const e=u(),b=!Object.values(e).some((e=>""!==m.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let b=[];throw Object.keys(e).forEach((M=>{e[M].hasOwnProperty("query")&&null!==e[M].query&&""!==e[M].query||b.push(M)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${b.toString()}`)}if(b&&!k&&T(!0),!b&&!k){let b={};Object.keys(e).forEach((M=>{b[M]=m.get(e[M].query,"")})),d(b,!0,!0),T(!0)}},I=e=>{let b=[],M=[];const o=u();Object.keys(e).forEach((b=>{M.push(e[b])})),Qa(M,L)||(Object.keys(o).forEach((M=>{b.push({type:o[M].query,value:e[M]})})),g.set(b))},F=()=>{let e=[],b=[];const M=u();if(Object.keys(M).forEach((b=>{let o=String(m.get(M[b].query,""));e.push(o)})),Qa(e,L))return;v(e),Object.keys(M).forEach((e=>{b[e]=m.get(M[e].query,"")})),Object.keys(b).forEach((e=>{f(e,b[e],!1,!1)}));let o={};Object.keys(b).forEach((e=>{o[e]=b[e]})),z&&z(o)},$=()=>{let e=[];C(a,(b=>(b.hasOwnProperty("type")&&b.type===jq&&e.push({[b.props.name]:b}),!0))),x(e)};return h(A,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),o("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?t&&t(q()):c&&c(u())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let b=[];Object.keys(u()).map((e=>{b.push({type:e,value:""})})),g.set(b),W(!0,!1)},autoComplete:"off",className:b,noValidate:!0,children:a})}));var Uq=g(Vq);function Hq({name:e="",useQueryString:b=!1,onUpdate:M,onReset:o,onFieldUpdate:p}){const[z,t]=n({}),[c,O]=n(e),[r,i]=n(!1),[a,A]=n({});function s(e){return z.hasOwnProperty(e)&&void 0!==z[e]}function d(){let e={};return Object.keys(z).forEach((b=>{e[b]=f(b)})),e}function l(e,b,M=!0){if(s(e)&&z[e].field.current){if(z[e].valid=!1,z[e].error=b,!z[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);z[e].field.current?.setError(M?b:"")}}function q(){let e=!0;return Object.keys(z).forEach((b=>{z[b].valid||(e=!1)})),i(e),e}function f(e){if(s(e)){if(z[e].field.current?.hasOwnProperty("getValue"))return z[e].field.current?.getValue();throw new Error(`Reference Error: You must declare the 'getValue' function on the field "${e}"`)}throw new Error(`Form Error: There is no field registered with this name: ${e}`)}function W(e,b,M,o){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!z[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let p=f(e),t=!1;t=Array.isArray(p)&&Array.isArray(b)?Qa(p,b):Array.isArray(p)||Array.isArray(b)?p.toString()===b.toString():p===b,t||z[e].field.current?.setValue(b,M,o)}}return{register:function(e){z[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){if(!s(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete z[e]},checkFormIsValid:q,hasField:s,getValues:d,getFieldValue:function(e){return s(e)?(b=z[e].value)instanceof Object?JSON.stringify(b):b:"";var b},getFieldValueByName:f,getFieldInstance:function(e){return s(e)?z[e].field.current:null},getFields:function(){let e={};return Object.keys(z).forEach((b=>{e[b]=z[b]})),e},getFieldsInstance:function(){let e={};return Object.keys(z).forEach((b=>{e[b]=z[b].field.current})),e},setName:function(e){O(e)},setInitialValues:function(e,o=!0,p=!1){Object.keys(e).forEach((b=>{W(b,e[b],o,p)}));let z={};return Object.keys(e).forEach((b=>{z[b]=e[b]})),o&&(b&&A(z),M&&M(z)),q(),z},setInvalidField:function(e="",b=""){l(e,b),q()},setInvalidFields:function(e=[],b=""){e.forEach((e=>{l(e,b)})),q()},setFieldValue:function(e,b){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);z[e].valid=!1,z[e].field.current?.setValue(b)},setFieldValueByName:W,setFieldError:l,removeFieldError:function(e){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(z[e].valid=!0,z[e].error="",!z[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);z[e].field.current?.setError("")},updateField:function(e,o,t,c){if(!s(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(z[e].value=o,z[e].valid=c,t){p&&p({name:e,value:o,valid:c}),z[e].reset.length>0&&z[e].reset.forEach((e=>{z[e].value="",z[e].valid=!1,z[e].field.current?.reset(!1)}));let t={...d(),[e]:o};z[e].reset.length>0&&z[e].reset.forEach((e=>{t[e]=""})),b&&c&&A(t),M&&M(t)}q()},isFormValid:u((()=>r),[r]),isFieldsValid:function(e){let b=!0;return e.forEach((e=>{z[e].valid||(b=!1)})),b},isFieldValid:function(e){return z[e].valid},resetFields:function(e=!1,b=!1){Object.keys(z).forEach((M=>{if(!z[M].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${M}"`);z[M].field.current?.reset(e,b)})),o&&o()},removeFields:function(){t({})},formId:c,updated:a}}const Yq=W((({initialValues:e,children:b,onUpdate:M,onReset:p,onFinish:z,onFinishFailed:t,onFieldUpdate:c,onValidated:n,useQueryString:i,className:a,name:A},s)=>{const d=r(null);O((()=>()=>{d.current=null}),[]),d.current=Hq({name:A,onUpdate:M,onReset:p,onFieldUpdate:c,useQueryString:i}),h(s,(()=>d.current));return o($q.Provider,{value:d.current,children:o(Uq,{initialValues:e,useQueryString:i,onUpdate:M,onFinish:z,onFinishFailed:t,onValidated:n,name:A,className:(()=>{let e="itd-form";return A&&(e+=" "+A),a&&(e+=" "+a),e})(),children:b})})}));Yq.Item=jq,Yq.Group=function({gap:e=15,horizontal:b=!1,className:M,children:p}){const z=()=>{let e="itd-form-group";return M&&(e+=" "+M),e};return o(gq,{className:z(),$gap:e,$horizontal:b,children:p})},Yq.Control=function({position:e="end",className:b,children:M}){const p=()=>{let e="itd-form-control";return b&&(e+=" "+b),e};return o(Lq,{className:p(),$position:e,children:M})},Yq.useForm=()=>i($q),Yq.useFormAPI=()=>{const e=i($q);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const Gq=pc.div`
 
   &.itd-accordion-menu-sub-menu {
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.1.77",
+  "version": "2.1.78",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",