@inntechcorp/it-design 2.1.3 → 2.1.5

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 CHANGED
@@ -3255,7 +3255,7 @@ function pu(e,t){if(fu(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
3255
3255
  }
3256
3256
  `}
3257
3257
 
3258
- `,Yh=t.forwardRef((({id:o="",position:p="bottom",direction:b="right",size:n="default",variant:M="default",placeholder:r="Please Select",className:c="",multi:z=!1,disabled:i=!1,showSearch:a=!1,locked:O=!1,floating:s=!1,options:A=[],value:d,defaultValue:l,label:u,prefix:f,icon:q,image:h,style:W,onChange:g,onUpdate:m},R)=>{const v=t.useRef(null),[L,y]=t.useState(!1),[N,x]=t.useState(""),[B,w]=t.useState(void 0),[S,X]=t.useState(""),[k,T]=t.useState(o);t.useEffect((()=>{""===o&&T("itd-select-"+sa())}),[]),t.useEffect((()=>{L||x("")}),[L]),t.useEffect((()=>{void 0!==l&&w(l)}),[l]),t.useEffect((()=>{void 0!==d&&w(d)}),[d]),Yr(v,(()=>{L&&y(!1)})),Gr((()=>{L&&y(!1)}));const E=(e,t=!0,o=!0)=>{m&&m(e,t,o)};t.useImperativeHandle(R,(()=>({reset(e=!0,t=!0){const o=l||(z?[]:void 0);w(o),X(""),E(o,e,t)},setValue(e,t=!0,o=!0){w(e),E(e,t,o)},getValue:()=>B||(z?[]:""),setError(e){X(e||"")},clear(){}})));const _=()=>"x-small"===n?"xs":"small"===n?"sm":"medium"===n?"md":"default"===n?"df":"large"===n?"lg":"x-large"===n?"xlg":"df";return e.jsxs(Hh,{ref:v,className:(()=>{let e="itd-select";return e+=" itd-select-"+M,e+=" itd-select-"+(z?"multi":"single"),e+=" itd-select-"+b,e+=" itd-select-"+_(),L&&(e+=" itd-select-open"),S&&(e+=" itd-select-status-error"),i&&(e+=" itd-select-disabled"),a&&(e+=" itd-select-search"),q&&(e+=" itd-icon"),h&&(e+=" itd-image"),""!==c&&(e+=" "+c),e})(),...(()=>{let e={style:void 0,disabled:!1,$hasImage:null!=h,$hasIcon:null!=q,$size:_(),$filled:void 0!==B};return i&&(e.disabled=!0),W&&(e.style=W),e})(),children:[e.jsx(ou,{id:k,labelType:s?"floating":"single",value:B,placeholder:A.length>0?r:"",onChange:e=>{y(e)},onFocus:()=>{y(!0)},onBlur:()=>{y(!1)},onShow:e=>{y(e)},onFilter:e=>{L&&x(e)},errorMessage:S,size:n,icon:q,prefix:f,image:h,label:(()=>{if(u)return u;if(void 0===B)return;let e="";if(z){const t=A.filter((e=>e.value===B[0]))[0];Array.isArray(B)&&(1===B.length?t&&(e=t.label):B.length>1&&(e=el("placeholders.multipleSelection",{count:B.length})))}else{const t=A.filter((e=>e.value===B))[0];t&&(e=t.label)}return e})(),disabled:i,isOpen:L,multi:z,locked:O,showSearch:a}),e.jsx(jh,{onClose:()=>{y(!1)},onChange:e=>{X(""),E(e),w(e),z||y(!1),g&&g(e)},defaultValue:B,position:p,direction:b,isOpen:L,multi:z,children:(()=>{let o=[];return A.map((e=>{if(""!==N&&"string"==typeof e.value&&"string"==typeof e.label&&!e.value.includes(N.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();let t="";return e.map((e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())})),t})(e.label).includes(N.toLocaleLowerCase()))return;let p={value:e.value,label:e.label};e.icon&&(p={...p,icon:e.icon}),e.image&&(p={...p,image:e.image}),e.key&&(p={...p,customKey:e.key}),z&&B&&Array.isArray(B)&&(p={...p,checked:B.includes(e.value.toString())}),o.push(t.createElement(kl,{...p,key:e.key?e.key:e.value.toString()}))})),0===o.length&&o.push(e.jsx("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),o})()})]})}));Yh.displayName="Select";const Gh=Di.div`
3258
+ `,Yh=t.forwardRef((({id:o="itd-select-"+sa(),position:p="bottom",direction:b="right",size:n="default",variant:M="default",placeholder:r="Please Select",className:c="",multi:z=!1,disabled:i=!1,showSearch:a=!1,locked:O=!1,floating:s=!1,options:A=[],value:d,defaultValue:l,label:u,prefix:f,icon:q,image:h,style:W,onChange:g,onUpdate:m},R)=>{const v=t.useRef(null),[L,y]=t.useState(!1),[N,x]=t.useState(""),[B,w]=t.useState(void 0),[S,X]=t.useState("");t.useEffect((()=>{L||x("")}),[L]),t.useEffect((()=>{void 0!==l&&w(l)}),[l]),t.useEffect((()=>{void 0!==d&&w(d)}),[d]),Yr(v,(()=>{L&&y(!1)})),Gr((()=>{L&&y(!1)}));const k=(e,t=!0,o=!0)=>{m&&m(e,t,o)};t.useImperativeHandle(R,(()=>({reset(e=!0,t=!0){const o=l||(z?[]:void 0);w(o),X(""),k(o,e,t)},setValue(e,t=!0,o=!0){w(e),k(e,t,o)},getValue:()=>B||(z?[]:""),setError(e){X(e||"")},clear(){}})));const T=()=>"x-small"===n?"xs":"small"===n?"sm":"medium"===n?"md":"default"===n?"df":"large"===n?"lg":"x-large"===n?"xlg":"df";return e.jsxs(Hh,{ref:v,className:(()=>{let e="itd-select";return e+=" itd-select-"+M,e+=" itd-select-"+(z?"multi":"single"),e+=" itd-select-"+b,e+=" itd-select-"+T(),L&&(e+=" itd-select-open"),S&&(e+=" itd-select-status-error"),i&&(e+=" itd-select-disabled"),a&&(e+=" itd-select-search"),q&&(e+=" itd-icon"),h&&(e+=" itd-image"),""!==c&&(e+=" "+c),e})(),...(()=>{let e={style:void 0,disabled:!1,$hasImage:null!=h,$hasIcon:null!=q,$size:T(),$filled:void 0!==B};return i&&(e.disabled=!0),W&&(e.style=W),e})(),children:[e.jsx(ou,{id:o,labelType:s?"floating":"single",value:B,placeholder:A.length>0?r:"",onChange:e=>{y(e)},onFocus:()=>{y(!0)},onBlur:()=>{y(!1)},onShow:e=>{y(e)},onFilter:e=>{L&&x(e)},errorMessage:S,size:n,icon:q,prefix:f,image:h,label:(()=>{if(u)return u;if(void 0===B)return;let e="";if(z){const t=A.filter((e=>e.value===B[0]))[0];Array.isArray(B)&&(1===B.length?t&&(e=t.label):B.length>1&&(e=el("placeholders.multipleSelection",{count:B.length})))}else{const t=A.filter((e=>e.value===B))[0];t&&(e=t.label)}return e})(),disabled:i,isOpen:L,multi:z,locked:O,showSearch:a}),e.jsx(jh,{onClose:()=>{y(!1)},onChange:e=>{X(""),k(e),w(e),z||y(!1),g&&g(e)},defaultValue:B,position:p,direction:b,isOpen:L,multi:z,children:(()=>{let o=[];return A.map((e=>{if(""!==N&&"string"==typeof e.value&&"string"==typeof e.label&&!e.value.includes(N.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();let t="";return e.map((e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())})),t})(e.label).includes(N.toLocaleLowerCase()))return;let p={value:e.value,label:e.label};e.icon&&(p={...p,icon:e.icon}),e.image&&(p={...p,image:e.image}),e.key&&(p={...p,customKey:e.key}),z&&B&&Array.isArray(B)&&(p={...p,checked:B.includes(e.value.toString())}),o.push(t.createElement(kl,{...p,key:e.key?e.key:e.value.toString()}))})),0===o.length&&o.push(e.jsx("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),o})()})]})}));Yh.displayName="Select";const Gh=Di.div`
3259
3259
 
3260
3260
  display : flex;
3261
3261
  flex-direction : ${e=>e.$horizontal?"row":"column"};
@@ -4301,7 +4301,7 @@ function pu(e,t){if(fu(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
4301
4301
  background-color: #f8285a;
4302
4302
  }
4303
4303
 
4304
- `;var Ig=[],Fg=[];function $g(e,t){if(e&&"undefined"!=typeof document){var o,p=!0===t.prepend?"prepend":"append",b=!0===t.singleTag,n="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(b){var M=Ig.indexOf(n);-1===M&&(M=Ig.push(n)-1,Fg[M]={}),o=Fg[M]&&Fg[M][p]?Fg[M][p]:Fg[M][p]=r()}else o=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),o.styleSheet?o.styleSheet.cssText+=e:o.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var o=Object.keys(t.attributes),b=0;b<o.length;b++)e.setAttribute(o[b],t.attributes[o[b]]);var M="prepend"===p?"afterbegin":"beforeend";return n.insertAdjacentElement(M,e),e}}var Ug,Vg="itd__floatingLabel__01e577ff";$g(".itd__defaultInput__01e577ff{height:100%}.itd__floatingInput__01e577ff{caret-color:rgba(0,0,0,.851);color:rgba(0,0,0,.851);font-size:13px}.itd__floatingInput__01e577ff::placeholder{color:#0000}.itd__floatingInput__01e577ff:disabled :not(.itd__floatingInput__01e577ff[data-locked=true]),.itd__floatingInput__01e577ff:disabled:not(.itd__floatingInput__01e577ff[data-locked=true]){opacity:.5}.itd__floatingLabel__01e577ff{display:block;font-size:16px;font-weight:500;max-height:0;pointer-events:none;position:relative}.itd__floatingLabel__01e577ff:before{backface-visibility:hidden;color:#0009;content:attr(data-content);display:inline-block;filter:blur(0);position:relative;transform-origin:left top;transition:transform .2s ease-out}.itd__floatingInput__01e577ff:placeholder-shown+.itd__floatingLabel__01e577ff:before{font-smooth:always;-webkit-font-smoothing:antialiased;transform:translate3d(0,-32px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before,.itd__floatingLabel__01e577ff:before{transform:translate3d(0,-40px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before{color:#0009}.itd__floatingInputinput__01e577ff:-webkit-autofill,.itd__floatingInputinput__01e577ff:-webkit-autofill:focus,.itd__floatingInputinput__01e577ff:-webkit-autofill:hover{-webkit-text-fill-color:#3496fa!important;-webkit-box-shadow:inset 0 0 0 30px #151d3d!important}",{}),function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password"}(Ug||(Ug={}));const Hg=t.forwardRef((({id:o="",placeholder:p="",value:b="",defaultValue:n="",type:M=Ug.TEXT,className:r="",size:c="default",variant:z="default",prefix:i=null,suffix:a=null,addonBefore:O=null,addonAfter:s=null,status:A=null,locked:d=null,minValue:l=0,maxValue:u=1e8,maxLength:f=-1,disabled:q=!1,floating:h=!1,autoComplete:W=!1,keepFocus:g=!1,focusRef:m=null,mask:R=null,allowEmptyFormatting:v=!1,allowLeadingZeros:L=!1,decimalSeparator:y=".",thousandSeparator:N=",",decimalScale:x=2,onChange:B=null,onUpdate:w=null,onFocus:S=null,onBlur:X=null,onPressEnter:k=null,onKeyDown:T=null,children:E=null},_)=>{const C=t.useRef(null),[P,D]=t.useState(M===Ug.NUMBER?0:""),[j,I]=t.useState(""),[F,$]=t.useState(!1),[U,V]=t.useState(!1),[H,Y]=t.useState(!1),[G,K]=t.useState(!1),[Q,J]=t.useState(!1),[Z,ee]=t.useState(!0),[te,oe]=t.useState(o);t.useEffect((()=>(""===o&&oe("itd-input-"+sa()),ne(),n&&Me(n),document.addEventListener("pointerdown",be,!1),document.addEventListener("mousedown",(()=>{$(!0)})),document.addEventListener("mouseup",(()=>{$(!1)})),()=>{m&&pe(!1),document.removeEventListener("pointerdown",be,!1),document.removeEventListener("mousedown",(()=>{$(!0)})),document.removeEventListener("mouseup",(()=>{$(!1)}))})),[]),t.useEffect((()=>{Me(M===Ug.NUMBER?Number(b):String(b),!0,""!==b)}),[b]);const pe=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",be,!1)},be=e=>{V(!1),m?.current&&K(m.current.contains(e.target))},ne=()=>{C.current&&g&&C.current&&(C.current?.focus(),Y(!0),m&&pe(!0))},Me=(e,t=!0,o=!0)=>{D(e),w&&w(e,t,o)};t.useImperativeHandle(_,(()=>({setFocus(){C.current&&(Y(!0),C.current.focus()),K(!0)},reset(e=!0,t=!0){D(n||""),I(""),Me(M===Ug.NUMBER?0:"",e,t)},setValue(e,t=!0,o=!0){D(e),Me(e,t,o)},getValue:()=>P,setError(e){I(e)},forceUpdate(){Me(P)},clear(){D("")}})));const re=e=>{const t="string"==typeof e&&R&&e.replace(/\D+/g,"").length<R.replace(/\D+/g,"").length;Me(e,!0,!t),B&&B(e)},ce=e=>{re(e.value)},ze=e=>{C.current?.focus(),F||V(!0),Y(!0),!W&&Z&&ee(!1),S&&S(e)},ie=e=>{Y(!1),g&&G&&C.current&&(Y(!0),C.current.focus()),R&&"string"==typeof P&&P.replace(/\D+/g,"").length<R.replace(/\D+/g,"").length&&n&&Me(n,!0,!1),X?X(e):e.target.blur()},ae=e=>{Y(!1),"Tab"===e.key&&V(!1),13===e.keyCode&&k&&k(e),T&&T(e)},Oe=()=>{let t={id:te,placeholder:p,value:P,type:M,className:h?ge():We(),onFocus:ze,onBlur:ie,onKeyDown:ae,disabled:q||d};return d&&(t["data-locked"]=!0),t=W?{...t,autoComplete:te}:{...t,autoComplete:"off"},R?(t={...t,format:R,mask:"_",allowEmptyFormatting:v,onChange:e=>re(e.target.value)},e.jsx(vg,{...t})):M===Ug.CURRENCY?(t={...t,maxLength:f,type:Ug.TEXT,allowLeadingZeros:L,decimalSeparator:y,thousandSeparator:N,decimalScale:x,getInputRef:C,onValueChange:ce},e.jsx(mg,{...t})):M===Ug.NUMBER?(t={...t,type:Ug.NUMBER,maxLength:f,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=l&&t<=u?re(t):t<l?re(l):t>u&&re(u)},ref:C},e.jsx("input",{...t})):(t={...t,maxLength:f,onChange:e=>re(e.target.value),ref:C},e.jsx("input",{...t}))},se=()=>{if(O)return e.jsx(kg,{className:"itd-input-addon-before",children:O})},Ae=()=>{if(s)return e.jsx(Tg,{className:"itd-input-addon-after",children:s})},de=()=>{if(i)return e.jsx(Bg,{className:"itd-input-prefix",children:i})},le=()=>{if(a)return e.jsx(wg,{className:"itd-input-suffix",children:a})},ue=()=>{if(d)return e.jsx(Sg,{className:"itd-input-locked",children:"boolean"!=typeof d?d:e.jsx(Eg,{className:"itd-svg",width:"18",height:"18"})})},fe=()=>{if(""!==j&&!q)return e.jsx(Cg,{className:"itd-error-border"})},qe=e.jsx("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:e.jsxs("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e.jsx("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e.jsx("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n 5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),he=()=>{if(""===j||q)return;let t={className:"itd-input-failed itd-failed-status",onPointerOver:()=>J(!0),onPointerOut:()=>J(!1)};return e.jsxs(jg,{...t,children:[Q?e.jsx(_g,{className:"itd-input-error-tooltip itd-error-tooltip",children:j}):null,A||qe]})},We=()=>"itd-input-default-input",ge=()=>"itd-input-floating-input",me=()=>{let e="itd-input itd-input-"+M;return e+=" itd-input-"+Ma(c),e+=" itd-input-"+z,R&&(e+=" itd-input-masked"),q&&(e+=" itd-input-disabled"),d&&(e+=" itd-input-locked"),""!==r&&(e+=" "+r),U&&(e+=" keyboard-focus"),H&&(e+=" focused"),e};return(()=>{if(E)throw new Error("ITD Input Error: Remove the children!");return e.jsxs(Lg,{className:me(),children:[se(),e.jsxs(yg,{$hasPrefix:null!==i,$hasSuffix:null!==a,$hasError:""!==j&&!q,children:[de(),e.jsxs(Ng,{className:"itd-input-middle",children:[Oe(),h?e.jsx("label",{htmlFor:te,className:"itd-input-floating-label "+Vg+" "+p,"data-content":p,children:e.jsx(Pg,{children:p})}):null,fe()]}),e.jsxs(xg,{children:[le(),ue(),he()]})]}),Ae()]})})()}));Hg.displayName="ITD-Input";const Yg=Di.div`
4304
+ `;var Ig=[],Fg=[];function $g(e,t){if(e&&"undefined"!=typeof document){var o,p=!0===t.prepend?"prepend":"append",b=!0===t.singleTag,n="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(b){var M=Ig.indexOf(n);-1===M&&(M=Ig.push(n)-1,Fg[M]={}),o=Fg[M]&&Fg[M][p]?Fg[M][p]:Fg[M][p]=r()}else o=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),o.styleSheet?o.styleSheet.cssText+=e:o.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var o=Object.keys(t.attributes),b=0;b<o.length;b++)e.setAttribute(o[b],t.attributes[o[b]]);var M="prepend"===p?"afterbegin":"beforeend";return n.insertAdjacentElement(M,e),e}}var Ug,Vg="itd__floatingLabel__01e577ff";$g(".itd__defaultInput__01e577ff{height:100%}.itd__floatingInput__01e577ff{caret-color:rgba(0,0,0,.851);color:rgba(0,0,0,.851);font-size:13px}.itd__floatingInput__01e577ff::placeholder{color:#0000}.itd__floatingInput__01e577ff:disabled :not(.itd__floatingInput__01e577ff[data-locked=true]),.itd__floatingInput__01e577ff:disabled:not(.itd__floatingInput__01e577ff[data-locked=true]){opacity:.5}.itd__floatingLabel__01e577ff{display:block;font-size:16px;font-weight:500;max-height:0;pointer-events:none;position:relative}.itd__floatingLabel__01e577ff:before{backface-visibility:hidden;color:#0009;content:attr(data-content);display:inline-block;filter:blur(0);position:relative;transform-origin:left top;transition:transform .2s ease-out}.itd__floatingInput__01e577ff:placeholder-shown+.itd__floatingLabel__01e577ff:before{font-smooth:always;-webkit-font-smoothing:antialiased;transform:translate3d(0,-32px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before,.itd__floatingLabel__01e577ff:before{transform:translate3d(0,-40px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before{color:#0009}.itd__floatingInputinput__01e577ff:-webkit-autofill,.itd__floatingInputinput__01e577ff:-webkit-autofill:focus,.itd__floatingInputinput__01e577ff:-webkit-autofill:hover{-webkit-text-fill-color:#3496fa!important;-webkit-box-shadow:inset 0 0 0 30px #151d3d!important}",{}),function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password"}(Ug||(Ug={}));const Hg=t.forwardRef((({id:o="itd-input-"+sa(),placeholder:p="",value:b="",defaultValue:n="",type:M=Ug.TEXT,className:r="",size:c="default",variant:z="default",prefix:i=null,suffix:a=null,addonBefore:O=null,addonAfter:s=null,status:A=null,locked:d=null,minValue:l=0,maxValue:u=1e8,maxLength:f=-1,disabled:q=!1,floating:h=!1,autoComplete:W=!1,keepFocus:g=!1,focusRef:m=null,mask:R=null,allowEmptyFormatting:v=!1,allowLeadingZeros:L=!1,decimalSeparator:y=".",thousandSeparator:N=",",decimalScale:x=2,onChange:B=null,onUpdate:w=null,onFocus:S=null,onBlur:X=null,onPressEnter:k=null,onKeyDown:T=null,children:E=null},_)=>{const C=t.useRef(null),[P,D]=t.useState(M===Ug.NUMBER?0:""),[j,I]=t.useState(""),[F,$]=t.useState(!1),[U,V]=t.useState(!1),[H,Y]=t.useState(!1),[G,K]=t.useState(!1),[Q,J]=t.useState(!1),[Z,ee]=t.useState(!0);t.useEffect((()=>(pe(),n&&be(n),document.addEventListener("pointerdown",oe,!1),document.addEventListener("mousedown",(()=>{$(!0)})),document.addEventListener("mouseup",(()=>{$(!1)})),()=>{m&&te(!1),document.removeEventListener("pointerdown",oe,!1),document.removeEventListener("mousedown",(()=>{$(!0)})),document.removeEventListener("mouseup",(()=>{$(!1)}))})),[]),t.useEffect((()=>{be(M===Ug.NUMBER?Number(b):String(b),!0,""!==b)}),[b]);const te=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",oe,!1)},oe=e=>{V(!1),m?.current&&K(m.current.contains(e.target))},pe=()=>{C.current&&g&&C.current&&(C.current?.focus(),Y(!0),m&&te(!0))},be=(e,t=!0,o=!0)=>{D(e),w&&w(e,t,o)};t.useImperativeHandle(_,(()=>({setFocus(){C.current&&(Y(!0),C.current.focus()),K(!0)},reset(e=!0,t=!0){D(n||""),I(""),be(M===Ug.NUMBER?0:"",e,t)},setValue(e,t=!0,o=!0){D(e),be(e,t,o)},getValue:()=>P,setError(e){I(e)},forceUpdate(){be(P)},clear(){D("")}})));const ne=e=>{const t="string"==typeof e&&R&&e.replace(/\D+/g,"").length<R.replace(/\D+/g,"").length;be(e,!0,!t),B&&B(e)},Me=e=>{ne(e.value)},re=e=>{C.current?.focus(),F||V(!0),Y(!0),!W&&Z&&ee(!1),S&&S(e)},ce=e=>{Y(!1),g&&G&&C.current&&(Y(!0),C.current.focus()),R&&"string"==typeof P&&P.replace(/\D+/g,"").length<R.replace(/\D+/g,"").length&&n&&be(n,!0,!1),X?X(e):e.target.blur()},ze=e=>{Y(!1),"Tab"===e.key&&V(!1),13===e.keyCode&&k&&k(e),T&&T(e)},ie=()=>{let t={id:o,placeholder:p,value:P,type:M,className:h?he():qe(),onFocus:re,onBlur:ce,onKeyDown:ze,disabled:q||d};return d&&(t["data-locked"]=!0),t=W?{...t,autoComplete:o}:{...t,autoComplete:"off"},R?(t={...t,format:R,mask:"_",allowEmptyFormatting:v,onChange:e=>ne(e.target.value)},e.jsx(vg,{...t})):M===Ug.CURRENCY?(t={...t,maxLength:f,type:Ug.TEXT,allowLeadingZeros:L,decimalSeparator:y,thousandSeparator:N,decimalScale:x,getInputRef:C,onValueChange:Me},e.jsx(mg,{...t})):M===Ug.NUMBER?(t={...t,type:Ug.NUMBER,maxLength:f,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=l&&t<=u?ne(t):t<l?ne(l):t>u&&ne(u)},ref:C},e.jsx("input",{...t})):(t={...t,maxLength:f,onChange:e=>ne(e.target.value),ref:C},e.jsx("input",{...t}))},ae=()=>{if(O)return e.jsx(kg,{className:"itd-input-addon-before",children:O})},Oe=()=>{if(s)return e.jsx(Tg,{className:"itd-input-addon-after",children:s})},se=()=>{if(i)return e.jsx(Bg,{className:"itd-input-prefix",children:i})},Ae=()=>{if(a)return e.jsx(wg,{className:"itd-input-suffix",children:a})},de=()=>{if(d)return e.jsx(Sg,{className:"itd-input-locked",children:"boolean"!=typeof d?d:e.jsx(Eg,{className:"itd-svg",width:"18",height:"18"})})},le=()=>{if(""!==j&&!q)return e.jsx(Cg,{className:"itd-error-border"})},ue=e.jsx("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:e.jsxs("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e.jsx("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e.jsx("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n 5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),fe=()=>{if(""===j||q)return;let t={className:"itd-input-failed itd-failed-status",onPointerOver:()=>J(!0),onPointerOut:()=>J(!1)};return e.jsxs(jg,{...t,children:[Q?e.jsx(_g,{className:"itd-input-error-tooltip itd-error-tooltip",children:j}):null,A||ue]})},qe=()=>"itd-input-default-input",he=()=>"itd-input-floating-input",We=()=>{let e="itd-input itd-input-"+M;return e+=" itd-input-"+Ma(c),e+=" itd-input-"+z,R&&(e+=" itd-input-masked"),q&&(e+=" itd-input-disabled"),d&&(e+=" itd-input-locked"),""!==r&&(e+=" "+r),U&&(e+=" keyboard-focus"),H&&(e+=" focused"),e};return(()=>{if(E)throw new Error("ITD Input Error: Remove the children!");return e.jsxs(Lg,{className:We(),children:[ae(),e.jsxs(yg,{$hasPrefix:null!==i,$hasSuffix:null!==a,$hasError:""!==j&&!q,children:[se(),e.jsxs(Ng,{className:"itd-input-middle",children:[ie(),h?e.jsx("label",{htmlFor:o,className:"itd-input-floating-label "+Vg+" "+p,"data-content":p,children:e.jsx(Pg,{children:p})}):null,le()]}),e.jsxs(xg,{children:[Ae(),de(),fe()]})]}),Oe()]})})()}));Hg.displayName="ITD-Input";const Yg=Di.div`
4305
4305
 
4306
4306
  transition: background-color 0.2s ease;
4307
4307
  border-radius: 6px;
package/dist/index.esm.js CHANGED
@@ -3255,7 +3255,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
3255
3255
  }
3256
3256
  `}
3257
3257
 
3258
- `,og=u((({id:t="",position:p="bottom",direction:b="right",size:n="default",variant:M="default",placeholder:i="Please Select",className:a="",multi:O=!1,disabled:A=!1,showSearch:d=!1,locked:l=!1,floating:u=!1,options:f=[],value:h,defaultValue:W,label:g,prefix:m,icon:R,image:v,style:L,onChange:y,onUpdate:N},B)=>{const w=c(null),[x,X]=r(!1),[k,S]=r(""),[T,E]=r(void 0),[_,C]=r(""),[P,D]=r(t);z((()=>{""===t&&D("itd-select-"+Ha())}),[]),z((()=>{x||S("")}),[x]),z((()=>{void 0!==W&&E(W)}),[W]),z((()=>{void 0!==h&&E(h)}),[h]),gc(w,(()=>{x&&X(!1)})),mc((()=>{x&&X(!1)}));const I=(e,t=!0,o=!0)=>{N&&N(e,t,o)};q(B,(()=>({reset(e=!0,t=!0){const o=W||(O?[]:void 0);E(o),C(""),I(o,e,t)},setValue(e,t=!0,o=!0){E(e),I(e,t,o)},getValue:()=>T||(O?[]:""),setError(e){C(e||"")},clear(){}})));const F=()=>"x-small"===n?"xs":"small"===n?"sm":"medium"===n?"md":"default"===n?"df":"large"===n?"lg":"x-large"===n?"xlg":"df";return o(tg,{ref:w,className:(()=>{let e="itd-select";return e+=" itd-select-"+M,e+=" itd-select-"+(O?"multi":"single"),e+=" itd-select-"+b,e+=" itd-select-"+F(),x&&(e+=" itd-select-open"),_&&(e+=" itd-select-status-error"),A&&(e+=" itd-select-disabled"),d&&(e+=" itd-select-search"),R&&(e+=" itd-icon"),v&&(e+=" itd-image"),""!==a&&(e+=" "+a),e})(),...(()=>{let e={style:void 0,disabled:!1,$hasImage:null!=v,$hasIcon:null!=R,$size:F(),$filled:void 0!==T};return A&&(e.disabled=!0),L&&(e.style=L),e})(),children:[e(af,{id:P,labelType:u?"floating":"single",value:T,placeholder:f.length>0?i:"",onChange:e=>{X(e)},onFocus:()=>{X(!0)},onBlur:()=>{X(!1)},onShow:e=>{X(e)},onFilter:e=>{x&&S(e)},errorMessage:_,size:n,icon:R,prefix:m,image:v,label:(()=>{if(g)return g;if(void 0===T)return;let e="";if(O){const t=f.filter((e=>e.value===T[0]))[0];Array.isArray(T)&&(1===T.length?t&&(e=t.label):T.length>1&&(e=ou("placeholders.multipleSelection",{count:T.length})))}else{const t=f.filter((e=>e.value===T))[0];t&&(e=t.label)}return e})(),disabled:A,isOpen:x,multi:O,locked:l,showSearch:d}),e(GW,{onClose:()=>{X(!1)},onChange:e=>{C(""),I(e),E(e),O||X(!1),y&&y(e)},defaultValue:T,position:p,direction:b,isOpen:x,multi:O,children:(()=>{let t=[];return f.map((e=>{if(""!==k&&"string"==typeof e.value&&"string"==typeof e.label&&!e.value.includes(k.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();let t="";return e.map((e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())})),t})(e.label).includes(k.toLocaleLowerCase()))return;let o={value:e.value,label:e.label};e.icon&&(o={...o,icon:e.icon}),e.image&&(o={...o,image:e.image}),e.key&&(o={...o,customKey:e.key}),O&&T&&Array.isArray(T)&&(o={...o,checked:T.includes(e.value.toString())}),t.push(s(Fu,{...o,key:e.key?e.key:e.value.toString()}))})),0===t.length&&t.push(e("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),t})()})]})}));og.displayName="Select";const pg=ha.div`
3258
+ `,og=u((({id:t="itd-select-"+Ha(),position:p="bottom",direction:b="right",size:n="default",variant:M="default",placeholder:i="Please Select",className:a="",multi:O=!1,disabled:A=!1,showSearch:d=!1,locked:l=!1,floating:u=!1,options:f=[],value:h,defaultValue:W,label:g,prefix:m,icon:R,image:v,style:L,onChange:y,onUpdate:N},B)=>{const w=c(null),[x,X]=r(!1),[k,S]=r(""),[T,E]=r(void 0),[_,C]=r("");z((()=>{x||S("")}),[x]),z((()=>{void 0!==W&&E(W)}),[W]),z((()=>{void 0!==h&&E(h)}),[h]),gc(w,(()=>{x&&X(!1)})),mc((()=>{x&&X(!1)}));const P=(e,t=!0,o=!0)=>{N&&N(e,t,o)};q(B,(()=>({reset(e=!0,t=!0){const o=W||(O?[]:void 0);E(o),C(""),P(o,e,t)},setValue(e,t=!0,o=!0){E(e),P(e,t,o)},getValue:()=>T||(O?[]:""),setError(e){C(e||"")},clear(){}})));const D=()=>"x-small"===n?"xs":"small"===n?"sm":"medium"===n?"md":"default"===n?"df":"large"===n?"lg":"x-large"===n?"xlg":"df";return o(tg,{ref:w,className:(()=>{let e="itd-select";return e+=" itd-select-"+M,e+=" itd-select-"+(O?"multi":"single"),e+=" itd-select-"+b,e+=" itd-select-"+D(),x&&(e+=" itd-select-open"),_&&(e+=" itd-select-status-error"),A&&(e+=" itd-select-disabled"),d&&(e+=" itd-select-search"),R&&(e+=" itd-icon"),v&&(e+=" itd-image"),""!==a&&(e+=" "+a),e})(),...(()=>{let e={style:void 0,disabled:!1,$hasImage:null!=v,$hasIcon:null!=R,$size:D(),$filled:void 0!==T};return A&&(e.disabled=!0),L&&(e.style=L),e})(),children:[e(af,{id:t,labelType:u?"floating":"single",value:T,placeholder:f.length>0?i:"",onChange:e=>{X(e)},onFocus:()=>{X(!0)},onBlur:()=>{X(!1)},onShow:e=>{X(e)},onFilter:e=>{x&&S(e)},errorMessage:_,size:n,icon:R,prefix:m,image:v,label:(()=>{if(g)return g;if(void 0===T)return;let e="";if(O){const t=f.filter((e=>e.value===T[0]))[0];Array.isArray(T)&&(1===T.length?t&&(e=t.label):T.length>1&&(e=ou("placeholders.multipleSelection",{count:T.length})))}else{const t=f.filter((e=>e.value===T))[0];t&&(e=t.label)}return e})(),disabled:A,isOpen:x,multi:O,locked:l,showSearch:d}),e(GW,{onClose:()=>{X(!1)},onChange:e=>{C(""),P(e),E(e),O||X(!1),y&&y(e)},defaultValue:T,position:p,direction:b,isOpen:x,multi:O,children:(()=>{let t=[];return f.map((e=>{if(""!==k&&"string"==typeof e.value&&"string"==typeof e.label&&!e.value.includes(k.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();let t="";return e.map((e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())})),t})(e.label).includes(k.toLocaleLowerCase()))return;let o={value:e.value,label:e.label};e.icon&&(o={...o,icon:e.icon}),e.image&&(o={...o,image:e.image}),e.key&&(o={...o,customKey:e.key}),O&&T&&Array.isArray(T)&&(o={...o,checked:T.includes(e.value.toString())}),t.push(s(Fu,{...o,key:e.key?e.key:e.value.toString()}))})),0===t.length&&t.push(e("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),t})()})]})}));og.displayName="Select";const pg=ha.div`
3259
3259
 
3260
3260
  display : flex;
3261
3261
  flex-direction : ${e=>e.$horizontal?"row":"column"};
@@ -4301,7 +4301,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
4301
4301
  background-color: #f8285a;
4302
4302
  }
4303
4303
 
4304
- `;var Km=[],Qm=[];function Jm(e,t){if(e&&"undefined"!=typeof document){var o,p=!0===t.prepend?"prepend":"append",b=!0===t.singleTag,n="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(b){var M=Km.indexOf(n);-1===M&&(M=Km.push(n)-1,Qm[M]={}),o=Qm[M]&&Qm[M][p]?Qm[M][p]:Qm[M][p]=r()}else o=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),o.styleSheet?o.styleSheet.cssText+=e:o.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var o=Object.keys(t.attributes),b=0;b<o.length;b++)e.setAttribute(o[b],t.attributes[o[b]]);var M="prepend"===p?"afterbegin":"beforeend";return n.insertAdjacentElement(M,e),e}}var Zm,eR="itd__floatingLabel__01e577ff";Jm(".itd__defaultInput__01e577ff{height:100%}.itd__floatingInput__01e577ff{caret-color:rgba(0,0,0,.851);color:rgba(0,0,0,.851);font-size:13px}.itd__floatingInput__01e577ff::placeholder{color:#0000}.itd__floatingInput__01e577ff:disabled :not(.itd__floatingInput__01e577ff[data-locked=true]),.itd__floatingInput__01e577ff:disabled:not(.itd__floatingInput__01e577ff[data-locked=true]){opacity:.5}.itd__floatingLabel__01e577ff{display:block;font-size:16px;font-weight:500;max-height:0;pointer-events:none;position:relative}.itd__floatingLabel__01e577ff:before{backface-visibility:hidden;color:#0009;content:attr(data-content);display:inline-block;filter:blur(0);position:relative;transform-origin:left top;transition:transform .2s ease-out}.itd__floatingInput__01e577ff:placeholder-shown+.itd__floatingLabel__01e577ff:before{font-smooth:always;-webkit-font-smoothing:antialiased;transform:translate3d(0,-32px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before,.itd__floatingLabel__01e577ff:before{transform:translate3d(0,-40px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before{color:#0009}.itd__floatingInputinput__01e577ff:-webkit-autofill,.itd__floatingInputinput__01e577ff:-webkit-autofill:focus,.itd__floatingInputinput__01e577ff:-webkit-autofill:hover{-webkit-text-fill-color:#3496fa!important;-webkit-box-shadow:inset 0 0 0 30px #151d3d!important}",{}),function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password"}(Zm||(Zm={}));const tR=u((({id:t="",placeholder:p="",value:b="",defaultValue:n="",type:M=Zm.TEXT,className:i="",size:a="default",variant:O="default",prefix:s=null,suffix:A=null,addonBefore:d=null,addonAfter:l=null,status:u=null,locked:f=null,minValue:h=0,maxValue:W=1e8,maxLength:g=-1,disabled:m=!1,floating:R=!1,autoComplete:v=!1,keepFocus:L=!1,focusRef:y=null,mask:N=null,allowEmptyFormatting:B=!1,allowLeadingZeros:w=!1,decimalSeparator:x=".",thousandSeparator:X=",",decimalScale:k=2,onChange:S=null,onUpdate:T=null,onFocus:E=null,onBlur:_=null,onPressEnter:C=null,onKeyDown:P=null,children:D=null},I)=>{const F=c(null),[j,$]=r(M===Zm.NUMBER?0:""),[U,V]=r(""),[H,Y]=r(!1),[G,K]=r(!1),[Q,J]=r(!1),[Z,ee]=r(!1),[te,oe]=r(!1),[pe,be]=r(!0),[ne,Me]=r(t);z((()=>(""===t&&Me("itd-input-"+Ha()),ze(),n&&ie(n),document.addEventListener("pointerdown",ce,!1),document.addEventListener("mousedown",(()=>{Y(!0)})),document.addEventListener("mouseup",(()=>{Y(!1)})),()=>{y&&re(!1),document.removeEventListener("pointerdown",ce,!1),document.removeEventListener("mousedown",(()=>{Y(!0)})),document.removeEventListener("mouseup",(()=>{Y(!1)}))})),[]),z((()=>{ie(M===Zm.NUMBER?Number(b):String(b),!0,""!==b)}),[b]);const re=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",ce,!1)},ce=e=>{K(!1),y?.current&&ee(y.current.contains(e.target))},ze=()=>{F.current&&L&&F.current&&(F.current?.focus(),J(!0),y&&re(!0))},ie=(e,t=!0,o=!0)=>{$(e),T&&T(e,t,o)};q(I,(()=>({setFocus(){F.current&&(J(!0),F.current.focus()),ee(!0)},reset(e=!0,t=!0){$(n||""),V(""),ie(M===Zm.NUMBER?0:"",e,t)},setValue(e,t=!0,o=!0){$(e),ie(e,t,o)},getValue:()=>j,setError(e){V(e)},forceUpdate(){ie(j)},clear(){$("")}})));const ae=e=>{const t="string"==typeof e&&N&&e.replace(/\D+/g,"").length<N.replace(/\D+/g,"").length;ie(e,!0,!t),S&&S(e)},Oe=e=>{ae(e.value)},se=e=>{F.current?.focus(),H||K(!0),J(!0),!v&&pe&&be(!1),E&&E(e)},Ae=e=>{J(!1),L&&Z&&F.current&&(J(!0),F.current.focus()),N&&"string"==typeof j&&j.replace(/\D+/g,"").length<N.replace(/\D+/g,"").length&&n&&ie(n,!0,!1),_?_(e):e.target.blur()},de=e=>{J(!1),"Tab"===e.key&&K(!1),13===e.keyCode&&C&&C(e),P&&P(e)},le=()=>{let t={id:ne,placeholder:p,value:j,type:M,className:R?Le():ve(),onFocus:se,onBlur:Ae,onKeyDown:de,disabled:m||f};return f&&(t["data-locked"]=!0),t=v?{...t,autoComplete:ne}:{...t,autoComplete:"off"},N?(t={...t,format:N,mask:"_",allowEmptyFormatting:B,onChange:e=>ae(e.target.value)},e(km,{...t})):M===Zm.CURRENCY?(t={...t,maxLength:g,type:Zm.TEXT,allowLeadingZeros:w,decimalSeparator:x,thousandSeparator:X,decimalScale:k,getInputRef:F,onValueChange:Oe},e(xm,{...t})):M===Zm.NUMBER?(t={...t,type:Zm.NUMBER,maxLength:g,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=h&&t<=W?ae(t):t<h?ae(h):t>W&&ae(W)},ref:F},e("input",{...t})):(t={...t,maxLength:g,onChange:e=>ae(e.target.value),ref:F},e("input",{...t}))},ue=()=>{if(d)return e(Fm,{className:"itd-input-addon-before",children:d})},fe=()=>{if(l)return e(jm,{className:"itd-input-addon-after",children:l})},qe=()=>{if(s)return e(Cm,{className:"itd-input-prefix",children:s})},he=()=>{if(A)return e(Pm,{className:"itd-input-suffix",children:A})},We=()=>{if(f)return e(Dm,{className:"itd-input-locked",children:"boolean"!=typeof f?f:e($m,{className:"itd-svg",width:"18",height:"18"})})},ge=()=>{if(""!==U&&!m)return e(Vm,{className:"itd-error-border"})},me=e("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:o("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n 5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),Re=()=>{if(""===U||m)return;return o(Gm,{...{className:"itd-input-failed itd-failed-status",onPointerOver:()=>oe(!0),onPointerOut:()=>oe(!1)},children:[te?e(Um,{className:"itd-input-error-tooltip itd-error-tooltip",children:U}):null,u||me]})},ve=()=>"itd-input-default-input",Le=()=>"itd-input-floating-input",ye=()=>{let e="itd-input itd-input-"+M;return e+=" itd-input-"+Da(a),e+=" itd-input-"+O,N&&(e+=" itd-input-masked"),m&&(e+=" itd-input-disabled"),f&&(e+=" itd-input-locked"),""!==i&&(e+=" "+i),G&&(e+=" keyboard-focus"),Q&&(e+=" focused"),e};return(()=>{if(D)throw new Error("ITD Input Error: Remove the children!");return o(Sm,{className:ye(),children:[ue(),o(Tm,{$hasPrefix:null!==s,$hasSuffix:null!==A,$hasError:""!==U&&!m,children:[qe(),o(Em,{className:"itd-input-middle",children:[le(),R?e("label",{htmlFor:ne,className:"itd-input-floating-label "+eR+" "+p,"data-content":p,children:e(Hm,{children:p})}):null,ge()]}),o(_m,{children:[he(),We(),Re()]})]}),fe()]})})()}));tR.displayName="ITD-Input";const oR=ha.div`
4304
+ `;var Km=[],Qm=[];function Jm(e,t){if(e&&"undefined"!=typeof document){var o,p=!0===t.prepend?"prepend":"append",b=!0===t.singleTag,n="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(b){var M=Km.indexOf(n);-1===M&&(M=Km.push(n)-1,Qm[M]={}),o=Qm[M]&&Qm[M][p]?Qm[M][p]:Qm[M][p]=r()}else o=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),o.styleSheet?o.styleSheet.cssText+=e:o.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var o=Object.keys(t.attributes),b=0;b<o.length;b++)e.setAttribute(o[b],t.attributes[o[b]]);var M="prepend"===p?"afterbegin":"beforeend";return n.insertAdjacentElement(M,e),e}}var Zm,eR="itd__floatingLabel__01e577ff";Jm(".itd__defaultInput__01e577ff{height:100%}.itd__floatingInput__01e577ff{caret-color:rgba(0,0,0,.851);color:rgba(0,0,0,.851);font-size:13px}.itd__floatingInput__01e577ff::placeholder{color:#0000}.itd__floatingInput__01e577ff:disabled :not(.itd__floatingInput__01e577ff[data-locked=true]),.itd__floatingInput__01e577ff:disabled:not(.itd__floatingInput__01e577ff[data-locked=true]){opacity:.5}.itd__floatingLabel__01e577ff{display:block;font-size:16px;font-weight:500;max-height:0;pointer-events:none;position:relative}.itd__floatingLabel__01e577ff:before{backface-visibility:hidden;color:#0009;content:attr(data-content);display:inline-block;filter:blur(0);position:relative;transform-origin:left top;transition:transform .2s ease-out}.itd__floatingInput__01e577ff:placeholder-shown+.itd__floatingLabel__01e577ff:before{font-smooth:always;-webkit-font-smoothing:antialiased;transform:translate3d(0,-32px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before,.itd__floatingLabel__01e577ff:before{transform:translate3d(0,-40px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before{color:#0009}.itd__floatingInputinput__01e577ff:-webkit-autofill,.itd__floatingInputinput__01e577ff:-webkit-autofill:focus,.itd__floatingInputinput__01e577ff:-webkit-autofill:hover{-webkit-text-fill-color:#3496fa!important;-webkit-box-shadow:inset 0 0 0 30px #151d3d!important}",{}),function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password"}(Zm||(Zm={}));const tR=u((({id:t="itd-input-"+Ha(),placeholder:p="",value:b="",defaultValue:n="",type:M=Zm.TEXT,className:i="",size:a="default",variant:O="default",prefix:s=null,suffix:A=null,addonBefore:d=null,addonAfter:l=null,status:u=null,locked:f=null,minValue:h=0,maxValue:W=1e8,maxLength:g=-1,disabled:m=!1,floating:R=!1,autoComplete:v=!1,keepFocus:L=!1,focusRef:y=null,mask:N=null,allowEmptyFormatting:B=!1,allowLeadingZeros:w=!1,decimalSeparator:x=".",thousandSeparator:X=",",decimalScale:k=2,onChange:S=null,onUpdate:T=null,onFocus:E=null,onBlur:_=null,onPressEnter:C=null,onKeyDown:P=null,children:D=null},I)=>{const F=c(null),[j,$]=r(M===Zm.NUMBER?0:""),[U,V]=r(""),[H,Y]=r(!1),[G,K]=r(!1),[Q,J]=r(!1),[Z,ee]=r(!1),[te,oe]=r(!1),[pe,be]=r(!0);z((()=>(re(),n&&ce(n),document.addEventListener("pointerdown",Me,!1),document.addEventListener("mousedown",(()=>{Y(!0)})),document.addEventListener("mouseup",(()=>{Y(!1)})),()=>{y&&ne(!1),document.removeEventListener("pointerdown",Me,!1),document.removeEventListener("mousedown",(()=>{Y(!0)})),document.removeEventListener("mouseup",(()=>{Y(!1)}))})),[]),z((()=>{ce(M===Zm.NUMBER?Number(b):String(b),!0,""!==b)}),[b]);const ne=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",Me,!1)},Me=e=>{K(!1),y?.current&&ee(y.current.contains(e.target))},re=()=>{F.current&&L&&F.current&&(F.current?.focus(),J(!0),y&&ne(!0))},ce=(e,t=!0,o=!0)=>{$(e),T&&T(e,t,o)};q(I,(()=>({setFocus(){F.current&&(J(!0),F.current.focus()),ee(!0)},reset(e=!0,t=!0){$(n||""),V(""),ce(M===Zm.NUMBER?0:"",e,t)},setValue(e,t=!0,o=!0){$(e),ce(e,t,o)},getValue:()=>j,setError(e){V(e)},forceUpdate(){ce(j)},clear(){$("")}})));const ze=e=>{const t="string"==typeof e&&N&&e.replace(/\D+/g,"").length<N.replace(/\D+/g,"").length;ce(e,!0,!t),S&&S(e)},ie=e=>{ze(e.value)},ae=e=>{F.current?.focus(),H||K(!0),J(!0),!v&&pe&&be(!1),E&&E(e)},Oe=e=>{J(!1),L&&Z&&F.current&&(J(!0),F.current.focus()),N&&"string"==typeof j&&j.replace(/\D+/g,"").length<N.replace(/\D+/g,"").length&&n&&ce(n,!0,!1),_?_(e):e.target.blur()},se=e=>{J(!1),"Tab"===e.key&&K(!1),13===e.keyCode&&C&&C(e),P&&P(e)},Ae=()=>{let o={id:t,placeholder:p,value:j,type:M,className:R?Re():me(),onFocus:ae,onBlur:Oe,onKeyDown:se,disabled:m||f};return f&&(o["data-locked"]=!0),o=v?{...o,autoComplete:t}:{...o,autoComplete:"off"},N?(o={...o,format:N,mask:"_",allowEmptyFormatting:B,onChange:e=>ze(e.target.value)},e(km,{...o})):M===Zm.CURRENCY?(o={...o,maxLength:g,type:Zm.TEXT,allowLeadingZeros:w,decimalSeparator:x,thousandSeparator:X,decimalScale:k,getInputRef:F,onValueChange:ie},e(xm,{...o})):M===Zm.NUMBER?(o={...o,type:Zm.NUMBER,maxLength:g,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=h&&t<=W?ze(t):t<h?ze(h):t>W&&ze(W)},ref:F},e("input",{...o})):(o={...o,maxLength:g,onChange:e=>ze(e.target.value),ref:F},e("input",{...o}))},de=()=>{if(d)return e(Fm,{className:"itd-input-addon-before",children:d})},le=()=>{if(l)return e(jm,{className:"itd-input-addon-after",children:l})},ue=()=>{if(s)return e(Cm,{className:"itd-input-prefix",children:s})},fe=()=>{if(A)return e(Pm,{className:"itd-input-suffix",children:A})},qe=()=>{if(f)return e(Dm,{className:"itd-input-locked",children:"boolean"!=typeof f?f:e($m,{className:"itd-svg",width:"18",height:"18"})})},he=()=>{if(""!==U&&!m)return e(Vm,{className:"itd-error-border"})},We=e("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:o("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n 5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),ge=()=>{if(""===U||m)return;return o(Gm,{...{className:"itd-input-failed itd-failed-status",onPointerOver:()=>oe(!0),onPointerOut:()=>oe(!1)},children:[te?e(Um,{className:"itd-input-error-tooltip itd-error-tooltip",children:U}):null,u||We]})},me=()=>"itd-input-default-input",Re=()=>"itd-input-floating-input",ve=()=>{let e="itd-input itd-input-"+M;return e+=" itd-input-"+Da(a),e+=" itd-input-"+O,N&&(e+=" itd-input-masked"),m&&(e+=" itd-input-disabled"),f&&(e+=" itd-input-locked"),""!==i&&(e+=" "+i),G&&(e+=" keyboard-focus"),Q&&(e+=" focused"),e};return(()=>{if(D)throw new Error("ITD Input Error: Remove the children!");return o(Sm,{className:ve(),children:[de(),o(Tm,{$hasPrefix:null!==s,$hasSuffix:null!==A,$hasError:""!==U&&!m,children:[ue(),o(Em,{className:"itd-input-middle",children:[Ae(),R?e("label",{htmlFor:t,className:"itd-input-floating-label "+eR+" "+p,"data-content":p,children:e(Hm,{children:p})}):null,he()]}),o(_m,{children:[fe(),qe(),ge()]})]}),le()]})})()}));tR.displayName="ITD-Input";const oR=ha.div`
4305
4305
 
4306
4306
  transition: background-color 0.2s ease;
4307
4307
  border-radius: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inntechcorp/it-design",
3
- "version": "2.1.3",
3
+ "version": "2.1.5",
4
4
  "description": "All in one Design library for web applications.",
5
5
  "author": "Inn.Tech",
6
6
  "license": "ISC",