@dotss/tictoccroc 0.0.2 → 0.0.4

package/dist/LessonNotesSection-Bg1DHFxg.js

@@ -0,0 +1,208 @@
+import { jsx as u, jsxs as m } from "react/jsx-runtime";
+import { useState as N, useRef as c, Children as A, isValidElement as $, useEffect as x, cloneElement as X, forwardRef as j } from "react";
+import { Flexbox as d, Typography as w, Button as B, Icon as P } from "@dotss/ui";
+import U from "@dotss/ui/core/useTheme";
+import z from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
+import q from "./teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
+function W({
+  children: f,
+  spacing: g = 2,
+  edgeSpacing: i = 4,
+  rowCount: n = 1,
+  inlineCSS: b,
+  ...v
+}) {
+  const [s, h] = N(0), o = c(null), L = c(!1), p = c(!0), R = c(0), y = c(0), l = c(0), S = A.toArray(f).filter($).filter((e) => e.type === z || e.type === q), k = S.length, C = (e) => {
+    var r, t;
+    L.current = !0, R.current = e.clientX - (((r = o.current) == null ? void 0 : r.offsetLeft) || 0), y.current = ((t = o.current) == null ? void 0 : t.scrollLeft) || 0;
+  }, E = (e) => {
+    L.current && (e.currentTarget.style.cursor = "grabbing", o.current && (o.current.scrollLeft = y.current - (e.clientX - o.current.offsetLeft - R.current)));
+  }, I = (e) => {
+    var t;
+    L.current = !1, y.current !== ((t = o.current) == null ? void 0 : t.scrollLeft) ? (e.currentTarget.style.cursor = "grab", p.current = !1, l.current && cancelAnimationFrame(l.current), l.current = requestAnimationFrame(() => {
+      p.current = !0;
+    })) : p.current = !0;
+  }, T = (e) => (r) => {
+    var M;
+    r.stopPropagation();
+    const t = Number(r.currentTarget.getAttribute("aria-posinset")) - 1;
+    let a = t;
+    switch (r.key) {
+      case "ArrowRight": {
+        r.preventDefault(), t + n < k && (a = t + n);
+        break;
+      }
+      case "ArrowLeft": {
+        r.preventDefault(), t - n >= 0 && (a = t - n);
+        break;
+      }
+      case "ArrowDown": {
+        r.preventDefault(), (t + 1) % n !== 0 && t + 1 < k && (a = t + 1);
+        break;
+      }
+      case "ArrowUp": {
+        r.preventDefault(), t % n !== 0 && t - 1 >= 0 && (a = t - 1);
+        break;
+      }
+      case "Enter":
+      case " ": {
+        r.preventDefault(), r.currentTarget.click();
+        return;
+      }
+      default:
+        return;
+    }
+    if (a !== t) {
+      const D = (M = o.current) == null ? void 0 : M.children[a];
+      D == null || D.focus();
+    }
+    e == null || e(r);
+  }, F = (e) => (r) => {
+    const t = Number(r.currentTarget.getAttribute("aria-posinset")) - 1;
+    h(t), e == null || e(r);
+  };
+  return x(() => {
+    const e = o.current, r = (t) => {
+      p.current || t.stopPropagation();
+    };
+    return e == null || e.addEventListener("click", r), () => {
+      e == null || e.removeEventListener("click", r);
+    };
+  }, []), x(() => {
+    const e = o.current, r = (t) => {
+      t.stopPropagation();
+    };
+    return e == null || e.addEventListener("touchmove", r), () => {
+      e == null || e.removeEventListener("touchmove", r);
+    };
+  }, []), x(() => () => {
+    l.current && cancelAnimationFrame(l.current);
+  }, []), /* @__PURE__ */ u(
+    d,
+    {
+      ref: o,
+      alignItems: "baseline",
+      gap: g,
+      pl: i,
+      pr: i,
+      onMouseDown: C,
+      onMouseMove: E,
+      onMouseUp: I,
+      onMouseLeave: I,
+      role: "list",
+      "aria-roledescription": "carousel",
+      "aria-label": "슬라이더",
+      ...v,
+      inlineCSS: {
+        display: "grid",
+        gridAutoFlow: "column",
+        gridAutoColumns: "min-content",
+        overflowX: "auto",
+        scrollbarWidth: "none",
+        cursor: "grab",
+        transform: "translate3d(0, 0, 0)",
+        "&::-webkit-scrollbar": {
+          display: "none"
+        },
+        ...b
+      },
+      children: A.map(
+        S,
+        (e, r) => {
+          var t;
+          return X(e, {
+            role: "listitem",
+            tabIndex: r === s ? 0 : -1,
+            "aria-roledescription": "slide",
+            "aria-posinset": r + 1,
+            "aria-setsize": k,
+            onKeyDown: T(e.props.onKeyDown),
+            onFocus: F(e.props.onFocus),
+            ...e.props,
+            style: {
+              ...(t = e.props) == null ? void 0 : t.style,
+              gridRow: `${r % n + 1} / ${r % n + 1}`
+            }
+          });
+        }
+      )
+    }
+  );
+}
+const Z = j(
+  ({ children: f, totalCount: g = 0, onClickViewAll: i, ...n }, b) => {
+    const {
+      palette: { background: v },
+      spacing: s
+    } = U(), h = A.count(f);
+    return /* @__PURE__ */ m(
+      d,
+      {
+        ref: b,
+        tag: "section",
+        pt: 10,
+        pb: 10,
+        pl: 4,
+        pr: 4,
+        gap: 4,
+        flexDirection: "column",
+        "aria-labelledby": "lesson-notes-section-title",
+        ...n,
+        inlineCSS: {
+          width: "100%",
+          backgroundColor: v.primary,
+          ...n == null ? void 0 : n.inlineCSS
+        },
+        children: [
+          /* @__PURE__ */ m(d, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
+            /* @__PURE__ */ u(d, { alignItems: "center", gap: 2, children: /* @__PURE__ */ m(w, { id: "lesson-notes-section-title", tag: "h2", variant: "h2B", children: [
+              "선생님의 수업노트",
+              g > 0 && /* @__PURE__ */ m(
+                w,
+                {
+                  tag: "span",
+                  variant: "h4R",
+                  color: "grey.70",
+                  inlineCSS: { marginLeft: s.content(2), verticalAlign: 2 },
+                  children: [
+                    "(",
+                    g.toLocaleString(),
+                    "개)"
+                  ]
+                }
+              )
+            ] }) }),
+            typeof i == "function" && /* @__PURE__ */ u(
+              B,
+              {
+                variant: "text",
+                size: "small",
+                color: "secondary",
+                endAdornment: /* @__PURE__ */ u(P, { name: "ChevronRightLine" }),
+                onClick: i,
+                children: "전체보기"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ u(
+            W,
+            {
+              rowCount: 1,
+              spacing: 3,
+              inlineCSS: {
+                width: `calc(100% + ${s.content(8)}px)`,
+                gridAutoColumns: h > 1 ? `calc(100% - ${s.content(8)}px)` : "100%",
+                margin: `0 -${s.content(4)}px`
+              },
+              children: f
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  Z as L,
+  W as R
+};

package/dist/index.mjs

@@ -1,111 +1,113 @@
 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 d } from "./shared/components/Scheduler/Scheduler.utils.mjs";
-import { default as u } from "./shared/components/ImageZoomDialog/ImageZoomDialog.mjs";
-import { default as i } from "./shared/components/ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.mjs";
-import { default as n } from "./shared/components/ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.mjs";
-import { default as g } from "./shared/components/ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.mjs";
-import { default as y } from "./shared/components/Swiper/Swiper.mjs";
-import { default as C } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as v } from "./shared/components/Carousel/Carousel.mjs";
-import { default as D } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
-import { default as h } from "./shared/components/TimePicker/TimePicker.mjs";
-import { L as P, R as k } from "./LessonNotesSection-a2QNdQtj.js";
-import { default as L } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
-import { default as E } from "./shared/components/Image/Image.mjs";
-import { default as Z } from "./shared/components/Calendar/Calendar.mjs";
-import { default as M } from "./shared/components/Masonry/Masonry.mjs";
-import { default as Q } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
-import { default as F } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
-import { default as V } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { default as z } from "./shared/utils/getImageUrl/getImageUrl.mjs";
-import { default as J } from "./shared/utils/isServer/isServer.mjs";
-import { default as W } from "./shared/utils/getTimeRange/getTimeRange.mjs";
-import { default as Y } from "./shared/utils/getDateRange/getDateRange.mjs";
-import { default as $ } from "./shared/utils/isAndroid/isAndroid.mjs";
-import { default as oe } from "./shared/utils/isApp/isApp.mjs";
-import { default as re } from "./shared/utils/isDesktop/isDesktop.mjs";
-import { default as fe } from "./shared/utils/birthDateToAge/birthDateToAge.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 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";
+import { default as y } from "./shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
+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 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 se } from "./shared/utils/getVimeoId/getVimeoId.mjs";
-import { default as pe } from "./shared/utils/parseQueryString/parseQueryString.mjs";
-import { default as xe } from "./shared/utils/share/share.mjs";
-import { default as ce } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
-import { default as Se } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
-import { default as Ae } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
-import { default as Ie } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
-import { default as be } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
-import { default as Re } from "./teacher/profile/components/CertificationSection/CertificationSection.mjs";
-import { default as Be } from "./teacher/profile/components/CertificationSection/CertificationItem/CertificationItem.mjs";
-import { default as ke } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
-import { default as Le } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
-import { default as Ee } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
-import { default as Ze } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
-import { default as Me } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
-import { default as Qe } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
-import { getPreferredAgeKeywords as Fe } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
-import { default as Ve } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
-import { default as ze } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
-import { getAbilityCollection as Je } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
-import { default as We } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { default as Ye } from "./teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
-import { default as $e } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
-import { default as oo } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.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 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 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";
 export {
-  ze as AbilityBadge,
-  Ve as AbilityCollection,
-  Ie as ActivityGallery,
-  be as ActivityGalleryItem,
-  We as AvailableScheduleSection,
-  Z as Calendar,
-  Le as CareerItem,
-  ke as CareerSection,
-  v as Carousel,
-  D as CarouselSlide,
-  Be as CertificationItem,
-  Re as CertificationSection,
-  Ze as EducationItem,
-  Ee as EducationSection,
-  E as Image,
-  u as ImageZoomDialog,
-  i as ImageZoomDialogContent,
-  n as ImageZoomDialogFooter,
-  g as ImageZoomDialogToolbar,
-  Ye as LessonNote,
+  Oe as AbilityBadge,
+  He as AbilityCollection,
+  Be as ActivityGallery,
+  Ie as ActivityGalleryItem,
+  Ze as AvailableScheduleSection,
+  N as Calendar,
+  Te as CareerItem,
+  we as CareerSection,
+  D as Carousel,
+  R as CarouselSlide,
+  Me as CertificationItem,
+  he as CertificationSection,
+  Ne as EducationItem,
+  Ge as EducationSection,
+  G as Image,
+  $e as LessonNote,
   P as LessonNotesSection,
-  F as LoadingAnnouncer,
-  M as Masonry,
-  Q as MasonryBlock,
-  oo as ParentReviewCard,
-  $e as ParentReviewSection,
-  Me as PreferredActivityKeywordGroup,
-  Qe as PreferredAgeGroup,
-  ce as ProfileSummary,
-  k as Roller,
-  L as RollerBlock,
+  q as LoadingAnnouncer,
+  j as Masonry,
+  U as MasonryBlock,
+  i as MediaBlock,
+  u 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,
+  T as RollerBlock,
   l as ScheduleBlock,
   a as ScheduleEvent,
   t as Scheduler,
-  Ae as StatBadge,
-  Se as StatBadgeCollection,
-  y as Swiper,
-  C as SwiperBlock,
-  h as TimePicker,
-  fe as birthDateToAge,
-  Je as getAbilityCollection,
-  d as getAvailableDateRange,
-  Y as getDateRange,
-  z as getImageUrl,
-  Fe as getPreferredAgeKeywords,
-  W as getTimeRange,
-  se as getVimeoId,
-  $ as isAndroid,
-  oe as isApp,
-  re as isDesktop,
-  J as isServer,
+  ve as StatBadge,
+  Ae as StatBadgeCollection,
+  C as Swiper,
+  b as SwiperBlock,
+  k as TimePicker,
+  de as birthDateToAge,
+  Xe 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,
-  pe as parseQueryString,
-  xe as share,
-  V as useIsomorphicLayoutEffect
+  xe as parseQueryString,
+  ce as share,
+  H as useIsomorphicLayoutEffect
 };