@firecms/collection_editor 3.0.0-canary.43 → 3.0.0-canary.44

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 X, SearchIconsView as vr, toSnakeCase as xt, singular as yr, IconForView as dt, ArrayContainer as br, serializeRegExp as Cr, useSnackbarController as Ie, resolveEnumValues as Nr, isPropertyBuilder as ie, useCustomizationController as Ae, getFieldConfig as Le, ErrorBoundary as me, PropertyConfigBadge as $e, unslugify as wt, useNavigationController as Te, mergeDeep as K, DEFAULT_FIELD_CONFIGS as Kt, isValidRegExp as xr, getFieldId as Wt, DeleteConfirmationDialog as ct, useLargeLayout as Pr, makePropertiesEditable as He, resolveEntityView as wr, useSelectionController as Tr, CircularProgressCenter as ut, EntityCollectionTable as kr, slugify as Or, useAuthController as _e, randomString as Ft, removeUndefined as Et, ErrorView as Zt, removeInitialAndTrailingSlashes as Vr, getDefaultPropertiesOrder as Ir, joinCollectionLists as _r } from "@firecms/core";
+import { FieldCaption as X, SearchIconsView as yr, toSnakeCase as xt, singular as br, IconForView as dt, ArrayContainer as Cr, serializeRegExp as Nr, useSnackbarController as Ie, resolveEnumValues as xr, isPropertyBuilder as ie, useCustomizationController as Ae, getFieldConfig as Le, ErrorBoundary as me, PropertyConfigBadge as $e, unslugify as wt, useNavigationController as Te, mergeDeep as K, DEFAULT_FIELD_CONFIGS as Kt, isValidRegExp as Pr, getFieldId as Wt, DeleteConfirmationDialog as ct, useLargeLayout as wr, makePropertiesEditable as He, resolveEntityView as Tr, useSelectionController as kr, CircularProgressCenter as ut, EntityCollectionTable as Or, slugify as Vr, useAuthController as _e, randomString as Ft, removeUndefined as Et, ErrorView as Zt, removeInitialAndTrailingSlashes as Ir, getDefaultPropertiesOrder as _r, joinCollectionLists as Fr } from "@firecms/core";
 import * as Ue from "react";
-import Y, { useState as j, useEffect as ue, useMemo as Jt, useCallback as J, useRef as je, useDeferredValue as Fr, useContext as Qt } from "react";
+import Y, { useState as j, useEffect as ue, useMemo as Jt, useCallback as J, useRef as je, useDeferredValue as Er, useContext as Qt } from "react";
 import be from "react-fast-compare";
-import { useAutoComplete as Er, Container as ht, Typography as V, Tooltip as te, IconButton as ae, Chip as Pt, TextField as Oe, cn as fe, DebouncedTextField as W, Autocomplete as Sr, AutocompleteItem as Ar, ExpandablePanel as Tt, SettingsIcon as Ye, Select as Ne, SelectItem as ee, BooleanSwitchWithLabel as pt, Dialog as Fe, AutoAwesomeIcon as ft, Badge as Dr, ListIcon as Br, Button as z, CircularProgress as Ge, Paper as ge, DialogContent as De, DialogActions as Be, RuleIcon as Mr, FileUploadIcon as zr, MultiSelect as Rr, MultiSelectItem as St, Checkbox as At, cardMixin as Xt, cardClickableMixin as er, cardSelectedMixin as tr, FunctionsIcon as Ur, RemoveCircleIcon as jr, defaultBorderMixin as kt, RemoveIcon as qr, DragHandleIcon as Lr, AddIcon as ce, SelectGroup as Dt, InfoLabel as $r, DeleteIcon as mt, ContentCopyIcon as Hr, CodeIcon as Yr, Table as Bt, TableBody as Mt, TableRow as Ct, TableCell as Re, Alert as Gr, Icon as it, Card as rr, coolIconKeys as zt, Tabs as Kr, Tab as Nt, ArrowBackIcon as nt, LoadingButton as Rt, DoneIcon as Wr, Menu as Zr, MoreVertIcon as Jr, MenuItem as Qr, SaveIcon as Xr, UndoIcon as ei } from "@firecms/ui";
+import { useAutoComplete as Sr, Container as ht, Typography as V, Tooltip as te, IconButton as ae, Chip as Pt, TextField as Oe, cn as fe, DebouncedTextField as W, Autocomplete as Ar, AutocompleteItem as Dr, ExpandablePanel as Tt, SettingsIcon as Ye, Select as Ne, SelectItem as ee, BooleanSwitchWithLabel as pt, Dialog as Fe, AutoAwesomeIcon as ft, Badge as Br, ListIcon as Mr, Button as z, CircularProgress as Ge, Paper as ge, DialogContent as De, DialogActions as Be, RuleIcon as zr, FileUploadIcon as Rr, MultiSelect as Ur, MultiSelectItem as St, Checkbox as At, cardMixin as Xt, cardClickableMixin as er, cardSelectedMixin as tr, FunctionsIcon as jr, RemoveCircleIcon as qr, defaultBorderMixin as kt, RemoveIcon as Lr, DragHandleIcon as $r, AddIcon as ce, SelectGroup as Dt, InfoLabel as Hr, DeleteIcon as mt, ContentCopyIcon as Yr, CodeIcon as Gr, Table as Bt, TableBody as Mt, TableRow as Ct, TableCell as Re, Alert as Kr, Icon as it, Card as rr, coolIconKeys as zt, Tabs as Wr, Tab as Nt, ArrowBackIcon as nt, LoadingButton as Rt, DoneIcon as Zr, Menu as Jr, MoreVertIcon as Qr, MenuItem as Xr, SaveIcon as ei, UndoIcon as ti } from "@firecms/ui";
 import * as at from "yup";
 import { useFormex as G, Field as $, getIn as I, useCreateFormex as Ot, Formex as Vt } from "@firecms/formex";
-import { extractEnumFromValues as ti, buildPropertyFromData as ri, buildEntityPropertiesFromData as ii } from "@firecms/schema_inference";
-import { DragDropContext as ni, Droppable as ai, Draggable as oi } from "@hello-pangea/dnd";
-import li from "json5";
-import { Highlight as si, themes as di } from "prism-react-renderer";
-import { ImportFileUpload as ci, DataNewPropertiesMapping as ui, ImportNewPropertyFieldPreview as pi, getInferenceType as ir, convertDataToEntity as mi, useImportConfig as hi, ImportSaveInProgress as fi } from "@firecms/data_import_export";
-import { useNavigate as gi } from "react-router";
-const vi = at.object().shape({
+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 ir, convertDataToEntity as hi, useImportConfig as fi, ImportSaveInProgress as gi } from "@firecms/data_import_export";
+import { useNavigate as vi } from "react-router";
+const yi = at.object().shape({
   id: at.string().required("Required"),
   name: at.string().required("Required"),
   path: at.string().required("Required")
 });
-function yi({
+function bi({
   isNewCollection: t,
   reservedGroups: r,
   existingPaths: n,
@@ -34,17 +34,17 @@ function yi({
     setFieldTouched: f,
     isSubmitting: g,
     submitCount: P
-  } = G(), [y, x] = j(!1), [v, b] = j(!1), w = (h) => {
-    u("name", h), !I(p, "path") && t && h && u("path", xt(h)), !I(p, "id") && t && h && u("id", xt(h)), !I(p, "singularName") && t && h && u("singularName", yr(h));
+  } = G(), [y, x] = j(!1), [v, b] = j(!1), T = (h) => {
+    u("name", h), !I(p, "path") && t && h && u("path", xt(h)), !I(p, "id") && t && h && u("id", xt(h)), !I(p, "singularName") && t && h && u("singularName", br(h));
   };
   ue(() => {
     s.id && b(!0);
   }, [s.id]);
-  const T = /* @__PURE__ */ e(dt, { collectionOrView: c }), C = l?.filter((h) => !r?.includes(h)), {
+  const w = /* @__PURE__ */ e(dt, { collectionOrView: c }), C = l?.filter((h) => !r?.includes(h)), {
     inputFocused: O,
     autoCompleteOpen: N,
     setAutoCompleteOpen: F
-  } = Er({
+  } = Sr({
     ref: d
   }), D = !!o;
   let _;
@@ -63,7 +63,7 @@ function yi({
               {
                 shape: "square",
                 onClick: () => x(!0),
-                children: T
+                children: w
               }
             ) })
           ]
@@ -80,7 +80,7 @@ function yi({
           Oe,
           {
             value: c.name ?? "",
-            onChange: (h) => w(h.target.value),
+            onChange: (h) => T(h.target.value),
             label: "Name",
             required: !0,
             error: S && !!s.name
@@ -117,12 +117,12 @@ function yi({
           }
         ),
         /* @__PURE__ */ e(
-          Sr,
+          Ar,
           {
             open: N && (C ?? []).length > 0,
             setOpen: F,
             children: C?.map((h, B) => /* @__PURE__ */ e(
-              Ar,
+              Dr,
               {
                 onClick: () => {
                   F(!1), u("group", h ?? null);
@@ -219,7 +219,7 @@ function yi({
               Ne,
               {
                 name: "customId",
-                label: "Data IDs generation",
+                label: "Document IDs generation",
                 position: "item-aligned",
                 disabled: _ === "code_defined",
                 onValueChange: (h) => {
@@ -273,7 +273,7 @@ function yi({
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
-          vr,
+          yr,
           {
             selectedIcon: c.icon,
             onIconSelected: (h) => {
@@ -288,7 +288,7 @@ function yi({
 function he(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function bi(t) {
+function nr(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
 function Ce(t) {
@@ -297,7 +297,7 @@ function Ce(t) {
 function ne(t, r) {
   return r ? `${r}.${t}` : t;
 }
-function nr(t, r) {
+function ar(t, r) {
   const n = r ? `${r}.${t}` : t;
   return he(n);
 }
@@ -348,26 +348,26 @@ function Ni({
 }) {
   const {
     setFieldValue: c
-  } = G(), [u, m] = Y.useState(), [p, s] = Y.useState(), [f, g] = Y.useState(!1), y = Y.useRef(/* @__PURE__ */ new Set()).current, x = (b, w) => {
-    const T = u === w, C = r?.enumValues && r?.enumValues[b];
+  } = G(), [u, m] = Y.useState(), [p, s] = Y.useState(), [f, g] = Y.useState(!1), y = Y.useRef(/* @__PURE__ */ new Set()).current, x = (b, T) => {
+    const w = u === T, C = r?.enumValues && r?.enumValues[b];
     return /* @__PURE__ */ e(
       xi,
       {
         index: b,
         disabled: n,
         enumValuesPath: i,
-        autoFocus: T,
+        autoFocus: w,
         entryError: C,
-        shouldUpdateId: l || T,
+        shouldUpdateId: l || w,
         onDialogOpen: () => s(b),
         inferredEntry: y.has(t.enumValues[b]?.id)
       },
-      `${w}`
+      `${T}`
     );
   };
   return /* @__PURE__ */ a("div", { className: "col-span-12", children: [
     /* @__PURE__ */ a("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(Br, {}),
+      /* @__PURE__ */ e(Mr, {}),
       /* @__PURE__ */ e(
         V,
         {
@@ -387,7 +387,7 @@ function Ni({
             d && (g(!0), d?.().then((b) => {
               if (!b)
                 return;
-              const w = b.flat(), T = Array.from(new Set(w)), C = t.enumValues, N = ti(T).filter((F) => !C?.some((D) => D.id === F.id));
+              const T = b.flat(), w = Array.from(new Set(T)), C = t.enumValues, N = ri(w).filter((F) => !C?.some((D) => D.id === F.id));
               N.forEach((F) => {
                 y.add(F.id);
               }), c(i, [...N, ...C], !0);
@@ -404,7 +404,7 @@ function Ni({
     ] }),
     /* @__PURE__ */ a(ge, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
-        br,
+        Cr,
         {
           droppableId: i,
           addLabel: "Add enum value",
@@ -467,7 +467,7 @@ const xi = Y.memo(
             error: !!u?.label
           }
         ),
-        !d && /* @__PURE__ */ e(Dr, { color: "error", invisible: !u?.id, children: /* @__PURE__ */ e(
+        !d && /* @__PURE__ */ e(Br, { color: "error", invisible: !u?.id, children: /* @__PURE__ */ e(
           ae,
           {
             size: "small",
@@ -640,7 +640,7 @@ function Se({
     values: m,
     handleChange: p,
     errors: s
-  } = G(), f = "validation.length", g = "validation.min", P = "validation.max", y = "validation.trim", x = "validation.matches", v = "validation.lowercase", b = "validation.uppercase", w = I(s, x), T = I(m, x), C = typeof T == "string" ? T : Cr(T);
+  } = G(), f = "validation.length", g = "validation.min", P = "validation.max", y = "validation.trim", x = "validation.matches", v = "validation.lowercase", b = "validation.uppercase", T = I(s, x), w = I(m, x), C = typeof w == "string" ? w : Nr(w);
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Ee, { disabled: c }),
     /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
@@ -741,10 +741,10 @@ function Se({
           size: "small",
           disabled: c,
           value: C,
-          error: !!w
+          error: !!T
         }
       ),
-      /* @__PURE__ */ e(X, { error: !!w, children: w ? "Not a valid regexp" : "e.g. /^\\d+$/ for digits only" })
+      /* @__PURE__ */ e(X, { error: !!T, children: T ? "Not a valid regexp" : "e.g. /^\\d+$/ for digits only" })
     ] })
   ] });
 }
@@ -795,7 +795,7 @@ function xe({
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ a("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Mr, {}),
+        /* @__PURE__ */ e(zr, {}),
         /* @__PURE__ */ e(
           V,
           {
@@ -821,7 +821,7 @@ function Ut({
     values: d,
     setFieldError: c,
     setFieldValue: u
-  } = G(), m = Ie(), p = t ? "of.enumValues" : "enumValues", s = I(d, "defaultValue"), f = I(d, p), g = Jt(() => !f || typeof f == "boolean" ? [] : Nr(f) ?? [], [f]);
+  } = G(), m = Ie(), p = t ? "of.enumValues" : "enumValues", s = I(d, "defaultValue"), f = I(d, p), g = Jt(() => !f || typeof f == "boolean" ? [] : xr(f) ?? [], [f]);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ci,
@@ -893,14 +893,14 @@ function jt({
     values: i,
     setFieldValue: l
   } = G(), o = t ? "of.storage" : "storage", d = `${o}.acceptedFiles`, c = `${o}.fileName`, u = `${o}.storagePath`, m = `${o}.storeUrl`, p = I(i, c) ?? "{rand}_{file}", s = I(i, u) ?? "/", f = I(i, d), g = Array.isArray(f) ? f : void 0, P = !g || g.length === 0, y = (b) => {
-    b ? b.includes("all") || b.length >= Object.keys(ot).length ? l(d, void 0) : P ? l(d, Object.keys(ot).filter((w) => !b.includes(w))) : l(d, b) : l(d, void 0);
+    b ? b.includes("all") || b.length >= Object.keys(ot).length ? l(d, void 0) : P ? l(d, Object.keys(ot).filter((T) => !b.includes(T))) : l(d, b) : l(d, void 0);
   }, x = typeof p == "function", v = typeof s == "function";
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Tt,
       {
         title: /* @__PURE__ */ a("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(zr, {}),
+          /* @__PURE__ */ e(Rr, {}),
           /* @__PURE__ */ e(
             V,
             {
@@ -912,14 +912,14 @@ function jt({
         ] }),
         children: /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(
-            Rr,
+            Ur,
             {
               disabled: n,
               name: d,
               value: g ?? [],
               onMultiValueChange: y,
               label: P ? void 0 : "Allowed file types",
-              renderValues: (b) => !b || b.length === 0 ? "All file types allowed" : b.map((w) => ot[w]).filter((w) => !!w).join(", "),
+              renderValues: (b) => !b || b.length === 0 ? "All file types allowed" : b.map((T) => ot[T]).filter((T) => !!T).join(", "),
               children: [
                 /* @__PURE__ */ a(St, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
@@ -930,20 +930,20 @@ function jt({
                   ),
                   "All"
                 ] }, "all"),
-                Object.entries(ot).map(([b, w]) => /* @__PURE__ */ a(St, { value: b, className: "flex items-center gap-2", children: [
+                Object.entries(ot).map(([b, T]) => /* @__PURE__ */ a(St, { value: b, className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     At,
                     {
                       checked: P || g.indexOf(b) > -1
                     }
                   ),
-                  /* @__PURE__ */ e("div", { className: "flex-grow", children: w }),
+                  /* @__PURE__ */ e("div", { className: "flex-grow", children: T }),
                   /* @__PURE__ */ e(
                     z,
                     {
                       size: "small",
                       variant: "outlined",
-                      onClick: (T) => (T.preventDefault(), T.stopPropagation(), l(d, [b])),
+                      onClick: (w) => (w.preventDefault(), w.stopPropagation(), l(d, [b])),
                       children: "Only"
                     }
                   )
@@ -991,12 +991,12 @@ function jt({
               {
                 name: m,
                 type: "checkbox",
-                children: ({ field: b, form: w }) => /* @__PURE__ */ e(
+                children: ({ field: b, form: T }) => /* @__PURE__ */ e(
                   le,
                   {
                     label: "Save URL instead of storage path",
                     disabled: r || n,
-                    form: w,
+                    form: T,
                     field: b
                   }
                 )
@@ -1033,7 +1033,7 @@ function wi(t) {
       } : { [r]: i };
   }).filter((r) => !!r).reduce((r, n) => ({ ...r, ...n }), {});
 }
-function ar({
+function or({
   property: t,
   onClick: r,
   hasError: n,
@@ -1123,10 +1123,10 @@ function Ti({
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e(Ur, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(jr, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(jr, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
+          /* @__PURE__ */ e(qr, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
           ge,
@@ -1213,10 +1213,10 @@ const gt = Y.memo(
     const g = o ?? Object.keys(l), P = J((y) => {
       if (!y.destination)
         return;
-      const x = y.source.index, v = y.destination.index, b = Array.from(g), [w] = b.splice(x, 1);
-      b.splice(v, 0, w), u && u(b, r);
+      const x = y.source.index, v = y.destination.index, b = Array.from(g), [T] = b.splice(x, 1);
+      b.splice(v, 0, T), u && u(b, r);
     }, [r, u, g]);
-    return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ni, { onDragEnd: P, children: /* @__PURE__ */ e(ai, { droppableId: `droppable_${r}`, children: (y, x) => /* @__PURE__ */ a(
+    return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ai, { onDragEnd: P, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${r}`, children: (y, x) => /* @__PURE__ */ a(
       "div",
       {
         ...y.droppableProps,
@@ -1224,9 +1224,9 @@ const gt = Y.memo(
         className: p,
         children: [
           g && g.map((v, b) => {
-            const w = l[v], T = d?.find((C) => C.key === v);
-            return !w && !T ? (console.warn(`Property ${v} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-              oi,
+            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,
               {
                 draggableId: `array_field_${r}_${v}}`,
                 index: b,
@@ -1234,8 +1234,8 @@ const gt = Y.memo(
                   ki,
                   {
                     propertyKey: v,
-                    propertyOrBuilder: w,
-                    additionalField: T,
+                    propertyOrBuilder: T,
+                    additionalField: w,
                     provided: C,
                     errors: c,
                     namespace: r,
@@ -1277,17 +1277,17 @@ function ki({
   inferredPropertyKeys: p,
   collectionEditable: s
 }) {
-  const f = p?.includes(r ? `${r}.${t}` : t), g = ne(t, r), y = nr(t, r) in d;
+  const f = p?.includes(r ? `${r}.${t}` : t), g = ne(t, r), y = ar(t, r) in d;
   let x;
   if (typeof n == "object") {
-    const w = n;
-    w.dataType === "map" && w.properties && (x = /* @__PURE__ */ e(
+    const T = n;
+    T.dataType === "map" && T.properties && (x = /* @__PURE__ */ e(
       gt,
       {
         selectedPropertyKey: o,
         namespace: g,
-        properties: w.properties,
-        propertiesOrder: w.propertiesOrder,
+        properties: T.properties,
+        propertiesOrder: T.propertiesOrder,
         errors: d,
         onPropertyClick: c,
         onPropertyMove: u,
@@ -1317,7 +1317,7 @@ function ki({
           }
         ),
         !ie(n) && !i && b ? /* @__PURE__ */ e(
-          ar,
+          or,
           {
             property: n,
             onClick: c ? () => c(t, r) : void 0,
@@ -1342,7 +1342,7 @@ function ki({
               size: "small",
               color: "inherit",
               onClick: () => m(t, r),
-              children: /* @__PURE__ */ e(qr, { size: "small" })
+              children: /* @__PURE__ */ e(Lr, { size: "small" })
             }
           ) }),
           u && /* @__PURE__ */ e(te, { title: "Move", children: /* @__PURE__ */ e(
@@ -1350,7 +1350,7 @@ function ki({
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(Lr, { size: "small" })
+              children: /* @__PURE__ */ e($r, { size: "small" })
             }
           ) })
         ] }),
@@ -1364,25 +1364,25 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     values: o,
     setFieldValue: d
   } = G(), [c, u] = j(!1), [m, p] = j(), [s, f] = j(), g = o.propertiesOrder ?? Object.keys(o.properties ?? {}), P = ({
-    id: T,
+    id: w,
     property: C
   }) => {
-    if (!T)
+    if (!w)
       throw Error();
     d("properties", {
       ...o.properties ?? {},
-      [T]: C
+      [w]: C
     }, !1);
-    const O = o.propertiesOrder ?? Object.keys(o.properties ?? {}), N = O.includes(T) ? O : [...O, T];
+    const O = o.propertiesOrder ?? Object.keys(o.properties ?? {}), N = O.includes(w) ? O : [...O, w];
     d("propertiesOrder", N, !1), u(!1);
-  }, y = J((T, C) => {
-    const O = T ? ne(T, C) : void 0;
+  }, y = J((w, C) => {
+    const O = w ? ne(w, C) : void 0;
     if (!O)
       throw Error("collection editor miss config");
-    const N = he(O), F = Ce(C), D = I(o, F) ?? Object.keys(I(o, bi(C)));
-    d(N, void 0, !1), d(F, D.filter((_) => _ !== T), !1), u(!1), p(void 0), f(void 0);
-  }, [d, o]), x = m ? ne(m, s) : void 0, v = x ? I(o.properties, x.replaceAll(".", ".properties.")) : void 0, b = !g || g.length < 1, w = J((T, C) => {
-    d(Ce(C), T, !1);
+    const N = he(O), F = Ce(C), D = I(o, F) ?? Object.keys(I(o, nr(C)));
+    d(N, void 0, !1), d(F, D.filter((_) => _ !== w), !1), u(!1), p(void 0), f(void 0);
+  }, [d, o]), x = m ? ne(m, s) : void 0, v = x ? I(o.properties, x.replaceAll(".", ".properties.")) : void 0, b = !g || g.length < 1, T = J((w, C) => {
+    d(Ce(C), w, !1);
   }, []);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
@@ -1410,10 +1410,10 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
             propertiesOrder: g,
             errors: {},
             collectionEditable: l,
-            onPropertyClick: (T, C) => {
-              p(T), f(C), u(!0);
+            onPropertyClick: (w, C) => {
+              p(w), f(C), u(!0);
             },
-            onPropertyMove: w
+            onPropertyMove: T
           }
         ),
         b && /* @__PURE__ */ e(
@@ -1433,7 +1433,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
           position: "start",
           size: "small",
           label: "Spread children as columns",
-          onValueChange: (T) => d("spreadChildren", T),
+          onValueChange: (w) => d("spreadChildren", w),
           value: o.spreadChildren ?? !1
         }
       ),
@@ -1483,8 +1483,8 @@ function Vi({
     errors: m,
     setFieldValue: p,
     touched: s
-  } = G(), [f, g] = j(!1), P = I(c, "of"), y = I(s, "of") && I(m, "of"), x = ({ id: b, property: w, namespace: T }) => {
-    console.log("onPropertyChanged", b, w, T), p("of", w);
+  } = G(), [f, g] = j(!1), P = I(c, "of"), y = I(s, "of") && I(m, "of"), x = ({ id: b, property: T, namespace: w }) => {
+    console.log("onPropertyChanged", b, T, w), p("of", T);
   }, v = P && Le(P, o);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
@@ -1496,7 +1496,7 @@ function Vi({
           value: P,
           children: ({}) => /* @__PURE__ */ a(ge, { className: "p-2 mt-4", children: [
             P && /* @__PURE__ */ e(
-              ar,
+              or,
               {
                 property: P,
                 onClick: n ? void 0 : () => g(!0),
@@ -1570,9 +1570,9 @@ const Ii = Y.forwardRef(
             inputRef: d,
             as: W,
             value: u[g],
-            onChange: (w) => {
-              const T = w.target.value;
-              !I(s, y) && l && m(y, T ? xt(T) : "", !1), m(g, T, !0), p(g, !0);
+            onChange: (T) => {
+              const w = T.target.value;
+              !I(s, y) && l && m(y, w ? xt(w) : "", !1), m(g, w, !0), p(g, !0);
             },
             style: { fontSize: 20 },
             placeholder: "Field name",
@@ -1591,9 +1591,9 @@ const Ii = Y.forwardRef(
             as: W,
             label: "ID",
             value: u[y],
-            onChange: (w) => {
-              const T = w.target.value;
-              !I(s, g) && l && m(g, T ? wt(T) : ""), m(y, T, !0), p(y, !0);
+            onChange: (T) => {
+              const w = T.target.value;
+              !I(s, g) && l && m(g, w ? wt(w) : ""), m(y, w, !0), p(y, !0);
             },
             disabled: n || i,
             required: !0,
@@ -1714,29 +1714,35 @@ function Fi({ disabled: t }) {
     ) })
   ] });
 }
-function Ei({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i, collectionEditable: l }) {
+function Ei({
+  disabled: t,
+  getData: r,
+  allowDataInference: n,
+  propertyConfigs: i,
+  collectionEditable: l
+}) {
   const {
     values: o,
     setFieldValue: d
   } = G(), [c, u] = j(!1), [m, p] = j(), [s, f] = j(), g = ({
-    id: w,
-    property: T
+    id: T,
+    property: w
   }) => {
-    if (!w)
+    if (!T)
       throw Error();
     d("oneOf.properties", {
       ...o.oneOf?.properties ?? {},
-      [w]: T
+      [T]: w
     }, !1);
-    const C = o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), O = C.includes(w) ? C : [...C, w];
+    const C = o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), O = C.includes(T) ? C : [...C, T];
     d("oneOf.propertiesOrder", O, !1), u(!1);
-  }, P = m ? ne(m, s) : void 0, y = P ? I(o.oneOf?.properties, P.replaceAll(".", ".properties.")) : void 0, x = J((w, T) => {
-    const C = w ? ne(w, T) : void 0;
+  }, P = m ? ne(m, s) : void 0, y = P ? I(o.oneOf?.properties, P.replaceAll(".", ".properties.")) : void 0, x = J((T, w) => {
+    const C = T ? ne(T, w) : void 0;
     if (!C)
       throw Error("collection editor miss config");
     d(`oneOf.${he(C)}`, void 0, !1);
-    const O = `oneOf.${Ce(T)}`, N = I(o, O);
-    d(O, N.filter((F) => F !== w), !1), u(!1), p(void 0), f(void 0);
+    const O = `oneOf.${Ce(w)}`, N = I(o, O) ?? Object.keys(I(o, nr(w)));
+    d(O, N.filter((F) => F !== T), !1), u(!1), p(void 0), f(void 0);
   }, [d, o]), v = /* @__PURE__ */ a(
     z,
     {
@@ -1749,8 +1755,8 @@ function Ei({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
         o.name ?? "this block"
       ]
     }
-  ), b = J((w, T) => {
-    d(`oneOf.${Ce(T)}`, w, !1);
+  ), b = J((T, w) => {
+    d(`oneOf.${Ce(w)}`, T, !1);
   }, []);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
@@ -1766,8 +1772,8 @@ function Ei({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
             propertiesOrder: o.oneOf?.propertiesOrder,
             errors: {},
             collectionEditable: l,
-            onPropertyClick: t ? void 0 : (w, T) => {
-              p(w), f(T), u(!0);
+            onPropertyClick: t ? void 0 : (T, w) => {
+              p(T), f(w), u(!0);
             },
             onPropertyMove: t ? void 0 : b
           }
@@ -2146,7 +2152,7 @@ function Mi({ disabled: t }) {
 function zi({ disabled: t }) {
   return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Ee, { disabled: t }) }) }) });
 }
-function or(t, r, n) {
+function lr(t, r, n) {
   let i;
   return r === "text_field" ? i = K(
     t,
@@ -2358,7 +2364,7 @@ function or(t, r, n) {
     propertyConfig: r
   }), i;
 }
-function lr({ value: t, optionDisabled: r, propertyConfig: n, existing: i }) {
+function sr({ value: t, optionDisabled: r, propertyConfig: n, existing: i }) {
   return /* @__PURE__ */ e(
     ee,
     {
@@ -2473,7 +2479,7 @@ const Ui = [
   "key_value",
   "repeat",
   "block"
-], sr = Object.entries(Kt).filter(([t]) => Ui.includes(t)).map(([t, r]) => ({ [t]: r })).reduce((t, r) => ({ ...t, ...r }), {}), dr = Y.memo(
+], dr = Object.entries(Kt).filter(([t]) => Ui.includes(t)).map(([t, r]) => ({ [t]: r })).reduce((t, r) => ({ ...t, ...r }), {}), cr = Y.memo(
   function(r) {
     const {
       includeIdAndName: n = !0,
@@ -2493,8 +2499,8 @@ const Ui = [
       forceShowErrors: x,
       allowDataInference: v,
       getController: b,
-      getData: w,
-      propertyConfigs: T,
+      getData: T,
+      propertyConfigs: w,
       collectionEditable: C
     } = r, O = {
       id: "",
@@ -2546,7 +2552,7 @@ const Ui = [
             B && (h.id = B);
           }
         }
-        return S.dataType === "string" && S.validation?.matches && !xr(S.validation?.matches.toString()) && (h.validation = {
+        return S.dataType === "string" && S.validation?.matches && !Pr(S.validation?.matches.toString()) && (h.validation = {
           matches: "Invalid regular expression"
         }), S.dataType === "reference" && !S.path && (h.path = "You must specify a target collection for the field"), S.propertyConfig === "repeat" && (S.of || (h.of = "You need to specify a repeat field")), S.propertyConfig === "block" && (S.oneOf || (h.oneOf = "You need to specify the properties of this block")), h;
       }
@@ -2567,9 +2573,9 @@ const Ui = [
         inArray: d,
         autoOpenTypeSelect: i,
         disabled: N,
-        getData: w,
+        getData: T,
         allowDataInference: v,
-        propertyConfigs: T,
+        propertyConfigs: w,
         collectionEditable: C,
         ..._
       }
@@ -2603,7 +2609,7 @@ function Ve({
           },
           children: [
             /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
-              dr,
+              cr,
               {
                 ...d,
                 onPropertyChanged: (m) => {
@@ -2664,7 +2670,7 @@ function ji({
   propertyConfigs: x,
   collectionEditable: v
 }) {
-  const [b, w] = j(o), [T, C] = j(!1), [O, N] = j(t?.dataType ? Wt(t) : void 0), F = Object.entries(sr).concat(Object.entries(x)), D = g ? F.filter(([Z, H]) => !ie(H.property) && H.property?.dataType !== "array") : F, _ = Fr(t), S = je(null), h = je(t), B = s && I(r, "selectedWidget");
+  const [b, T] = j(o), [w, C] = j(!1), [O, N] = j(t?.dataType ? Wt(t) : void 0), F = Object.entries(dr).concat(Object.entries(x)), D = g ? F.filter(([Z, H]) => !ie(H.property) && H.property?.dataType !== "array") : F, _ = Er(t), S = je(null), h = je(t), B = s && I(r, "selectedWidget");
   ue(() => {
     if (c && (!d || _.id)) {
       const {
@@ -2681,7 +2687,7 @@ function ji({
     t?.id && p && p(t?.id, m, r);
   }, [r, p, m, t?.id]);
   const oe = (Z) => {
-    N(Z), n(or(t, Z, x)), setTimeout(() => {
+    N(Z), n(lr(t, Z, x)), setTimeout(() => {
       S.current?.focus();
     }, 0);
   };
@@ -2779,7 +2785,7 @@ function ji({
       propertyConfigs: x
     }
   ) : O === "key_value" ? q = /* @__PURE__ */ e(zi, { disabled: f }) : q = null, /* @__PURE__ */ a(R, { children: [
-    f && /* @__PURE__ */ a($r, { mode: "warn", children: [
+    f && /* @__PURE__ */ a(Hr, { 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 ",
@@ -2796,7 +2802,7 @@ function ji({
             value: O ?? "",
             placeholder: "Select a property widget",
             open: b,
-            onOpenChange: w,
+            onOpenChange: T,
             position: "item-aligned",
             disabled: f,
             renderValue: (Z) => {
@@ -2836,7 +2842,7 @@ function ji({
             children: D.map(([Z, H]) => {
               const Q = H.property, se = i && !ie(Q) && Q.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
-                lr,
+                sr,
                 {
                   value: Z,
                   optionDisabled: se,
@@ -2887,7 +2893,7 @@ function ji({
     u && /* @__PURE__ */ e(
       ct,
       {
-        open: T,
+        open: w,
         onAccept: () => u(t?.id, m),
         onCancel: () => C(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
@@ -2919,7 +2925,7 @@ function Yi({
 }) {
   const i = Ie(), l = t ? `import { EntityCollection } from "firecms";
 
-const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + li.stringify(cr(t), null, "	") : "No collection selected";
+const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + si.stringify(ur(t), null, "	") : "No collection selected";
   return /* @__PURE__ */ a(
     Fe,
     {
@@ -2945,9 +2951,9 @@ const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + li.
             "."
           ] }),
           /* @__PURE__ */ e(
-            si,
+            di,
             {
-              theme: di.vsDark,
+              theme: ci.vsDark,
               code: l,
               language: "typescript",
               children: ({
@@ -2971,7 +2977,7 @@ const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + li.
                 message: "Copied"
               }), navigator.clipboard.writeText(l)),
               children: [
-                /* @__PURE__ */ e(Hr, { size: "small" }),
+                /* @__PURE__ */ e(Yr, { size: "small" }),
                 "Copy to clipboard"
               ]
             }
@@ -2982,7 +2988,7 @@ const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + li.
     }
   );
 }
-function cr(t) {
+function ur(t) {
   const r = (n) => {
     const i = {
       ...n
@@ -3008,7 +3014,7 @@ function cr(t) {
     properties: Object.entries(t.properties ?? {}).map(([n, i]) => ({
       [n]: r(i)
     })).reduce((n, i) => ({ ...n, ...i }), {}),
-    subcollections: (t.subcollections ?? []).map(cr)
+    subcollections: (t.subcollections ?? []).map(ur)
   };
 }
 function Gi({
@@ -3032,7 +3038,7 @@ function Gi({
     setFieldTouched: y,
     errors: x,
     dirty: v
-  } = G(), b = Ie(), w = Pr(), T = !w, [C, O] = j(), [N, F] = j(), [D, _] = j(), S = N ? ne(N, D) : void 0, h = S ? I(f.properties, S.replaceAll(".", ".properties.")) : void 0, [B, oe] = j(!1), [q, Z] = j(!1), [H, Q] = j(!1), [se, Me] = j([]), we = Y.useRef(f.propertiesOrder ? { "": f.propertiesOrder } : {});
+  } = G(), b = Ie(), T = wr(), w = !T, [C, O] = j(), [N, F] = j(), [D, _] = j(), S = N ? ne(N, D) : void 0, h = S ? I(f.properties, S.replaceAll(".", ".properties.")) : void 0, [B, oe] = j(!1), [q, Z] = j(!1), [H, Q] = j(!1), [se, Me] = j([]), we = Y.useRef(f.propertiesOrder ? { "": f.propertiesOrder } : {});
   ue(() => {
     l && l(v);
   }, [v]);
@@ -3087,7 +3093,7 @@ function Gi({
       [A]: U
     }, !1);
     const k = [...f.propertiesOrder ?? Object.keys(f.properties), A];
-    ve(k), Q(!1), w && (O(k.indexOf(A)), F(A)), _(void 0);
+    ve(k), Q(!1), T && (O(k.indexOf(A)), F(A)), _(void 0);
   }, pe = ({
     id: A,
     property: U,
@@ -3134,7 +3140,7 @@ function Gi({
     /* @__PURE__ */ a("div", { className: fe(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
-      !T && "border-r " + kt
+      !w && "border-r " + kt
     ), children: [
       /* @__PURE__ */ a("div", { className: "flex my-2", children: [
         /* @__PURE__ */ a("div", { className: "flex-grow mb-4", children: [
@@ -3173,7 +3179,7 @@ function Gi({
               variant: "filled",
               disabled: q,
               onClick: () => oe(!0),
-              children: /* @__PURE__ */ e(Yr, {})
+              children: /* @__PURE__ */ e(Gr, {})
             }
           ) }),
           de && /* @__PURE__ */ e(te, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
@@ -3224,13 +3230,13 @@ function Gi({
         }
       )
     ] }),
-    !T && /* @__PURE__ */ e("div", { className: "col-span-12 lg:col-span-7 p-4 md:py-8 md:px-4 h-full overflow-auto pb-20 md:pb-20", children: /* @__PURE__ */ a(
+    !w && /* @__PURE__ */ e("div", { className: "col-span-12 lg:col-span-7 p-4 md:py-8 md:px-4 h-full overflow-auto pb-20 md:pb-20", children: /* @__PURE__ */ a(
       ge,
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
           S && h && !ie(h) && /* @__PURE__ */ e(
-            dr,
+            cr,
             {
               inArray: !1,
               existingProperty: !r,
@@ -3269,7 +3275,7 @@ function Gi({
         ]
       }
     ) }),
-    T && /* @__PURE__ */ e(
+    w && /* @__PURE__ */ e(
       Ve,
       {
         inArray: !1,
@@ -3289,7 +3295,7 @@ function Gi({
         getData: u,
         propertyConfigs: p,
         collectionEditable: s,
-        onOkClicked: T ? Ze : void 0
+        onOkClicked: w ? Ze : void 0
       },
       `edit_view_${C}`
     )
@@ -3397,7 +3403,7 @@ function Zi({
   const { entityViews: d } = Ae(), [c, u] = Y.useState(), [m, p] = Y.useState(!1), [s, f] = Y.useState(), [g, P] = Y.useState(), {
     values: y,
     setFieldValue: x
-  } = G(), v = t.subcollections ?? [], b = y.entityViews?.filter((C) => typeof C == "string").map((C) => wr(C, d)).filter(Boolean) ?? [], w = t.entityViews?.filter((C) => typeof C != "string") ?? [], T = b.length + w.length;
+  } = G(), v = t.subcollections ?? [], b = y.entityViews?.filter((C) => typeof C == "string").map((C) => Tr(C, d)).filter(Boolean) ?? [], T = t.entityViews?.filter((C) => typeof C != "string") ?? [], w = b.length + T.length;
   return /* @__PURE__ */ a("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(ht, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ a("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ a("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
@@ -3459,7 +3465,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" }),
-        T === 0 && /* @__PURE__ */ e(Gr, { action: /* @__PURE__ */ e(
+        w === 0 && /* @__PURE__ */ e(Kr, { action: /* @__PURE__ */ e(
           z,
           {
             variant: "text",
@@ -3499,7 +3505,7 @@ function Zi({
                 }
               )
             ] }, C.key)),
-            w.map((C) => /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ a(
+            T.map((C) => /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ a(
               Re,
               {
                 align: "left",
@@ -3565,7 +3571,7 @@ function Zi({
       }
     ),
     /* @__PURE__ */ e(
-      pr,
+      mr,
       {
         open: !!g,
         configController: n,
@@ -4137,7 +4143,7 @@ function Ji({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ci, { onDataAdded: (g, P) => i(g, P) })
+      /* @__PURE__ */ e(ui, { onDataAdded: (g, P) => i(g, P) })
     ] }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(z, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
@@ -4180,13 +4186,13 @@ function Qi({
     previousId: y,
     namespace: x
   }) => {
-    const v = g ? ne(g, x) : void 0, b = v ? he(v) : void 0, w = (C) => C ? u.current[C] ?? I(o, Ce(C)) : u.current[""], T = (C, O) => {
+    const v = g ? ne(g, x) : void 0, b = v ? he(v) : void 0, T = (C) => C ? u.current[C] ?? I(o, Ce(C)) : u.current[""], w = (C, O) => {
       const N = Ce(O);
       i(N, C, !1), u.current[O ?? ""] = C;
     };
     if (y && y !== g) {
-      const C = ne(y, x), O = he(C), F = w(x).map((_) => _ === y ? g : _).filter((_) => _ !== void 0);
-      T(F, x);
+      const C = ne(y, x), O = he(C), F = T(x).map((_) => _ === y ? g : _).filter((_) => _ !== void 0);
+      w(F, x);
       const D = { ...t.headersMapping };
       Object.keys(D).forEach((_) => {
         D[_] === y && (D[_] = g ?? "");
@@ -4199,17 +4205,17 @@ function Qi({
     property: y,
     namespace: x
   }) => {
-    const v = g ? ne(g, x) : void 0, b = v ? he(v) : void 0, w = t.importData.map((C) => I(C, P)), T = {
-      ...ri(w, y, ir),
+    const v = g ? ne(g, x) : void 0, b = v ? he(v) : void 0, T = t.importData.map((C) => I(C, P)), w = {
+      ...ii(T, y, ir),
       editable: !0
     };
-    b && (T ? i(b, T, !1) : i(b, y, !1), l(b, !0, !1));
+    b && (w ? i(b, w, !1) : i(b, y, !1), l(b, !0, !1));
   };
   return /* @__PURE__ */ a("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ a(ht, { 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(
-        ui,
+        pi,
         {
           importConfig: t,
           destinationProperties: o.properties,
@@ -4219,7 +4225,7 @@ function Qi({
             importKey: y,
             isIdColumn: x
           }) => x ? /* @__PURE__ */ e(V, { children: " This column will be used as ID" }) : /* @__PURE__ */ e(
-            pi,
+            mi,
             {
               property: g,
               propertyKey: P,
@@ -4301,7 +4307,7 @@ function Xi({
           position: "item-aligned",
           renderValue: (m) => d ? /* @__PURE__ */ e($e, { propertyConfig: d }) : null,
           onValueChange: (m) => {
-            const p = or(t, m, i);
+            const p = lr(t, m, i);
             n && r({
               id: n,
               property: p,
@@ -4309,8 +4315,8 @@ function Xi({
               namespace: void 0
             });
           },
-          children: Object.entries(sr).map(([m, p]) => /* @__PURE__ */ e(
-            lr,
+          children: Object.entries(dr).map(([m, p]) => /* @__PURE__ */ e(
+            sr,
             {
               value: m,
               optionDisabled: !1,
@@ -4331,15 +4337,15 @@ function en({
 }) {
   const [i, l] = j(!1);
   async function o() {
-    const c = t.importData.map((u) => mi(u, t.idColumn, t.headersMapping, r, "TEMP_PATH", t.defaultValues));
+    const c = t.importData.map((u) => hi(u, t.idColumn, t.headersMapping, r, "TEMP_PATH", t.defaultValues));
     t.setEntities(c);
   }
   ue(() => {
     o().finally(() => l(!1));
   }, []);
-  const d = Tr();
+  const d = kr();
   return i ? /* @__PURE__ */ e(ut, {}) : /* @__PURE__ */ e(
-    kr,
+    Or,
     {
       title: /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ e(V, { variant: "subtitle2", children: "Imported data preview" }),
@@ -4362,11 +4368,11 @@ function en({
     }
   );
 }
-function ur(t, r = "") {
+function pr(t, r = "") {
   const n = Object.keys(t).reduce((o, d) => {
-    const c = t[d], u = Or(d), m = r ? `${r}.${u}` : u;
+    const c = t[d], u = Vr(d), m = r ? `${r}.${u}` : u;
     if (c.dataType === "map" && c.properties) {
-      const f = ur(c.properties, m);
+      const f = pr(c.properties, m);
       return {
         headersMapping: { ...o.headersMapping, [d]: m },
         properties: {
@@ -4394,7 +4400,7 @@ function ur(t, r = "") {
     idColumn: l
   };
 }
-function pr(t) {
+function mr(t) {
   const r = t.open, [n, i] = Ue.useState(!1), [l, o] = Ue.useState(!1), d = J(() => {
     n ? o(!0) : t.handleClose(void 0);
   }, [n, t.handleClose]);
@@ -4494,12 +4500,12 @@ function rn({
   existingIds: x,
   includeTemplates: v,
   collection: b,
-  setCollection: w,
-  initialValues: T,
+  setCollection: T,
+  initialValues: w,
   propertyConfigs: C,
   groups: O
 }) {
-  const N = hi(), F = Te(), D = Ie(), _ = je({}), S = t ? v ? "welcome" : "details" : "properties", [h, B] = j(S), [oe, q] = Ue.useState(), Z = (k) => {
+  const N = fi(), F = Te(), D = Ie(), _ = je({}), S = t ? v ? "welcome" : "details" : "properties", [h, B] = j(S), [oe, q] = Ue.useState(), Z = (k) => {
     const E = k.id || k.path;
     return r.saveCollection({
       id: E,
@@ -4518,15 +4524,15 @@ function rn({
   }, [o, i]), se = J(async (k) => {
     try {
       if (!Q)
-        return w(k), Promise.resolve(k);
+        return T(k), Promise.resolve(k);
       B("loading");
       const E = await Q?.(k);
       if (!E)
-        return w(k), Promise.resolve(k);
+        return T(k), Promise.resolve(k);
       const M = {
         ...k ?? {}
       };
-      return Object.keys(E.properties ?? {}).length > 0 && (M.properties = E.properties, M.propertiesOrder = E.propertiesOrder), M.propertiesOrder ? (w(M), console.debug("Inferred collection", {
+      return Object.keys(E.properties ?? {}).length > 0 && (M.properties = E.properties, M.propertiesOrder = E.propertiesOrder), M.propertiesOrder ? (T(M), console.debug("Inferred collection", {
         newCollection: k ?? {},
         values: M
       }), M) : (M.propertiesOrder = Object.keys(M.properties), M);
@@ -4537,13 +4543,13 @@ function rn({
       }), k;
     }
   }, [i, Q]), de = Ot({
-    initialValues: T,
+    initialValues: w,
     onSubmit: (k, E) => {
       console.log("Submitting collection", k);
       try {
         if (!t) {
           Z(k).then(() => {
-            E.resetForm({ values: T }), d(k);
+            E.resetForm({ values: w }), d(k);
           });
           return;
         }
@@ -4558,7 +4564,7 @@ function rn({
         }).finally(() => {
           H();
         }) : (E.resetForm({ values: k }), H()) : h === "extra_view" ? (H(), E.resetForm({ values: k })) : h === "import_data_mapping" || h === "import_data_preview" ? H() : h === "properties" ? Z(k).then(() => {
-          E.resetForm({ values: T }), H(), d(k);
+          E.resetForm({ values: w }), H(), d(k);
         }) : (H(), E.resetForm({ values: k }));
       } catch (M) {
         D.open({
@@ -4569,7 +4575,7 @@ function rn({
     },
     validation: (k) => {
       let E = {};
-      const M = (h === "properties" || h === "subcollections" || h === "details") && vi;
+      const M = (h === "properties" || h === "subcollections" || h === "details") && yi;
       if (M)
         try {
           M.validateSync(k, { abortEarly: !1 });
@@ -4597,8 +4603,8 @@ function rn({
     p(Ke);
   }, [Ke]);
   function Xe(k, E) {
-    N.setInUse(!0), ii(k, ir).then((M) => {
-      const L = ur(M);
+    N.setInUse(!0), ni(k, ir).then((M) => {
+      const L = pr(M);
       N.setIdColumn(L.idColumn), N.setImportData(k), N.setHeadersMapping(L.headersMapping);
       const ye = (E ?? []).filter((tt) => L.headersMapping[tt]) ?? Object.keys(L.properties);
       N.setHeadingsOrder(ye), N.setOriginProperties(L.properties);
@@ -4612,7 +4618,7 @@ function rn({
   }, U = b?.editable === void 0 || b?.editable === !0 || t;
   return /* @__PURE__ */ e(De, { fullHeight: !0, children: /* @__PURE__ */ e(Vt, { value: de, children: /* @__PURE__ */ a(R, { children: [
     !t && /* @__PURE__ */ a(
-      Kr,
+      Wr,
       {
         value: h,
         className: fe(kt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
@@ -4665,7 +4671,7 @@ function rn({
             }
           ),
           h === "import_data_saving" && N && /* @__PURE__ */ e(
-            fi,
+            gi,
             {
               importConfig: N,
               collection: re,
@@ -4679,7 +4685,7 @@ function rn({
             }
           ),
           h === "details" && /* @__PURE__ */ e(
-            yi,
+            bi,
             {
               existingPaths: y,
               existingIds: x,
@@ -4709,7 +4715,7 @@ function rn({
               onPropertyError: (k, E, M) => {
                 const L = Et({
                   ..._.current,
-                  [nr(k, E)]: Et(M, !0)
+                  [ar(k, E)]: Et(M, !0)
                 }, !0);
                 _.current = L, de.validate();
               },
@@ -4822,7 +4828,7 @@ function rn({
                     type: "submit",
                     loading: ke,
                     disabled: ke || h === "details" && !yt,
-                    startIcon: h === "properties" ? /* @__PURE__ */ e(Wr, {}) : void 0,
+                    startIcon: h === "properties" ? /* @__PURE__ */ e(Zr, {}) : void 0,
                     children: [
                       h === "details" && "Next",
                       h === "properties" && "Create collection"
@@ -4853,13 +4859,13 @@ function nn(t, r) {
     ...i
   } = t, l = {};
   return n && Object.keys(n).forEach((o) => {
-    l[o] = mr(n[o], r);
+    l[o] = hr(n[o], r);
   }), {
     ...i,
     properties: l
   };
 }
-function mr(t, r) {
+function hr(t, r) {
   let n = t;
   if (r && typeof n == "object" && n.propertyConfig) {
     const i = r[n.propertyConfig];
@@ -4868,7 +4874,7 @@ function mr(t, r) {
     else if (i && (n = K(i.property, n)), !ie(n) && n.dataType === "map" && n.properties) {
       const l = {};
       Object.keys(n.properties).forEach((o) => {
-        l[o] = mr(n.properties[o], r);
+        l[o] = hr(n.properties[o], r);
       }), n = {
         ...n,
         properties: l
@@ -4879,13 +4885,13 @@ function mr(t, r) {
 }
 const Gt = (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;
+  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"), Ir(t).split("/").length % 2 === 0 && (l = `Collection paths must have an odd number of segments: ${t}`), l;
 }, an = (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 = Y.createContext({}), fr = Y.createContext({}), on = Y.memo(
+}, fr = Y.createContext({}), gr = Y.createContext({}), on = Y.memo(
   function({
     children: r,
     collectionConfigController: n,
@@ -4898,11 +4904,11 @@ const Gt = (t, r, n, i) => {
     getData: m,
     onAnalyticsEvent: p
   }) {
-    const s = Te(), f = gi(), g = Ie(), { propertyConfigs: P } = Ae(), [y, x] = Y.useState(), [v, b] = Y.useState(), w = J(() => ({
+    const s = Te(), f = vi(), g = Ie(), { propertyConfigs: P } = Ae(), [y, x] = Y.useState(), [v, b] = Y.useState(), T = J(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
-    }), []), T = J(({
+    }), []), w = J(({
       id: N,
       fullPath: F,
       parentCollectionIds: D,
@@ -4968,20 +4974,20 @@ const Gt = (t, r, n, i) => {
         redirect: _
       });
     }, []);
-    return /* @__PURE__ */ e(hr.Provider, { value: n, children: /* @__PURE__ */ a(
-      fr.Provider,
+    return /* @__PURE__ */ e(fr.Provider, { value: n, children: /* @__PURE__ */ a(
+      gr.Provider,
       {
         value: {
-          editCollection: T,
+          editCollection: w,
           createCollection: O,
           editProperty: C,
-          configPermissions: i ?? w,
+          configPermissions: i ?? T,
           getPathSuggestions: c
         },
         children: [
           r,
           /* @__PURE__ */ e(
-            pr,
+            mr,
             {
               open: !!y,
               configController: n,
@@ -5076,7 +5082,7 @@ const Gt = (t, r, n, i) => {
     ) });
   },
   be
-), Pe = () => Qt(fr);
+), Pe = () => Qt(gr);
 function ln({
   path: t,
   parentCollectionIds: r,
@@ -5103,12 +5109,12 @@ function ln({
     }
   ) });
 }
-const gr = () => Qt(hr);
+const vr = () => Qt(fr);
 function sn({
   path: t,
   collection: r
 }) {
-  const n = Ie(), i = _e(), l = gr(), o = Pe(), d = o.configPermissions({
+  const n = Ie(), i = _e(), l = vr(), o = Pe(), d = o.configPermissions({
     user: i.user,
     collection: r
   }), c = J(() => {
@@ -5124,10 +5130,10 @@ function sn({
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { children: [
       d.deleteCollections && /* @__PURE__ */ e(
-        Zr,
+        Jr,
         {
-          trigger: /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(Jr, { size: "small" }) }),
-          children: /* @__PURE__ */ a(Qr, { onClick: (s) => {
+          trigger: /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(Qr, { size: "small" }) }),
+          children: /* @__PURE__ */ a(Xr, { onClick: (s) => {
             s.preventDefault(), s.stopPropagation(), m(!0);
           }, children: [
             /* @__PURE__ */ e(mt, {}),
@@ -5205,7 +5211,7 @@ function cn({
         l.editProperty({
           editedCollectionId: n.id,
           parentCollectionIds: r,
-          currentPropertiesOrder: Ir(n),
+          currentPropertiesOrder: _r(n),
           collection: n
         });
       },
@@ -5238,7 +5244,7 @@ function pn({
   collection: n,
   tableController: i
 }) {
-  const l = _e(), o = Pe(), d = gr(), c = Ie(), u = o.configPermissions ? o.configPermissions({
+  const l = _e(), o = Pe(), d = vr(), c = Ie(), u = o.configPermissions ? o.configPermissions({
     user: l.user,
     collection: n
   }).editCollections : !0;
@@ -5270,7 +5276,7 @@ function pn({
                 message: "Default config saved"
               });
             }),
-            children: /* @__PURE__ */ e(Xr, {})
+            children: /* @__PURE__ */ e(ei, {})
           }
         )
       }
@@ -5288,7 +5294,7 @@ function pn({
             onClick: () => {
               i.clearFilter?.(), n?.initialFilter && i.setFilterValues?.(n?.initialFilter), n?.initialSort && i.setSortBy?.(n?.initialSort);
             },
-            children: /* @__PURE__ */ e(ei, {})
+            children: /* @__PURE__ */ e(ti, {})
           }
         )
       }
@@ -5420,7 +5426,7 @@ const In = (t, r, n) => {
     He(d.properties), d.subcollections?.forEach(i);
   }, l = r ?? [];
   l.forEach(i), console.debug("Collections specified in code:", t), console.debug("Collections stored in the backend", l);
-  const o = _r(t, l, [], n);
+  const o = Fr(t, l, [], n);
   return console.debug("Collections after joining:", o), o;
 };
 function _n({ path: t }) {
@@ -5454,14 +5460,14 @@ export {
   _n as MissingReferenceWidget,
   qe as editableProperty,
   ne as getFullId,
-  nr as getFullIdPath,
+  ar as getFullIdPath,
   he as idToPropertiesPath,
   In as mergeCollections,
   Ce as namespaceToPropertiesOrderPath,
-  bi as namespaceToPropertiesPath,
+  nr as namespaceToPropertiesPath,
   wi as removeNonEditableProperties,
   Pe as useCollectionEditorController,
   Vn as useCollectionEditorPlugin,
-  gr as useCollectionsConfigController
+  vr as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map