@inntechcorp/it-design 2.2.43 → 2.2.44

package/dist/index.cjs.js

@@ -2386,7 +2386,7 @@ function(b,z){M.exports?M.exports=z(Eo()):z(b.moment)}(Fo,(function(M){void 0===
     } 
   `}
 
-`,En=p.forwardRef((({id:M="itd-select-"+OM(),position:o="bottom",direction:c="right",size:e="default",variant:O="default",placeholder:t="Please Select",className:n="",multi:A=!1,disabled:a=!1,showSearch:r=!1,locked:i=!1,floating:d=!1,options:q=[],value:s,defaultValue:l,label:W,prefix:u,suffix:f,icon:h,image:R,style:L,onChange:m,onUpdate:g},N)=>{const{t:B}=b.useTranslation("itd"),v=p.useRef(null),[x,X]=p.useState(!1),[y,w]=p.useState(""),[S,k]=p.useState(void 0),[E,C]=p.useState("");p.useEffect((()=>{x||setTimeout((()=>{w("")}),300)}),[x]),p.useEffect((()=>{void 0!==l&&k(l)}),[l]),p.useEffect((()=>{void 0!==s&&k(s)}),[s]),T(v,(()=>{x&&X(!1)})),_((()=>{x&&X(!1)}));const D=(M,b=!0,z=!0)=>{g&&g(M,b,z)};p.useImperativeHandle(N,(()=>({reset(M=!0,b=!0){const z=l||(A?[]:void 0);k(z),C(""),D(z,M,b)},setValue(M,b=!0,z=!0){k(M),D(M,b,z)},getValue:()=>S||(A?[]:""),setError(M){C(M||"")},clear(){}})));const P=()=>"x-small"===e?"xs":"small"===e?"sm":"medium"===e?"md":"default"===e?"df":"large"===e?"lg":"x-large"===e?"xlg":"df";return p.useEffect((()=>{if(x&&A&&S&&Array.isArray(S)&&S.length>0){const M=q.find((M=>S.includes(M.value.toString())));if(M){const b=document.querySelector(`[data-value="${M.value}"]`);b&&setTimeout((()=>{b.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})}),50)}}}),[x]),z.jsxs(kn,{ref:v,className:(()=>{let M="itd-select";return M+=" itd-select-"+O,M+=" itd-select-"+(A?"multi":"single"),M+=" itd-select-"+c,M+=" itd-select-"+P(),x&&(M+=" itd-select-open"),E&&(M+=" itd-select-status-error"),a&&(M+=" itd-select-disabled"),r&&(M+=" itd-select-search"),h&&(M+=" itd-icon"),R&&(M+=" itd-image"),""!==n&&(M+=" "+n),M})(),...(()=>{let M={style:void 0,disabled:!1,$hasImage:null!=R,$hasIcon:null!=h,$size:P(),$filled:void 0!==S};return a&&(M.disabled=!0),L&&(M.style=L),M})(),children:[z.jsx(Vc,{id:M,labelType:d?"floating":"single",value:S,placeholder:q.length>0?t:"",onChange:M=>{X(M)},onFocus:()=>{X(!0)},onBlur:()=>{X(!1)},onShow:M=>{X(M)},onFilter:M=>{x&&w(M)},errorMessage:E,size:e,icon:h,prefix:u,suffix:f,image:R,label:(()=>{if(W)return W;if(void 0===S)return;let M="";if(A){const b=q.filter((M=>M.value===S[0]))[0];Array.isArray(S)&&(1===S.length?b&&(M=b.label):S.length>1&&(M=B("placeholders.multipleSelection",{count:S.length})))}else{const b=q.filter((M=>M.value===S))[0];b&&(M=b.label)}return M})(),disabled:a,isOpen:x,multi:A,locked:i,showSearch:r}),z.jsx(Xn,{onClose:()=>{X(!1)},onChange:M=>{C(""),D(M),k(M),A||X(!1),m&&m(M)},defaultValue:S,position:o,direction:c,isOpen:x,multi:A,children:(()=>{let M=[];return q.map((b=>{if(""!==y&&"string"==typeof b.value&&("searchText"in b&&"string"==typeof b.searchText?!b.searchText.toLocaleLowerCase().includes(y.toLocaleLowerCase()):!b.value.toLocaleLowerCase().includes(y.toLocaleLowerCase())&&!(M=>{if("string"==typeof M)return M.toLocaleLowerCase();if(Array.isArray(M)){let b="";return M.forEach((M=>{"string"==typeof M&&(b+=M.toLocaleLowerCase())})),b}return""})(b.label).includes(y.toLocaleLowerCase())))return;let z={value:b.value,label:b.label};b.icon&&(z={...z,icon:b.icon}),b.image&&(z={...z,image:b.image}),b.key&&(z={...z,customKey:b.key}),A&&S&&Array.isArray(S)&&(z={...z,multi:!0,checked:S.includes(b.value.toString())}),M.push(p.createElement(gc,{...z,key:b.key?b.key:b.value.toString()}))})),0===M.length&&M.push(z.jsx("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),M})()})]})}));En.displayName="Select";const Cn=n.div`
+`,En=p.forwardRef((({id:M,position:o="bottom",direction:c="right",size:e="default",variant:O="default",placeholder:t="Please Select",className:n="",multi:A=!1,disabled:a=!1,showSearch:r=!1,locked:i=!1,floating:d=!1,options:q=[],value:s,defaultValue:l,label:W,prefix:u,suffix:f,icon:h,image:R,style:L,onChange:m,onUpdate:g},N)=>{const{t:B}=b.useTranslation("itd"),v=p.useRef(null),x=p.useMemo((()=>M||"itd-select-"+OM()),[M]),[X,y]=p.useState(!1),[w,S]=p.useState(""),[k,E]=p.useState(void 0),[C,D]=p.useState("");p.useEffect((()=>{X||setTimeout((()=>{S("")}),300)}),[X]),p.useEffect((()=>{void 0!==l&&E(l)}),[l]),p.useEffect((()=>{void 0!==s&&E(s)}),[s]),T(v,(()=>{X&&y(!1)})),_((()=>{X&&y(!1)}));const P=p.useCallback((M=>{y(M)}),[]),j=p.useCallback((()=>{y(!0)}),[]),F=p.useCallback((()=>{y(!1)}),[]),I=p.useCallback((M=>{y(M)}),[]),$=p.useCallback((M=>{X&&S(M)}),[X]),H=(M,b=!0,z=!0)=>{g&&g(M,b,z)};p.useImperativeHandle(N,(()=>({reset(M=!0,b=!0){const z=l||(A?[]:void 0);E(z),D(""),H(z,M,b)},setValue(M,b=!0,z=!0){E(M),H(M,b,z)},getValue:()=>k||(A?[]:""),setError(M){D(M||"")},clear(){}})));const U=p.useCallback((()=>{y(!1)}),[]),V=p.useCallback((M=>{D(""),H(M),E(M),A||y(!1),m&&m(M)}),[A,m,H]),G=p.useMemo((()=>{let M=[];return q.forEach((b=>{if(""!==w&&"string"==typeof b.value&&("searchText"in b&&"string"==typeof b.searchText?!b.searchText.toLocaleLowerCase().includes(w.toLocaleLowerCase()):!b.value.toLocaleLowerCase().includes(w.toLocaleLowerCase())&&!(M=>{if("string"==typeof M)return M.toLocaleLowerCase();if(Array.isArray(M)){let b="";return M.forEach((M=>{"string"==typeof M&&(b+=M.toLocaleLowerCase())})),b}return""})(b.label).includes(w.toLocaleLowerCase())))return;let z={value:b.value,label:b.label};b.icon&&(z={...z,icon:b.icon}),b.image&&(z={...z,image:b.image}),b.key&&(z={...z,customKey:b.key}),A&&k&&Array.isArray(k)&&(z={...z,multi:!0,checked:k.includes(b.value.toString())}),M.push(p.createElement(gc,{...z,key:b.key?b.key:b.value.toString()}))})),0===M.length&&M.push(z.jsx("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),M}),[q,w,A,k]),Y=()=>"x-small"===e?"xs":"small"===e?"sm":"medium"===e?"md":"default"===e?"df":"large"===e?"lg":"x-large"===e?"xlg":"df",K=p.useMemo((()=>({style:L,disabled:a,$hasImage:null!=R,$hasIcon:null!=h,$size:Y(),$filled:void 0!==k})),[L,a,R,h,e,k]),Q=p.useMemo((()=>{let M="itd-select";return M+=" itd-select-"+O,M+=" itd-select-"+(A?"multi":"single"),M+=" itd-select-"+c,M+=" itd-select-"+Y(),X&&(M+=" itd-select-open"),C&&(M+=" itd-select-status-error"),a&&(M+=" itd-select-disabled"),r&&(M+=" itd-select-search"),h&&(M+=" itd-icon"),R&&(M+=" itd-image"),""!==n&&(M+=" "+n),M}),[O,A,c,e,X,C,a,r,h,R,n]);return p.useEffect((()=>{if(X&&A&&k&&Array.isArray(k)&&k.length>0){const M=q.find((M=>k.includes(M.value.toString())));if(M){const b=document.querySelector(`[data-value="${M.value}"]`);b&&setTimeout((()=>{b.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})}),50)}}}),[X]),z.jsxs(kn,{ref:v,className:Q,...K,children:[z.jsx(Vc,{id:x,labelType:d?"floating":"single",value:k,placeholder:q.length>0?t:"",onChange:P,onFocus:j,onBlur:F,onShow:I,onFilter:$,errorMessage:C,size:e,icon:h,prefix:u,suffix:f,image:R,label:(()=>{if(W)return W;if(void 0===k)return;let M="";if(A){const b=q.filter((M=>M.value===k[0]))[0];Array.isArray(k)&&(1===k.length?b&&(M=b.label):k.length>1&&(M=B("placeholders.multipleSelection",{count:k.length})))}else{const b=q.filter((M=>M.value===k))[0];b&&(M=b.label)}return M})(),disabled:a,isOpen:X,multi:A,locked:i,showSearch:r}),z.jsx(Xn,{onClose:U,onChange:V,defaultValue:k,position:o,direction:c,isOpen:X,multi:A,children:G})]})}));En.displayName="Select";const Cn=n.div`
   
   display         : flex;
   flex-direction  : ${M=>M.$horizontal?"row":"column"};

package/dist/index.esm.js

@@ -2386,7 +2386,7 @@ function(b,z){M.exports?M.exports=z(SO()):z(b.moment)}(FO,(function(M){void 0===
     } 
   `}
 
-`,VA=W((({id:M="itd-select-"+IM(),position:z="bottom",direction:o="right",size:c="default",variant:e="default",placeholder:a="Please Select",className:i="",multi:r=!1,disabled:d=!1,showSearch:q=!1,locked:s=!1,floating:l=!1,options:W=[],value:f,defaultValue:h,label:R,prefix:L,suffix:g,icon:N,image:B,style:v,onChange:X,onUpdate:y},x)=>{const{t:w}=b("itd"),T=A(null),[_,k]=t(!1),[S,E]=t(""),[C,D]=t(void 0),[P,F]=t("");n((()=>{_||setTimeout((()=>{E("")}),300)}),[_]),n((()=>{void 0!==h&&D(h)}),[h]),n((()=>{void 0!==f&&D(f)}),[f]),tM(T,(()=>{_&&k(!1)})),nM((()=>{_&&k(!1)}));const I=(M,b=!0,z=!0)=>{y&&y(M,b,z)};u(x,(()=>({reset(M=!0,b=!0){const z=h||(r?[]:void 0);D(z),F(""),I(z,M,b)},setValue(M,b=!0,z=!0){D(M),I(M,b,z)},getValue:()=>C||(r?[]:""),setError(M){F(M||"")},clear(){}})));const $=()=>"x-small"===c?"xs":"small"===c?"sm":"medium"===c?"md":"default"===c?"df":"large"===c?"lg":"x-large"===c?"xlg":"df";return n((()=>{if(_&&r&&C&&Array.isArray(C)&&C.length>0){const M=W.find((M=>C.includes(M.value.toString())));if(M){const b=document.querySelector(`[data-value="${M.value}"]`);b&&setTimeout((()=>{b.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})}),50)}}}),[_]),O(jA,{ref:T,className:(()=>{let M="itd-select";return M+=" itd-select-"+e,M+=" itd-select-"+(r?"multi":"single"),M+=" itd-select-"+o,M+=" itd-select-"+$(),_&&(M+=" itd-select-open"),P&&(M+=" itd-select-status-error"),d&&(M+=" itd-select-disabled"),q&&(M+=" itd-select-search"),N&&(M+=" itd-icon"),B&&(M+=" itd-image"),""!==i&&(M+=" "+i),M})(),...(()=>{let M={style:void 0,disabled:!1,$hasImage:null!=B,$hasIcon:null!=N,$size:$(),$filled:void 0!==C};return d&&(M.disabled=!0),v&&(M.style=v),M})(),children:[p(pe,{id:M,labelType:l?"floating":"single",value:C,placeholder:W.length>0?a:"",onChange:M=>{k(M)},onFocus:()=>{k(!0)},onBlur:()=>{k(!1)},onShow:M=>{k(M)},onFilter:M=>{_&&E(M)},errorMessage:P,size:c,icon:N,prefix:L,suffix:g,image:B,label:(()=>{if(R)return R;if(void 0===C)return;let M="";if(r){const b=W.filter((M=>M.value===C[0]))[0];Array.isArray(C)&&(1===C.length?b&&(M=b.label):C.length>1&&(M=w("placeholders.multipleSelection",{count:C.length})))}else{const b=W.filter((M=>M.value===C))[0];b&&(M=b.label)}return M})(),disabled:d,isOpen:_,multi:r,locked:s,showSearch:q}),p(PA,{onClose:()=>{k(!1)},onChange:M=>{F(""),I(M),D(M),r||k(!1),X&&X(M)},defaultValue:C,position:z,direction:o,isOpen:_,multi:r,children:(()=>{let M=[];return W.map((b=>{if(""!==S&&"string"==typeof b.value&&("searchText"in b&&"string"==typeof b.searchText?!b.searchText.toLocaleLowerCase().includes(S.toLocaleLowerCase()):!b.value.toLocaleLowerCase().includes(S.toLocaleLowerCase())&&!(M=>{if("string"==typeof M)return M.toLocaleLowerCase();if(Array.isArray(M)){let b="";return M.forEach((M=>{"string"==typeof M&&(b+=M.toLocaleLowerCase())})),b}return""})(b.label).includes(S.toLocaleLowerCase())))return;let z={value:b.value,label:b.label};b.icon&&(z={...z,icon:b.icon}),b.image&&(z={...z,image:b.image}),b.key&&(z={...z,customKey:b.key}),r&&C&&Array.isArray(C)&&(z={...z,multi:!0,checked:C.includes(b.value.toString())}),M.push(m(kc,{...z,key:b.key?b.key:b.value.toString()}))})),0===M.length&&M.push(p("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),M})()})]})}));VA.displayName="Select";const YA=k.div`
+`,VA=W((({id:M,position:z="bottom",direction:o="right",size:c="default",variant:e="default",placeholder:a="Please Select",className:r="",multi:d=!1,disabled:q=!1,showSearch:l=!1,locked:W=!1,floating:f=!1,options:h=[],value:R,defaultValue:L,label:g,prefix:N,suffix:B,icon:v,image:X,style:y,onChange:x,onUpdate:w},T)=>{const{t:_}=b("itd"),k=A(null),S=i((()=>M||"itd-select-"+IM()),[M]),[E,C]=t(!1),[D,P]=t(""),[F,I]=t(void 0),[$,H]=t("");n((()=>{E||setTimeout((()=>{P("")}),300)}),[E]),n((()=>{void 0!==L&&I(L)}),[L]),n((()=>{void 0!==R&&I(R)}),[R]),tM(k,(()=>{E&&C(!1)})),nM((()=>{E&&C(!1)}));const U=s((M=>{C(M)}),[]),j=s((()=>{C(!0)}),[]),V=s((()=>{C(!1)}),[]),Y=s((M=>{C(M)}),[]),G=s((M=>{E&&P(M)}),[E]),K=(M,b=!0,z=!0)=>{w&&w(M,b,z)};u(T,(()=>({reset(M=!0,b=!0){const z=L||(d?[]:void 0);I(z),H(""),K(z,M,b)},setValue(M,b=!0,z=!0){I(M),K(M,b,z)},getValue:()=>F||(d?[]:""),setError(M){H(M||"")},clear(){}})));const J=s((()=>{C(!1)}),[]),Q=s((M=>{H(""),K(M),I(M),d||C(!1),x&&x(M)}),[d,x,K]),Z=i((()=>{let M=[];return h.forEach((b=>{if(""!==D&&"string"==typeof b.value&&("searchText"in b&&"string"==typeof b.searchText?!b.searchText.toLocaleLowerCase().includes(D.toLocaleLowerCase()):!b.value.toLocaleLowerCase().includes(D.toLocaleLowerCase())&&!(M=>{if("string"==typeof M)return M.toLocaleLowerCase();if(Array.isArray(M)){let b="";return M.forEach((M=>{"string"==typeof M&&(b+=M.toLocaleLowerCase())})),b}return""})(b.label).includes(D.toLocaleLowerCase())))return;let z={value:b.value,label:b.label};b.icon&&(z={...z,icon:b.icon}),b.image&&(z={...z,image:b.image}),b.key&&(z={...z,customKey:b.key}),d&&F&&Array.isArray(F)&&(z={...z,multi:!0,checked:F.includes(b.value.toString())}),M.push(m(kc,{...z,key:b.key?b.key:b.value.toString()}))})),0===M.length&&M.push(p("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),M}),[h,D,d,F]),MM=()=>"x-small"===c?"xs":"small"===c?"sm":"medium"===c?"md":"default"===c?"df":"large"===c?"lg":"x-large"===c?"xlg":"df",bM=i((()=>({style:y,disabled:q,$hasImage:null!=X,$hasIcon:null!=v,$size:MM(),$filled:void 0!==F})),[y,q,X,v,c,F]),zM=i((()=>{let M="itd-select";return M+=" itd-select-"+e,M+=" itd-select-"+(d?"multi":"single"),M+=" itd-select-"+o,M+=" itd-select-"+MM(),E&&(M+=" itd-select-open"),$&&(M+=" itd-select-status-error"),q&&(M+=" itd-select-disabled"),l&&(M+=" itd-select-search"),v&&(M+=" itd-icon"),X&&(M+=" itd-image"),""!==r&&(M+=" "+r),M}),[e,d,o,c,E,$,q,l,v,X,r]);return n((()=>{if(E&&d&&F&&Array.isArray(F)&&F.length>0){const M=h.find((M=>F.includes(M.value.toString())));if(M){const b=document.querySelector(`[data-value="${M.value}"]`);b&&setTimeout((()=>{b.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})}),50)}}}),[E]),O(jA,{ref:k,className:zM,...bM,children:[p(pe,{id:S,labelType:f?"floating":"single",value:F,placeholder:h.length>0?a:"",onChange:U,onFocus:j,onBlur:V,onShow:Y,onFilter:G,errorMessage:$,size:c,icon:v,prefix:N,suffix:B,image:X,label:(()=>{if(g)return g;if(void 0===F)return;let M="";if(d){const b=h.filter((M=>M.value===F[0]))[0];Array.isArray(F)&&(1===F.length?b&&(M=b.label):F.length>1&&(M=_("placeholders.multipleSelection",{count:F.length})))}else{const b=h.filter((M=>M.value===F))[0];b&&(M=b.label)}return M})(),disabled:q,isOpen:E,multi:d,locked:W,showSearch:l}),p(PA,{onClose:J,onChange:Q,defaultValue:F,position:z,direction:o,isOpen:E,multi:d,children:Z})]})}));VA.displayName="Select";const YA=k.div`
   
   display         : flex;
   flex-direction  : ${M=>M.$horizontal?"row":"column"};

package/package.json

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