@dotss/tictoccroc 0.0.7 → 0.0.9
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/index.mjs +40 -38
- package/dist/shared/components/Carousel/index.d.ts +2 -2
- package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.d.ts +1 -1
- package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs +59 -53
- package/dist/shared/components/Roller/Roller.mjs +5 -5
- package/dist/shared/components/Scheduler/Scheduler.mjs +10 -10
- package/dist/shared/utils/getDateRange/getDateRange.mjs +16 -15
- package/dist/teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs +21 -21
- package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs +12 -12
- package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs +11 -12
- package/dist/teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.d.ts +11 -0
- package/dist/teacher/profile/components/{CertificationSection/CertificationItem/CertificationItem.mjs → CertificateSection/CertificateItem/CertificateItem.mjs} +5 -11
- package/dist/teacher/profile/components/CertificateSection/CertificateItem/index.d.ts +3 -0
- package/dist/teacher/profile/components/CertificateSection/CertificateItem/index.mjs +4 -0
- package/dist/teacher/profile/components/CertificateSection/CertificateSection.d.ts +9 -0
- package/dist/teacher/profile/components/{CertificationSection/CertificationSection.mjs → CertificateSection/CertificateSection.mjs} +28 -28
- package/dist/teacher/profile/components/CertificateSection/index.d.ts +4 -0
- package/dist/teacher/profile/components/CertificateSection/index.mjs +6 -0
- package/dist/teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.d.ts +9 -0
- package/dist/teacher/profile/components/{LessonNotesSection/LessonNote/LessonNote.mjs → ClassNotesSection/ClassNote/ClassNote.mjs} +15 -15
- package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.d.ts +3 -0
- package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.mjs +4 -0
- package/dist/teacher/profile/components/ClassNotesSection/ClassNotesSection.d.ts +7 -0
- package/dist/teacher/profile/components/{LessonNotesSection/LessonNotesSection.mjs → ClassNotesSection/ClassNotesSection.mjs} +3 -3
- package/dist/teacher/profile/components/ClassNotesSection/index.d.ts +4 -0
- package/dist/teacher/profile/components/ClassNotesSection/index.mjs +6 -0
- package/dist/teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs +1 -1
- package/dist/teacher/profile/components/ParentReviewSection/index.d.ts +2 -1
- package/dist/teacher/profile/components/ParentReviewSection/index.mjs +5 -3
- package/dist/teacher/profile/components/ProfileSummary/ProfileSummary.mjs +123 -126
- package/dist/teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs +15 -15
- package/dist/teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs +1 -1
- package/dist/teacher/profile/components/index.d.ts +4 -4
- package/dist/teacher/profile/components/index.mjs +20 -18
- package/package.json +2 -2
- package/dist/teacher/profile/components/CertificationSection/CertificationItem/CertificationItem.d.ts +0 -11
- package/dist/teacher/profile/components/CertificationSection/CertificationItem/index.d.ts +0 -3
- package/dist/teacher/profile/components/CertificationSection/CertificationItem/index.mjs +0 -4
- package/dist/teacher/profile/components/CertificationSection/CertificationSection.d.ts +0 -9
- package/dist/teacher/profile/components/CertificationSection/index.d.ts +0 -4
- package/dist/teacher/profile/components/CertificationSection/index.mjs +0 -6
- package/dist/teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.d.ts +0 -9
- package/dist/teacher/profile/components/LessonNotesSection/LessonNote/index.d.ts +0 -3
- package/dist/teacher/profile/components/LessonNotesSection/LessonNote/index.mjs +0 -4
- package/dist/teacher/profile/components/LessonNotesSection/LessonNotesSection.d.ts +0 -7
- package/dist/teacher/profile/components/LessonNotesSection/index.d.ts +0 -4
- package/dist/teacher/profile/components/LessonNotesSection/index.mjs +0 -6
- /package/dist/teacher/profile/components/{LessonNotesSection/LessonNotesSection.utils.d.ts → ClassNotesSection/ClassNotesSection.utils.d.ts} +0 -0
- /package/dist/teacher/profile/components/{LessonNotesSection/LessonNotesSection.utils.mjs → ClassNotesSection/ClassNotesSection.utils.mjs} +0 -0
package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as o, jsx as e, Fragment as c } from "react/jsx-runtime";
|
|
2
2
|
import { Label as u, Flexbox as l, Icon as m, Typography as b } from "@dotss/ui";
|
|
3
3
|
import h from "@dotss/ui/core/useTheme";
|
|
4
|
-
import
|
|
4
|
+
import f from "../../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
|
|
5
5
|
function g({
|
|
6
6
|
children: n,
|
|
7
7
|
type: i,
|
|
8
8
|
primary: a = !1,
|
|
9
|
-
status:
|
|
10
|
-
id:
|
|
9
|
+
status: d,
|
|
10
|
+
id: r,
|
|
11
11
|
...t
|
|
12
12
|
}) {
|
|
13
13
|
const {
|
|
14
|
-
palette: { background:
|
|
14
|
+
palette: { background: s }
|
|
15
15
|
} = h();
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
|
|
16
|
+
return /* @__PURE__ */ o(
|
|
17
|
+
f,
|
|
18
18
|
{
|
|
19
19
|
role: "button",
|
|
20
|
-
"aria-describedby": `activity-gallery-item-status-desc-${o}`,
|
|
21
20
|
borderRadius: 12,
|
|
21
|
+
"aria-describedby": `activity-gallery-item-status-desc-${r}`,
|
|
22
22
|
...t,
|
|
23
|
-
inlineCSS: { position: "relative", ...t.inlineCSS },
|
|
23
|
+
inlineCSS: { position: "relative", overflow: "hidden", ...t.inlineCSS },
|
|
24
24
|
children: [
|
|
25
25
|
a && /* @__PURE__ */ e(
|
|
26
26
|
u,
|
|
@@ -32,7 +32,7 @@ function g({
|
|
|
32
32
|
children: "대표"
|
|
33
33
|
}
|
|
34
34
|
),
|
|
35
|
-
|
|
35
|
+
d === "REJECTED" && /* @__PURE__ */ o(c, { children: [
|
|
36
36
|
/* @__PURE__ */ e(
|
|
37
37
|
l,
|
|
38
38
|
{
|
|
@@ -45,7 +45,7 @@ function g({
|
|
|
45
45
|
width: "100%",
|
|
46
46
|
height: "100%",
|
|
47
47
|
opacity: 0.8,
|
|
48
|
-
backgroundColor:
|
|
48
|
+
backgroundColor: s.primary,
|
|
49
49
|
zIndex: 1
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -65,7 +65,7 @@ function g({
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
),
|
|
68
|
-
/* @__PURE__ */
|
|
68
|
+
/* @__PURE__ */ o(b, { id: `activity-gallery-item-status-desc-${r}`, visuallyHidden: !0, children: [
|
|
69
69
|
i === "VIDEO" || i === "VIMEO" || i === "YOUTUBE" ? "동영상" : "사진",
|
|
70
70
|
"이 반려되었어요. 다시 등록해 주세요."
|
|
71
71
|
] })
|
package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs
CHANGED
|
@@ -6,13 +6,12 @@ import D from "@dotss/ui/Switch";
|
|
|
6
6
|
import j from "../../../../shared/components/Image/Image.mjs";
|
|
7
7
|
import A from "../../../../shared/components/Scheduler/Scheduler.mjs";
|
|
8
8
|
import "dayjs";
|
|
9
|
-
|
|
10
|
-
const U = w(
|
|
9
|
+
const M = w(
|
|
11
10
|
function({
|
|
12
|
-
children:
|
|
13
|
-
title:
|
|
11
|
+
children: g,
|
|
12
|
+
title: m = "수업 가능 일정",
|
|
14
13
|
action: c,
|
|
15
|
-
footer:
|
|
14
|
+
footer: d,
|
|
16
15
|
flat: s = !1,
|
|
17
16
|
schedulerProps: p,
|
|
18
17
|
enableToggle: h = !0,
|
|
@@ -21,9 +20,9 @@ const U = w(
|
|
|
21
20
|
}, v) {
|
|
22
21
|
const {
|
|
23
22
|
palette: { grey: b, background: f }
|
|
24
|
-
} = R(), [t, C] = S(!1), x = () => C((
|
|
23
|
+
} = R(), [t, C] = S(!1), x = () => C((r) => !r), y = (r) => {
|
|
25
24
|
var u;
|
|
26
|
-
return (u = i.onChange) == null ? void 0 : u.call(i,
|
|
25
|
+
return (u = i.onChange) == null ? void 0 : u.call(i, r);
|
|
27
26
|
};
|
|
28
27
|
return /* @__PURE__ */ l(
|
|
29
28
|
n,
|
|
@@ -33,14 +32,14 @@ const U = w(
|
|
|
33
32
|
flexDirection: "column",
|
|
34
33
|
gap: 4,
|
|
35
34
|
"aria-labelledby": "available-schedule-section-title",
|
|
36
|
-
"aria-describedby":
|
|
35
|
+
"aria-describedby": d ? "available-schedule-section-footer" : void 0,
|
|
37
36
|
...a,
|
|
38
37
|
inlineCSS: {
|
|
39
38
|
width: "100%",
|
|
40
39
|
...a == null ? void 0 : a.inlineCSS
|
|
41
40
|
},
|
|
42
41
|
children: [
|
|
43
|
-
/* @__PURE__ */ e(o, { id: "available-schedule-section-title", tag: "h2", variant: "h2B", children:
|
|
42
|
+
/* @__PURE__ */ e(o, { id: "available-schedule-section-title", tag: "h2", variant: "h2B", children: m }),
|
|
44
43
|
i.active && /* @__PURE__ */ l(n, { flexDirection: "column", gap: 2, children: [
|
|
45
44
|
/* @__PURE__ */ l(
|
|
46
45
|
n,
|
|
@@ -62,7 +61,7 @@ const U = w(
|
|
|
62
61
|
id: "available-schedule-section-scheduler",
|
|
63
62
|
"aria-labelledby": "available-schedule-section-title",
|
|
64
63
|
...p,
|
|
65
|
-
children:
|
|
64
|
+
children: g
|
|
66
65
|
}
|
|
67
66
|
),
|
|
68
67
|
h && /* @__PURE__ */ e(
|
|
@@ -88,7 +87,7 @@ const U = w(
|
|
|
88
87
|
]
|
|
89
88
|
}
|
|
90
89
|
),
|
|
91
|
-
|
|
90
|
+
d && /* @__PURE__ */ e(n, { id: "available-schedule-section-footer", tag: "footer", pl: 12, pr: 2, children: d })
|
|
92
91
|
] }),
|
|
93
92
|
typeof i.onChange == "function" && /* @__PURE__ */ l(
|
|
94
93
|
n,
|
|
@@ -189,5 +188,5 @@ const U = w(
|
|
|
189
188
|
}
|
|
190
189
|
);
|
|
191
190
|
export {
|
|
192
|
-
|
|
191
|
+
M as default
|
|
193
192
|
};
|
package/dist/teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
|
|
2
|
+
export interface CertificateItemProps extends Omit<FlexboxProps, 'id'> {
|
|
3
|
+
name: string;
|
|
4
|
+
acquisitionDate: string;
|
|
5
|
+
status: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'DELETED';
|
|
6
|
+
id: string | number;
|
|
7
|
+
regDatetime: string;
|
|
8
|
+
priority: number;
|
|
9
|
+
}
|
|
10
|
+
declare function CertificateItem({ name, acquisitionDate, status, id, ...props }: CertificateItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default CertificateItem;
|
|
@@ -2,13 +2,7 @@ import { jsx as t, jsxs as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { Flexbox as a, Typography as g, Icon as c } from "@dotss/ui";
|
|
3
3
|
import y from "@dotss/ui/core/useTheme";
|
|
4
4
|
import { useCheckHoverPossible as u } from "@dotss/ui/hooks";
|
|
5
|
-
function D({
|
|
6
|
-
name: b,
|
|
7
|
-
acquisitionDate: h,
|
|
8
|
-
status: o,
|
|
9
|
-
id: l,
|
|
10
|
-
...e
|
|
11
|
-
}) {
|
|
5
|
+
function D({ name: b, acquisitionDate: h, status: o, id: l, ...e }) {
|
|
12
6
|
const { isHoverPossible: s } = u(), {
|
|
13
7
|
palette: { grey: m },
|
|
14
8
|
spacing: d
|
|
@@ -30,8 +24,8 @@ function D({
|
|
|
30
24
|
var f;
|
|
31
25
|
(n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), (f = e.onKeyDown) == null || f.call(e, n);
|
|
32
26
|
},
|
|
33
|
-
"aria-labelledby": `
|
|
34
|
-
"aria-describedby": `
|
|
27
|
+
"aria-labelledby": `certificate-item-name-${l}`,
|
|
28
|
+
"aria-describedby": `certificate-item-desc-${l}`,
|
|
35
29
|
...e,
|
|
36
30
|
inlineCSS: {
|
|
37
31
|
cursor: i ? "pointer" : "default",
|
|
@@ -49,7 +43,7 @@ function D({
|
|
|
49
43
|
},
|
|
50
44
|
children: [
|
|
51
45
|
/* @__PURE__ */ r(a, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
|
|
52
|
-
/* @__PURE__ */ t(a, { alignItems: "center", gap: 1, children: /* @__PURE__ */ r(g, { id: `
|
|
46
|
+
/* @__PURE__ */ t(a, { alignItems: "center", gap: 1, children: /* @__PURE__ */ r(g, { id: `certificate-item-name-${l}`, tag: "p", variant: "b2M", children: [
|
|
53
47
|
b,
|
|
54
48
|
o === "VERIFIED" && // TODO 아이콘 교체 필요
|
|
55
49
|
/* @__PURE__ */ t(
|
|
@@ -81,7 +75,7 @@ function D({
|
|
|
81
75
|
}
|
|
82
76
|
)
|
|
83
77
|
] }) }),
|
|
84
|
-
/* @__PURE__ */ r(g, { id: `
|
|
78
|
+
/* @__PURE__ */ r(g, { id: `certificate-item-desc-${l}`, tag: "p", variant: "b5R", color: "grey.50", children: [
|
|
85
79
|
h,
|
|
86
80
|
" 취득"
|
|
87
81
|
] })
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
|
|
3
|
+
export interface CertificateSectionProps extends FlexboxProps {
|
|
4
|
+
action?: ReactNode;
|
|
5
|
+
showTooltip?: boolean;
|
|
6
|
+
enableToggle?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function CertificateList({ children, action, showTooltip, enableToggle, ...props }: CertificateSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default CertificateList;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as s, jsx as
|
|
1
|
+
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as m, Children as w, isValidElement as v } from "react";
|
|
3
|
-
import { Flexbox as
|
|
3
|
+
import { Flexbox as i, Typography as h, Tooltip as j, Icon as d, Button as k } from "@dotss/ui";
|
|
4
4
|
import D from "@dotss/ui/core/useTheme";
|
|
5
|
-
import E from "./
|
|
5
|
+
import E from "./CertificateItem/CertificateItem.mjs";
|
|
6
6
|
import { sortItemElements as O } from "../../utils/sortItems/sortItems.mjs";
|
|
7
7
|
function K({
|
|
8
8
|
children: p,
|
|
@@ -11,16 +11,16 @@ function K({
|
|
|
11
11
|
enableToggle: r = !1,
|
|
12
12
|
...n
|
|
13
13
|
}) {
|
|
14
|
-
const { spacing: l } = D(), [y, C] = m(!1), [o, g] = m(!1), c = w.toArray(p).filter(v).filter((
|
|
15
|
-
(
|
|
16
|
-
}, b = () => g((
|
|
14
|
+
const { spacing: l } = D(), [y, C] = m(!1), [o, g] = m(!1), c = w.toArray(p).filter(v).filter((t) => t.type === E), S = c.length > 0, u = c.length > 3, a = () => C((t) => !t), I = (t) => {
|
|
15
|
+
(t.key === "Enter" || t.key === " ") && a();
|
|
16
|
+
}, b = () => g((t) => !t);
|
|
17
17
|
return /* @__PURE__ */ s(
|
|
18
|
-
|
|
18
|
+
i,
|
|
19
19
|
{
|
|
20
20
|
tag: "section",
|
|
21
21
|
flexDirection: "column",
|
|
22
22
|
alignItems: "flex-start",
|
|
23
|
-
"aria-labelledby": "
|
|
23
|
+
"aria-labelledby": "certificate-section-title",
|
|
24
24
|
gap: 2,
|
|
25
25
|
...n,
|
|
26
26
|
inlineCSS: {
|
|
@@ -28,30 +28,30 @@ function K({
|
|
|
28
28
|
...n == null ? void 0 : n.inlineCSS
|
|
29
29
|
},
|
|
30
30
|
children: [
|
|
31
|
-
/* @__PURE__ */ s(
|
|
32
|
-
/* @__PURE__ */
|
|
31
|
+
/* @__PURE__ */ s(i, { alignItems: "center", justifyContent: "center", gap: 1, children: [
|
|
32
|
+
/* @__PURE__ */ e(
|
|
33
33
|
h,
|
|
34
34
|
{
|
|
35
|
-
id: "
|
|
35
|
+
id: "certificate-section-title",
|
|
36
36
|
tag: "h2",
|
|
37
37
|
variant: "h2B",
|
|
38
38
|
"aria-label": "선생님 자격증 목록",
|
|
39
39
|
children: "자격증"
|
|
40
40
|
}
|
|
41
41
|
),
|
|
42
|
-
x && /* @__PURE__ */
|
|
42
|
+
x && /* @__PURE__ */ e(
|
|
43
43
|
j,
|
|
44
44
|
{
|
|
45
45
|
open: y,
|
|
46
46
|
onClose: a,
|
|
47
47
|
color: "secondary",
|
|
48
48
|
role: "tooltip",
|
|
49
|
-
"aria-labelledby": "
|
|
50
|
-
"aria-describedby": "
|
|
49
|
+
"aria-labelledby": "certificate-section-tooltip",
|
|
50
|
+
"aria-describedby": "certificate-section-tooltip-desc",
|
|
51
51
|
body: /* @__PURE__ */ s(
|
|
52
52
|
h,
|
|
53
53
|
{
|
|
54
|
-
id: "
|
|
54
|
+
id: "certificate-section-tooltip-desc",
|
|
55
55
|
tag: "p",
|
|
56
56
|
variant: "b4R",
|
|
57
57
|
color: "grey.white",
|
|
@@ -67,7 +67,7 @@ function K({
|
|
|
67
67
|
},
|
|
68
68
|
children: [
|
|
69
69
|
"째깍악어가 확인한 정보는",
|
|
70
|
-
/* @__PURE__ */
|
|
70
|
+
/* @__PURE__ */ e(d, { name: "InfoFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
|
|
71
71
|
"인증 마크가 붙어요!"
|
|
72
72
|
]
|
|
73
73
|
}
|
|
@@ -81,10 +81,10 @@ function K({
|
|
|
81
81
|
top: -8,
|
|
82
82
|
left: `calc(50% + 82.5px - ${l.content(0.5)}px)`
|
|
83
83
|
},
|
|
84
|
-
children: /* @__PURE__ */
|
|
84
|
+
children: /* @__PURE__ */ e(
|
|
85
85
|
d,
|
|
86
86
|
{
|
|
87
|
-
id: "
|
|
87
|
+
id: "certificate-section-tooltip",
|
|
88
88
|
role: "button",
|
|
89
89
|
tabIndex: 0,
|
|
90
90
|
name: "TooltipFill",
|
|
@@ -101,10 +101,10 @@ function K({
|
|
|
101
101
|
}
|
|
102
102
|
)
|
|
103
103
|
] }),
|
|
104
|
-
S && /* @__PURE__ */
|
|
105
|
-
|
|
104
|
+
S && /* @__PURE__ */ e(
|
|
105
|
+
i,
|
|
106
106
|
{
|
|
107
|
-
id: "
|
|
107
|
+
id: "certificate-section-certificate-items",
|
|
108
108
|
tag: "ul",
|
|
109
109
|
flexDirection: "column",
|
|
110
110
|
inlineCSS: { width: "inherit" },
|
|
@@ -114,30 +114,30 @@ function K({
|
|
|
114
114
|
)
|
|
115
115
|
}
|
|
116
116
|
),
|
|
117
|
-
r && u && /* @__PURE__ */
|
|
118
|
-
|
|
117
|
+
r && u && /* @__PURE__ */ e(
|
|
118
|
+
i,
|
|
119
119
|
{
|
|
120
120
|
alignItems: "center",
|
|
121
121
|
justifyContent: "center",
|
|
122
122
|
mt: 2,
|
|
123
123
|
inlineCSS: { width: "inherit" },
|
|
124
|
-
children: /* @__PURE__ */
|
|
124
|
+
children: /* @__PURE__ */ e(
|
|
125
125
|
k,
|
|
126
126
|
{
|
|
127
127
|
fullWidth: !0,
|
|
128
128
|
variant: "text",
|
|
129
129
|
color: "secondary",
|
|
130
|
-
endAdornment: /* @__PURE__ */
|
|
130
|
+
endAdornment: /* @__PURE__ */ e(d, { name: o ? "ChevronUpLine" : "ChevronDownLine" }),
|
|
131
131
|
onClick: b,
|
|
132
|
-
"aria-controls": "
|
|
132
|
+
"aria-controls": "certificate-section-certificate-items",
|
|
133
133
|
"aria-expanded": o,
|
|
134
134
|
children: o ? "접기" : "더 보기"
|
|
135
135
|
}
|
|
136
136
|
)
|
|
137
137
|
}
|
|
138
138
|
),
|
|
139
|
-
!r && f && /* @__PURE__ */
|
|
140
|
-
|
|
139
|
+
!r && f && /* @__PURE__ */ e(
|
|
140
|
+
i,
|
|
141
141
|
{
|
|
142
142
|
mt: 4,
|
|
143
143
|
flexGrow: 1,
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { RollerBlockProps } from '../../../../../shared/components/Roller/RollerBlock';
|
|
2
|
+
export interface ClassNoteProps extends RollerBlockProps {
|
|
3
|
+
content: string;
|
|
4
|
+
keywords: string[];
|
|
5
|
+
regDatetime: string;
|
|
6
|
+
childrenInfo: Record<'childBirth' | 'childGender', string>[];
|
|
7
|
+
}
|
|
8
|
+
declare function ClassNote({ content, keywords, regDatetime, childrenInfo, ...props }: ClassNoteProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default ClassNote;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Typography as
|
|
1
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { Typography as r, Flexbox as g, Label as u } from "@dotss/ui";
|
|
3
3
|
import x from "@dotss/ui/core/useTheme";
|
|
4
4
|
import y from "dayjs";
|
|
5
5
|
import C from "../../../../../shared/components/Roller/RollerBlock/RollerBlock.mjs";
|
|
6
|
-
import { getChildLabel as S } from "../
|
|
7
|
-
function
|
|
6
|
+
import { getChildLabel as S } from "../ClassNotesSection.utils.mjs";
|
|
7
|
+
function M({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
|
|
8
8
|
var c, m;
|
|
9
9
|
const {
|
|
10
10
|
palette: { grey: f, brand: i }
|
|
11
|
-
} = x(), { label:
|
|
12
|
-
return /* @__PURE__ */
|
|
11
|
+
} = x(), { label: a, other: o } = S(p), b = y(s);
|
|
12
|
+
return /* @__PURE__ */ l(
|
|
13
13
|
C,
|
|
14
14
|
{
|
|
15
15
|
p: 4,
|
|
@@ -23,24 +23,24 @@ function L({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
|
|
|
23
23
|
...n == null ? void 0 : n.inlineCSS
|
|
24
24
|
},
|
|
25
25
|
children: [
|
|
26
|
-
/* @__PURE__ */ e(
|
|
26
|
+
/* @__PURE__ */ e(r, { tag: "p", variant: "b4R", color: "grey.70", lineClamp: 6, inlineCSS: { flexGrow: 1 }, children: h }),
|
|
27
27
|
t.length > 0 && /* @__PURE__ */ e(g, { alignItems: "center", gap: 1, flexWrap: "wrap", children: t.map((d) => /* @__PURE__ */ e(u, { variant: "ghost", color: "yellow", size: "small", children: d }, `activity-keyword-${d}`)) }),
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */ e(
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
|
|
28
|
+
/* @__PURE__ */ l(g, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
|
|
29
|
+
/* @__PURE__ */ e(r, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY년 MM월 DD일") }),
|
|
30
|
+
/* @__PURE__ */ l(
|
|
31
|
+
r,
|
|
32
32
|
{
|
|
33
33
|
tag: "p",
|
|
34
34
|
variant: "b4M",
|
|
35
35
|
color: "grey.70",
|
|
36
36
|
inlineCSS: {
|
|
37
37
|
"& > span": {
|
|
38
|
-
color:
|
|
38
|
+
color: a.includes("여아") ? (c = i.extend) == null ? void 0 : c.pink : (m = i.extend) == null ? void 0 : m.blue
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
children: [
|
|
42
|
-
/* @__PURE__ */ e("span", { children:
|
|
43
|
-
|
|
42
|
+
/* @__PURE__ */ e("span", { children: a }),
|
|
43
|
+
o ? ` ${o}` : ""
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
46
|
)
|
|
@@ -50,5 +50,5 @@ function L({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
|
|
|
50
50
|
);
|
|
51
51
|
}
|
|
52
52
|
export {
|
|
53
|
-
|
|
53
|
+
M as default
|
|
54
54
|
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
|
|
2
|
+
export interface ClassNotesSectionProps extends FlexboxProps {
|
|
3
|
+
totalCount: number;
|
|
4
|
+
onClickViewAll?: () => void;
|
|
5
|
+
}
|
|
6
|
+
declare const ClassNotesSection: import('react').ForwardRefExoticComponent<Omit<ClassNotesSectionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export default ClassNotesSection;
|
|
@@ -2,7 +2,7 @@ import { jsxs as t, jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as d, Children as h } from "react";
|
|
3
3
|
import { Flexbox as i, Typography as l, Button as p, Icon as f } from "@dotss/ui";
|
|
4
4
|
import u from "@dotss/ui/core/useTheme";
|
|
5
|
-
import
|
|
5
|
+
import C from "../../../../shared/components/Roller/Roller.mjs";
|
|
6
6
|
const w = d(
|
|
7
7
|
({ children: r, totalCount: a = 0, onClickViewAll: c, ...n }, s) => {
|
|
8
8
|
const {
|
|
@@ -30,7 +30,7 @@ const w = d(
|
|
|
30
30
|
children: [
|
|
31
31
|
/* @__PURE__ */ t(i, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
|
|
32
32
|
/* @__PURE__ */ o(i, { alignItems: "center", gap: 2, children: /* @__PURE__ */ t(l, { id: "lesson-notes-section-title", tag: "h2", variant: "h2B", children: [
|
|
33
|
-
"선생님의
|
|
33
|
+
"선생님의 수업 노트",
|
|
34
34
|
a > 0 && /* @__PURE__ */ t(
|
|
35
35
|
l,
|
|
36
36
|
{
|
|
@@ -59,7 +59,7 @@ const w = d(
|
|
|
59
59
|
)
|
|
60
60
|
] }),
|
|
61
61
|
/* @__PURE__ */ o(
|
|
62
|
-
|
|
62
|
+
C,
|
|
63
63
|
{
|
|
64
64
|
rowCount: 1,
|
|
65
65
|
spacing: 3,
|
package/dist/teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs
CHANGED
|
@@ -25,7 +25,7 @@ function B({
|
|
|
25
25
|
return r(), window.addEventListener("resize", r), () => {
|
|
26
26
|
window.removeEventListener("resize", r);
|
|
27
27
|
};
|
|
28
|
-
}, [c]), /* @__PURE__ */ n(i, { tag: "li", flexDirection: "column", gap:
|
|
28
|
+
}, [c]), /* @__PURE__ */ n(i, { tag: "li", flexDirection: "column", gap: 2, flexGrow: 1, ...b, children: [
|
|
29
29
|
/* @__PURE__ */ n(i, { alignItems: "center", gap: 1, children: [
|
|
30
30
|
/* @__PURE__ */ e(u, { name: "ReviewFill", size: "small", color: "tictoccroc-teacher.brand.yellow" }),
|
|
31
31
|
/* @__PURE__ */ e(t, { tag: "span", variant: "h4M", "aria-label": `${l}점`, children: l })
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as ParentReviewSection, ParentReviewSectionProps } from './ParentReviewSection';
|
|
2
|
-
|
|
2
|
+
import { getChildLabel } from './ParentReviewSection.utils';
|
|
3
|
+
export { type ParentReviewSectionProps, getChildLabel };
|
|
3
4
|
export { default as ParentReviewCard, type ParentReviewCardProps } from './ParentReviewCard';
|
|
4
5
|
export default ParentReviewSection;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import r from "./ParentReviewSection.mjs";
|
|
2
|
-
import {
|
|
2
|
+
import { getChildLabel as o } from "./ParentReviewSection.utils.mjs";
|
|
3
|
+
import { default as i } from "./ParentReviewCard/ParentReviewCard.mjs";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
-
r as default
|
|
5
|
+
i as ParentReviewCard,
|
|
6
|
+
r as default,
|
|
7
|
+
o as getChildLabel
|
|
6
8
|
};
|