@dotss/tictoccroc 0.0.18 → 0.0.19

package/dist/shared/utils/dayFlagToDay/dayFlagToDay.d.ts

@@ -1,2 +1,2 @@
 import { DayFlag } from '../../typings/common';
-export default function dayFlagToDay(dayFlag?: DayFlag): 1 | 0 | 2 | 4 | 3 | 5 | 6 | null;
+export default function dayFlagToDay(dayFlag?: DayFlag): 0 | 1 | 2 | 4 | 3 | 5 | 6 | null;

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

@@ -1,18 +1,17 @@
 import { jsxs as i, jsx as t, Fragment as m } from "react/jsx-runtime";
-import { useState as S, Children as O, isValidElement as F } from "react";
+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";
-import { sortItemElements as z } from "../../utils/sortItems/sortItems.mjs";
-function q({
+function U({
   children: u,
   action: C,
   showTooltip: x = !1,
   enableToggle: s = !1,
   ...o
 }) {
-  const { spacing: w } = T(), [b, I] = S(!1), [a, v] = S(!1), l = O.toArray(u).filter(F).filter((e) => e.type === W), D = l.length > 0, j = l.length > 3, y = l.map((e) => [e.props.startDate, e.props.endDate ?? g().format("YYYY-MM-DD")]).map(([e, n]) => [g(e), g(n)]).map(([e, n]) => n.diff(e, "month")), c = Math.floor(y.reduce((e, n) => e + n, 0) / 12), d = y.reduce((e, n) => e + n, 0) % 12, k = () => v((e) => !e), h = () => I((e) => !e), E = (e) => {
+  const { spacing: w } = T(), [b, I] = S(!1), [a, v] = S(!1), l = E.toArray(u).filter(F).filter((e) => e.type === W), D = l.length > 0, j = l.length > 3, y = l.map((e) => [e.props.startDate, e.props.endDate ?? g().format("YYYY-MM-DD")]).map(([e, n]) => [g(e), g(n)]).map(([e, n]) => n.diff(e, "month")), c = Math.floor(y.reduce((e, n) => e + n, 0) / 12), d = y.reduce((e, n) => e + n, 0) % 12, k = () => v((e) => !e), h = () => I((e) => !e), O = (e) => {
     (e.key === "Enter" || e.key === " ") && h();
   };
   return /* @__PURE__ */ i(
@@ -100,7 +99,7 @@ function q({
                             size: "small",
                             color: "grey.50",
                             onClick: h,
-                            onKeyDown: E,
+                            onKeyDown: O,
                             "aria-label": "추가 정보 안내",
                             inlineCSS: {
                               cursor: "pointer"
@@ -134,7 +133,7 @@ function q({
             tag: "ul",
             flexDirection: "column",
             inlineCSS: { width: "inherit" },
-            children: z(l).slice(0, !s || a ? void 0 : 3)
+            children: l.slice(0, !s || a ? void 0 : 3)
           }
         ),
         s && j && /* @__PURE__ */ t(
@@ -175,5 +174,5 @@ function q({
   );
 }
 export {
-  q as default
+  U as default
 };

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

@@ -1,18 +1,17 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useState as f, Children as I, isValidElement as v } from "react";
-import { Flexbox as i, Typography as m, Tooltip as j, Icon as s, Button as k } from "@dotss/ui";
+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 E from "./CertificateItem/CertificateItem.mjs";
-import { sortItemElements as O } from "../../utils/sortItems/sortItems.mjs";
-function K({
-  children: h,
+import O from "./CertificateItem/CertificateItem.mjs";
+function A({
+  children: m,
   action: d,
   showTooltip: p = !1,
   enableToggle: r = !1,
   ...n
 }) {
-  const { spacing: x } = D(), [y, C] = f(!1), [o, g] = f(!1), l = I.toArray(h).filter(v).filter((t) => t.type === E), u = l.length > 0, S = l.length > 3, c = () => C((t) => !t), b = (t) => {
-    (t.key === "Enter" || t.key === " ") && c();
+  const { spacing: x } = D(), [y, C] = f(!1), [o, g] = f(!1), c = I.toArray(m).filter(v).filter((t) => t.type === O), u = c.length > 0, S = c.length > 3, l = () => C((t) => !t), b = (t) => {
+    (t.key === "Enter" || t.key === " ") && l();
   }, w = () => g((t) => !t);
   return /* @__PURE__ */ a(
     i,
@@ -30,7 +29,7 @@ function K({
       children: [
         /* @__PURE__ */ a(i, { alignItems: "center", justifyContent: "center", gap: 1, children: [
           /* @__PURE__ */ e(
-            m,
+            h,
             {
               id: "certificate-section-title",
               tag: "h2",
@@ -43,13 +42,13 @@ function K({
             j,
             {
               open: y,
-              onClose: c,
+              onClose: l,
               color: "secondary",
               role: "tooltip",
               "aria-labelledby": "certificate-section-tooltip",
               "aria-describedby": "certificate-section-tooltip-desc",
               body: /* @__PURE__ */ a(
-                m,
+                h,
                 {
                   id: "certificate-section-tooltip-desc",
                   tag: "p",
@@ -83,7 +82,7 @@ function K({
                   name: "TooltipFill",
                   size: "small",
                   color: "grey.50",
-                  onClick: c,
+                  onClick: l,
                   onKeyDown: b,
                   "aria-label": "추가 정보 안내",
                   inlineCSS: {
@@ -101,10 +100,7 @@ function K({
             tag: "ul",
             flexDirection: "column",
             inlineCSS: { width: "inherit" },
-            children: O(l).slice(
-              0,
-              !r || o ? void 0 : 3
-            )
+            children: c.slice(0, !r || o ? void 0 : 3)
           }
         ),
         r && S && /* @__PURE__ */ e(
@@ -145,5 +141,5 @@ function K({
   );
 }
 export {
-  K as default
+  A as default
 };

package/dist/teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs

@@ -4,7 +4,7 @@ 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 "../ClassNotesSection.utils.mjs";
-function M({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
+function D({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
   var c, m;
   const {
     palette: { grey: f, brand: i }
@@ -26,7 +26,7 @@ function M({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
         /* @__PURE__ */ e(r, { 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__ */ l(g, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
-          /* @__PURE__ */ e(r, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY년 MM월 DD일") }),
+          /* @__PURE__ */ e(r, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY년 M월 D일") }),
           /* @__PURE__ */ l(
             r,
             {
@@ -50,5 +50,5 @@ function M({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
   );
 }
 export {
-  M as default
+  D as default
 };

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

@@ -1,18 +1,17 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as m, Children as I, isValidElement as E } from "react";
-import { Flexbox as i, Typography as h, Tooltip as v, Icon as s, Button as j } from "@dotss/ui";
+import { useState as h, Children as I, isValidElement as v } from "react";
+import { Flexbox as i, 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";
-import { sortItemElements as O } from "../../utils/sortItems/sortItems.mjs";
-function L({
-  children: f,
+function B({
+  children: u,
   action: d,
-  showTooltip: u = !1,
+  showTooltip: f = !1,
   enableToggle: l = !1,
   ...n
 }) {
-  const { spacing: p } = k(), [x, y] = m(!1), [o, g] = m(!1), r = I.toArray(f).filter(E).filter((t) => t.type === D), C = r.length > 0, S = r.length > 3, a = () => y((t) => !t), b = (t) => {
-    (t.key === "Enter" || t.key === " ") && a();
+  const { spacing: p } = k(), [x, y] = h(!1), [o, g] = h(!1), a = I.toArray(u).filter(v).filter((t) => t.type === D), C = a.length > 0, S = a.length > 3, r = () => y((t) => !t), b = (t) => {
+    (t.key === "Enter" || t.key === " ") && r();
   }, w = () => g((t) => !t);
   return /* @__PURE__ */ c(
     i,
@@ -30,7 +29,7 @@ function L({
       children: [
         /* @__PURE__ */ c(i, { alignItems: "center", justifyContent: "center", gap: 1, children: [
           /* @__PURE__ */ e(
-            h,
+            m,
             {
               id: "education-section-title",
               tag: "h2",
@@ -39,17 +38,17 @@ function L({
               children: "학력"
             }
           ),
-          u && /* @__PURE__ */ e(
-            v,
+          f && /* @__PURE__ */ e(
+            E,
             {
               open: x,
-              onClose: a,
+              onClose: r,
               color: "secondary",
               role: "tooltip",
               "aria-labelledby": "education-section-tooltip",
               "aria-describedby": "education-section-tooltip-desc",
               body: /* @__PURE__ */ c(
-                h,
+                m,
                 {
                   id: "education-section-tooltip-desc",
                   tag: "p",
@@ -83,7 +82,7 @@ function L({
                   name: "TooltipFill",
                   size: "small",
                   color: "grey.50",
-                  onClick: a,
+                  onClick: r,
                   onKeyDown: b,
                   "aria-label": "추가 정보 안내",
                   inlineCSS: {
@@ -101,7 +100,7 @@ function L({
             tag: "ul",
             flexDirection: "column",
             inlineCSS: { width: "inherit" },
-            children: O(r).slice(0, !l || o ? void 0 : 3)
+            children: a.slice(0, !l || o ? void 0 : 3)
           }
         ),
         l && S && /* @__PURE__ */ e(
@@ -142,5 +141,5 @@ function L({
   );
 }
 export {
-  L as default
+  B as default
 };

package/dist/teacher/profile/utils/index.d.ts

@@ -1 +1 @@
-export { default as sortItems, sortItemElements } from './sortItems';
+export { default as sortItems } from './sortItems';

package/dist/teacher/profile/utils/index.mjs

@@ -1,5 +1,4 @@
-import { sortItemElements as s, default as m } from "./sortItems/sortItems.mjs";
+import { default as o } from "./sortItems/sortItems.mjs";
 export {
-  s as sortItemElements,
-  m as sortItems
+  o as sortItems
 };

package/dist/teacher/profile/utils/sortItems/index.d.ts

@@ -1,3 +1,2 @@
-import { default as sortItems, sortItemElements } from './sortItems';
-export { sortItemElements };
+import { default as sortItems } from './sortItems';
 export default sortItems;

package/dist/teacher/profile/utils/sortItems/index.mjs

@@ -1,6 +1,4 @@
-import e from "./sortItems.mjs";
-import { sortItemElements as m } from "./sortItems.mjs";
+import o from "./sortItems.mjs";
 export {
-  e as default,
-  m as sortItemElements
+  o as default
 };

package/dist/teacher/profile/utils/sortItems/sortItems.d.ts

@@ -1,9 +1,11 @@
-import { ReactElement } from 'react';
 type ItemProps = {
     status: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'DELETED';
     regDatetime: string;
+    startDate?: string;
+    endDate?: string | null;
+    phase?: 'STUDYING' | 'ONBREAK' | 'FINISHED';
+    acqDate?: string;
     priority: number;
 };
 export default function sortItems<T>(items: T[], get?: (item: T) => ItemProps): T[];
-export declare function sortItemElements<T extends ReactElement<ItemProps>>(items: T[]): T[];
 export {};

package/dist/teacher/profile/utils/sortItems/sortItems.mjs

@@ -1,29 +1,49 @@
-function c(s, r = (a) => a) {
-  const a = s.some((o) => !!r(o).priority), n = s.filter((o) => r(o).status !== "REJECTED"), m = s.filter((o) => r(o).status === "REJECTED");
-  if (a)
+function d(i, s = (D) => D) {
+  const D = i.some((a) => !!s(a).priority), c = i.filter((a) => s(a).status !== "REJECTED"), u = i.filter((a) => s(a).status === "REJECTED"), n = (a, o) => {
+    const t = s(a), e = s(o);
+    if (t.phase && e.phase) {
+      const r = { STUDYING: 0, ONBREAK: 1, FINISHED: 2 }, f = r[t.phase], p = r[e.phase];
+      if (f !== p)
+        return f - p;
+    }
+    if (t.phase && !e.phase) return -1;
+    if (!t.phase && e.phase) return 1;
+    if (t.acqDate && e.acqDate) {
+      const r = e.acqDate.localeCompare(t.acqDate);
+      if (r !== 0) return r;
+    }
+    if (t.acqDate && !e.acqDate) return -1;
+    if (!t.acqDate && e.acqDate) return 1;
+    if (t.startDate && e.startDate) {
+      const r = e.startDate.localeCompare(t.startDate);
+      if (r !== 0) return r;
+    }
+    if (t.startDate && !e.startDate) return -1;
+    if (!t.startDate && e.startDate) return 1;
+    if (t.endDate && e.endDate) {
+      const r = e.endDate.localeCompare(t.endDate);
+      if (r !== 0) return r;
+    }
+    return t.endDate && !e.endDate ? -1 : !t.endDate && e.endDate ? 1 : e.regDatetime.localeCompare(t.regDatetime);
+  };
+  if (D) {
+    const a = (o, t) => {
+      const e = s(o), r = s(t);
+      return e.priority !== r.priority ? r.priority - e.priority : n(o, t);
+    };
     return [
-      ...n.sort((o, i) => {
-        const t = r(o).priority, e = r(i).priority;
-        return t === 0 && e === 0 ? r(i).regDatetime.localeCompare(r(o).regDatetime) : t === 0 && e !== 0 ? -1 : t !== 0 && e === 0 ? 1 : e - t;
-      }),
-      ...m.sort((o, i) => {
-        const t = r(o).priority, e = r(i).priority;
-        return t === 0 && e === 0 ? r(i).regDatetime.localeCompare(r(o).regDatetime) : t === 0 && e !== 0 ? -1 : t !== 0 && e === 0 ? 1 : e - t;
-      })
+      ...c.sort(a),
+      ...u.sort(a)
     ];
-  {
-    const o = n.filter((t) => r(t).status === "VERIFIED"), i = n.filter((t) => r(t).status !== "VERIFIED");
+  } else {
+    const a = c.filter((t) => s(t).status === "VERIFIED"), o = c.filter((t) => s(t).status !== "VERIFIED");
     return [
-      ...o.sort((t, e) => r(e).regDatetime.localeCompare(r(t).regDatetime)),
-      ...i.sort((t, e) => r(e).regDatetime.localeCompare(r(t).regDatetime)),
-      ...m.sort((t, e) => r(e).regDatetime.localeCompare(r(t).regDatetime))
+      ...a.sort(n),
+      ...o.sort(n),
+      ...u.sort(n)
     ];
   }
 }
-function u(s) {
-  return c(s, (r) => r.props);
-}
 export {
-  c as default,
-  u as sortItemElements
+  d as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",