@dotss/tictoccroc 0.0.5 → 0.0.7

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

@@ -1,19 +1,20 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as u, Children as p, isValidElement as v } from "react";
-import { Flexbox as n, Typography as f, Tooltip as E, Icon as c, Button as j } from "@dotss/ui";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useState as h, Children as w, isValidElement as E } from "react";
+import { Flexbox as n, Typography as p, Tooltip as v, Icon as d, Button as j } from "@dotss/ui";
 import k from "@dotss/ui/core/useTheme";
 import D from "./EducationItem/EducationItem.mjs";
-function B({
-  children: s,
-  action: d,
-  showTooltip: y = !1,
-  enableToggle: h = !1,
+import { sortItemElements as O } from "../../utils/sortItems/sortItems.mjs";
+function L({
+  children: u,
+  action: m,
+  showTooltip: f = !1,
+  enableToggle: l = !1,
   ...i
 }) {
-  const { spacing: l } = k(), [g, x] = u(!1), [o, S] = u(!1), m = p.toArray(s).filter(v).filter((t) => t.type === D), C = m.length > 0, b = m.length > 3, a = () => x((t) => !t), I = (t) => {
-    (t.key === "Enter" || t.key === " ") && a();
-  }, w = () => S((t) => !t);
-  return /* @__PURE__ */ r(
+  const { spacing: a } = k(), [x, y] = h(!1), [o, g] = h(!1), r = w.toArray(u).filter(E).filter((t) => t.type === D), S = r.length > 0, C = r.length > 3, c = () => y((t) => !t), I = (t) => {
+    (t.key === "Enter" || t.key === " ") && c();
+  }, b = () => g((t) => !t);
+  return /* @__PURE__ */ s(
     n,
     {
       tag: "section",
@@ -27,9 +28,9 @@ function B({
         ...i == null ? void 0 : i.inlineCSS
       },
       children: [
-        /* @__PURE__ */ r(n, { alignItems: "center", justifyContent: "center", gap: 1, children: [
+        /* @__PURE__ */ s(n, { alignItems: "center", justifyContent: "center", gap: 1, children: [
           /* @__PURE__ */ e(
-            f,
+            p,
             {
               id: "education-section-title",
               tag: "h2",
@@ -38,17 +39,17 @@ function B({
               children: "학력"
             }
           ),
-          y && /* @__PURE__ */ e(
-            E,
+          f && /* @__PURE__ */ e(
+            v,
             {
-              open: g,
-              onClose: a,
+              open: x,
+              onClose: c,
               color: "secondary",
               role: "tooltip",
               "aria-labelledby": "education-section-tooltip",
               "aria-describedby": "education-section-tooltip-desc",
-              body: /* @__PURE__ */ r(
-                f,
+              body: /* @__PURE__ */ s(
+                p,
                 {
                   id: "education-section-tooltip-desc",
                   tag: "p",
@@ -57,7 +58,7 @@ function B({
                   noWrap: !0,
                   inlineCSS: {
                     display: "flex",
-                    gap: l.content(1),
+                    gap: a.content(1),
                     "& svg": {
                       width: "20px !important",
                       height: "20px !important",
@@ -66,22 +67,22 @@ function B({
                   },
                   children: [
                     "째깍악어가 확인한 정보는",
-                    /* @__PURE__ */ e(c, { name: "InfoFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
+                    /* @__PURE__ */ e(d, { name: "InfoFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
                     "인증 마크가 붙어요!"
                   ]
                 }
               ),
               inlineCSS: {
                 "&:after": {
-                  transform: `translateX(-${100 + l.content(1)}px)`
+                  transform: `translateX(-${100 + a.content(1)}px)`
                 }
               },
               style: {
                 top: -8,
-                left: `calc(50% + 100px - ${l.content(0.5)}px)`
+                left: `calc(50% + 100px - ${a.content(0.5)}px)`
               },
               children: /* @__PURE__ */ e(
-                c,
+                d,
                 {
                   id: "education-section-tooltip",
                   role: "button",
@@ -89,7 +90,7 @@ function B({
                   name: "TooltipFill",
                   size: "small",
                   color: "grey.50",
-                  onClick: a,
+                  onClick: c,
                   onKeyDown: I,
                   "aria-label": "추가 정보 안내",
                   inlineCSS: {
@@ -100,17 +101,17 @@ function B({
             }
           )
         ] }),
-        C && /* @__PURE__ */ e(
+        S && /* @__PURE__ */ e(
           n,
           {
             id: "education-section-education-items",
             tag: "ul",
             flexDirection: "column",
             inlineCSS: { width: "inherit" },
-            children: p.toArray(s).slice(0, o ? void 0 : 3)
+            children: O(r).slice(0, !l || o ? void 0 : 3)
           }
         ),
-        h && b && /* @__PURE__ */ e(
+        l && C && /* @__PURE__ */ e(
           n,
           {
             alignItems: "center",
@@ -123,8 +124,8 @@ function B({
                 fullWidth: !0,
                 variant: "text",
                 color: "secondary",
-                endAdornment: /* @__PURE__ */ e(c, { name: o ? "ChevronUpLine" : "ChevronDownLine" }),
-                onClick: w,
+                endAdornment: /* @__PURE__ */ e(d, { name: o ? "ChevronUpLine" : "ChevronDownLine" }),
+                onClick: b,
                 "aria-controls": "education-section-education-items",
                 "aria-expanded": o,
                 children: o ? "접기" : "더 보기"
@@ -132,7 +133,7 @@ function B({
             )
           }
         ),
-        !h && d && /* @__PURE__ */ e(
+        !l && m && /* @__PURE__ */ e(
           n,
           {
             mt: 4,
@@ -140,7 +141,7 @@ function B({
             alignItems: "center",
             justifyContent: "center",
             inlineCSS: { width: "inherit" },
-            children: d
+            children: m
           }
         )
       ]
@@ -148,5 +149,5 @@ function B({
   );
 }
 export {
-  B as default
+  L as default
 };

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

@@ -1,79 +1,81 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { Flexbox as i, Typography as l, Button as s, Icon as h } from "@dotss/ui";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { Flexbox as t, Typography as o, Button as h, Icon as c } from "@dotss/ui";
 import p from "@dotss/ui/core/useTheme";
-const v = m(
-  ({ children: c, totalCount: o, onClickViewAll: a, ...e }, g) => {
+const x = s(
+  ({ children: g, totalCount: r, onClickViewAll: l, ...i }, d) => {
     const {
-      palette: { grey: d },
-      spacing: r
+      palette: { grey: m },
+      spacing: a
     } = p();
     return /* @__PURE__ */ n(
-      i,
+      t,
       {
-        ref: g,
+        ref: d,
         tag: "section",
-        pl: 4,
-        pr: 4,
         gap: 4,
         flexDirection: "column",
         "aria-labelledby": "parent-review-section-title",
-        ...e,
+        ...i,
         inlineCSS: {
           width: "100%",
-          ...e == null ? void 0 : e.inlineCSS
+          ...i == null ? void 0 : i.inlineCSS
         },
         children: [
-          /* @__PURE__ */ n(i, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
-            /* @__PURE__ */ t(i, { alignItems: "center", gap: 2, children: /* @__PURE__ */ n(l, { id: "parent-review-section-title", tag: "h2", variant: "h2B", children: [
+          /* @__PURE__ */ n(t, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
+            /* @__PURE__ */ e(t, { alignItems: "center", gap: 2, children: /* @__PURE__ */ n(o, { id: "parent-review-section-title", tag: "h2", variant: "h2B", children: [
               "부모님 리뷰",
-              o > 0 && /* @__PURE__ */ n(
-                l,
+              /* @__PURE__ */ n(
+                o,
                 {
                   tag: "span",
                   variant: "h4R",
                   color: "grey.70",
-                  inlineCSS: { marginLeft: r.content(2), verticalAlign: 2 },
+                  inlineCSS: { marginLeft: a.content(2), verticalAlign: 2 },
                   children: [
                     "(",
-                    o.toLocaleString(),
+                    r.toLocaleString(),
                     "개)"
                   ]
                 }
               )
             ] }) }),
-            typeof a == "function" && /* @__PURE__ */ t(
-              s,
+            typeof l == "function" && /* @__PURE__ */ e(
+              h,
               {
                 variant: "text",
                 size: "small",
                 color: "secondary",
-                endAdornment: /* @__PURE__ */ t(h, { name: "ChevronRightLine" }),
-                onClick: a,
+                endAdornment: /* @__PURE__ */ e(c, { name: "ChevronRightLine" }),
+                onClick: l,
                 children: "전체보기"
               }
             )
           ] }),
-          /* @__PURE__ */ t(
-            i,
+          r > 0 && /* @__PURE__ */ e(
+            t,
             {
               tag: "ul",
               flexDirection: "column",
               inlineCSS: {
                 "& > li + li": {
-                  borderTop: `1px solid ${d[10]}`,
-                  marginTop: r.content(5),
-                  paddingTop: r.content(5)
+                  borderTop: `1px solid ${m[10]}`,
+                  marginTop: a.content(5),
+                  paddingTop: a.content(5)
                 }
               },
-              children: c
+              children: g
             }
-          )
+          ),
+          r <= 0 && /* @__PURE__ */ n(t, { alignItems: "center", justifyContent: "center", gap: 1, pt: 8, pb: 8, children: [
+            /* @__PURE__ */ e(c, { name: "OngoingFill", color: "grey.50" }),
+            /* @__PURE__ */ e(o, { tag: "p", variant: "b4R", color: "grey.70", children: "아직 작성된 부모님 리뷰가 없어요." })
+          ] })
         ]
       }
     );
   }
 );
 export {
-  v as default
+  x as default
 };

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

@@ -1,9 +1,9 @@
 const l = {
   age1: { label: "~24개월" },
-  age2: { label: "3~4세" },
-  age3: { label: "5~7세" },
-  age4: { label: "8~10세" },
-  age5: { label: "11~13세" }
+  age2: { label: "2~3세" },
+  age3: { label: "4~6세" },
+  age4: { label: "7~9세" },
+  age5: { label: "10~12세" }
 };
 function r(a) {
   return Object.keys(l).filter((e) => a[e] === "Y").map((e) => l[e].label);

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+type ItemProps = {
+    status: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'DELETED';
+    regDatetime: 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

@@ -0,0 +1,29 @@
+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)
+    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;
+      })
+    ];
+  {
+    const o = n.filter((t) => r(t).status === "VERIFIED"), i = n.filter((t) => r(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))
+    ];
+  }
+}
+function u(s) {
+  return c(s, (r) => r.props);
+}
+export {
+  c as default,
+  u as sortItemElements
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -35,6 +35,14 @@
       "import": "./dist/teacher/profile/components/*/index.mjs",
       "types": "./dist/teacher/profile/components/*/index.d.ts"
     },
+    "./teacher/profile/utils": {
+      "import": "./dist/teacher/profile/utils/index.mjs",
+      "types": "./dist/teacher/profile/utils/index.d.ts"
+    },
+    "./teacher/profile/utils/*": {
+      "import": "./dist/teacher/profile/utils/*/index.mjs",
+      "types": "./dist/teacher/profile/utils/*/index.d.ts"
+    },
     "./shared/components": {
       "import": "./dist/shared/components/index.mjs",
       "types": "./dist/shared/components/index.d.ts"