@inntechcorp/it-design 2.2.52 → 2.2.54

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),zM=p.useCallback((M=>{if(V((M=>!M&&M)),!L?.current)return;const b=L.current.contains(M.target);Q((M=>M===b?M:b))}),[L]),pM=p.useCallback((()=>{H((M=>M||!0))}),[]),cM=p.useCallback((()=>{H((M=>!M&&M))}),[]),OM=p.useCallback((M=>{zM(M)}),[zM]);p.useEffect((()=>(tM(),c&&nM(c),document.addEventListener("mousedown",pM,{passive:!0}),document.addEventListener("mouseup",cM,{passive:!0}),()=>{document.removeEventListener("mousedown",pM),document.removeEventListener("mouseup",cM)})),[]),p.useEffect((()=>{if(Boolean(L))return document.addEventListener("pointerdown",OM,!1),()=>{document.removeEventListener("pointerdown",OM,!1)}}),[L,OM]),p.useEffect((()=>{nM(e===Ta.NUMBER?Number(o):String(o),!0,""!==o)}),[o]);const tM=()=>{C.current&&R&&C.current&&(C.current?.focus(),Y(!0),L&&document.addEventListener("pointerdown",OM,!1))},nM=(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(""),nM(e===Ta.NUMBER?0:"",M,b)},setValue(M,b=!0,z=!0){j(M),nM(M,b,z)},getValue:()=>P,setError(M){I(M)},forceUpdate(){nM(P)},clear(){j("")}})));const AM=M=>{const b="string"==typeof M&&m&&M.replace(/\D+/g,"").length<m.replace(/\D+/g,"").length;nM(M,!0,!b),X&&X(M)},aM=M=>{AM(M.value)},rM=M=>{C.current?.focus(),$||V(!0),Y(!0),!h&&MM&&bM(!1),w&&w(M)},iM=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&&nM(c,!0,!1),T?T(M):M.target.blur()},dM=M=>{Y(!1),"Tab"===M.key&&V(!1),13===M.keyCode&&_&&_(M),S&&S(M)},qM=()=>{let M={id:D,placeholder:b,value:P,type:e,spellCheck:"false",autoCorrect:"off",autoCapitalize:"none",className:f?gM():mM(),onFocus:rM,onBlur:iM,onKeyDown:dM,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=>AM(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:aM,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?AM(b):b<s?AM(s):b>l&&AM(l)},ref:C},z.jsx("input",{...M})):(M={...M,maxLength:W,onChange:M=>AM(M.target.value),ref:C},z.jsx("input",{...M}))},sM=()=>{if(r)return z.jsx(ga,{className:"itd-input-addon-before",children:r})},lM=()=>{if(i)return z.jsx(Na,{className:"itd-input-addon-after",children:i})},WM=()=>{if(A)return z.jsx(ha,{className:"itd-input-prefix",children:A})},uM=()=>{if(a)return z.jsx(Ra,{className:"itd-input-suffix",children:a})},fM=()=>{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"})})},hM=()=>{if(""!==F&&!u)return z.jsx(xa,{className:"itd-error-border"})},RM=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"})]})})}),LM=()=>{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||RM]})},mM=()=>"itd-input-default-input",gM=()=>"itd-input-floating-input",NM=()=>{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:NM(),children:[sM(),z.jsxs(Wa,{$hasPrefix:null!==A,$hasSuffix:null!==a,$hasError:""!==F&&!u,children:[WM(),z.jsxs(ua,{className:"itd-input-middle",children:[qM(),f?z.jsx("label",{htmlFor:D,className:"itd-input-floating-label "+_a+" "+b,"data-content":b,children:z.jsx(Xa,{children:b})}):null,hM()]}),z.jsxs(fa,{children:[uM(),fM(),LM()]})]}),lM()]})})()}));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:W=null,status:u=null,locked:h=null,minValue:R=0,maxValue:L=-1,maxLength:m=-1,disabled:g=!1,floating:N=!1,autoComplete:B=!1,keepFocus:v=!1,focusRef:X=null,mask:y=null,allowEmptyFormatting:x=!1,allowLeadingZeros:w=!1,decimalSeparator:T=".",thousandSeparator:_=",",decimalScale:k=2,onChange:S=null,onUpdate:E=null,onFocus:C=null,onBlur:D=null,onPressEnter:P=null,onKeyDown:F=null,children:I=null},$)=>{const H=A(null),U=i((()=>M||"itd-input-"+DM()),[M]),[j,V]=t(c===$i.NUMBER?0:""),[Y,G]=t(""),[K,J]=t(!1),[Q,Z]=t(!1),[MM,bM]=t(!1),[zM,pM]=t(!1),[oM,OM]=t(!1),[cM,eM]=t(!0),tM=l((M=>{if(Z((M=>!M&&M)),!X?.current)return;const b=X.current.contains(M.target);pM((M=>M===b?M:b))}),[X]),nM=l((()=>{J((M=>M||!0))}),[]),AM=l((()=>{J((M=>!M&&M))}),[]),aM=l((M=>{tM(M)}),[tM]);n((()=>(iM(),o&&rM(o),document.addEventListener("mousedown",nM,{passive:!0}),document.addEventListener("mouseup",AM,{passive:!0}),()=>{document.removeEventListener("mousedown",nM),document.removeEventListener("mouseup",AM)})),[]),n((()=>{if(Boolean(X))return document.addEventListener("pointerdown",aM,!1),()=>{document.removeEventListener("pointerdown",aM,!1)}}),[X,aM]),n((()=>{rM(c===$i.NUMBER?Number(z):String(z),!0,""!==z)}),[z]);const iM=()=>{H.current&&v&&H.current&&(H.current?.focus(),bM(!0),X&&document.addEventListener("pointerdown",aM,!1))},rM=(M,b=!0,z=!0)=>{V(M),E&&E(M,b,z)};f($,(()=>({setFocus(){H.current&&(bM(!0),H.current.focus()),pM(!0)},reset(M=!0,b=!0){V(o||""),G(""),rM(c===$i.NUMBER?0:"",M,b)},setValue(M,b=!0,z=!0){V(M),rM(M,b,z)},getValue:()=>j,setError(M){G(M)},forceUpdate(){rM(j)},clear(){V("")}})));const dM=M=>{const b="string"==typeof M&&y&&M.replace(/\D+/g,"").length<y.replace(/\D+/g,"").length;rM(M,!0,!b),S&&S(M)},qM=M=>{dM(M.value)},sM=M=>{H.current?.focus(),K||Z(!0),bM(!0),!B&&cM&&eM(!1),C&&C(M)},lM=M=>{bM(!1),v&&zM&&H.current&&(bM(!0),H.current.focus()),y&&"string"==typeof j&&j.replace(/\D+/g,"").length<y.replace(/\D+/g,"").length&&o&&rM(o,!0,!1),D?D(M):M.target.blur()},WM=M=>{bM(!1),"Tab"===M.key&&Z(!1),13===M.keyCode&&P&&P(M),F&&F(M)},uM=()=>{let M={id:U,placeholder:b,value:j,type:c,spellCheck:"false",autoCorrect:"off",autoCapitalize:"none",className:N?XM():vM(),onFocus:sM,onBlur:lM,onKeyDown:WM,disabled:g||h};return h&&(M["data-locked"]=!0),M=B?{...M,autoComplete:"on"}:{...M,autoComplete:"off"},y?(M={...M,format:y,mask:"_",allowEmptyFormatting:x,onChange:M=>dM(M.target.value)},p(Ni,{...M})):c===$i.CURRENCY?(M={...M,maxLength:m,type:$i.TEXT,allowLeadingZeros:w,decimalSeparator:T,thousandSeparator:_,decimalScale:k,getInputRef:H,onValueChange:qM,isAllowed:M=>{const{floatValue:b}=M;return b>=R&&(b<=L||-1===L)||void 0===b}},p(mi,{...M})):c===$i.NUMBER?(M={...M,type:$i.NUMBER,maxLength:m,onChange:M=>{const b=Number(M.target.value.replace(/,/g,"."));b>=R&&-1===L||b>=R&&b<=L?dM(b):b<R?dM(R):b>L&&dM(L)},ref:H},p("input",{...M})):(M={...M,maxLength:m,onChange:M=>dM(M.target.value),ref:H},p("input",{...M}))},fM=()=>{if(s)return p(ki,{className:"itd-input-addon-before",children:s})},hM=()=>{if(W)return p(Si,{className:"itd-input-addon-after",children:W})},RM=()=>{if(d)return p(xi,{className:"itd-input-prefix",children:d})},LM=()=>{if(q)return p(wi,{className:"itd-input-suffix",children:q})},mM=()=>{if(h)return p(Ti,{className:"itd-input-locked",children:"boolean"!=typeof h?h:p(Ei,{className:"itd-svg",width:"18",height:"18"})})},gM=()=>{if(""!==Y&&!g)return p(Di,{className:"itd-error-border"})},NM=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"})]})})}),BM=()=>{if(""===Y||g)return;return O(Ii,{...{className:"itd-input-failed itd-failed-status",onPointerOver:()=>OM(!0),onPointerOut:()=>OM(!1)},children:[oM?p(Ci,{className:"itd-input-error-tooltip itd-error-tooltip",children:Y}):null,u||NM]})},vM=()=>"itd-input-default-input",XM=()=>"itd-input-floating-input",yM=()=>{let M="itd-input itd-input-"+c;return M+=" itd-input-"+FM(a),M+=" itd-input-"+r,y&&(M+=" itd-input-masked"),g&&(M+=" itd-input-disabled"),h&&(M+=" itd-input-locked"),""!==e&&(M+=" "+e),Q&&(M+=" keyboard-focus"),MM&&(M+=" focused"),M};return(()=>{if(I)throw new Error("ITD Input Error: Remove the children!");return O(Bi,{className:yM(),children:[fM(),O(vi,{$hasPrefix:null!==d,$hasSuffix:null!==q,$hasError:""!==Y&&!g,children:[RM(),O(Xi,{className:"itd-input-middle",children:[uM(),N?p("label",{htmlFor:U,className:"itd-input-floating-label "+Hi+" "+b,"data-content":b,children:p(Pi,{children:b})}):null,gM()]}),O(yi,{children:[LM(),mM(),BM()]})]}),hM()]})})()}));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.54",
4
4
  "description": "All in one Design library for web applications.",
5
5
  "author": "Inn.Tech",
6
6
  "license": "ISC",