@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.
Files changed (33) hide show
  1. package/dist/index.mjs +4 -4
  2. package/dist/shared/components/ChatKit/Message/Message.utils.d.ts +1 -0
  3. package/dist/shared/components/ChatKit/Message/Message.utils.mjs +6 -6
  4. package/dist/shared/components/ChatKit/SystemMessage/SystemMessage.d.ts +1 -1
  5. package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs +39 -33
  6. package/dist/shared/components/Roller/Roller.mjs +1 -1
  7. package/dist/teacher/home/components/Carousel1Account/Carousel1Account.d.ts +1 -1
  8. package/dist/teacher/home/components/Carousel2Account/Carousel2Account.d.ts +1 -1
  9. package/dist/teacher/home/components/TextAccount/TextAccount.d.ts +1 -1
  10. package/dist/teacher/profile/components/ActivityGallery/ActivityGallery.mjs +16 -15
  11. package/dist/teacher/profile/components/CareNoteSection/CareNote/CareNote.d.ts +9 -0
  12. package/dist/teacher/profile/components/{ClassNotesSection/ClassNote/ClassNote.mjs → CareNoteSection/CareNote/CareNote.mjs} +11 -11
  13. package/dist/teacher/profile/components/CareNoteSection/CareNote/index.d.ts +3 -0
  14. package/dist/teacher/profile/components/CareNoteSection/CareNote/index.mjs +4 -0
  15. package/dist/teacher/profile/components/CareNoteSection/CareNoteSection.d.ts +7 -0
  16. package/dist/teacher/profile/components/{ClassNotesSection/ClassNotesSection.mjs → CareNoteSection/CareNoteSection.mjs} +17 -17
  17. package/dist/teacher/profile/components/CareNoteSection/index.d.ts +4 -0
  18. package/dist/teacher/profile/components/CareNoteSection/index.mjs +6 -0
  19. package/dist/teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs +29 -29
  20. package/dist/teacher/profile/components/CareerSection/CareerSection.mjs +19 -22
  21. package/dist/teacher/profile/components/CertificateSection/CertificateSection.mjs +17 -20
  22. package/dist/teacher/profile/components/EducationSection/EducationSection.mjs +23 -26
  23. package/dist/teacher/profile/components/index.d.ts +2 -2
  24. package/dist/teacher/profile/components/index.mjs +8 -8
  25. package/package.json +1 -1
  26. package/dist/teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.d.ts +0 -9
  27. package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.d.ts +0 -3
  28. package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.mjs +0 -4
  29. package/dist/teacher/profile/components/ClassNotesSection/ClassNotesSection.d.ts +0 -7
  30. package/dist/teacher/profile/components/ClassNotesSection/index.d.ts +0 -4
  31. package/dist/teacher/profile/components/ClassNotesSection/index.mjs +0 -6
  32. /package/dist/teacher/profile/components/{ClassNotesSection/ClassNotesSection.utils.d.ts → CareNoteSection/CareNoteSection.utils.d.ts} +0 -0
  33. /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/ClassNotesSection/ClassNotesSection.mjs";
70
- import { default as Ea } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
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,5 +1,6 @@
1
1
  import { BaseMessageProps, MessageStatus } from '.';
2
2
  export declare function markMessageGroupBoundaries<T extends {
3
+ type: 'USER' | 'SYSTEM' | 'BOT';
3
4
  senderId: number;
4
5
  id: number;
5
6
  status: MessageStatus;
@@ -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(), e = /* @__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 r = s[t], i = r.senderId;
7
- i == null || r.status === "FAILED" || (n.has(i) || n.set(i, r.id), e.set(i, r.id));
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(e.values());
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: e
26
+ regDatetime: r
27
27
  }) {
28
- return `${a ? "나" : "상대방"}, ${n}, ${s && s > 0 ? "읽지 않음" : "읽음"}, ${o === "SUCCEEDED" ? "전송됨" : "전송 실패"}, ${c(e).format("YYYY년 MM월 DD일 A h:mm")}`;
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 u } from "react/jsx-runtime";
2
- import { forwardRef as H, useState as S, useRef as I, useImperativeHandle as A, useEffect as m, Children as B, isValidElement as F, cloneElement as W } from "react";
3
- import { Flexbox as s, Skeleton as z } from "@dotss/ui";
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 O = H(
7
+ const P = I(
8
8
  ({
9
- children: b,
9
+ children: S,
10
10
  width: c = 0,
11
11
  height: d = 0,
12
12
  spacing: C = 2,
13
- borderRadius: t = 0,
13
+ borderRadius: r = 0,
14
14
  direction: v = "vertical",
15
- setInnerRef: o,
15
+ setInnerRef: l,
16
16
  sourceMetadata: f,
17
17
  ...e
18
18
  }, x) => {
19
19
  var k;
20
- const { spacing: a } = D(), h = V(b), y = (k = h == null ? void 0 : h.props) == null ? void 0 : k.src, i = f == null ? void 0 : f.find((n) => n.src === y), [l, j] = S((i == null ? void 0 : i.width) ?? c ?? 0), [r, T] = S((i == null ? void 0 : i.height) ?? d ?? 0), [g, E] = S(!1), p = I(null);
21
- return A(x, () => p.current), m(() => {
22
- j((i == null ? void 0 : i.width) ?? c ?? 0), T((i == null ? void 0 : i.height) ?? d ?? 0);
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
- E(!0);
30
+ b(!0);
26
31
  }, 500);
27
32
  return () => {
28
33
  clearTimeout(n);
29
34
  };
30
- }, [l, r]), m(() => {
31
- o == null || o(p.current);
32
- }, [o]), /* @__PURE__ */ w(
35
+ }, [t, o]), m(() => {
36
+ l == null || l(h.current);
37
+ }, [l]), /* @__PURE__ */ w(
33
38
  s,
34
39
  {
35
- ref: p,
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__ */ u(
48
+ v === "vertical" && /* @__PURE__ */ g(
44
49
  s,
45
50
  {
46
51
  inlineCSS: {
47
- minHeight: a.content(C)
52
+ minHeight: T.content(C)
48
53
  }
49
54
  }
50
55
  ),
51
- /* @__PURE__ */ u(
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: t,
66
- paddingTop: `calc(${r / l} * 100%)`,
71
+ borderRadius: r,
72
+ paddingTop: `calc(${o / t} * 100%)`,
67
73
  transition: "padding-top 0.3s 0.1s"
68
74
  } : {
69
- borderRadius: t,
70
- paddingLeft: l,
71
- paddingTop: r,
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: t + (g ? 0 : 2),
91
+ borderRadius: r,
86
92
  transition: "border-radius 0.3s 0.1s",
87
93
  zIndex: 1
88
94
  },
89
95
  children: [
90
- /* @__PURE__ */ u(
91
- z,
96
+ /* @__PURE__ */ g(
97
+ N,
92
98
  {
93
- borderRadius: t,
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 || g ? 0 : 1,
106
+ opacity: !y || a ? 0 : 1,
101
107
  transition: "opacity 0.3s 0.1s",
102
- pointerEvents: g ? "none" : void 0,
108
+ pointerEvents: a ? "none" : void 0,
103
109
  zIndex: 2
104
110
  }
105
111
  }
106
112
  ),
107
- B.toArray(b).filter(F).map((n) => n.type === L || n.type === "img" ? W(n, {
108
- width: l,
109
- height: r,
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
- O as default
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/ClassNotesSection/ClassNote/ClassNote.mjs";
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 s, jsx as e } from "react/jsx-runtime";
2
- import { Children as $, isValidElement as j } from "react";
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: p,
8
+ children: s,
9
9
  onClickViewAll: y,
10
10
  action: m,
11
- hideHeader: n = !1,
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 l = $.toArray(p).filter(j).filter((t) => t.type === B), I = l.length > 0, x = (t, i, C) => {
25
- let a = t.props.type === "VIDEO" || t.props.type === "VIMEO" || t.props.type === "YOUTUBE" ? "동영상" : "사진";
26
- a = t.props.primary ? `대표 ${a}` : a;
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": `${a} (${C}개 중 ${i + 1}번째)`,
29
+ "aria-label": `${n} (${C}개 중 ${a + 1}번째)`,
30
30
  ...t.props
31
31
  };
32
- return /* @__PURE__ */ e(t.type, { ...S }, `activity-gallery-item-${i}`);
32
+ return /* @__PURE__ */ e(t.type, { ...S }, `activity-gallery-item-${a}`);
33
33
  };
34
- return /* @__PURE__ */ s(
34
+ return /* @__PURE__ */ p(
35
35
  o,
36
36
  {
37
37
  tag: "section",
38
38
  flexDirection: "column",
39
- "aria-labelledby": n ? void 0 : "activity-gallery-title",
40
- "aria-label": n ? "선생님 활동 갤러리" : void 0,
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
- !n && /* @__PURE__ */ s(o, { alignItems: "center", justifyContent: "space-between", gap: 2, children: [
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: l.map((t, i) => x(t, i, l.length))
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 l, jsx as e } from "react/jsx-runtime";
2
- import { Typography as r, Flexbox as g, Label as u } from "@dotss/ui";
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 "../ClassNotesSection.utils.mjs";
7
- function D({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
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(p), b = y(s);
12
- return /* @__PURE__ */ l(
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(r, { tag: "p", variant: "b4R", color: "grey.70", lineClamp: 6, inlineCSS: { flexGrow: 1 }, children: h }),
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__ */ l(g, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
29
- /* @__PURE__ */ e(r, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY년 M월 D일") }),
30
- /* @__PURE__ */ l(
31
- r,
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,3 @@
1
+ import { default as CareNote, CareNoteProps } from './CareNote';
2
+ export type { CareNoteProps };
3
+ export default CareNote;
@@ -0,0 +1,4 @@
1
+ import o from "./CareNote.mjs";
2
+ export {
3
+ o as default
4
+ };
@@ -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 o } from "react/jsx-runtime";
2
- import { forwardRef as d, Children as h } from "react";
3
- import { Flexbox as i, Typography as l, Button as p, Icon as f } from "@dotss/ui";
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 = d(
7
- ({ children: r, totalCount: a = 0, onClickViewAll: c, ...n }, s) => {
6
+ const w = s(
7
+ ({ children: r, totalCount: a = 0, onClickViewAll: c, ...n }, m) => {
8
8
  const {
9
- palette: { background: m },
9
+ palette: { background: g },
10
10
  spacing: e
11
- } = u(), g = h.count(r);
11
+ } = u(), d = h.count(r);
12
12
  return /* @__PURE__ */ t(
13
- i,
13
+ o,
14
14
  {
15
- ref: s,
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": "lesson-notes-section-title",
23
+ "aria-labelledby": "care-note-section-title",
24
24
  ...n,
25
25
  inlineCSS: {
26
26
  width: "100%",
27
- backgroundColor: m.primary,
27
+ backgroundColor: g.primary,
28
28
  ...n == null ? void 0 : n.inlineCSS
29
29
  },
30
30
  children: [
31
- /* @__PURE__ */ t(i, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
32
- /* @__PURE__ */ o(i, { alignItems: "center", gap: 2, children: /* @__PURE__ */ t(l, { id: "lesson-notes-section-title", tag: "h2", variant: "h2B", children: [
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__ */ o(
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__ */ o(f, { name: "ChevronRightLine" }),
55
+ endAdornment: /* @__PURE__ */ i(f, { name: "ChevronRightLine" }),
56
56
  onClick: c,
57
57
  children: "전체보기"
58
58
  }
59
59
  )
60
60
  ] }),
61
- /* @__PURE__ */ o(
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: g > 1 ? `calc(100% - ${e.content(8)}px)` : "100%",
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
@@ -0,0 +1,4 @@
1
+ import { default as CareNoteSection, CareNoteSectionProps } from './CareNoteSection';
2
+ export type { CareNoteSectionProps };
3
+ export { default as CareNote, type CareNoteProps } from './CareNote';
4
+ export default CareNoteSection;
@@ -0,0 +1,6 @@
1
+ import o from "./CareNoteSection.mjs";
2
+ import { default as a } from "./CareNote/CareNote.mjs";
3
+ export {
4
+ a as CareNote,
5
+ o as default
6
+ };
@@ -1,26 +1,26 @@
1
- import { jsx as i, jsxs as e, Fragment as f } from "react/jsx-runtime";
2
- import { Flexbox as a, Label as Y, Typography as s, Icon as b } from "@dotss/ui";
3
- import D from "@dotss/ui/core/useTheme";
4
- import { useCheckHoverPossible as E } from "@dotss/ui/hooks";
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 L({
7
- title: v,
6
+ function T({
7
+ title: x,
8
8
  status: y,
9
- startDate: x,
9
+ startDate: Y,
10
10
  endDate: o,
11
11
  primary: k = !1,
12
- id: u,
12
+ id: S,
13
13
  ...n
14
14
  }) {
15
- const { isHoverPossible: I } = E(), {
15
+ const { isHoverPossible: I } = p(), {
16
16
  palette: { grey: m },
17
17
  spacing: g
18
- } = D(), r = typeof n.onClick == "function", l = c(x), d = (o ? c(o) : c()).diff(l, "month"), h = Math.floor(d / 12), C = d % 12 < 1 ? 1 : d % 12;
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,
@@ -30,19 +30,19 @@ function L({
30
30
  ml: -4,
31
31
  mr: -4,
32
32
  onKeyDown: (t) => {
33
- var S;
34
- (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click()), (S = n.onKeyDown) == null || S.call(n, 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
42
  backgroundColor: m[10]
43
43
  }
44
44
  },
45
- ...r && I ? {
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
- Y,
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(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
70
  b,
71
71
  {
@@ -96,14 +96,14 @@ function L({
96
96
  )
97
97
  ] })
98
98
  ] }),
99
- /* @__PURE__ */ e(s, { tag: "p", variant: "b5R", color: "grey.50", children: [
100
- l != null && l.isValid() ? `${l.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
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
- s,
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
- h > 0 && /* @__PURE__ */ e(f, { children: [
115
- /* @__PURE__ */ i("strong", { children: h }),
114
+ d > 0 && /* @__PURE__ */ e(s, { children: [
115
+ /* @__PURE__ */ i("strong", { children: d }),
116
116
  "년"
117
117
  ] }),
118
- C > 0 && /* @__PURE__ */ e(f, { children: [
119
- h > 0 && /* @__PURE__ */ i(f, { children: " " }),
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
- r && /* @__PURE__ */ i(b, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
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
- L as default
133
+ T as default
134
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,9 +11,9 @@ function U({
11
11
  enableToggle: s = !1,
12
12
  ...o
13
13
  }) {
14
- const { spacing: w } = T(), [b, I] = 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, n]) => [g(e), g(n)]).map(
15
- ([e, n]) => n.diff(e, "month") < 1 ? 1 : n.diff(e, "month")
16
- ), 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) => {
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__ */ t(
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__ */ t(
59
+ x && /* @__PURE__ */ n(
60
60
  Y,
61
61
  {
62
- open: b,
62
+ open: I,
63
63
  onClose: h,
64
64
  color: "secondary",
65
- role: "tooltip",
66
- "aria-labelledby": "career-section-tooltip",
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__ */ t(p, { name: "CertifiedFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
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__ */ t(
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__ */ t("strong", { children: c }),
116
+ /* @__PURE__ */ n("strong", { children: c }),
120
117
  "년"
121
118
  ] }),
122
119
  d > 0 && /* @__PURE__ */ i(m, { children: [
123
- c > 0 && /* @__PURE__ */ t(m, { children: " " }),
124
- /* @__PURE__ */ t("strong", { children: d }),
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__ */ t(
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__ */ t(
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__ */ t(
145
+ children: /* @__PURE__ */ n(
149
146
  M,
150
147
  {
151
148
  fullWidth: !0,
152
149
  variant: "text",
153
150
  color: "secondary",
154
- endAdornment: /* @__PURE__ */ t(p, { name: l ? "ChevronUpLine" : "ChevronDownLine" }),
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__ */ t(
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 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.24",
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
- };