@firecms/collection_editor 3.0.0-canary.46 → 3.0.0-canary.47

package/dist/index.es.js

@@ -1,23 +1,23 @@
 import { jsx as e, jsxs as a, Fragment as R } from "react/jsx-runtime";
-import { FieldCaption as J, SearchIconsView as vr, toSnakeCase as Nt, singular as yr, IconForView as st, ArrayContainer as br, serializeRegExp as Cr, useSnackbarController as Ve, resolveEnumValues as Nr, isPropertyBuilder as re, useCustomizationController as Se, getFieldConfig as je, ErrorBoundary as pe, PropertyConfigBadge as qe, unslugify as xt, useNavigationController as Te, mergeDeep as G, DEFAULT_FIELD_CONFIGS as Gt, isValidRegExp as Pr, getFieldId as Wt, DeleteConfirmationDialog as dt, useLargeLayout as xr, makePropertiesEditable as Le, resolveEntityView as wr, useSelectionController as Tr, CircularProgressCenter as ct, EntityCollectionTable as kr, slugify as Or, useAuthController as Ie, randomString as _t, removeUndefined as Ft, ErrorView as Kt, removeInitialAndTrailingSlashes as Vr, getDefaultPropertiesOrder as Ir, joinCollectionLists as _r } from "@firecms/core";
+import { FieldCaption as J, SearchIconsView as vr, toSnakeCase as Nt, singular as yr, IconForView as st, ArrayContainer as br, serializeRegExp as Cr, useSnackbarController as Ve, resolveEnumValues as Nr, isPropertyBuilder as re, useCustomizationController as Se, getFieldConfig as je, ErrorBoundary as pe, PropertyConfigBadge as qe, unslugify as xt, useNavigationController as Te, mergeDeep as W, DEFAULT_FIELD_CONFIGS as Wt, isValidRegExp as Pr, getFieldId as Gt, DeleteConfirmationDialog as dt, useLargeLayout as xr, makePropertiesEditable as Le, resolveEntityView as wr, useSelectionController as Tr, CircularProgressCenter as ct, EntityCollectionTable as kr, slugify as Or, useAuthController as Ie, randomString as _t, removeUndefined as Ft, ErrorView as Kt, removeInitialAndTrailingSlashes as Vr, getDefaultPropertiesOrder as Ir, joinCollectionLists as _r } from "@firecms/core";
 import * as ze from "react";
-import W, { useState as j, useEffect as ce, useMemo as Zt, useRef as Re, useDeferredValue as Fr, useCallback as Er, useContext as Jt } from "react";
+import G, { useState as j, useEffect as ce, useMemo as Zt, useRef as Re, useDeferredValue as Fr, useCallback as Er, useContext as Jt } from "react";
 import ve from "react-fast-compare";
-import { useAutoComplete as Sr, Container as mt, Typography as V, Tooltip as ee, IconButton as ne, Chip as Pt, TextField as we, cn as he, DebouncedTextField as K, Autocomplete as Ar, AutocompleteItem as Dr, ExpandablePanel as wt, SettingsIcon as $e, Select as be, SelectItem as X, BooleanSwitchWithLabel as ut, Dialog as _e, AutoAwesomeIcon as ht, Badge as Br, ListIcon as Mr, Button as z, CircularProgress as He, Paper as fe, DialogContent as Ae, DialogActions as De, RuleIcon as zr, FileUploadIcon as Rr, MultiSelect as Ur, MultiSelectItem as Et, Checkbox as St, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as jr, RemoveCircleIcon as qr, defaultBorderMixin as Tt, RemoveIcon as Lr, DragHandleIcon as $r, AddIcon as de, SelectGroup as At, InfoLabel as Hr, DeleteIcon as pt, ContentCopyIcon as Yr, CodeIcon as Gr, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Me, Alert as Wr, Icon as rt, Card as tr, coolIconKeys as Mt, Tabs as Kr, Tab as Ct, ArrowBackIcon as it, LoadingButton as zt, DoneIcon as Zr, Menu as Jr, MoreVertIcon as Qr, MenuItem as Xr, SaveIcon as ei, UndoIcon as ti } from "@firecms/ui";
+import { useAutoComplete as Sr, Container as mt, Typography as V, Tooltip as ee, IconButton as ie, Chip as Pt, TextField as we, cn as he, DebouncedTextField as K, Autocomplete as Ar, AutocompleteItem as Dr, ExpandablePanel as wt, SettingsIcon as $e, ClearIcon as Br, Select as be, SelectItem as X, BooleanSwitchWithLabel as ut, Dialog as _e, AutoAwesomeIcon as ht, Badge as Mr, ListIcon as zr, Button as z, CircularProgress as He, Paper as fe, DialogContent as Ae, DialogActions as De, RuleIcon as Rr, FileUploadIcon as Ur, MultiSelect as jr, MultiSelectItem as Et, Checkbox as St, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as qr, RemoveCircleIcon as Lr, defaultBorderMixin as Tt, RemoveIcon as $r, DragHandleIcon as Hr, AddIcon as de, SelectGroup as At, InfoLabel as Yr, DeleteIcon as pt, ContentCopyIcon as Wr, CodeIcon as Gr, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Me, Alert as Kr, Icon as rt, Card as tr, coolIconKeys as Mt, Tabs as Zr, Tab as Ct, ArrowBackIcon as it, LoadingButton as zt, DoneIcon as Jr, Menu as Qr, MoreVertIcon as Xr, MenuItem as ei, SaveIcon as ti, UndoIcon as ri } from "@firecms/ui";
 import * as nt from "yup";
 import { useFormex as Y, Field as $, getIn as I, useCreateFormex as kt, Formex as Ot } from "@firecms/formex";
-import { extractEnumFromValues as ri, buildPropertyFromData as ii, buildEntityPropertiesFromData as ni } from "@firecms/schema_inference";
-import { DragDropContext as ai, Droppable as oi, Draggable as li } from "@hello-pangea/dnd";
-import si from "json5";
-import { Highlight as di, themes as ci } from "prism-react-renderer";
-import { ImportFileUpload as ui, DataNewPropertiesMapping as pi, ImportNewPropertyFieldPreview as mi, getInferenceType as rr, convertDataToEntity as hi, useImportConfig as fi, ImportSaveInProgress as gi } from "@firecms/data_import_export";
-import { useNavigate as vi } from "react-router";
-const yi = nt.object().shape({
+import { extractEnumFromValues as ii, buildPropertyFromData as ni, buildEntityPropertiesFromData as ai } from "@firecms/schema_inference";
+import { DragDropContext as oi, Droppable as li, Draggable as si } from "@hello-pangea/dnd";
+import di from "json5";
+import { Highlight as ci, themes as ui } from "prism-react-renderer";
+import { ImportFileUpload as pi, DataNewPropertiesMapping as mi, ImportNewPropertyFieldPreview as hi, getInferenceType as rr, convertDataToEntity as fi, useImportConfig as gi, ImportSaveInProgress as vi } from "@firecms/data_import_export";
+import { useNavigate as yi } from "react-router";
+const bi = nt.object().shape({
   id: nt.string().required("Required"),
   name: nt.string().required("Required"),
   path: nt.string().required("Required")
 });
-function bi({
+function Ci({
   isNewCollection: t,
   reservedGroups: r,
   existingPaths: n,
@@ -25,7 +25,7 @@ function bi({
   groups: l,
   parentCollection: o
 }) {
-  const d = W.useRef(null), {
+  const d = G.useRef(null), {
     values: c,
     setFieldValue: u,
     handleChange: m,
@@ -59,7 +59,7 @@ function bi({
           children: [
             /* @__PURE__ */ e(V, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${c?.name} collection` }),
             /* @__PURE__ */ e(ee, { title: "Change icon", children: /* @__PURE__ */ e(
-              ne,
+              ie,
               {
                 shape: "square",
                 onClick: () => P(!0),
@@ -191,8 +191,19 @@ function bi({
                   onChange: (h) => {
                     f("sideDialogWidth", !0);
                     const D = h.target.value;
-                    D ? isNaN(Number(D)) || u("sideDialogWidth", Number(D)) : u("sideDialogWidth", void 0);
+                    D ? isNaN(Number(D)) || u("sideDialogWidth", Number(D)) : u("sideDialogWidth", null);
                   },
+                  endAdornment: /* @__PURE__ */ e(
+                    ie,
+                    {
+                      size: "small",
+                      onClick: () => {
+                        u("sideDialogWidth", null);
+                      },
+                      disabled: !c.sideDialogWidth,
+                      children: /* @__PURE__ */ e(Br, { size: "small" })
+                    }
+                  ),
                   value: c.sideDialogWidth ?? "",
                   label: "Side dialog width"
                 }
@@ -313,14 +324,14 @@ function ir(t) {
 function ye(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".propertiesOrder" : "propertiesOrder";
 }
-function ie(t, r) {
+function ne(t, r) {
   return r ? `${r}.${t}` : t;
 }
 function nr(t, r) {
   const n = r ? `${r}.${t}` : t;
   return me(n);
 }
-function Ci({
+function Ni({
   enumValues: t,
   onValuesChanged: r,
   onError: n,
@@ -344,7 +355,7 @@ function Ci({
   return ce(() => {
     r && r(u.enumValues);
   }, [u.enumValues]), /* @__PURE__ */ e(Ot, { value: c, children: /* @__PURE__ */ e(
-    Ni,
+    Pi,
     {
       enumValuesPath: "enumValues",
       values: u,
@@ -356,7 +367,7 @@ function Ci({
     }
   ) });
 }
-function Ni({
+function Pi({
   values: t,
   errors: r,
   disabled: n,
@@ -367,10 +378,10 @@ function Ni({
 }) {
   const {
     setFieldValue: c
-  } = Y(), [u, m] = W.useState(), [p, s] = W.useState(), [f, g] = W.useState(!1), y = W.useRef(/* @__PURE__ */ new Set()).current, P = (b, T) => {
+  } = Y(), [u, m] = G.useState(), [p, s] = G.useState(), [f, g] = G.useState(!1), y = G.useRef(/* @__PURE__ */ new Set()).current, P = (b, T) => {
     const w = u === T, C = r?.enumValues && r?.enumValues[b];
     return /* @__PURE__ */ e(
-      Pi,
+      xi,
       {
         index: b,
         disabled: n,
@@ -386,7 +397,7 @@ function Ni({
   };
   return /* @__PURE__ */ a("div", { className: "col-span-12", children: [
     /* @__PURE__ */ a("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(Mr, {}),
+      /* @__PURE__ */ e(zr, {}),
       /* @__PURE__ */ e(
         V,
         {
@@ -406,7 +417,7 @@ function Ni({
             d && (g(!0), d?.().then((b) => {
               if (!b)
                 return;
-              const T = b.flat(), w = Array.from(new Set(T)), C = t.enumValues, N = ri(w).filter((F) => !C?.some((B) => B.id === F.id));
+              const T = b.flat(), w = Array.from(new Set(T)), C = t.enumValues, N = ii(w).filter((F) => !C?.some((B) => B.id === F.id));
               N.forEach((F) => {
                 y.add(F.id);
               }), c(i, [...N, ...C], !0);
@@ -438,7 +449,7 @@ function Ni({
         }
       ),
       /* @__PURE__ */ e(
-        xi,
+        wi,
         {
           index: p,
           open: p !== void 0,
@@ -449,7 +460,7 @@ function Ni({
     ] })
   ] });
 }
-const Pi = W.memo(
+const xi = G.memo(
   function({
     index: r,
     shouldUpdateId: n,
@@ -466,8 +477,8 @@ const Pi = W.memo(
       errors: s,
       setFieldValue: f,
       touched: g
-    } = Y(), x = W.useRef(!I(m, `${i}[${r}].id`)), y = n || x.current, P = I(m, `${i}[${r}].id`), v = I(m, `${i}[${r}].label`), b = W.useRef(v);
-    return W.useEffect(() => {
+    } = Y(), x = G.useRef(!I(m, `${i}[${r}].id`)), y = n || x.current, P = I(m, `${i}[${r}].id`), v = I(m, `${i}[${r}].label`), b = G.useRef(v);
+    return G.useEffect(() => {
       (b.current === P || !P) && y && f(`${i}[${r}].id`, v), b.current = v;
     }, [v]), /* @__PURE__ */ a(R, { children: [
       /* @__PURE__ */ a("div", { className: "flex w-full align-center justify-center", children: [
@@ -486,8 +497,8 @@ const Pi = W.memo(
             error: !!u?.label
           }
         ),
-        !d && /* @__PURE__ */ e(Br, { color: "error", invisible: !u?.id, children: /* @__PURE__ */ e(
-          ne,
+        !d && /* @__PURE__ */ e(Mr, { color: "error", invisible: !u?.id, children: /* @__PURE__ */ e(
+          ie,
           {
             size: "small",
             "aria-label": "edit",
@@ -519,7 +530,7 @@ const Pi = W.memo(
     return r.index === n.index && r.enumValuesPath === n.enumValuesPath && r.shouldUpdateId === n.shouldUpdateId && r.inferredEntry === n.inferredEntry && ve(r.entryError, n.entryError) && r.autoFocus === n.autoFocus;
   }
 );
-function xi({
+function wi({
   index: t,
   open: r,
   onClose: n,
@@ -814,7 +825,7 @@ function Ce({
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ a("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(zr, {}),
+        /* @__PURE__ */ e(Rr, {}),
         /* @__PURE__ */ e(
           V,
           {
@@ -843,7 +854,7 @@ function Rt({
   } = Y(), m = Ve(), p = t ? "of.enumValues" : "enumValues", s = I(d, "defaultValue"), f = I(d, p), g = Zt(() => !f || typeof f == "boolean" ? [] : Nr(f) ?? [], [f]);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Ci,
+      Ni,
       {
         enumValues: g,
         updateIds: r,
@@ -919,7 +930,7 @@ function Ut({
       wt,
       {
         title: /* @__PURE__ */ a("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(Rr, {}),
+          /* @__PURE__ */ e(Ur, {}),
           /* @__PURE__ */ e(
             V,
             {
@@ -931,7 +942,7 @@ function Ut({
         ] }),
         children: /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(
-            Ur,
+            jr,
             {
               disabled: n,
               name: d,
@@ -1040,14 +1051,14 @@ function Ue(t) {
     return r.dataType === "array" && typeof r.of == "function" || r.dataType === "array" && Array.isArray(r.of) ? !1 : !!r.editable;
   }
 }
-function wi(t) {
+function Ti(t) {
   return Object.entries(t).filter(([r, n]) => Ue(n)).map(([r, n]) => {
     const i = n;
     if (Ue(i))
       return i.dataType === "map" && i.properties ? {
         [r]: {
           ...i,
-          properties: wi(i.properties)
+          properties: Ti(i.properties)
         }
       } : { [r]: i };
   }).filter((r) => !!r).reduce((r, n) => ({ ...r, ...n }), {});
@@ -1123,7 +1134,7 @@ function ar({
     }
   ) });
 }
-function Ti({
+function ki({
   name: t,
   selected: r,
   onClick: n,
@@ -1142,10 +1153,10 @@ function Ti({
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e(jr, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(qr, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(qr, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
+          /* @__PURE__ */ e(Lr, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
           fe,
@@ -1214,7 +1225,7 @@ function Ti({
     }
   );
 }
-const ft = W.memo(
+const ft = G.memo(
   function({
     namespace: r,
     selectedPropertyKey: n,
@@ -1230,12 +1241,12 @@ const ft = W.memo(
     collectionEditable: f
   }) {
     const g = o ?? Object.keys(l);
-    return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ai, { onDragEnd: (y) => {
+    return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(oi, { onDragEnd: (y) => {
       if (!y.destination)
         return;
       const P = y.source.index, v = y.destination.index, b = Array.from(g), [T] = b.splice(P, 1);
       b.splice(v, 0, T), u && u(b, r);
-    }, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${r}`, children: (y, P) => /* @__PURE__ */ a(
+    }, children: /* @__PURE__ */ e(li, { droppableId: `droppable_${r}`, children: (y, P) => /* @__PURE__ */ a(
       "div",
       {
         ...y.droppableProps,
@@ -1245,12 +1256,12 @@ const ft = W.memo(
           g && g.map((v, b) => {
             const T = l[v], w = d?.find((C) => C.key === v);
             return !T && !w ? (console.warn(`Property ${v} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-              li,
+              si,
               {
                 draggableId: `array_field_${r}_${v}}`,
                 index: b,
                 children: (C, O) => /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(
-                  ki,
+                  Oi,
                   {
                     propertyKey: v,
                     propertyOrBuilder: T,
@@ -1282,7 +1293,7 @@ const ft = W.memo(
     t.namespace === r.namespace && t.collectionEditable === r.collectionEditable;
   }
 );
-function ki({
+function Oi({
   propertyKey: t,
   namespace: r,
   propertyOrBuilder: n,
@@ -1296,7 +1307,7 @@ function ki({
   inferredPropertyKeys: p,
   collectionEditable: s
 }) {
-  const f = p?.includes(r ? `${r}.${t}` : t), g = ie(t, r), y = nr(t, r) in d;
+  const f = p?.includes(r ? `${r}.${t}` : t), g = ne(t, r), y = nr(t, r) in d;
   let P;
   if (typeof n == "object") {
     const T = n;
@@ -1345,7 +1356,7 @@ function ki({
             hasError: y
           }
         ) : /* @__PURE__ */ e(
-          Ti,
+          ki,
           {
             name: t,
             property: n,
@@ -1356,20 +1367,20 @@ function ki({
         /* @__PURE__ */ a("div", { className: "absolute top-2 right-2 flex flex-row ", children: [
           f && /* @__PURE__ */ e(ee, { title: "Inferred property", children: /* @__PURE__ */ e(ht, { size: "small", className: "p-2" }) }),
           m && /* @__PURE__ */ e(ee, { title: "Remove", children: /* @__PURE__ */ e(
-            ne,
+            ie,
             {
               size: "small",
               color: "inherit",
               onClick: () => m(t, r),
-              children: /* @__PURE__ */ e(Lr, { size: "small" })
+              children: /* @__PURE__ */ e($r, { size: "small" })
             }
           ) }),
           u && /* @__PURE__ */ e(ee, { title: "Move", children: /* @__PURE__ */ e(
-            ne,
+            ie,
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e($r, { size: "small" })
+              children: /* @__PURE__ */ e(Hr, { size: "small" })
             }
           ) })
         ] }),
@@ -1378,7 +1389,7 @@ function ki({
     }
   );
 }
-function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i, collectionEditable: l }) {
+function Vi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i, collectionEditable: l }) {
   const {
     values: o,
     setFieldValue: d
@@ -1395,12 +1406,12 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     const O = o.propertiesOrder ?? Object.keys(o.properties ?? {}), N = O.includes(w) ? O : [...O, w];
     d("propertiesOrder", N, !1), u(!1);
   }, y = (w, C) => {
-    const O = w ? ie(w, C) : void 0;
+    const O = w ? ne(w, C) : void 0;
     if (!O)
       throw Error("collection editor miss config");
     const N = me(O), F = ye(C), B = I(o, F) ?? Object.keys(I(o, ir(C)));
     d(N, void 0, !1), d(F, B.filter((_) => _ !== w), !1), u(!1), p(void 0), f(void 0);
-  }, P = m ? ie(m, s) : void 0, v = P ? I(o.properties, P.replaceAll(".", ".properties.")) : void 0, b = !g || g.length < 1, T = (w, C) => {
+  }, P = m ? ne(m, s) : void 0, v = P ? I(o.properties, P.replaceAll(".", ".properties.")) : void 0, b = !g || g.length < 1, T = (w, C) => {
     d(ye(C), w, !1);
   };
   return /* @__PURE__ */ a(R, { children: [
@@ -1487,7 +1498,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     )
   ] });
 }
-function Vi({
+function Ii({
   showErrors: t,
   existing: r,
   disabled: n,
@@ -1564,7 +1575,7 @@ function Vi({
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(Vt, { disabled: n }) }) })
   ] });
 }
-const Ii = W.forwardRef(
+const _i = G.forwardRef(
   function({
     showErrors: r,
     disabledId: n,
@@ -1638,7 +1649,7 @@ const Ii = W.forwardRef(
     ] });
   }
 );
-function _i({
+function Fi({
   widgetId: t,
   disabled: r,
   showErrors: n
@@ -1711,7 +1722,7 @@ function _i({
     ) })
   ] });
 }
-function Fi({ disabled: t }) {
+function Ei({ disabled: t }) {
   const { values: r } = Y(), n = I(r, "defaultValue");
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(Fe, { disabled: t }) }) }),
@@ -1733,7 +1744,7 @@ function Fi({ disabled: t }) {
     ) })
   ] });
 }
-function Ei({
+function Si({
   disabled: t,
   getData: r,
   allowDataInference: n,
@@ -1755,8 +1766,8 @@ function Ei({
     }, !1);
     const C = o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), O = C.includes(T) ? C : [...C, T];
     d("oneOf.propertiesOrder", O, !1), u(!1);
-  }, x = m ? ie(m, s) : void 0, y = x ? I(o.oneOf?.properties, x.replaceAll(".", ".properties.")) : void 0, P = (T, w) => {
-    const C = T ? ie(T, w) : void 0;
+  }, x = m ? ne(m, s) : void 0, y = x ? I(o.oneOf?.properties, x.replaceAll(".", ".properties.")) : void 0, P = (T, w) => {
+    const C = T ? ne(T, w) : void 0;
     if (!C)
       throw Error("collection editor miss config");
     d(`oneOf.${me(C)}`, void 0, !1);
@@ -1829,7 +1840,7 @@ function Ei({
     )
   ] });
 }
-function Si({ disabled: t }) {
+function Ai({ disabled: t }) {
   const {
     values: r,
     handleChange: n
@@ -1934,10 +1945,10 @@ function Si({ disabled: t }) {
     ) })
   ] });
 }
-function Ai({ disabled: t }) {
+function Di({ disabled: t }) {
   const { values: r, setFieldValue: n } = Y();
   return /* @__PURE__ */ a(R, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(Si, { disabled: t }) }) }),
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(Ai, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       we,
       {
@@ -1977,11 +1988,11 @@ function jt({
       value: m,
       error: p,
       handleChange: o,
-      as: Di
+      as: Bi
     }
   ) }) });
 }
-function Di({
+function Bi({
   disabled: t,
   pathPath: r,
   value: n,
@@ -2071,7 +2082,7 @@ function Di({
     /* @__PURE__ */ e(J, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Bi({ disabled: t }) {
+function Mi({ disabled: t }) {
   const {
     values: r,
     errors: n,
@@ -2137,7 +2148,7 @@ function Bi({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(Fe, { disabled: t }) }) })
   ] });
 }
-function Mi({ disabled: t }) {
+function zi({ disabled: t }) {
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e($, { type: "checkbox", name: "hideFromCollection", children: ({ field: i, form: l }) => /* @__PURE__ */ e(
       oe,
@@ -2168,12 +2179,12 @@ function Mi({ disabled: t }) {
     ) })
   ] });
 }
-function zi({ disabled: t }) {
+function Ri({ disabled: t }) {
   return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(Fe, { disabled: t }) }) }) });
 }
 function or(t, r, n) {
   let i;
-  return r === "text_field" ? i = G(
+  return r === "text_field" ? i = W(
     t,
     {
       dataType: "string",
@@ -2186,7 +2197,7 @@ function or(t, r, n) {
       url: void 0,
       enumValues: void 0
     }
-  ) : r === "multiline" ? i = G(
+  ) : r === "multiline" ? i = W(
     t,
     {
       dataType: "string",
@@ -2199,7 +2210,7 @@ function or(t, r, n) {
       url: void 0,
       enumValues: void 0
     }
-  ) : r === "markdown" ? i = G(
+  ) : r === "markdown" ? i = W(
     t,
     {
       dataType: "string",
@@ -2211,7 +2222,7 @@ function or(t, r, n) {
       email: void 0,
       url: void 0
     }
-  ) : r === "url" ? i = G(
+  ) : r === "url" ? i = W(
     t,
     {
       dataType: "string",
@@ -2224,7 +2235,7 @@ function or(t, r, n) {
       url: !0,
       enumValues: void 0
     }
-  ) : r === "email" ? i = G(
+  ) : r === "email" ? i = W(
     t,
     {
       dataType: "string",
@@ -2237,7 +2248,7 @@ function or(t, r, n) {
       url: void 0,
       enumValues: void 0
     }
-  ) : r === "select" ? i = G(
+  ) : r === "select" ? i = W(
     t,
     {
       dataType: "string",
@@ -2250,7 +2261,7 @@ function or(t, r, n) {
       url: void 0,
       enumValues: t.enumValues ?? []
     }
-  ) : r === "multi_select" ? i = G(
+  ) : r === "multi_select" ? i = W(
     t,
     {
       dataType: "array",
@@ -2261,7 +2272,7 @@ function or(t, r, n) {
         enumValues: t.of?.enumValues ?? []
       }
     }
-  ) : r === "number_input" ? i = G(
+  ) : r === "number_input" ? i = W(
     t,
     {
       dataType: "number",
@@ -2269,7 +2280,7 @@ function or(t, r, n) {
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: void 0
     }
-  ) : r === "number_select" ? i = G(
+  ) : r === "number_select" ? i = W(
     t,
     {
       dataType: "number",
@@ -2277,7 +2288,7 @@ function or(t, r, n) {
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: t.enumValues ?? []
     }
-  ) : r === "multi_number_select" ? i = G(
+  ) : r === "multi_number_select" ? i = W(
     t,
     {
       dataType: "array",
@@ -2288,7 +2299,7 @@ function or(t, r, n) {
         enumValues: t.of?.enumValues ?? []
       }
     }
-  ) : r === "file_upload" ? i = G(
+  ) : r === "file_upload" ? i = W(
     t,
     {
       dataType: "string",
@@ -2298,7 +2309,7 @@ function or(t, r, n) {
         storagePath: "/"
       }
     }
-  ) : r === "multi_file_upload" ? i = G(
+  ) : r === "multi_file_upload" ? i = W(
     t,
     {
       dataType: "array",
@@ -2311,7 +2322,7 @@ function or(t, r, n) {
         }
       }
     }
-  ) : r === "group" ? i = G(
+  ) : r === "group" ? i = W(
     t,
     {
       dataType: "map",
@@ -2320,7 +2331,7 @@ function or(t, r, n) {
       keyValue: !1,
       properties: t.properties ?? {}
     }
-  ) : r === "key_value" ? i = G(
+  ) : r === "key_value" ? i = W(
     t,
     {
       dataType: "map",
@@ -2329,14 +2340,14 @@ function or(t, r, n) {
       keyValue: !0,
       properties: void 0
     }
-  ) : r === "reference" ? i = G(
+  ) : r === "reference" ? i = W(
     t,
     {
       dataType: "reference",
       propertyConfig: "reference",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : r === "multi_references" ? i = G(
+  ) : r === "multi_references" ? i = W(
     t,
     {
       dataType: "array",
@@ -2346,14 +2357,14 @@ function or(t, r, n) {
         dataType: "reference"
       }
     }
-  ) : r === "switch" ? i = G(
+  ) : r === "switch" ? i = W(
     t,
     {
       dataType: "boolean",
       propertyConfig: "switch",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : r === "date_time" ? i = G(
+  ) : r === "date_time" ? i = W(
     t,
     {
       dataType: "date",
@@ -2361,14 +2372,14 @@ function or(t, r, n) {
       editable: t.editable !== void 0 ? t.editable : !0,
       mode: "date_time"
     }
-  ) : r === "repeat" ? i = G(
+  ) : r === "repeat" ? i = W(
     t,
     {
       dataType: "array",
       propertyConfig: "repeat",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : r === "block" ? i = G(
+  ) : r === "block" ? i = W(
     t,
     {
       dataType: "array",
@@ -2417,7 +2428,7 @@ function lr({ value: t, optionDisabled: r, propertyConfig: n, existing: i }) {
     }
   );
 }
-function Ri({
+function Ui({
   disabled: t,
   showErrors: r
 }) {
@@ -2477,7 +2488,7 @@ function Ri({
     ) })
   ] });
 }
-const Ui = [
+const ji = [
   "text_field",
   "multiline",
   "markdown",
@@ -2498,7 +2509,7 @@ const Ui = [
   "key_value",
   "repeat",
   "block"
-], sr = Object.entries(Gt).filter(([t]) => Ui.includes(t)).map(([t, r]) => ({ [t]: r })).reduce((t, r) => ({ ...t, ...r }), {}), dr = W.memo(
+], sr = Object.entries(Wt).filter(([t]) => ji.includes(t)).map(([t, r]) => ({ [t]: r })).reduce((t, r) => ({ ...t, ...r }), {}), dr = G.memo(
   function(r) {
     const {
       includeIdAndName: n = !0,
@@ -2561,13 +2572,13 @@ const Ui = [
           if (!E.name)
             h.name = "Required";
           else {
-            const D = $i(E.name);
+            const D = Hi(E.name);
             D && (h.name = D);
           }
           if (!E.id)
             h.id = "Required";
           else {
-            const D = Li(E.id, u);
+            const D = $i(E.id, u);
             D && (h.id = D);
           }
         }
@@ -2579,7 +2590,7 @@ const Ui = [
     return ce(() => {
       b?.(_);
     }, [_, b]), /* @__PURE__ */ e(Ot, { value: _, children: /* @__PURE__ */ e(
-      ji,
+      qi,
       {
         onPropertyChanged: f ? B : void 0,
         onDelete: g,
@@ -2669,7 +2680,7 @@ function Oe({
     }
   );
 }
-function ji({
+function qi({
   values: t,
   errors: r,
   setValues: n,
@@ -2689,7 +2700,7 @@ function ji({
   propertyConfigs: P,
   collectionEditable: v
 }) {
-  const [b, T] = j(o), [w, C] = j(!1), [O, N] = j(t?.dataType ? Wt(t) : void 0), F = Object.entries(sr).concat(Object.entries(P)), B = g ? F.filter(([Z, H]) => !re(H.property) && H.property?.dataType !== "array") : F, _ = Fr(t), E = Re(null), h = Re(t), D = s && I(r, "selectedWidget");
+  const [b, T] = j(o), [w, C] = j(!1), [O, N] = j(t?.dataType ? Gt(t) : void 0), F = Object.entries(sr).concat(Object.entries(P)), B = g ? F.filter(([Z, H]) => !re(H.property) && H.property?.dataType !== "array") : F, _ = Fr(t), E = Re(null), h = Re(t), D = s && I(r, "selectedWidget");
   ce(() => {
     if (c && (!d || _.id)) {
       const {
@@ -2712,14 +2723,14 @@ function ji({
   };
   let q;
   return O === "text_field" || O === "multiline" || O === "markdown" || O === "email" ? q = /* @__PURE__ */ e(
-    _i,
+    Fi,
     {
       widgetId: O,
       disabled: f,
       showErrors: s
     }
   ) : O === "url" ? q = /* @__PURE__ */ e(
-    Ri,
+    Ui,
     {
       disabled: f,
       showErrors: s
@@ -2758,8 +2769,8 @@ function ji({
       multiple: !0,
       disabled: f
     }
-  ) : O === "switch" ? q = /* @__PURE__ */ e(Fi, { disabled: f }) : O === "number_input" ? q = /* @__PURE__ */ e(Ai, { disabled: f }) : O === "group" ? q = /* @__PURE__ */ e(
-    Oi,
+  ) : O === "switch" ? q = /* @__PURE__ */ e(Ei, { disabled: f }) : O === "number_input" ? q = /* @__PURE__ */ e(Di, { disabled: f }) : O === "group" ? q = /* @__PURE__ */ e(
+    Vi,
     {
       disabled: f,
       getData: x,
@@ -2768,7 +2779,7 @@ function ji({
       propertyConfigs: P
     }
   ) : O === "block" ? q = /* @__PURE__ */ e(
-    Ei,
+    Si,
     {
       disabled: f,
       getData: x,
@@ -2784,7 +2795,7 @@ function ji({
       multiple: !1,
       disabled: f
     }
-  ) : O === "date_time" ? q = /* @__PURE__ */ e(Bi, { disabled: f }) : O === "multi_references" ? q = /* @__PURE__ */ e(
+  ) : O === "date_time" ? q = /* @__PURE__ */ e(Mi, { disabled: f }) : O === "multi_references" ? q = /* @__PURE__ */ e(
     jt,
     {
       showErrors: s,
@@ -2793,7 +2804,7 @@ function ji({
       disabled: f
     }
   ) : O === "repeat" ? q = /* @__PURE__ */ e(
-    Vi,
+    Ii,
     {
       showErrors: s,
       existing: i,
@@ -2803,8 +2814,8 @@ function ji({
       collectionEditable: v,
       propertyConfigs: P
     }
-  ) : O === "key_value" ? q = /* @__PURE__ */ e(zi, { disabled: f }) : q = null, /* @__PURE__ */ a(R, { children: [
-    f && /* @__PURE__ */ a(Hr, { mode: "warn", children: [
+  ) : O === "key_value" ? q = /* @__PURE__ */ e(Ri, { disabled: f }) : q = null, /* @__PURE__ */ a(R, { children: [
+    f && /* @__PURE__ */ a(Yr, { mode: "warn", children: [
       /* @__PURE__ */ e(V, { children: "This property can't be edited" }),
       /* @__PURE__ */ a(V, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
@@ -2827,7 +2838,7 @@ function ji({
             renderValue: (Z) => {
               if (!Z)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const H = Z, Q = Gt[H] ?? P[H], le = Q.property, Be = le && !re(le) ? je(le, P) : void 0, Pe = re(le) || i && le.dataType !== t?.dataType, se = Be ? G(Be, Q) : Q;
+              const H = Z, Q = Wt[H] ?? P[H], le = Q.property, Be = le && !re(le) ? je(le, P) : void 0, Pe = re(le) || i && le.dataType !== t?.dataType, se = Be ? W(Be, Q) : Q;
               return /* @__PURE__ */ a(
                 "div",
                 {
@@ -2884,7 +2895,7 @@ function ji({
         )
       ] }),
       u && t?.id && /* @__PURE__ */ e(
-        ne,
+        ie,
         {
           variant: "ghost",
           className: "m-4",
@@ -2896,7 +2907,7 @@ function ji({
     ] }),
     /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
       d && /* @__PURE__ */ e(
-        Ii,
+        _i,
         {
           showErrors: s,
           disabledId: i,
@@ -2907,7 +2918,7 @@ function ji({
         }
       ),
       q,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Mi, { disabled: f }) })
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(zi, { disabled: f }) })
     ] }),
     u && /* @__PURE__ */ e(
       dt,
@@ -2925,26 +2936,26 @@ function ji({
     )
   ] });
 }
-const qi = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function Li(t, r) {
+const Li = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function $i(t, r) {
   let n;
-  return t || (n = "You must specify an id for the field"), t && !t.match(qi) && (n = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && r && r.includes(t) && (n = "There is another field with this ID already"), n;
+  return t || (n = "You must specify an id for the field"), t && !t.match(Li) && (n = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && r && r.includes(t) && (n = "There is another field with this ID already"), n;
 }
-function $i(t) {
+function Hi(t) {
   let r;
   return t || (r = "You must specify a title for the field"), r;
 }
-function Hi(t) {
+function Yi(t) {
   return t ? (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((r, n) => r + n[0].toUpperCase() + n.substring(1), "") : "";
 }
-function Yi({
+function Wi({
   collection: t,
   onOpenChange: r,
   open: n
 }) {
   const i = Ve(), l = t ? `import { EntityCollection } from "firecms";
 
-const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + si.stringify(cr(t), null, "	") : "No collection selected";
+const ` + (t?.name ? Yi(t.name) : "my") + "Collection:EntityCollection = " + di.stringify(cr(t), null, "	") : "No collection selected";
   return /* @__PURE__ */ a(
     _e,
     {
@@ -2970,9 +2981,9 @@ const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + si.
             "."
           ] }),
           /* @__PURE__ */ e(
-            di,
+            ci,
             {
-              theme: ci.vsDark,
+              theme: ui.vsDark,
               code: l,
               language: "typescript",
               children: ({
@@ -2996,7 +3007,7 @@ const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + si.
                 message: "Copied"
               }), navigator.clipboard.writeText(l)),
               children: [
-                /* @__PURE__ */ e(Yr, { size: "small" }),
+                /* @__PURE__ */ e(Wr, { size: "small" }),
                 "Copy to clipboard"
               ]
             }
@@ -3057,7 +3068,7 @@ function Gi({
     setFieldTouched: y,
     errors: P,
     dirty: v
-  } = Y(), b = Ve(), T = xr(), w = !T, [C, O] = j(), [N, F] = j(), [B, _] = j(), E = N ? ie(N, B) : void 0, h = E ? I(f.properties, E.replaceAll(".", ".properties.")) : void 0, [D, ae] = j(!1), [q, Z] = j(!1), [H, Q] = j(!1), [le, Be] = j([]), Pe = W.useRef(f.propertiesOrder ? { "": f.propertiesOrder } : {});
+  } = Y(), b = Ve(), T = xr(), w = !T, [C, O] = j(), [N, F] = j(), [B, _] = j(), E = N ? ne(N, B) : void 0, h = E ? I(f.properties, E.replaceAll(".", ".properties.")) : void 0, [D, ae] = j(!1), [q, Z] = j(!1), [H, Q] = j(!1), [le, Be] = j([]), Pe = G.useRef(f.propertiesOrder ? { "": f.propertiesOrder } : {});
   ce(() => {
     l && l(v);
   }, [v]);
@@ -3093,7 +3104,7 @@ function Gi({
     const k = ye(U);
     g(k, A, !1), Pe.current[U ?? ""] = A;
   }, ke = (A, U) => {
-    const k = A ? ie(A, U) : void 0;
+    const k = A ? ne(A, U) : void 0;
     if (!k)
       throw Error("collection editor miss config");
     g(me(k), void 0, !1);
@@ -3119,7 +3130,7 @@ function Gi({
     previousId: k,
     namespace: S
   }) => {
-    const M = A ? ie(A, S) : void 0, L = M ? me(M) : void 0;
+    const M = A ? ne(A, S) : void 0, L = M ? me(M) : void 0;
     if (k && k !== A) {
       console.debug("onPropertyChanged, id change", {
         id: A,
@@ -3127,7 +3138,7 @@ function Gi({
         previousId: k,
         namespace: S
       });
-      const ge = ie(k, S), Xe = me(ge), It = te(S).map((tt) => tt === k ? A : tt).filter((tt) => tt !== void 0);
+      const ge = ne(k, S), Xe = me(ge), It = te(S).map((tt) => tt === k ? A : tt).filter((tt) => tt !== void 0);
       xe(It, S), A && (O(It.indexOf(A)), F(A)), g(Xe, void 0, !1), y(Xe, !1, !1);
     }
     console.debug("onPropertyChanged", {
@@ -3137,8 +3148,8 @@ function Gi({
       namespace: S,
       propertyPath: L
     }), L && (g(L, U, !1), y(L, !0, !1));
-  }, Ge = (A, U, k) => {
-    const S = A ? ie(A, U) : void 0;
+  }, We = (A, U, k) => {
+    const S = A ? ne(A, U) : void 0;
     if (console.debug("onPropertyErrorInternal", {
       id: A,
       namespace: U,
@@ -3148,7 +3159,7 @@ function Gi({
       const M = k && Object.keys(k).length > 0;
       i(A, U, M ? k : void 0), x(me(S), M ? "Property error" : void 0);
     }
-  }, We = () => {
+  }, Ge = () => {
     O(void 0), F(void 0);
   }, Ke = N && n?.current?.properties ? n.current.properties[N] : void 0, Ze = f?.propertiesOrder === void 0 || f.propertiesOrder.length === 0, Je = f.propertiesOrder ? f.propertiesOrder : Object.keys(f.properties), Qe = Zt(() => f.ownerId && c ? c(f.ownerId) : null, [c, f.ownerId]), vt = (A, U) => {
     console.debug("CollectionEditor: onPropertyClick", {
@@ -3193,7 +3204,7 @@ function Gi({
         d && /* @__PURE__ */ e("div", { className: "ml-4", children: d }),
         /* @__PURE__ */ a("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
           /* @__PURE__ */ e(ee, { title: "Get the code for this collection", children: /* @__PURE__ */ e(
-            ne,
+            ie,
             {
               variant: "filled",
               disabled: q,
@@ -3202,7 +3213,7 @@ function Gi({
             }
           ) }),
           se && /* @__PURE__ */ e(ee, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
-            ne,
+            ie,
             {
               variant: "filled",
               disabled: q,
@@ -3225,7 +3236,7 @@ function Gi({
         {
           className: "pl-8",
           inferredPropertyKeys: le,
-          selectedPropertyKey: N ? ie(N, B) : void 0,
+          selectedPropertyKey: N ? ne(N, B) : void 0,
           properties: f.properties,
           additionalFields: f.additionalFields,
           propertiesOrder: Je,
@@ -3267,7 +3278,7 @@ function Gi({
               property: h,
               onPropertyChanged: ue,
               onDelete: ke,
-              onError: Ge,
+              onError: We,
               forceShowErrors: t,
               initialErrors: Ke,
               getData: u,
@@ -3308,13 +3319,13 @@ function Gi({
         property: h,
         onPropertyChanged: ue,
         onDelete: ke,
-        onError: Ge,
+        onError: We,
         forceShowErrors: t,
         initialErrors: Ke,
         getData: u,
         propertyConfigs: p,
         collectionEditable: s,
-        onOkClicked: w ? We : void 0
+        onOkClicked: w ? Ge : void 0
       },
       `edit_view_${C}`
     )
@@ -3340,7 +3351,7 @@ function Gi({
       }
     ),
     /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(
-      Yi,
+      Wi,
       {
         collection: f,
         open: D,
@@ -3349,7 +3360,7 @@ function Gi({
     ) })
   ] });
 }
-function Wi({
+function Ki({
   open: t,
   handleOk: r,
   handleCancel: n,
@@ -3377,7 +3388,7 @@ function Wi({
     }
   );
 }
-function Ki({ open: t, onClose: r }) {
+function Zi({ open: t, onClose: r }) {
   const {
     entityViews: n
   } = Se();
@@ -3411,7 +3422,7 @@ function Ki({ open: t, onClose: r }) {
     }
   );
 }
-function Zi({
+function Ji({
   collection: t,
   parentCollection: r,
   configController: n,
@@ -3419,7 +3430,7 @@ function Zi({
   getUser: l,
   parentCollectionIds: o
 }) {
-  const { entityViews: d } = Se(), [c, u] = W.useState(), [m, p] = W.useState(!1), [s, f] = W.useState(), [g, x] = W.useState(), {
+  const { entityViews: d } = Se(), [c, u] = G.useState(), [m, p] = G.useState(!1), [s, f] = G.useState(), [g, x] = G.useState(), {
     values: y,
     setFieldValue: P
   } = Y(), v = t.subcollections ?? [], b = y.entityViews?.filter((C) => typeof C == "string").map((C) => wr(C, d)).filter(Boolean) ?? [], T = t.entityViews?.filter((C) => typeof C != "string") ?? [], w = b.length + T.length;
@@ -3451,7 +3462,7 @@ function Zi({
                   {
                     align: "right",
                     children: /* @__PURE__ */ e(ee, { title: "Remove", children: /* @__PURE__ */ e(
-                      ne,
+                      ie,
                       {
                         size: "small",
                         onClick: (O) => {
@@ -3484,7 +3495,7 @@ function Zi({
       ] }),
       /* @__PURE__ */ a("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ e(V, { variant: "h5", children: "Custom views" }),
-        w === 0 && /* @__PURE__ */ e(Wr, { action: /* @__PURE__ */ e(
+        w === 0 && /* @__PURE__ */ e(Kr, { action: /* @__PURE__ */ e(
           z,
           {
             variant: "text",
@@ -3511,7 +3522,7 @@ function Zi({
                 {
                   align: "right",
                   children: /* @__PURE__ */ e(ee, { title: "Remove", children: /* @__PURE__ */ e(
-                    ne,
+                    ie,
                     {
                       size: "small",
                       onClick: (O) => {
@@ -3606,7 +3617,7 @@ function Zi({
       }
     ),
     /* @__PURE__ */ e(
-      Ki,
+      Zi,
       {
         open: m,
         onClose: (C) => {
@@ -4038,7 +4049,7 @@ const qt = {
     }
   }
 };
-function Ji({
+function Qi({
   path: t,
   pathSuggestions: r,
   parentCollection: n,
@@ -4162,7 +4173,7 @@ function Ji({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ui, { onDataAdded: (g, x) => i(g, x) })
+      /* @__PURE__ */ e(pi, { onDataAdded: (g, x) => i(g, x) })
     ] }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(z, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
@@ -4190,7 +4201,7 @@ function ot({
     }
   ) });
 }
-function Qi({
+function Xi({
   importConfig: t,
   propertyConfigs: r,
   collectionEditable: n
@@ -4199,18 +4210,18 @@ function Qi({
     setFieldValue: i,
     setFieldTouched: l,
     values: o
-  } = Y(), [d, c] = j(void 0), u = W.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), m = d ? d.id : void 0, p = d || void 0, s = ({
+  } = Y(), [d, c] = j(void 0), u = G.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), m = d ? d.id : void 0, p = d || void 0, s = ({
     id: g,
     property: x,
     previousId: y,
     namespace: P
   }) => {
-    const v = g ? ie(g, P) : void 0, b = v ? me(v) : void 0, T = (C) => C ? u.current[C] ?? I(o, ye(C)) : u.current[""], w = (C, O) => {
+    const v = g ? ne(g, P) : void 0, b = v ? me(v) : void 0, T = (C) => C ? u.current[C] ?? I(o, ye(C)) : u.current[""], w = (C, O) => {
       const N = ye(O);
       i(N, C, !1), u.current[O ?? ""] = C;
     };
     if (y && y !== g) {
-      const C = ie(y, P), O = me(C), F = T(P).map((_) => _ === y ? g : _).filter((_) => _ !== void 0);
+      const C = ne(y, P), O = me(C), F = T(P).map((_) => _ === y ? g : _).filter((_) => _ !== void 0);
       w(F, P);
       const B = { ...t.headersMapping };
       Object.keys(B).forEach((_) => {
@@ -4224,8 +4235,8 @@ function Qi({
     property: y,
     namespace: P
   }) => {
-    const v = g ? ie(g, P) : void 0, b = v ? me(v) : void 0, T = t.importData.map((C) => I(C, x)), w = {
-      ...ii(T, y, rr),
+    const v = g ? ne(g, P) : void 0, b = v ? me(v) : void 0, T = t.importData.map((C) => I(C, x)), w = {
+      ...ni(T, y, rr),
       editable: !0
     };
     b && (w ? i(b, w, !1) : i(b, y, !1), l(b, !0, !1));
@@ -4234,7 +4245,7 @@ function Qi({
     /* @__PURE__ */ a(mt, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       /* @__PURE__ */ e(V, { variant: "h6", className: "my-4 ml-3.5", children: "Data property mapping" }),
       /* @__PURE__ */ e(
-        pi,
+        mi,
         {
           importConfig: t,
           destinationProperties: o.properties,
@@ -4244,7 +4255,7 @@ function Qi({
             importKey: y,
             isIdColumn: P
           }) => P ? /* @__PURE__ */ e(V, { children: " This column will be used as ID" }) : /* @__PURE__ */ e(
-            mi,
+            hi,
             {
               property: g,
               propertyKey: x,
@@ -4257,7 +4268,7 @@ function Qi({
                 });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                Xi,
+                en,
                 {
                   property: g,
                   disabled: !1,
@@ -4299,14 +4310,14 @@ function Qi({
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function Xi({
+function en({
   property: t,
   onPropertyChanged: r,
   propertyKey: n,
   propertyConfigs: i,
   disabled: l
 }) {
-  const o = t ? Wt(t) : null, d = t ? je(t, i) : null, [c, u] = j(!1);
+  const o = t ? Gt(t) : null, d = t ? je(t, i) : null, [c, u] = j(!1);
   return /* @__PURE__ */ e(
     ee,
     {
@@ -4349,14 +4360,14 @@ function Xi({
     }
   );
 }
-function en({
+function tn({
   importConfig: t,
   properties: r,
   propertiesOrder: n
 }) {
   const [i, l] = j(!1);
   async function o() {
-    const c = t.importData.map((u) => hi(u, t.idColumn, t.headersMapping, r, "TEMP_PATH", t.defaultValues));
+    const c = t.importData.map((u) => fi(u, t.idColumn, t.headersMapping, r, "TEMP_PATH", t.defaultValues));
     t.setEntities(c);
   }
   ce(() => {
@@ -4437,7 +4448,7 @@ function pr(t) {
       onOpenChange: (c) => c ? void 0 : d(),
       children: [
         r && /* @__PURE__ */ e(
-          tn,
+          rn,
           {
             ...t,
             handleCancel: d,
@@ -4445,7 +4456,7 @@ function pr(t) {
           }
         ),
         /* @__PURE__ */ e(
-          Wi,
+          Ki,
           {
             open: l,
             handleOk: () => t.handleClose(void 0),
@@ -4457,7 +4468,7 @@ function pr(t) {
     }
   );
 }
-function tn(t) {
+function rn(t) {
   const { propertyConfigs: r } = Se(), n = Te(), i = Ie(), {
     topLevelNavigation: l,
     collections: o
@@ -4475,7 +4486,7 @@ function tn(t) {
   } = l, P = s ? {
     ...s,
     id: s.id ?? s.path ?? _t(16)
-  } : void 0, v = P ? nn(P, r) : {
+  } : void 0, v = P ? an(P, r) : {
     id: d?.path ?? _t(16),
     path: d?.path ?? "",
     name: d?.name ?? "",
@@ -4486,7 +4497,7 @@ function tn(t) {
     ownerId: i.user?.uid ?? ""
   };
   return g ? !t.isNewCollection && (!n.initialised || !g) ? /* @__PURE__ */ e(ct, {}) : /* @__PURE__ */ e(
-    rn,
+    nn,
     {
       ...t,
       initialValues: v,
@@ -4500,7 +4511,7 @@ function tn(t) {
     }
   ) : /* @__PURE__ */ e(ct, {});
 }
-function rn({
+function nn({
   isNewCollection: t,
   configController: r,
   editedCollectionId: n,
@@ -4525,7 +4536,7 @@ function rn({
   propertyConfigs: C,
   groups: O
 }) {
-  const N = fi(), F = Te(), B = Ve(), _ = Re({}), E = t ? v ? "welcome" : "details" : "properties", [h, D] = j(E), [ae, q] = ze.useState(), Z = (k) => {
+  const N = gi(), F = Te(), B = Ve(), _ = Re({}), E = t ? v ? "welcome" : "details" : "properties", [h, D] = j(E), [ae, q] = ze.useState(), Z = (k) => {
     const S = k.id || k.path;
     return r.saveCollection({
       id: S,
@@ -4595,7 +4606,7 @@ function rn({
     },
     validation: (k) => {
       let S = {};
-      const M = (h === "properties" || h === "subcollections" || h === "details") && yi;
+      const M = (h === "properties" || h === "subcollections" || h === "details") && bi;
       if (M)
         try {
           M.validateSync(k, { abortEarly: !1 });
@@ -4607,7 +4618,7 @@ function rn({
       if (h === "properties" && (S = { ...S, ..._.current }), h === "details") {
         const L = Yt(k.path, t, y, k.id);
         L && (S.path = L);
-        const ge = an(k.id, t, y, P);
+        const ge = on(k.id, t, y, P);
         ge && (S.id = ge);
       }
       return S;
@@ -4618,12 +4629,12 @@ function rn({
     isSubmitting: ke,
     dirty: Ye,
     submitCount: gt
-  } = se, ue = te.path, Ge = l?.includes("/") ? l?.split("/").slice(0, -1).join("/") + "/" + ue : ue, We = Yt(ue, t, y, te.id), Ke = !We && i ? F.convertIdsToPaths(i) : void 0, Ze = We ? void 0 : F.resolveAliasesFrom(Ge), Je = Ze && x ? () => x(Ze, Ke ?? []) : void 0;
+  } = se, ue = te.path, We = l?.includes("/") ? l?.split("/").slice(0, -1).join("/") + "/" + ue : ue, Ge = Yt(ue, t, y, te.id), Ke = !Ge && i ? F.convertIdsToPaths(i) : void 0, Ze = Ge ? void 0 : F.resolveAliasesFrom(We), Je = Ze && x ? () => x(Ze, Ke ?? []) : void 0;
   ce(() => {
     p(Ye);
   }, [Ye]);
   function Qe(k, S) {
-    N.setInUse(!0), ni(k, rr).then((M) => {
+    N.setInUse(!0), ai(k, rr).then((M) => {
       const L = ur(M);
       N.setIdColumn(L.idColumn), N.setImportData(k), N.setHeadersMapping(L.headersMapping);
       const ge = (S ?? []).filter((et) => L.headersMapping[et]) ?? Object.keys(L.properties);
@@ -4638,7 +4649,7 @@ function rn({
   }, U = b?.editable === void 0 || b?.editable === !0 || t;
   return /* @__PURE__ */ e(Ae, { fullHeight: !0, children: /* @__PURE__ */ e(Ot, { value: se, children: /* @__PURE__ */ a(R, { children: [
     !t && /* @__PURE__ */ a(
-      Kr,
+      Zr,
       {
         value: h,
         className: he(Tt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
@@ -4663,7 +4674,7 @@ function rn({
           h === "loading" && /* @__PURE__ */ e(ct, {}),
           h === "extra_view" && ue && u?.View && /* @__PURE__ */ e(u.View, { path: ue }),
           h === "welcome" && /* @__PURE__ */ e(
-            Ji,
+            Qi,
             {
               path: ue,
               onContinue: (k, S) => {
@@ -4675,7 +4686,7 @@ function rn({
             }
           ),
           h === "import_data_mapping" && N && /* @__PURE__ */ e(
-            Qi,
+            Xi,
             {
               importConfig: N,
               collectionEditable: U,
@@ -4683,7 +4694,7 @@ function rn({
             }
           ),
           h === "import_data_preview" && N && /* @__PURE__ */ e(
-            en,
+            tn,
             {
               importConfig: N,
               properties: te.properties,
@@ -4691,7 +4702,7 @@ function rn({
             }
           ),
           h === "import_data_saving" && N && /* @__PURE__ */ e(
-            gi,
+            vi,
             {
               importConfig: N,
               collection: te,
@@ -4705,7 +4716,7 @@ function rn({
             }
           ),
           h === "details" && /* @__PURE__ */ e(
-            bi,
+            Ci,
             {
               existingPaths: y,
               existingIds: P,
@@ -4716,7 +4727,7 @@ function rn({
             }
           ),
           h === "subcollections" && b && /* @__PURE__ */ e(
-            Zi,
+            Ji,
             {
               parentCollection: g,
               configController: r,
@@ -4745,7 +4756,7 @@ function rn({
               propertyConfigs: C,
               collectionEditable: U,
               extraIcon: u?.icon && /* @__PURE__ */ e(
-                ne,
+                ie,
                 {
                   color: "primary",
                   onClick: () => D("extra_view"),
@@ -4848,7 +4859,7 @@ function rn({
                     type: "submit",
                     loading: ke,
                     disabled: ke || h === "details" && !vt,
-                    startIcon: h === "properties" ? /* @__PURE__ */ e(Zr, {}) : void 0,
+                    startIcon: h === "properties" ? /* @__PURE__ */ e(Jr, {}) : void 0,
                     children: [
                       h === "details" && "Next",
                       h === "properties" && "Create collection"
@@ -4873,7 +4884,7 @@ function rn({
     )
   ] }) }) });
 }
-function nn(t, r) {
+function an(t, r) {
   const {
     properties: n,
     ...i
@@ -4891,7 +4902,7 @@ function mr(t, r) {
     const i = r[n.propertyConfig];
     if (i && re(i.property))
       n = i.property;
-    else if (i && (n = G(i.property, n)), !re(n) && n.dataType === "map" && n.properties) {
+    else if (i && (n = W(i.property, n)), !re(n) && n.dataType === "map" && n.properties) {
       const l = {};
       Object.keys(n.properties).forEach((o) => {
         l[o] = mr(n.properties[o], r);
@@ -4906,12 +4917,12 @@ function mr(t, r) {
 const Yt = (t, r, n, i) => {
   let l;
   return t || (l = "You must specify a path in the database for this collection"), r && n?.includes(t.trim().toLowerCase()) && !i && (l = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, make sure the have different ids"), Vr(t).split("/").length % 2 === 0 && (l = `Collection paths must have an odd number of segments: ${t}`), l;
-}, an = (t, r, n, i) => {
+}, on = (t, r, n, i) => {
   if (!t)
     return;
   let l;
   return r && n?.includes(t.trim().toLowerCase()) && (l = "There is already a collection that uses this value as a path"), r && i?.includes(t.trim().toLowerCase()) && (l = "There is already a collection which uses this id"), l;
-}, hr = W.createContext({}), fr = W.createContext({}), on = W.memo(
+}, hr = G.createContext({}), fr = G.createContext({}), ln = G.memo(
   function({
     children: r,
     collectionConfigController: n,
@@ -4924,7 +4935,7 @@ const Yt = (t, r, n, i) => {
     getData: m,
     onAnalyticsEvent: p
   }) {
-    const s = Te(), f = vi(), g = Ve(), { propertyConfigs: x } = Se(), [y, P] = W.useState(), [v, b] = W.useState(), T = Er(() => ({
+    const s = Te(), f = yi(), g = Ve(), { propertyConfigs: x } = Se(), [y, P] = G.useState(), [v, b] = G.useState(), T = Er(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
@@ -5103,7 +5114,7 @@ const Yt = (t, r, n, i) => {
   },
   ve
 ), Ne = () => Jt(fr);
-function ln({
+function sn({
   path: t,
   parentCollectionIds: r,
   collection: n,
@@ -5118,7 +5129,7 @@ function ln({
     {
       title: u ? "Edit collection" : "You don't have permissions to edit this collection",
       children: /* @__PURE__ */ e(
-        ne,
+        ie,
         {
           color: "primary",
           disabled: !u,
@@ -5130,7 +5141,7 @@ function ln({
   ) });
 }
 const gr = () => Jt(hr);
-function sn({
+function dn({
   path: t,
   collection: r
 }) {
@@ -5150,10 +5161,10 @@ function sn({
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { children: [
       d.deleteCollections && /* @__PURE__ */ e(
-        Jr,
+        Qr,
         {
-          trigger: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(Qr, { size: "small" }) }),
-          children: /* @__PURE__ */ a(Xr, { onClick: (s) => {
+          trigger: /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(Xr, { size: "small" }) }),
+          children: /* @__PURE__ */ a(ei, { onClick: (s) => {
             s.preventDefault(), s.stopPropagation(), m(!0);
           }, children: [
             /* @__PURE__ */ e(pt, {}),
@@ -5162,7 +5173,7 @@ function sn({
         }
       ),
       d.editCollections && /* @__PURE__ */ e(
-        ne,
+        ie,
         {
           onClick: (s) => {
             c();
@@ -5187,7 +5198,7 @@ function sn({
     )
   ] });
 }
-function dn({
+function cn({
   propertyKey: t,
   onHover: r,
   property: n,
@@ -5197,7 +5208,7 @@ function dn({
 }) {
   const d = Ne();
   return /* @__PURE__ */ e(ee, { title: "Edit", children: /* @__PURE__ */ e(
-    ne,
+    ie,
     {
       className: r ? "bg-white dark:bg-gray-950" : "hidden",
       onClick: () => {
@@ -5214,7 +5225,7 @@ function dn({
     }
   ) });
 }
-function cn({
+function un({
   fullPath: t,
   parentCollectionIds: r,
   collection: n
@@ -5239,7 +5250,7 @@ function cn({
     }
   ) });
 }
-function un() {
+function pn() {
   const t = Ne();
   return /* @__PURE__ */ e("div", { className: "bg-gray-50 dark:bg-gray-900 min-w-fit rounded", children: /* @__PURE__ */ a(
     z,
@@ -5258,7 +5269,7 @@ function un() {
     }
   ) });
 }
-function pn({
+function mn({
   path: t,
   parentCollectionIds: r,
   collection: n,
@@ -5283,7 +5294,7 @@ function pn({
             onClick: () => d?.saveCollection({
               id: n.id,
               parentCollectionIds: r,
-              collectionData: G(
+              collectionData: W(
                 n,
                 {
                   initialFilter: i.filterValues ?? null,
@@ -5296,7 +5307,7 @@ function pn({
                 message: "Default config saved"
               });
             }),
-            children: /* @__PURE__ */ e(ei, {})
+            children: /* @__PURE__ */ e(ti, {})
           }
         )
       }
@@ -5314,7 +5325,7 @@ function pn({
             onClick: () => {
               i.clearFilter?.(), n?.initialFilter && i.setFilterValues?.(n?.initialFilter), n?.initialSort && i.setSortBy?.(n?.initialSort);
             },
-            children: /* @__PURE__ */ e(ti, {})
+            children: /* @__PURE__ */ e(ri, {})
           }
         )
       }
@@ -5324,7 +5335,7 @@ function pn({
 function lt(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function mn({
+function hn({
   group: t,
   context: r
 }) {
@@ -5365,7 +5376,7 @@ function mn({
     }
   );
 }
-function Vn({
+function In({
   collectionConfigController: t,
   configPermissions: r,
   reservedGroups: n,
@@ -5380,7 +5391,7 @@ function Vn({
     key: "collection_editor",
     loading: t.loading,
     provider: {
-      Component: on,
+      Component: ln,
       props: {
         collectionConfigController: t,
         configPermissions: r,
@@ -5394,21 +5405,21 @@ function Vn({
       }
     },
     homePage: {
-      additionalActions: /* @__PURE__ */ e(un, {}),
-      additionalChildrenStart: /* @__PURE__ */ e(hn, {}),
+      additionalActions: /* @__PURE__ */ e(pn, {}),
+      additionalChildrenStart: /* @__PURE__ */ e(fn, {}),
       // additionalChildrenEnd: <RootCollectionSuggestions introMode={introMode}/>,
-      CollectionActions: sn,
-      AdditionalCards: mn
+      CollectionActions: dn,
+      AdditionalCards: hn
     },
     collectionView: {
-      CollectionActionsStart: pn,
-      CollectionActions: ln,
-      HeaderAction: dn,
-      AddColumnComponent: cn
+      CollectionActionsStart: mn,
+      CollectionActions: sn,
+      HeaderAction: cn,
+      AddColumnComponent: un
     }
   };
 }
-function hn({}) {
+function fn({}) {
   const t = Te();
   if (!t.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
@@ -5441,7 +5452,7 @@ function hn({}) {
     }
   );
 }
-const In = (t, r, n) => {
+const _n = (t, r, n) => {
   const i = (d) => {
     Le(d.properties), d.subcollections?.forEach(i);
   }, l = r ?? [];
@@ -5449,8 +5460,8 @@ const In = (t, r, n) => {
   const o = _r(t, l, [], n);
   return console.debug("Collections after joining:", o), o;
 };
-function _n({ path: t }) {
-  const r = Te(), n = fn(t), i = r.getParentCollectionIds(t), l = Ne();
+function Fn({ path: t }) {
+  const r = Te(), n = gn(t), i = r.getParentCollectionIds(t), l = Ne();
   return /* @__PURE__ */ a("div", { className: "p-1 flex flex-col items-center", children: [
     /* @__PURE__ */ e(Kt, { error: "No collection for path: " + n }),
     /* @__PURE__ */ e(
@@ -5472,22 +5483,22 @@ function _n({ path: t }) {
     )
   ] });
 }
-function fn(t) {
+function gn(t) {
   const r = t.split("/");
   return r[r.length - 1];
 }
 export {
-  _n as MissingReferenceWidget,
+  Fn as MissingReferenceWidget,
   Ue as editableProperty,
-  ie as getFullId,
+  ne as getFullId,
   nr as getFullIdPath,
   me as idToPropertiesPath,
-  In as mergeCollections,
+  _n as mergeCollections,
   ye as namespaceToPropertiesOrderPath,
   ir as namespaceToPropertiesPath,
-  wi as removeNonEditableProperties,
+  Ti as removeNonEditableProperties,
   Ne as useCollectionEditorController,
-  Vn as useCollectionEditorPlugin,
+  In as useCollectionEditorPlugin,
   gr as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map