@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.6

package/dist/components/DatePicker/SingleDatePicker/hooks/useSingleDatePicker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),i=require("../../BaseDatePicker/hooks/useBaseDatePicker.cjs.js"),n=require("./index.util.cjs.js"),r=require("../../../../types/date.cjs.js"),o=r.EMPTY_DATE,D=e=>{const t=i(e),a=s.useMemo(()=>{const c=t.dateList;return n.convertDatesWithSingleDatePickerFeatures({dates:c,disabledDates:e.disabledDates,selectedDate:e.selectedDate,colorType:e.colorType,handleClickDate:e.onUpdateSelectedDate})},[e,t.dateList]);return{...t,dateList:a,resetSelectedData:()=>{e.onUpdateSelectedDate(o)}}};exports.useSingleDatePicker=D;

package/dist/components/DatePicker/SingleDatePicker/hooks/useSingleDatePicker.es.js

@@ -0,0 +1,26 @@
+import { useMemo as s } from "react";
+import d from "../../BaseDatePicker/hooks/useBaseDatePicker.es.js";
+import { convertDatesWithSingleDatePickerFeatures as i } from "./index.util.es.js";
+import { EMPTY_DATE as o } from "../../../../types/date.es.js";
+const r = o, T = (e) => {
+  const t = d(e), a = s(() => {
+    const c = t.dateList;
+    return i({
+      dates: c,
+      disabledDates: e.disabledDates,
+      selectedDate: e.selectedDate,
+      colorType: e.colorType,
+      handleClickDate: e.onUpdateSelectedDate
+    });
+  }, [e, t.dateList]);
+  return {
+    ...t,
+    dateList: a,
+    resetSelectedData: () => {
+      e.onUpdateSelectedDate(r);
+    }
+  };
+};
+export {
+  T as useSingleDatePicker
+};

package/dist/components/DatePicker/SingleDatePicker/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hooks/useSingleDatePicker.cjs.js");exports.useSingleDatePicker=e.useSingleDatePicker;

package/dist/components/DatePicker/SingleDatePicker/index.es.js

@@ -0,0 +1,4 @@
+import { useSingleDatePicker as i } from "./hooks/useSingleDatePicker.es.js";
+export {
+  i as useSingleDatePicker
+};

package/dist/components/DatePicker/SingleDatePickerModal/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),l=require("../BaseDatePicker/index.cjs.js"),c=require("./index.styled.cjs.js"),r=require("../../../chunks/index.styled.B3JLBK5h.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../Card/index.styled.cjs.js");require("react");require("@emotion/react");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.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("../../../types/date.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("../BaseDatePicker/hooks/index.util.cjs.js");require("../RangeDatePickerModal/index.styled.cjs.js");require("../RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.DkE3TbtV.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/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 d=require("./useSingleDatePickerModal.cjs.js"),x=i=>{const{title:u,visibleModal:t,colorType:q,rightDisabled:o,onReset:n,onConfirm:s,closeModal:a}=i;return e.jsxRuntimeExports.jsxs(r.NavBottomSheet,{visible:t,onMaskClick:a,children:[e.jsxRuntimeExports.jsx(r.NavBottomSheet.Navigation,{title:u,contentColor:"gray",hasBackgroundColor:!0}),e.jsxRuntimeExports.jsx(r.NavBottomSheet.Body,{hasContentPadding:!1,hasBottomPadding:!1,children:e.jsxRuntimeExports.jsx(c.ModalContentWrapper,{children:e.jsxRuntimeExports.jsx(l.BaseDatePicker,{...i})})}),e.jsxRuntimeExports.jsx(r.NavBottomSheet.DoubleButton,{purpose:"main",colorType:q,left:{children:"재설정",onClick:n},right:{children:"확인",disabled:o,onClick:s}})]})};exports.useSingleDatePickerModal=d.useSingleDatePickerModal;exports.SingleDatePickerModal=x;

package/dist/components/DatePicker/SingleDatePickerModal/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SingleDatePickerHooksReturnType } from '../SingleDatePicker/hooks/useSingleDatePicker';
 import { DoubleButtonProps } from '../../Button/DoubleButton';
 import { ColorType } from '../../../utils';

package/dist/components/DatePicker/SingleDatePickerModal/index.es.js

@@ -0,0 +1,94 @@
+import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { BaseDatePicker as s } from "../BaseDatePicker/index.es.js";
+import { ModalContentWrapper as d } from "./index.styled.es.js";
+import { g as t } from "../../../chunks/index.styled.ByGzJNsf.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../Card/index.styled.es.js";
+import "react";
+import "@emotion/react";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../../Icon/generated/AlarmFill.es.js";
+import "../../../Icon/generated/Calendar.es.js";
+import "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import "../../../Icon/generated/ChevronDown.es.js";
+import "../../../Icon/generated/ChevronLeft.es.js";
+import "../../../Icon/generated/ChevronRight.es.js";
+import "../../../Icon/generated/ChevronUp.es.js";
+import "../../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../../Icon/generated/DoubleChevronRight.es.js";
+import "../../../Icon/generated/EyeFill.es.js";
+import "../../../Icon/generated/EyeSlashFill.es.js";
+import "../../../Icon/generated/Filter.es.js";
+import "../../../Icon/generated/Information.es.js";
+import "../../../Icon/generated/Menu.es.js";
+import "../../../Icon/generated/More.es.js";
+import "../../../Icon/generated/PersonFill.es.js";
+import "../../../Icon/generated/Plus.es.js";
+import "../../../Icon/generated/QuestionCircle.es.js";
+import "../../../Icon/generated/Re.es.js";
+import "../../../Icon/generated/Search.es.js";
+import "../../../Icon/generated/SettingFill.es.js";
+import "../../../Icon/generated/Share.es.js";
+import "../../../Icon/generated/Store.es.js";
+import "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../Comment/index.es.js";
+import "../../Control/CheckBox/index.styled.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.styled.es.js";
+import "../BaseDatePicker/hooks/index.util.es.js";
+import "../RangeDatePickerModal/index.styled.es.js";
+import "../RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../Divider/index.styled.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../Navigation/constant.es.js";
+import "../../Segment/BaseSegment/index.styled.es.js";
+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";
+import { useSingleDatePickerModal as So } from "./useSingleDatePickerModal.es.js";
+const Po = (i) => {
+  const { title: r, visibleModal: m, colorType: p, rightDisabled: e, onReset: n, onConfirm: a, closeModal: l } = i;
+  return /* @__PURE__ */ o.jsxs(t, { visible: m, onMaskClick: l, children: [
+    /* @__PURE__ */ o.jsx(t.Navigation, { title: r, contentColor: "gray", hasBackgroundColor: !0 }),
+    /* @__PURE__ */ o.jsx(t.Body, { hasContentPadding: !1, hasBottomPadding: !1, children: /* @__PURE__ */ o.jsx(d, { children: /* @__PURE__ */ o.jsx(s, { ...i }) }) }),
+    /* @__PURE__ */ o.jsx(
+      t.DoubleButton,
+      {
+        purpose: "main",
+        colorType: p,
+        left: {
+          children: "재설정",
+          onClick: n
+        },
+        right: {
+          children: "확인",
+          disabled: e,
+          onClick: a
+        }
+      }
+    )
+  ] });
+};
+export {
+  Po as SingleDatePickerModal,
+  So as useSingleDatePickerModal
+};

package/dist/components/DatePicker/SingleDatePickerModal/index.styled.cjs.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/styled"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=o(e),l=n.default.div`
+	width: 100%;
+	display: flex;
+	justify-content: center;
+`;exports.ModalContentWrapper=l;

package/dist/components/DatePicker/SingleDatePickerModal/index.styled.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const ModalContentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalContentWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DatePicker/SingleDatePickerModal/index.styled.es.js

@@ -0,0 +1,9 @@
+import t from "@emotion/styled";
+const o = t.div`
+	width: 100%;
+	display: flex;
+	justify-content: center;
+`;
+export {
+  o as ModalContentWrapper
+};

package/dist/components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),r=require("../SingleDatePicker/hooks/useSingleDatePicker.cjs.js"),D=require("../../../types/date.cjs.js"),u=new D.PurpleDate().today,S=e=>{const[l,a]=n.useState(!1),[t,s]=n.useState(e.selectedDate),i=!t,o=r.useSingleDatePicker({...e,selectedDate:t,onUpdateSelectedDate:s}),d=()=>{a(!0),e.onUpdateDisplayDate(e.selectedDate||u),s(e.selectedDate)},c=()=>{a(!1)};return{...o,visibleModal:l,rightDisabled:i,openModal:d,closeModal:c,onReset:()=>{o.resetSelectedData()},onConfirm:()=>{e.onUpdateSelectedDate(t),c()}}};exports.useSingleDatePickerModal=S;

package/dist/components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js

@@ -0,0 +1,31 @@
+import { useState as n } from "react";
+import { useSingleDatePicker as D } from "../SingleDatePicker/hooks/useSingleDatePicker.es.js";
+import { PurpleDate as r } from "../../../types/date.es.js";
+const m = new r().today, P = (e) => {
+  const [c, a] = n(!1), [t, o] = n(e.selectedDate), d = !t, s = D({
+    ...e,
+    // 모달 내 임시 value, setter
+    selectedDate: t,
+    onUpdateSelectedDate: o
+  }), i = () => {
+    a(!0), e.onUpdateDisplayDate(e.selectedDate || m), o(e.selectedDate);
+  }, l = () => {
+    a(!1);
+  };
+  return {
+    ...s,
+    visibleModal: c,
+    rightDisabled: d,
+    openModal: i,
+    closeModal: l,
+    onReset: () => {
+      s.resetSelectedData();
+    },
+    onConfirm: () => {
+      e.onUpdateSelectedDate(t), l();
+    }
+  };
+};
+export {
+  P as useSingleDatePickerModal
+};

package/dist/components/DatePicker/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BaseDatePicker/index.cjs.js"),a=require("./SingleDatePicker/hooks/useSingleDatePicker.cjs.js"),i=require("./RangeDatePicker/hooks/useRangeDatePicker.cjs.js"),t=require("./SingleDatePickerModal/index.cjs.js"),r=require("./RangeDatePickerModal/index.cjs.js"),c=require("./SingleDatePickerModal/useSingleDatePickerModal.cjs.js"),n=require("./RangeDatePickerModal/useRangeDatePickerModal.cjs.js");exports.BaseDatePicker=e.BaseDatePicker;exports.useSingleDatePicker=a.useSingleDatePicker;exports.useRangeDatePicker=i.useRangeDatePicker;exports.SingleDatePickerModal=t.SingleDatePickerModal;exports.RangeDatePickerModal=r.RangeDatePickerModal;exports.useSingleDatePickerModal=c.useSingleDatePickerModal;exports.useRangeDatePickerModal=n.useRangeDatePickerModal;

package/dist/components/DatePicker/index.es.js

@@ -0,0 +1,16 @@
+import { BaseDatePicker as o } from "./BaseDatePicker/index.es.js";
+import { useSingleDatePicker as t } from "./SingleDatePicker/hooks/useSingleDatePicker.es.js";
+import { useRangeDatePicker as c } from "./RangeDatePicker/hooks/useRangeDatePicker.es.js";
+import { SingleDatePickerModal as k } from "./SingleDatePickerModal/index.es.js";
+import { RangeDatePickerModal as m } from "./RangeDatePickerModal/index.es.js";
+import { useSingleDatePickerModal as x } from "./SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import { useRangeDatePickerModal as P } from "./RangeDatePickerModal/useRangeDatePickerModal.es.js";
+export {
+  o as BaseDatePicker,
+  m as RangeDatePickerModal,
+  k as SingleDatePickerModal,
+  c as useRangeDatePicker,
+  P as useRangeDatePickerModal,
+  t as useSingleDatePicker,
+  x as useSingleDatePickerModal
+};

package/dist/components/Divider/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/jsx-runtime.713F0z8w.js"),t=require("./index.styled.cjs.js"),i=({size:e})=>r.jsxRuntimeExports.jsx(t.Wrapper,{size:e,children:r.jsxRuntimeExports.jsx(t.DividerItem,{size:e})});exports.Divider=i;

package/dist/components/Divider/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type DividerProps = {
     size: 's' | 'm';
 };

package/dist/components/Divider/index.es.js

@@ -0,0 +1,6 @@
+import { j as t } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Wrapper as e, DividerItem as i } from "./index.styled.es.js";
+const p = ({ size: r }) => /* @__PURE__ */ t.jsx(e, { size: r, children: /* @__PURE__ */ t.jsx(i, { size: r }) });
+export {
+  p as Divider
+};

package/dist/components/Divider/index.styled.cjs.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/styled"),e=require("../../core/Colors/index.cjs.js"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},o=i(r),d=o.default.div`
+	box-sizing: border-box;
+	width: 100%;
+`,s=o.default.div`
+	width: 100%;
+	background-color: ${({size:t})=>t==="s"?e.basicColors.gray50:e.basicColors.gray25};
+	height: ${({size:t})=>t==="s"?"1px":"15px"};
+`;exports.DividerItem=s;exports.Wrapper=d;

package/dist/components/Divider/index.styled.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { DividerProps } from '.';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & DividerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DividerItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & DividerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & DividerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DividerItem: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & DividerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Divider/index.styled.es.js

@@ -0,0 +1,14 @@
+import i from "@emotion/styled";
+import { basicColors as r } from "../../core/Colors/index.es.js";
+const s = i.div`
+	box-sizing: border-box;
+	width: 100%;
+`, e = i.div`
+	width: 100%;
+	background-color: ${({ size: o }) => o === "s" ? r.gray50 : r.gray25};
+	height: ${({ size: o }) => o === "s" ? "1px" : "15px"};
+`;
+export {
+  e as DividerItem,
+  s as Wrapper
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../chunks/jsx-runtime.713F0z8w.js"),n=require("react"),m=require("../../../chunks/index.styled.bRkhLIZX.js"),F=require("../common/InputFrame/index.cjs.js"),C=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},D=C(n),L=D.default.forwardRef((o,E)=>{const{value:r="",placeholder:g,onBlur:l,onFocus:c,onChange:v,disabled:a,label:s,decoration:i,errorValidation:u,logRocketMasking:B,focus:x=!1,focusedAnimation:h=!0,format:I="",pattern:S,type:_,...d}=o,[T,b]=n.useState(""),[y,k]=n.useState(!1),f=n.useRef(null),R=y||!!r,q=s&&R||!s,j=n.useCallback(e=>{const{type:t}=e;d.readOnly||a||h&&k(t==="focus")},[a,h,d.readOnly]);return n.useEffect(()=>{var e;x&&((e=f.current)==null||e.focus())},[x]),n.useEffect(()=>{if(r.replace(I,"").trim()&&u)for(let t=0;t<u.length;t++)if(!u[t].condition(r)&&r.length!==0){b(u[t].errorText);break}else b("")},[r,u,I]),n.useEffect(()=>{const e=f.current,t=w=>{w.preventDefault()};if(e)return e.addEventListener("wheel",t),()=>{e.removeEventListener("wheel",t)}},[]),p.jsxRuntimeExports.jsxs(F.InputFrame,{label:s,focused:y,active:R,disabled:!!a,errorText:T,children:[p.jsxRuntimeExports.jsx(m.InputTag,{"data-private":B,ref:E||f,name:s,disabled:a,value:r,onChange:v,onFocus:e=>{c==null||c(e),j(e)},onBlur:e=>{l==null||l(e),j(e)},decoration:!!i,pattern:_==="number"?"\\d*":S,type:_,hasLabel:!!s,placeholder:q?g:"",...d}),i&&p.jsxRuntimeExports.jsx(m.DecorationItemWrapper,{disabled:a,children:i})]})});exports.BaseInputStyled=m.index_styled;exports.BaseInput=L;

package/dist/components/Input/BaseInput/index.d.ts

@@ -1,4 +1,4 @@
-import React, { InputHTMLAttributes } from 'react';
+import { default as React, InputHTMLAttributes } from 'react';
 type BasicInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
     value?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
@@ -18,15 +18,15 @@ type InputValidator = {
  * @description input decoration은 항상 오른쪽에 위치해 있다.
  */
 declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
-    value?: string | undefined;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    label?: string | undefined;
+    value?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    label?: string;
     decoration?: React.ReactNode;
-    errorValidation?: InputValidator[] | undefined;
-    logRocketMasking?: boolean | undefined;
-    focus?: boolean | undefined;
-    focusedAnimation?: boolean | undefined;
-    format?: string | undefined;
+    errorValidation?: InputValidator[];
+    logRocketMasking?: boolean;
+    focus?: boolean;
+    focusedAnimation?: boolean;
+    format?: string;
 } & React.RefAttributes<HTMLInputElement>>;
 export type { BasicInputProps, InputValidator };
 export { BaseInput };

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

@@ -0,0 +1,80 @@
+import { j as f } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import S, { useState as y, useRef as V, useCallback as C, useEffect as d } from "react";
+import { I as O, D as P } from "../../../chunks/index.styled.Cw4AEFns.js";
+import { i as J } from "../../../chunks/index.styled.Cw4AEFns.js";
+import { InputFrame as W } from "../common/InputFrame/index.es.js";
+const q = S.forwardRef((B, R) => {
+  const {
+    value: r = "",
+    placeholder: j,
+    onBlur: s,
+    onFocus: l,
+    onChange: E,
+    disabled: o,
+    label: n,
+    decoration: c,
+    errorValidation: a,
+    logRocketMasking: k,
+    focus: p = !1,
+    focusedAnimation: m = !0,
+    format: h = "",
+    pattern: w,
+    type: x,
+    ...i
+  } = B, [T, b] = y(""), [I, D] = y(!1), u = V(null), v = I || !!r, F = n && v || !n, g = C(
+    (e) => {
+      const { type: t } = e;
+      i.readOnly || o || m && D(t === "focus");
+    },
+    [o, m, i.readOnly]
+  );
+  return d(() => {
+    var e;
+    p && ((e = u.current) == null || e.focus());
+  }, [p]), d(() => {
+    if (r.replace(h, "").trim() && a)
+      for (let t = 0; t < a.length; t++)
+        if (!a[t].condition(r) && r.length !== 0) {
+          b(a[t].errorText);
+          break;
+        } else
+          b("");
+  }, [r, a, h]), d(() => {
+    const e = u.current, t = (L) => {
+      L.preventDefault();
+    };
+    if (e)
+      return e.addEventListener("wheel", t), () => {
+        e.removeEventListener("wheel", t);
+      };
+  }, []), /* @__PURE__ */ f.jsxs(W, { label: n, focused: I, active: v, disabled: !!o, errorText: T, children: [
+    /* @__PURE__ */ f.jsx(
+      O,
+      {
+        "data-private": k,
+        ref: R || u,
+        name: n,
+        disabled: o,
+        value: r,
+        onChange: E,
+        onFocus: (e) => {
+          l == null || l(e), g(e);
+        },
+        onBlur: (e) => {
+          s == null || s(e), g(e);
+        },
+        decoration: !!c,
+        pattern: x === "number" ? "\\d*" : w,
+        type: x,
+        hasLabel: !!n,
+        placeholder: F ? j : "",
+        ...i
+      }
+    ),
+    c && /* @__PURE__ */ f.jsx(P, { disabled: o, children: c })
+  ] });
+});
+export {
+  q as BaseInput,
+  J as BaseInputStyled
+};

package/dist/components/Input/BaseInput/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../../core/TextStyles/index.cjs.js");require("../../../core/Colors/index.cjs.js");require("../common/InputFrame/constant.cjs.js");require("../../../chunks/index.styled.DkE3TbtV.js");const e=require("../../../chunks/index.styled.bRkhLIZX.js");exports.DecorationItemWrapper=e.DecorationItemWrapper;exports.InputTag=e.InputTag;

package/dist/components/Input/BaseInput/index.styled.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-export declare const InputTag: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+export declare const InputTag: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
 } & {
-    decoration?: boolean | undefined;
+    decoration?: boolean;
     hasLabel: boolean;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const DecorationItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const DecorationItemWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
 } & {
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    disabled?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Input/BaseInput/index.styled.es.js

@@ -0,0 +1,11 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../../core/TextStyles/index.es.js";
+import "../../../core/Colors/index.es.js";
+import "../common/InputFrame/constant.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import { D as I, I as n } from "../../../chunks/index.styled.Cw4AEFns.js";
+export {
+  I as DecorationItemWrapper,
+  n as InputTag
+};

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

@@ -0,0 +1 @@
+"use strict";const D=require("../../../chunks/jsx-runtime.713F0z8w.js"),q=require("react"),_=require("../BaseInput/index.cjs.js");require("@emotion/react");const g=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/index.styled.B3JLBK5h.js");require("../../../core/TextStyles/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.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("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.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.DkE3TbtV.js");require("../ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/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 k=r=>{const[,a]=q.useReducer(e=>e+1,0),i=q.useRef(null),{replace:s,append:f}=r,l=s?s(r.format(r.value)):r.format(r.value),d=q.useRef(!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.");return}if(e.target.type==="date"){console.error("Rifm does not support input type=date.");return}}const t=e.target.value;if(i.current=[t,e.target,t.length>l.length,d.current,l===r.format(t)],process.env.NODE_ENV!=="production"){const n=r.format(t);t!==n&&t.toLowerCase()===n.toLowerCase()&&console.warn("Case enforcement does not work with format. Please use replace={value => value.toLowerCase()} instead")}a()};return(process.env.NODE_ENV==="production"||typeof window<"u")&&q.useLayoutEffect(()=>{if(i.current==null)return;let[e,t,n,h,E]=i.current;i.current=null;const N=h&&E,R=e.slice(t.selectionStart).search(r.accept||/\d/g),V=R!==-1?R:0,m=u=>(u.match(r.accept||/\d/g)||[]).join(""),w=m(e.substr(0,t.selectionStart)),b=u=>{let c=0,p=0;for(let x=0;x!==w.length;++x){let C=u.indexOf(w[x],c)+1,y=m(u).indexOf(w[x],p)+1;y-p>1&&(C=c,y=p),p=Math.max(y,p),c=Math.max(c,C)}return c};if(r.mask===!0&&n&&!E){let u=b(e);const c=m(e.substr(u))[0];u=e.indexOf(c,u),e=`${e.substr(0,u)}${e.substr(u+1)}`}let o=r.format(e);f!=null&&t.selectionStart===e.length&&!E&&(n?o=f(o):m(o.slice(-1))===""&&(o=o.slice(0,-1)));const S=s?s(o):o;return l===S?a():r.onChange(S),()=>{let u=b(o);if(r.mask!=null&&(n||h&&!N))for(;o[u]&&m(o[u])==="";)u+=1;t.selectionStart=t.selectionEnd=u+(N?1+V:0)}}),q.useEffect(()=>{const e=n=>{n.code==="Delete"&&(d.current=!0)},t=n=>{n.code==="Delete"&&(d.current=!1)};return document.addEventListener("keydown",e),document.addEventListener("keyup",t),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t)}},[]),{value:i.current!=null?i.current[0]:l,onChange:v}},O=r=>{const a=k(r);return r.children(a)},L=r=>{const{originValue:a,onValueChange:i,postfix:s="",prefix:f="",max:l=Number.MAX_SAFE_INTEGER,...d}=r,v=q.useCallback(e=>g.extractNumber(e).length>0?`${f}${g.formatKoreaCurrency(e)} ${s}`:"",[s,f]);return D.jsxRuntimeExports.jsx(O,{accept:/[\d]/g,format:v,value:a,onChange:e=>i==null?void 0:i(g.extractNumber(e)),children:({value:e,onChange:t})=>D.jsxRuntimeExports.jsx(_.BaseInput,{type:"tel",format:s,value:e,onChange:n=>{const h=g.extractNumber(n.target.value);Number(h)>l&&(n.target.value=a),t(n)},...d})})};module.exports=L;

package/dist/components/Input/NumberInput/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BasicInputProps } from '../BaseInput';
 export type NumberInputProps = Pick<BasicInputProps, 'errorValidation' | 'decoration' | 'focus'> & {
     originValue: string;