@isma91/react-scheduler 4.0.1 → 4.0.2

package/index.js

@@ -1,7 +1,7 @@
 import { jsxs as M, jsx as r, Fragment as Y } from "react/jsx-runtime";
 import { createContext as pt, useContext as yt, useMemo as U, useState as L, Fragment as ie, useRef as nt, useEffect as te, useCallback as Z, forwardRef as mt } from "react";
-import { isWithinInterval as j, endOfDay as q, startOfDay as X, format as N, isSameDay as ye, isBefore as me, isAfter as Se, differenceInDays as _t, addSeconds as Zt, subMinutes as qt, addMinutes as de, differenceInMilliseconds as Xt, addDays as Q, addMilliseconds as Yt, isToday as _e, differenceInMinutes as Fe, set as ke, startOfWeek as $e, eachMinuteOfInterval as vt, endOfMonth as bt, endOfWeek as wt, startOfMonth as Ze, getMonth as Qt, setMonth as rt, getDaysInMonth as Jt, isSameMonth as Dt, differenceInCalendarWeeks as Kt, closestTo as en, setHours as ot, eachWeekOfInterval as tn, eachDayOfInterval as nn, isEqual as it } from "date-fns";
-import { useTheme as ne, ListItem as rn, ListItemAvatar as xt, Avatar as qe, ListItemText as kt, Typography as F, Tabs as on, Tab as an, Box as Ee, styled as se, alpha as Me, Paper as Tt, Grow as sn, IconButton as ve, Slide as ln, Button as ee, Popover as Te, List as dn, ListItemButton as cn, ButtonBase as un, useMediaQuery as Ct, MenuList as hn, MenuItem as Le, TextField as fn, FormControl as gn, InputLabel as pn, Select as yn, Checkbox as mn, Chip as _n, CircularProgress as Et, FormHelperText as vn, Dialog as bn, DialogTitle as wn, DialogContent as Dn, Grid as at, DialogActions as xn } from "@mui/material";
+import { isWithinInterval as j, endOfDay as q, startOfDay as X, format as N, isSameDay as ye, isBefore as me, isAfter as Se, differenceInDays as vt, addSeconds as Zt, subMinutes as qt, addMinutes as de, differenceInMilliseconds as Xt, addDays as Q, addMilliseconds as Yt, isToday as ve, differenceInMinutes as Fe, set as ke, startOfWeek as $e, eachMinuteOfInterval as _t, endOfMonth as bt, endOfWeek as wt, startOfMonth as Ze, getMonth as Qt, setMonth as rt, getDaysInMonth as Jt, isSameMonth as Dt, differenceInCalendarWeeks as Kt, closestTo as en, setHours as ot, eachWeekOfInterval as tn, eachDayOfInterval as nn, isEqual as it } from "date-fns";
+import { useTheme as ne, ListItem as rn, ListItemAvatar as xt, Avatar as qe, ListItemText as kt, Typography as F, Tabs as on, Tab as an, Box as Ee, styled as se, alpha as Me, Paper as Tt, Grow as sn, IconButton as _e, Slide as ln, Button as ee, Popover as Te, List as dn, ListItemButton as cn, ButtonBase as un, useMediaQuery as Ct, MenuList as hn, MenuItem as Le, TextField as fn, FormControl as gn, InputLabel as pn, Select as yn, Checkbox as mn, Chip as vn, CircularProgress as Et, FormHelperText as _n, Dialog as bn, DialogTitle as wn, DialogContent as Dn, Grid as at, DialogActions as xn } from "@mui/material";
 import { enUS as kn } from "date-fns/locale";
 import { styled as Tn } from "@mui/material/styles";
 import Cn from "@mui/icons-material/DeleteRounded";
@@ -18,8 +18,8 @@ import ze from "@mui/icons-material/NavigateNextRounded";
 import { DateCalendar as Xe } from "@mui/x-date-pickers";
 import Fn from "@mui/icons-material/MoreVert";
 import $n from "@mui/icons-material/ViewAgenda";
-import { DatePicker as An } from "@mui/x-date-pickers/DatePicker";
-import { DateTimePicker as Rn } from "@mui/x-date-pickers/DateTimePicker";
+import { DatePicker as Rn } from "@mui/x-date-pickers/DatePicker";
+import { DateTimePicker as An } from "@mui/x-date-pickers/DateTimePicker";
 import Hn from "@mui/icons-material/ExpandMore";
 const Wn = (e) => {
   if (e.month)
@@ -40,8 +40,8 @@ const Wn = (e) => {
   var f;
   const i = n.idField, s = o.find((c) => c.name === i), a = !!((f = s == null ? void 0 : s.config) != null && f.multiple), d = [];
   for (const c of e) {
-    const v = a && !Array.isArray(c[i]) ? [c[i]] : c[i];
-    (a || Array.isArray(v) ? v.includes(t[i]) : v === t[i]) && d.push({
+    const _ = a && !Array.isArray(c[i]) ? [c[i]] : c[i];
+    (a || Array.isArray(_) ? _.includes(t[i]) : _ === t[i]) && d.push({
       ...c,
       color: c.color || t[n.colorField || ""]
     });
@@ -61,7 +61,7 @@ const Wn = (e) => {
     start: t.start,
     end: t.end
   }))
-), St = (e, t) => Math.ceil(e) / t, Mt = (e, t) => Math.max(e / t, 60), ae = (e, t) => _t(q(Zt(t, -1)), X(e)), Bn = (e) => new Date(
+), St = (e, t) => Math.ceil(e) / t, Mt = (e, t) => Math.max(e / t, 60), ae = (e, t) => vt(q(Zt(t, -1)), X(e)), Bn = (e) => new Date(
   e.getUTCFullYear(),
   e.getUTCMonth(),
   e.getUTCDate(),
@@ -90,10 +90,10 @@ const Wn = (e) => {
       if (o && !a.allDay && ae(a.start, a.end) > 0) {
         const f = X(t), c = q(t);
         if (j(t, { start: X(a.start), end: q(a.end) }) || j(a.start, { start: f, end: c }) || j(a.end, { start: f, end: c })) {
-          const v = me(a.start, f) ? f : a.start, y = Se(a.end, c) ? c : a.end;
+          const _ = me(a.start, f) ? f : a.start, y = Se(a.end, c) ? c : a.end;
           i.push({
             ...a,
-            start: v,
+            start: _,
             end: y,
             _originalStart: a.start,
             _originalEnd: a.end,
@@ -111,16 +111,16 @@ const Wn = (e) => {
       end: q(qt(o.end, 1))
     })
   );
-  return Ae(n);
+  return Re(n);
 }, Ot = (e) => e.sort((t, n) => {
   const o = t.end.getTime() - t.start.getTime();
   return n.end.getTime() - n.start.getTime() - o;
-}), Ae = (e) => e.sort((t, n) => t.allDay || ae(t.start, t.end) > 0 ? -1 : t.start.getTime() - n.start.getTime()), Ne = (e, t, n, o, i) => {
+}), Re = (e) => e.sort((t, n) => t.allDay || ae(t.start, t.end) > 0 ? -1 : t.start.getTime() - n.start.getTime()), Ne = (e, t, n, o, i) => {
   var f;
   const s = Array.isArray(t), a = [], d = {};
   for (let c = 0; c < e.length; c++) {
-    const h = Oe(e[c], n), v = ae(h.start, h.end) > 0, y = i && !h.allDay && v;
-    let p = h.allDay || v && !y;
+    const h = Oe(e[c], n), _ = ae(h.start, h.end) > 0, y = i && !h.allDay && _;
+    let p = h.allDay || _ && !y;
     if (p && (s ? p = t.some(
       (u) => j(u, {
         start: X(h.start),
@@ -248,9 +248,9 @@ const Vn = {
     dialogMaxWidth: f,
     hourFormat: c,
     ...h
-  } = e, v = qn(e), y = o || "week", p = v[y] ? y : Wn(v);
+  } = e, _ = qn(e), y = o || "week", p = _[y] ? y : Wn(_);
   return {
-    ...v,
+    ..._,
     translations: Zn(t),
     resourceFields: Object.assign(Un, n),
     view: p,
@@ -306,7 +306,7 @@ const Vn = {
   },
   onDrop: () => {
   }
-}, At = pt($t), O = () => yt(At), je = ({ resource: e }) => {
+}, Rt = pt($t), O = () => yt(Rt), je = ({ resource: e }) => {
   const { resourceHeaderComponent: t, resourceFields: n, direction: o, resourceViewMode: i } = O(), s = ne(), a = e[n.textField], d = e[n.subTextField || ""], f = e[n.avatarField || ""], c = e[n.colorField || ""];
   return t instanceof Function ? t(e) : /* @__PURE__ */ M(
     rn,
@@ -463,12 +463,12 @@ const Qn = Tn("div")(({ theme: e }) => ({
     component: /* @__PURE__ */ r(Y, { children: e(c) })
   })), d = (c) => {
     if (i(c, "selectedTab"), typeof s == "function") {
-      const h = t.find((v) => v[n.idField] === c);
+      const h = t.find((_) => _[n.idField] === c);
       h && s(h);
     }
   }, f = U(() => {
     const c = t[0][n.idField];
-    return !o || t.findIndex((v) => v[n.idField] === o) < 0 ? c : o;
+    return !o || t.findIndex((_) => _[n.idField] === o) < 0 ? c : o;
   }, [t, n.idField, o]);
   return /* @__PURE__ */ r(Jn, { tabs: a, tab: f, setTab: d, style: { display: "grid" } });
 }, er = se("div")(({ theme: e, dialog: t }) => ({
@@ -520,7 +520,7 @@ const Qn = Tn("div")(({ theme: e }) => ({
       alignItems: "center"
     }
   })
-), Re = se("div")(
+), Ae = se("div")(
   ({ theme: e, stickyOffset: t = 0, stickyHeight: n = 40 }) => ({
     borderStyle: "solid",
     borderColor: e.palette.grey[300],
@@ -701,7 +701,7 @@ const Qn = Tn("div")(({ theme: e }) => ({
     borderTop: `solid 2px ${t || e.palette.error.light}`,
     width: "100%"
   }
-})), Rt = (e) => {
+})), At = (e) => {
   const { editable: t, deletable: n, draggable: o } = O(), i = U(() => typeof e.editable < "u" ? e.editable : t, [t, e.editable]), s = U(() => typeof e.deletable < "u" ? e.deletable : n, [n, e.deletable]), a = U(() => {
     if (i)
       return typeof e.draggable < "u" ? e.draggable : o;
@@ -716,11 +716,11 @@ const Qn = Tn("div")(({ theme: e }) => ({
     if (!s)
       return a(!0);
     t();
-  }, { canEdit: f, canDelete: c } = Rt(e);
+  }, { canEdit: f, canDelete: c } = At(e);
   return /* @__PURE__ */ M(or, { children: [
     /* @__PURE__ */ r(sn, { in: !s, exit: !1, timeout: 400, unmountOnExit: !0, children: /* @__PURE__ */ M("div", { children: [
-      f && /* @__PURE__ */ r(ve, { size: "small", onClick: n, children: /* @__PURE__ */ r(En, {}) }),
-      c && /* @__PURE__ */ r(ve, { size: "small", onClick: d, children: /* @__PURE__ */ r(Cn, {}) })
+      f && /* @__PURE__ */ r(_e, { size: "small", onClick: n, children: /* @__PURE__ */ r(En, {}) }),
+      c && /* @__PURE__ */ r(_e, { size: "small", onClick: d, children: /* @__PURE__ */ r(Cn, {}) })
     ] }) }),
     /* @__PURE__ */ r(
       ln,
@@ -747,15 +747,15 @@ const Qn = Tn("div")(({ theme: e }) => ({
     customViewer: f,
     viewerExtraComponent: c,
     fields: h,
-    resources: v,
+    resources: _,
     resourceFields: y,
     locale: p,
     viewerTitleComponent: u,
     viewerSubtitleComponent: g,
     hourFormat: b,
     translations: l,
-    onEventEdit: _
-  } = O(), T = ne(), E = De(b), D = t._originalStart || t.start, k = t._originalEnd || t.end, S = ae(D, k) <= 0 && t.allDay, I = y.idField, m = v.filter(
+    onEventEdit: v
+  } = O(), T = ne(), E = De(b), D = t._originalStart || t.start, k = t._originalEnd || t.end, S = ae(D, k) <= 0 && t.allDay, I = y.idField, m = _.filter(
     (x) => Array.isArray(t[I]) ? t[I].includes(x[I]) : x[I] === t[I]
   ), w = async () => {
     try {
@@ -806,7 +806,7 @@ const Qn = Tn("div")(({ theme: e }) => ({
             children: [
               /* @__PURE__ */ M("div", { className: "rs__popper_actions", children: [
                 /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-                  ve,
+                  _e,
                   {
                     size: "small",
                     onClick: () => {
@@ -821,7 +821,7 @@ const Qn = Tn("div")(({ theme: e }) => ({
                     event: t,
                     onDelete: w,
                     onEdit: () => {
-                      n(), o(!0, t), _ && typeof _ == "function" && _(t);
+                      n(), o(!0, t), v && typeof v == "function" && v(t);
                     }
                   }
                 )
@@ -868,7 +868,7 @@ const Qn = Tn("div")(({ theme: e }) => ({
     }
   );
 }, Qe = ({ day: e, events: t }) => {
-  const [n, o] = L(null), [i, s] = L(), [a, d] = L(!1), { locale: f, hourFormat: c, eventRenderer: h, onEventClick: v, timeZone: y, disableViewer: p } = O(), u = ne(), g = De(c), b = (l) => {
+  const [n, o] = L(null), [i, s] = L(), [a, d] = L(!1), { locale: f, hourFormat: c, eventRenderer: h, onEventClick: _, timeZone: y, disableViewer: p } = O(), u = ne(), g = De(c), b = (l) => {
     !(l != null && l.currentTarget) && a && d(!1), o((l == null ? void 0 : l.currentTarget) || null);
   };
   return /* @__PURE__ */ M(ie, { children: [
@@ -895,7 +895,7 @@ const Qn = Tn("div")(({ theme: e }) => ({
           tabIndex: p ? -1 : 0,
           disabled: l.disabled,
           onClick: (I) => {
-            I.preventDefault(), I.stopPropagation(), p || b(I), s(l), typeof v == "function" && v(l);
+            I.preventDefault(), I.stopPropagation(), p || b(I), s(l), typeof _ == "function" && _(l);
           },
           children: [
             /* @__PURE__ */ r(xt, { children: /* @__PURE__ */ r(
@@ -926,7 +926,7 @@ const Qn = Tn("div")(({ theme: e }) => ({
 }, Je = () => {
   const { height: e, translations: t, stickyNavigationOffset: n, stickyNavigationHeight: o } = O();
   return /* @__PURE__ */ r(
-    Re,
+    Ae,
     {
       stickyOffset: n,
       stickyHeight: o,
@@ -951,19 +951,19 @@ const Qn = Tn("div")(({ theme: e }) => ({
     alwaysShowAgendaDays: f,
     stickyNavigationOffset: c,
     stickyNavigationHeight: h
-  } = O(), { disableGoToDay: v, headRenderer: y } = o, p = U(() => e.some((u) => Ie(n, u).length > 0), [e, n]);
-  return !f && !p ? /* @__PURE__ */ r(Je, {}) : /* @__PURE__ */ r(Re, { stickyOffset: c, stickyHeight: h, children: e.map((u, g) => {
+  } = O(), { disableGoToDay: _, headRenderer: y } = o, p = U(() => e.some((u) => Ie(n, u).length > 0), [e, n]);
+  return !f && !p ? /* @__PURE__ */ r(Je, {}) : /* @__PURE__ */ r(Ae, { stickyOffset: c, stickyHeight: h, children: e.map((u, g) => {
     const b = he({ dateLeft: u, timeZone: a }), l = Ie(n, u);
-    return !f && !l.length ? null : /* @__PURE__ */ M("div", { className: `rs__agenda_row ${_e(u) ? "rs__today_cell" : ""}`, children: [
+    return !f && !l.length ? null : /* @__PURE__ */ M("div", { className: `rs__agenda_row ${ve(u) ? "rs__today_cell" : ""}`, children: [
       /* @__PURE__ */ r("div", { className: "rs__cell rs__agenda__cell", children: typeof y == "function" ? /* @__PURE__ */ r("div", { children: y({ day: u, events: n, resource: t }) }) : /* @__PURE__ */ r(
         F,
         {
           sx: { fontWeight: b ? "bold" : "inherit" },
           color: b ? "primary" : "inherit",
           variant: "body2",
-          className: v ? "" : "rs__hover__op",
-          onClick: (_) => {
-            _.stopPropagation(), v || i(u);
+          className: _ ? "" : "rs__hover__op",
+          onClick: (v) => {
+            v.stopPropagation(), _ || i(u);
           },
           children: N(u, "dd E", { locale: s })
         }
@@ -1033,7 +1033,7 @@ const Qn = Tn("div")(({ theme: e }) => ({
     }
   };
 }, He = ({ event: e, multiday: t, hasPrev: n, hasNext: o, showdate: i = !0 }) => {
-  const { direction: s, locale: a, hourFormat: d, eventRenderer: f, onEventClick: c, view: h, disableViewer: v } = O(), y = dr(e), [p, u] = L(null), [g, b] = L(!1), l = ne(), _ = De(d), T = s === "rtl" ? lt : st, E = s === "rtl" ? st : lt, D = ae(e.start, e.end) <= 0 && e.allDay, { canDrag: k } = Rt(e), S = Z(
+  const { direction: s, locale: a, hourFormat: d, eventRenderer: f, onEventClick: c, view: h, disableViewer: _ } = O(), y = dr(e), [p, u] = L(null), [g, b] = L(!1), l = ne(), v = De(d), T = s === "rtl" ? lt : st, E = s === "rtl" ? st : lt, D = ae(e.start, e.end) <= 0 && e.allDay, { canDrag: k } = At(e), S = Z(
     (m) => {
       !(m != null && m.currentTarget) && g && b(!1), u((m == null ? void 0 : m.currentTarget) || null);
     },
@@ -1047,9 +1047,9 @@ const Qn = Tn("div")(({ theme: e }) => ({
     let m = /* @__PURE__ */ M("div", { style: { padding: "2px 6px" }, children: [
       /* @__PURE__ */ r(F, { variant: "subtitle2", style: { fontSize: 12 }, noWrap: !0, children: e.title }),
       e.subtitle && /* @__PURE__ */ r(F, { variant: "body2", style: { fontSize: 11 }, noWrap: !0, children: e.subtitle }),
-      i && /* @__PURE__ */ r(F, { style: { fontSize: 11 }, noWrap: !0, children: `${N(e.start, _, {
+      i && /* @__PURE__ */ r(F, { style: { fontSize: 11 }, noWrap: !0, children: `${N(e.start, v, {
         locale: a
-      })} - ${N(e.end, _, { locale: a })}` })
+      })} - ${N(e.end, v, { locale: a })}` })
     ] });
     return t && (m = /* @__PURE__ */ M(
       "div",
@@ -1061,9 +1061,9 @@ const Qn = Tn("div")(({ theme: e }) => ({
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ r(F, { sx: { fontSize: 11 }, noWrap: !0, children: n ? /* @__PURE__ */ r(E, { fontSize: "small", sx: { display: "flex" } }) : i && !D && N(e.start, _, { locale: a }) }),
+          /* @__PURE__ */ r(F, { sx: { fontSize: 11 }, noWrap: !0, children: n ? /* @__PURE__ */ r(E, { fontSize: "small", sx: { display: "flex" } }) : i && !D && N(e.start, v, { locale: a }) }),
           /* @__PURE__ */ r(F, { variant: "subtitle2", align: "center", sx: { fontSize: 12 }, noWrap: !0, children: e.title }),
-          /* @__PURE__ */ r(F, { sx: { fontSize: 11 }, noWrap: !0, children: o ? /* @__PURE__ */ r(T, { fontSize: "small", sx: { display: "flex" } }) : i && !D && N(e.end, _, { locale: a }) })
+          /* @__PURE__ */ r(F, { sx: { fontSize: 11 }, noWrap: !0, children: o ? /* @__PURE__ */ r(T, { fontSize: "small", sx: { display: "flex" } }) : i && !D && N(e.end, v, { locale: a }) })
         ]
       }
     )), /* @__PURE__ */ r(
@@ -1081,11 +1081,11 @@ const Qn = Tn("div")(({ theme: e }) => ({
           un,
           {
             onClick: (w) => {
-              w.preventDefault(), w.stopPropagation(), v || S(w), typeof c == "function" && c(e);
+              w.preventDefault(), w.stopPropagation(), _ || S(w), typeof c == "function" && c(e);
             },
             focusRipple: !0,
-            tabIndex: v ? -1 : 0,
-            disableRipple: v,
+            tabIndex: _ ? -1 : 0,
+            disableRipple: _,
             disabled: e.disabled,
             children: /* @__PURE__ */ r("div", { ...y, draggable: k, children: m })
           }
@@ -1099,11 +1099,11 @@ const Qn = Tn("div")(({ theme: e }) => ({
     h,
     e,
     i,
-    _,
+    v,
     a,
     l.palette.primary.main,
     l.palette.primary.contrastText,
-    v,
+    _,
     y,
     k,
     S,
@@ -1153,7 +1153,7 @@ const cr = (e) => {
   showCurrentTimeBar: c = !0,
   currentTimeBarColor: h
 }) => {
-  const v = [];
+  const _ = [];
   return /* @__PURE__ */ M(ie, { children: [
     c && he({ dateLeft: t, timeZone: d }) && /* @__PURE__ */ r(
       cr,
@@ -1168,8 +1168,8 @@ const cr = (e) => {
       }
     ),
     e.map((y, p) => {
-      const u = (o * 60 - n * 60) * s, g = Fe(y.end, y.start) * s, b = Math.min(g, u) - Ue, l = n * 60, _ = y.start.getHours() * 60 + y.start.getMinutes(), T = Math.max(_ - l, 0), E = T * s, k = b / 60 * Ue, S = T / i, I = E + S, m = zn(e, y), w = m.filter((x) => v.includes(x.event_id));
-      return v.push(y.event_id), /* @__PURE__ */ r(
+      const u = (o * 60 - n * 60) * s, g = Fe(y.end, y.start) * s, b = Math.min(g, u) - Ue, l = n * 60, v = y.start.getHours() * 60 + y.start.getMinutes(), T = Math.max(v - l, 0), E = T * s, k = b / 60 * Ue, S = T / i, I = E + S, m = zn(e, y), w = m.filter((x) => _.includes(x.event_id));
+      return _.push(y.event_id), /* @__PURE__ */ r(
         "div",
         {
           className: "rs__event__item",
@@ -1196,7 +1196,7 @@ const cr = (e) => {
     setCurrentDragged: f,
     editable: c,
     timeZone: h
-  } = O(), v = ne();
+  } = O(), _ = ne();
   return {
     tabIndex: c ? 0 : -1,
     disableRipple: !c,
@@ -1208,10 +1208,10 @@ const cr = (e) => {
       }), s && typeof s == "function" && s(e, t, n, o);
     },
     onDragOver: (y) => {
-      y.preventDefault(), d && (y.currentTarget.style.backgroundColor = Me(v.palette.secondary.main, 0.3));
+      y.preventDefault(), d && (y.currentTarget.style.backgroundColor = Me(_.palette.secondary.main, 0.3));
     },
     onDragEnter: (y) => {
-      d && (y.currentTarget.style.backgroundColor = Me(v.palette.secondary.main, 0.3));
+      d && (y.currentTarget.style.backgroundColor = Me(_.palette.secondary.main, 0.3));
     },
     onDragLeave: (y) => {
       d && (y.currentTarget.style.backgroundColor = "");
@@ -1268,46 +1268,46 @@ const cr = (e) => {
     handleGotoDay: f,
     resources: c,
     resourceFields: h,
-    resourceViewMode: v,
+    resourceViewMode: _,
     direction: y,
     locale: p,
     hourFormat: u,
     timeZone: g,
     stickyNavigation: b,
     stickyNavigationOffset: l,
-    stickyNavigationHeight: _,
+    stickyNavigationHeight: v,
     currentTime: T,
     showCurrentTimeBar: E,
     currentTimeBarColor: D,
     forceInlineMultiDay: k
-  } = O(), { startHour: S, endHour: I, step: m, cellRenderer: w, disableGoToDay: x, headRenderer: C, hourRenderer: W } = a, { renderedSlots: R } = Bt(), { headersRef: z, bodyRef: J } = Wt(), re = pe, K = X(e[0]), le = q(e[e.length - 1]), P = De(u), fe = U(() => {
-    const $ = c.length && v === "default", A = Ne(
+  } = O(), { startHour: S, endHour: I, step: m, cellRenderer: w, disableGoToDay: x, headRenderer: C, hourRenderer: W } = a, { renderedSlots: A } = Bt(), { headersRef: z, bodyRef: J } = Wt(), re = pe, K = X(e[0]), le = q(e[e.length - 1]), P = De(u), fe = U(() => {
+    const $ = c.length && _ === "default", R = Ne(
       $ ? d : i,
       e,
       g,
       !0,
       k
     );
-    return re * A.length + 45;
+    return re * R.length + 45;
   }, [
     re,
     e,
     d,
-    v,
+    _,
     i,
     c.length,
     g
-  ]), V = ($, A, G) => {
-    const oe = ye(K, A);
+  ]), V = ($, R, G) => {
+    const oe = ye(K, R);
     return Ne(
       $,
       e,
       g,
       void 0,
       k
-    ).filter((B) => me(B.start, K) ? oe : ye(B.start, A)).sort((B, ge) => ge.end.getTime() - B.end.getTime()).map((B) => {
+    ).filter((B) => me(B.start, K) ? oe : ye(B.start, R)).sort((B, ge) => ge.end.getTime() - B.end.getTime()).map((B) => {
       var tt;
-      const ge = me(X(B.start), K), xe = Se(q(B.end), le), Vt = ae(ge ? K : B.start, xe ? le : B.end) + 1, Gt = N(A, "yyyy-MM-dd"), jt = G ? G[h.idField] : "all", Pe = (tt = R == null ? void 0 : R[jt]) == null ? void 0 : tt[Gt], Ut = (Pe == null ? void 0 : Pe[B.event_id]) || 0;
+      const ge = me(X(B.start), K), xe = Se(q(B.end), le), Vt = ae(ge ? K : B.start, xe ? le : B.end) + 1, Gt = N(R, "yyyy-MM-dd"), jt = G ? G[h.idField] : "all", Pe = (tt = A == null ? void 0 : A[jt]) == null ? void 0 : tt[Gt], Ut = (Pe == null ? void 0 : Pe[B.event_id]) || 0;
       return /* @__PURE__ */ r(
         "div",
         {
@@ -1332,13 +1332,13 @@ const cr = (e) => {
         sticky: "1",
         stickyNavigation: b,
         stickyOffset: l,
-        stickyHeight: _,
+        stickyHeight: v,
         children: [
           /* @__PURE__ */ r("span", { className: "rs__cell rs__time" }),
-          e.map(($, A) => /* @__PURE__ */ M(
+          e.map(($, R) => /* @__PURE__ */ M(
             "span",
             {
-              className: `rs__cell rs__header ${_e($) ? "rs__today_cell" : ""}`,
+              className: `rs__cell rs__header ${ve($) ? "rs__today_cell" : ""}`,
               style: { height: fe },
               children: [
                 typeof C == "function" ? /* @__PURE__ */ r("div", { children: C({ day: $, events: i, resource: s }) }) : /* @__PURE__ */ r(
@@ -1352,17 +1352,17 @@ const cr = (e) => {
                 V(i, $, s)
               ]
             },
-            A
+            R
           ))
         ]
       }
     ),
-    /* @__PURE__ */ r(be, { days: e.length, ref: J, children: t.map(($, A) => /* @__PURE__ */ M(ie, { children: [
+    /* @__PURE__ */ r(be, { days: e.length, ref: J, children: t.map(($, R) => /* @__PURE__ */ M(ie, { children: [
       /* @__PURE__ */ r("span", { style: { height: n }, className: "rs__cell rs__header rs__time", children: typeof W == "function" ? /* @__PURE__ */ r("div", { children: W(N($, P, { locale: p })) }) : /* @__PURE__ */ r(F, { variant: "caption", children: N($, P, { locale: p }) }) }),
       e.map((G, oe) => {
         const H = /* @__PURE__ */ new Date(`${N(G, "yyyy/MM/dd")} ${N($, P)}`), ce = de(H, m), B = h.idField;
-        return /* @__PURE__ */ M("span", { className: `rs__cell ${_e(G) ? "rs__today_cell" : ""}`, children: [
-          A === 0 && /* @__PURE__ */ r(
+        return /* @__PURE__ */ M("span", { className: `rs__cell ${ve(G) ? "rs__today_cell" : ""}`, children: [
+          R === 0 && /* @__PURE__ */ r(
             Lt,
             {
               todayEvents: Nt(
@@ -1397,7 +1397,7 @@ const cr = (e) => {
           )
         ] }, oe);
       })
-    ] }, A)) })
+    ] }, R)) })
   ] });
 }, fr = () => {
   const {
@@ -1412,7 +1412,7 @@ const cr = (e) => {
     resourceFields: f,
     fields: c,
     agenda: h
-  } = O(), { weekStartOn: v, weekDays: y, startHour: p, endHour: u, step: g } = e, b = $e(t, { weekStartsOn: v }), l = y.map((x) => Q(b, x)), _ = X(l[0]), T = q(l[l.length - 1]), E = ke(t, { hours: p, minutes: 0, seconds: 0 }), D = ke(t, { hours: u, minutes: -g, seconds: 0 }), k = vt(
+  } = O(), { weekStartOn: _, weekDays: y, startHour: p, endHour: u, step: g } = e, b = $e(t, { weekStartsOn: _ }), l = y.map((x) => Q(b, x)), v = X(l[0]), T = q(l[l.length - 1]), E = ke(t, { hours: p, minutes: 0, seconds: 0 }), D = ke(t, { hours: u, minutes: -g, seconds: 0 }), k = _t(
     {
       start: E,
       end: D
@@ -1422,7 +1422,7 @@ const cr = (e) => {
     try {
       s(!0);
       const x = await i({
-        start: _,
+        start: v,
         end: T,
         view: "week"
       });
@@ -1458,7 +1458,7 @@ const cr = (e) => {
   const { direction: o } = O();
   let i = ze;
   return e === "prev" ? i = o === "rtl" ? ze : dt : e === "next" && (i = o === "rtl" ? dt : ze), /* @__PURE__ */ r(
-    ve,
+    _e,
     {
       style: { padding: 2 },
       onClick: t,
@@ -1473,7 +1473,7 @@ const cr = (e) => {
   const { selectedDate: e, week: t, navigationPickerProps: n, view: o } = O(), i = n == null ? void 0 : n.minDate, s = n == null ? void 0 : n.maxDate, a = o === "month" ? bt(e) : o === "week" ? wt(e, { weekStartsOn: t == null ? void 0 : t.weekStartOn }) : e, d = o === "month" ? Ze(e) : o === "week" ? $e(e, { weekStartsOn: t == null ? void 0 : t.weekStartOn }) : e, f = i ? d <= i : !1, c = s ? a >= s : !1;
   return { prevDisabled: f, nextDisabled: c };
 }, gr = ({ selectedDate: e, onChange: t, weekProps: n }) => {
-  const { locale: o, navigationPickerProps: i } = O(), [s, a] = L(null), { weekStartOn: d } = n, f = $e(e, { weekStartsOn: d }), c = wt(e, { weekStartsOn: d }), { prevDisabled: h, nextDisabled: v } = et(), y = (l) => {
+  const { locale: o, navigationPickerProps: i } = O(), [s, a] = L(null), { weekStartOn: d } = n, f = $e(e, { weekStartsOn: d }), c = wt(e, { weekStartsOn: d }), { prevDisabled: h, nextDisabled: _ } = et(), y = (l) => {
     a(l.currentTarget);
   }, p = () => {
     a(null);
@@ -1526,7 +1526,7 @@ const cr = (e) => {
       {
         type: "next",
         onClick: b,
-        disabled: v,
+        disabled: _,
         "aria-label": "next week"
       }
     )
@@ -1538,7 +1538,7 @@ const cr = (e) => {
     s(null);
   }, h = (p) => {
     t(p || /* @__PURE__ */ new Date()), c();
-  }, v = () => {
+  }, _ = () => {
     const p = Q(e, -1);
     t(p);
   }, y = () => {
@@ -1550,7 +1550,7 @@ const cr = (e) => {
       we,
       {
         type: "prev",
-        onClick: v,
+        onClick: _,
         disabled: a,
         "aria-label": "previous day"
       }
@@ -1585,7 +1585,7 @@ const cr = (e) => {
     a(u.currentTarget);
   }, h = () => {
     a(null);
-  }, v = (u) => {
+  }, _ = (u) => {
     t(u || /* @__PURE__ */ new Date()), h();
   }, y = () => {
     const u = i - 1;
@@ -1622,7 +1622,7 @@ const cr = (e) => {
             openTo: "month",
             views: ["year", "month"],
             value: e,
-            onChange: v
+            onChange: _
           }
         ) })
       }
@@ -1650,20 +1650,20 @@ const cr = (e) => {
     month: f,
     disableViewNavigator: c,
     onSelectedDateChange: h,
-    onViewChange: v,
+    onViewChange: _,
     stickyNavigation: y,
     timeZone: p,
     agenda: u,
     toggleAgenda: g,
     enableAgenda: b,
     customHeaderContent: l,
-    stickyNavigationOffset: _
+    stickyNavigationOffset: v
   } = O(), [T, E] = L(null), D = ne(), k = Ct(D.breakpoints.up("sm")), S = i(), I = (C) => {
     E(C || null);
   }, m = (C) => {
     o(C, "selectedDate"), h && typeof h == "function" && h(C);
   }, w = (C) => {
-    o(C, "view"), v && typeof v == "function" && v(C, u);
+    o(C, "view"), _ && typeof _ == "function" && _(C, u);
   }, x = () => {
     switch (t) {
       case "month":
@@ -1683,7 +1683,7 @@ const cr = (e) => {
         return "";
     }
   };
-  return !a && c ? null : /* @__PURE__ */ M(nr, { sticky: y ? "1" : "0", offset: _, children: [
+  return !a && c ? null : /* @__PURE__ */ M(nr, { sticky: y ? "1" : "0", offset: v, children: [
     /* @__PURE__ */ r("div", { "data-testid": "date-navigator", children: a && x() }),
     l && /* @__PURE__ */ r("div", { className: "rs__custom_header_content", children: l() }),
     /* @__PURE__ */ M(
@@ -1712,7 +1712,7 @@ const cr = (e) => {
               children: s.navigation.agenda
             }
           ) : /* @__PURE__ */ r(
-            ve,
+            _e,
             {
               color: u ? "primary" : "default",
               style: { padding: 5 },
@@ -1733,7 +1733,7 @@ const cr = (e) => {
             C
           )) : /* @__PURE__ */ M(ie, { children: [
             /* @__PURE__ */ r(
-              ve,
+              _e,
               {
                 style: { padding: 5 },
                 onClick: (C) => {
@@ -1776,7 +1776,7 @@ const cr = (e) => {
       }
     )
   ] });
-}, _r = ({
+}, vr = ({
   type: e = "datetime",
   value: t,
   label: n,
@@ -1789,14 +1789,14 @@ const cr = (e) => {
   required: c
 }) => {
   var b, l;
-  const { translations: h } = O(), [v, y] = L({
+  const { translations: h } = O(), [_, y] = L({
     touched: !1,
     valid: !!t,
     errorMsg: d || (c ? ((b = h == null ? void 0 : h.validation) == null ? void 0 : b.required) || "Required" : void 0)
-  }), p = e === "date" ? An : Rn, u = v.touched && (a || !v.valid), g = Z(
-    (_) => {
+  }), p = e === "date" ? Rn : An, u = _.touched && (a || !_.valid), g = Z(
+    (v) => {
       var S;
-      const T = !isNaN(Date.parse(_)), E = typeof _ == "string" && T ? new Date(_) : _;
+      const T = !isNaN(Date.parse(v)), E = typeof v == "string" && T ? new Date(v) : v;
       let D = !0, k = d;
       c && !E && (D = !1, k = d || ((S = h == null ? void 0 : h.validation) == null ? void 0 : S.required) || "Required"), y((I) => ({ ...I, touched: !0, valid: D, errorMsg: k })), i(o, E);
     },
@@ -1809,21 +1809,21 @@ const cr = (e) => {
     {
       value: t instanceof Date ? t : new Date(t),
       label: n,
-      onChange: (_) => {
-        g(_);
+      onChange: (v) => {
+        g(v);
       },
       minutesStep: 5,
       slotProps: {
         textField: {
           variant: s,
-          helperText: u && v.errorMsg,
+          helperText: u && _.errorMsg,
           error: u,
           fullWidth: !0
         }
       }
     }
   ) });
-}, vr = ({
+}, _r = ({
   variant: e = "outlined",
   label: t,
   placeholder: n,
@@ -1835,7 +1835,7 @@ const cr = (e) => {
   email: f,
   decimal: c,
   onChange: h,
-  disabled: v,
+  disabled: _,
   multiline: y,
   rows: p,
   touched: u
@@ -1844,26 +1844,26 @@ const cr = (e) => {
     touched: !1,
     valid: !1,
     errorMsg: ""
-  }), { translations: l } = O(), _ = Z(
+  }), { translations: l } = O(), v = Z(
     (T) => {
-      var S, I, m, w, x, C, W, R, z;
+      var S, I, m, w, x, C, W, A, z;
       const E = T;
       let D = !0, k = "";
-      f && (D = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(E) && D, k = ((S = l == null ? void 0 : l.validation) == null ? void 0 : S.invalidEmail) || "Invalid Email"), c && (D = /^[0-9]+(\.[0-9]*)?$/.test(E) && D, k = ((I = l == null ? void 0 : l.validation) == null ? void 0 : I.onlyNumbers) || "Only Numbers Allowed"), a && `${E}`.trim().length < a && (D = !1, k = typeof ((m = l == null ? void 0 : l.validation) == null ? void 0 : m.min) == "function" ? (w = l == null ? void 0 : l.validation) == null ? void 0 : w.min(a) : ((x = l == null ? void 0 : l.validation) == null ? void 0 : x.min) || `Minimum ${a} letters`), d && `${E}`.trim().length > d && (D = !1, k = typeof ((C = l == null ? void 0 : l.validation) == null ? void 0 : C.max) == "function" ? (W = l == null ? void 0 : l.validation) == null ? void 0 : W.max(d) : ((R = l == null ? void 0 : l.validation) == null ? void 0 : R.max) || `Maximum ${d} letters`), s && `${E}`.trim().length <= 0 && (D = !1, k = ((z = l == null ? void 0 : l.validation) == null ? void 0 : z.required) || "Required"), b({ touched: !0, valid: D, errorMsg: k }), h(i, E, D);
+      f && (D = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(E) && D, k = ((S = l == null ? void 0 : l.validation) == null ? void 0 : S.invalidEmail) || "Invalid Email"), c && (D = /^[0-9]+(\.[0-9]*)?$/.test(E) && D, k = ((I = l == null ? void 0 : l.validation) == null ? void 0 : I.onlyNumbers) || "Only Numbers Allowed"), a && `${E}`.trim().length < a && (D = !1, k = typeof ((m = l == null ? void 0 : l.validation) == null ? void 0 : m.min) == "function" ? (w = l == null ? void 0 : l.validation) == null ? void 0 : w.min(a) : ((x = l == null ? void 0 : l.validation) == null ? void 0 : x.min) || `Minimum ${a} letters`), d && `${E}`.trim().length > d && (D = !1, k = typeof ((C = l == null ? void 0 : l.validation) == null ? void 0 : C.max) == "function" ? (W = l == null ? void 0 : l.validation) == null ? void 0 : W.max(d) : ((A = l == null ? void 0 : l.validation) == null ? void 0 : A.max) || `Maximum ${d} letters`), s && `${E}`.trim().length <= 0 && (D = !1, k = ((z = l == null ? void 0 : l.validation) == null ? void 0 : z.required) || "Required"), b({ touched: !0, valid: D, errorMsg: k }), h(i, E, D);
     },
     [c, f, d, a, i, h, s, l == null ? void 0 : l.validation]
   );
   return te(() => {
-    u && _(o);
-  }, [_, u, o]), /* @__PURE__ */ r(
+    u && v(o);
+  }, [v, u, o]), /* @__PURE__ */ r(
     fn,
     {
       variant: e,
       label: t && /* @__PURE__ */ r(F, { variant: "body2", children: `${t} ${s ? "*" : ""}` }),
       value: o,
       name: i,
-      onChange: (T) => _(T.target.value),
-      disabled: v,
+      onChange: (T) => v(T.target.value),
+      disabled: _,
       error: g.touched && !g.valid,
       helperText: g.touched && !g.valid && g.errorMsg,
       multiline: y,
@@ -1886,7 +1886,7 @@ const cr = (e) => {
   variant: f = "outlined",
   loading: c,
   multiple: h,
-  placeholder: v,
+  placeholder: _,
   errMsg: y
 }) => {
   var T, E;
@@ -1896,7 +1896,7 @@ const cr = (e) => {
     errorMsg: y || (o ? ((T = u == null ? void 0 : u.validation) == null ? void 0 : T.required) || "Required" : void 0)
   }), l = Z(() => {
     g.touched || b((D) => ({ ...D, touched: !0, errorMsg: y || D.errorMsg }));
-  }, [y, g.touched]), _ = Z(
+  }, [y, g.touched]), v = Z(
     (D) => {
       var m;
       const k = D;
@@ -1906,8 +1906,8 @@ const cr = (e) => {
     [y, h, n, i, o, (E = u == null ? void 0 : u.validation) == null ? void 0 : E.required]
   );
   return te(() => {
-    d && _(t);
-  }, [_, d, t]), /* @__PURE__ */ M(Y, { children: [
+    d && v(t);
+  }, [v, d, t]), /* @__PURE__ */ M(Y, { children: [
     /* @__PURE__ */ M(
       gn,
       {
@@ -1924,7 +1924,7 @@ const cr = (e) => {
               labelId: `input_${n}`,
               value: t,
               onBlur: l,
-              onChange: (D) => _(D.target.value),
+              onChange: (D) => v(D.target.value),
               IconComponent: c ? () => /* @__PURE__ */ r(Et, { size: 5 }) : Hn,
               multiple: !!h,
               classes: {
@@ -1937,7 +1937,7 @@ const cr = (e) => {
                 if (h) {
                   for (const S of e)
                     D.includes(S.value) && k.push([S.text]);
-                  return h === "chips" ? k.map((S, I) => /* @__PURE__ */ r(_n, { label: S, style: { margin: "0 2px" }, color: "primary" }, `${S}_${I}`)) : k.join(",");
+                  return h === "chips" ? k.map((S, I) => /* @__PURE__ */ r(vn, { label: S, style: { margin: "0 2px" }, color: "primary" }, `${S}_${I}`)) : k.join(",");
                 } else {
                   for (const S of e)
                     D === S.value && k.push([S.text]);
@@ -1945,7 +1945,7 @@ const cr = (e) => {
                 }
               },
               children: [
-                v && /* @__PURE__ */ r(Le, { value: "", children: /* @__PURE__ */ r("em", { children: v }) }),
+                _ && /* @__PURE__ */ r(Le, { value: "", children: /* @__PURE__ */ r("em", { children: _ }) }),
                 e.map((D) => /* @__PURE__ */ M(Le, { value: D.value, children: [
                   h && /* @__PURE__ */ r(mn, { checked: t.indexOf(D.value) > -1, color: "primary" }),
                   D.text
@@ -1956,7 +1956,7 @@ const cr = (e) => {
         ]
       }
     ),
-    /* @__PURE__ */ r(vn, { style: { color: p.palette.error.main }, children: g.touched && !g.valid && g.errorMsg })
+    /* @__PURE__ */ r(_n, { style: { color: p.palette.error.main }, children: g.touched && !g.valid && g.errorMsg })
   ] });
 }, ht = (e, t) => {
   var o;
@@ -2015,10 +2015,10 @@ const cr = (e) => {
     onConfirm: f,
     customEditor: c,
     confirmEvent: h,
-    dialogMaxWidth: v,
+    dialogMaxWidth: _,
     translations: y,
     timeZone: p
-  } = O(), [u, g] = L(ht(e, i || o)), [b, l] = L(!1), _ = ne(), T = Ct(_.breakpoints.down("sm")), E = (m, w, x) => {
+  } = O(), [u, g] = L(ht(e, i || o)), [b, l] = L(!1), v = ne(), T = Ct(v.breakpoints.down("sm")), E = (m, w, x) => {
     g((C) => ({
       ...C,
       [m]: { ...C[m], value: w, validity: x }
@@ -2045,7 +2045,7 @@ const cr = (e) => {
     switch (w.type) {
       case "input":
         return /* @__PURE__ */ r(
-          vr,
+          _r,
           {
             value: w.value,
             name: m,
@@ -2057,7 +2057,7 @@ const cr = (e) => {
         );
       case "date":
         return /* @__PURE__ */ r(
-          _r,
+          vr,
           {
             value: w.value,
             name: m,
@@ -2068,13 +2068,13 @@ const cr = (e) => {
           }
         );
       case "select":
-        const R = e.find((z) => z.name === m);
+        const A = e.find((z) => z.name === m);
         return /* @__PURE__ */ r(
           br,
           {
             value: w.value,
             name: m,
-            options: (R == null ? void 0 : R.options) || [],
+            options: (A == null ? void 0 : A.options) || [],
             onChange: E,
             touched: b,
             ...w.config,
@@ -2090,7 +2090,7 @@ const cr = (e) => {
     {
       open: t,
       fullScreen: T,
-      maxWidth: v,
+      maxWidth: _,
       onClose: () => {
         n(!1);
       },
@@ -2132,19 +2132,19 @@ const cr = (e) => {
     alwaysShowAgendaDays: f,
     stickyNavigationOffset: c,
     stickyNavigationHeight: h
-  } = O(), { disableGoToDay: v, headRenderer: y } = n, p = Jt(a), u = Array.from({ length: p }, (b, l) => l + 1), g = U(() => e.filter((b) => Dt(b.start, a)), [e, a]);
-  return !f && !g.length ? /* @__PURE__ */ r(Je, {}) : /* @__PURE__ */ r(Re, { stickyOffset: c, stickyHeight: h, children: u.map((b) => {
-    const l = new Date(a.getFullYear(), a.getMonth(), b), _ = he({ dateLeft: l, timeZone: s }), T = Ie(e, l);
-    return !f && !T.length ? null : /* @__PURE__ */ M("div", { className: `rs__agenda_row ${_e(l) ? "rs__today_cell" : ""}`, children: [
+  } = O(), { disableGoToDay: _, headRenderer: y } = n, p = Jt(a), u = Array.from({ length: p }, (b, l) => l + 1), g = U(() => e.filter((b) => Dt(b.start, a)), [e, a]);
+  return !f && !g.length ? /* @__PURE__ */ r(Je, {}) : /* @__PURE__ */ r(Ae, { stickyOffset: c, stickyHeight: h, children: u.map((b) => {
+    const l = new Date(a.getFullYear(), a.getMonth(), b), v = he({ dateLeft: l, timeZone: s }), T = Ie(e, l);
+    return !f && !T.length ? null : /* @__PURE__ */ M("div", { className: `rs__agenda_row ${ve(l) ? "rs__today_cell" : ""}`, children: [
       /* @__PURE__ */ r("div", { className: "rs__cell rs__agenda__cell", children: typeof y == "function" ? /* @__PURE__ */ r("div", { children: y({ day: l, events: e, resource: t }) }) : /* @__PURE__ */ r(
         F,
         {
-          sx: { fontWeight: _ ? "bold" : "inherit" },
-          color: _ ? "primary" : "inherit",
+          sx: { fontWeight: v ? "bold" : "inherit" },
+          color: v ? "primary" : "inherit",
           variant: "body2",
-          className: v ? "" : "rs__hover__op",
+          className: _ ? "" : "rs__hover__op",
           onClick: (E) => {
-            E.stopPropagation(), v || o(l);
+            E.stopPropagation(), _ || o(l);
           },
           children: N(l, "dd E", { locale: i })
         }
@@ -2162,24 +2162,24 @@ const cr = (e) => {
   onViewMore: a,
   cellHeight: d
 }) => {
-  const f = Math.round((d - ut) / pe - 1), { translations: c, month: h, locale: v, timeZone: y } = O(), { renderedSlots: p } = Bt(), u = U(() => {
+  const f = Math.round((d - ut) / pe - 1), { translations: c, month: h, locale: _, timeZone: y } = O(), { renderedSlots: p } = Bt(), u = U(() => {
     var b;
     const g = [];
     for (let l = 0; l < Math.min(e.length, f + 1); l++) {
-      const _ = Oe(e[l], y), T = !!i && me(_.start, i), E = T && i ? i : _.start;
-      let D = ae(E, _.end) + 1;
-      const k = Kt(_.end, E, {
+      const v = Oe(e[l], y), T = !!i && me(v.start, i), E = T && i ? i : v.start;
+      let D = ae(E, v.end) + 1;
+      const k = Kt(v.end, E, {
         weekStartsOn: h == null ? void 0 : h.weekStartOn,
-        locale: v
+        locale: _
       }) > 0;
       if (k) {
-        const x = $e(_.start, {
+        const x = $e(v.start, {
           weekStartsOn: h == null ? void 0 : h.weekStartOn,
-          locale: v
+          locale: _
         }), C = en(x, o);
-        C && (D = s.length - (i ? 0 : _t(_.start, C)));
+        C && (D = s.length - (i ? 0 : vt(v.start, C)));
       }
-      const S = N(n, "yyyy-MM-dd"), I = (b = p == null ? void 0 : p[t || "all"]) == null ? void 0 : b[S], m = (I == null ? void 0 : I[_.event_id]) || 0, w = Math.min(m, f) * pe + ut;
+      const S = N(n, "yyyy-MM-dd"), I = (b = p == null ? void 0 : p[t || "all"]) == null ? void 0 : b[S], m = (I == null ? void 0 : I[v.event_id]) || 0, w = Math.min(m, f) * pe + ut;
       if (m >= f) {
         g.push(
           /* @__PURE__ */ r(
@@ -2211,15 +2211,15 @@ const cr = (e) => {
             children: /* @__PURE__ */ r(
               He,
               {
-                event: _,
+                event: v,
                 showdate: !1,
-                multiday: ae(_.start, _.end) > 0,
+                multiday: ae(v.start, v.end) > 0,
                 hasPrev: T,
                 hasNext: k
               }
             )
           },
-          `${_.event_id}_${l}`
+          `${v.event_id}_${l}`
         )
       );
     }
@@ -2231,7 +2231,7 @@ const cr = (e) => {
     f,
     i,
     h == null ? void 0 : h.weekStartOn,
-    v,
+    _,
     n,
     o,
     s.length,
@@ -2250,23 +2250,23 @@ const cr = (e) => {
     resourceFields: f,
     fields: c,
     locale: h,
-    hourFormat: v,
+    hourFormat: _,
     stickyNavigation: y,
     timeZone: p,
     onClickMore: u,
     stickyNavigationOffset: g,
     stickyNavigationHeight: b
-  } = O(), { weekDays: l, startHour: _, endHour: T, cellRenderer: E, headRenderer: D, disableGoToDay: k } = i, { headersRef: S, bodyRef: I } = Wt(), m = ne(), w = Ze(s), x = De(v), C = o / n.length, W = Z(
-    (R) => {
-      let z = Ae(a);
-      R && (z = Ce(a, R, f, c));
+  } = O(), { weekDays: l, startHour: v, endHour: T, cellRenderer: E, headRenderer: D, disableGoToDay: k } = i, { headersRef: S, bodyRef: I } = Wt(), m = ne(), w = Ze(s), x = De(_), C = o / n.length, W = Z(
+    (A) => {
+      let z = Re(a);
+      A && (z = Ce(a, A, f, c));
       const J = [];
       for (const re of n) {
         const K = l.map((le) => {
-          const P = Q(re, le), fe = /* @__PURE__ */ new Date(`${N(ot(P, _), `yyyy/MM/dd ${x}`)}`), V = /* @__PURE__ */ new Date(`${N(ot(P, T), `yyyy/MM/dd ${x}`)}`), $ = f.idField, A = ye(re, P) ? P : null, G = z.flatMap((H) => It(H, P)).filter((H) => {
+          const P = Q(re, le), fe = /* @__PURE__ */ new Date(`${N(ot(P, v), `yyyy/MM/dd ${x}`)}`), V = /* @__PURE__ */ new Date(`${N(ot(P, T), `yyyy/MM/dd ${x}`)}`), $ = f.idField, R = ye(re, P) ? P : null, G = z.flatMap((H) => It(H, P)).filter((H) => {
             if (ye(H.start, P)) return !0;
             const ce = { start: X(H.start), end: q(H.end) };
-            return !!(A && j(A, ce));
+            return !!(R && j(R, ce));
           }), oe = he({ dateLeft: P, timeZone: p });
           return /* @__PURE__ */ M("span", { style: { height: C }, className: "rs__cell", children: [
             /* @__PURE__ */ r(
@@ -2277,12 +2277,12 @@ const cr = (e) => {
                 day: s,
                 height: C,
                 resourceKey: $,
-                resourceVal: R ? R[$] : null,
+                resourceVal: A ? A[$] : null,
                 cellRenderer: E
               }
             ),
             /* @__PURE__ */ M(ie, { children: [
-              typeof D == "function" ? /* @__PURE__ */ r("div", { style: { position: "absolute", top: 0 }, children: D({ day: P, events: z, resource: R }) }) : /* @__PURE__ */ r(
+              typeof D == "function" ? /* @__PURE__ */ r("div", { style: { position: "absolute", top: 0 }, children: D({ day: P, events: z, resource: A }) }) : /* @__PURE__ */ r(
                 qe,
                 {
                   style: {
@@ -2311,10 +2311,10 @@ const cr = (e) => {
                 xr,
                 {
                   events: G,
-                  resourceId: R == null ? void 0 : R[$],
+                  resourceId: A == null ? void 0 : A[$],
                   today: P,
                   eachWeekStart: n,
-                  eachFirstDayInCalcRow: A,
+                  eachFirstDayInCalcRow: R,
                   daysList: e,
                   onViewMore: (H) => {
                     u && typeof u == "function" ? u(H, d) : d(H);
@@ -2345,7 +2345,7 @@ const cr = (e) => {
       u,
       f,
       s,
-      _,
+      v,
       m.palette.secondary.contrastText,
       m.palette.secondary.main,
       p,
@@ -2363,13 +2363,13 @@ const cr = (e) => {
         stickyNavigation: y,
         stickyOffset: g,
         stickyHeight: b,
-        children: e.map((R, z) => /* @__PURE__ */ r(
+        children: e.map((A, z) => /* @__PURE__ */ r(
           F,
           {
             className: "rs__cell rs__header rs__header__center",
             align: "center",
             variant: "body2",
-            children: N(R, "EE", { locale: h })
+            children: N(A, "EE", { locale: h })
           },
           z
         ))
@@ -2389,23 +2389,23 @@ const cr = (e) => {
     resourceFields: d,
     fields: f,
     agenda: c
-  } = O(), { weekStartOn: h, weekDays: v } = e, y = Ze(t), p = bt(t), u = tn(
+  } = O(), { weekStartOn: h, weekDays: _ } = e, y = Ze(t), p = bt(t), u = tn(
     {
       start: y,
       end: p
     },
     { weekStartsOn: h }
-  ), g = v.map((_) => Q(u[0], _)), b = Z(async () => {
+  ), g = _.map((v) => Q(u[0], v)), b = Z(async () => {
     try {
       i(!0);
-      const _ = u[0], T = Q(u[u.length - 1], g.length), E = await o({
-        start: _,
+      const v = u[0], T = Q(u[u.length - 1], g.length), E = await o({
+        start: v,
         end: T,
         view: "month"
       });
       E && (E != null && E.length) && s(E, "events");
-    } catch (_) {
-      throw _;
+    } catch (v) {
+      throw v;
     } finally {
       i(!1);
     }
@@ -2414,12 +2414,12 @@ const cr = (e) => {
     o instanceof Function && b();
   }, [b, o]);
   const l = Z(
-    (_) => {
+    (v) => {
       if (c) {
-        let T = Ae(n);
-        return _ && (T = Ce(n, _, d, f)), /* @__PURE__ */ r(Dr, { resource: _, events: T });
+        let T = Re(n);
+        return v && (T = Ce(n, v, d, f)), /* @__PURE__ */ r(Dr, { resource: v, events: T });
       }
-      return /* @__PURE__ */ r(kr, { daysList: g, eachWeekStart: u, resource: _ });
+      return /* @__PURE__ */ r(kr, { daysList: g, eachWeekStart: u, resource: v });
     },
     [c, g, u, n, f, d]
   );
@@ -2434,7 +2434,7 @@ const cr = (e) => {
     stickyNavigationOffset: d,
     stickyNavigationHeight: f
   } = O(), { headRenderer: c } = n, h = U(() => Ie(e, i), [e, i]);
-  return !a && !h.length ? /* @__PURE__ */ r(Je, {}) : /* @__PURE__ */ r(Re, { stickyOffset: d, stickyHeight: f, children: /* @__PURE__ */ M("div", { className: "rs__agenda_row rs__today_cell", children: [
+  return !a && !h.length ? /* @__PURE__ */ r(Je, {}) : /* @__PURE__ */ r(Ae, { stickyOffset: d, stickyHeight: f, children: /* @__PURE__ */ M("div", { className: "rs__agenda_row rs__today_cell", children: [
     /* @__PURE__ */ r("div", { className: "rs__cell rs__agenda__cell", children: typeof c == "function" ? /* @__PURE__ */ r("div", { children: c({ day: i, events: e, resource: t }) }) : /* @__PURE__ */ r(F, { variant: "body2", children: N(i, "dd E", { locale: o }) }) }),
     /* @__PURE__ */ r("div", { className: "rs__cell rs__agenda_items", children: h.length > 0 ? /* @__PURE__ */ r(Qe, { day: i, events: h }) : /* @__PURE__ */ r(F, { sx: { padding: 1 }, children: s.noDataToDisplay }) })
   ] }) });
@@ -2451,33 +2451,33 @@ const cr = (e) => {
     resourceFields: f,
     resourceViewMode: c,
     fields: h,
-    direction: v,
+    direction: _,
     locale: y,
     hourFormat: p,
     timeZone: u,
     stickyNavigation: g,
     agenda: b,
     stickyNavigationOffset: l,
-    stickyNavigationHeight: _,
+    stickyNavigationHeight: v,
     currentTime: T,
     showCurrentTimeBar: E,
     currentTimeBarColor: D,
     forceInlineMultiDay: k
-  } = O(), { startHour: S, endHour: I, step: m, cellRenderer: w, headRenderer: x, hourRenderer: C } = e, W = ke(t, { hours: S, minutes: 0, seconds: 0 }), R = ke(t, { hours: I, minutes: -m, seconds: 0 }), z = vt(
+  } = O(), { startHour: S, endHour: I, step: m, cellRenderer: w, headRenderer: x, hourRenderer: C } = e, W = ke(t, { hours: S, minutes: 0, seconds: 0 }), A = ke(t, { hours: I, minutes: -m, seconds: 0 }), z = _t(
     {
       start: W,
-      end: R
+      end: A
     },
     { step: m }
   ), J = Mt(o, z.length), re = St(J, m), K = De(p), le = Z(async () => {
     try {
       s(!0);
-      const V = Q(W, -1), $ = Q(R, 1), A = await i({
+      const V = Q(W, -1), $ = Q(A, 1), R = await i({
         start: V,
         end: $,
         view: "day"
       });
-      A && (A != null && A.length) && a(A, "events");
+      R && (R != null && R.length) && a(R, "events");
     } catch (V) {
       throw V;
     } finally {
@@ -2489,14 +2489,20 @@ const cr = (e) => {
   }, [le, i]);
   const P = Z(
     (V) => {
-      const $ = Ne(V, t, u, k);
+      const $ = Ne(
+        V,
+        t,
+        u,
+        void 0,
+        k
+      );
       return /* @__PURE__ */ r(
         "div",
         {
           className: "rs__block_col",
           style: { height: pe * $.length },
-          children: $.map((A, G) => {
-            const oe = me(A.start, X(t)), H = Se(A.end, q(t));
+          children: $.map((R, G) => {
+            const oe = me(R.start, X(t)), H = Se(R.end, q(t));
             return /* @__PURE__ */ r(
               "div",
               {
@@ -2506,9 +2512,9 @@ const cr = (e) => {
                   width: "99.9%",
                   overflowX: "hidden"
                 },
-                children: /* @__PURE__ */ r(He, { event: A, multiday: !0, hasPrev: oe, hasNext: H })
+                children: /* @__PURE__ */ r(He, { event: R, multiday: !0, hasPrev: oe, hasNext: H })
               },
-              A.event_id
+              R.event_id
             );
           })
         }
@@ -2520,10 +2526,11 @@ const cr = (e) => {
       let $ = n;
       if (V && ($ = Ce(n, V, f, h)), b)
         return /* @__PURE__ */ r(Cr, { resource: V, events: $ });
-      const A = d.length && c === "default", G = Ne(
-        A ? n : $,
+      const R = d.length && c === "default", G = Ne(
+        R ? n : $,
         t,
         u,
+        void 0,
         k
       ), oe = pe * G.length + 45;
       return /* @__PURE__ */ M(Y, { children: [
@@ -2534,13 +2541,13 @@ const cr = (e) => {
             sticky: "1",
             stickyNavigation: g,
             stickyOffset: l,
-            stickyHeight: _,
+            stickyHeight: v,
             children: [
               /* @__PURE__ */ r("span", { className: "rs__cell" }),
               /* @__PURE__ */ M(
                 "span",
                 {
-                  className: `rs__cell rs__header ${_e(t) ? "rs__today_cell" : ""}`,
+                  className: `rs__cell rs__header ${ve(t) ? "rs__today_cell" : ""}`,
                   style: { height: oe },
                   children: [
                     typeof x == "function" ? /* @__PURE__ */ r("div", { children: x({ day: t, events: $, resource: V }) }) : /* @__PURE__ */ r(Pt, { date: t, locale: y }),
@@ -2555,7 +2562,7 @@ const cr = (e) => {
           const B = /* @__PURE__ */ new Date(`${N(t, "yyyy/MM/dd")} ${N(H, K)}`), ge = de(B, m), xe = f.idField;
           return /* @__PURE__ */ M(ie, { children: [
             /* @__PURE__ */ r("span", { className: "rs__cell rs__header rs__time", style: { height: J }, children: typeof C == "function" ? /* @__PURE__ */ r("div", { children: C(N(H, K, { locale: y })) }) : /* @__PURE__ */ r(F, { variant: "caption", children: N(H, K, { locale: y }) }) }),
-            /* @__PURE__ */ M("span", { className: `rs__cell ${_e(t) ? "rs__today_cell" : ""}`, children: [
+            /* @__PURE__ */ M("span", { className: `rs__cell ${ve(t) ? "rs__today_cell" : ""}`, children: [
               ce === 0 && /* @__PURE__ */ r(
                 Lt,
                 {
@@ -2570,7 +2577,7 @@ const cr = (e) => {
                   startHour: S,
                   endHour: I,
                   step: m,
-                  direction: v,
+                  direction: _,
                   timeZone: u,
                   currentTime: T,
                   showCurrentTimeBar: E,
@@ -2600,7 +2607,7 @@ const cr = (e) => {
       W,
       b,
       w,
-      v,
+      _,
       I,
       n,
       h,
@@ -2643,7 +2650,7 @@ const cr = (e) => {
   }
   return t;
 }, gt = (e, t, n, o, i) => {
-  const s = i === "month" ? Ot(e) : Ae(e), a = {};
+  const s = i === "month" ? Ot(e) : Re(e), a = {};
   if (t.length)
     for (const d of t) {
       const f = Ce(s, d, n, o), c = ft(f);
@@ -2668,9 +2675,9 @@ const cr = (e) => {
       )
     }));
   }, [t, i, o, n, s]);
-  const f = (c, h, v, y) => {
+  const f = (c, h, _, y) => {
     d((p) => {
-      var u, g, b, l, _;
+      var u, g, b, l, v;
       return {
         ...p,
         renderedSlots: {
@@ -2678,9 +2685,9 @@ const cr = (e) => {
           [y || "all"]: {
             ...(u = p.renderedSlots) == null ? void 0 : u[y || "all"],
             [c]: (b = (g = p.renderedSlots) == null ? void 0 : g[y || "all"]) != null && b[c] ? {
-              ...(_ = (l = p.renderedSlots) == null ? void 0 : l[y || "all"]) == null ? void 0 : _[c],
-              [h]: v
-            } : { [h]: v }
+              ...(v = (l = p.renderedSlots) == null ? void 0 : l[y || "all"]) == null ? void 0 : v[c],
+              [h]: _
+            } : { [h]: _ }
           }
         }
       };
@@ -2697,7 +2704,7 @@ const cr = (e) => {
     }
   );
 }, Mr = mt(function(t, n) {
-  const o = O(), { view: i, dialog: s, loading: a, loadingComponent: d, resourceViewMode: f, resources: c, translations: h } = o, v = U(() => {
+  const o = O(), { view: i, dialog: s, loading: a, loadingComponent: d, resourceViewMode: f, resources: c, translations: h } = o, _ = U(() => {
     switch (i) {
       case "month":
         return /* @__PURE__ */ r(Tr, {});
@@ -2736,7 +2743,7 @@ const cr = (e) => {
               flexDirection: f === "vertical" ? "column" : void 0
             },
             "data-testid": "grid",
-            children: /* @__PURE__ */ r(Sr, { children: v })
+            children: /* @__PURE__ */ r(Sr, { children: _ })
           }
         ),
         s && /* @__PURE__ */ r(wr, {})
@@ -2751,9 +2758,17 @@ const cr = (e) => {
       onEventDrop: t.onEventDrop,
       customEditor: t.customEditor,
       customHeaderContent: t.customHeaderContent,
-      events: t.events || []
+      // Only sync events if NOT using getRemoteEvents
+      // Otherwise, let the internal state manage events
+      ...t.getRemoteEvents ? {} : { events: t.events || [] }
     }));
-  }, [t.onEventDrop, t.customEditor, t.events, t.customHeaderContent]), te(() => {
+  }, [
+    t.onEventDrop,
+    t.customEditor,
+    t.events,
+    t.customHeaderContent,
+    t.getRemoteEvents
+  ]), te(() => {
     typeof t.loading < "u" && o((p) => ({ ...p, loading: t.loading }));
   }, [t.loading]);
   const i = (p, u) => {
@@ -2787,31 +2802,31 @@ const cr = (e) => {
   }, h = (p, u) => {
     let g;
     u === "edit" ? Array.isArray(p) ? g = n.events.map((b) => {
-      const l = p.find((_) => _.event_id === b.event_id);
+      const l = p.find((v) => v.event_id === b.event_id);
       return l ? { ...b, ...l } : b;
     }) : g = n.events.map(
       (b) => b.event_id === p.event_id ? { ...b, ...p } : b
     ) : g = n.events.concat(p), o((b) => ({ ...b, events: g }));
-  }, v = (p) => {
+  }, _ = (p) => {
     o((u) => ({ ...u, currentDragged: p }));
   }, y = async (p, u, g, b, l) => {
     var I;
-    const _ = n.events.find((m) => typeof m.event_id == "number" ? m.event_id === +u : m.event_id === u), T = n.fields.find((m) => m.name === b), E = !!((I = T == null ? void 0 : T.config) != null && I.multiple);
+    const v = n.events.find((m) => typeof m.event_id == "number" ? m.event_id === +u : m.event_id === u), T = n.fields.find((m) => m.name === b), E = !!((I = T == null ? void 0 : T.config) != null && I.multiple);
     let D = l;
     if (T) {
-      const m = _[b], w = Ve(T, m, _).value;
+      const m = v[b], w = Ve(T, m, v).value;
       if (E)
         if (w.includes(l)) {
-          if (it(_.start, g))
+          if (it(v.start, g))
             return;
           D = w;
         } else
           D = w.length > 1 ? [...w, l] : [l];
     }
-    if (it(_.start, g) && (!D || !E && D === _[b]))
+    if (it(v.start, g) && (!D || !E && D === v[b]))
       return;
-    const k = Fe(_.end, _.start), S = {
-      ..._,
+    const k = Fe(v.end, v.start), S = {
+      ...v,
       start: g,
       end: de(g, k),
       recurring: void 0,
@@ -2821,14 +2836,14 @@ const cr = (e) => {
       return h(S, "edit");
     try {
       f(!0);
-      const m = await n.onEventDrop(p, g, S, _);
+      const m = await n.onEventDrop(p, g, S, v);
       m && h(m, "edit");
     } finally {
       f(!1);
     }
   };
   return /* @__PURE__ */ r(
-    At.Provider,
+    Rt.Provider,
     {
       value: {
         ...n,
@@ -2839,7 +2854,7 @@ const cr = (e) => {
         triggerLoading: f,
         handleGotoDay: c,
         confirmEvent: h,
-        setCurrentDragged: v,
+        setCurrentDragged: _,
         onDrop: y
       },
       children: e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isma91/react-scheduler",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "React scheduler component based on Material-UI & date-fns",
   "files": [
     "*"