@firecms/core 3.0.0-canary.70 → 3.0.0-canary.71

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as v, Fragment as M } from "react/jsx-runtime";
 import * as kt from "react";
-import S, { useRef as le, useEffect as O, useContext as $e, useCallback as x, useMemo as he, useState as P, createElement as xa, createRef as Ea, createContext as Ca, forwardRef as Ba, useLayoutEffect as Kr, useDeferredValue as Sa } from "react";
+import S, { useRef as ce, useEffect as O, useContext as $e, useCallback as x, useMemo as he, useState as P, createElement as xa, createRef as Ea, createContext as Ca, forwardRef as Ba, useLayoutEffect as Kr, useDeferredValue as Sa } from "react";
 import { SnackbarProvider as Ia, useSnackbar as Na } from "notistack";
 import Ji from "object-hash";
 import { useCreateFormex as Sn, Formex as In, setIn as ei, Field as Nn, getIn as jt, useFormex as pi } from "@firecms/formex";
@@ -2776,7 +2776,7 @@ function ho(e, t, r = "", i = 0, a = 10) {
   }) : e !== t && console.log("Changed props:", r));
 }
 function pm(e, t = 3) {
-  const r = le(e);
+  const r = ce(e);
   O(() => {
     console.log("Changed props:"), ho(e, r.current, "", 0, t), r.current = e;
   });
@@ -2810,7 +2810,7 @@ const go = S.createContext({}), tt = (e) => {
     close: i
   }), [r, i]);
 }, vo = S.createContext(void 0), Pt = () => $e(vo), ko = S.createContext({}), il = ({ children: e }) => {
-  const [t, r] = P([]), i = le(t), a = (l) => {
+  const [t, r] = P([]), i = ce(t), a = (l) => {
     i.current = l, r(l);
   }, o = x(() => {
     if (t.length === 0)
@@ -3156,7 +3156,7 @@ function hm({
   }, [e, t]), t.navigation ? { data: r, dataLoading: a, dataLoadingError: s } : { dataLoading: !0 };
 }
 const sl = () => $e(Xn), ll = (e) => {
-  const { onSuccess: t, onError: r, disableClipboardAPI: i = !1, copiedDuration: a } = e || {}, o = le(null), [s, l] = P(!1), [c, d] = P("");
+  const { onSuccess: t, onError: r, disableClipboardAPI: i = !1, copiedDuration: a } = e || {}, o = ce(null), [s, l] = P(!1), [c, d] = P("");
   O(() => {
     a && setTimeout(() => l(!1), a);
   }, [s]);
@@ -3304,7 +3304,7 @@ function Am(e) {
     userConfigPersistence: d,
     dataSourceDelegate: u,
     injectCollections: f
-  } = e, m = le(), p = le(), h = le(), [A, g] = P(!1), [y, w] = P(void 0), [b, _] = P(!0), [k, E] = P(void 0), C = Ee(t), B = Ee(r), Q = C ? `/${C}` : "/", D = C ? `/${C}/${B}` : `/${B}`, F = x(
+  } = e, m = ce(), p = ce(), h = ce(), [A, g] = P(!1), [y, w] = P(void 0), [b, _] = P(!0), [k, E] = P(void 0), C = Ee(t), B = Ee(r), Q = C ? `/${C}` : "/", D = C ? `/${C}/${B}` : `/${B}`, F = x(
     (T) => C ? `/${C}/${nr(T)}` : `/${nr(T)}`,
     [C]
   ), z = x(
@@ -3537,7 +3537,7 @@ function hl(e, t) {
   return No(r ?? [], a ?? []) ? J(i, o) : !1;
 }
 function ym() {
-  const e = le({}), t = x((p) => {
+  const e = ce({}), t = x((p) => {
     const h = localStorage.getItem(p);
     return h ? JSON.parse(h) : {};
   }, []), r = x((p) => {
@@ -3602,7 +3602,7 @@ function vm({
   O(() => {
     t.loginSkipped && f(!0);
   }, [t.loginSkipped]);
-  const p = le(), h = x(async () => {
+  const p = ce(), h = x(async () => {
     if (e || t.initialLoading)
       return;
     if (!t.user && !t.loginSkipped) {
@@ -5102,7 +5102,7 @@ function Yl(e) {
     multiline: a,
     updateValue: o,
     focused: s
-  } = e, l = le(i), [c, d] = P(i), u = le(!1);
+  } = e, l = ce(i), [c, d] = P(i), u = ce(!1);
   O(() => {
     l.current !== i && i !== c && d(i), l.current = i;
   }, [i]);
@@ -5256,7 +5256,7 @@ function Ll(e) {
     value: r,
     updateValue: i,
     focused: a
-  } = e, o = r && typeof r == "number" ? r.toString() : "", [s, l] = P(o), c = le(r);
+  } = e, o = r && typeof r == "number" ? r.toString() : "", [s, l] = P(o), c = ce(r);
   O(() => {
     c.current !== r && String(r) !== s && l(r ? r.toString() : null), c.current = r;
   }, [r]);
@@ -5596,12 +5596,12 @@ function Vo({
   ] });
 }
 function Go({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPopup: a, children: o }) {
-  const s = le(null), l = x(() => {
+  const s = ce(null), l = x(() => {
     if (a) {
       const d = s && s?.current?.getBoundingClientRect();
       a(d);
     }
-  }, []), c = le();
+  }, []), c = ce();
   return O(() => {
     c.current && i && c.current.focus({ preventScroll: !0 });
   }, [i]), /* @__PURE__ */ n(M, { children: (e || !t && r) && /* @__PURE__ */ v("div", { ref: s, className: "absolute top-0.5 right-0.5 flex items-center", children: [
@@ -6273,7 +6273,7 @@ const pc = ({
     hideOverflow: A = !0,
     showExpandIcon: g = !0
   }) {
-    const [y, w] = $n(), b = le(null), _ = he(() => Nr(i), [i]), [k, E] = P(!1), [C, B] = P(l), Q = !o && !!c;
+    const [y, w] = $n(), b = ce(null), _ = he(() => Nr(i), [i]), [k, E] = P(!1), [C, B] = P(l), Q = !o && !!c;
     O(() => {
       l && B(!0);
       const Ae = setTimeout(() => {
@@ -6381,7 +6381,7 @@ function qe({
   value: t,
   setValue: r
 }) {
-  const i = le(null);
+  const i = ce(null);
   O(() => {
     typeof e.disabled == "object" && !!e.disabled.clearOnDisabled ? t != null && (i.current = t, r(null)) : i.current && (r(i.current), i.current = null);
   }, [e]);
@@ -6410,7 +6410,7 @@ const gc = S.memo(
       selectedCell: A,
       select: g,
       setPopupCell: y
-    } = fc(), w = A?.propertyKey === t && A?.entity.path === d.path && A?.entity.id === d.id, [b, _] = P(i), k = le(i), [E, C] = P(), [B, Q] = P(), [D, F] = P(!1), z = x(() => {
+    } = fc(), w = A?.propertyKey === t && A?.entity.path === d.path && A?.entity.id === d.id, [b, _] = P(i), k = ce(i), [E, C] = P(), [B, Q] = P(), [D, F] = P(!1), z = x(() => {
       F(!0), setTimeout(() => {
         F(!1);
       }, 100);
@@ -7424,7 +7424,7 @@ const Bc = Ba(({
     endAdornment: E,
     AddColumnComponent: C
   }) {
-    const B = f ? f[0] : void 0, Q = f ? f[1] : void 0, [D, F] = P(o), z = le(null), $ = le(0);
+    const B = f ? f[0] : void 0, Q = f ? f[1] : void 0, [D, F] = P(o), z = ce(null), $ = ce(0);
     O(() => {
       F(o);
     }, [o]);
@@ -7432,7 +7432,7 @@ const Bc = Ba(({
       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 = le();
+    }, [D, l]), V = ce();
     O(() => {
       V.current = c;
     }, [c]);
@@ -7998,7 +7998,7 @@ const Rc = S.memo(
     endAdornment: $,
     AddColumnComponent: oe
   }) {
-    const Y = le(null), [X, q] = S.useState(void 0), V = () => {
+    const Y = ce(null), [X, q] = S.useState(void 0), V = () => {
       !k || d || u || w !== void 0 && b?.(w + _);
     }, ae = x(() => {
       b?.(_);
@@ -8183,7 +8183,7 @@ const Wo = function({
   textSearchLoading: q,
   enablePopupIcon: V
 }) {
-  const ae = le(null), te = Ze(), Ae = (f?.selectedEntities?.length > 0 ? f?.selectedEntities : m)?.filter(Boolean), ue = Re(), [se, ee] = S.useState(k ?? "m"), T = Ae?.map((ie) => ie.id), ne = x((ie) => {
+  const ae = ce(null), te = Ze(), Ae = (f?.selectedEntities?.length > 0 ? f?.selectedEntities : m)?.filter(Boolean), ue = Re(), [se, ee] = S.useState(k ?? "m"), T = Ae?.map((ie) => ie.id), ne = x((ie) => {
     A && A(ie), ee(ie);
   }, []), K = x((ie) => C.setSearchString?.(ie), []), H = he(() => b ? b.map((ie) => ({ [ie.key]: ie })).reduce((ie, xe) => ({ ...ie, ...xe }), {}) : {}, [b]), j = c, G = ({
     column: ie,
@@ -9524,7 +9524,7 @@ function Xc() {
   }, []), e;
 }
 const Kc = ({ onResize: e }) => {
-  const t = le(0), r = le(null), i = le(e);
+  const t = ce(0), r = ce(null), i = ce(e);
   i.current = e;
   const a = x((s) => {
     t.current && cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
@@ -9898,8 +9898,8 @@ const nd = "collectionGroupParent", ta = S.memo(
         W === b && _(void 0);
       }, 2400);
     }, [b]), z = x((W) => {
-      const ce = y.current;
-      return mo(ce, f, l, W ?? null) ? ce.inlineEditing === void 0 || ce.inlineEditing : !1;
+      const le = y.current;
+      return mo(le, f, l, W ?? null) ? le.inlineEditing === void 0 || le.inlineEditing : !1;
     }, [f, l]), $ = g.selectionEnabled === void 0 || g.selectionEnabled, oe = !z(), [Y, X] = P(!1), q = Ho(), V = g.selectionController ?? q, {
       selectedEntities: ae,
       isEntitySelected: te,
@@ -9916,14 +9916,14 @@ const nd = "collectionGroupParent", ta = S.memo(
       ue.setPopupCell?.(void 0);
     }, [ue.setPopupCell]), ne = x((W) => {
       console.log("Entity clicked", W);
-      const ce = y.current;
+      const le = y.current;
       return _(W), p.onAnalyticsEvent?.("edit_entity_clicked", {
         path: W.path,
         entityId: W.id
       }), u.open({
         entityId: W.id,
         path: W.path,
-        collection: ce,
+        collection: le,
         updateUrl: !0,
         onClose: F
       });
@@ -9941,49 +9941,49 @@ const nd = "collectionGroupParent", ta = S.memo(
       p.onAnalyticsEvent?.("multiple_delete_dialog_open", {
         path: l
       }), E(ae);
-    }, j = (W, ce) => {
+    }, j = (W, le) => {
       p.onAnalyticsEvent?.("single_entity_deleted", {
         path: l
-      }), Ae((be) => be.filter((ye) => ye.id !== ce.id)), B(Date.now());
-    }, G = (W, ce) => {
+      }), Ae((be) => be.filter((ye) => ye.id !== le.id)), B(Date.now());
+    }, G = (W, le) => {
       p.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, ce) => {
+    const R = x((W, le) => {
       if (m) {
-        const be = m.getCollectionConfig(W), ye = He(be, ce);
+        const be = m.getCollectionConfig(W), ye = He(be, le);
         m.onCollectionModified(W, ye);
       }
     }, [m]), me = x(({
       width: W,
-      key: ce
+      key: le
     }) => {
       const be = y.current;
-      if (!wt(be.properties, ce))
+      if (!wt(be.properties, le))
         return;
-      const ye = ra(ce, W);
+      const ye = ra(le, W);
       R(l, ye);
     }, [R, l]), Ie = x((W) => {
       m && R(l, { defaultSize: W });
     }, [R, l, m]), Xe = $t(g, f, l, null), ie = x(
       ({
         name: W,
-        value: ce,
+        value: le,
         property: be,
         entityId: ye
-      }) => c.checkUniqueField(l, W, ce, ye),
+      }) => c.checkUniqueField(l, W, le, ye),
       [l]
     ), xe = ({
       value: W,
-      propertyKey: ce,
+      propertyKey: le,
       onValueUpdated: be,
       setError: ye,
       data: we
     }) => {
-      const Je = ei({ ...we.values }, ce, W), st = {
+      const Je = ei({ ...we.values }, le, W), st = {
         path: l,
         entityId: we.id,
         values: Je,
@@ -10009,18 +10009,18 @@ const nd = "collectionGroupParent", ta = S.memo(
       fields: h.propertyConfigs
     }), [g, l]), Ce = x(({
       propertyKey: W,
-      entity: ce
+      entity: le
     }) => {
       let be = wt(g.properties, W);
       return be || (be = wt(Te.properties, W)), Ye({
         propertyKey: W,
         propertyOrBuilder: be,
-        path: l,
-        values: ce.values,
-        entityId: ce.id,
+        path: le.path,
+        values: le.values,
+        entityId: le.id,
         fields: h.propertyConfigs
       });
-    }, [g.properties, h.propertyConfigs, l, Te.properties]), We = Uo(Te, !0), Ke = he(() => {
+    }, [g.properties, h.propertyConfigs, Te.properties]), We = Uo(Te, !0), Ke = he(() => {
       const W = g.subcollections?.map((be) => ({
         key: Di(be),
         name: be.name,
@@ -10044,7 +10044,7 @@ const nd = "collectionGroupParent", ta = S.memo(
             children: be.name
           }
         )
-      })) ?? [], ce = g.collectionGroup ? [{
+      })) ?? [], le = g.collectionGroup ? [{
         key: nd,
         name: "Parent entities",
         width: 260,
@@ -10064,22 +10064,22 @@ const nd = "collectionGroupParent", ta = S.memo(
       return [
         ...g.additionalFields ?? [],
         ...W,
-        ...ce
+        ...le
       ];
     }, [g, l, u]), rt = x(() => {
       B(Date.now());
     }, []), re = Ze(), Be = ({
       entity: W,
-      customEntityActions: ce
+      customEntityActions: le
     }) => {
       const be = W ? Fi(g, f, l, W) : !0, ye = [Vc];
-      return Xe && ye.push(Ko), be && ye.push(ea), ce && ye.push(...ce), ye;
+      return Xe && ye.push(Ko), be && ye.push(ea), le && ye.push(...le), ye;
     }, ir = () => {
-      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);
+      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);
     }, Rt = ({
       entity: W,
-      size: ce,
+      size: le,
       width: be,
       frozen: ye
     }) => {
@@ -10095,7 +10095,7 @@ const nd = "collectionGroupParent", ta = S.memo(
           frozen: ye,
           isSelected: we,
           selectionEnabled: $,
-          size: ce,
+          size: le,
           highlightEntity: _,
           unhighlightEntity: F,
           collection: g,
@@ -10139,7 +10139,7 @@ const nd = "collectionGroupParent", ta = S.memo(
       }
     ), Tt = x(({
       property: W,
-      propertyKey: ce,
+      propertyKey: le,
       onHover: be
     }) => {
       const ye = y.current;
@@ -10149,7 +10149,7 @@ const nd = "collectionGroupParent", ta = S.memo(
           st,
           {
             onHover: be,
-            propertyKey: ce,
+            propertyKey: le,
             property: W,
             fullPath: l,
             collection: ye,
@@ -10748,7 +10748,7 @@ function oa({
   newDefaultEntry: c,
   onValueChange: d
 }) {
-  const u = r && Array.isArray(r) && r.length > 0, f = le(cd(r)), [m, p] = P(
+  const u = r && Array.isArray(r) && r.length > 0, f = ce(cd(r)), [m, p] = P(
     u ? Object.values(f.current) : []
   );
   O(() => {
@@ -12356,7 +12356,7 @@ function Sd({
   Component: a,
   plugins: o
 }) {
-  return le((() => {
+  return ce((() => {
     let l = null;
     return o && o.forEach((c) => {
       const d = la(i);
@@ -13279,7 +13279,7 @@ function Od({
   includeDescription: u,
   context: f
 }) {
-  const [m, p] = S.useState(t), h = le(t);
+  const [m, p] = S.useState(t), h = ce(t);
   rs("MarkdownFieldBinding", Md);
   const A = Sa({
     internalValue: m,
@@ -14778,7 +14778,7 @@ function Jd({
       closeAfterSave: !1
     });
   }, !1, 2e3);
-  const A = a, g = Nt(), y = tt(a), w = Yi(), b = Ft(), _ = gt(), k = fe(), E = Re(), C = le(!1), B = Qt(), Q = he(() => Le({
+  const A = a, g = Nt(), y = tt(a), w = Yi(), b = Ft(), _ = gt(), k = fe(), E = Re(), C = ce(!1), B = Qt(), Q = he(() => Le({
     collection: A,
     path: e,
     values: d?.values,
@@ -14789,7 +14789,7 @@ function Jd({
       status: F,
       entityId: Y
     }
-  ), ee = le(se ?? Gt), T = le(Hd(Q, F, d)), ne = ee.current === Gt, 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] = P(d), [Xe, ie] = P(void 0);
+  ), ee = ce(se ?? Gt), T = ce(Hd(Q, F, d)), ne = ee.current === Gt, 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] = P(d), [Xe, ie] = P(void 0);
   O(() => {
     d && Ie(d);
   }, [d]), O(() => {
@@ -14905,7 +14905,7 @@ function Jd({
     values: re.values,
     previousValues: re.initialValues,
     fields: k.propertyConfigs
-  }), ir = le(d?.values), Rt = (N) => (ir.current = N, Ke({
+  }), ir = ce(d?.values), Rt = (N) => (ir.current = N, Ke({
     collection: Be,
     path: e,
     entityId: Y,
@@ -14985,7 +14985,7 @@ function Jd({
         `subcol_${ve}`
       );
     }
-  ).filter(Boolean), ce = x(() => {
+  ).filter(Boolean), le = x(() => {
     s(!1);
   }, []), be = (N) => {
     ee.current = N, b.replace({
@@ -15244,7 +15244,7 @@ function Jd({
           status: F,
           path: e,
           collection: a,
-          onDiscard: ce,
+          onDiscard: le,
           entity: me,
           context: E,
           formContext: at,
@@ -15309,8 +15309,7 @@ function Jd({
                 de,
                 {
                   onClick: () => (c?.(), w.close(!1)),
-                  size: "large",
-                  children: /* @__PURE__ */ n(jn, {})
+                  children: /* @__PURE__ */ n(jn, { size: "small" })
                 }
               )
             }
@@ -15353,7 +15352,7 @@ function Jd({
       "form",
       {
         onSubmit: re.handleSubmit,
-        onReset: () => (re.resetForm(), ce && ce()),
+        onReset: () => (re.resetForm(), le && le()),
         noValidate: !0,
         className: "flex-grow h-full flex overflow-auto flex-col w-full",
         children: [
@@ -15619,7 +15618,7 @@ function mr(e, t = 0) {
     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 nu = (e, t) => {
-  const r = Cr(), i = le(!1), a = !Ze();
+  const r = Cr(), i = ce(!1), a = !Ze();
   O(() => {
     if (!e.loading && !i.current) {
       if (console.debug("Initialising side entity controller"), e.isUrlCollectionPath(r.pathname)) {
@@ -15711,7 +15710,7 @@ const or = (e, t, r, i) => {
   };
 };
 function au() {
-  const e = Cr(), t = Kt(), [r, i] = P([]), a = le(r), o = le({}), s = le(0), l = (f) => {
+  const e = Cr(), t = Kt(), [r, i] = P([]), a = ce(r), o = ce({}), s = ce(0), l = (f) => {
     a.current = f, i(f);
   };
   O(() => {
@@ -16013,7 +16012,7 @@ async function cu(e, t) {
   ).then(async (i) => i.json());
 }
 function du(e, t) {
-  const [r, i] = P(null), a = le(null), o = t?.map((s) => s.key);
+  const [r, i] = P(null), a = ce(null), o = t?.map((s) => s.key);
   return O(() => {
     e.user && e.user.uid !== a.current && !e.initialLoading && (cu(e, o).then(i), a.current = e.user.uid);
   }, [e, o]), r;