@inntechcorp/it-design 2.1.96 → 2.1.98

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-zA-Z0-9]+$/),ml=new RegExp(/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/);const Rl=e=>fl.test(e),gl=e=>ql.test(e),Ll=e=>ul.test(e),vl=(e,b)=>e.length>=b,Nl=(e,b)=>e.length<=b,yl=(e,b)=>e===b,xl=(e,b)=>e!==b,Bl=(e,b)=>e.length===b,wl=e=>Wl.test(e),Xl=e=>hl.test(e),Sl=e=>ml.test(e),kl=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),Tl=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},El=M.createContext({});El.displayName="ITDFormContext";const _l=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(El),[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)&&!Tl(b)&&e.required&&p.push(e.message?e.message:M("errors.required")),e.hasOwnProperty(l.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(vl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(Nl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(Bl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(yl(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&&(xl(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&&(kl(String(b))||p.push(e.message?e.message:M("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(Rl(String(b))||p.push(e.message?e.message:M("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(gl(String(b))||p.push(e.message?e.message:M("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(Ll(String(b))||p.push(e.message?e.message:M("errors.usernameRule"))),e.type===exports.FormValidationTypes.SITE_USERNAME&&(wl(String(b))||p.push(e.message?e.message:M("errors.siteUsernameRule"))),e.type===exports.FormValidationTypes.ADMIN_USERNAME&&(Xl(String(b))||p.push(e.message?e.message:M("errors.adminUsernameRule"))),e.type===exports.FormValidationTypes.URL&&(Sl(String(b))||p.push(e.message?e.message:M("errors.invalidURL"))))})),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})})()})),Cl=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(El),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===_l&&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 Dl=M.memo(Cl);function Pl({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 jl=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=Pl({name:a,onUpdate:p,onReset:z,onFieldUpdate:n,useQueryString:O}),M.useImperativeHandle(s,(()=>A.current));return o.jsx(El.Provider,{value:A.current,children:o.jsx(Dl,{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})})}));jl.Item=_l,jl.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})},jl.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})},jl.useForm=()=>M.useContext(El),jl.useFormAPI=()=>{const e=M.useContext(El);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const Il=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-zA-Z0-9]+$/),ml=new RegExp(/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/);const Rl=e=>fl.test(e),gl=e=>ql.test(e),Ll=e=>ul.test(e),vl=(e,b)=>e.length>=b,Nl=(e,b)=>e.length<=b,yl=(e,b)=>e===b,xl=(e,b)=>e!==b,Bl=(e,b)=>e.length===b,wl=e=>Wl.test(e),Xl=e=>hl.test(e),Sl=e=>ml.test(e),kl=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),Tl=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},El=M.createContext({});El.displayName="ITDFormContext";const _l=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(El),[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)&&!Tl(b)&&e.required&&p.push(e.message?e.message:M("errors.required")),e.hasOwnProperty(l.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(vl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(Nl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(Bl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(yl(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&&(xl(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&&(kl(String(b))||p.push(e.message?e.message:M("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(Rl(String(b))||p.push(e.message?e.message:M("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(gl(String(b))||p.push(e.message?e.message:M("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(Ll(String(b))||p.push(e.message?e.message:M("errors.usernameRule"))),e.type===exports.FormValidationTypes.SITE_USERNAME&&(wl(String(b))||p.push(e.message?e.message:M("errors.siteUsernameRule"))),e.type===exports.FormValidationTypes.ADMIN_USERNAME&&(Xl(String(b))||p.push(e.message?e.message:M("errors.adminUsernameRule"))),e.type===exports.FormValidationTypes.URL&&(Sl(String(b))||p.push(e.message?e.message:M("errors.invalidURL"))))})),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})})()})),Cl=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(El),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===_l&&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 Dl=M.memo(Cl);function Pl({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}"`)}console.error(`Form Get Field Value By Name Error: There is no field registered with this name: ${e}`)}function f(e,b,o,M){if(A(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)}}else console.error(`Form Set Field Value By Name Error: There is no field registered with this name: ${e}`)}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){A(e)?delete t[e]:console.error(`Form Unregister Error: There is no field registered with this name: ${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){A(e)?(t[e].valid=!1,t[e].field.current?.setValue(b)):console.error(`Form Set Field Value Error: There is no field registered with this name: ${e}`)},setFieldValueByName:f,setFieldError:l,removeFieldError:function(e){if(A(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("")}else console.error(`Form Remove Field Error: There is no field registered with this name: ${e}`)},updateField:function(e,M,p,c){if(A(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()}else console.error(`Form Update Field Error: There is no field registered with this name: ${e}`)},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 jl=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=Pl({name:a,onUpdate:p,onReset:z,onFieldUpdate:n,useQueryString:O}),M.useImperativeHandle(s,(()=>A.current));return o.jsx(El.Provider,{value:A.current,children:o.jsx(Dl,{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})})}));jl.Item=_l,jl.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})},jl.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})},jl.useForm=()=>M.useContext(El),jl.useFormAPI=()=>{const e=M.useContext(El);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const Il=Rt.div`
 
   &.itd-accordion-menu-sub-menu {