@dotss/tictoccroc 0.4.2 → 0.6.0

package/dist/teacher/profile/components/CareNoteSection/CareNote/CareNote.mjs

@@ -1,54 +1,62 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Typography as l, Flexbox as g, Label as u } from "@dotss/ui";
-import x from "@dotss/ui/core/useTheme";
-import y from "dayjs";
-import C from "../../../../../shared/components/Roller/RollerBlock/RollerBlock.mjs";
-import { getChildLabel as S } from "../CareNoteSection.utils.mjs";
-function D({ content: h, keywords: t, regDatetime: p, childrenInfo: s, ...n }) {
-  var c, m;
-  const {
-    palette: { grey: f, brand: i }
-  } = x(), { label: a, other: o } = S(s), b = y(p);
-  return /* @__PURE__ */ r(
-    C,
-    {
-      p: 4,
-      flexDirection: "column",
-      gap: 3,
-      ...n,
-      inlineCSS: {
-        minHeight: 220,
-        borderRadius: 12,
-        backgroundColor: f.white,
-        ...n == null ? void 0 : n.inlineCSS
-      },
-      children: [
-        /* @__PURE__ */ e(l, { tag: "p", variant: "b4R", color: "grey.70", lineClamp: 6, inlineCSS: { flexGrow: 1 }, children: h }),
-        t.length > 0 && /* @__PURE__ */ e(g, { alignItems: "center", gap: 1, flexWrap: "wrap", children: t.map((d) => /* @__PURE__ */ e(u, { variant: "ghost", color: "yellow", size: "small", children: d }, `activity-keyword-${d}`)) }),
-        /* @__PURE__ */ r(g, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
-          /* @__PURE__ */ e(l, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY년 M월 D일") }),
-          /* @__PURE__ */ r(
-            l,
-            {
-              tag: "p",
-              variant: "b4M",
-              color: "grey.70",
-              inlineCSS: {
-                "& > span": {
-                  color: a.includes("여아") ? (c = i.extend) == null ? void 0 : c.pink : (m = i.extend) == null ? void 0 : m.blue
-                }
-              },
-              children: [
-                /* @__PURE__ */ e("span", { children: a }),
-                o ? ` ${o}` : ""
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
+import e from "../../../../../shared/components/Roller/RollerBlock/index.mjs";
+import { getChildLabel as t } from "../CareNoteSection.utils.mjs";
+import { Flexbox as n, Label as r, Typography as i } from "@dotss/ui";
+import a from "@dotss/ui/core/useTheme";
+import o from "dayjs";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region teacher/profile/components/CareNoteSection/CareNote/CareNote.tsx
+function l({ content: l, keywords: u, regDatetime: d, childrenInfo: f, ...p }) {
+	let { palette: { grey: m, brand: h } } = a(), { label: g, other: _ } = t(f), v = o(d);
+	return /* @__PURE__ */ c(e, {
+		p: 4,
+		flexDirection: "column",
+		gap: 3,
+		...p,
+		inlineCSS: {
+			minHeight: 220,
+			borderRadius: 12,
+			backgroundColor: m.white,
+			...p?.inlineCSS
+		},
+		children: [
+			/* @__PURE__ */ s(i, {
+				tag: "p",
+				variant: "b4R",
+				color: "grey.70",
+				lineClamp: 6,
+				inlineCSS: { flexGrow: 1 },
+				children: l
+			}),
+			u.length > 0 && /* @__PURE__ */ s(n, {
+				alignItems: "center",
+				gap: 1,
+				flexWrap: "wrap",
+				children: u.map((e) => /* @__PURE__ */ s(r, {
+					variant: "ghost",
+					color: "yellow",
+					size: "small",
+					children: e
+				}, `activity-keyword-${e}`))
+			}),
+			/* @__PURE__ */ c(n, {
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: 1,
+				children: [/* @__PURE__ */ s(i, {
+					tag: "p",
+					variant: "b4R",
+					color: "grey.70",
+					children: v.format("YYYY년 M월 D일")
+				}), /* @__PURE__ */ c(i, {
+					tag: "p",
+					variant: "b4M",
+					color: "grey.70",
+					inlineCSS: { "& > span": { color: g.includes("여아") ? h.extend?.pink : h.extend?.blue } },
+					children: [/* @__PURE__ */ s("span", { children: g }), _ ? ` ${_}` : ""]
+				})]
+			})
+		]
+	});
 }
-export {
-  D as default
-};
+//#endregion
+export { l as default };

package/dist/teacher/profile/components/CareNoteSection/CareNote/index.mjs

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

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

@@ -1,81 +1,72 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { forwardRef as s, Children as h } from "react";
-import { Flexbox as o, Typography as l, Button as p, Icon as f } from "@dotss/ui";
-import u from "@dotss/ui/core/useTheme";
-import C from "../../../../shared/components/Roller/Roller.mjs";
-const w = s(
-  ({ children: r, totalCount: a = 0, onClickViewAll: c, ...n }, m) => {
-    const {
-      palette: { background: g },
-      spacing: e
-    } = u(), d = h.count(r);
-    return /* @__PURE__ */ t(
-      o,
-      {
-        ref: m,
-        tag: "section",
-        pt: 10,
-        pb: 10,
-        pl: 4,
-        pr: 4,
-        gap: 4,
-        flexDirection: "column",
-        "aria-labelledby": "care-note-section-title",
-        ...n,
-        inlineCSS: {
-          width: "100%",
-          backgroundColor: g.primary,
-          ...n == null ? void 0 : n.inlineCSS
-        },
-        children: [
-          /* @__PURE__ */ t(o, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
-            /* @__PURE__ */ i(o, { alignItems: "center", gap: 2, children: /* @__PURE__ */ t(l, { id: "care-note-section-title", tag: "h2", variant: "h2B", children: [
-              "선생님의 수업 노트",
-              a > 0 && /* @__PURE__ */ t(
-                l,
-                {
-                  tag: "span",
-                  variant: "h4R",
-                  color: "grey.70",
-                  inlineCSS: { marginLeft: e.content(2), verticalAlign: 2 },
-                  children: [
-                    "(",
-                    a.toLocaleString(),
-                    "개)"
-                  ]
-                }
-              )
-            ] }) }),
-            typeof c == "function" && /* @__PURE__ */ i(
-              p,
-              {
-                variant: "text",
-                size: "small",
-                color: "secondary",
-                endAdornment: /* @__PURE__ */ i(f, { name: "ChevronRightLine" }),
-                onClick: c,
-                children: "전체보기"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i(
-            C,
-            {
-              rowCount: 1,
-              spacing: 3,
-              inlineCSS: {
-                width: `calc(100% + ${e.content(8)}px)`,
-                gridAutoColumns: d > 1 ? `calc(100% - ${e.content(8)}px)` : "100%",
-                margin: `0 -${e.content(4)}px`
-              },
-              children: r
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  w as default
-};
+import e from "../../../../shared/components/Roller/index.mjs";
+import { Children as t, forwardRef as n } from "react";
+import { Button as r, Flexbox as i, Icon as a, Typography as o } from "@dotss/ui";
+import s from "@dotss/ui/core/useTheme";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region teacher/profile/components/CareNoteSection/CareNoteSection.tsx
+var u = n(({ children: n, totalCount: u = 0, onClickViewAll: d, ...f }, p) => {
+	let { palette: { background: m }, spacing: h } = s(), g = t.count(n);
+	return /* @__PURE__ */ l(i, {
+		ref: p,
+		tag: "section",
+		pt: 10,
+		pb: 10,
+		pl: 4,
+		pr: 4,
+		gap: 4,
+		flexDirection: "column",
+		"aria-labelledby": "care-note-section-title",
+		...f,
+		inlineCSS: {
+			width: "100%",
+			backgroundColor: m.primary,
+			...f?.inlineCSS
+		},
+		children: [/* @__PURE__ */ l(i, {
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 1,
+			children: [/* @__PURE__ */ c(i, {
+				alignItems: "center",
+				gap: 2,
+				children: /* @__PURE__ */ l(o, {
+					id: "care-note-section-title",
+					tag: "h2",
+					variant: "h2B",
+					children: ["선생님의 수업 노트", u > 0 && /* @__PURE__ */ l(o, {
+						tag: "span",
+						variant: "h4R",
+						color: "grey.70",
+						inlineCSS: {
+							marginLeft: h.content(2),
+							verticalAlign: 2
+						},
+						children: [
+							"(",
+							u.toLocaleString(),
+							"개)"
+						]
+					})]
+				})
+			}), typeof d == "function" && /* @__PURE__ */ c(r, {
+				variant: "text",
+				size: "small",
+				color: "secondary",
+				endAdornment: /* @__PURE__ */ c(a, { name: "ChevronRightLine" }),
+				onClick: d,
+				children: "전체보기"
+			})]
+		}), /* @__PURE__ */ c(e, {
+			rowCount: 1,
+			spacing: 3,
+			inlineCSS: {
+				width: `calc(100% + ${h.content(8)}px)`,
+				gridAutoColumns: g > 1 ? `calc(100% - ${h.content(8)}px)` : "100%",
+				margin: `0 -${h.content(4)}px`
+			},
+			children: n
+		})]
+	});
+});
+//#endregion
+export { u as default };

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

@@ -1,13 +1,18 @@
-import c from "../../../../shared/utils/birthDateToAge/birthDateToAge.mjs";
-function b(t) {
-  if (!t || t.length === 0)
-    return { label: "", other: "" };
-  const [e] = t;
-  if (!(e != null && e.childBirth) || !(e != null && e.childGender))
-    return { label: "", other: "" };
-  const o = c(e == null ? void 0 : e.childBirth), n = (e == null ? void 0 : e.childGender) === "0" ? "남아" : "여아", r = `${o}세 ${n}`, a = t.length > 1 ? `외 ${t.length - 1}명` : "";
-  return { label: r, other: a };
+import e from "../../../../shared/utils/birthDateToAge/index.mjs";
+//#region teacher/profile/components/CareNoteSection/CareNoteSection.utils.ts
+function t(t) {
+	if (!t || t.length === 0) return {
+		label: "",
+		other: ""
+	};
+	let [n] = t;
+	return !n?.childBirth || !n?.childGender ? {
+		label: "",
+		other: ""
+	} : {
+		label: `${e(n?.childBirth)}세 ${n?.childGender === "0" ? "남아" : "여아"}`,
+		other: t.length > 1 ? `외 ${t.length - 1}명` : ""
+	};
 }
-export {
-  b as getChildLabel
-};
+//#endregion
+export { t as getChildLabel };

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

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

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

@@ -1,135 +1,109 @@
-import { jsx as i, jsxs as e, Fragment as s } from "react/jsx-runtime";
-import { Flexbox as a, Label as p, Typography as f, Icon as b } from "@dotss/ui";
-import w from "@dotss/ui/core/useTheme";
-import { useCheckHoverPossible as E } from "@dotss/ui/hooks";
-import c from "dayjs";
-function T({
-  title: x,
-  status: y,
-  startDate: Y,
-  endDate: o,
-  primary: k = !1,
-  id: S,
-  ...n
-}) {
-  const { isHoverPossible: I } = E(), {
-    palette: { grey: m },
-    spacing: g
-  } = w(), l = typeof n.onClick == "function", r = c(Y), u = o ? c(o) : c(), h = u.diff(r, "month"), d = Math.floor(h / 12), C = r.isSame(u, "year") && h % 12 < 1 ? 1 : h % 12;
-  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ e(
-    a,
-    {
-      role: "button",
-      tabIndex: l ? 0 : -1,
-      alignItems: "center",
-      gap: 4,
-      pt: 2,
-      pb: 2,
-      pl: 4,
-      pr: 4,
-      ml: -4,
-      mr: -4,
-      onKeyDown: (t) => {
-        var v;
-        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click()), (v = n.onKeyDown) == null || v.call(n, t);
-      },
-      "aria-labelledby": `career-item-title-${S}`,
-      ...n,
-      inlineCSS: {
-        cursor: l ? "pointer" : "default",
-        ...l && {
-          "&:active": {
-            backgroundColor: m[10]
-          }
-        },
-        ...l && I ? {
-          "&:hover": {
-            backgroundColor: m[10]
-          }
-        } : {},
-        ...n == null ? void 0 : n.inlineCSS
-      },
-      children: [
-        /* @__PURE__ */ e(a, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
-          /* @__PURE__ */ e(a, { alignItems: "center", gap: 1, children: [
-            k && /* @__PURE__ */ i(
-              p,
-              {
-                variant: "outlined",
-                size: "small",
-                color: "orange",
-                inlineCSS: {
-                  whiteSpace: "nowrap",
-                  marginRight: g.content(1)
-                },
-                children: "대표"
-              }
-            ),
-            /* @__PURE__ */ e(f, { id: `career-item-title-${S}`, tag: "p", variant: "b2M", children: [
-              x,
-              y === "VERIFIED" && /* @__PURE__ */ i(
-                b,
-                {
-                  name: "CertifiedFill",
-                  size: "small",
-                  color: "tictoccroc-teacher.brand.green",
-                  "aria-label": "인증됨",
-                  inlineCSS: {
-                    minWidth: 20,
-                    verticalAlign: "-5px",
-                    marginLeft: g.content(1)
-                  }
-                }
-              ),
-              y === "REJECTED" && /* @__PURE__ */ i(
-                b,
-                {
-                  name: "AlertFill",
-                  size: "small",
-                  color: "etc.red",
-                  "aria-label": "인증 안됨",
-                  inlineCSS: {
-                    minWidth: 20,
-                    verticalAlign: "-5px",
-                    marginLeft: g.content(1)
-                  }
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e(f, { tag: "p", variant: "b5R", color: "grey.50", children: [
-            r != null && r.isValid() ? `${r.format("YYYY년 M월")} ~ ` : "",
-            o ? c(o).format("YYYY년 M월") : "현재"
-          ] })
-        ] }),
-        /* @__PURE__ */ e(a, { alignItems: "center", gap: 2, children: [
-          /* @__PURE__ */ e(
-            f,
-            {
-              tag: "p",
-              variant: "h5R",
-              color: "grey.70",
-              noWrap: !0,
-              inlineCSS: { "& strong": { color: m[100], fontWeight: 700 } },
-              children: [
-                d > 0 && /* @__PURE__ */ e(s, { children: [
-                  /* @__PURE__ */ i("strong", { children: d }),
-                  "년"
-                ] }),
-                C > 0 && /* @__PURE__ */ e(s, { children: [
-                  d > 0 && /* @__PURE__ */ i(s, { children: " " }),
-                  /* @__PURE__ */ i("strong", { children: C }),
-                  "개월"
-                ] })
-              ]
-            }
-          ),
-          l && /* @__PURE__ */ i(b, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
-        ] })
-      ]
-    }
-  ) });
+import { Flexbox as e, Icon as t, Label as n, Typography as r } from "@dotss/ui";
+import i from "@dotss/ui/core/useTheme";
+import a from "dayjs";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useCheckHoverPossible as l } from "@dotss/ui/hooks";
+//#region teacher/profile/components/CareerSection/CareerItem/CareerItem.tsx
+function u({ title: u, status: d, startDate: f, endDate: p, primary: m = !1, id: h, ...g }) {
+	let { isHoverPossible: _ } = l(), { palette: { grey: v }, spacing: y } = i(), b = typeof g.onClick == "function", x = a(f), S = p ? a(p) : a(), C = S.diff(x, "month"), w = Math.floor(C / 12), T = x.isSame(S, "year") && C % 12 < 1 ? 1 : C % 12;
+	return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ c(e, {
+		role: "button",
+		tabIndex: b ? 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()), g.onKeyDown?.(e);
+		},
+		"aria-labelledby": `career-item-title-${h}`,
+		...g,
+		inlineCSS: {
+			cursor: b ? "pointer" : "default",
+			...b && { "&:active": { backgroundColor: v[10] } },
+			...b && _ ? { "&:hover": { backgroundColor: v[10] } } : {},
+			...g?.inlineCSS
+		},
+		children: [/* @__PURE__ */ c(e, {
+			flexDirection: "column",
+			gap: 1,
+			flexGrow: 1,
+			children: [/* @__PURE__ */ c(e, {
+				alignItems: "center",
+				gap: 1,
+				children: [m && /* @__PURE__ */ s(n, {
+					variant: "outlined",
+					size: "small",
+					color: "orange",
+					inlineCSS: {
+						whiteSpace: "nowrap",
+						marginRight: y.content(1)
+					},
+					children: "대표"
+				}), /* @__PURE__ */ c(r, {
+					id: `career-item-title-${h}`,
+					tag: "p",
+					variant: "b2M",
+					children: [
+						u,
+						d === "VERIFIED" && /* @__PURE__ */ s(t, {
+							name: "CertifiedFill",
+							size: "small",
+							color: "tictoccroc-teacher.brand.green",
+							"aria-label": "인증됨",
+							inlineCSS: {
+								minWidth: 20,
+								verticalAlign: "-5px",
+								marginLeft: y.content(1)
+							}
+						}),
+						d === "REJECTED" && /* @__PURE__ */ s(t, {
+							name: "AlertFill",
+							size: "small",
+							color: "etc.red",
+							"aria-label": "인증 안됨",
+							inlineCSS: {
+								minWidth: 20,
+								verticalAlign: "-5px",
+								marginLeft: y.content(1)
+							}
+						})
+					]
+				})]
+			}), /* @__PURE__ */ c(r, {
+				tag: "p",
+				variant: "b5R",
+				color: "grey.50",
+				children: [x?.isValid() ? `${x.format("YYYY년 M월")} ~ ` : "", p ? a(p).format("YYYY년 M월") : "현재"]
+			})]
+		}), /* @__PURE__ */ c(e, {
+			alignItems: "center",
+			gap: 2,
+			children: [/* @__PURE__ */ c(r, {
+				tag: "p",
+				variant: "h5R",
+				color: "grey.70",
+				noWrap: !0,
+				inlineCSS: { "& strong": {
+					color: v[100],
+					fontWeight: 700
+				} },
+				children: [w > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("strong", { children: w }), "년"] }), T > 0 && /* @__PURE__ */ c(o, { children: [
+					w > 0 && /* @__PURE__ */ s(o, { children: "\xA0" }),
+					/* @__PURE__ */ s("strong", { children: T }),
+					"개월"
+				] })]
+			}), b && /* @__PURE__ */ s(t, {
+				name: "ChevronRightLine",
+				size: "xSmall",
+				color: "grey.50"
+			})]
+		})]
+	}) });
 }
-export {
-  T as default
-};
+//#endregion
+export { u as default };

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

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