@dotss/tictoccroc 0.0.0

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

@@ -0,0 +1,552 @@
+import { jsxs as D, jsx as m } from "react/jsx-runtime";
+import { useState as X, useRef as u, Children as be, isValidElement as ye, useEffect as j, cloneElement as le } from "react";
+import { Flexbox as h, Box as ue, Typography as B } from "@thedotscorp/ui";
+import $e from "@thedotscorp/ui/core/useTheme";
+import w from "dayjs";
+import ke from "./ScheduleEvent/ScheduleEvent.mjs";
+import { generateWeek as Q, getDayScheduleEvents as Se, resolvePositionedScheduleEventsForDate as Ee, getMinutesFromMidnight as de } from "./Scheduler.utils.mjs";
+const A = Array.from({ length: 34 }).map((Z, N) => {
+  const b = Math.floor((N + 14) / 2) % 24, E = (N + 14) % 2 === 0 ? "00" : "30", M = w().hour(b).minute(parseInt(E)), R = w(), K = R.hour(), y = R.minute(), F = K === b && (y < 30 && E === "00" || y >= 30 && E === "30");
+  return {
+    time: M.format("HH:mm"),
+    label: M.format("A h시 m분"),
+    isCurrentTime: F
+  };
+});
+function Ce({
+  children: Z,
+  date: N = w(),
+  legend: b,
+  containerRef: E,
+  renderScheduleBlock: M,
+  onDateChange: R,
+  ...K
+}) {
+  const {
+    palette: { grey: y }
+  } = $e(), [F, x] = X(N.startOf("week")), [H, fe] = X(20), [T, g] = X(0), [Y, $] = X(0), [me, he] = X(""), O = u(null), pe = u(null), G = u(null), ee = u(0), te = u(0), z = u(!1), I = u(!1), C = u(!1), W = u(0), re = u(0), ne = u(0), oe = u(0), V = u(!1), L = u(null), P = u(0), U = u(0), k = u(0), p = u(null), _ = be.toArray(Z).filter(ye).map((e) => {
+    if (e.type === ke) {
+      const { startDate: n, endDate: a } = e.props;
+      return {
+        startDate: n,
+        endDate: a,
+        children: e
+      };
+    }
+    return null;
+  }).filter(Boolean), ae = [
+    Q(F.subtract(1, "week"), _),
+    Q(F, _),
+    Q(F.add(1, "week"), _)
+  ], se = (e, n) => (a) => {
+    const o = Number(a.currentTarget.dataset.row), i = Number(a.currentTarget.dataset.col);
+    g(o), $(i), he(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
+  }, ie = (e) => {
+    var v, S;
+    const n = Number(e.currentTarget.dataset.row), a = Number(e.currentTarget.dataset.col);
+    let o = n, i = a;
+    switch (e.key) {
+      case "ArrowUp": {
+        e.preventDefault(), n === 0 && (a - 1 < 0 ? (x((t) => t.add(-1, "week")), g(A.length - 1), $(6), k.current = requestAnimationFrame(() => {
+          var t, r;
+          (r = (t = p.current) == null ? void 0 : t.querySelector(
+            `[data-row="${A.length - 1}"][data-col="6"][data-week="1"]`
+          )) == null || r.focus();
+        })) : (g(A.length - 1), $(a - 1), k.current = requestAnimationFrame(() => {
+          var t, r;
+          (r = (t = p.current) == null ? void 0 : t.querySelector(
+            `[data-row="${A.length - 1}"][data-col="${a - 1}"][data-week="1"]`
+          )) == null || r.focus();
+        }))), o = Math.max(n - 1, 0);
+        break;
+      }
+      case "ArrowDown": {
+        if (e.preventDefault(), n === A.length - 1) {
+          a + 1 > 6 ? (x((t) => t.add(1, "week")), g(0), $(0), k.current = requestAnimationFrame(() => {
+            var t, r;
+            (r = (t = p.current) == null ? void 0 : t.querySelector('[data-row="0"][data-col="0"][data-week="1"]')) == null || r.focus();
+          })) : (g(0), $(i + 1), k.current = requestAnimationFrame(() => {
+            var t, r;
+            (r = (t = p.current) == null ? void 0 : t.querySelector(
+              `[data-row="0"][data-col="${i + 1}"][data-week="1"]`
+            )) == null || r.focus();
+          }));
+          return;
+        }
+        o = Math.min(n + 1, A.length - 1);
+        break;
+      }
+      case "ArrowLeft": {
+        if (e.preventDefault(), a === 0) {
+          x((s) => s.add(-1, "week")), g(o), $(6), k.current = requestAnimationFrame(() => {
+            var s, t;
+            (t = (s = p.current) == null ? void 0 : s.querySelector(`[data-row="${o}"][data-col="6"][data-week="1"]`)) == null || t.focus();
+          });
+          return;
+        }
+        i = Math.max(a - 1, 0);
+        break;
+      }
+      case "ArrowRight": {
+        if (e.preventDefault(), a === 6) {
+          x((s) => s.add(1, "week")), g(o), $(0), k.current = requestAnimationFrame(() => {
+            var s, t;
+            (t = (s = p.current) == null ? void 0 : s.querySelector(`[data-row="${o}"][data-col="0"][data-week="1"]`)) == null || t.focus();
+          });
+          return;
+        }
+        i = Math.min(a + 1, 6);
+        break;
+      }
+      case " ":
+        e.preventDefault(), e.currentTarget.click();
+        break;
+      case "Enter":
+        e.preventDefault(), e.currentTarget.click();
+        break;
+    }
+    g(o), $(i), (S = (v = p.current) == null ? void 0 : v.querySelector(`[data-row="${o}"][data-col="${i}"][data-week="1"]`)) == null || S.focus();
+  }, ve = (e) => (n) => {
+    var i, v, S, d, s, t;
+    const a = n.currentTarget.dataset.startDate, o = n.currentTarget.dataset.endDate;
+    if (!(!a || !o)) {
+      switch (n.key) {
+        case " ":
+          n.preventDefault(), n.currentTarget.click();
+          break;
+        case "Enter":
+          n.preventDefault(), n.currentTarget.click();
+          break;
+        case "ArrowUp": {
+          n.preventDefault();
+          const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && l)
+            r.focus(), g(T - 1);
+          else {
+            const c = (i = n.currentTarget.parentElement) == null ? void 0 : i.querySelector(
+              `[data-time="${w(a).add(-30, "minute").format("HH:mm")}"]`
+            );
+            c == null || c.focus();
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          n.preventDefault();
+          const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && l)
+            r.focus();
+          else {
+            if (Y === 0) {
+              x((f) => f.add(-1, "week")), g(0), $(6), k.current = requestAnimationFrame(() => {
+                var f, q;
+                (q = (f = p.current) == null ? void 0 : f.querySelector('[data-row="0"][data-col="6"][data-week="1"]')) == null || q.focus();
+              });
+              return;
+            }
+            (S = (v = p.current) == null ? void 0 : v.querySelector(
+              `[data-row="${T}"][data-col="${Y - 1}"][data-week="1"]`
+            )) == null || S.focus();
+          }
+          break;
+        }
+        case "ArrowRight": {
+          n.preventDefault();
+          const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && l)
+            r.focus();
+          else {
+            if (Y === 6) {
+              x((f) => f.add(1, "week")), g(0), $(0), k.current = requestAnimationFrame(() => {
+                var f, q;
+                (q = (f = p.current) == null ? void 0 : f.querySelector('[data-row="0"][data-col="0"][data-week="1"]')) == null || q.focus();
+              });
+              return;
+            }
+            (s = (d = p.current) == null ? void 0 : d.querySelector(
+              `[data-row="${T}"][data-col="${Y + 1}"][data-week="1"]`
+            )) == null || s.focus();
+          }
+          break;
+        }
+        case "ArrowDown":
+          {
+            n.preventDefault();
+            const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
+            if (r && l)
+              r.focus(), g(T + 1);
+            else {
+              const c = (t = n.currentTarget.parentElement) == null ? void 0 : t.querySelector(
+                `[data-time="${w(o).format("HH:mm")}"]`
+              );
+              c == null || c.focus();
+            }
+          }
+          break;
+      }
+      e == null || e(n);
+    }
+  };
+  return j(() => {
+    const e = () => {
+      var n;
+      if (E != null && E.current && G.current) {
+        const a = E.current.offsetHeight, o = G.current.offsetHeight, i = ((n = pe.current) == null ? void 0 : n.offsetHeight) ?? 0, v = (a - o - i) / A.length;
+        fe(v < 20 ? 20 : v);
+      }
+    };
+    return e(), window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, [E, b]), j(() => {
+    const e = O.current;
+    if (!e) return;
+    const n = () => {
+      re.current = e.offsetWidth;
+    };
+    n();
+    const a = (t, r) => {
+      C.current || (L.current && (e.removeEventListener("transitionend", L.current), L.current = null), ee.current = t, te.current = r, V.current = !1, z.current = !0, W.current = 0);
+    }, o = (t, r, l) => {
+      if (!z.current) return;
+      const c = t - ee.current, f = r - te.current;
+      if (W.current = c, !V.current && (ne.current = Math.abs(c), oe.current = Math.abs(f), V.current = !0, oe.current > ne.current)) {
+        z.current = !1;
+        return;
+      }
+      l.cancelable && l.preventDefault(), e.style.transition = "none", e.style.transform = `translate3d(${W.current}px, 0, 0)`, e.style.cursor = "grabbing";
+    }, i = () => {
+      if (e.style.cursor = "grab", !z.current) return;
+      z.current = !1, I.current = !1, C.current = !0;
+      const t = W.current, r = re.current, l = r * 0.2;
+      e.style.transition = "transform 300ms cubic-bezier(0.25, 1, 0.5, 1)", t > l ? (e.style.transform = `translate3d(${r}px, 0, 0)`, L.current = (c) => {
+        c.propertyName === "transform" && (P.current = requestAnimationFrame(() => {
+          x((f) => f.add(-1, "week")), U.current = requestAnimationFrame(() => {
+            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", I.current = !0, C.current = !1;
+          });
+        }));
+      }, e.addEventListener("transitionend", L.current)) : t < -l ? (e.style.transform = `translate3d(-${r}px, 0, 0)`, L.current = (c) => {
+        c.propertyName === "transform" && (P.current = requestAnimationFrame(() => {
+          x((f) => f.add(1, "week")), U.current = requestAnimationFrame(() => {
+            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", I.current = !0, C.current = !1;
+          });
+        }));
+      }, e.addEventListener("transitionend", L.current)) : (C.current = !1, I.current = !0, e.style.transform = "translate3d(0, 0, 0)");
+    }, v = (t) => a(t.touches[0].clientX, t.touches[0].clientY), S = (t) => o(t.touches[0].clientX, t.touches[0].clientY, t), d = (t) => a(t.clientX, t.clientY), s = (t) => o(t.clientX, t.clientY, t);
+    return window.addEventListener("resize", n), e.addEventListener("touchstart", v), e.addEventListener("touchmove", S), e.addEventListener("touchend", i), e.addEventListener("touchcancel", i), e.addEventListener("mousedown", d), e.addEventListener("mousemove", s), e.addEventListener("mouseup", i), e.addEventListener("mouseleave", i), () => {
+      window.removeEventListener("resize", n), e.removeEventListener("touchstart", v), e.removeEventListener("touchmove", S), e.removeEventListener("touchend", i), e.removeEventListener("touchcancel", i), e.removeEventListener("mousedown", d), e.removeEventListener("mousemove", s), e.removeEventListener("mouseup", i), e.removeEventListener("mouseleave", i), L.current && e.removeEventListener("transitionend", L.current);
+    };
+  }, []), j(() => {
+    const e = p.current, n = (a) => {
+      C.current && !I.current && a.stopPropagation();
+    };
+    return e == null || e.addEventListener("click", n), () => {
+      e == null || e.removeEventListener("click", n);
+    };
+  }, []), j(() => {
+    R == null || R(F);
+  }, [F, R]), j(() => () => {
+    P.current && cancelAnimationFrame(P.current), U.current && cancelAnimationFrame(U.current), k.current && cancelAnimationFrame(k.current);
+  }, []), /* @__PURE__ */ D(h, { tag: "section", flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...K, children: [
+    b && (b == null ? void 0 : b.length) > 0 && /* @__PURE__ */ m(
+      h,
+      {
+        justifyContent: "flex-end",
+        alignItems: "center",
+        gap: 3,
+        pl: 4,
+        pr: 4,
+        role: "group",
+        "aria-label": "일정 종류 안내",
+        children: b == null ? void 0 : b.map(({ text: e, color: n }) => /* @__PURE__ */ D(h, { alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ m(
+            ue,
+            {
+              "aria-hidden": !0,
+              inlineCSS: {
+                width: 14,
+                height: 14,
+                border: `1px solid ${y[30]}`,
+                borderRadius: 4,
+                backgroundColor: n
+              }
+            }
+          ),
+          /* @__PURE__ */ m(B, { variant: "c3R", color: "grey.70", children: e })
+        ] }, `legend-${e}-${n}`))
+      }
+    ),
+    /* @__PURE__ */ D(
+      h,
+      {
+        ref: G,
+        alignItems: "center",
+        pt: 1,
+        pb: 2,
+        role: "row",
+        inlineCSS: {
+          position: "sticky",
+          top: 0,
+          zIndex: 2,
+          borderBottom: `1px solid ${y[20]}`,
+          backgroundColor: y.white
+        },
+        children: [
+          /* @__PURE__ */ D(
+            B,
+            {
+              variant: "h4B",
+              textAlign: "center",
+              inlineCSS: {
+                width: 48
+              },
+              children: [
+                F.month() + 1,
+                "월"
+              ]
+            }
+          ),
+          /* @__PURE__ */ m(h, { alignItems: "center", flexGrow: 1, children: ae[1].days.map((e) => /* @__PURE__ */ D(
+            h,
+            {
+              flexDirection: "column",
+              alignItems: "center",
+              flex: 1,
+              role: "columnheader",
+              "aria-label": `${e.format("dddd")} (${e.format("D")}일)`,
+              children: [
+                /* @__PURE__ */ m(B, { variant: "c3R", color: e.day() === 0 ? "pink.90" : void 0, children: e.format("ddd") }),
+                /* @__PURE__ */ m(B, { variant: "c3M", color: e.day() === 0 ? "pink.100" : void 0, children: e.format("D") })
+              ]
+            },
+            e.day()
+          )) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ D(h, { flex: 1, children: [
+      /* @__PURE__ */ D(
+        h,
+        {
+          flexDirection: "column",
+          inlineCSS: {
+            position: "sticky",
+            left: 0,
+            maxHeight: "fit-content",
+            backgroundColor: y.white,
+            zIndex: 1
+          },
+          children: [
+            A.map(({ time: e, label: n, isCurrentTime: a }) => /* @__PURE__ */ m(
+              h,
+              {
+                justifyContent: "center",
+                alignItems: "flex-start",
+                role: "rowheader",
+                "aria-label": n,
+                "aria-current": a ? "time" : void 0,
+                style: {
+                  width: 48,
+                  minHeight: H,
+                  zIndex: 1
+                },
+                children: /* @__PURE__ */ m(
+                  B,
+                  {
+                    variant: "c3M",
+                    color: "grey.70",
+                    style: {
+                      visibility: e.split(":")[1] === "30" ? "hidden" : "visible"
+                    },
+                    children: e
+                  }
+                )
+              },
+              e
+            )),
+            /* @__PURE__ */ m(
+              h,
+              {
+                "aria-hidden": !0,
+                inlineCSS: {
+                  position: "absolute",
+                  top: 0,
+                  right: -8,
+                  width: 8,
+                  height: "100%",
+                  background: "linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.00) 104.17%)",
+                  zIndex: 1
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ m(
+        h,
+        {
+          flex: 1,
+          ref: p,
+          role: "grid",
+          "aria-label": "주간 일정",
+          inlineCSS: { position: "relative", overflow: "hidden", cursor: "grab" },
+          children: /* @__PURE__ */ m(
+            h,
+            {
+              ref: O,
+              alignItems: "flex-start",
+              justifyContent: "center",
+              flex: 1,
+              inlineCSS: {
+                transform: "translate3d(0, 0, 0)"
+              },
+              children: ae.map(({ days: e, scheduleEvents: n }, a) => /* @__PURE__ */ m(
+                h,
+                {
+                  role: "rowgroup",
+                  "aria-hidden": a !== 1,
+                  style: {
+                    display: "grid",
+                    gridTemplateColumns: "repeat(7, 1fr)",
+                    minWidth: "100%"
+                  },
+                  children: e.map((o, i) => {
+                    const v = Se(n, o), S = Ee(
+                      v,
+                      o
+                    );
+                    return /* @__PURE__ */ m(
+                      h,
+                      {
+                        role: "row",
+                        "aria-label": `${o.format("dddd")} ${o.format("D")}일`,
+                        style: {
+                          borderLeft: `1px solid ${y[20]}`
+                        },
+                        children: /* @__PURE__ */ D(
+                          h,
+                          {
+                            style: {
+                              display: "grid",
+                              position: "relative",
+                              flex: 1
+                            },
+                            children: [
+                              A.map(({ time: d, label: s, isCurrentTime: t }, r) => {
+                                const l = a === 1 && r === T && i === Y;
+                                if (typeof M == "function") {
+                                  const c = M(
+                                    o.format("YYYY-MM-DD"),
+                                    d
+                                  );
+                                  return le(c, {
+                                    key: `schedule-block-${o}-${r}-${i}-${d}`,
+                                    onKeyDown: ie,
+                                    onFocus: se(o, s),
+                                    role: "gridcell",
+                                    "data-row": r,
+                                    "data-col": i,
+                                    "data-week": a,
+                                    "data-time": d,
+                                    "aria-current": t ? "time" : void 0,
+                                    tabIndex: l ? 0 : -1,
+                                    "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
+                                    ...c.props,
+                                    style: {
+                                      ...c.props.style,
+                                      borderTop: r > 0 ? `1px solid ${y[20]}` : void 0,
+                                      minHeight: H,
+                                      zIndex: 0
+                                    }
+                                  });
+                                }
+                                return /* @__PURE__ */ m(
+                                  ue,
+                                  {
+                                    onKeyDown: ie,
+                                    onFocus: se(o, s),
+                                    role: "gridcell",
+                                    "data-row": r,
+                                    "data-col": i,
+                                    "data-week": a,
+                                    "data-time": d,
+                                    "aria-current": t ? "time" : void 0,
+                                    tabIndex: l ? 0 : -1,
+                                    "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
+                                    style: {
+                                      borderTop: r > 0 ? `1px solid ${y[20]}` : void 0,
+                                      minHeight: H,
+                                      zIndex: 0
+                                    }
+                                  },
+                                  `schedule-block-${o}-${r}-${i}-${d}`
+                                );
+                              }),
+                              S.map(
+                                ({ children: d, startDate: s, endDate: t, totalColumns: r, columnIndex: l }) => {
+                                  const c = de(s), f = de(t), q = (c - 7 * 60) / 30 * H, we = (f - c) / 30 * H, ce = 100 / r, ge = l * ce, J = d;
+                                  return /* @__PURE__ */ m(
+                                    h,
+                                    {
+                                      style: {
+                                        position: "absolute",
+                                        top: `${q + 1}px`,
+                                        left: `${ge}%`,
+                                        width: `${ce}%`,
+                                        height: `${we - 1}px`,
+                                        zIndex: 1
+                                      },
+                                      children: le(J, {
+                                        role: "button",
+                                        tabIndex: a === 1 ? 0 : -1,
+                                        onKeyDown: ve(J.props.onKeyDown),
+                                        "data-start-date": s,
+                                        "data-start-time": w(s).format("HH:mm"),
+                                        "data-end-date": t,
+                                        "data-end-time": w(t).format("HH:mm"),
+                                        "data-is-event": !0,
+                                        "aria-label": `${w(s).format("dddd")} ${w(s).format("D")}일 ${w(s).format("A h시")}부터 ${w(t).format("dddd")} ${w(t).format("D")}일 ${w(t).format("A h시")}까지의 일정`,
+                                        ...J.props
+                                      })
+                                    },
+                                    `${s}-${t}-${l}-${r}`
+                                  );
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      },
+                      o.toISOString()
+                    );
+                  })
+                },
+                e[0].format("YYYY-MM-DD")
+              ))
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        role: "status",
+        style: {
+          position: "absolute",
+          width: 1,
+          height: 1,
+          margin: -1,
+          border: 0,
+          padding: 0,
+          overflow: "hidden",
+          clip: "rect(0 0 0 0)",
+          clipPath: "inset(50%)"
+        },
+        children: me
+      }
+    )
+  ] });
+}
+export {
+  Ce as default
+};

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

@@ -0,0 +1,32 @@
+import { Dayjs } from 'dayjs';
+import { ScheduleEventProps } from './ScheduleEvent/ScheduleEvent';
+export interface ScheduleEventWithRange extends ScheduleEventProps {
+    start: number;
+    end: number;
+}
+export interface PositionedScheduleEvent extends ScheduleEventWithRange {
+    columnIndex: number;
+    totalColumns: number;
+}
+export interface InternalScheduleEvent extends ScheduleEventWithRange {
+    _start: number;
+    _end: number;
+}
+export declare function generateWeek(weekStartDate: Dayjs, scheduleEvents?: ScheduleEventProps[]): {
+    days: Dayjs[];
+    scheduleEvents: ScheduleEventWithRange[];
+};
+export declare function getDayScheduleEvents(scheduleEvents: ScheduleEventWithRange[], date: Dayjs): ScheduleEventWithRange[];
+export declare function resolvePositionedScheduleEventsForDate(scheduleEvents: ScheduleEventWithRange[], date: Dayjs): PositionedScheduleEvent[];
+export declare function assignColumnsToGroup(group: InternalScheduleEvent[]): PositionedScheduleEvent[];
+export declare function getMinutesFromMidnight(date: string): number;
+export declare function getAvailableDateRange(startDate: string | Date | Dayjs, endDate: string | Date | Dayjs, schedules: {
+    startTime: number;
+    endTime: number;
+    weekDay: string | number;
+    oneDayDate: string | null;
+}[]): {
+    id: string;
+    startDate: string;
+    endDate: string;
+}[];

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

@@ -0,0 +1,92 @@
+import s from "dayjs";
+import g from "../../utils/getDateRange/getDateRange.mjs";
+import v from "../../utils/getTimeRange/getTimeRange.mjs";
+function S(a, n = []) {
+  const r = Array.from({ length: 7 }, (e, u) => a.add(u, "day")), o = a, i = a.add(6, "day").endOf("day"), d = n.map((e) => {
+    const u = s(e.startDate), t = s(e.endDate).endOf("day"), l = u.isBefore(o) ? o : u, h = t.isAfter(i) ? i : t, c = l.diff(o, "day"), p = h.diff(l, "day") + 1;
+    return {
+      ...e,
+      start: c,
+      end: c + p - 1
+    };
+  }).filter((e) => e.start <= 6 && e.end >= 0);
+  return { days: r.map((e) => e), scheduleEvents: d };
+}
+function M(a, n) {
+  return a.filter(
+    (r) => s(r.startDate).isBefore(n.endOf("day")) && s(r.endDate).isAfter(n.startOf("day"))
+  );
+}
+function _(a, n) {
+  const r = n.startOf("day"), o = n.endOf("day"), d = [...a.filter(
+    (t) => s(t.startDate).isBefore(o) && s(t.endDate).isAfter(r)
+  ).map((t) => ({
+    ...t,
+    _start: Math.max(
+      s(t.startDate).minute() + s(t.startDate).hour() * 60,
+      r.minute() + r.hour() * 60
+    ),
+    _end: Math.min(
+      s(t.endDate).minute() + s(t.endDate).hour() * 60,
+      o.minute() + o.hour() * 60
+    )
+  }))].sort((t, l) => t._start - l._start), f = [];
+  let e = [], u = -1;
+  for (const t of d)
+    e.length === 0 || t._start < u ? (e.push(t), u = Math.max(u, t._end)) : (f.push(...m(e)), e = [t], u = t._end);
+  return e.length > 0 && f.push(...m(e)), f;
+}
+function m(a) {
+  const n = [], r = [];
+  for (const i of a) {
+    let d = !1;
+    for (let f = 0; f < n.length; f++) {
+      const e = n[f];
+      if (!e.some(
+        (t) => !(t._end <= t._start || t._end <= t._start)
+      )) {
+        e.push(i), r.push({
+          ...i,
+          columnIndex: f,
+          totalColumns: 0
+        }), d = !0;
+        break;
+      }
+    }
+    d || (n.push([i]), r.push({
+      ...i,
+      columnIndex: n.length - 1,
+      totalColumns: 0
+    }));
+  }
+  const o = n.length;
+  return r.forEach((i) => i.totalColumns = o), r;
+}
+function Y(a) {
+  const n = s(a);
+  return n.hour() * 60 + n.minute();
+}
+function C(a, n, r) {
+  return g(a, n).flatMap(({ value: o }, i) => {
+    const f = r.filter(({ weekDay: t }) => String(t) === o.getDay().toString()).filter(({ oneDayDate: t }) => t ? s(t).isSame(o, "date") : !0).flatMap(
+      ({ startTime: t, endTime: l }) => v(Number(t), Number(l), {
+        pairs: !0
+      })
+    ), e = 2, u = [];
+    for (let t = 0; t < f.length; t += e)
+      u.push(f.slice(t, t + e));
+    return u.map(([{ value: t }, { value: l }]) => ({
+      id: `${i}-${t}-${l}`,
+      startDate: s(o).hour(Math.floor(t)).minute(t % 1 * 60).format("YYYY-MM-DD HH:mm"),
+      endDate: s(o).hour(Math.floor(l)).minute(l % 1 * 60).format("YYYY-MM-DD HH:mm")
+    }));
+  });
+}
+export {
+  m as assignColumnsToGroup,
+  S as generateWeek,
+  C as getAvailableDateRange,
+  M as getDayScheduleEvents,
+  Y as getMinutesFromMidnight,
+  _ as resolvePositionedScheduleEventsForDate
+};

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

@@ -0,0 +1,6 @@
+import { default as Scheduler, SchedulerProps } from './Scheduler';
+export { default as ScheduleEvent, type ScheduleEventProps } from './ScheduleEvent';
+export { default as ScheduleBlock, type ScheduleBlockProps } from './ScheduleBlock';
+export { getAvailableDateRange } from './Scheduler.utils';
+export type { SchedulerProps };
+export default Scheduler;