@innosolutions/inno-calendar 1.0.60 → 1.0.62

package/dist/slot-selection-context-CRstOosL.js

@@ -0,0 +1,604 @@
+import { jsx as $ } from "react/jsx-runtime";
+import { useState as h, useCallback as w, useContext as R, createContext as z, useMemo as W, useEffect as A, useRef as N } from "react";
+import { aI as j } from "./position-utils-DMVQFywD.js";
+const K = z(void 0);
+function Le({
+  children: n,
+  onEventDrop: t
+}) {
+  const [e, r] = h(null), f = w((s) => {
+    const d = typeof s.startDate == "string" ? new Date(s.startDate) : s.startDate, S = typeof s.endDate == "string" ? new Date(s.endDate) : s.endDate;
+    r({
+      event: s,
+      originalStartDate: d,
+      originalEndDate: S
+    });
+  }, []), c = w((s, d, S, a) => {
+    r((y) => y ? {
+      ...y,
+      previewDate: s,
+      previewHour: d,
+      previewMinute: S,
+      ...a !== void 0 && { targetResourceId: a }
+    } : null);
+  }, []), g = w(() => {
+    if (!e) return null;
+    const { event: s, originalStartDate: d, originalEndDate: S, previewDate: a, previewHour: y, previewMinute: T, targetResourceId: v } = e, k = S.getTime() - d.getTime();
+    let D;
+    a ? (D = new Date(a), typeof y == "number" ? D.setHours(y, T ?? 0, 0, 0) : D.setHours(
+      d.getHours(),
+      d.getMinutes(),
+      d.getSeconds(),
+      0
+    )) : D = d;
+    const m = new Date(D.getTime() + k), I = {
+      event: s,
+      newStartDate: D,
+      newEndDate: m,
+      ...v !== void 0 && { newResourceId: v }
+    };
+    return r(null), t?.(I), I;
+  }, [e, t]), u = w(() => {
+    r(null);
+  }, []);
+  return /* @__PURE__ */ $(
+    K.Provider,
+    {
+      value: {
+        dragState: e,
+        isDragging: e !== null,
+        startDrag: f,
+        updateDragPreview: c,
+        endDrag: g,
+        cancelDrag: u
+      },
+      children: n
+    }
+  );
+}
+function Ve() {
+  const n = R(K);
+  if (!n)
+    throw new Error("useDragDrop must be used within a DragDropProvider");
+  return n;
+}
+function Ue() {
+  return R(K) ?? null;
+}
+const me = "inno-calendar-preferences", pe = {
+  from: 0,
+  to: 24
+}, be = {
+  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, ye = {
+  view: "month",
+  badgeVariant: "colored",
+  slotDuration: He,
+  visibleHours: pe,
+  workingHours: be,
+  showWorkingHoursOnly: !1,
+  showWeekends: !0,
+  firstDayOfWeek: 1
+};
+function ke(n) {
+  if (typeof window > "u") return {};
+  try {
+    const t = localStorage.getItem(n);
+    if (!t) return {};
+    const e = JSON.parse(t), r = {};
+    return e.view && typeof e.view == "string" && (r.view = e.view), e.badgeVariant && typeof e.badgeVariant == "string" && (r.badgeVariant = e.badgeVariant), e.slotDuration && typeof e.slotDuration == "number" && (r.slotDuration = e.slotDuration), e.visibleHours && typeof e.visibleHours == "object" && (r.visibleHours = e.visibleHours), e.workingHours && typeof e.workingHours == "object" && (r.workingHours = e.workingHours), typeof e.showWorkingHoursOnly == "boolean" && (r.showWorkingHoursOnly = e.showWorkingHoursOnly), typeof e.showWeekends == "boolean" && (r.showWeekends = e.showWeekends), typeof e.firstDayOfWeek == "number" && (r.firstDayOfWeek = e.firstDayOfWeek), r;
+  } catch {
+    return console.warn("[InnoCalendar] Failed to load preferences from localStorage"), {};
+  }
+}
+function he(n, t) {
+  if (!(typeof window > "u"))
+    try {
+      localStorage.setItem(n, JSON.stringify(t));
+    } catch {
+      console.warn("[InnoCalendar] Failed to save preferences to localStorage");
+    }
+}
+function Ie(n = {}) {
+  const {
+    modes: t = {},
+    locked: e = {},
+    defaults: r = {},
+    storageKey: f = me,
+    disableStorage: c = !1
+  } = n, g = W(
+    () => ({
+      ...ye,
+      ...r
+    }),
+    [r]
+  ), [u, s] = h(() => c ? {} : ke(f)), [d, S] = h({});
+  A(() => {
+    c || he(f, u);
+  }, [u, f, c]);
+  const a = w(
+    (o) => t[o] ?? "user",
+    [t]
+  ), y = w(
+    (o) => a(o) === "locked",
+    [a]
+  ), T = w(
+    (o) => a(o) === "user" && !c,
+    [a, c]
+  ), v = W(() => {
+    const o = { ...g };
+    for (const l of Object.keys(o)) {
+      const H = a(l);
+      H === "locked" && l in e ? o[l] = e[l] : H === "session" && l in d ? o[l] = d[l] : H === "user" && l in u && (o[l] = u[l]);
+    }
+    return o;
+  }, [g, u, d, e, a]), k = w(
+    (o, l) => {
+      const H = a(o);
+      if (H === "locked") {
+        console.warn(`[InnoCalendar] Preference "${o}" is locked and cannot be modified`);
+        return;
+      }
+      H === "session" ? S((p) => ({ ...p, [o]: l })) : s((p) => ({ ...p, [o]: l }));
+    },
+    [a]
+  ), D = w(
+    (o) => {
+      const l = {}, H = {};
+      for (const p of Object.keys(o)) {
+        const C = a(p), P = o[p];
+        if (P !== void 0) {
+          if (C === "locked") {
+            console.warn(`[InnoCalendar] Preference "${p}" is locked and cannot be modified`);
+            continue;
+          }
+          C === "session" ? l[p] = P : H[p] = P;
+        }
+      }
+      Object.keys(l).length > 0 && S((p) => ({ ...p, ...l })), Object.keys(H).length > 0 && s((p) => ({ ...p, ...H }));
+    },
+    [a]
+  ), m = w(() => {
+    s({}), S({}), c || localStorage.removeItem(f);
+  }, [f, c]), I = w(
+    (o) => {
+      const l = a(o);
+      if (l === "locked") {
+        console.warn(`[InnoCalendar] Preference "${o}" is locked and cannot be reset`);
+        return;
+      }
+      l === "session" ? S((H) => {
+        const { [o]: p, ...C } = H;
+        return C;
+      }) : s((H) => {
+        const { [o]: p, ...C } = H;
+        return C;
+      });
+    },
+    [a]
+  );
+  return {
+    preferences: v,
+    setPreference: k,
+    setPreferences: D,
+    resetPreferences: m,
+    resetPreference: I,
+    isLocked: y,
+    isPersisted: T,
+    getMode: a
+  };
+}
+const Q = z(void 0), ue = {
+  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
+}, ve = { start: 0, end: 24 };
+function _e({
+  children: n,
+  initialEvents: t = [],
+  initialUsers: e = [],
+  initialScheduleTypes: r = [],
+  initialView: f,
+  initialDate: c,
+  initialSelectedUserId: g = "all",
+  initialScheduleTypeIds: u = [],
+  initialParticipantIds: s = [],
+  initialWorkingHoursView: d = "default",
+  initialSearchQuery: S = "",
+  preferencesConfig: a,
+  initialFocusEventId: y = null,
+  onDateChange: T,
+  onViewChange: v
+}) {
+  const { preferences: k, setPreference: D, isLocked: m } = Ie(a), [I, o] = h(
+    f ?? k.view ?? "week"
+  ), [l, H] = h(
+    c ?? /* @__PURE__ */ new Date()
+  ), [p, C] = h(
+    g
+  ), P = k.badgeVariant ?? "colored", B = w(
+    (i) => {
+      m("badgeVariant") || D("badgeVariant", i);
+    },
+    [D, m]
+  ), G = k.workingHours ?? ue, J = w(
+    (i) => {
+      if (!m("workingHours")) {
+        const b = k.workingHours ?? ue, O = typeof i == "function" ? i(b) : i;
+        D("workingHours", O);
+      }
+    },
+    [D, m, k.workingHours]
+  ), E = k.visibleHours, _ = W(() => E ? {
+    start: E.start ?? E.from ?? 0,
+    end: E.end ?? E.to ?? 24
+  } : ve, [E]), q = w(
+    (i) => {
+      if (!m("visibleHours")) {
+        const b = typeof i == "function" ? i(_) : i;
+        D("visibleHours", {
+          from: b.start,
+          to: b.end
+        });
+      }
+    },
+    [D, m, _]
+  ), [de, fe] = h(
+    d === "enabled" ? !0 : d === "disabled" ? !1 : k.showWorkingHoursOnly ?? !1
+  ), X = de, Z = w(
+    (i) => {
+      fe(i), m("showWorkingHoursOnly") || D("showWorkingHoursOnly", i);
+    },
+    [D, m]
+  ), ee = k.slotDuration ?? 30, te = w(
+    (i) => {
+      m("slotDuration") || D("slotDuration", i);
+    },
+    [D, m]
+  ), [x, ne] = h(t);
+  A(() => {
+    ne(t);
+  }, [t]);
+  const [L, ge] = h(u), [M, Pe] = h(s), [V, we] = h(S), [re, oe] = h(
+    y ?? null
+  );
+  A(() => {
+    y && oe(y);
+  }, [y]);
+  const se = w(() => oe(null), []), ie = w(
+    (i) => {
+      o(i), m("view") || D("view", i), v?.(i);
+    },
+    [v, D, m]
+  ), ae = w(
+    (i, b) => {
+      H(i), T?.(i, b ?? I);
+    },
+    [T, I]
+  ), ce = W(() => {
+    let i = x;
+    if (L.length > 0 && (i = i.filter(
+      (b) => b.scheduleTypeId !== void 0 && L.includes(b.scheduleTypeId)
+    )), M.length > 0 && (i = i.filter((b) => b.participants?.length ? b.participants.some(
+      (O) => M.includes(O.id)
+    ) : !1)), p !== "all" && (i = i.filter(
+      (b) => b.participants?.some((O) => O.id === p)
+    )), V.trim()) {
+      const b = V.toLowerCase();
+      i = i.filter(
+        (O) => j(O.title).toLowerCase().includes(b) || j(O.description).toLowerCase().includes(b) || j(O.scheduleTypeName).toLowerCase().includes(b) || O.participants?.some((De) => De.name.toLowerCase().includes(b))
+      );
+    }
+    return i;
+  }, [
+    x,
+    L,
+    M,
+    p,
+    V
+  ]), Se = W(
+    () => ({
+      // View & Navigation
+      view: I,
+      setView: ie,
+      selectedDate: l,
+      setSelectedDate: ae,
+      // User Filtering
+      selectedUserId: p,
+      setSelectedUserId: C,
+      // Visual Customization
+      badgeVariant: P,
+      setBadgeVariant: B,
+      // Time Configuration
+      workingHours: G,
+      setWorkingHours: J,
+      visibleHours: _,
+      setVisibleHours: q,
+      showWorkingHoursOnly: X,
+      setShowWorkingHoursOnly: Z,
+      slotDuration: ee,
+      setSlotDuration: te,
+      // Preferences
+      isPreferenceLocked: m,
+      // Data
+      events: x,
+      setEvents: ne,
+      users: e,
+      scheduleTypes: r,
+      // Filters
+      selectedScheduleTypeIds: L,
+      setSelectedScheduleTypeIds: ge,
+      // Search
+      searchQuery: V,
+      setSearchQuery: we,
+      // Computed
+      filteredEvents: ce,
+      // Focus Event
+      focusEventId: re,
+      clearFocusEventId: se
+    }),
+    [
+      I,
+      ie,
+      l,
+      ae,
+      p,
+      P,
+      B,
+      G,
+      J,
+      _,
+      q,
+      X,
+      Z,
+      ee,
+      te,
+      m,
+      x,
+      e,
+      r,
+      L,
+      V,
+      ce,
+      re,
+      se
+    ]
+  );
+  return /* @__PURE__ */ $(Q.Provider, { value: Se, children: n });
+}
+function F() {
+  const n = R(Q);
+  if (!n)
+    throw new Error(
+      "useInnoCalendar must be used within an InnoCalendarProvider"
+    );
+  return n;
+}
+function xe() {
+  return R(Q);
+}
+function Fe() {
+  const { view: n, setView: t, selectedDate: e, setSelectedDate: r, slotDuration: f } = F();
+  return { view: n, setView: t, selectedDate: e, setSelectedDate: r, slotDuration: f };
+}
+function Me() {
+  const { events: n, setEvents: t, filteredEvents: e } = F();
+  return { events: n, setEvents: t, filteredEvents: e };
+}
+function Ne() {
+  const {
+    selectedScheduleTypeIds: n,
+    setSelectedScheduleTypeIds: t,
+    selectedUserId: e,
+    setSelectedUserId: r,
+    searchQuery: f,
+    setSearchQuery: c
+  } = F();
+  return {
+    selectedScheduleTypeIds: n,
+    setSelectedScheduleTypeIds: t,
+    selectedUserId: e,
+    setSelectedUserId: r,
+    searchQuery: f,
+    setSearchQuery: c
+  };
+}
+function je() {
+  const {
+    workingHours: n,
+    setWorkingHours: t,
+    visibleHours: e,
+    setVisibleHours: r,
+    showWorkingHoursOnly: f,
+    setShowWorkingHoursOnly: c
+  } = F();
+  return {
+    workingHours: n,
+    setWorkingHours: t,
+    visibleHours: e,
+    setVisibleHours: r,
+    showWorkingHoursOnly: f,
+    setShowWorkingHoursOnly: c
+  };
+}
+const Y = z(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 Oe(n) {
+  const t = new Date(n), e = t.getMinutes(), r = Math.floor(e / 30) * 30;
+  return t.setMinutes(r, 0, 0), t;
+}
+function Te(n, t) {
+  return n.getFullYear() === t.getFullYear() && n.getMonth() === t.getMonth() && n.getDate() === t.getDate();
+}
+function le(n, t, e, r, f = 30) {
+  const c = U(n), g = U(t);
+  let u = c, s = g;
+  if (g < c && (u = g, s = c), e === "day")
+    if (Te(u, s)) {
+      const S = Oe(/* @__PURE__ */ new Date());
+      u = new Date(u), u.setHours(S.getHours(), S.getMinutes(), 0, 0), s = new Date(u.getTime() + r * 60 * 1e3);
+    } else
+      u.setHours(0, 0, 0, 0), s.setHours(23, 59, 59, 999);
+  else {
+    const d = f * 60 * 1e3;
+    s = new Date(s.getTime() + d);
+    const S = s.getTime() - u.getTime(), a = r * 60 * 1e3;
+    S < a && (s = new Date(u.getTime() + a));
+  }
+  return {
+    startDate: u,
+    endDate: s
+  };
+}
+function Ce(n, t, e, r) {
+  const f = U(n), c = U(t), g = U(e), u = c <= g ? c : g, s = c <= g ? g : c;
+  if (r === "day") {
+    const d = new Date(f);
+    d.setHours(0, 0, 0, 0);
+    const S = new Date(u);
+    S.setHours(0, 0, 0, 0);
+    const a = new Date(s);
+    return a.setHours(0, 0, 0, 0), d >= S && d <= a;
+  }
+  return f >= u && f <= s;
+}
+function Ae({
+  children: n,
+  mode: t = "time",
+  onSelect: e,
+  minDurationMinutes: r = 30,
+  slotDurationMinutes: f = 30,
+  enabled: c = !0
+}) {
+  const [g, u] = h(null), s = N(!1), d = N(!1), S = N(null), a = w(() => {
+    d.current = !0, S.current && clearTimeout(S.current), S.current = setTimeout(() => {
+      d.current = !1;
+    }, 300);
+  }, []), y = w(
+    (o) => {
+      !c || d.current || (s.current = !0, u({
+        start: o,
+        end: o,
+        isSelecting: !0
+      }));
+    },
+    [c]
+  ), T = w(
+    (o) => {
+      c && s.current && u((l) => l ? {
+        ...l,
+        end: o
+      } : null);
+    },
+    [c]
+  ), v = w(() => {
+    s.current && (s.current = !1, u((o) => {
+      if (!o) return null;
+      const l = le(
+        o.start,
+        o.end,
+        t,
+        r,
+        f
+      );
+      return e?.(l), {
+        ...o,
+        isSelecting: !1
+      };
+    }), setTimeout(() => {
+      u(null);
+    }, 100));
+  }, [t, r, f, e]), k = w(() => {
+    s.current = !1, u(null);
+  }, []), D = w(
+    (o) => g ? Ce(o, g.start, g.end, t) : !1,
+    [g, t]
+  ), m = w(() => g ? le(
+    g.start,
+    g.end,
+    t,
+    r,
+    f
+  ) : null, [g, t, r, f]), I = W(
+    () => ({
+      isSelecting: g?.isSelecting ?? !1,
+      startSelection: y,
+      updateSelection: T,
+      endSelection: v,
+      cancelSelection: k,
+      isSlotSelected: D,
+      getSelectionResult: m,
+      mode: t,
+      suppressSelection: a
+    }),
+    [
+      g?.isSelecting,
+      y,
+      T,
+      v,
+      k,
+      D,
+      m,
+      t,
+      a
+    ]
+  );
+  return /* @__PURE__ */ $(Y.Provider, { value: I, children: n });
+}
+function $e() {
+  const n = R(Y);
+  if (!n)
+    throw new Error("useSlotSelectionContext must be used within a SlotSelectionProvider");
+  return n;
+}
+function ze() {
+  return R(Y);
+}
+export {
+  Le as D,
+  _e as I,
+  me as P,
+  Ae as S,
+  He as a,
+  pe as b,
+  be as c,
+  Ve as d,
+  F as e,
+  Me as f,
+  Ne as g,
+  je as h,
+  Fe as i,
+  Ue as j,
+  xe as k,
+  ze as l,
+  $e as m,
+  Ie as u
+};
+//# sourceMappingURL=slot-selection-context-CRstOosL.js.map