@tipp/ui 1.4.24 → 1.4.25

package/dist/atoms/drawer.js

@@ -3,10 +3,10 @@ import {
   Drawer,
   Root,
   Trigger
-} from "../chunk-HS4UMG25.js";
+} from "../chunk-UC627KGO.js";
+import "../chunk-4Y5BEXVN.js";
 import "../chunk-U7JPP7WJ.js";
 import "../chunk-LQY4RKWI.js";
-import "../chunk-4Y5BEXVN.js";
 import "../chunk-N552FDTV.js";
 export {
   Content,

package/dist/atoms/index.js

@@ -2,6 +2,9 @@ import "../chunk-KTVZ4KLX.js";
 import {
   Form
 } from "../chunk-OHBL3CTQ.js";
+import {
+  Spinner
+} from "../chunk-FR2GDOU2.js";
 import {
   Strong
 } from "../chunk-74DX4CU7.js";
@@ -24,6 +27,9 @@ import {
   ToastContainer,
   toast
 } from "../chunk-CYYWMYE7.js";
+import {
+  RadioGroup
+} from "../chunk-6DJOIRMF.js";
 import {
   Radio
 } from "../chunk-FPD73OHW.js";
@@ -46,8 +52,8 @@ import {
   Skeleton
 } from "../chunk-5H3YPCZK.js";
 import {
-  Spinner
-} from "../chunk-FR2GDOU2.js";
+  Inset
+} from "../chunk-XQOL7UBI.js";
 import {
   Kbd
 } from "../chunk-TULWX7D6.js";
@@ -70,8 +76,8 @@ import {
   RadioCards
 } from "../chunk-6IVCARWS.js";
 import {
-  RadioGroup
-} from "../chunk-6DJOIRMF.js";
+  Em
+} from "../chunk-2DZ2Y3JI.js";
 import {
   FieldErrorWrapper
 } from "../chunk-DJN2IEY6.js";
@@ -91,8 +97,8 @@ import {
   IconButton
 } from "../chunk-O3DNDMV3.js";
 import {
-  Inset
-} from "../chunk-XQOL7UBI.js";
+  Code
+} from "../chunk-OHMOP5PV.js";
 import {
   Collapse
 } from "../chunk-LZJR77Q2.js";
@@ -110,7 +116,7 @@ import {
   Drawer,
   Root,
   Trigger
-} from "../chunk-HS4UMG25.js";
+} from "../chunk-UC627KGO.js";
 import {
   DropdownMenu
 } from "../chunk-4WFMOFN2.js";
@@ -124,11 +130,12 @@ import {
   Typo
 } from "../chunk-52MVZ6AN.js";
 import {
-  Em
-} from "../chunk-2DZ2Y3JI.js";
+  Box
+} from "../chunk-4Y5BEXVN.js";
 import {
   Button
 } from "../chunk-U7JPP7WJ.js";
+import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import {
   Callout
@@ -145,10 +152,7 @@ import {
 import {
   Checkbox
 } from "../chunk-LHCDPZ5E.js";
-import {
-  Code
-} from "../chunk-OHMOP5PV.js";
-import "../chunk-LQY4RKWI.js";
+import "../chunk-F77ES5Y3.js";
 import {
   AlertDialog
 } from "../chunk-J242TTFH.js";
@@ -167,10 +171,6 @@ import {
 import {
   Blockquote
 } from "../chunk-YGL6SWKN.js";
-import {
-  Box
-} from "../chunk-4Y5BEXVN.js";
-import "../chunk-F77ES5Y3.js";
 import "../chunk-N552FDTV.js";
 export {
   AlertDialog,

package/dist/chunk-VLEI6EVQ.js

@@ -0,0 +1,97 @@
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Heading
+} from "./chunk-HK224ADT.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-F77ES5Y3.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/molecules/date-picker/index.tsx
+import { forwardRef } from "react";
+import * as RDP from "react-datepicker";
+import { registerLocale, setDefaultLocale } from "react-datepicker";
+import { ko as fnKo } from "date-fns/locale";
+import { jsx, jsxs } from "react/jsx-runtime";
+registerLocale("ko", fnKo);
+setDefaultLocale("ko");
+var ReactDatePicker = RDP.default.default || RDP.default || RDP;
+var DatePicker = forwardRef(
+  (props, ref) => {
+    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    return /* @__PURE__ */ jsx(
+      ReactDatePicker,
+      __spreadProps(__spreadValues({
+        dateFormat: "YYYY/MM/dd",
+        nextMonthButtonLabel: "\uB2E4\uC74C \uB2EC",
+        placeholderText: "YYYY/mm/dd",
+        previousMonthButtonLabel: "\uC774\uC804 \uB2EC",
+        ref,
+        renderCustomHeader,
+        showPopperArrow: false,
+        timeIntervals: 10
+      }, rest), {
+        calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
+        timeCaption: "\uC2DC\uAC04",
+        wrapperClassName: `tipp_datePicker ${size} ${rest.wrapperClassName || ""}`
+      })
+    );
+  }
+);
+DatePicker.displayName = "DatePicker";
+var renderCustomHeader = (props) => {
+  const {
+    date,
+    decreaseMonth,
+    increaseMonth,
+    prevMonthButtonDisabled,
+    nextMonthButtonDisabled
+  } = props;
+  const year = date ? date.getFullYear() : "-";
+  const month = date ? date.getMonth() + 1 : "-";
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        disabled: prevMonthButtonDisabled,
+        onClick: decreaseMonth,
+        variant: "ghost",
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
+      /* @__PURE__ */ jsxs(Heading, { variant: "heading4", weight: "regular", children: [
+        year,
+        "\uB144"
+      ] }),
+      /* @__PURE__ */ jsxs(Heading, { variant: "heading4", weight: "regular", children: [
+        month,
+        "\uC6D4"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        disabled: nextMonthButtonDisabled,
+        onClick: increaseMonth,
+        variant: "ghost",
+        children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      }
+    )
+  ] });
+};
+
+export {
+  DatePicker
+};
+//# sourceMappingURL=chunk-VLEI6EVQ.js.map

package/dist/chunk-VLEI6EVQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/date-picker/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access  -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\nimport type { ElementRef } from 'react';\nimport React, { forwardRef } from 'react';\nimport type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';\nimport * as RDP from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from 'react-datepicker';\nimport { ko as fnKo } from 'date-fns/locale';\nimport { IconButton } from '../../atoms/icon-button';\nimport { Flex } from '../../atoms/flex';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../icon';\nimport { Heading } from '../../atoms/heading';\n\nregisterLocale('ko', fnKo);\nsetDefaultLocale('ko');\n\nexport type DatePickerProps = ReactDatePickerProps & {\n  size?: 'small' | 'medium' | 'large';\n};\ntype DatePickerRef = ElementRef<typeof ReactDatePicker>;\n\nconst ReactDatePicker = ((RDP.default as any).default ||\n  (RDP.default as any) ||\n  (RDP as any)) as typeof RDP.default;\n\nexport const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(\n  (props, ref): React.ReactElement => {\n    const { size = 'medium', ...rest } = props;\n    return (\n      <ReactDatePicker\n        dateFormat=\"YYYY/MM/dd\"\n        nextMonthButtonLabel=\"다음 달\"\n        placeholderText=\"YYYY/mm/dd\"\n        previousMonthButtonLabel=\"이전 달\"\n        ref={ref}\n        renderCustomHeader={renderCustomHeader}\n        showPopperArrow={false}\n        timeIntervals={10}\n        {...rest}\n        calendarClassName={`tipp_datePicker_calendar ${rest.calendarClassName || ''}`}\n        timeCaption=\"시간\"\n        wrapperClassName={`tipp_datePicker ${size} ${rest.wrapperClassName || ''}`}\n      />\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\nconst renderCustomHeader: ReactDatePickerProps['renderCustomHeader'] = (\n  props\n) => {\n  const {\n    date,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n  } = props;\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- date가 undefined일 수 있음\n  const year = date ? date.getFullYear() : '-';\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- date가 undefined일 수 있음\n  const month = date ? date.getMonth() + 1 : '-';\n\n  return (\n    <Flex align=\"center\" justify=\"between\" pb=\"2\" pl=\"2\" pr=\"2\">\n      <IconButton\n        disabled={prevMonthButtonDisabled}\n        onClick={decreaseMonth}\n        variant=\"ghost\"\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n      <Flex gap=\"3\">\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {year}년\n        </Heading>\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {month}월\n        </Heading>\n      </Flex>\n\n      <IconButton\n        disabled={nextMonthButtonDisabled}\n        onClick={increaseMonth}\n        variant=\"ghost\"\n      >\n        <ChevronRightIcon />\n      </IconButton>\n    </Flex>\n  );\n};\n\n// DatePicker.displayName = 'DatePicker';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,SAAgB,kBAAkB;AAElC,YAAY,SAAS;AACrB,SAAS,gBAAgB,wBAAwB;AACjD,SAAS,MAAM,YAAY;AAsBrB,cA8CE,YA9CF;AAhBN,eAAe,MAAM,IAAI;AACzB,iBAAiB,IAAI;AAOrB,IAAM,kBAAwB,YAAgB,WACvC,eACJ;AAEI,IAAM,aAAa;AAAA,EACxB,CAAC,OAAO,QAA4B;AAClC,UAAqC,YAA7B,SAAO,SA3BnB,IA2ByC,IAAT,iBAAS,IAAT,CAApB;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,sBAAqB;AAAA,QACrB,iBAAgB;AAAA,QAChB,0BAAyB;AAAA,QACzB;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,eAAe;AAAA,SACX,OATL;AAAA,QAUC,mBAAmB,4BAA4B,KAAK,qBAAqB,EAAE;AAAA,QAC3E,aAAY;AAAA,QACZ,kBAAkB,mBAAmB,IAAI,IAAI,KAAK,oBAAoB,EAAE;AAAA;AAAA,IAC1E;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAM,qBAAiE,CACrE,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAGJ,QAAM,OAAO,OAAO,KAAK,YAAY,IAAI;AAEzC,QAAM,QAAQ,OAAO,KAAK,SAAS,IAAI,IAAI;AAE3C,SACE,qBAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,IAAG,KAAI,IAAG,KACtD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,mBAAgB;AAAA;AAAA,IACnB;AAAA,IACA,qBAAC,QAAK,KAAI,KACR;AAAA,2BAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC;AAAA;AAAA,QAAK;AAAA,SACR;AAAA,MACA,qBAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC;AAAA;AAAA,QAAM;AAAA,SACT;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,oBAAiB;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;","names":[]}

package/dist/index.cjs

@@ -1494,8 +1494,8 @@ var renderCustomHeader = (props) => {
     prevMonthButtonDisabled,
     nextMonthButtonDisabled
   } = props;
-  const year = date.getFullYear();
-  const month = date.getMonth();
+  const year = date ? date.getFullYear() : "-";
+  const month = date ? date.getMonth() + 1 : "-";
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_themes19.Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       import_themes24.IconButton,
@@ -1512,7 +1512,7 @@ var renderCustomHeader = (props) => {
         "\uB144"
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
-        month + 1,
+        month,
         "\uC6D4"
       ] })
     ] }),