@tipp/ui 2.3.3 → 2.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/dist/app/index.cjs.map +1 -1
  2. package/dist/app/index.js +90 -90
  3. package/dist/app/platform/coach-question-list.cjs.map +1 -1
  4. package/dist/app/platform/coach-question-list.js +30 -30
  5. package/dist/app/platform/contents-card.cjs.map +1 -1
  6. package/dist/app/platform/contents-card.js +30 -30
  7. package/dist/app/platform/curriculum-card.js +7 -7
  8. package/dist/app/platform/edit-coaching-time.cjs.map +1 -1
  9. package/dist/app/platform/edit-coaching-time.js +72 -72
  10. package/dist/app/platform/edit-service-type.cjs.map +1 -1
  11. package/dist/app/platform/edit-service-type.js +73 -73
  12. package/dist/app/platform/goal-manage-card-edit.cjs.map +1 -1
  13. package/dist/app/platform/goal-manage-card-edit.js +72 -72
  14. package/dist/app/platform/goal-manage-card-read.cjs.map +1 -1
  15. package/dist/app/platform/goal-manage-card-read.js +30 -30
  16. package/dist/app/platform/on-offline-radio-card.cjs.map +1 -1
  17. package/dist/app/platform/on-offline-radio-card.js +72 -72
  18. package/dist/app/platform/report-card.cjs.map +1 -1
  19. package/dist/app/platform/report-card.js +30 -30
  20. package/dist/app/platform/reservation-card.cjs.map +1 -1
  21. package/dist/app/platform/reservation-card.js +73 -73
  22. package/dist/app/platform/session-card.cjs.map +1 -1
  23. package/dist/app/platform/session-card.js +75 -75
  24. package/dist/app/platform/session-review-simple-read.cjs.map +1 -1
  25. package/dist/app/platform/session-review-simple-read.js +30 -30
  26. package/dist/app/platform/userInfos/coaching-customer-info/index.cjs.map +1 -1
  27. package/dist/app/platform/userInfos/coaching-customer-info/index.js +35 -35
  28. package/dist/app/platform/userInfos/coaching-customer-info/large.cjs.map +1 -1
  29. package/dist/app/platform/userInfos/coaching-customer-info/large.js +30 -30
  30. package/dist/app/platform/userInfos/coaching-customer-info/medium.cjs.map +1 -1
  31. package/dist/app/platform/userInfos/coaching-customer-info/medium.js +30 -30
  32. package/dist/app/platform/userInfos/coaching-customer-info/small.cjs.map +1 -1
  33. package/dist/app/platform/userInfos/coaching-customer-info/small.js +30 -30
  34. package/dist/app/platform/userInfos/session-user-info-detail.cjs.map +1 -1
  35. package/dist/app/platform/userInfos/session-user-info-detail.js +30 -30
  36. package/dist/app/platform/userInfos/utils.cjs.map +1 -1
  37. package/dist/app/platform/userInfos/utils.js +29 -29
  38. package/dist/atoms/bullet-text.js +2 -2
  39. package/dist/atoms/dialog.js +2 -2
  40. package/dist/atoms/drawer.cjs +8 -14
  41. package/dist/atoms/drawer.cjs.map +1 -1
  42. package/dist/atoms/drawer.js +1 -2
  43. package/dist/atoms/field-error-wrapper.js +2 -2
  44. package/dist/atoms/index.cjs +3 -6
  45. package/dist/atoms/index.cjs.map +1 -1
  46. package/dist/atoms/index.js +63 -63
  47. package/dist/atoms/list.js +2 -2
  48. package/dist/atoms/pagination.js +3 -3
  49. package/dist/chunk-2QHFHCXL.js +64 -0
  50. package/dist/chunk-2QHFHCXL.js.map +1 -0
  51. package/dist/chunk-2ZAUZRYP.js +51 -0
  52. package/dist/chunk-2ZAUZRYP.js.map +1 -0
  53. package/dist/chunk-3GLSHF4F.js +99 -0
  54. package/dist/chunk-3GLSHF4F.js.map +1 -0
  55. package/dist/chunk-3UB5MADH.js +63 -0
  56. package/dist/chunk-3UB5MADH.js.map +1 -0
  57. package/dist/chunk-3XVQJ43L.js +69 -0
  58. package/dist/chunk-3XVQJ43L.js.map +1 -0
  59. package/dist/chunk-44VLRAHW.js +74 -0
  60. package/dist/chunk-44VLRAHW.js.map +1 -0
  61. package/dist/chunk-4H6OYVRA.js +64 -0
  62. package/dist/chunk-4H6OYVRA.js.map +1 -0
  63. package/dist/chunk-5773MYBI.js +89 -0
  64. package/dist/chunk-5773MYBI.js.map +1 -0
  65. package/dist/chunk-5RDI5OIK.js +89 -0
  66. package/dist/chunk-5RDI5OIK.js.map +1 -0
  67. package/dist/chunk-5ZEQ33PC.js +57 -0
  68. package/dist/chunk-5ZEQ33PC.js.map +1 -0
  69. package/dist/chunk-7AHPQJD2.js +196 -0
  70. package/dist/chunk-7AHPQJD2.js.map +1 -0
  71. package/dist/chunk-7PTZCSIA.js +144 -0
  72. package/dist/chunk-7PTZCSIA.js.map +1 -0
  73. package/dist/chunk-7ZMY4CAZ.js +30 -0
  74. package/dist/chunk-7ZMY4CAZ.js.map +1 -0
  75. package/dist/chunk-AGDS5FTY.js +30 -0
  76. package/dist/chunk-AGDS5FTY.js.map +1 -0
  77. package/dist/chunk-AQVIQODP.js +69 -0
  78. package/dist/chunk-AQVIQODP.js.map +1 -0
  79. package/dist/chunk-CQSM6JCO.js +65 -0
  80. package/dist/chunk-CQSM6JCO.js.map +1 -0
  81. package/dist/chunk-DGXKSYZ2.js +144 -0
  82. package/dist/chunk-DGXKSYZ2.js.map +1 -0
  83. package/dist/chunk-ECMGWPU5.js +174 -0
  84. package/dist/chunk-ECMGWPU5.js.map +1 -0
  85. package/dist/chunk-EDDPJB52.js +61 -0
  86. package/dist/chunk-EDDPJB52.js.map +1 -0
  87. package/dist/chunk-FD6QZZQY.js +69 -0
  88. package/dist/chunk-FD6QZZQY.js.map +1 -0
  89. package/dist/chunk-FGNKLXJK.js +165 -0
  90. package/dist/chunk-FGNKLXJK.js.map +1 -0
  91. package/dist/chunk-FT27KFX7.js +145 -0
  92. package/dist/chunk-FT27KFX7.js.map +1 -0
  93. package/dist/chunk-G52YPZRU.js +95 -0
  94. package/dist/chunk-G52YPZRU.js.map +1 -0
  95. package/dist/chunk-JNYTH4BZ.js +151 -0
  96. package/dist/chunk-JNYTH4BZ.js.map +1 -0
  97. package/dist/chunk-JQ7VQ5SB.js +137 -0
  98. package/dist/chunk-JQ7VQ5SB.js.map +1 -0
  99. package/dist/chunk-K4JKFIA2.js +196 -0
  100. package/dist/chunk-K4JKFIA2.js.map +1 -0
  101. package/dist/chunk-KFICWJI6.js +61 -0
  102. package/dist/chunk-KFICWJI6.js.map +1 -0
  103. package/dist/chunk-KLCL7FKY.js +196 -0
  104. package/dist/chunk-KLCL7FKY.js.map +1 -0
  105. package/dist/chunk-KO6ZM4XB.js +37 -0
  106. package/dist/chunk-KO6ZM4XB.js.map +1 -0
  107. package/dist/chunk-LKEYLW4N.js +174 -0
  108. package/dist/chunk-LKEYLW4N.js.map +1 -0
  109. package/dist/chunk-LNRB4XMK.js +87 -0
  110. package/dist/chunk-LNRB4XMK.js.map +1 -0
  111. package/dist/chunk-LWLKHIDE.js +51 -0
  112. package/dist/chunk-LWLKHIDE.js.map +1 -0
  113. package/dist/chunk-MBMREYHZ.js +174 -0
  114. package/dist/chunk-MBMREYHZ.js.map +1 -0
  115. package/dist/chunk-NJ56ZKR4.js +63 -0
  116. package/dist/chunk-NJ56ZKR4.js.map +1 -0
  117. package/dist/chunk-OQPXX6GH.js +89 -0
  118. package/dist/chunk-OQPXX6GH.js.map +1 -0
  119. package/dist/chunk-ORQ4NCWG.js +63 -0
  120. package/dist/chunk-ORQ4NCWG.js.map +1 -0
  121. package/dist/chunk-OW53EUJW.js +95 -0
  122. package/dist/chunk-OW53EUJW.js.map +1 -0
  123. package/dist/chunk-QB73IVKI.js +43 -0
  124. package/dist/chunk-QB73IVKI.js.map +1 -0
  125. package/dist/chunk-QFEZIPWJ.js +64 -0
  126. package/dist/chunk-QFEZIPWJ.js.map +1 -0
  127. package/dist/chunk-RYK2ILB2.js +105 -0
  128. package/dist/chunk-RYK2ILB2.js.map +1 -0
  129. package/dist/chunk-S2M6OJER.js +95 -0
  130. package/dist/chunk-S2M6OJER.js.map +1 -0
  131. package/dist/chunk-SYGLFURC.js +49 -0
  132. package/dist/chunk-SYGLFURC.js.map +1 -0
  133. package/dist/chunk-SZA3RAKD.js +51 -0
  134. package/dist/chunk-SZA3RAKD.js.map +1 -0
  135. package/dist/chunk-T4O3ONUV.js +64 -0
  136. package/dist/chunk-T4O3ONUV.js.map +1 -0
  137. package/dist/chunk-T6BKRGZ7.js +54 -0
  138. package/dist/chunk-T6BKRGZ7.js.map +1 -0
  139. package/dist/chunk-UCBF57MG.js +196 -0
  140. package/dist/chunk-UCBF57MG.js.map +1 -0
  141. package/dist/chunk-UIY4HDKD.js +144 -0
  142. package/dist/chunk-UIY4HDKD.js.map +1 -0
  143. package/dist/chunk-UWM72J67.js +151 -0
  144. package/dist/chunk-UWM72J67.js.map +1 -0
  145. package/dist/chunk-VIKHKUHF.js +89 -0
  146. package/dist/chunk-VIKHKUHF.js.map +1 -0
  147. package/dist/chunk-W6LDMZNY.js +29 -0
  148. package/dist/chunk-W6LDMZNY.js.map +1 -0
  149. package/dist/chunk-WPRRJQOM.js +61 -0
  150. package/dist/chunk-WPRRJQOM.js.map +1 -0
  151. package/dist/chunk-WS7IOHVK.js +51 -0
  152. package/dist/chunk-WS7IOHVK.js.map +1 -0
  153. package/dist/chunk-YZ7LP3PU.js +101 -0
  154. package/dist/chunk-YZ7LP3PU.js.map +1 -0
  155. package/dist/chunk-ZADYUJIV.js +64 -0
  156. package/dist/chunk-ZADYUJIV.js.map +1 -0
  157. package/dist/context/index.js +5 -5
  158. package/dist/index.cjs +3 -6
  159. package/dist/index.cjs.map +1 -1
  160. package/dist/index.css +12 -0
  161. package/dist/index.js +150 -150
  162. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +16 -16
  163. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.js +4 -4
  164. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +9 -9
  165. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.js +2 -2
  166. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.js +3 -3
  167. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.js +3 -3
  168. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.js +5 -5
  169. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.js +5 -5
  170. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.js +5 -5
  171. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.js +5 -5
  172. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.js +4 -4
  173. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +20 -20
  174. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.js +7 -7
  175. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.js +3 -3
  176. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +22 -22
  177. package/dist/molecules/curriculumV2/CurriculumContents/index.js +26 -26
  178. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.js +2 -2
  179. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.js +2 -2
  180. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-item.js +4 -4
  181. package/dist/molecules/curriculumV2/CurriculumSidebar/index.js +9 -9
  182. package/dist/molecules/curriculumV2/CurriculumSidebar/sidebar-item.js +7 -7
  183. package/dist/molecules/curriculumV2/curriculum-sub-nav.js +4 -4
  184. package/dist/molecules/curriculumV2/curriculum-v2-layout.js +3 -3
  185. package/dist/molecules/curriculumV2/index.js +37 -37
  186. package/dist/molecules/date-picker/date-picker-button.js +6 -6
  187. package/dist/molecules/date-picker/index.js +5 -5
  188. package/dist/molecules/download-card.js +2 -2
  189. package/dist/molecules/dynamic-field.js +4 -4
  190. package/dist/molecules/dynamic-form.js +5 -5
  191. package/dist/molecules/expand-table/index.js +4 -4
  192. package/dist/molecules/force-refresh.js +2 -2
  193. package/dist/molecules/ghost-post.js +4 -4
  194. package/dist/molecules/index.js +72 -72
  195. package/dist/molecules/learning-post.js +5 -5
  196. package/dist/molecules/navigation.js +3 -3
  197. package/dist/molecules/one-on-one-guide-list.js +3 -3
  198. package/dist/molecules/stepper.js +4 -4
  199. package/dist/molecules/tag-selector.js +5 -5
  200. package/package.json +1 -1
  201. package/src/atoms/drawer.tsx +17 -18
@@ -0,0 +1,174 @@
1
+ import {
2
+ DatePickerButton
3
+ } from "./chunk-XLTMDAE3.js";
4
+ import {
5
+ TimeSelect
6
+ } from "./chunk-7PF6I4RN.js";
7
+ import {
8
+ getTimeOption,
9
+ parseTimeOption
10
+ } from "./chunk-NWJSLIQ3.js";
11
+ import {
12
+ Form
13
+ } from "./chunk-2OMSNCRH.js";
14
+ import {
15
+ toast
16
+ } from "./chunk-EEKOTWBE.js";
17
+ import {
18
+ Grid
19
+ } from "./chunk-EGEQY3KT.js";
20
+ import {
21
+ Dialog
22
+ } from "./chunk-AH4A53SZ.js";
23
+ import {
24
+ Separator
25
+ } from "./chunk-HYITAA4J.js";
26
+ import {
27
+ Box
28
+ } from "./chunk-4Y5BEXVN.js";
29
+ import {
30
+ Flex
31
+ } from "./chunk-25HMMI7R.js";
32
+ import {
33
+ Button
34
+ } from "./chunk-ZVDAEY5Q.js";
35
+ import {
36
+ __spreadProps,
37
+ __spreadValues
38
+ } from "./chunk-CRTRMMJ7.js";
39
+
40
+ // src/app/platform/edit-coaching-time.tsx
41
+ import { useCallback, useState } from "react";
42
+ import { jsx, jsxs } from "react/jsx-runtime";
43
+ var getValueFromDefaultValue = (args) => {
44
+ return {
45
+ startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
46
+ endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
47
+ date: args.startAt || /* @__PURE__ */ new Date()
48
+ };
49
+ };
50
+ var getDateFromValue = (date, time) => {
51
+ const { hour, minute } = parseTimeOption(time);
52
+ return new Date(
53
+ date.getFullYear(),
54
+ date.getMonth(),
55
+ date.getDate(),
56
+ hour,
57
+ minute
58
+ );
59
+ };
60
+ function EditCoachingTime(props) {
61
+ const { defaultEndAt, defaultStartAt, onClickCancel } = props;
62
+ const [values, setValues] = useState(() => {
63
+ return getValueFromDefaultValue({
64
+ startAt: defaultStartAt,
65
+ endAt: defaultEndAt
66
+ });
67
+ });
68
+ const [timeError, setTimeError] = useState("");
69
+ const checkTimeError = useCallback(
70
+ (startTime, endTime) => {
71
+ const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
72
+ if (error) {
73
+ setTimeError(error);
74
+ return false;
75
+ }
76
+ return true;
77
+ },
78
+ []
79
+ );
80
+ const onChangeStartTime = useCallback(
81
+ (v) => {
82
+ checkTimeError(v, values.endTime);
83
+ setValues((prev) => __spreadProps(__spreadValues({}, prev), {
84
+ startTime: v
85
+ }));
86
+ },
87
+ [checkTimeError, values.endTime]
88
+ );
89
+ const onChangeEndTime = useCallback(
90
+ (v) => {
91
+ checkTimeError(values.startTime, v);
92
+ setValues((prev) => __spreadProps(__spreadValues({}, prev), {
93
+ endTime: v
94
+ }));
95
+ },
96
+ [checkTimeError, values.startTime]
97
+ );
98
+ const onChangeDate = useCallback((date) => {
99
+ date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
100
+ date
101
+ }));
102
+ }, []);
103
+ const onClickSave = useCallback(() => {
104
+ if (checkTimeError(values.startTime, values.endTime)) {
105
+ const startAt = getDateFromValue(values.date, values.startTime);
106
+ const endAt = getDateFromValue(values.date, values.endTime);
107
+ props.onClickSave && props.onClickSave(startAt, endAt);
108
+ } else {
109
+ toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
110
+ }
111
+ }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
112
+ return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
113
+ /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
114
+ /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
115
+ /* @__PURE__ */ jsx(
116
+ DatePickerButton,
117
+ {
118
+ maxDate: /* @__PURE__ */ new Date(),
119
+ onChange: onChangeDate,
120
+ selected: values.date,
121
+ size: { initial: "large", xs: "medium" }
122
+ }
123
+ )
124
+ ] }),
125
+ /* @__PURE__ */ jsxs(
126
+ Grid,
127
+ {
128
+ align: "center",
129
+ columns: {
130
+ initial: "1fr 0 1fr",
131
+ xs: "1fr auto 1fr"
132
+ },
133
+ gapX: "3",
134
+ gapY: "2",
135
+ justify: "center",
136
+ mb: { initial: "5", xs: "4" },
137
+ mt: "5",
138
+ width: "100%",
139
+ children: [
140
+ /* @__PURE__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
141
+ /* @__PURE__ */ jsx("div", {}),
142
+ /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
143
+ /* @__PURE__ */ jsx(
144
+ TimeSelect,
145
+ {
146
+ onValueChange: onChangeStartTime,
147
+ size: { initial: "3", xs: "2" },
148
+ value: values.startTime
149
+ }
150
+ ),
151
+ /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
152
+ /* @__PURE__ */ jsx(
153
+ TimeSelect,
154
+ {
155
+ onValueChange: onChangeEndTime,
156
+ size: { initial: "3", xs: "2" },
157
+ value: values.endTime
158
+ }
159
+ ),
160
+ /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
161
+ ]
162
+ }
163
+ ),
164
+ /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
165
+ /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
166
+ /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
167
+ ] })
168
+ ] }) });
169
+ }
170
+
171
+ export {
172
+ EditCoachingTime
173
+ };
174
+ //# sourceMappingURL=chunk-ECMGWPU5.js.map
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,61 @@
1
+ import {
2
+ sidebar_item_default
3
+ } from "./chunk-SZA3RAKD.js";
4
+ import {
5
+ useCurriculumContext
6
+ } from "./chunk-IYQJIEVM.js";
7
+ import {
8
+ Tabs
9
+ } from "./chunk-5ZITU5L7.js";
10
+ import {
11
+ Grid
12
+ } from "./chunk-EGEQY3KT.js";
13
+ import {
14
+ Box
15
+ } from "./chunk-4Y5BEXVN.js";
16
+
17
+ // src/molecules/curriculumV2/CurriculumSidebar/index.tsx
18
+ import { jsx, jsxs } from "react/jsx-runtime";
19
+ var TAB_LIST = [
20
+ {
21
+ label: "\uAC15\uC758 \uBAA9\uCC28",
22
+ value: "curriculum"
23
+ }
24
+ ];
25
+ function CurriculumSidebar() {
26
+ const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } = useCurriculumContext();
27
+ const list = curriculum.contents.list;
28
+ return /* @__PURE__ */ jsx(Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
29
+ /* @__PURE__ */ jsx(Tabs.List, { style: { padding: "0 var(--space-3)" }, children: TAB_LIST.map((tab) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
30
+ /* @__PURE__ */ jsx(
31
+ Box,
32
+ {
33
+ height: "100%",
34
+ overflowY: "auto",
35
+ position: "relative",
36
+ ref: scrollAreaRef,
37
+ width: "100%",
38
+ children: /* @__PURE__ */ jsxs(
39
+ Tabs.Content,
40
+ {
41
+ style: {
42
+ position: "absolute",
43
+ height: "100%",
44
+ width: "100%"
45
+ },
46
+ value: TAB_LIST[0].value,
47
+ children: [
48
+ list.map((item, index) => /* @__PURE__ */ jsx(sidebar_item_default, { done: curriculumCompleteMap[item.uuid], index, item, selectedIndex, setSelectedIndex }, item.uuid)),
49
+ /* @__PURE__ */ jsx(Box, { height: "150px" })
50
+ ]
51
+ }
52
+ )
53
+ }
54
+ )
55
+ ] }) });
56
+ }
57
+
58
+ export {
59
+ CurriculumSidebar
60
+ };
61
+ //# sourceMappingURL=chunk-EDDPJB52.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@/atoms/box';\nimport { Grid } from '@/atoms/grid';\nimport { Tabs } from '@/atoms/tabs';\nimport { useCurriculumContext } from '../curriculum-context'; \nimport SidebarItem from './sidebar-item';\n\nconst TAB_LIST = [\n {\n label: '강의 목차',\n value: 'curriculum',\n },\n];\nexport function CurriculumSidebar(): React.ReactNode {\n const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } =\n useCurriculumContext();\n const list = curriculum.contents.list;\n \n\n return (\n <Tabs.Root asChild defaultValue={TAB_LIST[0].value}>\n <Grid height=\"100%\" overflowY=\"auto\" rows=\"auto 1fr \" width=\"100%\">\n <Tabs.List style={{ padding: '0 var(--space-3)' }}>\n {TAB_LIST.map((tab) => (\n <Tabs.Trigger key={tab.value} value={tab.value}>\n {tab.label}\n </Tabs.Trigger>\n ))}\n </Tabs.List>\n <Box\n height=\"100%\"\n overflowY=\"auto\"\n position=\"relative\"\n ref={scrollAreaRef}\n width=\"100%\"\n >\n <Tabs.Content\n style={{\n position: 'absolute',\n height: '100%',\n width: '100%',\n }}\n value={TAB_LIST[0].value}\n >\n {list.map((item, index) => (\n <SidebarItem done={curriculumCompleteMap[item.uuid]} index={index} item={item} key={item.uuid} selectedIndex={selectedIndex} setSelectedIndex={setSelectedIndex} />\n ))}\n <Box height=\"150px\" />\n </Tabs.Content>\n </Box>\n </Grid>\n </Tabs.Root>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBY,cAYF,YAZE;AAjBZ,IAAM,WAAW;AAAA,EACf;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AACO,SAAS,oBAAqC;AACnD,QAAM,EAAE,YAAY,eAAe,kBAAkB,eAAe,sBAAsB,IACxF,qBAAqB;AACvB,QAAM,OAAO,WAAW,SAAS;AAGjC,SACE,oBAAC,KAAK,MAAL,EAAU,SAAO,MAAC,cAAc,SAAS,CAAC,EAAE,OAC3C,+BAAC,QAAK,QAAO,QAAO,WAAU,QAAO,MAAK,aAAY,OAAM,QAC1D;AAAA,wBAAC,KAAK,MAAL,EAAU,OAAO,EAAE,SAAS,mBAAmB,GAC7C,mBAAS,IAAI,CAAC,QACb,oBAAC,KAAK,SAAL,EAA6B,OAAO,IAAI,OACtC,cAAI,SADY,IAAI,KAEvB,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,UAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QAEN;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,OAAO;AAAA,YACT;AAAA,YACA,OAAO,SAAS,CAAC,EAAE;AAAA,YAElB;AAAA,mBAAK,IAAI,CAAC,MAAM,UACf,oBAAC,wBAAY,MAAM,sBAAsB,KAAK,IAAI,GAAG,OAAc,MAA4B,eAA8B,oBAAzC,KAAK,IAAwE,CAClK;AAAA,cACD,oBAAC,OAAI,QAAO,SAAQ;AAAA;AAAA;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;","names":[]}
@@ -0,0 +1,69 @@
1
+ import {
2
+ review_question_satisfaction_option_default
3
+ } from "./chunk-KO6ZM4XB.js";
4
+ import {
5
+ ReviewQuestionSatisfisText
6
+ } from "./chunk-SYGLFURC.js";
7
+ import {
8
+ review_question_text_default
9
+ } from "./chunk-LNRB4XMK.js";
10
+ import {
11
+ review_question_radio_default
12
+ } from "./chunk-YZ7LP3PU.js";
13
+
14
+ // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
15
+ import { jsx } from "react/jsx-runtime";
16
+ function ReviewQuestionBody(props) {
17
+ const { question, answer, error, onChange } = props;
18
+ if (question.type === "question_radio") {
19
+ return /* @__PURE__ */ jsx(
20
+ review_question_radio_default,
21
+ {
22
+ answer,
23
+ error,
24
+ onChange,
25
+ question
26
+ }
27
+ );
28
+ }
29
+ if (question.type === "question_text") {
30
+ return /* @__PURE__ */ jsx(
31
+ review_question_text_default,
32
+ {
33
+ answer,
34
+ error,
35
+ onChange,
36
+ question
37
+ }
38
+ );
39
+ }
40
+ if (question.type === "question_satisfaction_option") {
41
+ return /* @__PURE__ */ jsx(
42
+ review_question_satisfaction_option_default,
43
+ {
44
+ answer,
45
+ error,
46
+ onChange,
47
+ question
48
+ }
49
+ );
50
+ }
51
+ if (question.type === "question_satisfaction_text") {
52
+ return /* @__PURE__ */ jsx(
53
+ ReviewQuestionSatisfisText,
54
+ {
55
+ answer,
56
+ error,
57
+ onChange,
58
+ question
59
+ }
60
+ );
61
+ }
62
+ return null;
63
+ }
64
+ var review_question_body_default = ReviewQuestionBody;
65
+
66
+ export {
67
+ review_question_body_default
68
+ };
69
+ //# sourceMappingURL=chunk-FD6QZZQY.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx"],"sourcesContent":["import React from 'react'; \nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport ReviewQuestionRadio from './review-question-radio';\nimport ReviewQuestionText from './review-question-text';\nimport ReviewQuestionSatisfactionOption from './review-question-satisfaction-option';\nimport ReviewQuestionSatisfactionText from './review-question-satisfaction-text';\n\ninterface ReviewQuestionBodyProps {\n question: ReviewQuestionElement;\n answer: string;\n error?: string;\n onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionBody(props: ReviewQuestionBodyProps): React.ReactNode {\n const { question, answer, error, onChange } = props;\n \n if (question.type === 'question_radio') {\n return (\n <ReviewQuestionRadio\n answer={answer}\n error={error}\n onChange={onChange}\n question={question}\n />\n );\n }\n if (question.type === 'question_text') {\n return (\n <ReviewQuestionText\n answer={answer}\n error={error}\n onChange={onChange}\n question={question}\n />\n );\n }\n if (question.type === 'question_satisfaction_option') {\n return (\n <ReviewQuestionSatisfactionOption\n answer={answer}\n error={error}\n onChange={onChange}\n question={question}\n />\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 그 외의 타입이 있을 경우 있음\n if (question.type === 'question_satisfaction_text') {\n return (\n <ReviewQuestionSatisfactionText\n answer={answer}\n error={error}\n onChange={onChange}\n question={question}\n />\n );\n }\n\n return null;\n}\nexport default ReviewQuestionBody;\n"],"mappings":";;;;;;;;;;;;;;AAmBM;AALN,SAAS,mBAAmB,OAAiD;AAC3E,QAAM,EAAE,UAAU,QAAQ,OAAO,SAAS,IAAI;AAE9C,MAAI,SAAS,SAAS,kBAAkB;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,iBAAiB;AACrC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,gCAAgC;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,MAAI,SAAS,SAAS,8BAA8B;AAClD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO;AACT;AACA,IAAO,+BAAQ;","names":[]}
@@ -0,0 +1,165 @@
1
+ import {
2
+ Separator
3
+ } from "./chunk-HYITAA4J.js";
4
+ import {
5
+ Popover
6
+ } from "./chunk-5AVBYDPB.js";
7
+ import {
8
+ Grid
9
+ } from "./chunk-EGEQY3KT.js";
10
+ import {
11
+ Collapse
12
+ } from "./chunk-NFDQJVFA.js";
13
+ import {
14
+ IconButton
15
+ } from "./chunk-XK6VEVOK.js";
16
+ import {
17
+ Flex
18
+ } from "./chunk-25HMMI7R.js";
19
+ import {
20
+ Button
21
+ } from "./chunk-ZVDAEY5Q.js";
22
+ import {
23
+ Card
24
+ } from "./chunk-RP2RGCAW.js";
25
+ import {
26
+ Badge
27
+ } from "./chunk-U3BQT7ZO.js";
28
+ import {
29
+ Box
30
+ } from "./chunk-4Y5BEXVN.js";
31
+ import {
32
+ ChevronDownIcon,
33
+ ChevronUpIcon,
34
+ Pencil1Icon,
35
+ RocketIcon,
36
+ TrashIcon
37
+ } from "./chunk-R7IT4TCD.js";
38
+ import {
39
+ Heading
40
+ } from "./chunk-BESTU2AY.js";
41
+ import {
42
+ Typo
43
+ } from "./chunk-PMJIFLDT.js";
44
+ import {
45
+ __spreadValues
46
+ } from "./chunk-CRTRMMJ7.js";
47
+
48
+ // src/app/platform/goal-manage-card-read.tsx
49
+ import { useCallback, useMemo, useState } from "react";
50
+ import { format, startOfDay } from "date-fns";
51
+ import { jsx, jsxs } from "react/jsx-runtime";
52
+ function GoalManageCardRead(props) {
53
+ const {
54
+ title,
55
+ dueDate,
56
+ completed,
57
+ expectedEffect,
58
+ huddle,
59
+ onClickDelete,
60
+ onClickEdit,
61
+ defaultOpen,
62
+ onClickIncomplete,
63
+ onClickComplete
64
+ } = props;
65
+ const [open, setOpen] = useState(Boolean(defaultOpen));
66
+ const onClickOpen = useCallback(() => {
67
+ setOpen((p) => !p);
68
+ }, []);
69
+ const icon = open ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {});
70
+ const badgeMeta = useMemo(() => {
71
+ if (!completed && dueDate) {
72
+ if (dueDate >= startOfDay(/* @__PURE__ */ new Date()))
73
+ return {
74
+ color: "success",
75
+ children: "\uC9C4\uD589 \uC911"
76
+ };
77
+ return { color: "error", children: "\uBBF8\uB2EC\uC131" };
78
+ }
79
+ return null;
80
+ }, [completed, dueDate]);
81
+ const renderSubTitle = useCallback((subTitle) => {
82
+ return /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", children: subTitle });
83
+ }, []);
84
+ const renderSubContent = useCallback((content) => {
85
+ return /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", children: content });
86
+ }, []);
87
+ const renderCompleteButton = useCallback(() => {
88
+ if (completed) {
89
+ return /* @__PURE__ */ jsx(Button, { onClick: onClickIncomplete, size: "small", variant: "surface", children: "\uC9C4\uD589\uC911\uC778 \uACFC\uC81C\uB85C \uB3CC\uB824\uB193\uAE30" });
90
+ }
91
+ return /* @__PURE__ */ jsxs(Popover.Root, { children: [
92
+ /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsxs(Button, { size: "small", children: [
93
+ /* @__PURE__ */ jsx(RocketIcon, {}),
94
+ "\uB2EC\uC131\uD558\uAE30"
95
+ ] }) }),
96
+ /* @__PURE__ */ jsxs(Popover.Content, { children: [
97
+ /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
98
+ /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: "3", children: [
99
+ /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
100
+ /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickComplete, size: "small", children: "\uC608" }) })
101
+ ] })
102
+ ] })
103
+ ] });
104
+ }, [completed, onClickIncomplete, onClickComplete]);
105
+ return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gapX: "3", children: [
106
+ /* @__PURE__ */ jsx(IconButton, { onClick: onClickOpen, variant: "ghost", children: icon }),
107
+ /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
108
+ /* @__PURE__ */ jsxs(Flex, { align: "center", gridColumnStart: "2", justify: "between", mt: "2", children: [
109
+ /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", children: [
110
+ badgeMeta ? /* @__PURE__ */ jsx(Badge, __spreadValues({}, badgeMeta)) : null,
111
+ /* @__PURE__ */ jsx(Typo, { color: "gray", children: dueDate ? format(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
112
+ ] }),
113
+ renderCompleteButton()
114
+ ] }),
115
+ open ? /* @__PURE__ */ jsx(
116
+ Separator,
117
+ {
118
+ mb: "4",
119
+ mt: "4",
120
+ size: "4",
121
+ style: { gridColumnStart: "span 2" }
122
+ }
123
+ ) : null,
124
+ /* @__PURE__ */ jsx(Box, { gridColumnStart: "2", p: "0", children: /* @__PURE__ */ jsxs(Collapse, { open, children: [
125
+ /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
126
+ /* @__PURE__ */ jsxs(Box, { children: [
127
+ renderSubTitle(
128
+ "\uD574\uB2F9 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uBA74, \uC544\uB798\uC640 \uAC19\uC740 \uACB0\uACFC\uB97C \uC5BB\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4"
129
+ ),
130
+ renderSubContent(expectedEffect)
131
+ ] }),
132
+ /* @__PURE__ */ jsxs(Box, { children: [
133
+ renderSubTitle(
134
+ "\uBAA9\uD45C\uB97C \uC774\uB8E8\uAE30\uAE4C\uC9C0 \uBC29\uD574\uAC00 \uB420 \uC218 \uC788\uB294 \uC694\uC18C\uB4E4\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4"
135
+ ),
136
+ renderSubContent(huddle)
137
+ ] })
138
+ ] }),
139
+ /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "end", mt: "3", children: [
140
+ /* @__PURE__ */ jsxs(Popover.Root, { children: [
141
+ /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsxs(Button, { color: "gray", size: "small", variant: "ghost", children: [
142
+ /* @__PURE__ */ jsx(TrashIcon, {}),
143
+ "\uC0AD\uC81C\uD558\uAE30"
144
+ ] }) }),
145
+ /* @__PURE__ */ jsxs(Popover.Content, { children: [
146
+ /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
147
+ /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: "3", children: [
148
+ /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
149
+ /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickDelete, size: "small", children: "\uC608" }) })
150
+ ] })
151
+ ] })
152
+ ] }),
153
+ /* @__PURE__ */ jsxs(Button, { onClick: onClickEdit, size: "small", variant: "surface", children: [
154
+ /* @__PURE__ */ jsx(Pencil1Icon, {}),
155
+ "\uC218\uC815\uD558\uAE30"
156
+ ] })
157
+ ] })
158
+ ] }) })
159
+ ] }) });
160
+ }
161
+
162
+ export {
163
+ GoalManageCardRead
164
+ };
165
+ //# sourceMappingURL=chunk-FGNKLXJK.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/app/platform/goal-manage-card-read.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { format, startOfDay } from 'date-fns';\nimport type { BadgeProps } from '../../atoms';\nimport {\n Box,\n Button,\n Card,\n Collapse,\n Flex,\n Heading,\n Badge,\n Typo,\n Popover,\n Grid,\n Separator,\n IconButton,\n} from '../../atoms';\nimport {\n ChevronDownIcon,\n ChevronUpIcon,\n Pencil1Icon,\n RocketIcon,\n TrashIcon,\n} from '../../icon';\n\nexport interface GoalManageCardProps {\n defaultOpen?: boolean;\n title?: string;\n dueDate?: Date;\n completed?: boolean;\n expectedEffect?: string;\n huddle?: string;\n onClickDelete?: () => void;\n onClickEdit?: () => void;\n onClickComplete?: () => void;\n onClickIncomplete?: () => void;\n}\n\nexport function GoalManageCardRead(\n props: GoalManageCardProps\n): React.ReactNode {\n const {\n title,\n dueDate,\n completed,\n expectedEffect,\n huddle,\n onClickDelete,\n onClickEdit,\n defaultOpen,\n onClickIncomplete,\n onClickComplete,\n } = props;\n const [open, setOpen] = useState<boolean>(Boolean(defaultOpen));\n const onClickOpen = useCallback(() => {\n setOpen((p) => !p);\n }, []);\n\n const icon = open ? <ChevronUpIcon /> : <ChevronDownIcon />;\n\n const badgeMeta = useMemo<BadgeProps | null>(() => {\n if (!completed && dueDate) {\n if (dueDate >= startOfDay(new Date()))\n return {\n color: 'success',\n children: '진행 중',\n } as const;\n return { color: 'error', children: '미달성' };\n }\n return null;\n }, [completed, dueDate]);\n\n const renderSubTitle = useCallback((subTitle: string) => {\n return (\n <Heading mb=\"2\" variant=\"heading5\">\n {subTitle}\n </Heading>\n );\n }, []);\n\n const renderSubContent = useCallback((content?: string) => {\n return (\n <Typo as=\"p\" color=\"gray\">\n {content}\n </Typo>\n );\n }, []);\n\n const renderCompleteButton = useCallback(() => {\n if (completed) {\n return (\n <Button onClick={onClickIncomplete} size=\"small\" variant=\"surface\">\n 진행중인 과제로 돌려놓기\n </Button>\n );\n }\n\n return (\n <Popover.Root>\n <Popover.Trigger>\n <Button size=\"small\">\n <RocketIcon />\n 달성하기\n </Button>\n </Popover.Trigger>\n <Popover.Content>\n <Typo color=\"gray\">목표를 달성하시겠습니까?</Typo>\n <Flex gap=\"3\" justify=\"end\" mt=\"3\">\n <Popover.Close>\n <Button color=\"gray\" size=\"small\" variant=\"outline\">\n 아니요\n </Button>\n </Popover.Close>\n <Popover.Close>\n <Button onClick={onClickComplete} size=\"small\">\n 예\n </Button>\n </Popover.Close>\n </Flex>\n </Popover.Content>\n </Popover.Root>\n );\n }, [completed, onClickIncomplete, onClickComplete]);\n\n return (\n <Card>\n <Grid align=\"center\" columns=\"auto 1fr\" gapX=\"3\">\n <IconButton onClick={onClickOpen} variant=\"ghost\">\n {icon}\n </IconButton>\n <Heading variant=\"heading4\">{title}</Heading>\n\n <Flex align=\"center\" gridColumnStart=\"2\" justify=\"between\" mt=\"2\">\n <Flex align=\"center\" gap=\"3\">\n {badgeMeta ? <Badge {...badgeMeta} /> : null}\n <Typo color=\"gray\">\n {dueDate ? format(dueDate, 'yyyy년 MM월 dd일') : null}\n </Typo>\n </Flex>\n {renderCompleteButton()}\n </Flex>\n {open ? (\n <Separator\n mb=\"4\"\n mt=\"4\"\n size=\"4\"\n style={{ gridColumnStart: 'span 2' }}\n />\n ) : null}\n <Box gridColumnStart=\"2\" p=\"0\">\n <Collapse open={open}>\n <Flex direction=\"column\" gap=\"5\">\n <Box>\n {renderSubTitle(\n '해당 목표를 달성하면, 아래와 같은 결과를 얻을 수 있습니다'\n )}\n {renderSubContent(expectedEffect)}\n </Box>\n <Box>\n {renderSubTitle(\n '목표를 이루기까지 방해가 될 수 있는 요소들은 다음과 같습니다'\n )}\n {renderSubContent(huddle)}\n </Box>\n </Flex>\n <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"3\">\n <Popover.Root>\n <Popover.Trigger>\n <Button color=\"gray\" size=\"small\" variant=\"ghost\">\n <TrashIcon />\n 삭제하기\n </Button>\n </Popover.Trigger>\n <Popover.Content>\n <Typo color=\"gray\">목표를 삭제하시겠습니까?</Typo>\n <Flex gap=\"3\" justify=\"end\" mt=\"3\">\n <Popover.Close>\n <Button color=\"gray\" size=\"small\" variant=\"outline\">\n 아니요\n </Button>\n </Popover.Close>\n <Popover.Close>\n <Button onClick={onClickDelete} size=\"small\">\n 예\n </Button>\n </Popover.Close>\n </Flex>\n </Popover.Content>\n </Popover.Root>\n <Button onClick={onClickEdit} size=\"small\" variant=\"surface\">\n <Pencil1Icon />\n 수정하기\n </Button>\n </Flex>\n </Collapse>\n </Box>\n </Grid>\n </Card>\n );\n}\n"],"mappings":"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","names":[]}