@dotss/tictoccroc 0.0.4 → 0.0.6

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { default as t } from "./shared/components/Scheduler/Scheduler.mjs";
 import { default as a } from "./shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs";
 import { default as l } from "./shared/components/Scheduler/ScheduleBlock/ScheduleBlock.mjs";
 import { getAvailableDateRange as s } from "./shared/components/Scheduler/Scheduler.utils.mjs";
-import { default as u } from "./shared/components/MediaDialog/MediaDialog.mjs";
+import { default as m } from "./shared/components/MediaDialog/MediaDialog.mjs";
 import { default as i } from "./shared/components/MediaDialog/MediaBlock/MediaBlock.mjs";
 import { default as n } from "./shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
 import { default as g } from "./shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs";
@@ -10,104 +10,105 @@ import { default as y } from "./shared/components/MediaDialog/MediaDialogToolbar
 import { default as C } from "./shared/components/Swiper/Swiper.mjs";
 import { default as b } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
 import { default as D } from "./shared/components/Carousel/Carousel.mjs";
-import { default as R } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
-import { default as k } from "./shared/components/TimePicker/TimePicker.mjs";
-import { L as P, R as w } from "./LessonNotesSection-Bg1DHFxg.js";
+import { default as h } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as M } from "./shared/components/TimePicker/TimePicker.mjs";
+import { default as R } from "./shared/components/Roller/Roller.mjs";
 import { default as T } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
 import { default as G } from "./shared/components/Image/Image.mjs";
-import { default as N } from "./shared/components/Calendar/Calendar.mjs";
-import { default as j } from "./shared/components/Masonry/Masonry.mjs";
-import { default as U } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
-import { default as q } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
-import { default as H } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { default as O } from "./shared/utils/getImageUrl/getImageUrl.mjs";
-import { default as X } from "./shared/utils/isServer/isServer.mjs";
-import { default as Z } from "./shared/utils/getTimeRange/getTimeRange.mjs";
-import { default as $ } from "./shared/utils/getDateRange/getDateRange.mjs";
-import { default as oe } from "./shared/utils/isAndroid/isAndroid.mjs";
-import { default as re } from "./shared/utils/isApp/isApp.mjs";
-import { default as fe } from "./shared/utils/isDesktop/isDesktop.mjs";
-import { default as de } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
-import { default as me } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
-import { default as pe } from "./shared/utils/getVimeoId/getVimeoId.mjs";
-import { default as xe } from "./shared/utils/parseQueryString/parseQueryString.mjs";
-import { default as ce } from "./shared/utils/share/share.mjs";
-import { default as Se } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
-import { default as Ae } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
-import { default as ve } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
-import { default as Be } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
-import { default as Ie } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as K } from "./shared/components/Calendar/Calendar.mjs";
+import { default as Q } from "./shared/components/Masonry/Masonry.mjs";
+import { default as F } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as V } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
+import { default as z } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { default as J } from "./shared/utils/getImageUrl/getImageUrl.mjs";
+import { default as W } from "./shared/utils/isServer/isServer.mjs";
+import { default as Y } from "./shared/utils/getTimeRange/getTimeRange.mjs";
+import { default as _ } from "./shared/utils/getDateRange/getDateRange.mjs";
+import { default as ee } from "./shared/utils/isAndroid/isAndroid.mjs";
+import { default as te } from "./shared/utils/isApp/isApp.mjs";
+import { default as ae } from "./shared/utils/isDesktop/isDesktop.mjs";
+import { default as le } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
+import { default as se } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
+import { default as me } from "./shared/utils/getVimeoId/getVimeoId.mjs";
+import { default as ie } from "./shared/utils/parseQueryString/parseQueryString.mjs";
+import { default as ne } from "./shared/utils/share/share.mjs";
+import { default as ge } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
+import { default as ye } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
+import { default as Ce } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as be } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as De } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
 import { default as he } from "./teacher/profile/components/CertificationSection/CertificationSection.mjs";
 import { default as Me } from "./teacher/profile/components/CertificationSection/CertificationItem/CertificationItem.mjs";
-import { default as we } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
+import { default as Re } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
 import { default as Te } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
 import { default as Ge } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
-import { default as Ne } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
-import { default as je } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
-import { default as Ue } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
-import { getPreferredAgeKeywords as qe } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
-import { default as He } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
-import { default as Oe } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
-import { getAbilityCollection as Xe } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
-import { default as Ze } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { default as $e } from "./teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
-import { default as oo } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
-import { default as ro } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
+import { default as Ke } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
+import { default as Qe } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
+import { default as Fe } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
+import { getPreferredAgeKeywords as Ve } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
+import { default as ze } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
+import { default as Je } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
+import { getAbilityCollection as We } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
+import { default as Ye } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
+import { default as _e } from "./teacher/profile/components/LessonNotesSection/LessonNotesSection.mjs";
+import { default as eo } from "./teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
+import { default as to } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { default as ao } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
 export {
-  Oe as AbilityBadge,
-  He as AbilityCollection,
-  Be as ActivityGallery,
-  Ie as ActivityGalleryItem,
-  Ze as AvailableScheduleSection,
-  N as Calendar,
+  Je as AbilityBadge,
+  ze as AbilityCollection,
+  be as ActivityGallery,
+  De as ActivityGalleryItem,
+  Ye as AvailableScheduleSection,
+  K as Calendar,
   Te as CareerItem,
-  we as CareerSection,
+  Re as CareerSection,
   D as Carousel,
-  R as CarouselSlide,
+  h as CarouselSlide,
   Me as CertificationItem,
   he as CertificationSection,
-  Ne as EducationItem,
+  Ke as EducationItem,
   Ge as EducationSection,
   G as Image,
-  $e as LessonNote,
-  P as LessonNotesSection,
-  q as LoadingAnnouncer,
-  j as Masonry,
-  U as MasonryBlock,
+  eo as LessonNote,
+  _e as LessonNotesSection,
+  V as LoadingAnnouncer,
+  Q as Masonry,
+  F as MasonryBlock,
   i as MediaBlock,
-  u as MediaDialog,
+  m as MediaDialog,
   n as MediaDialogContent,
   g as MediaDialogFooter,
   y as MediaDialogToolbar,
-  ro as ParentReviewCard,
-  oo as ParentReviewSection,
-  je as PreferredActivityKeywordGroup,
-  Ue as PreferredAgeGroup,
-  Se as ProfileSummary,
-  w as Roller,
+  ao as ParentReviewCard,
+  to as ParentReviewSection,
+  Qe as PreferredActivityKeywordGroup,
+  Fe as PreferredAgeGroup,
+  ge as ProfileSummary,
+  R as Roller,
   T as RollerBlock,
   l as ScheduleBlock,
   a as ScheduleEvent,
   t as Scheduler,
-  ve as StatBadge,
-  Ae as StatBadgeCollection,
+  Ce as StatBadge,
+  ye as StatBadgeCollection,
   C as Swiper,
   b as SwiperBlock,
-  k as TimePicker,
-  de as birthDateToAge,
-  Xe as getAbilityCollection,
+  M as TimePicker,
+  le as birthDateToAge,
+  We as getAbilityCollection,
   s as getAvailableDateRange,
-  $ as getDateRange,
-  O as getImageUrl,
-  qe as getPreferredAgeKeywords,
-  Z as getTimeRange,
-  pe as getVimeoId,
-  oe as isAndroid,
-  re as isApp,
-  fe as isDesktop,
-  X as isServer,
-  me as objectToQueryString,
-  xe as parseQueryString,
-  ce as share,
-  H as useIsomorphicLayoutEffect
+  _ as getDateRange,
+  J as getImageUrl,
+  Ve as getPreferredAgeKeywords,
+  Y as getTimeRange,
+  me as getVimeoId,
+  ee as isAndroid,
+  te as isApp,
+  ae as isDesktop,
+  W as isServer,
+  se as objectToQueryString,
+  ie as parseQueryString,
+  ne as share,
+  z as useIsomorphicLayoutEffect
 };

package/dist/shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Flexbox as i } from "/Users/x/WebstormProjects/dotss/node_modules/.pnpm/@dotss+ui@0.0.10_@emotion+react@11.14.0_@types+react@19.1.6_react@18.3.1__@emotion+styl_fdc48194e396bad48e1a88da53a8b49d/node_modules/@dotss/ui/index.es.js";
+import { Flexbox as i } from "@dotss/ui";
 import r from "@dotss/ui/core/useTheme";
 function l({ children: o }) {
   const {

package/dist/shared/components/Roller/Roller.mjs

@@ -1,9 +1,133 @@
-import "react/jsx-runtime";
-import "react";
-import "@dotss/ui";
-import "./RollerBlock/RollerBlock.mjs";
-import { R as e } from "../../../LessonNotesSection-Bg1DHFxg.js";
-import "../../../teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
+import { jsx as h } from "react/jsx-runtime";
+import { useState as w, useRef as a, Children as k, isValidElement as X, useEffect as g, cloneElement as N } from "react";
+import { Flexbox as P } from "@dotss/ui";
+import U from "./RollerBlock/RollerBlock.mjs";
+import S from "../../../teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
+function V({
+  children: L,
+  spacing: A = 2,
+  edgeSpacing: m = 4,
+  rowCount: o = 1,
+  inlineCSS: M,
+  ...R
+}) {
+  const [y, x] = w(0), n = a(null), i = a(!1), u = a(!0), b = a(0), l = a(0), c = a(0), v = k.toArray(L).filter(X).filter((r) => r.type === U || r.type === S), f = v.length, E = (r) => {
+    var e, t;
+    i.current = !0, b.current = r.clientX - (((e = n.current) == null ? void 0 : e.offsetLeft) || 0), l.current = ((t = n.current) == null ? void 0 : t.scrollLeft) || 0;
+  }, I = (r) => {
+    i.current && (r.currentTarget.style.cursor = "grabbing", n.current && (n.current.scrollLeft = l.current - (r.clientX - n.current.offsetLeft - b.current)));
+  }, d = (r) => {
+    var t;
+    i.current = !1, l.current !== ((t = n.current) == null ? void 0 : t.scrollLeft) ? (r.currentTarget.style.cursor = "grab", u.current = !1, c.current && cancelAnimationFrame(c.current), c.current = requestAnimationFrame(() => {
+      u.current = !0;
+    })) : u.current = !0;
+  }, T = (r) => (e) => {
+    var D;
+    e.stopPropagation();
+    const t = Number(e.currentTarget.getAttribute("aria-posinset")) - 1;
+    let s = t;
+    switch (e.key) {
+      case "ArrowRight": {
+        e.preventDefault(), t + o < f && (s = t + o);
+        break;
+      }
+      case "ArrowLeft": {
+        e.preventDefault(), t - o >= 0 && (s = t - o);
+        break;
+      }
+      case "ArrowDown": {
+        e.preventDefault(), (t + 1) % o !== 0 && t + 1 < f && (s = t + 1);
+        break;
+      }
+      case "ArrowUp": {
+        e.preventDefault(), t % o !== 0 && t - 1 >= 0 && (s = t - 1);
+        break;
+      }
+      case "Enter":
+      case " ": {
+        e.preventDefault(), e.currentTarget.click();
+        return;
+      }
+      default:
+        return;
+    }
+    if (s !== t) {
+      const p = (D = n.current) == null ? void 0 : D.children[s];
+      p == null || p.focus();
+    }
+    r == null || r(e);
+  }, F = (r) => (e) => {
+    const t = Number(e.currentTarget.getAttribute("aria-posinset")) - 1;
+    x(t), r == null || r(e);
+  };
+  return g(() => {
+    const r = n.current, e = (t) => {
+      u.current || t.stopPropagation();
+    };
+    return r == null || r.addEventListener("click", e), () => {
+      r == null || r.removeEventListener("click", e);
+    };
+  }, []), g(() => {
+    const r = n.current, e = (t) => {
+      t.stopPropagation();
+    };
+    return r == null || r.addEventListener("touchmove", e), () => {
+      r == null || r.removeEventListener("touchmove", e);
+    };
+  }, []), g(() => () => {
+    c.current && cancelAnimationFrame(c.current);
+  }, []), /* @__PURE__ */ h(
+    P,
+    {
+      ref: n,
+      alignItems: "baseline",
+      gap: A,
+      pl: m,
+      pr: m,
+      onMouseDown: E,
+      onMouseMove: I,
+      onMouseUp: d,
+      onMouseLeave: d,
+      role: "list",
+      "aria-roledescription": "carousel",
+      "aria-label": "슬라이더",
+      ...R,
+      inlineCSS: {
+        display: "grid",
+        gridAutoFlow: "column",
+        gridAutoColumns: "min-content",
+        overflowX: "auto",
+        scrollbarWidth: "none",
+        cursor: "grab",
+        transform: "translate3d(0, 0, 0)",
+        "&::-webkit-scrollbar": {
+          display: "none"
+        },
+        ...M
+      },
+      children: k.map(
+        v,
+        (r, e) => {
+          var t;
+          return N(r, {
+            role: "listitem",
+            tabIndex: e === y ? 0 : -1,
+            "aria-roledescription": "slide",
+            "aria-posinset": e + 1,
+            "aria-setsize": f,
+            onKeyDown: T(r.props.onKeyDown),
+            onFocus: F(r.props.onFocus),
+            ...r.props,
+            style: {
+              ...(t = r.props) == null ? void 0 : t.style,
+              gridRow: `${e % o + 1} / ${e % o + 1}`
+            }
+          });
+        }
+      )
+    }
+  );
+}
 export {
-  e as default
+  V as default
 };

package/dist/shared/components/Roller/index.mjs

@@ -1,6 +1,6 @@
-import { R as l } from "../../../LessonNotesSection-Bg1DHFxg.js";
-import { default as a } from "./RollerBlock/RollerBlock.mjs";
+import l from "./Roller.mjs";
+import { default as t } from "./RollerBlock/RollerBlock.mjs";
 export {
-  a as RollerBlock,
+  t as RollerBlock,
   l as default
 };

package/dist/shared/components/index.mjs

@@ -9,10 +9,10 @@ import { default as g } from "./MediaDialog/MediaDialogFooter/MediaDialogFooter.
 import { default as k } from "./MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
 import { default as B } from "./Swiper/Swiper.mjs";
 import { default as C } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as h } from "./Carousel/Carousel.mjs";
+import { default as R } from "./Carousel/Carousel.mjs";
 import { default as v } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
 import { default as y } from "./TimePicker/TimePicker.mjs";
-import { R as T } from "../../LessonNotesSection-Bg1DHFxg.js";
+import { default as T } from "./Roller/Roller.mjs";
 import { default as F } from "./Roller/RollerBlock/RollerBlock.mjs";
 import { default as L } from "./Image/Image.mjs";
 import { default as j } from "./Calendar/Calendar.mjs";
@@ -21,7 +21,7 @@ import { default as H } from "./Masonry/MasonryBlock/MasonryBlock.mjs";
 import { default as K } from "./LoadingAnnouncer/LoadingAnnouncer.mjs";
 export {
   j as Calendar,
-  h as Carousel,
+  R as Carousel,
   v as CarouselSlide,
   L as Image,
   K as LoadingAnnouncer,

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

@@ -1,28 +1,28 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { Children as p, isValidElement as S, cloneElement as j } from "react";
+import { jsxs as y, jsx as e } from "react/jsx-runtime";
+import { Children as s, isValidElement as S, cloneElement as j } from "react";
 import { Flexbox as a, Typography as E, Button as $, Icon as w } from "@dotss/ui";
 import A from "../../../../shared/components/Masonry/Masonry.mjs";
 import "../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
 import B from "./ActivityGalleryItem/ActivityGalleryItem.mjs";
 function T({
-  children: c,
+  children: p,
   onClickViewAll: o,
   action: m,
   hideHeader: l = !1,
   masonryProps: {
-    columnCount: f = 2,
-    rowCount: g = 2,
-    spacing: h = 2,
-    edgeSpacing: b = 0,
-    direction: u = "horizontal",
-    defaultContainerWidth: v = 360,
+    columnCount: c = 2,
+    rowCount: f = 2,
+    spacing: g = 2,
+    edgeSpacing: h = 0,
+    direction: b = "horizontal",
+    defaultContainerWidth: u = 360,
     defaultContainerHeight: d = 0,
-    ...x
+    ...v
   } = {},
   ...r
 }) {
-  const n = p.toArray(c).filter(S).filter((t) => t.type === B), C = n.length > 0;
-  return /* @__PURE__ */ s(
+  const n = s.toArray(p).filter(S).filter((t) => t.type === B), x = n.length > 0;
+  return /* @__PURE__ */ y(
     a,
     {
       tag: "section",
@@ -36,7 +36,7 @@ function T({
         ...r == null ? void 0 : r.inlineCSS
       },
       children: [
-        !l && /* @__PURE__ */ s(a, { alignItems: "center", justifyContent: "space-between", gap: 2, children: [
+        !l && /* @__PURE__ */ y(a, { alignItems: "center", justifyContent: "space-between", gap: 2, children: [
           /* @__PURE__ */ e(
             E,
             {
@@ -59,27 +59,26 @@ function T({
             }
           )
         ] }),
-        C && /* @__PURE__ */ e(
+        x && /* @__PURE__ */ e(
           A,
           {
-            rowCount: g,
-            columnCount: f,
-            spacing: h,
-            edgeSpacing: b,
-            direction: u,
-            defaultContainerWidth: v,
+            rowCount: f,
+            columnCount: c,
+            spacing: g,
+            edgeSpacing: h,
+            direction: b,
+            defaultContainerWidth: u,
             defaultContainerHeight: d,
             role: "group",
             "aria-label": "콘텐츠 목록",
-            ...x,
-            children: p.map(n, (t, y) => {
+            ...v,
+            children: s.map(n, (t, C) => {
               let i = t.props.type === "VIDEO" || t.props.type === "VIMEO" || t.props.type === "YOUTUBE" ? "동영상" : "사진";
               i = t.props.primary ? `대표 ${i}` : i;
-              const I = `${i} (${n.length}개 중 ${y + 1}번째)`;
+              const I = `${i} (${n.length}개 중 ${C + 1}번째)`;
               return j(t, {
                 role: "button",
                 "aria-label": I,
-                index: y,
                 ...t.props
               });
             })

package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.d.ts

@@ -3,7 +3,7 @@ export interface ActivityGalleryItemProps extends MasonryBlockProps {
     type: 'VIDEO' | 'VIMEO' | 'YOUTUBE' | 'IMAGE';
     primary: boolean;
     status: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'DELETED';
-    index?: number;
+    id: string;
 }
-declare function ActivityGalleryItem({ children, type, primary, status, index, ...props }: ActivityGalleryItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ActivityGalleryItem({ children, type, primary, status, id, ...props }: ActivityGalleryItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ActivityGalleryItem;

package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs

@@ -2,12 +2,12 @@ import { jsxs as r, jsx as e, Fragment as c } from "react/jsx-runtime";
 import { Label as u, Flexbox as l, Icon as m, Typography as b } from "@dotss/ui";
 import h from "@dotss/ui/core/useTheme";
 import p from "../../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
-function x({
+function g({
   children: n,
   type: i,
   primary: a = !1,
   status: s,
-  index: o = 0,
+  id: o,
   ...t
 }) {
   const {
@@ -92,5 +92,5 @@ function x({
   );
 }
 export {
-  x as default
+  g as default
 };

package/dist/teacher/profile/components/CareerSection/CareerItem/CareerItem.d.ts

@@ -1,10 +1,13 @@
 import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
-export interface CareerItemProps extends FlexboxProps {
+export interface CareerItemProps extends Omit<FlexboxProps, 'id'> {
     title: string;
     status: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'DELETED';
     startDate: string;
     endDate: string | null;
     primary: boolean;
+    id: string | number;
+    regDatetime: string;
+    priority: number;
 }
-declare function CareerItem({ title, status, startDate, endDate, primary, ...props }: CareerItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function CareerItem({ title, status, startDate, endDate, primary, id, ...props }: CareerItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default CareerItem;