@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.
Files changed (46) hide show
  1. package/dist/index.mjs +4 -4
  2. package/dist/shared/components/ChatKit/BotMessage/BotMessage.d.ts +6 -4
  3. package/dist/shared/components/ChatKit/BotMessage/BotMessage.mjs +39 -31
  4. package/dist/shared/components/ChatKit/BotMessage/index.d.ts +2 -2
  5. package/dist/shared/components/ChatKit/Message/Message.mjs +21 -20
  6. package/dist/shared/components/ChatKit/Message/Message.utils.d.ts +1 -0
  7. package/dist/shared/components/ChatKit/Message/Message.utils.mjs +6 -6
  8. package/dist/shared/components/ChatKit/SystemMessage/SystemMessage.d.ts +1 -1
  9. package/dist/shared/components/Image/Image.d.ts +1 -0
  10. package/dist/shared/components/Image/Image.mjs +162 -98
  11. package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs +91 -88
  12. package/dist/shared/components/Roller/Roller.mjs +1 -1
  13. package/dist/shared/components/Scheduler/Scheduler.d.ts +4 -1
  14. package/dist/shared/components/Scheduler/Scheduler.mjs +220 -196
  15. package/dist/shared/components/Scheduler/Scheduler.utils.d.ts +4 -0
  16. package/dist/shared/components/Scheduler/Scheduler.utils.mjs +61 -57
  17. package/dist/shared/utils/dayFlagToDay/dayFlagToDay.d.ts +1 -1
  18. package/dist/shared/utils/getImageUrl/getImageUrl.d.ts +3 -1
  19. package/dist/shared/utils/getImageUrl/getImageUrl.mjs +14 -13
  20. package/dist/teacher/home/components/Carousel1Account/Carousel1Account.d.ts +1 -1
  21. package/dist/teacher/home/components/Carousel2Account/Carousel2Account.d.ts +1 -1
  22. package/dist/teacher/home/components/TextAccount/TextAccount.d.ts +1 -1
  23. package/dist/teacher/profile/components/ActivityGallery/ActivityGallery.mjs +39 -39
  24. package/dist/teacher/profile/components/CareNoteSection/CareNote/CareNote.d.ts +9 -0
  25. package/dist/teacher/profile/components/{ClassNotesSection/ClassNote/ClassNote.mjs → CareNoteSection/CareNote/CareNote.mjs} +11 -11
  26. package/dist/teacher/profile/components/CareNoteSection/CareNote/index.d.ts +3 -0
  27. package/dist/teacher/profile/components/CareNoteSection/CareNote/index.mjs +4 -0
  28. package/dist/teacher/profile/components/CareNoteSection/CareNoteSection.d.ts +7 -0
  29. package/dist/teacher/profile/components/{ClassNotesSection/ClassNotesSection.mjs → CareNoteSection/CareNoteSection.mjs} +17 -17
  30. package/dist/teacher/profile/components/CareNoteSection/index.d.ts +4 -0
  31. package/dist/teacher/profile/components/CareNoteSection/index.mjs +6 -0
  32. package/dist/teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs +44 -46
  33. package/dist/teacher/profile/components/CareerSection/CareerSection.mjs +22 -23
  34. package/dist/teacher/profile/components/CertificateSection/CertificateSection.mjs +17 -20
  35. package/dist/teacher/profile/components/EducationSection/EducationSection.mjs +23 -26
  36. package/dist/teacher/profile/components/index.d.ts +2 -2
  37. package/dist/teacher/profile/components/index.mjs +8 -8
  38. package/package.json +1 -1
  39. package/dist/teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.d.ts +0 -9
  40. package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.d.ts +0 -3
  41. package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.mjs +0 -4
  42. package/dist/teacher/profile/components/ClassNotesSection/ClassNotesSection.d.ts +0 -7
  43. package/dist/teacher/profile/components/ClassNotesSection/index.d.ts +0 -4
  44. package/dist/teacher/profile/components/ClassNotesSection/index.mjs +0 -6
  45. /package/dist/teacher/profile/components/{ClassNotesSection/ClassNotesSection.utils.d.ts → CareNoteSection/CareNoteSection.utils.d.ts} +0 -0
  46. /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 d } from "react/jsx-runtime";
2
- import { Flexbox as a, Label as Y, Typography as s, Icon as f } from "@dotss/ui";
3
- import D from "@dotss/ui/core/useTheme";
4
- import { useCheckHoverPossible as j } from "@dotss/ui/hooks";
5
- import t from "dayjs";
6
- function L({
7
- title: v,
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: b,
9
+ startDate: Y,
10
10
  endDate: o,
11
- primary: x = !1,
12
- id: u,
11
+ primary: k = !1,
12
+ id: S,
13
13
  ...n
14
14
  }) {
15
- const { isHoverPossible: k } = j(), {
16
- palette: { grey: c },
17
- spacing: m
18
- } = D(), r = typeof n.onClick == "function", I = t(b), g = (o ? t(o) : t()).diff(I, "month"), h = Math.floor(g / 12), C = g % 12 < 1 ? 1 : g % 12;
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: r ? 0 : -1,
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: (l) => {
33
- var S;
34
- (l.key === "Enter" || l.key === " ") && (l.preventDefault(), l.currentTarget.click()), (S = n.onKeyDown) == null || S.call(n, l);
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-${u}`,
36
+ "aria-labelledby": `career-item-title-${S}`,
37
37
  ...n,
38
38
  inlineCSS: {
39
- cursor: r ? "pointer" : "default",
40
- ...r && {
39
+ cursor: l ? "pointer" : "default",
40
+ ...l && {
41
41
  "&:active": {
42
- backgroundColor: c[10]
42
+ backgroundColor: m[10]
43
43
  }
44
44
  },
45
- ...r && k ? {
45
+ ...l && I ? {
46
46
  "&:hover": {
47
- backgroundColor: c[10]
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
- x && /* @__PURE__ */ i(
56
- Y,
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: m.content(1)
62
+ marginRight: g.content(1)
63
63
  },
64
64
  children: "대표"
65
65
  }
66
66
  ),
67
- /* @__PURE__ */ e(s, { id: `career-item-title-${u}`, tag: "p", variant: "b2M", children: [
68
- v,
67
+ /* @__PURE__ */ e(f, { id: `career-item-title-${S}`, tag: "p", variant: "b2M", children: [
68
+ x,
69
69
  y === "VERIFIED" && /* @__PURE__ */ i(
70
- f,
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: m.content(1)
79
+ marginLeft: g.content(1)
80
80
  }
81
81
  }
82
82
  ),
83
83
  y === "REJECTED" && /* @__PURE__ */ i(
84
- f,
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: m.content(1)
93
+ marginLeft: g.content(1)
94
94
  }
95
95
  }
96
96
  )
97
97
  ] })
98
98
  ] }),
99
- /* @__PURE__ */ e(s, { tag: "p", variant: "b5R", color: "grey.50", children: [
100
- t(b).format("YYYY년 M월"),
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
- s,
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: c[100], fontWeight: 700 } },
112
+ inlineCSS: { "& strong": { color: m[100], fontWeight: 700 } },
115
113
  children: [
116
- h > 0 && /* @__PURE__ */ e(d, { children: [
117
- /* @__PURE__ */ i("strong", { children: h }),
114
+ d > 0 && /* @__PURE__ */ e(s, { children: [
115
+ /* @__PURE__ */ i("strong", { children: d }),
118
116
  "년"
119
117
  ] }),
120
- C > 0 && /* @__PURE__ */ e(d, { children: [
121
- h > 0 && /* @__PURE__ */ i(d, { children: " " }),
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
- r && /* @__PURE__ */ i(f, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
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
- L as default
133
+ T as default
136
134
  };
@@ -1,4 +1,4 @@
1
- import { jsxs as i, jsx as t, Fragment as m } from "react/jsx-runtime";
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(), [b, I] = S(!1), [a, v] = S(!1), l = E.toArray(u).filter(F).filter((e) => e.type === W), D = l.length > 0, j = l.length > 3, y = l.map((e) => [e.props.startDate, e.props.endDate ?? g().format("YYYY-MM-DD")]).map(([e, n]) => [g(e), g(n)]).map(([e, n]) => n.diff(e, "month")), c = Math.floor(y.reduce((e, n) => e + n, 0) / 12), d = y.reduce((e, n) => e + n, 0) % 12, k = () => v((e) => !e), h = () => I((e) => !e), O = (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) => {
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__ */ t(
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__ */ t(
59
+ x && /* @__PURE__ */ n(
58
60
  Y,
59
61
  {
60
- open: b,
62
+ open: I,
61
63
  onClose: h,
62
64
  color: "secondary",
63
- role: "tooltip",
64
- "aria-labelledby": "career-section-tooltip",
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__ */ t(p, { name: "CertifiedFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
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__ */ t(
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__ */ t("strong", { children: c }),
116
+ /* @__PURE__ */ n("strong", { children: c }),
118
117
  "년"
119
118
  ] }),
120
119
  d > 0 && /* @__PURE__ */ i(m, { children: [
121
- c > 0 && /* @__PURE__ */ t(m, { children: " " }),
122
- /* @__PURE__ */ t("strong", { children: d }),
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
- D && /* @__PURE__ */ t(
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: l.slice(0, !s || a ? void 0 : 3)
135
+ children: a.slice(0, !s || l ? void 0 : 3)
137
136
  }
138
137
  ),
139
- s && j && /* @__PURE__ */ t(
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__ */ t(
145
+ children: /* @__PURE__ */ n(
147
146
  M,
148
147
  {
149
148
  fullWidth: !0,
150
149
  variant: "text",
151
150
  color: "secondary",
152
- endAdornment: /* @__PURE__ */ t(p, { name: a ? "ChevronUpLine" : "ChevronDownLine" }),
151
+ endAdornment: /* @__PURE__ */ n(p, { name: l ? "ChevronUpLine" : "ChevronDownLine" }),
153
152
  onClick: k,
154
153
  "aria-controls": "career-section-career-items",
155
- "aria-expanded": a,
156
- children: a ? "접기" : "더 보기"
154
+ "aria-expanded": l,
155
+ children: l ? "접기" : "더 보기"
157
156
  }
158
157
  )
159
158
  }
160
159
  ),
161
- !s && C && /* @__PURE__ */ t(
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 I, isValidElement as v } from "react";
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: r = !1,
10
+ enableToggle: o = !1,
11
11
  ...n
12
12
  }) {
13
- const { spacing: x } = D(), [y, C] = f(!1), [o, g] = f(!1), c = I.toArray(m).filter(v).filter((t) => t.type === O), u = c.length > 0, S = c.length > 3, l = () => C((t) => !t), b = (t) => {
14
- (t.key === "Enter" || t.key === " ") && l();
15
- }, w = () => g((t) => !t);
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: l,
45
+ onClose: c,
46
46
  color: "secondary",
47
- role: "tooltip",
48
- "aria-labelledby": "certificate-section-tooltip",
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: l,
86
- onKeyDown: b,
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: c.slice(0, !r || o ? void 0 : 3)
100
+ children: l.slice(0, !o || r ? void 0 : 3)
104
101
  }
105
102
  ),
106
- r && S && /* @__PURE__ */ e(
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: o ? "ChevronUpLine" : "ChevronDownLine" }),
120
- onClick: w,
116
+ endAdornment: /* @__PURE__ */ e(s, { name: r ? "ChevronUpLine" : "ChevronDownLine" }),
117
+ onClick: I,
121
118
  "aria-controls": "certificate-section-certificate-items",
122
- "aria-expanded": o,
123
- children: o ? "접기" : "더 보기"
119
+ "aria-expanded": r,
120
+ children: r ? "접기" : "더 보기"
124
121
  }
125
122
  )
126
123
  }
127
124
  ),
128
- !r && d && /* @__PURE__ */ e(
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 I, isValidElement as v } from "react";
3
- import { Flexbox as i, Typography as m, Tooltip as E, Icon as s, Button as j } from "@dotss/ui";
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: u,
7
+ children: f,
8
8
  action: d,
9
- showTooltip: f = !1,
9
+ showTooltip: u = !1,
10
10
  enableToggle: l = !1,
11
- ...n
11
+ ...i
12
12
  }) {
13
- const { spacing: p } = k(), [x, y] = h(!1), [o, g] = h(!1), a = I.toArray(u).filter(v).filter((t) => t.type === D), C = a.length > 0, S = a.length > 3, r = () => y((t) => !t), b = (t) => {
14
- (t.key === "Enter" || t.key === " ") && r();
15
- }, w = () => g((t) => !t);
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
- i,
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
- ...n,
24
+ ...i,
25
25
  inlineCSS: {
26
26
  width: "100%",
27
- ...n == null ? void 0 : n.inlineCSS
27
+ ...i == null ? void 0 : i.inlineCSS
28
28
  },
29
29
  children: [
30
- /* @__PURE__ */ c(i, { alignItems: "center", justifyContent: "center", gap: 1, children: [
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
- f && /* @__PURE__ */ e(
41
+ u && /* @__PURE__ */ e(
42
42
  E,
43
43
  {
44
44
  open: x,
45
- onClose: r,
45
+ onClose: a,
46
46
  color: "secondary",
47
- role: "tooltip",
48
- "aria-labelledby": "education-section-tooltip",
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: r,
86
- onKeyDown: b,
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
- i,
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: a.slice(0, !l || o ? void 0 : 3)
100
+ children: r.slice(0, !l || o ? void 0 : 3)
104
101
  }
105
102
  ),
106
103
  l && S && /* @__PURE__ */ e(
107
- i,
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: w,
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
- i,
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 ClassNotesSection } from './ClassNotesSection';
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 './ClassNotesSection';
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 s } from "./ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
6
- import { default as p } from "./CertificateSection/CertificateSection.mjs";
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 "./ClassNotesSection/ClassNotesSection.mjs";
20
- import { default as H } from "./ClassNotesSection/ClassNote/ClassNote.mjs";
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
- s as ActivityGalleryItem,
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
- p as CertificateSection,
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,7 +1,7 @@
1
1
  {
2
2
  "name": "@dotss/tictoccroc",
3
3
  "type": "module",
4
- "version": "0.0.23",
4
+ "version": "0.0.25",
5
5
  "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
6
6
  "main": "./dist/index.mjs",
7
7
  "module": "./dist/index.mjs",
@@ -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,3 +0,0 @@
1
- import { default as ClassNote, ClassNoteProps } from './ClassNote';
2
- export type { ClassNoteProps };
3
- export default ClassNote;
@@ -1,4 +0,0 @@
1
- import t from "./ClassNote.mjs";
2
- export {
3
- t as default
4
- };
@@ -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;
@@ -1,4 +0,0 @@
1
- import { default as ClassNotesSection, ClassNotesSectionProps } from './ClassNotesSection';
2
- export type { ClassNotesSectionProps };
3
- export { default as ClassNote, type ClassNoteProps } from './ClassNote';
4
- export default ClassNotesSection;
@@ -1,6 +0,0 @@
1
- import t from "./ClassNotesSection.mjs";
2
- import { default as a } from "./ClassNote/ClassNote.mjs";
3
- export {
4
- a as ClassNote,
5
- t as default
6
- };