@dotss/tictoccroc 0.0.0 → 0.0.2

package/dist/shared/components/Masonry/Masonry.utils.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, ReactNode } from 'react';
+import { ImageProps } from '../Image';
+import { MasonryBlockProps } from './MasonryBlock';
+export declare function getHorizontalLayoutRows(blocks: ReactElement<MasonryBlockProps>[], rowCount: number, fallbackWidth: number): ReactElement<MasonryBlockProps, string | import('react').JSXElementConstructor<any>>[][];
+export declare function findNextFocusableElement(currentElement: HTMLDivElement, keyDirection: 'left' | 'right' | 'up' | 'down', candidates: (HTMLDivElement | null)[]): HTMLDivElement | null;
+export declare function getNextIndexHorizontalFromRows(rows: HTMLDivElement[][], currentIndex: number, keyDirection: 'up' | 'down' | 'left' | 'right'): number | null;
+export declare function findImageInChildren(children: ReactNode): ReactElement<ImageProps> | null;

package/dist/shared/components/Masonry/Masonry.utils.mjs

@@ -0,0 +1,76 @@
+import { Children as M, isValidElement as y } from "react";
+import E from "../Image/Image.mjs";
+function X(n, r, e) {
+  const o = Array.from({ length: r }, () => []), t = Array(r).fill(0);
+  return n.forEach((c) => {
+    const g = t.indexOf(Math.min(...t));
+    o[g].push(c), t[g] += c.props.width ?? e;
+  }), o;
+}
+function B(n, r, e) {
+  const o = n.getBoundingClientRect(), t = (o.left + o.right) / 2, c = (o.top + o.bottom) / 2;
+  let g = null, h = 1 / 0;
+  for (const u of e) {
+    if (!u || u === n) continue;
+    const s = u.getBoundingClientRect(), R = (s.left + s.right) / 2, C = (s.top + s.bottom) / 2, a = R - t, i = C - c, l = Math.abs(i) < s.height * 0.75, f = Math.abs(a) < s.width * 0.75, m = r === "right" && a > 0 && l || r === "left" && a < 0 && l || r === "down" && i > 0 && f || r === "up" && i < 0 && f, d = Math.hypot(a, i);
+    m && d < h && (h = d, g = u);
+  }
+  return g;
+}
+function w(n, r, e) {
+  var s, R, C, a;
+  if (!n.length || r < 0) return null;
+  const o = n.length;
+  let t = -1, c = -1;
+  for (let i = 0; i < o; i++) {
+    for (let l = 0; l < n[i].length; l++) {
+      const f = n[i][l];
+      if (Number(f == null ? void 0 : f.getAttribute("aria-posinset")) - 1 === r) {
+        t = i, c = l;
+        break;
+      }
+    }
+    if (t !== -1) break;
+  }
+  if (t === -1 || c === -1) return null;
+  const h = n[t][c].getBoundingClientRect(), u = (h.left + h.right) / 2;
+  if (e === "left" && c > 0)
+    return Number((s = n[t][c - 1]) == null ? void 0 : s.getAttribute("aria-posinset")) - 1;
+  if (e === "right" && c < n[t].length - 1)
+    return Number((R = n[t][c + 1]) == null ? void 0 : R.getAttribute("aria-posinset")) - 1;
+  if (e === "up" && t > 0) {
+    const i = n[t - 1];
+    let l = 0, f = 1 / 0;
+    return i.forEach((m, d) => {
+      const p = m.getBoundingClientRect(), A = (p.left + p.right) / 2, b = Math.abs(u - A);
+      b < f && (f = b, l = d);
+    }), Number((C = i[l]) == null ? void 0 : C.getAttribute("aria-posinset")) - 1;
+  }
+  if (e === "down" && t < o - 1) {
+    const i = n[t + 1];
+    let l = 0, f = 1 / 0;
+    return i.forEach((m, d) => {
+      const p = m.getBoundingClientRect(), A = (p.left + p.right) / 2, b = Math.abs(u - A);
+      b < f && (f = b, l = d);
+    }), Number((a = i[l]) == null ? void 0 : a.getAttribute("aria-posinset")) - 1;
+  }
+  return null;
+}
+function x(n) {
+  const r = M.toArray(n).filter(y).find((e) => e.type === E || e.type === "img");
+  if (r)
+    return r;
+  for (const e of M.toArray(n))
+    if (y(e) && e.props && e.props.children) {
+      const o = M.toArray(e.props.children).filter(y).find((t) => t.type === E || t.type === "img");
+      if (o)
+        return o;
+    }
+  return null;
+}
+export {
+  x as findImageInChildren,
+  B as findNextFocusableElement,
+  X as getHorizontalLayoutRows,
+  w as getNextIndexHorizontalFromRows
+};

package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.d.ts

@@ -0,0 +1,11 @@
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+export interface MasonryBlockProps extends FlexboxProps {
+    spacing?: number;
+    width?: number;
+    height?: number;
+    borderRadius?: number | string;
+    direction?: 'horizontal' | 'vertical';
+    setInnerRef?: (ref: HTMLDivElement | null) => void;
+}
+declare const MasonryBlock: import('react').ForwardRefExoticComponent<Omit<MasonryBlockProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default MasonryBlock;

package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs

@@ -0,0 +1,77 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as h, useState as m, useRef as k, useImperativeHandle as w, useEffect as c, Children as x, isValidElement as B, cloneElement as S } from "react";
+import { Flexbox as f } from "@dotss/ui";
+import C from "../../Image/Image.mjs";
+const j = h(
+  ({
+    children: g,
+    spacing: s = 2,
+    width: e = 0,
+    height: i = 0,
+    borderRadius: d,
+    direction: u = "vertical",
+    setInnerRef: o,
+    ...r
+  }, v) => {
+    const [l, y] = m(e ?? 0), [a, b] = m(i ?? 0), n = k(null);
+    return w(v, () => n.current), c(() => {
+      y(e), b(i);
+    }, [e, i]), c(() => {
+      o == null || o(n.current);
+    }, [o]), /* @__PURE__ */ p(
+      f,
+      {
+        ref: n,
+        ...r,
+        inlineCSS: {
+          scrollbarWidth: "none",
+          transform: "translate3d(0, 0, 0)",
+          "&::-webkit-scrollbar": {
+            display: "none"
+          }
+        },
+        style: u === "vertical" ? {
+          ...r.style,
+          position: "relative",
+          marginBottom: s,
+          borderRadius: d,
+          paddingTop: `calc(${a / l} * 100%)`,
+          transition: "padding-top 0.3s 0.1s",
+          overflow: "hidden"
+        } : {
+          ...r.style,
+          position: "relative",
+          marginBottom: s,
+          borderRadius: d,
+          paddingLeft: l,
+          paddingTop: a,
+          transition: "padding-top 0.3s 0.1s, padding-left 0.3s 0.1s",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ p(
+          f,
+          {
+            inlineCSS: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              height: "100%",
+              overflow: "auto",
+              zIndex: 1
+            },
+            children: x.toArray(g).filter(B).map((t) => t.type === C || t.type === "img" ? S(t, {
+              width: l,
+              height: a,
+              draggable: !1,
+              ...t.props
+            }) : t)
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  j as default
+};

package/dist/shared/components/Masonry/MasonryBlock/index.d.ts

@@ -0,0 +1,3 @@
+import { default as MasonryBlock, MasonryBlockProps } from './MasonryBlock';
+export type { MasonryBlockProps };
+export default MasonryBlock;

package/dist/shared/components/Masonry/MasonryBlock/index.mjs

@@ -0,0 +1,4 @@
+import r from "./MasonryBlock.mjs";
+export {
+  r as default
+};

package/dist/shared/components/Masonry/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Masonry, MasonryProps } from './Masonry';
+export type { MasonryProps };
+export { default as MasonryBlock, type MasonryBlockProps } from './MasonryBlock';
+export default Masonry;

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

@@ -0,0 +1,6 @@
+import r from "./Masonry.mjs";
+import { default as e } from "./MasonryBlock/MasonryBlock.mjs";
+export {
+  e as MasonryBlock,
+  r as default
+};

package/dist/shared/components/Roller/Roller.d.ts

@@ -1,9 +1,8 @@
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface RollerProps extends FlexboxProps {
     spacing?: number;
     edgeSpacing?: number;
     rowCount?: number;
-    maxWidth?: number;
 }
 declare function Roller({ children, spacing, edgeSpacing, rowCount, inlineCSS }: RollerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Roller;

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

@@ -1,122 +1,9 @@
-import { jsx as E } from "react/jsx-runtime";
-import { useRef as a, Children as k, isValidElement as x, useEffect as g, cloneElement as F } from "react";
-import { Flexbox as I } from "@thedotscorp/ui";
-import T from "./RollerBlock/RollerBlock.mjs";
-function P({ children: L, spacing: A = 2, edgeSpacing: m = 4, rowCount: o = 1, inlineCSS: M }) {
-  const n = a(null), l = a(!1), i = a(!0), b = a(0), f = a(0), c = a(0), d = k.toArray(L).filter(x).filter((r) => r.type === T).filter(Boolean), u = d.length, R = (r) => {
-    var t, e;
-    l.current = !0, b.current = r.clientX - (((t = n.current) == null ? void 0 : t.offsetLeft) || 0), f.current = ((e = n.current) == null ? void 0 : e.scrollLeft) || 0;
-  }, h = (r) => {
-    l.current && (r.currentTarget.style.cursor = "grabbing", n.current && (n.current.scrollLeft = f.current - (r.clientX - n.current.offsetLeft - b.current)));
-  }, v = (r) => {
-    var e;
-    l.current = !1, f.current !== ((e = n.current) == null ? void 0 : e.scrollLeft) ? (r.currentTarget.style.cursor = "grab", i.current = !1, c.current && cancelAnimationFrame(c.current), c.current = requestAnimationFrame(() => {
-      i.current = !0;
-    })) : i.current = !0;
-  }, y = (r) => (t) => {
-    var D;
-    t.stopPropagation();
-    const e = Number(t.currentTarget.getAttribute("aria-posinset")) - 1;
-    if (isNaN(e)) return;
-    let s = e;
-    switch (t.key) {
-      case "ArrowRight": {
-        t.preventDefault(), e + o < u && (s = e + o);
-        break;
-      }
-      case "ArrowLeft": {
-        t.preventDefault(), e - o >= 0 && (s = e - o);
-        break;
-      }
-      case "ArrowDown": {
-        t.preventDefault(), (e + 1) % o !== 0 && e + 1 < u && (s = e + 1);
-        break;
-      }
-      case "ArrowUp": {
-        t.preventDefault(), e % o !== 0 && e - 1 >= 0 && (s = e - 1);
-        break;
-      }
-      case "Enter":
-      case " ": {
-        t.preventDefault(), t.currentTarget.click();
-        return;
-      }
-      default:
-        return;
-    }
-    if (s !== e) {
-      const p = (D = n.current) == null ? void 0 : D.children[s];
-      p == null || p.focus();
-    }
-    r == null || r(t);
-  };
-  return g(() => {
-    const r = n.current, t = (e) => {
-      i.current || e.stopPropagation();
-    };
-    return r == null || r.addEventListener("click", t), () => {
-      r == null || r.removeEventListener("click", t);
-    };
-  }, []), g(() => {
-    const r = n.current, t = (e) => {
-      e.stopPropagation();
-    };
-    return r == null || r.addEventListener("touchmove", t), () => {
-      r == null || r.removeEventListener("touchmove", t);
-    };
-  }, []), g(() => () => {
-    c.current && cancelAnimationFrame(c.current);
-  }, []), /* @__PURE__ */ E(
-    I,
-    {
-      ref: n,
-      alignItems: "baseline",
-      gap: A,
-      pl: m,
-      pr: m,
-      onMouseDown: R,
-      onMouseMove: h,
-      onMouseUp: v,
-      onMouseLeave: v,
-      role: "group",
-      "aria-roledescription": "carousel",
-      "aria-label": "슬라이더",
-      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(
-        d,
-        (r, t) => {
-          var e;
-          return F(r, {
-            role: "group",
-            tabIndex: 0,
-            "aria-roledescription": "slide",
-            "aria-label": `${u}개 중 ${t + 1}번째 슬라이드`,
-            "aria-posinset": t + 1,
-            "aria-setsize": u,
-            onKeyDown: y(r.props.onKeyDown),
-            ...r.props,
-            style: {
-              ...(e = r.props) == null ? void 0 : e.style,
-              gridRow: `${t % o + 1} / ${t % o + 1}`
-            }
-          });
-        }
-      )
-    }
-  );
-}
+import "react/jsx-runtime";
+import "react";
+import "@dotss/ui";
+import "./RollerBlock/RollerBlock.mjs";
+import { R as e } from "../../../LessonNotesSection-a2QNdQtj.js";
+import "../../../teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
 export {
-  P as default
+  e as default
 };

package/dist/shared/components/Roller/RollerBlock/RollerBlock.d.ts

@@ -1,4 +1,4 @@
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export type RollerBlockProps = FlexboxProps;
 declare function RollerBlock({ children, ...props }: RollerBlockProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default RollerBlock;

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import e from "@thedotscorp/ui/Flexbox";
+import { Flexbox as e } from "@dotss/ui";
 function m({ children: o, ...r }) {
   return /* @__PURE__ */ t(e, { ...r, children: o });
 }

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

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

package/dist/shared/components/Scheduler/ScheduleBlock/ScheduleBlock.d.ts

@@ -1,7 +1,4 @@
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
-export interface ScheduleBlockProps extends FlexboxProps {
-    date: string;
-    time: string;
-}
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+export type ScheduleBlockProps = FlexboxProps;
 declare function ScheduleBlock({ children, style, ...props }: ScheduleBlockProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ScheduleBlock;

package/dist/shared/components/Scheduler/ScheduleBlock/ScheduleBlock.mjs

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Flexbox as o, Typography as a } from "@thedotscorp/ui";
+import { Flexbox as o, Typography as a } from "@dotss/ui";
 function x({ children: r, style: t, ...l }) {
   return /* @__PURE__ */ e(
     o,

package/dist/shared/components/Scheduler/ScheduleEvent/ScheduleEvent.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface ScheduleEventProps extends FlexboxProps {
     startDate: string;
     endDate: string;

package/dist/shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Flexbox as l, Typography as n } from "@thedotscorp/ui";
-import p from "@thedotscorp/ui/core/useTheme";
+import { Flexbox as l, Typography as n } from "@dotss/ui";
+import p from "@dotss/ui/core/useTheme";
 function s({ children: r, style: t, startDate: f, endDate: i, ...o }) {
   const {
     palette: { brand: a }

package/dist/shared/components/Scheduler/Scheduler.d.ts

@@ -1,15 +1,15 @@
-import { ReactNode, RefObject } from 'react';
+import { ReactNode } from 'react';
 import { Dayjs } from 'dayjs';
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface SchedulerProps extends FlexboxProps {
     date?: Dayjs;
-    containerRef?: RefObject<HTMLElement | null>;
     legend?: {
         text: string;
         color?: string;
     }[];
+    minScheduleBlockHeight?: number;
     renderScheduleBlock?: (date: string, time: string) => ReactNode;
     onDateChange?: (date: Dayjs) => void;
 }
-declare function Scheduler({ children, date, legend, containerRef, renderScheduleBlock, onDateChange, ...props }: SchedulerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Scheduler({ children, date, legend, minScheduleBlockHeight, renderScheduleBlock, onDateChange, ...props }: SchedulerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Scheduler;