@pfct/purple 1.4.4-rc.0 → 1.5.0-npm-next.0

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

@@ -1,7 +0,0 @@
-import { SingleDatePickerHooksProps } from '../SingleDatePicker/hooks/useSingleDatePicker';
-import { SingleDatePickerModalProps } from '.';
-type SingleDatePickerModalHooksProps = SingleDatePickerHooksProps;
-type SingleDatePickerModalHooksReturnType = Omit<SingleDatePickerModalProps, 'colorType' | 'title'>;
-declare const useSingleDatePickerModal: (props: SingleDatePickerModalHooksProps) => SingleDatePickerModalHooksReturnType;
-export type { SingleDatePickerModalHooksProps };
-export { useSingleDatePickerModal };

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

@@ -1,31 +0,0 @@
-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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,5 +0,0 @@
-export * from './BaseDatePicker';
-export * from './SingleDatePicker';
-export * from './RangeDatePicker';
-export * from './SingleDatePickerModal';
-export * from './RangeDatePickerModal';

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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-"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,7 +0,0 @@
-import { default as React } from 'react';
-type DividerProps = {
-    size: 's' | 'm';
-};
-declare const Divider: React.FC<DividerProps>;
-export type { DividerProps };
-export { Divider };

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

@@ -1,6 +0,0 @@
-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

@@ -1,8 +0,0 @@
-"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,9 +0,0 @@
-import { DividerProps } from '.';
-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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-"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.B2P8JvNq.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,33 +0,0 @@
-import { default as React, InputHTMLAttributes } from 'react';
-type BasicInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
-    value?: string;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    label?: string;
-    decoration?: React.ReactNode;
-    errorValidation?: InputValidator[];
-    logRocketMasking?: boolean;
-    focus?: boolean;
-    focusedAnimation?: boolean;
-    format?: string;
-};
-type InputValidator = {
-    errorText: string;
-    condition: (value: string) => boolean;
-};
-/**
- * @description input decoration은 항상 오른쪽에 위치해 있다.
- */
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & {
-    value?: string;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    label?: string;
-    decoration?: React.ReactNode;
-    errorValidation?: InputValidator[];
-    logRocketMasking?: boolean;
-    focus?: boolean;
-    focusedAnimation?: boolean;
-    format?: string;
-} & React.RefAttributes<HTMLInputElement>>;
-export type { BasicInputProps, InputValidator };
-export { BaseInput };
-export * as BaseInputStyled from './index.styled';

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

@@ -1,80 +0,0 @@
-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.Comn86rI.js";
-import { i as J } from "../../../chunks/index.styled.Comn86rI.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

@@ -1 +0,0 @@
-"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.CMpDdHBq.js");const e=require("../../../chunks/index.styled.B2P8JvNq.js");exports.DecorationItemWrapper=e.DecorationItemWrapper;exports.InputTag=e.InputTag;

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

@@ -1,13 +0,0 @@
-export declare const InputTag: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    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;
-    as?: React.ElementType;
-} & {
-    disabled?: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,11 +0,0 @@
-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.DmJ27_dc.js";
-import { D as I, I as n } from "../../../chunks/index.styled.Comn86rI.js";
-export {
-  I as DecorationItemWrapper,
-  n as InputTag
-};

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

@@ -1 +0,0 @@
-"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.Dr7J5p--.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("../../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/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/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/Check.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/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Share.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("../PostfixInput/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 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,13 +0,0 @@
-import { default as React } from 'react';
-import { BasicInputProps } from '../BaseInput';
-export type NumberInputProps = Pick<BasicInputProps, 'errorValidation' | 'decoration' | 'focus'> & {
-    originValue: string;
-    placeholder?: string;
-    prefix?: string;
-    postfix?: string;
-    max?: number;
-    onValueChange?: (value: string) => void;
-    disabled?: boolean;
-};
-declare const NumberInput: React.FC<NumberInputProps>;
-export default NumberInput;

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

@@ -1,189 +0,0 @@
-import { j as R } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { useReducer as O, useRef as V, useLayoutEffect as L, useEffect as P, useCallback as A } from "react";
-import { BaseInput as j } from "../BaseInput/index.es.js";
-import "@emotion/react";
-import { formatKoreaCurrency as I, extractNumber as y } from "../../../utils/format.util.es.js";
-import "../../../core/Colors/index.es.js";
-import "../../../utils/GenerateColorStyle/mini-button.es.js";
-import "../../../utils/GenerateColorStyle/datepicker.es.js";
-import "../../../chunks/index.styled.CjQMGUjI.js";
-import "../../../core/TextStyles/index.es.js";
-import "../../ui/typography.es.js";
-import "../../Accordion/index.es.js";
-import "../../Badge/IconBadge/index.styled.es.js";
-import "../../Badge/TextBadge/index.styled.es.js";
-import "../../Loading/Skeleton/index.es.js";
-import "../../Loading/Spinner/index.styled.es.js";
-import "../../Card/index.styled.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 "../../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/Cancel_circle.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/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/Check.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/Person_fill.es.js";
-import "../../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Search.es.js";
-import "../../../icons/src/icons/Share.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 "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
-import "../../../types/date.es.js";
-import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
-import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
-import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
-import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
-import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
-import "../../Divider/index.styled.es.js";
-import "../../../chunks/index.styled.DmJ27_dc.js";
-import "../PostfixInput/index.es.js";
-import "../ResidentNumberInput/index.styled.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";
-const _ = (e) => {
-  const [, s] = O((t) => t + 1, 0), n = V(null), {
-    replace: a,
-    append: c
-  } = e, u = a ? a(e.format(e.value)) : e.format(e.value), l = V(!1), v = (t) => {
-    if (process.env.NODE_ENV !== "production") {
-      if (t.target.type === "number") {
-        console.error("Rifm does not support input type=number, use type=tel instead.");
-        return;
-      }
-      if (t.target.type === "date") {
-        console.error("Rifm does not support input type=date.");
-        return;
-      }
-    }
-    const r = t.target.value;
-    if (n.current = [
-      r,
-      // eventValue
-      t.target,
-      // input
-      r.length > u.length,
-      // isSizeIncreaseOperation
-      l.current,
-      // isDeleleteButtonDown
-      u === e.format(r)
-      // isNoOperation
-    ], process.env.NODE_ENV !== "production") {
-      const i = e.format(r);
-      r !== i && r.toLowerCase() === i.toLowerCase() && console.warn("Case enforcement does not work with format. Please use replace={value => value.toLowerCase()} instead");
-    }
-    s();
-  };
-  return (process.env.NODE_ENV === "production" || typeof window < "u") && L(() => {
-    if (n.current == null) return;
-    let [
-      t,
-      r,
-      i,
-      h,
-      // No operation means that value itself hasn't been changed, BTW cursor, selection etc can be changed
-      E
-    ] = n.current;
-    n.current = null;
-    const N = h && E, S = t.slice(r.selectionStart).search(e.accept || /\d/g), k = S !== -1 ? S : 0, f = (o) => (o.match(e.accept || /\d/g) || []).join(""), w = f(t.substr(0, r.selectionStart)), C = (o) => {
-      let p = 0, d = 0;
-      for (let g = 0; g !== w.length; ++g) {
-        let b = o.indexOf(w[g], p) + 1, x = f(o).indexOf(w[g], d) + 1;
-        x - d > 1 && (b = p, x = d), d = Math.max(x, d), p = Math.max(p, b);
-      }
-      return p;
-    };
-    if (e.mask === !0 && i && !E) {
-      let o = C(t);
-      const p = f(t.substr(o))[0];
-      o = t.indexOf(p, o), t = `${t.substr(0, o)}${t.substr(o + 1)}`;
-    }
-    let m = e.format(t);
-    c != null && // cursor at the end
-    r.selectionStart === t.length && !E && (i ? m = c(m) : f(m.slice(-1)) === "" && (m = m.slice(0, -1)));
-    const D = a ? a(m) : m;
-    return u === D ? s() : e.onChange(D), () => {
-      let o = C(m);
-      if (e.mask != null && (i || h && !N))
-        for (; m[o] && f(m[o]) === ""; )
-          o += 1;
-      r.selectionStart = r.selectionEnd = o + (N ? 1 + k : 0);
-    };
-  }), P(() => {
-    const t = (i) => {
-      i.code === "Delete" && (l.current = !0);
-    }, r = (i) => {
-      i.code === "Delete" && (l.current = !1);
-    };
-    return document.addEventListener("keydown", t), document.addEventListener("keyup", r), () => {
-      document.removeEventListener("keydown", t), document.removeEventListener("keyup", r);
-    };
-  }, []), {
-    value: n.current != null ? n.current[0] : u,
-    onChange: v
-  };
-}, $ = (e) => {
-  const s = _(e);
-  return e.children(s);
-}, ne = (e) => {
-  const { originValue: s, onValueChange: n, postfix: a = "", prefix: c = "", max: u = Number.MAX_SAFE_INTEGER, ...l } = e, v = A(
-    (t) => y(t).length > 0 ? `${c}${I(t)} ${a}` : "",
-    [a, c]
-  );
-  return /* @__PURE__ */ R.jsx(
-    $,
-    {
-      accept: /[\d]/g,
-      format: v,
-      value: s,
-      onChange: (t) => n == null ? void 0 : n(y(t)),
-      children: ({ value: t, onChange: r }) => /* @__PURE__ */ R.jsx(
-        j,
-        {
-          type: "tel",
-          format: a,
-          value: t,
-          onChange: (i) => {
-            const h = y(i.target.value);
-            Number(h) > u && (i.target.value = s), r(i);
-          },
-          ...l
-        }
-      )
-    }
-  );
-};
-export {
-  ne as default
-};

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

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

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

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { BasicInputProps } from '../BaseInput';
-interface PostfixInputProps extends BasicInputProps {
-    realValue: string;
-    postfix?: string;
-    updateRealValue: (val: string) => void;
-    formatRealValue?: (val: string) => string;
-    formatDisplayValue?: (val: string) => string;
-}
-/**
- *  fyi.  decoration 다시 살림 (https://pfcoworkspace.slack.com/archives/C0145TGCZ41/p1701937714740749)
- */
-declare const PostfixInput: React.ForwardRefExoticComponent<PostfixInputProps & React.RefAttributes<HTMLInputElement>>;
-export type { PostfixInputProps };
-export { PostfixInput };

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

@@ -1,115 +0,0 @@
-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) => {
-  const {
-    realValue: l,
-    postfix: S,
-    onBlur: f,
-    onFocus: m,
-    onClick: i,
-    disabled: c,
-    label: a,
-    placeholder: y,
-    errorValidation: n,
-    logRocketMasking: U,
-    focus: h = !1,
-    max: I,
-    decoration: N,
-    updateRealValue: T,
-    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(
-    (e) => {
-      if (e.length === 0 || e === "0") {
-        x("");
-        return;
-      }
-      if (n)
-        for (let t = 0; t < n.length; t++)
-          if (!n[t].condition(e) && e.length !== 0) {
-            x(n[t].errorText);
-            break;
-          } else
-            x("");
-    },
-    [n]
-  ), C = d((e) => {
-    const { type: t } = e;
-    V(t === "focus");
-  }, []), v = d(
-    (e) => {
-      var t;
-      i == null || i(e), (t = s.current) == null || t.focus();
-    },
-    [i, s]
-  ), M = d(
-    (e) => {
-      const t = (u == null ? void 0 : u(e)) || e, w = Number(I), D = Number(t);
-      w && !isNaN(D) && D > w || T(t);
-    },
-    [I, T, u]
-  );
-  return E(() => {
-    let e = l;
-    r && (e = (r == null ? void 0 : r(e)) || ""), A(e), k(l);
-  }, [r, k, l]), E(() => {
-    var e;
-    h && ((e = s.current) == null || e.focus());
-  }, [s, h]), /* @__PURE__ */ o.jsxs(
-    $,
-    {
-      label: a,
-      active: b,
-      focused: g,
-      disabled: !!c,
-      errorText: L,
-      handleClickInput: v,
-      children: [
-        /* @__PURE__ */ o.jsxs(G, { children: [
-          /* @__PURE__ */ o.jsx(H, { focused: g, displayValue: p, children: /* @__PURE__ */ o.jsx(
-            J,
-            {
-              ...z,
-              className: K.inputTag,
-              hasLabel: !!a,
-              placeholder: R ? y : "",
-              "data-private": U,
-              ref: P || s,
-              name: a,
-              disabled: c,
-              value: r ? p : l,
-              onChange: (e) => {
-                const t = e.currentTarget.value;
-                M(t);
-              },
-              onFocus: (e) => {
-                m == null || m(e), C(e);
-              },
-              onBlur: (e) => {
-                f == null || f(e), C(e);
-              },
-              decoration: !1,
-              pattern: B === "number" ? "\\d*" : W,
-              type: B,
-              onClick: v,
-              size: R ? 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 }) }) })
-        ] }),
-        N && /* @__PURE__ */ o.jsx(q, { disabled: c, children: N })
-      ]
-    }
-  );
-});
-export {
-  le as PostfixInput
-};