@inntechcorp/it-design 2.1.56 → 2.1.58

package/dist/index.cjs.js

@@ -1578,7 +1578,7 @@ this.$={type:"Number",value:-1*parseFloat(M[b])}}},table:function(e){for(var b=[
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
   }
-`;const ic=e=>{const b=o.useRef(null),p=o.useRef(null),c=o.useRef(null),[n,r]=o.useState(!0),[O,i]=o.useState(!1),[a,s]=o.useState(!1),[A,d]=o.useState(!1),[l,q]=o.useState(!1),[u,f]=o.useState(""),[W,h]=o.useState(""),[R,m]=o.useState(""),[g,L]=o.useState("");Bo(cc,(e=>f(e))),Bo(nc,(e=>h(e))),Bo(rc,(e=>m(e))),Bo(Oc,(e=>L(e))),o.useEffect((()=>(e.onModalEvent(exports.ModalState.BEGIN,e.id?e.id:""),()=>{e.onModalEvent(exports.ModalState.REMOVED,e.id?e.id:"")})),[]),o.useEffect((()=>{e.isActive&&(i(n),n||e.onHideModal&&e.onHideModal(String(e.id)))}),[n]),wo(p,(()=>{!e.closeOnClickOutside||a||l||e.isActive&&(e.onModalEvent(exports.ModalState.OUTSIDE_CLICK,e.id?e.id:""),E(),i(!1))})),Xo((()=>{e.preventESC||a||l||e.isActive&&(e.onModalEvent(exports.ModalState.ESC_CLICK,e.id?e.id:""),E(),i(!1))}));const v=()=>{e.isActive&&i(!1)},N=()=>{e.onRemoveModal&&e.onRemoveModal(String(e.id))},y=b=>{e.isActive&&(e.removeOthers,e.onShowModal(b))},x=e=>{d(!e)},B=e=>{s(e)},w=e=>{q(e)},X=()=>{e.onModalEvent(exports.ModalState.CLOSE_CLICK,e.id?e.id:""),E(),i(!1)},S=()=>{e.isActive&&(e.onModalEvent(exports.ModalState.OK_CLICK,e.id?e.id:""),T()&&i(!1))},k=()=>{e.isActive&&(e.onModalEvent(exports.ModalState.CANCEL_CLICK,e.id?e.id:""),E()&&i(!1))},T=()=>{if(!b.current)return!e.onOk||e.onOk();b.current.onClickOK&&b.current.onClickOK()},E=()=>{if(!b.current)return!e.onCancel||e.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},_=()=>{e.onModalEvent(exports.ModalState.ENTERING,e.id?e.id:"")},C=()=>{e.onModalEvent(exports.ModalState.ENTERED,e.id?e.id:"")},D=()=>{e.onModalEvent(exports.ModalState.EXITING,e.id?e.id:"")},P=()=>{e.onModalEvent(exports.ModalState.EXITED,e.id?e.id:""),r(!1)},j=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let M={hideCurrentModal:v,removeCurrentModal:N,showAnotherModal:y,changeButtonsState:x,changeLoadingState:B,changeInnerLoadingState:w,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},I=()=>{if(e.content)return M.jsx("div",{className:"itd-modal-middle-content-body",children:o.cloneElement(e.content,j(e))})},F=()=>{if(e.addContentBefore)return M.jsx(bc,{className:"itd-modal-middle-content-before",$padding:e.beforeContentPadding,children:e.addContentBefore})},$=()=>{if(e.addContentAfter)return M.jsx(Mc,{className:"itd-modal-middle-content-after",$padding:e.afterContentPadding,children:e.addContentAfter})},V=()=>{let b=e.width;return"number"==typeof b&&(b=e.width+"px"),b};return n?M.jsx("div",{className:"itd-modal-container".concat(" "+e.className),children:M.jsx(z.CSSTransition,{in:O,timeout:600,classNames:{enter:u,enterActive:W,exit:R,exitActive:g},nodeRef:c,onEntering:_,onEntered:C,onExiting:D,onExited:P,unmountOnExit:!0,children:M.jsx(Qt,{className:"itd-modal-content-wrapper",ref:c,children:M.jsx(Jt,{className:"itd-modal-inner-wrapper",$padding:e.outerPadding,children:M.jsx(Zt,{className:"itd-modal-body",$width:V(),children:M.jsx(ec,{className:"itd-modal-content",ref:p,children:M.jsxs(wt,{updating:l,children:[!1!==e.showCloseButton&&M.jsx(tc,{className:"itd-modal-close-button",children:M.jsx(Kt,{size:"x-small",variant:"ghost",onClick:X,icon:M.jsx(t.ReactSVG,{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||l||!e.isActive})}),e.title?M.jsx(pc,{className:"itd-modal-header",children:"string"==typeof e.title?M.jsx(yi,{children:e.title}):e.title}):null,F(),M.jsx(oc,{className:"itd-modal-middle-content",$padding:e.contentPadding,children:I()}),$(),e.showOkButton||e.showCancelButton?M.jsxs(zc,{className:"itd-modal-footer",children:[e.showCancelButton&&M.jsx(Kt,{variant:"solid",size:"small",type:"button",onClick:k,disabled:a||l||!e.isActive||A,...e.cancelButtonProps,children:e.cancelButtonText}),e.showOkButton&&M.jsx(Kt,{variant:"default",size:"small",type:"button",onClick:S,loading:a,disabled:l||!e.isActive||A,...e.okButtonProps,children:e.okButtonText})]}):null]})})})})})})}):null},ac=mt.div`
+`;const ic=e=>{const b=o.useRef(null),p=o.useRef(null),c=o.useRef(null),[n,r]=o.useState(!0),[O,i]=o.useState(!1),[a,s]=o.useState(!1),[A,d]=o.useState(!1),[l,q]=o.useState(!1),[u,f]=o.useState(""),[W,h]=o.useState(""),[R,m]=o.useState(""),[g,L]=o.useState("");Bo(cc,(e=>f(e))),Bo(nc,(e=>h(e))),Bo(rc,(e=>m(e))),Bo(Oc,(e=>L(e))),o.useEffect((()=>(e.onModalEvent(exports.ModalState.BEGIN,e.id?e.id:""),()=>{e.onModalEvent(exports.ModalState.REMOVED,e.id?e.id:"")})),[]),o.useEffect((()=>{e.isActive&&(i(n),n||e.onHideModal&&e.onHideModal(String(e.id)))}),[n]),wo(p,(()=>{!e.closeOnClickOutside||a||l||e.isActive&&(e.onModalEvent(exports.ModalState.OUTSIDE_CLICK,e.id?e.id:""),E(),i(!1))})),Xo((()=>{e.preventESC||a||l||e.isActive&&(e.onModalEvent(exports.ModalState.ESC_CLICK,e.id?e.id:""),E(),i(!1))}));const v=()=>{e.isActive&&i(!1)},N=()=>{e.onRemoveModal&&e.onRemoveModal(String(e.id))},y=b=>{e.isActive&&(e.removeOthers,e.onShowModal(b))},x=e=>{d(!e)},B=e=>{s(e)},w=e=>{q(e)},X=()=>{e.onModalEvent(exports.ModalState.CLOSE_CLICK,e.id?e.id:""),E(),i(!1)},S=()=>{e.isActive&&(e.onModalEvent(exports.ModalState.OK_CLICK,e.id?e.id:""),T()&&i(!1))},k=()=>{e.isActive&&(e.onModalEvent(exports.ModalState.CANCEL_CLICK,e.id?e.id:""),E()&&i(!1))},T=()=>{if(!b.current)return!e.onOk||e.onOk();b.current.onClickOK&&b.current.onClickOK()},E=()=>{if(!b.current)return!e.onCancel||e.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},_=()=>{e.onModalEvent(exports.ModalState.ENTERING,e.id?e.id:"")},C=()=>{e.onModalEvent(exports.ModalState.ENTERED,e.id?e.id:"")},D=()=>{e.onModalEvent(exports.ModalState.EXITING,e.id?e.id:"")},P=()=>{e.onModalEvent(exports.ModalState.EXITED,e.id?e.id:""),r(!1)},j=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let M={hideCurrentModal:v,removeCurrentModal:N,showAnotherModal:y,changeButtonsState:x,changeLoadingState:B,changeInnerLoadingState:w,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},I=()=>{if(e.content)return M.jsx("div",{className:"itd-modal-middle-content-body",children:o.cloneElement(e.content,j(e))})},F=()=>{if(e.addContentBefore)return M.jsx(bc,{className:"itd-modal-middle-content-before",$padding:e.beforeContentPadding,children:e.addContentBefore})},$=()=>{if(e.addContentAfter)return M.jsx(Mc,{className:"itd-modal-middle-content-after",$padding:e.afterContentPadding,children:e.addContentAfter})},V=()=>{let b=e.width;return"number"==typeof b&&(b=e.width+"px"),b};return o.useEffect((()=>(document.body.style.overflow=O?"hidden":"",()=>{document.body.style.overflow=""})),[O]),n?M.jsx("div",{className:"itd-modal-container".concat(" "+e.className),children:M.jsx(z.CSSTransition,{in:O,timeout:600,classNames:{enter:u,enterActive:W,exit:R,exitActive:g},nodeRef:c,onEntering:_,onEntered:C,onExiting:D,onExited:P,unmountOnExit:!0,children:M.jsx(Qt,{className:"itd-modal-content-wrapper",ref:c,children:M.jsx(Jt,{className:"itd-modal-inner-wrapper",$padding:e.outerPadding,children:M.jsx(Zt,{className:"itd-modal-body",$width:V(),children:M.jsx(ec,{className:"itd-modal-content",ref:p,children:M.jsxs(wt,{updating:l,children:[!1!==e.showCloseButton&&M.jsx(tc,{className:"itd-modal-close-button",children:M.jsx(Kt,{size:"x-small",variant:"ghost",onClick:X,icon:M.jsx(t.ReactSVG,{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||l||!e.isActive})}),e.title?M.jsx(pc,{className:"itd-modal-header",children:"string"==typeof e.title?M.jsx(yi,{children:e.title}):e.title}):null,F(),M.jsx(oc,{className:"itd-modal-middle-content",$padding:e.contentPadding,children:I()}),$(),e.showOkButton||e.showCancelButton?M.jsxs(zc,{className:"itd-modal-footer",children:[e.showCancelButton&&M.jsx(Kt,{variant:"solid",size:"small",type:"button",onClick:k,disabled:a||l||!e.isActive||A,...e.cancelButtonProps,children:e.cancelButtonText}),e.showOkButton&&M.jsx(Kt,{variant:"default",size:"small",type:"button",onClick:S,loading:a,disabled:l||!e.isActive||A,...e.okButtonProps,children:e.okButtonText})]}):null]})})})})})})}):null},ac=mt.div`
   
   width: 100vw;
   height: 100vh;
@@ -1743,7 +1743,7 @@ function(b,M){e.exports?e.exports=M(si()):M(b.moment)}(ui,(function(e){void 0===
   justify-content: flex-start;
   gap: 10px;
 
-`;const $i=o.forwardRef((({id:e="",className:b="",disabled:p,value:z,defaultValue:t,children:c,onChange:n,onUpdate:r},O)=>{const[i,a]=o.useState([]),[s,A]=o.useState([]),[d,l]=o.useState(""),[q,u]=o.useState(e);o.useEffect((()=>{""===e&&u("itd-checkbox-group-"+Gt())}),[]),o.useEffect((()=>{a(W)}),[c]),o.useEffect((()=>{t&&A(t)}),[t]),o.useEffect((()=>{Ii(s,z)||A(z||[])}),[z]),o.useEffect((()=>{let e=[];s.forEach((b=>{e.push(b)})),n&&n(e),R(e)}),[s]);const f=()=>{if(c)return h(c)};let W=[];const h=e=>o.Children.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===Ki){let M={ref:o.createRef(),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}}A(b)}})(e)},children:h(e.props.children)};s.indexOf(e.props.value)>-1&&!e.props.disabled&&(M.checked=!0),void 0!==p&&(M.disabled=p),b=o.cloneElement(e,M),W.push(e.props.value)}else b=o.cloneElement(e,{children:h(e.props.children)});return b}));o.useImperativeHandle(O,(()=>({reset(e=!0,b=!0){this.selectAll(!1),A([]),l(""),R([],e,b)},setValue(e=[],b=!0,M=!0){A(e),R(e,b,M)},getValue:()=>s,setError(e=""){l(e)},clear(){A([]),this.selectAll(!1)},selectAll(e){A(e?i:[]),R(e?i:[]),n&&n(e?i:[])}})));const R=(e,b=!0,M=!0)=>{r&&r(e,b,M)},m=()=>{let e="itd-checkbox-group";return""!==d&&(e+=" itd-checkbox-group-error"),p&&(e+=" itd-checkbox-group-disabled"),""!==b&&(e+=" "+b),e};return M.jsx(Fi,{id:q,className:m(),children:f()})}));$i.displayName="ITD-CheckboxGroup";const Vi=mt.label`
+`;const $i=o.forwardRef((({id:e="",className:b="",disabled:p,value:z,defaultValue:t,children:c,onChange:n,onUpdate:r},O)=>{const[i,a]=o.useState([]),[s,A]=o.useState([]),[d,l]=o.useState(""),[q,u]=o.useState(e);o.useEffect((()=>{""===e&&u("itd-checkbox-group-"+Gt())}),[]),o.useEffect((()=>{a(W)}),[c]),o.useEffect((()=>{t&&A(t)}),[]),o.useEffect((()=>{z&&(Ii(s,z)||A(z))}),[z]),o.useEffect((()=>{let e=[];s.forEach((b=>{e.push(b)})),n&&n(e),R(e)}),[s]);const f=()=>{if(c)return h(c)};let W=[];const h=e=>o.Children.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===Ki){let M={ref:o.createRef(),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}}A(b)}})(e)},children:h(e.props.children)};s.indexOf(e.props.value)>-1&&!e.props.disabled&&(M.checked=!0),void 0!==p&&(M.disabled=p),b=o.cloneElement(e,M),W.push(e.props.value)}else b=o.cloneElement(e,{children:h(e.props.children)});return b}));o.useImperativeHandle(O,(()=>({reset(e=!0,b=!0){this.selectAll(!1),A([]),l(""),R([],e,b)},setValue(e=[],b=!0,M=!0){A(e),R(e,b,M)},getValue:()=>s,setError(e=""){l(e)},clear(){A([]),this.selectAll(!1)},selectAll(e){A(e?i:[]),R(e?i:[]),n&&n(e?i:[])}})));const R=(e,b=!0,M=!0)=>{r&&r(e,b,M)},m=()=>{let e="itd-checkbox-group";return""!==d&&(e+=" itd-checkbox-group-error"),p&&(e+=" itd-checkbox-group-disabled"),""!==b&&(e+=" "+b),e};return M.jsx(Fi,{id:q,className:m(),children:f()})}));$i.displayName="ITD-CheckboxGroup";const Vi=mt.label`
 
   display: flex;
   align-items: center;

package/dist/index.esm.js

@@ -1578,7 +1578,7 @@ this.$={type:"Number",value:-1*parseFloat(M[b])}}},table:function(e){for(var b=[
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
   }
-`;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 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`
+`;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`
   
   width: 100vw;
   height: 100vh;
@@ -1743,7 +1743,7 @@ function(b,M){e.exports?e.exports=M(ia()):M(b.moment)}(la,(function(e){void 0===
   justify-content: flex-start;
   gap: 10px;
 
-`;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`
+`;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`
 
   display: flex;
   align-items: center;

package/dist/utils/GetSizeBySizeSlug.d.ts

@@ -1,2 +1,2 @@
 import { ITDSizeSlug } from "../index";
-export default function GetSizeBySizeSlug(size: ITDSizeSlug): "default" | "x-small" | "small" | "medium" | "large" | "x-large" | "df";
+export default function GetSizeBySizeSlug(size: ITDSizeSlug): "large" | "small" | "x-small" | "medium" | "default" | "x-large" | "df";

package/package.json

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