@inntechcorp/it-design 2.2.52 → 2.2.53

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
@@ -3434,7 +3434,7 @@ function(b,z){M.exports?M.exports=z(Co()):z(b.moment)}(Io,(function(M){void 0===
3434
3434
  background-color: #f8285a;
3435
3435
  }
3436
3436
 
3437
- `;var Ta,_a="itd__floatingLabel__01e577ff";gn(".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{-webkit-backface-visibility:hidden;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(M){M.TEXT="text",M.NUMBER="number",M.CURRENCY="currency",M.PASSWORD="password"}(Ta||(Ta={}));const Sa=p.forwardRef((({id:M="itd-input-"+oM(),placeholder:b="",value:o="",defaultValue:c="",type:e=Ta.TEXT,className:O="",size:t="default",variant:n="default",prefix:A=null,suffix:a=null,addonBefore:r=null,addonAfter:i=null,status:d=null,locked:q=null,minValue:s=0,maxValue:l=-1,maxLength:W=-1,disabled:u=!1,floating:f=!1,autoComplete:h=!1,keepFocus:R=!1,focusRef:L=null,mask:m=null,allowEmptyFormatting:g=!1,allowLeadingZeros:N=!1,decimalSeparator:B=".",thousandSeparator:v=",",decimalScale:x=2,onChange:X=null,onUpdate:y=null,onFocus:w=null,onBlur:T=null,onPressEnter:_=null,onKeyDown:S=null,children:k=null},E)=>{const C=p.useRef(null),[D,P]=p.useState(e===Ta.NUMBER?0:""),[j,F]=p.useState(""),[I,$]=p.useState(!1),[H,U]=p.useState(!1),[V,G]=p.useState(!1),[Y,K]=p.useState(!1),[Q,J]=p.useState(!1),[Z,MM]=p.useState(!0);p.useEffect((()=>(pM(),c&&cM(c),document.addEventListener("pointerdown",zM,!1),document.addEventListener("mousedown",(()=>{$(!0)})),document.addEventListener("mouseup",(()=>{$(!1)})),()=>{L&&bM(!1),document.removeEventListener("pointerdown",zM,!1),document.removeEventListener("mousedown",(()=>{$(!0)})),document.removeEventListener("mouseup",(()=>{$(!1)}))})),[]),p.useEffect((()=>{cM(e===Ta.NUMBER?Number(o):String(o),!0,""!==o)}),[o]);const bM=M=>{document[M?"addEventListener":"removeEventListener"]("pointerdown",zM,!1)},zM=M=>{U(!1),L?.current&&K(L.current.contains(M.target))},pM=()=>{C.current&&R&&C.current&&(C.current?.focus(),G(!0),L&&bM(!0))},cM=(M,b=!0,z=!0)=>{P(M),y&&y(M,b,z)};p.useImperativeHandle(E,(()=>({setFocus(){C.current&&(G(!0),C.current.focus()),K(!0)},reset(M=!0,b=!0){P(c||""),F(""),cM(e===Ta.NUMBER?0:"",M,b)},setValue(M,b=!0,z=!0){P(M),cM(M,b,z)},getValue:()=>D,setError(M){F(M)},forceUpdate(){cM(D)},clear(){P("")}})));const OM=M=>{const b="string"==typeof M&&m&&M.replace(/\D+/g,"").length<m.replace(/\D+/g,"").length;cM(M,!0,!b),X&&X(M)},tM=M=>{OM(M.value)},nM=M=>{C.current?.focus(),I||U(!0),G(!0),!h&&Z&&MM(!1),w&&w(M)},AM=M=>{G(!1),R&&Y&&C.current&&(G(!0),C.current.focus()),m&&"string"==typeof D&&D.replace(/\D+/g,"").length<m.replace(/\D+/g,"").length&&c&&cM(c,!0,!1),T?T(M):M.target.blur()},aM=M=>{G(!1),"Tab"===M.key&&U(!1),13===M.keyCode&&_&&_(M),S&&S(M)},rM=()=>{let p={id:M,placeholder:b,value:D,type:e,spellCheck:"false",autoCorrect:"off",autoCapitalize:"none",className:f?RM():hM(),onFocus:nM,onBlur:AM,onKeyDown:aM,disabled:u||q};return q&&(p["data-locked"]=!0),p=h?{...p,autoComplete:"on"}:{...p,autoComplete:"off"},m?(p={...p,format:m,mask:"_",allowEmptyFormatting:g,onChange:M=>OM(M.target.value)},z.jsx(sa,{...p})):e===Ta.CURRENCY?(p={...p,maxLength:W,type:Ta.TEXT,allowLeadingZeros:N,decimalSeparator:B,thousandSeparator:v,decimalScale:x,getInputRef:C,onValueChange:tM,isAllowed:M=>{const{floatValue:b}=M;return b>=s&&(b<=l||-1===l)||void 0===b}},z.jsx(da,{...p})):e===Ta.NUMBER?(p={...p,type:Ta.NUMBER,maxLength:W,onChange:M=>{const b=Number(M.target.value.replace(/,/g,"."));b>=s&&-1===l||b>=s&&b<=l?OM(b):b<s?OM(s):b>l&&OM(l)},ref:C},z.jsx("input",{...p})):(p={...p,maxLength:W,onChange:M=>OM(M.target.value),ref:C},z.jsx("input",{...p}))},iM=()=>{if(r)return z.jsx(ga,{className:"itd-input-addon-before",children:r})},dM=()=>{if(i)return z.jsx(Na,{className:"itd-input-addon-after",children:i})},qM=()=>{if(A)return z.jsx(ha,{className:"itd-input-prefix",children:A})},sM=()=>{if(a)return z.jsx(Ra,{className:"itd-input-suffix",children:a})},lM=()=>{if(q)return z.jsx(La,{className:"itd-input-locked",children:"boolean"!=typeof q?q:z.jsx(Ba,{className:"itd-svg",width:"18",height:"18"})})},WM=()=>{if(""!==j&&!u)return z.jsx(xa,{className:"itd-error-border"})},uM=z.jsx("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:z.jsx("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:z.jsxs("g",{id:"ErrorGroup",fillRule:"nonzero",children:[z.jsx("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),z.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"})]})})}),fM=()=>{if(""===j||u)return;let M={className:"itd-input-failed itd-failed-status",onPointerOver:()=>J(!0),onPointerOut:()=>J(!1)};return z.jsxs(wa,{...M,children:[Q?z.jsx(va,{className:"itd-input-error-tooltip itd-error-tooltip",children:j}):null,d||uM]})},hM=()=>"itd-input-default-input",RM=()=>"itd-input-floating-input",LM=()=>{let M="itd-input itd-input-"+e;return M+=" itd-input-"+eM(t),M+=" itd-input-"+n,m&&(M+=" itd-input-masked"),u&&(M+=" itd-input-disabled"),q&&(M+=" itd-input-locked"),""!==O&&(M+=" "+O),H&&(M+=" keyboard-focus"),V&&(M+=" focused"),M};return(()=>{if(k)throw new Error("ITD Input Error: Remove the children!");return z.jsxs(la,{className:LM(),children:[iM(),z.jsxs(Wa,{$hasPrefix:null!==A,$hasSuffix:null!==a,$hasError:""!==j&&!u,children:[qM(),z.jsxs(ua,{className:"itd-input-middle",children:[rM(),f?z.jsx("label",{htmlFor:M,className:"itd-input-floating-label "+_a+" "+b,"data-content":b,children:z.jsx(Xa,{children:b})}):null,WM()]}),z.jsxs(fa,{children:[sM(),lM(),fM()]})]}),dM()]})})()}));Sa.displayName="ITD-Input";const ka=t.div`
3437
+ `;var Ta,_a="itd__floatingLabel__01e577ff";gn(".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{-webkit-backface-visibility:hidden;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(M){M.TEXT="text",M.NUMBER="number",M.CURRENCY="currency",M.PASSWORD="password"}(Ta||(Ta={}));const Sa=p.forwardRef((({id:M,placeholder:b="",value:o="",defaultValue:c="",type:e=Ta.TEXT,className:O="",size:t="default",variant:n="default",prefix:A=null,suffix:a=null,addonBefore:r=null,addonAfter:i=null,status:d=null,locked:q=null,minValue:s=0,maxValue:l=-1,maxLength:W=-1,disabled:u=!1,floating:f=!1,autoComplete:h=!1,keepFocus:R=!1,focusRef:L=null,mask:m=null,allowEmptyFormatting:g=!1,allowLeadingZeros:N=!1,decimalSeparator:B=".",thousandSeparator:v=",",decimalScale:x=2,onChange:X=null,onUpdate:y=null,onFocus:w=null,onBlur:T=null,onPressEnter:_=null,onKeyDown:S=null,children:k=null},E)=>{const C=p.useRef(null),D=p.useMemo((()=>M||"itd-input-"+oM()),[M]),[P,j]=p.useState(e===Ta.NUMBER?0:""),[F,I]=p.useState(""),[$,H]=p.useState(!1),[U,V]=p.useState(!1),[G,Y]=p.useState(!1),[K,Q]=p.useState(!1),[J,Z]=p.useState(!1),[MM,bM]=p.useState(!0);p.useEffect((()=>(cM(),c&&OM(c),document.addEventListener("pointerdown",pM,!1),document.addEventListener("mousedown",(()=>{H(!0)})),document.addEventListener("mouseup",(()=>{H(!1)})),()=>{L&&zM(!1),document.removeEventListener("pointerdown",pM,!1),document.removeEventListener("mousedown",(()=>{H(!0)})),document.removeEventListener("mouseup",(()=>{H(!1)}))})),[]),p.useEffect((()=>{OM(e===Ta.NUMBER?Number(o):String(o),!0,""!==o)}),[o]);const zM=M=>{document[M?"addEventListener":"removeEventListener"]("pointerdown",pM,!1)},pM=M=>{V(!1),L?.current&&Q(L.current.contains(M.target))},cM=()=>{C.current&&R&&C.current&&(C.current?.focus(),Y(!0),L&&zM(!0))},OM=(M,b=!0,z=!0)=>{j(M),y&&y(M,b,z)};p.useImperativeHandle(E,(()=>({setFocus(){C.current&&(Y(!0),C.current.focus()),Q(!0)},reset(M=!0,b=!0){j(c||""),I(""),OM(e===Ta.NUMBER?0:"",M,b)},setValue(M,b=!0,z=!0){j(M),OM(M,b,z)},getValue:()=>P,setError(M){I(M)},forceUpdate(){OM(P)},clear(){j("")}})));const tM=M=>{const b="string"==typeof M&&m&&M.replace(/\D+/g,"").length<m.replace(/\D+/g,"").length;OM(M,!0,!b),X&&X(M)},nM=M=>{tM(M.value)},AM=M=>{C.current?.focus(),$||V(!0),Y(!0),!h&&MM&&bM(!1),w&&w(M)},aM=M=>{Y(!1),R&&K&&C.current&&(Y(!0),C.current.focus()),m&&"string"==typeof P&&P.replace(/\D+/g,"").length<m.replace(/\D+/g,"").length&&c&&OM(c,!0,!1),T?T(M):M.target.blur()},rM=M=>{Y(!1),"Tab"===M.key&&V(!1),13===M.keyCode&&_&&_(M),S&&S(M)},iM=()=>{let M={id:D,placeholder:b,value:P,type:e,spellCheck:"false",autoCorrect:"off",autoCapitalize:"none",className:f?LM():RM(),onFocus:AM,onBlur:aM,onKeyDown:rM,disabled:u||q};return q&&(M["data-locked"]=!0),M=h?{...M,autoComplete:"on"}:{...M,autoComplete:"off"},m?(M={...M,format:m,mask:"_",allowEmptyFormatting:g,onChange:M=>tM(M.target.value)},z.jsx(sa,{...M})):e===Ta.CURRENCY?(M={...M,maxLength:W,type:Ta.TEXT,allowLeadingZeros:N,decimalSeparator:B,thousandSeparator:v,decimalScale:x,getInputRef:C,onValueChange:nM,isAllowed:M=>{const{floatValue:b}=M;return b>=s&&(b<=l||-1===l)||void 0===b}},z.jsx(da,{...M})):e===Ta.NUMBER?(M={...M,type:Ta.NUMBER,maxLength:W,onChange:M=>{const b=Number(M.target.value.replace(/,/g,"."));b>=s&&-1===l||b>=s&&b<=l?tM(b):b<s?tM(s):b>l&&tM(l)},ref:C},z.jsx("input",{...M})):(M={...M,maxLength:W,onChange:M=>tM(M.target.value),ref:C},z.jsx("input",{...M}))},dM=()=>{if(r)return z.jsx(ga,{className:"itd-input-addon-before",children:r})},qM=()=>{if(i)return z.jsx(Na,{className:"itd-input-addon-after",children:i})},sM=()=>{if(A)return z.jsx(ha,{className:"itd-input-prefix",children:A})},lM=()=>{if(a)return z.jsx(Ra,{className:"itd-input-suffix",children:a})},WM=()=>{if(q)return z.jsx(La,{className:"itd-input-locked",children:"boolean"!=typeof q?q:z.jsx(Ba,{className:"itd-svg",width:"18",height:"18"})})},uM=()=>{if(""!==F&&!u)return z.jsx(xa,{className:"itd-error-border"})},fM=z.jsx("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:z.jsx("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:z.jsxs("g",{id:"ErrorGroup",fillRule:"nonzero",children:[z.jsx("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),z.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"})]})})}),hM=()=>{if(""===F||u)return;let M={className:"itd-input-failed itd-failed-status",onPointerOver:()=>Z(!0),onPointerOut:()=>Z(!1)};return z.jsxs(wa,{...M,children:[J?z.jsx(va,{className:"itd-input-error-tooltip itd-error-tooltip",children:F}):null,d||fM]})},RM=()=>"itd-input-default-input",LM=()=>"itd-input-floating-input",mM=()=>{let M="itd-input itd-input-"+e;return M+=" itd-input-"+eM(t),M+=" itd-input-"+n,m&&(M+=" itd-input-masked"),u&&(M+=" itd-input-disabled"),q&&(M+=" itd-input-locked"),""!==O&&(M+=" "+O),U&&(M+=" keyboard-focus"),G&&(M+=" focused"),M};return(()=>{if(k)throw new Error("ITD Input Error: Remove the children!");return z.jsxs(la,{className:mM(),children:[dM(),z.jsxs(Wa,{$hasPrefix:null!==A,$hasSuffix:null!==a,$hasError:""!==F&&!u,children:[sM(),z.jsxs(ua,{className:"itd-input-middle",children:[iM(),f?z.jsx("label",{htmlFor:D,className:"itd-input-floating-label "+_a+" "+b,"data-content":b,children:z.jsx(Xa,{children:b})}):null,uM()]}),z.jsxs(fa,{children:[lM(),WM(),hM()]})]}),qM()]})})()}));Sa.displayName="ITD-Input";const ka=t.div`
3438
3438
 
3439
3439
  border: 1px solid #d9d9d900;
3440
3440
  border-radius: 6px;
package/dist/index.esm.js CHANGED
@@ -3434,7 +3434,7 @@ function(b,z){M.exports?M.exports=z(EO()):z(b.moment)}(IO,(function(M){void 0===
3434
3434
  background-color: #f8285a;
3435
3435
  }
3436
3436
 
3437
- `;var $i,Hi="itd__floatingLabel__01e577ff";kA(".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{-webkit-backface-visibility:hidden;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(M){M.TEXT="text",M.NUMBER="number",M.CURRENCY="currency",M.PASSWORD="password"}($i||($i={}));const Ui=u((({id:M="itd-input-"+DM(),placeholder:b="",value:z="",defaultValue:o="",type:c=$i.TEXT,className:e="",size:a="default",variant:i="default",prefix:r=null,suffix:d=null,addonBefore:q=null,addonAfter:s=null,status:l=null,locked:W=null,minValue:u=0,maxValue:h=-1,maxLength:R=-1,disabled:L=!1,floating:m=!1,autoComplete:g=!1,keepFocus:N=!1,focusRef:B=null,mask:v=null,allowEmptyFormatting:X=!1,allowLeadingZeros:y=!1,decimalSeparator:x=".",thousandSeparator:w=",",decimalScale:T=2,onChange:_=null,onUpdate:k=null,onFocus:S=null,onBlur:E=null,onPressEnter:C=null,onKeyDown:D=null,children:P=null},F)=>{const I=A(null),[$,H]=t(c===$i.NUMBER?0:""),[U,j]=t(""),[V,Y]=t(!1),[G,K]=t(!1),[J,Q]=t(!1),[Z,MM]=t(!1),[bM,zM]=t(!1),[pM,oM]=t(!0);n((()=>(eM(),o&&tM(o),document.addEventListener("pointerdown",cM,!1),document.addEventListener("mousedown",(()=>{Y(!0)})),document.addEventListener("mouseup",(()=>{Y(!1)})),()=>{B&&OM(!1),document.removeEventListener("pointerdown",cM,!1),document.removeEventListener("mousedown",(()=>{Y(!0)})),document.removeEventListener("mouseup",(()=>{Y(!1)}))})),[]),n((()=>{tM(c===$i.NUMBER?Number(z):String(z),!0,""!==z)}),[z]);const OM=M=>{document[M?"addEventListener":"removeEventListener"]("pointerdown",cM,!1)},cM=M=>{K(!1),B?.current&&MM(B.current.contains(M.target))},eM=()=>{I.current&&N&&I.current&&(I.current?.focus(),Q(!0),B&&OM(!0))},tM=(M,b=!0,z=!0)=>{H(M),k&&k(M,b,z)};f(F,(()=>({setFocus(){I.current&&(Q(!0),I.current.focus()),MM(!0)},reset(M=!0,b=!0){H(o||""),j(""),tM(c===$i.NUMBER?0:"",M,b)},setValue(M,b=!0,z=!0){H(M),tM(M,b,z)},getValue:()=>$,setError(M){j(M)},forceUpdate(){tM($)},clear(){H("")}})));const nM=M=>{const b="string"==typeof M&&v&&M.replace(/\D+/g,"").length<v.replace(/\D+/g,"").length;tM(M,!0,!b),_&&_(M)},AM=M=>{nM(M.value)},aM=M=>{I.current?.focus(),V||K(!0),Q(!0),!g&&pM&&oM(!1),S&&S(M)},iM=M=>{Q(!1),N&&Z&&I.current&&(Q(!0),I.current.focus()),v&&"string"==typeof $&&$.replace(/\D+/g,"").length<v.replace(/\D+/g,"").length&&o&&tM(o,!0,!1),E?E(M):M.target.blur()},rM=M=>{Q(!1),"Tab"===M.key&&K(!1),13===M.keyCode&&C&&C(M),D&&D(M)},dM=()=>{let z={id:M,placeholder:b,value:$,type:c,spellCheck:"false",autoCorrect:"off",autoCapitalize:"none",className:m?mM():LM(),onFocus:aM,onBlur:iM,onKeyDown:rM,disabled:L||W};return W&&(z["data-locked"]=!0),z=g?{...z,autoComplete:"on"}:{...z,autoComplete:"off"},v?(z={...z,format:v,mask:"_",allowEmptyFormatting:X,onChange:M=>nM(M.target.value)},p(Ni,{...z})):c===$i.CURRENCY?(z={...z,maxLength:R,type:$i.TEXT,allowLeadingZeros:y,decimalSeparator:x,thousandSeparator:w,decimalScale:T,getInputRef:I,onValueChange:AM,isAllowed:M=>{const{floatValue:b}=M;return b>=u&&(b<=h||-1===h)||void 0===b}},p(mi,{...z})):c===$i.NUMBER?(z={...z,type:$i.NUMBER,maxLength:R,onChange:M=>{const b=Number(M.target.value.replace(/,/g,"."));b>=u&&-1===h||b>=u&&b<=h?nM(b):b<u?nM(u):b>h&&nM(h)},ref:I},p("input",{...z})):(z={...z,maxLength:R,onChange:M=>nM(M.target.value),ref:I},p("input",{...z}))},qM=()=>{if(q)return p(ki,{className:"itd-input-addon-before",children:q})},sM=()=>{if(s)return p(Si,{className:"itd-input-addon-after",children:s})},lM=()=>{if(r)return p(xi,{className:"itd-input-prefix",children:r})},WM=()=>{if(d)return p(wi,{className:"itd-input-suffix",children:d})},uM=()=>{if(W)return p(Ti,{className:"itd-input-locked",children:"boolean"!=typeof W?W:p(Ei,{className:"itd-svg",width:"18",height:"18"})})},fM=()=>{if(""!==U&&!L)return p(Di,{className:"itd-error-border"})},hM=p("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:p("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:O("g",{id:"ErrorGroup",fillRule:"nonzero",children:[p("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),p("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"})]})})}),RM=()=>{if(""===U||L)return;return O(Ii,{...{className:"itd-input-failed itd-failed-status",onPointerOver:()=>zM(!0),onPointerOut:()=>zM(!1)},children:[bM?p(Ci,{className:"itd-input-error-tooltip itd-error-tooltip",children:U}):null,l||hM]})},LM=()=>"itd-input-default-input",mM=()=>"itd-input-floating-input",gM=()=>{let M="itd-input itd-input-"+c;return M+=" itd-input-"+FM(a),M+=" itd-input-"+i,v&&(M+=" itd-input-masked"),L&&(M+=" itd-input-disabled"),W&&(M+=" itd-input-locked"),""!==e&&(M+=" "+e),G&&(M+=" keyboard-focus"),J&&(M+=" focused"),M};return(()=>{if(P)throw new Error("ITD Input Error: Remove the children!");return O(Bi,{className:gM(),children:[qM(),O(vi,{$hasPrefix:null!==r,$hasSuffix:null!==d,$hasError:""!==U&&!L,children:[lM(),O(Xi,{className:"itd-input-middle",children:[dM(),m?p("label",{htmlFor:M,className:"itd-input-floating-label "+Hi+" "+b,"data-content":b,children:p(Pi,{children:b})}):null,fM()]}),O(yi,{children:[WM(),uM(),RM()]})]}),sM()]})})()}));Ui.displayName="ITD-Input";const ji=_.div`
3437
+ `;var $i,Hi="itd__floatingLabel__01e577ff";kA(".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{-webkit-backface-visibility:hidden;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(M){M.TEXT="text",M.NUMBER="number",M.CURRENCY="currency",M.PASSWORD="password"}($i||($i={}));const Ui=u((({id:M,placeholder:b="",value:z="",defaultValue:o="",type:c=$i.TEXT,className:e="",size:a="default",variant:r="default",prefix:d=null,suffix:q=null,addonBefore:s=null,addonAfter:l=null,status:W=null,locked:u=null,minValue:h=0,maxValue:R=-1,maxLength:L=-1,disabled:m=!1,floating:g=!1,autoComplete:N=!1,keepFocus:B=!1,focusRef:v=null,mask:X=null,allowEmptyFormatting:y=!1,allowLeadingZeros:x=!1,decimalSeparator:w=".",thousandSeparator:T=",",decimalScale:_=2,onChange:k=null,onUpdate:S=null,onFocus:E=null,onBlur:C=null,onPressEnter:D=null,onKeyDown:P=null,children:F=null},I)=>{const $=A(null),H=i((()=>M||"itd-input-"+DM()),[M]),[U,j]=t(c===$i.NUMBER?0:""),[V,Y]=t(""),[G,K]=t(!1),[J,Q]=t(!1),[Z,MM]=t(!1),[bM,zM]=t(!1),[pM,oM]=t(!1),[OM,cM]=t(!0);n((()=>(nM(),o&&AM(o),document.addEventListener("pointerdown",tM,!1),document.addEventListener("mousedown",(()=>{K(!0)})),document.addEventListener("mouseup",(()=>{K(!1)})),()=>{v&&eM(!1),document.removeEventListener("pointerdown",tM,!1),document.removeEventListener("mousedown",(()=>{K(!0)})),document.removeEventListener("mouseup",(()=>{K(!1)}))})),[]),n((()=>{AM(c===$i.NUMBER?Number(z):String(z),!0,""!==z)}),[z]);const eM=M=>{document[M?"addEventListener":"removeEventListener"]("pointerdown",tM,!1)},tM=M=>{Q(!1),v?.current&&zM(v.current.contains(M.target))},nM=()=>{$.current&&B&&$.current&&($.current?.focus(),MM(!0),v&&eM(!0))},AM=(M,b=!0,z=!0)=>{j(M),S&&S(M,b,z)};f(I,(()=>({setFocus(){$.current&&(MM(!0),$.current.focus()),zM(!0)},reset(M=!0,b=!0){j(o||""),Y(""),AM(c===$i.NUMBER?0:"",M,b)},setValue(M,b=!0,z=!0){j(M),AM(M,b,z)},getValue:()=>U,setError(M){Y(M)},forceUpdate(){AM(U)},clear(){j("")}})));const aM=M=>{const b="string"==typeof M&&X&&M.replace(/\D+/g,"").length<X.replace(/\D+/g,"").length;AM(M,!0,!b),k&&k(M)},iM=M=>{aM(M.value)},rM=M=>{$.current?.focus(),G||Q(!0),MM(!0),!N&&OM&&cM(!1),E&&E(M)},dM=M=>{MM(!1),B&&bM&&$.current&&(MM(!0),$.current.focus()),X&&"string"==typeof U&&U.replace(/\D+/g,"").length<X.replace(/\D+/g,"").length&&o&&AM(o,!0,!1),C?C(M):M.target.blur()},qM=M=>{MM(!1),"Tab"===M.key&&Q(!1),13===M.keyCode&&D&&D(M),P&&P(M)},sM=()=>{let M={id:H,placeholder:b,value:U,type:c,spellCheck:"false",autoCorrect:"off",autoCapitalize:"none",className:g?NM():gM(),onFocus:rM,onBlur:dM,onKeyDown:qM,disabled:m||u};return u&&(M["data-locked"]=!0),M=N?{...M,autoComplete:"on"}:{...M,autoComplete:"off"},X?(M={...M,format:X,mask:"_",allowEmptyFormatting:y,onChange:M=>aM(M.target.value)},p(Ni,{...M})):c===$i.CURRENCY?(M={...M,maxLength:L,type:$i.TEXT,allowLeadingZeros:x,decimalSeparator:w,thousandSeparator:T,decimalScale:_,getInputRef:$,onValueChange:iM,isAllowed:M=>{const{floatValue:b}=M;return b>=h&&(b<=R||-1===R)||void 0===b}},p(mi,{...M})):c===$i.NUMBER?(M={...M,type:$i.NUMBER,maxLength:L,onChange:M=>{const b=Number(M.target.value.replace(/,/g,"."));b>=h&&-1===R||b>=h&&b<=R?aM(b):b<h?aM(h):b>R&&aM(R)},ref:$},p("input",{...M})):(M={...M,maxLength:L,onChange:M=>aM(M.target.value),ref:$},p("input",{...M}))},lM=()=>{if(s)return p(ki,{className:"itd-input-addon-before",children:s})},WM=()=>{if(l)return p(Si,{className:"itd-input-addon-after",children:l})},uM=()=>{if(d)return p(xi,{className:"itd-input-prefix",children:d})},fM=()=>{if(q)return p(wi,{className:"itd-input-suffix",children:q})},hM=()=>{if(u)return p(Ti,{className:"itd-input-locked",children:"boolean"!=typeof u?u:p(Ei,{className:"itd-svg",width:"18",height:"18"})})},RM=()=>{if(""!==V&&!m)return p(Di,{className:"itd-error-border"})},LM=p("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:p("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:O("g",{id:"ErrorGroup",fillRule:"nonzero",children:[p("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),p("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"})]})})}),mM=()=>{if(""===V||m)return;return O(Ii,{...{className:"itd-input-failed itd-failed-status",onPointerOver:()=>oM(!0),onPointerOut:()=>oM(!1)},children:[pM?p(Ci,{className:"itd-input-error-tooltip itd-error-tooltip",children:V}):null,W||LM]})},gM=()=>"itd-input-default-input",NM=()=>"itd-input-floating-input",BM=()=>{let M="itd-input itd-input-"+c;return M+=" itd-input-"+FM(a),M+=" itd-input-"+r,X&&(M+=" itd-input-masked"),m&&(M+=" itd-input-disabled"),u&&(M+=" itd-input-locked"),""!==e&&(M+=" "+e),J&&(M+=" keyboard-focus"),Z&&(M+=" focused"),M};return(()=>{if(F)throw new Error("ITD Input Error: Remove the children!");return O(Bi,{className:BM(),children:[lM(),O(vi,{$hasPrefix:null!==d,$hasSuffix:null!==q,$hasError:""!==V&&!m,children:[uM(),O(Xi,{className:"itd-input-middle",children:[sM(),g?p("label",{htmlFor:H,className:"itd-input-floating-label "+Hi+" "+b,"data-content":b,children:p(Pi,{children:b})}):null,RM()]}),O(yi,{children:[fM(),hM(),mM()]})]}),WM()]})})()}));Ui.displayName="ITD-Input";const ji=_.div`
3438
3438
 
3439
3439
  border: 1px solid #d9d9d900;
3440
3440
  border-radius: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inntechcorp/it-design",
3
- "version": "2.2.52",
3
+ "version": "2.2.53",
4
4
  "description": "All in one Design library for web applications.",
5
5
  "author": "Inn.Tech",
6
6
  "license": "ISC",