@innosolutions/inno-calendar 1.0.48 → 1.0.49

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

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