@dotss/tictoccroc 0.0.0

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

@@ -0,0 +1,122 @@
+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}`
+            }
+          });
+        }
+      )
+    }
+  );
+}
+export {
+  P as default
+};

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

@@ -0,0 +1,4 @@
+import { FlexboxProps } from 'node_modules/@thedotscorp/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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { RollerProps, default as Roller } from './Roller';
+export { default as RollerBlock, type RollerBlockProps } from './RollerBlock';
+export type { RollerProps };
+export default Roller;

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

@@ -0,0 +1,6 @@
+import l from "./Roller.mjs";
+import { default as t } from "./RollerBlock/RollerBlock.mjs";
+export {
+  t as RollerBlock,
+  l as default
+};

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

@@ -0,0 +1,7 @@
+import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+export interface ScheduleBlockProps extends FlexboxProps {
+    date: string;
+    time: string;
+}
+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

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Flexbox as o, Typography as a } from "@thedotscorp/ui";
+function x({ children: r, style: t, ...l }) {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      p: 0.5,
+      flex: 1,
+      flexWrap: "wrap",
+      ...l,
+      style: {
+        overflowX: "auto",
+        ...t
+      },
+      children: /* @__PURE__ */ e(
+        a,
+        {
+          variant: "c5M",
+          textAlign: "center",
+          style: {
+            flex: 1
+          },
+          children: r
+        }
+      )
+    }
+  );
+}
+export {
+  x as default
+};

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+export interface ScheduleEventProps extends FlexboxProps {
+    startDate: string;
+    endDate: string;
+    children?: ReactNode;
+}
+declare function ScheduleEvent({ children, style, startDate, endDate, ...props }: ScheduleEventProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default ScheduleEvent;

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

@@ -0,0 +1,36 @@
+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";
+function s({ children: r, style: t, startDate: f, endDate: i, ...o }) {
+  const {
+    palette: { brand: a }
+  } = p();
+  return /* @__PURE__ */ e(
+    l,
+    {
+      p: 0.5,
+      flex: 1,
+      flexWrap: "wrap",
+      ...o,
+      style: {
+        backgroundColor: a.primary.main,
+        overflowX: "auto",
+        ...t
+      },
+      children: /* @__PURE__ */ e(
+        n,
+        {
+          variant: "c5M",
+          textAlign: "center",
+          style: {
+            flex: 1
+          },
+          children: r
+        }
+      )
+    }
+  );
+}
+export {
+  s as default
+};

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { ReactNode, RefObject } from 'react';
+import { Dayjs } from 'dayjs';
+import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+export interface SchedulerProps extends FlexboxProps {
+    date?: Dayjs;
+    containerRef?: RefObject<HTMLElement | null>;
+    legend?: {
+        text: string;
+        color?: string;
+    }[];
+    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;
+export default Scheduler;