@pfct/purple 1.7.0-next.3 → 1.7.0-next.4

package/dist/components/Input/NumberInput/index.es.js

@@ -1,16 +1,16 @@
-import { j as b } from "../../../chunks/jsx-runtime.C63F304d.js";
-import { useReducer as O, useRef as R, useLayoutEffect as L, useEffect as P, useCallback as A } from "react";
-import { extractNumber as y, formatKoreaCurrency as j } from "../../../utils/format.util.es.js";
+import { jsx as b } from "react/jsx-runtime";
+import { useReducer as R, useRef as k, useLayoutEffect as L, useEffect as P, useCallback as A } from "react";
+import { extractNumber as C, formatKoreaCurrency as I } from "../../../utils/format.util.es.js";
 import "../../../core/Colors/index.es.js";
 import "../../../utils/GenerateColorStyle/datepicker.es.js";
 import "../../../utils/GenerateColorStyle/mini-button.es.js";
 import "@emotion/react";
-import { BaseInput as I } from "../BaseInput/index.es.js";
-const _ = (t) => {
-  const [, l] = O((e) => e + 1, 0), s = R(null), {
+import { BaseInput as _ } from "../BaseInput/index.es.js";
+const $ = (t) => {
+  const [, l] = R((e) => e + 1, 0), s = k(null), {
     replace: u,
     append: f
-  } = t, i = u ? u(t.format(t.value)) : t.format(t.value), m = R(!1), v = (e) => {
+  } = t, i = u ? u(t.format(t.value)) : t.format(t.value), m = k(!1), v = (e) => {
     if (process.env.NODE_ENV !== "production") {
       if (e.target.type === "number") {
         console.error("Rifm does not support input type=number, use type=tel instead.");
@@ -50,16 +50,16 @@ const _ = (t) => {
       E
     ] = s.current;
     s.current = null;
-    const C = h && E, N = e.slice(n.selectionStart).search(t.accept || /\d/g), k = N !== -1 ? N : 0, d = (r) => (r.match(t.accept || /\d/g) || []).join(""), w = d(e.substr(0, n.selectionStart)), S = (r) => {
+    const N = h && E, S = e.slice(n.selectionStart).search(t.accept || /\d/g), O = S !== -1 ? S : 0, d = (r) => (r.match(t.accept || /\d/g) || []).join(""), w = d(e.substr(0, n.selectionStart)), x = (r) => {
       let c = 0, p = 0;
       for (let g = 0; g !== w.length; ++g) {
-        let V = r.indexOf(w[g], c) + 1, x = d(r).indexOf(w[g], p) + 1;
-        x - p > 1 && (V = c, x = p), p = Math.max(x, p), c = Math.max(c, V);
+        let V = r.indexOf(w[g], c) + 1, y = d(r).indexOf(w[g], p) + 1;
+        y - p > 1 && (V = c, y = p), p = Math.max(y, p), c = Math.max(c, V);
       }
       return c;
     };
     if (t.mask === !0 && o && !E) {
-      let r = S(e);
+      let r = x(e);
       const c = d(e.substr(r))[0];
       r = e.indexOf(c, r), e = `${e.substr(0, r)}${e.substr(r + 1)}`;
     }
@@ -68,11 +68,11 @@ const _ = (t) => {
     n.selectionStart === e.length && !E && (o ? a = f(a) : d(a.slice(-1)) === "" && (a = a.slice(0, -1)));
     const D = u ? u(a) : a;
     return i === D ? l() : t.onChange(D), () => {
-      let r = S(a);
-      if (t.mask != null && (o || h && !C))
+      let r = x(a);
+      if (t.mask != null && (o || h && !N))
         for (; a[r] && d(a[r]) === ""; )
           r += 1;
-      n.selectionStart = n.selectionEnd = r + (C ? 1 + k : 0);
+      n.selectionStart = n.selectionEnd = r + (N ? 1 + O : 0);
     };
   }), P(() => {
     const e = (o) => {
@@ -87,27 +87,27 @@ const _ = (t) => {
     value: s.current != null ? s.current[0] : i,
     onChange: v
   };
-}, $ = (t) => {
-  const l = _(t);
+}, B = (t) => {
+  const l = $(t);
   return t.children(l);
 }, X = (t) => {
   const { originValue: l, onValueChange: s, postfix: u = "", prefix: f = "", max: i = Number.MAX_SAFE_INTEGER, ...m } = t, v = A(
-    (e) => y(e).length > 0 ? `${f}${j(e)} ${u}` : "",
+    (e) => C(e).length > 0 ? `${f}${I(e)} ${u}` : "",
     [u, f]
   );
-  return /* @__PURE__ */ b.jsx(
-    $,
+  return /* @__PURE__ */ b(
+    B,
     {
       accept: /[\d]/g,
       format: v,
-      onChange: (e) => s?.(y(e)),
+      onChange: (e) => s?.(C(e)),
       value: l,
-      children: ({ value: e, onChange: n }) => /* @__PURE__ */ b.jsx(
-        I,
+      children: ({ value: e, onChange: n }) => /* @__PURE__ */ b(
+        _,
         {
           format: u,
           onChange: (o) => {
-            const h = y(o.target.value);
+            const h = C(o.target.value);
             Number(h) > i && (o.target.value = l), n(o);
           },
           type: "tel",

package/dist/components/Input/PostfixInput/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),n=require("react"),z=require("../../../core/Colors/index.cjs.js"),A=require("../../../core/Typography/BaseTypography/index.cjs.js"),L=require("../../../chunks/index.styled.yIsvimnv.js"),O=require("../common/InputFrame/index.cjs.js"),a=require("./index.styled.cjs.js"),G=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},H=G(n),J=H.default.forwardRef((s,q)=>{const{realValue:l,postfix:S,onBlur:F,onFocus:P,onClick:y,disabled:c,label:r,placeholder:_,errorValidation:u,logRocketMasking:v,focus:d=!1,max:b,decoration:j,updateRealValue:g,formatRealValue:R,formatDisplayValue:i,type:I,pattern:D,...w}=s,[p,M]=n.useState(""),[U,x]=n.useState(""),[f,C]=n.useState(d),m=n.useRef(null),h=f||!!p,B=!(r||h)&&!!_,E=n.useCallback(e=>{if(e.length===0||e==="0"){x("");return}if(u)for(let t=0;t<u.length;t++){if(!u[t]?.condition(e)&&e.length!==0){x(u[t]?.errorText??"");break}x("")}},[u]),T=n.useCallback(e=>{const{type:t}=e;C(t==="focus")},[]),V=n.useCallback(e=>{y?.(e),m.current?.focus()},[y]),W=n.useCallback(e=>{const t=R?.(e)||e,k=Number(b),N=Number(t);k&&!Number.isNaN(N)&&N>k||g(t)},[b,g,R]);return n.useEffect(()=>{let e=l;i&&(e=i?.(e)||""),M(e),E(l)},[i,E,l]),n.useEffect(()=>{d&&m.current?.focus()},[d]),o.jsxRuntimeExports.jsxs(O.InputFrame,{active:h,disabled:!!c,errorText:U,focused:f,handleClickInput:V,label:r,children:[o.jsxRuntimeExports.jsxs(a.InputAndUnitWrapper,{children:[o.jsxRuntimeExports.jsx(a.InputSizer,{displayValue:p,focused:f,children:o.jsxRuntimeExports.jsx(a.InputTag,{...w,className:a.className.inputTag,"data-private":v,decoration:!1,disabled:c,hasLabel:!!r,name:r,onBlur:e=>{F?.(e),T(e)},onChange:e=>{const t=e.currentTarget.value;W(t)},onClick:V,onFocus:e=>{P?.(e),T(e)},pattern:I==="number"?"\\d*":D,placeholder:B?_:"",ref:q||m,size:B?void 0:1,type:I,value:i?p:l})}),o.jsxRuntimeExports.jsx(a.UnitWrapper,{children:h&&o.jsxRuntimeExports.jsx(a.Unit,{hasLabel:!!r,hasValue:!!p,children:o.jsxRuntimeExports.jsx(A.BaseTypography,{color:c?z.basicColors.gray200:void 0,md:"Title1",children:S})})})]}),j&&o.jsxRuntimeExports.jsx(L.DecorationItemWrapper,{disabled:c,children:j})]})});exports.PostfixInput=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),z=require("../../../core/Colors/index.cjs.js"),A=require("../../../core/Typography/BaseTypography/index.cjs.js"),L=require("../../../chunks/index.styled.yIsvimnv.js"),O=require("../common/InputFrame/index.cjs.js"),s=require("./index.styled.cjs.js"),G=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},H=G(n),J=H.default.forwardRef((a,S)=>{const{realValue:u,postfix:F,onBlur:P,onFocus:v,onClick:y,disabled:c,label:r,placeholder:_,errorValidation:l,logRocketMasking:D,focus:d=!1,max:b,decoration:g,updateRealValue:I,formatRealValue:C,formatDisplayValue:i,type:j,pattern:w,...E}=a,[p,M]=n.useState(""),[U,f]=n.useState(""),[h,B]=n.useState(d),m=n.useRef(null),x=h||!!p,T=!(r||x)&&!!_,V=n.useCallback(e=>{if(e.length===0||e==="0"){f("");return}if(l)for(let t=0;t<l.length;t++){if(!l[t]?.condition(e)&&e.length!==0){f(l[t]?.errorText??"");break}f("")}},[l]),k=n.useCallback(e=>{const{type:t}=e;B(t==="focus")},[]),N=n.useCallback(e=>{y?.(e),m.current?.focus()},[y]),W=n.useCallback(e=>{const t=C?.(e)||e,R=Number(b),q=Number(t);R&&!Number.isNaN(q)&&q>R||I(t)},[b,I,C]);return n.useEffect(()=>{let e=u;i&&(e=i?.(e)||""),M(e),V(u)},[i,V,u]),n.useEffect(()=>{d&&m.current?.focus()},[d]),o.jsxs(O.InputFrame,{active:x,disabled:!!c,errorText:U,focused:h,handleClickInput:N,label:r,children:[o.jsxs(s.InputAndUnitWrapper,{children:[o.jsx(s.InputSizer,{displayValue:p,focused:h,children:o.jsx(s.InputTag,{...E,className:s.className.inputTag,"data-private":D,decoration:!1,disabled:c,hasLabel:!!r,name:r,onBlur:e=>{P?.(e),k(e)},onChange:e=>{const t=e.currentTarget.value;W(t)},onClick:N,onFocus:e=>{v?.(e),k(e)},pattern:j==="number"?"\\d*":w,placeholder:T?_:"",ref:S||m,size:T?void 0:1,type:j,value:i?p:u})}),o.jsx(s.UnitWrapper,{children:x&&o.jsx(s.Unit,{hasLabel:!!r,hasValue:!!p,children:o.jsx(A.BaseTypography,{color:c?z.basicColors.gray200:void 0,md:"Title1",children:F})})})]}),g&&o.jsx(L.DecorationItemWrapper,{disabled:c,children:g})]})});exports.PostfixInput=J;

package/dist/components/Input/PostfixInput/index.es.js

@@ -1,32 +1,32 @@
-import { j as t } from "../../../chunks/jsx-runtime.C63F304d.js";
-import _, { useState as h, useRef as O, useCallback as c, useEffect as F } from "react";
-import { basicColors as q } from "../../../core/Colors/index.es.js";
-import { BaseTypography as G } from "../../../core/Typography/BaseTypography/index.es.js";
-import { D as H } from "../../../chunks/index.styled.BNOtFd_Z.js";
-import { InputFrame as J } from "../common/InputFrame/index.es.js";
-import { InputAndUnitWrapper as K, InputSizer as Q, InputTag as X, className as Y, UnitWrapper as Z, Unit as $ } from "./index.styled.es.js";
-const le = _.forwardRef((v, w) => {
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import O, { useState as h, useRef as q, useCallback as c, useEffect as w } from "react";
+import { basicColors as G } from "../../../core/Colors/index.es.js";
+import { BaseTypography as H } from "../../../core/Typography/BaseTypography/index.es.js";
+import { D as J } from "../../../chunks/index.styled.BNOtFd_Z.js";
+import { InputFrame as K } from "../common/InputFrame/index.es.js";
+import { InputAndUnitWrapper as Q, InputSizer as X, InputTag as Y, className as Z, UnitWrapper as $, Unit as ee } from "./index.styled.es.js";
+const ie = O.forwardRef((P, S) => {
   const {
     realValue: n,
-    postfix: E,
-    onBlur: P,
-    onFocus: S,
-    onClick: x,
-    disabled: s,
+    postfix: U,
+    onBlur: W,
+    onFocus: j,
+    onClick: b,
+    disabled: l,
     label: a,
-    placeholder: b,
+    placeholder: g,
     errorValidation: r,
-    logRocketMasking: U,
+    logRocketMasking: z,
     focus: u = !1,
-    max: g,
-    decoration: y,
-    updateRealValue: V,
-    formatRealValue: j,
-    formatDisplayValue: l,
-    type: B,
-    pattern: W,
-    ...z
-  } = v, [i, A] = h(""), [L, p] = h(""), [d, I] = h(u), f = O(null), m = d || !!i, N = !(a || m) && !!b, R = c(
+    max: y,
+    decoration: V,
+    updateRealValue: x,
+    formatRealValue: B,
+    formatDisplayValue: s,
+    type: I,
+    pattern: A,
+    ...E
+  } = P, [i, L] = h(""), [M, p] = h(""), [d, N] = h(u), f = q(null), m = d || !!i, T = !(a || m) && !!g, k = c(
     (e) => {
       if (e.length === 0 || e === "0") {
         p("");
@@ -42,73 +42,73 @@ const le = _.forwardRef((v, w) => {
         }
     },
     [r]
-  ), T = c((e) => {
+  ), C = c((e) => {
     const { type: o } = e;
-    I(o === "focus");
-  }, []), k = c(
+    N(o === "focus");
+  }, []), R = c(
     (e) => {
-      x?.(e), f.current?.focus();
+      b?.(e), f.current?.focus();
     },
-    [x]
-  ), M = c(
+    [b]
+  ), _ = c(
     (e) => {
-      const o = j?.(e) || e, C = Number(g), D = Number(o);
-      C && !Number.isNaN(D) && D > C || V(o);
+      const o = B?.(e) || e, D = Number(y), F = Number(o);
+      D && !Number.isNaN(F) && F > D || x(o);
     },
-    [g, V, j]
+    [y, x, B]
   );
-  return F(() => {
+  return w(() => {
     let e = n;
-    l && (e = l?.(e) || ""), A(e), R(n);
-  }, [l, R, n]), F(() => {
+    s && (e = s?.(e) || ""), L(e), k(n);
+  }, [s, k, n]), w(() => {
     u && f.current?.focus();
-  }, [u]), /* @__PURE__ */ t.jsxs(
-    J,
+  }, [u]), /* @__PURE__ */ v(
+    K,
     {
       active: m,
-      disabled: !!s,
-      errorText: L,
+      disabled: !!l,
+      errorText: M,
       focused: d,
-      handleClickInput: k,
+      handleClickInput: R,
       label: a,
       children: [
-        /* @__PURE__ */ t.jsxs(K, { children: [
-          /* @__PURE__ */ t.jsx(Q, { displayValue: i, focused: d, children: /* @__PURE__ */ t.jsx(
-            X,
+        /* @__PURE__ */ v(Q, { children: [
+          /* @__PURE__ */ t(X, { displayValue: i, focused: d, children: /* @__PURE__ */ t(
+            Y,
             {
-              ...z,
-              className: Y.inputTag,
-              "data-private": U,
+              ...E,
+              className: Z.inputTag,
+              "data-private": z,
               decoration: !1,
-              disabled: s,
+              disabled: l,
               hasLabel: !!a,
               name: a,
               onBlur: (e) => {
-                P?.(e), T(e);
+                W?.(e), C(e);
               },
               onChange: (e) => {
                 const o = e.currentTarget.value;
-                M(o);
+                _(o);
               },
-              onClick: k,
+              onClick: R,
               onFocus: (e) => {
-                S?.(e), T(e);
+                j?.(e), C(e);
               },
-              pattern: B === "number" ? "\\d*" : W,
-              placeholder: N ? b : "",
-              ref: w || f,
-              size: N ? void 0 : 1,
-              type: B,
-              value: l ? i : n
+              pattern: I === "number" ? "\\d*" : A,
+              placeholder: T ? g : "",
+              ref: S || f,
+              size: T ? void 0 : 1,
+              type: I,
+              value: s ? i : n
             }
           ) }),
-          /* @__PURE__ */ t.jsx(Z, { children: m && /* @__PURE__ */ t.jsx($, { hasLabel: !!a, hasValue: !!i, children: /* @__PURE__ */ t.jsx(G, { color: s ? q.gray200 : void 0, md: "Title1", children: E }) }) })
+          /* @__PURE__ */ t($, { children: m && /* @__PURE__ */ t(ee, { hasLabel: !!a, hasValue: !!i, children: /* @__PURE__ */ t(H, { color: l ? G.gray200 : void 0, md: "Title1", children: U }) }) })
         ] }),
-        y && /* @__PURE__ */ t.jsx(H, { disabled: s, children: y })
+        V && /* @__PURE__ */ t(J, { disabled: l, children: V })
       ]
     }
   );
 });
 export {
-  le as PostfixInput
+  ie as PostfixInput
 };

package/dist/components/Input/ResidentNumberInput/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),t=require("react"),A=require("../common/InputFrame/index.cjs.js"),o=require("./index.styled.cjs.js"),M=/[^0-9]/g,$=_=>{const{label:l,placeholder:I,value:E,setValue:v,disabled:a=!1,errorValidation:f=[],rrnInputType:N=13,rrn6:d,defaultRRN7Only:B}=_,[x,w]=t.useState(d||""),[p,L]=t.useState(B||""),[r,P]=t.useState(""),[c,T]=t.useState(E||""),[u,i]=t.useState(!1),V=u||!!E,q=!(l||V)&&!!I,[D,h]=t.useState(""),k=t.useRef(null),m=t.useRef(null),R=t.useRef(null),S=!!c,H=t.useMemo(()=>{let e="";for(let s=1;s<=r.length;s+=1)e+="●";return e},[r]),j=t.useCallback((e,s,g,F)=>{const{value:O}=e.target,b=O.trim();b.length<=g?(s(b.replace(M,"")),b.length===g&&F?.current?.focus()):F?.current?.focus()},[]),C=t.useCallback((e,s,g)=>{if(s.length<=0&&e.key==="Backspace")return g?.current?.focus()},[]),y=t.useCallback(e=>{for(let s=0;s<f.length;s++){if(!f[s]?.condition(e)&&e.length!==0){h(f[s]?.errorText??"");break}h("")}},[f]);return t.useEffect(()=>{const e=`${x}${p}${r}`;T(e),v(e)},[x,p,r,v]),t.useEffect(()=>{c||h(""),c.length>0&&!u&&y(c),c.length===13&&y(c)},[u,y,c]),t.useEffect(()=>{u&&h("")},[u]),t.useEffect(()=>{d&&i(!0)},[d]),n.jsxRuntimeExports.jsxs(A.InputFrame,{active:V,disabled:a,errorText:D,focused:u,label:l,children:[n.jsxRuntimeExports.jsx(o.BirthInput,{disabled:a,focused:u||S,hasLabel:!!l,onBlur:()=>i(!1),onChange:e=>j(e,w,6,m),onFocus:()=>i(!0),placeholder:q?I:"",ref:k,type:"tel",value:x}),(u||S)&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(o.Hyphen,{disabled:a,hasLabel:!!l,visible:x.length>=6,children:"-"}),n.jsxRuntimeExports.jsx(o.GenderNumberInput,{disabled:a,hasLabel:!!l,onBlur:()=>i(!1),onChange:e=>j(e,L,1,R),onFocus:()=>i(!0),onKeyDown:e=>C(e,p,k),ref:m,type:"tel",value:p}),n.jsxRuntimeExports.jsx(o.FakeInputWrapper,{hasLabel:!!l,children:N===7?n.jsxRuntimeExports.jsx(o.VirtualPlaceHolderSevenTypeInput,{disabled:a,onClick:()=>m?.current?.focus(),visible:p.length>0,children:"●●●●●●"}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(o.VirtualPlaceHolder,{disabled:a,children:H}),n.jsxRuntimeExports.jsx(o.SecurityPlaceHolder,{visible:p.length>0,children:"●●●●●●"}),n.jsxRuntimeExports.jsx(o.FakeSecurityInput,{autoFocus:!!(d&&B),disabled:a,hasLabel:!!l,onBlur:()=>i(!1),onChange:e=>j(e,P,6),onClick:()=>{R.current?.setSelectionRange(r.length,r.length)},onFocus:()=>{i(!0)},onKeyDown:e=>{if(e.key==="ArrowLeft"||e.key==="ArrowRight"){e.preventDefault(),e.stopPropagation();return}C(e,r,m)},ref:R,type:"tel",value:r})]})})]})]})};exports.ResidentNumberInput=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),A=require("../common/InputFrame/index.cjs.js"),o=require("./index.styled.cjs.js"),M=/[^0-9]/g,$=N=>{const{label:s,placeholder:v,value:B,setValue:V,disabled:a=!1,errorValidation:d=[],rrnInputType:w=13,rrn6:h,defaultRRN7Only:j}=N,[p,L]=t.useState(h||""),[f,P]=t.useState(j||""),[r,T]=t.useState(""),[c,E]=t.useState(B||""),[u,i]=t.useState(!1),k=u||!!B,q=!(s||k)&&!!v,[D,g]=t.useState(""),S=t.useRef(null),y=t.useRef(null),I=t.useRef(null),C=!!c,H=t.useMemo(()=>{let e="";for(let l=1;l<=r.length;l+=1)e+="●";return e},[r]),m=t.useCallback((e,l,b,_)=>{const{value:O}=e.target,R=O.trim();R.length<=b?(l(R.replace(M,"")),R.length===b&&_?.current?.focus()):_?.current?.focus()},[]),F=t.useCallback((e,l,b)=>{if(l.length<=0&&e.key==="Backspace")return b?.current?.focus()},[]),x=t.useCallback(e=>{for(let l=0;l<d.length;l++){if(!d[l]?.condition(e)&&e.length!==0){g(d[l]?.errorText??"");break}g("")}},[d]);return t.useEffect(()=>{const e=`${p}${f}${r}`;E(e),V(e)},[p,f,r,V]),t.useEffect(()=>{c||g(""),c.length>0&&!u&&x(c),c.length===13&&x(c)},[u,x,c]),t.useEffect(()=>{u&&g("")},[u]),t.useEffect(()=>{h&&i(!0)},[h]),n.jsxs(A.InputFrame,{active:k,disabled:a,errorText:D,focused:u,label:s,children:[n.jsx(o.BirthInput,{disabled:a,focused:u||C,hasLabel:!!s,onBlur:()=>i(!1),onChange:e=>m(e,L,6,y),onFocus:()=>i(!0),placeholder:q?v:"",ref:S,type:"tel",value:p}),(u||C)&&n.jsxs(n.Fragment,{children:[n.jsx(o.Hyphen,{disabled:a,hasLabel:!!s,visible:p.length>=6,children:"-"}),n.jsx(o.GenderNumberInput,{disabled:a,hasLabel:!!s,onBlur:()=>i(!1),onChange:e=>m(e,P,1,I),onFocus:()=>i(!0),onKeyDown:e=>F(e,f,S),ref:y,type:"tel",value:f}),n.jsx(o.FakeInputWrapper,{hasLabel:!!s,children:w===7?n.jsx(o.VirtualPlaceHolderSevenTypeInput,{disabled:a,onClick:()=>y?.current?.focus(),visible:f.length>0,children:"●●●●●●"}):n.jsxs(n.Fragment,{children:[n.jsx(o.VirtualPlaceHolder,{disabled:a,children:H}),n.jsx(o.SecurityPlaceHolder,{visible:f.length>0,children:"●●●●●●"}),n.jsx(o.FakeSecurityInput,{autoFocus:!!(h&&j),disabled:a,hasLabel:!!s,onBlur:()=>i(!1),onChange:e=>m(e,T,6),onClick:()=>{I.current?.setSelectionRange(r.length,r.length)},onFocus:()=>{i(!0)},onKeyDown:e=>{if(e.key==="ArrowLeft"||e.key==="ArrowRight"){e.preventDefault(),e.stopPropagation();return}F(e,r,y)},ref:I,type:"tel",value:r})]})})]})]})};exports.ResidentNumberInput=$;

package/dist/components/Input/ResidentNumberInput/index.es.js

@@ -1,40 +1,40 @@
-import { j as t } from "../../../chunks/jsx-runtime.C63F304d.js";
-import { useState as i, useRef as v, useMemo as M, useCallback as V, useEffect as m } from "react";
-import { InputFrame as U } from "../common/InputFrame/index.es.js";
-import { BirthInput as W, Hyphen as q, GenderNumberInput as z, FakeInputWrapper as J, VirtualPlaceHolderSevenTypeInput as Q, VirtualPlaceHolder as X, SecurityPlaceHolder as Y, FakeSecurityInput as Z } from "./index.styled.es.js";
-const _ = /[^0-9]/g, oe = (P) => {
+import { jsxs as V, jsx as o, Fragment as D } from "react/jsx-runtime";
+import { useState as i, useRef as k, useMemo as W, useCallback as R, useEffect as b } from "react";
+import { InputFrame as q } from "../common/InputFrame/index.es.js";
+import { BirthInput as z, Hyphen as J, GenderNumberInput as Q, FakeInputWrapper as X, VirtualPlaceHolderSevenTypeInput as Y, VirtualPlaceHolder as Z, SecurityPlaceHolder as _, FakeSecurityInput as ee } from "./index.styled.es.js";
+const te = /[^0-9]/g, ae = (H) => {
   const {
     label: r,
-    placeholder: j,
-    value: k,
-    setValue: R,
+    placeholder: C,
+    value: F,
+    setValue: w,
     disabled: a = !1,
     errorValidation: h = [],
-    rrnInputType: T = 13,
+    rrnInputType: A = 13,
     rrn6: f,
-    defaultRRN7Only: F
-  } = P, [p, D] = i(f || ""), [c, H] = i(F || ""), [l, A] = i(""), [s, E] = i(k || ""), [o, u] = i(!1), C = o || !!k, O = !(r || C) && !!j, [$, d] = i(""), w = v(null), g = v(null), x = v(null), L = !!s, G = M(() => {
+    defaultRRN7Only: x
+  } = H, [p, O] = i(f || ""), [c, $] = i(x || ""), [n, j] = i(""), [u, E] = i(F || ""), [l, s] = i(!1), L = l || !!F, G = !(r || L) && !!C, [K, d] = i(""), S = k(null), g = k(null), m = k(null), N = !!u, M = W(() => {
     let e = "";
-    for (let n = 1; n <= l.length; n += 1)
+    for (let t = 1; t <= n.length; t += 1)
       e += "●";
     return e;
-  }, [l]), b = V(
-    (e, n, y, N) => {
-      const { value: K } = e.target, B = K.trim();
-      B.length <= y ? (n(B.replace(_, "")), B.length === y && N?.current?.focus()) : N?.current?.focus();
+  }, [n]), I = R(
+    (e, t, y, T) => {
+      const { value: U } = e.target, v = U.trim();
+      v.length <= y ? (t(v.replace(te, "")), v.length === y && T?.current?.focus()) : T?.current?.focus();
     },
     []
-  ), S = V(
-    (e, n, y) => {
-      if (n.length <= 0 && e.key === "Backspace")
+  ), P = R(
+    (e, t, y) => {
+      if (t.length <= 0 && e.key === "Backspace")
         return y?.current?.focus();
     },
     []
-  ), I = V(
+  ), B = R(
     (e) => {
-      for (let n = 0; n < h.length; n++) {
-        if (!h[n]?.condition(e) && e.length !== 0) {
-          d(h[n]?.errorText ?? "");
+      for (let t = 0; t < h.length; t++) {
+        if (!h[t]?.condition(e) && e.length !== 0) {
+          d(h[t]?.errorText ?? "");
           break;
         }
         d("");
@@ -42,82 +42,82 @@ const _ = /[^0-9]/g, oe = (P) => {
     },
     [h]
   );
-  return m(() => {
-    const e = `${p}${c}${l}`;
-    E(e), R(e);
-  }, [p, c, l, R]), m(() => {
-    s || d(""), s.length > 0 && !o && I(s), s.length === 13 && I(s);
-  }, [o, I, s]), m(() => {
-    o && d("");
-  }, [o]), m(() => {
-    f && u(!0);
-  }, [f]), /* @__PURE__ */ t.jsxs(U, { active: C, disabled: a, errorText: $, focused: o, label: r, children: [
-    /* @__PURE__ */ t.jsx(
-      W,
+  return b(() => {
+    const e = `${p}${c}${n}`;
+    E(e), w(e);
+  }, [p, c, n, w]), b(() => {
+    u || d(""), u.length > 0 && !l && B(u), u.length === 13 && B(u);
+  }, [l, B, u]), b(() => {
+    l && d("");
+  }, [l]), b(() => {
+    f && s(!0);
+  }, [f]), /* @__PURE__ */ V(q, { active: L, disabled: a, errorText: K, focused: l, label: r, children: [
+    /* @__PURE__ */ o(
+      z,
       {
         disabled: a,
-        focused: o || L,
+        focused: l || N,
         hasLabel: !!r,
-        onBlur: () => u(!1),
-        onChange: (e) => b(e, D, 6, g),
-        onFocus: () => u(!0),
-        placeholder: O ? j : "",
-        ref: w,
+        onBlur: () => s(!1),
+        onChange: (e) => I(e, O, 6, g),
+        onFocus: () => s(!0),
+        placeholder: G ? C : "",
+        ref: S,
         type: "tel",
         value: p
       }
     ),
-    (o || L) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(q, { disabled: a, hasLabel: !!r, visible: p.length >= 6, children: "-" }),
-      /* @__PURE__ */ t.jsx(
-        z,
+    (l || N) && /* @__PURE__ */ V(D, { children: [
+      /* @__PURE__ */ o(J, { disabled: a, hasLabel: !!r, visible: p.length >= 6, children: "-" }),
+      /* @__PURE__ */ o(
+        Q,
         {
           disabled: a,
           hasLabel: !!r,
-          onBlur: () => u(!1),
-          onChange: (e) => b(e, H, 1, x),
-          onFocus: () => u(!0),
-          onKeyDown: (e) => S(e, c, w),
+          onBlur: () => s(!1),
+          onChange: (e) => I(e, $, 1, m),
+          onFocus: () => s(!0),
+          onKeyDown: (e) => P(e, c, S),
           ref: g,
           type: "tel",
           value: c
         }
       ),
-      /* @__PURE__ */ t.jsx(J, { hasLabel: !!r, children: T === 7 ? /* @__PURE__ */ t.jsx(
-        Q,
+      /* @__PURE__ */ o(X, { hasLabel: !!r, children: A === 7 ? /* @__PURE__ */ o(
+        Y,
         {
           disabled: a,
           onClick: () => g?.current?.focus(),
           visible: c.length > 0,
           children: "●●●●●●"
         }
-      ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(X, { disabled: a, children: G }),
-        /* @__PURE__ */ t.jsx(Y, { visible: c.length > 0, children: "●●●●●●" }),
-        /* @__PURE__ */ t.jsx(
-          Z,
+      ) : /* @__PURE__ */ V(D, { children: [
+        /* @__PURE__ */ o(Z, { disabled: a, children: M }),
+        /* @__PURE__ */ o(_, { visible: c.length > 0, children: "●●●●●●" }),
+        /* @__PURE__ */ o(
+          ee,
           {
-            autoFocus: !!(f && F),
+            autoFocus: !!(f && x),
             disabled: a,
             hasLabel: !!r,
-            onBlur: () => u(!1),
-            onChange: (e) => b(e, A, 6),
+            onBlur: () => s(!1),
+            onChange: (e) => I(e, j, 6),
             onClick: () => {
-              x.current?.setSelectionRange(l.length, l.length);
+              m.current?.setSelectionRange(n.length, n.length);
             },
             onFocus: () => {
-              u(!0);
+              s(!0);
             },
             onKeyDown: (e) => {
               if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
                 e.preventDefault(), e.stopPropagation();
                 return;
               }
-              S(e, l, g);
+              P(e, n, g);
             },
-            ref: x,
+            ref: m,
             type: "tel",
-            value: l
+            value: n
           }
         )
       ] }) })
@@ -125,5 +125,5 @@ const _ = /[^0-9]/g, oe = (P) => {
   ] });
 };
 export {
-  oe as ResidentNumberInput
+  ae as ResidentNumberInput
 };

package/dist/components/Input/TextField/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),u=require("react"),R=require("../../ui/typography.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");const w=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const i=require("../../../lib/utils.cjs.js"),E=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},N=E(u),q=N.default.forwardRef(({className:o,type:f,label:s,error:a,decoration:n,placeholder:h,onDelete:d,guideMessage:x,...r},y)=>{const[l,p]=u.useState(!1),[b,m]=u.useState(!1),c=l||b,g=s&&c||!s,j=!n&&d!==void 0&&l&&b,v=e=>{e.stopPropagation(),d?.()};return u.useEffect(()=>{m(!!r.value)},[r.value]),t.jsxRuntimeExports.jsxs("div",{className:"relative",children:[t.jsxRuntimeExports.jsxs("div",{className:i.cn("relative flex items-center rounded-[10px] bg-white","border border-transparent hover:border hover:border-gray-600","transition-colors duration-200",l?"border border-gray-600":"",a?"border border-red-400 hover:border-red-400":"",r.disabled&&"cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50"),children:[s&&t.jsxRuntimeExports.jsx("label",{className:i.cn("absolute left-[20px] text-gray-200 transition-all duration-200",c?"typo-b2 top-[11px]":"typo-t1 top-1/2 -translate-y-1/2",r.disabled&&"cursor-not-allowed"),htmlFor:r.id,children:s}),t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-end justify-between pr-[15px]",children:[t.jsxRuntimeExports.jsx("input",{className:i.cn("typo-t1 w-full py-[20px] pl-[20px] outline-none","file:border-0 file:bg-transparent","typo-t1 placeholder:text-gray-200","disabled:cursor-not-allowed disabled:text-gray-200",s&&c&&"pt-[30px] pb-[10px] pl-[20px]",n&&"pr-10",o),onBlur:e=>{p(!1),r.onBlur?.(e)},onChange:e=>{m(e.target.value.length>0),r.onChange?.(e)},onFocus:e=>{p(!0),r.onFocus?.(e)},placeholder:g?h:void 0,ref:y,type:f,...r}),j&&t.jsxRuntimeExports.jsx("button",{className:i.cn("absolute right-[15px] cursor-pointer",s?"bottom-[10px]":"bottom-[19px]"),onClick:v,onMouseDown:e=>e.preventDefault(),type:"button",children:t.jsxRuntimeExports.jsx(w.default,{className:"text-gray-200"})})]}),n&&t.jsxRuntimeExports.jsx("div",{className:"absolute right-[15px] flex items-center",children:n})]}),(a||x)&&t.jsxRuntimeExports.jsx(R.Typography,{className:i.cn("mt-[9px] ml-[5px]",a?"text-red-400":"text-gray-400"),variant:"b2",children:a||x})]})});q.displayName="TextField";exports.TextField=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),w=require("../../ui/typography.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");const N=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const i=require("../../../lib/utils.cjs.js"),_=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},F=_(n),f=F.default.forwardRef(({className:o,type:h,label:a,error:s,decoration:l,placeholder:y,onDelete:d,guideMessage:x,...r},g)=>{const[u,p]=n.useState(!1),[b,q]=n.useState(!1),c=u||b,m=a&&c||!a,v=!l&&d!==void 0&&u&&b,j=e=>{e.stopPropagation(),d?.()};return n.useEffect(()=>{q(!!r.value)},[r.value]),t.jsxs("div",{className:"relative",children:[t.jsxs("div",{className:i.cn("relative flex items-center rounded-[10px] bg-white","border border-transparent hover:border hover:border-gray-600","transition-colors duration-200",u?"border border-gray-600":"",s?"border border-red-400 hover:border-red-400":"",r.disabled&&"cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50"),children:[a&&t.jsx("label",{className:i.cn("absolute left-[20px] text-gray-200 transition-all duration-200",c?"typo-b2 top-[11px]":"typo-t1 top-1/2 -translate-y-1/2",r.disabled&&"cursor-not-allowed"),htmlFor:r.id,children:a}),t.jsxs("div",{className:"flex w-full items-end justify-between pr-[15px]",children:[t.jsx("input",{className:i.cn("typo-t1 w-full py-[20px] pl-[20px] outline-none","file:border-0 file:bg-transparent","typo-t1 placeholder:text-gray-200","disabled:cursor-not-allowed disabled:text-gray-200",a&&c&&"pt-[30px] pb-[10px] pl-[20px]",l&&"pr-10",o),onBlur:e=>{p(!1),r.onBlur?.(e)},onChange:e=>{q(e.target.value.length>0),r.onChange?.(e)},onFocus:e=>{p(!0),r.onFocus?.(e)},placeholder:m?y:void 0,ref:g,type:h,...r}),v&&t.jsx("button",{className:i.cn("absolute right-[15px] cursor-pointer",a?"bottom-[10px]":"bottom-[19px]"),onClick:j,onMouseDown:e=>e.preventDefault(),type:"button",children:t.jsx(N.default,{className:"text-gray-200"})})]}),l&&t.jsx("div",{className:"absolute right-[15px] flex items-center",children:l})]}),(s||x)&&t.jsx(w.Typography,{className:i.cn("mt-[9px] ml-[5px]",s?"text-red-400":"text-gray-400"),variant:"b2",children:s||x})]})});f.displayName="TextField";exports.TextField=f;