@tipp/ui 1.5.6 → 1.5.7

package/dist/app/platform/edit-coaching-time.cjs

@@ -315,6 +315,28 @@ var import_react_icons = require("@radix-ui/react-icons");
 var import_react_toastify = require("react-toastify");
 var import_react_toastify2 = require("react-toastify");
 var import_jsx_runtime7 = require("react/jsx-runtime");
+function CloseButton() {
+  return null;
+}
+function ToastContainer(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react_toastify.ToastContainer,
+    __spreadValues({
+      autoClose: 5e3,
+      closeButton: CloseButton,
+      closeOnClick: true,
+      draggable: true,
+      hideProgressBar: true,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_icons.InfoCircledIcon, {}),
+      newestOnTop: true,
+      pauseOnFocusLoss: true,
+      pauseOnHover: true,
+      position: "bottom-right",
+      rtl: false,
+      style: { zIndex: 999999 }
+    }, props)
+  );
+}
 
 // src/atoms/heading.tsx
 var import_themes16 = require("@radix-ui/themes");
@@ -347,12 +369,91 @@ var import_themes18 = require("@radix-ui/themes");
 
 // src/atoms/dialog.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
+var preventDefault = (e) => {
+  e.preventDefault();
+};
+function Content2(props) {
+  const _a = props, {
+    children,
+    style = {},
+    width,
+    maxWidth,
+    minWidth,
+    maxHeight,
+    height,
+    minHeight,
+    title,
+    buttons
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "style",
+    "width",
+    "maxWidth",
+    "minWidth",
+    "maxHeight",
+    "height",
+    "minHeight",
+    "title",
+    "buttons"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes19.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(RadixDialog.Overlay, { className: "DialogOverlay", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      RadixDialog.Content,
+      __spreadProps(__spreadValues({
+        className: "DialogContent",
+        onPointerDownOutside: preventDefault,
+        style: __spreadValues({
+          width,
+          maxWidth,
+          minWidth,
+          maxHeight,
+          height,
+          minHeight
+        }, style)
+      }, 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, { 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,
+          buttons ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes19.Flex, { gap: "3", justify: "end", mt: "3", children: buttons }) : null
+        ]
+      })
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastContainer, {})
+  ] }) }) });
+}
+function Close2(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Close, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
+}
+function Trigger2(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Trigger, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
+}
+var Dialog = {
+  Root: RadixDialog.Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Close2,
+  Description: RadixDialog.Description,
+  Title: RadixDialog.Title
+};
 
 // src/atoms/dropdown-menu.tsx
 var import_themes20 = require("@radix-ui/themes");
 var import_react8 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var Content2 = (0, import_react8.forwardRef)((props, ref) => {
+var Content3 = (0, import_react8.forwardRef)((props, ref) => {
   const _a = props, { isNavigation, className } = _a, rest = __objRest(_a, ["isNavigation", "className"]);
   const contentClassName = (0, import_react8.useMemo)(() => {
     const cls = isNavigation ? "dropdown-navigation" : "";
@@ -367,9 +468,9 @@ var Content2 = (0, import_react8.forwardRef)((props, ref) => {
     })
   );
 });
-Content2.displayName = "DropdownMenu.Content";
+Content3.displayName = "DropdownMenu.Content";
 var DropdownMenu = __spreadProps(__spreadValues({}, import_themes20.DropdownMenu), {
-  Content: Content2
+  Content: Content3
 });
 
 // src/atoms/em.tsx
@@ -430,7 +531,7 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
 var SelectContext = (0, import_react10.createContext)({
   error: false
 });
-var Content3 = (0, import_react10.forwardRef)((props, ref) => {
+var Content4 = (0, import_react10.forwardRef)((props, ref) => {
   const _a = props, { className, isNavigation } = _a, rest = __objRest(_a, ["className", "isNavigation"]);
   const { error } = (0, import_react10.useContext)(SelectContext);
   const cls = (0, import_react10.useMemo)(() => {
@@ -448,8 +549,8 @@ var Content3 = (0, import_react10.forwardRef)((props, ref) => {
     })
   );
 });
-Content3.displayName = "Select.Content";
-var Trigger2 = (0, import_react10.forwardRef)(
+Content4.displayName = "Select.Content";
+var Trigger3 = (0, import_react10.forwardRef)(
   (props, ref) => {
     const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
     const { error } = (0, import_react10.useContext)(SelectContext);
@@ -460,7 +561,7 @@ var Trigger2 = (0, import_react10.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_themes38.Select.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
   }
 );
-Trigger2.displayName = "Select.Trigger";
+Trigger3.displayName = "Select.Trigger";
 function Root3(props) {
   const _a = props, { error } = _a, rest = __objRest(_a, ["error"]);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_themes38.Select.Root, __spreadValues({}, rest)) });
@@ -468,8 +569,8 @@ function Root3(props) {
 Root3.displayName = "Select.Root";
 var Select = __spreadProps(__spreadValues({}, import_themes38.Select), {
   Root: Root3,
-  Trigger: Trigger2,
-  Content: Content3
+  Trigger: Trigger3,
+  Content: Content4
 });
 
 // src/atoms/separator.tsx
@@ -598,7 +699,7 @@ var import_jsx_runtime19 = require("react/jsx-runtime");
 
 // src/atoms/drawer.tsx
 var import_react17 = require("react");
-var Dialog = __toESM(require("@radix-ui/react-dialog"), 1);
+var Dialog2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_themes50 = require("@radix-ui/themes");
 
 // src/icons/close-panel-arrow.tsx
@@ -907,8 +1008,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,
@@ -1113,7 +1214,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,
@@ -1164,89 +1265,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" }) })
     ] })
-  ] });
+  ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {