@tipp/ui 1.5.6 → 1.5.7

package/dist/app/platform/reservation-card.js

@@ -1,18 +1,18 @@
 import {
   ReservationCard
-} from "../../chunk-HIJPPATE.js";
-import "../../chunk-5V7PQQCS.js";
+} from "../../chunk-MIWXKTF3.js";
+import "../../chunk-4UV3GA6V.js";
 import "../../chunk-FLMSBAPO.js";
-import "../../chunk-4C2DK76Z.js";
+import "../../chunk-OHBXWFQ7.js";
 import "../../chunk-PCWEW2UL.js";
-import "../../chunk-CC34FCXZ.js";
-import "../../chunk-VO5GKZRU.js";
+import "../../chunk-MTEITOFQ.js";
+import "../../chunk-GGYG5EKG.js";
 import "../../chunk-SKXXJTNB.js";
 import "../../chunk-BVNXAZ4W.js";
 import "../../chunk-OCINOC2X.js";
-import "../../chunk-EEWG4R2D.js";
-import "../../chunk-AQXB7ZBM.js";
-import "../../chunk-6ZHRYTFN.js";
+import "../../chunk-LEA3N4OQ.js";
+import "../../chunk-WUULPI2P.js";
+import "../../chunk-V4ZJJM3V.js";
 import "../../chunk-K55LGP5B.js";
 import "../../chunk-V2DF2GUE.js";
 import "../../chunk-W4GH6ZKK.js";
@@ -37,7 +37,7 @@ import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
-import "../../chunk-2JSFSQH2.js";
+import "../../chunk-VIFDE6JV.js";
 import "../../chunk-5AVBYDPB.js";
 import "../../chunk-365QMK4D.js";
 import "../../chunk-YO3BQW6S.js";
@@ -51,10 +51,10 @@ import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
 import "../../chunk-VTJZMOSP.js";
-import "../../chunk-CEMVFONQ.js";
+import "../../chunk-4TXJT55O.js";
 import "../../chunk-CYYWMYE7.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-NWEEOT3Z.js";
+import "../../chunk-XDZDRPF3.js";
 import "../../chunk-UNTA4JJU.js";
 import "../../chunk-HYITAA4J.js";
 import "../../chunk-O3DNDMV3.js";
@@ -82,7 +82,7 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-U7JPP7WJ.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
-import "../../chunk-SU3E53WX.js";
+import "../../chunk-OXXF2CUB.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-N552FDTV.js";

package/dist/app/platform/session-card.cjs

@@ -414,7 +414,7 @@ function Content2(props) {
       }, rest), {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_themes19.Flex, { gap: "2", justify: "between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { variant: "heading3", children: title }) : title }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { align: "center", mb: "2", variant: "heading3", children: title }) : title }),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes18.IconButton, { color: "gray", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_icons2.Cross1Icon, {}) }) })
           ] }),
           children,
@@ -1023,8 +1023,8 @@ var renderCustomHeader = (props) => {
     prevMonthButtonDisabled,
     nextMonthButtonDisabled
   } = props;
-  const year = date ? date.getFullYear() : "-";
-  const month = date ? date.getMonth() + 1 : "-";
+  const year = date ? new Date(date).getFullYear() : "-";
+  const month = date ? new Date(date).getMonth() + 1 : "-";
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       import_themes18.IconButton,
@@ -1176,14 +1176,7 @@ function Root8(props) {
     },
     [props]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_themes33.RadioCards.Root,
-    __spreadProps(__spreadValues({
-      color: "yellow"
-    }, props), {
-      onValueChange
-    })
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes33.RadioCards.Root, __spreadProps(__spreadValues({}, props), { onValueChange })) });
 }
 function Item(_a) {
   var _b = _a, {
@@ -1279,7 +1272,7 @@ var getDateFromValue = (date, time) => {
   );
 };
 function EditCoachingTime(props) {
-  const { defaultEndAt, defaultStartAt, onClickCancel, sessionNumber } = props;
+  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
   const [values, setValues] = (0, import_react29.useState)(() => {
     return getValueFromDefaultValue({
       startAt: defaultStartAt,
@@ -1330,89 +1323,62 @@ function EditCoachingTime(props) {
       import_react_toastify2.toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
     }
   }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
-  const title = `${sessionNumber || "-"}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes6.Box, { width: { initial: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      ResponseDisplay,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes6.Box, { width: { initial: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Form.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Form.Field, { name: "date", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        DatePickerButton,
+        {
+          onChange: onChangeDate,
+          selected: values.date,
+          size: { initial: "large", xs: "medium" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      import_themes23.Grid,
       {
-        initial: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { align: "center", mb: "2", variant: "heading3", children: title }),
-        xs: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: title })
+        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__ */ (0, import_jsx_runtime42.jsx)(Form.Field, { name: "startTime", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Field, { name: "endTime", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            TimeSelect,
+            {
+              onValueChange: onChangeStartTime,
+              size: { initial: "3", xs: "2" },
+              value: values.startTime
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ResponseDisplay, { initial: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {}), xs: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes39.Separator, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            TimeSelect,
+            {
+              onValueChange: onChangeEndTime,
+              size: { initial: "3", xs: "2" },
+              value: values.endTime
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
+        ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Form.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Form.Field, { name: "date", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          DatePickerButton,
-          {
-            onChange: onChangeDate,
-            selected: values.date,
-            size: { initial: "large", xs: "medium" }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-        import_themes23.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__ */ (0, import_jsx_runtime42.jsx)(Form.Field, { name: "startTime", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Field, { name: "endTime", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              TimeSelect,
-              {
-                onValueChange: onChangeStartTime,
-                size: { initial: "3", xs: "2" },
-                value: values.startTime
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ResponseDisplay, { initial: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {}), xs: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes39.Separator, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              TimeSelect,
-              {
-                onValueChange: onChangeEndTime,
-                size: { initial: "3", xs: "2" },
-                value: values.endTime
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          Button,
-          {
-            onClick: onClickCancel,
-            size: { initial: "large", xs: "small" },
-            type: "button",
-            variant: "outline",
-            children: "\uCDE8\uC18C\uD558\uAE30"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          Button,
-          {
-            onClick: onClickSave,
-            size: { initial: "large", xs: "small" },
-            type: "button",
-            children: "\uC800\uC7A5\uD558\uAE30"
-          }
-        )
-      ] })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
     ] })
-  ] });
+  ] }) });
 }
 
 // src/app/platform/edit-service-type.tsx
@@ -1458,7 +1424,7 @@ function OnOfflineRadioCard(props) {
 // src/app/platform/edit-service-type.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function EditServiceType(props) {
-  const { sessionNumber, defaultServiceType, onClickCancel } = props;
+  const { defaultServiceType, onClickCancel } = props;
   const [sessionType, setSessionType] = (0, import_react30.useState)(
     defaultServiceType
   );
@@ -1466,15 +1432,7 @@ function EditServiceType(props) {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, sessionType);
   }, [props, sessionType]);
-  const title = `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`;
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      ResponseDisplay,
-      {
-        initial: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Heading2, { align: "center", mb: "2", variant: "heading3", children: title }),
-        xs: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: title })
-      }
-    ),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Typo,
       {
@@ -1487,17 +1445,8 @@ function EditServiceType(props) {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(OnOfflineRadioCard, { onValueChange: setSessionType, value: sessionType }),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: { initial: "6", xs: "3" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        Button,
-        {
-          color: "gray",
-          onClick: onClickCancel,
-          size: { initial: "medium", xs: "small" },
-          variant: "outline",
-          children: "\uCDE8\uC18C\uD558\uAE30"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { onClick: onClickSave, size: { initial: "medium", xs: "small" }, children: "\uC800\uC7A5\uD558\uAE30" })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { onClick: onClickSave, children: "\uC800\uC7A5\uD558\uAE30" }) })
     ] })
   ] });
 }
@@ -1559,6 +1508,7 @@ function SessionCard(props) {
               {
                 onOpenAutoFocus: preventDefault2,
                 style: { overflow: "visible" },
+                title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`,
                 children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                   EditCoachingTime,
                   {
@@ -1579,13 +1529,19 @@ function SessionCard(props) {
             sessionType === "offlineCoaching" ? "\uC624\uD504\uB77C\uC778" : "\uC628\uB77C\uC778",
             editable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Dialog.Root, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Dialog.Trigger, { children: renderEditButton() }),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Dialog.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                EditServiceType,
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                Dialog.Content,
                 {
-                  defaultServiceType: sessionType,
-                  onClickSave: onSaveSessionType
+                  title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC9C4\uD589 \uBC29\uC2DD \uBCC0\uACBD\uD558\uAE30`,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                    EditServiceType,
+                    {
+                      defaultServiceType: sessionType,
+                      onClickSave: onSaveSessionType
+                    }
+                  )
                 }
-              ) })
+              )
             ] }) : null
           ] })
         ] }),