@inntechcorp/it-design 2.1.57 → 2.1.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -1578,7 +1578,7 @@ this.$={type:"Number",value:-1*parseFloat(M[b])}}},table:function(e){for(var b=[
1578
1578
  height: 100%;
1579
1579
  background: rgba(0, 0, 0, 0.5);
1580
1580
  }
1581
- `;const Uc=e=>{const b=r(null),M=r(null),p=r(null),[t,c]=n(!0),[i,a]=n(!1),[A,s]=n(!1),[d,q]=n(!1),[u,f]=n(!1),[W,h]=n(""),[R,m]=n(""),[g,L]=n(""),[v,N]=n("");zp(Fc,(e=>h(e))),zp(jc,(e=>m(e))),zp($c,(e=>L(e))),zp(Vc,(e=>N(e))),O((()=>(e.onModalEvent(D.BEGIN,e.id?e.id:""),()=>{e.onModalEvent(D.REMOVED,e.id?e.id:"")})),[]),O((()=>{e.isActive&&(a(t),t||e.onHideModal&&e.onHideModal(String(e.id)))}),[t]),tp(M,(()=>{!e.closeOnClickOutside||A||u||e.isActive&&(e.onModalEvent(D.OUTSIDE_CLICK,e.id?e.id:""),I(),a(!1))})),cp((()=>{e.preventESC||A||u||e.isActive&&(e.onModalEvent(D.ESC_CLICK,e.id?e.id:""),I(),a(!1))}));const x=()=>{e.isActive&&a(!1)},w=()=>{e.onRemoveModal&&e.onRemoveModal(String(e.id))},X=b=>{e.isActive&&(e.removeOthers,e.onShowModal(b))},k=e=>{q(!e)},T=e=>{s(e)},S=e=>{f(e)},_=()=>{e.onModalEvent(D.CLOSE_CLICK,e.id?e.id:""),I(),a(!1)},E=()=>{e.isActive&&(e.onModalEvent(D.OK_CLICK,e.id?e.id:""),P()&&a(!1))},C=()=>{e.isActive&&(e.onModalEvent(D.CANCEL_CLICK,e.id?e.id:""),I()&&a(!1))},P=()=>{if(!b.current)return!e.onOk||e.onOk();b.current.onClickOK&&b.current.onClickOK()},I=()=>{if(!b.current)return!e.onCancel||e.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},F=()=>{e.onModalEvent(D.ENTERING,e.id?e.id:"")},j=()=>{e.onModalEvent(D.ENTERED,e.id?e.id:"")},$=()=>{e.onModalEvent(D.EXITING,e.id?e.id:"")},V=()=>{e.onModalEvent(D.EXITED,e.id?e.id:""),c(!1)},U=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let M={hideCurrentModal:x,removeCurrentModal:w,showAnotherModal:X,changeButtonsState:k,changeLoadingState:T,changeInnerLoadingState:S,modalProps:{...e.customProps},context:{...e.context}};return e.checkAutoRef&&e.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",e.content.type.$$typeof),"Symbol(react.forward_ref)"===e.content.type.$$typeof.toString()&&(M.ref=b)),e.useRef&&(M.ref=b),M},H=()=>{if(e.content)return o("div",{className:"itd-modal-middle-content-body",children:l(e.content,U(e))})},Y=()=>{if(e.addContentBefore)return o(_c,{className:"itd-modal-middle-content-before",$padding:e.beforeContentPadding,children:e.addContentBefore})},G=()=>{if(e.addContentAfter)return o(Ec,{className:"itd-modal-middle-content-after",$padding:e.afterContentPadding,children:e.addContentAfter})},K=()=>{let b=e.width;return"number"==typeof b&&(b=e.width+"px"),b};return O((()=>(document.body.style.overflow=i?"hidden":"",()=>{document.body.style.overflow=""})),[i]),t?o("div",{className:"itd-modal-container".concat(" "+e.className),children:o(y,{in:i,timeout:600,classNames:{enter:W,enterActive:R,exit:g,exitActive:v},nodeRef:p,onEntering:F,onEntered:j,onExiting:$,onExited:V,unmountOnExit:!0,children:o(Xc,{className:"itd-modal-content-wrapper",ref:p,children:o(kc,{className:"itd-modal-inner-wrapper",$padding:e.outerPadding,children:o(Tc,{className:"itd-modal-body",$width:K(),children:o(Sc,{className:"itd-modal-content",ref:M,children:z(ac,{updating:u,children:[!1!==e.showCloseButton&&o(Ic,{className:"itd-modal-close-button",children:o(wc,{size:"x-small",variant:"ghost",onClick:_,icon:o(B,{src:"data:image/svg+xml,%3csvg width = '10px' height = '10px' viewBox = '0 0 329.26933 329' xmlns = 'http://www.w3.org/2000/svg'%3e %3cpath d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0'%3e%3c/path%3e%3c/svg%3e"}),disabled:A||u||!e.isActive})}),e.title?o(Dc,{className:"itd-modal-header",children:"string"==typeof e.title?o(_a,{children:e.title}):e.title}):null,Y(),o(Cc,{className:"itd-modal-middle-content",$padding:e.contentPadding,children:H()}),G(),e.showOkButton||e.showCancelButton?z(Pc,{className:"itd-modal-footer",children:[e.showCancelButton&&o(wc,{variant:"solid",size:"small",type:"button",onClick:C,disabled:A||u||!e.isActive||d,...e.cancelButtonProps,children:e.cancelButtonText}),e.showOkButton&&o(wc,{variant:"default",size:"small",type:"button",onClick:E,loading:A,disabled:u||!e.isActive||d,...e.okButtonProps,children:e.okButtonText})]}):null]})})})})})})}):null},Hc=pc.div`
1581
+ `;const Uc=e=>{const b=r(null),M=r(null),p=r(null),[t,c]=n(!0),[i,a]=n(!1),[A,s]=n(!1),[d,q]=n(!1),[u,f]=n(!1),[W,h]=n(""),[R,m]=n(""),[g,L]=n(""),[v,N]=n("");zp(Fc,(e=>h(e))),zp(jc,(e=>m(e))),zp($c,(e=>L(e))),zp(Vc,(e=>N(e))),O((()=>(e.onModalEvent(D.BEGIN,e.id?e.id:""),()=>{e.onModalEvent(D.REMOVED,e.id?e.id:"")})),[]),O((()=>{e.isActive&&(a(t),t||e.onHideModal&&e.onHideModal(String(e.id)))}),[t]),tp(M,(()=>{!e.closeOnClickOutside||A||u||e.isActive&&(e.onModalEvent(D.OUTSIDE_CLICK,e.id?e.id:""),I(),a(!1))})),cp((()=>{e.preventESC||A||u||e.isActive&&(e.onModalEvent(D.ESC_CLICK,e.id?e.id:""),I(),a(!1))}));const x=()=>{e.isActive&&a(!1)},w=()=>{e.onRemoveModal&&e.onRemoveModal(String(e.id))},X=b=>{e.isActive&&(e.removeOthers,e.onShowModal(b))},k=e=>{q(!e)},T=e=>{s(e)},S=e=>{f(e)},_=()=>{e.onModalEvent(D.CLOSE_CLICK,e.id?e.id:""),I(),a(!1)},E=()=>{e.isActive&&(e.onModalEvent(D.OK_CLICK,e.id?e.id:""),P()&&a(!1))},C=()=>{e.isActive&&(e.onModalEvent(D.CANCEL_CLICK,e.id?e.id:""),I()&&a(!1))},P=()=>{if(!b.current)return!e.onOk||e.onOk();b.current.onClickOK&&b.current.onClickOK()},I=()=>{if(!b.current)return!e.onCancel||e.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},F=()=>{e.onModalEvent(D.ENTERING,e.id?e.id:"")},j=()=>{e.onModalEvent(D.ENTERED,e.id?e.id:"")},$=()=>{e.onModalEvent(D.EXITING,e.id?e.id:"")},V=()=>{e.onModalEvent(D.EXITED,e.id?e.id:""),c(!1)},U=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let M={hideCurrentModal:x,removeCurrentModal:w,showAnotherModal:X,changeButtonsState:k,changeLoadingState:T,changeInnerLoadingState:S,modalProps:{...e.customProps},context:{...e.context}};return e.checkAutoRef&&e.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",e.content.type.$$typeof),"Symbol(react.forward_ref)"===e.content.type.$$typeof.toString()&&(M.ref=b)),e.useRef&&(M.ref=b),M},H=()=>{if(e.content)return o("div",{className:"itd-modal-middle-content-body",children:l(e.content,U(e))})},Y=()=>{if(e.addContentBefore)return o(_c,{className:"itd-modal-middle-content-before",$padding:e.beforeContentPadding,children:e.addContentBefore})},G=()=>{if(e.addContentAfter)return o(Ec,{className:"itd-modal-middle-content-after",$padding:e.afterContentPadding,children:e.addContentAfter})},K=()=>{let b=e.width;return"number"==typeof b&&(b=e.width+"px"),b};return O((()=>{if(i){const e=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",document.body.style.paddingRight=`${e}px`}else document.body.style.overflow="",document.body.style.paddingRight="";return()=>{document.body.style.overflow="",document.body.style.paddingRight=""}}),[i]),t?o("div",{className:"itd-modal-container".concat(" "+e.className),children:o(y,{in:i,timeout:600,classNames:{enter:W,enterActive:R,exit:g,exitActive:v},nodeRef:p,onEntering:F,onEntered:j,onExiting:$,onExited:V,unmountOnExit:!0,children:o(Xc,{className:"itd-modal-content-wrapper",ref:p,children:o(kc,{className:"itd-modal-inner-wrapper",$padding:e.outerPadding,children:o(Tc,{className:"itd-modal-body",$width:K(),children:o(Sc,{className:"itd-modal-content",ref:M,children:z(ac,{updating:u,children:[!1!==e.showCloseButton&&o(Ic,{className:"itd-modal-close-button",children:o(wc,{size:"x-small",variant:"ghost",onClick:_,icon:o(B,{src:"data:image/svg+xml,%3csvg width = '10px' height = '10px' viewBox = '0 0 329.26933 329' xmlns = 'http://www.w3.org/2000/svg'%3e %3cpath d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0'%3e%3c/path%3e%3c/svg%3e"}),disabled:A||u||!e.isActive})}),e.title?o(Dc,{className:"itd-modal-header",children:"string"==typeof e.title?o(_a,{children:e.title}):e.title}):null,Y(),o(Cc,{className:"itd-modal-middle-content",$padding:e.contentPadding,children:H()}),G(),e.showOkButton||e.showCancelButton?z(Pc,{className:"itd-modal-footer",children:[e.showCancelButton&&o(wc,{variant:"solid",size:"small",type:"button",onClick:C,disabled:A||u||!e.isActive||d,...e.cancelButtonProps,children:e.cancelButtonText}),e.showOkButton&&o(wc,{variant:"default",size:"small",type:"button",onClick:E,loading:A,disabled:u||!e.isActive||d,...e.okButtonProps,children:e.okButtonText})]}):null]})})})})})})}):null},Hc=pc.div`
1582
1582
 
1583
1583
  width: 100vw;
1584
1584
  height: 100vh;
@@ -1743,7 +1743,7 @@ function(b,M){e.exports?e.exports=M(ia()):M(b.moment)}(la,(function(e){void 0===
1743
1743
  justify-content: flex-start;
1744
1744
  gap: 10px;
1745
1745
 
1746
- `;const Za=W((({id:e="",className:b="",disabled:M,value:p,defaultValue:z,children:t,onChange:c,onUpdate:r},i)=>{const[a,A]=n([]),[s,d]=n([]),[q,u]=n(""),[f,W]=n(e);O((()=>{""===e&&W("itd-checkbox-group-"+xc())}),[]),O((()=>{A(L)}),[t]),O((()=>{z&&d(z)}),[z]),O((()=>{Qa(s,p)||d(p||[])}),[p]),O((()=>{let e=[];s.forEach((b=>{e.push(b)})),c&&c(e),N(e)}),[s]);const g=()=>{if(t)return v(t)};let L=[];const v=e=>R.map(e,(e=>{if(!function(e){var b=typeof e;return null!=e&&("object"==b||"function"==b)}(e))return e;let b;if(e.type===zA){let o={ref:m(),onChange:e=>{(e=>{let b=s;if(e.value){if(e.checked)b=[...s,e.value];else{const M=s.indexOf(e.value);if(M>-1){let e=[...s];e.splice(M,1),b=e}}d(b)}})(e)},children:v(e.props.children)};s.indexOf(e.props.value)>-1&&!e.props.disabled&&(o.checked=!0),void 0!==M&&(o.disabled=M),b=l(e,o),L.push(e.props.value)}else b=l(e,{children:v(e.props.children)});return b}));h(i,(()=>({reset(e=!0,b=!0){this.selectAll(!1),d([]),u(""),N([],e,b)},setValue(e=[],b=!0,M=!0){d(e),N(e,b,M)},getValue:()=>s,setError(e=""){u(e)},clear(){d([]),this.selectAll(!1)},selectAll(e){d(e?a:[]),N(e?a:[]),c&&c(e?a:[])}})));const N=(e,b=!0,M=!0)=>{r&&r(e,b,M)};return o(Ja,{id:f,className:(()=>{let e="itd-checkbox-group";return""!==q&&(e+=" itd-checkbox-group-error"),M&&(e+=" itd-checkbox-group-disabled"),""!==b&&(e+=" "+b),e})(),children:g()})}));Za.displayName="ITD-CheckboxGroup";const eA=pc.label`
1746
+ `;const Za=W((({id:e="",className:b="",disabled:M,value:p,defaultValue:z,children:t,onChange:c,onUpdate:r},i)=>{const[a,A]=n([]),[s,d]=n([]),[q,u]=n(""),[f,W]=n(e);O((()=>{""===e&&W("itd-checkbox-group-"+xc())}),[]),O((()=>{A(L)}),[t]),O((()=>{z&&d(z)}),[]),O((()=>{p&&(Qa(s,p)||d(p))}),[p]),O((()=>{let e=[];s.forEach((b=>{e.push(b)})),c&&c(e),N(e)}),[s]);const g=()=>{if(t)return v(t)};let L=[];const v=e=>R.map(e,(e=>{if(!function(e){var b=typeof e;return null!=e&&("object"==b||"function"==b)}(e))return e;let b;if(e.type===zA){let o={ref:m(),onChange:e=>{(e=>{let b=s;if(e.value){if(e.checked)b=[...s,e.value];else{const M=s.indexOf(e.value);if(M>-1){let e=[...s];e.splice(M,1),b=e}}d(b)}})(e)},children:v(e.props.children)};s.indexOf(e.props.value)>-1&&!e.props.disabled&&(o.checked=!0),void 0!==M&&(o.disabled=M),b=l(e,o),L.push(e.props.value)}else b=l(e,{children:v(e.props.children)});return b}));h(i,(()=>({reset(e=!0,b=!0){this.selectAll(!1),d([]),u(""),N([],e,b)},setValue(e=[],b=!0,M=!0){d(e),N(e,b,M)},getValue:()=>s,setError(e=""){u(e)},clear(){d([]),this.selectAll(!1)},selectAll(e){d(e?a:[]),N(e?a:[]),c&&c(e?a:[])}})));const N=(e,b=!0,M=!0)=>{r&&r(e,b,M)};return o(Ja,{id:f,className:(()=>{let e="itd-checkbox-group";return""!==q&&(e+=" itd-checkbox-group-error"),M&&(e+=" itd-checkbox-group-disabled"),""!==b&&(e+=" "+b),e})(),children:g()})}));Za.displayName="ITD-CheckboxGroup";const eA=pc.label`
1747
1747
 
1748
1748
  display: flex;
1749
1749
  align-items: center;
@@ -3321,7 +3321,7 @@ function kA(e,b){if(YA(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
3321
3321
  margin-top: 10px;
3322
3322
  gap: 5px;
3323
3323
 
3324
- `;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_.-]{6,}$/),yq=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const Bq=e=>yq.test(e),xq=e=>vq.test(e),wq=e=>Nq.test(e),Xq=(e,b)=>e.length>=b,kq=(e,b)=>e.length<=b,Tq=(e,b)=>e===b,Sq=(e,b)=>e.length===b,_q=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),Eq=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},Cq=q({});Cq.displayName="ITDFormContext";const Dq=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:R,hasField:m,updateField:g,setFieldError:L,getFieldValue:v,getFieldInstance:N,formId:y}=i(Cq),[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),R(e)})),[]),h(q,(()=>f.current));const w=(b,M=!0,o=!0)=>{B&&m(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)&&!Eq(b)&&e.required&&p.push(e.message?e.message:o("errors.required")),e.hasOwnProperty(F.TYPE)&&(e.type===j.MIN_LENGTH&&(Xq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.minLength",{length:Number(e.value)}))),e.type===j.MAX_LENGTH&&(kq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.maxLength",{length:Number(e.value)}))),e.type===j.EXACT_LENGTH&&(Sq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.exactLength",{length:Number(e.value)}))),e.type===j.SAME&&(Tq(String(b),String(M(String(e.field))))||p.push(e.message?e.message:o("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===j.TC_IDENTITY&&(_q(String(b))||p.push(e.message?e.message:o("errors.wrongTCIdentity"))),e.type===j.PASSWORD&&(Bq(String(b))||p.push(e.message?e.message:o("errors.passwordRule"))),e.type===j.EMAIL&&(xq(String(b))||p.push(e.message?e.message:o("errors.invalidEmailAddress"))),e.type===j.USERNAME&&(wq(String(b))||p.push(e.message?e.message:o("errors.usernameRule"))))})),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})})()})),Pq=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(Cq),R=np(),{search:m}=_(),g=Op(),[L,v]=n([]),[N,y]=n(!1),[B,x]=n([]),[w,X]=n(!1),[k,T]=n(!1);O((()=>{a&&j()}),[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()}),[m]),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=>""!==R.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]=R.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(R.get(M[b].query,""));e.push(o)})),Qa(e,L))return;v(e),Object.keys(M).forEach((e=>{b[e]=R.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)},j=()=>{let e=[];C(a,(b=>(b.hasOwnProperty("type")&&b.type===Dq&&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 Iq=g(Pq);function Fq({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 jq=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=Fq({name:A,onUpdate:M,onReset:p,onFieldUpdate:c,useQueryString:i}),h(s,(()=>d.current));return o(Cq.Provider,{value:d.current,children:o(Iq,{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})})}));jq.Item=Dq,jq.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})},jq.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})},jq.useForm=()=>i(Cq),jq.useFormAPI=()=>{const e=i(Cq);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const $q=pc.div`
3324
+ `;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_.-]{6,}$/),yq=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/);const Bq=e=>yq.test(e),xq=e=>vq.test(e),wq=e=>Nq.test(e),Xq=(e,b)=>e.length>=b,kq=(e,b)=>e.length<=b,Tq=(e,b)=>e===b,Sq=(e,b)=>e.length===b,_q=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),Eq=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},Cq=q({});Cq.displayName="ITDFormContext";const Dq=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:R,hasField:m,updateField:g,setFieldError:L,getFieldValue:v,getFieldInstance:N,formId:y}=i(Cq),[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),R(e)})),[]),h(q,(()=>f.current));const w=(b,M=!0,o=!0)=>{B&&m(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)&&!Eq(b)&&e.required&&p.push(e.message?e.message:o("errors.required")),e.hasOwnProperty(F.TYPE)&&(e.type===j.MIN_LENGTH&&(Xq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.minLength",{length:Number(e.value)}))),e.type===j.MAX_LENGTH&&(kq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.maxLength",{length:Number(e.value)}))),e.type===j.EXACT_LENGTH&&(Sq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.exactLength",{length:Number(e.value)}))),e.type===j.SAME&&(Tq(String(b),String(M(String(e.field))))||p.push(e.message?e.message:o("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===j.TC_IDENTITY&&(_q(String(b))||p.push(e.message?e.message:o("errors.wrongTCIdentity"))),e.type===j.PASSWORD&&(Bq(String(b))||p.push(e.message?e.message:o("errors.passwordRule"))),e.type===j.EMAIL&&(xq(String(b))||p.push(e.message?e.message:o("errors.invalidEmailAddress"))),e.type===j.USERNAME&&(wq(String(b))||p.push(e.message?e.message:o("errors.usernameRule"))))})),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})})()})),Pq=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(Cq),R=np(),{search:m}=_(),g=Op(),[L,v]=n([]),[N,y]=n(!1),[B,x]=n([]),[w,X]=n(!1),[k,T]=n(!1);O((()=>{a&&j()}),[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()}),[m]),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=>""!==R.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]=R.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(R.get(M[b].query,""));e.push(o)})),Qa(e,L))return;v(e),Object.keys(M).forEach((e=>{b[e]=R.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)},j=()=>{let e=[];C(a,(b=>(b.hasOwnProperty("type")&&b.type===Dq&&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 Iq=g(Pq);function Fq({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 jq=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=Fq({name:A,onUpdate:M,onReset:p,onFieldUpdate:c,useQueryString:i}),h(s,(()=>d.current));return o(Cq.Provider,{value:d.current,children:o(Iq,{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})})}));jq.Item=Dq,jq.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})},jq.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})},jq.useForm=()=>i(Cq),jq.useFormAPI=()=>{const e=i(Cq);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const $q=pc.div`
3325
3325
 
3326
3326
  &.itd-accordion-menu-sub-menu {
3327
3327
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inntechcorp/it-design",
3
- "version": "2.1.57",
3
+ "version": "2.1.59",
4
4
  "description": "All in one Design library for web applications.",
5
5
  "author": "Inn.Tech",
6
6
  "license": "ISC",