@dotss/tictoccroc 0.4.1 → 0.5.0

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

@@ -1,177 +1,134 @@
-import { jsxs as i, jsx as n, Fragment as m } from "react/jsx-runtime";
-import { useState as S, Children as E, isValidElement as F } from "react";
-import { Flexbox as r, Typography as f, Tooltip as Y, Icon as p, Button as M } from "@dotss/ui";
-import T from "@dotss/ui/core/useTheme";
-import g from "dayjs";
-import W from "./CareerItem/CareerItem.mjs";
-function U({
-  children: u,
-  action: C,
-  showTooltip: x = !1,
-  enableToggle: s = !1,
-  ...o
-}) {
-  const { spacing: w } = T(), [I, b] = S(!1), [l, v] = S(!1), a = E.toArray(u).filter(F).filter((e) => e.type === W), j = a.length > 0, D = a.length > 3, y = a.map((e) => [e.props.startDate, e.props.endDate ?? g().format("YYYY-MM-DD")]).map(([e, t]) => [g(e), g(t)]).map(
-    ([e, t]) => t.diff(e, "month") < 1 ? 1 : t.diff(e, "month")
-  ), c = Math.floor(y.reduce((e, t) => e + t, 0) / 12), d = y.reduce((e, t) => e + t, 0) % 12, k = () => v((e) => !e), h = () => b((e) => !e), O = (e) => {
-    (e.key === "Enter" || e.key === " ") && h();
-  };
-  return /* @__PURE__ */ i(
-    r,
-    {
-      tag: "section",
-      flexDirection: "column",
-      alignItems: "flex-start",
-      "aria-labelledby": "career-title",
-      gap: 2,
-      ...o,
-      inlineCSS: {
-        width: "100%",
-        ...o == null ? void 0 : o.inlineCSS
-      },
-      children: [
-        /* @__PURE__ */ i(
-          r,
-          {
-            alignItems: "center",
-            justifyContent: "space-between",
-            gap: 2,
-            inlineCSS: { width: "inherit" },
-            children: [
-              /* @__PURE__ */ i(
-                r,
-                {
-                  alignItems: "center",
-                  justifyContent: "center",
-                  gap: 1,
-                  inlineCSS: { position: "relative" },
-                  children: [
-                    /* @__PURE__ */ n(
-                      f,
-                      {
-                        id: "career-section-title",
-                        tag: "h2",
-                        variant: "h2B",
-                        "aria-label": "선생님 경력 안내",
-                        children: "경력"
-                      }
-                    ),
-                    x && /* @__PURE__ */ n(
-                      Y,
-                      {
-                        open: I,
-                        onClose: h,
-                        color: "secondary",
-                        id: "career-section-tooltip",
-                        bodyId: "career-section-tooltip-body",
-                        body: /* @__PURE__ */ i(
-                          f,
-                          {
-                            tag: "p",
-                            variant: "b4R",
-                            color: "grey.white",
-                            noWrap: !0,
-                            inlineCSS: {
-                              display: "flex",
-                              gap: w.content(1),
-                              "& svg": {
-                                width: "20px !important",
-                                height: "20px !important",
-                                flexShrink: 0
-                              }
-                            },
-                            children: [
-                              "째깍악어가 확인한 정보는",
-                              /* @__PURE__ */ n(p, { name: "CertifiedFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
-                              "인증 마크가 붙어요!"
-                            ]
-                          }
-                        ),
-                        offset: { x: 100 },
-                        arrowOffset: { x: -100 },
-                        children: /* @__PURE__ */ n(
-                          p,
-                          {
-                            role: "button",
-                            tabIndex: 0,
-                            name: "TooltipFill",
-                            size: "small",
-                            color: "grey.50",
-                            onClick: h,
-                            onKeyDown: O,
-                            "aria-label": "추가 정보 안내",
-                            inlineCSS: {
-                              cursor: "pointer"
-                            }
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              ),
-              (c > 0 || d > 0) && /* @__PURE__ */ i(f, { tag: "p", variant: "h4R", inlineCSS: { "& strong": { fontWeight: 700 } }, children: [
-                "총 ",
-                c > 0 && /* @__PURE__ */ i(m, { children: [
-                  /* @__PURE__ */ n("strong", { children: c }),
-                  "년"
-                ] }),
-                d > 0 && /* @__PURE__ */ i(m, { children: [
-                  c > 0 && /* @__PURE__ */ n(m, { children: " " }),
-                  /* @__PURE__ */ n("strong", { children: d }),
-                  "개월"
-                ] })
-              ] })
-            ]
-          }
-        ),
-        j && /* @__PURE__ */ n(
-          r,
-          {
-            id: "career-section-career-items",
-            tag: "ul",
-            flexDirection: "column",
-            inlineCSS: { width: "inherit" },
-            children: a.slice(0, !s || l ? void 0 : 3)
-          }
-        ),
-        s && D && /* @__PURE__ */ n(
-          r,
-          {
-            alignItems: "center",
-            justifyContent: "center",
-            mt: 2,
-            inlineCSS: { width: "inherit" },
-            children: /* @__PURE__ */ n(
-              M,
-              {
-                fullWidth: !0,
-                variant: "text",
-                color: "secondary",
-                endAdornment: /* @__PURE__ */ n(p, { name: l ? "ChevronUpLine" : "ChevronDownLine" }),
-                onClick: k,
-                "aria-controls": "career-section-career-items",
-                "aria-expanded": l,
-                children: l ? "접기" : "더 보기"
-              }
-            )
-          }
-        ),
-        !s && C && /* @__PURE__ */ n(
-          r,
-          {
-            mt: 4,
-            flexGrow: 1,
-            alignItems: "center",
-            justifyContent: "center",
-            inlineCSS: { width: "inherit" },
-            children: C
-          }
-        )
-      ]
-    }
-  );
+import e from "./CareerItem/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 u from "dayjs";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region teacher/profile/components/CareerSection/CareerSection.tsx
+function m({ children: m, action: h, showTooltip: g = !1, enableToggle: _ = !1, ...v }) {
+	let { spacing: y } = l(), [b, x] = r(!1), [S, C] = r(!1), w = t.toArray(m).filter(n).filter((t) => t.type === e), T = w.length > 0, E = w.length > 3, D = w.map((e) => [e.props.startDate, e.props.endDate ?? u().format("YYYY-MM-DD")]).map(([e, t]) => [u(e), u(t)]).map(([e, t]) => t.diff(e, "month") < 1 ? 1 : t.diff(e, "month")), O = Math.floor(D.reduce((e, t) => e + t, 0) / 12), k = D.reduce((e, t) => e + t, 0) % 12, A = () => C((e) => !e), j = () => x((e) => !e), M = (e) => {
+		(e.key === "Enter" || e.key === " ") && j();
+	};
+	return /* @__PURE__ */ p(a, {
+		tag: "section",
+		flexDirection: "column",
+		alignItems: "flex-start",
+		"aria-labelledby": "career-title",
+		gap: 2,
+		...v,
+		inlineCSS: {
+			width: "100%",
+			...v?.inlineCSS
+		},
+		children: [
+			/* @__PURE__ */ p(a, {
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: 2,
+				inlineCSS: { width: "inherit" },
+				children: [/* @__PURE__ */ p(a, {
+					alignItems: "center",
+					justifyContent: "center",
+					gap: 1,
+					inlineCSS: { position: "relative" },
+					children: [/* @__PURE__ */ f(c, {
+						id: "career-section-title",
+						tag: "h2",
+						variant: "h2B",
+						"aria-label": "선생님 경력 안내",
+						children: "경력"
+					}), g && /* @__PURE__ */ f(s, {
+						open: b,
+						onClose: j,
+						color: "secondary",
+						id: "career-section-tooltip",
+						bodyId: "career-section-tooltip-body",
+						body: /* @__PURE__ */ p(c, {
+							tag: "p",
+							variant: "b4R",
+							color: "grey.white",
+							noWrap: !0,
+							inlineCSS: {
+								display: "flex",
+								gap: y.content(1),
+								"& svg": {
+									width: "20px !important",
+									height: "20px !important",
+									flexShrink: 0
+								}
+							},
+							children: [
+								"째깍악어가 확인한 정보는",
+								/* @__PURE__ */ f(o, {
+									name: "CertifiedFill",
+									size: "small",
+									color: "tictoccroc-teacher.brand.green"
+								}),
+								"인증 마크가 붙어요!"
+							]
+						}),
+						offset: { x: 100 },
+						arrowOffset: { x: -100 },
+						children: /* @__PURE__ */ f(o, {
+							role: "button",
+							tabIndex: 0,
+							name: "TooltipFill",
+							size: "small",
+							color: "grey.50",
+							onClick: j,
+							onKeyDown: M,
+							"aria-label": "추가 정보 안내",
+							inlineCSS: { cursor: "pointer" }
+						})
+					})]
+				}), (O > 0 || k > 0) && /* @__PURE__ */ p(c, {
+					tag: "p",
+					variant: "h4R",
+					inlineCSS: { "& strong": { fontWeight: 700 } },
+					children: [
+						"총\xA0",
+						O > 0 && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("strong", { children: O }), "년"] }),
+						k > 0 && /* @__PURE__ */ p(d, { children: [
+							O > 0 && /* @__PURE__ */ f(d, { children: "\xA0" }),
+							/* @__PURE__ */ f("strong", { children: k }),
+							"개월"
+						] })
+					]
+				})]
+			}),
+			T && /* @__PURE__ */ f(a, {
+				id: "career-section-career-items",
+				tag: "ul",
+				flexDirection: "column",
+				inlineCSS: { width: "inherit" },
+				children: w.slice(0, !_ || S ? void 0 : 3)
+			}),
+			_ && E && /* @__PURE__ */ f(a, {
+				alignItems: "center",
+				justifyContent: "center",
+				mt: 2,
+				inlineCSS: { width: "inherit" },
+				children: /* @__PURE__ */ f(i, {
+					fullWidth: !0,
+					variant: "text",
+					color: "secondary",
+					endAdornment: /* @__PURE__ */ f(o, { name: S ? "ChevronUpLine" : "ChevronDownLine" }),
+					onClick: A,
+					"aria-controls": "career-section-career-items",
+					"aria-expanded": S,
+					children: S ? "접기" : "더 보기"
+				})
+			}),
+			!_ && h && /* @__PURE__ */ f(a, {
+				mt: 4,
+				flexGrow: 1,
+				alignItems: "center",
+				justifyContent: "center",
+				inlineCSS: { width: "inherit" },
+				children: h
+			})
+		]
+	});
 }
-export {
-  U as default
-};
+//#endregion
+export { m as default };

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

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

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

@@ -1,89 +1,83 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { Flexbox as a, Typography as g, Icon as c } from "@dotss/ui";
-import y from "@dotss/ui/core/useTheme";
-import { useCheckHoverPossible as u } from "@dotss/ui/hooks";
-function D({ name: b, acquisitionDate: h, status: o, id: l, ...e }) {
-  const { isHoverPossible: s } = u(), {
-    palette: { grey: m },
-    spacing: d
-  } = y(), i = typeof e.onClick == "function";
-  return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ r(
-    a,
-    {
-      role: "button",
-      tabIndex: i ? 0 : -1,
-      alignItems: "center",
-      gap: 1,
-      pt: 2,
-      pb: 2,
-      pl: 4,
-      pr: 4,
-      ml: -4,
-      mr: -4,
-      onKeyDown: (n) => {
-        var f;
-        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), (f = e.onKeyDown) == null || f.call(e, n);
-      },
-      "aria-labelledby": `certificate-item-name-${l}`,
-      "aria-describedby": `certificate-item-desc-${l}`,
-      ...e,
-      inlineCSS: {
-        cursor: i ? "pointer" : "default",
-        ...i && {
-          "&:active": {
-            backgroundColor: m[10]
-          }
-        },
-        ...i && s ? {
-          "&:hover": {
-            backgroundColor: m[10]
-          }
-        } : {},
-        ...e == null ? void 0 : e.inlineCSS
-      },
-      children: [
-        /* @__PURE__ */ r(a, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
-          /* @__PURE__ */ t(a, { alignItems: "center", gap: 1, children: /* @__PURE__ */ r(g, { id: `certificate-item-name-${l}`, tag: "p", variant: "b2M", children: [
-            b,
-            o === "VERIFIED" && /* @__PURE__ */ t(
-              c,
-              {
-                name: "CertifiedFill",
-                size: "small",
-                color: "tictoccroc-teacher.brand.green",
-                "aria-label": "인증된 자격증 마크",
-                inlineCSS: {
-                  minWidth: 20,
-                  verticalAlign: "-5px",
-                  marginLeft: d.content(1)
-                }
-              }
-            ),
-            o === "REJECTED" && /* @__PURE__ */ t(
-              c,
-              {
-                name: "AlertFill",
-                size: "small",
-                color: "etc.red",
-                "aria-label": "인증되지 않은 자격증 마크",
-                inlineCSS: {
-                  minWidth: 20,
-                  verticalAlign: "-5px",
-                  marginLeft: d.content(1)
-                }
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ r(g, { id: `certificate-item-desc-${l}`, tag: "p", variant: "b5R", color: "grey.50", children: [
-            h,
-            " 취득"
-          ] })
-        ] }),
-        i && /* @__PURE__ */ t(c, { 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/CertificateSection/CertificateItem/CertificateItem.tsx
+function s({ name: s, acquisitionDate: c, status: l, id: u, ...d }) {
+	let { isHoverPossible: f } = o(), { palette: { grey: p }, spacing: m } = r(), h = typeof d.onClick == "function";
+	return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ a(e, {
+		role: "button",
+		tabIndex: h ? 0 : -1,
+		alignItems: "center",
+		gap: 1,
+		pt: 2,
+		pb: 2,
+		pl: 4,
+		pr: 4,
+		ml: -4,
+		mr: -4,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click()), d.onKeyDown?.(e);
+		},
+		"aria-labelledby": `certificate-item-name-${u}`,
+		"aria-describedby": `certificate-item-desc-${u}`,
+		...d,
+		inlineCSS: {
+			cursor: h ? "pointer" : "default",
+			...h && { "&:active": { backgroundColor: p[10] } },
+			...h && f ? { "&:hover": { backgroundColor: p[10] } } : {},
+			...d?.inlineCSS
+		},
+		children: [/* @__PURE__ */ a(e, {
+			flexDirection: "column",
+			gap: 1,
+			flexGrow: 1,
+			children: [/* @__PURE__ */ i(e, {
+				alignItems: "center",
+				gap: 1,
+				children: /* @__PURE__ */ a(n, {
+					id: `certificate-item-name-${u}`,
+					tag: "p",
+					variant: "b2M",
+					children: [
+						s,
+						l === "VERIFIED" && /* @__PURE__ */ i(t, {
+							name: "CertifiedFill",
+							size: "small",
+							color: "tictoccroc-teacher.brand.green",
+							"aria-label": "인증된 자격증 마크",
+							inlineCSS: {
+								minWidth: 20,
+								verticalAlign: "-5px",
+								marginLeft: m.content(1)
+							}
+						}),
+						l === "REJECTED" && /* @__PURE__ */ i(t, {
+							name: "AlertFill",
+							size: "small",
+							color: "etc.red",
+							"aria-label": "인증되지 않은 자격증 마크",
+							inlineCSS: {
+								minWidth: 20,
+								verticalAlign: "-5px",
+								marginLeft: m.content(1)
+							}
+						})
+					]
+				})
+			}), /* @__PURE__ */ a(n, {
+				id: `certificate-item-desc-${u}`,
+				tag: "p",
+				variant: "b5R",
+				color: "grey.50",
+				children: [c, " 취득"]
+			})]
+		}), h && /* @__PURE__ */ i(t, {
+			name: "ChevronRightLine",
+			size: "xSmall",
+			color: "grey.50"
+		})]
+	}) });
 }
-export {
-  D as default
-};
+//#endregion
+export { s as default };

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

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