@dotss/tictoccroc 0.0.2 → 0.0.3
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.
- package/dist/LessonNotesSection-Bg1DHFxg.js +208 -0
- package/dist/index.mjs +102 -100
- package/dist/shared/components/Carousel/Carousel.mjs +87 -82
- package/dist/shared/components/Masonry/Masonry.mjs +157 -139
- package/dist/shared/components/Masonry/Masonry.utils.d.ts +5 -1
- package/dist/shared/components/Masonry/Masonry.utils.mjs +53 -52
- package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.d.ts +5 -0
- package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs +93 -59
- package/dist/shared/components/MediaDialog/MediaBlock/MediaBlock.d.ts +9 -0
- package/dist/shared/components/MediaDialog/MediaBlock/MediaBlock.mjs +70 -0
- package/dist/shared/components/MediaDialog/MediaBlock/index.d.ts +2 -0
- package/dist/shared/components/MediaDialog/MediaBlock/index.mjs +4 -0
- package/dist/shared/components/MediaDialog/MediaDialog.d.ts +13 -0
- package/dist/shared/components/MediaDialog/MediaDialog.mjs +327 -0
- package/dist/shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.d.ts +3 -0
- package/dist/shared/components/{ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.mjs → MediaDialog/MediaDialogContent/MediaDialogContent.mjs} +2 -2
- package/dist/shared/components/MediaDialog/MediaDialogContent/index.d.ts +2 -0
- package/dist/shared/components/MediaDialog/MediaDialogContent/index.mjs +4 -0
- package/dist/shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.d.ts +3 -0
- package/dist/shared/components/MediaDialog/MediaDialogFooter/index.d.ts +2 -0
- package/dist/shared/components/MediaDialog/MediaDialogFooter/index.mjs +4 -0
- package/dist/shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.d.ts +3 -0
- package/dist/shared/components/{ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.mjs → MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs} +6 -6
- package/dist/shared/components/MediaDialog/MediaDialogToolbar/index.d.ts +2 -0
- package/dist/shared/components/MediaDialog/MediaDialogToolbar/index.mjs +4 -0
- package/dist/shared/components/MediaDialog/index.d.ts +7 -0
- package/dist/shared/components/MediaDialog/index.mjs +12 -0
- package/dist/shared/components/Roller/Roller.d.ts +1 -1
- package/dist/shared/components/Roller/Roller.mjs +1 -1
- package/dist/shared/components/Roller/index.mjs +1 -1
- package/dist/shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs +1 -1
- package/dist/shared/components/Scheduler/Scheduler.d.ts +2 -1
- package/dist/shared/components/Scheduler/Scheduler.mjs +224 -220
- package/dist/shared/components/Swiper/Swiper.mjs +53 -62
- package/dist/shared/components/index.d.ts +2 -2
- package/dist/shared/components/index.mjs +36 -34
- package/dist/teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs +49 -47
- package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.mjs +27 -28
- package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs +2 -2
- package/dist/teacher/profile/components/ActivityGallery/ActivityGallery.mjs +52 -47
- package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.d.ts +3 -2
- package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs +33 -61
- package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs +38 -24
- package/dist/teacher/profile/components/CareerSection/CareerSection.d.ts +2 -2
- package/dist/teacher/profile/components/CareerSection/CareerSection.mjs +2 -2
- package/dist/teacher/profile/components/CertificationSection/CertificationSection.d.ts +2 -2
- package/dist/teacher/profile/components/CertificationSection/CertificationSection.mjs +2 -2
- package/dist/teacher/profile/components/EducationSection/EducationSection.d.ts +2 -2
- package/dist/teacher/profile/components/EducationSection/EducationSection.mjs +2 -2
- package/dist/teacher/profile/components/LessonNotesSection/LessonNotesSection.mjs +1 -1
- package/dist/teacher/profile/components/LessonNotesSection/index.mjs +1 -1
- package/dist/teacher/profile/components/index.mjs +1 -1
- package/package.json +1 -1
- package/dist/LessonNotesSection-a2QNdQtj.js +0 -196
- package/dist/shared/components/ImageZoomDialog/ImageBlock/ImageBlock.d.ts +0 -8
- package/dist/shared/components/ImageZoomDialog/ImageBlock/ImageBlock.mjs +0 -36
- package/dist/shared/components/ImageZoomDialog/ImageBlock/index.d.ts +0 -2
- package/dist/shared/components/ImageZoomDialog/ImageBlock/index.mjs +0 -4
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialog.d.ts +0 -16
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialog.mjs +0 -323
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.d.ts +0 -3
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogContent/index.d.ts +0 -2
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogContent/index.mjs +0 -4
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.d.ts +0 -3
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogFooter/index.d.ts +0 -2
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogFooter/index.mjs +0 -4
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.d.ts +0 -3
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogToolbar/index.d.ts +0 -2
- package/dist/shared/components/ImageZoomDialog/ImageZoomDialogToolbar/index.mjs +0 -4
- package/dist/shared/components/ImageZoomDialog/index.d.ts +0 -6
- package/dist/shared/components/ImageZoomDialog/index.mjs +0 -10
- /package/dist/shared/components/{ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.mjs → MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs} +0 -0
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
import { jsxs as Z } from "react/jsx-runtime";
|
|
2
|
-
import { useState as _, useRef as f, Children as
|
|
2
|
+
import { useState as _, useRef as f, Children as x, isValidElement as G, useEffect as k, cloneElement as ar } from "react";
|
|
3
3
|
import { Flexbox as K } from "@dotss/ui";
|
|
4
|
+
import I from "../MediaDialog/MediaBlock/MediaBlock.mjs";
|
|
4
5
|
import { createSwipeEvent as b } from "./Swiper.utils.mjs";
|
|
5
6
|
import U from "./SwiperBlock/SwiperBlock.mjs";
|
|
6
|
-
function
|
|
7
|
+
function hr({
|
|
7
8
|
children: j,
|
|
8
9
|
initialPage: p = 0,
|
|
9
10
|
onSwipe: u,
|
|
10
|
-
onSwiping:
|
|
11
|
+
onSwiping: T,
|
|
11
12
|
loop: y = !1,
|
|
12
13
|
disableSwipe: O = !1,
|
|
13
|
-
renderPagination:
|
|
14
|
+
renderPagination: B,
|
|
14
15
|
inlineCSS: S,
|
|
15
16
|
...w
|
|
16
17
|
}) {
|
|
17
|
-
const [
|
|
18
|
-
!t.current ||
|
|
19
|
-
},
|
|
20
|
-
if (!t.current ||
|
|
18
|
+
const [P, R] = _(p), [s, rr] = _(0), t = f(null), X = f(0), W = f(0), q = f(0), Y = f(0), o = f(!1), d = f(!0), N = f(""), n = f(p), H = f(!1), l = f(null), E = x.count(j), m = x.toArray(j).filter(G).filter((r) => r.type === U || r.type === I), D = E > 1 && !O, tr = x.toArray(m == null ? void 0 : m[0]).filter(G).filter((r) => r.type === U || r.type === I), er = x.toArray(m == null ? void 0 : m[(m == null ? void 0 : m.length) - 1]).filter(G).filter((r) => r.type === U || r.type === I), J = (r, e, i) => {
|
|
19
|
+
!t.current || !D || (N.current = t.current.style.transform, W.current = r, X.current = r + t.current.offsetWidth * (i + 1), q.current = e);
|
|
20
|
+
}, C = (r, e, i) => {
|
|
21
|
+
if (!t.current || !D || !o.current || !d.current)
|
|
21
22
|
return;
|
|
22
|
-
d.current = !1, t.current.style.transition = "transform 0.2s", t.current.style.cursor = "grab",
|
|
23
|
-
const a = e ||
|
|
23
|
+
d.current = !1, t.current.style.transition = "transform 0.2s", t.current.style.cursor = "grab", l.current && (t.current.removeEventListener("transitionend", l.current), l.current = null);
|
|
24
|
+
const a = e || P, c = i || X.current - t.current.offsetWidth * (a + 1) - r, g = t.current.offsetWidth * 0.1;
|
|
24
25
|
if (Math.abs(c) < g && !e) {
|
|
25
26
|
t.current.style.transform = N.current, o.current = !1, d.current = !0, u == null || u(
|
|
26
27
|
b({
|
|
@@ -32,19 +33,19 @@ function dr({
|
|
|
32
33
|
);
|
|
33
34
|
return;
|
|
34
35
|
}
|
|
35
|
-
const
|
|
36
|
-
if (
|
|
36
|
+
const $ = c <= -g && a - 1 < 0, A = c >= g && a + 1 === s, F = c >= g && a + 1 < s, z = c <= -g && a - 1 >= 0;
|
|
37
|
+
if ($) {
|
|
37
38
|
n.current = s - 1, u == null || u(
|
|
38
39
|
b({ realPage: n.current, totalPages: s, lastPage: 0, isLoop: !0 })
|
|
39
|
-
), t.current.style.transform = "translate3d(0, 0, 0)",
|
|
40
|
+
), t.current.style.transform = "translate3d(0, 0, 0)", l.current = (M) => {
|
|
40
41
|
var h, v, L;
|
|
41
|
-
if (
|
|
42
|
+
if (M.propertyName === "transform") {
|
|
42
43
|
if (!t.current) return;
|
|
43
|
-
t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${s}), 0, 0)`,
|
|
44
|
+
t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${s}), 0, 0)`, R(s - 1), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[s]) == null || L.focus();
|
|
44
45
|
}
|
|
45
|
-
}, t.current.addEventListener("transitionend",
|
|
46
|
+
}, t.current.addEventListener("transitionend", l.current);
|
|
46
47
|
return;
|
|
47
|
-
} else if (
|
|
48
|
+
} else if (A) {
|
|
48
49
|
n.current = 0, u == null || u(
|
|
49
50
|
b({
|
|
50
51
|
realPage: n.current,
|
|
@@ -52,13 +53,13 @@ function dr({
|
|
|
52
53
|
lastPage: s - 1,
|
|
53
54
|
isLoop: !0
|
|
54
55
|
})
|
|
55
|
-
), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`,
|
|
56
|
+
), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`, l.current = (M) => {
|
|
56
57
|
var h, v, L;
|
|
57
|
-
if (
|
|
58
|
+
if (M.propertyName === "transform") {
|
|
58
59
|
if (!t.current) return;
|
|
59
|
-
t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)",
|
|
60
|
+
t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", R(0), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[1]) == null || L.focus();
|
|
60
61
|
}
|
|
61
|
-
}, t.current.addEventListener("transitionend",
|
|
62
|
+
}, t.current.addEventListener("transitionend", l.current);
|
|
62
63
|
return;
|
|
63
64
|
}
|
|
64
65
|
F ? (n.current = a + 1, u == null || u(
|
|
@@ -68,47 +69,47 @@ function dr({
|
|
|
68
69
|
lastPage: a,
|
|
69
70
|
isLoop: !0
|
|
70
71
|
})
|
|
71
|
-
),
|
|
72
|
+
), R(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`) : z ? (n.current = a - 1, u == null || u(
|
|
72
73
|
b({
|
|
73
74
|
realPage: n.current,
|
|
74
75
|
totalPages: s,
|
|
75
76
|
lastPage: a,
|
|
76
77
|
isLoop: !1
|
|
77
78
|
})
|
|
78
|
-
),
|
|
79
|
+
), R(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a}), 0, 0)`) : (u == null || u(
|
|
79
80
|
b({
|
|
80
81
|
realPage: n.current,
|
|
81
82
|
totalPages: s,
|
|
82
83
|
lastPage: n.current,
|
|
83
84
|
isLoop: !1
|
|
84
85
|
})
|
|
85
|
-
), t.current.style.transform = N.current),
|
|
86
|
+
), t.current.style.transform = N.current), l.current = (M) => {
|
|
86
87
|
var h;
|
|
87
|
-
if (
|
|
88
|
+
if (M.propertyName === "transform") {
|
|
88
89
|
o.current = !1, d.current = !0;
|
|
89
90
|
const v = Array.from(((h = t.current) == null ? void 0 : h.children) ?? []).find(
|
|
90
91
|
(L) => L.getAttribute("aria-current") === "page"
|
|
91
92
|
);
|
|
92
93
|
v && v.focus();
|
|
93
94
|
}
|
|
94
|
-
}, t.current.addEventListener("transitionend",
|
|
95
|
+
}, t.current.addEventListener("transitionend", l.current);
|
|
95
96
|
}, nr = (r) => {
|
|
96
97
|
o.current = !0, J(r.clientX, r.clientY, n.current);
|
|
97
|
-
}, Q = (r) =>
|
|
98
|
+
}, Q = (r) => C(r.clientX), cr = (r) => {
|
|
98
99
|
J(r.touches[0].clientX, r.touches[0].clientY, n.current);
|
|
99
|
-
}, V = (r) =>
|
|
100
|
+
}, V = (r) => C(r.changedTouches[0].clientX), sr = (r) => {
|
|
100
101
|
o.current = !0;
|
|
101
102
|
const e = r - 1;
|
|
102
|
-
|
|
103
|
+
R(e <= 0 ? 0 : e), C(0, r);
|
|
103
104
|
}, ur = (r) => (e) => {
|
|
104
|
-
var
|
|
105
|
+
var i, a;
|
|
105
106
|
switch (e.key) {
|
|
106
107
|
case "ArrowRight": {
|
|
107
108
|
if (e.preventDefault(), o.current || !d.current) return;
|
|
108
109
|
const c = n.current === s - 1;
|
|
109
110
|
if (!y && c)
|
|
110
111
|
return;
|
|
111
|
-
o.current = !0,
|
|
112
|
+
o.current = !0, C(0, n.current, (((i = t.current) == null ? void 0 : i.offsetWidth) ?? 0) * 0.1);
|
|
112
113
|
break;
|
|
113
114
|
}
|
|
114
115
|
case "ArrowLeft": {
|
|
@@ -116,7 +117,7 @@ function dr({
|
|
|
116
117
|
const c = n.current === 0;
|
|
117
118
|
if (!y && c)
|
|
118
119
|
return;
|
|
119
|
-
o.current = !0,
|
|
120
|
+
o.current = !0, C(0, n.current, -((((a = t.current) == null ? void 0 : a.offsetWidth) ?? 0) * 0.1));
|
|
120
121
|
break;
|
|
121
122
|
}
|
|
122
123
|
case "Enter": {
|
|
@@ -131,11 +132,11 @@ function dr({
|
|
|
131
132
|
r == null || r(e);
|
|
132
133
|
};
|
|
133
134
|
return k(() => {
|
|
134
|
-
const r = t.current, e = (c, g,
|
|
135
|
-
if (!t.current ||
|
|
135
|
+
const r = t.current, e = (c, g, $) => {
|
|
136
|
+
if (!t.current || !D || !d.current) return;
|
|
136
137
|
Y.current = c - X.current;
|
|
137
|
-
const
|
|
138
|
-
if (o.current = o.current || Math.abs(Y.current) >
|
|
138
|
+
const A = 5;
|
|
139
|
+
if (o.current = o.current || Math.abs(Y.current) > A && Math.abs(g - q.current) < A, o.current) {
|
|
139
140
|
const F = W.current < c, z = W.current > c;
|
|
140
141
|
if (!y && F && n.current === 0) {
|
|
141
142
|
o.current = !1;
|
|
@@ -145,7 +146,7 @@ function dr({
|
|
|
145
146
|
o.current = !1;
|
|
146
147
|
return;
|
|
147
148
|
}
|
|
148
|
-
|
|
149
|
+
$.cancelable && $.preventDefault(), T == null || T(
|
|
149
150
|
b({
|
|
150
151
|
realPage: n.current,
|
|
151
152
|
totalPages: s,
|
|
@@ -154,15 +155,15 @@ function dr({
|
|
|
154
155
|
})
|
|
155
156
|
), t.current.style.transition = "none", t.current.style.cursor = "grabbing", t.current.style.transform = `translate3d(${Y.current}px, 0, 0)`;
|
|
156
157
|
}
|
|
157
|
-
},
|
|
158
|
+
}, i = (c) => {
|
|
158
159
|
o.current && e(c.clientX, c.clientY, c);
|
|
159
160
|
}, a = (c) => e(c.touches[0].clientX, c.touches[0].clientY, c);
|
|
160
|
-
return r && (r.addEventListener("mousemove",
|
|
161
|
-
r && (r.removeEventListener("mousemove",
|
|
161
|
+
return r && (r.addEventListener("mousemove", i), r.addEventListener("touchmove", a)), () => {
|
|
162
|
+
r && (r.removeEventListener("mousemove", i), r.removeEventListener("touchmove", a));
|
|
162
163
|
};
|
|
163
|
-
}, [
|
|
164
|
-
const r = t.current, e = (
|
|
165
|
-
d.current ||
|
|
164
|
+
}, [D, T, y, s]), k(() => {
|
|
165
|
+
const r = t.current, e = (i) => {
|
|
166
|
+
d.current || i.stopPropagation();
|
|
166
167
|
};
|
|
167
168
|
return r == null || r.addEventListener("click", e), () => {
|
|
168
169
|
r == null || r.removeEventListener("click", e);
|
|
@@ -170,7 +171,7 @@ function dr({
|
|
|
170
171
|
}, []), k(() => {
|
|
171
172
|
const r = t.current;
|
|
172
173
|
return () => {
|
|
173
|
-
|
|
174
|
+
l.current && r && (r.removeEventListener("transitionend", l.current), l.current = null);
|
|
174
175
|
};
|
|
175
176
|
}, []), k(() => {
|
|
176
177
|
rr(E);
|
|
@@ -215,40 +216,30 @@ function dr({
|
|
|
215
216
|
cursor: "grab"
|
|
216
217
|
},
|
|
217
218
|
children: [
|
|
218
|
-
|
|
219
|
-
er,
|
|
220
|
-
(r) => I(r, {
|
|
221
|
-
"aria-hidden": !0
|
|
222
|
-
})
|
|
223
|
-
),
|
|
219
|
+
er,
|
|
224
220
|
m.map(
|
|
225
|
-
(r, e) =>
|
|
221
|
+
(r, e) => ar(r, {
|
|
226
222
|
role: "listitem",
|
|
227
|
-
tabIndex: e ===
|
|
223
|
+
tabIndex: e === P ? 0 : -1,
|
|
228
224
|
onKeyDown: ur(r.props.onKeyDown),
|
|
229
225
|
"aria-roledescription": "slide",
|
|
230
|
-
"aria-hidden": e !==
|
|
231
|
-
"aria-current": e ===
|
|
226
|
+
"aria-hidden": e !== P,
|
|
227
|
+
"aria-current": e === P ? "page" : void 0,
|
|
232
228
|
"aria-label": `${s}개 중 ${e + 1}번째 슬라이드`,
|
|
233
229
|
"aria-posinset": e + 1,
|
|
234
230
|
"aria-setsize": s,
|
|
235
231
|
...r.props
|
|
236
232
|
})
|
|
237
233
|
),
|
|
238
|
-
|
|
239
|
-
tr,
|
|
240
|
-
(r) => I(r, {
|
|
241
|
-
"aria-hidden": !0
|
|
242
|
-
})
|
|
243
|
-
)
|
|
234
|
+
tr
|
|
244
235
|
]
|
|
245
236
|
}
|
|
246
237
|
),
|
|
247
|
-
typeof
|
|
238
|
+
typeof B == "function" && B({ page: P, totalPages: s, onChange: sr })
|
|
248
239
|
]
|
|
249
240
|
}
|
|
250
241
|
);
|
|
251
242
|
}
|
|
252
243
|
export {
|
|
253
|
-
|
|
244
|
+
hr as default
|
|
254
245
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as Scheduler } from './Scheduler';
|
|
2
|
-
export { default as
|
|
2
|
+
export { default as MediaDialog } from './MediaDialog';
|
|
3
3
|
export { default as Swiper } from './Swiper';
|
|
4
4
|
export { default as Carousel } from './Carousel';
|
|
5
5
|
export { default as TimePicker } from './TimePicker';
|
|
@@ -9,7 +9,7 @@ export { default as Calendar } from './Calendar';
|
|
|
9
9
|
export { default as Masonry } from './Masonry';
|
|
10
10
|
export { default as LoadingAnnouncer } from './LoadingAnnouncer';
|
|
11
11
|
export * from './Scheduler';
|
|
12
|
-
export * from './
|
|
12
|
+
export * from './MediaDialog';
|
|
13
13
|
export * from './Swiper';
|
|
14
14
|
export * from './Carousel';
|
|
15
15
|
export * from './TimePicker';
|
|
@@ -1,42 +1,44 @@
|
|
|
1
1
|
import { default as a } from "./Scheduler/Scheduler.mjs";
|
|
2
2
|
import { default as t } from "./Scheduler/ScheduleEvent/ScheduleEvent.mjs";
|
|
3
3
|
import { default as f } from "./Scheduler/ScheduleBlock/ScheduleBlock.mjs";
|
|
4
|
-
import { getAvailableDateRange as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as x } from "./
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as k } from "./
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as C } from "./
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
4
|
+
import { getAvailableDateRange as u } from "./Scheduler/Scheduler.utils.mjs";
|
|
5
|
+
import { default as m } from "./MediaDialog/MediaDialog.mjs";
|
|
6
|
+
import { default as x } from "./MediaDialog/MediaBlock/MediaBlock.mjs";
|
|
7
|
+
import { default as n } from "./MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
|
|
8
|
+
import { default as g } from "./MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs";
|
|
9
|
+
import { default as k } from "./MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
|
|
10
|
+
import { default as B } from "./Swiper/Swiper.mjs";
|
|
11
|
+
import { default as C } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
|
|
12
|
+
import { default as h } from "./Carousel/Carousel.mjs";
|
|
13
|
+
import { default as v } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
|
|
14
|
+
import { default as y } from "./TimePicker/TimePicker.mjs";
|
|
15
|
+
import { R as T } from "../../LessonNotesSection-Bg1DHFxg.js";
|
|
16
|
+
import { default as F } from "./Roller/RollerBlock/RollerBlock.mjs";
|
|
17
|
+
import { default as L } from "./Image/Image.mjs";
|
|
18
|
+
import { default as j } from "./Calendar/Calendar.mjs";
|
|
19
|
+
import { default as z } from "./Masonry/Masonry.mjs";
|
|
20
|
+
import { default as H } from "./Masonry/MasonryBlock/MasonryBlock.mjs";
|
|
21
|
+
import { default as K } from "./LoadingAnnouncer/LoadingAnnouncer.mjs";
|
|
21
22
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
23
|
+
j as Calendar,
|
|
24
|
+
h as Carousel,
|
|
25
|
+
v as CarouselSlide,
|
|
26
|
+
L as Image,
|
|
27
|
+
K as LoadingAnnouncer,
|
|
28
|
+
z as Masonry,
|
|
29
|
+
H as MasonryBlock,
|
|
30
|
+
x as MediaBlock,
|
|
31
|
+
m as MediaDialog,
|
|
32
|
+
n as MediaDialogContent,
|
|
33
|
+
g as MediaDialogFooter,
|
|
34
|
+
k as MediaDialogToolbar,
|
|
35
|
+
T as Roller,
|
|
36
|
+
F as RollerBlock,
|
|
35
37
|
f as ScheduleBlock,
|
|
36
38
|
t as ScheduleEvent,
|
|
37
39
|
a as Scheduler,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
B as Swiper,
|
|
41
|
+
C as SwiperBlock,
|
|
42
|
+
y as TimePicker,
|
|
43
|
+
u as getAvailableDateRange
|
|
42
44
|
};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsxs as r, Fragment as
|
|
2
|
-
import { Flexbox as a, Typography as
|
|
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 x, BottomSheetTitle as C, BottomSheetContent as f, Label as v, BottomSheetAction as R, Button as L } from "@dotss/ui";
|
|
3
3
|
import $ from "@dotss/ui/core/useTheme";
|
|
4
4
|
import y from "../../../../../shared/components/Image/Image.mjs";
|
|
5
5
|
import { getIconFileName as B } from "../AbilityCollection.utils.mjs";
|
|
6
6
|
function k({
|
|
7
|
-
name:
|
|
7
|
+
name: t,
|
|
8
8
|
iconBasePath: h,
|
|
9
|
-
completed:
|
|
10
|
-
detail: { open: g, label:
|
|
9
|
+
completed: d,
|
|
10
|
+
detail: { open: g, label: b, description: m, onClose: S, onClickApply: p },
|
|
11
11
|
...o
|
|
12
12
|
}) {
|
|
13
13
|
const {
|
|
14
14
|
palette: { brand: l },
|
|
15
15
|
spacing: n
|
|
16
|
-
} = $(), s = `${h}/images/activities/${B(
|
|
17
|
-
return /* @__PURE__ */ r(
|
|
16
|
+
} = $(), s = `${h}/images/activities/${B(t, d)}`, u = ["창의악어", "영어악어", "영유아악어"].includes(t) ? "ability" : "eductation";
|
|
17
|
+
return /* @__PURE__ */ r(c, { children: [
|
|
18
18
|
/* @__PURE__ */ r(
|
|
19
19
|
a,
|
|
20
20
|
{
|
|
@@ -22,9 +22,9 @@ function k({
|
|
|
22
22
|
flexDirection: "column",
|
|
23
23
|
alignItems: "center",
|
|
24
24
|
justifyContent: "center",
|
|
25
|
-
"aria-
|
|
26
|
-
"aria-describedby": `ability-badge-status-${
|
|
27
|
-
"aria-controls": `ability-badge-detail-${
|
|
25
|
+
"aria-labelledby": `ability-badge-name-${t}`,
|
|
26
|
+
"aria-describedby": `ability-badge-status-${t}`,
|
|
27
|
+
"aria-controls": `ability-badge-detail-${t}`,
|
|
28
28
|
"aria-expanded": g,
|
|
29
29
|
gap: 2,
|
|
30
30
|
...o,
|
|
@@ -36,35 +36,37 @@ function k({
|
|
|
36
36
|
width: 48,
|
|
37
37
|
height: 48,
|
|
38
38
|
src: s,
|
|
39
|
-
alt: `${
|
|
39
|
+
alt: `${t} 배지`,
|
|
40
40
|
borderRadius: 12,
|
|
41
41
|
"aria-hidden": !0
|
|
42
42
|
}
|
|
43
43
|
),
|
|
44
44
|
/* @__PURE__ */ i(
|
|
45
|
-
|
|
45
|
+
e,
|
|
46
46
|
{
|
|
47
|
+
id: `ability-badge-name-${t}`,
|
|
47
48
|
variant: "c1M",
|
|
48
49
|
color: "grey.70",
|
|
49
50
|
textAlign: "center",
|
|
51
|
+
"aria-label": `${t} 배지`,
|
|
50
52
|
inlineCSS: {
|
|
51
53
|
wordBreak: "keep-all"
|
|
52
54
|
},
|
|
53
|
-
children:
|
|
55
|
+
children: t
|
|
54
56
|
}
|
|
55
57
|
),
|
|
56
|
-
/* @__PURE__ */ i(
|
|
58
|
+
/* @__PURE__ */ i(e, { id: `ability-badge-status-${t}`, visuallyHidden: !0, children: d ? "획득 완료" : "미획득" })
|
|
57
59
|
]
|
|
58
60
|
}
|
|
59
61
|
),
|
|
60
62
|
/* @__PURE__ */ r(
|
|
61
63
|
x,
|
|
62
64
|
{
|
|
63
|
-
id: `ability-badge-detail-${
|
|
65
|
+
id: `ability-badge-detail-${t}`,
|
|
64
66
|
open: g,
|
|
65
67
|
onClose: S,
|
|
66
|
-
"aria-labelledby": `ability-badge-detail-name-${
|
|
67
|
-
"aria-describedby": `ability-badge-detail-description-${
|
|
68
|
+
"aria-labelledby": `ability-badge-detail-name-${t}`,
|
|
69
|
+
"aria-describedby": `ability-badge-detail-description-${t}`,
|
|
68
70
|
children: [
|
|
69
71
|
/* @__PURE__ */ i(C, { onClose: S, autoFocus: !0, hideLine: !0 }),
|
|
70
72
|
/* @__PURE__ */ r(
|
|
@@ -82,7 +84,7 @@ function k({
|
|
|
82
84
|
width: 80,
|
|
83
85
|
height: 80,
|
|
84
86
|
src: s,
|
|
85
|
-
alt: `${
|
|
87
|
+
alt: `${t} 배지`,
|
|
86
88
|
borderRadius: 12,
|
|
87
89
|
"aria-hidden": !0
|
|
88
90
|
}
|
|
@@ -94,27 +96,27 @@ function k({
|
|
|
94
96
|
alignItems: "center",
|
|
95
97
|
justifyContent: "center",
|
|
96
98
|
gap: 2,
|
|
97
|
-
mb:
|
|
99
|
+
mb: d ? 4 : void 0,
|
|
98
100
|
children: [
|
|
99
|
-
/* @__PURE__ */ i(
|
|
100
|
-
/* @__PURE__ */ i(v, { variant: "outlined", color: "blue", size: "small", 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: b }),
|
|
101
103
|
/* @__PURE__ */ i(
|
|
102
|
-
|
|
104
|
+
e,
|
|
103
105
|
{
|
|
104
106
|
variant: "c1M",
|
|
105
107
|
textAlign: "center",
|
|
106
108
|
color: "grey.70",
|
|
107
|
-
id: `ability-badge-detail-description-${
|
|
109
|
+
id: `ability-badge-detail-description-${t}`,
|
|
108
110
|
inlineCSS: {
|
|
109
111
|
whiteSpace: "pre-line"
|
|
110
112
|
},
|
|
111
|
-
children:
|
|
113
|
+
children: m
|
|
112
114
|
}
|
|
113
115
|
)
|
|
114
116
|
]
|
|
115
117
|
}
|
|
116
118
|
),
|
|
117
|
-
!
|
|
119
|
+
!d && /* @__PURE__ */ r(
|
|
118
120
|
a,
|
|
119
121
|
{
|
|
120
122
|
mt: 2,
|
|
@@ -132,7 +134,7 @@ function k({
|
|
|
132
134
|
borderRadius: 12
|
|
133
135
|
},
|
|
134
136
|
children: [
|
|
135
|
-
/* @__PURE__ */ i(
|
|
137
|
+
/* @__PURE__ */ i(e, { tag: "h3", variant: "h5B", inlineCSS: { color: l.primary.text }, children: "배지 취득 방법" }),
|
|
136
138
|
/* @__PURE__ */ r(
|
|
137
139
|
a,
|
|
138
140
|
{
|
|
@@ -148,9 +150,9 @@ function k({
|
|
|
148
150
|
}
|
|
149
151
|
},
|
|
150
152
|
children: [
|
|
151
|
-
|
|
153
|
+
t === "창의악어" && /* @__PURE__ */ r(c, { children: [
|
|
152
154
|
/* @__PURE__ */ r(
|
|
153
|
-
|
|
155
|
+
e,
|
|
154
156
|
{
|
|
155
157
|
tag: "li",
|
|
156
158
|
variant: "c3B",
|
|
@@ -174,7 +176,7 @@ function k({
|
|
|
174
176
|
},
|
|
175
177
|
children: [
|
|
176
178
|
/* @__PURE__ */ i(
|
|
177
|
-
|
|
179
|
+
e,
|
|
178
180
|
{
|
|
179
181
|
tag: "li",
|
|
180
182
|
variant: "b5R",
|
|
@@ -187,7 +189,7 @@ function k({
|
|
|
187
189
|
}
|
|
188
190
|
),
|
|
189
191
|
/* @__PURE__ */ i(
|
|
190
|
-
|
|
192
|
+
e,
|
|
191
193
|
{
|
|
192
194
|
tag: "li",
|
|
193
195
|
variant: "b5R",
|
|
@@ -206,7 +208,7 @@ function k({
|
|
|
206
208
|
}
|
|
207
209
|
),
|
|
208
210
|
/* @__PURE__ */ r(
|
|
209
|
-
|
|
211
|
+
e,
|
|
210
212
|
{
|
|
211
213
|
tag: "li",
|
|
212
214
|
variant: "c3B",
|
|
@@ -231,7 +233,7 @@ function k({
|
|
|
231
233
|
},
|
|
232
234
|
children: [
|
|
233
235
|
/* @__PURE__ */ i(
|
|
234
|
-
|
|
236
|
+
e,
|
|
235
237
|
{
|
|
236
238
|
tag: "li",
|
|
237
239
|
variant: "b5R",
|
|
@@ -244,7 +246,7 @@ function k({
|
|
|
244
246
|
}
|
|
245
247
|
),
|
|
246
248
|
/* @__PURE__ */ i(
|
|
247
|
-
|
|
249
|
+
e,
|
|
248
250
|
{
|
|
249
251
|
tag: "li",
|
|
250
252
|
variant: "b5R",
|
|
@@ -263,7 +265,7 @@ function k({
|
|
|
263
265
|
}
|
|
264
266
|
),
|
|
265
267
|
/* @__PURE__ */ r(
|
|
266
|
-
|
|
268
|
+
e,
|
|
267
269
|
{
|
|
268
270
|
tag: "li",
|
|
269
271
|
variant: "b5R",
|
|
@@ -290,7 +292,7 @@ function k({
|
|
|
290
292
|
}
|
|
291
293
|
},
|
|
292
294
|
children: /* @__PURE__ */ i(
|
|
293
|
-
|
|
295
|
+
e,
|
|
294
296
|
{
|
|
295
297
|
tag: "li",
|
|
296
298
|
variant: "b5R",
|
|
@@ -308,9 +310,9 @@ function k({
|
|
|
308
310
|
}
|
|
309
311
|
)
|
|
310
312
|
] }),
|
|
311
|
-
|
|
313
|
+
t === "영어악어" && /* @__PURE__ */ r(c, { children: [
|
|
312
314
|
/* @__PURE__ */ i(
|
|
313
|
-
|
|
315
|
+
e,
|
|
314
316
|
{
|
|
315
317
|
tag: "li",
|
|
316
318
|
variant: "b5R",
|
|
@@ -322,7 +324,7 @@ function k({
|
|
|
322
324
|
}
|
|
323
325
|
),
|
|
324
326
|
/* @__PURE__ */ i(
|
|
325
|
-
|
|
327
|
+
e,
|
|
326
328
|
{
|
|
327
329
|
tag: "li",
|
|
328
330
|
variant: "b5R",
|
|
@@ -334,7 +336,7 @@ function k({
|
|
|
334
336
|
}
|
|
335
337
|
),
|
|
336
338
|
/* @__PURE__ */ i(
|
|
337
|
-
|
|
339
|
+
e,
|
|
338
340
|
{
|
|
339
341
|
tag: "li",
|
|
340
342
|
variant: "b5R",
|
|
@@ -346,9 +348,9 @@ function k({
|
|
|
346
348
|
}
|
|
347
349
|
)
|
|
348
350
|
] }),
|
|
349
|
-
|
|
351
|
+
t === "영유아악어" && /* @__PURE__ */ r(c, { children: [
|
|
350
352
|
/* @__PURE__ */ i(
|
|
351
|
-
|
|
353
|
+
e,
|
|
352
354
|
{
|
|
353
355
|
tag: "li",
|
|
354
356
|
variant: "b5R",
|
|
@@ -360,7 +362,7 @@ function k({
|
|
|
360
362
|
}
|
|
361
363
|
),
|
|
362
364
|
/* @__PURE__ */ i(
|
|
363
|
-
|
|
365
|
+
e,
|
|
364
366
|
{
|
|
365
367
|
tag: "li",
|
|
366
368
|
variant: "b5R",
|
|
@@ -377,9 +379,9 @@ function k({
|
|
|
377
379
|
"아동학대 예방교육",
|
|
378
380
|
"응급상황 대처교육",
|
|
379
381
|
"놀이돌봄 기초교육"
|
|
380
|
-
].includes(
|
|
382
|
+
].includes(t) && /* @__PURE__ */ r(c, { children: [
|
|
381
383
|
/* @__PURE__ */ i(
|
|
382
|
-
|
|
384
|
+
e,
|
|
383
385
|
{
|
|
384
386
|
tag: "li",
|
|
385
387
|
variant: "b5R",
|
|
@@ -393,7 +395,7 @@ function k({
|
|
|
393
395
|
}
|
|
394
396
|
),
|
|
395
397
|
/* @__PURE__ */ i(
|
|
396
|
-
|
|
398
|
+
e,
|
|
397
399
|
{
|
|
398
400
|
tag: "li",
|
|
399
401
|
variant: "b5R",
|
|
@@ -407,7 +409,7 @@ function k({
|
|
|
407
409
|
}
|
|
408
410
|
),
|
|
409
411
|
/* @__PURE__ */ i(
|
|
410
|
-
|
|
412
|
+
e,
|
|
411
413
|
{
|
|
412
414
|
tag: "li",
|
|
413
415
|
variant: "b5R",
|
|
@@ -430,7 +432,7 @@ function k({
|
|
|
430
432
|
]
|
|
431
433
|
}
|
|
432
434
|
),
|
|
433
|
-
!
|
|
435
|
+
!d && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(L, { size: "large", onClick: p, children: "신청하기" }) })
|
|
434
436
|
]
|
|
435
437
|
}
|
|
436
438
|
)
|