@dotss/tictoccroc 0.4.2 → 0.5.0

package/dist/teacher/profile/components/AbilityCollection/AbilityBadge/index.mjs

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

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

@@ -1,110 +1,107 @@
-import { jsxs as T, jsx as a } from "react/jsx-runtime";
-import { useState as b, useRef as N, Children as A, isValidElement as I, cloneElement as q } from "react";
-import { Flexbox as s, Typography as B, Button as j, Icon as G } from "@dotss/ui";
-import U from "@dotss/ui/core/useTheme";
-import z from "./AbilityBadge/AbilityBadge.mjs";
-function Q({ children: $, enableToggle: l = !1, ...c }) {
-  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) => {
-    const r = Number(t.currentTarget.getAttribute("data-row") || -1), o = Number(t.currentTarget.getAttribute("data-col") || -1);
-    d(r), f(o), e == null || e(t);
-  }, L = (e) => (t) => {
-    var g, w, y, h, C, x, S, v;
-    const r = Number(t.currentTarget.getAttribute("data-row") || -1), o = Number(t.currentTarget.getAttribute("data-col") || -1);
-    switch (t.key) {
-      case "ArrowUp": {
-        if (t.preventDefault(), r === 0)
-          return;
-        d(r - 1), (w = (g = i.current) == null ? void 0 : g.querySelector(`[data-row="${r - 1}"][data-col="${o}"]`)) == null || w.focus();
-        break;
-      }
-      case "ArrowDown": {
-        if (t.preventDefault(), r === 2 || r === 1 && l && !n)
-          return;
-        d(r + 1), (h = (y = i.current) == null ? void 0 : y.querySelector(`[data-row="${r + 1}"][data-col="${o}"]`)) == null || h.focus();
-        break;
-      }
-      case "ArrowLeft": {
-        if (t.preventDefault(), o === 0)
-          return;
-        f(o - 1), (x = (C = i.current) == null ? void 0 : C.querySelector(`[data-row="${r}"][data-col="${o - 1}"]`)) == null || x.focus();
-        break;
-      }
-      case "ArrowRight": {
-        if (t.preventDefault(), o === 2)
-          return;
-        f(o + 1), (v = (S = i.current) == null ? void 0 : S.querySelector(`[data-row="${r}"][data-col="${o + 1}"]`)) == null || v.focus();
-        break;
-      }
-      case "Enter":
-      case " ":
-        t.preventDefault(), t.currentTarget.click();
-        break;
-    }
-    e == null || e(t);
-  };
-  return /* @__PURE__ */ T(
-    s,
-    {
-      tag: "section",
-      flexDirection: "column",
-      gap: 4,
-      "aria-labelledby": "ability-collection-title",
-      ...c,
-      inlineCSS: { width: "100%", ...c == null ? void 0 : c.inlineCSS },
-      children: [
-        /* @__PURE__ */ a(B, { id: "ability-collection-title", tag: "h2", variant: "h2B", children: "능력치 배지" }),
-        /* @__PURE__ */ a(
-          s,
-          {
-            ref: i,
-            id: "ability-badge-grid",
-            role: "grid",
-            gap: 2,
-            pt: 3,
-            pb: 3,
-            alignItems: "center",
-            inlineCSS: {
-              display: "grid",
-              gridTemplateColumns: "repeat(3, 1fr)",
-              width: "inherit",
-              columnGap: u.content(2),
-              rowGap: u.content(6),
-              maxHeight: n ? void 0 : l ? `calc(2 * 74px + ${u.content(12)}px)` : void 0,
-              overflow: "hidden"
-            },
-            children: A.map(m, (e, t) => {
-              const r = Math.floor(t / 3), o = t % 3;
-              return /* @__PURE__ */ a(s, { role: "gridcell", children: q(e, {
-                tabIndex: k === r && F === o ? 0 : -1,
-                // @ts-expect-error 데이터 속성 타입 오류 무시
-                "data-row": r,
-                "data-col": o,
-                "aria-posinset": t + 1,
-                "aria-setsize": m.length,
-                onFocus: E(e.props.onFocus),
-                onKeyDown: L(e.props.onKeyDown),
-                ...e.props
-              }) }, `ability-badge-gridcell-${t}`);
-            })
-          }
-        ),
-        l && /* @__PURE__ */ a(s, { alignItems: "center", justifyContent: "center", inlineCSS: { width: "inherit" }, children: /* @__PURE__ */ a(
-          j,
-          {
-            fullWidth: !0,
-            variant: "text",
-            color: "secondary",
-            endAdornment: /* @__PURE__ */ a(G, { name: n ? "ChevronUpLine" : "ChevronDownLine" }),
-            onClick: D,
-            "aria-controls": "ability-badge-grid",
-            "aria-expanded": n,
-            children: n ? "접기" : "더 보기"
-          }
-        ) })
-      ]
-    }
-  );
+import e from "./AbilityBadge/index.mjs";
+import { Children as t, cloneElement as n, isValidElement as r, useRef as i, useState as a } from "react";
+import { Button as o, Flexbox as s, Icon as c, Typography as l } from "@dotss/ui";
+import u from "@dotss/ui/core/useTheme";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region teacher/profile/components/AbilityCollection/AbilityCollection.tsx
+function p({ children: p, enableToggle: m = !1, ...h }) {
+	let { spacing: g } = u(), [_, v] = a(!1), [y, b] = a(0), [x, S] = a(0), C = i(null), w = t.toArray(p).filter(r).filter((t) => t.type === e), T = () => v((e) => !e), E = (e) => (t) => {
+		let n = Number(t.currentTarget.getAttribute("data-row") || -1), r = Number(t.currentTarget.getAttribute("data-col") || -1);
+		b(n), S(r), e?.(t);
+	}, D = (e) => (t) => {
+		let n = Number(t.currentTarget.getAttribute("data-row") || -1), r = Number(t.currentTarget.getAttribute("data-col") || -1);
+		switch (t.key) {
+			case "ArrowUp":
+				if (t.preventDefault(), n === 0) return;
+				b(n - 1), C.current?.querySelector(`[data-row="${n - 1}"][data-col="${r}"]`)?.focus();
+				break;
+			case "ArrowDown":
+				if (t.preventDefault(), n === 2 || n === 1 && m && !_) return;
+				b(n + 1), C.current?.querySelector(`[data-row="${n + 1}"][data-col="${r}"]`)?.focus();
+				break;
+			case "ArrowLeft":
+				if (t.preventDefault(), r === 0) return;
+				S(r - 1), C.current?.querySelector(`[data-row="${n}"][data-col="${r - 1}"]`)?.focus();
+				break;
+			case "ArrowRight":
+				if (t.preventDefault(), r === 2) return;
+				S(r + 1), C.current?.querySelector(`[data-row="${n}"][data-col="${r + 1}"]`)?.focus();
+				break;
+			case "Enter":
+			case " ":
+				t.preventDefault(), t.currentTarget.click();
+				break;
+		}
+		e?.(t);
+	};
+	return /* @__PURE__ */ f(s, {
+		tag: "section",
+		flexDirection: "column",
+		gap: 4,
+		"aria-labelledby": "ability-collection-title",
+		...h,
+		inlineCSS: {
+			width: "100%",
+			...h?.inlineCSS
+		},
+		children: [
+			/* @__PURE__ */ d(l, {
+				id: "ability-collection-title",
+				tag: "h2",
+				variant: "h2B",
+				children: "능력치 배지"
+			}),
+			/* @__PURE__ */ d(s, {
+				ref: C,
+				id: "ability-badge-grid",
+				role: "grid",
+				gap: 2,
+				pt: 3,
+				pb: 3,
+				alignItems: "center",
+				inlineCSS: {
+					display: "grid",
+					gridTemplateColumns: "repeat(3, 1fr)",
+					width: "inherit",
+					columnGap: g.content(2),
+					rowGap: g.content(6),
+					maxHeight: _ ? void 0 : m ? `calc(2 * 74px + ${g.content(12)}px)` : void 0,
+					overflow: "hidden"
+				},
+				children: t.map(w, (e, t) => {
+					let r = Math.floor(t / 3), i = t % 3;
+					return /* @__PURE__ */ d(s, {
+						role: "gridcell",
+						children: n(e, {
+							tabIndex: y === r && x === i ? 0 : -1,
+							"data-row": r,
+							"data-col": i,
+							"aria-posinset": t + 1,
+							"aria-setsize": w.length,
+							onFocus: E(e.props.onFocus),
+							onKeyDown: D(e.props.onKeyDown),
+							...e.props
+						})
+					}, `ability-badge-gridcell-${t}`);
+				})
+			}),
+			m && /* @__PURE__ */ d(s, {
+				alignItems: "center",
+				justifyContent: "center",
+				inlineCSS: { width: "inherit" },
+				children: /* @__PURE__ */ d(o, {
+					fullWidth: !0,
+					variant: "text",
+					color: "secondary",
+					endAdornment: /* @__PURE__ */ d(c, { name: _ ? "ChevronUpLine" : "ChevronDownLine" }),
+					onClick: T,
+					"aria-controls": "ability-badge-grid",
+					"aria-expanded": _,
+					children: _ ? "접기" : "더 보기"
+				})
+			})
+		]
+	});
 }
-export {
-  Q as default
-};
+//#endregion
+export { p as default };

package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs

@@ -1,61 +1,57 @@
-function t(a, n) {
-  let e = "";
-  switch (a) {
-    case "창의악어":
-      e = "creative-icon.png";
-      break;
-    case "영어악어":
-      e = "english-icon.png";
-      break;
-    case "영유아악어":
-      e = "infant-icon.png";
-      break;
-    case "산업안전 보건교육":
-      e = "osh-education-icon.png";
-      break;
-    case "아동학대 예방교육":
-      e = "cap-education-icon.png";
-      break;
-    case "응급상황 대처교육":
-      e = "emergency-response-training-icon.png";
-      break;
-    case "놀이돌봄 기초교육":
-      e = "basic-play-care-education-icon.png";
-      break;
-  }
-  return e = n ? e : `incomplete-${e}`, e;
+//#region teacher/profile/components/AbilityCollection/AbilityCollection.utils.ts
+function e(e, t) {
+	let n = "";
+	switch (e) {
+		case "창의악어":
+			n = "creative-icon.png";
+			break;
+		case "영어악어":
+			n = "english-icon.png";
+			break;
+		case "영유아악어":
+			n = "infant-icon.png";
+			break;
+		case "산업안전 보건교육":
+			n = "osh-education-icon.png";
+			break;
+		case "아동학대 예방교육":
+			n = "cap-education-icon.png";
+			break;
+		case "응급상황 대처교육":
+			n = "emergency-response-training-icon.png";
+			break;
+		case "놀이돌봄 기초교육":
+			n = "basic-play-care-education-icon.png";
+			break;
+		default: break;
+	}
+	return n = t ? n : `incomplete-${n}`, n;
 }
-const i = {
-  creativeFlag: "창의악어",
-  englishFlag: "영어악어",
-  infantsFlag: "영유아악어"
-}, c = {
-  창의악어: {
-    label: "창의악어 배지를 취득해야 창의미술 수업을 할 수 있어요",
-    description: `창의미술에 대한 이해도와 만들기 능력이 검증된
-미술 수업 특화 선생님이에요.`
-  },
-  영어악어: {
-    label: "영어악어 배지를 취득해야 영어 수업을 할 수 있어요",
-    description: `아이들의 발달 상황에 맞도록 영어로 상호작용을
-자유롭게 할 수 있는 회화 실력이 검증된
-영어 수업 특화 선생님이에요.`
-  },
-  영유아악어: {
-    label: "영유아 배지를 취득해야 12개월~24개월 아이 돌봄이 가능해요",
-    description: `영유아 발달에 대한 이해와 기저귀 갈이 등의
-기본 돌봄 역량이 검증된 선생님이에요.`
-  }
+var t = {
+	creativeFlag: "창의악어",
+	englishFlag: "영어악어",
+	infantsFlag: "영유아악어"
+}, n = {
+	창의악어: {
+		label: "창의악어 배지를 취득해야 창의미술 수업을 할 수 있어요",
+		description: "창의미술에 대한 이해도와 만들기 능력이 검증된\n미술 수업 특화 선생님이에요."
+	},
+	영어악어: {
+		label: "영어악어 배지를 취득해야 영어 수업을 할 수 있어요",
+		description: "아이들의 발달 상황에 맞도록 영어로 상호작용을\n자유롭게 할 수 있는 회화 실력이 검증된\n영어 수업 특화 선생님이에요."
+	},
+	영유아악어: {
+		label: "영유아 배지를 취득해야 12개월~24개월 아이 돌봄이 가능해요",
+		description: "영유아 발달에 대한 이해와 기저귀 갈이 등의\n기본 돌봄 역량이 검증된 선생님이에요."
+	}
 };
-function o(a) {
-  return Object.keys(i).map((n) => ({
-    key: n,
-    name: i[n],
-    completed: a[n] === "Y",
-    ...c[i[n]]
-  }));
+function r(e) {
+	return Object.keys(t).map((r) => ({
+		key: r,
+		name: t[r],
+		completed: e[r] === "Y",
+		...n[t[r]]
+	}));
 }
-export {
-  o as getAbilityCollection,
-  t as getIconFileName
-};
+//#endregion
+export { r as getAbilityCollection, e as getIconFileName };

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

@@ -1,8 +1,7 @@
-import o from "./AbilityCollection.mjs";
-import { default as l } from "./AbilityBadge/AbilityBadge.mjs";
-import { getAbilityCollection as a } from "./AbilityCollection.utils.mjs";
-export {
-  l as AbilityBadge,
-  o as default,
-  a as getAbilityCollection
-};
+import { getAbilityCollection as e } from "./AbilityCollection.utils.mjs";
+import t from "./AbilityBadge/index.mjs";
+import n from "./AbilityCollection.mjs";
+//#region teacher/profile/components/AbilityCollection/index.ts
+var r = n;
+//#endregion
+export { t as AbilityBadge, r as default, e as getAbilityCollection };

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

@@ -1,105 +1,74 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { Children as j, isValidElement as $ } from "react";
-import { Flexbox as o, Typography as w, Button as A, Icon as E } from "@dotss/ui";
-import G from "../../../../shared/components/Masonry/Masonry.mjs";
-import "../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
-import B from "./ActivityGalleryItem/ActivityGalleryItem.mjs";
-function U({
-  children: s,
-  onClickViewAll: y,
-  action: m,
-  hideHeader: l = !1,
-  masonryProps: {
-    columnCount: c = 2,
-    rowCount: f = 2,
-    spacing: g = 2,
-    edgeSpacing: b = 0,
-    direction: h = "horizontal",
-    defaultContainerWidth: u = 360,
-    defaultContainerHeight: v = 0,
-    ...d
-  } = {},
-  ...r
-}) {
-  const i = j.toArray(s).filter($).filter((t) => t.type === B), I = i.length > 0, x = (t, a, C) => {
-    let n = t.props.type === "VIDEO" || t.props.type === "VIMEO" || t.props.type === "YOUTUBE" ? "동영상" : "사진";
-    n = t.props.primary ? `대표 ${n}` : n;
-    const S = {
-      role: "button",
-      "aria-label": `${n} (${C}개 중 ${a + 1}번째)`,
-      ...t.props
-    };
-    return /* @__PURE__ */ e(t.type, { ...S }, `activity-gallery-item-${a}`);
-  };
-  return /* @__PURE__ */ p(
-    o,
-    {
-      tag: "section",
-      flexDirection: "column",
-      "aria-labelledby": l ? void 0 : "activity-gallery-title",
-      "aria-label": l ? "선생님 활동 갤러리" : void 0,
-      gap: 4,
-      ...r,
-      inlineCSS: {
-        width: "100%",
-        ...r == null ? void 0 : r.inlineCSS
-      },
-      children: [
-        !l && /* @__PURE__ */ p(o, { alignItems: "center", justifyContent: "space-between", gap: 2, children: [
-          /* @__PURE__ */ e(
-            w,
-            {
-              id: "activity-gallery-title",
-              tag: "h2",
-              variant: "h2B",
-              "aria-label": "선생님 활동 갤러리",
-              children: "활동 갤러리"
-            }
-          ),
-          typeof y == "function" && /* @__PURE__ */ e(
-            A,
-            {
-              variant: "text",
-              size: "small",
-              color: "secondary",
-              endAdornment: /* @__PURE__ */ e(E, { name: "ChevronRightLine" }),
-              onClick: y,
-              children: "전체보기"
-            }
-          )
-        ] }),
-        I && /* @__PURE__ */ e(
-          G,
-          {
-            rowCount: f,
-            columnCount: c,
-            spacing: g,
-            edgeSpacing: b,
-            direction: h,
-            defaultContainerWidth: u,
-            defaultContainerHeight: v,
-            role: "group",
-            "aria-label": "콘텐츠 목록",
-            ...d,
-            children: i.map((t, a) => x(t, a, i.length))
-          },
-          i.map((t) => t.key).join(",")
-        ),
-        m && /* @__PURE__ */ e(
-          o,
-          {
-            mt: 2,
-            flexGrow: 1,
-            alignItems: "center",
-            justifyContent: "center",
-            inlineCSS: { width: "inherit" },
-            children: m
-          }
-        )
-      ]
-    }
-  );
+import e from "./ActivityGalleryItem/index.mjs";
+import t from "../../../../shared/components/Masonry/index.mjs";
+import { Children as n, isValidElement as r } from "react";
+import { Button as i, Flexbox as a, Icon as o, Typography as s } from "@dotss/ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region teacher/profile/components/ActivityGallery/ActivityGallery.tsx
+function u({ children: u, onClickViewAll: d, action: f, hideHeader: p = !1, masonryProps: { columnCount: m = 2, rowCount: h = 2, spacing: g = 2, edgeSpacing: _ = 0, direction: v = "horizontal", defaultContainerWidth: y = 360, defaultContainerHeight: b = 0, ...x } = {}, ...S }) {
+	let C = n.toArray(u).filter(r).filter((t) => t.type === e), w = C.length > 0, T = (e, t, n) => {
+		let r = e.props.type === "VIDEO" || e.props.type === "VIMEO" || e.props.type === "YOUTUBE" ? "동영상" : "사진";
+		r = e.props.primary ? `대표 ${r}` : r;
+		let i = {
+			role: "button",
+			"aria-label": `${r} (${n}개 중 ${t + 1}번째)`,
+			...e.props
+		};
+		return /* @__PURE__ */ c(e.type, { ...i }, `activity-gallery-item-${t}`);
+	};
+	return /* @__PURE__ */ l(a, {
+		tag: "section",
+		flexDirection: "column",
+		"aria-labelledby": p ? void 0 : "activity-gallery-title",
+		"aria-label": p ? "선생님 활동 갤러리" : void 0,
+		gap: 4,
+		...S,
+		inlineCSS: {
+			width: "100%",
+			...S?.inlineCSS
+		},
+		children: [
+			!p && /* @__PURE__ */ l(a, {
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: 2,
+				children: [/* @__PURE__ */ c(s, {
+					id: "activity-gallery-title",
+					tag: "h2",
+					variant: "h2B",
+					"aria-label": "선생님 활동 갤러리",
+					children: "활동 갤러리"
+				}), typeof d == "function" && /* @__PURE__ */ c(i, {
+					variant: "text",
+					size: "small",
+					color: "secondary",
+					endAdornment: /* @__PURE__ */ c(o, { name: "ChevronRightLine" }),
+					onClick: d,
+					children: "전체보기"
+				})]
+			}),
+			w && /* @__PURE__ */ c(t, {
+				rowCount: h,
+				columnCount: m,
+				spacing: g,
+				edgeSpacing: _,
+				direction: v,
+				defaultContainerWidth: y,
+				defaultContainerHeight: b,
+				role: "group",
+				"aria-label": "콘텐츠 목록",
+				...x,
+				children: C.map((e, t) => T(e, t, C.length))
+			}, C.map((e) => e.key).join(",")),
+			f && /* @__PURE__ */ c(a, {
+				mt: 2,
+				flexGrow: 1,
+				alignItems: "center",
+				justifyContent: "center",
+				inlineCSS: { width: "inherit" },
+				children: f
+			})
+		]
+	});
 }
-export {
-  U as default
-};
+//#endregion
+export { u as default };