@dotss/tictoccroc 0.0.7 → 0.0.9

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