@dotss/tictoccroc 0.0.2 → 0.0.3

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 (72) hide show
  1. package/dist/LessonNotesSection-Bg1DHFxg.js +208 -0
  2. package/dist/index.mjs +102 -100
  3. package/dist/shared/components/Carousel/Carousel.mjs +87 -82
  4. package/dist/shared/components/Masonry/Masonry.mjs +157 -139
  5. package/dist/shared/components/Masonry/Masonry.utils.d.ts +5 -1
  6. package/dist/shared/components/Masonry/Masonry.utils.mjs +53 -52
  7. package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.d.ts +5 -0
  8. package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs +93 -59
  9. package/dist/shared/components/MediaDialog/MediaBlock/MediaBlock.d.ts +9 -0
  10. package/dist/shared/components/MediaDialog/MediaBlock/MediaBlock.mjs +70 -0
  11. package/dist/shared/components/MediaDialog/MediaBlock/index.d.ts +2 -0
  12. package/dist/shared/components/MediaDialog/MediaBlock/index.mjs +4 -0
  13. package/dist/shared/components/MediaDialog/MediaDialog.d.ts +13 -0
  14. package/dist/shared/components/MediaDialog/MediaDialog.mjs +327 -0
  15. package/dist/shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.d.ts +3 -0
  16. package/dist/shared/components/{ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.mjs → MediaDialog/MediaDialogContent/MediaDialogContent.mjs} +2 -2
  17. package/dist/shared/components/MediaDialog/MediaDialogContent/index.d.ts +2 -0
  18. package/dist/shared/components/MediaDialog/MediaDialogContent/index.mjs +4 -0
  19. package/dist/shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.d.ts +3 -0
  20. package/dist/shared/components/MediaDialog/MediaDialogFooter/index.d.ts +2 -0
  21. package/dist/shared/components/MediaDialog/MediaDialogFooter/index.mjs +4 -0
  22. package/dist/shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.d.ts +3 -0
  23. package/dist/shared/components/{ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.mjs → MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs} +6 -6
  24. package/dist/shared/components/MediaDialog/MediaDialogToolbar/index.d.ts +2 -0
  25. package/dist/shared/components/MediaDialog/MediaDialogToolbar/index.mjs +4 -0
  26. package/dist/shared/components/MediaDialog/index.d.ts +7 -0
  27. package/dist/shared/components/MediaDialog/index.mjs +12 -0
  28. package/dist/shared/components/Roller/Roller.d.ts +1 -1
  29. package/dist/shared/components/Roller/Roller.mjs +1 -1
  30. package/dist/shared/components/Roller/index.mjs +1 -1
  31. package/dist/shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs +1 -1
  32. package/dist/shared/components/Scheduler/Scheduler.d.ts +2 -1
  33. package/dist/shared/components/Scheduler/Scheduler.mjs +224 -220
  34. package/dist/shared/components/Swiper/Swiper.mjs +53 -62
  35. package/dist/shared/components/index.d.ts +2 -2
  36. package/dist/shared/components/index.mjs +36 -34
  37. package/dist/teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs +49 -47
  38. package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.mjs +27 -28
  39. package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs +2 -2
  40. package/dist/teacher/profile/components/ActivityGallery/ActivityGallery.mjs +52 -47
  41. package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.d.ts +3 -2
  42. package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs +33 -61
  43. package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs +38 -24
  44. package/dist/teacher/profile/components/CareerSection/CareerSection.d.ts +2 -2
  45. package/dist/teacher/profile/components/CareerSection/CareerSection.mjs +2 -2
  46. package/dist/teacher/profile/components/CertificationSection/CertificationSection.d.ts +2 -2
  47. package/dist/teacher/profile/components/CertificationSection/CertificationSection.mjs +2 -2
  48. package/dist/teacher/profile/components/EducationSection/EducationSection.d.ts +2 -2
  49. package/dist/teacher/profile/components/EducationSection/EducationSection.mjs +2 -2
  50. package/dist/teacher/profile/components/LessonNotesSection/LessonNotesSection.mjs +1 -1
  51. package/dist/teacher/profile/components/LessonNotesSection/index.mjs +1 -1
  52. package/dist/teacher/profile/components/index.mjs +1 -1
  53. package/package.json +1 -1
  54. package/dist/LessonNotesSection-a2QNdQtj.js +0 -196
  55. package/dist/shared/components/ImageZoomDialog/ImageBlock/ImageBlock.d.ts +0 -8
  56. package/dist/shared/components/ImageZoomDialog/ImageBlock/ImageBlock.mjs +0 -36
  57. package/dist/shared/components/ImageZoomDialog/ImageBlock/index.d.ts +0 -2
  58. package/dist/shared/components/ImageZoomDialog/ImageBlock/index.mjs +0 -4
  59. package/dist/shared/components/ImageZoomDialog/ImageZoomDialog.d.ts +0 -16
  60. package/dist/shared/components/ImageZoomDialog/ImageZoomDialog.mjs +0 -323
  61. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.d.ts +0 -3
  62. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogContent/index.d.ts +0 -2
  63. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogContent/index.mjs +0 -4
  64. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.d.ts +0 -3
  65. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogFooter/index.d.ts +0 -2
  66. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogFooter/index.mjs +0 -4
  67. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.d.ts +0 -3
  68. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogToolbar/index.d.ts +0 -2
  69. package/dist/shared/components/ImageZoomDialog/ImageZoomDialogToolbar/index.mjs +0 -4
  70. package/dist/shared/components/ImageZoomDialog/index.d.ts +0 -6
  71. package/dist/shared/components/ImageZoomDialog/index.mjs +0 -10
  72. /package/dist/shared/components/{ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.mjs → MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs} +0 -0
@@ -1,38 +1,38 @@
1
- import { jsxs as T, jsx as n } from "react/jsx-runtime";
2
- import { useState as m, useRef as N, Children as A, isValidElement as I, cloneElement as q } from "react";
3
- import { Flexbox as l, Typography as B, Button as j, Icon as G } from "@dotss/ui";
1
+ import { jsxs as T, jsx as a } from "react/jsx-runtime";
2
+ import { useState as b, useRef as N, Children as A, isValidElement as I, cloneElement as q } from "react";
3
+ import { Flexbox as s, Typography as B, Button as j, Icon as G } from "@dotss/ui";
4
4
  import U from "@dotss/ui/core/useTheme";
5
5
  import z from "./AbilityBadge/AbilityBadge.mjs";
6
- function Q({ children: $, enableToggle: s = !1, ...a }) {
7
- const { spacing: u } = U(), [i, R] = m(!1), [k, d] = m(0), [F, f] = m(0), c = N(null), w = A.toArray($).filter(I).filter((e) => e.type === z), D = () => R((e) => !e), E = (e) => (t) => {
6
+ function Q({ children: $, enableToggle: l = !1, ...c }) {
7
+ const { spacing: u } = U(), [n, R] = b(!1), [k, d] = b(0), [F, f] = b(0), i = N(null), m = A.toArray($).filter(I).filter((e) => e.type === z), D = () => R((e) => !e), E = (e) => (t) => {
8
8
  const r = Number(t.currentTarget.getAttribute("data-row") || -1), o = Number(t.currentTarget.getAttribute("data-col") || -1);
9
9
  d(r), f(o), e == null || e(t);
10
10
  }, L = (e) => (t) => {
11
- var g, p, y, C, h, S, x, v;
11
+ var g, w, y, h, C, x, S, v;
12
12
  const r = Number(t.currentTarget.getAttribute("data-row") || -1), o = Number(t.currentTarget.getAttribute("data-col") || -1);
13
13
  switch (t.key) {
14
14
  case "ArrowUp": {
15
15
  if (t.preventDefault(), r === 0)
16
16
  return;
17
- d(r - 1), (p = (g = c.current) == null ? void 0 : g.querySelector(`[data-row="${r - 1}"][data-col="${o}"]`)) == null || p.focus();
17
+ d(r - 1), (w = (g = i.current) == null ? void 0 : g.querySelector(`[data-row="${r - 1}"][data-col="${o}"]`)) == null || w.focus();
18
18
  break;
19
19
  }
20
20
  case "ArrowDown": {
21
- if (t.preventDefault(), r === 2 || r === 1 && s && !i)
21
+ if (t.preventDefault(), r === 2 || r === 1 && l && !n)
22
22
  return;
23
- d(r + 1), (C = (y = c.current) == null ? void 0 : y.querySelector(`[data-row="${r + 1}"][data-col="${o}"]`)) == null || C.focus();
23
+ d(r + 1), (h = (y = i.current) == null ? void 0 : y.querySelector(`[data-row="${r + 1}"][data-col="${o}"]`)) == null || h.focus();
24
24
  break;
25
25
  }
26
26
  case "ArrowLeft": {
27
27
  if (t.preventDefault(), o === 0)
28
28
  return;
29
- f(o - 1), (S = (h = c.current) == null ? void 0 : h.querySelector(`[data-row="${r}"][data-col="${o - 1}"]`)) == null || S.focus();
29
+ f(o - 1), (x = (C = i.current) == null ? void 0 : C.querySelector(`[data-row="${r}"][data-col="${o - 1}"]`)) == null || x.focus();
30
30
  break;
31
31
  }
32
32
  case "ArrowRight": {
33
33
  if (t.preventDefault(), o === 2)
34
34
  return;
35
- f(o + 1), (v = (x = c.current) == null ? void 0 : x.querySelector(`[data-row="${r}"][data-col="${o + 1}"]`)) == null || v.focus();
35
+ f(o + 1), (v = (S = i.current) == null ? void 0 : S.querySelector(`[data-row="${r}"][data-col="${o + 1}"]`)) == null || v.focus();
36
36
  break;
37
37
  }
38
38
  case "Enter":
@@ -43,20 +43,20 @@ function Q({ children: $, enableToggle: s = !1, ...a }) {
43
43
  e == null || e(t);
44
44
  };
45
45
  return /* @__PURE__ */ T(
46
- l,
46
+ s,
47
47
  {
48
48
  tag: "section",
49
49
  flexDirection: "column",
50
50
  gap: 4,
51
51
  "aria-labelledby": "ability-collection-title",
52
- ...a,
53
- inlineCSS: { width: "100%", ...a == null ? void 0 : a.inlineCSS },
52
+ ...c,
53
+ inlineCSS: { width: "100%", ...c == null ? void 0 : c.inlineCSS },
54
54
  children: [
55
- /* @__PURE__ */ n(B, { id: "ability-collection-title", tag: "h2", variant: "h2B", children: "능력치 배지" }),
56
- /* @__PURE__ */ n(
57
- l,
55
+ /* @__PURE__ */ a(B, { id: "ability-collection-title", tag: "h2", variant: "h2B", children: "능력치 배지" }),
56
+ /* @__PURE__ */ a(
57
+ s,
58
58
  {
59
- ref: c,
59
+ ref: i,
60
60
  id: "ability-badge-grid",
61
61
  role: "grid",
62
62
  gap: 2,
@@ -69,19 +69,18 @@ function Q({ children: $, enableToggle: s = !1, ...a }) {
69
69
  width: "inherit",
70
70
  columnGap: u.content(2),
71
71
  rowGap: u.content(6),
72
- maxHeight: i ? void 0 : s ? `calc(2 * 74px + ${u.content(12)}px)` : void 0,
73
- overflow: "hidden",
74
- ...a == null ? void 0 : a.inlineCSS
72
+ maxHeight: n ? void 0 : l ? `calc(2 * 74px + ${u.content(12)}px)` : void 0,
73
+ overflow: "hidden"
75
74
  },
76
- children: A.map(w, (e, t) => {
75
+ children: A.map(m, (e, t) => {
77
76
  const r = Math.floor(t / 3), o = t % 3;
78
- return /* @__PURE__ */ n(l, { role: "gridcell", children: q(e, {
77
+ return /* @__PURE__ */ a(s, { role: "gridcell", children: q(e, {
79
78
  tabIndex: k === r && F === o ? 0 : -1,
80
79
  // @ts-expect-error 데이터 속성 타입 오류 무시
81
80
  "data-row": r,
82
81
  "data-col": o,
83
82
  "aria-posinset": t + 1,
84
- "aria-setsize": w.length,
83
+ "aria-setsize": m.length,
85
84
  onFocus: E(e.props.onFocus),
86
85
  onKeyDown: L(e.props.onKeyDown),
87
86
  ...e.props
@@ -89,17 +88,17 @@ function Q({ children: $, enableToggle: s = !1, ...a }) {
89
88
  })
90
89
  }
91
90
  ),
92
- s && /* @__PURE__ */ n(l, { alignItems: "center", justifyContent: "center", inlineCSS: { width: "inherit" }, children: /* @__PURE__ */ n(
91
+ l && /* @__PURE__ */ a(s, { alignItems: "center", justifyContent: "center", inlineCSS: { width: "inherit" }, children: /* @__PURE__ */ a(
93
92
  j,
94
93
  {
95
94
  fullWidth: !0,
96
95
  variant: "text",
97
96
  color: "secondary",
98
- endAdornment: /* @__PURE__ */ n(G, { name: i ? "ChevronUpLine" : "ChevronDownLine" }),
97
+ endAdornment: /* @__PURE__ */ a(G, { name: n ? "ChevronUpLine" : "ChevronDownLine" }),
99
98
  onClick: D,
100
99
  "aria-controls": "ability-badge-grid",
101
- "aria-expanded": i,
102
- children: i ? "접기" : "더 보기"
100
+ "aria-expanded": n,
101
+ children: n ? "접기" : "더 보기"
103
102
  }
104
103
  ) })
105
104
  ]
@@ -7,7 +7,7 @@ function c(a, n) {
7
7
  case "영어악어":
8
8
  e = "english-icon.png";
9
9
  break;
10
- case "영유아 악어":
10
+ case "영유아악어":
11
11
  e = "infant-icon.png";
12
12
  break;
13
13
  case "산업안전 보건교육":
@@ -29,7 +29,7 @@ function i(a) {
29
29
  const n = {
30
30
  creativeFlag: "창의악어",
31
31
  englishFlag: "영어악어",
32
- infantsFlag: "영유아 악어"
32
+ infantsFlag: "영유아악어"
33
33
  };
34
34
  return Object.keys(n).map((e) => ({
35
35
  key: e,
@@ -1,44 +1,44 @@
1
- import { jsxs as m, jsx as e } from "react/jsx-runtime";
2
- import { Children as c, isValidElement as C, cloneElement as S } from "react";
3
- import { Flexbox as r, Typography as I, Button as j, Icon as w } from "@dotss/ui";
1
+ import { jsxs as s, jsx as e } from "react/jsx-runtime";
2
+ import { Children as p, isValidElement as S, cloneElement as j } from "react";
3
+ import { Flexbox as a, Typography as E, Button as $, Icon as w } from "@dotss/ui";
4
4
  import A from "../../../../shared/components/Masonry/Masonry.mjs";
5
5
  import "../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
6
6
  import B from "./ActivityGalleryItem/ActivityGalleryItem.mjs";
7
- function F({
8
- children: s,
9
- onClickViewAll: a,
10
- action: o,
11
- hideHeader: n = !1,
7
+ function T({
8
+ children: c,
9
+ onClickViewAll: o,
10
+ action: m,
11
+ hideHeader: l = !1,
12
12
  masonryProps: {
13
- columnCount: y = 2,
14
- rowCount: f = 2,
13
+ columnCount: f = 2,
14
+ rowCount: g = 2,
15
15
  spacing: h = 2,
16
- edgeSpacing: g = 0,
17
- direction: d = "horizontal",
18
- defaultContainerWidth: p = 0,
19
- defaultContainerHeight: u = 0,
20
- ...v
16
+ edgeSpacing: b = 0,
17
+ direction: u = "horizontal",
18
+ defaultContainerWidth: v = 360,
19
+ defaultContainerHeight: d = 0,
20
+ ...x
21
21
  } = {},
22
- ...i
22
+ ...r
23
23
  }) {
24
- const l = c.toArray(s).filter(C).filter((t) => t.type === B), b = l.length > 0;
25
- return /* @__PURE__ */ m(
26
- r,
24
+ const n = p.toArray(c).filter(S).filter((t) => t.type === B), C = n.length > 0;
25
+ return /* @__PURE__ */ s(
26
+ a,
27
27
  {
28
28
  tag: "section",
29
29
  flexDirection: "column",
30
- "aria-labelledby": n ? void 0 : "activity-gallery-title",
31
- "aria-label": n ? "선생님 활동 갤러리" : void 0,
30
+ "aria-labelledby": l ? void 0 : "activity-gallery-title",
31
+ "aria-label": l ? "선생님 활동 갤러리" : void 0,
32
32
  gap: 4,
33
- ...i,
33
+ ...r,
34
34
  inlineCSS: {
35
35
  width: "100%",
36
- ...i == null ? void 0 : i.inlineCSS
36
+ ...r == null ? void 0 : r.inlineCSS
37
37
  },
38
38
  children: [
39
- !n && /* @__PURE__ */ m(r, { alignItems: "center", justifyContent: "space-between", gap: 2, children: [
39
+ !l && /* @__PURE__ */ s(a, { alignItems: "center", justifyContent: "space-between", gap: 2, children: [
40
40
  /* @__PURE__ */ e(
41
- I,
41
+ E,
42
42
  {
43
43
  id: "activity-gallery-title",
44
44
  tag: "h2",
@@ -47,49 +47,54 @@ function F({
47
47
  children: "활동 갤러리"
48
48
  }
49
49
  ),
50
- typeof a == "function" && /* @__PURE__ */ e(
51
- j,
50
+ typeof o == "function" && /* @__PURE__ */ e(
51
+ $,
52
52
  {
53
53
  variant: "text",
54
54
  size: "small",
55
55
  color: "secondary",
56
56
  endAdornment: /* @__PURE__ */ e(w, { name: "ChevronRightLine" }),
57
- onClick: a,
57
+ onClick: o,
58
58
  children: "전체보기"
59
59
  }
60
60
  )
61
61
  ] }),
62
- b && /* @__PURE__ */ e(
62
+ C && /* @__PURE__ */ e(
63
63
  A,
64
64
  {
65
- rowCount: f,
66
- columnCount: y,
65
+ rowCount: g,
66
+ columnCount: f,
67
67
  spacing: h,
68
- edgeSpacing: g,
69
- direction: d,
70
- defaultContainerWidth: p,
71
- defaultContainerHeight: u,
68
+ edgeSpacing: b,
69
+ direction: u,
70
+ defaultContainerWidth: v,
71
+ defaultContainerHeight: d,
72
72
  role: "group",
73
73
  "aria-label": "콘텐츠 목록",
74
- ...v,
75
- children: c.map(
76
- l,
77
- (t, x) => S(t, {
78
- "aria-label": `${t.props.showPlayButton ? "동영상" : "사진"} (${l.length}개 중 ${x + 1}번째)`,
74
+ ...x,
75
+ children: p.map(n, (t, y) => {
76
+ let i = t.props.type === "VIDEO" || t.props.type === "VIMEO" || t.props.type === "YOUTUBE" ? "동영상" : "사진";
77
+ i = t.props.primary ? `대표 ${i}` : i;
78
+ const I = `${i} (${n.length}개 중 ${y + 1}번째)`;
79
+ return j(t, {
80
+ role: "button",
81
+ "aria-label": I,
82
+ index: y,
79
83
  ...t.props
80
- })
81
- )
82
- }
84
+ });
85
+ })
86
+ },
87
+ n.map((t) => t.key).join(",")
83
88
  ),
84
- o && /* @__PURE__ */ e(
85
- r,
89
+ m && /* @__PURE__ */ e(
90
+ a,
86
91
  {
87
92
  mt: 2,
88
93
  flexGrow: 1,
89
94
  alignItems: "center",
90
95
  justifyContent: "center",
91
96
  inlineCSS: { width: "inherit" },
92
- children: o
97
+ children: m
93
98
  }
94
99
  )
95
100
  ]
@@ -97,5 +102,5 @@ function F({
97
102
  );
98
103
  }
99
104
  export {
100
- F as default
105
+ T as default
101
106
  };
@@ -1,8 +1,9 @@
1
1
  import { MasonryBlockProps } from '../../../../../shared/components/Masonry/MasonryBlock';
2
2
  export interface ActivityGalleryItemProps extends MasonryBlockProps {
3
+ type: 'VIDEO' | 'VIMEO' | 'YOUTUBE' | 'IMAGE';
3
4
  primary: boolean;
4
5
  status: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'DELETED';
5
- showPlayButton?: boolean;
6
+ index?: number;
6
7
  }
7
- declare function ActivityGalleryItem({ children, primary, status, showPlayButton, ...props }: ActivityGalleryItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
8
+ declare function ActivityGalleryItem({ children, type, primary, status, index, ...props }: ActivityGalleryItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
8
9
  export default ActivityGalleryItem;
@@ -1,69 +1,40 @@
1
- import { jsxs as r, jsx as e, Fragment as m } from "react/jsx-runtime";
2
- import { useId as b } from "react";
3
- import { Label as u, Flexbox as o, IconButton as p, Icon as S, Typography as f } from "@dotss/ui";
4
- import g from "@dotss/ui/core/useTheme";
5
- import h from "../../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
6
- function z({
7
- children: s,
8
- primary: d = !1,
9
- status: l,
10
- showPlayButton: t = !1,
11
- ...i
1
+ import { jsxs as r, jsx as e, Fragment as c } from "react/jsx-runtime";
2
+ import { Label as u, Flexbox as l, Icon as m, Typography as b } from "@dotss/ui";
3
+ import h from "@dotss/ui/core/useTheme";
4
+ import p from "../../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
5
+ function x({
6
+ children: n,
7
+ type: i,
8
+ primary: a = !1,
9
+ status: s,
10
+ index: o = 0,
11
+ ...t
12
12
  }) {
13
- const n = b(), {
14
- palette: { background: c, grey: a }
15
- } = g();
13
+ const {
14
+ palette: { background: d }
15
+ } = h();
16
16
  return /* @__PURE__ */ r(
17
- h,
17
+ p,
18
18
  {
19
19
  role: "button",
20
- "aria-describedby": `activity-gallery-item-status-desc-${n}`,
20
+ "aria-describedby": `activity-gallery-item-status-desc-${o}`,
21
21
  borderRadius: 12,
22
- ...i,
23
- inlineCSS: { position: "relative", ...i.inlineCSS },
22
+ ...t,
23
+ inlineCSS: { position: "relative", ...t.inlineCSS },
24
24
  children: [
25
- s,
26
- d && /* @__PURE__ */ e(
25
+ a && /* @__PURE__ */ e(
27
26
  u,
28
27
  {
29
28
  size: "xSmall",
30
29
  color: "orange",
31
- "aria-label": t ? "대표 동영상" : "대표 사진",
32
- inlineCSS: { position: "absolute", top: 8, left: 8 },
30
+ "aria-hidden": !0,
31
+ inlineCSS: { position: "absolute", top: 8, left: 8, zIndex: 1 },
33
32
  children: "대표"
34
33
  }
35
34
  ),
36
- l !== "REJECTED" && t && /* @__PURE__ */ e(
37
- o,
38
- {
39
- inlineCSS: {
40
- position: "absolute",
41
- top: "50%",
42
- left: "50%",
43
- transform: "translate(-50%, -50%)",
44
- cursor: "pointer"
45
- },
46
- children: /* @__PURE__ */ e(
47
- p,
48
- {
49
- tabIndex: i.tabIndex,
50
- name: "ArrowRightFill",
51
- color: "secondary",
52
- size: "large",
53
- "aria-label": "동영상 재생하기",
54
- inlineCSS: {
55
- backgroundColor: a[90],
56
- "& svg": {
57
- color: a.white
58
- }
59
- }
60
- }
61
- )
62
- }
63
- ),
64
- l === "REJECTED" && /* @__PURE__ */ r(m, { children: [
35
+ s === "REJECTED" && /* @__PURE__ */ r(c, { children: [
65
36
  /* @__PURE__ */ e(
66
- o,
37
+ l,
67
38
  {
68
39
  alignItems: "center",
69
40
  justifyContent: "center",
@@ -74,13 +45,13 @@ function z({
74
45
  width: "100%",
75
46
  height: "100%",
76
47
  opacity: 0.8,
77
- backgroundColor: c.primary,
48
+ backgroundColor: d.primary,
78
49
  zIndex: 1
79
50
  }
80
51
  }
81
52
  ),
82
53
  /* @__PURE__ */ e(
83
- S,
54
+ m,
84
55
  {
85
56
  name: "AlertFill",
86
57
  size: "xSmall",
@@ -94,13 +65,13 @@ function z({
94
65
  }
95
66
  }
96
67
  ),
97
- /* @__PURE__ */ r(f, { id: `activity-gallery-item-status-desc-${n}`, visuallyHidden: !0, children: [
98
- t ? "동영상" : "사진",
99
- "이 반려되었어요. 다시 등록해주세요."
68
+ /* @__PURE__ */ r(b, { id: `activity-gallery-item-status-desc-${o}`, visuallyHidden: !0, children: [
69
+ i === "VIDEO" || i === "VIMEO" || i === "YOUTUBE" ? "동영상" : "사진",
70
+ "이 반려되었어요. 다시 등록해 주세요."
100
71
  ] })
101
72
  ] }),
102
73
  /* @__PURE__ */ e(
103
- o,
74
+ l,
104
75
  {
105
76
  "aria-hidden": !0,
106
77
  inlineCSS: {
@@ -111,14 +82,15 @@ function z({
111
82
  height: "100%",
112
83
  border: "1px solid rgba(0, 0, 0, 0.05)",
113
84
  zIndex: 1,
114
- borderRadius: i.borderRadius
85
+ borderRadius: t.borderRadius || 12
115
86
  }
116
87
  }
117
- )
88
+ ),
89
+ n
118
90
  ]
119
91
  }
120
92
  );
121
93
  }
122
94
  export {
123
- z as default
95
+ x as default
124
96
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
2
  import { forwardRef as w, useState as S } from "react";
3
- import { Flexbox as n, Typography as a, Button as k, Icon as I } from "@dotss/ui";
3
+ import { Flexbox as n, Typography as o, Button as k, Icon as I } from "@dotss/ui";
4
4
  import R from "@dotss/ui/core/useTheme";
5
5
  import D from "@dotss/ui/Switch";
6
6
  import j from "../../../../shared/components/Image/Image.mjs";
@@ -9,38 +9,38 @@ import "dayjs";
9
9
  import "../../../../shared/utils/getDateRange/getDateRange.mjs";
10
10
  const U = w(
11
11
  function({
12
- children: b,
13
- title: p = "수업 가능 일정",
12
+ children: m,
13
+ title: g = "수업 가능 일정",
14
14
  action: c,
15
15
  footer: r,
16
16
  flat: s = !1,
17
- schedulerProps: f,
17
+ schedulerProps: p,
18
18
  enableToggle: h = !0,
19
19
  teacherStatus: i,
20
- ...o
21
- }, u) {
20
+ ...a
21
+ }, v) {
22
22
  const {
23
- palette: { grey: g, background: v }
23
+ palette: { grey: b, background: f }
24
24
  } = R(), [t, C] = S(!1), x = () => C((d) => !d), y = (d) => {
25
- var m;
26
- return (m = i.onChange) == null ? void 0 : m.call(i, d);
25
+ var u;
26
+ return (u = i.onChange) == null ? void 0 : u.call(i, d);
27
27
  };
28
28
  return /* @__PURE__ */ l(
29
29
  n,
30
30
  {
31
- ref: u,
31
+ ref: v,
32
32
  tag: "section",
33
33
  flexDirection: "column",
34
34
  gap: 4,
35
35
  "aria-labelledby": "available-schedule-section-title",
36
36
  "aria-describedby": r ? "available-schedule-section-footer" : void 0,
37
- ...o,
37
+ ...a,
38
38
  inlineCSS: {
39
39
  width: "100%",
40
- ...o == null ? void 0 : o.inlineCSS
40
+ ...a == null ? void 0 : a.inlineCSS
41
41
  },
42
42
  children: [
43
- /* @__PURE__ */ e(a, { id: "available-schedule-section-title", tag: "h2", variant: "h2B", children: p }),
43
+ /* @__PURE__ */ e(o, { id: "available-schedule-section-title", tag: "h2", variant: "h2B", children: g }),
44
44
  i.active && /* @__PURE__ */ l(n, { flexDirection: "column", gap: 2, children: [
45
45
  /* @__PURE__ */ l(
46
46
  n,
@@ -48,7 +48,7 @@ const U = w(
48
48
  flexDirection: "column",
49
49
  inlineCSS: {
50
50
  ...s ? void 0 : {
51
- border: `1px solid ${g[20]}`,
51
+ border: `1px solid ${b[20]}`,
52
52
  borderRadius: 12
53
53
  },
54
54
  maxHeight: t ? void 0 : h ? 384 : void 0,
@@ -61,8 +61,8 @@ const U = w(
61
61
  {
62
62
  id: "available-schedule-section-scheduler",
63
63
  "aria-labelledby": "available-schedule-section-title",
64
- ...f,
65
- children: b
64
+ ...p,
65
+ children: m
66
66
  }
67
67
  ),
68
68
  h && /* @__PURE__ */ e(
@@ -79,7 +79,7 @@ const U = w(
79
79
  bottom: 0,
80
80
  borderTopRightRadius: 0,
81
81
  borderTopLeftRadius: 0,
82
- backgroundColor: g.white,
82
+ backgroundColor: b.white,
83
83
  zIndex: 1
84
84
  },
85
85
  children: t ? "접기" : "펼쳐보기"
@@ -100,19 +100,21 @@ const U = w(
100
100
  width: "inherit"
101
101
  },
102
102
  children: [
103
- /* @__PURE__ */ e(a, { tag: "label", variant: "h4M", htmlFor: "available-schedule-section-switch", children: "활동 여부" }),
103
+ /* @__PURE__ */ e(o, { tag: "label", variant: "h4M", htmlFor: "available-schedule-section-switch", children: "활동 여부" }),
104
104
  /* @__PURE__ */ e(
105
105
  D,
106
106
  {
107
- id: "available-schedule-section-switch",
108
107
  selected: !!i.active,
109
- onChange: y
108
+ onChange: y,
109
+ inputProps: {
110
+ id: "available-schedule-section-switch"
111
+ }
110
112
  }
111
113
  )
112
114
  ]
113
115
  }
114
116
  ),
115
- typeof i.onChange == "function" && !i.active && /* @__PURE__ */ l(
117
+ !i.active && /* @__PURE__ */ l(
116
118
  n,
117
119
  {
118
120
  role: "status",
@@ -124,9 +126,11 @@ const U = w(
124
126
  alignItems: "center",
125
127
  justifyContent: "center",
126
128
  gap: 2,
129
+ "aria-labelledby": "available-schedule-section-status-title",
130
+ "aria-describedby": "available-schedule-section-status-desc",
127
131
  inlineCSS: {
128
132
  borderRadius: 8,
129
- backgroundColor: v.primary
133
+ backgroundColor: f.primary
130
134
  },
131
135
  children: [
132
136
  /* @__PURE__ */ e(
@@ -139,10 +143,20 @@ const U = w(
139
143
  "aria-hidden": !0
140
144
  }
141
145
  ),
142
- /* @__PURE__ */ e(a, { tag: "h3", variant: "h4B", textAlign: "center", children: i.fallback.title || "쉬는 중일 때는 수업 요청이 오지 않아요!" }),
143
146
  /* @__PURE__ */ e(
144
- a,
147
+ o,
148
+ {
149
+ id: "available-schedule-section-status-title",
150
+ tag: "h3",
151
+ variant: "h4B",
152
+ textAlign: "center",
153
+ children: i.fallback.title || "쉬는 중일 때는 수업 요청이 오지 않아요!"
154
+ }
155
+ ),
156
+ /* @__PURE__ */ e(
157
+ o,
145
158
  {
159
+ id: "available-schedule-section-status-desc",
146
160
  tag: "p",
147
161
  variant: "b4R",
148
162
  color: "grey.70",
@@ -1,9 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
3
3
  export interface CareerSectionProps extends FlexboxProps {
4
- hideTooltip?: boolean;
5
4
  action?: ReactNode;
5
+ showTooltip?: boolean;
6
6
  enableToggle?: boolean;
7
7
  }
8
- declare function CareerSection({ children, hideTooltip, action, enableToggle, ...props }: CareerSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
8
+ declare function CareerSection({ children, action, showTooltip, enableToggle, ...props }: CareerSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
9
9
  export default CareerSection;
@@ -6,8 +6,8 @@ import g from "dayjs";
6
6
  import M from "./CareerItem/CareerItem.mjs";
7
7
  function G({
8
8
  children: y,
9
- hideTooltip: w = !1,
10
9
  action: S,
10
+ showTooltip: w = !1,
11
11
  enableToggle: C = !1,
12
12
  ...o
13
13
  }) {
@@ -54,7 +54,7 @@ function G({
54
54
  children: "경력"
55
55
  }
56
56
  ),
57
- !w && /* @__PURE__ */ t(
57
+ w && /* @__PURE__ */ t(
58
58
  T,
59
59
  {
60
60
  open: I,
@@ -1,9 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
3
3
  export interface CertificationSectionProps extends FlexboxProps {
4
- hideTooltip?: boolean;
5
4
  action?: ReactNode;
5
+ showTooltip?: boolean;
6
6
  enableToggle?: boolean;
7
7
  }
8
- declare function CertificationList({ children, hideTooltip, action, enableToggle, ...props }: CertificationSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
8
+ declare function CertificationList({ children, action, showTooltip, enableToggle, ...props }: CertificationSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
9
9
  export default CertificationList;