@dotss/tictoccroc 0.4.2 → 0.5.0

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

@@ -1,142 +1,113 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as h, Children as b, isValidElement as v } from "react";
-import { Flexbox as n, Typography as m, Tooltip as E, Icon as s, Button as j } from "@dotss/ui";
-import k from "@dotss/ui/core/useTheme";
-import D from "./EducationItem/EducationItem.mjs";
-function B({
-  children: f,
-  action: d,
-  showTooltip: u = !1,
-  enableToggle: l = !1,
-  ...i
-}) {
-  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) => {
-    (t.key === "Enter" || t.key === " ") && a();
-  }, I = () => g((t) => !t);
-  return /* @__PURE__ */ c(
-    n,
-    {
-      tag: "section",
-      flexDirection: "column",
-      alignItems: "flex-start",
-      "aria-labelledby": "education-section-title",
-      gap: 2,
-      ...i,
-      inlineCSS: {
-        width: "100%",
-        ...i == null ? void 0 : i.inlineCSS
-      },
-      children: [
-        /* @__PURE__ */ c(n, { alignItems: "center", justifyContent: "center", gap: 1, children: [
-          /* @__PURE__ */ e(
-            m,
-            {
-              id: "education-section-title",
-              tag: "h2",
-              variant: "h2B",
-              "aria-label": "선생님 학력 목록",
-              children: "학력"
-            }
-          ),
-          u && /* @__PURE__ */ e(
-            E,
-            {
-              open: x,
-              onClose: a,
-              color: "secondary",
-              id: "education-section-tooltip",
-              bodyId: "education-section-tooltip-body",
-              body: /* @__PURE__ */ c(
-                m,
-                {
-                  tag: "p",
-                  variant: "b4R",
-                  color: "grey.white",
-                  noWrap: !0,
-                  inlineCSS: {
-                    display: "flex",
-                    gap: p.content(1),
-                    "& svg": {
-                      width: "20px !important",
-                      height: "20px !important",
-                      flexShrink: 0
-                    }
-                  },
-                  children: [
-                    "째깍악어가 확인한 정보는",
-                    /* @__PURE__ */ e(s, { name: "CertifiedFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
-                    "인증 마크가 붙어요!"
-                  ]
-                }
-              ),
-              offset: { x: 98 },
-              arrowOffset: { x: -98 },
-              children: /* @__PURE__ */ e(
-                s,
-                {
-                  role: "button",
-                  tabIndex: 0,
-                  name: "TooltipFill",
-                  size: "small",
-                  color: "grey.50",
-                  onClick: a,
-                  onKeyDown: w,
-                  "aria-label": "추가 정보 안내",
-                  inlineCSS: {
-                    cursor: "pointer"
-                  }
-                }
-              )
-            }
-          )
-        ] }),
-        C && /* @__PURE__ */ e(
-          n,
-          {
-            id: "education-section-education-items",
-            tag: "ul",
-            flexDirection: "column",
-            inlineCSS: { width: "inherit" },
-            children: r.slice(0, !l || o ? void 0 : 3)
-          }
-        ),
-        l && S && /* @__PURE__ */ e(
-          n,
-          {
-            alignItems: "center",
-            justifyContent: "center",
-            mt: 2,
-            inlineCSS: { width: "inherit" },
-            children: /* @__PURE__ */ e(
-              j,
-              {
-                fullWidth: !0,
-                variant: "text",
-                color: "secondary",
-                endAdornment: /* @__PURE__ */ e(s, { name: o ? "ChevronUpLine" : "ChevronDownLine" }),
-                onClick: I,
-                "aria-controls": "education-section-education-items",
-                "aria-expanded": o,
-                children: o ? "접기" : "더 보기"
-              }
-            )
-          }
-        ),
-        !l && d && /* @__PURE__ */ e(
-          n,
-          {
-            mt: 4,
-            flexGrow: 1,
-            alignItems: "center",
-            justifyContent: "center",
-            inlineCSS: { width: "inherit" },
-            children: d
-          }
-        )
-      ]
-    }
-  );
+import e from "./EducationItem/index.mjs";
+import { Children as t, isValidElement as n, useState as r } from "react";
+import { Button as i, Flexbox as a, Icon as o, Tooltip as s, Typography as c } from "@dotss/ui";
+import l from "@dotss/ui/core/useTheme";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region teacher/profile/components/EducationSection/EducationSection.tsx
+function f({ children: f, action: p, showTooltip: m = !1, enableToggle: h = !1, ...g }) {
+	let { spacing: _ } = l(), [v, y] = r(!1), [b, x] = r(!1), S = t.toArray(f).filter(n).filter((t) => t.type === e), C = S.length > 0, w = S.length > 3, T = () => y((e) => !e), E = (e) => {
+		(e.key === "Enter" || e.key === " ") && T();
+	}, D = () => x((e) => !e);
+	return /* @__PURE__ */ d(a, {
+		tag: "section",
+		flexDirection: "column",
+		alignItems: "flex-start",
+		"aria-labelledby": "education-section-title",
+		gap: 2,
+		...g,
+		inlineCSS: {
+			width: "100%",
+			...g?.inlineCSS
+		},
+		children: [
+			/* @__PURE__ */ d(a, {
+				alignItems: "center",
+				justifyContent: "center",
+				gap: 1,
+				children: [/* @__PURE__ */ u(c, {
+					id: "education-section-title",
+					tag: "h2",
+					variant: "h2B",
+					"aria-label": "선생님 학력 목록",
+					children: "학력"
+				}), m && /* @__PURE__ */ u(s, {
+					open: v,
+					onClose: T,
+					color: "secondary",
+					id: "education-section-tooltip",
+					bodyId: "education-section-tooltip-body",
+					body: /* @__PURE__ */ d(c, {
+						tag: "p",
+						variant: "b4R",
+						color: "grey.white",
+						noWrap: !0,
+						inlineCSS: {
+							display: "flex",
+							gap: _.content(1),
+							"& svg": {
+								width: "20px !important",
+								height: "20px !important",
+								flexShrink: 0
+							}
+						},
+						children: [
+							"째깍악어가 확인한 정보는",
+							/* @__PURE__ */ u(o, {
+								name: "CertifiedFill",
+								size: "small",
+								color: "tictoccroc-teacher.brand.green"
+							}),
+							"인증 마크가 붙어요!"
+						]
+					}),
+					offset: { x: 98 },
+					arrowOffset: { x: -98 },
+					children: /* @__PURE__ */ u(o, {
+						role: "button",
+						tabIndex: 0,
+						name: "TooltipFill",
+						size: "small",
+						color: "grey.50",
+						onClick: T,
+						onKeyDown: E,
+						"aria-label": "추가 정보 안내",
+						inlineCSS: { cursor: "pointer" }
+					})
+				})]
+			}),
+			C && /* @__PURE__ */ u(a, {
+				id: "education-section-education-items",
+				tag: "ul",
+				flexDirection: "column",
+				inlineCSS: { width: "inherit" },
+				children: S.slice(0, !h || b ? void 0 : 3)
+			}),
+			h && w && /* @__PURE__ */ u(a, {
+				alignItems: "center",
+				justifyContent: "center",
+				mt: 2,
+				inlineCSS: { width: "inherit" },
+				children: /* @__PURE__ */ u(i, {
+					fullWidth: !0,
+					variant: "text",
+					color: "secondary",
+					endAdornment: /* @__PURE__ */ u(o, { name: b ? "ChevronUpLine" : "ChevronDownLine" }),
+					onClick: D,
+					"aria-controls": "education-section-education-items",
+					"aria-expanded": b,
+					children: b ? "접기" : "더 보기"
+				})
+			}),
+			!h && p && /* @__PURE__ */ u(a, {
+				mt: 4,
+				flexGrow: 1,
+				alignItems: "center",
+				justifyContent: "center",
+				inlineCSS: { width: "inherit" },
+				children: p
+			})
+		]
+	});
 }
-export {
-  B as default
-};
+//#endregion
+export { f as default };

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

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

package/dist/teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs

@@ -1,103 +1,108 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as f, useRef as z, useEffect as j } from "react";
-import { Flexbox as i, Icon as u, Typography as t, Button as D } from "@dotss/ui";
-import H from "@dotss/ui/core/useTheme";
-import Y from "dayjs";
-import { getChildLabel as k } from "../ParentReviewSection.utils.mjs";
-function B({
-  score: l = 0,
-  content: c,
-  careTypeLabel: v,
-  childrenInfo: x,
-  regDatetime: w,
-  ...b
-}) {
-  var h, g;
-  const {
-    palette: { brand: s }
-  } = H(), [y, C] = f(!1), [a, S] = f(!1), o = z(null), { label: d, other: p } = k(x), I = Y(w), R = () => S((r) => !r);
-  return j(() => {
-    const r = () => {
-      if (!o.current) return;
-      const m = o.current, E = parseInt(window.getComputedStyle(m).lineHeight), L = m.scrollHeight, M = Math.ceil(L / E);
-      C(M > 3);
-    };
-    return r(), window.addEventListener("resize", r), () => {
-      window.removeEventListener("resize", r);
-    };
-  }, [c]), /* @__PURE__ */ n(i, { tag: "li", flexDirection: "column", gap: 2, flexGrow: 1, ...b, children: [
-    /* @__PURE__ */ n(i, { alignItems: "center", gap: 1, children: [
-      /* @__PURE__ */ e(u, { name: "ReviewFill", size: "small", color: "tictoccroc-teacher.brand.yellow" }),
-      /* @__PURE__ */ e(t, { tag: "span", variant: "h4M", "aria-label": `${l}점`, children: l })
-    ] }),
-    /* @__PURE__ */ n(i, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
-      /* @__PURE__ */ n(i, { flexGrow: 1, gap: 1, alignItems: "center", children: [
-        /* @__PURE__ */ e(t, { tag: "span", variant: "b4M", color: "grey.70", children: v }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            tag: "span",
-            variant: "b5M",
-            color: "grey.70",
-            textAlign: "center",
-            "aria-hidden": !0,
-            inlineCSS: {
-              width: 7,
-              height: 20,
-              lineHeight: "20px"
-            },
-            children: "•"
-          }
-        ),
-        /* @__PURE__ */ n(
-          t,
-          {
-            tag: "p",
-            variant: "b4M",
-            color: "grey.70",
-            inlineCSS: {
-              "& > span": {
-                color: d.includes("여아") ? (h = s.extend) == null ? void 0 : h.pink : (g = s.extend) == null ? void 0 : g.blue
-              }
-            },
-            children: [
-              /* @__PURE__ */ e("span", { children: d }),
-              p ? ` ${p}` : ""
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(t, { tag: "span", variant: "b4R", color: "grey.70", children: I.format("YYYY년 M월 D일") })
-    ] }),
-    /* @__PURE__ */ n(i, { flexDirection: "column", children: [
-      /* @__PURE__ */ e(
-        t,
-        {
-          ref: o,
-          id: "parent-review-content",
-          tag: "p",
-          variant: "b4R",
-          lineClamp: a ? void 0 : 3,
-          children: c
-        }
-      ),
-      y && /* @__PURE__ */ e(
-        D,
-        {
-          variant: "text",
-          size: "xSmall",
-          color: "secondary",
-          endAdornment: /* @__PURE__ */ e(u, { name: a ? "ChevronUpLine" : "ChevronDownLine" }),
-          onClick: R,
-          "aria-expanded": a,
-          "aria-controls": "parent-review-content",
-          inlineCSS: { marginLeft: "auto" },
-          children: a ? "접기" : "더 보기"
-        }
-      )
-    ] })
-  ] });
+import { getChildLabel as e } from "../ParentReviewSection.utils.mjs";
+import { useEffect as t, useRef 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 l from "dayjs";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.tsx
+function f({ score: f = 0, content: p, careTypeLabel: m, childrenInfo: h, regDatetime: g, ..._ }) {
+	let { palette: { brand: v } } = c(), [y, b] = r(!1), [x, S] = r(!1), C = n(null), { label: w, other: T } = e(h), E = l(g), D = () => S((e) => !e);
+	return t(() => {
+		let e = () => {
+			if (!C.current) return;
+			let e = C.current, t = parseInt(window.getComputedStyle(e).lineHeight), n = e.scrollHeight;
+			b(Math.ceil(n / t) > 3);
+		};
+		return e(), window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [p]), /* @__PURE__ */ d(a, {
+		tag: "li",
+		flexDirection: "column",
+		gap: 2,
+		flexGrow: 1,
+		..._,
+		children: [
+			/* @__PURE__ */ d(a, {
+				alignItems: "center",
+				gap: 1,
+				children: [/* @__PURE__ */ u(o, {
+					name: "ReviewFill",
+					size: "small",
+					color: "tictoccroc-teacher.brand.yellow"
+				}), /* @__PURE__ */ u(s, {
+					tag: "span",
+					variant: "h4M",
+					"aria-label": `${f}점`,
+					children: f
+				})]
+			}),
+			/* @__PURE__ */ d(a, {
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: 1,
+				children: [/* @__PURE__ */ d(a, {
+					flexGrow: 1,
+					gap: 1,
+					alignItems: "center",
+					children: [
+						/* @__PURE__ */ u(s, {
+							tag: "span",
+							variant: "b4M",
+							color: "grey.70",
+							children: m
+						}),
+						/* @__PURE__ */ u(s, {
+							tag: "span",
+							variant: "b5M",
+							color: "grey.70",
+							textAlign: "center",
+							"aria-hidden": !0,
+							inlineCSS: {
+								width: 7,
+								height: 20,
+								lineHeight: "20px"
+							},
+							children: "•"
+						}),
+						/* @__PURE__ */ d(s, {
+							tag: "p",
+							variant: "b4M",
+							color: "grey.70",
+							inlineCSS: { "& > span": { color: w.includes("여아") ? v.extend?.pink : v.extend?.blue } },
+							children: [/* @__PURE__ */ u("span", { children: w }), T ? ` ${T}` : ""]
+						})
+					]
+				}), /* @__PURE__ */ u(s, {
+					tag: "span",
+					variant: "b4R",
+					color: "grey.70",
+					children: E.format("YYYY년 M월 D일")
+				})]
+			}),
+			/* @__PURE__ */ d(a, {
+				flexDirection: "column",
+				children: [/* @__PURE__ */ u(s, {
+					ref: C,
+					id: "parent-review-content",
+					tag: "p",
+					variant: "b4R",
+					lineClamp: x ? void 0 : 3,
+					children: p
+				}), y && /* @__PURE__ */ u(i, {
+					variant: "text",
+					size: "xSmall",
+					color: "secondary",
+					endAdornment: /* @__PURE__ */ u(o, { name: x ? "ChevronUpLine" : "ChevronDownLine" }),
+					onClick: D,
+					"aria-expanded": x,
+					"aria-controls": "parent-review-content",
+					inlineCSS: { marginLeft: "auto" },
+					children: x ? "접기" : "더 보기"
+				})]
+			})
+		]
+	});
 }
-export {
-  B as default
-};
+//#endregion
+export { f as default };

package/dist/teacher/profile/components/ParentReviewSection/ParentReviewCard/index.mjs

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