@firecms/core 3.0.0-canary.60 → 3.0.0-canary.61

package/dist/index.es.js

@@ -5,7 +5,7 @@ import { SnackbarProvider as oa, useSnackbar as aa } from "notistack";
 import Qi from "object-hash";
 import { useCreateFormex as pn, Formex as fn, setIn as jr, Field as hn, getIn as Dt, useFormex as ri } from "@firecms/formex";
 import { getColorSchemeForSeed as gn, CHIP_COLORS as sa, Tooltip as ke, ErrorIcon as An, Typography as q, CircleIcon as bn, FunctionsIcon as la, iconKeys as ii, coolIconKeys as Yr, Icon as ni, IconButton as de, ContentCopyIcon as pr, OpenInNewIcon as Yt, DescriptionIcon as ca, Skeleton as Ye, Chip as oi, cls as Z, defaultBorderMixin as Se, KeyboardTabIcon as ai, Checkbox as Lt, Markdown as si, TextareaAutosize as da, MultiSelect as yn, MultiSelectItem as wn, Select as tt, SelectItem as rt, BooleanSwitch as ua, DateTimeField as Ut, paperMixin as fr, ErrorOutlineIcon as ma, EditIcon as pa, Button as ge, RemoveCircleIcon as fa, Menu as xt, MoreVertIcon as vn, MenuItem as Re, CircularProgress as Et, SearchBar as li, Badge as Ri, ArrowUpwardIcon as Sr, Popover as ci, FilterListIcon as ha, AssignmentIcon as ga, CenteredView as er, Label as di, TextField as wt, ClearIcon as Tt, BooleanSwitchWithLabel as hr, useOutsideAlerter as kn, Dialog as ui, DialogContent as mi, DialogActions as Ct, FileCopyIcon as Aa, ArchiveIcon as ba, DeleteIcon as Lr, AddIcon as ct, ExpandablePanel as dt, Card as ya, ArrowForwardIcon as _n, cardMixin as wa, cardClickableMixin as va, focusedMixin as Ur, StarIcon as xn, StarBorderIcon as En, Collapse as Cn, Container as ka, FilterListOffIcon as _a, SearchIcon as xa, LoadingButton as Ea, Avatar as Di, DarkModeIcon as Ca, LightModeIcon as Ba, LogoutIcon as Sa, fieldBackgroundHoverMixin as pi, HandleIcon as Ia, RemoveIcon as fi, debounce as Na, InfoIcon as Fa, CloseIcon as Bn, fieldBackgroundMixin as ar, fieldBackgroundDisabledMixin as Sn, ArrowDropDownIcon as In, useInjectStyles as Pa, Alert as Qa, ShortTextIcon as Ra, SubjectIcon as Da, FormatQuoteIcon as Ta, HttpIcon as Oa, EmailIcon as Ma, FlagIcon as za, ListIcon as Va, ListAltIcon as Ga, NumbersIcon as ja, FormatListNumberedIcon as Ti, UploadFileIcon as Ya, DriveFolderUploadIcon as La, LinkIcon as Ua, AddLinkIcon as $a, ScheduleIcon as qa, BallotIcon as Oi, RepeatIcon as Mi, ViewStreamIcon as Wa, Tab as Ir, Tabs as Ja, Sheet as Nn, useLocaleConfig as Ha, MenuIcon as zi, ChevronLeftIcon as Za } from "@firecms/ui";
-import $ from "react-fast-compare";
+import U from "react-fast-compare";
 import { Link as gr, useNavigate as $t, useLocation as Ar, UNSAFE_NavigationContext as Xa, NavLink as Ka, Route as tr, Routes as es } from "react-router-dom";
 import { format as ts } from "date-fns";
 import * as rs from "date-fns/locale";
@@ -2445,7 +2445,7 @@ const Hr = S.memo(
     const s = Yr.length;
     return o || (o = Yr[xs(t.path) % s]), /* @__PURE__ */ n(ni, { iconKey: o, size: "medium", className: r });
   },
-  (e, t) => $(e.collectionOrView?.icon, t.collectionOrView?.icon)
+  (e, t) => U(e.collectionOrView?.icon, t.collectionOrView?.icon)
 ), cr = ii.reduce((e, t) => (e[t] = t, e), {});
 function Nu(e, t) {
   if (t !== void 0 && t === 1)
@@ -3359,9 +3359,9 @@ function Uu(e) {
           ]
         );
         let J = !1;
-        ho(m.current ?? [], T) || (m.current = T, J = !0), $(p.current, oe) || (p.current = oe, J = !0), $(h.current, te) || (h.current = te, J = !0);
+        ho(m.current ?? [], T) || (m.current = T, J = !0), U(p.current, oe) || (p.current = oe, J = !0), U(h.current, te) || (h.current = te, J = !0);
         const j = Y(T, oe, te, c);
-        J && !$(b, j) && y(j);
+        J && !U(b, j) && y(j);
       } catch (T) {
         console.error(T), C(T);
       }
@@ -3409,7 +3409,7 @@ function Uu(e) {
       if (te = V.subcollections, J === T.length - 1)
         return V;
     }
-  }, []), U = x((T) => {
+  }, []), $ = x((T) => {
     const oe = m.current;
     if (oe === void 0)
       throw Error("getCollectionFromIds: Collections have not been initialised yet");
@@ -3459,7 +3459,7 @@ function Uu(e) {
       J.push(N.path), te = N.subcollections;
     }
     return J;
-  }, [U]);
+  }, [$]);
   return {
     collections: m.current,
     views: p.current,
@@ -3472,7 +3472,7 @@ function Uu(e) {
     initialised: A,
     getCollection: ie,
     getCollectionFromPaths: H,
-    getCollectionFromIds: U,
+    getCollectionFromIds: $,
     isUrlCollectionPath: O,
     urlPathToDataPath: K,
     buildUrlCollectionPath: D,
@@ -3532,7 +3532,7 @@ function Us(e, t) {
     subcollections: a,
     ...o
   } = t;
-  return ho(r ?? [], a ?? []) ? $(i, o) : !1;
+  return ho(r ?? [], a ?? []) ? U(i, o) : !1;
 }
 function qu() {
   const e = le({}), t = x((p) => {
@@ -3608,7 +3608,7 @@ function Ju({
       return;
     }
     const A = t.user;
-    if (r instanceof Function && A && !$(p.current?.uid, A.uid)) {
+    if (r instanceof Function && A && !U(p.current?.uid, A.uid)) {
       l(!0);
       try {
         await r({
@@ -4947,7 +4947,7 @@ const Fe = S.memo(function(t) {
       }
     ) : i = lt(o, u.dataType, s) : i = JSON.stringify(s);
   return i == null || Array.isArray(i) && i.length === 0 ? /* @__PURE__ */ n(gt, {}) : i;
-}, $);
+}, U);
 function lt(e, t, r) {
   return console.warn(`Unexpected value for property ${e}, of type ${t}`, r), /* @__PURE__ */ n(
     Ne,
@@ -5411,7 +5411,7 @@ function xo({
     size: m
   })), [A, g] = R(i), [b, y] = R(h);
   z(() => {
-    $(A, i) || (g(i), y(h));
+    U(A, i) || (g(i), y(h));
   }, [h, i, A]);
   const w = x(async (k) => {
     if (d.fileName) {
@@ -5712,7 +5712,7 @@ function Fl({
             });
       }
     }
-  ), { ...Y } = B(), ne = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", ie = d ? e.of : e, H = he(() => vt(w), [w]), U = !f && l;
+  ), { ...Y } = B(), ne = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", ie = d ? e.of : e, H = he(() => vt(w), [w]), $ = !f && l;
   return /* @__PURE__ */ v(
     "div",
     {
@@ -5773,7 +5773,7 @@ function Fl({
         /* @__PURE__ */ n(
           Co,
           {
-            showError: U,
+            showError: $,
             disabled: f,
             showExpandIcon: !0,
             selected: s,
@@ -5915,7 +5915,7 @@ const Ql = S.memo(
       )
     ] }) : /* @__PURE__ */ n(Ne, { error: "The specified collection does not exist" });
   },
-  $
+  U
 );
 ze.addMethod(ze.array, "uniqueInArray", function(e = (r) => r, t) {
   return this.test("uniqueInArray", t, (r) => !r || r.length === new Set(r.map(e)).size);
@@ -6261,7 +6261,7 @@ const Yl = ({
       o ? p(void 0) : !a && se && p(se);
     }, [w, p, a, o]), Y = x((se) => {
       D(), se.stopPropagation();
-    }, [D]), ne = he(() => y ? y.height > E : !1, [y, E]), ie = !F && a, H = !o && u && ne, U = !o && !u && ne, O = x(() => C(!0), []), K = x(() => C(!1), []), ee = F ? "border-red-500" : k ? "border-green-500" : ie ? "border-primary" : "border-transparent";
+    }, [D]), ne = he(() => y ? y.height > E : !1, [y, E]), ie = !F && a, H = !o && u && ne, $ = !o && !u && ne, O = x(() => C(!0), []), K = x(() => C(!1), []), ee = F ? "border-red-500" : k ? "border-green-500" : ie ? "border-primary" : "border-transparent";
     return /* @__PURE__ */ v(
       "div",
       {
@@ -6288,14 +6288,14 @@ const Yl = ({
         onMouseLeave: K,
         children: [
           /* @__PURE__ */ v(me, { children: [
-            m && !U && t,
-            (!m || U) && /* @__PURE__ */ n(
+            m && !$ && t,
+            (!m || $) && /* @__PURE__ */ n(
               Yl,
               {
                 fullHeight: m ?? !1,
                 justifyContent: P,
                 scrollable: H ?? !1,
-                faded: U,
+                faded: $,
                 children: !m && /* @__PURE__ */ n(
                   "div",
                   {
@@ -6358,7 +6358,7 @@ const $l = S.memo(
       P(!0), setTimeout(() => {
         P(!1);
       }, 100);
-    }, []), Y = !!a.Field, ne = !!a.Preview, ie = qt(a), H = typeof a.disabled == "object" ? a.disabled.disabledMessage : void 0, U = u || f || !!a.disabled, O = he(() => Gt({
+    }, []), Y = !!a.Field, ne = !!a.Preview, ie = qt(a), H = typeof a.disabled == "object" ? a.disabled.disabledMessage : void 0, $ = u || f || !!a.disabled, O = he(() => Gt({
       property: a,
       entityId: d.id,
       customFieldValidator: r,
@@ -6366,12 +6366,12 @@ const $l = S.memo(
     }), [d.id, a, t]);
     z(
       () => {
-        $(i, _.current) || (F(void 0), E(i), _.current = i, D());
+        U(i, _.current) || (F(void 0), E(i), _.current = i, D());
       },
       [D, i]
     );
     const K = (N) => {
-      $(N, _.current) || (P(!1), O.validate(N).then(() => {
+      U(N, _.current) || (P(!1), O.validate(N).then(() => {
         if (F(void 0), _.current = N, p)
           try {
             p({
@@ -6418,7 +6418,7 @@ const $l = S.memo(
       } : void 0);
     };
     let W, re = !1, T = !1, oe = !0, te = !1, J = !1, j = !0;
-    const V = !U && C;
+    const V = !$ && C;
     if (u || ie)
       return /* @__PURE__ */ n(
         ur,
@@ -6451,7 +6451,7 @@ const $l = S.memo(
           Nl,
           {
             error: B ?? C,
-            disabled: U,
+            disabled: $,
             focused: y,
             selected: y,
             openPopup: b ? ce : void 0,
@@ -6471,7 +6471,7 @@ const $l = S.memo(
           {
             name: t,
             multiple: !1,
-            disabled: U,
+            disabled: $,
             focused: y,
             valueType: "number",
             small: it(h) !== "medium",
@@ -6486,7 +6486,7 @@ const $l = S.memo(
             align: o,
             error: B ?? C,
             focused: y,
-            disabled: U,
+            disabled: $,
             value: w,
             updateValue: ee
           }
@@ -6500,7 +6500,7 @@ const $l = S.memo(
               name: t,
               multiple: !1,
               focused: y,
-              disabled: U,
+              disabled: $,
               valueType: "string",
               small: it(h) !== "medium",
               enumValues: Q.enumValues,
@@ -6515,7 +6515,7 @@ const $l = S.memo(
             yl,
             {
               error: B ?? C,
-              disabled: U,
+              disabled: $,
               multiline: Ae,
               focused: y,
               value: w,
@@ -6528,7 +6528,7 @@ const $l = S.memo(
           vl,
           {
             error: B ?? C,
-            disabled: U,
+            disabled: $,
             focused: y,
             internalValue: w,
             updateValue: ee
@@ -6540,7 +6540,7 @@ const $l = S.memo(
           {
             name: t,
             error: B ?? C,
-            disabled: U,
+            disabled: $,
             mode: a.mode,
             focused: y,
             internalValue: w,
@@ -6554,7 +6554,7 @@ const $l = S.memo(
             name: t,
             internalValue: w,
             updateValue: ee,
-            disabled: U,
+            disabled: $,
             size: h,
             path: a.path,
             multiselect: !1,
@@ -6574,7 +6574,7 @@ const $l = S.memo(
           {
             name: t,
             multiple: !0,
-            disabled: U,
+            disabled: $,
             focused: y,
             small: it(h) !== "medium",
             valueType: Q.of.dataType,
@@ -6587,7 +6587,7 @@ const $l = S.memo(
           tn,
           {
             name: t,
-            disabled: U,
+            disabled: $,
             internalValue: w,
             updateValue: ee,
             size: h,
@@ -6602,7 +6602,7 @@ const $l = S.memo(
         )), re = !1));
       }
     }
-    return W || (re = !1, T = m && y && !W && !U && !ie, W = /* @__PURE__ */ n(
+    return W || (re = !1, T = m && y && !W && !$ && !ie, W = /* @__PURE__ */ n(
       Fe,
       {
         width: s,
@@ -6619,7 +6619,7 @@ const $l = S.memo(
         width: s,
         onSelect: se,
         selected: y,
-        disabled: U || ie,
+        disabled: $ || ie,
         disabledTooltip: H ?? "Disabled",
         removePadding: te,
         fullHeight: J,
@@ -6634,10 +6634,10 @@ const $l = S.memo(
           Co,
           {
             showError: V,
-            disabled: U,
+            disabled: $,
             showExpandIcon: T,
             selected: y,
-            openPopup: U ? void 0 : ce
+            openPopup: $ ? void 0 : ce
           }
         ),
         children: W
@@ -6648,7 +6648,7 @@ const $l = S.memo(
   ql
 );
 function ql(e, t) {
-  return e.height === t.height && e.propertyKey === t.propertyKey && e.align === t.align && e.width === t.width && $(e.property, t.property) && $(e.value, t.value) && $(e.entity.id, t.entity.id) && $(e.entity.values, t.entity.values);
+  return e.height === t.height && e.propertyKey === t.propertyKey && e.align === t.align && e.width === t.width && U(e.property, t.property) && U(e.value, t.value) && U(e.entity.id, t.entity.id) && U(e.entity.values, t.entity.values);
 }
 const ki = function({
   entity: t,
@@ -7094,7 +7094,7 @@ const Xl = S.memo(
       }
     ) });
   },
-  $
+  U
 );
 function Kl({
   column: e,
@@ -7282,7 +7282,7 @@ const ec = ({
       }
     );
   },
-  $
+  U
 ), rc = S.memo(
   function(t) {
     return t.rowData && t.cellRenderer(
@@ -7298,7 +7298,7 @@ const ec = ({
       }
     );
   },
-  (e, t) => $(e.rowData, t.rowData) && $(e.column, t.column) && $(e.cellData, t.cellData) && $(e.rowIndex, t.rowIndex) && $(e.cellRenderer, t.cellRenderer) && $(e.columnIndex, t.columnIndex)
+  (e, t) => U(e.rowData, t.rowData) && U(e.column, t.column) && U(e.cellData, t.cellData) && U(e.rowIndex, t.rowIndex) && U(e.cellRenderer, t.cellRenderer) && U(e.columnIndex, t.columnIndex)
 ), _r = ra({});
 _r.displayName = "VirtualListContext";
 const ic = ia(({
@@ -7374,7 +7374,7 @@ const ic = ia(({
     }, [o]);
     const [ne, ie] = Fn(), H = x((j) => {
       P(I.map((V) => V.key === j.column.key ? j.column : V));
-    }, [I]), U = x((j) => {
+    }, [I]), $ = x((j) => {
       P(I.map((V) => V.key === j.column.key ? j.column : V)), l && l(j);
     }, [I, l]), O = le();
     z(() => {
@@ -7429,7 +7429,7 @@ const ic = ia(({
       onRowClick: s,
       customView: te,
       onColumnResize: H,
-      onColumnResizeEnd: U,
+      onColumnResizeEnd: $,
       filter: O.current,
       onColumnSort: ee,
       onFilterUpdate: re,
@@ -7468,7 +7468,7 @@ const ic = ia(({
       }
     );
   },
-  $
+  U
 );
 function oc({
   outerRef: e,
@@ -7942,7 +7942,7 @@ const uc = S.memo(
     endAdornment: Y,
     AddColumnComponent: ne
   }) {
-    const ie = le(null), [H, U] = S.useState(void 0), O = () => {
+    const ie = le(null), [H, $] = S.useState(void 0), O = () => {
       !_ || d || u || y !== void 0 && w?.(y + E);
     }, K = x(() => {
       w?.(E);
@@ -7965,9 +7965,9 @@ const uc = S.memo(
       };
     });
     const se = x((re) => {
-      U(re);
+      $(re);
     }, []), ce = x(() => {
-      U(void 0);
+      $(void 0);
     }, []), W = x((re) => {
       p?.({ ...re, ...P });
     }, [P]);
@@ -8019,7 +8019,7 @@ const uc = S.memo(
       }
     );
   },
-  $
+  U
 );
 function mc({
   id: e,
@@ -8124,7 +8124,7 @@ const Qo = function({
   emptyComponent: ne,
   getIdColumnWidth: ie,
   onTextSearchClick: H,
-  textSearchLoading: U,
+  textSearchLoading: $,
   enablePopupIcon: O
 }) {
   const K = le(null), ee = We(), se = (f?.selectedEntities?.length > 0 ? f?.selectedEntities : m)?.filter(Boolean), ce = Ie(), [W, re] = S.useState(_ ?? "m"), T = se?.map((M) => M.id), oe = x((M) => {
@@ -8265,7 +8265,7 @@ const Qo = function({
           Wl,
           {
             onTextSearch: g ? te : void 0,
-            textSearchLoading: U,
+            textSearchLoading: $,
             onTextSearchClick: g ? H : void 0,
             size: W,
             onSizeChanged: oe,
@@ -8308,10 +8308,10 @@ function pc({
   return [...t, ...e.filter((i) => !r.has(i.id))];
 }
 function fc(e, t, r = 5e3) {
-  const [i, a] = S.useState(e), o = S.useRef(i.length ?? 0), s = S.useRef(!1), l = S.useRef(t), c = !$(l.current, t), d = e.length >= o.current || c;
+  const [i, a] = S.useState(e), o = S.useRef(i.length ?? 0), s = S.useRef(!1), l = S.useRef(t), c = !U(l.current, t), d = e.length >= o.current || c;
   return S.useEffect(() => {
     const u = () => {
-      $(i, e) || (l.current = t, o.current = e.length, a(e)), s.current = !1;
+      U(i, e) || (l.current = t, o.current = e.length, a(e)), s.current = !1;
     };
     s.current = !0;
     let f;
@@ -8340,9 +8340,9 @@ function Ro({
     return s;
   }, [s, p]);
   z(() => {
-    $(p, _) || C(p);
+    U(p, _) || C(p);
   }, [p]);
-  const [_, C] = S.useState(p ?? o ?? void 0), [k, B] = S.useState(E), F = k ? k[0] : void 0, I = k ? k[1] : void 0, P = Ie(), [D, Y] = R([]), [ne, ie] = R(!1), [H, U] = R(), [O, K] = R(!1), ee = x((T, oe) => f.isFilterCombinationValid ? f.isFilterCombinationValid({
+  const [_, C] = S.useState(p ?? o ?? void 0), [k, B] = S.useState(E), F = k ? k[0] : void 0, I = k ? k[1] : void 0, P = Ie(), [D, Y] = R([]), [ne, ie] = R(!1), [H, $] = R(), [O, K] = R(!1), ee = x((T, oe) => f.isFilterCombinationValid ? f.isFilterCombinationValid({
     path: m,
     collection: t,
     filterValues: T,
@@ -8370,12 +8370,12 @@ function Ro({
         } catch (J) {
           console.error(J);
         }
-      ie(!1), U(void 0), Y(te.map((J) => ({
+      ie(!1), $(void 0), Y(te.map((J) => ({
         ...J
         // values: sanitizeData(e.values, resolvedCollection.properties)
       }))), K(!y || te.length < y);
     }, oe = (te) => {
-      console.error("ERROR", te), ie(!1), Y([]), U(te);
+      console.error("ERROR", te), ie(!1), Y([]), $(te);
     };
     return f.listenCollection ? f.listenCollection({
       path: m,
@@ -8725,27 +8725,27 @@ function Ac({
   maxSelection: c
 }) {
   const d = Fi(), u = pt(), f = _e(), m = St(), p = pe(), h = f.resolveAliasesFrom(a), A = qe(i), [g, b] = R([]), y = (H) => {
-    let U;
+    let $;
     const O = w.selectedEntities;
     if (m.onAnalyticsEvent?.("reference_selection_toggle", {
       path: h,
       entityId: H.id
     }), O) {
       if (O.map((K) => K.id).indexOf(H.id) > -1)
-        U = O.filter((K) => K.id !== H.id);
+        $ = O.filter((K) => K.id !== H.id);
       else {
         if (c && O.length >= c)
           return;
-        U = [...O, H];
+        $ = [...O, H];
       }
-      w.setSelectedEntities(U), t && t(U);
+      w.setSelectedEntities($), t && t($);
     }
   }, w = Do(y);
   z(() => {
     let H = !1;
-    const U = o?.map((O) => O?.toString()).filter(Boolean);
-    return U && i ? Promise.all(
-      U.map((O) => A.fetchEntity({
+    const $ = o?.map((O) => O?.toString()).filter(Boolean);
+    return $ && i ? Promise.all(
+      $.map((O) => A.fetchEntity({
         path: h,
         entityId: O,
         collection: i
@@ -8782,7 +8782,7 @@ function Ac({
     });
   }, k = ({
     entity: H,
-    size: U,
+    size: $,
     width: O,
     frozen: K
   }) => {
@@ -8793,7 +8793,7 @@ function Ac({
         width: O,
         frozen: K,
         entity: H,
-        size: U,
+        size: $,
         isSelected: se,
         selectionEnabled: r,
         hideId: i?.hideIdFromCollection,
@@ -9592,7 +9592,7 @@ function Fc({
   }) : Promise.resolve());
   if (!y)
     return /* @__PURE__ */ n(G, {});
-  const U = pn({
+  const $ = pn({
     initialValues: y?.values ?? {},
     validation: (V) => ne?.validate(V, { abortEarly: !1 }).then(() => ({})).catch((N) => {
       const Q = {};
@@ -9604,9 +9604,9 @@ function Fc({
     onSubmit: (V, N) => {
       H(V).then(() => c()).finally(() => N.setSubmitting(!1));
     }
-  }), { values: O, isSubmitting: K, setFieldValue: ee, handleSubmit: se } = U;
+  }), { values: O, isSubmitting: K, setFieldValue: ee, handleSubmit: se } = $;
   if (z(() => {
-    $(O, E) || _(O);
+    U(O, E) || _(O);
   }, [O]), !y)
     return /* @__PURE__ */ n(
       Ne,
@@ -9756,7 +9756,7 @@ function Fc({
     {
       asChild: !0,
       container: u,
-      children: /* @__PURE__ */ n(fn, { value: U, children: j })
+      children: /* @__PURE__ */ n(fn, { value: $, children: j })
     }
   );
 }
@@ -9843,7 +9843,7 @@ const Rc = "collectionGroupParent", Vo = S.memo(
     }, [w]), D = x((X) => {
       const fe = b.current;
       return Hn(fe, f, l, X ?? null) ? fe.inlineEditing === void 0 || fe.inlineEditing : !1;
-    }, [f, l]), Y = g.selectionEnabled === void 0 || g.selectionEnabled, ne = !D(), [ie, H] = R(!1), U = Do(), O = g.selectionController ?? U, {
+    }, [f, l]), Y = g.selectionEnabled === void 0 || g.selectionEnabled, ne = !D(), [ie, H] = R(!1), $ = Do(), O = g.selectionController ?? $, {
       selectedEntities: K,
       isEntitySelected: ee,
       setSelectedEntities: se
@@ -10240,7 +10240,7 @@ const Rc = "collectionGroupParent", Vo = S.memo(
       }
     );
   },
-  (e, t) => $(e.fullPath, t.fullPath) && $(e.parentCollectionIds, t.parentCollectionIds) && $(e.isSubCollection, t.isSubCollection) && $(e.className, t.className) && $(e.properties, t.properties) && $(e.propertiesOrder, t.propertiesOrder) && $(e.hideIdFromCollection, t.hideIdFromCollection) && $(e.inlineEditing, t.inlineEditing) && $(e.selectionEnabled, t.selectionEnabled) && $(e.selectionController, t.selectionController) && $(e.Actions, t.Actions) && $(e.defaultSize, t.defaultSize) && $(e.initialFilter, t.initialFilter) && $(e.initialSort, t.initialSort) && $(e.textSearchEnabled, t.textSearchEnabled) && $(e.additionalFields, t.additionalFields) && $(e.sideDialogWidth, t.sideDialogWidth) && $(e.forceFilter, t.forceFilter)
+  (e, t) => U(e.fullPath, t.fullPath) && U(e.parentCollectionIds, t.parentCollectionIds) && U(e.isSubCollection, t.isSubCollection) && U(e.className, t.className) && U(e.properties, t.properties) && U(e.propertiesOrder, t.propertiesOrder) && U(e.hideIdFromCollection, t.hideIdFromCollection) && U(e.inlineEditing, t.inlineEditing) && U(e.selectionEnabled, t.selectionEnabled) && U(e.selectionController, t.selectionController) && U(e.Actions, t.Actions) && U(e.defaultSize, t.defaultSize) && U(e.initialFilter, t.initialFilter) && U(e.initialSort, t.initialSort) && U(e.textSearchEnabled, t.textSearchEnabled) && U(e.additionalFields, t.additionalFields) && U(e.sideDialogWidth, t.sideDialogWidth) && U(e.forceFilter, t.forceFilter)
 );
 function Dc({
   fullPath: e,
@@ -12165,7 +12165,7 @@ const It = S.memo(rd, (e, t) => {
   if (e.propertyKey !== t.propertyKey)
     return !1;
   const r = De(e.property) || e.property.fromBuilder, i = De(t.property) || t.property.fromBuilder;
-  return !((r === i || $(e.property, t.property)) && e.disabled === t.disabled) || ei(t.property), !1;
+  return !((r === i || U(e.property, t.property)) && e.disabled === t.disabled) || ei(t.property), !1;
 });
 function rd({
   propertyKey: e,
@@ -14077,7 +14077,10 @@ function yd({ propertyId: e }) {
     ) })
   ] });
 }
-const wd = vd;
+const wd = S.memo(
+  vd,
+  (e, t) => e.status === t.status && e.path === t.path && U(e.entity?.values, t.entity?.values)
+);
 function mn(e, t, r) {
   const i = e.properties;
   if ((t === "existing" || t === "copy") && r)
@@ -14109,7 +14112,7 @@ function vd({
     path: t,
     values: i?.values,
     fields: h.propertyConfigs
-  }), [i?.values, t, h.propertyConfigs]), w = (e === "new" || e === "copy") && !!y.customId && y.customId !== "optional", E = he(() => e === "new" || e === "copy" ? w ? void 0 : g.generateEntityId(t) : i?.id, []), _ = le(!1), C = le(mn(y, e, i)), [k, B] = S.useState(E), [F, I] = S.useState(!1), [P, D] = S.useState(), [Y, ne] = S.useState(!1), [ie, H] = R(i?.values ?? C.current), U = (ae) => a({
+  }), [i?.values, t, h.propertyConfigs]), w = (e === "new" || e === "copy") && !!y.customId && y.customId !== "optional", E = he(() => e === "new" || e === "copy" ? w ? void 0 : g.generateEntityId(t) : i?.id, []), _ = le(!1), C = le(mn(y, e, i)), [k, B] = S.useState(E), [F, I] = S.useState(!1), [P, D] = S.useState(), [Y, ne] = S.useState(!1), [ie, H] = R(i?.values ?? C.current), $ = (ae) => a({
     collection: se,
     path: t,
     entityId: k,
@@ -14137,7 +14140,7 @@ function vd({
         throw Error("Form misconfiguration when saving, entityId should be set");
     } else
       throw Error("New FormType added, check EntityForm");
-    return U(ae)?.then((ue) => {
+    return $(ae)?.then((ue) => {
       M.resetForm({
         values: ae,
         submitCount: 0,
@@ -14164,13 +14167,13 @@ function vd({
         if (br(ue))
           return {};
         const ve = ae[M], we = C.current[M];
-        return $(ve, we) ? {} : { [M]: we };
+        return U(ve, we) ? {} : { [M]: we };
       }).reduce((M, ue) => ({ ...M, ...ue }), {})
     ) : te({});
   }, [i, y, e]);
   const ee = (ae) => {
     const M = K.initialValues;
-    H(ae), l && l(ae), f && ae && !$(ae, M) && U(ae);
+    H(ae), l && l(ae), f && ae && !U(ae, M) && $(ae);
   };
   z(() => {
     k && c && c(k);
@@ -14230,7 +14233,7 @@ function vd({
     collection: se,
     entityId: k,
     path: t,
-    save: U
+    save: $
   }, Be = le(null);
   if (z(() => {
     d && !xd(Be.current ?? void 0, Ae) && (d(Ae), Be.current = Ae);
@@ -14346,7 +14349,7 @@ function kd(e) {
   }, [k, t]), z(() => {
     !y && !f && o && l && Object.entries(o).forEach(([P, D]) => {
       const Y = t[P];
-      !$(D, Y) && !c[P] && (console.debug("Updated value from the datasource:", P, D), d(P, D !== void 0 ? D : null));
+      !U(D, Y) && !c[P] && (console.debug("Updated value from the datasource:", P, D), d(P, D !== void 0 ? D : null));
     });
   }, [f, y, o, l, t, c, d]);
   const B = /* @__PURE__ */ n("div", { className: "flex flex-col gap-8", children: (u.propertiesOrder ?? Object.keys(u.properties)).map((P) => {
@@ -14485,7 +14488,7 @@ function _d(e) {
   return t;
 }
 function xd(e, t) {
-  return e?.path === t?.path && e?.entityId === t?.entityId && $(e?.values, t?.values) && $(e?.collection, t?.collection);
+  return e?.path === t?.path && e?.entityId === t?.entityId && U(e?.values, t?.values) && U(e?.collection, t?.collection);
 }
 function Ed(e) {
   return Object.keys(Si).includes(e);
@@ -15094,13 +15097,13 @@ function Id({
       closeAfterSave: !1
     });
   }, !1, 2e3);
-  const h = qe(a), A = Fi(), g = pt(), b = ft(), y = pe(), w = Ie(), E = mt(), [_, C] = R(void 0), [k, B] = R(i ? "copy" : t ? "existing" : "new"), F = le(void 0), I = F.current, P = (a.subcollections ?? []).filter((L) => !L.hideFromNavigation), D = P?.length ?? 0, Y = a.entityViews, ne = Y?.length ?? 0, ie = a.formAutoSave && !a.customId, H = ne > 0 || D > 0, U = r ?? qn(
+  const h = qe(a), A = Fi(), g = pt(), b = ft(), y = pe(), w = Ie(), E = mt(), [_, C] = R(void 0), [k, B] = R(i ? "copy" : t ? "existing" : "new"), F = le(void 0), I = F.current, P = (a.subcollections ?? []).filter((L) => !L.hideFromNavigation), D = P?.length ?? 0, Y = a.entityViews, ne = Y?.length ?? 0, ie = a.formAutoSave && !a.customId, H = ne > 0 || D > 0, $ = r ?? qn(
     a ? a.defaultSelectedView : void 0,
     {
       status: k,
       entityId: t
     }
-  ), O = le(U ?? Zt), K = O.current === Zt, {
+  ), O = le($ ?? Zt), K = O.current === Zt, {
     entity: ee,
     dataLoading: se,
     // eslint-disable-next-line no-unused-vars
@@ -15757,7 +15760,7 @@ function Md() {
   };
   z(() => {
     const p = (e.state?.panels ?? []).map((h) => o.current[h]).filter((h) => !!h);
-    $(a.current.map((h) => h.key), p.map((h) => h.key)) || l(p);
+    U(a.current.map((h) => h.key), p.map((h) => h.key)) || l(p);
   }, [e]);
   const c = x(() => {
     if (r.length === 0)
@@ -16444,7 +16447,7 @@ const dm = S.memo(
       }
     ) });
   },
-  $
+  U
 ), Wd = () => /* @__PURE__ */ n("div", { className: "flex flex-col min-h-[68px]" });
 function Jd(e) {
   const t = _e(), r = e.displayed ? e.open ? $d : 72 : 0, i = /* @__PURE__ */ v(