@innosolutions/inno-calendar 1.0.70 → 1.0.71

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

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