@inntechcorp/it-design 3.1.0 → 3.1.1

package/dist/es/modal/modal/Modal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useState as n,useEffect as i,cloneElement as d}from"react";import{CSSTransition as r}from"react-transition-group";import{ModalState as l,ComponentSizes as a}from"../../enums/enum.js";import"../../logger/index.js";import c from"../../hooks/useOnClickOutside.js";import s from"../../hooks/useOnESCKeyDown.js";import"react-router-dom";import"axios";import m from"../../button/index.js";import u from"./closeicon.svg.js";import{Wrapper as p,ModalInnerWrapper as h,ModalBody as f,ModalContent as C,CloseButton as E,ModalInnerContent as v,ModalHeader as g,ModalInnerContentBefore as M,ModalInnerContentAfter as N,ModalFooter as O}from"./styled.js";import y from"../../utils/InlineSVGCached.js";import k from"../../spin/index.js";import S from"../../html/header/H4.js";import"../../html/header/styled.js";const b=b=>{const w=o(null),A=o(null),x=o(null),[j,I]=n(!0),[L,B]=n(!1),[$,P]=n(!1),[R,K]=n(!1),[T,_]=n(!1);i(()=>(b.onModalEvent(l.BEGIN,b.id?b.id:""),()=>{b.onModalEvent(l.REMOVED,b.id?b.id:"")}),[]),i(()=>{B(j),j||b.onHideModal&&b.onHideModal(String(b.id))},[j]),c(A,()=>{!b.closeOnClickOutside||$||T||b.isActive&&(b.onModalEvent(l.OUTSIDE_CLICK,b.id?b.id:""),Q(),B(!1))}),s(()=>{b.preventESC||$||T||b.isActive&&(b.onModalEvent(l.ESC_CLICK,b.id?b.id:""),Q(),B(!1))});const D=()=>{b.isActive&&B(!1)},G=()=>{b.onRemoveModal&&b.onRemoveModal(String(b.id))},V=e=>{b.isActive&&(b.removeOthers,b.onShowModal(e))},X=e=>{K(!e)},z=e=>{P(e)},F=e=>{_(e)},H=()=>{b.onModalEvent(l.CLOSE_CLICK,b.id?b.id:""),Q(),b.hideModalFromProvider(b.id?b.id:""),B(!1)},U=()=>{b.isActive&&(b.onModalEvent(l.OK_CLICK,b.id?b.id:""),J()&&(b.hideModalFromProvider(b.id?b.id:""),B(!1)))},q=()=>{b.isActive&&(b.onModalEvent(l.CANCEL_CLICK,b.id?b.id:""),Q()&&(b.hideModalFromProvider(b.id?b.id:""),B(!1)))},J=()=>{if(!w.current)return!b.onOk||b.onOk();w.current.onClickOK&&w.current.onClickOK()},Q=()=>{if(!w.current)return!b.onCancel||b.onCancel();w.current.onClickCancel&&w.current.onClickCancel()},W=()=>{b.onModalEvent(l.ENTERING,b.id?b.id:"")},Y=()=>{b.onModalEvent(l.ENTERED,b.id?b.id:""),b.onShow&&b.onShow()},Z=()=>{b.onModalEvent(l.EXITING,b.id?b.id:"")},ee=()=>{b.onModalEvent(l.EXITED,b.id?b.id:""),b.onExit&&b.onExit(),I(!1)},te=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let t={hideCurrentModal:D,removeCurrentModal:G,showAnotherModal:V,changeButtonsState:X,changeLoadingState:z,changeInnerLoadingState:F,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()&&(t.ref=w)),e.useRef&&(t.ref=w),t},oe=()=>{if(b.content)return e("div",{className:"itd-modal-middle-content-body",children:d(b.content,te(b))})},ne=()=>{if(b.addContentBefore)return e(M,{className:"itd-modal-middle-content-before",$padding:b.beforeContentPadding,children:b.addContentBefore})},ie=()=>{if(b.addContentAfter)return e(N,{className:"itd-modal-middle-content-after",$padding:b.afterContentPadding,children:b.addContentAfter})},de=()=>{let e=b.width;return"number"==typeof e&&(e=b.width+"px"),e};return i(()=>{b.modalEvent.event===l.EXITING&&b.modalEvent.id===b.id&&B(!1)},[b.modalEvent,b.id]),i(()=>{!b.isVisible&&L&&B(!1)},[b.isVisible,L,b.id]),j?e("div",{className:"itd-modal-container".concat(" "+b.className),children:e(r,{in:L,timeout:600,classNames:"modal",nodeRef:x,onEntering:W,onEntered:Y,onExiting:Z,onExited:ee,unmountOnExit:!0,children:e(p,{className:"itd-modal-content-wrapper",ref:x,children:e(h,{className:"itd-modal-inner-wrapper",$padding:b.outerPadding,children:e(f,{className:"itd-modal-body",$width:de(),children:e(C,{className:"itd-modal-content",ref:A,children:t(k,{updating:T,children:[!1!==b.showCloseButton&&e(E,{className:"itd-modal-close-button",children:e(m,{size:a.X_SMALL,variant:"ghost",onClick:H,icon:e(y,{src:u}),disabled:$||T||!b.isActive})}),b.title?e(g,{className:"itd-modal-header",children:"string"==typeof b.title?e(S,{children:b.title}):b.title}):null,ne(),e(v,{className:"itd-modal-middle-content",$padding:b.contentPadding,children:oe()}),ie(),b.showOkButton||b.showCancelButton?t(O,{className:"itd-modal-footer",children:[b.showCancelButton&&e(m,{variant:"solid",size:a.SMALL,type:"button",onClick:q,disabled:$||T||!b.isActive||R,...b.cancelButtonProps,children:b.cancelButtonText}),b.showOkButton&&e(m,{variant:"default",size:a.SMALL,type:"button",onClick:U,loading:$,disabled:T||!b.isActive||R,...b.okButtonProps,children:b.okButtonText})]}):null]})})})})})})}):null};export{b as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useState as n,useEffect as i,cloneElement as d}from"react";import{CSSTransition as r}from"react-transition-group";import{ModalState as l,ComponentSizes as a}from"../../enums/enum.js";import"../../logger/index.js";import c from"../../hooks/useOnClickOutside.js";import s from"../../hooks/useOnESCKeyDown.js";import"react-router-dom";import"axios";import m from"../../button/index.js";import u from"./closeicon.svg.js";import"../../index.js";import{Wrapper as p,ModalInnerWrapper as h,ModalBody as f,ModalContent as C,CloseButton as E,ModalInnerContent as v,ModalHeader as g,ModalInnerContentBefore as M,ModalInnerContentAfter as N,ModalFooter as O}from"./styled.js";import y from"../../utils/InlineSVGCached.js";import k from"../../spin/index.js";import S from"../../html/header/H4.js";import"../../html/header/styled.js";const b=b=>{const w=o(null),x=o(null),A=o(null),[j,I]=n(!0),[L,B]=n(!1),[$,P]=n(!1),[R,K]=n(!1),[T,_]=n(!1);i(()=>(b.onModalEvent(l.BEGIN,b.id?b.id:""),()=>{b.onModalEvent(l.REMOVED,b.id?b.id:"")}),[]),i(()=>{B(j),j||b.onHideModal&&b.onHideModal(String(b.id))},[j]),c(x,()=>{!b.closeOnClickOutside||$||T||b.isActive&&(b.onModalEvent(l.OUTSIDE_CLICK,b.id?b.id:""),Q(),B(!1))}),s(()=>{b.preventESC||$||T||b.isActive&&(b.onModalEvent(l.ESC_CLICK,b.id?b.id:""),Q(),B(!1))});const D=()=>{b.isActive&&B(!1)},G=()=>{b.onRemoveModal&&b.onRemoveModal(String(b.id))},V=e=>{b.isActive&&(b.removeOthers,b.onShowModal(e))},X=e=>{K(!e)},z=e=>{P(e)},F=e=>{_(e)},H=()=>{b.onModalEvent(l.CLOSE_CLICK,b.id?b.id:""),Q(),b.hideModalFromProvider(b.id?b.id:""),B(!1)},U=()=>{b.isActive&&(b.onModalEvent(l.OK_CLICK,b.id?b.id:""),J()&&(b.hideModalFromProvider(b.id?b.id:""),B(!1)))},q=()=>{b.isActive&&(b.onModalEvent(l.CANCEL_CLICK,b.id?b.id:""),Q()&&(b.hideModalFromProvider(b.id?b.id:""),B(!1)))},J=()=>{if(!w.current)return!b.onOk||b.onOk();w.current.onClickOK&&w.current.onClickOK()},Q=()=>{if(!w.current)return!b.onCancel||b.onCancel();w.current.onClickCancel&&w.current.onClickCancel()},W=()=>{b.onModalEvent(l.ENTERING,b.id?b.id:"")},Y=()=>{b.onModalEvent(l.ENTERED,b.id?b.id:""),b.onShow&&b.onShow()},Z=()=>{b.onModalEvent(l.EXITING,b.id?b.id:"")},ee=()=>{b.onModalEvent(l.EXITED,b.id?b.id:""),b.onExit&&b.onExit(),I(!1)},te=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let t={hideCurrentModal:D,removeCurrentModal:G,showAnotherModal:V,changeButtonsState:X,changeLoadingState:z,changeInnerLoadingState:F,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()&&(t.ref=w)),e.useRef&&(t.ref=w),t},oe=()=>{if(b.content)return e("div",{className:"itd-modal-middle-content-body",children:d(b.content,te(b))})},ne=()=>{if(b.addContentBefore)return e(M,{className:"itd-modal-middle-content-before",$padding:b.beforeContentPadding,children:b.addContentBefore})},ie=()=>{if(b.addContentAfter)return e(N,{className:"itd-modal-middle-content-after",$padding:b.afterContentPadding,children:b.addContentAfter})},de=()=>{let e=b.width;return"number"==typeof e&&(e=b.width+"px"),e};return i(()=>{b.modalEvent.event===l.EXITING&&b.modalEvent.id===b.id&&B(!1)},[b.modalEvent,b.id]),i(()=>{!b.isVisible&&L&&B(!1)},[b.isVisible,L,b.id]),j?e("div",{className:"itd-modal-container".concat(" "+b.className),children:e(r,{in:L,timeout:600,classNames:"modal",nodeRef:A,onEntering:W,onEntered:Y,onExiting:Z,onExited:ee,unmountOnExit:!0,children:e(p,{className:"itd-modal-content-wrapper",ref:A,children:e(h,{className:"itd-modal-inner-wrapper",$padding:b.outerPadding,children:e(f,{className:"itd-modal-body",$width:de(),children:e(C,{className:"itd-modal-content",ref:x,children:t(k,{updating:T,children:[!1!==b.showCloseButton&&e(E,{className:"itd-modal-close-button",children:e(m,{size:a.X_SMALL,variant:"ghost",onClick:H,icon:e(y,{src:u}),disabled:$||T||!b.isActive})}),b.title?e(g,{className:"itd-modal-header",children:"string"==typeof b.title?e(S,{children:b.title}):b.title}):null,ne(),e(v,{className:"itd-modal-middle-content",$padding:b.contentPadding,children:oe()}),ie(),b.showOkButton||b.showCancelButton?t(O,{className:"itd-modal-footer",children:[b.showCancelButton&&e(m,{variant:"solid",size:a.SMALL,type:"button",onClick:q,disabled:$||T||!b.isActive||R,...b.cancelButtonProps,children:b.cancelButtonText}),b.showOkButton&&e(m,{variant:"default",size:a.SMALL,type:"button",onClick:U,loading:$,disabled:T||!b.isActive||R,...b.okButtonProps,children:b.okButtonText})]}):null]})})})})})})}):null};export{b as default};

package/dist/es/radio/button/RadioButton.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useMemo as i,cloneElement as t}from"react";import o from"../../image/index.js";import{Wrapper as d,Label as l,ErrorBorder as n,InnerButton as a,Left as c,CheckIcon as s,PreIcon as m}from"./styled.js";import u from"../../node_modules/uuid/dist/esm-browser/v4.js";import h from"../../button/index.js";function p({id:p="itd-radio-button-"+u(),name:b="",value:f="",type:N="default",buttonProps:g={},checked:k=!1,hasError:v=!1,className:j="",children:y=null,icon:C=null,image:x=null,component:P=null,onChange:w=()=>{}}){const B=()=>{console.log("handleOnChange",f),w&&w(f)},E=i(()=>{let e="itd-radio";return k&&(e+=" itd-radio-selected"),v&&(e+=" itd-radio-error"),""!==j&&(e+=" "+j),e},[k,v,j]),F=i(()=>{let e="itd-radio-label";return k&&(e+=" itd-radio-label-selected"),v&&(e+=" itd-radio-label-error"),e},[k,v]);return e(d,{className:E,$hasCustomButton:!P,children:[r("input",{type:"radio",onChange:B,id:p,name:b,value:f,checked:k,"aria-checked":k}),e(l,{className:F,htmlFor:p,children:[null!==P?r("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:k,value:f,icon:C,children:y};return"childProps"in P?.props&&(e.childProps={...P?.props?.childProps||{},checked:k,value:f,icon:C,children:y}),t(P,e)})()}):"default"===N?e(a,{className:"itd-radio-default-button",children:[e(c,{className:"itd-radio-content",children:[C?r(m,{className:"itd-icon itd-pre-icon "+C}):x?r(o,{className:"itd-image",src:x,height:"20",brokenHeight:"20"}):null,r("span",{children:y})]}),k?r(s,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===N?r(h,{className:"itd-radio-primary-button",selected:k,onClick:B,...g,children:r("span",{children:y})}):r("span",{children:y}),v?r(n,{className:"itd-error-border"}):null]})]})}export{p as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as r,cloneElement as t}from"react";import o from"../../image/index.js";import"../../index.js";import{Wrapper as d,Label as l,ErrorBorder as n,InnerButton as a,Left as c,CheckIcon as s,PreIcon as m}from"./styled.js";import u from"../../node_modules/uuid/dist/esm-browser/v4.js";import h from"../../button/index.js";function p({id:p="itd-radio-button-"+u(),name:b="",value:f="",type:N="default",buttonProps:g={},checked:k=!1,hasError:j=!1,className:v="",children:x=null,icon:y=null,image:C=null,component:P=null,onChange:w=()=>{}}){const B=()=>{console.log("handleOnChange",f),w&&w(f)},E=r(()=>{let e="itd-radio";return k&&(e+=" itd-radio-selected"),j&&(e+=" itd-radio-error"),""!==v&&(e+=" "+v),e},[k,j,v]),F=r(()=>{let e="itd-radio-label";return k&&(e+=" itd-radio-label-selected"),j&&(e+=" itd-radio-label-error"),e},[k,j]);return e(d,{className:E,$hasCustomButton:!P,children:[i("input",{type:"radio",onChange:B,id:p,name:b,value:f,checked:k,"aria-checked":k}),e(l,{className:F,htmlFor:p,children:[null!==P?i("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:k,value:f,icon:y,children:x};return"childProps"in P?.props&&(e.childProps={...P?.props?.childProps||{},checked:k,value:f,icon:y,children:x}),t(P,e)})()}):"default"===N?e(a,{className:"itd-radio-default-button",children:[e(c,{className:"itd-radio-content",children:[y?i(m,{className:"itd-icon itd-pre-icon "+y}):C?i(o,{className:"itd-image",src:C,height:"20",brokenHeight:"20"}):null,i("span",{children:x})]}),k?i(s,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===N?i(h,{className:"itd-radio-primary-button",selected:k,onClick:B,...g,children:i("span",{children:x})}):i("span",{children:x}),j?i(n,{className:"itd-error-border"}):null]})]})}export{p as default};

package/dist/es/select/index.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useMemo as i,useCallback as n,useState as s,useEffect as l,useImperativeHandle as a,createElement as c}from"react";import d from"./option/Option.js";import u from"./toggle/Toggle.js";import m from"./dropdown/Dropdown.js";import f from"../hooks/useOnClickOutside.js";import{Wrapper as p}from"./styled.js";import{useTranslation as g}from"react-i18next";import{ComponentSizes as y,ComponentVariants as L,ComponentXPositions as h,ComponentYPositions as v,ComponentSizesSlug as E}from"../enums/enum.js";import A from"../utils/GetSizeSlugBySize.js";import w from"../node_modules/uuid/dist/esm-browser/v4.js";import b from"../hooks/useOnESCKeyDown.js";import"../logger/index.js";import"react-router-dom";import"axios";let S=null;const k=new Map,T=e=>{S===e&&(S=null)},C=o(({id:o,position:C=v.BOTTOM,direction:j=h.RIGHT,size:x=y.DEFAULT,variant:D=L.DEFAULT,placeholder:M="Please Select",className:I="",multi:U=!1,disabled:F=!1,showSearch:O=!1,locked:z=!1,options:G=[],value:R,defaultValue:B,label:N,prefix:V,icon:$,image:_,style:X,onChange:q,onUpdate:H},K)=>{const{t:P}=g("itd"),J=r(null),Q=i(()=>o||"itd-select-"+w(),[o]),W=n(()=>{try{const e=document.getElementById(Q);e&&e.focus({preventScroll:!0})}catch{const e=document.getElementById(Q);e&&e.focus()}},[Q]),[Y,Z]=s(!1),[ee,te]=s(""),[oe,re]=s(void 0),[ie,ne]=s(""),[se,le]=s(!1),[ae,ce]=s(!1),[de,ue]=s(!1),[me,fe]=s(!1);l(()=>{Y||setTimeout(()=>{te("")},300)},[Y]),l(()=>{void 0!==B&&re(B)},[B]),l(()=>{void 0!==R&&re(R)},[R]),l(()=>{if(!se)return;const e=e=>{["ArrowDown","ArrowUp","Enter","Escape","Tab","Home","End"].includes(e.key)&&ue(!0)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[se]),f(J,e=>{if(Y){const t=document.getElementById("itd-select-portal-root");if(t&&t.contains(e.target))return;const o=J.current?.querySelector(".itd-select-selector");if(o&&o.contains(e.target))return;Z(!1),me||de?(W(),le(!0),ce(!0)):(le(!1),ce(!1),fe(!1),ue(!1))}}),b(()=>{Y&&ye(!1,"keyboard")}),l(()=>{const e=J.current;if(!e)return;const t=t=>{le(!0),t.relatedTarget&&e.contains(t.relatedTarget)||(fe(!0),ce(!0))},o=()=>{le(!1),ce(!1),fe(!1),ue(!1)};e.addEventListener("focusin",t),e.addEventListener("focusout",o);return((e,t)=>{k.set(e,t)})(Q,()=>{Z(!1),le(!1),ce(!1)}),()=>{e.removeEventListener("focusin",t),e.removeEventListener("focusout",o),(e=>{k.delete(e)})(Q)}},[Q]);const pe=n(e=>{z||Z(e)},[z]),ge=n(()=>{z||le(!0)},[z]),ye=n((e,t)=>{z&&e||(e?((e=>{if(S&&S!==e){const e=k.get(S);e&&e()}S=e})(Q),W()):(T(Q),W(),le(!0),"pointer"===t?(ce(!1),fe(!1),ue(!1)):"keyboard"===t?(ce(!0),ue(!0)):ce(!(!me&&!de))),Z(e))},[z,W,Q,me,de]),Le=n(e=>{z||Y&&te(e)},[Y,z]),he=(e,t=!0,o=!0)=>{H&&H(e,t,o)};a(K,()=>({reset(e=!0,t=!0){const o=B||(U?[]:void 0);re(o),ne(""),he(o,e,t)},setValue(e,t=!0,o=!0){re(e),he(e,t,o)},getValue:()=>oe||(U?[]:""),setError(e){ne(e||"")},clear(){}}));const ve=n(()=>{Z(!1),W(),le(!0),de?ce(!0):(ce(!1),fe(!1),ue(!1))},[W,de]),Ee=n(e=>{ne(""),he(e),re(e),U||(T(Q),Z(!1),W(),le(!0),de?ce(!0):(ce(!1),fe(!1),ue(!1))),q&&q(e)},[U,q,he,Q,W,de]),Ae=i(()=>{let t=[];return G.forEach(e=>{if(""!==ee&&"string"==typeof e.value&&("searchText"in e&&"string"==typeof e.searchText?!e.searchText.toLocaleLowerCase().includes(ee.toLocaleLowerCase()):!e.value.toLocaleLowerCase().includes(ee.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();if(Array.isArray(e)){let t="";return e.forEach(e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())}),t}return""})(e.label).includes(ee.toLocaleLowerCase())))return;let o={value:e.value,label:e.label,disabled:e.disabled||!1,variant:D,size:A(x)};e.icon&&(o={...o,icon:e.icon}),e.image&&(o={...o,image:e.image}),e.key&&(o={...o,customKey:e.key}),U&&oe&&Array.isArray(oe)&&(o={...o,multi:!0,checked:oe.includes(e.value.toString())}),t.push(c(d,{...o,key:e.key?e.key:e.value.toString()}))}),0===t.length&&t.push(e("div",{className:"itd-select-not-found",style:{padding:"1.25rem",textAlign:"center"},children:"Not Found"},"not-found")),t},[G,ee,U,oe]),we=()=>x===y.X_SMALL?E.X_SMALL:x===y.SMALL?E.SMALL:x===y.MEDIUM?E.MEDIUM:x===y.DEFAULT?E.DEFAULT:x===y.LARGE?E.LARGE:x===y.X_LARGE?E.X_LARGE:E.DEFAULT,be=i(()=>({style:X,disabled:F,$hasImage:null!=_,$hasIcon:null!=$,$size:we(),$variant:D}),[X,F,_,$,x,D,oe]),Se=i(()=>{let e="itd-select";return e+=" itd-select-"+D,e+=" itd-select-"+(U?"multi":"single"),e+=" itd-select-"+j,e+=" itd-select-"+we(),!Y&&ae&&(e+=" keyboard-focus"),Y&&(e+=" itd-select-open"),ie&&(e+=" itd-select-status-error"),F&&(e+=" itd-select-disabled"),z&&(e+=" itd-select-locked"),O&&(e+=" itd-select-search"),$&&(e+=" itd-icon"),_&&(e+=" itd-image"),""!==I&&(e+=" "+I),e},[D,U,j,x,Y,ie,ae,F,O,$,_,I,z]);return l(()=>{if(Y&&U&&oe&&Array.isArray(oe)&&oe.length>0){const e=G.find(e=>oe.includes(e.value.toString()));if(e){const t=document.querySelector(`[data-value="${e.value}"]`);t&&setTimeout(()=>{t.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})},50)}}},[Y]),t(p,{ref:J,className:Se,...be,children:[e(u,{id:Q,placeholder:G.length>0?M:"",onChange:pe,onFocus:ge,onShow:ye,onFilter:Le,errorMessage:ie,size:x,icon:$,prefix:V,image:_,label:(()=>{if(N)return N;if(void 0===oe)return;let e="";if(U){const t=G.filter(e=>e.value===oe[0])[0];Array.isArray(oe)&&(1===oe.length?t&&(e=t.label):oe.length>1&&(e=P("placeholders.multipleSelection",{count:oe.length})))}else{const t=G.filter(e=>e.value===oe)[0];t&&(e=t.label)}return e})(),disabled:F,isOpen:Y,multi:U,locked:z,showSearch:O}),e(m,{onClose:ve,onChange:Ee,defaultValue:oe,position:C,direction:j,variant:D,isOpen:Y,multi:U,usePortal:!0,selectRef:J,size:x,children:Ae})]})});C.displayName="ITD-Select";export{C as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useMemo as i,useCallback as n,useState as s,useEffect as l,useImperativeHandle as a,createElement as c}from"react";import d from"./option/Option.js";import u from"./toggle/Toggle.js";import m from"./dropdown/Dropdown.js";import f from"../hooks/useOnClickOutside.js";import"../index.js";import{Wrapper as p}from"./styled.js";import{useTranslation as g}from"react-i18next";import{ComponentSizes as y,ComponentVariants as L,ComponentXPositions as h,ComponentYPositions as v,ComponentSizesSlug as E}from"../enums/enum.js";import A from"../utils/GetSizeSlugBySize.js";import w from"../node_modules/uuid/dist/esm-browser/v4.js";import b from"../hooks/useOnESCKeyDown.js";import"../logger/index.js";import"react-router-dom";import"axios";let S=null;const k=new Map,T=e=>{S===e&&(S=null)},C=o(({id:o,position:C=v.BOTTOM,direction:j=h.RIGHT,size:x=y.DEFAULT,variant:D=L.DEFAULT,placeholder:M="Please Select",className:I="",multi:U=!1,disabled:F=!1,showSearch:O=!1,locked:z=!1,options:G=[],value:R,defaultValue:B,label:N,prefix:V,icon:$,image:_,style:X,onChange:q,onUpdate:H},K)=>{const{t:P}=g("itd"),J=r(null),Q=i(()=>o||"itd-select-"+w(),[o]),W=n(()=>{try{const e=document.getElementById(Q);e&&e.focus({preventScroll:!0})}catch{const e=document.getElementById(Q);e&&e.focus()}},[Q]),[Y,Z]=s(!1),[ee,te]=s(""),[oe,re]=s(void 0),[ie,ne]=s(""),[se,le]=s(!1),[ae,ce]=s(!1),[de,ue]=s(!1),[me,fe]=s(!1);l(()=>{Y||setTimeout(()=>{te("")},300)},[Y]),l(()=>{void 0!==B&&re(B)},[B]),l(()=>{void 0!==R&&re(R)},[R]),l(()=>{if(!se)return;const e=e=>{["ArrowDown","ArrowUp","Enter","Escape","Tab","Home","End"].includes(e.key)&&ue(!0)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[se]),f(J,e=>{if(Y){const t=document.getElementById("itd-select-portal-root");if(t&&t.contains(e.target))return;const o=J.current?.querySelector(".itd-select-selector");if(o&&o.contains(e.target))return;Z(!1),me||de?(W(),le(!0),ce(!0)):(le(!1),ce(!1),fe(!1),ue(!1))}}),b(()=>{Y&&ye(!1,"keyboard")}),l(()=>{const e=J.current;if(!e)return;const t=t=>{le(!0),t.relatedTarget&&e.contains(t.relatedTarget)||(fe(!0),ce(!0))},o=()=>{le(!1),ce(!1),fe(!1),ue(!1)};e.addEventListener("focusin",t),e.addEventListener("focusout",o);return((e,t)=>{k.set(e,t)})(Q,()=>{Z(!1),le(!1),ce(!1)}),()=>{e.removeEventListener("focusin",t),e.removeEventListener("focusout",o),(e=>{k.delete(e)})(Q)}},[Q]);const pe=n(e=>{z||Z(e)},[z]),ge=n(()=>{z||le(!0)},[z]),ye=n((e,t)=>{z&&e||(e?((e=>{if(S&&S!==e){const e=k.get(S);e&&e()}S=e})(Q),W()):(T(Q),W(),le(!0),"pointer"===t?(ce(!1),fe(!1),ue(!1)):"keyboard"===t?(ce(!0),ue(!0)):ce(!(!me&&!de))),Z(e))},[z,W,Q,me,de]),Le=n(e=>{z||Y&&te(e)},[Y,z]),he=(e,t=!0,o=!0)=>{H&&H(e,t,o)};a(K,()=>({reset(e=!0,t=!0){const o=B||(U?[]:void 0);re(o),ne(""),he(o,e,t)},setValue(e,t=!0,o=!0){re(e),he(e,t,o)},getValue:()=>oe||(U?[]:""),setError(e){ne(e||"")},clear(){}}));const ve=n(()=>{Z(!1),W(),le(!0),de?ce(!0):(ce(!1),fe(!1),ue(!1))},[W,de]),Ee=n(e=>{ne(""),he(e),re(e),U||(T(Q),Z(!1),W(),le(!0),de?ce(!0):(ce(!1),fe(!1),ue(!1))),q&&q(e)},[U,q,he,Q,W,de]),Ae=i(()=>{let t=[];return G.forEach(e=>{if(""!==ee&&"string"==typeof e.value&&("searchText"in e&&"string"==typeof e.searchText?!e.searchText.toLocaleLowerCase().includes(ee.toLocaleLowerCase()):!e.value.toLocaleLowerCase().includes(ee.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();if(Array.isArray(e)){let t="";return e.forEach(e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())}),t}return""})(e.label).includes(ee.toLocaleLowerCase())))return;let o={value:e.value,label:e.label,disabled:e.disabled||!1,variant:D,size:A(x)};e.icon&&(o={...o,icon:e.icon}),e.image&&(o={...o,image:e.image}),e.key&&(o={...o,customKey:e.key}),U&&oe&&Array.isArray(oe)&&(o={...o,multi:!0,checked:oe.includes(e.value.toString())}),t.push(c(d,{...o,key:e.key?e.key:e.value.toString()}))}),0===t.length&&t.push(e("div",{className:"itd-select-not-found",style:{padding:"1.25rem",textAlign:"center"},children:"Not Found"},"not-found")),t},[G,ee,U,oe]),we=()=>x===y.X_SMALL?E.X_SMALL:x===y.SMALL?E.SMALL:x===y.MEDIUM?E.MEDIUM:x===y.DEFAULT?E.DEFAULT:x===y.LARGE?E.LARGE:x===y.X_LARGE?E.X_LARGE:E.DEFAULT,be=i(()=>({style:X,disabled:F,$hasImage:null!=_,$hasIcon:null!=$,$size:we(),$variant:D}),[X,F,_,$,x,D,oe]),Se=i(()=>{let e="itd-select";return e+=" itd-select-"+D,e+=" itd-select-"+(U?"multi":"single"),e+=" itd-select-"+j,e+=" itd-select-"+we(),!Y&&ae&&(e+=" keyboard-focus"),Y&&(e+=" itd-select-open"),ie&&(e+=" itd-select-status-error"),F&&(e+=" itd-select-disabled"),z&&(e+=" itd-select-locked"),O&&(e+=" itd-select-search"),$&&(e+=" itd-icon"),_&&(e+=" itd-image"),""!==I&&(e+=" "+I),e},[D,U,j,x,Y,ie,ae,F,O,$,_,I,z]);return l(()=>{if(Y&&U&&oe&&Array.isArray(oe)&&oe.length>0){const e=G.find(e=>oe.includes(e.value.toString()));if(e){const t=document.querySelector(`[data-value="${e.value}"]`);t&&setTimeout(()=>{t.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})},50)}}},[Y]),t(p,{ref:J,className:Se,...be,children:[e(u,{id:Q,placeholder:G.length>0?M:"",onChange:pe,onFocus:ge,onShow:ye,onFilter:Le,errorMessage:ie,size:x,icon:$,prefix:V,image:_,label:(()=>{if(N)return N;if(void 0===oe)return;let e="";if(U){const t=G.filter(e=>e.value===oe[0])[0];Array.isArray(oe)&&(1===oe.length?t&&(e=t.label):oe.length>1&&(e=P("placeholders.multipleSelection",{count:oe.length})))}else{const t=G.filter(e=>e.value===oe)[0];t&&(e=t.label)}return e})(),disabled:F,isOpen:Y,multi:U,locked:z,showSearch:O}),e(m,{onClose:ve,onChange:Ee,defaultValue:oe,position:C,direction:j,variant:D,isOpen:Y,multi:U,usePortal:!0,selectRef:J,size:x,children:Ae})]})});C.displayName="ITD-Select";export{C as default};

package/dist/es/switch/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as i,useState as r,useEffect as o,useCallback as d,useMemo as a,useImperativeHandle as s}from"react";import{Wrapper as n,Body as l,Thumb as c}from"./styled.js";import{ComponentVariants as h}from"../enums/enum.js";import m from"../node_modules/uuid/dist/esm-browser/v4.js";import p from"../spin/index.js";import{ErrorTooltip as u}from"../utils/CommonStyledComponents.js";const f=i(({id:i="",children:f="",checked:w,variant:b=h.DEFAULT,defaultChecked:v=!1,loading:g=!1,disabled:y=!1,onChange:N=null,onUpdate:k=null},j)=>{const[x,_]=r(v||!1),[C,$]=r(""),[D,E]=r(i||`itd-switch-${m()}`);o(()=>{i&&i!==D&&E(i)},[i]);const F=d((e,t=!0,i=!0)=>{k&&("development"===process.env.NODE_ENV?requestAnimationFrame(()=>k(e,t,i)):k(e,t,i))},[k]);o(()=>{void 0!==w&&w!==x&&(_(w),F(w))},[w,F]);const S=a(()=>({reset(e=!0,t=!0){const i=v||!1;_(i),F(i,e,t)},setValue(e,t=!0,i=!0){_(e),F(e,t,i)},getValue:()=>x,setError(e=""){$(e)},forceUpdate(){F(x)},clear(){_(!1)}}),[x,v,F]);s(j,()=>S,[S]);const U=d(e=>{if(g||y)return e.preventDefault(),void e.stopPropagation();const t=!x;_(t),F(t),N&&N(t)},[g,y,x,F,N]),V=a(()=>{let e="itd-switch";return e+=" itd-switch-"+b,x&&(e+=" itd-switch-checked"),y&&(e+=" itd-switch-disabled"),C&&(e+=" itd-switch-error"),g&&(e+=" itd-switch-loading"),e},[x,y,g,b,C]);return e(n,{className:V,children:[t("button",{id:D,type:"button",role:"switch",value:x?"on":"off","aria-checked":x,"aria-invalid":""!==C?"true":void 0,"aria-describedby":""!==C?`${D}__error`:void 0,"data-state":x?"checked":"unchecked","data-disabled":y?"true":"false","data-loading":g&&!y?"true":"false",disabled:y,onClick:U,children:t(l,{className:"itd-switch-body","data-disabled":y,children:t(c,{className:"itd-switch-thumb",children:t(p,{size:12,updating:g&&!y})})})}),f&&t("label",{htmlFor:D,children:f}),(()=>{if(""===C||y)return;return t("p",{id:`${D}__error`,role:"alert","aria-live":"assertive",className:"sr-only",style:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},children:C})})(),(()=>{if(""!==C&&!y)return t(u,{className:"itd-switch-error-tooltip itd-error-tooltip",$position:"top-left",$offsetX:3,"aria-hidden":"true",children:C})})()]})});f.displayName="ITD-Switch";export{f as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as i,useState as r,useEffect as o,useCallback as d,useMemo as s,useImperativeHandle as a}from"react";import"../index.js";import{Wrapper as n,Body as l,Thumb as c}from"./styled.js";import{ComponentVariants as h}from"../enums/enum.js";import m from"../node_modules/uuid/dist/esm-browser/v4.js";import p from"../spin/index.js";import{ErrorTooltip as u}from"../utils/CommonStyledComponents.js";const f=i(({id:i="",children:f="",checked:w,variant:b=h.DEFAULT,defaultChecked:v=!1,loading:g=!1,disabled:y=!1,onChange:N=null,onUpdate:j=null},k)=>{const[x,_]=r(v||!1),[C,$]=r(""),[D,E]=r(i||`itd-switch-${m()}`);o(()=>{i&&i!==D&&E(i)},[i]);const F=d((e,t=!0,i=!0)=>{j&&("development"===process.env.NODE_ENV?requestAnimationFrame(()=>j(e,t,i)):j(e,t,i))},[j]);o(()=>{void 0!==w&&w!==x&&(_(w),F(w))},[w,F]);const S=s(()=>({reset(e=!0,t=!0){const i=v||!1;_(i),F(i,e,t)},setValue(e,t=!0,i=!0){_(e),F(e,t,i)},getValue:()=>x,setError(e=""){$(e)},forceUpdate(){F(x)},clear(){_(!1)}}),[x,v,F]);a(k,()=>S,[S]);const U=d(e=>{if(g||y)return e.preventDefault(),void e.stopPropagation();const t=!x;_(t),F(t),N&&N(t)},[g,y,x,F,N]),V=s(()=>{let e="itd-switch";return e+=" itd-switch-"+b,x&&(e+=" itd-switch-checked"),y&&(e+=" itd-switch-disabled"),C&&(e+=" itd-switch-error"),g&&(e+=" itd-switch-loading"),e},[x,y,g,b,C]);return e(n,{className:V,children:[t("button",{id:D,type:"button",role:"switch",value:x?"on":"off","aria-checked":x,"aria-invalid":""!==C?"true":void 0,"aria-describedby":""!==C?`${D}__error`:void 0,"data-state":x?"checked":"unchecked","data-disabled":y?"true":"false","data-loading":g&&!y?"true":"false",disabled:y,onClick:U,children:t(l,{className:"itd-switch-body","data-disabled":y,children:t(c,{className:"itd-switch-thumb",children:t(p,{size:12,updating:g&&!y})})})}),f&&t("label",{htmlFor:D,children:f}),(()=>{if(""===C||y)return;return t("p",{id:`${D}__error`,role:"alert","aria-live":"assertive",className:"sr-only",style:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},children:C})})(),(()=>{if(""!==C&&!y)return t(u,{className:"itd-switch-error-tooltip itd-error-tooltip",$position:"top-left",$offsetX:3,"aria-hidden":"true",children:C})})()]})});f.displayName="ITD-Switch";export{f as default};

package/dist/es/table/index.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import i,{forwardRef as d,useState as n,useImperativeHandle as r,useMemo as l}from"react";import{Wrapper as a,RowTitle as h,EmptyBody as o,Cell as s}from"./styled.js";import m from"../utils/GetSizeSlugBySize.js";import{useTranslation as c}from"react-i18next";import{ComponentSizes as p}from"../enums/enum.js";import u from"../icons/NoData.js";import b from"../button/index.js";const g=d(({columns:d,data:g,cellHeight:x,className:y="",size:f=p.DEFAULT,headless:w=!1,bordered:W=!1,dashed:S=!1,noGaps:v=!1,hideGroupButtons:k=!1,getTRProps:j},_)=>{const{t:z}=c("itd"),[G,I]=n(new Set),N=t=>{I(e=>{const i=new Set(e);return i.has(t)?i.delete(t):i.add(t),i})};r(_,()=>({toggleRow:N,expandedRows:G}));const $=(t,e)=>{let i={};return"string"==typeof t.width?i.width=t.width:"number"==typeof t.width?i.minWidth=t.width+"px":i.width="auto",void 0!==t.maxWidth&&("string"==typeof t.maxWidth?i.maxWidth=t.maxWidth:"number"==typeof t.maxWidth&&(i.maxWidth=t.maxWidth+"px")),void 0!==t.minWidth&&("string"==typeof t.minWidth?i.minWidth=t.minWidth:"number"==typeof t.minWidth&&(i.minWidth=t.minWidth+"px")),"td"===e&&("string"==typeof x?i.height=x:"number"==typeof x?i.minHeight=x+"px":i.height="auto"),i},D=()=>{let t=!1;return g?.map(e=>{e.hasOwnProperty("children")&&(t=!0)}),!k&&t},L=(t,e,i)=>j?j(t,e,i):{},R=(t,e,i)=>{let d={"data-index":e+"_"+t,"data-level":e};return e>0&&(0===t&&(d["data-first"]="true"),t===i-1&&(d["data-last"]="true")),d},A=(n,r=0)=>n.map((l,a)=>e(i.Fragment,{children:[e("tr",{...R(a,r,n?.length),...L(l,a,r),children:[D()?l.children?t("td",{style:{width:"40px"},children:t("div",{className:"expand-button",children:t(b,{variant:"filled",size:p.X_SMALL,onClick:()=>N(l.key),circle:!0,children:t("span",{children:G.has(l.key)?"-":"+"})})})}):t("td",{}):null,d.map(e=>t("td",{style:$(e,"td"),children:t(s,{$overflow:e.overflow,title:String(l[e.dataIndex]),children:e.render?e.render(l[e.dataIndex],l,r):e.dataIndex?String(l[e.dataIndex]):null})},String(e.key)+"_"+a+"_"+r))]}),l.children&&G.has(l.key)&&A(l.children,r+1)]},String(r+"_"+a+"_"+l.key))),B=l(t=>{let e="itd-table";return e+=" itd-table-"+m(f),w&&(e+=" itd-table-headless"),W&&(e+=" itd-table-bordered"),v&&(e+=" itd-table-no-gaps"),g||(e+=" itd-table-empty"),0===g?.length&&(e+=" itd-table-no-data"),e+=S?" itd-table-dashed":" itd-table-solid",e+=t?" itd-table-inner-table":" itd-table-main-table",""!==y&&(e+=" "+y),e},[f,w,W,v,g,S,y]);return t(a,{$size:f,$noGaps:v,children:e("table",{className:B,children:[(()=>{if(!w)return t("thead",{children:e("tr",{children:[D()&&t("th",{style:{maxWidth:"40px"}}),d.map(e=>t("th",{style:$(e,"th"),children:t(h,{$overflow:e.overflow,children:e.title})},String(e.key)))]})})})(),g?0===g.length?t("tbody",{children:t("tr",{children:t("td",{colSpan:d.length,children:t(o,{children:e("div",{children:[t(u,{height:30}),t("span",{children:z("table.noData")})]})})})})}):t("tbody",{children:A(g)}):t("tbody",{children:t("tr",{children:t("td",{colSpan:d.length,children:t(o,{})})})})]})})});export{g as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import i,{forwardRef as d,useState as n,useImperativeHandle as r,useMemo as l}from"react";import{Wrapper as a,RowTitle as h,EmptyBody as o,Cell as s}from"./styled.js";import"../index.js";import m from"../utils/GetSizeSlugBySize.js";import{useTranslation as c}from"react-i18next";import{ComponentSizes as p}from"../enums/enum.js";import u from"../icons/NoData.js";import b from"../button/index.js";const x=d(({columns:d,data:x,cellHeight:g,className:y="",size:f=p.DEFAULT,headless:w=!1,bordered:W=!1,dashed:S=!1,noGaps:v=!1,hideGroupButtons:j=!1,getTRProps:k},_)=>{const{t:z}=c("itd"),[G,I]=n(new Set),N=t=>{I(e=>{const i=new Set(e);return i.has(t)?i.delete(t):i.add(t),i})};r(_,()=>({toggleRow:N,expandedRows:G}));const $=(t,e)=>{let i={};return"string"==typeof t.width?i.width=t.width:"number"==typeof t.width?i.minWidth=t.width+"px":i.width="auto",void 0!==t.maxWidth&&("string"==typeof t.maxWidth?i.maxWidth=t.maxWidth:"number"==typeof t.maxWidth&&(i.maxWidth=t.maxWidth+"px")),void 0!==t.minWidth&&("string"==typeof t.minWidth?i.minWidth=t.minWidth:"number"==typeof t.minWidth&&(i.minWidth=t.minWidth+"px")),"td"===e&&("string"==typeof g?i.height=g:"number"==typeof g?i.minHeight=g+"px":i.height="auto"),i},D=()=>{let t=!1;return x?.map(e=>{e.hasOwnProperty("children")&&(t=!0)}),!j&&t},L=(t,e,i)=>k?k(t,e,i):{},R=(t,e,i)=>{let d={"data-index":e+"_"+t,"data-level":e};return e>0&&(0===t&&(d["data-first"]="true"),t===i-1&&(d["data-last"]="true")),d},A=(n,r=0)=>n.map((l,a)=>e(i.Fragment,{children:[e("tr",{...R(a,r,n?.length),...L(l,a,r),children:[D()?l.children?t("td",{style:{width:"40px"},children:t("div",{className:"expand-button",children:t(b,{variant:"filled",size:p.X_SMALL,onClick:()=>N(l.key),circle:!0,children:t("span",{children:G.has(l.key)?"-":"+"})})})}):t("td",{}):null,d.map(e=>t("td",{style:$(e,"td"),children:t(s,{$overflow:e.overflow,title:String(l[e.dataIndex]),children:e.render?e.render(l[e.dataIndex],l,r):e.dataIndex?String(l[e.dataIndex]):null})},String(e.key)+"_"+a+"_"+r))]}),l.children&&G.has(l.key)&&A(l.children,r+1)]},String(r+"_"+a+"_"+l.key))),B=l(t=>{let e="itd-table";return e+=" itd-table-"+m(f),w&&(e+=" itd-table-headless"),W&&(e+=" itd-table-bordered"),v&&(e+=" itd-table-no-gaps"),x||(e+=" itd-table-empty"),0===x?.length&&(e+=" itd-table-no-data"),e+=S?" itd-table-dashed":" itd-table-solid",e+=t?" itd-table-inner-table":" itd-table-main-table",""!==y&&(e+=" "+y),e},[f,w,W,v,x,S,y]);return t(a,{$size:f,$noGaps:v,children:e("table",{className:B,children:[(()=>{if(!w)return t("thead",{children:e("tr",{children:[D()&&t("th",{style:{maxWidth:"40px"}}),d.map(e=>t("th",{style:$(e,"th"),children:t(h,{$overflow:e.overflow,children:e.title})},String(e.key)))]})})})(),x?0===x.length?t("tbody",{children:t("tr",{children:t("td",{colSpan:d.length,children:t(o,{children:e("div",{children:[t(u,{height:30}),t("span",{children:z("table.noData")})]})})})})}):t("tbody",{children:A(x)}):t("tbody",{children:t("tr",{children:t("td",{colSpan:d.length,children:t(o,{})})})})]})})});export{x as default};

package/dist/es/upload/styled.js

@@ -1,4 +1,4 @@
-import t,{css as o}from"styled-components";import{ComponentVariants as e,ThemeAppearances as i}from"../enums/enum.js";import{withOpacity as r}from"../helpers/theme/Color.js";export{ErrorBorder,ErrorTooltip}from"../utils/CommonStyledComponents.js";import n from"../helpers/unit/AddDefaultUnit.js";import"../helpers/theme/tokens.js";import"../helpers/theme/cssVariables.js";import"react/jsx-runtime";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../helpers/datetime/dayjsSetup.js";const a=t.div`
+import t,{css as o}from"styled-components";import"../index.js";import{ComponentVariants as e,ThemeAppearances as i}from"../enums/enum.js";import{withOpacity as r}from"../helpers/theme/Color.js";export{ErrorBorder,ErrorTooltip}from"../utils/CommonStyledComponents.js";import n from"../helpers/unit/AddDefaultUnit.js";import"../helpers/theme/tokens.js";import"../helpers/theme/cssVariables.js";import"react/jsx-runtime";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../helpers/datetime/dayjsSetup.js";const a=t.div`
 
   position    : relative;
   width       : ${t=>t.$fluid?"100%":"max-content"};