@savvycal/calendar 0.3.0 → 0.4.0

package/dist/components/resource-grid-view/ResourceColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceColumn.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/ResourceColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,0BAA0B,EAC1B,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAG1B,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,KAAK,MAAM,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,kBAAkB,CAAC;QAC1B,QAAQ,EAAE,eAAe,CAAC;KAC3B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,2DA4CzB,CAAC"}
+{"version":3,"file":"ResourceColumn.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/ResourceColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,0BAA0B,EAC1B,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAG1B,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,KAAK,MAAM,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,kBAAkB,CAAC;QAC1B,QAAQ,EAAE,eAAe,CAAC;KAC3B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,2DA6CzB,CAAC"}

package/dist/components/resource-grid-view/ResourceColumn.js

@@ -1,45 +1,46 @@
-import { jsx as r } from "react/jsx-runtime";
-import { memo as p } from "react";
-import { EventChip as R } from "./EventChip.js";
-const x = p(function({
-  resource: t,
-  positionedEvents: m,
-  column: i,
-  timeZone: c,
-  cls: n,
-  onEventClick: l,
-  renderEvent: u,
-  eventGap: s,
+import { jsx as t } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { EventChip as p } from "./EventChip.js";
+const x = f(function({
+  resource: r,
+  positionedEvents: i,
+  column: m,
+  timeZone: l,
+  cls: o,
+  onEventClick: s,
+  renderEvent: c,
+  eventGap: u,
   eventLayout: v,
   stackOffset: d,
   selectedEventId: C,
-  selectedEventRef: f
+  selectedEventRef: a
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: n("eventColumn"),
+      className: o("eventColumn"),
       style: {
         gridRow: "3 / -1",
-        gridColumn: i,
-        pointerEvents: "none"
+        gridColumn: m,
+        pointerEvents: "none",
+        isolation: "isolate"
       },
-      children: m.map((e) => {
-        const o = e.event.id === C;
-        return /* @__PURE__ */ r(
-          R,
+      children: i.map((e) => {
+        const n = e.event.id === C;
+        return /* @__PURE__ */ t(
+          p,
           {
             positioned: e,
-            resource: t,
-            timeZone: c,
-            cls: n,
-            onClick: l,
-            renderEvent: u,
-            eventGap: s,
+            resource: r,
+            timeZone: l,
+            cls: o,
+            onClick: s,
+            renderEvent: c,
+            eventGap: u,
             eventLayout: v,
             stackOffset: d,
-            isSelected: o,
-            selectedEventRef: o ? f : void 0
+            isSelected: n,
+            selectedEventRef: n ? a : void 0
           },
           e.event.id
         );

package/dist/components/resource-grid-view/ResourceGridView.js

@@ -1,5 +1,5 @@
 import { jsxs as L, jsx as n } from "react/jsx-runtime";
-import { useCallback as v, useRef as U, useState as ft, useEffect as V, useMemo as p } from "react";
+import { useCallback as T, useRef as U, useState as ft, useEffect as V, useMemo as p } from "react";
 import { cn as $ } from "../../lib/utils.js";
 import { generateTimeSlots as pt, formatDateLabel as ht, formatTimeRange as z } from "../../lib/time.js";
 import { groupByResource as gt, computePositionedEvents as yt } from "../../lib/overlap.js";
@@ -8,10 +8,10 @@ import { resourceGridViewDefaults as Ht } from "./defaults.js";
 import { GridHeader as Rt } from "./GridHeader.js";
 import { TimeGutter as St } from "./TimeGutter.js";
 import { ResourceColumn as bt } from "./ResourceColumn.js";
-import { SlotInteractionLayer as Ct } from "./SlotInteractionLayer.js";
-import { SelectionOverlay as Dt } from "./SelectionOverlay.js";
-import { UnavailabilityOverlay as Tt } from "./UnavailabilityOverlay.js";
-import { NowIndicator as vt } from "./NowIndicator.js";
+import { SlotInteractionLayer as vt } from "./SlotInteractionLayer.js";
+import { SelectionOverlay as Ct } from "./SelectionOverlay.js";
+import { UnavailabilityOverlay as Dt } from "./UnavailabilityOverlay.js";
+import { NowIndicator as Tt } from "./NowIndicator.js";
 import { AllDayRow as $t } from "./AllDayRow.js";
 import { useEffectiveHourHeight as xt } from "./useEffectiveHourHeight.js";
 import { useAnnouncer as kt } from "./useAnnouncer.js";
@@ -27,7 +27,7 @@ function qt({
   snapDuration: N,
   placeholderDuration: A,
   selectedRange: m,
-  onSelect: u,
+  onSelect: s,
   onSlotClick: F,
   className: K,
   classNames: E,
@@ -44,9 +44,9 @@ function qt({
   renderCorner: _,
   eventGap: Z,
   eventLayout: tt = "columns",
-  stackOffset: et = 8
+  stackOffset: rt = 8
 }) {
-  const c = R?.startHour ?? 0, d = R?.endHour ?? 24, C = R?.intervalMinutes ?? 60, { effectiveHourHeight: s, rootRef: rt, headerRef: ot, allDayRef: it, headerHeight: B } = xt(P, d - c), i = v(
+  const c = R?.startHour ?? 0, d = R?.endHour ?? 24, v = R?.intervalMinutes ?? 60, { effectiveHourHeight: u, rootRef: et, headerRef: ot, allDayRef: it, headerHeight: B } = xt(P, d - c), i = T(
     (t) => $(Ht[t], E?.[t]),
     [E]
   ), H = U(null), h = U(null), [lt, M] = ft(
@@ -62,14 +62,14 @@ function qt({
       }, b);
     }
   }, [m, b]);
-  const D = m ?? lt, T = p(
-    () => pt({ startHour: c, endHour: d, intervalMinutes: C }),
-    [c, d, C]
+  const C = m ?? lt, D = p(
+    () => pt({ startHour: c, endHour: d, intervalMinutes: v }),
+    [c, d, v]
   ), { allDayEvents: G, timedEvents: O } = p(() => {
-    const t = [], e = [];
-    for (const r of x)
-      r.allDay ? t.push(r) : e.push(r);
-    return { allDayEvents: t, timedEvents: e };
+    const t = [], r = [];
+    for (const e of x)
+      e.allDay ? t.push(e) : r.push(e);
+    return { allDayEvents: t, timedEvents: r };
   }, [x]), nt = p(
     () => gt(G),
     [G]
@@ -80,29 +80,29 @@ function qt({
       a,
       c,
       d,
-      s
+      u
     ),
-    [O, l, a, c, d, s]
+    [O, l, a, c, d, u]
   ), ct = p(() => {
     if (!y && !w)
       return /* @__PURE__ */ new Map();
     const t = /* @__PURE__ */ new Set([
       ...Object.keys(y ?? {}),
       ...Object.keys(w ?? {})
-    ]), e = /* @__PURE__ */ new Map();
-    for (const r of t) {
+    ]), r = /* @__PURE__ */ new Map();
+    for (const e of t) {
       const f = wt(
-        y?.[r],
-        w?.[r],
+        y?.[e],
+        w?.[e],
         l,
         a,
         c,
         d,
-        s
+        u
       );
-      f.length > 0 && e.set(r, f);
+      f.length > 0 && r.set(e, f);
     }
-    return e;
+    return r;
   }, [
     y,
     w,
@@ -110,46 +110,46 @@ function qt({
     a,
     c,
     d,
-    s
+    u
   ]), { message: dt, announce: g } = kt(), st = p(
     () => `Schedule for ${ht(a)}`,
     [a]
-  ), W = v(
+  ), W = T(
     (t) => {
-      if (u?.(null), k?.(t), t.allDay) {
-        const e = [t.title, "all day"];
-        t.clientName && e.push(t.clientName), g(`Selected: ${e.join(", ")}`);
+      if (s?.(null), k?.(t), t.allDay) {
+        const r = [t.title, "all day"];
+        t.clientName && r.push(t.clientName), g(`Selected: ${r.join(", ")}`);
       } else {
-        const e = [
+        const r = [
           t.title,
           z(t.startTime, t.endTime, l)
         ];
-        t.clientName && e.push(t.clientName);
-        const r = o.find((f) => f.id === t.resourceId);
-        r && e.push(r.name), g(`Selected: ${e.join(", ")}`);
+        t.clientName && r.push(t.clientName);
+        const e = o.find((f) => f.id === t.resourceId);
+        e && r.push(e.name), g(`Selected: ${r.join(", ")}`);
       }
     },
-    [u, k, l, o, g]
-  ), ut = v(
+    [s, k, l, o, g]
+  ), ut = T(
     (t) => {
-      if (u?.(t), t) {
-        const e = [
+      if (s?.(t), t) {
+        const r = [
           z(t.startTime, t.endTime, l)
-        ], r = o.find((f) => f.id === t.resourceId);
-        r && e.push(r.name), g(`Selected time: ${e.join(", ")}`);
+        ], e = o.find((f) => f.id === t.resourceId);
+        e && r.push(e.name), g(`Selected time: ${r.join(", ")}`);
       }
     },
-    [u, l, o, g]
+    [s, l, o, g]
   );
   V(() => {
-    if (!m || !u) return;
-    const t = (e) => {
-      e.key === "Escape" && u(null);
+    if (!m || !s) return;
+    const t = (r) => {
+      r.key === "Escape" && s(null);
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [m, u]);
-  const mt = s * C / 60;
-  return /* @__PURE__ */ L("div", { ref: rt, className: $(i("root"), K), children: [
+  }, [m, s]);
+  const mt = u * v / 60;
+  return /* @__PURE__ */ L("div", { ref: et, className: $(i("root"), K), children: [
     /* @__PURE__ */ L(
       "div",
       {
@@ -160,7 +160,7 @@ function qt({
         style: {
           display: "grid",
           gridTemplateColumns: `max-content repeat(${o.length}, minmax(${q}px, 1fr))`,
-          gridTemplateRows: `auto auto repeat(${T.length}, ${mt}px)`
+          gridTemplateRows: `auto auto repeat(${D.length}, ${mt}px)`
         },
         children: [
           /* @__PURE__ */ n(
@@ -172,11 +172,11 @@ function qt({
               children: _?.({ timeZone: l, date: a })
             }
           ),
-          o.map((t, e) => /* @__PURE__ */ n(
+          o.map((t, r) => /* @__PURE__ */ n(
             Rt,
             {
               resource: t,
-              column: e + 2,
+              column: r + 2,
               cls: i,
               renderHeader: J
             },
@@ -194,15 +194,15 @@ function qt({
               }
             }
           ),
-          o.map((t, e) => /* @__PURE__ */ n(
+          o.map((t, r) => /* @__PURE__ */ n(
             "div",
             {
               className: i("allDayCell"),
               style: {
                 gridRow: 2,
-                gridColumn: e + 2,
+                gridColumn: r + 2,
                 top: B,
-                ...e === o.length - 1 ? { borderRightWidth: 0 } : {}
+                ...r === o.length - 1 ? { borderRightWidth: 0 } : {}
               },
               children: /* @__PURE__ */ n(
                 $t,
@@ -217,7 +217,7 @@ function qt({
             },
             `allday-${t.id}`
           )),
-          T.map((t) => /* @__PURE__ */ n(
+          D.map((t) => /* @__PURE__ */ n(
             St,
             {
               label: t.label,
@@ -228,86 +228,86 @@ function qt({
             },
             t.index
           )),
-          T.map(
-            (t) => o.map((e, r) => /* @__PURE__ */ n(
+          D.map(
+            (t) => o.map((r, e) => /* @__PURE__ */ n(
               "div",
               {
                 className: i(t.isHourStart ? "bodyCell" : "bodyCellMinor"),
                 style: {
                   gridRow: t.index + 3,
-                  gridColumn: r + 2,
+                  gridColumn: e + 2,
                   ...t.isHourStart ? {} : { borderTopStyle: "dotted" },
                   ...t.index === 0 ? { borderTopWidth: 0 } : {},
-                  ...r === o.length - 1 ? { borderRightWidth: 0 } : {}
+                  ...e === o.length - 1 ? { borderRightWidth: 0 } : {}
                 }
               },
-              `${t.index}-${e.id}`
+              `${t.index}-${r.id}`
             ))
           ),
-          o.map((t, e) => {
-            const r = ct.get(t.id);
-            return r ? /* @__PURE__ */ n(
-              Tt,
+          o.map((t, r) => {
+            const e = ct.get(t.id);
+            return e ? /* @__PURE__ */ n(
+              Dt,
               {
-                blocks: r,
-                column: e + 2,
+                blocks: e,
+                column: r + 2,
                 cls: i
               },
               `unavail-${t.id}`
             ) : null;
           }),
-          N != null && o.map((t, e) => /* @__PURE__ */ n(
-            Ct,
+          N != null && o.map((t, r) => /* @__PURE__ */ n(
+            vt,
             {
               resource: t,
-              column: e + 2,
+              column: r + 2,
               date: a,
               timeZone: l,
               startHour: c,
               endHour: d,
-              hourHeight: s,
+              hourHeight: u,
               snapDuration: N,
               placeholderDuration: A ?? 15,
               cls: i,
               onSlotClick: F,
-              onSelect: ut,
+              onSelect: s ? ut : void 0,
               dragPreviewAppearance: X,
               renderEvent: S
             },
             `slot-${t.id}`
           )),
-          o.map((t, e) => /* @__PURE__ */ n(
+          o.map((t, r) => /* @__PURE__ */ n(
             bt,
             {
               resource: t,
               positionedEvents: at.get(t.id) ?? [],
-              column: e + 2,
+              column: r + 2,
               timeZone: l,
               cls: i,
               onEventClick: W,
               renderEvent: S,
               eventGap: Z,
               eventLayout: tt,
-              stackOffset: et,
+              stackOffset: rt,
               selectedEventId: j,
               selectedEventRef: I
             },
             t.id
           )),
-          D != null && (() => {
+          C != null && (() => {
             const t = o.findIndex(
-              (e) => e.id === D.resourceId
+              (r) => r.id === C.resourceId
             );
             return t === -1 ? null : /* @__PURE__ */ n(
-              Dt,
+              Ct,
               {
-                selectedRange: D,
+                selectedRange: C,
                 column: t + 2,
                 resource: o[t],
                 viewDate: a,
                 timeZone: l,
                 startHour: c,
-                hourHeight: s,
+                hourHeight: u,
                 cls: i,
                 appearance: Q,
                 selectionRef: Y,
@@ -316,13 +316,13 @@ function qt({
             );
           })(),
           /* @__PURE__ */ n(
-            vt,
+            Tt,
             {
               date: a,
               timeZone: l,
               startHour: c,
               endHour: d,
-              hourHeight: s,
+              hourHeight: u,
               cls: i
             }
           )

package/dist/components/resource-grid-view/SlotInteractionLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlotInteractionLayer.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/SlotInteractionLayer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAI1B,UAAU,yBAAyB;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,KAAK,MAAM,CAAC;IACvD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QACnB,QAAQ,EAAE,gBAAgB,CAAC;QAC3B,SAAS,EAAE,QAAQ,CAAC,aAAa,CAAC;QAClC,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC;KACjC,KAAK,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,kBAAkB,CAAC;QAC1B,QAAQ,EAAE,eAAe,CAAC;KAC3B,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAmBD,eAAO,MAAM,oBAAoB,iEA2T/B,CAAC"}
+{"version":3,"file":"SlotInteractionLayer.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/SlotInteractionLayer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAI1B,UAAU,yBAAyB;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,KAAK,MAAM,CAAC;IACvD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QACnB,QAAQ,EAAE,gBAAgB,CAAC;QAC3B,SAAS,EAAE,QAAQ,CAAC,aAAa,CAAC;QAClC,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC;KACjC,KAAK,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,kBAAkB,CAAC;QAC1B,QAAQ,EAAE,eAAe,CAAC;KAC3B,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAyBD,eAAO,MAAM,oBAAoB,iEA2T/B,CAAC"}

package/dist/components/resource-grid-view/SlotInteractionLayer.js

@@ -1,110 +1,110 @@
-import { jsxs as rt, jsx as x } from "react/jsx-runtime";
-import { memo as ot, useState as K, useRef as o, useCallback as m, useLayoutEffect as st, useEffect as it } from "react";
-import { buildSyntheticEvent as ct } from "../../lib/selection.js";
-import { EventChip as ut } from "./EventChip.js";
-function E(U, u, C) {
-  const a = Math.floor(u / 60), i = u % 60;
-  return U.toPlainDateTime({ hour: a, minute: i }).toZonedDateTime(C);
+import { jsxs as rt, jsx as C } from "react/jsx-runtime";
+import { memo as ot, useState as K, useRef as i, useCallback as m, useLayoutEffect as it, useEffect as st } from "react";
+import { buildSyntheticEvent as ut } from "../../lib/selection.js";
+import { EventChip as ct } from "./EventChip.js";
+function E(b, a, y) {
+  const r = Math.floor(a / 60), s = a % 60;
+  return r >= 24 ? b.add({ days: Math.floor(r / 24) }).toPlainDateTime({ hour: r % 24, minute: s }).toZonedDateTime(y) : b.toPlainDateTime({ hour: r, minute: s }).toZonedDateTime(y);
 }
 const mt = ot(function({
-  resource: u,
-  column: C,
-  date: a,
-  timeZone: i,
+  resource: a,
+  column: y,
+  date: r,
+  timeZone: s,
   startHour: Q,
   endHour: V,
   hourHeight: W,
   snapDuration: R,
   placeholderDuration: l,
-  cls: y,
+  cls: T,
   onSlotClick: L,
   onSelect: h,
   dragPreviewAppearance: F = "highlight",
   renderEvent: X
 }) {
-  const [b, k] = K(null), [c, H] = K(null), S = o(null), M = o(null), w = o(!1), q = o(h), z = o(u), B = o(a), O = o(i), v = Q * 60, T = V * 60, d = W / 60, f = m(
+  const [H, k] = K(null), [c, w] = K(null), S = i(null), M = i(null), B = i(!1), q = i(h), z = i(a), D = i(r), O = i(s), v = Q * 60, x = V * 60, d = W / 60, f = m(
     (n) => {
-      const t = n / d, r = Math.floor(t / R) * R, e = v + r;
-      return e + l > T || e < v ? null : e;
+      const t = n / d, o = Math.floor(t / R) * R, e = v + o;
+      return e + l > x || e < v ? null : e;
     },
     [
       d,
       R,
       l,
       v,
-      T
+      x
     ]
-  ), G = o(f), Y = o(T), _ = o(R), I = o(l), J = m((n, t) => {
-    const r = Math.min(n, t), e = Math.min(
-      Math.max(n, t) + I.current,
-      Y.current
+  ), G = i(f), P = i(x), _ = i(R), Y = i(l), J = m((n, t) => {
+    const o = Math.min(n, t), e = Math.min(
+      Math.max(n, t) + Y.current,
+      P.current
     );
-    return { startMin: r, endMin: e };
+    return { startMin: o, endMin: e };
   }, []), g = m(
     (n) => {
-      const t = M.current, r = S.current;
-      if (!t || !r) return;
-      const e = r.getBoundingClientRect(), s = e.height, p = Math.max(
+      const t = M.current, o = S.current;
+      if (!t || !o) return;
+      const e = o.getBoundingClientRect(), u = e.height, p = Math.max(
         0,
-        Math.min(n.clientY - e.top, s)
+        Math.min(n.clientY - e.top, u)
       );
       let j = G.current(p);
-      j == null && (j = Y.current - I.current);
-      const D = J(t.anchorSlotStart, j);
-      t.currentStartMin = D.startMin, t.currentEndMin = D.endMin, t.moved = !0, H(D);
+      j == null && (j = P.current - Y.current);
+      const U = J(t.anchorSlotStart, j);
+      t.currentStartMin = U.startMin, t.currentEndMin = U.endMin, t.moved = !0, w(U);
     },
     [J]
-  ), N = o(() => {
-  }), P = m(() => {
+  ), I = i(() => {
+  }), N = m(() => {
     const n = M.current;
-    n && (n.moved && (w.current = !0), q.current?.({
+    n && (n.moved && (B.current = !0), q.current?.({
       resourceId: z.current.id,
       startTime: E(
-        B.current,
+        D.current,
         n.currentStartMin,
         O.current
       ),
       endTime: E(
-        B.current,
+        D.current,
         n.currentEndMin,
         O.current
       )
-    })), M.current = null, H(null), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", N.current);
+    })), M.current = null, w(null), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", I.current);
   }, [g]);
-  st(() => {
-    q.current = h, z.current = u, B.current = a, O.current = i, G.current = f, Y.current = T, _.current = R, I.current = l, N.current = P;
-  }), it(() => () => {
-    document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", N.current);
+  it(() => {
+    q.current = h, z.current = a, D.current = r, O.current = s, G.current = f, P.current = x, _.current = R, Y.current = l, I.current = N;
+  }), st(() => () => {
+    document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", I.current);
   }, [g]);
   const $ = m(
     (n) => {
       if (!h) return;
       const t = S.current;
       if (!t) return;
-      const r = t.getBoundingClientRect(), e = n.clientY - r.top, s = f(e);
-      if (s == null) return;
+      const o = t.getBoundingClientRect(), e = n.clientY - o.top, u = f(e);
+      if (u == null) return;
       n.preventDefault(), h(null);
-      const p = s + l;
+      const p = u + l;
       M.current = {
-        anchorSlotStart: s,
-        currentStartMin: s,
+        anchorSlotStart: u,
+        currentStartMin: u,
         currentEndMin: p,
         moved: !1
-      }, H({ startMin: s, endMin: p }), document.addEventListener("mousemove", g), document.addEventListener("mouseup", P);
+      }, w({ startMin: u, endMin: p }), document.addEventListener("mousemove", g), document.addEventListener("mouseup", N);
     },
     [
       h,
       f,
       l,
       g,
-      P
+      N
     ]
   ), A = m(
     (n) => {
       if (M.current) return;
       const t = S.current;
       if (!t) return;
-      const r = t.getBoundingClientRect(), e = n.clientY - r.top;
+      const o = t.getBoundingClientRect(), e = n.clientY - o.top;
       k(f(e));
     },
     [f]
@@ -112,30 +112,30 @@ const mt = ot(function({
     M.current || k(null);
   }, []), tt = m(
     (n) => {
-      if (w.current) {
-        w.current = !1;
+      if (B.current) {
+        B.current = !1;
         return;
       }
       const t = S.current;
       if (!t) return;
-      const r = t.getBoundingClientRect(), e = n.clientY - r.top, s = f(e);
-      if (s == null) return;
-      const p = s + l;
+      const o = t.getBoundingClientRect(), e = n.clientY - o.top, u = f(e);
+      if (u == null) return;
+      const p = u + l;
       L && L({
-        resource: u,
-        startTime: E(a, s, i),
-        endTime: E(a, p, i)
+        resource: a,
+        startTime: E(r, u, s),
+        endTime: E(r, p, s)
       });
     },
-    [L, f, l, u, a, i]
-  ), nt = b != null ? (b - v) * d : 0, et = l * d;
+    [L, f, l, a, r, s]
+  ), nt = H != null ? (H - v) * d : 0, et = l * d;
   return /* @__PURE__ */ rt(
     "div",
     {
       ref: S,
       style: {
         gridRow: "3 / -1",
-        gridColumn: C,
+        gridColumn: y,
         position: "relative",
         pointerEvents: "auto",
         cursor: L || h ? "pointer" : void 0
@@ -145,11 +145,11 @@ const mt = ot(function({
       onMouseLeave: Z,
       onClick: tt,
       children: [
-        b != null && !c && /* @__PURE__ */ x(
+        H != null && !c && /* @__PURE__ */ C(
           "div",
           {
             "aria-hidden": "true",
-            className: y("slotHighlight"),
+            className: T("slotHighlight"),
             style: {
               position: "absolute",
               top: nt,
@@ -160,21 +160,21 @@ const mt = ot(function({
             }
           }
         ),
-        c && (F !== "highlight" ? /* @__PURE__ */ x(
+        c && (F !== "highlight" ? /* @__PURE__ */ C(
           "div",
           {
             "aria-hidden": "true",
-            className: y("eventColumn"),
+            className: T("eventColumn"),
             style: { pointerEvents: "none" },
-            children: /* @__PURE__ */ x(
-              ut,
+            children: /* @__PURE__ */ C(
+              ct,
               {
                 interactive: !1,
                 positioned: {
-                  event: ct(
-                    u.id,
-                    E(a, c.startMin, i),
-                    E(a, c.endMin, i),
+                  event: ut(
+                    a.id,
+                    E(r, c.startMin, s),
+                    E(r, c.endMin, s),
                     F.eventData
                   ),
                   top: (c.startMin - v) * d,
@@ -182,18 +182,18 @@ const mt = ot(function({
                   subColumn: 0,
                   totalSubColumns: 1
                 },
-                resource: u,
-                timeZone: i,
-                cls: y,
+                resource: a,
+                timeZone: s,
+                cls: T,
                 renderEvent: X
               }
             )
           }
-        ) : /* @__PURE__ */ x(
+        ) : /* @__PURE__ */ C(
           "div",
           {
             "aria-hidden": "true",
-            className: y("selectionHighlight"),
+            className: T("selectionHighlight"),
             style: {
               position: "absolute",
               top: (c.startMin - v) * d,

package/dist/index.d.ts

@@ -4,5 +4,4 @@ export { resourceGridViewDefaults } from './components/resource-grid-view';
 export type { CalendarResource, CalendarEvent, TimedCalendarEvent, AllDayCalendarEvent, TimeSlot, AvailabilityRange, TimeAxisConfig, ResourceGridViewProps, ResourceGridViewClassNames, PositionedEvent, SelectedRange, SelectionAppearance, SelectionEventData, EventLayout, } from './types/calendar';
 export { cn } from './lib/utils';
 export { timedEvent, allDayEvent } from './lib/events';
-export { selectedRangeToComponents, selectedRangeToISO, groupAvailabilityByResource, } from './lib/ranges';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -1,17 +1,13 @@
-import { Temporal as r } from "temporal-polyfill";
+import { Temporal as o } from "temporal-polyfill";
 import { cn as m } from "./lib/utils.js";
-import { allDayEvent as a, timedEvent as i } from "./lib/events.js";
-import { groupAvailabilityByResource as f, selectedRangeToComponents as n, selectedRangeToISO as s } from "./lib/ranges.js";
-import { ResourceGridView as x } from "./components/resource-grid-view/ResourceGridView.js";
-import { resourceGridViewDefaults as u } from "./components/resource-grid-view/defaults.js";
+import { allDayEvent as p, timedEvent as i } from "./lib/events.js";
+import { ResourceGridView as a } from "./components/resource-grid-view/ResourceGridView.js";
+import { resourceGridViewDefaults as c } from "./components/resource-grid-view/defaults.js";
 export {
-  x as ResourceGridView,
-  r as Temporal,
-  a as allDayEvent,
+  a as ResourceGridView,
+  o as Temporal,
+  p as allDayEvent,
   m as cn,
-  f as groupAvailabilityByResource,
-  u as resourceGridViewDefaults,
-  n as selectedRangeToComponents,
-  s as selectedRangeToISO,
+  c as resourceGridViewDefaults,
   i as timedEvent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@savvycal/calendar",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "license": "MIT",
   "repository": {

package/dist/lib/ranges.d.ts

@@ -1,34 +0,0 @@
-import { AvailabilityRange, SelectedRange } from '../types/calendar';
-/** Decompose a SelectedRange into plain date/time component objects */
-export declare function selectedRangeToComponents(range: SelectedRange): {
-    startDate: {
-        year: number;
-        month: number;
-        day: number;
-    };
-    startTime: {
-        hour: number;
-        minute: number;
-    };
-    endDate: {
-        year: number;
-        month: number;
-        day: number;
-    };
-    endTime: {
-        hour: number;
-        minute: number;
-    };
-    resourceId: string;
-};
-/** Convert a SelectedRange to ISO string representations */
-export declare function selectedRangeToISO(range: SelectedRange): {
-    startDate: string;
-    startTime: string;
-    endDate: string;
-    endTime: string;
-    resourceId: string;
-};
-/** Group items by resource ID into a Record of AvailabilityRange arrays */
-export declare function groupAvailabilityByResource<T>(items: T[], getResourceId: (item: T) => string, getRange: (item: T) => AvailabilityRange): Record<string, AvailabilityRange[]>;
-//# sourceMappingURL=ranges.d.ts.map

package/dist/lib/ranges.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ranges.d.ts","sourceRoot":"","sources":["../../src/lib/ranges.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEzE,uEAAuE;AACvE,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;EAsB7D;AAED,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa;;;;;;EAUtD;AAED,2EAA2E;AAC3E,wBAAgB,2BAA2B,CAAC,CAAC,EAC3C,KAAK,EAAE,CAAC,EAAE,EACV,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,EAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,iBAAiB,GACvC,MAAM,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC,CAUrC"}

package/dist/lib/ranges.js

@@ -1,45 +0,0 @@
-function r(t) {
-  return {
-    startDate: {
-      year: t.startTime.year,
-      month: t.startTime.month,
-      day: t.startTime.day
-    },
-    startTime: {
-      hour: t.startTime.hour,
-      minute: t.startTime.minute
-    },
-    endDate: {
-      year: t.endTime.year,
-      month: t.endTime.month,
-      day: t.endTime.day
-    },
-    endTime: {
-      hour: t.endTime.hour,
-      minute: t.endTime.minute
-    },
-    resourceId: t.resourceId
-  };
-}
-function s(t) {
-  return {
-    startDate: t.startTime.toPlainDate().toString(),
-    startTime: t.startTime.toPlainTime().toString({ smallestUnit: "minute" }),
-    endDate: t.endTime.toPlainDate().toString(),
-    endTime: t.endTime.toPlainTime().toString({ smallestUnit: "minute" }),
-    resourceId: t.resourceId
-  };
-}
-function u(t, m, n) {
-  const e = {};
-  for (const o of t) {
-    const i = m(o);
-    e[i] || (e[i] = []), e[i].push(n(o));
-  }
-  return e;
-}
-export {
-  u as groupAvailabilityByResource,
-  r as selectedRangeToComponents,
-  s as selectedRangeToISO
-};