@inntechcorp/it-design 2.2.61 → 2.2.62
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.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1247,7 +1247,7 @@
|
|
|
1247
1247
|
height: 100%;
|
|
1248
1248
|
background: rgba(0, 0, 0, 0.5);
|
|
1249
1249
|
}
|
|
1250
|
-
`;const fM=M=>{const b=p.useRef(null),o=p.useRef(null),e=p.useRef(null),[O,t]=p.useState(!0),[n,A]=p.useState(!1),[a,r]=p.useState(!1),[i,d]=p.useState(!1),[q,s]=p.useState(!1);p.useEffect(()=>(M.onModalEvent(exports.ModalState.BEGIN,M.id?M.id:""),()=>{M.onModalEvent(exports.ModalState.REMOVED,M.id?M.id:"")}),[]),p.useEffect(()=>{A(O),O||M.onHideModal&&M.onHideModal(String(M.id))},[O]),w(o,()=>{!M.closeOnClickOutside||a||q||M.isActive&&(M.onModalEvent(exports.ModalState.OUTSIDE_CLICK,M.id?M.id:""),B(),A(!1))}),T(()=>{M.preventESC||a||q||M.isActive&&(M.onModalEvent(exports.ModalState.ESC_CLICK,M.id?M.id:""),B(),A(!1))});const l=()=>{M.isActive&&A(!1)},W=()=>{M.onRemoveModal&&M.onRemoveModal(String(M.id))},u=b=>{M.isActive&&(M.removeOthers,M.onShowModal(b))},f=M=>{d(!M)},h=M=>{r(M)},R=M=>{s(M)},L=()=>{M.onModalEvent(exports.ModalState.CLOSE_CLICK,M.id?M.id:""),B(),M.hideModalFromProvider(M.id?M.id:""),A(!1)},m=()=>{M.isActive&&(M.onModalEvent(exports.ModalState.OK_CLICK,M.id?M.id:""),N()&&(M.hideModalFromProvider(M.id?M.id:""),A(!1)))},g=()=>{M.isActive&&(M.onModalEvent(exports.ModalState.CANCEL_CLICK,M.id?M.id:""),B()&&(M.hideModalFromProvider(M.id?M.id:""),A(!1)))},N=()=>{if(!b.current)return!M.onOk||M.onOk();b.current.onClickOK&&b.current.onClickOK()},B=()=>{if(!b.current)return!M.onCancel||M.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},v=()=>{M.onModalEvent(exports.ModalState.ENTERING,M.id?M.id:"")},x=()=>{M.onModalEvent(exports.ModalState.ENTERED,M.id?M.id:""),M.onShow&&M.onShow()},X=()=>{M.onModalEvent(exports.ModalState.EXITING,M.id?M.id:"")},y=()=>{M.onModalEvent(exports.ModalState.EXITED,M.id?M.id:""),M.onExit&&M.onExit(),t(!1)},_=M=>{if(M.content&&Object(M.content).props&&Object.keys(Object(M.content).props).length>0)return{};let z={hideCurrentModal:l,removeCurrentModal:W,showAnotherModal:u,changeButtonsState:f,changeLoadingState:h,changeInnerLoadingState:R,modalProps:{...M.customProps},context:{...M.context}};return M.checkAutoRef&&M.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",M.content.type.$$typeof),"Symbol(react.forward_ref)"===M.content.type.$$typeof.toString()&&(z.ref=b)),M.useRef&&(z.ref=b),z},S=()=>{if(M.content)return z.jsx("div",{className:"itd-modal-middle-content-body",children:p.cloneElement(M.content,_(M))})},k=()=>{if(M.addContentBefore)return z.jsx(dM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},E=()=>{if(M.addContentAfter)return z.jsx(qM,{className:"itd-modal-middle-content-after",$padding:M.afterContentPadding,children:M.addContentAfter})},C=()=>{let b=M.width;return"number"==typeof b&&(b=M.width+"px"),b};return p.useEffect(()=>{
|
|
1250
|
+
`;const fM=M=>{const b=p.useRef(null),o=p.useRef(null),e=p.useRef(null),[O,t]=p.useState(!0),[n,A]=p.useState(!1),[a,r]=p.useState(!1),[i,d]=p.useState(!1),[q,s]=p.useState(!1);p.useEffect(()=>(M.onModalEvent(exports.ModalState.BEGIN,M.id?M.id:""),()=>{M.onModalEvent(exports.ModalState.REMOVED,M.id?M.id:"")}),[]),p.useEffect(()=>{A(O),O||M.onHideModal&&M.onHideModal(String(M.id))},[O]),w(o,()=>{!M.closeOnClickOutside||a||q||M.isActive&&(M.onModalEvent(exports.ModalState.OUTSIDE_CLICK,M.id?M.id:""),B(),A(!1))}),T(()=>{M.preventESC||a||q||M.isActive&&(M.onModalEvent(exports.ModalState.ESC_CLICK,M.id?M.id:""),B(),A(!1))});const l=()=>{M.isActive&&A(!1)},W=()=>{M.onRemoveModal&&M.onRemoveModal(String(M.id))},u=b=>{M.isActive&&(M.removeOthers,M.onShowModal(b))},f=M=>{d(!M)},h=M=>{r(M)},R=M=>{s(M)},L=()=>{M.onModalEvent(exports.ModalState.CLOSE_CLICK,M.id?M.id:""),B(),M.hideModalFromProvider(M.id?M.id:""),A(!1)},m=()=>{M.isActive&&(M.onModalEvent(exports.ModalState.OK_CLICK,M.id?M.id:""),N()&&(M.hideModalFromProvider(M.id?M.id:""),A(!1)))},g=()=>{M.isActive&&(M.onModalEvent(exports.ModalState.CANCEL_CLICK,M.id?M.id:""),B()&&(M.hideModalFromProvider(M.id?M.id:""),A(!1)))},N=()=>{if(!b.current)return!M.onOk||M.onOk();b.current.onClickOK&&b.current.onClickOK()},B=()=>{if(!b.current)return!M.onCancel||M.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},v=()=>{M.onModalEvent(exports.ModalState.ENTERING,M.id?M.id:"")},x=()=>{M.onModalEvent(exports.ModalState.ENTERED,M.id?M.id:""),M.onShow&&M.onShow()},X=()=>{M.onModalEvent(exports.ModalState.EXITING,M.id?M.id:"")},y=()=>{M.onModalEvent(exports.ModalState.EXITED,M.id?M.id:""),M.onExit&&M.onExit(),t(!1)},_=M=>{if(M.content&&Object(M.content).props&&Object.keys(Object(M.content).props).length>0)return{};let z={hideCurrentModal:l,removeCurrentModal:W,showAnotherModal:u,changeButtonsState:f,changeLoadingState:h,changeInnerLoadingState:R,modalProps:{...M.customProps},context:{...M.context}};return M.checkAutoRef&&M.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",M.content.type.$$typeof),"Symbol(react.forward_ref)"===M.content.type.$$typeof.toString()&&(z.ref=b)),M.useRef&&(z.ref=b),z},S=()=>{if(M.content)return z.jsx("div",{className:"itd-modal-middle-content-body",children:p.cloneElement(M.content,_(M))})},k=()=>{if(M.addContentBefore)return z.jsx(dM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},E=()=>{if(M.addContentAfter)return z.jsx(qM,{className:"itd-modal-middle-content-after",$padding:M.afterContentPadding,children:M.addContentAfter})},C=()=>{let b=M.width;return"number"==typeof b&&(b=M.width+"px"),b};return p.useEffect(()=>{M.modalEvent.event===exports.ModalState.EXITING&&M.modalEvent.id===M.id&&A(!1)},[M.modalEvent,M.id]),p.useEffect(()=>{!M.isVisible&&n&&A(!1)},[M.isVisible,n,M.id]),O?z.jsx("div",{className:"itd-modal-container".concat(" "+M.className),children:z.jsx(c.CSSTransition,{in:n,timeout:600,classNames:"modal",nodeRef:e,onEntering:v,onEntered:x,onExiting:X,onExited:y,unmountOnExit:!0,children:z.jsx(AM,{className:"itd-modal-content-wrapper",ref:e,children:z.jsx(aM,{className:"itd-modal-inner-wrapper",$padding:M.outerPadding,children:z.jsx(rM,{className:"itd-modal-body",$width:C(),children:z.jsx(iM,{className:"itd-modal-content",ref:o,children:z.jsxs(F,{updating:q,children:[!1!==M.showCloseButton&&z.jsx(uM,{className:"itd-modal-close-button",children:z.jsx(nM,{size:"x-small",variant:"ghost",onClick:L,icon:z.jsx(tM,{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||q||!M.isActive})}),M.title?z.jsx(lM,{className:"itd-modal-header",children:"string"==typeof M.title?z.jsx(Zo,{children:M.title}):M.title}):null,k(),z.jsx(sM,{className:"itd-modal-middle-content",$padding:M.contentPadding,children:S()}),E(),M.showOkButton||M.showCancelButton?z.jsxs(WM,{className:"itd-modal-footer",children:[M.showCancelButton&&z.jsx(nM,{variant:"solid",size:"small",type:"button",onClick:g,disabled:a||q||!M.isActive||i,...M.cancelButtonProps,children:M.cancelButtonText}),M.showOkButton&&z.jsx(nM,{variant:"default",size:"small",type:"button",onClick:m,loading:a,disabled:q||!M.isActive||i,...M.okButtonProps,children:M.okButtonText})]}):null]})})})})})})}):null},hM=t.div`
|
|
1251
1251
|
|
|
1252
1252
|
width: 100dvw;
|
|
1253
1253
|
height: 100dvh;
|
package/dist/index.esm.js
CHANGED
|
@@ -1247,7 +1247,7 @@ import M from"i18next";import{useTranslation as b,initReactI18next as z}from"rea
|
|
|
1247
1247
|
height: 100%;
|
|
1248
1248
|
background: rgba(0, 0, 0, 0.5);
|
|
1249
1249
|
}
|
|
1250
|
-
`;const bb=M=>{const b=A(null),z=A(null),o=A(null),[c,e]=t(!0),[a,i]=t(!1),[r,d]=t(!1),[s,l]=t(!1),[W,u]=t(!1);n(()=>(M.onModalEvent(C.BEGIN,M.id?M.id:""),()=>{M.onModalEvent(C.REMOVED,M.id?M.id:"")}),[]),n(()=>{i(c),c||M.onHideModal&&M.onHideModal(String(M.id))},[c]),eM(z,()=>{!M.closeOnClickOutside||r||W||M.isActive&&(M.onModalEvent(C.OUTSIDE_CLICK,M.id?M.id:""),x(),i(!1))}),tM(()=>{M.preventESC||r||W||M.isActive&&(M.onModalEvent(C.ESC_CLICK,M.id?M.id:""),x(),i(!1))});const f=()=>{M.isActive&&i(!1)},h=()=>{M.onRemoveModal&&M.onRemoveModal(String(M.id))},R=b=>{M.isActive&&(M.removeOthers,M.onShowModal(b))},L=M=>{l(!M)},m=M=>{d(M)},g=M=>{u(M)},N=()=>{M.onModalEvent(C.CLOSE_CLICK,M.id?M.id:""),x(),M.hideModalFromProvider(M.id?M.id:""),i(!1)},v=()=>{M.isActive&&(M.onModalEvent(C.OK_CLICK,M.id?M.id:""),y()&&(M.hideModalFromProvider(M.id?M.id:""),i(!1)))},X=()=>{M.isActive&&(M.onModalEvent(C.CANCEL_CLICK,M.id?M.id:""),x()&&(M.hideModalFromProvider(M.id?M.id:""),i(!1)))},y=()=>{if(!b.current)return!M.onOk||M.onOk();b.current.onClickOK&&b.current.onClickOK()},x=()=>{if(!b.current)return!M.onCancel||M.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},w=()=>{M.onModalEvent(C.ENTERING,M.id?M.id:"")},T=()=>{M.onModalEvent(C.ENTERED,M.id?M.id:""),M.onShow&&M.onShow()},_=()=>{M.onModalEvent(C.EXITING,M.id?M.id:"")},k=()=>{M.onModalEvent(C.EXITED,M.id?M.id:""),M.onExit&&M.onExit(),e(!1)},S=M=>{if(M.content&&Object(M.content).props&&Object.keys(Object(M.content).props).length>0)return{};let z={hideCurrentModal:f,removeCurrentModal:h,showAnotherModal:R,changeButtonsState:L,changeLoadingState:m,changeInnerLoadingState:g,modalProps:{...M.customProps},context:{...M.context}};return M.checkAutoRef&&M.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",M.content.type.$$typeof),"Symbol(react.forward_ref)"===M.content.type.$$typeof.toString()&&(z.ref=b)),M.useRef&&(z.ref=b),z},E=()=>{if(M.content)return p("div",{className:"itd-modal-middle-content-body",children:q(M.content,S(M))})},D=()=>{if(M.addContentBefore)return p(GM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},P=()=>{if(M.addContentAfter)return p(KM,{className:"itd-modal-middle-content-after",$padding:M.afterContentPadding,children:M.addContentAfter})},F=()=>{let b=M.width;return"number"==typeof b&&(b=M.width+"px"),b};return n(()=>{
|
|
1250
|
+
`;const bb=M=>{const b=A(null),z=A(null),o=A(null),[c,e]=t(!0),[a,i]=t(!1),[r,d]=t(!1),[s,l]=t(!1),[W,u]=t(!1);n(()=>(M.onModalEvent(C.BEGIN,M.id?M.id:""),()=>{M.onModalEvent(C.REMOVED,M.id?M.id:"")}),[]),n(()=>{i(c),c||M.onHideModal&&M.onHideModal(String(M.id))},[c]),eM(z,()=>{!M.closeOnClickOutside||r||W||M.isActive&&(M.onModalEvent(C.OUTSIDE_CLICK,M.id?M.id:""),x(),i(!1))}),tM(()=>{M.preventESC||r||W||M.isActive&&(M.onModalEvent(C.ESC_CLICK,M.id?M.id:""),x(),i(!1))});const f=()=>{M.isActive&&i(!1)},h=()=>{M.onRemoveModal&&M.onRemoveModal(String(M.id))},R=b=>{M.isActive&&(M.removeOthers,M.onShowModal(b))},L=M=>{l(!M)},m=M=>{d(M)},g=M=>{u(M)},N=()=>{M.onModalEvent(C.CLOSE_CLICK,M.id?M.id:""),x(),M.hideModalFromProvider(M.id?M.id:""),i(!1)},v=()=>{M.isActive&&(M.onModalEvent(C.OK_CLICK,M.id?M.id:""),y()&&(M.hideModalFromProvider(M.id?M.id:""),i(!1)))},X=()=>{M.isActive&&(M.onModalEvent(C.CANCEL_CLICK,M.id?M.id:""),x()&&(M.hideModalFromProvider(M.id?M.id:""),i(!1)))},y=()=>{if(!b.current)return!M.onOk||M.onOk();b.current.onClickOK&&b.current.onClickOK()},x=()=>{if(!b.current)return!M.onCancel||M.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},w=()=>{M.onModalEvent(C.ENTERING,M.id?M.id:"")},T=()=>{M.onModalEvent(C.ENTERED,M.id?M.id:""),M.onShow&&M.onShow()},_=()=>{M.onModalEvent(C.EXITING,M.id?M.id:"")},k=()=>{M.onModalEvent(C.EXITED,M.id?M.id:""),M.onExit&&M.onExit(),e(!1)},S=M=>{if(M.content&&Object(M.content).props&&Object.keys(Object(M.content).props).length>0)return{};let z={hideCurrentModal:f,removeCurrentModal:h,showAnotherModal:R,changeButtonsState:L,changeLoadingState:m,changeInnerLoadingState:g,modalProps:{...M.customProps},context:{...M.context}};return M.checkAutoRef&&M.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",M.content.type.$$typeof),"Symbol(react.forward_ref)"===M.content.type.$$typeof.toString()&&(z.ref=b)),M.useRef&&(z.ref=b),z},E=()=>{if(M.content)return p("div",{className:"itd-modal-middle-content-body",children:q(M.content,S(M))})},D=()=>{if(M.addContentBefore)return p(GM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},P=()=>{if(M.addContentAfter)return p(KM,{className:"itd-modal-middle-content-after",$padding:M.afterContentPadding,children:M.addContentAfter})},F=()=>{let b=M.width;return"number"==typeof b&&(b=M.width+"px"),b};return n(()=>{M.modalEvent.event===C.EXITING&&M.modalEvent.id===M.id&&i(!1)},[M.modalEvent,M.id]),n(()=>{!M.isVisible&&a&&i(!1)},[M.isVisible,a,M.id]),c?p("div",{className:"itd-modal-container".concat(" "+M.className),children:p(B,{in:a,timeout:600,classNames:"modal",nodeRef:o,onEntering:w,onEntered:T,onExiting:_,onExited:k,unmountOnExit:!0,children:p(UM,{className:"itd-modal-content-wrapper",ref:o,children:p(jM,{className:"itd-modal-inner-wrapper",$padding:M.outerPadding,children:p(VM,{className:"itd-modal-body",$width:F(),children:p(YM,{className:"itd-modal-content",ref:z,children:O(LM,{updating:W,children:[!1!==M.showCloseButton&&p(Mb,{className:"itd-modal-close-button",children:p(HM,{size:"x-small",variant:"ghost",onClick:N,icon:p($M,{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:r||W||!M.isActive})}),M.title?p(QM,{className:"itd-modal-header",children:"string"==typeof M.title?p(tc,{children:M.title}):M.title}):null,D(),p(JM,{className:"itd-modal-middle-content",$padding:M.contentPadding,children:E()}),P(),M.showOkButton||M.showCancelButton?O(ZM,{className:"itd-modal-footer",children:[M.showCancelButton&&p(HM,{variant:"solid",size:"small",type:"button",onClick:X,disabled:r||W||!M.isActive||s,...M.cancelButtonProps,children:M.cancelButtonText}),M.showOkButton&&p(HM,{variant:"default",size:"small",type:"button",onClick:v,loading:r,disabled:W||!M.isActive||s,...M.okButtonProps,children:M.okButtonText})]}):null]})})})})})})}):null},zb=_.div`
|
|
1251
1251
|
|
|
1252
1252
|
width: 100dvw;
|
|
1253
1253
|
height: 100dvh;
|