@tipp/ui 2.0.4 → 2.0.5

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

@@ -4,56 +4,50 @@ import {
 import "../../../chunk-I2ZOU3LX.js";
 import "../../../chunk-A6W2ZWYA.js";
 import "../../../chunk-ECLZ3IGO.js";
-import "../../../chunk-YJ7ZFOYL.js";
-import "../../../chunk-5ZITU5L7.js";
-import "../../../chunk-3F45OPXG.js";
 import "../../../chunk-5KDNSBO5.js";
 import "../../../chunk-IFRA465K.js";
-import "../../../chunk-MUNMDHRF.js";
-import "../../../chunk-TVDKGMBI.js";
-import "../../../chunk-AP52M2Z5.js";
 import "../../../chunk-5H3YPCZK.js";
 import "../../../chunk-FR2GDOU2.js";
 import "../../../chunk-74DX4CU7.js";
 import "../../../chunk-OYM4XCHQ.js";
-import "../../../chunk-K2BK4S2S.js";
-import "../../../chunk-5AVBYDPB.js";
-import "../../../chunk-365QMK4D.js";
+import "../../../chunk-YJ7ZFOYL.js";
+import "../../../chunk-5ZITU5L7.js";
+import "../../../chunk-3F45OPXG.js";
 import "../../../chunk-YO3BQW6S.js";
 import "../../../chunk-6IVCARWS.js";
 import "../../../chunk-6DJOIRMF.js";
 import "../../../chunk-FPD73OHW.js";
 import "../../../chunk-MUPK4L3U.js";
-import "../../../chunk-EGEQY3KT.js";
-import "../../../chunk-O3T3TM3V.js";
+import "../../../chunk-MUNMDHRF.js";
+import "../../../chunk-TVDKGMBI.js";
+import "../../../chunk-AP52M2Z5.js";
 import "../../../chunk-XQOL7UBI.js";
 import "../../../chunk-TULWX7D6.js";
 import "../../../chunk-TQOQC4PZ.js";
-import "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-45VFASWZ.js";
-import "../../../chunk-3IT3NVK6.js";
-import "../../../chunk-LDBWASUA.js";
-import "../../../chunk-UOYF3DBN.js";
-import "../../../chunk-DDUKEE5E.js";
-import "../../../chunk-HYITAA4J.js";
-import "../../../chunk-U7N2PWMO.js";
-import "../../../chunk-O3DNDMV3.js";
+import "../../../chunk-K2BK4S2S.js";
+import "../../../chunk-5AVBYDPB.js";
+import "../../../chunk-365QMK4D.js";
 import "../../../chunk-HYE34QEM.js";
 import "../../../chunk-YXO6QOFA.js";
 import "../../../chunk-ACVANQJ4.js";
 import "../../../chunk-2DZ2Y3JI.js";
 import "../../../chunk-SSNESKAJ.js";
-import "../../../chunk-B6XJN6EC.js";
-import "../../../chunk-HEDMSFPW.js";
-import "../../../chunk-MIMJ7LON.js";
+import "../../../chunk-EGEQY3KT.js";
+import "../../../chunk-O3T3TM3V.js";
 import "../../../chunk-RMTJMZBQ.js";
 import "../../../chunk-DGAB7BIE.js";
 import "../../../chunk-OHMOP5PV.js";
 import "../../../chunk-NFDQJVFA.js";
 import "../../../chunk-Q37G2GS6.js";
-import "../../../chunk-XTHDFSN3.js";
-import "../../../chunk-FC7WH2S6.js";
-import "../../../chunk-FCIHNIOH.js";
+import "../../../chunk-VTJZMOSP.js";
+import "../../../chunk-45VFASWZ.js";
+import "../../../chunk-3IT3NVK6.js";
+import "../../../chunk-LDBWASUA.js";
+import "../../../chunk-UOYF3DBN.js";
+import "../../../chunk-DDUKEE5E.js";
+import "../../../chunk-HYITAA4J.js";
+import "../../../chunk-U7N2PWMO.js";
+import "../../../chunk-O3DNDMV3.js";
 import "../../../chunk-YGL6SWKN.js";
 import "../../../chunk-4Y5BEXVN.js";
 import "../../../chunk-LMWTEDYS.js";
@@ -62,6 +56,9 @@ import "../../../chunk-25HMMI7R.js";
 import "../../../chunk-AFPH32MF.js";
 import "../../../chunk-LQY4RKWI.js";
 import "../../../chunk-ZD7MNMED.js";
+import "../../../chunk-B6XJN6EC.js";
+import "../../../chunk-HEDMSFPW.js";
+import "../../../chunk-MIMJ7LON.js";
 import "../../../chunk-HLFG5ZTU.js";
 import "../../../chunk-7WVKYXIG.js";
 import "../../../chunk-PVL7SJYR.js";
@@ -73,6 +70,9 @@ import "../../../chunk-XD3KUE4Q.js";
 import "../../../chunk-MEKWBVXE.js";
 import "../../../chunk-J242TTFH.js";
 import "../../../chunk-EAXUQEO5.js";
+import "../../../chunk-XTHDFSN3.js";
+import "../../../chunk-FC7WH2S6.js";
+import "../../../chunk-FCIHNIOH.js";
 import "../../../chunk-2NMEKWO5.js";
 export {
   SessionUserInfoDetail

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

@@ -7,56 +7,50 @@ import {
 } from "../../../chunk-I2ZOU3LX.js";
 import "../../../chunk-A6W2ZWYA.js";
 import "../../../chunk-ECLZ3IGO.js";
-import "../../../chunk-YJ7ZFOYL.js";
-import "../../../chunk-5ZITU5L7.js";
-import "../../../chunk-3F45OPXG.js";
 import "../../../chunk-5KDNSBO5.js";
 import "../../../chunk-IFRA465K.js";
-import "../../../chunk-MUNMDHRF.js";
-import "../../../chunk-TVDKGMBI.js";
-import "../../../chunk-AP52M2Z5.js";
 import "../../../chunk-5H3YPCZK.js";
 import "../../../chunk-FR2GDOU2.js";
 import "../../../chunk-74DX4CU7.js";
 import "../../../chunk-OYM4XCHQ.js";
-import "../../../chunk-K2BK4S2S.js";
-import "../../../chunk-5AVBYDPB.js";
-import "../../../chunk-365QMK4D.js";
+import "../../../chunk-YJ7ZFOYL.js";
+import "../../../chunk-5ZITU5L7.js";
+import "../../../chunk-3F45OPXG.js";
 import "../../../chunk-YO3BQW6S.js";
 import "../../../chunk-6IVCARWS.js";
 import "../../../chunk-6DJOIRMF.js";
 import "../../../chunk-FPD73OHW.js";
 import "../../../chunk-MUPK4L3U.js";
-import "../../../chunk-EGEQY3KT.js";
-import "../../../chunk-O3T3TM3V.js";
+import "../../../chunk-MUNMDHRF.js";
+import "../../../chunk-TVDKGMBI.js";
+import "../../../chunk-AP52M2Z5.js";
 import "../../../chunk-XQOL7UBI.js";
 import "../../../chunk-TULWX7D6.js";
 import "../../../chunk-TQOQC4PZ.js";
-import "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-45VFASWZ.js";
-import "../../../chunk-3IT3NVK6.js";
-import "../../../chunk-LDBWASUA.js";
-import "../../../chunk-UOYF3DBN.js";
-import "../../../chunk-DDUKEE5E.js";
-import "../../../chunk-HYITAA4J.js";
-import "../../../chunk-U7N2PWMO.js";
-import "../../../chunk-O3DNDMV3.js";
+import "../../../chunk-K2BK4S2S.js";
+import "../../../chunk-5AVBYDPB.js";
+import "../../../chunk-365QMK4D.js";
 import "../../../chunk-HYE34QEM.js";
 import "../../../chunk-YXO6QOFA.js";
 import "../../../chunk-ACVANQJ4.js";
 import "../../../chunk-2DZ2Y3JI.js";
 import "../../../chunk-SSNESKAJ.js";
-import "../../../chunk-B6XJN6EC.js";
-import "../../../chunk-HEDMSFPW.js";
-import "../../../chunk-MIMJ7LON.js";
+import "../../../chunk-EGEQY3KT.js";
+import "../../../chunk-O3T3TM3V.js";
 import "../../../chunk-RMTJMZBQ.js";
 import "../../../chunk-DGAB7BIE.js";
 import "../../../chunk-OHMOP5PV.js";
 import "../../../chunk-NFDQJVFA.js";
 import "../../../chunk-Q37G2GS6.js";
-import "../../../chunk-XTHDFSN3.js";
-import "../../../chunk-FC7WH2S6.js";
-import "../../../chunk-FCIHNIOH.js";
+import "../../../chunk-VTJZMOSP.js";
+import "../../../chunk-45VFASWZ.js";
+import "../../../chunk-3IT3NVK6.js";
+import "../../../chunk-LDBWASUA.js";
+import "../../../chunk-UOYF3DBN.js";
+import "../../../chunk-DDUKEE5E.js";
+import "../../../chunk-HYITAA4J.js";
+import "../../../chunk-U7N2PWMO.js";
+import "../../../chunk-O3DNDMV3.js";
 import "../../../chunk-YGL6SWKN.js";
 import "../../../chunk-4Y5BEXVN.js";
 import "../../../chunk-LMWTEDYS.js";
@@ -65,6 +59,9 @@ import "../../../chunk-25HMMI7R.js";
 import "../../../chunk-AFPH32MF.js";
 import "../../../chunk-LQY4RKWI.js";
 import "../../../chunk-ZD7MNMED.js";
+import "../../../chunk-B6XJN6EC.js";
+import "../../../chunk-HEDMSFPW.js";
+import "../../../chunk-MIMJ7LON.js";
 import "../../../chunk-HLFG5ZTU.js";
 import "../../../chunk-7WVKYXIG.js";
 import "../../../chunk-PVL7SJYR.js";
@@ -76,6 +73,9 @@ import "../../../chunk-XD3KUE4Q.js";
 import "../../../chunk-MEKWBVXE.js";
 import "../../../chunk-J242TTFH.js";
 import "../../../chunk-EAXUQEO5.js";
+import "../../../chunk-XTHDFSN3.js";
+import "../../../chunk-FC7WH2S6.js";
+import "../../../chunk-FCIHNIOH.js";
 import "../../../chunk-2NMEKWO5.js";
 export {
   CopyButton,

package/dist/atoms/index.js

@@ -3,15 +3,6 @@ import {
   Form,
   FormItem
 } from "../chunk-ECLZ3IGO.js";
-import {
-  TabNav
-} from "../chunk-YJ7ZFOYL.js";
-import {
-  Tabs
-} from "../chunk-5ZITU5L7.js";
-import {
-  TextArea
-} from "../chunk-3F45OPXG.js";
 import {
   TextField
 } from "../chunk-5KDNSBO5.js";
@@ -19,15 +10,6 @@ import {
   ToastContainer,
   toast
 } from "../chunk-IFRA465K.js";
-import {
-  Section
-} from "../chunk-MUNMDHRF.js";
-import {
-  SegmentedControl
-} from "../chunk-TVDKGMBI.js";
-import {
-  Select
-} from "../chunk-AP52M2Z5.js";
 import {
   Skeleton
 } from "../chunk-5H3YPCZK.js";
@@ -41,14 +23,14 @@ import {
   Switch
 } from "../chunk-OYM4XCHQ.js";
 import {
-  Pagination
-} from "../chunk-K2BK4S2S.js";
+  TabNav
+} from "../chunk-YJ7ZFOYL.js";
 import {
-  Popover
-} from "../chunk-5AVBYDPB.js";
+  Tabs
+} from "../chunk-5ZITU5L7.js";
 import {
-  Progress
-} from "../chunk-365QMK4D.js";
+  TextArea
+} from "../chunk-3F45OPXG.js";
 import {
   Quote
 } from "../chunk-YO3BQW6S.js";
@@ -65,11 +47,14 @@ import {
   ScrollArea
 } from "../chunk-MUPK4L3U.js";
 import {
-  Grid
-} from "../chunk-EGEQY3KT.js";
+  Section
+} from "../chunk-MUNMDHRF.js";
 import {
-  HoverCard
-} from "../chunk-O3T3TM3V.js";
+  SegmentedControl
+} from "../chunk-TVDKGMBI.js";
+import {
+  Select
+} from "../chunk-AP52M2Z5.js";
 import {
   Inset
 } from "../chunk-XQOL7UBI.js";
@@ -80,29 +65,14 @@ import {
   Link
 } from "../chunk-TQOQC4PZ.js";
 import {
-  DataList
-} from "../chunk-VTJZMOSP.js";
-import {
-  Dialog
-} from "../chunk-45VFASWZ.js";
-import {
-  Heading
-} from "../chunk-3IT3NVK6.js";
-import "../chunk-LDBWASUA.js";
-import {
-  Content,
-  Drawer,
-  Root,
-  Trigger
-} from "../chunk-UOYF3DBN.js";
-import "../chunk-DDUKEE5E.js";
+  Pagination
+} from "../chunk-K2BK4S2S.js";
 import {
-  Separator
-} from "../chunk-HYITAA4J.js";
-import "../chunk-U7N2PWMO.js";
+  Popover
+} from "../chunk-5AVBYDPB.js";
 import {
-  IconButton
-} from "../chunk-O3DNDMV3.js";
+  Progress
+} from "../chunk-365QMK4D.js";
 import {
   DropdownMenu
 } from "../chunk-HYE34QEM.js";
@@ -119,14 +89,11 @@ import {
   FieldErrorWrapper
 } from "../chunk-SSNESKAJ.js";
 import {
-  Callout
-} from "../chunk-B6XJN6EC.js";
-import {
-  Card
-} from "../chunk-HEDMSFPW.js";
+  Grid
+} from "../chunk-EGEQY3KT.js";
 import {
-  CheckboxCards
-} from "../chunk-MIMJ7LON.js";
+  HoverCard
+} from "../chunk-O3T3TM3V.js";
 import {
   CheckboxGroup
 } from "../chunk-RMTJMZBQ.js";
@@ -143,14 +110,29 @@ import {
   Container
 } from "../chunk-Q37G2GS6.js";
 import {
-  AutoSizingInput
-} from "../chunk-XTHDFSN3.js";
+  DataList
+} from "../chunk-VTJZMOSP.js";
 import {
-  Avatar
-} from "../chunk-FC7WH2S6.js";
+  Dialog
+} from "../chunk-45VFASWZ.js";
 import {
-  Badge
-} from "../chunk-FCIHNIOH.js";
+  Heading
+} from "../chunk-3IT3NVK6.js";
+import "../chunk-LDBWASUA.js";
+import {
+  Content,
+  Drawer,
+  Root,
+  Trigger
+} from "../chunk-UOYF3DBN.js";
+import "../chunk-DDUKEE5E.js";
+import {
+  Separator
+} from "../chunk-HYITAA4J.js";
+import "../chunk-U7N2PWMO.js";
+import {
+  IconButton
+} from "../chunk-O3DNDMV3.js";
 import {
   Blockquote
 } from "../chunk-YGL6SWKN.js";
@@ -171,6 +153,15 @@ import {
 } from "../chunk-AFPH32MF.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
+import {
+  Callout
+} from "../chunk-B6XJN6EC.js";
+import {
+  Card
+} from "../chunk-HEDMSFPW.js";
+import {
+  CheckboxCards
+} from "../chunk-MIMJ7LON.js";
 import "../chunk-HLFG5ZTU.js";
 import "../chunk-7WVKYXIG.js";
 import "../chunk-PVL7SJYR.js";
@@ -186,6 +177,15 @@ import {
 import {
   AspectRatio
 } from "../chunk-EAXUQEO5.js";
+import {
+  AutoSizingInput
+} from "../chunk-XTHDFSN3.js";
+import {
+  Avatar
+} from "../chunk-FC7WH2S6.js";
+import {
+  Badge
+} from "../chunk-FCIHNIOH.js";
 import "../chunk-2NMEKWO5.js";
 export {
   AlertDialog,

package/dist/chunk-2NPJVXPG.js

@@ -0,0 +1,145 @@
+import {
+  DatePickerButton
+} from "./chunk-GLRDUHQR.js";
+import {
+  Form
+} from "./chunk-ECLZ3IGO.js";
+import {
+  TextField
+} from "./chunk-5KDNSBO5.js";
+import {
+  TextArea
+} from "./chunk-3F45OPXG.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+import {
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/app/platform/goal-manage-card-edit.tsx
+import { useCallback, useState } from "react";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+var initialValues = {
+  goal: "",
+  effect: "",
+  huddle: "",
+  dueDate: void 0
+};
+var dummyFn = () => {
+};
+function GoalManageCardEdit(props) {
+  const { defaultValues, errors } = props;
+  const [values, setValues] = useState(defaultValues || initialValues);
+  const onChange = useCallback(
+    (v) => {
+      var _a;
+      setValues((prev) => __spreadValues(__spreadValues({}, prev), v));
+      (_a = props.onChange) == null ? void 0 : _a.call(props, v);
+    },
+    [props]
+  );
+  const onClickInit = useCallback(() => {
+    var _a;
+    setValues(initialValues);
+    (_a = props.onChange) == null ? void 0 : _a.call(props, defaultValues || initialValues);
+  }, [defaultValues, props]);
+  const onClickSubmit = useCallback(() => {
+    var _a;
+    (_a = props.onSubmit) == null ? void 0 : _a.call(props, values);
+  }, [props, values]);
+  return /* @__PURE__ */ jsx(Card, { style: { width: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { onSubmit: dummyFn, children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
+      /* @__PURE__ */ jsxs(Form.Field, { name: "title", children: [
+        /* @__PURE__ */ jsx(Form.Label, { children: "\uC774\uBC88 \uCF54\uCE6D\uC758 \uBAA9\uD45C\uB294 \uC544\uB798\uC640 \uAC19\uC2B5\uB2C8\uB2E4" }),
+        /* @__PURE__ */ jsx(
+          TextField.Root,
+          {
+            error: Boolean(errors == null ? void 0 : errors.goal),
+            onChange: (e) => {
+              onChange({ goal: e.target.value });
+            },
+            placeholder: "\uC774\uBC88 \uCF54\uCE6D \uACFC\uC815\uC758 \uBAA9\uD45C\uB97C \uD55C \uBB38\uC7A5\uC73C\uB85C \uC801\uC5B4\uC8FC\uC138\uC694",
+            value: values.goal
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.goal), children: errors == null ? void 0 : errors.goal })
+      ] }),
+      /* @__PURE__ */ jsxs(Form.Field, { name: "effect", children: [
+        /* @__PURE__ */ jsx(Form.Label, { children: "\uAE30\uB300\uD6A8\uACFC" }),
+        /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            error: Boolean(errors == null ? void 0 : errors.effect),
+            onChange: (e) => {
+              onChange({ effect: e.target.value });
+            },
+            placeholder: "\uC608\uC2DC : \uD300\uC6D0\uB4E4\uACFC \uB354 \uCE5C\uBC00\uD574\uC9C0\uACE0, \uD300\uC6D0\uB4E4\uC5D0 \uB300\uD55C \uC774\uD574\uB3C4\uAC00 \uC313\uC774\uBA70 \uB354 \uD6A8\uC728\uC801\uC778 \uC778\uC7AC\uAD00\uB9AC\uB97C \uC704\uD55C \uAD00\uACC4\uD615\uC131\uC774 \uAC00\uB2A5\uD574\uC9D1\uB2C8\uB2E4.",
+            resize: "vertical",
+            value: values.effect
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.effect), children: errors == null ? void 0 : errors.effect })
+      ] }),
+      /* @__PURE__ */ jsxs(Form.Field, { name: "huddle", children: [
+        /* @__PURE__ */ jsx(Form.Label, { children: "\uBC29\uD574\uC694\uC18C" }),
+        /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            error: Boolean(errors == null ? void 0 : errors.huddle),
+            onChange: (e) => {
+              onChange({ huddle: e.target.value });
+            },
+            placeholder: `- \uAC11\uC790\uAE30 \uC7A1\uD788\uB294 \uBBF8\uD305\uB4E4
+- MZ \uC138\uB300\uC640\uC758 \uC790\uC5F0\uC2A4\uB7FD\uC9C0 \uC54A\uC740 \uC18C\uD1B5
+- \uB300\uD654\uC5D0\uC11C \uCC38\uC744\uC131 \uBD80\uC871`,
+            resize: "vertical",
+            value: values.huddle
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.huddle), children: errors == null ? void 0 : errors.huddle })
+      ] }),
+      /* @__PURE__ */ jsxs(Form.Field, { name: "dueDate", children: [
+        /* @__PURE__ */ jsx(Form.Label, { children: "\uBAA9\uD45C \uB2EC\uC131 \uAE30\uD55C\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4" }),
+        /* @__PURE__ */ jsx(
+          DatePickerButton,
+          {
+            format: (v) => format(v, "yyyy\uB144 MM\uC6D4 dd\uC77C"),
+            onChange: (date) => {
+              date && onChange({ dueDate: date });
+            },
+            placeholder: "YYYY\uB144 MM\uC6D4 DD\uC77C",
+            selected: values.dueDate
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.dueDate), children: errors == null ? void 0 : errors.dueDate })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", width: "100%", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          color: "gray",
+          onClick: onClickInit,
+          size: "small",
+          type: "button",
+          variant: "outline",
+          children: "\uCD08\uAE30\uD654\uD558\uAE30"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { onClick: onClickSubmit, size: "small", type: "button", children: "\uC800\uC7A5\uD558\uAE30" })
+    ] })
+  ] }) });
+}
+
+export {
+  GoalManageCardEdit
+};
+//# sourceMappingURL=chunk-2NPJVXPG.js.map

package/dist/chunk-2NPJVXPG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/goal-manage-card-edit.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { format } from 'date-fns';\nimport { Button, Card, Flex, Form, TextArea, TextField } from '../../atoms';\nimport { DatePickerButton } from '../../molecules';\n\ninterface Values {\n  goal?: string;\n  effect?: string;\n  huddle?: string;\n  dueDate?: Date;\n}\n\ninterface GoalManageCardEditProps {\n  onChange?: (values: Partial<Values>) => void;\n  defaultValues?: Values;\n  errors?: { [key in keyof Values]: string };\n  onSubmit?: (values: Values) => void;\n}\n\nconst initialValues: Values = {\n  goal: '',\n  effect: '',\n  huddle: '',\n  dueDate: undefined,\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function -- dummy용 함수\nconst dummyFn = (): void => {};\n\nexport function GoalManageCardEdit(\n  props: GoalManageCardEditProps\n): React.ReactNode {\n  const { defaultValues, errors } = props;\n  const [values, setValues] = useState(defaultValues || initialValues);\n\n  const onChange = useCallback(\n    (v: Partial<Values>) => {\n      setValues((prev) => ({ ...prev, ...v }));\n      props.onChange?.(v);\n    },\n    [props]\n  );\n\n  const onClickInit = useCallback(() => {\n    setValues(initialValues);\n    props.onChange?.(defaultValues || initialValues);\n  }, [defaultValues, props]);\n\n  const onClickSubmit = useCallback(() => {\n    props.onSubmit?.(values);\n  }, [props, values]);\n\n  return (\n    <Card style={{ width: '100%' }}>\n      <Form.Root onSubmit={dummyFn}>\n        <Flex direction=\"column\" gap=\"5\">\n          <Form.Field name=\"title\">\n            <Form.Label>이번 코칭의 목표는 아래와 같습니다</Form.Label>\n            <TextField.Root\n              error={Boolean(errors?.goal)}\n              onChange={(e) => {\n                onChange({ goal: e.target.value });\n              }}\n              placeholder=\"이번 코칭 과정의 목표를 한 문장으로 적어주세요\"\n              value={values.goal}\n            />\n            <Form.Message forceMatch={Boolean(errors?.goal)}>\n              {errors?.goal}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"effect\">\n            <Form.Label>기대효과</Form.Label>\n            <TextArea\n              error={Boolean(errors?.effect)}\n              onChange={(e) => {\n                onChange({ effect: e.target.value });\n              }}\n              placeholder=\"예시 : 팀원들과 더 친밀해지고, 팀원들에 대한 이해도가 쌓이며 더 효율적인 인재관리를 위한 관계형성이 가능해집니다.\"\n              resize=\"vertical\"\n              value={values.effect}\n            />\n            <Form.Message forceMatch={Boolean(errors?.effect)}>\n              {errors?.effect}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"huddle\">\n            <Form.Label>방해요소</Form.Label>\n            <TextArea\n              error={Boolean(errors?.huddle)}\n              onChange={(e) => {\n                onChange({ huddle: e.target.value });\n              }}\n              placeholder={`- 갑자기 잡히는 미팅들\n- MZ 세대와의 자연스럽지 않은 소통\n- 대화에서 참을성 부족`}\n              resize=\"vertical\"\n              value={values.huddle}\n            />\n            <Form.Message forceMatch={Boolean(errors?.huddle)}>\n              {errors?.huddle}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"dueDate\">\n            <Form.Label>목표 달성 기한은 다음과 같습니다</Form.Label>\n            <DatePickerButton\n              format={(v) => format(v, 'yyyy년 MM월 dd일')}\n              onChange={(date) => {\n                date && onChange({ dueDate: date });\n              }}\n              placeholder=\"YYYY년 MM월 DD일\"\n              selected={values.dueDate}\n            />\n            <Form.Message forceMatch={Boolean(errors?.dueDate)}>\n              {errors?.dueDate}\n            </Form.Message>\n          </Form.Field>\n        </Flex>\n\n        <Flex gap=\"3\" justify=\"end\" width=\"100%\">\n          <Button\n            color=\"gray\"\n            onClick={onClickInit}\n            size=\"small\"\n            type=\"button\"\n            variant=\"outline\"\n          >\n            초기화하기\n          </Button>\n          <Button onClick={onClickSubmit} size=\"small\" type=\"button\">\n            저장하기\n          </Button>\n        </Flex>\n      </Form.Root>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}