@dotss/tictoccroc 0.4.2 → 0.5.0

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 (204) hide show
  1. package/dist/Calendar-BOLCHnjh.js +97 -0
  2. package/dist/TimePicker-BwACyeBR.js +120 -0
  3. package/dist/convertMdToHtml-Bmk0brLK.js +1431 -0
  4. package/dist/index.mjs +105 -200
  5. package/dist/parent/b2b/components/ActionButtons/ActionButtons.mjs +26 -29
  6. package/dist/parent/b2b/components/ActionButtons/index.mjs +5 -4
  7. package/dist/parent/b2b/components/BottomNotes/BottomNotes.mjs +37 -35
  8. package/dist/parent/b2b/components/BottomNotes/index.mjs +5 -4
  9. package/dist/parent/b2b/components/EmployeeNumberField/EmployeeNumberField.mjs +12 -15
  10. package/dist/parent/b2b/components/EmployeeNumberField/index.mjs +5 -4
  11. package/dist/parent/b2b/components/NameField/NameField.mjs +12 -7
  12. package/dist/parent/b2b/components/NameField/index.mjs +5 -4
  13. package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.mjs +27 -30
  14. package/dist/parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.mjs +7 -8
  15. package/dist/parent/b2b/components/PhoneNumberField/index.mjs +6 -7
  16. package/dist/parent/b2b/components/Title/Title.mjs +22 -16
  17. package/dist/parent/b2b/components/Title/index.mjs +4 -3
  18. package/dist/parent/b2b/components/TopLogo/TopLogo.mjs +55 -93
  19. package/dist/parent/b2b/components/TopLogo/index.mjs +5 -4
  20. package/dist/parent/b2b/components/index.mjs +9 -19
  21. package/dist/parent/b2b/utils/convertMdToHtml/convertMdToHtml.mjs +2 -1143
  22. package/dist/parent/b2b/utils/index.mjs +2 -4
  23. package/dist/parent/notification/components/NotificationCard/NotificationCard.mjs +90 -108
  24. package/dist/parent/notification/components/NotificationCard/index.mjs +5 -4
  25. package/dist/parent/notification/components/index.mjs +2 -4
  26. package/dist/parent/notification/utils/index.mjs +2 -4
  27. package/dist/parent/notification/utils/sanitize/sanitize.mjs +6 -6
  28. package/dist/purify.es-D3W4zDrg.js +549 -0
  29. package/dist/shared/components/Calendar/Calendar.mjs +2 -80
  30. package/dist/shared/components/Calendar/index.mjs +5 -4
  31. package/dist/shared/components/Carousel/Carousel.mjs +184 -210
  32. package/dist/shared/components/Carousel/CarouselSlide/CarouselSlide.mjs +10 -7
  33. package/dist/shared/components/Carousel/CarouselSlide/index.mjs +5 -4
  34. package/dist/shared/components/Carousel/index.mjs +6 -6
  35. package/dist/shared/components/ChatKit/BotMessage/BotMessage.mjs +151 -183
  36. package/dist/shared/components/ChatKit/BotMessage/BotMessage.utils.mjs +30 -50
  37. package/dist/shared/components/ChatKit/BotMessage/index.mjs +6 -8
  38. package/dist/shared/components/ChatKit/InputBar/InputBar.fallback.mjs +64 -84
  39. package/dist/shared/components/ChatKit/InputBar/InputBar.mjs +105 -130
  40. package/dist/shared/components/ChatKit/InputBar/index.mjs +6 -6
  41. package/dist/shared/components/ChatKit/Message/Message.fallback.mjs +50 -66
  42. package/dist/shared/components/ChatKit/Message/Message.mjs +178 -276
  43. package/dist/shared/components/ChatKit/Message/Message.utils.mjs +20 -31
  44. package/dist/shared/components/ChatKit/Message/index.mjs +7 -9
  45. package/dist/shared/components/ChatKit/Seperator/Seperator.mjs +31 -27
  46. package/dist/shared/components/ChatKit/Seperator/index.mjs +4 -3
  47. package/dist/shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs +183 -153
  48. package/dist/shared/components/ChatKit/SystemMessage/SystemMessage.mjs +83 -108
  49. package/dist/shared/components/ChatKit/SystemMessage/SystemMessage.utils.mjs +5 -5
  50. package/dist/shared/components/ChatKit/SystemMessage/index.mjs +7 -8
  51. package/dist/shared/components/ChatKit/UnreadMessagePill/UnreadMessagePill.mjs +49 -54
  52. package/dist/shared/components/ChatKit/UnreadMessagePill/index.mjs +5 -4
  53. package/dist/shared/components/ChatKit/index.mjs +13 -29
  54. package/dist/shared/components/Image/Image.d.ts +2 -0
  55. package/dist/shared/components/Image/Image.error.mjs +34 -40
  56. package/dist/shared/components/Image/Image.mjs +247 -289
  57. package/dist/shared/components/Image/index.mjs +6 -6
  58. package/dist/shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs +19 -18
  59. package/dist/shared/components/LoadingAnnouncer/index.mjs +5 -4
  60. package/dist/shared/components/Masonry/Masonry.mjs +240 -276
  61. package/dist/shared/components/Masonry/Masonry.utils.mjs +62 -81
  62. package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs +111 -144
  63. package/dist/shared/components/Masonry/MasonryBlock/index.mjs +5 -4
  64. package/dist/shared/components/Masonry/index.mjs +6 -6
  65. package/dist/shared/components/MediaDialog/MediaBlock/MediaBlock.mjs +54 -69
  66. package/dist/shared/components/MediaDialog/MediaBlock/index.mjs +5 -4
  67. package/dist/shared/components/MediaDialog/MediaDialog.mjs +216 -330
  68. package/dist/shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.mjs +18 -21
  69. package/dist/shared/components/MediaDialog/MediaDialogContent/index.mjs +5 -4
  70. package/dist/shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs +22 -27
  71. package/dist/shared/components/MediaDialog/MediaDialogFooter/index.mjs +5 -4
  72. package/dist/shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs +15 -21
  73. package/dist/shared/components/MediaDialog/MediaDialogToolbar/index.mjs +5 -4
  74. package/dist/shared/components/MediaDialog/index.mjs +9 -12
  75. package/dist/shared/components/Roller/Roller.mjs +99 -132
  76. package/dist/shared/components/Roller/RollerBlock/RollerBlock.mjs +9 -6
  77. package/dist/shared/components/Roller/RollerBlock/index.mjs +5 -4
  78. package/dist/shared/components/Roller/index.mjs +6 -6
  79. package/dist/shared/components/Scheduler/ScheduleBlock/ScheduleBlock.mjs +22 -30
  80. package/dist/shared/components/Scheduler/ScheduleBlock/index.mjs +5 -4
  81. package/dist/shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs +25 -35
  82. package/dist/shared/components/Scheduler/ScheduleEvent/index.mjs +5 -4
  83. package/dist/shared/components/Scheduler/Scheduler.mjs +472 -567
  84. package/dist/shared/components/Scheduler/Scheduler.utils.mjs +78 -101
  85. package/dist/shared/components/Scheduler/index.mjs +8 -10
  86. package/dist/shared/components/Swiper/Swiper.mjs +238 -283
  87. package/dist/shared/components/Swiper/Swiper.utils.mjs +19 -24
  88. package/dist/shared/components/Swiper/SwiperBlock/SwiperBlock.mjs +14 -17
  89. package/dist/shared/components/Swiper/SwiperBlock/index.mjs +5 -4
  90. package/dist/shared/components/Swiper/index.mjs +6 -6
  91. package/dist/shared/components/TextField/TextField.mjs +44 -55
  92. package/dist/shared/components/TextField/index.mjs +5 -4
  93. package/dist/shared/components/TimePicker/TimePicker.mjs +2 -120
  94. package/dist/shared/components/TimePicker/index.mjs +5 -4
  95. package/dist/shared/components/index.mjs +36 -75
  96. package/dist/shared/hooks/index.mjs +4 -8
  97. package/dist/shared/hooks/useCombineRef/index.mjs +5 -4
  98. package/dist/shared/hooks/useCombineRef/useCombineRef.mjs +7 -7
  99. package/dist/shared/hooks/useInView/index.mjs +5 -4
  100. package/dist/shared/hooks/useInView/useInView.d.ts +2 -1
  101. package/dist/shared/hooks/useInView/useInView.mjs +37 -47
  102. package/dist/shared/hooks/useIsomorphicLayoutEffect/index.mjs +5 -4
  103. package/dist/shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs +6 -6
  104. package/dist/shared/typings/common.mjs +6 -4
  105. package/dist/shared/typings/index.mjs +2 -4
  106. package/dist/shared/utils/ageToBirthDate/ageToBirthDate.mjs +17 -9
  107. package/dist/shared/utils/ageToBirthDate/index.mjs +5 -4
  108. package/dist/shared/utils/birthDateToAge/birthDateToAge.mjs +9 -10
  109. package/dist/shared/utils/birthDateToAge/index.mjs +4 -3
  110. package/dist/shared/utils/combineRef/combineRef.mjs +20 -23
  111. package/dist/shared/utils/combineRef/index.mjs +5 -4
  112. package/dist/shared/utils/dayFlagToDay/dayFlagToDay.mjs +15 -23
  113. package/dist/shared/utils/dayFlagToDay/index.mjs +5 -4
  114. package/dist/shared/utils/getCareTypeLabel/getCareTypeLabel.mjs +13 -20
  115. package/dist/shared/utils/getCareTypeLabel/index.mjs +5 -4
  116. package/dist/shared/utils/getDateRange/getDateRange.mjs +15 -20
  117. package/dist/shared/utils/getDateRange/index.mjs +5 -4
  118. package/dist/shared/utils/getImageUrl/getImageUrl.mjs +7 -17
  119. package/dist/shared/utils/getImageUrl/index.mjs +5 -6
  120. package/dist/shared/utils/getTimeRange/getTimeRange.mjs +19 -21
  121. package/dist/shared/utils/getTimeRange/index.mjs +5 -4
  122. package/dist/shared/utils/getVimeoId/getVimeoId.mjs +11 -11
  123. package/dist/shared/utils/getVimeoId/index.mjs +5 -4
  124. package/dist/shared/utils/index.mjs +18 -36
  125. package/dist/shared/utils/isAndroid/index.mjs +5 -4
  126. package/dist/shared/utils/isAndroid/isAndroid.mjs +5 -5
  127. package/dist/shared/utils/isApp/index.mjs +5 -4
  128. package/dist/shared/utils/isApp/isApp.mjs +4 -4
  129. package/dist/shared/utils/isDesktop/index.mjs +5 -4
  130. package/dist/shared/utils/isDesktop/isDesktop.mjs +15 -15
  131. package/dist/shared/utils/isIos/index.mjs +5 -4
  132. package/dist/shared/utils/isIos/isIos.mjs +5 -5
  133. package/dist/shared/utils/isServer/index.mjs +4 -3
  134. package/dist/shared/utils/isServer/isServer.mjs +4 -4
  135. package/dist/shared/utils/objectToQueryString/index.mjs +5 -4
  136. package/dist/shared/utils/objectToQueryString/objectToQueryString.mjs +7 -8
  137. package/dist/shared/utils/parseQueryString/index.mjs +4 -3
  138. package/dist/shared/utils/parseQueryString/parseQueryString.mjs +5 -5
  139. package/dist/shared/utils/share/index.mjs +5 -4
  140. package/dist/shared/utils/share/share.mjs +12 -14
  141. package/dist/teacher/home/components/BannerAccount/BannerAccount.fallback.mjs +19 -11
  142. package/dist/teacher/home/components/BannerAccount/BannerAccount.mjs +83 -99
  143. package/dist/teacher/home/components/BannerAccount/index.mjs +6 -7
  144. package/dist/teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs +127 -67
  145. package/dist/teacher/home/components/Carousel1Account/Carousel1Account.mjs +68 -82
  146. package/dist/teacher/home/components/Carousel1Account/index.mjs +6 -7
  147. package/dist/teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs +112 -94
  148. package/dist/teacher/home/components/Carousel2Account/Carousel2Account.mjs +79 -85
  149. package/dist/teacher/home/components/Carousel2Account/index.mjs +6 -7
  150. package/dist/teacher/home/components/TextAccount/TextAccount.fallback.mjs +119 -108
  151. package/dist/teacher/home/components/TextAccount/TextAccount.mjs +91 -111
  152. package/dist/teacher/home/components/TextAccount/index.mjs +6 -7
  153. package/dist/teacher/home/components/index.mjs +9 -18
  154. package/dist/teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs +345 -442
  155. package/dist/teacher/profile/components/AbilityCollection/AbilityBadge/index.mjs +5 -5
  156. package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.mjs +106 -109
  157. package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs +54 -58
  158. package/dist/teacher/profile/components/AbilityCollection/index.mjs +7 -8
  159. package/dist/teacher/profile/components/ActivityGallery/ActivityGallery.mjs +73 -104
  160. package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs +81 -95
  161. package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/index.mjs +4 -3
  162. package/dist/teacher/profile/components/ActivityGallery/index.mjs +6 -6
  163. package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs +148 -194
  164. package/dist/teacher/profile/components/AvailableScheduleSection/index.mjs +5 -4
  165. package/dist/teacher/profile/components/CareNoteSection/CareNote/CareNote.mjs +61 -53
  166. package/dist/teacher/profile/components/CareNoteSection/CareNote/index.mjs +5 -4
  167. package/dist/teacher/profile/components/CareNoteSection/CareNoteSection.mjs +72 -81
  168. package/dist/teacher/profile/components/CareNoteSection/CareNoteSection.utils.mjs +17 -12
  169. package/dist/teacher/profile/components/CareNoteSection/index.mjs +6 -6
  170. package/dist/teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs +108 -134
  171. package/dist/teacher/profile/components/CareerSection/CareerItem/index.mjs +5 -4
  172. package/dist/teacher/profile/components/CareerSection/CareerSection.mjs +133 -176
  173. package/dist/teacher/profile/components/CareerSection/index.mjs +6 -6
  174. package/dist/teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs +82 -88
  175. package/dist/teacher/profile/components/CertificateSection/CertificateItem/index.mjs +4 -3
  176. package/dist/teacher/profile/components/CertificateSection/CertificateSection.mjs +112 -141
  177. package/dist/teacher/profile/components/CertificateSection/index.mjs +6 -6
  178. package/dist/teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs +96 -111
  179. package/dist/teacher/profile/components/EducationSection/EducationItem/index.mjs +5 -4
  180. package/dist/teacher/profile/components/EducationSection/EducationSection.mjs +112 -141
  181. package/dist/teacher/profile/components/EducationSection/index.mjs +6 -6
  182. package/dist/teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs +107 -102
  183. package/dist/teacher/profile/components/ParentReviewSection/ParentReviewCard/index.mjs +5 -4
  184. package/dist/teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs +85 -81
  185. package/dist/teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs +17 -12
  186. package/dist/teacher/profile/components/ParentReviewSection/index.mjs +7 -8
  187. package/dist/teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs +43 -36
  188. package/dist/teacher/profile/components/PreferredActivityKeywordGroup/index.mjs +4 -3
  189. package/dist/teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs +44 -31
  190. package/dist/teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs +11 -12
  191. package/dist/teacher/profile/components/PreferredAgeGroup/index.mjs +5 -5
  192. package/dist/teacher/profile/components/ProfileSummary/ProfileSummary.mjs +348 -433
  193. package/dist/teacher/profile/components/ProfileSummary/ProfileSummary.utils.mjs +7 -7
  194. package/dist/teacher/profile/components/ProfileSummary/index.mjs +5 -4
  195. package/dist/teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs +80 -105
  196. package/dist/teacher/profile/components/StatBadgeCollection/StatBadge/index.mjs +5 -4
  197. package/dist/teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs +34 -27
  198. package/dist/teacher/profile/components/StatBadgeCollection/index.mjs +6 -6
  199. package/dist/teacher/profile/components/index.mjs +24 -48
  200. package/dist/teacher/profile/utils/index.mjs +2 -4
  201. package/dist/teacher/profile/utils/sortItems/index.mjs +5 -4
  202. package/dist/teacher/profile/utils/sortItems/sortItems.mjs +48 -48
  203. package/package.json +1 -1
  204. package/dist/purify.es-BGaRrCfO.js +0 -553
@@ -1,443 +1,346 @@
1
- import { jsxs as r, Fragment as c, jsx as i } from "react/jsx-runtime";
2
- import { Flexbox as a, Typography as e, BottomSheet as f, BottomSheetTitle as x, BottomSheetContent as C, Label as v, BottomSheetAction as R, Button as L } from "@dotss/ui";
3
- import $ from "@dotss/ui/core/useTheme";
4
- import h from "../../../../../shared/components/Image/Image.mjs";
5
- import { getIconFileName as B } from "../AbilityCollection.utils.mjs";
6
- function F({
7
- name: t,
8
- iconBasePath: b,
9
- completed: d,
10
- detail: { open: S, label: m, description: p, onClose: s, onClickApply: o },
11
- ...g
12
- }) {
13
- const {
14
- palette: { brand: l },
15
- spacing: n
16
- } = $(), y = `${b}/images/activities/${B(t, d)}`, u = ["창의악어", "영어악어", "영유아악어"].includes(t) ? "ability" : "eductation";
17
- return /* @__PURE__ */ r(c, { children: [
18
- /* @__PURE__ */ r(
19
- a,
20
- {
21
- role: "button",
22
- flexDirection: "column",
23
- alignItems: "center",
24
- justifyContent: "center",
25
- "aria-labelledby": `ability-badge-name-${t}`,
26
- "aria-describedby": `ability-badge-status-${t}`,
27
- "aria-controls": `ability-badge-detail-${t}`,
28
- "aria-expanded": S,
29
- gap: 2,
30
- ...g,
31
- inlineCSS: { width: "100%", cursor: "pointer", ...g == null ? void 0 : g.inlineCSS },
32
- children: [
33
- /* @__PURE__ */ i(
34
- h,
35
- {
36
- width: 48,
37
- height: 48,
38
- src: y,
39
- alt: `${t} 배지`,
40
- borderRadius: 12,
41
- "aria-hidden": !0
42
- }
43
- ),
44
- /* @__PURE__ */ i(
45
- e,
46
- {
47
- id: `ability-badge-name-${t}`,
48
- variant: "c1M",
49
- color: "grey.70",
50
- textAlign: "center",
51
- "aria-label": `${t} 배지`,
52
- inlineCSS: {
53
- wordBreak: "keep-all"
54
- },
55
- children: t
56
- }
57
- ),
58
- /* @__PURE__ */ i(e, { id: `ability-badge-status-${t}`, visuallyHidden: !0, children: d ? "획득 완료" : "미획득" })
59
- ]
60
- }
61
- ),
62
- /* @__PURE__ */ r(
63
- f,
64
- {
65
- id: `ability-badge-detail-${t}`,
66
- open: S,
67
- onClose: s,
68
- "aria-labelledby": `ability-badge-detail-name-${t}`,
69
- "aria-describedby": `ability-badge-detail-description-${t}`,
70
- children: [
71
- /* @__PURE__ */ i(x, { onClose: s, autoFocus: !0, hideLine: !0 }),
72
- /* @__PURE__ */ r(
73
- C,
74
- {
75
- inlineCSS: {
76
- alignItems: "center",
77
- justifyContent: "center",
78
- gap: n.content(4)
79
- },
80
- children: [
81
- /* @__PURE__ */ i(
82
- h,
83
- {
84
- width: 80,
85
- height: 80,
86
- src: y,
87
- alt: `${t} 배지`,
88
- borderRadius: 12,
89
- "aria-hidden": !0
90
- }
91
- ),
92
- /* @__PURE__ */ r(
93
- a,
94
- {
95
- flexDirection: "column",
96
- alignItems: "center",
97
- justifyContent: "center",
98
- gap: 2,
99
- mb: d || typeof o != "function" ? 4 : void 0,
100
- children: [
101
- /* @__PURE__ */ i(e, { tag: "h3", variant: "h3B", id: `ability-badge-detail-name-${t}`, children: t }),
102
- /* @__PURE__ */ i(v, { variant: "outlined", color: "blue", size: "small", children: m }),
103
- /* @__PURE__ */ i(
104
- e,
105
- {
106
- variant: "c1M",
107
- textAlign: "center",
108
- color: "grey.70",
109
- id: `ability-badge-detail-description-${t}`,
110
- inlineCSS: {
111
- whiteSpace: "pre-line"
112
- },
113
- children: p
114
- }
115
- )
116
- ]
117
- }
118
- ),
119
- !d && typeof o == "function" && /* @__PURE__ */ r(
120
- a,
121
- {
122
- mt: 2,
123
- mb: 2,
124
- pl: 4,
125
- pr: 4,
126
- pt: 5,
127
- pb: 5,
128
- gap: 1,
129
- flexGrow: 1,
130
- flexDirection: "column",
131
- inlineCSS: {
132
- width: "100%",
133
- backgroundColor: l.primary.disable,
134
- borderRadius: 12
135
- },
136
- children: [
137
- /* @__PURE__ */ i(e, { tag: "h3", variant: "h5B", inlineCSS: { color: l.primary.text }, children: "배지 취득 방법" }),
138
- /* @__PURE__ */ r(
139
- a,
140
- {
141
- tag: "ul",
142
- flexDirection: "column",
143
- gap: 1,
144
- inlineCSS: {
145
- listStyle: u === "ability" ? "decimal" : "disc",
146
- padding: 0,
147
- paddingLeft: n.content(4),
148
- "& li": {
149
- padding: 0
150
- }
151
- },
152
- children: [
153
- t === "창의악어" && /* @__PURE__ */ r(c, { children: [
154
- /* @__PURE__ */ r(
155
- e,
156
- {
157
- tag: "li",
158
- variant: "c3B",
159
- inlineCSS: {
160
- marginLeft: n.content(1),
161
- color: l.primary.text
162
- },
163
- children: [
164
- "서류 전형",
165
- /* @__PURE__ */ r(
166
- a,
167
- {
168
- tag: "ul",
169
- flexDirection: "column",
170
- inlineCSS: {
171
- listStyle: "disc",
172
- padding: 0,
173
- "& li": {
174
- padding: 0
175
- }
176
- },
177
- children: [
178
- /* @__PURE__ */ i(
179
- e,
180
- {
181
- tag: "li",
182
- variant: "b5R",
183
- inlineCSS: {
184
- display: "list-item",
185
- listStyle: '"• "',
186
- color: l.primary.text
187
- },
188
- children: "서류 전형 대상 : 미술, 유아동 관련 전공자로 현장 교육 경력 1년 이상"
189
- }
190
- ),
191
- /* @__PURE__ */ i(
192
- e,
193
- {
194
- tag: "li",
195
- variant: "b5R",
196
- inlineCSS: {
197
- display: "list-item",
198
- listStyle: '"• "',
199
- color: l.primary.text
200
- },
201
- children: "제출 서류 : 전공 확인이 가능한 졸업증명서과 경력증명서"
202
- }
203
- )
204
- ]
205
- }
206
- )
207
- ]
208
- }
209
- ),
210
- /* @__PURE__ */ r(
211
- e,
212
- {
213
- tag: "li",
214
- variant: "c3B",
215
- inlineCSS: {
216
- marginTop: n.content(1),
217
- marginLeft: n.content(1),
218
- color: l.primary.text
219
- },
220
- children: [
221
- "실기 전형",
222
- /* @__PURE__ */ r(
223
- a,
224
- {
225
- tag: "ul",
226
- flexDirection: "column",
227
- inlineCSS: {
228
- listStyle: "disc",
229
- padding: 0,
230
- "& li": {
231
- padding: 0
232
- }
233
- },
234
- children: [
235
- /* @__PURE__ */ i(
236
- e,
237
- {
238
- tag: "li",
239
- variant: "b5R",
240
- inlineCSS: {
241
- display: "list-item",
242
- listStyle: '"• "',
243
- color: l.primary.text
244
- },
245
- children: "작품 사진"
246
- }
247
- ),
248
- /* @__PURE__ */ i(
249
- e,
250
- {
251
- tag: "li",
252
- variant: "b5R",
253
- inlineCSS: {
254
- display: "list-item",
255
- listStyle: '"• "',
256
- color: l.primary.text
257
- },
258
- children: "수업 활동 계획서"
259
- }
260
- )
261
- ]
262
- }
263
- )
264
- ]
265
- }
266
- ),
267
- /* @__PURE__ */ r(
268
- e,
269
- {
270
- tag: "li",
271
- variant: "b5R",
272
- inlineCSS: {
273
- display: "list-item",
274
- listStyle: '"* "',
275
- marginLeft: n.content(-1),
276
- marginTop: n.content(1),
277
- color: l.primary.text
278
- },
279
- children: [
280
- "창의미술 수업이란?",
281
- /* @__PURE__ */ i(
282
- a,
283
- {
284
- tag: "ul",
285
- flexDirection: "column",
286
- inlineCSS: {
287
- listStyle: "disc",
288
- padding: 0,
289
- marginLeft: n.content(2),
290
- "& li": {
291
- padding: 0
292
- }
293
- },
294
- children: /* @__PURE__ */ i(
295
- e,
296
- {
297
- tag: "li",
298
- variant: "b5R",
299
- inlineCSS: {
300
- display: "list-item",
301
- listStyle: '"• "',
302
- color: l.primary.text
303
- },
304
- children: "아이들과 창의적인 미술 수업을 진행하는 돌봄으로 커리큘럼은 부모님과 상의하여 정해요."
305
- }
306
- )
307
- }
308
- )
309
- ]
310
- }
311
- )
312
- ] }),
313
- t === "영어악어" && /* @__PURE__ */ r(c, { children: [
314
- /* @__PURE__ */ i(
315
- e,
316
- {
317
- tag: "li",
318
- variant: "b5R",
319
- inlineCSS: {
320
- marginLeft: n.content(1),
321
- color: l.primary.text
322
- },
323
- children: "째깍악어가 제시하는 주제에 대한 답변을 영어로 녹음한 음성파일을 제출해요."
324
- }
325
- ),
326
- /* @__PURE__ */ i(
327
- e,
328
- {
329
- tag: "li",
330
- variant: "b5R",
331
- inlineCSS: {
332
- marginLeft: n.content(1),
333
- color: l.primary.text
334
- },
335
- children: "영어권 국가 거주 또는 학업, 연수 등 경험에 대해 서술해요."
336
- }
337
- ),
338
- /* @__PURE__ */ i(
339
- e,
340
- {
341
- tag: "li",
342
- variant: "b5R",
343
- inlineCSS: {
344
- marginLeft: n.content(1),
345
- color: l.primary.text
346
- },
347
- children: "공인 어학 성적 등 증빙 가능 서류가 있다면 제출해요. (선택)"
348
- }
349
- )
350
- ] }),
351
- t === "영유아악어" && /* @__PURE__ */ r(c, { children: [
352
- /* @__PURE__ */ i(
353
- e,
354
- {
355
- tag: "li",
356
- variant: "b5R",
357
- inlineCSS: {
358
- marginLeft: n.content(1),
359
- color: l.primary.text
360
- },
361
- children: "육아 경험, 기저귀 갈이 경험 유무 등 영유아 돌봄에 필요한 기본 능력이 있어야 해요."
362
- }
363
- ),
364
- /* @__PURE__ */ i(
365
- e,
366
- {
367
- tag: "li",
368
- variant: "b5R",
369
- inlineCSS: {
370
- marginLeft: n.content(1),
371
- color: l.primary.text
372
- },
373
- children: "신청서를 제출하면 째깍악어에서 심사 후 배지를 부여해요."
374
- }
375
- )
376
- ] }),
377
- [
378
- "산업안전 보건교육",
379
- "아동학대 예방교육",
380
- "응급상황 대처교육",
381
- "놀이돌봄 기초교육"
382
- ].includes(t) && /* @__PURE__ */ r(c, { children: [
383
- /* @__PURE__ */ i(
384
- e,
385
- {
386
- tag: "li",
387
- variant: "b5R",
388
- inlineCSS: {
389
- display: "list-item",
390
- listStyle: '"• "',
391
- marginLeft: n.content(1),
392
- color: l.primary.text
393
- },
394
- children: "신청 버튼을 누르면 째깍캠퍼스 강의로 이동해요."
395
- }
396
- ),
397
- /* @__PURE__ */ i(
398
- e,
399
- {
400
- tag: "li",
401
- variant: "b5R",
402
- inlineCSS: {
403
- display: "list-item",
404
- listStyle: '"• "',
405
- marginLeft: n.content(1),
406
- color: l.primary.text
407
- },
408
- children: "수강을 완료하면 배지가 자동 부여되며, 최대 하루 뒤 앱에 표시돼요."
409
- }
410
- ),
411
- /* @__PURE__ */ i(
412
- e,
413
- {
414
- tag: "li",
415
- variant: "b5R",
416
- inlineCSS: {
417
- display: "list-item",
418
- listStyle: '"• "',
419
- marginLeft: n.content(1),
420
- color: l.primary.text
421
- },
422
- children: "취득한 배지는 부모님에게 보여져요. 배지를 획득하여 선생님의 신뢰도를 높여보세요!"
423
- }
424
- )
425
- ] })
426
- ]
427
- }
428
- )
429
- ]
430
- }
431
- )
432
- ]
433
- }
434
- ),
435
- !d && typeof o == "function" && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(L, { size: "large", onClick: o, children: "신청하기" }) })
436
- ]
437
- }
438
- )
439
- ] });
1
+ import e from "../../../../../shared/components/Image/index.mjs";
2
+ import { getIconFileName as t } from "../AbilityCollection.utils.mjs";
3
+ import { BottomSheet as n, BottomSheetAction as r, BottomSheetContent as i, BottomSheetTitle as a, Button as o, Flexbox as s, Label as c, Typography as l } from "@dotss/ui";
4
+ import u from "@dotss/ui/core/useTheme";
5
+ import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
6
+ //#region teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.tsx
7
+ function m({ name: m, iconBasePath: h, completed: g, detail: { open: _, label: v, description: y, onClose: b, onClickApply: x }, ...S }) {
8
+ let { palette: { brand: C }, spacing: w } = u(), T = `${h}/images/activities/${t(m, g)}`, E = [
9
+ "창의악어",
10
+ "영어악어",
11
+ "영유아악어"
12
+ ].includes(m) ? "ability" : "eductation";
13
+ return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p(s, {
14
+ role: "button",
15
+ flexDirection: "column",
16
+ alignItems: "center",
17
+ justifyContent: "center",
18
+ "aria-labelledby": `ability-badge-name-${m}`,
19
+ "aria-describedby": `ability-badge-status-${m}`,
20
+ "aria-controls": `ability-badge-detail-${m}`,
21
+ "aria-expanded": _,
22
+ gap: 2,
23
+ ...S,
24
+ inlineCSS: {
25
+ width: "100%",
26
+ cursor: "pointer",
27
+ ...S?.inlineCSS
28
+ },
29
+ children: [
30
+ /* @__PURE__ */ f(e, {
31
+ width: 48,
32
+ height: 48,
33
+ src: T,
34
+ alt: `${m} 배지`,
35
+ borderRadius: 12,
36
+ "aria-hidden": !0
37
+ }),
38
+ /* @__PURE__ */ f(l, {
39
+ id: `ability-badge-name-${m}`,
40
+ variant: "c1M",
41
+ color: "grey.70",
42
+ textAlign: "center",
43
+ "aria-label": `${m} 배지`,
44
+ inlineCSS: { wordBreak: "keep-all" },
45
+ children: m
46
+ }),
47
+ /* @__PURE__ */ f(l, {
48
+ id: `ability-badge-status-${m}`,
49
+ visuallyHidden: !0,
50
+ children: g ? "획득 완료" : "미획득"
51
+ })
52
+ ]
53
+ }), /* @__PURE__ */ p(n, {
54
+ id: `ability-badge-detail-${m}`,
55
+ open: _,
56
+ onClose: b,
57
+ "aria-labelledby": `ability-badge-detail-name-${m}`,
58
+ "aria-describedby": `ability-badge-detail-description-${m}`,
59
+ children: [
60
+ /* @__PURE__ */ f(a, {
61
+ onClose: b,
62
+ autoFocus: !0,
63
+ hideLine: !0
64
+ }),
65
+ /* @__PURE__ */ p(i, {
66
+ inlineCSS: {
67
+ alignItems: "center",
68
+ justifyContent: "center",
69
+ gap: w.content(4)
70
+ },
71
+ children: [
72
+ /* @__PURE__ */ f(e, {
73
+ width: 80,
74
+ height: 80,
75
+ src: T,
76
+ alt: `${m} 배지`,
77
+ borderRadius: 12,
78
+ "aria-hidden": !0
79
+ }),
80
+ /* @__PURE__ */ p(s, {
81
+ flexDirection: "column",
82
+ alignItems: "center",
83
+ justifyContent: "center",
84
+ gap: 2,
85
+ mb: g || typeof x != "function" ? 4 : void 0,
86
+ children: [
87
+ /* @__PURE__ */ f(l, {
88
+ tag: "h3",
89
+ variant: "h3B",
90
+ id: `ability-badge-detail-name-${m}`,
91
+ children: m
92
+ }),
93
+ /* @__PURE__ */ f(c, {
94
+ variant: "outlined",
95
+ color: "blue",
96
+ size: "small",
97
+ children: v
98
+ }),
99
+ /* @__PURE__ */ f(l, {
100
+ variant: "c1M",
101
+ textAlign: "center",
102
+ color: "grey.70",
103
+ id: `ability-badge-detail-description-${m}`,
104
+ inlineCSS: { whiteSpace: "pre-line" },
105
+ children: y
106
+ })
107
+ ]
108
+ }),
109
+ !g && typeof x == "function" && /* @__PURE__ */ p(s, {
110
+ mt: 2,
111
+ mb: 2,
112
+ pl: 4,
113
+ pr: 4,
114
+ pt: 5,
115
+ pb: 5,
116
+ gap: 1,
117
+ flexGrow: 1,
118
+ flexDirection: "column",
119
+ inlineCSS: {
120
+ width: "100%",
121
+ backgroundColor: C.primary.disable,
122
+ borderRadius: 12
123
+ },
124
+ children: [/* @__PURE__ */ f(l, {
125
+ tag: "h3",
126
+ variant: "h5B",
127
+ inlineCSS: { color: C.primary.text },
128
+ children: "배지 취득 방법"
129
+ }), /* @__PURE__ */ p(s, {
130
+ tag: "ul",
131
+ flexDirection: "column",
132
+ gap: 1,
133
+ inlineCSS: {
134
+ listStyle: E === "ability" ? "decimal" : "disc",
135
+ padding: 0,
136
+ paddingLeft: w.content(4),
137
+ "& li": { padding: 0 }
138
+ },
139
+ children: [
140
+ m === "창의악어" && /* @__PURE__ */ p(d, { children: [
141
+ /* @__PURE__ */ p(l, {
142
+ tag: "li",
143
+ variant: "c3B",
144
+ inlineCSS: {
145
+ marginLeft: w.content(1),
146
+ color: C.primary.text
147
+ },
148
+ children: ["서류 전형", /* @__PURE__ */ p(s, {
149
+ tag: "ul",
150
+ flexDirection: "column",
151
+ inlineCSS: {
152
+ listStyle: "disc",
153
+ padding: 0,
154
+ "& li": { padding: 0 }
155
+ },
156
+ children: [/* @__PURE__ */ f(l, {
157
+ tag: "li",
158
+ variant: "b5R",
159
+ inlineCSS: {
160
+ display: "list-item",
161
+ listStyle: "\"• \"",
162
+ color: C.primary.text
163
+ },
164
+ children: "서류 전형 대상 : 미술, 유아동 관련 전공자로 현장 교육 경력 1년 이상"
165
+ }), /* @__PURE__ */ f(l, {
166
+ tag: "li",
167
+ variant: "b5R",
168
+ inlineCSS: {
169
+ display: "list-item",
170
+ listStyle: "\"• \"",
171
+ color: C.primary.text
172
+ },
173
+ children: "제출 서류 : 전공 확인이 가능한 졸업증명서과 경력증명서"
174
+ })]
175
+ })]
176
+ }),
177
+ /* @__PURE__ */ p(l, {
178
+ tag: "li",
179
+ variant: "c3B",
180
+ inlineCSS: {
181
+ marginTop: w.content(1),
182
+ marginLeft: w.content(1),
183
+ color: C.primary.text
184
+ },
185
+ children: ["실기 전형", /* @__PURE__ */ p(s, {
186
+ tag: "ul",
187
+ flexDirection: "column",
188
+ inlineCSS: {
189
+ listStyle: "disc",
190
+ padding: 0,
191
+ "& li": { padding: 0 }
192
+ },
193
+ children: [/* @__PURE__ */ f(l, {
194
+ tag: "li",
195
+ variant: "b5R",
196
+ inlineCSS: {
197
+ display: "list-item",
198
+ listStyle: "\"• \"",
199
+ color: C.primary.text
200
+ },
201
+ children: "작품 사진"
202
+ }), /* @__PURE__ */ f(l, {
203
+ tag: "li",
204
+ variant: "b5R",
205
+ inlineCSS: {
206
+ display: "list-item",
207
+ listStyle: "\"• \"",
208
+ color: C.primary.text
209
+ },
210
+ children: "수업 활동 계획서"
211
+ })]
212
+ })]
213
+ }),
214
+ /* @__PURE__ */ p(l, {
215
+ tag: "li",
216
+ variant: "b5R",
217
+ inlineCSS: {
218
+ display: "list-item",
219
+ listStyle: "\"* \"",
220
+ marginLeft: w.content(-1),
221
+ marginTop: w.content(1),
222
+ color: C.primary.text
223
+ },
224
+ children: ["창의미술 수업이란?", /* @__PURE__ */ f(s, {
225
+ tag: "ul",
226
+ flexDirection: "column",
227
+ inlineCSS: {
228
+ listStyle: "disc",
229
+ padding: 0,
230
+ marginLeft: w.content(2),
231
+ "& li": { padding: 0 }
232
+ },
233
+ children: /* @__PURE__ */ f(l, {
234
+ tag: "li",
235
+ variant: "b5R",
236
+ inlineCSS: {
237
+ display: "list-item",
238
+ listStyle: "\"• \"",
239
+ color: C.primary.text
240
+ },
241
+ children: "아이들과 창의적인 미술 수업을 진행하는 돌봄으로 커리큘럼은 부모님과 상의하여 정해요."
242
+ })
243
+ })]
244
+ })
245
+ ] }),
246
+ m === "영어악어" && /* @__PURE__ */ p(d, { children: [
247
+ /* @__PURE__ */ f(l, {
248
+ tag: "li",
249
+ variant: "b5R",
250
+ inlineCSS: {
251
+ marginLeft: w.content(1),
252
+ color: C.primary.text
253
+ },
254
+ children: "째깍악어가 제시하는 주제에 대한 답변을 영어로 녹음한 음성파일을 제출해요."
255
+ }),
256
+ /* @__PURE__ */ f(l, {
257
+ tag: "li",
258
+ variant: "b5R",
259
+ inlineCSS: {
260
+ marginLeft: w.content(1),
261
+ color: C.primary.text
262
+ },
263
+ children: "영어권 국가 거주 또는 학업, 연수 등 경험에 대해 서술해요."
264
+ }),
265
+ /* @__PURE__ */ f(l, {
266
+ tag: "li",
267
+ variant: "b5R",
268
+ inlineCSS: {
269
+ marginLeft: w.content(1),
270
+ color: C.primary.text
271
+ },
272
+ children: "공인 어학 성적 등 증빙 가능 서류가 있다면 제출해요. (선택)"
273
+ })
274
+ ] }),
275
+ m === "영유아악어" && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, {
276
+ tag: "li",
277
+ variant: "b5R",
278
+ inlineCSS: {
279
+ marginLeft: w.content(1),
280
+ color: C.primary.text
281
+ },
282
+ children: "육아 경험, 기저귀 갈이 경험 유무 등 영유아 돌봄에 필요한 기본 능력이 있어야 해요."
283
+ }), /* @__PURE__ */ f(l, {
284
+ tag: "li",
285
+ variant: "b5R",
286
+ inlineCSS: {
287
+ marginLeft: w.content(1),
288
+ color: C.primary.text
289
+ },
290
+ children: "신청서를 제출하면 째깍악어에서 심사 후 배지를 부여해요."
291
+ })] }),
292
+ [
293
+ "산업안전 보건교육",
294
+ "아동학대 예방교육",
295
+ "응급상황 대처교육",
296
+ "놀이돌봄 기초교육"
297
+ ].includes(m) && /* @__PURE__ */ p(d, { children: [
298
+ /* @__PURE__ */ f(l, {
299
+ tag: "li",
300
+ variant: "b5R",
301
+ inlineCSS: {
302
+ display: "list-item",
303
+ listStyle: "\"• \"",
304
+ marginLeft: w.content(1),
305
+ color: C.primary.text
306
+ },
307
+ children: "신청 버튼을 누르면 째깍캠퍼스 강의로 이동해요."
308
+ }),
309
+ /* @__PURE__ */ f(l, {
310
+ tag: "li",
311
+ variant: "b5R",
312
+ inlineCSS: {
313
+ display: "list-item",
314
+ listStyle: "\"• \"",
315
+ marginLeft: w.content(1),
316
+ color: C.primary.text
317
+ },
318
+ children: "수강을 완료하면 배지가 자동 부여되며, 최대 하루 뒤 앱에 표시돼요."
319
+ }),
320
+ /* @__PURE__ */ f(l, {
321
+ tag: "li",
322
+ variant: "b5R",
323
+ inlineCSS: {
324
+ display: "list-item",
325
+ listStyle: "\"• \"",
326
+ marginLeft: w.content(1),
327
+ color: C.primary.text
328
+ },
329
+ children: "취득한 배지는 부모님에게 보여져요. 배지를 획득하여 선생님의 신뢰도를 높여보세요!"
330
+ })
331
+ ] })
332
+ ]
333
+ })]
334
+ })
335
+ ]
336
+ }),
337
+ !g && typeof x == "function" && /* @__PURE__ */ f(r, { children: /* @__PURE__ */ f(o, {
338
+ size: "large",
339
+ onClick: x,
340
+ children: "신청하기"
341
+ }) })
342
+ ]
343
+ })] });
440
344
  }
441
- export {
442
- F as default
443
- };
345
+ //#endregion
346
+ export { m as default };