@dotss/tictoccroc 0.0.23 → 0.0.25
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 +4 -4
- package/dist/shared/components/ChatKit/BotMessage/BotMessage.d.ts +6 -4
- package/dist/shared/components/ChatKit/BotMessage/BotMessage.mjs +39 -31
- package/dist/shared/components/ChatKit/BotMessage/index.d.ts +2 -2
- package/dist/shared/components/ChatKit/Message/Message.mjs +21 -20
- package/dist/shared/components/ChatKit/Message/Message.utils.d.ts +1 -0
- package/dist/shared/components/ChatKit/Message/Message.utils.mjs +6 -6
- package/dist/shared/components/ChatKit/SystemMessage/SystemMessage.d.ts +1 -1
- package/dist/shared/components/Image/Image.d.ts +1 -0
- package/dist/shared/components/Image/Image.mjs +162 -98
- package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs +91 -88
- package/dist/shared/components/Roller/Roller.mjs +1 -1
- package/dist/shared/components/Scheduler/Scheduler.d.ts +4 -1
- package/dist/shared/components/Scheduler/Scheduler.mjs +220 -196
- package/dist/shared/components/Scheduler/Scheduler.utils.d.ts +4 -0
- package/dist/shared/components/Scheduler/Scheduler.utils.mjs +61 -57
- package/dist/shared/utils/dayFlagToDay/dayFlagToDay.d.ts +1 -1
- package/dist/shared/utils/getImageUrl/getImageUrl.d.ts +3 -1
- package/dist/shared/utils/getImageUrl/getImageUrl.mjs +14 -13
- package/dist/teacher/home/components/Carousel1Account/Carousel1Account.d.ts +1 -1
- package/dist/teacher/home/components/Carousel2Account/Carousel2Account.d.ts +1 -1
- package/dist/teacher/home/components/TextAccount/TextAccount.d.ts +1 -1
- package/dist/teacher/profile/components/ActivityGallery/ActivityGallery.mjs +39 -39
- package/dist/teacher/profile/components/CareNoteSection/CareNote/CareNote.d.ts +9 -0
- package/dist/teacher/profile/components/{ClassNotesSection/ClassNote/ClassNote.mjs → CareNoteSection/CareNote/CareNote.mjs} +11 -11
- package/dist/teacher/profile/components/CareNoteSection/CareNote/index.d.ts +3 -0
- package/dist/teacher/profile/components/CareNoteSection/CareNote/index.mjs +4 -0
- package/dist/teacher/profile/components/CareNoteSection/CareNoteSection.d.ts +7 -0
- package/dist/teacher/profile/components/{ClassNotesSection/ClassNotesSection.mjs → CareNoteSection/CareNoteSection.mjs} +17 -17
- package/dist/teacher/profile/components/CareNoteSection/index.d.ts +4 -0
- package/dist/teacher/profile/components/CareNoteSection/index.mjs +6 -0
- package/dist/teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs +44 -46
- package/dist/teacher/profile/components/CareerSection/CareerSection.mjs +22 -23
- package/dist/teacher/profile/components/CertificateSection/CertificateSection.mjs +17 -20
- package/dist/teacher/profile/components/EducationSection/EducationSection.mjs +23 -26
- package/dist/teacher/profile/components/index.d.ts +2 -2
- package/dist/teacher/profile/components/index.mjs +8 -8
- package/package.json +1 -1
- package/dist/teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.d.ts +0 -9
- package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.d.ts +0 -3
- package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.mjs +0 -4
- package/dist/teacher/profile/components/ClassNotesSection/ClassNotesSection.d.ts +0 -7
- package/dist/teacher/profile/components/ClassNotesSection/index.d.ts +0 -4
- package/dist/teacher/profile/components/ClassNotesSection/index.mjs +0 -6
- /package/dist/teacher/profile/components/{ClassNotesSection/ClassNotesSection.utils.d.ts → CareNoteSection/CareNoteSection.utils.d.ts} +0 -0
- /package/dist/teacher/profile/components/{ClassNotesSection/ClassNotesSection.utils.mjs → CareNoteSection/CareNoteSection.utils.mjs} +0 -0
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { jsx as i, jsxs as e, Fragment as
|
|
2
|
-
import { Flexbox as a, Label as
|
|
3
|
-
import
|
|
4
|
-
import { useCheckHoverPossible as
|
|
5
|
-
import
|
|
6
|
-
function
|
|
7
|
-
title:
|
|
1
|
+
import { jsx as i, jsxs as e, Fragment as s } from "react/jsx-runtime";
|
|
2
|
+
import { Flexbox as a, Label as E, Typography as f, Icon as b } from "@dotss/ui";
|
|
3
|
+
import R from "@dotss/ui/core/useTheme";
|
|
4
|
+
import { useCheckHoverPossible as p } from "@dotss/ui/hooks";
|
|
5
|
+
import c from "dayjs";
|
|
6
|
+
function T({
|
|
7
|
+
title: x,
|
|
8
8
|
status: y,
|
|
9
|
-
startDate:
|
|
9
|
+
startDate: Y,
|
|
10
10
|
endDate: o,
|
|
11
|
-
primary:
|
|
12
|
-
id:
|
|
11
|
+
primary: k = !1,
|
|
12
|
+
id: S,
|
|
13
13
|
...n
|
|
14
14
|
}) {
|
|
15
|
-
const { isHoverPossible:
|
|
16
|
-
palette: { grey:
|
|
17
|
-
spacing:
|
|
18
|
-
} =
|
|
15
|
+
const { isHoverPossible: I } = p(), {
|
|
16
|
+
palette: { grey: m },
|
|
17
|
+
spacing: g
|
|
18
|
+
} = R(), l = typeof n.onClick == "function", r = c(Y), u = o ? c(o) : c(), h = u.diff(r, "month"), d = Math.floor(h / 12), C = r.isSame(u, "year") && h % 12 < 1 ? 1 : h % 12;
|
|
19
19
|
return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ e(
|
|
20
20
|
a,
|
|
21
21
|
{
|
|
22
22
|
role: "button",
|
|
23
|
-
tabIndex:
|
|
23
|
+
tabIndex: l ? 0 : -1,
|
|
24
24
|
alignItems: "center",
|
|
25
25
|
gap: 4,
|
|
26
26
|
pt: 2,
|
|
@@ -29,22 +29,22 @@ function L({
|
|
|
29
29
|
pr: 4,
|
|
30
30
|
ml: -4,
|
|
31
31
|
mr: -4,
|
|
32
|
-
onKeyDown: (
|
|
33
|
-
var
|
|
34
|
-
(
|
|
32
|
+
onKeyDown: (t) => {
|
|
33
|
+
var v;
|
|
34
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click()), (v = n.onKeyDown) == null || v.call(n, t);
|
|
35
35
|
},
|
|
36
|
-
"aria-labelledby": `career-item-title-${
|
|
36
|
+
"aria-labelledby": `career-item-title-${S}`,
|
|
37
37
|
...n,
|
|
38
38
|
inlineCSS: {
|
|
39
|
-
cursor:
|
|
40
|
-
...
|
|
39
|
+
cursor: l ? "pointer" : "default",
|
|
40
|
+
...l && {
|
|
41
41
|
"&:active": {
|
|
42
|
-
backgroundColor:
|
|
42
|
+
backgroundColor: m[10]
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
-
...
|
|
45
|
+
...l && I ? {
|
|
46
46
|
"&:hover": {
|
|
47
|
-
backgroundColor:
|
|
47
|
+
backgroundColor: m[10]
|
|
48
48
|
}
|
|
49
49
|
} : {},
|
|
50
50
|
...n == null ? void 0 : n.inlineCSS
|
|
@@ -52,22 +52,22 @@ function L({
|
|
|
52
52
|
children: [
|
|
53
53
|
/* @__PURE__ */ e(a, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
|
|
54
54
|
/* @__PURE__ */ e(a, { alignItems: "center", gap: 1, children: [
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
k && /* @__PURE__ */ i(
|
|
56
|
+
E,
|
|
57
57
|
{
|
|
58
58
|
variant: "outlined",
|
|
59
59
|
size: "small",
|
|
60
60
|
color: "orange",
|
|
61
61
|
inlineCSS: {
|
|
62
|
-
marginRight:
|
|
62
|
+
marginRight: g.content(1)
|
|
63
63
|
},
|
|
64
64
|
children: "대표"
|
|
65
65
|
}
|
|
66
66
|
),
|
|
67
|
-
/* @__PURE__ */ e(
|
|
68
|
-
|
|
67
|
+
/* @__PURE__ */ e(f, { id: `career-item-title-${S}`, tag: "p", variant: "b2M", children: [
|
|
68
|
+
x,
|
|
69
69
|
y === "VERIFIED" && /* @__PURE__ */ i(
|
|
70
|
-
|
|
70
|
+
b,
|
|
71
71
|
{
|
|
72
72
|
name: "CertifiedFill",
|
|
73
73
|
size: "small",
|
|
@@ -76,12 +76,12 @@ function L({
|
|
|
76
76
|
inlineCSS: {
|
|
77
77
|
minWidth: 20,
|
|
78
78
|
verticalAlign: "-5px",
|
|
79
|
-
marginLeft:
|
|
79
|
+
marginLeft: g.content(1)
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
),
|
|
83
83
|
y === "REJECTED" && /* @__PURE__ */ i(
|
|
84
|
-
|
|
84
|
+
b,
|
|
85
85
|
{
|
|
86
86
|
name: "AlertFill",
|
|
87
87
|
size: "small",
|
|
@@ -90,47 +90,45 @@ function L({
|
|
|
90
90
|
inlineCSS: {
|
|
91
91
|
minWidth: 20,
|
|
92
92
|
verticalAlign: "-5px",
|
|
93
|
-
marginLeft:
|
|
93
|
+
marginLeft: g.content(1)
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
)
|
|
97
97
|
] })
|
|
98
98
|
] }),
|
|
99
|
-
/* @__PURE__ */ e(
|
|
100
|
-
|
|
101
|
-
"
|
|
102
|
-
" ",
|
|
103
|
-
o ? t(o).format("YYYY년 M월") : "현재"
|
|
99
|
+
/* @__PURE__ */ e(f, { tag: "p", variant: "b5R", color: "grey.50", children: [
|
|
100
|
+
r != null && r.isValid() ? `${r.format("YYYY년 M월")} ~ ` : "",
|
|
101
|
+
o ? c(o).format("YYYY년 M월") : "현재"
|
|
104
102
|
] })
|
|
105
103
|
] }),
|
|
106
104
|
/* @__PURE__ */ e(a, { alignItems: "center", gap: 2, children: [
|
|
107
105
|
/* @__PURE__ */ e(
|
|
108
|
-
|
|
106
|
+
f,
|
|
109
107
|
{
|
|
110
108
|
tag: "p",
|
|
111
109
|
variant: "h5R",
|
|
112
110
|
color: "grey.70",
|
|
113
111
|
noWrap: !0,
|
|
114
|
-
inlineCSS: { "& strong": { color:
|
|
112
|
+
inlineCSS: { "& strong": { color: m[100], fontWeight: 700 } },
|
|
115
113
|
children: [
|
|
116
|
-
|
|
117
|
-
/* @__PURE__ */ i("strong", { children:
|
|
114
|
+
d > 0 && /* @__PURE__ */ e(s, { children: [
|
|
115
|
+
/* @__PURE__ */ i("strong", { children: d }),
|
|
118
116
|
"년"
|
|
119
117
|
] }),
|
|
120
|
-
C > 0 && /* @__PURE__ */ e(
|
|
121
|
-
|
|
118
|
+
C > 0 && /* @__PURE__ */ e(s, { children: [
|
|
119
|
+
d > 0 && /* @__PURE__ */ i(s, { children: " " }),
|
|
122
120
|
/* @__PURE__ */ i("strong", { children: C }),
|
|
123
121
|
"개월"
|
|
124
122
|
] })
|
|
125
123
|
]
|
|
126
124
|
}
|
|
127
125
|
),
|
|
128
|
-
|
|
126
|
+
l && /* @__PURE__ */ i(b, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
|
|
129
127
|
] })
|
|
130
128
|
]
|
|
131
129
|
}
|
|
132
130
|
) });
|
|
133
131
|
}
|
|
134
132
|
export {
|
|
135
|
-
|
|
133
|
+
T as default
|
|
136
134
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as i, jsx as
|
|
1
|
+
import { jsxs as i, jsx as n, Fragment as m } from "react/jsx-runtime";
|
|
2
2
|
import { useState as S, Children as E, isValidElement as F } from "react";
|
|
3
3
|
import { Flexbox as r, Typography as f, Tooltip as Y, Icon as p, Button as M } from "@dotss/ui";
|
|
4
4
|
import T from "@dotss/ui/core/useTheme";
|
|
@@ -11,7 +11,9 @@ function U({
|
|
|
11
11
|
enableToggle: s = !1,
|
|
12
12
|
...o
|
|
13
13
|
}) {
|
|
14
|
-
const { spacing: w } = T(), [
|
|
14
|
+
const { spacing: w } = T(), [I, b] = S(!1), [l, v] = S(!1), a = E.toArray(u).filter(F).filter((e) => e.type === W), j = a.length > 0, D = a.length > 3, y = a.map((e) => [e.props.startDate, e.props.endDate ?? g().format("YYYY-MM-DD")]).map(([e, t]) => [g(e), g(t)]).map(
|
|
15
|
+
([e, t]) => t.diff(e, "month") < 1 ? 1 : t.diff(e, "month")
|
|
16
|
+
), c = Math.floor(y.reduce((e, t) => e + t, 0) / 12), d = y.reduce((e, t) => e + t, 0) % 12, k = () => v((e) => !e), h = () => b((e) => !e), O = (e) => {
|
|
15
17
|
(e.key === "Enter" || e.key === " ") && h();
|
|
16
18
|
};
|
|
17
19
|
return /* @__PURE__ */ i(
|
|
@@ -44,7 +46,7 @@ function U({
|
|
|
44
46
|
gap: 1,
|
|
45
47
|
inlineCSS: { position: "relative" },
|
|
46
48
|
children: [
|
|
47
|
-
/* @__PURE__ */
|
|
49
|
+
/* @__PURE__ */ n(
|
|
48
50
|
f,
|
|
49
51
|
{
|
|
50
52
|
id: "career-section-title",
|
|
@@ -54,19 +56,17 @@ function U({
|
|
|
54
56
|
children: "경력"
|
|
55
57
|
}
|
|
56
58
|
),
|
|
57
|
-
x && /* @__PURE__ */
|
|
59
|
+
x && /* @__PURE__ */ n(
|
|
58
60
|
Y,
|
|
59
61
|
{
|
|
60
|
-
open:
|
|
62
|
+
open: I,
|
|
61
63
|
onClose: h,
|
|
62
64
|
color: "secondary",
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
"aria-describedby": "career-section-tooltip-desc",
|
|
65
|
+
id: "career-section-tooltip",
|
|
66
|
+
bodyId: "career-section-tooltip-body",
|
|
66
67
|
body: /* @__PURE__ */ i(
|
|
67
68
|
f,
|
|
68
69
|
{
|
|
69
|
-
id: "career-section-tooltip-desc",
|
|
70
70
|
tag: "p",
|
|
71
71
|
variant: "b4R",
|
|
72
72
|
color: "grey.white",
|
|
@@ -82,17 +82,16 @@ function U({
|
|
|
82
82
|
},
|
|
83
83
|
children: [
|
|
84
84
|
"째깍악어가 확인한 정보는",
|
|
85
|
-
/* @__PURE__ */
|
|
85
|
+
/* @__PURE__ */ n(p, { name: "CertifiedFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
|
|
86
86
|
"인증 마크가 붙어요!"
|
|
87
87
|
]
|
|
88
88
|
}
|
|
89
89
|
),
|
|
90
90
|
offset: { x: 100 },
|
|
91
91
|
arrowOffset: { x: -100 },
|
|
92
|
-
children: /* @__PURE__ */
|
|
92
|
+
children: /* @__PURE__ */ n(
|
|
93
93
|
p,
|
|
94
94
|
{
|
|
95
|
-
id: "career-section-tooltip",
|
|
96
95
|
role: "button",
|
|
97
96
|
tabIndex: 0,
|
|
98
97
|
name: "TooltipFill",
|
|
@@ -114,51 +113,51 @@ function U({
|
|
|
114
113
|
(c > 0 || d > 0) && /* @__PURE__ */ i(f, { tag: "p", variant: "h4R", inlineCSS: { "& strong": { fontWeight: 700 } }, children: [
|
|
115
114
|
"총 ",
|
|
116
115
|
c > 0 && /* @__PURE__ */ i(m, { children: [
|
|
117
|
-
/* @__PURE__ */
|
|
116
|
+
/* @__PURE__ */ n("strong", { children: c }),
|
|
118
117
|
"년"
|
|
119
118
|
] }),
|
|
120
119
|
d > 0 && /* @__PURE__ */ i(m, { children: [
|
|
121
|
-
c > 0 && /* @__PURE__ */
|
|
122
|
-
/* @__PURE__ */
|
|
120
|
+
c > 0 && /* @__PURE__ */ n(m, { children: " " }),
|
|
121
|
+
/* @__PURE__ */ n("strong", { children: d }),
|
|
123
122
|
"개월"
|
|
124
123
|
] })
|
|
125
124
|
] })
|
|
126
125
|
]
|
|
127
126
|
}
|
|
128
127
|
),
|
|
129
|
-
|
|
128
|
+
j && /* @__PURE__ */ n(
|
|
130
129
|
r,
|
|
131
130
|
{
|
|
132
131
|
id: "career-section-career-items",
|
|
133
132
|
tag: "ul",
|
|
134
133
|
flexDirection: "column",
|
|
135
134
|
inlineCSS: { width: "inherit" },
|
|
136
|
-
children:
|
|
135
|
+
children: a.slice(0, !s || l ? void 0 : 3)
|
|
137
136
|
}
|
|
138
137
|
),
|
|
139
|
-
s &&
|
|
138
|
+
s && D && /* @__PURE__ */ n(
|
|
140
139
|
r,
|
|
141
140
|
{
|
|
142
141
|
alignItems: "center",
|
|
143
142
|
justifyContent: "center",
|
|
144
143
|
mt: 2,
|
|
145
144
|
inlineCSS: { width: "inherit" },
|
|
146
|
-
children: /* @__PURE__ */
|
|
145
|
+
children: /* @__PURE__ */ n(
|
|
147
146
|
M,
|
|
148
147
|
{
|
|
149
148
|
fullWidth: !0,
|
|
150
149
|
variant: "text",
|
|
151
150
|
color: "secondary",
|
|
152
|
-
endAdornment: /* @__PURE__ */
|
|
151
|
+
endAdornment: /* @__PURE__ */ n(p, { name: l ? "ChevronUpLine" : "ChevronDownLine" }),
|
|
153
152
|
onClick: k,
|
|
154
153
|
"aria-controls": "career-section-career-items",
|
|
155
|
-
"aria-expanded":
|
|
156
|
-
children:
|
|
154
|
+
"aria-expanded": l,
|
|
155
|
+
children: l ? "접기" : "더 보기"
|
|
157
156
|
}
|
|
158
157
|
)
|
|
159
158
|
}
|
|
160
159
|
),
|
|
161
|
-
!s && C && /* @__PURE__ */
|
|
160
|
+
!s && C && /* @__PURE__ */ n(
|
|
162
161
|
r,
|
|
163
162
|
{
|
|
164
163
|
mt: 4,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { useState as f, Children as
|
|
2
|
+
import { useState as f, Children as b, isValidElement as v } from "react";
|
|
3
3
|
import { Flexbox as i, Typography as h, Tooltip as j, Icon as s, Button as k } from "@dotss/ui";
|
|
4
4
|
import D from "@dotss/ui/core/useTheme";
|
|
5
5
|
import O from "./CertificateItem/CertificateItem.mjs";
|
|
@@ -7,12 +7,12 @@ function A({
|
|
|
7
7
|
children: m,
|
|
8
8
|
action: d,
|
|
9
9
|
showTooltip: p = !1,
|
|
10
|
-
enableToggle:
|
|
10
|
+
enableToggle: o = !1,
|
|
11
11
|
...n
|
|
12
12
|
}) {
|
|
13
|
-
const { spacing: x } = D(), [y, C] = f(!1), [
|
|
14
|
-
(t.key === "Enter" || t.key === " ") &&
|
|
15
|
-
},
|
|
13
|
+
const { spacing: x } = D(), [y, C] = f(!1), [r, g] = f(!1), l = b.toArray(m).filter(v).filter((t) => t.type === O), u = l.length > 0, S = l.length > 3, c = () => C((t) => !t), w = (t) => {
|
|
14
|
+
(t.key === "Enter" || t.key === " ") && c();
|
|
15
|
+
}, I = () => g((t) => !t);
|
|
16
16
|
return /* @__PURE__ */ a(
|
|
17
17
|
i,
|
|
18
18
|
{
|
|
@@ -42,15 +42,13 @@ function A({
|
|
|
42
42
|
j,
|
|
43
43
|
{
|
|
44
44
|
open: y,
|
|
45
|
-
onClose:
|
|
45
|
+
onClose: c,
|
|
46
46
|
color: "secondary",
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"aria-describedby": "certificate-section-tooltip-desc",
|
|
47
|
+
id: "certificate-section-tooltip",
|
|
48
|
+
bodyId: "certificate-section-tooltip-body",
|
|
50
49
|
body: /* @__PURE__ */ a(
|
|
51
50
|
h,
|
|
52
51
|
{
|
|
53
|
-
id: "certificate-section-tooltip-desc",
|
|
54
52
|
tag: "p",
|
|
55
53
|
variant: "b4R",
|
|
56
54
|
color: "grey.white",
|
|
@@ -76,14 +74,13 @@ function A({
|
|
|
76
74
|
children: /* @__PURE__ */ e(
|
|
77
75
|
s,
|
|
78
76
|
{
|
|
79
|
-
id: "certificate-section-tooltip",
|
|
80
77
|
role: "button",
|
|
81
78
|
tabIndex: 0,
|
|
82
79
|
name: "TooltipFill",
|
|
83
80
|
size: "small",
|
|
84
81
|
color: "grey.50",
|
|
85
|
-
onClick:
|
|
86
|
-
onKeyDown:
|
|
82
|
+
onClick: c,
|
|
83
|
+
onKeyDown: w,
|
|
87
84
|
"aria-label": "추가 정보 안내",
|
|
88
85
|
inlineCSS: {
|
|
89
86
|
cursor: "pointer"
|
|
@@ -100,10 +97,10 @@ function A({
|
|
|
100
97
|
tag: "ul",
|
|
101
98
|
flexDirection: "column",
|
|
102
99
|
inlineCSS: { width: "inherit" },
|
|
103
|
-
children:
|
|
100
|
+
children: l.slice(0, !o || r ? void 0 : 3)
|
|
104
101
|
}
|
|
105
102
|
),
|
|
106
|
-
|
|
103
|
+
o && S && /* @__PURE__ */ e(
|
|
107
104
|
i,
|
|
108
105
|
{
|
|
109
106
|
alignItems: "center",
|
|
@@ -116,16 +113,16 @@ function A({
|
|
|
116
113
|
fullWidth: !0,
|
|
117
114
|
variant: "text",
|
|
118
115
|
color: "secondary",
|
|
119
|
-
endAdornment: /* @__PURE__ */ e(s, { name:
|
|
120
|
-
onClick:
|
|
116
|
+
endAdornment: /* @__PURE__ */ e(s, { name: r ? "ChevronUpLine" : "ChevronDownLine" }),
|
|
117
|
+
onClick: I,
|
|
121
118
|
"aria-controls": "certificate-section-certificate-items",
|
|
122
|
-
"aria-expanded":
|
|
123
|
-
children:
|
|
119
|
+
"aria-expanded": r,
|
|
120
|
+
children: r ? "접기" : "더 보기"
|
|
124
121
|
}
|
|
125
122
|
)
|
|
126
123
|
}
|
|
127
124
|
),
|
|
128
|
-
!
|
|
125
|
+
!o && d && /* @__PURE__ */ e(
|
|
129
126
|
i,
|
|
130
127
|
{
|
|
131
128
|
mt: 4,
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { useState as h, Children as
|
|
3
|
-
import { Flexbox as
|
|
2
|
+
import { useState as h, Children as b, isValidElement as v } from "react";
|
|
3
|
+
import { Flexbox as n, Typography as m, Tooltip as E, Icon as s, Button as j } from "@dotss/ui";
|
|
4
4
|
import k from "@dotss/ui/core/useTheme";
|
|
5
5
|
import D from "./EducationItem/EducationItem.mjs";
|
|
6
6
|
function B({
|
|
7
|
-
children:
|
|
7
|
+
children: f,
|
|
8
8
|
action: d,
|
|
9
|
-
showTooltip:
|
|
9
|
+
showTooltip: u = !1,
|
|
10
10
|
enableToggle: l = !1,
|
|
11
|
-
...
|
|
11
|
+
...i
|
|
12
12
|
}) {
|
|
13
|
-
const { spacing: p } = k(), [x, y] = h(!1), [o, g] = h(!1),
|
|
14
|
-
(t.key === "Enter" || t.key === " ") &&
|
|
15
|
-
},
|
|
13
|
+
const { spacing: p } = k(), [x, y] = h(!1), [o, g] = h(!1), r = b.toArray(f).filter(v).filter((t) => t.type === D), C = r.length > 0, S = r.length > 3, a = () => y((t) => !t), w = (t) => {
|
|
14
|
+
(t.key === "Enter" || t.key === " ") && a();
|
|
15
|
+
}, I = () => g((t) => !t);
|
|
16
16
|
return /* @__PURE__ */ c(
|
|
17
|
-
|
|
17
|
+
n,
|
|
18
18
|
{
|
|
19
19
|
tag: "section",
|
|
20
20
|
flexDirection: "column",
|
|
21
21
|
alignItems: "flex-start",
|
|
22
22
|
"aria-labelledby": "education-section-title",
|
|
23
23
|
gap: 2,
|
|
24
|
-
...
|
|
24
|
+
...i,
|
|
25
25
|
inlineCSS: {
|
|
26
26
|
width: "100%",
|
|
27
|
-
...
|
|
27
|
+
...i == null ? void 0 : i.inlineCSS
|
|
28
28
|
},
|
|
29
29
|
children: [
|
|
30
|
-
/* @__PURE__ */ c(
|
|
30
|
+
/* @__PURE__ */ c(n, { alignItems: "center", justifyContent: "center", gap: 1, children: [
|
|
31
31
|
/* @__PURE__ */ e(
|
|
32
32
|
m,
|
|
33
33
|
{
|
|
@@ -38,19 +38,17 @@ function B({
|
|
|
38
38
|
children: "학력"
|
|
39
39
|
}
|
|
40
40
|
),
|
|
41
|
-
|
|
41
|
+
u && /* @__PURE__ */ e(
|
|
42
42
|
E,
|
|
43
43
|
{
|
|
44
44
|
open: x,
|
|
45
|
-
onClose:
|
|
45
|
+
onClose: a,
|
|
46
46
|
color: "secondary",
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"aria-describedby": "education-section-tooltip-desc",
|
|
47
|
+
id: "education-section-tooltip",
|
|
48
|
+
bodyId: "education-section-tooltip-body",
|
|
50
49
|
body: /* @__PURE__ */ c(
|
|
51
50
|
m,
|
|
52
51
|
{
|
|
53
|
-
id: "education-section-tooltip-desc",
|
|
54
52
|
tag: "p",
|
|
55
53
|
variant: "b4R",
|
|
56
54
|
color: "grey.white",
|
|
@@ -76,14 +74,13 @@ function B({
|
|
|
76
74
|
children: /* @__PURE__ */ e(
|
|
77
75
|
s,
|
|
78
76
|
{
|
|
79
|
-
id: "education-section-tooltip",
|
|
80
77
|
role: "button",
|
|
81
78
|
tabIndex: 0,
|
|
82
79
|
name: "TooltipFill",
|
|
83
80
|
size: "small",
|
|
84
81
|
color: "grey.50",
|
|
85
|
-
onClick:
|
|
86
|
-
onKeyDown:
|
|
82
|
+
onClick: a,
|
|
83
|
+
onKeyDown: w,
|
|
87
84
|
"aria-label": "추가 정보 안내",
|
|
88
85
|
inlineCSS: {
|
|
89
86
|
cursor: "pointer"
|
|
@@ -94,17 +91,17 @@ function B({
|
|
|
94
91
|
)
|
|
95
92
|
] }),
|
|
96
93
|
C && /* @__PURE__ */ e(
|
|
97
|
-
|
|
94
|
+
n,
|
|
98
95
|
{
|
|
99
96
|
id: "education-section-education-items",
|
|
100
97
|
tag: "ul",
|
|
101
98
|
flexDirection: "column",
|
|
102
99
|
inlineCSS: { width: "inherit" },
|
|
103
|
-
children:
|
|
100
|
+
children: r.slice(0, !l || o ? void 0 : 3)
|
|
104
101
|
}
|
|
105
102
|
),
|
|
106
103
|
l && S && /* @__PURE__ */ e(
|
|
107
|
-
|
|
104
|
+
n,
|
|
108
105
|
{
|
|
109
106
|
alignItems: "center",
|
|
110
107
|
justifyContent: "center",
|
|
@@ -117,7 +114,7 @@ function B({
|
|
|
117
114
|
variant: "text",
|
|
118
115
|
color: "secondary",
|
|
119
116
|
endAdornment: /* @__PURE__ */ e(s, { name: o ? "ChevronUpLine" : "ChevronDownLine" }),
|
|
120
|
-
onClick:
|
|
117
|
+
onClick: I,
|
|
121
118
|
"aria-controls": "education-section-education-items",
|
|
122
119
|
"aria-expanded": o,
|
|
123
120
|
children: o ? "접기" : "더 보기"
|
|
@@ -126,7 +123,7 @@ function B({
|
|
|
126
123
|
}
|
|
127
124
|
),
|
|
128
125
|
!l && d && /* @__PURE__ */ e(
|
|
129
|
-
|
|
126
|
+
n,
|
|
130
127
|
{
|
|
131
128
|
mt: 4,
|
|
132
129
|
flexGrow: 1,
|
|
@@ -8,7 +8,7 @@ export { default as PreferredActivityKeywordGroup } from './PreferredActivityKey
|
|
|
8
8
|
export { default as PreferredAgeGroup } from './PreferredAgeGroup';
|
|
9
9
|
export { default as AbilityCollection } from './AbilityCollection';
|
|
10
10
|
export { default as AvailableScheduleSection } from './AvailableScheduleSection';
|
|
11
|
-
export { default as
|
|
11
|
+
export { default as CareNoteSection } from './CareNoteSection';
|
|
12
12
|
export { default as ParentReviewSection } from './ParentReviewSection';
|
|
13
13
|
export * from './ProfileSummary';
|
|
14
14
|
export * from './StatBadgeCollection';
|
|
@@ -20,5 +20,5 @@ export * from './PreferredActivityKeywordGroup';
|
|
|
20
20
|
export * from './PreferredAgeGroup';
|
|
21
21
|
export * from './AbilityCollection';
|
|
22
22
|
export * from './AvailableScheduleSection';
|
|
23
|
-
export * from './
|
|
23
|
+
export * from './CareNoteSection';
|
|
24
24
|
export * from './ParentReviewSection';
|
|
@@ -2,8 +2,8 @@ import { default as r } from "./ProfileSummary/ProfileSummary.mjs";
|
|
|
2
2
|
import { default as a } from "./StatBadgeCollection/StatBadgeCollection.mjs";
|
|
3
3
|
import { default as l } from "./StatBadgeCollection/StatBadge/StatBadge.mjs";
|
|
4
4
|
import { default as i } from "./ActivityGallery/ActivityGallery.mjs";
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
5
|
+
import { default as u } from "./ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
|
|
6
|
+
import { default as x } from "./CertificateSection/CertificateSection.mjs";
|
|
7
7
|
import { default as c } from "./CertificateSection/CertificateItem/CertificateItem.mjs";
|
|
8
8
|
import { default as y } from "./CareerSection/CareerSection.mjs";
|
|
9
9
|
import { default as S } from "./CareerSection/CareerItem/CareerItem.mjs";
|
|
@@ -16,8 +16,8 @@ import { default as K } from "./AbilityCollection/AbilityCollection.mjs";
|
|
|
16
16
|
import { default as R } from "./AbilityCollection/AbilityBadge/AbilityBadge.mjs";
|
|
17
17
|
import { getAbilityCollection as j } from "./AbilityCollection/AbilityCollection.utils.mjs";
|
|
18
18
|
import { default as q } from "./AvailableScheduleSection/AvailableScheduleSection.mjs";
|
|
19
|
-
import { default as D } from "./
|
|
20
|
-
import { default as H } from "./
|
|
19
|
+
import { default as D } from "./CareNoteSection/CareNoteSection.mjs";
|
|
20
|
+
import { default as H } from "./CareNoteSection/CareNote/CareNote.mjs";
|
|
21
21
|
import { default as M } from "./ParentReviewSection/ParentReviewSection.mjs";
|
|
22
22
|
import { getChildLabel as Q } from "./ParentReviewSection/ParentReviewSection.utils.mjs";
|
|
23
23
|
import { default as U } from "./ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
|
|
@@ -25,14 +25,14 @@ export {
|
|
|
25
25
|
R as AbilityBadge,
|
|
26
26
|
K as AbilityCollection,
|
|
27
27
|
i as ActivityGallery,
|
|
28
|
-
|
|
28
|
+
u as ActivityGalleryItem,
|
|
29
29
|
q as AvailableScheduleSection,
|
|
30
|
+
H as CareNote,
|
|
31
|
+
D as CareNoteSection,
|
|
30
32
|
S as CareerItem,
|
|
31
33
|
y as CareerSection,
|
|
32
34
|
c as CertificateItem,
|
|
33
|
-
|
|
34
|
-
H as ClassNote,
|
|
35
|
-
D as ClassNotesSection,
|
|
35
|
+
x as CertificateSection,
|
|
36
36
|
P as EducationItem,
|
|
37
37
|
g as EducationSection,
|
|
38
38
|
U as ParentReviewCard,
|
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
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,7 +0,0 @@
|
|
|
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;
|
|
File without changes
|