@firecms/core 3.0.0-canary.79 → 3.0.0-canary.80

package/dist/index.es.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as v, Fragment as O } from "react/jsx-runtime";
 import * as kt from "react";
-import S, { useRef as ce, useEffect as z, useContext as $e, useCallback as x, useMemo as he, useState as Q, createElement as Ca, createRef as Ba, createContext as Sa, forwardRef as Ia, useLayoutEffect as ei, useDeferredValue as Na } from "react";
+import S, { useRef as de, useEffect as z, useContext as $e, useCallback as x, useMemo as he, useState as Q, createElement as Ca, createRef as Ba, createContext as Sa, forwardRef as Ia, useLayoutEffect as ei, useDeferredValue as Na } from "react";
 import { SnackbarProvider as Fa, useSnackbar as Pa } from "notistack";
 import Ji from "object-hash";
 import { useCreateFormex as In, Formex as Nn, setIn as ti, Field as Fn, getIn as _t, useFormex as fi } from "@firecms/formex";
-import { getColorSchemeForSeed as Pn, CHIP_COLORS as Qa, Tooltip as ke, ErrorIcon as Qn, Typography as U, CircleIcon as Dn, FunctionsIcon as Da, iconKeys as hi, coolIconKeys as ri, Icon as gi, IconButton as de, ContentCopyIcon as vr, OpenInNewIcon as Zt, DescriptionIcon as Rn, cls as L, Skeleton as Le, Chip as Ai, defaultBorderMixin as Se, KeyboardTabIcon as bi, Checkbox as Xt, Markdown as yi, TextareaAutosize as Ra, MultiSelect as Tn, MultiSelectItem as On, Select as nt, SelectItem as ot, BooleanSwitch as Ta, DateTimeField as Kt, paperMixin as kr, ErrorOutlineIcon as Oa, EditIcon as za, Button as ge, RemoveCircleIcon as Ma, Menu as It, MoreVertIcon as zn, MenuItem as Pe, CircularProgress as xt, SearchBar as wi, Badge as Hi, ArrowUpwardIcon as Gr, Popover as vi, FilterListIcon as Va, AssignmentIcon as Ga, CenteredView as sr, Label as ki, TextField as Et, ClearIcon as Ut, BooleanSwitchWithLabel as _r, useOutsideAlerter as Mn, Dialog as _i, DialogContent as xi, DialogActions as Nt, FileCopyIcon as ja, ArchiveIcon as Ya, DeleteIcon as ii, AddIcon as pt, ExpandablePanel as ft, Card as Ua, ArrowForwardIcon as Vn, cardMixin as La, cardClickableMixin as $a, focusedMixin as ni, StarIcon as Gn, StarBorderIcon as jn, Collapse as Yn, Container as qa, FilterListOffIcon as Wa, SearchIcon as Ja, LoadingButton as Ha, Avatar as Zi, DarkModeIcon as Za, LightModeIcon as Xa, LogoutIcon as Ka, fieldBackgroundHoverMixin as xr, HandleIcon as es, RemoveIcon as Ei, debounce as ts, InfoIcon as rs, CloseIcon as Un, fieldBackgroundMixin as pr, fieldBackgroundDisabledMixin as Ln, ArrowDropDownIcon as $n, useInjectStyles as is, ShortTextIcon as ns, SubjectIcon as os, FormatQuoteIcon as as, HttpIcon as ss, EmailIcon as ls, FlagIcon as cs, ListIcon as ds, ListAltIcon as us, NumbersIcon as ms, FormatListNumberedIcon as Xi, UploadFileIcon as ps, DriveFolderUploadIcon as fs, LinkIcon as hs, AddLinkIcon as gs, ScheduleIcon as As, BallotIcon as Ki, RepeatIcon as en, ViewStreamIcon as bs, Tab as jr, Tabs as ys, Alert as ws, Sheet as qn, useLocaleConfig as vs, MenuIcon as tn, ChevronLeftIcon as ks } from "@firecms/ui";
+import { getColorSchemeForSeed as Pn, CHIP_COLORS as Qa, Tooltip as ke, ErrorIcon as Qn, Typography as U, CircleIcon as Dn, FunctionsIcon as Da, iconKeys as hi, coolIconKeys as ri, Icon as gi, IconButton as ue, ContentCopyIcon as vr, OpenInNewIcon as Zt, DescriptionIcon as Rn, cls as L, Skeleton as Le, Chip as Ai, defaultBorderMixin as Se, KeyboardTabIcon as bi, Checkbox as Xt, Markdown as yi, TextareaAutosize as Ra, MultiSelect as Tn, MultiSelectItem as On, Select as nt, SelectItem as ot, BooleanSwitch as Ta, DateTimeField as Kt, paperMixin as kr, ErrorOutlineIcon as Oa, EditIcon as za, Button as ge, RemoveCircleIcon as Ma, Menu as It, MoreVertIcon as zn, MenuItem as Pe, CircularProgress as xt, SearchBar as wi, Badge as Hi, ArrowUpwardIcon as Gr, Popover as vi, FilterListIcon as Va, AssignmentIcon as Ga, CenteredView as sr, Label as ki, TextField as Et, ClearIcon as Ut, BooleanSwitchWithLabel as _r, useOutsideAlerter as Mn, Dialog as _i, DialogContent as xi, DialogActions as Nt, FileCopyIcon as ja, ArchiveIcon as Ya, DeleteIcon as ii, AddIcon as pt, ExpandablePanel as ft, Card as Ua, ArrowForwardIcon as Vn, cardMixin as La, cardClickableMixin as $a, focusedMixin as ni, StarIcon as Gn, StarBorderIcon as jn, Collapse as Yn, Container as qa, FilterListOffIcon as Wa, SearchIcon as Ja, LoadingButton as Ha, Avatar as Zi, DarkModeIcon as Za, LightModeIcon as Xa, LogoutIcon as Ka, fieldBackgroundHoverMixin as xr, HandleIcon as es, RemoveIcon as Ei, debounce as ts, InfoIcon as rs, CloseIcon as Un, fieldBackgroundMixin as pr, fieldBackgroundDisabledMixin as Ln, ArrowDropDownIcon as $n, useInjectStyles as is, ShortTextIcon as ns, SubjectIcon as os, FormatQuoteIcon as as, HttpIcon as ss, EmailIcon as ls, FlagIcon as cs, ListIcon as ds, ListAltIcon as us, NumbersIcon as ms, FormatListNumberedIcon as Xi, UploadFileIcon as ps, DriveFolderUploadIcon as fs, LinkIcon as hs, AddLinkIcon as gs, ScheduleIcon as As, BallotIcon as Ki, RepeatIcon as en, ViewStreamIcon as bs, Tab as jr, Tabs as ys, Alert as ws, Sheet as qn, useLocaleConfig as vs, MenuIcon as tn, ChevronLeftIcon as ks } from "@firecms/ui";
 import J from "react-fast-compare";
 import { Link as Er, useNavigate as Ft, useLocation as Cr, UNSAFE_NavigationContext as _s, NavLink as xs, Route as lr, Routes as Es } from "react-router-dom";
 import { format as Cs } from "date-fns";
@@ -2775,7 +2775,7 @@ function Ao(e, t, r = "", i = 0, a = 10) {
   }) : e !== t && console.log("Changed props:", r));
 }
 function fm(e, t = 3) {
-  const r = ce(e);
+  const r = de(e);
   z(() => {
     console.log("Changed props:"), Ao(e, r.current, "", 0, t), r.current = e;
   });
@@ -2809,7 +2809,7 @@ const bo = S.createContext({}), tt = (e) => {
     close: i
   }), [r, i]);
 }, _o = S.createContext(void 0), Dt = () => $e(_o), xo = S.createContext({}), il = ({ children: e }) => {
-  const [t, r] = Q([]), i = ce(t), a = (l) => {
+  const [t, r] = Q([]), i = de(t), a = (l) => {
     i.current = l, r(l);
   }, o = x(() => {
     if (t.length === 0)
@@ -3155,7 +3155,7 @@ function gm({
   }, [e, t]), t.navigation ? { data: r, dataLoading: a, dataLoadingError: s } : { dataLoading: !0 };
 }
 const sl = () => $e(eo), ll = (e) => {
-  const { onSuccess: t, onError: r, disableClipboardAPI: i = !1, copiedDuration: a } = e || {}, o = ce(null), [s, l] = Q(!1), [c, d] = Q("");
+  const { onSuccess: t, onError: r, disableClipboardAPI: i = !1, copiedDuration: a } = e || {}, o = de(null), [s, l] = Q(!1), [c, d] = Q("");
   z(() => {
     a && setTimeout(() => l(!1), a);
   }, [s]);
@@ -3301,7 +3301,7 @@ function bm(e) {
     userConfigPersistence: d,
     dataSourceDelegate: p,
     injectCollections: m
-  } = e, u = ce(), f = ce(), h = ce(), [g, A] = Q(!1), [w, b] = Q(void 0), [y, k] = Q(!0), [_, E] = Q(void 0), C = Ee(t), B = Ee(r), P = C ? `/${C}` : "/", D = C ? `/${C}/${B}` : `/${B}`, F = x(
+  } = e, u = de(), f = de(), h = de(), [g, A] = Q(!1), [w, b] = Q(void 0), [y, k] = Q(!0), [_, E] = Q(void 0), C = Ee(t), B = Ee(r), P = C ? `/${C}` : "/", D = C ? `/${C}/${B}` : `/${B}`, F = x(
     (T) => C ? `/${C}/${nr(T)}` : `/${nr(T)}`,
     [C]
   ), M = x(
@@ -3435,7 +3435,7 @@ function bm(e) {
   ), Ae = x((T) => {
     const ne = u.current ?? [];
     return ro(T, ne);
-  }, []), ue = x((T) => {
+  }, []), le = x((T) => {
     const ne = u.current ?? [];
     return No({
       path: T,
@@ -3448,7 +3448,7 @@ function bm(e) {
     for (let j = 1; j <= K.length; j++)
       H.push(K.slice(0, j));
     return H.map((j) => X(j)?.id).filter(Boolean);
-  }, [ue]), ee = x((T) => {
+  }, [le]), ee = x((T) => {
     let K = u.current;
     const H = [];
     for (let j = 0; j < T.length; j++) {
@@ -3480,7 +3480,7 @@ function bm(e) {
     resolveAliasesFrom: Ae,
     topLevelNavigation: w,
     refreshNavigation: oe,
-    getParentReferencesFromPath: ue,
+    getParentReferencesFromPath: le,
     getParentCollectionIds: se,
     convertIdsToPaths: ee
   };
@@ -3534,7 +3534,7 @@ function hl(e, t) {
   return Po(r ?? [], a ?? []) ? J(i, o) : !1;
 }
 function wm() {
-  const e = ce({}), t = x((f) => {
+  const e = de({}), t = x((f) => {
     const h = localStorage.getItem(f);
     return h ? JSON.parse(h) : {};
   }, []), r = x((f) => {
@@ -3599,7 +3599,7 @@ function km({
   z(() => {
     t.loginSkipped && m(!0);
   }, [t.loginSkipped]);
-  const f = ce(), h = x(async () => {
+  const f = de(), h = x(async () => {
     if (e || t.initialLoading)
       return;
     if (!t.user && !t.loginSkipped) {
@@ -3706,7 +3706,7 @@ function yl({
         ),
         /* @__PURE__ */ v("div", { className: "flex flex-row gap-2 absolute bottom-[-4px] right-[-4px] invisible group-hover:visible", children: [
           navigator && /* @__PURE__ */ n(ke, { title: "Copy url to clipboard", side: "bottom", children: /* @__PURE__ */ n(
-            de,
+            ue,
             {
               variant: "filled",
               size: "small",
@@ -3721,7 +3721,7 @@ function yl({
             }
           ) }),
           /* @__PURE__ */ n(ke, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ n(
-            de,
+            ue,
             {
               className: "invisible group-hover:visible",
               variant: "filled",
@@ -4247,7 +4247,7 @@ function Pl({
             title: `See details for ${d.id}`,
             className: s !== "tiny" ? "self-start" : "",
             children: /* @__PURE__ */ n(
-              de,
+              ue,
               {
                 color: "inherit",
                 size: "small",
@@ -5068,7 +5068,7 @@ function Mo({
                 href: a.entityLinkBuilder({ entity: e }),
                 rel: "noopener noreferrer",
                 target: "_blank",
-                children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
+                children: /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(
                   Zt,
                   {
                     size: "small"
@@ -5117,7 +5117,7 @@ function Ul(e) {
     multiline: a,
     updateValue: o,
     focused: s
-  } = e, l = ce(i), [c, d] = Q(i), p = ce(!1);
+  } = e, l = de(i), [c, d] = Q(i), p = de(!1);
   z(() => {
     l.current !== i && i !== c && d(i), l.current = i;
   }, [i]);
@@ -5271,7 +5271,7 @@ function Ll(e) {
     value: r,
     updateValue: i,
     focused: a
-  } = e, o = r && typeof r == "number" ? r.toString() : "", [s, l] = Q(o), c = ce(r);
+  } = e, o = r && typeof r == "number" ? r.toString() : "", [s, l] = Q(o), c = de(r);
   z(() => {
     c.current !== r && String(r) !== s && l(r ? r.toString() : null), c.current = r;
   }, [r]);
@@ -5611,18 +5611,18 @@ function jo({
   ] });
 }
 function Yo({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPopup: a, children: o }) {
-  const s = ce(null), l = x(() => {
+  const s = de(null), l = x(() => {
     if (a) {
       const d = s && s?.current?.getBoundingClientRect();
       a(d);
     }
-  }, []), c = ce();
+  }, []), c = de();
   return z(() => {
     c.current && i && c.current.focus({ preventScroll: !0 });
   }, [i]), /* @__PURE__ */ n(O, { children: (e || !t && r) && /* @__PURE__ */ v("div", { ref: s, className: "absolute top-0.5 right-0.5 flex items-center", children: [
     i && o,
     i && !t && r && /* @__PURE__ */ n(
-      de,
+      ue,
       {
         ref: c,
         color: "inherit",
@@ -5850,7 +5850,7 @@ function rc({
             selected: s,
             openPopup: m ? void 0 : a,
             children: /* @__PURE__ */ n(
-              de,
+              ue,
               {
                 color: "inherit",
                 size: "small",
@@ -6288,7 +6288,7 @@ const fc = ({
     hideOverflow: g = !0,
     showExpandIcon: A = !0
   }) {
-    const [w, b] = Wn(), y = ce(null), k = he(() => Fr(i), [i]), [_, E] = Q(!1), [C, B] = Q(l), P = !o && !!c;
+    const [w, b] = Wn(), y = de(null), k = he(() => Fr(i), [i]), [_, E] = Q(!1), [C, B] = Q(l), P = !o && !!c;
     z(() => {
       l && B(!0);
       const Ae = setTimeout(() => {
@@ -6395,7 +6395,7 @@ function qe({
   value: t,
   setValue: r
 }) {
-  const i = ce(null);
+  const i = de(null);
   z(() => {
     typeof e.disabled == "object" && !!e.disabled.clearOnDisabled ? t != null && (i.current = t, r(null)) : i.current && (r(i.current), i.current = null);
   }, [e]);
@@ -6424,7 +6424,7 @@ const Ac = S.memo(
       selectedCell: g,
       select: A,
       setPopupCell: w
-    } = hc(), b = g?.propertyKey === t && g?.entity.path === d.path && g?.entity.id === d.id, [y, k] = Q(i), _ = ce(i), [E, C] = Q(), [B, P] = Q(), [D, F] = Q(!1), M = x(() => {
+    } = hc(), b = g?.propertyKey === t && g?.entity.path === d.path && g?.entity.id === d.id, [y, k] = Q(i), _ = de(i), [E, C] = Q(), [B, P] = Q(), [D, F] = Q(!1), M = x(() => {
       F(!0), setTimeout(() => {
         F(!1);
       }, 100);
@@ -6478,7 +6478,7 @@ const Ac = S.memo(
         cellRect: I,
         propertyKey: t
       } : void 0);
-    }, [d, l, t, A, s]), ue = (I) => {
+    }, [d, l, t, A, s]), le = (I) => {
       w && w(I ? {
         width: s,
         height: l,
@@ -6524,7 +6524,7 @@ const Ac = S.memo(
             disabled: q,
             focused: b,
             selected: b,
-            openPopup: w ? ue : void 0,
+            openPopup: w ? le : void 0,
             property: a,
             entity: d,
             path: c,
@@ -6707,7 +6707,7 @@ const Ac = S.memo(
             disabled: q,
             showExpandIcon: T,
             selected: b,
-            openPopup: q ? void 0 : ue
+            openPopup: q ? void 0 : le
           }
         ),
         children: se
@@ -6758,7 +6758,7 @@ const Qi = function({
       children: [
         (y || l) && /* @__PURE__ */ v("div", { className: "w-34 flex justify-center", children: [
           E.map((C, B) => /* @__PURE__ */ n(ke, { title: C.name, children: /* @__PURE__ */ n(
-            de,
+            ue,
             {
               onClick: (P) => {
                 P.stopPropagation(), C.onClick({
@@ -6780,7 +6780,7 @@ const Qi = function({
             It,
             {
               trigger: /* @__PURE__ */ n(
-                de,
+                ue,
                 {
                   size: g ? "medium" : "small",
                   children: /* @__PURE__ */ n(zn, {})
@@ -7088,7 +7088,7 @@ const _c = S.memo(
                 color: "secondary",
                 invisible: !a,
                 children: /* @__PURE__ */ v(
-                  de,
+                  ue,
                   {
                     size: "small",
                     className: u || h ? "bg-white dark:bg-gray-950" : void 0,
@@ -7118,7 +7118,7 @@ const _c = S.memo(
                   className: A ? "hidden" : void 0,
                   modal: !0,
                   trigger: /* @__PURE__ */ n(
-                    de,
+                    ue,
                     {
                       className: u || h ? "bg-white dark:bg-gray-950" : void 0,
                       size: "small",
@@ -7430,7 +7430,7 @@ const Sc = Ia(({
     endAdornment: E,
     AddColumnComponent: C
   }) {
-    const B = m ? m[0] : void 0, P = m ? m[1] : void 0, [D, F] = Q(o), M = ce(null), $ = ce(0);
+    const B = m ? m[0] : void 0, P = m ? m[1] : void 0, [D, F] = Q(o), M = de(null), $ = de(0);
     z(() => {
       F(o);
     }, [o]);
@@ -7438,7 +7438,7 @@ const Sc = Ia(({
       F(D.map((G) => G.key === j.column.key ? j.column : G));
     }, [D]), q = x((j) => {
       F(D.map((G) => G.key === j.column.key ? j.column : G)), l && l(j);
-    }, [D, l]), V = ce();
+    }, [D, l]), V = de();
     z(() => {
       V.current = c;
     }, [c]);
@@ -7451,14 +7451,14 @@ const Sc = Ia(({
     x(() => {
       $.current = 0, h && h(void 0);
     }, [h]);
-    const Ae = Math.max((t?.length ?? 0) * a - Y.height, 0), ue = x((j) => {
+    const Ae = Math.max((t?.length ?? 0) * a - Y.height, 0), le = x((j) => {
       i && (t?.length ?? 0) > 0 && j > $.current + 600 && ($.current = j, i());
     }, [t?.length, i]), se = x(({
       scrollOffset: j,
       scrollUpdateWasRequested: G
     }) => {
-      !G && j >= Ae - 600 && ue(j);
-    }, [Ae, ue]), ee = x((j, G) => {
+      !G && j >= Ae - 600 && le(j);
+    }, [Ae, le]), ee = x((j, G) => {
       $.current = 0;
       const I = V.current;
       let R = I ? { ...I } : {};
@@ -7792,7 +7792,7 @@ function Qc({
             h(p, w);
           },
           endAdornment: u && /* @__PURE__ */ n(
-            de,
+            ue,
             {
               onClick: (A) => h(p, void 0),
               children: /* @__PURE__ */ n(Ut, {})
@@ -7810,7 +7810,7 @@ function Qc({
           },
           multiple: g,
           endAdornment: u && /* @__PURE__ */ n(
-            de,
+            ue,
             {
               className: "absolute right-2 top-3",
               onClick: (A) => h(p, void 0),
@@ -8004,7 +8004,7 @@ const Tc = S.memo(
     endAdornment: $,
     AddColumnComponent: oe
   }) {
-    const Y = ce(null), [X, q] = S.useState(void 0), V = () => {
+    const Y = de(null), [X, q] = S.useState(void 0), V = () => {
       !_ || d || p || b !== void 0 && y?.(b + k);
     }, ae = x(() => {
       y?.(k);
@@ -8015,12 +8015,12 @@ const Tc = S.memo(
     Mn(
       Y,
       () => {
-        X && ue();
+        X && le();
       },
       !!X
     ), z(() => {
       const ee = (T) => {
-        T.keyCode === 27 && ue();
+        T.keyCode === 27 && le();
       };
       return document.addEventListener("keydown", ee, !1), () => {
         document.removeEventListener("keydown", ee, !1);
@@ -8028,7 +8028,7 @@ const Tc = S.memo(
     });
     const Ae = x((ee) => {
       q(ee);
-    }, []), ue = x(() => {
+    }, []), le = x(() => {
       q(void 0);
     }, []), se = x((ee) => {
       f?.({ ...ee, ...F });
@@ -8189,7 +8189,7 @@ const Ho = function({
   textSearchLoading: q,
   enablePopupIcon: V
 }) {
-  const ae = ce(null), te = Ze(), Ae = (m?.selectedEntities?.length > 0 ? m?.selectedEntities : u)?.filter(Boolean), ue = Re(), [se, ee] = S.useState(_ ?? "m"), T = Ae?.map((ie) => ie.id), ne = x((ie) => {
+  const ae = de(null), te = Ze(), Ae = (m?.selectedEntities?.length > 0 ? m?.selectedEntities : u)?.filter(Boolean), le = Re(), [se, ee] = S.useState(_ ?? "m"), T = Ae?.map((ie) => ie.id), ne = x((ie) => {
     g && g(ie), ee(ie);
   }, []), K = x((ie) => C.setSearchString?.(ie), []), H = he(() => y ? y.map((ie) => ({ [ie.key]: ie })).reduce((ie, xe) => ({ ...ie, ...xe }), {}) : {}, [y]), j = c, G = ({
     column: ie,
@@ -8230,9 +8230,9 @@ const Ho = function({
     const Te = xe, Ce = H[ie.key], We = Ce.dependencies ? Object.entries(Te.values).filter(([re, Be]) => Ce.dependencies.includes(re)).reduce((re, Be) => ({ ...re, ...Be }), {}) : Te, Ke = Ce.Builder;
     if (!Ke && !Ce.value)
       throw new Error("When using additional fields you need to provide a Builder or a value");
-    const rt = Ke ? /* @__PURE__ */ n(Ke, { entity: Te, context: ue }) : /* @__PURE__ */ n(O, { children: Ce.value?.({
+    const rt = Ke ? /* @__PURE__ */ n(Ke, { entity: Te, context: le }) : /* @__PURE__ */ n(O, { children: Ce.value?.({
       entity: Te,
-      context: ue
+      context: le
     }) });
     return /* @__PURE__ */ n(
       br,
@@ -8409,7 +8409,7 @@ function Zo({
     collection: t,
     filterValues: T,
     sortBy: ne
-  }) : !0, []), Ae = x(() => E(f ?? void 0), [f]), ue = x((T) => {
+  }) : !0, []), Ae = x(() => E(f ?? void 0), [f]), le = x((T) => {
     if (f) {
       console.warn("Filter is not compatible with the force filter. Ignoring filter");
       return;
@@ -8477,7 +8477,7 @@ function Zo({
     noMoreToLoad: V,
     dataLoadingError: X,
     filterValues: _,
-    setFilterValues: ue,
+    setFilterValues: le,
     sortBy: C,
     setSortBy: B,
     searchString: A,
@@ -8851,7 +8851,7 @@ function jc({
     width: V,
     frozen: ae
   }) => {
-    const te = y.selectedEntities, Ae = te && te.map((ue) => ue.id).indexOf(X.id) > -1;
+    const te = y.selectedEntities, Ae = te && te.map((le) => le.id).indexOf(X.id) > -1;
     return /* @__PURE__ */ n(
       Qi,
       {
@@ -9138,7 +9138,7 @@ function $c({
 }) {
   const c = Dt(), d = /* @__PURE__ */ n(ci, { collectionOrView: t ?? r }), p = Ft(), m = Re(), u = fe(), f = (c?.favouritePaths ?? []).includes(e), h = c ? [
     /* @__PURE__ */ n(
-      de,
+      ue,
       {
         onClick: (A) => {
           A.preventDefault(), A.stopPropagation(), f ? c.setFavouritePaths(
@@ -9449,7 +9449,7 @@ function Zc({
         ]
       }
     ) : /* @__PURE__ */ n(
-      de,
+      ue,
       {
         color: "primary",
         disabled: !g?.length || !w,
@@ -9533,7 +9533,7 @@ function Kc() {
   }, []), e;
 }
 const ed = ({ onResize: e }) => {
-  const t = ce(0), r = ce(null), i = ce(e);
+  const t = de(0), r = de(null), i = de(e);
   i.current = e;
   const a = x((s) => {
     t.current && cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
@@ -9679,7 +9679,7 @@ function rd({
     );
   if (!E)
     return /* @__PURE__ */ n(O, {});
-  const ue = ae, se = {
+  const le = ae, se = {
     collection: E,
     entityId: w,
     values: V,
@@ -9730,7 +9730,7 @@ function rd({
                 variant: "filled",
                 color: "primary",
                 type: "submit",
-                disabled: ue,
+                disabled: le,
                 children: "Save"
               }
             ) })
@@ -9791,7 +9791,7 @@ function rd({
                     height: "32px"
                   },
                   children: /* @__PURE__ */ n(
-                    de,
+                    ue,
                     {
                       size: "small",
                       onClick: (G) => {
@@ -9905,8 +9905,8 @@ const od = "collectionGroupParent", ia = S.memo(
         W === y && k(void 0);
       }, 2400);
     }, [y]), M = x((W) => {
-      const le = w.current;
-      return fo(le, m, l, W ?? null) ? le.inlineEditing === void 0 || le.inlineEditing : !1;
+      const ce = w.current;
+      return fo(ce, m, l, W ?? null) ? ce.inlineEditing === void 0 || ce.inlineEditing : !1;
     }, [m, l]), $ = A.selectionEnabled === void 0 || A.selectionEnabled, oe = !M(), [Y, X] = Q(!1), q = Xo(), V = A.selectionController ?? q, {
       selectedEntities: ae,
       isEntitySelected: te,
@@ -9915,22 +9915,22 @@ const od = "collectionGroupParent", ia = S.memo(
     z(() => {
       E(void 0);
     }, [ae]);
-    const ue = Zo({
+    const le = Zo({
       fullPath: l,
       collection: A,
       lastDeleteTimestamp: C
-    }), se = S.useRef(Math.random().toString(36)), ee = ue.popupCell, T = x(() => {
-      ue.setPopupCell?.(void 0);
-    }, [ue.setPopupCell]), ne = x((W) => {
+    }), se = S.useRef(Math.random().toString(36)), ee = le.popupCell, T = x(() => {
+      le.setPopupCell?.(void 0);
+    }, [le.setPopupCell]), ne = x((W) => {
       console.log("Entity clicked", W);
-      const le = w.current;
+      const ce = w.current;
       return k(W), f.onAnalyticsEvent?.("edit_entity_clicked", {
         path: W.path,
         entityId: W.id
       }), p.open({
         entityId: W.id,
         path: W.path,
-        collection: le,
+        collection: ce,
         updateUrl: !0,
         onClose: F
       });
@@ -9948,48 +9948,48 @@ const od = "collectionGroupParent", ia = S.memo(
       f.onAnalyticsEvent?.("multiple_delete_dialog_open", {
         path: l
       }), E(ae);
-    }, j = (W, le) => {
+    }, j = (W, ce) => {
       f.onAnalyticsEvent?.("single_entity_deleted", {
         path: l
-      }), Ae((be) => be.filter((ye) => ye.id !== le.id)), B(Date.now());
-    }, G = (W, le) => {
+      }), Ae((be) => be.filter((ye) => ye.id !== ce.id)), B(Date.now());
+    }, G = (W, ce) => {
       f.onAnalyticsEvent?.("multiple_entities_deleted", {
         path: l
       }), Ae([]), E(void 0), B(Date.now());
     };
     let I;
     h?.plugins && (I = h.plugins.find((W) => W.collectionView?.AddColumnComponent)?.collectionView?.AddColumnComponent);
-    const R = x((W, le) => {
+    const R = x((W, ce) => {
       if (u) {
-        const be = u.getCollectionConfig(W), ye = He(be, le);
+        const be = u.getCollectionConfig(W), ye = He(be, ce);
         u.onCollectionModified(W, ye);
       }
     }, [u]), me = x(({
       width: W,
-      key: le
+      key: ce
     }) => {
       const be = w.current;
-      if (!wt(be.properties, le)) return;
-      const ye = na(le, W);
+      if (!wt(be.properties, ce)) return;
+      const ye = na(ce, W);
       R(l, ye);
     }, [R, l]), Ie = x((W) => {
       u && R(l, { defaultSize: W });
     }, [R, l, u]), Xe = qt(A, m, l, null), ie = x(
       ({
         name: W,
-        value: le,
+        value: ce,
         property: be,
         entityId: ye
-      }) => c.checkUniqueField(l, W, le, ye),
+      }) => c.checkUniqueField(l, W, ce, ye),
       [l]
     ), xe = ({
       value: W,
-      propertyKey: le,
+      propertyKey: ce,
       onValueUpdated: be,
       setError: ye,
       data: we
     }) => {
-      const Je = ti({ ...we.values }, le, W), st = {
+      const Je = ti({ ...we.values }, ce, W), st = {
         path: l,
         entityId: we.id,
         values: Je,
@@ -10015,15 +10015,15 @@ const od = "collectionGroupParent", ia = S.memo(
       fields: h.propertyConfigs
     }), [A, l]), Ce = x(({
       propertyKey: W,
-      entity: le
+      entity: ce
     }) => {
       let be = wt(A.properties, W);
       return be || (be = wt(Te.properties, W)), Ye({
         propertyKey: W,
         propertyOrBuilder: be,
-        path: le.path,
-        values: le.values,
-        entityId: le.id,
+        path: ce.path,
+        values: ce.values,
+        entityId: ce.id,
         fields: h.propertyConfigs
       });
     }, [A.properties, h.propertyConfigs, Te.properties]), We = qo(Te, !0), Ke = he(() => {
@@ -10050,7 +10050,7 @@ const od = "collectionGroupParent", ia = S.memo(
             children: be.name
           }
         )
-      })) ?? [], le = A.collectionGroup ? [{
+      })) ?? [], ce = A.collectionGroup ? [{
         key: od,
         name: "Parent entities",
         width: 260,
@@ -10070,22 +10070,22 @@ const od = "collectionGroupParent", ia = S.memo(
       return [
         ...A.additionalFields ?? [],
         ...W,
-        ...le
+        ...ce
       ];
     }, [A, l, p]), rt = x(() => {
       B(Date.now());
     }, []), re = Ze(), Be = ({
       entity: W,
-      customEntityActions: le
+      customEntityActions: ce
     }) => {
       const be = W ? Fi(A, m, l, W) : !0, ye = [Gc];
-      return Xe && ye.push(ta), be && ye.push(ra), le && ye.push(...le), ye;
+      return Xe && ye.push(ta), be && ye.push(ra), ce && ye.push(...ce), ye;
     }, ir = () => {
-      const W = Be({}), le = W.filter((we) => we.collapsed !== !1), ye = W.filter((we) => we.collapsed === !1).length * (re ? 40 : 30);
-      return (re ? 80 + ye : 70 + ye) + (le.length > 0 ? re ? 40 : 30 : 0);
+      const W = Be({}), ce = W.filter((we) => we.collapsed !== !1), ye = W.filter((we) => we.collapsed === !1).length * (re ? 40 : 30);
+      return (re ? 80 + ye : 70 + ye) + (ce.length > 0 ? re ? 40 : 30 : 0);
     }, Ot = ({
       entity: W,
-      size: le,
+      size: ce,
       width: be,
       frozen: ye
     }) => {
@@ -10101,7 +10101,7 @@ const od = "collectionGroupParent", ia = S.memo(
           frozen: ye,
           isSelected: we,
           selectionEnabled: $,
-          size: le,
+          size: ce,
           highlightEntity: k,
           unhighlightEntity: F,
           collection: A,
@@ -10135,8 +10135,8 @@ const od = "collectionGroupParent", ia = S.memo(
             {
               fullPath: l,
               collection: A,
-              filter: ue.filterValues,
-              sortBy: ue.sortBy,
+              filter: le.filterValues,
+              sortBy: le.sortBy,
               onCountChange: D
             }
           )
@@ -10145,7 +10145,7 @@ const od = "collectionGroupParent", ia = S.memo(
       }
     ), zt = x(({
       property: W,
-      propertyKey: le,
+      propertyKey: ce,
       onHover: be
     }) => {
       const ye = w.current;
@@ -10155,10 +10155,11 @@ const od = "collectionGroupParent", ia = S.memo(
           st,
           {
             onHover: be,
-            propertyKey: le,
+            propertyKey: ce,
             property: W,
             fullPath: l,
             collection: ye,
+            tableController: le,
             parentCollectionIds: r ?? []
           },
           `plugin_header_action_${Je}`
@@ -10170,7 +10171,8 @@ const od = "collectionGroupParent", ia = S.memo(
         {
           fullPath: l,
           parentCollectionIds: r ?? [],
-          collection: A
+          collection: A,
+          tableController: le
         }
       ) : null;
     } : void 0, {
@@ -10193,7 +10195,7 @@ const od = "collectionGroupParent", ia = S.memo(
             Ho,
             {
               additionalFields: Ke,
-              tableController: ue,
+              tableController: le,
               enablePopupIcon: !0,
               displayedColumnIds: We,
               onSizeChanged: Ie,
@@ -10216,7 +10218,7 @@ const od = "collectionGroupParent", ia = S.memo(
                 {
                   parentCollectionIds: r ?? [],
                   collection: A,
-                  tableController: ue,
+                  tableController: le,
                   path: l,
                   relativePath: A.path,
                   selectionController: V,
@@ -10228,7 +10230,7 @@ const od = "collectionGroupParent", ia = S.memo(
                 {
                   parentCollectionIds: r ?? [],
                   collection: A,
-                  tableController: ue,
+                  tableController: le,
                   onMultipleDeleteClick: H,
                   onNewClick: K,
                   path: l,
@@ -10238,7 +10240,7 @@ const od = "collectionGroupParent", ia = S.memo(
                   collectionEntitiesCount: P
                 }
               ),
-              emptyComponent: b && ue.filterValues === void 0 && ue.sortBy === void 0 ? /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
+              emptyComponent: b && le.filterValues === void 0 && le.sortBy === void 0 ? /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
                 /* @__PURE__ */ n(U, { variant: "subtitle2", children: "So empty..." }),
                 /* @__PURE__ */ v(
                   ge,
@@ -10350,7 +10352,7 @@ function sd({
     {
       open: r,
       onOpenChange: i,
-      trigger: /* @__PURE__ */ n(de, { size: "small", children: /* @__PURE__ */ n(Ja, { size: "small" }) }),
+      trigger: /* @__PURE__ */ n(ue, { size: "small", children: /* @__PURE__ */ n(Ja, { size: "small" }) }),
       children: /* @__PURE__ */ n(
         "form",
         {
@@ -10716,7 +10718,7 @@ const cd = function({
         /* @__PURE__ */ n("div", { className: "flex-grow" }),
         r && /* @__PURE__ */ n(pe, { children: r }),
         o && /* @__PURE__ */ n(
-          de,
+          ue,
           {
             color: "inherit",
             "aria-label": "Open drawer",
@@ -10756,7 +10758,7 @@ function sa({
   newDefaultEntry: c,
   onValueChange: d
 }) {
-  const p = r && Array.isArray(r) && r.length > 0, m = ce(dd(r)), [u, f] = Q(
+  const p = r && Array.isArray(r) && r.length > 0, m = de(dd(r)), [u, f] = Q(
     p ? Object.values(m.current) : []
   );
   z(() => {
@@ -10931,7 +10933,7 @@ function ud({
           title: "Drag to move. Click for more options",
           children: [
             /* @__PURE__ */ n(
-              de,
+              ue,
               {
                 size: "small",
                 disabled: t,
@@ -11111,7 +11113,7 @@ function Pm({
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? ri : r).map((c) => /* @__PURE__ */ n(ke, { title: c, children: /* @__PURE__ */ n(
-      de,
+      ue,
       {
         shape: "square",
         toggled: e === c,
@@ -11192,7 +11194,7 @@ function ze({
         title: r.longDescription,
         side: "bottom",
         children: /* @__PURE__ */ n(
-          de,
+          ue,
           {
             size: "small",
             className: "self-start",
@@ -11272,7 +11274,7 @@ function Cn({
           }
         ),
         endAdornment: c.clearable && /* @__PURE__ */ n(
-          de,
+          ue,
           {
             onClick: m,
             children: /* @__PURE__ */ n(Ut, {})
@@ -11562,7 +11564,7 @@ function la({
           {
             title: "Remove",
             children: /* @__PURE__ */ n(
-              de,
+              ue,
               {
                 size: "small",
                 onClick: (c) => {
@@ -11955,7 +11957,7 @@ function jt({
         multiline: h,
         disabled: s,
         endAdornment: c.clearable && /* @__PURE__ */ n(
-          de,
+          ue,
           {
             onClick: u,
             children: /* @__PURE__ */ n(Ut, {})
@@ -12382,7 +12384,7 @@ function Id({
   Component: a,
   plugins: o
 }) {
-  return ce((() => {
+  return de((() => {
     let l = null;
     return o && o.forEach((c) => {
       const d = da(i);
@@ -12800,7 +12802,7 @@ function Pd({
             /* @__PURE__ */ v(
               It,
               {
-                trigger: /* @__PURE__ */ n(de, { size: "smallest", children: /* @__PURE__ */ n($n, { size: "small" }) }),
+                trigger: /* @__PURE__ */ n(ue, { size: "smallest", children: /* @__PURE__ */ n($n, { size: "small" }) }),
                 children: [
                   /* @__PURE__ */ n(
                     Pe,
@@ -12854,7 +12856,7 @@ function Pd({
               }
             ),
             /* @__PURE__ */ n(
-              de,
+              ue,
               {
                 "aria-label": "delete",
                 size: "smallest",
@@ -12943,7 +12945,7 @@ function Qd({
             It,
             {
               trigger: /* @__PURE__ */ n(
-                de,
+                ue,
                 {
                   size: "small",
                   className: "h-7 w-7",
@@ -13308,7 +13310,7 @@ function zd({
   includeDescription: p,
   context: m
 }) {
-  const [u, f] = S.useState(t), h = ce(t);
+  const [u, f] = S.useState(t), h = de(t);
   is("MarkdownFieldBinding", Md);
   const g = Na({
     internalValue: u,
@@ -14635,7 +14637,7 @@ function Ld({
     value: (o && r === "existing" ? o.id : t) ?? "",
     endAdornment: s ? /* @__PURE__ */ n(xt, { size: "small" }) : o ? /* @__PURE__ */ v(O, { children: [
       /* @__PURE__ */ n(ke, { title: "Copy", children: /* @__PURE__ */ n(
-        de,
+        ue,
         {
           onClick: (g) => u(o.id),
           "aria-label": "copy-id",
@@ -14643,7 +14645,7 @@ function Ld({
         }
       ) }),
       f?.entityLinkBuilder && /* @__PURE__ */ n(ke, { title: "Open in the console", children: /* @__PURE__ */ n(
-        de,
+        ue,
         {
           component: "a",
           href: f.entityLinkBuilder({ entity: o }),
@@ -14749,7 +14751,7 @@ function Wd({ propertyId: e }) {
       ),
       /* @__PURE__ */ n(U, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
     ] }),
-    /* @__PURE__ */ n(de, { size: "small", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(ue, { size: "small", children: /* @__PURE__ */ n(
       vr,
       {
         size: "smallest",
@@ -14811,18 +14813,18 @@ function Hd({
       closeAfterSave: !1
     });
   }, !1, 2e3);
-  const g = a, A = Pt(), w = tt(a), b = Yi(), y = Qt(), k = gt(), _ = fe(), E = Re(), C = ce(!1), B = Rt(), P = he(() => Ue({
+  const g = a, A = Pt(), w = tt(a), b = Yi(), y = Qt(), k = gt(), _ = fe(), E = Re(), C = de(!1), B = Rt(), P = he(() => Ue({
     collection: g,
     path: e,
     values: d?.values,
     fields: _.propertyConfigs
-  }), [d?.values, e, _.propertyConfigs]), D = i ? "copy" : t ? "existing" : "new", [F, M] = Q(D), $ = (F === "new" || F === "copy") && !!P.customId && P.customId !== "optional", oe = he(() => F === "new" || F === "copy" ? $ ? void 0 : w.generateEntityId(e) : t, [t, F]), [Y, X] = S.useState(oe), [q, V] = S.useState(!1), [ae, te] = S.useState(), [Ae, ue] = S.useState(!1), se = r ?? uo(
+  }), [d?.values, e, _.propertyConfigs]), D = i ? "copy" : t ? "existing" : "new", [F, M] = Q(D), $ = (F === "new" || F === "copy") && !!P.customId && P.customId !== "optional", oe = he(() => F === "new" || F === "copy" ? $ ? void 0 : w.generateEntityId(e) : t, [t, F]), [Y, X] = S.useState(oe), [q, V] = S.useState(!1), [ae, te] = S.useState(), [Ae, le] = S.useState(!1), se = r ?? uo(
     a ? a.defaultSelectedView : void 0,
     {
       status: F,
       entityId: Y
     }
-  ), ee = ce(se ?? Yt), T = ce(Zd(P, F, d)), ne = ee.current === Yt, K = (a.subcollections ?? []).filter((N) => !N.hideFromNavigation), H = K?.length ?? 0, j = a.entityViews, G = j?.length ?? 0, I = a.formAutoSave && !a.customId, R = G > 0 || H > 0, [me, Ie] = Q(d), [Xe, ie] = Q(void 0);
+  ), ee = de(se ?? Yt), T = de(Zd(P, F, d)), ne = ee.current === Yt, K = (a.subcollections ?? []).filter((N) => !N.hideFromNavigation), H = K?.length ?? 0, j = a.entityViews, G = j?.length ?? 0, I = a.formAutoSave && !a.customId, R = G > 0 || H > 0, [me, Ie] = Q(d), [Xe, ie] = Q(void 0);
   z(() => {
     d && Ie(d);
   }, [d]), z(() => {
@@ -14937,7 +14939,7 @@ function Hd({
     values: re.values,
     previousValues: re.initialValues,
     fields: _.propertyConfigs
-  }), ir = ce(d?.values), Ot = (N) => (ir.current = N, Ke({
+  }), ir = de(d?.values), Ot = (N) => (ir.current = N, Ke({
     collection: Be,
     path: e,
     entityId: Y,
@@ -15017,7 +15019,7 @@ function Hd({
         `subcol_${ve}`
       );
     }
-  ).filter(Boolean), le = x(() => {
+  ).filter(Boolean), ce = x(() => {
     s(!1);
   }, []), be = (N) => {
     ee.current = N, y.replace({
@@ -15058,7 +15060,7 @@ function Hd({
   }
   const Mt = ho(Be, _.propertyConfigs), Aa = re.values && Mt ? dt(re.values, Mt) : void 0, Ui = g.callbacks?.onIdUpdate, Li = x(async () => {
     if (Ui && re.values && (F === "new" || F === "copy")) {
-      ue(!0);
+      le(!0);
       try {
         const N = await Ui({
           collection: Be,
@@ -15071,7 +15073,7 @@ function Hd({
       } catch (N) {
         ye && ye(N), console.error(N);
       }
-      ue(!1);
+      le(!1);
     }
   }, [Y, re.values, F]);
   z(() => {
@@ -15148,7 +15150,7 @@ function Hd({
   }).filter((N) => N.includeInForm === void 0 || N.includeInForm), va = /* @__PURE__ */ v(Nt, { position: "absolute", children: [
     ae && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n(U, { color: "error", children: ae.message }) }),
     d && Wi.length > 0 && /* @__PURE__ */ n("div", { className: "flex-grow flex overflow-auto no-scrollbar", children: Wi.map((N) => /* @__PURE__ */ n(
-      de,
+      ue,
       {
         color: "primary",
         onClick: (Z) => {
@@ -15275,7 +15277,7 @@ function Hd({
           status: F,
           path: e,
           collection: a,
-          onDiscard: le,
+          onDiscard: ce,
           entity: me,
           context: E,
           formContext: at,
@@ -15337,7 +15339,7 @@ function Hd({
             {
               className: "pb-1 self-center",
               children: /* @__PURE__ */ n(
-                de,
+                ue,
                 {
                   onClick: () => (c?.(), b.close(!1)),
                   children: /* @__PURE__ */ n(Un, { size: "small" })
@@ -15383,7 +15385,7 @@ function Hd({
       "form",
       {
         onSubmit: re.handleSubmit,
-        onReset: () => (re.resetForm(), le && le()),
+        onReset: () => (re.resetForm(), ce && ce()),
         noValidate: !0,
         className: "flex-grow h-full flex overflow-auto flex-col w-full",
         children: [
@@ -15645,7 +15647,7 @@ function mr(e, t = 0) {
   } else return e.dataType === "array" && e.oneOf ? t + 3 : e.dataType === "array" && e.of ? Array.isArray(e.of) ? Math.max(...e.of.map((r) => mr(r, t + 1))) : mr(e.of, t + 1) : t + 1;
 }
 const ou = (e, t) => {
-  const r = Cr(), i = ce(!1), a = !Ze();
+  const r = Cr(), i = de(!1), a = !Ze();
   z(() => {
     if (!e.loading && !i.current) {
       if (console.debug("Initialising side entity controller"), e.isUrlCollectionPath(r.pathname)) {
@@ -15737,7 +15739,7 @@ const or = (e, t, r, i) => {
   };
 };
 function su() {
-  const e = Cr(), t = Ft(), [r, i] = Q([]), a = ce(r), o = ce({}), s = ce(0), l = (m) => {
+  const e = Cr(), t = Ft(), [r, i] = Q([]), a = de(r), o = de({}), s = de(0), l = (m) => {
     a.current = m, i(m);
   };
   z(() => {
@@ -16039,7 +16041,7 @@ async function du(e, t) {
   ).then(async (i) => i.json());
 }
 function uu(e, t) {
-  const [r, i] = Q(null), a = ce(null), o = t?.map((s) => s.key);
+  const [r, i] = Q(null), a = de(null), o = t?.map((s) => s.key);
   return z(() => {
     e.user && e.user.uid !== a.current && !e.initialLoading && (du(e, o).then(i), a.current = e.user.uid);
   }, [e, o]), r;
@@ -16271,7 +16273,7 @@ function hu(e) {
             sideOffset: 12,
             className: "fixed top-2 left-3 !bg-gray-50 dark:!bg-gray-900 rounded-full w-fit z-20",
             children: /* @__PURE__ */ n(
-              de,
+              ue,
               {
                 color: "inherit",
                 "aria-label": "Open menu",
@@ -16288,7 +16290,7 @@ function hu(e) {
           {
             className: `z-20 absolute right-0 top-4 ${e.open ? "opacity-100" : "opacity-0 invisible"} transition-opacity duration-200 ease-in-out`,
             children: /* @__PURE__ */ n(
-              de,
+              ue,
               {
                 "aria-label": "Close drawer",
                 onClick: () => e.setDrawerOpen(!1),
@@ -16316,7 +16318,7 @@ function hu(e) {
     }
   ) : e.displayed ? /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
-      de,
+      ue,
       {
         color: "inherit",
         "aria-label": "Open drawer",
@@ -16458,7 +16460,7 @@ function Au({
         open: m,
         onOpenChange: u,
         trigger: /* @__PURE__ */ v(
-          de,
+          ue,
           {
             shape: "square",
             className: "m-4 text-gray-900 dark:text-white w-fit",