@dotss/tictoccroc 0.0.24 → 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/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/Masonry/MasonryBlock/MasonryBlock.mjs +39 -33
- package/dist/shared/components/Roller/Roller.mjs +1 -1
- 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 +16 -15
- 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 +29 -29
- package/dist/teacher/profile/components/CareerSection/CareerSection.mjs +19 -22
- 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
package/dist/index.mjs
CHANGED
|
@@ -66,8 +66,8 @@ import { default as Ia } from "./teacher/profile/components/AbilityCollection/Ab
|
|
|
66
66
|
import { default as Da } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
|
|
67
67
|
import { getAbilityCollection as va } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
|
|
68
68
|
import { default as Pa } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
|
|
69
|
-
import { default as wa } from "./teacher/profile/components/
|
|
70
|
-
import { default as Ea } from "./teacher/profile/components/
|
|
69
|
+
import { default as wa } from "./teacher/profile/components/CareNoteSection/CareNoteSection.mjs";
|
|
70
|
+
import { default as Ea } from "./teacher/profile/components/CareNoteSection/CareNote/CareNote.mjs";
|
|
71
71
|
import { default as Ka } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
|
|
72
72
|
import { getChildLabel as Qa } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
|
|
73
73
|
import { default as Va } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
|
|
@@ -89,6 +89,8 @@ export {
|
|
|
89
89
|
ot as BannerAccountFallback,
|
|
90
90
|
fe as BotMessage,
|
|
91
91
|
N as Calendar,
|
|
92
|
+
Ea as CareNote,
|
|
93
|
+
wa as CareNoteSection,
|
|
92
94
|
ia as CareerItem,
|
|
93
95
|
pa as CareerSection,
|
|
94
96
|
k as Carousel,
|
|
@@ -99,8 +101,6 @@ export {
|
|
|
99
101
|
T as CarouselSlide,
|
|
100
102
|
da as CertificateItem,
|
|
101
103
|
sa as CertificateSection,
|
|
102
|
-
Ea as ClassNote,
|
|
103
|
-
wa as ClassNotesSection,
|
|
104
104
|
ae as DirectTradeRiskInfoBottomSheet,
|
|
105
105
|
Sa as EducationItem,
|
|
106
106
|
na as EducationSection,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import c from "dayjs";
|
|
2
2
|
function l(a) {
|
|
3
3
|
return a.map(([o, s]) => {
|
|
4
|
-
const n = /* @__PURE__ */ new Map(),
|
|
4
|
+
const n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
|
|
5
5
|
for (let t = 0; t < s.length; t += 1) {
|
|
6
|
-
const
|
|
7
|
-
i == null ||
|
|
6
|
+
const e = s[t], i = e.senderId;
|
|
7
|
+
i == null || e.status === "FAILED" || e.type !== "USER" || (n.has(i) || n.set(i, e.id), r.set(i, e.id));
|
|
8
8
|
}
|
|
9
|
-
const d = new Set(n.values()), u = new Set(
|
|
9
|
+
const d = new Set(n.values()), u = new Set(r.values());
|
|
10
10
|
return [
|
|
11
11
|
o,
|
|
12
12
|
s.map((t) => ({
|
|
@@ -23,9 +23,9 @@ function I({
|
|
|
23
23
|
status: o,
|
|
24
24
|
unreadUserCount: s,
|
|
25
25
|
content: n,
|
|
26
|
-
regDatetime:
|
|
26
|
+
regDatetime: r
|
|
27
27
|
}) {
|
|
28
|
-
return `${a ? "나" : "상대방"}, ${n}, ${s && s > 0 ? "읽지 않음" : "읽음"}, ${o === "SUCCEEDED" ? "전송됨" : "전송 실패"}, ${c(
|
|
28
|
+
return `${a ? "나" : "상대방"}, ${n}, ${s && s > 0 ? "읽지 않음" : "읽음"}, ${o === "SUCCEEDED" ? "전송됨" : "전송 실패"}, ${c(r).format("YYYY년 MM월 DD일 A h:mm")}`;
|
|
29
29
|
}
|
|
30
30
|
export {
|
|
31
31
|
I as getMessageLabel,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
|
|
2
|
-
export type SystemMessageType = 'NEW_CHAT_ROOM_CREATED' | 'DIRECT_TRADE_WORD_DETECTED' | 'OTHER_ACCOUNT_NOT_NORMAL' | 'PARENT_BLOCKED_TEACHER';
|
|
2
|
+
export type SystemMessageType = 'NEW_CHAT_ROOM_CREATED' | 'DIRECT_TRADE_WORD_DETECTED' | 'OTHER_ACCOUNT_NOT_NORMAL' | 'PARENT_BLOCKED_TEACHER' | 'CHAT_ROOM_MIGRATED';
|
|
3
3
|
export type SystemMessageCtaType = 'DIRECT_TRADE_WARNING';
|
|
4
4
|
export interface SystemMessageProps extends Omit<FlexboxProps, 'id'> {
|
|
5
5
|
id: string | number;
|
|
@@ -1,38 +1,43 @@
|
|
|
1
|
-
import { jsxs as w, jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { Flexbox as s, Skeleton as
|
|
1
|
+
import { jsxs as w, jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as I, useState as u, useRef as A, useImperativeHandle as B, useEffect as m, Children as F, isValidElement as W, cloneElement as z } from "react";
|
|
3
|
+
import { Flexbox as s, Skeleton as N } from "@dotss/ui";
|
|
4
4
|
import D from "@dotss/ui/core/useTheme";
|
|
5
5
|
import L from "../../Image/Image.mjs";
|
|
6
6
|
import { findImageInChildren as V } from "../Masonry.utils.mjs";
|
|
7
|
-
const
|
|
7
|
+
const P = I(
|
|
8
8
|
({
|
|
9
|
-
children:
|
|
9
|
+
children: S,
|
|
10
10
|
width: c = 0,
|
|
11
11
|
height: d = 0,
|
|
12
12
|
spacing: C = 2,
|
|
13
|
-
borderRadius:
|
|
13
|
+
borderRadius: r = 0,
|
|
14
14
|
direction: v = "vertical",
|
|
15
|
-
setInnerRef:
|
|
15
|
+
setInnerRef: l,
|
|
16
16
|
sourceMetadata: f,
|
|
17
17
|
...e
|
|
18
18
|
}, x) => {
|
|
19
19
|
var k;
|
|
20
|
-
const { spacing:
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
const { spacing: T } = D(), p = V(S), y = (k = p == null ? void 0 : p.props) == null ? void 0 : k.src, i = f == null ? void 0 : f.find((n) => n.src === y), [t, E] = u((i == null ? void 0 : i.width) ?? c ?? 0), [o, j] = u((i == null ? void 0 : i.height) ?? d ?? 0), [a, b] = u(!1), h = A(null);
|
|
21
|
+
B(x, () => h.current);
|
|
22
|
+
const H = (n) => {
|
|
23
|
+
n.propertyName !== "padding-top" && n.propertyName !== "padding-left" || b(!0);
|
|
24
|
+
};
|
|
25
|
+
return m(() => {
|
|
26
|
+
E((i == null ? void 0 : i.width) ?? c ?? 0), j((i == null ? void 0 : i.height) ?? d ?? 0);
|
|
23
27
|
}, [c, d, i == null ? void 0 : i.width, i == null ? void 0 : i.height]), m(() => {
|
|
28
|
+
if (!t || !o) return;
|
|
24
29
|
const n = setTimeout(() => {
|
|
25
|
-
|
|
30
|
+
b(!0);
|
|
26
31
|
}, 500);
|
|
27
32
|
return () => {
|
|
28
33
|
clearTimeout(n);
|
|
29
34
|
};
|
|
30
|
-
}, [
|
|
31
|
-
|
|
32
|
-
}, [
|
|
35
|
+
}, [t, o]), m(() => {
|
|
36
|
+
l == null || l(h.current);
|
|
37
|
+
}, [l]), /* @__PURE__ */ w(
|
|
33
38
|
s,
|
|
34
39
|
{
|
|
35
|
-
ref:
|
|
40
|
+
ref: h,
|
|
36
41
|
flexDirection: "column",
|
|
37
42
|
...e,
|
|
38
43
|
inlineCSS: {
|
|
@@ -40,17 +45,18 @@ const O = H(
|
|
|
40
45
|
...e == null ? void 0 : e.inlineCSS
|
|
41
46
|
},
|
|
42
47
|
children: [
|
|
43
|
-
v === "vertical" && /* @__PURE__ */
|
|
48
|
+
v === "vertical" && /* @__PURE__ */ g(
|
|
44
49
|
s,
|
|
45
50
|
{
|
|
46
51
|
inlineCSS: {
|
|
47
|
-
minHeight:
|
|
52
|
+
minHeight: T.content(C)
|
|
48
53
|
}
|
|
49
54
|
}
|
|
50
55
|
),
|
|
51
|
-
/* @__PURE__ */
|
|
56
|
+
/* @__PURE__ */ g(
|
|
52
57
|
s,
|
|
53
58
|
{
|
|
59
|
+
onTransitionEnd: H,
|
|
54
60
|
inlineCSS: {
|
|
55
61
|
position: "relative",
|
|
56
62
|
overflow: "hidden",
|
|
@@ -62,13 +68,13 @@ const O = H(
|
|
|
62
68
|
...e == null ? void 0 : e.inlineCSS
|
|
63
69
|
},
|
|
64
70
|
style: v === "vertical" ? {
|
|
65
|
-
borderRadius:
|
|
66
|
-
paddingTop: `calc(${
|
|
71
|
+
borderRadius: r,
|
|
72
|
+
paddingTop: `calc(${o / t} * 100%)`,
|
|
67
73
|
transition: "padding-top 0.3s 0.1s"
|
|
68
74
|
} : {
|
|
69
|
-
borderRadius:
|
|
70
|
-
paddingLeft:
|
|
71
|
-
paddingTop:
|
|
75
|
+
borderRadius: r,
|
|
76
|
+
paddingLeft: t,
|
|
77
|
+
paddingTop: o,
|
|
72
78
|
transition: "padding-top 0.3s 0.1s, padding-left 0.3s 0.1s"
|
|
73
79
|
},
|
|
74
80
|
children: /* @__PURE__ */ w(
|
|
@@ -82,31 +88,31 @@ const O = H(
|
|
|
82
88
|
height: "100%",
|
|
83
89
|
overflow: "hidden",
|
|
84
90
|
transform: "translate3d(0, 0, 0)",
|
|
85
|
-
borderRadius:
|
|
91
|
+
borderRadius: r,
|
|
86
92
|
transition: "border-radius 0.3s 0.1s",
|
|
87
93
|
zIndex: 1
|
|
88
94
|
},
|
|
89
95
|
children: [
|
|
90
|
-
/* @__PURE__ */
|
|
91
|
-
|
|
96
|
+
/* @__PURE__ */ g(
|
|
97
|
+
N,
|
|
92
98
|
{
|
|
93
|
-
borderRadius:
|
|
99
|
+
borderRadius: r,
|
|
94
100
|
inlineCSS: {
|
|
95
101
|
position: "absolute",
|
|
96
102
|
top: 0,
|
|
97
103
|
left: 0,
|
|
98
104
|
width: "100%",
|
|
99
105
|
height: "100%",
|
|
100
|
-
opacity: !y ||
|
|
106
|
+
opacity: !y || a ? 0 : 1,
|
|
101
107
|
transition: "opacity 0.3s 0.1s",
|
|
102
|
-
pointerEvents:
|
|
108
|
+
pointerEvents: a ? "none" : void 0,
|
|
103
109
|
zIndex: 2
|
|
104
110
|
}
|
|
105
111
|
}
|
|
106
112
|
),
|
|
107
|
-
|
|
108
|
-
width:
|
|
109
|
-
height:
|
|
113
|
+
F.toArray(S).filter(W).map((n) => n.type === L || n.type === "img" ? z(n, {
|
|
114
|
+
width: t,
|
|
115
|
+
height: o,
|
|
110
116
|
draggable: !1,
|
|
111
117
|
style: {
|
|
112
118
|
overflow: "hidden",
|
|
@@ -127,5 +133,5 @@ const O = H(
|
|
|
127
133
|
}
|
|
128
134
|
);
|
|
129
135
|
export {
|
|
130
|
-
|
|
136
|
+
P as default
|
|
131
137
|
};
|
|
@@ -2,7 +2,7 @@ import { jsx as h } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as w, useRef as a, Children as k, isValidElement as X, useEffect as g, cloneElement as N } from "react";
|
|
3
3
|
import { Flexbox as P } from "@dotss/ui";
|
|
4
4
|
import U from "./RollerBlock/RollerBlock.mjs";
|
|
5
|
-
import S from "../../../teacher/profile/components/
|
|
5
|
+
import S from "../../../teacher/profile/components/CareNoteSection/CareNote/CareNote.mjs";
|
|
6
6
|
function V({
|
|
7
7
|
children: A,
|
|
8
8
|
spacing: L = 2,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, SyntheticEvent } from 'react';
|
|
2
|
-
import { ImageProps } from '../../../../shared/components/Image';
|
|
3
2
|
import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
|
|
3
|
+
import { ImageProps } from '../../../../shared/components/Image';
|
|
4
4
|
import { BannerProps } from '..';
|
|
5
5
|
export interface Carousel1AccountProps extends Omit<FlexboxProps, 'title'> {
|
|
6
6
|
id: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, SyntheticEvent } from 'react';
|
|
2
|
-
import { ImageProps } from '../../../../shared/components/Image';
|
|
3
2
|
import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
|
|
3
|
+
import { ImageProps } from '../../../../shared/components/Image';
|
|
4
4
|
import { BannerProps } from '..';
|
|
5
5
|
export interface Carousel2AccountProps extends Omit<FlexboxProps, 'title'> {
|
|
6
6
|
id: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, SyntheticEvent } from 'react';
|
|
2
|
-
import { ImageProps } from '../../../../shared/components/Image';
|
|
3
2
|
import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
|
|
3
|
+
import { ImageProps } from '../../../../shared/components/Image';
|
|
4
4
|
import { BannerProps } from '..';
|
|
5
5
|
export interface TextAccountProps extends Omit<FlexboxProps, 'title'> {
|
|
6
6
|
id: string;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Children as
|
|
1
|
+
import { jsxs as p, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { Children as j, isValidElement as $ } from "react";
|
|
3
3
|
import { Flexbox as o, Typography as w, Button as A, Icon as E } from "@dotss/ui";
|
|
4
4
|
import G from "../../../../shared/components/Masonry/Masonry.mjs";
|
|
5
5
|
import "../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
|
|
6
6
|
import B from "./ActivityGalleryItem/ActivityGalleryItem.mjs";
|
|
7
7
|
function U({
|
|
8
|
-
children:
|
|
8
|
+
children: s,
|
|
9
9
|
onClickViewAll: y,
|
|
10
10
|
action: m,
|
|
11
|
-
hideHeader:
|
|
11
|
+
hideHeader: l = !1,
|
|
12
12
|
masonryProps: {
|
|
13
13
|
columnCount: c = 2,
|
|
14
14
|
rowCount: f = 2,
|
|
@@ -21,23 +21,23 @@ function U({
|
|
|
21
21
|
} = {},
|
|
22
22
|
...r
|
|
23
23
|
}) {
|
|
24
|
-
const
|
|
25
|
-
let
|
|
26
|
-
|
|
24
|
+
const i = j.toArray(s).filter($).filter((t) => t.type === B), I = i.length > 0, x = (t, a, C) => {
|
|
25
|
+
let n = t.props.type === "VIDEO" || t.props.type === "VIMEO" || t.props.type === "YOUTUBE" ? "동영상" : "사진";
|
|
26
|
+
n = t.props.primary ? `대표 ${n}` : n;
|
|
27
27
|
const S = {
|
|
28
28
|
role: "button",
|
|
29
|
-
"aria-label": `${
|
|
29
|
+
"aria-label": `${n} (${C}개 중 ${a + 1}번째)`,
|
|
30
30
|
...t.props
|
|
31
31
|
};
|
|
32
|
-
return /* @__PURE__ */ e(t.type, { ...S }, `activity-gallery-item-${
|
|
32
|
+
return /* @__PURE__ */ e(t.type, { ...S }, `activity-gallery-item-${a}`);
|
|
33
33
|
};
|
|
34
|
-
return /* @__PURE__ */
|
|
34
|
+
return /* @__PURE__ */ p(
|
|
35
35
|
o,
|
|
36
36
|
{
|
|
37
37
|
tag: "section",
|
|
38
38
|
flexDirection: "column",
|
|
39
|
-
"aria-labelledby":
|
|
40
|
-
"aria-label":
|
|
39
|
+
"aria-labelledby": l ? void 0 : "activity-gallery-title",
|
|
40
|
+
"aria-label": l ? "선생님 활동 갤러리" : void 0,
|
|
41
41
|
gap: 4,
|
|
42
42
|
...r,
|
|
43
43
|
inlineCSS: {
|
|
@@ -45,7 +45,7 @@ function U({
|
|
|
45
45
|
...r == null ? void 0 : r.inlineCSS
|
|
46
46
|
},
|
|
47
47
|
children: [
|
|
48
|
-
!
|
|
48
|
+
!l && /* @__PURE__ */ p(o, { alignItems: "center", justifyContent: "space-between", gap: 2, children: [
|
|
49
49
|
/* @__PURE__ */ e(
|
|
50
50
|
w,
|
|
51
51
|
{
|
|
@@ -81,8 +81,9 @@ function U({
|
|
|
81
81
|
role: "group",
|
|
82
82
|
"aria-label": "콘텐츠 목록",
|
|
83
83
|
...d,
|
|
84
|
-
children:
|
|
85
|
-
}
|
|
84
|
+
children: i.map((t, a) => x(t, a, i.length))
|
|
85
|
+
},
|
|
86
|
+
i.map((t) => t.key).join(",")
|
|
86
87
|
),
|
|
87
88
|
m && /* @__PURE__ */ e(
|
|
88
89
|
o,
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { RollerBlockProps } from '../../../../../shared/components/Roller/RollerBlock';
|
|
2
|
+
export interface CareNoteProps extends RollerBlockProps {
|
|
3
|
+
content: string;
|
|
4
|
+
keywords: string[];
|
|
5
|
+
regDatetime: string;
|
|
6
|
+
childrenInfo: Record<'childBirth' | 'childGender', string>[];
|
|
7
|
+
}
|
|
8
|
+
declare function CareNote({ content, keywords, regDatetime, childrenInfo, ...props }: CareNoteProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default CareNote;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Typography as
|
|
1
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { Typography as l, 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 D({ content: h, keywords: t, regDatetime:
|
|
6
|
+
import { getChildLabel as S } from "../CareNoteSection.utils.mjs";
|
|
7
|
+
function D({ content: h, keywords: t, regDatetime: p, childrenInfo: s, ...n }) {
|
|
8
8
|
var c, m;
|
|
9
9
|
const {
|
|
10
10
|
palette: { grey: f, brand: i }
|
|
11
|
-
} = x(), { label: a, other: o } = S(
|
|
12
|
-
return /* @__PURE__ */
|
|
11
|
+
} = x(), { label: a, other: o } = S(s), b = y(p);
|
|
12
|
+
return /* @__PURE__ */ r(
|
|
13
13
|
C,
|
|
14
14
|
{
|
|
15
15
|
p: 4,
|
|
@@ -23,12 +23,12 @@ function D({ 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(l, { 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__ */ r(g, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
|
|
29
|
+
/* @__PURE__ */ e(l, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY년 M월 D일") }),
|
|
30
|
+
/* @__PURE__ */ r(
|
|
31
|
+
l,
|
|
32
32
|
{
|
|
33
33
|
tag: "p",
|
|
34
34
|
variant: "b4M",
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
|
|
2
|
+
export interface CareNoteSectionProps extends FlexboxProps {
|
|
3
|
+
totalCount: number;
|
|
4
|
+
onClickViewAll?: () => void;
|
|
5
|
+
}
|
|
6
|
+
declare const CareNoteSection: import('react').ForwardRefExoticComponent<Omit<CareNoteSectionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export default CareNoteSection;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsxs as t, jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { Flexbox as
|
|
1
|
+
import { jsxs as t, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as s, Children as h } from "react";
|
|
3
|
+
import { Flexbox as o, Typography as l, Button as p, Icon as f } from "@dotss/ui";
|
|
4
4
|
import u from "@dotss/ui/core/useTheme";
|
|
5
5
|
import C from "../../../../shared/components/Roller/Roller.mjs";
|
|
6
|
-
const w =
|
|
7
|
-
({ children: r, totalCount: a = 0, onClickViewAll: c, ...n },
|
|
6
|
+
const w = s(
|
|
7
|
+
({ children: r, totalCount: a = 0, onClickViewAll: c, ...n }, m) => {
|
|
8
8
|
const {
|
|
9
|
-
palette: { background:
|
|
9
|
+
palette: { background: g },
|
|
10
10
|
spacing: e
|
|
11
|
-
} = u(),
|
|
11
|
+
} = u(), d = h.count(r);
|
|
12
12
|
return /* @__PURE__ */ t(
|
|
13
|
-
|
|
13
|
+
o,
|
|
14
14
|
{
|
|
15
|
-
ref:
|
|
15
|
+
ref: m,
|
|
16
16
|
tag: "section",
|
|
17
17
|
pt: 10,
|
|
18
18
|
pb: 10,
|
|
@@ -20,16 +20,16 @@ const w = d(
|
|
|
20
20
|
pr: 4,
|
|
21
21
|
gap: 4,
|
|
22
22
|
flexDirection: "column",
|
|
23
|
-
"aria-labelledby": "
|
|
23
|
+
"aria-labelledby": "care-note-section-title",
|
|
24
24
|
...n,
|
|
25
25
|
inlineCSS: {
|
|
26
26
|
width: "100%",
|
|
27
|
-
backgroundColor:
|
|
27
|
+
backgroundColor: g.primary,
|
|
28
28
|
...n == null ? void 0 : n.inlineCSS
|
|
29
29
|
},
|
|
30
30
|
children: [
|
|
31
|
-
/* @__PURE__ */ t(
|
|
32
|
-
/* @__PURE__ */ o
|
|
31
|
+
/* @__PURE__ */ t(o, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
|
|
32
|
+
/* @__PURE__ */ i(o, { alignItems: "center", gap: 2, children: /* @__PURE__ */ t(l, { id: "care-note-section-title", tag: "h2", variant: "h2B", children: [
|
|
33
33
|
"선생님의 수업 노트",
|
|
34
34
|
a > 0 && /* @__PURE__ */ t(
|
|
35
35
|
l,
|
|
@@ -46,26 +46,26 @@ const w = d(
|
|
|
46
46
|
}
|
|
47
47
|
)
|
|
48
48
|
] }) }),
|
|
49
|
-
typeof c == "function" && /* @__PURE__ */
|
|
49
|
+
typeof c == "function" && /* @__PURE__ */ i(
|
|
50
50
|
p,
|
|
51
51
|
{
|
|
52
52
|
variant: "text",
|
|
53
53
|
size: "small",
|
|
54
54
|
color: "secondary",
|
|
55
|
-
endAdornment: /* @__PURE__ */
|
|
55
|
+
endAdornment: /* @__PURE__ */ i(f, { name: "ChevronRightLine" }),
|
|
56
56
|
onClick: c,
|
|
57
57
|
children: "전체보기"
|
|
58
58
|
}
|
|
59
59
|
)
|
|
60
60
|
] }),
|
|
61
|
-
/* @__PURE__ */
|
|
61
|
+
/* @__PURE__ */ i(
|
|
62
62
|
C,
|
|
63
63
|
{
|
|
64
64
|
rowCount: 1,
|
|
65
65
|
spacing: 3,
|
|
66
66
|
inlineCSS: {
|
|
67
67
|
width: `calc(100% + ${e.content(8)}px)`,
|
|
68
|
-
gridAutoColumns:
|
|
68
|
+
gridAutoColumns: d > 1 ? `calc(100% - ${e.content(8)}px)` : "100%",
|
|
69
69
|
margin: `0 -${e.content(4)}px`
|
|
70
70
|
},
|
|
71
71
|
children: r
|
|
@@ -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
|
|
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
5
|
import c from "dayjs";
|
|
6
|
-
function
|
|
7
|
-
title:
|
|
6
|
+
function T({
|
|
7
|
+
title: x,
|
|
8
8
|
status: y,
|
|
9
|
-
startDate:
|
|
9
|
+
startDate: Y,
|
|
10
10
|
endDate: o,
|
|
11
11
|
primary: k = !1,
|
|
12
|
-
id:
|
|
12
|
+
id: S,
|
|
13
13
|
...n
|
|
14
14
|
}) {
|
|
15
|
-
const { isHoverPossible: I } =
|
|
15
|
+
const { isHoverPossible: I } = p(), {
|
|
16
16
|
palette: { grey: m },
|
|
17
17
|
spacing: g
|
|
18
|
-
} =
|
|
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,
|
|
@@ -30,19 +30,19 @@ function L({
|
|
|
30
30
|
ml: -4,
|
|
31
31
|
mr: -4,
|
|
32
32
|
onKeyDown: (t) => {
|
|
33
|
-
var
|
|
34
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click()), (
|
|
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
42
|
backgroundColor: m[10]
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
-
...
|
|
45
|
+
...l && I ? {
|
|
46
46
|
"&:hover": {
|
|
47
47
|
backgroundColor: m[10]
|
|
48
48
|
}
|
|
@@ -53,7 +53,7 @@ function L({
|
|
|
53
53
|
/* @__PURE__ */ e(a, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
|
|
54
54
|
/* @__PURE__ */ e(a, { alignItems: "center", gap: 1, children: [
|
|
55
55
|
k && /* @__PURE__ */ i(
|
|
56
|
-
|
|
56
|
+
E,
|
|
57
57
|
{
|
|
58
58
|
variant: "outlined",
|
|
59
59
|
size: "small",
|
|
@@ -64,8 +64,8 @@ function L({
|
|
|
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
|
{
|
|
@@ -96,14 +96,14 @@ function L({
|
|
|
96
96
|
)
|
|
97
97
|
] })
|
|
98
98
|
] }),
|
|
99
|
-
/* @__PURE__ */ e(
|
|
100
|
-
|
|
99
|
+
/* @__PURE__ */ e(f, { tag: "p", variant: "b5R", color: "grey.50", children: [
|
|
100
|
+
r != null && r.isValid() ? `${r.format("YYYY년 M월")} ~ ` : "",
|
|
101
101
|
o ? c(o).format("YYYY년 M월") : "현재"
|
|
102
102
|
] })
|
|
103
103
|
] }),
|
|
104
104
|
/* @__PURE__ */ e(a, { alignItems: "center", gap: 2, children: [
|
|
105
105
|
/* @__PURE__ */ e(
|
|
106
|
-
|
|
106
|
+
f,
|
|
107
107
|
{
|
|
108
108
|
tag: "p",
|
|
109
109
|
variant: "h5R",
|
|
@@ -111,24 +111,24 @@ function L({
|
|
|
111
111
|
noWrap: !0,
|
|
112
112
|
inlineCSS: { "& strong": { color: m[100], fontWeight: 700 } },
|
|
113
113
|
children: [
|
|
114
|
-
|
|
115
|
-
/* @__PURE__ */ i("strong", { children:
|
|
114
|
+
d > 0 && /* @__PURE__ */ e(s, { children: [
|
|
115
|
+
/* @__PURE__ */ i("strong", { children: d }),
|
|
116
116
|
"년"
|
|
117
117
|
] }),
|
|
118
|
-
C > 0 && /* @__PURE__ */ e(
|
|
119
|
-
|
|
118
|
+
C > 0 && /* @__PURE__ */ e(s, { children: [
|
|
119
|
+
d > 0 && /* @__PURE__ */ i(s, { children: " " }),
|
|
120
120
|
/* @__PURE__ */ i("strong", { children: C }),
|
|
121
121
|
"개월"
|
|
122
122
|
] })
|
|
123
123
|
]
|
|
124
124
|
}
|
|
125
125
|
),
|
|
126
|
-
|
|
126
|
+
l && /* @__PURE__ */ i(b, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
|
|
127
127
|
] })
|
|
128
128
|
]
|
|
129
129
|
}
|
|
130
130
|
) });
|
|
131
131
|
}
|
|
132
132
|
export {
|
|
133
|
-
|
|
133
|
+
T as default
|
|
134
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,9 +11,9 @@ function U({
|
|
|
11
11
|
enableToggle: s = !1,
|
|
12
12
|
...o
|
|
13
13
|
}) {
|
|
14
|
-
const { spacing: w } = T(), [
|
|
15
|
-
([e,
|
|
16
|
-
), c = Math.floor(y.reduce((e,
|
|
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) => {
|
|
17
17
|
(e.key === "Enter" || e.key === " ") && h();
|
|
18
18
|
};
|
|
19
19
|
return /* @__PURE__ */ i(
|
|
@@ -46,7 +46,7 @@ function U({
|
|
|
46
46
|
gap: 1,
|
|
47
47
|
inlineCSS: { position: "relative" },
|
|
48
48
|
children: [
|
|
49
|
-
/* @__PURE__ */
|
|
49
|
+
/* @__PURE__ */ n(
|
|
50
50
|
f,
|
|
51
51
|
{
|
|
52
52
|
id: "career-section-title",
|
|
@@ -56,19 +56,17 @@ function U({
|
|
|
56
56
|
children: "경력"
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
|
-
x && /* @__PURE__ */
|
|
59
|
+
x && /* @__PURE__ */ n(
|
|
60
60
|
Y,
|
|
61
61
|
{
|
|
62
|
-
open:
|
|
62
|
+
open: I,
|
|
63
63
|
onClose: h,
|
|
64
64
|
color: "secondary",
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"aria-describedby": "career-section-tooltip-desc",
|
|
65
|
+
id: "career-section-tooltip",
|
|
66
|
+
bodyId: "career-section-tooltip-body",
|
|
68
67
|
body: /* @__PURE__ */ i(
|
|
69
68
|
f,
|
|
70
69
|
{
|
|
71
|
-
id: "career-section-tooltip-desc",
|
|
72
70
|
tag: "p",
|
|
73
71
|
variant: "b4R",
|
|
74
72
|
color: "grey.white",
|
|
@@ -84,17 +82,16 @@ function U({
|
|
|
84
82
|
},
|
|
85
83
|
children: [
|
|
86
84
|
"째깍악어가 확인한 정보는",
|
|
87
|
-
/* @__PURE__ */
|
|
85
|
+
/* @__PURE__ */ n(p, { name: "CertifiedFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
|
|
88
86
|
"인증 마크가 붙어요!"
|
|
89
87
|
]
|
|
90
88
|
}
|
|
91
89
|
),
|
|
92
90
|
offset: { x: 100 },
|
|
93
91
|
arrowOffset: { x: -100 },
|
|
94
|
-
children: /* @__PURE__ */
|
|
92
|
+
children: /* @__PURE__ */ n(
|
|
95
93
|
p,
|
|
96
94
|
{
|
|
97
|
-
id: "career-section-tooltip",
|
|
98
95
|
role: "button",
|
|
99
96
|
tabIndex: 0,
|
|
100
97
|
name: "TooltipFill",
|
|
@@ -116,19 +113,19 @@ function U({
|
|
|
116
113
|
(c > 0 || d > 0) && /* @__PURE__ */ i(f, { tag: "p", variant: "h4R", inlineCSS: { "& strong": { fontWeight: 700 } }, children: [
|
|
117
114
|
"총 ",
|
|
118
115
|
c > 0 && /* @__PURE__ */ i(m, { children: [
|
|
119
|
-
/* @__PURE__ */
|
|
116
|
+
/* @__PURE__ */ n("strong", { children: c }),
|
|
120
117
|
"년"
|
|
121
118
|
] }),
|
|
122
119
|
d > 0 && /* @__PURE__ */ i(m, { children: [
|
|
123
|
-
c > 0 && /* @__PURE__ */
|
|
124
|
-
/* @__PURE__ */
|
|
120
|
+
c > 0 && /* @__PURE__ */ n(m, { children: " " }),
|
|
121
|
+
/* @__PURE__ */ n("strong", { children: d }),
|
|
125
122
|
"개월"
|
|
126
123
|
] })
|
|
127
124
|
] })
|
|
128
125
|
]
|
|
129
126
|
}
|
|
130
127
|
),
|
|
131
|
-
j && /* @__PURE__ */
|
|
128
|
+
j && /* @__PURE__ */ n(
|
|
132
129
|
r,
|
|
133
130
|
{
|
|
134
131
|
id: "career-section-career-items",
|
|
@@ -138,20 +135,20 @@ function U({
|
|
|
138
135
|
children: a.slice(0, !s || l ? void 0 : 3)
|
|
139
136
|
}
|
|
140
137
|
),
|
|
141
|
-
s && D && /* @__PURE__ */
|
|
138
|
+
s && D && /* @__PURE__ */ n(
|
|
142
139
|
r,
|
|
143
140
|
{
|
|
144
141
|
alignItems: "center",
|
|
145
142
|
justifyContent: "center",
|
|
146
143
|
mt: 2,
|
|
147
144
|
inlineCSS: { width: "inherit" },
|
|
148
|
-
children: /* @__PURE__ */
|
|
145
|
+
children: /* @__PURE__ */ n(
|
|
149
146
|
M,
|
|
150
147
|
{
|
|
151
148
|
fullWidth: !0,
|
|
152
149
|
variant: "text",
|
|
153
150
|
color: "secondary",
|
|
154
|
-
endAdornment: /* @__PURE__ */
|
|
151
|
+
endAdornment: /* @__PURE__ */ n(p, { name: l ? "ChevronUpLine" : "ChevronDownLine" }),
|
|
155
152
|
onClick: k,
|
|
156
153
|
"aria-controls": "career-section-career-items",
|
|
157
154
|
"aria-expanded": l,
|
|
@@ -160,7 +157,7 @@ function U({
|
|
|
160
157
|
)
|
|
161
158
|
}
|
|
162
159
|
),
|
|
163
|
-
!s && C && /* @__PURE__ */
|
|
160
|
+
!s && C && /* @__PURE__ */ n(
|
|
164
161
|
r,
|
|
165
162
|
{
|
|
166
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
|