@dotss/tictoccroc 0.4.2 → 0.6.0

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

@@ -1,142 +1,113 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as f, Children as b, isValidElement as v } from "react";
-import { Flexbox as i, Typography as h, Tooltip as j, Icon as s, Button as k } from "@dotss/ui";
-import D from "@dotss/ui/core/useTheme";
-import O from "./CertificateItem/CertificateItem.mjs";
-function A({
-  children: m,
-  action: d,
-  showTooltip: p = !1,
-  enableToggle: o = !1,
-  ...n
-}) {
-  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) => {
-    (t.key === "Enter" || t.key === " ") && c();
-  }, I = () => g((t) => !t);
-  return /* @__PURE__ */ a(
-    i,
-    {
-      tag: "section",
-      flexDirection: "column",
-      alignItems: "flex-start",
-      "aria-labelledby": "certificate-section-title",
-      gap: 2,
-      ...n,
-      inlineCSS: {
-        width: "100%",
-        ...n == null ? void 0 : n.inlineCSS
-      },
-      children: [
-        /* @__PURE__ */ a(i, { alignItems: "center", justifyContent: "center", gap: 1, children: [
-          /* @__PURE__ */ e(
-            h,
-            {
-              id: "certificate-section-title",
-              tag: "h2",
-              variant: "h2B",
-              "aria-label": "선생님 자격증 목록",
-              children: "자격증"
-            }
-          ),
-          p && /* @__PURE__ */ e(
-            j,
-            {
-              open: y,
-              onClose: c,
-              color: "secondary",
-              id: "certificate-section-tooltip",
-              bodyId: "certificate-section-tooltip-body",
-              body: /* @__PURE__ */ a(
-                h,
-                {
-                  tag: "p",
-                  variant: "b4R",
-                  color: "grey.white",
-                  noWrap: !0,
-                  inlineCSS: {
-                    display: "flex",
-                    gap: x.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: 82 },
-              arrowOffset: { x: -82 },
-              children: /* @__PURE__ */ e(
-                s,
-                {
-                  role: "button",
-                  tabIndex: 0,
-                  name: "TooltipFill",
-                  size: "small",
-                  color: "grey.50",
-                  onClick: c,
-                  onKeyDown: w,
-                  "aria-label": "추가 정보 안내",
-                  inlineCSS: {
-                    cursor: "pointer"
-                  }
-                }
-              )
-            }
-          )
-        ] }),
-        u && /* @__PURE__ */ e(
-          i,
-          {
-            id: "certificate-section-certificate-items",
-            tag: "ul",
-            flexDirection: "column",
-            inlineCSS: { width: "inherit" },
-            children: l.slice(0, !o || r ? void 0 : 3)
-          }
-        ),
-        o && S && /* @__PURE__ */ e(
-          i,
-          {
-            alignItems: "center",
-            justifyContent: "center",
-            mt: 2,
-            inlineCSS: { width: "inherit" },
-            children: /* @__PURE__ */ e(
-              k,
-              {
-                fullWidth: !0,
-                variant: "text",
-                color: "secondary",
-                endAdornment: /* @__PURE__ */ e(s, { name: r ? "ChevronUpLine" : "ChevronDownLine" }),
-                onClick: I,
-                "aria-controls": "certificate-section-certificate-items",
-                "aria-expanded": r,
-                children: r ? "접기" : "더 보기"
-              }
-            )
-          }
-        ),
-        !o && d && /* @__PURE__ */ e(
-          i,
-          {
-            mt: 4,
-            flexGrow: 1,
-            alignItems: "center",
-            justifyContent: "center",
-            inlineCSS: { width: "inherit" },
-            children: d
-          }
-        )
-      ]
-    }
-  );
+import e from "./CertificateItem/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/CertificateSection/CertificateSection.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": "certificate-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: "certificate-section-title",
+					tag: "h2",
+					variant: "h2B",
+					"aria-label": "선생님 자격증 목록",
+					children: "자격증"
+				}), m && /* @__PURE__ */ u(s, {
+					open: v,
+					onClose: T,
+					color: "secondary",
+					id: "certificate-section-tooltip",
+					bodyId: "certificate-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: 82 },
+					arrowOffset: { x: -82 },
+					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: "certificate-section-certificate-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": "certificate-section-certificate-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 {
-  A as default
-};
+//#endregion
+export { f as default };

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

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

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

@@ -1,112 +1,97 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { Flexbox as c, Typography as m, Icon as d } from "@dotss/ui";
-import s from "@dotss/ui/core/useTheme";
-import { useCheckHoverPossible as C } from "@dotss/ui/hooks";
-function R({
-  name: f,
-  status: g,
-  major: u,
-  academicStatus: o,
-  id: r,
-  regDatetime: v,
-  priority: x,
-  ...e
-}) {
-  const { isHoverPossible: y } = C(), {
-    palette: { grey: a },
-    spacing: b
-  } = s(), i = typeof e.onClick == "function";
-  return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ l(
-    c,
-    {
-      role: "button",
-      tabIndex: i ? 0 : -1,
-      alignItems: "center",
-      gap: 4,
-      pt: 2,
-      pb: 2,
-      pl: 4,
-      pr: 4,
-      ml: -4,
-      mr: -4,
-      onKeyDown: (n) => {
-        var h;
-        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), (h = e.onKeyDown) == null || h.call(e, n);
-      },
-      "aria-labelledby": `education-item-title-${r}`,
-      "aria-describedby": `education-item-desc-${r}`,
-      ...e,
-      inlineCSS: {
-        cursor: i ? "pointer" : "default",
-        ...i && {
-          "&:active": {
-            backgroundColor: a[10]
-          }
-        },
-        ...i && y ? {
-          "&:hover": {
-            backgroundColor: a[10]
-          }
-        } : {},
-        ...e == null ? void 0 : e.inlineCSS
-      },
-      children: [
-        /* @__PURE__ */ l(c, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
-          /* @__PURE__ */ l(m, { id: `education-item-title-${r}`, tag: "p", variant: "b2M", children: [
-            f,
-            g === "VERIFIED" && /* @__PURE__ */ t(
-              d,
-              {
-                name: "CertifiedFill",
-                size: "small",
-                color: "tictoccroc-teacher.brand.green",
-                "aria-label": "인증된 학력 마크",
-                inlineCSS: {
-                  minWidth: 20,
-                  verticalAlign: "-5px",
-                  marginLeft: b.content(1)
-                }
-              }
-            ),
-            g === "REJECTED" && /* @__PURE__ */ t(
-              d,
-              {
-                name: "AlertFill",
-                size: "small",
-                color: "etc.red",
-                "aria-label": "인증되지 않은 학력 마크",
-                inlineCSS: {
-                  minWidth: 20,
-                  verticalAlign: "-5px",
-                  marginLeft: b.content(1)
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t(m, { id: `education-item-desc-${r}`, tag: "p", variant: "b5R", color: "grey.50", children: u })
-        ] }),
-        /* @__PURE__ */ l(c, { alignItems: "center", gap: 2, children: [
-          /* @__PURE__ */ l(
-            m,
-            {
-              tag: "p",
-              variant: "b4R",
-              color: "grey.70",
-              noWrap: !0,
-              inlineCSS: { "& strong": { color: a[100], fontWeight: 700 } },
-              children: [
-                o === "STUDYING" && "재학중",
-                o === "ONBREAK" && "휴학",
-                o === "FINISHED" && "졸업"
-              ]
-            }
-          ),
-          i && /* @__PURE__ */ t(d, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
-        ] })
-      ]
-    }
-  ) });
+import { Flexbox as e, Icon as t, Typography as n } from "@dotss/ui";
+import r from "@dotss/ui/core/useTheme";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useCheckHoverPossible as o } from "@dotss/ui/hooks";
+//#region teacher/profile/components/EducationSection/EducationItem/EducationItem.tsx
+function s({ name: s, status: c, major: l, academicStatus: u, id: d, regDatetime: f, priority: p, ...m }) {
+	let { isHoverPossible: h } = o(), { palette: { grey: g }, spacing: _ } = r(), v = typeof m.onClick == "function";
+	return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ a(e, {
+		role: "button",
+		tabIndex: v ? 0 : -1,
+		alignItems: "center",
+		gap: 4,
+		pt: 2,
+		pb: 2,
+		pl: 4,
+		pr: 4,
+		ml: -4,
+		mr: -4,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click()), m.onKeyDown?.(e);
+		},
+		"aria-labelledby": `education-item-title-${d}`,
+		"aria-describedby": `education-item-desc-${d}`,
+		...m,
+		inlineCSS: {
+			cursor: v ? "pointer" : "default",
+			...v && { "&:active": { backgroundColor: g[10] } },
+			...v && h ? { "&:hover": { backgroundColor: g[10] } } : {},
+			...m?.inlineCSS
+		},
+		children: [/* @__PURE__ */ a(e, {
+			flexDirection: "column",
+			gap: 1,
+			flexGrow: 1,
+			children: [/* @__PURE__ */ a(n, {
+				id: `education-item-title-${d}`,
+				tag: "p",
+				variant: "b2M",
+				children: [
+					s,
+					c === "VERIFIED" && /* @__PURE__ */ i(t, {
+						name: "CertifiedFill",
+						size: "small",
+						color: "tictoccroc-teacher.brand.green",
+						"aria-label": "인증된 학력 마크",
+						inlineCSS: {
+							minWidth: 20,
+							verticalAlign: "-5px",
+							marginLeft: _.content(1)
+						}
+					}),
+					c === "REJECTED" && /* @__PURE__ */ i(t, {
+						name: "AlertFill",
+						size: "small",
+						color: "etc.red",
+						"aria-label": "인증되지 않은 학력 마크",
+						inlineCSS: {
+							minWidth: 20,
+							verticalAlign: "-5px",
+							marginLeft: _.content(1)
+						}
+					})
+				]
+			}), /* @__PURE__ */ i(n, {
+				id: `education-item-desc-${d}`,
+				tag: "p",
+				variant: "b5R",
+				color: "grey.50",
+				children: l
+			})]
+		}), /* @__PURE__ */ a(e, {
+			alignItems: "center",
+			gap: 2,
+			children: [/* @__PURE__ */ a(n, {
+				tag: "p",
+				variant: "b4R",
+				color: "grey.70",
+				noWrap: !0,
+				inlineCSS: { "& strong": {
+					color: g[100],
+					fontWeight: 700
+				} },
+				children: [
+					u === "STUDYING" && "재학중",
+					u === "ONBREAK" && "휴학",
+					u === "FINISHED" && "졸업"
+				]
+			}), v && /* @__PURE__ */ i(t, {
+				name: "ChevronRightLine",
+				size: "xSmall",
+				color: "grey.50"
+			})]
+		})]
+	}) });
 }
-export {
-  R as default
-};
+//#endregion
+export { s as default };

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

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