@dotss/tictoccroc 0.4.2 → 0.6.0

package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs

@@ -1,96 +1,82 @@
-import { jsxs as o, jsx as e, Fragment as c } from "react/jsx-runtime";
-import { Label as u, Flexbox as l, Icon as m, Typography as b } from "@dotss/ui";
-import h from "@dotss/ui/core/useTheme";
-import f from "../../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
-function g({
-  children: n,
-  type: i,
-  primary: a = !1,
-  status: d,
-  id: r,
-  ...t
-}) {
-  const {
-    palette: { background: s }
-  } = h();
-  return /* @__PURE__ */ o(
-    f,
-    {
-      role: "button",
-      borderRadius: 12,
-      "aria-describedby": `activity-gallery-item-status-desc-${r}`,
-      ...t,
-      inlineCSS: { position: "relative", overflow: "hidden", ...t.inlineCSS },
-      children: [
-        a && /* @__PURE__ */ e(
-          u,
-          {
-            size: "xSmall",
-            color: "orange",
-            "aria-hidden": !0,
-            inlineCSS: { position: "absolute", top: 8, left: 8, zIndex: 1 },
-            children: "대표"
-          }
-        ),
-        d === "REJECTED" && /* @__PURE__ */ o(c, { children: [
-          /* @__PURE__ */ e(
-            l,
-            {
-              alignItems: "center",
-              justifyContent: "center",
-              inlineCSS: {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                width: "100%",
-                height: "100%",
-                opacity: 0.8,
-                backgroundColor: s.primary,
-                zIndex: 1
-              }
-            }
-          ),
-          /* @__PURE__ */ e(
-            m,
-            {
-              name: "AlertFill",
-              size: "xSmall",
-              color: "etc.red",
-              inlineCSS: {
-                position: "absolute",
-                top: "50%",
-                left: "50%",
-                transform: "translate(-50%, -50%)",
-                zIndex: 1
-              }
-            }
-          ),
-          /* @__PURE__ */ o(b, { id: `activity-gallery-item-status-desc-${r}`, visuallyHidden: !0, children: [
-            i === "VIDEO" || i === "VIMEO" || i === "YOUTUBE" ? "동영상" : "사진",
-            "이 반려되었어요. 다시 등록해 주세요."
-          ] })
-        ] }),
-        /* @__PURE__ */ e(
-          l,
-          {
-            "aria-hidden": !0,
-            inlineCSS: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: "100%",
-              height: "100%",
-              border: "1px solid rgba(0, 0, 0, 0.05)",
-              zIndex: 1,
-              borderRadius: t.borderRadius || 12
-            }
-          }
-        ),
-        n
-      ]
-    }
-  );
+import e from "../../../../../shared/components/Masonry/MasonryBlock/index.mjs";
+import { Flexbox as t, Icon as n, Label as r, Typography as i } from "@dotss/ui";
+import a from "@dotss/ui/core/useTheme";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.tsx
+function l({ children: l, type: u, primary: d = !1, status: f, id: p, ...m }) {
+	let { palette: { background: h } } = a();
+	return /* @__PURE__ */ c(e, {
+		role: "button",
+		borderRadius: 12,
+		"aria-describedby": `activity-gallery-item-status-desc-${p}`,
+		...m,
+		inlineCSS: {
+			position: "relative",
+			overflow: "hidden",
+			...m.inlineCSS
+		},
+		children: [
+			d && /* @__PURE__ */ s(r, {
+				size: "xSmall",
+				color: "orange",
+				"aria-hidden": !0,
+				inlineCSS: {
+					position: "absolute",
+					top: 8,
+					left: 8,
+					zIndex: 1
+				},
+				children: "대표"
+			}),
+			f === "REJECTED" && /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s(t, {
+					alignItems: "center",
+					justifyContent: "center",
+					inlineCSS: {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						width: "100%",
+						height: "100%",
+						opacity: .8,
+						backgroundColor: h.primary,
+						zIndex: 1
+					}
+				}),
+				/* @__PURE__ */ s(n, {
+					name: "AlertFill",
+					size: "xSmall",
+					color: "etc.red",
+					inlineCSS: {
+						position: "absolute",
+						top: "50%",
+						left: "50%",
+						transform: "translate(-50%, -50%)",
+						zIndex: 1
+					}
+				}),
+				/* @__PURE__ */ c(i, {
+					id: `activity-gallery-item-status-desc-${p}`,
+					visuallyHidden: !0,
+					children: [u === "VIDEO" || u === "VIMEO" || u === "YOUTUBE" ? "동영상" : "사진", "이 반려되었어요. 다시 등록해 주세요."]
+				})
+			] }),
+			/* @__PURE__ */ s(t, {
+				"aria-hidden": !0,
+				inlineCSS: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: "100%",
+					height: "100%",
+					border: "1px solid rgba(0, 0, 0, 0.05)",
+					zIndex: 1,
+					borderRadius: m.borderRadius || 12
+				}
+			}),
+			l
+		]
+	});
 }
-export {
-  g as default
-};
+//#endregion
+export { l as default };

package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/index.mjs

@@ -1,4 +1,5 @@
 import e from "./ActivityGalleryItem.mjs";
-export {
-  e as default
-};
+//#region teacher/profile/components/ActivityGallery/ActivityGalleryItem/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/teacher/profile/components/ActivityGallery/index.mjs

@@ -1,6 +1,6 @@
-import e from "./ActivityGallery.mjs";
-import { default as l } from "./ActivityGalleryItem/ActivityGalleryItem.mjs";
-export {
-  l as ActivityGalleryItem,
-  e as default
-};
+import e from "./ActivityGalleryItem/index.mjs";
+import t from "./ActivityGallery.mjs";
+//#region teacher/profile/components/ActivityGallery/index.ts
+var n = t;
+//#endregion
+export { e as ActivityGalleryItem, n as default };

package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs

@@ -1,194 +1,148 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { forwardRef as w, useState as S } from "react";
-import { Flexbox as l, Typography as o, Button as k, Icon as I } from "@dotss/ui";
-import R from "@dotss/ui/core/useTheme";
-import D from "@dotss/ui/Switch";
-import j from "../../../../shared/components/Image/Image.mjs";
-import A from "../../../../shared/components/Scheduler/Scheduler.mjs";
-import "dayjs";
-const M = w(
-  function({
-    children: g,
-    title: m = "수업 가능 일정",
-    action: r,
-    footer: d,
-    flat: s = !1,
-    schedulerProps: p,
-    enableToggle: h = !0,
-    teacherStatus: i,
-    ...a
-  }, v) {
-    const {
-      palette: { grey: b, background: f }
-    } = R(), [t, C] = S(!1), x = () => C((c) => !c), y = (c) => {
-      var u;
-      return (u = i.onChange) == null ? void 0 : u.call(i, c);
-    };
-    return /* @__PURE__ */ n(
-      l,
-      {
-        ref: v,
-        tag: "section",
-        flexDirection: "column",
-        gap: 4,
-        "aria-labelledby": "available-schedule-section-title",
-        "aria-describedby": d ? "available-schedule-section-footer" : void 0,
-        ...a,
-        inlineCSS: {
-          width: "100%",
-          ...a == null ? void 0 : a.inlineCSS
-        },
-        children: [
-          /* @__PURE__ */ e(o, { id: "available-schedule-section-title", tag: "h2", variant: "h2B", children: m }),
-          i.active && /* @__PURE__ */ n(l, { flexDirection: "column", gap: 2, children: [
-            /* @__PURE__ */ n(
-              l,
-              {
-                flexDirection: "column",
-                inlineCSS: {
-                  ...s ? void 0 : {
-                    border: `1px solid ${b[20]}`,
-                    borderRadius: 12
-                  },
-                  maxHeight: t ? void 0 : h ? 384 : void 0,
-                  overflow: "hidden"
-                },
-                children: [
-                  !s && /* @__PURE__ */ e(l, { pt: 4 }),
-                  /* @__PURE__ */ e(
-                    A,
-                    {
-                      id: "available-schedule-section-scheduler",
-                      "aria-labelledby": "available-schedule-section-title",
-                      ...p,
-                      children: g
-                    }
-                  ),
-                  h && /* @__PURE__ */ e(
-                    k,
-                    {
-                      variant: "text",
-                      color: "secondary",
-                      endAdornment: /* @__PURE__ */ e(I, { name: t ? "ChevronUpLine" : "ChevronDownLine" }),
-                      onClick: x,
-                      "aria-expanded": t,
-                      "aria-controls": "available-schedule-section-scheduler",
-                      inlineCSS: {
-                        position: "sticky",
-                        bottom: 0,
-                        borderTopRightRadius: 0,
-                        borderTopLeftRadius: 0,
-                        backgroundColor: b.white,
-                        zIndex: 1
-                      },
-                      children: t ? "접기" : "펼쳐보기"
-                    }
-                  )
-                ]
-              }
-            ),
-            d && /* @__PURE__ */ e(l, { id: "available-schedule-section-footer", tag: "footer", pl: 12, pr: 2, children: d })
-          ] }),
-          typeof i.onChange == "function" && /* @__PURE__ */ n(
-            l,
-            {
-              alignItems: "center",
-              justifyContent: "space-between",
-              gap: 2,
-              inlineCSS: {
-                width: "inherit"
-              },
-              children: [
-                /* @__PURE__ */ e(o, { tag: "label", variant: "h4M", htmlFor: "available-schedule-section-switch", children: "활동 여부" }),
-                /* @__PURE__ */ e(
-                  D,
-                  {
-                    selected: !!i.active,
-                    onChange: y,
-                    selectedLabel: "활동중",
-                    unselectedLabel: "쉬는중",
-                    inputProps: {
-                      id: "available-schedule-section-switch"
-                    }
-                  }
-                )
-              ]
-            }
-          ),
-          !i.active && /* @__PURE__ */ n(
-            l,
-            {
-              role: "status",
-              pt: 5,
-              pb: 5,
-              pl: 4,
-              pr: 4,
-              flexDirection: "column",
-              alignItems: "center",
-              justifyContent: "center",
-              gap: 2,
-              "aria-labelledby": "available-schedule-section-status-title",
-              "aria-describedby": "available-schedule-section-status-desc",
-              inlineCSS: {
-                borderRadius: 8,
-                backgroundColor: f.primary
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  j,
-                  {
-                    width: 48,
-                    height: 48,
-                    src: `${i.fallback.iconBasePath}/images/design-system/graphic/illustration3D/island.png`,
-                    alt: "쉬는 중",
-                    "aria-hidden": !0
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  o,
-                  {
-                    id: "available-schedule-section-status-title",
-                    tag: "h3",
-                    variant: "h4B",
-                    textAlign: "center",
-                    children: i.fallback.title || "쉬는 중일 때는 수업 요청이 오지 않아요!"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  o,
-                  {
-                    id: "available-schedule-section-status-desc",
-                    tag: "p",
-                    variant: "b4R",
-                    color: "grey.70",
-                    textAlign: "center",
-                    inlineCSS: {
-                      whiteSpace: "pre-line"
-                    },
-                    children: i.fallback.description || `이미 매칭된 수업은 그대로 유지되니
-변경이 필요한 경우 부모님과 소통해 주세요.`
-                  }
-                )
-              ]
-            }
-          ),
-          r && /* @__PURE__ */ e(
-            l,
-            {
-              mt: 2,
-              alignItems: "center",
-              justifyContent: "center",
-              inlineCSS: {
-                width: "inherit"
-              },
-              children: r
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  M as default
-};
+import e from "../../../../shared/components/Image/index.mjs";
+import t from "../../../../shared/components/Scheduler/index.mjs";
+import { forwardRef as n, useState as r } from "react";
+import { Button as i, Flexbox as a, Icon as o, Typography as s } from "@dotss/ui";
+import c from "@dotss/ui/core/useTheme";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "@dotss/ui/Switch";
+//#region teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.tsx
+var f = n(function({ children: n, title: f = "수업 가능 일정", action: p, footer: m, flat: h = !1, schedulerProps: g, enableToggle: _ = !0, teacherStatus: v, ...y }, b) {
+	let { palette: { grey: x, background: S } } = c(), [C, w] = r(!1), T = () => w((e) => !e), E = (e) => v.onChange?.(e);
+	return /* @__PURE__ */ u(a, {
+		ref: b,
+		tag: "section",
+		flexDirection: "column",
+		gap: 4,
+		"aria-labelledby": "available-schedule-section-title",
+		"aria-describedby": m ? "available-schedule-section-footer" : void 0,
+		...y,
+		inlineCSS: {
+			width: "100%",
+			...y?.inlineCSS
+		},
+		children: [
+			/* @__PURE__ */ l(s, {
+				id: "available-schedule-section-title",
+				tag: "h2",
+				variant: "h2B",
+				children: f
+			}),
+			v.active && /* @__PURE__ */ u(a, {
+				flexDirection: "column",
+				gap: 2,
+				children: [/* @__PURE__ */ u(a, {
+					flexDirection: "column",
+					inlineCSS: {
+						...h ? void 0 : {
+							border: `1px solid ${x[20]}`,
+							borderRadius: 12
+						},
+						maxHeight: C ? void 0 : _ ? 384 : void 0,
+						overflow: "hidden"
+					},
+					children: [
+						!h && /* @__PURE__ */ l(a, { pt: 4 }),
+						/* @__PURE__ */ l(t, {
+							id: "available-schedule-section-scheduler",
+							"aria-labelledby": "available-schedule-section-title",
+							...g,
+							children: n
+						}),
+						_ && /* @__PURE__ */ l(i, {
+							variant: "text",
+							color: "secondary",
+							endAdornment: /* @__PURE__ */ l(o, { name: C ? "ChevronUpLine" : "ChevronDownLine" }),
+							onClick: T,
+							"aria-expanded": C,
+							"aria-controls": "available-schedule-section-scheduler",
+							inlineCSS: {
+								position: "sticky",
+								bottom: 0,
+								borderTopRightRadius: 0,
+								borderTopLeftRadius: 0,
+								backgroundColor: x.white,
+								zIndex: 1
+							},
+							children: C ? "접기" : "펼쳐보기"
+						})
+					]
+				}), m && /* @__PURE__ */ l(a, {
+					id: "available-schedule-section-footer",
+					tag: "footer",
+					pl: 12,
+					pr: 2,
+					children: m
+				})]
+			}),
+			typeof v.onChange == "function" && /* @__PURE__ */ u(a, {
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: 2,
+				inlineCSS: { width: "inherit" },
+				children: [/* @__PURE__ */ l(s, {
+					tag: "label",
+					variant: "h4M",
+					htmlFor: "available-schedule-section-switch",
+					children: "활동 여부"
+				}), /* @__PURE__ */ l(d, {
+					selected: !!v.active,
+					onChange: E,
+					selectedLabel: "활동중",
+					unselectedLabel: "쉬는중",
+					inputProps: { id: "available-schedule-section-switch" }
+				})]
+			}),
+			!v.active && /* @__PURE__ */ u(a, {
+				role: "status",
+				pt: 5,
+				pb: 5,
+				pl: 4,
+				pr: 4,
+				flexDirection: "column",
+				alignItems: "center",
+				justifyContent: "center",
+				gap: 2,
+				"aria-labelledby": "available-schedule-section-status-title",
+				"aria-describedby": "available-schedule-section-status-desc",
+				inlineCSS: {
+					borderRadius: 8,
+					backgroundColor: S.primary
+				},
+				children: [
+					/* @__PURE__ */ l(e, {
+						width: 48,
+						height: 48,
+						src: `${v.fallback.iconBasePath}/images/design-system/graphic/illustration3D/island.png`,
+						alt: "쉬는 중",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ l(s, {
+						id: "available-schedule-section-status-title",
+						tag: "h3",
+						variant: "h4B",
+						textAlign: "center",
+						children: v.fallback.title || "쉬는 중일 때는 수업 요청이 오지 않아요!"
+					}),
+					/* @__PURE__ */ l(s, {
+						id: "available-schedule-section-status-desc",
+						tag: "p",
+						variant: "b4R",
+						color: "grey.70",
+						textAlign: "center",
+						inlineCSS: { whiteSpace: "pre-line" },
+						children: v.fallback.description || "이미 매칭된 수업은 그대로 유지되니\n변경이 필요한 경우 부모님과 소통해 주세요."
+					})
+				]
+			}),
+			p && /* @__PURE__ */ l(a, {
+				mt: 2,
+				alignItems: "center",
+				justifyContent: "center",
+				inlineCSS: { width: "inherit" },
+				children: p
+			})
+		]
+	});
+});
+//#endregion
+export { f as default };

package/dist/teacher/profile/components/AvailableScheduleSection/index.mjs

@@ -1,4 +1,5 @@
-import a from "./AvailableScheduleSection.mjs";
-export {
-  a as default
-};
+import e from "./AvailableScheduleSection.mjs";
+//#region teacher/profile/components/AvailableScheduleSection/index.ts
+var t = e;
+//#endregion
+export { t as default };