1 line
8.4 KiB
JavaScript
1 line
8.4 KiB
JavaScript
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[827],{77827:function(e,t,n){let l,r;n.d(t,{Z:function(){return N}});var a=n(85893),u=n(67294),o=n(98388),i=n(3668),s=n(62190),c=n(15928),d=n(43832),p=n(74598),m=n(20528),v=n(59123),f=n(60),h=n(94655),w=n(97818),g=n(4270);function x(e){let{value:t,setValue:n,min:o,max:i,step:s,buttonDownRef:c,inputRef:d,decimal:p}=e,[v,f]=(0,u.useState)(!1);function x(){window.clearTimeout(r),f(!0),r=setTimeout(()=>{l=setInterval(()=>{N()},50)},200)}function b(){f(!1),window.clearTimeout(r),window.clearInterval(l)}function k(){f(!0),r=setTimeout(()=>{l=setInterval(()=>{y()},50)},200)}function Z(){f(!1),window.clearTimeout(r),window.clearInterval(l)}function N(){if(!d.current)return;let e=d.current.value,t=(0,m.Z)(e,p),n="";n=i&&t>=(0,m.Z)(i,p)?(0,m.Z)(i,p).toLocaleString():o&&t<(0,m.Z)(o,p)?(0,m.Z)(o,p).toLocaleString():(t+(0,m.Z)(s||1,p)).toLocaleString(),d.current.value=n}function y(){var e;if(!d.current)return;let t=null===(e=d.current)||void 0===e?void 0:e.value,n=(0,m.Z)(t,p),l="";l=o&&n<=(0,m.Z)(o,p)?(0,m.Z)(o,p).toLocaleString():(n-(0,m.Z)(s||1,p)).toLocaleString(),d.current.value=l}return(0,u.useEffect)(()=>{if(c.current=v,v){var e;n((null===(e=d.current)||void 0===e?void 0:e.value)||"")}else setTimeout(()=>{var e;n((null===(e=d.current)||void 0===e?void 0:e.value)||"")},50)},[v]),(0,a.jsxs)(h.Z,{className:"flex-nowrap gap-1 -my-2 ml-auto -mr-2",children:[(0,a.jsx)(h.Z,{className:"rounded-full w-8 h-8 cursor-pointer touch-none select-none justify-center",onClick:e=>{e.preventDefault(),y()},onMouseDown:k,onTouchStart:k,onMouseUp:Z,onTouchEnd:Z,children:(0,a.jsx)(w.Z,{size:20})}),(0,a.jsx)(h.Z,{className:"rounded-full w-8 h-8 cursor-pointer touch-none select-none justify-center",onClick:e=>{e.preventDefault(),N()},onMouseDown:x,onTouchStart:x,onMouseUp:b,onTouchEnd:b,children:(0,a.jsx)(g.Z,{size:20})})]})}var b=n(38249),k=n(84681);let Z=0;function N(e){let{label:t,variant:n,prefix:l,suffix:r,componentRef:w,labelProps:g,wrapperProps:N,wrapperWrapperProps:y,showLabel:j,istextarea:V,debounce:S,invalidMessage:C,autoComplete:T,validationFunction:z,validationRegex:R,valueUpdate:D,numberText:E,decimal:F,suffixProps:L,ready:I,setReady:M,info:_,changeHandler:B,validity:q,clearInputProps:O,rawNumber:U,...P}=e,$=(0,u.useRef)(0),A=(0,u.useRef)(null),H=(0,u.useRef)(null),G=(0,u.useRef)(null);function J(e){return U?(0,m.Z)(e):E?(0,m.Z)(e,F).toLocaleString()+(String(e).match(/\.$/)?".":""):e}Z++,$.current++;let K=P.defaultValue||P.value?J(P.defaultValue||P.value):void 0,[Q,W]=u.useState(q||{isValid:!0}),X=w||u.useRef(null),Y=w||u.useRef(null),ee=u.useRef(!1),[et,en]=u.useState(P.defaultValue?String(P.defaultValue):""),[el,er]=u.useState(!1),[ea,eu]=u.useState(E?"text":P.type),eo=S||500,ei=t||P.title||P.placeholder||(P.name?(0,b.Z)(P.name):void 0);u.useEffect(()=>{q&&W(q)},[q]);let es=e=>{if(!ee.current&&(B&&(window.clearTimeout(G.current),G.current=setTimeout(()=>{B(e)},eo)),"string"==typeof e)){if(!e.match(/./)){W({isValid:!0}),en(""),V&&Y.current?Y.current.value="":(null==X?void 0:X.current)&&(X.current.value="");return}window.clearTimeout(A.current),R&&(A.current=setTimeout(()=>{W({isValid:R.test(e),msg:"Value mismatch"})},eo)),z&&(window.clearTimeout(H.current),H.current=setTimeout(()=>{(!R||R.test(e))&&z(e).then(e=>{W(e)})},eo))}};function ec(e){var t;en(e.target.value),null===(t=P.onChange)||void 0===t||t.call(P,e)}u.useEffect(()=>{"string"==typeof P.value&&P.value.match(/./)&&en(String(P.value))},[P.value]),u.useEffect(()=>{V&&Y.current||(null==X?void 0:X.current)&&(X.current.value=J(et)),es(et)},[et]);let ed=V?(0,a.jsx)("textarea",{placeholder:P.name?(0,b.Z)(P.name):void 0,...P,className:(0,o.m6)("w-full outline-none bg-transparent grow","twui-textarea",P.className),ref:Y,onFocus:e=>{var t;er(!0),null==P||null===(t=P.onFocus)||void 0===t||t.call(P,e)},onBlur:e=>{var t;er(!1),null==P||null===(t=P.onBlur)||void 0===t||t.call(P,e)},onChange:ec,autoComplete:T,rows:P.height?Number(P.height):P.rows||2,defaultValue:K,value:P.value?J(P.value):void 0}):(0,a.jsx)("input",{placeholder:P.name?(0,b.Z)(P.name):void 0,...P,className:(0,o.m6)("w-full outline-none bg-transparent border-none","hover:border-none hover:outline-none focus:border-none focus:outline-none","dark:bg-transparent dark:outline-none dark:border-none","p-0 grow","twui-input",P.className),ref:X,onFocus:e=>{var t;er(!0),null==P||null===(t=P.onFocus)||void 0===t||t.call(P,e)},onBlur:e=>{var t;er(!1),null==P||null===(t=P.onBlur)||void 0===t||t.call(P,e)},onChange:ec,type:ea,defaultValue:K,autoComplete:T,value:P.value?J(P.value):void 0});return(0,a.jsxs)(f.Z,{title:"".concat(ei).concat(P.required?" (Required)":""),...y,className:(0,o.m6)("w-full gap-1.5 relative z-0 hover:z-100",null==y?void 0:y.className),children:[(0,a.jsxs)("div",{...N,className:(0,o.m6)("relative flex items-center gap-2 rounded-default px-3 py-2 outline-1","hover:[&_.twui-clear-input-field-button]:opacity-100","w-full border-none",el&&Q.isValid?"outline-slate-700 dark:outline-white/50":"outline-slate-300 dark:outline-white/20",el&&Q.isValid?"outline-slate-700 dark:outline-white/50":"outline-slate-300 dark:outline-white/20","warning"==n&&Q.isValid&&"outline-yellow-500 dark:outline-yellow-300","error"==n&&Q.isValid&&"border-red-500 dark:border-red-300 outline-red-500 dark:outline-red-300","inactive"==n&&Q.isValid&&"opacity-40 pointer-events-none","bg-white dark:bg-background-dark",Q.isValid?"":"border-orange-500 outline-orange-500 dark:border-orange-500 dark:outline-orange-500 twui-input-invalid",P.readOnly?"password"==P.type?"opacity-50":"opacity-50 pointer-events-none":void 0,"twui-input-wrapper",null==N?void 0:N.className),children:[j&&(0,a.jsxs)("label",{htmlFor:P.name,...g,className:(0,o.m6)("text-xs absolute -top-2.5 left-2 text-foreground-light/80 bg-background-light","dark:text-foreground-dark/80 dark:bg-background-dark whitespace-nowrap","overflow-hidden overflow-ellipsis z-20 px-1.5 rounded-t-default","twui-input-label",null==g?void 0:g.className),children:[ei,P.required?(0,a.jsx)("span",{className:"text-secondary ml-1",children:"*"}):""]}),l&&l,ed,"search"==P.type||P.readOnly?null:(0,a.jsx)("div",{title:"Clear Input Field",...O,className:(0,o.m6)("p-1 -my-2 -mx-1 opacity-0 cursor-pointer w-7 h-7","bg-background-light dark:bg-background-dark","twui-clear-input-field-button",null==O?void 0:O.className),onClick:e=>{var t;e.preventDefault(),X.current&&(X.current.value=""),Y.current&&(Y.current.value=""),en(""),null==O||null===(t=O.onClick)||void 0===t||t.call(O,e)},children:(0,a.jsx)(s.Z,{className:"w-full h-full"})}),"password"==P.type?(0,a.jsx)("div",{title:"password"==ea?"View Psasword":"Hide Password",className:(0,o.m6)("p-1 -my-2 -mx-1"),onClick:e=>{e.preventDefault(),"password"==ea?eu("text"):eu("password")},children:"password"==ea?(0,a.jsx)(c.Z,{size:15}):(0,a.jsx)(d.Z,{size:15})}):null,r||null,E?(0,a.jsx)(x,{setValue:en,inputRef:X,value:et,max:P.max,min:P.min,step:P.step,buttonDownRef:ee,decimal:F}):null]}),_&&(0,a.jsx)(v.Z,{target:(0,a.jsxs)(h.Z,{className:"gap-1",children:[(0,a.jsx)(p.Z,{size:12,className:"opacity-40"}),(0,a.jsx)(i.Z,{size:"smaller",className:"opacity-70 hover:opacity-100",children:_})]}),openDebounce:700,className:"z-1000",hoverOpen:!0,children:(0,a.jsx)(k.Z,{className:(0,o.m6)("min-w-[250px] shadow-lg shadow-slate-200 dark:shadow-white/10","max-w-[300px] w-full bg-background-light! dark:bg-background-dark! z-1000"),children:(0,a.jsxs)(f.Z,{className:"gap-2 items-center",children:[(0,a.jsxs)(h.Z,{className:"gap-1",children:[(0,a.jsx)(p.Z,{size:15,opacity:.4}),(0,a.jsx)(i.Z,{className:"text-xs opacity-50",children:"Info"})]}),(0,a.jsx)(i.Z,{className:"text-center",children:_})]})})}),!Q.isValid&&Q.msg?(0,a.jsx)(i.Z,{className:"text-warning whitespace-nowrap",size:"smaller",children:Q.msg||"Invalid"}):void 0]})}},20528:function(e,t,n){n.d(t,{Z:function(){return l}});function l(e,t){try{var n;let l=String(e).replace(/[^0-9\.]/g,"").replace(/\.$/,"");if(!l.match(/./))return 0;let r=l.match(/\./)?null===(n=l.split(".").pop())||void 0===n?void 0:n.length:void 0,a=Number(l);if("number"!=typeof a||isNaN(a))return 0;if(0==t)return Math.round(Number(a));if(t)return Number(a.toFixed(t));if(r)return Number(a.toFixed(r));return Math.round(a)}catch(e){return 0}}},38249:function(e,t,n){n.d(t,{Z:function(){return l}});function l(e){return e?e.toLowerCase().replace(/ /g,"-").replace(/[^a-z0-9\-]/g,"-").replace(/-{2,}/g,"-").replace(/[-]/g," ").split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(" "):""}}}]); |