@innosolutions/inno-calendar 1.0.72 → 2.0.1

package/dist/z-layers-CpHPAMdp.js

@@ -0,0 +1,637 @@
+import { jsx as Y } from "react/jsx-runtime";
+import { useState as h, useCallback as g, useContext as W, createContext as $, useMemo as _, useEffect as N, useRef as A } from "react";
+import { P as be, aV as ye, a$ as Ie, aT as j } from "./position-utils-BH6T1FL5.js";
+const z = $(void 0);
+function Me({
+  children: n,
+  onEventDrop: t,
+  onEventResize: r
+}) {
+  const [s, l] = h(null), u = g((a) => {
+    const c = typeof a.startDate == "string" ? new Date(a.startDate) : a.startDate, I = typeof a.endDate == "string" ? new Date(a.endDate) : a.endDate;
+    l({
+      event: a,
+      originalStartDate: c,
+      originalEndDate: I
+    });
+  }, []), S = g((a, c, I, p) => {
+    l((k) => k ? {
+      ...k,
+      previewDate: a,
+      previewHour: c,
+      previewMinute: I,
+      ...p !== void 0 && { targetResourceId: p }
+    } : null);
+  }, []), d = g(() => {
+    if (!s) return null;
+    const { event: a, originalStartDate: c, originalEndDate: I, previewDate: p, previewHour: k, previewMinute: O, targetResourceId: T } = s, H = I.getTime() - c.getTime();
+    let D;
+    p ? (D = new Date(p), typeof k == "number" ? D.setHours(k, O ?? 0, 0, 0) : D.setHours(
+      c.getHours(),
+      c.getMinutes(),
+      c.getSeconds(),
+      0
+    )) : D = c;
+    const e = new Date(D.getTime() + H), o = {
+      event: a,
+      newStartDate: D,
+      newEndDate: e,
+      ...T !== void 0 && { newResourceId: T }
+    };
+    return l(null), t?.(o), o;
+  }, [s, t]), f = g(() => {
+    l(null);
+  }, []), m = g(
+    // biome-ignore lint/suspicious/noExplicitAny: accepts any event type
+    (a, c) => {
+      const I = typeof a.startDate == "string" ? new Date(a.startDate) : a.startDate, p = {
+        event: a,
+        newStartDate: I,
+        newEndDate: c,
+        ...a.resourceId !== void 0 && { newResourceId: a.resourceId }
+      };
+      return (r ?? t)?.(p), p;
+    },
+    [t, r]
+  );
+  return /* @__PURE__ */ Y(
+    z.Provider,
+    {
+      value: {
+        dragState: s,
+        isDragging: s !== null,
+        startDrag: u,
+        updateDragPreview: S,
+        endDrag: d,
+        cancelDrag: f,
+        resizeEvent: m
+      },
+      children: n
+    }
+  );
+}
+function Ae() {
+  const n = W(z);
+  if (!n)
+    throw new Error("useDragDrop must be used within a DragDropProvider");
+  return n;
+}
+function je() {
+  return W(z) ?? null;
+}
+const He = {
+  from: 0,
+  to: 24
+}, ke = {
+  0: { enabled: !1, from: 8, to: 18 },
+  // Sunday - disabled
+  1: { enabled: !0, from: 8, to: 18 },
+  // Monday
+  2: { enabled: !0, from: 8, to: 18 },
+  // Tuesday
+  3: { enabled: !0, from: 8, to: 18 },
+  // Wednesday
+  4: { enabled: !0, from: 8, to: 18 },
+  // Thursday
+  5: { enabled: !0, from: 8, to: 18 },
+  // Friday
+  6: { enabled: !1, from: 8, to: 18 }
+  // Saturday - disabled
+}, he = 30, Te = {
+  view: "month",
+  badgeVariant: "colored",
+  slotDuration: he,
+  visibleHours: He,
+  workingHours: ke,
+  showWorkingHoursOnly: !1,
+  showWeekends: !0,
+  firstDayOfWeek: 1
+};
+function Oe(n) {
+  if (typeof window > "u") return {};
+  try {
+    const t = localStorage.getItem(n);
+    if (!t) return {};
+    const r = JSON.parse(t), s = {};
+    return r.view && typeof r.view == "string" && (s.view = r.view), r.badgeVariant && typeof r.badgeVariant == "string" && (s.badgeVariant = r.badgeVariant), r.slotDuration && typeof r.slotDuration == "number" && (s.slotDuration = r.slotDuration), r.visibleHours && typeof r.visibleHours == "object" && (s.visibleHours = r.visibleHours), r.workingHours && typeof r.workingHours == "object" && (s.workingHours = r.workingHours), typeof r.showWorkingHoursOnly == "boolean" && (s.showWorkingHoursOnly = r.showWorkingHoursOnly), typeof r.showWeekends == "boolean" && (s.showWeekends = r.showWeekends), typeof r.firstDayOfWeek == "number" && (s.firstDayOfWeek = r.firstDayOfWeek), s;
+  } catch {
+    return console.warn("[InnoCalendar] Failed to load preferences from localStorage"), {};
+  }
+}
+function ve(n, t) {
+  if (!(typeof window > "u"))
+    try {
+      localStorage.setItem(n, JSON.stringify(t));
+    } catch {
+      console.warn("[InnoCalendar] Failed to save preferences to localStorage");
+    }
+}
+function Ce(n = {}) {
+  const {
+    modes: t = {},
+    locked: r = {},
+    defaults: s = {},
+    storageKey: l = be,
+    disableStorage: u = !1
+  } = n, S = _(
+    () => ({
+      ...Te,
+      ...s
+    }),
+    [s]
+  ), [d, f] = h(() => u ? {} : Oe(l)), [m, a] = h({});
+  N(() => {
+    u || ve(l, d);
+  }, [d, l, u]);
+  const c = g(
+    (e) => t[e] ?? "user",
+    [t]
+  ), I = g(
+    (e) => c(e) === "locked",
+    [c]
+  ), p = g(
+    (e) => c(e) === "user" && !u,
+    [c, u]
+  ), k = _(() => {
+    const e = { ...S };
+    for (const o of Object.keys(e)) {
+      const y = c(o);
+      y === "locked" && o in r ? e[o] = r[o] : y === "session" && o in m ? e[o] = m[o] : y === "user" && o in d && (e[o] = d[o]);
+    }
+    return e;
+  }, [S, d, m, r, c]), O = g(
+    (e, o) => {
+      const y = c(e);
+      if (y === "locked") {
+        console.warn(`[InnoCalendar] Preference "${e}" is locked and cannot be modified`);
+        return;
+      }
+      y === "session" ? a((b) => ({ ...b, [e]: o })) : f((b) => ({ ...b, [e]: o }));
+    },
+    [c]
+  ), T = g(
+    (e) => {
+      const o = {}, y = {};
+      for (const b of Object.keys(e)) {
+        const E = c(b), C = e[b];
+        if (C !== void 0) {
+          if (E === "locked") {
+            console.warn(`[InnoCalendar] Preference "${b}" is locked and cannot be modified`);
+            continue;
+          }
+          E === "session" ? o[b] = C : y[b] = C;
+        }
+      }
+      Object.keys(o).length > 0 && a((b) => ({ ...b, ...o })), Object.keys(y).length > 0 && f((b) => ({ ...b, ...y }));
+    },
+    [c]
+  ), H = g(() => {
+    f({}), a({}), u || localStorage.removeItem(l);
+  }, [l, u]), D = g(
+    (e) => {
+      const o = c(e);
+      if (o === "locked") {
+        console.warn(`[InnoCalendar] Preference "${e}" is locked and cannot be reset`);
+        return;
+      }
+      o === "session" ? a((y) => {
+        const { [e]: b, ...E } = y;
+        return E;
+      }) : f((y) => {
+        const { [e]: b, ...E } = y;
+        return E;
+      });
+    },
+    [c]
+  );
+  return {
+    preferences: k,
+    setPreference: O,
+    setPreferences: T,
+    resetPreferences: H,
+    resetPreference: D,
+    isLocked: I,
+    isPersisted: p,
+    getMode: c
+  };
+}
+const B = $(void 0), le = {
+  0: { enabled: !1, from: 8, to: 17 },
+  // Sunday
+  1: { enabled: !0, from: 8, to: 17 },
+  // Monday
+  2: { enabled: !0, from: 8, to: 17 },
+  // Tuesday
+  3: { enabled: !0, from: 8, to: 17 },
+  // Wednesday
+  4: { enabled: !0, from: 8, to: 17 },
+  // Thursday
+  5: { enabled: !0, from: 8, to: 17 },
+  // Friday
+  6: { enabled: !0, from: 8, to: 12 }
+  // Saturday
+}, Ee = { start: 0, end: 24 }, Pe = [], _e = [], We = [];
+function Ye({
+  children: n,
+  initialEvents: t = Pe,
+  initialUsers: r = _e,
+  initialScheduleTypes: s = We,
+  allowedViews: l,
+  initialView: u,
+  initialDate: S,
+  initialSelectedUserId: d = "all",
+  initialScheduleTypeIds: f = [],
+  initialParticipantIds: m = [],
+  initialWorkingHoursView: a = "default",
+  initialSearchQuery: c = "",
+  preferencesConfig: I,
+  initialFocusEventId: p = null,
+  onDateChange: k,
+  onViewChange: O,
+  viewPersistence: T
+}) {
+  const { preferences: H, setPreference: D, isLocked: e } = Ce(I), [o, y] = h(() => {
+    const i = ye(T);
+    return (i && (!l || l.includes(i)) ? i : void 0) ?? u ?? "week";
+  }), [b, E] = h(
+    S ?? /* @__PURE__ */ new Date()
+  );
+  N(() => {
+    if (u !== void 0 && o !== u) {
+      const i = setTimeout(() => O?.(o), 0);
+      return () => clearTimeout(i);
+    }
+  }, []);
+  const [C, fe] = h(
+    d
+  ), Q = H.badgeVariant ?? "colored", G = g(
+    (i) => {
+      e("badgeVariant") || D("badgeVariant", i);
+    },
+    [D, e]
+  ), Z = H.workingHours ?? le, J = g(
+    (i) => {
+      if (!e("workingHours")) {
+        const w = H.workingHours ?? le, v = typeof i == "function" ? i(w) : i;
+        D("workingHours", v);
+      }
+    },
+    [D, e, H.workingHours]
+  ), P = H.visibleHours, V = _(() => P ? {
+    start: P.start ?? P.from ?? 0,
+    end: P.end ?? P.to ?? 24
+  } : Ee, [P]), q = g(
+    (i) => {
+      if (!e("visibleHours")) {
+        const w = typeof i == "function" ? i(V) : i;
+        D("visibleHours", {
+          from: w.start,
+          to: w.end
+        });
+      }
+    },
+    [D, e, V]
+  ), [ge, Se] = h(
+    a === "enabled" ? !0 : a === "disabled" ? !1 : H.showWorkingHoursOnly ?? !1
+  ), X = ge, ee = g(
+    (i) => {
+      Se(i), e("showWorkingHoursOnly") || D("showWorkingHoursOnly", i);
+    },
+    [D, e]
+  ), te = H.slotDuration ?? 30, re = g(
+    (i) => {
+      e("slotDuration") || D("slotDuration", i);
+    },
+    [D, e]
+  ), [x, ne] = h(t);
+  N(() => {
+    ne(t);
+  }, [t]);
+  const [R, De] = h(f), [M, Ve] = h(m), [L, we] = h(c), [se, oe] = h(
+    p ?? null
+  );
+  N(() => {
+    p && oe(p);
+  }, [p]);
+  const ae = g(() => oe(null), []), ie = g(
+    (i) => {
+      y(i), e("view") || D("view", i), Ie(i, T), O?.(i);
+    },
+    [O, D, e, T]
+  ), ce = g(
+    (i, w) => {
+      E(i), k?.(i, w ?? o);
+    },
+    [k, o]
+  ), ue = _(() => {
+    let i = x;
+    if (R.length > 0 && (i = i.filter(
+      (w) => w.scheduleTypeId !== void 0 && R.includes(w.scheduleTypeId)
+    )), M.length > 0 && (i = i.filter((w) => w.participants?.length ? w.participants.some(
+      (v) => M.includes(v.id)
+    ) : !1)), C !== "all" && (i = i.filter(
+      (w) => w.participants?.some((v) => v.id === C)
+    )), L.trim()) {
+      const w = L.toLowerCase();
+      i = i.filter(
+        (v) => j(v.title).toLowerCase().includes(w) || j(v.description).toLowerCase().includes(w) || j(v.scheduleTypeName).toLowerCase().includes(w) || v.participants?.some((pe) => pe.name.toLowerCase().includes(w))
+      );
+    }
+    return i;
+  }, [
+    x,
+    R,
+    M,
+    C,
+    L
+  ]), me = _(
+    () => ({
+      // View & Navigation
+      view: o,
+      setView: ie,
+      selectedDate: b,
+      setSelectedDate: ce,
+      // User Filtering
+      selectedUserId: C,
+      setSelectedUserId: fe,
+      // Visual Customization
+      badgeVariant: Q,
+      setBadgeVariant: G,
+      // Time Configuration
+      workingHours: Z,
+      setWorkingHours: J,
+      visibleHours: V,
+      setVisibleHours: q,
+      showWorkingHoursOnly: X,
+      setShowWorkingHoursOnly: ee,
+      slotDuration: te,
+      setSlotDuration: re,
+      // Preferences
+      isPreferenceLocked: e,
+      // Data
+      events: x,
+      setEvents: ne,
+      users: r,
+      scheduleTypes: s,
+      // Filters
+      selectedScheduleTypeIds: R,
+      setSelectedScheduleTypeIds: De,
+      // Search
+      searchQuery: L,
+      setSearchQuery: we,
+      // Computed
+      filteredEvents: ue,
+      // Focus Event
+      focusEventId: se,
+      clearFocusEventId: ae
+    }),
+    [
+      o,
+      ie,
+      b,
+      ce,
+      C,
+      Q,
+      G,
+      Z,
+      J,
+      V,
+      q,
+      X,
+      ee,
+      te,
+      re,
+      e,
+      x,
+      r,
+      s,
+      R,
+      L,
+      ue,
+      se,
+      ae
+    ]
+  );
+  return /* @__PURE__ */ Y(B.Provider, { value: me, children: n });
+}
+function F() {
+  const n = W(B);
+  if (!n)
+    throw new Error(
+      "useInnoCalendar must be used within an InnoCalendarProvider"
+    );
+  return n;
+}
+function $e() {
+  return W(B);
+}
+function ze() {
+  const { view: n, setView: t, selectedDate: r, setSelectedDate: s, slotDuration: l } = F();
+  return { view: n, setView: t, selectedDate: r, setSelectedDate: s, slotDuration: l };
+}
+function Be() {
+  const { events: n, setEvents: t, filteredEvents: r } = F();
+  return { events: n, setEvents: t, filteredEvents: r };
+}
+function Ke() {
+  const {
+    selectedScheduleTypeIds: n,
+    setSelectedScheduleTypeIds: t,
+    selectedUserId: r,
+    setSelectedUserId: s,
+    searchQuery: l,
+    setSearchQuery: u
+  } = F();
+  return {
+    selectedScheduleTypeIds: n,
+    setSelectedScheduleTypeIds: t,
+    selectedUserId: r,
+    setSelectedUserId: s,
+    searchQuery: l,
+    setSearchQuery: u
+  };
+}
+function Qe() {
+  const {
+    workingHours: n,
+    setWorkingHours: t,
+    visibleHours: r,
+    setVisibleHours: s,
+    showWorkingHoursOnly: l,
+    setShowWorkingHoursOnly: u
+  } = F();
+  return {
+    workingHours: n,
+    setWorkingHours: t,
+    visibleHours: r,
+    setVisibleHours: s,
+    showWorkingHoursOnly: l,
+    setShowWorkingHoursOnly: u
+  };
+}
+const K = $(void 0);
+function U(n) {
+  const t = new Date(n.date);
+  return typeof n.hour == "number" && t.setHours(n.hour, n.minute ?? 0, 0, 0), t;
+}
+function Re(n) {
+  const t = new Date(n), r = t.getMinutes(), s = Math.floor(r / 30) * 30;
+  return t.setMinutes(s, 0, 0), t;
+}
+function Le(n, t) {
+  return n.getFullYear() === t.getFullYear() && n.getMonth() === t.getMonth() && n.getDate() === t.getDate();
+}
+function de(n, t, r, s, l = 30) {
+  const u = U(n), S = U(t);
+  let d = u, f = S;
+  if (S < u && (d = S, f = u), r === "day")
+    if (Le(d, f)) {
+      const a = Re(/* @__PURE__ */ new Date());
+      d = new Date(d), d.setHours(a.getHours(), a.getMinutes(), 0, 0), f = new Date(d.getTime() + s * 60 * 1e3);
+    } else
+      d.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999);
+  else {
+    const m = l * 60 * 1e3;
+    f = new Date(f.getTime() + m);
+    const a = f.getTime() - d.getTime(), c = s * 60 * 1e3;
+    a < c && (f = new Date(d.getTime() + c));
+  }
+  return {
+    startDate: d,
+    endDate: f,
+    // Which column the drag began in. Without this a resource grid cannot
+    // tell the consumer whose day was selected, and every event created by
+    // dragging lands on the current user instead.
+    ...n.resourceId !== void 0 && { resourceId: n.resourceId }
+  };
+}
+function Ue(n, t, r, s) {
+  if (t.resourceId !== void 0 && n.resourceId !== t.resourceId)
+    return !1;
+  const l = U(n), u = U(t), S = U(r), d = u <= S ? u : S, f = u <= S ? S : u;
+  if (s === "day") {
+    const m = new Date(l);
+    m.setHours(0, 0, 0, 0);
+    const a = new Date(d);
+    a.setHours(0, 0, 0, 0);
+    const c = new Date(f);
+    return c.setHours(0, 0, 0, 0), m >= a && m <= c;
+  }
+  return l >= d && l <= f;
+}
+function Ge({
+  children: n,
+  mode: t = "time",
+  onSelect: r,
+  minDurationMinutes: s = 30,
+  slotDurationMinutes: l = 30,
+  enabled: u = !0
+}) {
+  const [S, d] = h(null), f = A(!1), m = A(!1), a = A(null), c = g(() => {
+    m.current = !0, a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+      m.current = !1;
+    }, 300);
+  }, []), I = g(
+    (e) => {
+      !u || m.current || (f.current = !0, d({
+        start: e,
+        end: e,
+        isSelecting: !0
+      }));
+    },
+    [u]
+  ), p = g(
+    (e) => {
+      u && f.current && d((o) => o ? o.start.resourceId !== void 0 && e.resourceId !== o.start.resourceId ? o : {
+        ...o,
+        end: e
+      } : null);
+    },
+    [u]
+  ), k = g(() => {
+    f.current && (f.current = !1, d((e) => {
+      if (!e) return null;
+      const o = de(
+        e.start,
+        e.end,
+        t,
+        s,
+        l
+      );
+      return r?.(o), {
+        ...e,
+        isSelecting: !1
+      };
+    }), setTimeout(() => {
+      d(null);
+    }, 100));
+  }, [t, s, l, r]), O = g(() => {
+    f.current = !1, d(null);
+  }, []), T = g(
+    (e) => S ? Ue(e, S.start, S.end, t) : !1,
+    [S, t]
+  ), H = g(() => S ? de(
+    S.start,
+    S.end,
+    t,
+    s,
+    l
+  ) : null, [S, t, s, l]), D = _(
+    () => ({
+      isSelecting: S?.isSelecting ?? !1,
+      startSelection: I,
+      updateSelection: p,
+      endSelection: k,
+      cancelSelection: O,
+      isSlotSelected: T,
+      getSelectionResult: H,
+      mode: t,
+      suppressSelection: c
+    }),
+    [
+      S?.isSelecting,
+      I,
+      p,
+      k,
+      O,
+      T,
+      H,
+      t,
+      c
+    ]
+  );
+  return /* @__PURE__ */ Y(K.Provider, { value: D, children: n });
+}
+function Ze() {
+  const n = W(K);
+  if (!n)
+    throw new Error("useSlotSelectionContext must be used within a SlotSelectionProvider");
+  return n;
+}
+function Je() {
+  return W(K);
+}
+const qe = 1e3, Xe = 1100, et = 1200;
+export {
+  Me as D,
+  qe as I,
+  Ge as S,
+  Xe as a,
+  et as b,
+  Ye as c,
+  he as d,
+  He as e,
+  ke as f,
+  Ae as g,
+  F as h,
+  Be as i,
+  Ke as j,
+  Qe as k,
+  ze as l,
+  je as m,
+  $e as n,
+  Je as o,
+  Ze as p,
+  Ce as u
+};
+//# sourceMappingURL=z-layers-CpHPAMdp.js.map