@dotss/tictoccroc 0.11.2 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +100 -96
- package/dist/parent/b2b/components/ActionButtons/ActionButtons.mjs +5 -5
- package/dist/shared/components/Image/Image.d.ts +1 -0
- package/dist/shared/components/Image/Image.mjs +102 -97
- package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.d.ts +18 -0
- package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.mjs +9 -0
- package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.test.d.ts +1 -0
- package/dist/shared/utils/getHoverChildrenScaleStyle/index.d.ts +2 -0
- package/dist/shared/utils/getHoverChildrenScaleStyle/index.mjs +5 -0
- package/dist/shared/utils/index.d.ts +1 -0
- package/dist/shared/utils/index.mjs +2 -1
- package/dist/teacher/home/components/Carousel1Account/Carousel1Account.mjs +12 -12
- package/dist/teacher/home/components/Carousel2Account/Carousel2Account.mjs +14 -14
- package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.d.ts +21 -0
- package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.mjs +202 -0
- package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.d.ts +15 -0
- package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.mjs +175 -0
- package/dist/teacher/profile/components/KokTeacherCard/index.d.ts +4 -0
- package/dist/teacher/profile/components/KokTeacherCard/index.mjs +6 -0
- package/dist/teacher/profile/components/ProfileSummary/index.d.ts +1 -0
- package/dist/teacher/profile/components/ProfileSummary/index.mjs +4 -3
- package/dist/teacher/profile/components/index.d.ts +2 -0
- package/dist/teacher/profile/components/index.mjs +27 -24
- package/package.json +1 -1
|
@@ -15,3 +15,4 @@ export { default as share } from './share';
|
|
|
15
15
|
export { default as dayFlagToDay } from './dayFlagToDay';
|
|
16
16
|
export { default as getCareTypeLabel } from './getCareTypeLabel';
|
|
17
17
|
export { default as combineRef } from './combineRef';
|
|
18
|
+
export { default as getHoverChildrenScaleStyle } from './getHoverChildrenScaleStyle';
|
|
@@ -15,4 +15,5 @@ import p from "./getVimeoId/index.mjs";
|
|
|
15
15
|
import m from "./parseQueryString/index.mjs";
|
|
16
16
|
import h from "./share/index.mjs";
|
|
17
17
|
import g from "./getCareTypeLabel/index.mjs";
|
|
18
|
-
|
|
18
|
+
import _ from "./getHoverChildrenScaleStyle/index.mjs";
|
|
19
|
+
export { d as ageToBirthDate, o as birthDateToAge, n as combineRef, r as dayFlagToDay, g as getCareTypeLabel, i as getDateRange, _ as getHoverChildrenScaleStyle, t as getImageUrl, a as getTimeRange, p as getVimeoId, s as isAndroid, l as isApp, u as isDesktop, c as isIos, e as isServer, f as objectToQueryString, m as parseQueryString, h as share };
|
|
@@ -2,20 +2,20 @@ import e from "../../../../shared/components/Image/index.mjs";
|
|
|
2
2
|
import t from "../../../../shared/components/Carousel/CarouselSlide/index.mjs";
|
|
3
3
|
import n from "../../../../shared/components/Carousel/index.mjs";
|
|
4
4
|
import r from "@dotss/ui/core/useTheme";
|
|
5
|
-
import
|
|
6
|
-
import s from "
|
|
7
|
-
import c from "@dotss/ui/
|
|
8
|
-
import l from "@dotss/ui/
|
|
5
|
+
import i from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
|
|
6
|
+
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
|
+
import c from "@dotss/ui/Flexbox";
|
|
8
|
+
import l from "@dotss/ui/Typography";
|
|
9
9
|
//#region teacher/home/components/Carousel1Account/Carousel1Account.tsx
|
|
10
10
|
function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h }) {
|
|
11
|
-
let { spacing: g, palette: _ } = r(), { isHoverPossible: v } =
|
|
11
|
+
let { spacing: g, palette: _ } = r(), { isHoverPossible: v } = i(), y = (e, t) => (n) => {
|
|
12
12
|
p && typeof p == "function" && (n.stopPropagation(), n.preventDefault(), p(e, t, n));
|
|
13
13
|
};
|
|
14
|
-
return /* @__PURE__ */ a
|
|
14
|
+
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s(c, {
|
|
15
15
|
flexDirection: "column",
|
|
16
16
|
inlineCSS: { width: "100%" },
|
|
17
17
|
...h,
|
|
18
|
-
children: [/* @__PURE__ */
|
|
18
|
+
children: [/* @__PURE__ */ o(l, {
|
|
19
19
|
id: `banner-account-carousel1-${u}`,
|
|
20
20
|
variant: "h2B",
|
|
21
21
|
inlineCSS: {
|
|
@@ -26,11 +26,11 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
|
|
|
26
26
|
marginBottom: g.content(3)
|
|
27
27
|
},
|
|
28
28
|
children: d
|
|
29
|
-
}), /* @__PURE__ */
|
|
29
|
+
}), /* @__PURE__ */ o(n, {
|
|
30
30
|
rowCount: 2,
|
|
31
31
|
step: 1,
|
|
32
32
|
spacing: 5,
|
|
33
|
-
children: f.map(({ id: n, title: r, url: i, image:
|
|
33
|
+
children: f.map(({ id: n, title: r, url: i, image: a }) => /* @__PURE__ */ o(t, { children: /* @__PURE__ */ s(c, {
|
|
34
34
|
tag: "a",
|
|
35
35
|
href: i,
|
|
36
36
|
alignItems: "center",
|
|
@@ -43,8 +43,8 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
|
|
|
43
43
|
"&:active:not([aria-disabled=\"true\"])": { backgroundColor: _.background.primary },
|
|
44
44
|
...v && { "&:hover:not([aria-disabled=\"true\"])": { backgroundColor: _.background.primary } }
|
|
45
45
|
},
|
|
46
|
-
children: [/* @__PURE__ */
|
|
47
|
-
src:
|
|
46
|
+
children: [/* @__PURE__ */ o(e, {
|
|
47
|
+
src: a || "",
|
|
48
48
|
width: 140,
|
|
49
49
|
height: 98,
|
|
50
50
|
alt: `${r} 이미지`,
|
|
@@ -55,7 +55,7 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
|
|
|
55
55
|
enableErrorFallback: !0,
|
|
56
56
|
style: { objectFit: "cover" },
|
|
57
57
|
...m
|
|
58
|
-
}), /* @__PURE__ */
|
|
58
|
+
}), /* @__PURE__ */ o(l, {
|
|
59
59
|
tag: "p",
|
|
60
60
|
variant: "b2M",
|
|
61
61
|
lineClamp: 2,
|
|
@@ -2,21 +2,21 @@ import e from "../../../../shared/components/Image/index.mjs";
|
|
|
2
2
|
import t from "../../../../shared/components/Carousel/CarouselSlide/index.mjs";
|
|
3
3
|
import n from "../../../../shared/components/Carousel/index.mjs";
|
|
4
4
|
import r from "@dotss/ui/core/useTheme";
|
|
5
|
-
import
|
|
6
|
-
import o from "
|
|
7
|
-
import s from "@dotss/ui/
|
|
8
|
-
import c from "@dotss/ui/
|
|
5
|
+
import i from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
|
|
6
|
+
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
|
+
import s from "@dotss/ui/Flexbox";
|
|
8
|
+
import c from "@dotss/ui/Typography";
|
|
9
9
|
//#region teacher/home/components/Carousel2Account/Carousel2Account.tsx
|
|
10
10
|
function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m }) {
|
|
11
|
-
let { spacing: h, palette: g } = r(), { isHoverPossible: _ } =
|
|
11
|
+
let { spacing: h, palette: g } = r(), { isHoverPossible: _ } = i(), v = (e, t) => (n) => {
|
|
12
12
|
f && typeof f == "function" && (n.stopPropagation(), n.preventDefault(), f(e, t, n));
|
|
13
13
|
};
|
|
14
|
-
return /* @__PURE__ */
|
|
14
|
+
return /* @__PURE__ */ o(s, {
|
|
15
15
|
tag: "section",
|
|
16
16
|
flexDirection: "column",
|
|
17
17
|
inlineCSS: { width: "100%" },
|
|
18
18
|
...m,
|
|
19
|
-
children: [/* @__PURE__ */
|
|
19
|
+
children: [/* @__PURE__ */ a(c, {
|
|
20
20
|
id: `banner-account-carousel2-${l}`,
|
|
21
21
|
variant: "h2B",
|
|
22
22
|
inlineCSS: {
|
|
@@ -27,11 +27,11 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
|
|
|
27
27
|
marginBottom: h.content(4)
|
|
28
28
|
},
|
|
29
29
|
children: u
|
|
30
|
-
}), /* @__PURE__ */
|
|
30
|
+
}), /* @__PURE__ */ a(n, {
|
|
31
31
|
rowCount: 1,
|
|
32
32
|
step: 1,
|
|
33
33
|
spacing: 3,
|
|
34
|
-
children: d.map(({ id: n, title: r, subTitle:
|
|
34
|
+
children: d.map(({ id: n, title: r, subTitle: i, url: l, image: u }) => /* @__PURE__ */ a(t, { children: /* @__PURE__ */ o(s, {
|
|
35
35
|
tag: "a",
|
|
36
36
|
href: l,
|
|
37
37
|
flexDirection: "column",
|
|
@@ -44,7 +44,7 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
|
|
|
44
44
|
"&:active:not([aria-disabled=\"true\"])": { backgroundColor: g.background.primary },
|
|
45
45
|
..._ && { "&:hover:not([aria-disabled=\"true\"])": { backgroundColor: g.background.primary } }
|
|
46
46
|
},
|
|
47
|
-
children: [/* @__PURE__ */
|
|
47
|
+
children: [/* @__PURE__ */ a(e, {
|
|
48
48
|
src: u || "",
|
|
49
49
|
width: 240,
|
|
50
50
|
height: 168,
|
|
@@ -56,20 +56,20 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
|
|
|
56
56
|
enableErrorFallback: !0,
|
|
57
57
|
style: { objectFit: "cover" },
|
|
58
58
|
...p
|
|
59
|
-
}), /* @__PURE__ */
|
|
59
|
+
}), /* @__PURE__ */ o(s, {
|
|
60
60
|
flexDirection: "column",
|
|
61
61
|
gap: 1,
|
|
62
|
-
children: [/* @__PURE__ */
|
|
62
|
+
children: [/* @__PURE__ */ a(c, {
|
|
63
63
|
tag: "p",
|
|
64
64
|
variant: "h4B",
|
|
65
65
|
lineClamp: 1,
|
|
66
66
|
children: r
|
|
67
|
-
}), /* @__PURE__ */
|
|
67
|
+
}), /* @__PURE__ */ a(c, {
|
|
68
68
|
tag: "p",
|
|
69
69
|
variant: "b4R",
|
|
70
70
|
lineClamp: 1,
|
|
71
71
|
color: "grey.70",
|
|
72
|
-
children:
|
|
72
|
+
children: i
|
|
73
73
|
})]
|
|
74
74
|
})]
|
|
75
75
|
}) }, `tictoccroc-carousel2-account-${n}`))
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { CardProps } from 'node_modules/@dotss/ui/Card/Card';
|
|
3
|
+
export interface KokTeacherCardProps extends Omit<CardProps, 'onClick'> {
|
|
4
|
+
idx: number;
|
|
5
|
+
name: string;
|
|
6
|
+
adornmentUrl?: string;
|
|
7
|
+
picture: string;
|
|
8
|
+
introduction: string;
|
|
9
|
+
selected: boolean;
|
|
10
|
+
checkboxSelected?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
onClick?: (idx: number, e: MouseEvent<HTMLDivElement>) => void;
|
|
13
|
+
onClickMore?: (idx: number, e: MouseEvent<HTMLButtonElement>) => void;
|
|
14
|
+
badgeLabel?: ReactNode;
|
|
15
|
+
pictureLabel?: ReactNode;
|
|
16
|
+
infoLabel?: ReactNode;
|
|
17
|
+
chargeLabel?: ReactNode;
|
|
18
|
+
note?: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
declare function KokTeacherCard({ idx, name, adornmentUrl, picture, introduction, selected, checkboxSelected, disabled, onClick, onClickMore, badgeLabel, pictureLabel, infoLabel, chargeLabel, note, ...props }: KokTeacherCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default KokTeacherCard;
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
import e from "../../../../shared/utils/getImageUrl/index.mjs";
|
|
2
|
+
import t from "../../../../shared/components/Image/index.mjs";
|
|
3
|
+
import n from "@dotss/ui/core/useTheme";
|
|
4
|
+
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
5
|
+
import o from "@dotss/ui/Box";
|
|
6
|
+
import s from "@dotss/ui/Button";
|
|
7
|
+
import c from "@dotss/ui/Card";
|
|
8
|
+
import l from "@dotss/ui/Checkbox";
|
|
9
|
+
import u from "@dotss/ui/Flexbox";
|
|
10
|
+
import d from "@dotss/ui/Icon";
|
|
11
|
+
import f from "@dotss/ui/Typography";
|
|
12
|
+
//#region teacher/profile/components/KokTeacherCard/KokTeacherCard.tsx
|
|
13
|
+
function p({ idx: p, name: m, adornmentUrl: h, picture: g, introduction: _, selected: v, checkboxSelected: y, disabled: b, onClick: x, onClickMore: S, badgeLabel: C, pictureLabel: w, infoLabel: T, chargeLabel: E, note: D, ...O }) {
|
|
14
|
+
let { spacing: k, palette: A, typography: j } = n(), M = (e) => {
|
|
15
|
+
e.stopPropagation(), x?.(p, e);
|
|
16
|
+
}, N = (e) => {
|
|
17
|
+
e.stopPropagation(), S?.(p, e);
|
|
18
|
+
};
|
|
19
|
+
return /* @__PURE__ */ a(c, {
|
|
20
|
+
role: "checkbox",
|
|
21
|
+
variant: "outlined",
|
|
22
|
+
active: v,
|
|
23
|
+
disabled: b,
|
|
24
|
+
onClick: M,
|
|
25
|
+
"aria-disabled": b,
|
|
26
|
+
inlineCSS: {
|
|
27
|
+
gap: "unset",
|
|
28
|
+
borderWidth: v ? 2 : 1,
|
|
29
|
+
padding: v ? k.content(4) - 2 : k.content(4) - 1,
|
|
30
|
+
"&[disabled]": {
|
|
31
|
+
pointerEvents: "auto",
|
|
32
|
+
cursor: "auto"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
...O,
|
|
36
|
+
children: [
|
|
37
|
+
/* @__PURE__ */ a(u, {
|
|
38
|
+
justifyContent: "space-between",
|
|
39
|
+
gap: 3,
|
|
40
|
+
children: [/* @__PURE__ */ a(u, {
|
|
41
|
+
flexDirection: "column",
|
|
42
|
+
gap: 2,
|
|
43
|
+
alignItems: "center",
|
|
44
|
+
children: [/* @__PURE__ */ a(u, {
|
|
45
|
+
inlineCSS: {
|
|
46
|
+
position: "relative",
|
|
47
|
+
width: 74,
|
|
48
|
+
height: 74,
|
|
49
|
+
border: "1px solid rgba(0, 0, 0, 0.05)",
|
|
50
|
+
borderRadius: "50%",
|
|
51
|
+
opacity: b ? .5 : 1
|
|
52
|
+
},
|
|
53
|
+
children: [/* @__PURE__ */ i(t, {
|
|
54
|
+
src: e({
|
|
55
|
+
src: g,
|
|
56
|
+
width: 74,
|
|
57
|
+
height: 74
|
|
58
|
+
}),
|
|
59
|
+
alt: `${m} 선생님 프로필 사진`,
|
|
60
|
+
width: 74,
|
|
61
|
+
height: 74,
|
|
62
|
+
style: {
|
|
63
|
+
display: "flex",
|
|
64
|
+
flexShrink: 0,
|
|
65
|
+
objectFit: "cover",
|
|
66
|
+
objectPosition: "center",
|
|
67
|
+
borderRadius: "50%",
|
|
68
|
+
overflow: "hidden"
|
|
69
|
+
},
|
|
70
|
+
wrapperProps: { inlineCSS: {
|
|
71
|
+
borderRadius: "50%",
|
|
72
|
+
overflow: "hidden"
|
|
73
|
+
} }
|
|
74
|
+
}), h && /* @__PURE__ */ i(t, {
|
|
75
|
+
src: h,
|
|
76
|
+
alt: "프로필 장식",
|
|
77
|
+
width: 24,
|
|
78
|
+
height: 24,
|
|
79
|
+
wrapperProps: { inlineCSS: {
|
|
80
|
+
position: "absolute",
|
|
81
|
+
right: 0,
|
|
82
|
+
bottom: 0
|
|
83
|
+
} }
|
|
84
|
+
})]
|
|
85
|
+
}), w && /* @__PURE__ */ i(r, { children: w })]
|
|
86
|
+
}), /* @__PURE__ */ a(u, {
|
|
87
|
+
flexDirection: "column",
|
|
88
|
+
gap: 2,
|
|
89
|
+
children: [
|
|
90
|
+
/* @__PURE__ */ a(u, {
|
|
91
|
+
gap: 2,
|
|
92
|
+
inlineCSS: { minWidth: 0 },
|
|
93
|
+
children: [/* @__PURE__ */ a(u, {
|
|
94
|
+
flexGrow: 1,
|
|
95
|
+
gap: 2,
|
|
96
|
+
children: [C && /* @__PURE__ */ i(u, {
|
|
97
|
+
alignItems: "center",
|
|
98
|
+
gap: 2,
|
|
99
|
+
inlineCSS: {
|
|
100
|
+
opacity: b ? .5 : 1,
|
|
101
|
+
flexShrink: 0
|
|
102
|
+
},
|
|
103
|
+
children: C
|
|
104
|
+
}), /* @__PURE__ */ i(f, {
|
|
105
|
+
variant: "h4B",
|
|
106
|
+
noWrap: !0,
|
|
107
|
+
color: b ? "grey.50" : void 0,
|
|
108
|
+
children: m
|
|
109
|
+
})]
|
|
110
|
+
}), /* @__PURE__ */ i(l, {
|
|
111
|
+
checked: v || y,
|
|
112
|
+
disabled: b,
|
|
113
|
+
readOnly: !0
|
|
114
|
+
})]
|
|
115
|
+
}),
|
|
116
|
+
/* @__PURE__ */ i(f, {
|
|
117
|
+
variant: "b4M",
|
|
118
|
+
lineClamp: 2,
|
|
119
|
+
inlineCSS: {
|
|
120
|
+
overflow: "hidden",
|
|
121
|
+
textOverflow: "ellipsis",
|
|
122
|
+
display: "-webkit-box",
|
|
123
|
+
wordWrap: "break-word"
|
|
124
|
+
},
|
|
125
|
+
color: b ? "grey.50" : void 0,
|
|
126
|
+
children: _
|
|
127
|
+
}),
|
|
128
|
+
T && /* @__PURE__ */ i(u, {
|
|
129
|
+
flexDirection: "column",
|
|
130
|
+
gap: 1,
|
|
131
|
+
flexWrap: "wrap",
|
|
132
|
+
inlineCSS: {
|
|
133
|
+
opacity: b ? .5 : 1,
|
|
134
|
+
"& strong": {
|
|
135
|
+
fontWeight: j.h5B.weight,
|
|
136
|
+
color: A.brand.primary.text
|
|
137
|
+
},
|
|
138
|
+
"& small": { color: A.grey[50] }
|
|
139
|
+
},
|
|
140
|
+
children: T
|
|
141
|
+
})
|
|
142
|
+
]
|
|
143
|
+
})]
|
|
144
|
+
}),
|
|
145
|
+
/* @__PURE__ */ i(o, {
|
|
146
|
+
tag: "hr",
|
|
147
|
+
mt: 2,
|
|
148
|
+
mb: 2,
|
|
149
|
+
inlineCSS: {
|
|
150
|
+
border: "unset",
|
|
151
|
+
height: 1,
|
|
152
|
+
background: A.grey[20]
|
|
153
|
+
}
|
|
154
|
+
}),
|
|
155
|
+
/* @__PURE__ */ a(u, {
|
|
156
|
+
alignItems: "center",
|
|
157
|
+
gap: 1,
|
|
158
|
+
justifyContent: "space-between",
|
|
159
|
+
children: [/* @__PURE__ */ i(u, {
|
|
160
|
+
gap: 1,
|
|
161
|
+
children: E && /* @__PURE__ */ i(f, {
|
|
162
|
+
tag: "p",
|
|
163
|
+
variant: "h5B",
|
|
164
|
+
inlineCSS: {
|
|
165
|
+
display: "flex",
|
|
166
|
+
gap: k.content(1),
|
|
167
|
+
alignItems: "center",
|
|
168
|
+
flexGrow: 1,
|
|
169
|
+
"& *": { color: b ? A.grey[50] : void 0 }
|
|
170
|
+
},
|
|
171
|
+
color: b ? "grey.50" : void 0,
|
|
172
|
+
children: E
|
|
173
|
+
})
|
|
174
|
+
}), /* @__PURE__ */ i(s, {
|
|
175
|
+
size: "xSmall",
|
|
176
|
+
variant: "text",
|
|
177
|
+
endAdornment: /* @__PURE__ */ i(d, {
|
|
178
|
+
name: "ChevronRightLine",
|
|
179
|
+
size: "xSmall",
|
|
180
|
+
color: "grey.70"
|
|
181
|
+
}),
|
|
182
|
+
onClick: N,
|
|
183
|
+
disabled: b,
|
|
184
|
+
inlineCSS: {
|
|
185
|
+
flexShrink: 0,
|
|
186
|
+
color: b ? A.grey[50] : A.grey[70],
|
|
187
|
+
"&:not([aria-disabled=\"true\"]):hover, &:not([aria-disabled=\"true\"]):active": { background: v ? A.brand.primary.disableLine : A.grey[20] }
|
|
188
|
+
},
|
|
189
|
+
children: "프로필 보기"
|
|
190
|
+
})]
|
|
191
|
+
}),
|
|
192
|
+
D && /* @__PURE__ */ i(u, {
|
|
193
|
+
flexDirection: "column",
|
|
194
|
+
mt: 1,
|
|
195
|
+
inlineCSS: { opacity: b ? .5 : 1 },
|
|
196
|
+
children: D
|
|
197
|
+
})
|
|
198
|
+
]
|
|
199
|
+
});
|
|
200
|
+
}
|
|
201
|
+
//#endregion
|
|
202
|
+
export { p as default };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Dayjs } from 'dayjs';
|
|
2
|
+
export declare function getBadgeLabel(hasMet: boolean): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
export declare function getPictureLabel(lastActiveDate: Dayjs): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function getCareActivityLabel({ numChildren, totalHours }: {
|
|
5
|
+
numChildren: number;
|
|
6
|
+
totalHours: number;
|
|
7
|
+
}): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function getStrengthLabel({ careers, certificates, educations, categories }: {
|
|
9
|
+
certificates: string[];
|
|
10
|
+
careers: string[];
|
|
11
|
+
educations: string[];
|
|
12
|
+
categories: string[];
|
|
13
|
+
}): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
14
|
+
export declare function getChargeLabel(charge: number): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function getNote(note: string): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import { getLastActiveText as e } from "../ProfileSummary/ProfileSummary.utils.mjs";
|
|
2
|
+
import { Flexbox as t, Icon as n, Label as r, Typography as i } from "@dotss/ui";
|
|
3
|
+
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
4
|
+
//#region teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.tsx
|
|
5
|
+
function c(e) {
|
|
6
|
+
return e ? /* @__PURE__ */ o(r, {
|
|
7
|
+
variant: "ghost",
|
|
8
|
+
size: "small",
|
|
9
|
+
children: "만났던"
|
|
10
|
+
}) : null;
|
|
11
|
+
}
|
|
12
|
+
function l(t) {
|
|
13
|
+
return /* @__PURE__ */ o(i, {
|
|
14
|
+
tag: "p",
|
|
15
|
+
variant: "c3M",
|
|
16
|
+
color: "grey.50",
|
|
17
|
+
children: e(t)
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
function u({ numChildren: e, totalHours: r }) {
|
|
21
|
+
return e === 0 || r === 0 ? /* @__PURE__ */ s(t, {
|
|
22
|
+
gap: 1,
|
|
23
|
+
alignItems: "flex-start",
|
|
24
|
+
children: [/* @__PURE__ */ o(n, {
|
|
25
|
+
name: "KidsLine",
|
|
26
|
+
size: "xSmall",
|
|
27
|
+
color: "grey.70",
|
|
28
|
+
inlineCSS: { transform: "translateY(0.5px)" }
|
|
29
|
+
}), /* @__PURE__ */ s(i, {
|
|
30
|
+
tag: "p",
|
|
31
|
+
variant: "b5R",
|
|
32
|
+
color: "grey.70",
|
|
33
|
+
children: [
|
|
34
|
+
"째깍악어에 ",
|
|
35
|
+
/* @__PURE__ */ o("strong", { children: "새로 오신 선생님" }),
|
|
36
|
+
"이에요"
|
|
37
|
+
]
|
|
38
|
+
})]
|
|
39
|
+
}) : /* @__PURE__ */ s(t, {
|
|
40
|
+
gap: 1,
|
|
41
|
+
alignItems: "flex-start",
|
|
42
|
+
children: [/* @__PURE__ */ o(n, {
|
|
43
|
+
name: "TimeLine",
|
|
44
|
+
size: "xSmall",
|
|
45
|
+
color: "grey.70",
|
|
46
|
+
inlineCSS: { transform: "translateY(0.5px)" }
|
|
47
|
+
}), /* @__PURE__ */ s(i, {
|
|
48
|
+
tag: "p",
|
|
49
|
+
variant: "b5R",
|
|
50
|
+
color: "grey.70",
|
|
51
|
+
children: [
|
|
52
|
+
/* @__PURE__ */ o("strong", { children: e }),
|
|
53
|
+
"명의 아이와 ",
|
|
54
|
+
/* @__PURE__ */ o("strong", { children: r }),
|
|
55
|
+
"시간을 함께했어요"
|
|
56
|
+
]
|
|
57
|
+
})]
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
function d({ careers: e = [], certificates: r = [], educations: a = [], categories: c = [] }) {
|
|
61
|
+
let l = r.length + e.length + a.length;
|
|
62
|
+
return e?.length > 0 ? /* @__PURE__ */ s(t, {
|
|
63
|
+
gap: 1,
|
|
64
|
+
alignItems: "flex-start",
|
|
65
|
+
children: [/* @__PURE__ */ o(n, {
|
|
66
|
+
name: "SpecialLine",
|
|
67
|
+
size: "xSmall",
|
|
68
|
+
color: "grey.70",
|
|
69
|
+
inlineCSS: {
|
|
70
|
+
flexShrink: 0,
|
|
71
|
+
transform: "translateY(0.5px)"
|
|
72
|
+
}
|
|
73
|
+
}), /* @__PURE__ */ s(i, {
|
|
74
|
+
tag: "p",
|
|
75
|
+
variant: "b5R",
|
|
76
|
+
color: "grey.70",
|
|
77
|
+
children: [e?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
|
|
78
|
+
" 외 ",
|
|
79
|
+
l - 1,
|
|
80
|
+
"개"
|
|
81
|
+
] })]
|
|
82
|
+
})]
|
|
83
|
+
}) : r?.length > 0 ? /* @__PURE__ */ s(t, {
|
|
84
|
+
gap: 1,
|
|
85
|
+
alignItems: "flex-start",
|
|
86
|
+
children: [/* @__PURE__ */ o(n, {
|
|
87
|
+
name: "CertificateLine",
|
|
88
|
+
size: "xSmall",
|
|
89
|
+
color: "grey.70",
|
|
90
|
+
inlineCSS: {
|
|
91
|
+
flexShrink: 0,
|
|
92
|
+
transform: "translateY(0.5px)"
|
|
93
|
+
}
|
|
94
|
+
}), /* @__PURE__ */ s(i, {
|
|
95
|
+
tag: "p",
|
|
96
|
+
variant: "b5R",
|
|
97
|
+
color: "grey.70",
|
|
98
|
+
children: [r?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
|
|
99
|
+
" 외 ",
|
|
100
|
+
l - 1,
|
|
101
|
+
"개"
|
|
102
|
+
] })]
|
|
103
|
+
})]
|
|
104
|
+
}) : a?.length > 0 ? /* @__PURE__ */ s(t, {
|
|
105
|
+
gap: 1,
|
|
106
|
+
alignItems: "flex-start",
|
|
107
|
+
children: [/* @__PURE__ */ o(n, {
|
|
108
|
+
name: "UniversityLine",
|
|
109
|
+
size: "xSmall",
|
|
110
|
+
color: "grey.70",
|
|
111
|
+
inlineCSS: {
|
|
112
|
+
flexShrink: 0,
|
|
113
|
+
transform: "translateY(0.5px)"
|
|
114
|
+
}
|
|
115
|
+
}), /* @__PURE__ */ s(i, {
|
|
116
|
+
tag: "p",
|
|
117
|
+
variant: "b5R",
|
|
118
|
+
color: "grey.70",
|
|
119
|
+
children: [a?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
|
|
120
|
+
" 외 ",
|
|
121
|
+
l - 1,
|
|
122
|
+
"개"
|
|
123
|
+
] })]
|
|
124
|
+
})]
|
|
125
|
+
}) : c?.length > 0 ? /* @__PURE__ */ s(t, {
|
|
126
|
+
gap: 1,
|
|
127
|
+
alignItems: "flex-start",
|
|
128
|
+
children: [/* @__PURE__ */ o(n, {
|
|
129
|
+
name: "ToyLine",
|
|
130
|
+
size: "xSmall",
|
|
131
|
+
color: "grey.70",
|
|
132
|
+
inlineCSS: {
|
|
133
|
+
flexShrink: 0,
|
|
134
|
+
transform: "translateY(0.5px)"
|
|
135
|
+
}
|
|
136
|
+
}), /* @__PURE__ */ s(i, {
|
|
137
|
+
tag: "p",
|
|
138
|
+
variant: "b5R",
|
|
139
|
+
color: "grey.70",
|
|
140
|
+
children: [c?.join(", "), "에 자신 있어요!"]
|
|
141
|
+
})]
|
|
142
|
+
}) : null;
|
|
143
|
+
}
|
|
144
|
+
function f(e) {
|
|
145
|
+
return /* @__PURE__ */ s(a, { children: [
|
|
146
|
+
"예상 금액 ",
|
|
147
|
+
(e || 0).toLocaleString(),
|
|
148
|
+
"원",
|
|
149
|
+
/* @__PURE__ */ o(i, {
|
|
150
|
+
tag: "span",
|
|
151
|
+
variant: "b5R",
|
|
152
|
+
color: "grey.50",
|
|
153
|
+
children: "/ 회당"
|
|
154
|
+
})
|
|
155
|
+
] });
|
|
156
|
+
}
|
|
157
|
+
function p(e) {
|
|
158
|
+
return /* @__PURE__ */ s(t, {
|
|
159
|
+
gap: 1,
|
|
160
|
+
alignItems: "center",
|
|
161
|
+
children: [/* @__PURE__ */ o(n, {
|
|
162
|
+
name: "InformationLine",
|
|
163
|
+
size: "xSmall",
|
|
164
|
+
color: "etc.orange",
|
|
165
|
+
inlineCSS: { transform: "translateY(-0.5px)" }
|
|
166
|
+
}), /* @__PURE__ */ o(i, {
|
|
167
|
+
tag: "p",
|
|
168
|
+
variant: "c4R",
|
|
169
|
+
color: "etc.orange",
|
|
170
|
+
children: e
|
|
171
|
+
})]
|
|
172
|
+
});
|
|
173
|
+
}
|
|
174
|
+
//#endregion
|
|
175
|
+
export { c as getBadgeLabel, u as getCareActivityLabel, f as getChargeLabel, p as getNote, l as getPictureLabel, d as getStrengthLabel };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import e from "./KokTeacherCard.mjs";
|
|
2
|
+
import { getBadgeLabel as t, getCareActivityLabel as n, getChargeLabel as r, getNote as i, getPictureLabel as a, getStrengthLabel as o } from "./KokTeacherCard.utils.mjs";
|
|
3
|
+
//#region teacher/profile/components/KokTeacherCard/index.ts
|
|
4
|
+
var s = e;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { s as default, t as getBadgeLabel, n as getCareActivityLabel, r as getChargeLabel, i as getNote, a as getPictureLabel, o as getStrengthLabel };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import e from "./ProfileSummary.mjs";
|
|
1
|
+
import { getLastActiveText as e } from "./ProfileSummary.utils.mjs";
|
|
2
|
+
import t from "./ProfileSummary.mjs";
|
|
2
3
|
//#region teacher/profile/components/ProfileSummary/index.ts
|
|
3
|
-
var
|
|
4
|
+
var n = t;
|
|
4
5
|
//#endregion
|
|
5
|
-
export {
|
|
6
|
+
export { n as default, e as getLastActiveText };
|
|
@@ -10,6 +10,7 @@ export { default as AbilityCollection } from './AbilityCollection';
|
|
|
10
10
|
export { default as AvailableScheduleSection } from './AvailableScheduleSection';
|
|
11
11
|
export { default as CareNoteSection } from './CareNoteSection';
|
|
12
12
|
export { default as ParentReviewSection } from './ParentReviewSection';
|
|
13
|
+
export { default as KokTeacherCard } from './KokTeacherCard';
|
|
13
14
|
export * from './ProfileSummary';
|
|
14
15
|
export * from './StatBadgeCollection';
|
|
15
16
|
export * from './ActivityGallery';
|
|
@@ -22,3 +23,4 @@ export * from './AbilityCollection';
|
|
|
22
23
|
export * from './AvailableScheduleSection';
|
|
23
24
|
export * from './CareNoteSection';
|
|
24
25
|
export * from './ParentReviewSection';
|
|
26
|
+
export * from './KokTeacherCard';
|