@tipp/ui 2.2.8 → 2.2.9

package/dist/app/platform/userInfos/session-user-info-detail.js

@@ -1,9 +1,8 @@
 import {
   SessionUserInfoDetail
-} from "../../../chunk-XZO5HJSW.js";
+} from "../../../chunk-TV5G6LPC.js";
 import "../../../chunk-MXZFDDUU.js";
 import "../../../chunk-HBF6IIVZ.js";
-import "../../../chunk-2OMSNCRH.js";
 import "../../../chunk-OYM4XCHQ.js";
 import "../../../chunk-YJ7ZFOYL.js";
 import "../../../chunk-5ZITU5L7.js";
@@ -17,8 +16,8 @@ import "../../../chunk-X2GMDZ7M.js";
 import "../../../chunk-5H3YPCZK.js";
 import "../../../chunk-FR2GDOU2.js";
 import "../../../chunk-74DX4CU7.js";
-import "../../../chunk-JIJLOKVN.js";
-import "../../../chunk-YYINCYQ2.js";
+import "../../../chunk-WV2HN6H4.js";
+import "../../../chunk-AQEJ47YX.js";
 import "../../../chunk-5AVBYDPB.js";
 import "../../../chunk-365QMK4D.js";
 import "../../../chunk-YO3BQW6S.js";
@@ -31,8 +30,7 @@ import "../../../chunk-XQOL7UBI.js";
 import "../../../chunk-TULWX7D6.js";
 import "../../../chunk-DHZVOXFM.js";
 import "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-DIE6CIJQ.js";
-import "../../../chunk-BESTU2AY.js";
+import "../../../chunk-OC5IPHZQ.js";
 import "../../../chunk-RHHS5DZL.js";
 import "../../../chunk-645GPOW2.js";
 import "../../../chunk-HYITAA4J.js";
@@ -42,9 +40,8 @@ import "../../../chunk-HF6GNDPV.js";
 import "../../../chunk-D4U2MCJG.js";
 import "../../../chunk-Y4U24VXI.js";
 import "../../../chunk-3NUQAVE6.js";
-import "../../../chunk-PT57HCAI.js";
 import "../../../chunk-2DZ2Y3JI.js";
-import "../../../chunk-ZOPYFDLO.js";
+import "../../../chunk-VRJR534I.js";
 import "../../../chunk-B6XJN6EC.js";
 import "../../../chunk-RP2RGCAW.js";
 import "../../../chunk-MIMJ7LON.js";
@@ -58,28 +55,31 @@ import "../../../chunk-K36TPMKL.js";
 import "../../../chunk-U3BQT7ZO.js";
 import "../../../chunk-YGL6SWKN.js";
 import "../../../chunk-4Y5BEXVN.js";
-import "../../../chunk-Z34HR7RE.js";
-import "../../../chunk-PMJIFLDT.js";
-import "../../../chunk-LDBWASUA.js";
+import "../../../chunk-QRI6ARS6.js";
 import "../../../chunk-25HMMI7R.js";
 import "../../../chunk-TSXRCXC6.js";
 import "../../../chunk-LQY4RKWI.js";
 import "../../../chunk-ZD7MNMED.js";
 import "../../../chunk-V5XKNSCK.js";
 import "../../../chunk-WJ34ZHTU.js";
+import "../../../chunk-ZQE7SP6P.js";
+import "../../../chunk-R6ARPREO.js";
 import "../../../chunk-2O45FRFQ.js";
+import "../../../chunk-J2I3R3OV.js";
+import "../../../chunk-QO6KO6MN.js";
 import "../../../chunk-5KNRHIIF.js";
 import "../../../chunk-6JRAI4G5.js";
 import "../../../chunk-776WBOKL.js";
 import "../../../chunk-2FJ4LW7E.js";
-import "../../../chunk-ZQE7SP6P.js";
-import "../../../chunk-R6ARPREO.js";
 import "../../../chunk-YSYJCYHY.js";
 import "../../../chunk-5OM2H6RI.js";
 import "../../../chunk-ZUYCXCPW.js";
 import "../../../chunk-YVFNJE4E.js";
-import "../../../chunk-J2I3R3OV.js";
-import "../../../chunk-QO6KO6MN.js";
+import "../../../chunk-2OMSNCRH.js";
+import "../../../chunk-BESTU2AY.js";
+import "../../../chunk-PMJIFLDT.js";
+import "../../../chunk-LDBWASUA.js";
+import "../../../chunk-PT57HCAI.js";
 import "../../../chunk-J242TTFH.js";
 import "../../../chunk-EAXUQEO5.js";
 import "../../../chunk-CRTRMMJ7.js";

package/dist/app/platform/userInfos/utils.js

@@ -6,7 +6,6 @@ import {
   sessionList
 } from "../../../chunk-MXZFDDUU.js";
 import "../../../chunk-HBF6IIVZ.js";
-import "../../../chunk-2OMSNCRH.js";
 import "../../../chunk-OYM4XCHQ.js";
 import "../../../chunk-YJ7ZFOYL.js";
 import "../../../chunk-5ZITU5L7.js";
@@ -20,8 +19,8 @@ import "../../../chunk-X2GMDZ7M.js";
 import "../../../chunk-5H3YPCZK.js";
 import "../../../chunk-FR2GDOU2.js";
 import "../../../chunk-74DX4CU7.js";
-import "../../../chunk-JIJLOKVN.js";
-import "../../../chunk-YYINCYQ2.js";
+import "../../../chunk-WV2HN6H4.js";
+import "../../../chunk-AQEJ47YX.js";
 import "../../../chunk-5AVBYDPB.js";
 import "../../../chunk-365QMK4D.js";
 import "../../../chunk-YO3BQW6S.js";
@@ -34,8 +33,7 @@ import "../../../chunk-XQOL7UBI.js";
 import "../../../chunk-TULWX7D6.js";
 import "../../../chunk-DHZVOXFM.js";
 import "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-DIE6CIJQ.js";
-import "../../../chunk-BESTU2AY.js";
+import "../../../chunk-OC5IPHZQ.js";
 import "../../../chunk-RHHS5DZL.js";
 import "../../../chunk-645GPOW2.js";
 import "../../../chunk-HYITAA4J.js";
@@ -45,9 +43,8 @@ import "../../../chunk-HF6GNDPV.js";
 import "../../../chunk-D4U2MCJG.js";
 import "../../../chunk-Y4U24VXI.js";
 import "../../../chunk-3NUQAVE6.js";
-import "../../../chunk-PT57HCAI.js";
 import "../../../chunk-2DZ2Y3JI.js";
-import "../../../chunk-ZOPYFDLO.js";
+import "../../../chunk-VRJR534I.js";
 import "../../../chunk-B6XJN6EC.js";
 import "../../../chunk-RP2RGCAW.js";
 import "../../../chunk-MIMJ7LON.js";
@@ -61,28 +58,31 @@ import "../../../chunk-K36TPMKL.js";
 import "../../../chunk-U3BQT7ZO.js";
 import "../../../chunk-YGL6SWKN.js";
 import "../../../chunk-4Y5BEXVN.js";
-import "../../../chunk-Z34HR7RE.js";
-import "../../../chunk-PMJIFLDT.js";
-import "../../../chunk-LDBWASUA.js";
+import "../../../chunk-QRI6ARS6.js";
 import "../../../chunk-25HMMI7R.js";
 import "../../../chunk-TSXRCXC6.js";
 import "../../../chunk-LQY4RKWI.js";
 import "../../../chunk-ZD7MNMED.js";
 import "../../../chunk-V5XKNSCK.js";
 import "../../../chunk-WJ34ZHTU.js";
+import "../../../chunk-ZQE7SP6P.js";
+import "../../../chunk-R6ARPREO.js";
 import "../../../chunk-2O45FRFQ.js";
+import "../../../chunk-J2I3R3OV.js";
+import "../../../chunk-QO6KO6MN.js";
 import "../../../chunk-5KNRHIIF.js";
 import "../../../chunk-6JRAI4G5.js";
 import "../../../chunk-776WBOKL.js";
 import "../../../chunk-2FJ4LW7E.js";
-import "../../../chunk-ZQE7SP6P.js";
-import "../../../chunk-R6ARPREO.js";
 import "../../../chunk-YSYJCYHY.js";
 import "../../../chunk-5OM2H6RI.js";
 import "../../../chunk-ZUYCXCPW.js";
 import "../../../chunk-YVFNJE4E.js";
-import "../../../chunk-J2I3R3OV.js";
-import "../../../chunk-QO6KO6MN.js";
+import "../../../chunk-2OMSNCRH.js";
+import "../../../chunk-BESTU2AY.js";
+import "../../../chunk-PMJIFLDT.js";
+import "../../../chunk-LDBWASUA.js";
+import "../../../chunk-PT57HCAI.js";
 import "../../../chunk-J242TTFH.js";
 import "../../../chunk-EAXUQEO5.js";
 import "../../../chunk-CRTRMMJ7.js";

package/dist/atoms/bullet-text.js

@@ -1,9 +1,9 @@
 import {
   BulletText
-} from "../chunk-Z34HR7RE.js";
+} from "../chunk-QRI6ARS6.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
-import "../chunk-25HMMI7R.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   BulletText

package/dist/atoms/dialog.js

@@ -1,10 +1,10 @@
 import {
   Dialog
-} from "../chunk-DIE6CIJQ.js";
-import "../chunk-BESTU2AY.js";
+} from "../chunk-OC5IPHZQ.js";
 import "../chunk-U7N2PWMO.js";
 import "../chunk-636THO2G.js";
 import "../chunk-HF6GNDPV.js";
+import "../chunk-BESTU2AY.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {

package/dist/atoms/ellipsis-tooltip.js

@@ -2,9 +2,9 @@ import {
   EllipsisTooltip
 } from "../chunk-Y4U24VXI.js";
 import "../chunk-3NUQAVE6.js";
-import "../chunk-PT57HCAI.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
+import "../chunk-PT57HCAI.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   EllipsisTooltip

package/dist/atoms/field-error-wrapper.js

@@ -1,9 +1,9 @@
 import {
   FieldErrorWrapper
-} from "../chunk-ZOPYFDLO.js";
+} from "../chunk-VRJR534I.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
-import "../chunk-25HMMI7R.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   FieldErrorWrapper

package/dist/atoms/index.js

@@ -1,8 +1,4 @@
 import "../chunk-HBF6IIVZ.js";
-import {
-  Form,
-  FormItem
-} from "../chunk-2OMSNCRH.js";
 import {
   Switch
 } from "../chunk-OYM4XCHQ.js";
@@ -46,10 +42,10 @@ import {
 import {
   List,
   useList
-} from "../chunk-JIJLOKVN.js";
+} from "../chunk-WV2HN6H4.js";
 import {
   Pagination
-} from "../chunk-YYINCYQ2.js";
+} from "../chunk-AQEJ47YX.js";
 import {
   Popover
 } from "../chunk-5AVBYDPB.js";
@@ -88,10 +84,7 @@ import {
 } from "../chunk-VTJZMOSP.js";
 import {
   Dialog
-} from "../chunk-DIE6CIJQ.js";
-import {
-  Heading
-} from "../chunk-BESTU2AY.js";
+} from "../chunk-OC5IPHZQ.js";
 import {
   Content,
   Drawer,
@@ -116,13 +109,12 @@ import {
 import {
   Tooltip
 } from "../chunk-3NUQAVE6.js";
-import "../chunk-PT57HCAI.js";
 import {
   Em
 } from "../chunk-2DZ2Y3JI.js";
 import {
   FieldErrorWrapper
-} from "../chunk-ZOPYFDLO.js";
+} from "../chunk-VRJR534I.js";
 import {
   Callout
 } from "../chunk-B6XJN6EC.js";
@@ -164,11 +156,7 @@ import {
 } from "../chunk-4Y5BEXVN.js";
 import {
   BulletText
-} from "../chunk-Z34HR7RE.js";
-import {
-  Typo
-} from "../chunk-PMJIFLDT.js";
-import "../chunk-LDBWASUA.js";
+} from "../chunk-QRI6ARS6.js";
 import {
   Flex
 } from "../chunk-25HMMI7R.js";
@@ -179,19 +167,31 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-V5XKNSCK.js";
 import "../chunk-WJ34ZHTU.js";
+import "../chunk-ZQE7SP6P.js";
+import "../chunk-R6ARPREO.js";
 import "../chunk-2O45FRFQ.js";
+import "../chunk-J2I3R3OV.js";
+import "../chunk-QO6KO6MN.js";
 import "../chunk-5KNRHIIF.js";
 import "../chunk-6JRAI4G5.js";
 import "../chunk-776WBOKL.js";
 import "../chunk-2FJ4LW7E.js";
-import "../chunk-ZQE7SP6P.js";
-import "../chunk-R6ARPREO.js";
 import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-J2I3R3OV.js";
-import "../chunk-QO6KO6MN.js";
+import {
+  Form,
+  FormItem
+} from "../chunk-2OMSNCRH.js";
+import {
+  Heading
+} from "../chunk-BESTU2AY.js";
+import {
+  Typo
+} from "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
+import "../chunk-PT57HCAI.js";
 import {
   AlertDialog
 } from "../chunk-J242TTFH.js";

package/dist/atoms/list.js

@@ -1,10 +1,10 @@
 import {
   List,
   useList
-} from "../chunk-JIJLOKVN.js";
+} from "../chunk-WV2HN6H4.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
-import "../chunk-25HMMI7R.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   List,

package/dist/atoms/pagination.js

@@ -1,26 +1,26 @@
 import {
   Pagination
-} from "../chunk-YYINCYQ2.js";
+} from "../chunk-AQEJ47YX.js";
 import "../chunk-636THO2G.js";
 import "../chunk-HF6GNDPV.js";
-import "../chunk-PMJIFLDT.js";
-import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-V5XKNSCK.js";
 import "../chunk-WJ34ZHTU.js";
+import "../chunk-ZQE7SP6P.js";
+import "../chunk-R6ARPREO.js";
 import "../chunk-2O45FRFQ.js";
+import "../chunk-J2I3R3OV.js";
+import "../chunk-QO6KO6MN.js";
 import "../chunk-5KNRHIIF.js";
 import "../chunk-6JRAI4G5.js";
 import "../chunk-776WBOKL.js";
 import "../chunk-2FJ4LW7E.js";
-import "../chunk-ZQE7SP6P.js";
-import "../chunk-R6ARPREO.js";
 import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-J2I3R3OV.js";
-import "../chunk-QO6KO6MN.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   Pagination

package/dist/chunk-22AYH6P7.js

@@ -0,0 +1,75 @@
+import {
+  DatePicker
+} from "./chunk-I3UMTEC3.js";
+import {
+  TextField
+} from "./chunk-6NPTJBFE.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Button
+} from "./chunk-TSXRCXC6.js";
+import {
+  CalendarIcon
+} from "./chunk-V5XKNSCK.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/date-picker/date-picker-button.tsx
+import { useMemo } from "react";
+import { format } from "date-fns";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePickerButton(props) {
+  const _a = props, { size, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "format", "disabled"]);
+  const placeholder = rest.placeholder || "\uB0A0\uC9DC\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694";
+  const buttonProps = useMemo(() => {
+    const variant = "outline";
+    const color = "gray";
+    return { size, color, variant, disabled };
+  }, [disabled, size]);
+  const selectFormat = useMemo(() => {
+    if (formatProps) return formatProps;
+    return (date) => {
+      return date ? format(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "";
+    };
+  }, [formatProps]);
+  const className = useMemo(() => {
+    return clsx(
+      "date-picker-button",
+      (disabled || props.readOnly) && "disabled"
+    );
+  }, [disabled, props.readOnly]);
+  const placeholderVisible = useMemo(() => {
+    return rest.selected ? "" : "placeholder-visible";
+  }, [rest.selected]);
+  return /* @__PURE__ */ jsx(Box, { p: "0", width: "100%", children: /* @__PURE__ */ jsx(
+    DatePicker,
+    __spreadProps(__spreadValues({
+      customInput: /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ asChild: true, className, type: "button" }, buttonProps), { children: /* @__PURE__ */ jsxs(
+        TextField.Root,
+        {
+          className: placeholderVisible,
+          placeholder: placeholder || "",
+          value: rest.selected ? selectFormat(rest.selected) : placeholder,
+          children: [
+            /* @__PURE__ */ jsx(TextField.Slot, { className: "hide-slot" }),
+            /* @__PURE__ */ jsx(TextField.Slot, { children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
+          ]
+        }
+      ) })),
+      wrapperClassName: "full-width"
+    }, rest), {
+      disabled
+    })
+  ) });
+}
+
+export {
+  DatePickerButton
+};
+//# sourceMappingURL=chunk-22AYH6P7.js.map

package/dist/chunk-22AYH6P7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/date-picker/date-picker-button.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { clsx } from 'clsx';\nimport type { ButtonProps } from '../../atoms';\nimport { Box, Button, TextField } from '../../atoms';\nimport { CalendarIcon } from '../../icon';\nimport type { DatePickerProps } from '.';\nimport { DatePicker } from '.';\n\nexport type DatePickerButtonProps = DatePickerProps & {\n  placeholder?: string;\n  format?: (date: Date) => string;\n  size?: ButtonProps['size'];\n};\n\nexport function DatePickerButton(\n  props: DatePickerButtonProps\n): React.ReactNode {\n  const { size, format: formatProps, disabled, ...rest } = props;\n  const placeholder = rest.placeholder || '날짜를 선택해주세요';\n\n  const buttonProps = useMemo(() => {\n    const variant: ButtonProps['variant'] = 'outline';\n    const color: ButtonProps['color'] = 'gray';\n    return { size, color, variant, disabled };\n  }, [disabled, size]);\n\n  const selectFormat = useMemo(() => {\n    if (formatProps) return formatProps;\n    return (date?: Date) => {\n      return date ? format(date, 'yyyy년 MM월 dd일') : '';\n    };\n  }, [formatProps]);\n\n  const className = useMemo(() => {\n    return clsx(\n      'date-picker-button',\n      (disabled || props.readOnly) && 'disabled'\n    );\n  }, [disabled, props.readOnly]);\n\n  const placeholderVisible = useMemo(() => {\n\n    return rest.selected ? '' : 'placeholder-visible';\n  }, [rest.selected]);\n\n  return (\n    <Box p=\"0\" width=\"100%\">\n      <DatePicker\n        customInput={\n          <Button asChild className={className} type=\"button\" {...buttonProps}>\n            <TextField.Root\n              className={placeholderVisible}\n              placeholder={placeholder || ''}\n              value={rest.selected ? selectFormat(rest.selected) : placeholder}\n            >\n              <TextField.Slot className=\"hide-slot\" />\n              <TextField.Slot>\n                <CalendarIcon />\n              </TextField.Slot>\n            </TextField.Root>\n          </Button>\n        }\n        wrapperClassName=\"full-width\"\n        {...rest}\n        disabled={disabled}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAC/B,SAAS,cAAc;AACvB,SAAS,YAAY;AAiDT,SAKE,KALF;AApCL,SAAS,iBACd,OACiB;AACjB,QAAyD,YAAjD,QAAM,QAAQ,aAAa,SAlBrC,IAkB2D,IAAT,iBAAS,IAAT,CAAxC,QAAM,UAAqB;AACnC,QAAM,cAAc,KAAK,eAAe;AAExC,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,UAAkC;AACxC,UAAM,QAA8B;AACpC,WAAO,EAAE,MAAM,OAAO,SAAS,SAAS;AAAA,EAC1C,GAAG,CAAC,UAAU,IAAI,CAAC;AAEnB,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,YAAa,QAAO;AACxB,WAAO,CAAC,SAAgB;AACtB,aAAO,OAAO,OAAO,MAAM,8BAAe,IAAI;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,YAAY,QAAQ,MAAM;AAC9B,WAAO;AAAA,MACL;AAAA,OACC,YAAY,MAAM,aAAa;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE7B,QAAM,qBAAqB,QAAQ,MAAM;AAEvC,WAAO,KAAK,WAAW,KAAK;AAAA,EAC9B,GAAG,CAAC,KAAK,QAAQ,CAAC;AAElB,SACE,oBAAC,OAAI,GAAE,KAAI,OAAM,QACf;AAAA,IAAC;AAAA;AAAA,MACC,aACE,oBAAC,uCAAO,SAAO,MAAC,WAAsB,MAAK,YAAa,cAAvD,EACC;AAAA,QAAC,UAAU;AAAA,QAAV;AAAA,UACC,WAAW;AAAA,UACX,aAAa,eAAe;AAAA,UAC5B,OAAO,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI;AAAA,UAErD;AAAA,gCAAC,UAAU,MAAV,EAAe,WAAU,aAAY;AAAA,YACtC,oBAAC,UAAU,MAAV,EACC,8BAAC,gBAAa,GAChB;AAAA;AAAA;AAAA,MACF,IACF;AAAA,MAEF,kBAAiB;AAAA,OACb,OAhBL;AAAA,MAiBC;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/chunk-234MSXPA.js

@@ -0,0 +1,174 @@
+import {
+  DatePickerButton
+} from "./chunk-COLVKJ2M.js";
+import {
+  TimeSelect
+} from "./chunk-W4SJNIHN.js";
+import {
+  getTimeOption,
+  parseTimeOption
+} from "./chunk-NWJSLIQ3.js";
+import {
+  toast
+} from "./chunk-EEKOTWBE.js";
+import {
+  Form
+} from "./chunk-2OMSNCRH.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Dialog
+} from "./chunk-DIE6CIJQ.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-TSXRCXC6.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/platform/edit-coaching-time.tsx
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getValueFromDefaultValue = (args) => {
+  return {
+    startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
+    endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
+    date: args.startAt || /* @__PURE__ */ new Date()
+  };
+};
+var getDateFromValue = (date, time) => {
+  const { hour, minute } = parseTimeOption(time);
+  return new Date(
+    date.getFullYear(),
+    date.getMonth(),
+    date.getDate(),
+    hour,
+    minute
+  );
+};
+function EditCoachingTime(props) {
+  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
+  const [values, setValues] = useState(() => {
+    return getValueFromDefaultValue({
+      startAt: defaultStartAt,
+      endAt: defaultEndAt
+    });
+  });
+  const [timeError, setTimeError] = useState("");
+  const checkTimeError = useCallback(
+    (startTime, endTime) => {
+      const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
+      if (error) {
+        setTimeError(error);
+        return false;
+      }
+      return true;
+    },
+    []
+  );
+  const onChangeStartTime = useCallback(
+    (v) => {
+      checkTimeError(v, values.endTime);
+      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+        startTime: v
+      }));
+    },
+    [checkTimeError, values.endTime]
+  );
+  const onChangeEndTime = useCallback(
+    (v) => {
+      checkTimeError(values.startTime, v);
+      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+        endTime: v
+      }));
+    },
+    [checkTimeError, values.startTime]
+  );
+  const onChangeDate = useCallback((date) => {
+    date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+      date
+    }));
+  }, []);
+  const onClickSave = useCallback(() => {
+    if (checkTimeError(values.startTime, values.endTime)) {
+      const startAt = getDateFromValue(values.date, values.startTime);
+      const endAt = getDateFromValue(values.date, values.endTime);
+      props.onClickSave && props.onClickSave(startAt, endAt);
+    } else {
+      toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
+    }
+  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
+  return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
+    /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
+      /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
+      /* @__PURE__ */ jsx(
+        DatePickerButton,
+        {
+          maxDate: /* @__PURE__ */ new Date(),
+          onChange: onChangeDate,
+          selected: values.date,
+          size: { initial: "large", xs: "medium" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        align: "center",
+        columns: {
+          initial: "1fr 0 1fr",
+          xs: "1fr auto 1fr"
+        },
+        gapX: "3",
+        gapY: "2",
+        justify: "center",
+        mb: { initial: "5", xs: "4" },
+        mt: "5",
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ jsx("div", {}),
+          /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ jsx(
+            TimeSelect,
+            {
+              onValueChange: onChangeStartTime,
+              size: { initial: "3", xs: "2" },
+              value: values.startTime
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
+          /* @__PURE__ */ jsx(
+            TimeSelect,
+            {
+              onValueChange: onChangeEndTime,
+              size: { initial: "3", xs: "2" },
+              value: values.endTime
+            }
+          ),
+          /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
+    ] })
+  ] }) });
+}
+
+export {
+  EditCoachingTime
+};
+//# sourceMappingURL=chunk-234MSXPA.js.map

package/dist/chunk-234MSXPA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/edit-coaching-time.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Button,\n  Flex,\n  Form,\n  Grid,\n  Separator,\n  Box,\n  toast,\n  Dialog,\n} from '../../atoms';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\n\nexport interface EditCoachingTimeProps {\n  defaultStartAt?: Date;\n  defaultEndAt?: Date;\n  onClickSave?: (startAt: Date, endAt: Date) => void;\n  onClickCancel?: () => void;\n  sessionNumber?: number;\n}\n\ninterface Values {\n  startTime: string;\n  endTime: string;\n  date: Date;\n}\n\nconst getValueFromDefaultValue = (args: {\n  startAt?: Date;\n  endAt?: Date;\n}): Values => {\n  return {\n    startTime: args.startAt ? getTimeOption(args.startAt) : '00:00',\n    endTime: args.endAt ? getTimeOption(args.endAt) : '00:00',\n    date: args.startAt || new Date(),\n  };\n};\n\nconst getDateFromValue = (date: Date, time: string): Date => {\n  const { hour, minute } = parseTimeOption(time);\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    hour,\n    minute\n  );\n};\n\nexport function EditCoachingTime(\n  props: EditCoachingTimeProps\n): React.ReactNode {\n  const { defaultEndAt, defaultStartAt, onClickCancel } = props;\n\n  const [values, setValues] = useState<Values>(() => {\n    return getValueFromDefaultValue({\n      startAt: defaultStartAt,\n      endAt: defaultEndAt,\n    });\n  });\n\n  const [timeError, setTimeError] = useState('');\n\n  const checkTimeError = useCallback(\n    (startTime: string, endTime: string): boolean => {\n      const error =\n        startTime >= endTime\n          ? '시작시간을 종료시간보다 빠르게 선택해주세요.'\n          : '';\n      if (error) {\n        setTimeError(error);\n        return false;\n      }\n      return true;\n    },\n    []\n  );\n\n  const onChangeStartTime = useCallback(\n    (v: string) => {\n      checkTimeError(v, values.endTime);\n      setValues((prev) => ({\n        ...prev,\n        startTime: v,\n      }));\n    },\n    [checkTimeError, values.endTime]\n  );\n\n  const onChangeEndTime = useCallback(\n    (v: string) => {\n      checkTimeError(values.startTime, v);\n      setValues((prev) => ({\n        ...prev,\n        endTime: v,\n      }));\n    },\n    [checkTimeError, values.startTime]\n  );\n\n  const onChangeDate = useCallback((date: Date | null) => {\n    date &&\n      setValues((prev) => ({\n        ...prev,\n        date,\n      }));\n  }, []);\n\n  const onClickSave = useCallback(() => {\n    if (checkTimeError(values.startTime, values.endTime)) {\n      const startAt = getDateFromValue(values.date, values.startTime);\n      const endAt = getDateFromValue(values.date, values.endTime);\n      props.onClickSave && props.onClickSave(startAt, endAt);\n    } else {\n      toast.error('입력 값이 유효하지 않습니다.');\n    }\n  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);\n\n  return (\n    <Box width={{ initial: '100%' }}>\n      <Form.Root>\n        <Form.Field name=\"date\">\n          <Form.Label variant=\"caption\">날짜</Form.Label>\n          <DatePickerButton\n            maxDate={new Date()}\n            onChange={onChangeDate}\n            selected={values.date}\n            size={{ initial: 'large', xs: 'medium' }}\n          />\n        </Form.Field>\n        <Grid\n          align=\"center\"\n          columns={{\n            initial: '1fr 0 1fr',\n            xs: '1fr auto 1fr',\n          }}\n          gapX=\"3\"\n          gapY=\"2\"\n          justify=\"center\"\n          mb={{ initial: '5', xs: '4' }}\n          mt=\"5\"\n          width=\"100%\"\n        >\n          <Form.Field name=\"startTime\">\n            <Form.Label variant=\"caption\">시작 시간</Form.Label>\n          </Form.Field>\n          <div />\n          <Form.Field name=\"endTime\">\n            <Form.Label variant=\"caption\">종료 시간</Form.Label>\n          </Form.Field>\n          <TimeSelect\n            onValueChange={onChangeStartTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.startTime}\n          />\n          <Box overflow=\"hidden\">\n            <Separator />\n          </Box>\n\n          <TimeSelect\n            onValueChange={onChangeEndTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.endTime}\n          />\n          <Form.Field name=\"startEndTime\" style={{ gridColumn: '1/span 3' }}>\n            <Form.Message forceMatch={Boolean(timeError)}>\n              {timeError}\n            </Form.Message>\n          </Form.Field>\n        </Grid>\n        <Flex gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button onClick={onClickCancel} type=\"button\" variant=\"outline\">\n              취소하기\n            </Button>\n          </Dialog.Close>\n          <Dialog.Close>\n            <Button onClick={onClickSave} type=\"button\">\n              저장하기\n            </Button>\n          </Dialog.Close>\n        </Flex>\n      </Form.Root>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}