@innosolutions/inno-calendar 1.0.70 → 1.0.71

package/dist/{agenda-widget-GRHaHwQ2.js → agenda-widget-DrRyLzTK.js}

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as r, Fragment as ke } from "react/jsx-runtime";
-import { g as ct, u as kt, C as Nt } from "./use-calendar--JnbGA3L.js";
+import { g as ct, u as kt, C as Nt } from "./use-calendar-DJI35SSd.js";
 import { useCallback as B, useState as le, useEffect as he, forwardRef as We, useRef as ae, useMemo as re, useLayoutEffect as dt, useImperativeHandle as Dt } from "react";
 import { c as f } from "./index-DtaLkIY8.js";
-import { P as ut, p as ht, o as mt, z as pe, I as Ct, J as Mt, B as Me, K as Et, L as Ye, x as xe, F as ve, y as we, k as Lt, C as St, M as Ke, A as Tt, W as It, c as Ht, N as zt } from "./week-view-BbtTpJTU.js";
-import { j as At, D as jt, I as Pt, e as Wt, S as _t } from "./slot-selection-context-D6zo91K_.js";
-import { aG as ue, b2 as _e, L as ft, as as $t, a2 as Ft, ad as Ot, o as gt, Y as Bt } from "./position-utils-BzmOPdvQ.js";
+import { P as ut, p as ht, o as mt, z as pe, I as Ct, J as Mt, B as Me, K as Et, L as Ye, x as xe, F as ve, y as we, k as Lt, C as St, M as Ke, A as Tt, W as It, c as Ht, N as zt } from "./week-view-BeasFcyR.js";
+import { j as At, D as jt, I as Pt, e as Wt, S as _t } from "./slot-selection-context-Ct5cVcKW.js";
+import { aG as ue, b2 as _e, L as ft, as as $t, a2 as Ft, ad as Ot, o as gt, Y as Bt } from "./position-utils-D_KpwRus.js";
 function Rt({ view: t, className: n = "" }) {
   return /* @__PURE__ */ e(
     "div",
@@ -566,7 +566,7 @@ function Je({
   formatDate: _ = nn,
   formatTimeRange: A = rn
 }) {
-  const [K, q] = le(!1), Y = !(t.isCanceled || t.meetingTookPlace), g = t.isRecurring ?? !1, C = t.participantDetails, u = t.participantsNames || [], N = C && C.length > 0, y = $ === !0, U = $ === !1, O = P && !S && Y, J = N ? C.filter((G) => G.isConfirmed).length : t.isAccepted ? u.length : 0, V = N ? C.length : u.length, se = t.scheduleTypeColor || t.hexColor || "#039BE5", Z = B(() => t.startDate ? _(t.startDate) : n.noDateProvided, [t.startDate, _, n.noDateProvided]), me = B(() => t.startDate && t.endDate ? A(t.startDate, t.endDate) : null, [t.startDate, t.endDate, A]), Ne = () => {
+  const [K, q] = le(!1), Y = !(t.isCanceled || t.meetingTookPlace), g = t.isRecurring ?? !1, C = t.participantDetails, u = t.participantsNames || [], N = C && C.length > 0, y = $ === !0, V = $ === !1, O = P && !S && Y, G = N ? C.filter((J) => J.isConfirmed).length : t.isAccepted ? u.length : 0, U = N ? C.length : u.length, se = t.scheduleTypeColor || t.hexColor || "#039BE5", Z = B(() => t.startDate ? _(t.startDate) : n.noDateProvided, [t.startDate, _, n.noDateProvided]), me = B(() => t.startDate && t.endDate ? A(t.startDate, t.endDate) : null, [t.startDate, t.endDate, A]), Ne = () => {
     o(), s?.(t);
   }, te = () => {
     o(), p?.(t);
@@ -653,13 +653,13 @@ function Je({
           /* @__PURE__ */ r("div", { className: "flex-1", children: [
             /* @__PURE__ */ r("div", { className: "flex items-center gap-0", children: [
               /* @__PURE__ */ r("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
-                V,
+                U,
                 " ",
-                V !== 1 ? n.guests : n.guest
+                U !== 1 ? n.guests : n.guest
               ] }),
-              V > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-zinc-500", children: [
+              U > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-zinc-500", children: [
                 "(",
-                J,
+                G,
                 " ",
                 n.confirmed,
                 ")"
@@ -667,19 +667,19 @@ function Je({
             ] }),
             /* @__PURE__ */ r("div", { className: "mt-2 space-y-2", children: [
               N ? C.slice(0, 6).map(
-                (G, m) => W ? W(G, m) : /* @__PURE__ */ e(
+                (J, m) => W ? W(J, m) : /* @__PURE__ */ e(
                   Ge,
                   {
-                    participant: G,
+                    participant: J,
                     isEventCanceled: t.isCanceled,
                     labels: n
                   },
-                  G.id
+                  J.id
                 )
-              ) : u.slice(0, 6).map((G, m) => {
+              ) : u.slice(0, 6).map((J, m) => {
                 const j = {
                   id: String(m),
-                  name: G,
+                  name: J,
                   email: "",
                   isConfirmed: t.isAccepted,
                   isOrganizer: m === 0,
@@ -692,12 +692,12 @@ function Je({
                     isEventCanceled: t.isCanceled,
                     labels: n
                   },
-                  G
+                  J
                 );
               }),
-              V > 6 && /* @__PURE__ */ r("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
+              U > 6 && /* @__PURE__ */ r("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
                 "+",
-                V - 6,
+                U - 6,
                 " ",
                 n.more
               ] })
@@ -710,7 +710,7 @@ function Je({
         ] }),
         /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
           /* @__PURE__ */ e(Jt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: N && C.find((G) => G.isOrganizer)?.name || u[0] || "Calendar" })
+          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: N && C.find((J) => J.isOrganizer)?.name || u[0] || "Calendar" })
         ] })
       ] }),
       O && h && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
@@ -725,8 +725,8 @@ function Je({
                   "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
                   y && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: (G) => {
-                  G.stopPropagation(), y || h(t);
+                onClick: (J) => {
+                  J.stopPropagation(), y || h(t);
                 },
                 disabled: F,
                 children: F ? /* @__PURE__ */ e(Ee, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ke, { children: [
@@ -794,14 +794,14 @@ function Je({
             variant: "outline",
             className: f(
               "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
-              U && "!bg-rose-700 !text-white hover:!bg-rose-700"
+              V && "!bg-rose-700 !text-white hover:!bg-rose-700"
             ),
             onClick: () => {
-              U || c(t);
+              V || c(t);
             },
             disabled: R,
             children: R ? /* @__PURE__ */ e(Ee, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ke, { children: [
-              U && /* @__PURE__ */ e(Pe, { className: "h-3.5 w-3.5" }),
+              V && /* @__PURE__ */ e(Pe, { className: "h-3.5 w-3.5" }),
               n.notGoing
             ] })
           }
@@ -995,7 +995,7 @@ function fn({ src: t, alt: n, fallback: a, className: o }) {
     }
   );
 }
-const gn = 30, pn = 6, xn = 32;
+const gn = 18, pn = 10, xn = 32;
 function vn({ text: t, className: n }) {
   const a = ae(null), o = ae(null), [s, l] = le({
     active: !1,
@@ -1083,7 +1083,7 @@ function Te({
       return String(d.user.id);
     if (i.user?.id) return i.user.id;
     if (i.participants?.[0]?.id) return i.participants[0].id;
-  }), J = re(() => {
+  }), G = re(() => {
     const i = /* @__PURE__ */ new Map();
     for (const d of a)
       i.set(d.id, {
@@ -1114,9 +1114,9 @@ function Te({
         });
     }
     return Array.from(i.values());
-  }, [a, n]), V = re(() => {
+  }, [a, n]), U = re(() => {
     const i = [], d = /* @__PURE__ */ new Map();
-    for (const D of J)
+    for (const D of G)
       d.set(D.id, []);
     d.set("unassigned", []);
     for (const D of n) {
@@ -1150,7 +1150,7 @@ function Te({
       }
       return E;
     };
-    for (const D of J) {
+    for (const D of G) {
       const E = d.get(D.id) ?? [], T = x(E), ne = tt(T), oe = ne.reduce(
         (Q, ie) => Math.max(Q, ie.stackIndex + 1),
         0
@@ -1194,7 +1194,7 @@ function Te({
     }
     return i;
   }, [
-    J,
+    G,
     n,
     N,
     q,
@@ -1205,14 +1205,14 @@ function Te({
     o
   ]), se = re(() => {
     const i = /* @__PURE__ */ new Map();
-    for (const d of V)
+    for (const d of U)
       for (const x of d.events)
         if (x.spanCols <= 1) {
           const k = Math.floor(x.startCol), D = i.get(k) ?? 0;
           i.set(k, D + 1);
         }
     return i;
-  }, [V]), Z = re(() => {
+  }, [U]), Z = re(() => {
     const i = y.length, d = Ae, x = [];
     for (let k = 0; k < i; k++) {
       const D = se.get(k) ?? 0;
@@ -1292,7 +1292,7 @@ function Te({
       return null;
     },
     [te]
-  ), G = B(
+  ), J = B(
     (i, d) => {
       if (y[i]) {
         const x = y[i], k = new Date(x.date);
@@ -1306,7 +1306,7 @@ function Te({
       if (i.preventDefault(), i.dataTransfer.dropEffect = "move", !W?.isDragging || !W.dragState) return;
       const x = i.currentTarget, k = fe(i.clientX, x);
       if (!k) return;
-      const { colIndex: D, minute: E } = k, { date: T, hour: ne } = G(D, E);
+      const { colIndex: D, minute: E } = k, { date: T, hour: ne } = J(D, E);
       W.updateDragPreview(T, ne, E, d);
       const { originalStartDate: oe, originalEndDate: Q } = W.dragState, ie = Q.getTime() - oe.getTime(), De = y.length;
       let Ce;
@@ -1316,7 +1316,7 @@ function Te({
       }
       Ce = Math.min(Ce, De - D), A({ resourceId: d, colIndex: D, spanCols: Ce });
     },
-    [W, fe, G, q, y.length, N.length]
+    [W, fe, J, q, y.length, N.length]
   ), j = B(
     (i) => {
       const d = i.relatedTarget;
@@ -1357,7 +1357,7 @@ function Te({
   ), $e = B(() => {
     if (!M.current || !z) return;
     M.current = !1;
-    const i = Math.min(z.startCol, z.endCol), d = Math.max(z.startCol, z.endCol), x = G(i), k = G(d), D = new Date(x.date), E = new Date(k.date);
+    const i = Math.min(z.startCol, z.endCol), d = Math.max(z.startCol, z.endCol), x = J(i), k = J(d), D = new Date(x.date), E = new Date(k.date);
     k.hour !== void 0 && E.setHours(k.hour + 1, 0, 0, 0);
     const T = {
       startDate: D,
@@ -1365,7 +1365,7 @@ function Te({
       resourceId: z.resourceId
     };
     i === d && h && h(x.date, x.hour, z.resourceId), c?.(T), X((ne) => ne ? { ...ne, isSelecting: !1 } : null), setTimeout(() => X(null), 150);
-  }, [z, G, q, h, c]);
+  }, [z, J, q, h, c]);
   return he(() => {
     const i = () => {
       M.current && $e();
@@ -1451,7 +1451,7 @@ function Te({
         })
       ] })
     ) }),
-    V.map((i) => {
+    U.map((i) => {
       const d = me(i.maxStack);
       return /* @__PURE__ */ r(
         "div",
@@ -1522,7 +1522,7 @@ function Te({
                         onKeyDown: (Q) => {
                           if (oe && (Q.key === "Enter" || Q.key === " ")) {
                             Q.preventDefault();
-                            const ie = G(k);
+                            const ie = J(k);
                             h?.(ie.date, ie.hour, i.user.id), c?.({
                               startDate: ie.date,
                               endDate: (() => {
@@ -1597,7 +1597,7 @@ function Te({
         i.user.id
       );
     }),
-    V.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
+    U.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
   ] }) }) });
 }
 const bn = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], yn = [
@@ -1852,8 +1852,8 @@ function zn({
     if (!u) return;
     const N = (y) => {
       if (y.ctrlKey || y.metaKey || y.altKey) return;
-      const U = y.target.tagName;
-      if (!(U === "INPUT" || U === "TEXTAREA" || y.target.isContentEditable))
+      const V = y.target.tagName;
+      if (!(V === "INPUT" || V === "TEXTAREA" || y.target.isContentEditable))
         switch (y.key) {
           case "ArrowUp":
             y.preventDefault(), W();
@@ -1876,30 +1876,30 @@ function zn({
     if (!u) return;
     let N = 0;
     const y = () => {
-      const V = u.offsetParent;
-      if (!V) return;
-      const se = V.getBoundingClientRect(), Z = window.innerHeight;
+      const U = u.offsetParent;
+      if (!U) return;
+      const se = U.getBoundingClientRect(), Z = window.innerHeight;
       if (se.height <= Z) {
         u.style.removeProperty("top"), u.style.removeProperty("bottom");
         return;
       }
-      const Ne = Math.min(se.bottom, Z) - se.top, te = u.offsetHeight, ce = Ne - te - 12, fe = 12, G = V.clientHeight - te - 12, m = Math.max(fe, Math.min(ce, G));
+      const Ne = Math.min(se.bottom, Z) - se.top, te = u.offsetHeight, ce = Ne - te - 12, fe = 12, J = U.clientHeight - te - 12, m = Math.max(fe, Math.min(ce, J));
       u.style.top = `${m}px`, u.style.bottom = "auto";
-    }, U = () => {
+    }, V = () => {
       cancelAnimationFrame(N), N = requestAnimationFrame(y);
     }, O = [window];
-    let J = u.parentElement;
-    for (; J; ) {
-      const V = getComputedStyle(J);
-      /(auto|scroll)/.test(V.overflow + V.overflowY) && O.push(J), J = J.parentElement;
+    let G = u.parentElement;
+    for (; G; ) {
+      const U = getComputedStyle(G);
+      /(auto|scroll)/.test(U.overflow + U.overflowY) && O.push(G), G = G.parentElement;
     }
-    for (const V of O)
-      V.addEventListener("scroll", U, { passive: !0 });
-    return window.addEventListener("resize", U, { passive: !0 }), y(), () => {
+    for (const U of O)
+      U.addEventListener("scroll", V, { passive: !0 });
+    return window.addEventListener("resize", V, { passive: !0 }), y(), () => {
       cancelAnimationFrame(N);
-      for (const V of O)
-        V.removeEventListener("scroll", U);
-      window.removeEventListener("resize", U);
+      for (const U of O)
+        U.removeEventListener("scroll", V);
+      window.removeEventListener("resize", V);
     };
   }, [v]);
   const K = B(() => {
@@ -1911,10 +1911,10 @@ function zn({
         if (!P.current) return;
         const y = t.current;
         if (y) {
-          const { x: U, y: O } = $.current, J = Math.sqrt(U * U + O * O);
-          if (J > rt) {
-            const se = Math.min(J / Be, 1) * Ln;
-            y.scrollLeft += U / J * se, y.scrollTop += O / J * se;
+          const { x: V, y: O } = $.current, G = Math.sqrt(V * V + O * O);
+          if (G > rt) {
+            const se = Math.min(G / Be, 1) * Ln;
+            y.scrollLeft += V / G * se, y.scrollTop += O / G * se;
           }
         }
         F.current = requestAnimationFrame(N);
@@ -1926,14 +1926,14 @@ function zn({
     if (!P.current) return;
     const N = u.clientX - S.current.x, y = u.clientY - S.current.y;
     $.current = { x: N, y };
-    const U = Math.sqrt(N * N + y * y);
-    if (U < rt)
+    const V = Math.sqrt(N * N + y * y);
+    if (V < rt)
       p({ x: 0, y: 0 });
     else {
-      const J = Math.min(U, Be) / Be * En;
+      const G = Math.min(V, Be) / Be * En;
       p({
-        x: N / U * J,
-        y: y / U * J
+        x: N / V * G,
+        y: y / V * G
       });
     }
   }, []), g = B(
@@ -2101,7 +2101,7 @@ function jn({
     workingHours: u,
     badgeVariant: N,
     showWorkingHoursOnly: y,
-    clearFocusEventId: U
+    clearFocusEventId: V
   } = Wt(), O = re(() => {
     if (!y || !u)
       return {
@@ -2117,7 +2117,7 @@ function jn({
       startHour: C.start,
       endHour: C.end
     } : { startHour: m, endHour: j };
-  }, [y, u, C]), J = O, V = ae(null);
+  }, [y, u, C]), G = O, U = ae(null);
   Dt(
     R,
     () => ({
@@ -2125,7 +2125,7 @@ function jn({
         const m = /* @__PURE__ */ new Date();
         K(m, M), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const j = V.current?.querySelector(
+            const j = U.current?.querySelector(
               ".ic-timeline-scroll-container, [class*='overflow-auto']"
             );
             if (!j) return;
@@ -2147,7 +2147,7 @@ function jn({
           }
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const j = V.current?.querySelector(
+            const j = U.current?.querySelector(
               ".ic-timeline-scroll-container, [class*='overflow-auto']"
             );
             if (!j) return;
@@ -2159,12 +2159,12 @@ function jn({
           });
         });
       },
-      getViewRect: () => V.current?.getBoundingClientRect() ?? null,
+      getViewRect: () => U.current?.getBoundingClientRect() ?? null,
       focusEvent: (m) => {
-        U(), requestAnimationFrame(() => {
-          U();
+        V(), requestAnimationFrame(() => {
+          V();
         });
-        const j = V.current?.querySelector(
+        const j = U.current?.querySelector(
           `[data-event-id="${m}"]`
         );
         j && setTimeout(() => j.click(), 150);
@@ -2175,7 +2175,7 @@ function jn({
       M,
       O,
       u,
-      U
+      V
     ]
   );
   const se = re(() => An(M), [M]), Z = B(
@@ -2219,7 +2219,7 @@ function jn({
           {
             events: m,
             date: A,
-            visibleHours: J,
+            visibleHours: G,
             workingHours: u,
             slotDuration: q,
             badgeVariant: N,
@@ -2235,7 +2235,7 @@ function jn({
           {
             events: m,
             date: A,
-            visibleHours: J,
+            visibleHours: G,
             workingHours: u,
             slotDuration: q,
             badgeVariant: N,
@@ -2410,9 +2410,9 @@ function jn({
           }
         );
     }
-  }, G = ae(null);
+  }, J = ae(null);
   return he(() => {
-    V.current = G.current;
+    U.current = J.current;
   }), /* @__PURE__ */ e(
     _t,
     {
@@ -2466,7 +2466,7 @@ function jn({
               /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: G,
+                  ref: J,
                   className: f(
                     "h-full border rounded-lg bg-white overflow-x-auto",
                     w?.viewContainer
@@ -2475,7 +2475,7 @@ function jn({
                 }
               ),
               H && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
-              /* @__PURE__ */ e(zn, { containerRef: G, currentDate: A })
+              /* @__PURE__ */ e(zn, { containerRef: J, currentDate: A })
             ] })
           ]
         }
@@ -2518,9 +2518,10 @@ function Pn({
   focusEventId: u,
   headerConfig: N,
   resourceColumnConfig: y,
-  eventDetailMode: U,
-  renderEventDetail: O
-}, J) {
+  viewPersistence: V,
+  eventDetailMode: O,
+  renderEventDetail: G
+}, U) {
   return /* @__PURE__ */ e(jt, { ...F && { onEventDrop: F }, children: /* @__PURE__ */ e(
     Pt,
     {
@@ -2538,6 +2539,7 @@ function Pn({
       ...R && { onDateChange: R },
       ...I && { onViewChange: I },
       ...u && { initialFocusEventId: u },
+      ...V && { viewPersistence: V },
       children: /* @__PURE__ */ e(
         jn,
         {
@@ -2558,11 +2560,11 @@ function Pn({
           settingsContent: Y,
           filterContent: g,
           headerActions: C,
-          calendarRef: J,
+          calendarRef: U,
           ...N && { headerConfig: N },
           ...y && { resourceColumnConfig: y },
-          ...U && { eventDetailMode: U },
-          ...O && { renderEventDetail: O }
+          ...O && { eventDetailMode: O },
+          ...G && { renderEventDetail: G }
         }
       )
     }
@@ -4121,4 +4123,4 @@ export {
   $r as b,
   Ar as c
 };
-//# sourceMappingURL=agenda-widget-GRHaHwQ2.js.map
+//# sourceMappingURL=agenda-widget-DrRyLzTK.js.map