@inntechcorp/it-design 2.1.10 → 2.1.11

package/dist/index.cjs.js

@@ -3268,7 +3268,7 @@ function pu(e,t){if(fu(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
   margin-top: 10px;
   gap: 5px;
 
-`;const Qh=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Jh=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),Zh=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const eW=e=>Zh.test(e),tW=e=>Qh.test(e),oW=e=>Jh.test(e),pW=(e,t)=>e.length>=t,bW=(e,t)=>e.length<=t,nW=(e,t)=>e===t,MW=(e,t)=>e.length===t,rW=e=>function(e){var t,o=0,p=0,b=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]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-t)%10!=Number(e[9]))return!1;for(b=0;b<10;b++)p+=parseInt(e[b]);return p%10==Number(e[10])}(e),cW=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(t=!1)})),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},zW=t.createContext({});zW.displayName="ITDFormContext";const iW=t.forwardRef((({name:e="",label:o="",placeholder:p="",error:b="",rules:n=[],mask:M=null,locked:r=!1,dependency:c="",reset:z=[],query:i="",children:a=null},O)=>{const s=t.useRef(null),{register:d,unregister:A,hasField:l,updateField:u,setFieldError:f,getFieldValue:q,getFieldInstance:h,formId:W}=t.useContext(zW),[g,m]=t.useState(!1);t.useEffect((()=>(d({name:e,field:s,valid:v(s.current?.getValue()),query:i,reset:z,error:b}),m(!0),()=>{m(!1),A(e)})),[]),t.useImperativeHandle(O,(()=>s.current));const R=(t,o=!0,p=!0)=>{g&&l(e)&&(u(e,t,o,v(t,p)),L())},v=(t,o=!0)=>{const p=function(e,t,o){let p=[];return e.forEach((e=>{e.hasOwnProperty($e.REQUIRED)&&!cW(t)&&e.required&&p.push(e.message?e.message:el("errors.required")),e.hasOwnProperty($e.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(pW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(bW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(MW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(nW(String(t),String(o(String(e.field))))||p.push(e.message?e.message:el("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(rW(String(t))||p.push(e.message?e.message:el("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(eW(String(t))||p.push(e.message?e.message:el("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(tW(String(t))||p.push(e.message?e.message:el("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(oW(String(t))||p.push(e.message?e.message:el("errors.usernameRule"))))})),p}(n,t,q);return p.length>0?(f(e,p[0],o),!1):(f(e,""),!0)},L=()=>{if(""===c)return;if(""===q(c))return;const e=h(c);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!a)return null;const b={id:a.props.id?a.props.id:W+"_"+e,label:o,placeholder:p,className:"itd-form-item",onUpdate:R,ref:s};return M&&(b.mask=M),r&&(b.locked=r),t.cloneElement(a,{...a.props,...b})})()})),aW=t.forwardRef((({name:o="",className:p="",initialValues:b={},useQueryString:n=!1,onUpdate:M,onFinish:c,onFinishFailed:i,onValidated:a,children:O},s)=>{const{updated:d,setInitialValues:A,isFormValid:l,getValues:u,getFields:f,setFieldValueByName:q,resetFields:h}=t.useContext(zW),W=Kr(),{search:g}=r.useLocation(),m=Qr(),[R,v]=t.useState([]),[L,y]=t.useState(!1),[N,x]=t.useState([]),[B,w]=t.useState(!1),[X,S]=t.useState(!1);t.useEffect((()=>{O&&D()}),[O]),t.useEffect((()=>{k(),T()}),[B]),t.useEffect((()=>{B||0!==Object.keys(f()).length&&0!==N.length&&Object.keys(f()).length===N.length&&w(!0)}),[f(),N]),t.useEffect((()=>{T()}),[b]),t.useEffect((()=>{k()}),[g]),t.useEffect((()=>{X&&B&&n&&Object.keys(d).length>0&&C(d)}),[d]),t.useEffect((()=>{a&&l()!==L&&a(l()),y(l())}),[l()]);const k=()=>{B&&n&&(P(),X||_())},T=()=>{B&&(n||X||E())},E=()=>{const e=!Object.values(b).some((e=>null!==e&&""!==e));e&&!X&&S(!0),e||X||(A(b,!1),S(!0))},_=()=>{const e=f(),t=!Object.values(e).some((e=>""!==W.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let t=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.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 ${t.toString()}`)}if(t&&!X&&S(!0),!t&&!X){let t={};Object.keys(e).forEach((o=>{t[o]=W.get(e[o].query,"")})),A(t,!0,!0),S(!0)}},C=e=>{let t=[],o=[];const p=f();Object.keys(e).forEach((t=>{o.push(e[t])})),Wl(o,R)||(Object.keys(p).forEach((o=>{t.push({type:p[o].query,value:e[o]})})),m.set(t))},P=()=>{let e=[],t=[];const o=f();if(Object.keys(o).forEach((t=>{let p=String(W.get(o[t].query,""));e.push(p)})),Wl(e,R))return;v(e),Object.keys(o).forEach((e=>{t[e]=W.get(o[e].query,"")})),Object.keys(t).forEach((e=>{q(e,t[e],!1,!1)}));let p={};Object.keys(t).forEach((e=>{p[e]=t[e]})),M&&M(p)},D=()=>{let e=[];z.getChildrenDeep(O,(t=>(t.hasOwnProperty("type")&&t.type===iW&&e.push({[t.props.name]:t}),!0))),x(e)};return t.useImperativeHandle(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),e.jsx("form",{id:o,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(u()):i&&i(f())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(f()).map((e=>{t.push({type:e,value:""})})),m.set(t),h(!0,!1)},autoComplete:"off",className:p,noValidate:!0,children:O})}));var OW=t.memo(aW);function sW({name:e="",useQueryString:o=!1,onUpdate:p,onReset:b,onFieldUpdate:n}){const[M,r]=t.useState({}),[c,z]=t.useState(e),[i,a]=t.useState(!1),[O,s]=t.useState({});function d(e){return M.hasOwnProperty(e)&&void 0!==M[e]}function A(){let e={};return Object.keys(M).forEach((t=>{e[t]=f(t)})),e}function l(e,t,o=!0){if(d(e)&&M[e].field.current){if(M[e].valid=!1,M[e].error=t,!M[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);M[e].field.current?.setError(o?t:"")}}function u(){let e=!0;return Object.keys(M).forEach((t=>{M[t].valid||(e=!1)})),a(e),e}function f(e){if(d(e)){if(M[e].field.current?.hasOwnProperty("getValue"))return M[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 q(e,t,o,p){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!M[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let b=f(e),n=!1;n=Array.isArray(b)&&Array.isArray(t)?Wl(b,t):Array.isArray(b)||Array.isArray(t)?b.toString()===t.toString():b===t,n||M[e].field.current?.setValue(t,o,p)}}return{register:function(e){M[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(!d(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete M[e]},checkFormIsValid:u,hasField:d,getValues:A,getFieldValue:function(e){return d(e)?(t=M[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:f,getFieldInstance:function(e){return d(e)?M[e].field.current:null},getFields:function(){let e={};return Object.keys(M).forEach((t=>{e[t]=M[t]})),e},getFieldsInstance:function(){let e={};return Object.keys(M).forEach((t=>{e[t]=M[t].field.current})),e},setName:function(e){z(e)},setInitialValues:function(e,t=!0,b=!1){Object.keys(e).forEach((o=>{q(o,e[o],t,b)}));let n={};return Object.keys(e).forEach((t=>{n[t]=e[t]})),t&&(o&&s(n),p&&p(n)),u(),n},setInvalidField:function(e="",t=""){l(e,t),u()},setInvalidFields:function(e=[],t=""){e.forEach((e=>{l(e,t)})),u()},setFieldValue:function(e,t){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);M[e].valid=!1,M[e].field.current?.setValue(t)},setFieldValueByName:q,setFieldError:l,removeFieldError:function(e){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(M[e].valid=!0,M[e].error="",!M[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);M[e].field.current?.setError("")},updateField:function(e,t,b,r){if(!d(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(M[e].value=t,M[e].valid=r,b){n&&n({name:e,value:t,valid:r}),M[e].reset.length>0&&M[e].reset.forEach((e=>{M[e].value="",M[e].valid=!1,M[e].field.current?.reset(!1)}));let b={...A(),[e]:t};M[e].reset.length>0&&M[e].reset.forEach((e=>{b[e]=""})),o&&r&&s(b),p&&p(b)}u()},isFormValid:t.useCallback((()=>i),[i]),isFieldsValid:function(e){let t=!0;return e.forEach((e=>{M[e].valid||(t=!1)})),t},isFieldValid:function(e){return M[e].valid},resetFields:function(e=!1,t=!1){Object.keys(M).forEach((o=>{if(!M[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);M[o].field.current?.reset(e,t)})),b&&b()},removeFields:function(){r({})},formId:c,updated:O}}const dW=t.forwardRef((({initialValues:o,children:p,onUpdate:b,onReset:n,onFinish:M,onFinishFailed:r,onFieldUpdate:c,onValidated:z,useQueryString:i,className:a,name:O},s)=>{const d=t.useRef(null);t.useEffect((()=>()=>{d.current=null}),[]),d.current=sW({name:O,onUpdate:b,onReset:n,onFieldUpdate:c,useQueryString:i}),t.useImperativeHandle(s,(()=>d.current));return e.jsx(zW.Provider,{value:d.current,children:e.jsx(OW,{initialValues:o,useQueryString:i,onUpdate:b,onFinish:M,onFinishFailed:r,onValidated:z,name:O,className:(()=>{let e="itd-form";return O&&(e+=" "+O),a&&(e+=" "+a),e})(),children:p})})}));dW.Item=iW,dW.Group=function({gap:t=15,horizontal:o=!1,className:p,children:b}){const n=()=>{let e="itd-form-group";return p&&(e+=" "+p),e};return e.jsx(Gh,{className:n(),$gap:t,$horizontal:o,children:b})},dW.Control=function({position:t="end",className:o,children:p}){const b=()=>{let e="itd-form-control";return o&&(e+=" "+o),e};return e.jsx(Kh,{className:b(),$position:t,children:p})},dW.useForm=()=>t.useContext(zW),dW.useFormAPI=()=>{const e=t.useContext(zW);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const AW=Di.div`
+`;const Qh=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Jh=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),Zh=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const eW=e=>Zh.test(e),tW=e=>Qh.test(e),oW=e=>Jh.test(e),pW=(e,t)=>e.length>=t,bW=(e,t)=>e.length<=t,nW=(e,t)=>e===t,MW=(e,t)=>e.length===t,rW=e=>function(e){var t,o=0,p=0,b=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]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-t)%10!=Number(e[9]))return!1;for(b=0;b<10;b++)p+=parseInt(e[b]);return p%10==Number(e[10])}(e),cW=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(t=!1)})),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},zW=t.createContext({});zW.displayName="ITDFormContext";const iW=t.forwardRef((({name:e="",label:o="",placeholder:p="",error:b="",rules:n=[],mask:M=null,locked:r=!1,dependency:c="",reset:z=[],query:i="",children:a=null},O)=>{const s=t.useRef(null),{register:d,unregister:A,hasField:l,updateField:u,setFieldError:f,getFieldValue:q,getFieldInstance:h,formId:W}=t.useContext(zW),[g,m]=t.useState(!1);t.useEffect((()=>(d({name:e,field:s,valid:v(s.current?.getValue()),query:i,reset:z,error:b}),m(!0),()=>{m(!1),A(e)})),[]),t.useImperativeHandle(O,(()=>s.current));const R=(t,o=!0,p=!0)=>{g&&l(e)&&(u(e,t,o,v(t,p)),L())},v=(t,o=!0)=>{const p=function(e,t,o){let p=[];return e.forEach((e=>{e.hasOwnProperty($e.REQUIRED)&&!cW(t)&&e.required&&p.push(e.message?e.message:el("errors.required")),e.hasOwnProperty($e.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(pW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(bW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(MW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(nW(String(t),String(o(String(e.field))))||p.push(e.message?e.message:el("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(rW(String(t))||p.push(e.message?e.message:el("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(eW(String(t))||p.push(e.message?e.message:el("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(tW(String(t))||p.push(e.message?e.message:el("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(oW(String(t))||p.push(e.message?e.message:el("errors.usernameRule"))))})),p}(n,t,q);return p.length>0?(f(e,p[0],o),!1):(f(e,""),!0)},L=()=>{if(""===c)return;if(""===q(c))return;const e=h(c);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!a)return null;let b=a.props;const n={id:b.props.id?b.props.id:W+"_"+e,label:o,placeholder:p,className:b.className?b.className+" itd-form-item":"itd-form-item",onUpdate:R,ref:s};return M&&(n.mask=M),r&&(n.locked=r),t.cloneElement(a,{...b.props,...n})})()})),aW=t.forwardRef((({name:o="",className:p="",initialValues:b={},useQueryString:n=!1,onUpdate:M,onFinish:c,onFinishFailed:i,onValidated:a,children:O},s)=>{const{updated:d,setInitialValues:A,isFormValid:l,getValues:u,getFields:f,setFieldValueByName:q,resetFields:h}=t.useContext(zW),W=Kr(),{search:g}=r.useLocation(),m=Qr(),[R,v]=t.useState([]),[L,y]=t.useState(!1),[N,x]=t.useState([]),[B,w]=t.useState(!1),[X,S]=t.useState(!1);t.useEffect((()=>{O&&D()}),[O]),t.useEffect((()=>{k(),T()}),[B]),t.useEffect((()=>{B||0!==Object.keys(f()).length&&0!==N.length&&Object.keys(f()).length===N.length&&w(!0)}),[f(),N]),t.useEffect((()=>{T()}),[b]),t.useEffect((()=>{k()}),[g]),t.useEffect((()=>{X&&B&&n&&Object.keys(d).length>0&&C(d)}),[d]),t.useEffect((()=>{a&&l()!==L&&a(l()),y(l())}),[l()]);const k=()=>{B&&n&&(P(),X||_())},T=()=>{B&&(n||X||E())},E=()=>{const e=!Object.values(b).some((e=>null!==e&&""!==e));e&&!X&&S(!0),e||X||(A(b,!1),S(!0))},_=()=>{const e=f(),t=!Object.values(e).some((e=>""!==W.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let t=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.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 ${t.toString()}`)}if(t&&!X&&S(!0),!t&&!X){let t={};Object.keys(e).forEach((o=>{t[o]=W.get(e[o].query,"")})),A(t,!0,!0),S(!0)}},C=e=>{let t=[],o=[];const p=f();Object.keys(e).forEach((t=>{o.push(e[t])})),Wl(o,R)||(Object.keys(p).forEach((o=>{t.push({type:p[o].query,value:e[o]})})),m.set(t))},P=()=>{let e=[],t=[];const o=f();if(Object.keys(o).forEach((t=>{let p=String(W.get(o[t].query,""));e.push(p)})),Wl(e,R))return;v(e),Object.keys(o).forEach((e=>{t[e]=W.get(o[e].query,"")})),Object.keys(t).forEach((e=>{q(e,t[e],!1,!1)}));let p={};Object.keys(t).forEach((e=>{p[e]=t[e]})),M&&M(p)},D=()=>{let e=[];z.getChildrenDeep(O,(t=>(t.hasOwnProperty("type")&&t.type===iW&&e.push({[t.props.name]:t}),!0))),x(e)};return t.useImperativeHandle(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),e.jsx("form",{id:o,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(u()):i&&i(f())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(f()).map((e=>{t.push({type:e,value:""})})),m.set(t),h(!0,!1)},autoComplete:"off",className:p,noValidate:!0,children:O})}));var OW=t.memo(aW);function sW({name:e="",useQueryString:o=!1,onUpdate:p,onReset:b,onFieldUpdate:n}){const[M,r]=t.useState({}),[c,z]=t.useState(e),[i,a]=t.useState(!1),[O,s]=t.useState({});function d(e){return M.hasOwnProperty(e)&&void 0!==M[e]}function A(){let e={};return Object.keys(M).forEach((t=>{e[t]=f(t)})),e}function l(e,t,o=!0){if(d(e)&&M[e].field.current){if(M[e].valid=!1,M[e].error=t,!M[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);M[e].field.current?.setError(o?t:"")}}function u(){let e=!0;return Object.keys(M).forEach((t=>{M[t].valid||(e=!1)})),a(e),e}function f(e){if(d(e)){if(M[e].field.current?.hasOwnProperty("getValue"))return M[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 q(e,t,o,p){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!M[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let b=f(e),n=!1;n=Array.isArray(b)&&Array.isArray(t)?Wl(b,t):Array.isArray(b)||Array.isArray(t)?b.toString()===t.toString():b===t,n||M[e].field.current?.setValue(t,o,p)}}return{register:function(e){M[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(!d(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete M[e]},checkFormIsValid:u,hasField:d,getValues:A,getFieldValue:function(e){return d(e)?(t=M[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:f,getFieldInstance:function(e){return d(e)?M[e].field.current:null},getFields:function(){let e={};return Object.keys(M).forEach((t=>{e[t]=M[t]})),e},getFieldsInstance:function(){let e={};return Object.keys(M).forEach((t=>{e[t]=M[t].field.current})),e},setName:function(e){z(e)},setInitialValues:function(e,t=!0,b=!1){Object.keys(e).forEach((o=>{q(o,e[o],t,b)}));let n={};return Object.keys(e).forEach((t=>{n[t]=e[t]})),t&&(o&&s(n),p&&p(n)),u(),n},setInvalidField:function(e="",t=""){l(e,t),u()},setInvalidFields:function(e=[],t=""){e.forEach((e=>{l(e,t)})),u()},setFieldValue:function(e,t){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);M[e].valid=!1,M[e].field.current?.setValue(t)},setFieldValueByName:q,setFieldError:l,removeFieldError:function(e){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(M[e].valid=!0,M[e].error="",!M[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);M[e].field.current?.setError("")},updateField:function(e,t,b,r){if(!d(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(M[e].value=t,M[e].valid=r,b){n&&n({name:e,value:t,valid:r}),M[e].reset.length>0&&M[e].reset.forEach((e=>{M[e].value="",M[e].valid=!1,M[e].field.current?.reset(!1)}));let b={...A(),[e]:t};M[e].reset.length>0&&M[e].reset.forEach((e=>{b[e]=""})),o&&r&&s(b),p&&p(b)}u()},isFormValid:t.useCallback((()=>i),[i]),isFieldsValid:function(e){let t=!0;return e.forEach((e=>{M[e].valid||(t=!1)})),t},isFieldValid:function(e){return M[e].valid},resetFields:function(e=!1,t=!1){Object.keys(M).forEach((o=>{if(!M[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);M[o].field.current?.reset(e,t)})),b&&b()},removeFields:function(){r({})},formId:c,updated:O}}const dW=t.forwardRef((({initialValues:o,children:p,onUpdate:b,onReset:n,onFinish:M,onFinishFailed:r,onFieldUpdate:c,onValidated:z,useQueryString:i,className:a,name:O},s)=>{const d=t.useRef(null);t.useEffect((()=>()=>{d.current=null}),[]),d.current=sW({name:O,onUpdate:b,onReset:n,onFieldUpdate:c,useQueryString:i}),t.useImperativeHandle(s,(()=>d.current));return e.jsx(zW.Provider,{value:d.current,children:e.jsx(OW,{initialValues:o,useQueryString:i,onUpdate:b,onFinish:M,onFinishFailed:r,onValidated:z,name:O,className:(()=>{let e="itd-form";return O&&(e+=" "+O),a&&(e+=" "+a),e})(),children:p})})}));dW.Item=iW,dW.Group=function({gap:t=15,horizontal:o=!1,className:p,children:b}){const n=()=>{let e="itd-form-group";return p&&(e+=" "+p),e};return e.jsx(Gh,{className:n(),$gap:t,$horizontal:o,children:b})},dW.Control=function({position:t="end",className:o,children:p}){const b=()=>{let e="itd-form-control";return o&&(e+=" "+o),e};return e.jsx(Kh,{className:b(),$position:t,children:p})},dW.useForm=()=>t.useContext(zW),dW.useFormAPI=()=>{const e=t.useContext(zW);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const AW=Di.div`
 
   &.itd-accordion-menu-sub-menu {
 

package/dist/index.esm.js

@@ -3268,7 +3268,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
   margin-top: 10px;
   gap: 5px;
 
-`;const ng=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Mg=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),rg=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const cg=e=>rg.test(e),zg=e=>ng.test(e),ig=e=>Mg.test(e),ag=(e,t)=>e.length>=t,Og=(e,t)=>e.length<=t,sg=(e,t)=>e===t,Ag=(e,t)=>e.length===t,dg=e=>function(e){var t,o=0,p=0,b=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]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-t)%10!=Number(e[9]))return!1;for(b=0;b<10;b++)p+=parseInt(e[b]);return p%10==Number(e[10])}(e),lg=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(t=!1)})),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},ug=n({});ug.displayName="ITDFormContext";const fg=u((({name:e="",label:t="",placeholder:o="",error:p="",rules:b=[],mask:n=null,locked:i=!1,dependency:a="",reset:O=[],query:s="",children:A=null},l)=>{const u=c(null),{register:f,unregister:h,hasField:W,updateField:g,setFieldError:m,getFieldValue:R,getFieldInstance:v,formId:L}=M(ug),[y,N]=r(!1);z((()=>(f({name:e,field:u,valid:w(u.current?.getValue()),query:s,reset:O,error:p}),N(!0),()=>{N(!1),h(e)})),[]),q(l,(()=>u.current));const B=(t,o=!0,p=!0)=>{y&&W(e)&&(g(e,t,o,w(t,p)),x())},w=(t,o=!0)=>{const p=function(e,t,o){let p=[];return e.forEach((e=>{e.hasOwnProperty(At.REQUIRED)&&!lg(t)&&e.required&&p.push(e.message?e.message:ou("errors.required")),e.hasOwnProperty(At.TYPE)&&(e.type===dt.MIN_LENGTH&&(ag(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.minLength",{length:Number(e.value)}))),e.type===dt.MAX_LENGTH&&(Og(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.maxLength",{length:Number(e.value)}))),e.type===dt.EXACT_LENGTH&&(Ag(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.exactLength",{length:Number(e.value)}))),e.type===dt.SAME&&(sg(String(t),String(o(String(e.field))))||p.push(e.message?e.message:ou("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===dt.TC_IDENTITY&&(dg(String(t))||p.push(e.message?e.message:ou("errors.wrongTCIdentity"))),e.type===dt.PASSWORD&&(cg(String(t))||p.push(e.message?e.message:ou("errors.passwordRule"))),e.type===dt.EMAIL&&(zg(String(t))||p.push(e.message?e.message:ou("errors.invalidEmailAddress"))),e.type===dt.USERNAME&&(ig(String(t))||p.push(e.message?e.message:ou("errors.usernameRule"))))})),p}(b,t,R);return p.length>0?(m(e,p[0],o),!1):(m(e,""),!0)},x=()=>{if(""===a)return;if(""===R(a))return;const e=v(a);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!A)return null;const p={id:A.props.id?A.props.id:L+"_"+e,label:t,placeholder:o,className:"itd-form-item",onUpdate:B,ref:u};return n&&(p.mask=n),i&&(p.locked=i),d(A,{...A.props,...p})})()})),qg=u((({name:t="",className:o="",initialValues:p={},useQueryString:b=!1,onUpdate:n,onFinish:c,onFinishFailed:i,onValidated:a,children:O},s)=>{const{updated:A,setInitialValues:d,isFormValid:l,getValues:u,getFields:f,setFieldValueByName:h,resetFields:W}=M(ug),g=Rc(),{search:m}=k(),R=vc(),[v,L]=r([]),[y,N]=r(!1),[B,w]=r([]),[x,X]=r(!1),[S,E]=r(!1);z((()=>{O&&j()}),[O]),z((()=>{_(),C()}),[x]),z((()=>{x||0!==Object.keys(f()).length&&0!==B.length&&Object.keys(f()).length===B.length&&X(!0)}),[f(),B]),z((()=>{C()}),[p]),z((()=>{_()}),[m]),z((()=>{S&&x&&b&&Object.keys(A).length>0&&I(A)}),[A]),z((()=>{a&&l()!==y&&a(l()),N(l())}),[l()]);const _=()=>{x&&b&&(F(),S||D())},C=()=>{x&&(b||S||P())},P=()=>{const e=!Object.values(p).some((e=>null!==e&&""!==e));e&&!S&&E(!0),e||S||(d(p,!1),E(!0))},D=()=>{const e=f(),t=!Object.values(e).some((e=>""!==g.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let t=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.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 ${t.toString()}`)}if(t&&!S&&E(!0),!t&&!S){let t={};Object.keys(e).forEach((o=>{t[o]=g.get(e[o].query,"")})),d(t,!0,!0),E(!0)}},I=e=>{let t=[],o=[];const p=f();Object.keys(e).forEach((t=>{o.push(e[t])})),Bu(o,v)||(Object.keys(p).forEach((o=>{t.push({type:p[o].query,value:e[o]})})),R.set(t))},F=()=>{let e=[],t=[];const o=f();if(Object.keys(o).forEach((t=>{let p=String(g.get(o[t].query,""));e.push(p)})),Bu(e,v))return;L(e),Object.keys(o).forEach((e=>{t[e]=g.get(o[e].query,"")})),Object.keys(t).forEach((e=>{h(e,t[e],!1,!1)}));let p={};Object.keys(t).forEach((e=>{p[e]=t[e]})),n&&n(p)},j=()=>{let e=[];T(O,(t=>(t.hasOwnProperty("type")&&t.type===fg&&e.push({[t.props.name]:t}),!0))),w(e)};return q(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),e("form",{id:t,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(u()):i&&i(f())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(f()).map((e=>{t.push({type:e,value:""})})),R.set(t),W(!0,!1)},autoComplete:"off",className:o,noValidate:!0,children:O})}));var hg=W(qg);function Wg({name:e="",useQueryString:t=!1,onUpdate:o,onReset:p,onFieldUpdate:b}){const[n,M]=r({}),[c,z]=r(e),[a,O]=r(!1),[s,A]=r({});function d(e){return n.hasOwnProperty(e)&&void 0!==n[e]}function l(){let e={};return Object.keys(n).forEach((t=>{e[t]=q(t)})),e}function u(e,t,o=!0){if(d(e)&&n[e].field.current){if(n[e].valid=!1,n[e].error=t,!n[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);n[e].field.current?.setError(o?t:"")}}function f(){let e=!0;return Object.keys(n).forEach((t=>{n[t].valid||(e=!1)})),O(e),e}function q(e){if(d(e)){if(n[e].field.current?.hasOwnProperty("getValue"))return n[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 h(e,t,o,p){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!n[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let b=q(e),M=!1;M=Array.isArray(b)&&Array.isArray(t)?Bu(b,t):Array.isArray(b)||Array.isArray(t)?b.toString()===t.toString():b===t,M||n[e].field.current?.setValue(t,o,p)}}return{register:function(e){n[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(!d(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete n[e]},checkFormIsValid:f,hasField:d,getValues:l,getFieldValue:function(e){return d(e)?(t=n[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:q,getFieldInstance:function(e){return d(e)?n[e].field.current:null},getFields:function(){let e={};return Object.keys(n).forEach((t=>{e[t]=n[t]})),e},getFieldsInstance:function(){let e={};return Object.keys(n).forEach((t=>{e[t]=n[t].field.current})),e},setName:function(e){z(e)},setInitialValues:function(e,p=!0,b=!1){Object.keys(e).forEach((t=>{h(t,e[t],p,b)}));let n={};return Object.keys(e).forEach((t=>{n[t]=e[t]})),p&&(t&&A(n),o&&o(n)),f(),n},setInvalidField:function(e="",t=""){u(e,t),f()},setInvalidFields:function(e=[],t=""){e.forEach((e=>{u(e,t)})),f()},setFieldValue:function(e,t){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);n[e].valid=!1,n[e].field.current?.setValue(t)},setFieldValueByName:h,setFieldError:u,removeFieldError:function(e){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(n[e].valid=!0,n[e].error="",!n[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);n[e].field.current?.setError("")},updateField:function(e,p,M,r){if(!d(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(n[e].value=p,n[e].valid=r,M){b&&b({name:e,value:p,valid:r}),n[e].reset.length>0&&n[e].reset.forEach((e=>{n[e].value="",n[e].valid=!1,n[e].field.current?.reset(!1)}));let M={...l(),[e]:p};n[e].reset.length>0&&n[e].reset.forEach((e=>{M[e]=""})),t&&r&&A(M),o&&o(M)}f()},isFormValid:i((()=>a),[a]),isFieldsValid:function(e){let t=!0;return e.forEach((e=>{n[e].valid||(t=!1)})),t},isFieldValid:function(e){return n[e].valid},resetFields:function(e=!1,t=!1){Object.keys(n).forEach((o=>{if(!n[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);n[o].field.current?.reset(e,t)})),p&&p()},removeFields:function(){M({})},formId:c,updated:s}}const gg=u((({initialValues:t,children:o,onUpdate:p,onReset:b,onFinish:n,onFinishFailed:M,onFieldUpdate:r,onValidated:i,useQueryString:a,className:O,name:s},A)=>{const d=c(null);z((()=>()=>{d.current=null}),[]),d.current=Wg({name:s,onUpdate:p,onReset:b,onFieldUpdate:r,useQueryString:a}),q(A,(()=>d.current));return e(ug.Provider,{value:d.current,children:e(hg,{initialValues:t,useQueryString:a,onUpdate:p,onFinish:n,onFinishFailed:M,onValidated:i,name:s,className:(()=>{let e="itd-form";return s&&(e+=" "+s),O&&(e+=" "+O),e})(),children:o})})}));gg.Item=fg,gg.Group=function({gap:t=15,horizontal:o=!1,className:p,children:b}){const n=()=>{let e="itd-form-group";return p&&(e+=" "+p),e};return e(pg,{className:n(),$gap:t,$horizontal:o,children:b})},gg.Control=function({position:t="end",className:o,children:p}){const b=()=>{let e="itd-form-control";return o&&(e+=" "+o),e};return e(bg,{className:b(),$position:t,children:p})},gg.useForm=()=>M(ug),gg.useFormAPI=()=>{const e=M(ug);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const mg=ha.div`
+`;const ng=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Mg=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),rg=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const cg=e=>rg.test(e),zg=e=>ng.test(e),ig=e=>Mg.test(e),ag=(e,t)=>e.length>=t,Og=(e,t)=>e.length<=t,sg=(e,t)=>e===t,Ag=(e,t)=>e.length===t,dg=e=>function(e){var t,o=0,p=0,b=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]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-t)%10!=Number(e[9]))return!1;for(b=0;b<10;b++)p+=parseInt(e[b]);return p%10==Number(e[10])}(e),lg=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(t=!1)})),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},ug=n({});ug.displayName="ITDFormContext";const fg=u((({name:e="",label:t="",placeholder:o="",error:p="",rules:b=[],mask:n=null,locked:i=!1,dependency:a="",reset:O=[],query:s="",children:A=null},l)=>{const u=c(null),{register:f,unregister:h,hasField:W,updateField:g,setFieldError:m,getFieldValue:R,getFieldInstance:v,formId:L}=M(ug),[y,N]=r(!1);z((()=>(f({name:e,field:u,valid:w(u.current?.getValue()),query:s,reset:O,error:p}),N(!0),()=>{N(!1),h(e)})),[]),q(l,(()=>u.current));const B=(t,o=!0,p=!0)=>{y&&W(e)&&(g(e,t,o,w(t,p)),x())},w=(t,o=!0)=>{const p=function(e,t,o){let p=[];return e.forEach((e=>{e.hasOwnProperty(At.REQUIRED)&&!lg(t)&&e.required&&p.push(e.message?e.message:ou("errors.required")),e.hasOwnProperty(At.TYPE)&&(e.type===dt.MIN_LENGTH&&(ag(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.minLength",{length:Number(e.value)}))),e.type===dt.MAX_LENGTH&&(Og(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.maxLength",{length:Number(e.value)}))),e.type===dt.EXACT_LENGTH&&(Ag(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.exactLength",{length:Number(e.value)}))),e.type===dt.SAME&&(sg(String(t),String(o(String(e.field))))||p.push(e.message?e.message:ou("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===dt.TC_IDENTITY&&(dg(String(t))||p.push(e.message?e.message:ou("errors.wrongTCIdentity"))),e.type===dt.PASSWORD&&(cg(String(t))||p.push(e.message?e.message:ou("errors.passwordRule"))),e.type===dt.EMAIL&&(zg(String(t))||p.push(e.message?e.message:ou("errors.invalidEmailAddress"))),e.type===dt.USERNAME&&(ig(String(t))||p.push(e.message?e.message:ou("errors.usernameRule"))))})),p}(b,t,R);return p.length>0?(m(e,p[0],o),!1):(m(e,""),!0)},x=()=>{if(""===a)return;if(""===R(a))return;const e=v(a);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!A)return null;let p=A.props;const b={id:p.props.id?p.props.id:L+"_"+e,label:t,placeholder:o,className:p.className?p.className+" itd-form-item":"itd-form-item",onUpdate:B,ref:u};return n&&(b.mask=n),i&&(b.locked=i),d(A,{...p.props,...b})})()})),qg=u((({name:t="",className:o="",initialValues:p={},useQueryString:b=!1,onUpdate:n,onFinish:c,onFinishFailed:i,onValidated:a,children:O},s)=>{const{updated:A,setInitialValues:d,isFormValid:l,getValues:u,getFields:f,setFieldValueByName:h,resetFields:W}=M(ug),g=Rc(),{search:m}=k(),R=vc(),[v,L]=r([]),[y,N]=r(!1),[B,w]=r([]),[x,X]=r(!1),[S,E]=r(!1);z((()=>{O&&j()}),[O]),z((()=>{_(),C()}),[x]),z((()=>{x||0!==Object.keys(f()).length&&0!==B.length&&Object.keys(f()).length===B.length&&X(!0)}),[f(),B]),z((()=>{C()}),[p]),z((()=>{_()}),[m]),z((()=>{S&&x&&b&&Object.keys(A).length>0&&I(A)}),[A]),z((()=>{a&&l()!==y&&a(l()),N(l())}),[l()]);const _=()=>{x&&b&&(F(),S||D())},C=()=>{x&&(b||S||P())},P=()=>{const e=!Object.values(p).some((e=>null!==e&&""!==e));e&&!S&&E(!0),e||S||(d(p,!1),E(!0))},D=()=>{const e=f(),t=!Object.values(e).some((e=>""!==g.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let t=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.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 ${t.toString()}`)}if(t&&!S&&E(!0),!t&&!S){let t={};Object.keys(e).forEach((o=>{t[o]=g.get(e[o].query,"")})),d(t,!0,!0),E(!0)}},I=e=>{let t=[],o=[];const p=f();Object.keys(e).forEach((t=>{o.push(e[t])})),Bu(o,v)||(Object.keys(p).forEach((o=>{t.push({type:p[o].query,value:e[o]})})),R.set(t))},F=()=>{let e=[],t=[];const o=f();if(Object.keys(o).forEach((t=>{let p=String(g.get(o[t].query,""));e.push(p)})),Bu(e,v))return;L(e),Object.keys(o).forEach((e=>{t[e]=g.get(o[e].query,"")})),Object.keys(t).forEach((e=>{h(e,t[e],!1,!1)}));let p={};Object.keys(t).forEach((e=>{p[e]=t[e]})),n&&n(p)},j=()=>{let e=[];T(O,(t=>(t.hasOwnProperty("type")&&t.type===fg&&e.push({[t.props.name]:t}),!0))),w(e)};return q(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),e("form",{id:t,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(u()):i&&i(f())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(f()).map((e=>{t.push({type:e,value:""})})),R.set(t),W(!0,!1)},autoComplete:"off",className:o,noValidate:!0,children:O})}));var hg=W(qg);function Wg({name:e="",useQueryString:t=!1,onUpdate:o,onReset:p,onFieldUpdate:b}){const[n,M]=r({}),[c,z]=r(e),[a,O]=r(!1),[s,A]=r({});function d(e){return n.hasOwnProperty(e)&&void 0!==n[e]}function l(){let e={};return Object.keys(n).forEach((t=>{e[t]=q(t)})),e}function u(e,t,o=!0){if(d(e)&&n[e].field.current){if(n[e].valid=!1,n[e].error=t,!n[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);n[e].field.current?.setError(o?t:"")}}function f(){let e=!0;return Object.keys(n).forEach((t=>{n[t].valid||(e=!1)})),O(e),e}function q(e){if(d(e)){if(n[e].field.current?.hasOwnProperty("getValue"))return n[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 h(e,t,o,p){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!n[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let b=q(e),M=!1;M=Array.isArray(b)&&Array.isArray(t)?Bu(b,t):Array.isArray(b)||Array.isArray(t)?b.toString()===t.toString():b===t,M||n[e].field.current?.setValue(t,o,p)}}return{register:function(e){n[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(!d(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete n[e]},checkFormIsValid:f,hasField:d,getValues:l,getFieldValue:function(e){return d(e)?(t=n[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:q,getFieldInstance:function(e){return d(e)?n[e].field.current:null},getFields:function(){let e={};return Object.keys(n).forEach((t=>{e[t]=n[t]})),e},getFieldsInstance:function(){let e={};return Object.keys(n).forEach((t=>{e[t]=n[t].field.current})),e},setName:function(e){z(e)},setInitialValues:function(e,p=!0,b=!1){Object.keys(e).forEach((t=>{h(t,e[t],p,b)}));let n={};return Object.keys(e).forEach((t=>{n[t]=e[t]})),p&&(t&&A(n),o&&o(n)),f(),n},setInvalidField:function(e="",t=""){u(e,t),f()},setInvalidFields:function(e=[],t=""){e.forEach((e=>{u(e,t)})),f()},setFieldValue:function(e,t){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);n[e].valid=!1,n[e].field.current?.setValue(t)},setFieldValueByName:h,setFieldError:u,removeFieldError:function(e){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(n[e].valid=!0,n[e].error="",!n[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);n[e].field.current?.setError("")},updateField:function(e,p,M,r){if(!d(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(n[e].value=p,n[e].valid=r,M){b&&b({name:e,value:p,valid:r}),n[e].reset.length>0&&n[e].reset.forEach((e=>{n[e].value="",n[e].valid=!1,n[e].field.current?.reset(!1)}));let M={...l(),[e]:p};n[e].reset.length>0&&n[e].reset.forEach((e=>{M[e]=""})),t&&r&&A(M),o&&o(M)}f()},isFormValid:i((()=>a),[a]),isFieldsValid:function(e){let t=!0;return e.forEach((e=>{n[e].valid||(t=!1)})),t},isFieldValid:function(e){return n[e].valid},resetFields:function(e=!1,t=!1){Object.keys(n).forEach((o=>{if(!n[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);n[o].field.current?.reset(e,t)})),p&&p()},removeFields:function(){M({})},formId:c,updated:s}}const gg=u((({initialValues:t,children:o,onUpdate:p,onReset:b,onFinish:n,onFinishFailed:M,onFieldUpdate:r,onValidated:i,useQueryString:a,className:O,name:s},A)=>{const d=c(null);z((()=>()=>{d.current=null}),[]),d.current=Wg({name:s,onUpdate:p,onReset:b,onFieldUpdate:r,useQueryString:a}),q(A,(()=>d.current));return e(ug.Provider,{value:d.current,children:e(hg,{initialValues:t,useQueryString:a,onUpdate:p,onFinish:n,onFinishFailed:M,onValidated:i,name:s,className:(()=>{let e="itd-form";return s&&(e+=" "+s),O&&(e+=" "+O),e})(),children:o})})}));gg.Item=fg,gg.Group=function({gap:t=15,horizontal:o=!1,className:p,children:b}){const n=()=>{let e="itd-form-group";return p&&(e+=" "+p),e};return e(pg,{className:n(),$gap:t,$horizontal:o,children:b})},gg.Control=function({position:t="end",className:o,children:p}){const b=()=>{let e="itd-form-control";return o&&(e+=" "+o),e};return e(bg,{className:b(),$position:t,children:p})},gg.useForm=()=>M(ug),gg.useFormAPI=()=>{const e=M(ug);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const mg=ha.div`
 
   &.itd-accordion-menu-sub-menu {
 

package/package.json

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