@pfct/purple 1.5.0-npm-next.3 → 1.5.0-npm-next.5

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");const u=require("../../../utils/format.util.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../../chunks/index.styled.7ZYWAl1u.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Alarm_fill.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/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.CMpDdHBq.js");require("../BaseInput/index.cjs.js");require("./index.cjs.js");require("../ResidentNumberInput/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../ToastMessage/Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");require("../../ui/bottomSheet.cjs.js");const q=1e4,t=e=>{const r=Number(u.extractNumber(e));return isNaN(r)?"":(Number(u.extractNumber(e))*q).toString()},a=e=>{const r=Number(u.extractNumber(e))/q,i=r?r.toString():"";return i&&u.formatKoreaCurrency(i)};exports.formatDisplayValueWithManWon=a;exports.formatRealValueWithManWon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");const u=require("../../../utils/format.util.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("react/jsx-runtime");require("../../../chunks/index.styled.BbkiuKd_.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");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_left.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.CMpDdHBq.js");require("../BaseInput/index.cjs.js");require("./index.cjs.js");require("../ResidentNumberInput/index.styled.cjs.js");require("../TextField/index.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../ToastMessage/Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");require("../../ui/bottomSheet.cjs.js");const q=1e4,t=e=>{const r=Number(u.extractNumber(e));return isNaN(r)?"":(Number(u.extractNumber(e))*q).toString()},a=e=>{const r=Number(u.extractNumber(e))/q,i=r?r.toString():"";return i&&u.formatKoreaCurrency(i)};exports.formatDisplayValueWithManWon=a;exports.formatRealValueWithManWon=t;

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

@@ -3,8 +3,8 @@ import { extractNumber as m, formatKoreaCurrency as p } from "../../../utils/for
 import "../../../core/Colors/index.es.js";
 import "../../../utils/GenerateColorStyle/mini-button.es.js";
 import "../../../utils/GenerateColorStyle/datepicker.es.js";
-import "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import "../../../chunks/index.styled.D9nfJhVZ.js";
+import "react/jsx-runtime";
+import "../../../chunks/index.styled.BYNpitkL.js";
 import "../../../core/TextStyles/index.es.js";
 import "../../ui/typography.es.js";
 import "../../Accordion/index.es.js";
@@ -20,32 +20,32 @@ import "../../Control/CheckMark/index.styled.es.js";
 import "../../Control/Switch/index.styled.es.js";
 import "../../DatePicker/BaseDatePicker/index.styled.es.js";
 import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
 import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
 import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Double_Chevron_right.es.js";
 import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Information.es.js";
 import "../../../icons/src/icons/Eye_slash_fill.es.js";
 import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/Menu.es.js";
 import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Menu.es.js";
 import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Plus.es.js";
 import "../../../icons/src/icons/Question_circle.es.js";
+import "../../../icons/src/icons/Plus.es.js";
 import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
 import "../../../icons/src/icons/Search.es.js";
-import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../../icons/src/icons/Share.es.js";
 import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
 import "../../../library/IconWithImage/index.styled.es.js";
 import "../../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -64,6 +64,7 @@ import "../../../chunks/index.styled.DmJ27_dc.js";
 import "../BaseInput/index.es.js";
 import "./index.es.js";
 import "../ResidentNumberInput/index.styled.es.js";
+import "../TextField/index.es.js";
 import "../../Navigation/index.styled.es.js";
 import "../../Navigation/BaseNavigation/index.styled.es.js";
 import "../../Navigation/constant.es.js";
@@ -72,14 +73,14 @@ import "../../Segment/ExtendSegment/index.styled.es.js";
 import "../../ToastMessage/Toast/index.styled.es.js";
 import "../../Tooltip/TooltipBase/index.styled.es.js";
 import "../../ui/bottomSheet.es.js";
-const i = 1e4, Cr = (r) => {
+const i = 1e4, Dr = (r) => {
   const t = Number(m(r));
   return isNaN(t) ? "" : (Number(m(r)) * i).toString();
-}, Dr = (r) => {
+}, Kr = (r) => {
   const t = Number(m(r)) / i, o = t ? t.toString() : "";
   return o && p(o);
 };
 export {
-  Dr as formatDisplayValueWithManWon,
-  Cr as formatRealValueWithManWon
+  Kr as formatDisplayValueWithManWon,
+  Dr as formatRealValueWithManWon
 };

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

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

@@ -1,91 +1,91 @@
-import { j as t } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { useState as h, useRef as j, useMemo as W, useCallback as v, useEffect as b } from "react";
-import { BirthInput as q, Hyphen as z, GenderNumberInput as J, FakeInputWrapper as Q, VirtualPlaceHolderSevenTypeInput as X, VirtualPlaceHolder as Y, SecurityPlaceHolder as Z, FakeSecurityInput as _ } from "./index.styled.es.js";
-import { InputFrame as ee } from "../common/InputFrame/index.es.js";
-const te = /[^0-9]/g, ae = (D) => {
+import { jsxs as k, jsx as o, Fragment as A } from "react/jsx-runtime";
+import { useState as h, useRef as R, useMemo as z, useCallback as C, useEffect as m } from "react";
+import { BirthInput as J, Hyphen as Q, GenderNumberInput as X, FakeInputWrapper as Y, VirtualPlaceHolderSevenTypeInput as Z, VirtualPlaceHolder as _, SecurityPlaceHolder as ee, FakeSecurityInput as te } from "./index.styled.es.js";
+import { InputFrame as ne } from "../common/InputFrame/index.es.js";
+const le = /[^0-9]/g, se = (O) => {
   const {
-    label: o,
-    placeholder: k,
-    value: R,
-    setValue: C,
+    label: r,
+    placeholder: w,
+    value: F,
+    setValue: L,
     disabled: a = !1,
-    errorValidation: d = [],
-    rrnInputType: H = 13,
+    errorValidation: p = [],
+    rrnInputType: $ = 13,
     rrn6: g,
-    defaultRRN7Only: F
-  } = D, [y, A] = h(g || ""), [i, E] = h(F || ""), [l, O] = h(""), [s, $] = h(R || ""), [r, u] = h(!1), w = r || !!R, G = !o && !w && !!k, [K, m] = h(""), L = j(null), f = j(null), I = j(null), S = !!s, M = W(() => {
+    defaultRRN7Only: S
+  } = O, [y, j] = h(g || ""), [i, E] = h(S || ""), [n, G] = h(""), [u, K] = h(F || ""), [l, s] = h(!1), N = l || !!F, M = !r && !N && !!w, [U, b] = h(""), P = R(null), f = R(null), I = R(null), T = !!u, W = z(() => {
     let e = "";
-    for (let n = 1; n <= l.length; n += 1)
+    for (let t = 1; t <= n.length; t += 1)
       e += "●";
     return e;
-  }, [l]), x = v(
-    (e, n, p, c) => {
-      var P, T;
-      const { value: U } = e.target, V = U.trim();
-      V.length <= p ? (n(V.replace(te, "")), V.length === p && c && ((P = c.current) == null || P.focus())) : c && ((T = c.current) == null || T.focus());
+  }, [n]), B = C(
+    (e, t, d, c) => {
+      var D, H;
+      const { value: q } = e.target, v = q.trim();
+      v.length <= d ? (t(v.replace(le, "")), v.length === d && c && ((D = c.current) == null || D.focus())) : c && ((H = c.current) == null || H.focus());
     },
     []
-  ), N = v(
-    (e, n, p) => {
+  ), x = C(
+    (e, t, d) => {
       var c;
-      if (n.length <= 0 && e.key === "Backspace")
-        return p && ((c = p.current) == null ? void 0 : c.focus());
+      if (t.length <= 0 && e.key === "Backspace")
+        return d && ((c = d.current) == null ? void 0 : c.focus());
     },
     []
-  ), B = v(
+  ), V = C(
     (e) => {
-      for (let n = 0; n < d.length; n++)
-        if (!d[n].condition(e) && e.length !== 0) {
-          m(d[n].errorText);
+      for (let t = 0; t < p.length; t++)
+        if (!p[t].condition(e) && e.length !== 0) {
+          b(p[t].errorText);
           break;
         } else
-          m("");
+          b("");
     },
-    [d]
+    [p]
   );
-  return b(() => {
-    const e = `${y}${i}${l}`;
-    $(e), C(e);
-  }, [y, i, l, C]), b(() => {
-    s || m(""), s.length > 0 && !r && B(s), s.length === 13 && B(s);
-  }, [r, B, s]), b(() => {
-    r && m("");
-  }, [r]), b(() => {
-    g && u(!0);
-  }, [g]), /* @__PURE__ */ t.jsxs(ee, { active: w, focused: r, errorText: K, disabled: a, label: o, children: [
-    /* @__PURE__ */ t.jsx(
-      q,
+  return m(() => {
+    const e = `${y}${i}${n}`;
+    K(e), L(e);
+  }, [y, i, n, L]), m(() => {
+    u || b(""), u.length > 0 && !l && V(u), u.length === 13 && V(u);
+  }, [l, V, u]), m(() => {
+    l && b("");
+  }, [l]), m(() => {
+    g && s(!0);
+  }, [g]), /* @__PURE__ */ k(ne, { active: N, focused: l, errorText: U, disabled: a, label: r, children: [
+    /* @__PURE__ */ o(
+      J,
       {
         type: "tel",
-        ref: L,
+        ref: P,
         value: y,
-        onChange: (e) => x(e, A, 6, f),
-        focused: r || S,
-        onFocus: () => u(!0),
-        onBlur: () => u(!1),
+        onChange: (e) => B(e, j, 6, f),
+        focused: l || T,
+        onFocus: () => s(!0),
+        onBlur: () => s(!1),
         disabled: a,
-        hasLabel: !!o,
-        placeholder: G ? k : ""
+        hasLabel: !!r,
+        placeholder: M ? w : ""
       }
     ),
-    (r || S) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(z, { visible: y.length >= 6, disabled: a, hasLabel: !!o, children: "-" }),
-      /* @__PURE__ */ t.jsx(
-        J,
+    (l || T) && /* @__PURE__ */ k(A, { children: [
+      /* @__PURE__ */ o(Q, { visible: y.length >= 6, disabled: a, hasLabel: !!r, children: "-" }),
+      /* @__PURE__ */ o(
+        X,
         {
           type: "tel",
           value: i,
-          onChange: (e) => x(e, E, 1, I),
+          onChange: (e) => B(e, E, 1, I),
           ref: f,
-          onKeyDown: (e) => N(e, i, L),
-          onFocus: () => u(!0),
-          onBlur: () => u(!1),
+          onKeyDown: (e) => x(e, i, P),
+          onFocus: () => s(!0),
+          onBlur: () => s(!1),
           disabled: a,
-          hasLabel: !!o
+          hasLabel: !!r
         }
       ),
-      /* @__PURE__ */ t.jsx(Q, { hasLabel: !!o, children: H === 7 ? /* @__PURE__ */ t.jsx(
-        X,
+      /* @__PURE__ */ o(Y, { hasLabel: !!r, children: $ === 7 ? /* @__PURE__ */ o(
+        Z,
         {
           visible: i.length > 0,
           onClick: () => {
@@ -95,33 +95,33 @@ const te = /[^0-9]/g, ae = (D) => {
           disabled: a,
           children: "●●●●●●"
         }
-      ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(Y, { disabled: a, children: M }),
-        /* @__PURE__ */ t.jsx(Z, { visible: i.length > 0, children: "●●●●●●" }),
-        /* @__PURE__ */ t.jsx(
-          _,
+      ) : /* @__PURE__ */ k(A, { children: [
+        /* @__PURE__ */ o(_, { disabled: a, children: W }),
+        /* @__PURE__ */ o(ee, { visible: i.length > 0, children: "●●●●●●" }),
+        /* @__PURE__ */ o(
+          te,
           {
-            hasLabel: !!o,
+            hasLabel: !!r,
             type: "tel",
             ref: I,
-            autoFocus: !!(g && F),
-            value: l,
+            autoFocus: !!(g && S),
+            value: n,
             onClick: () => {
               var e;
-              (e = I.current) == null || e.setSelectionRange(l.length, l.length);
+              (e = I.current) == null || e.setSelectionRange(n.length, n.length);
             },
-            onChange: (e) => x(e, O, 6),
+            onChange: (e) => B(e, G, 6),
             onKeyDown: (e) => {
               if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
                 e.preventDefault(), e.stopPropagation();
                 return;
               }
-              N(e, l, f);
+              x(e, n, f);
             },
             onFocus: () => {
-              u(!0);
+              s(!0);
             },
-            onBlur: () => u(!1),
+            onBlur: () => s(!1),
             disabled: a
           }
         )
@@ -130,5 +130,5 @@ const te = /[^0-9]/g, ae = (D) => {
   ] });
 };
 export {
-  ae as ResidentNumberInput
+  se 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.713F0z8w.js"),c=require("react"),u=require("../../../chunks/utils.Gb5_Gcy7.js");require("../../../icons/src/icons/Calendar.cjs.js");const w=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Alarm_fill.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/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");const E=require("../../ui/typography.cjs.js"),N=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},_=N(c),h=_.default.forwardRef(({className:s,type:y,label:a,error:o,decoration:n,placeholder:g,onDelete:l,guideMessage:b,...e},j)=>{const[d,m]=c.useState(!1),[q,f]=c.useState(!1),x=d||q,v=a&&x||!a,p=!n&&l!==void 0&&d&&q,R=r=>{r.stopPropagation(),l==null||l()};return c.useEffect(()=>{f(!!e.value)},[e.value]),t.jsxRuntimeExports.jsxs("div",{className:"relative",children:[t.jsxRuntimeExports.jsxs("div",{className:u.cn("relative flex items-center rounded-[10px] bg-white","border border-transparent hover:border hover:border-gray-600","transition-colors duration-200",d?"border border-gray-600":"",o?"border border-red-400 hover:border-red-400":"",e.disabled&&"bg-gray-25 cursor-not-allowed border border-gray-50 hover:border-gray-50"),children:[a&&t.jsxRuntimeExports.jsx("label",{className:u.cn("absolute left-[20px] text-gray-200 transition-all duration-200",x?"typo-b2 top-[11px]":"typo-t1 top-1/2 -translate-y-1/2",e.disabled&&"cursor-not-allowed"),htmlFor:e.id,children:a}),t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-end justify-between pr-[15px]",children:[t.jsxRuntimeExports.jsx("input",{type:y,ref:j,className:u.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&&x&&"pt-[30px] pb-[10px] pl-[20px]",n&&"pr-10",s),onFocus:r=>{var i;m(!0),(i=e.onFocus)==null||i.call(e,r)},onBlur:r=>{var i;m(!1),(i=e.onBlur)==null||i.call(e,r)},onChange:r=>{var i;f(r.target.value.length>0),(i=e.onChange)==null||i.call(e,r)},placeholder:v?g:void 0,...e}),p&&t.jsxRuntimeExports.jsx("button",{type:"button",onClick:R,onMouseDown:r=>r.preventDefault(),className:u.cn("absolute right-[15px] cursor-pointer",a?"bottom-[10px]":"bottom-[19px]"),children:t.jsxRuntimeExports.jsx(w.default,{className:"text-gray-200"})})]}),n&&t.jsxRuntimeExports.jsx("div",{className:"absolute right-[15px] flex items-center",children:n})]}),(o||b)&&t.jsxRuntimeExports.jsx(E.Typography,{variant:"b2",className:u.cn("mt-[9px] ml-[5px]",o?"text-red-400":"text-gray-400"),children:o||b})]})});h.displayName="TextField";exports.TextField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),u=require("../../../chunks/utils.Gb5_Gcy7.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");const _=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_left.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");const p=require("../../ui/typography.cjs.js"),F=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},C=F(c),y=C.default.forwardRef(({className:i,type:g,label:l,error:o,decoration:n,placeholder:m,onDelete:s,guideMessage:b,...e},v)=>{const[d,q]=c.useState(!1),[f,h]=c.useState(!1),x=d||f,j=l&&x||!l,w=!n&&s!==void 0&&d&&f,N=r=>{r.stopPropagation(),s==null||s()};return c.useEffect(()=>{h(!!e.value)},[e.value]),t.jsxs("div",{className:"relative",children:[t.jsxs("div",{className:u.cn("relative flex items-center rounded-[10px] bg-white","border border-transparent hover:border hover:border-gray-600","transition-colors duration-200",d?"border border-gray-600":"",o?"border border-red-400 hover:border-red-400":"",e.disabled&&"bg-gray-25 cursor-not-allowed border border-gray-50 hover:border-gray-50"),children:[l&&t.jsx("label",{className:u.cn("absolute left-[20px] text-gray-200 transition-all duration-200",x?"typo-b2 top-[11px]":"typo-t1 top-1/2 -translate-y-1/2",e.disabled&&"cursor-not-allowed"),htmlFor:e.id,children:l}),t.jsxs("div",{className:"flex w-full items-end justify-between pr-[15px]",children:[t.jsx("input",{type:g,ref:v,className:u.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",l&&x&&"pt-[30px] pb-[10px] pl-[20px]",n&&"pr-10",i),onFocus:r=>{var a;q(!0),(a=e.onFocus)==null||a.call(e,r)},onBlur:r=>{var a;q(!1),(a=e.onBlur)==null||a.call(e,r)},onChange:r=>{var a;h(r.target.value.length>0),(a=e.onChange)==null||a.call(e,r)},placeholder:j?m:void 0,...e}),w&&t.jsx("button",{type:"button",onClick:N,onMouseDown:r=>r.preventDefault(),className:u.cn("absolute right-[15px] cursor-pointer",l?"bottom-[10px]":"bottom-[19px]"),children:t.jsx(_.default,{className:"text-gray-200"})})]}),n&&t.jsx("div",{className:"absolute right-[15px] flex items-center",children:n})]}),(o||b)&&t.jsx(p.Typography,{variant:"b2",className:u.cn("mt-[9px] ml-[5px]",o?"text-red-400":"text-gray-400"),children:o||b})]})});y.displayName="TextField";exports.TextField=y;