forstok-ui-lib 5.11.12 → 5.11.13
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.d.ts +3 -2
- package/dist/index.js +16 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +16 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/input/otp.tsx +62 -0
- package/src/components/input/styles.ts +16 -0
- package/src/typeds/base.typed.ts +2 -1
package/dist/index.mjs
CHANGED
|
@@ -135,7 +135,22 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
135
135
|
top: 50%;
|
|
136
136
|
transform: translateY(-50%);
|
|
137
137
|
color: var(--mt-clr);
|
|
138
|
-
|
|
138
|
+
`;x.input`
|
|
139
|
+
text-align: center;
|
|
140
|
+
height: 40px;
|
|
141
|
+
width: 38px;
|
|
142
|
+
font-size: 20px;
|
|
143
|
+
margin-right: 5px;
|
|
144
|
+
&:last-child {
|
|
145
|
+
margin-right: 0;
|
|
146
|
+
}
|
|
147
|
+
@media only screen and (min-width: 768px) {
|
|
148
|
+
height: 55px;
|
|
149
|
+
width: 45px;
|
|
150
|
+
font-size: 28px;
|
|
151
|
+
margin-right: 16px;
|
|
152
|
+
}
|
|
153
|
+
`;const He=e=>{var t,i,{$mode:o,$aliasLabel:a,$isError:s,$iconLeft:l,$iconRight:c,reset:d,setReset:u,isForceUpdate:p,setForceUpdate:h,evChange:g,evBlur:m,isField:f,evChangeCustom:x,evEnter:y,evKeyUp:v}=e,b=k(e,["$mode","$aliasLabel","$isError","$iconLeft","$iconRight","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom","evEnter","evKeyUp"]);const{type:w,name:C,defaultValue:I,defaultChecked:A}=b,j="currency"===o?be(null!==(t=null==I?void 0:I.toString())&&void 0!==t?t:""):null!==(i=null==I?void 0:I.toString())&&void 0!==i?i:"",[S,D]=n(j),[E,M]=n(A||!1);r((()=>{var e,t;if(p){const n="currency"===o?be(null!==(e=null==I?void 0:I.toString())&&void 0!==e?e:""):null!==(t=null==I?void 0:I.toString())&&void 0!==t?t:"";D(n),M(A||!1),h&&h(!1)}d&&(D(""),M(!1),u&&u(!1))}),[p,h,d,u,I,A,M,o]);const T=e=>{const t=e.target.value;D(t)};let O=Object.assign({},b);delete O.defaultValue,delete O.defaultChecked;const _=N.jsx(Ge,Object.assign({$mode:o,$isError:s,$iconLeft:l,$iconRight:c,checked:E,value:S,onChange:e=>{T(e),g&&g(e)},onBlur:e=>{T(e),(e=>{if(m&&m(e),f&&y&&y(e),f&&C){const t="number"===w?parseInt(e.target.value):"currency"===o?e.target.value?parseInt(be(e.target.value,!1)):null:e.target.value.trim();x&&x(C,t)}})(e)},onKeyUp:e=>{v&&v(e),(e=>{"currency"===o&&(e.currentTarget.value=be(e.currentTarget.value)),"Enter"===e.key&&(e.preventDefault(),f&&y&&y(e))})(e)}},("number"===w||"currency"===o)&&{onKeyPress:e=>{const t=e.target;return"number"!==w&&"currency"!==o||(isNaN(Number(e.key))||void 0===e.key||""===e.key)&&e.preventDefault(),"currency"!==o||((1!==t.value.length||"0"!==e.key||"0"!==t.value)&&" "!==e.key||void e.preventDefault())}},"number"===w&&{onPaste:e=>{const t=(e.clipboardData||window.clipboardData).getData("text").replace(/[^0-9]/g,"");e.preventDefault(),document.execCommand("insertText",!1,t)}},"number"===w&&{onFocus:e=>e.target.addEventListener("wheel",(function(e){e.preventDefault()}),{passive:!1})},"number"===w&&{min:"0"},a&&{$aliasLabel:a},O));return"currency"===o?N.jsxs(Ye,{children:[_,N.jsxs(We,{children:[a||"","Rp"]})]}):_},$e=i(((e,t)=>{var{$mode:n,$isError:r,$iconLeft:i,$iconRight:o}=e,a=k(e,["$mode","$isError","$iconLeft","$iconRight"]);const{type:s}=a,l=N.jsx(Ge,Object.assign({ref:t,$mode:n,$isError:r,$iconLeft:i,$iconRight:o,onKeyUp:e=>{(e=>{"currency"===n&&(e.currentTarget.value=be(e.currentTarget.value))})(e)}},("number"===s||"currency"===n)&&{onKeyPress:e=>{const t=e.target;return"number"!==s&&"currency"!==n||(isNaN(Number(e.key))||void 0===e.key||""===e.key)&&e.preventDefault(),"currency"!==n||((1!==t.value.length||"0"!==e.key||"0"!==t.value)&&" "!==e.key||void e.preventDefault())}},"number"===s&&{onPaste:e=>{const t=(e.clipboardData||window.clipboardData).getData("text").replace(/[^0-9]/g,"");e.preventDefault(),document.execCommand("insertText",!1,t)}},"number"===s&&{onFocus:e=>e.target.addEventListener("wheel",(function(e){e.preventDefault()}),{passive:!1})},"number"===s&&{min:"0"},a));return"currency"===n?N.jsxs(Ye,{children:[l,N.jsx(We,{children:"Rp"})]}):l})),Ve=y`
|
|
139
154
|
position: absolute;
|
|
140
155
|
opacity: 0;
|
|
141
156
|
cursor: pointer;
|