@firecms/collection_editor 3.0.0-canary.4 → 3.0.0-canary.40

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as a, Fragment as j } from "react/jsx-runtime";
-import { SearchIconsView as gr, toSnakeCase as Pt, singular as vr, IconForView as ot, ArrayContainer as yr, serializeRegExp as br, useSnackbarController as Ie, resolveEnumValues as Cr, isPropertyBuilder as ne, useCustomizationController as Ae, getFieldConfig as $e, ErrorBoundary as ge, PropertyConfigBadge as Ye, unslugify as ut, useNavigationController as Pe, mergeDeep as W, DEFAULT_FIELD_CONFIGS as Gt, isValidRegExp as Pr, getFieldId as Kt, DeleteConfirmationDialog as lt, useLargeLayout as Nr, makePropertiesEditable as pt, resolveEntityView as xr, useSelectionController as wr, EntityCollectionTable as Tr, slugify as kr, useAuthController as _e, randomString as _t, CircularProgressCenter as Nt, removeUndefined as Ft, ErrorView as Wt, removeInitialAndTrailingSlashes as Or, getDefaultPropertiesOrder as Vr } from "@firecms/core";
+import { jsx as e, jsxs as a, Fragment as R } from "react/jsx-runtime";
+import { FieldCaption as X, SearchIconsView as gr, toSnakeCase as Pt, singular as vr, IconForView as ot, ArrayContainer as yr, serializeRegExp as br, useSnackbarController as _e, resolveEnumValues as Cr, isPropertyBuilder as ne, useCustomizationController as Ae, getFieldConfig as $e, ErrorBoundary as me, PropertyConfigBadge as Ye, unslugify as ut, useNavigationController as Ne, mergeDeep as W, DEFAULT_FIELD_CONFIGS as Gt, isValidRegExp as Pr, getFieldId as Kt, DeleteConfirmationDialog as lt, useLargeLayout as Nr, makePropertiesEditable as pt, resolveEntityView as xr, useSelectionController as wr, EntityCollectionTable as Tr, slugify as kr, useAuthController as Te, randomString as _t, CircularProgressCenter as Nt, removeUndefined as Ft, ErrorView as Wt, removeInitialAndTrailingSlashes as Or, getDefaultPropertiesOrder as Vr } from "@firecms/core";
 import * as je from "react";
 import Y, { useState as $, useEffect as de, useMemo as Zt, useCallback as Q, useRef as Le, useDeferredValue as Ir, useContext as Jt } from "react";
-import ve from "react-fast-compare";
-import { Typography as O, useAutoComplete as _r, Container as mt, Tooltip as te, IconButton as oe, Chip as st, TextField as Oe, cn as me, DebouncedTextField as Z, Autocomplete as Fr, AutocompleteItem as Sr, ExpandablePanel as xt, SettingsIcon as He, Select as be, SelectItem as ee, BooleanSwitchWithLabel as ct, Dialog as Fe, AutoAwesomeIcon as ht, Badge as Er, ListIcon as Ar, Button as z, CircularProgress as De, Paper as Ce, DialogContent as Be, DialogActions as ze, RuleIcon as Dr, FileUploadIcon as Br, MultiSelect as zr, MultiSelectItem as St, Checkbox as Et, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as Mr, RemoveCircleIcon as Rr, defaultBorderMixin as wt, RemoveIcon as Ur, DragHandleIcon as jr, AddIcon as se, SelectGroup as At, InfoLabel as Lr, DeleteIcon as dt, ContentCopyIcon as qr, CodeIcon as $r, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Ue, Alert as Yr, Icon as et, Card as tr, coolIconKeys as zt, Tabs as Hr, Tab as Ct, ArrowBackIcon as tt, LoadingButton as Mt, DoneIcon as Gr, UndoIcon as Kr, SaveIcon as Wr, Menu as Zr, MoreVertIcon as Jr, MenuItem as Qr, Collapse as Xr } from "@firecms/ui";
+import ye from "react-fast-compare";
+import { useAutoComplete as _r, Container as mt, Typography as O, Tooltip as te, IconButton as oe, Chip as st, TextField as Ve, cn as fe, DebouncedTextField as Z, Autocomplete as Fr, AutocompleteItem as Sr, ExpandablePanel as xt, SettingsIcon as He, Select as Ce, SelectItem as ee, BooleanSwitchWithLabel as ct, Dialog as Fe, AutoAwesomeIcon as ht, Badge as Er, ListIcon as Ar, Button as z, CircularProgress as De, Paper as Pe, DialogContent as Be, DialogActions as ze, RuleIcon as Dr, FileUploadIcon as Br, MultiSelect as zr, MultiSelectItem as St, Checkbox as Et, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as Mr, RemoveCircleIcon as Rr, defaultBorderMixin as wt, RemoveIcon as Ur, DragHandleIcon as jr, AddIcon as se, SelectGroup as At, InfoLabel as Lr, DeleteIcon as dt, ContentCopyIcon as qr, CodeIcon as $r, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Ue, Alert as Yr, Icon as et, Card as tr, coolIconKeys as zt, Tabs as Hr, Tab as Ct, ArrowBackIcon as tt, LoadingButton as Mt, DoneIcon as Gr, Menu as Kr, MoreVertIcon as Wr, MenuItem as Zr, Collapse as Jr, SaveIcon as Qr, UndoIcon as Xr } from "@firecms/ui";
 import * as rt from "yup";
 import { useFormex as K, Field as H, getIn as I, useCreateFormex as Tt, Formex as kt } from "@firecms/formex";
 import { extractEnumFromValues as ei, buildPropertyFromData as ti, buildEntityPropertiesFromData as ri } from "@firecms/schema_inference";
@@ -17,12 +17,6 @@ const vi = rt.object().shape({
   name: rt.string().required("Required"),
   path: rt.string().required("Required")
 });
-function X({
-  error: t,
-  children: r
-}) {
-  return r ? /* @__PURE__ */ e(O, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: r }) : null;
-}
 function yi({
   isNewCollection: t,
   reservedGroups: r,
@@ -32,8 +26,8 @@ function yi({
   parentCollection: o
 }) {
   const d = Y.useRef(null), {
-    values: u,
-    setFieldValue: p,
+    values: p,
+    setFieldValue: u,
     handleChange: h,
     touched: m,
     errors: c,
@@ -41,20 +35,20 @@ function yi({
     isSubmitting: v,
     submitCount: x
   } = K(), [y, P] = $(!1), [k, b] = $(!1), C = (s) => {
-    p("name", s), !I(m, "path") && t && s && p("path", Pt(s)), !I(m, "id") && t && s && p("id", Pt(s)), !I(m, "singularName") && t && s && p("singularName", vr(s));
+    u("name", s), !I(m, "path") && t && s && u("path", Pt(s)), !I(m, "id") && t && s && u("id", Pt(s)), !I(m, "singularName") && t && s && u("singularName", vr(s));
   };
   de(() => {
     c.id && b(!0);
   }, [c.id]);
-  const N = /* @__PURE__ */ e(ot, { collectionOrView: u }), f = l?.filter((s) => !r?.includes(s)), {
+  const N = /* @__PURE__ */ e(ot, { collectionOrView: p }), f = l?.filter((s) => !r?.includes(s)), {
     inputFocused: w,
     autoCompleteOpen: _,
     setAutoCompleteOpen: M
   } = _r({
     ref: d
-  }), R = !!o;
+  }), U = !!o;
   let D;
-  typeof u.customId == "object" ? D = "code_defined" : u.customId === !0 ? D = "true" : u.customId === !1 ? D = "false" : u.customId === "optional" && (D = "optional");
+  typeof p.customId == "object" ? D = "code_defined" : p.customId === !0 ? D = "true" : p.customId === !1 ? D = "false" : p.customId === "optional" && (D = "optional");
   const A = x > 0;
   return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ a(mt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ a("div", { children: [
@@ -63,7 +57,7 @@ function yi({
         {
           className: "flex flex-row py-2 pt-3 items-center",
           children: [
-            /* @__PURE__ */ e(O, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${u?.name} collection` }),
+            /* @__PURE__ */ e(O, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${p?.name} collection` }),
             /* @__PURE__ */ e(te, { title: "Change icon", children: /* @__PURE__ */ e(
               oe,
               {
@@ -83,9 +77,9 @@ function yi({
     /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-4", children: [
       /* @__PURE__ */ a("div", { className: "col-span-12", children: [
         /* @__PURE__ */ e(
-          Oe,
+          Ve,
           {
-            value: u.name ?? "",
+            value: p.name ?? "",
             onChange: (s) => C(s.target.value),
             label: "Name",
             required: !0,
@@ -94,7 +88,7 @@ function yi({
         ),
         /* @__PURE__ */ e(X, { error: m.name && !!c.name, children: m.name && c.name ? c.name : "Name of in this collection, usually a plural name (e.g. Products)" })
       ] }),
-      /* @__PURE__ */ a("div", { className: me("col-span-12 ", R ? "" : "sm:col-span-8"), children: [
+      /* @__PURE__ */ a("div", { className: fe("col-span-12 ", U ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
           H,
           {
@@ -106,17 +100,17 @@ function yi({
             error: A && !!c.path
           }
         ),
-        /* @__PURE__ */ e(X, { error: m.path && !!c.path, children: m.path && c.path ? c.path : R ? "Relative path to the parent (no need to include the parent path)" : "Path that this collection is stored in, in the database" })
+        /* @__PURE__ */ e(X, { error: m.path && !!c.path, children: m.path && c.path ? c.path : U ? "Relative path to the parent (no need to include the parent path)" : "Path that this collection is stored in, in the database" })
       ] }),
-      !R && /* @__PURE__ */ a("div", { className: "col-span-12 sm:col-span-4 relative", children: [
+      !U && /* @__PURE__ */ a("div", { className: "col-span-12 sm:col-span-4 relative", children: [
         /* @__PURE__ */ e(
-          Oe,
+          Ve,
           {
             error: A && !!c.group,
             disabled: v,
-            value: u.group ?? "",
+            value: p.group ?? "",
             autoComplete: "off",
-            onChange: (s) => p("group", s.target.value),
+            onChange: (s) => u("group", s.target.value),
             name: "group",
             inputRef: d,
             label: "Group"
@@ -131,7 +125,7 @@ function yi({
               Sr,
               {
                 onClick: () => {
-                  M(!1), p("group", s ?? null);
+                  M(!1), u("group", s ?? null);
                 },
                 children: /* @__PURE__ */ e("div", { className: "flex-grow", children: s })
               },
@@ -174,13 +168,13 @@ function yi({
             ] }),
             /* @__PURE__ */ a("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                Oe,
+                Ve,
                 {
                   error: A && !!c.singularName,
                   name: "singularName",
                   "aria-describedby": "singularName-helper",
                   onChange: (s) => (g("singularName", !0), h(s)),
-                  value: u.singularName ?? "",
+                  value: p.singularName ?? "",
                   label: "Singular name"
                 }
               ),
@@ -188,11 +182,11 @@ function yi({
             ] }),
             /* @__PURE__ */ a("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                Oe,
+                Ve,
                 {
                   error: A && !!c.description,
                   name: "description",
-                  value: u.description ?? "",
+                  value: p.description ?? "",
                   onChange: h,
                   multiline: !0,
                   rows: 2,
@@ -203,13 +197,13 @@ function yi({
               /* @__PURE__ */ e(X, { error: A && !!c.description, children: A && c.description ? c.description : "Description of the collection, you can use markdown" })
             ] }),
             /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-              be,
+              Ce,
               {
                 name: "defaultSize",
                 label: "Default row size",
                 position: "item-aligned",
                 onChange: h,
-                value: u.defaultSize ?? "",
+                value: p.defaultSize ?? "",
                 renderValue: (s) => s.toUpperCase(),
                 children: ["xs", "s", "m", "l", "xl"].map((s) => /* @__PURE__ */ e(
                   ee,
@@ -222,7 +216,7 @@ function yi({
               }
             ) }),
             /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(
-              be,
+              Ce,
               {
                 name: "customId",
                 label: "Data IDs generation",
@@ -231,7 +225,7 @@ function yi({
                 onValueChange: (s) => {
                   if (s === "code_defined")
                     throw new Error("This should not happen");
-                  s === "true" ? p("customId", !0) : s === "false" ? p("customId", !1) : s === "optional" && p("customId", "optional");
+                  s === "true" ? u("customId", !0) : s === "false" ? u("customId", !1) : s === "optional" && u("customId", "optional");
                 },
                 value: D ?? "",
                 renderValue: (s) => s === "code_defined" ? "Code defined" : s === "true" ? "Users must define an ID" : s === "optional" ? "Users can define an ID, but it is not required" : "Document ID is generated automatically",
@@ -248,8 +242,8 @@ function yi({
                 {
                   position: "start",
                   label: "Collection group",
-                  onValueChange: (s) => p("collectionGroup", s),
-                  value: u.collectionGroup ?? !1
+                  onValueChange: (s) => u("collectionGroup", s),
+                  value: p.collectionGroup ?? !1
                 }
               ),
               /* @__PURE__ */ e(X, { children: "A collection group consists of all collections with the same path. This allows you to query over multiple collections at once." })
@@ -260,8 +254,8 @@ function yi({
                 {
                   position: "start",
                   label: "Enable text search for this collection",
-                  onValueChange: (s) => p("textSearchEnabled", s),
-                  value: u.textSearchEnabled ?? !1
+                  onValueChange: (s) => u("textSearchEnabled", s),
+                  value: p.textSearchEnabled ?? !1
                 }
               ),
               /* @__PURE__ */ e(X, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." })
@@ -281,9 +275,9 @@ function yi({
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
           gr,
           {
-            selectedIcon: u.icon,
+            selectedIcon: p.icon,
             onIconSelected: (s) => {
-              P(!1), p("icon", s);
+              P(!1), u("icon", s);
             }
           }
         ) })
@@ -291,13 +285,13 @@ function yi({
     )
   ] }) });
 }
-function pe(t) {
+function he(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
 function bi(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
-function ye(t) {
+function be(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".propertiesOrder" : "propertiesOrder";
 }
 function ae(t, r) {
@@ -305,7 +299,7 @@ function ae(t, r) {
 }
 function ir(t, r) {
   const n = r ? `${r}.${t}` : t;
-  return pe(n);
+  return he(n);
 }
 function Ci({
   enumValues: t,
@@ -316,7 +310,7 @@ function Ci({
   allowDataInference: o,
   getData: d
 }) {
-  const u = Tt({
+  const p = Tt({
     initialValues: { enumValues: t },
     validateOnChange: !0,
     validation: (m) => {
@@ -327,14 +321,14 @@ function Ci({
       const g = !!(c?.enumValues && Object.keys(c?.enumValues).length > 0);
       return n?.(g), c;
     }
-  }), { values: p, errors: h } = u;
+  }), { values: u, errors: h } = p;
   return de(() => {
-    r && r(p.enumValues);
-  }, [p.enumValues]), /* @__PURE__ */ e(kt, { value: u, children: /* @__PURE__ */ e(
+    r && r(u.enumValues);
+  }, [u.enumValues]), /* @__PURE__ */ e(kt, { value: p, children: /* @__PURE__ */ e(
     Pi,
     {
       enumValuesPath: "enumValues",
-      values: p,
+      values: u,
       errors: h,
       shouldUpdateId: i,
       disabled: l,
@@ -353,9 +347,9 @@ function Pi({
   getData: d
 }) {
   const {
-    setFieldValue: u
-  } = K(), [p, h] = Y.useState(), [m, c] = Y.useState(), [g, v] = Y.useState(!1), y = Y.useRef(/* @__PURE__ */ new Set()).current, P = (b, C) => {
-    const N = p === C, f = r?.enumValues && r?.enumValues[b];
+    setFieldValue: p
+  } = K(), [u, h] = Y.useState(), [m, c] = Y.useState(), [g, v] = Y.useState(!1), y = Y.useRef(/* @__PURE__ */ new Set()).current, P = (b, C) => {
+    const N = u === C, f = r?.enumValues && r?.enumValues[b];
     return /* @__PURE__ */ e(
       Ni,
       {
@@ -393,10 +387,10 @@ function Pi({
             d && (v(!0), d?.().then((b) => {
               if (!b)
                 return;
-              const C = b.flat(), N = Array.from(new Set(C)), f = t.enumValues, _ = ei(N).filter((M) => !f?.some((R) => R.id === M.id));
+              const C = b.flat(), N = Array.from(new Set(C)), f = t.enumValues, _ = ei(N).filter((M) => !f?.some((U) => U.id === M.id));
               _.forEach((M) => {
                 y.add(M.id);
-              }), u(i, [..._, ...f], !0);
+              }), p(i, [..._, ...f], !0);
             }).catch((b) => {
               console.error(b);
             }).finally(() => v(!1)));
@@ -408,7 +402,7 @@ function Pi({
         }
       )
     ] }),
-    /* @__PURE__ */ a(Ce, { className: "p-4 m-1", children: [
+    /* @__PURE__ */ a(Pe, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
         yr,
         {
@@ -420,7 +414,7 @@ function Pi({
           buildEntry: P,
           onInternalIdAdded: h,
           includeAddButton: !0,
-          onValueChange: (b) => u(i, b),
+          onValueChange: (b) => p(i, b),
           newDefaultEntry: { id: "", label: "" }
         }
       ),
@@ -444,8 +438,8 @@ const Ni = Y.memo(
     autoFocus: l,
     onDialogOpen: o,
     disabled: d,
-    inferredEntry: u,
-    entryError: p
+    inferredEntry: p,
+    entryError: u
   }) {
     const {
       values: h,
@@ -456,7 +450,7 @@ const Ni = Y.memo(
     } = K(), x = Y.useRef(!I(h, `${i}[${r}].id`)), y = n || x.current, P = I(h, `${i}[${r}].id`), k = I(h, `${i}[${r}].label`), b = Y.useRef(k);
     return Y.useEffect(() => {
       (b.current === P || !P) && y && g(`${i}[${r}].id`, k), b.current = k;
-    }, [k]), /* @__PURE__ */ a(j, { children: [
+    }, [k]), /* @__PURE__ */ a(R, { children: [
       /* @__PURE__ */ a("div", { className: "flex w-full align-center justify-center", children: [
         /* @__PURE__ */ e(
           H,
@@ -469,11 +463,11 @@ const Ni = Y.memo(
             size: "small",
             autoFocus: l,
             autoComplete: "off",
-            endAdornment: u && /* @__PURE__ */ e(ht, { size: "small" }),
-            error: !!p?.label
+            endAdornment: p && /* @__PURE__ */ e(ht, { size: "small" }),
+            error: !!u?.label
           }
         ),
-        !d && /* @__PURE__ */ e(Er, { color: "error", invisible: !p?.id, children: /* @__PURE__ */ e(
+        !d && /* @__PURE__ */ e(Er, { color: "error", invisible: !u?.id, children: /* @__PURE__ */ e(
           oe,
           {
             size: "small",
@@ -484,26 +478,26 @@ const Ni = Y.memo(
           }
         ) })
       ] }),
-      p?.label && /* @__PURE__ */ e(
+      u?.label && /* @__PURE__ */ e(
         O,
         {
           variant: "caption",
           className: "ml-3.5 text-red-500 dark:text-red-500",
-          children: p?.label
+          children: u?.label
         }
       ),
-      p?.id && /* @__PURE__ */ e(
+      u?.id && /* @__PURE__ */ e(
         O,
         {
           variant: "caption",
           className: "ml-3.5 text-red-500 dark:text-red-500",
-          children: p?.id
+          children: u?.id
         }
       )
     ] });
   },
   function(r, n) {
-    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;
+    return r.index === n.index && r.enumValuesPath === n.enumValuesPath && r.shouldUpdateId === n.shouldUpdateId && r.inferredEntry === n.inferredEntry && ye(r.entryError, n.entryError) && r.autoFocus === n.autoFocus;
   }
 );
 function xi({
@@ -561,7 +555,7 @@ function ce({
   size: o = "small",
   allowIndeterminate: d
 }) {
-  const u = /* @__PURE__ */ e(
+  const p = /* @__PURE__ */ e(
     ct,
     {
       label: n,
@@ -570,32 +564,32 @@ function ce({
       value: t.value,
       disabled: l,
       allowIndeterminate: d,
-      onValueChange: (p) => r.setFieldValue(t.name, p)
+      onValueChange: (u) => r.setFieldValue(t.name, u)
     }
   );
   return i ? /* @__PURE__ */ e(
     te,
     {
       title: i,
-      children: u
+      children: p
     }
-  ) : u;
+  ) : p;
 }
 function Se({ disabled: t }) {
   const { values: r, handleChange: n } = K(), i = "validation.required", l = "validation.requiredMessage";
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       H,
       {
         name: i,
         type: "checkbox",
-        children: ({ field: d, form: u }) => /* @__PURE__ */ e(
+        children: ({ field: d, form: p }) => /* @__PURE__ */ e(
           ce,
           {
             disabled: t,
             label: "Required",
             tooltip: "You won't be able to save this entity if this value is not set",
-            form: u,
+            form: p,
             field: d
           }
         )
@@ -606,13 +600,13 @@ function Se({ disabled: t }) {
       {
         name: "validation.unique",
         type: "checkbox",
-        children: ({ field: d, form: u }) => /* @__PURE__ */ e(
+        children: ({ field: d, form: p }) => /* @__PURE__ */ e(
           ce,
           {
             disabled: t,
             label: "Unique",
             tooltip: "There cannot be multiple entities with the same value",
-            form: u,
+            form: p,
             field: d
           }
         )
@@ -639,8 +633,8 @@ function Ee({
   min: l,
   trim: o,
   uppercase: d,
-  disabled: u,
-  showErrors: p
+  disabled: p,
+  showErrors: u
 }) {
   const {
     values: h,
@@ -648,7 +642,7 @@ function Ee({
     errors: c
   } = K(), g = "validation.length", v = "validation.min", x = "validation.max", y = "validation.trim", P = "validation.matches", k = "validation.lowercase", b = "validation.uppercase", C = I(c, P), N = I(h, P), f = typeof N == "string" ? N : br(N);
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
-    /* @__PURE__ */ e(Se, { disabled: u }),
+    /* @__PURE__ */ e(Se, { disabled: p }),
     /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       r && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         H,
@@ -659,7 +653,7 @@ function Ee({
             ce,
             {
               label: "Lowercase",
-              disabled: u,
+              disabled: p,
               form: _,
               field: w
             }
@@ -675,7 +669,7 @@ function Ee({
             ce,
             {
               label: "Uppercase",
-              disabled: u,
+              disabled: p,
               form: _,
               field: w
             }
@@ -691,7 +685,7 @@ function Ee({
             ce,
             {
               label: "Trim",
-              disabled: u,
+              disabled: p,
               form: _,
               field: w
             }
@@ -708,7 +702,7 @@ function Ee({
           name: g,
           type: "number",
           size: "small",
-          disabled: u,
+          disabled: p,
           onChange: m
         }
       ) }),
@@ -720,7 +714,7 @@ function Ee({
           name: v,
           type: "number",
           size: "small",
-          disabled: u,
+          disabled: p,
           onChange: m
         }
       ) }),
@@ -732,7 +726,7 @@ function Ee({
           name: x,
           type: "number",
           size: "small",
-          disabled: u,
+          disabled: p,
           onChange: m
         }
       ) })
@@ -745,7 +739,7 @@ function Ee({
           as: Z,
           label: "Matches regex",
           size: "small",
-          disabled: u,
+          disabled: p,
           value: f,
           error: !!C
         }
@@ -791,7 +785,7 @@ function Ot({
     ) })
   ] });
 }
-function Ne({
+function xe({
   children: t
 }) {
   return /* @__PURE__ */ e(
@@ -825,10 +819,10 @@ function Rt({
 }) {
   const {
     values: d,
-    setFieldError: u,
-    setFieldValue: p
-  } = K(), h = Ie(), m = t ? "of.enumValues" : "enumValues", c = I(d, "defaultValue"), g = I(d, m), v = Zt(() => !g || typeof g == "boolean" ? [] : Cr(g) ?? [], [g]);
-  return /* @__PURE__ */ a(j, { children: [
+    setFieldError: p,
+    setFieldValue: u
+  } = K(), h = _e(), m = t ? "of.enumValues" : "enumValues", c = I(d, "defaultValue"), g = I(d, m), v = Zt(() => !g || typeof g == "boolean" ? [] : Cr(g) ?? [], [g]);
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ci,
       {
@@ -837,13 +831,13 @@ function Rt({
         disabled: n,
         allowDataInference: l,
         onError: (y) => {
-          u(m, y ? "This enum property is missing some values" : void 0);
+          p(m, y ? "This enum property is missing some values" : void 0);
         },
         getData: o ? () => o().then((y) => y.map((P) => d.id && I(P, d.id)).filter(Boolean)) : void 0,
         onValuesChanged: (y) => {
-          if (d && (p(m, y), !t)) {
+          if (d && (u(m, y), !t)) {
             const P = y.filter((k) => !!k?.id).map((k) => k.id);
-            c && !P.includes(c) && (p("defaultValue", void 0), h.open({
+            c && !P.includes(c) && (u("defaultValue", void 0), h.open({
               type: "warning",
               message: "Default value was cleared"
             }));
@@ -851,7 +845,7 @@ function Rt({
         }
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(Ne, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(xe, { children: [
       !t && /* @__PURE__ */ e(
         Ee,
         {
@@ -862,12 +856,12 @@ function Rt({
       t && /* @__PURE__ */ e(Ot, { disabled: n })
     ] }) }),
     !t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      be,
+      Ce,
       {
         disabled: n,
         position: "item-aligned",
         onValueChange: (y) => {
-          p("defaultValue", y);
+          u("defaultValue", y);
         },
         label: "Default value",
         value: c ?? "",
@@ -898,10 +892,10 @@ function Ut({
   const {
     values: i,
     setFieldValue: l
-  } = K(), o = t ? "of.storage" : "storage", d = `${o}.acceptedFiles`, u = `${o}.fileName`, p = `${o}.storagePath`, h = `${o}.storeUrl`, m = I(i, u) ?? "{rand}_{file}", c = I(i, p) ?? "/", g = I(i, d), v = Array.isArray(g) ? g : void 0, x = !v || v.length === 0, y = (b) => {
+  } = K(), o = t ? "of.storage" : "storage", d = `${o}.acceptedFiles`, p = `${o}.fileName`, u = `${o}.storagePath`, h = `${o}.storeUrl`, m = I(i, p) ?? "{rand}_{file}", c = I(i, u) ?? "/", g = I(i, d), v = Array.isArray(g) ? g : void 0, x = !v || v.length === 0, y = (b) => {
     b ? b.includes("all") || b.length >= Object.keys(it).length ? l(d, void 0) : x ? l(d, Object.keys(it).filter((C) => !b.includes(C))) : l(d, b) : l(d, void 0);
   }, P = typeof m == "function", k = typeof c == "function";
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xt,
       {
@@ -960,7 +954,7 @@ function Ut({
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
             H,
             {
-              name: u,
+              name: p,
               as: Z,
               label: "File name",
               size: "small",
@@ -972,7 +966,7 @@ function Ut({
             /* @__PURE__ */ e(
               H,
               {
-                name: p,
+                name: u,
                 as: Z,
                 label: "Storage path",
                 disabled: k || n,
@@ -1013,7 +1007,7 @@ function Ut({
         ] })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(Ne, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(xe, { children: [
       !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(Se, { disabled: n }) }),
       t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ot, { disabled: n }) })
     ] }) })
@@ -1047,31 +1041,31 @@ function nr({
   includeEditButton: l,
   selected: o
 }) {
-  const { propertyConfigs: d } = Ae(), u = $e(t, d);
+  const { propertyConfigs: d } = Ae(), p = $e(t, d);
   qe(t);
-  const p = n ? "border-red-500 dark:border-red-500 border-opacity-100 dark:border-opacity-100 ring-0 dark:ring-0" : o ? "border-primary" : "border-transparent";
-  return n && console.log("PropertyFieldPreview", t), /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ a(
+  const u = n ? "border-red-500 dark:border-red-500 border-opacity-100 dark:border-opacity-100 ring-0 dark:ring-0" : o ? "border-primary" : "border-transparent";
+  return n && console.log("PropertyFieldPreview", t), /* @__PURE__ */ e(me, { children: /* @__PURE__ */ a(
     "div",
     {
       onClick: r,
       className: "flex flex-row w-full cursor-pointer",
       children: [
-        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(Ye, { propertyConfig: u }) }),
+        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(Ye, { propertyConfig: p }) }),
         /* @__PURE__ */ a(
-          Ce,
+          Pe,
           {
-            className: me(
+            className: fe(
               "border",
               "pl-2 w-full flex flex-row gap-4 items-center",
               Qt,
               r ? Xt : "",
               o ? er : "",
               "flex-grow p-4 border transition-colors duration-200",
-              p
+              u
             ),
             children: [
               /* @__PURE__ */ a("div", { className: "w-full flex flex-col", children: [
-                i && /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                i && /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
                   O,
                   {
                     variant: "body1",
@@ -1081,17 +1075,17 @@ function nr({
                   }
                 ) }),
                 /* @__PURE__ */ a("div", { className: "flex flex-row items-center", children: [
-                  /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
                     O,
                     {
                       className: "flex-grow pr-2",
                       variant: i ? "body2" : "subtitle1",
                       component: "span",
                       color: "secondary",
-                      children: u?.name
+                      children: p?.name
                     }
                   ) }),
-                  /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
                     O,
                     {
                       variant: "body2",
@@ -1135,9 +1129,9 @@ function Ti({
           /* @__PURE__ */ e(Rr, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
-          Ce,
+          Pe,
           {
-            className: me(
+            className: fe(
               "pl-2 w-full flex flex-row gap-4 items-center",
               Qt,
               n ? Xt : "",
@@ -1166,7 +1160,7 @@ function Ti({
                     children: o?.name
                   }
                 ),
-                i && !ne(i) && /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                i && !ne(i) && /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
                   O,
                   {
                     variant: "body2",
@@ -1175,7 +1169,7 @@ function Ti({
                     children: i.dataType
                   }
                 ) }),
-                i && ne(i) && /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                i && ne(i) && /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
                   O,
                   {
                     variant: "body2",
@@ -1184,7 +1178,7 @@ function Ti({
                     children: "This property is defined as a property builder in code"
                   }
                 ) }),
-                !i && /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                !i && /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
                   O,
                   {
                     variant: "body2",
@@ -1209,8 +1203,8 @@ const ft = Y.memo(
     properties: l,
     propertiesOrder: o,
     additionalFields: d,
-    errors: u,
-    onPropertyMove: p,
+    errors: p,
+    onPropertyMove: u,
     onPropertyRemove: h,
     className: m,
     inferredPropertyKeys: c,
@@ -1220,9 +1214,9 @@ const ft = Y.memo(
       if (!y.destination)
         return;
       const P = y.source.index, k = y.destination.index, b = Array.from(v), [C] = b.splice(P, 1);
-      b.splice(k, 0, C), p && p(b, r);
-    }, [r, p, v]);
-    return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(ii, { onDragEnd: x, children: /* @__PURE__ */ e(ni, { droppableId: `droppable_${r}`, children: (y, P) => /* @__PURE__ */ a(
+      b.splice(k, 0, C), u && u(b, r);
+    }, [r, u, v]);
+    return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ii, { onDragEnd: x, children: /* @__PURE__ */ e(ni, { droppableId: `droppable_${r}`, children: (y, P) => /* @__PURE__ */ a(
       "div",
       {
         ...y.droppableProps,
@@ -1236,17 +1230,17 @@ const ft = Y.memo(
               {
                 draggableId: `array_field_${r}_${k}}`,
                 index: b,
-                children: (f, w) => /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                children: (f, w) => /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
                   ki,
                   {
                     propertyKey: k,
                     propertyOrBuilder: C,
                     additionalField: N,
                     provided: f,
-                    errors: u,
+                    errors: p,
                     namespace: r,
                     inferredPropertyKeys: c,
-                    onPropertyMove: p,
+                    onPropertyMove: u,
                     onPropertyRemove: h,
                     onPropertyClick: w.isDragging ? void 0 : i,
                     selectedPropertyKey: n,
@@ -1264,7 +1258,7 @@ const ft = Y.memo(
   },
   (t, r) => {
     const n = r.selectedPropertyKey?.startsWith(r.namespace ?? ""), i = t.selectedPropertyKey?.startsWith(t.namespace ?? "");
-    return n || i ? !1 : ve(t.properties, r.properties) && t.propertiesOrder === r.propertiesOrder && ve(t.additionalFields, r.additionalFields) && ve(t.errors, r.errors) && ve(t.onPropertyClick, r.onPropertyClick) && // equal(prevProps.onPropertyMove, nextProps.onPropertyMove) &&
+    return n || i ? !1 : ye(t.properties, r.properties) && t.propertiesOrder === r.propertiesOrder && ye(t.additionalFields, r.additionalFields) && ye(t.errors, r.errors) && ye(t.onPropertyClick, r.onPropertyClick) && // equal(prevProps.onPropertyMove, nextProps.onPropertyMove) &&
     // equal(prevProps.onPropertyRemove, nextProps.onPropertyRemove) &&
     t.namespace === r.namespace && t.collectionEditable === r.collectionEditable;
   }
@@ -1277,8 +1271,8 @@ function ki({
   provided: l,
   selectedPropertyKey: o,
   errors: d,
-  onPropertyClick: u,
-  onPropertyMove: p,
+  onPropertyClick: p,
+  onPropertyMove: u,
   onPropertyRemove: h,
   inferredPropertyKeys: m,
   collectionEditable: c
@@ -1295,8 +1289,8 @@ function ki({
         properties: C.properties,
         propertiesOrder: C.propertiesOrder,
         errors: d,
-        onPropertyClick: u,
-        onPropertyMove: p,
+        onPropertyClick: p,
+        onPropertyMove: u,
         onPropertyRemove: h,
         collectionEditable: c
       }
@@ -1326,7 +1320,7 @@ function ki({
           nr,
           {
             property: n,
-            onClick: u ? () => u(t, r) : void 0,
+            onClick: p ? () => p(t, r) : void 0,
             includeName: !0,
             selected: k,
             hasError: y
@@ -1336,7 +1330,7 @@ function ki({
           {
             name: t,
             property: n,
-            onClick: u ? () => u(t, r) : void 0,
+            onClick: p ? () => p(t, r) : void 0,
             selected: k
           }
         ),
@@ -1351,7 +1345,7 @@ function ki({
               children: /* @__PURE__ */ e(Ur, { size: "small" })
             }
           ) }),
-          p && /* @__PURE__ */ e(te, { title: "Move", children: /* @__PURE__ */ e(
+          u && /* @__PURE__ */ e(te, { title: "Move", children: /* @__PURE__ */ e(
             oe,
             {
               component: "span",
@@ -1369,7 +1363,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
   const {
     values: o,
     setFieldValue: d
-  } = K(), [u, p] = $(!1), [h, m] = $(), [c, g] = $(), v = o.propertiesOrder ?? Object.keys(o.properties ?? {}), x = ({
+  } = K(), [p, u] = $(!1), [h, m] = $(), [c, g] = $(), v = o.propertiesOrder ?? Object.keys(o.properties ?? {}), x = ({
     id: N,
     property: f
   }) => {
@@ -1380,17 +1374,17 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       [N]: f
     }, !1);
     const w = o.propertiesOrder ?? Object.keys(o.properties ?? {}), _ = w.includes(N) ? w : [...w, N];
-    d("propertiesOrder", _, !1), p(!1);
+    d("propertiesOrder", _, !1), u(!1);
   }, y = Q((N, f) => {
     const w = N ? ae(N, f) : void 0;
     if (!w)
       throw Error("collection editor miss config");
-    const _ = pe(w), M = ye(f), R = I(o, M) ?? Object.keys(I(o, bi(f)));
-    d(_, void 0, !1), d(M, R.filter((D) => D !== N), !1), p(!1), m(void 0), g(void 0);
+    const _ = he(w), M = be(f), U = I(o, M) ?? Object.keys(I(o, bi(f)));
+    d(_, void 0, !1), d(M, U.filter((D) => D !== N), !1), u(!1), m(void 0), g(void 0);
   }, [d, o]), P = h ? ae(h, c) : void 0, k = P ? I(o.properties, P.replaceAll(".", ".properties.")) : void 0, b = !v || v.length < 1, C = Q((N, f) => {
-    d(ye(f), N, !1);
+    d(be(f), N, !1);
   }, []);
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
       /* @__PURE__ */ a("div", { className: "flex justify-between items-end my-4", children: [
         /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Properties in this group" }),
@@ -1399,7 +1393,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
           {
             color: "primary",
             variant: "outlined",
-            onClick: () => p(!0),
+            onClick: () => u(!0),
             startIcon: /* @__PURE__ */ e(se, {}),
             children: [
               "Add property to ",
@@ -1408,7 +1402,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
           }
         )
       ] }),
-      /* @__PURE__ */ a(Ce, { className: "p-2 pl-8", children: [
+      /* @__PURE__ */ a(Pe, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
           ft,
           {
@@ -1417,7 +1411,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
             errors: {},
             collectionEditable: l,
             onPropertyClick: (N, f) => {
-              m(N), g(f), p(!0);
+              m(N), g(f), u(!0);
             },
             onPropertyMove: C
           }
@@ -1446,18 +1440,18 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       /* @__PURE__ */ e(X, { children: "Set this flag to true if you want to display the children of this group as individual columns." })
     ] }),
     /* @__PURE__ */ e(
-      Ve,
+      Ie,
       {
         inArray: !1,
         forceShowErrors: !1,
-        open: u,
+        open: p,
         allowDataInference: n,
         collectionEditable: l,
         onCancel: () => {
-          p(!1), m(void 0), g(void 0);
+          u(!1), m(void 0), g(void 0);
         },
         onOkClicked: () => {
-          p(!1), m(void 0), g(void 0);
+          u(!1), m(void 0), g(void 0);
         },
         getData: r,
         onDelete: y,
@@ -1484,15 +1478,15 @@ function Vi({
   collectionEditable: d
 }) {
   const {
-    values: u,
-    handleChange: p,
+    values: p,
+    handleChange: u,
     errors: h,
     setFieldValue: m,
     touched: c
-  } = K(), [g, v] = $(!1), x = I(u, "of"), y = I(c, "of") && I(h, "of"), P = ({ id: b, property: C, namespace: N }) => {
+  } = K(), [g, v] = $(!1), x = I(p, "of"), y = I(c, "of") && I(h, "of"), P = ({ id: b, property: C, namespace: N }) => {
     console.log("onPropertyChanged", b, C, N), m("of", C);
   }, k = x && $e(x, o);
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Repeat component" }),
       /* @__PURE__ */ e(
@@ -1500,7 +1494,7 @@ function Vi({
         {
           name: "of",
           value: x,
-          children: ({}) => /* @__PURE__ */ a(Ce, { className: "p-2 mt-4", children: [
+          children: ({}) => /* @__PURE__ */ a(Pe, { className: "p-2 mt-4", children: [
             x && /* @__PURE__ */ e(
               nr,
               {
@@ -1526,7 +1520,7 @@ function Vi({
               }
             ),
             /* @__PURE__ */ e(
-              Ve,
+              Ie,
               {
                 inArray: !0,
                 open: g,
@@ -1548,7 +1542,7 @@ function Vi({
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Ot, { disabled: n }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Ot, { disabled: n }) }) })
   ] });
 }
 const Ii = Y.forwardRef(
@@ -1560,13 +1554,13 @@ const Ii = Y.forwardRef(
     isNewProperty: o
   }, d) {
     const {
-      errors: u,
-      values: p,
+      errors: p,
+      values: u,
       setFieldValue: h,
       setFieldTouched: m,
       touched: c,
       validate: g
-    } = K(), v = "name", x = r && I(u, v), y = "id", P = r && I(u, y), k = "description", b = r && I(u, k);
+    } = K(), v = "name", x = r && I(p, v), y = "id", P = r && I(p, y), k = "description", b = r && I(p, k);
     return /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 col-span-12", children: [
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ e(
@@ -1575,7 +1569,7 @@ const Ii = Y.forwardRef(
             name: v,
             inputRef: d,
             as: Z,
-            value: p[v],
+            value: u[v],
             onChange: (C) => {
               const N = C.target.value;
               !I(c, y) && l && h(y, N ? Pt(N) : "", !1), h(v, N, !0), m(v, !0);
@@ -1596,7 +1590,7 @@ const Ii = Y.forwardRef(
             name: y,
             as: Z,
             label: "ID",
-            value: p[y],
+            value: u[y],
             onChange: (C) => {
               const N = C.target.value;
               !I(c, v) && l && h(v, N ? ut(N) : ""), h(y, N, !0), m(y, !0);
@@ -1631,8 +1625,8 @@ function _i({
   showErrors: n
 }) {
   const { values: i, setFieldValue: l } = K();
-  return /* @__PURE__ */ a(j, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(Ne, { children: [
+  return /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(xe, { children: [
       t === "text_field" && /* @__PURE__ */ e(
         Ee,
         {
@@ -1685,7 +1679,7 @@ function _i({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Oe,
+      Ve,
       {
         name: "defaultValue",
         disabled: r,
@@ -1700,8 +1694,8 @@ function _i({
 }
 function Fi({ disabled: t }) {
   const { values: r } = K(), n = I(r, "defaultValue");
-  return /* @__PURE__ */ a(j, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) }),
+  return /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       H,
       {
@@ -1724,7 +1718,7 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
   const {
     values: o,
     setFieldValue: d
-  } = K(), [u, p] = $(!1), [h, m] = $(), [c, g] = $(), v = ({
+  } = K(), [p, u] = $(!1), [h, m] = $(), [c, g] = $(), v = ({
     id: C,
     property: N
   }) => {
@@ -1735,20 +1729,20 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       [C]: N
     }, !1);
     const f = o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), w = f.includes(C) ? f : [...f, C];
-    d("oneOf.propertiesOrder", w, !1), p(!1);
+    d("oneOf.propertiesOrder", w, !1), u(!1);
   }, x = h ? ae(h, c) : void 0, y = x ? I(o.oneOf?.properties, x.replaceAll(".", ".properties.")) : void 0, P = Q((C, N) => {
     const f = C ? ae(C, N) : void 0;
     if (!f)
       throw Error("collection editor miss config");
-    d(`oneOf.${pe(f)}`, void 0, !1);
-    const w = `oneOf.${ye(N)}`, _ = I(o, w);
-    d(w, _.filter((M) => M !== C), !1), p(!1), m(void 0), g(void 0);
+    d(`oneOf.${he(f)}`, void 0, !1);
+    const w = `oneOf.${be(N)}`, _ = I(o, w);
+    d(w, _.filter((M) => M !== C), !1), u(!1), m(void 0), g(void 0);
   }, [d, o]), k = /* @__PURE__ */ a(
     z,
     {
       autoFocus: !0,
       color: "primary",
-      onClick: () => p(!0),
+      onClick: () => u(!0),
       startIcon: /* @__PURE__ */ e(se, {}),
       children: [
         "Add property to ",
@@ -1756,15 +1750,15 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       ]
     }
   ), b = Q((C, N) => {
-    d(`oneOf.${ye(N)}`, C, !1);
+    d(`oneOf.${be(N)}`, C, !1);
   }, []);
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
       /* @__PURE__ */ a("div", { className: "flex justify-between items-end mt-8 mb-4", children: [
         /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Properties in this block" }),
         k
       ] }),
-      /* @__PURE__ */ a(Ce, { className: "p-2 pl-8", children: [
+      /* @__PURE__ */ a(Pe, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
           ft,
           {
@@ -1773,7 +1767,7 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
             errors: {},
             collectionEditable: l,
             onPropertyClick: t ? void 0 : (C, N) => {
-              m(C), g(N), p(!0);
+              m(C), g(N), u(!0);
             },
             onPropertyMove: t ? void 0 : b
           }
@@ -1782,18 +1776,18 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       ] })
     ] }),
     !t && /* @__PURE__ */ e(
-      Ve,
+      Ie,
       {
         inArray: !1,
         forceShowErrors: !1,
-        open: u,
+        open: p,
         getData: r,
         allowDataInference: n,
         onCancel: () => {
-          p(!1), m(void 0), g(void 0);
+          u(!1), m(void 0), g(void 0);
         },
         onOkClicked: () => {
-          p(!1), m(void 0), g(void 0);
+          u(!1), m(void 0), g(void 0);
         },
         collectionEditable: l,
         onDelete: P,
@@ -1917,10 +1911,10 @@ function Ei({ disabled: t }) {
 }
 function Ai({ disabled: t }) {
   const { values: r, setFieldValue: n } = K();
-  return /* @__PURE__ */ a(j, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Ei, { disabled: t }) }) }),
+  return /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Ei, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Oe,
+      Ve,
       {
         name: "defaultValue",
         disabled: t,
@@ -1945,14 +1939,14 @@ function jt({
     handleChange: o,
     errors: d
   } = K();
-  if (!Pe())
+  if (!Ne())
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(De, {}) });
-  const p = r ? "of.path" : "path", h = I(l, p), m = i && I(d, p);
-  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+  const u = r ? "of.path" : "path", h = I(l, u), m = i && I(d, u);
+  return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     H,
     {
-      name: p,
-      pathPath: p,
+      name: u,
+      pathPath: u,
       type: "select",
       disabled: t && !!h || n,
       value: h,
@@ -1970,15 +1964,15 @@ function Di({
   error: l,
   ...o
 }) {
-  const d = Pe();
+  const d = Ne();
   if (!d)
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(De, {}) });
-  const u = d?.collections ?? [], p = Array.from(new Set(
-    Object.values(u).map((m) => m.group).filter(Boolean)
-  ).values()), h = u.filter((m) => !m.group);
-  return /* @__PURE__ */ a(j, { children: [
+  const p = d?.collections ?? [], u = Array.from(new Set(
+    Object.values(p).map((m) => m.group).filter(Boolean)
+  ).values()), h = p.filter((m) => !m.group);
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a(
-      be,
+      Ce,
       {
         error: !!l,
         disabled: t,
@@ -1988,7 +1982,7 @@ function Di({
         onChange: i,
         label: "Target collection",
         renderValue: (m) => {
-          const c = u.find((g) => g.id === m || g.path === m);
+          const c = p.find((g) => g.id === m || g.path === m);
           return c ? /* @__PURE__ */ a("div", { className: "flex flex-row", children: [
             /* @__PURE__ */ e(ot, { collectionOrView: c }),
             /* @__PURE__ */ e(
@@ -2003,11 +1997,11 @@ function Di({
         },
         ...o,
         children: [
-          p.flatMap((m) => /* @__PURE__ */ e(
+          u.flatMap((m) => /* @__PURE__ */ e(
             At,
             {
               label: m || "Views",
-              children: u.filter((c) => c.group === m).map((c) => /* @__PURE__ */ e(
+              children: p.filter((c) => c.group === m).map((c) => /* @__PURE__ */ e(
                 ee,
                 {
                   value: c.id ?? c.path,
@@ -2058,15 +2052,15 @@ function Bi({ disabled: t }) {
     errors: n,
     touched: i,
     setFieldValue: l
-  } = K(), o = "mode", d = I(r, o), u = I(i, o) && I(n, o), p = "autoValue", h = I(r, p), m = I(i, p) && I(n, p);
-  return /* @__PURE__ */ a(j, { children: [
+  } = K(), o = "mode", d = I(r, o), p = I(i, o) && I(n, o), u = "autoValue", h = I(r, u), m = I(i, u) && I(n, u);
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ a(
-        be,
+        Ce,
         {
           name: o,
           value: d ?? "date",
-          error: !!u,
+          error: !!p,
           onValueChange: (c) => l(o, c),
           label: "Mode",
           renderValue: (c) => {
@@ -2086,14 +2080,14 @@ function Bi({ disabled: t }) {
           ]
         }
       ),
-      /* @__PURE__ */ e(X, { error: !!u, children: u }),
+      /* @__PURE__ */ e(X, { error: !!p, children: p }),
       /* @__PURE__ */ a(
-        be,
+        Ce,
         {
-          name: p,
+          name: u,
           disabled: t,
           value: h ?? "",
-          onValueChange: (c) => l(p, c),
+          onValueChange: (c) => l(u, c === "none" ? null : c),
           renderValue: (c) => {
             switch (c) {
               case "on_create":
@@ -2107,7 +2101,7 @@ function Bi({ disabled: t }) {
           error: !!m,
           label: "Automatic value",
           children: [
-            /* @__PURE__ */ e(ee, { value: "", children: " None " }),
+            /* @__PURE__ */ e(ee, { value: "none", children: " None " }),
             /* @__PURE__ */ e(ee, { value: "on_create", children: " On create " }),
             /* @__PURE__ */ e(ee, { value: "on_update", children: " On any update " })
           ]
@@ -2115,7 +2109,7 @@ function Bi({ disabled: t }) {
       ),
       /* @__PURE__ */ e(X, { error: !!m, children: m ?? "Update this field automatically when creating or updating the entity" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) })
   ] });
 }
 function zi({ disabled: t }) {
@@ -2150,7 +2144,7 @@ function zi({ disabled: t }) {
   ] });
 }
 function Mi({ disabled: t }) {
-  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) }) });
+  return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) }) });
 }
 function ar(t, r, n) {
   let i;
@@ -2374,7 +2368,7 @@ function or({ value: t, optionDisabled: r, propertyConfig: n, existing: i }) {
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: me(
+          className: fe(
             "flex flex-row items-center text-base min-h-[52px]",
             r ? "w-full" : ""
           ),
@@ -2403,9 +2397,9 @@ function Ri({
   showErrors: r
 }) {
   const { values: n, setFieldValue: i } = K(), l = I(n, "url");
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(
-      be,
+      Ce,
       {
         disabled: t,
         position: "item-aligned",
@@ -2434,7 +2428,7 @@ function Ri({
         ]
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(
       Ee,
       {
         disabled: t,
@@ -2445,7 +2439,7 @@ function Ri({
       }
     ) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Oe,
+      Ve,
       {
         name: "defaultValue",
         disabled: t,
@@ -2487,8 +2481,8 @@ const Ui = [
       existingProperty: l,
       autoUpdateId: o,
       inArray: d,
-      propertyKey: u,
-      existingPropertyKeys: p,
+      propertyKey: p,
+      existingPropertyKeys: u,
       propertyNamespace: h,
       property: m,
       onPropertyChanged: c,
@@ -2506,10 +2500,10 @@ const Ui = [
       id: "",
       name: ""
     }, _ = !!(m && !qe(m)) && !f, M = Le(m ? {
-      id: u,
-      previousId: u,
+      id: p,
+      previousId: p,
       property: m
-    } : void 0), R = ({
+    } : void 0), U = ({
       id: A,
       property: s
     }) => {
@@ -2521,7 +2515,7 @@ const Ui = [
       };
       M.current = V, c?.(V);
     }, D = Tt({
-      initialValues: m ? { id: u, ...m } : w,
+      initialValues: m ? { id: p, ...m } : w,
       initialErrors: y,
       validateOnChange: !0,
       validateOnInitialRender: !0,
@@ -2531,7 +2525,7 @@ const Ui = [
           id: V,
           ...G
         } = A;
-        R({
+        U({
           id: V,
           property: { ...G, editable: G.editable ?? !0 }
         }), l || s.resetForm({ values: w });
@@ -2548,7 +2542,7 @@ const Ui = [
           if (!A.id)
             s.id = "Required";
           else {
-            const V = qi(A.id, p);
+            const V = qi(A.id, u);
             V && (s.id = V);
           }
         }
@@ -2562,7 +2556,7 @@ const Ui = [
     }, [D, b]), /* @__PURE__ */ e(kt, { value: D, children: /* @__PURE__ */ e(
       ji,
       {
-        onPropertyChanged: g ? R : void 0,
+        onPropertyChanged: g ? U : void 0,
         onDelete: v,
         includeIdAndTitle: n,
         propertyNamespace: h,
@@ -2583,7 +2577,7 @@ const Ui = [
   },
   (t, r) => t.getData === r.getData && t.propertyKey === r.propertyKey && t.propertyNamespace === r.propertyNamespace && t.includeIdAndName === r.includeIdAndName && t.autoOpenTypeSelect === r.autoOpenTypeSelect && t.autoUpdateId === r.autoUpdateId && t.existingProperty === r.existingProperty
 );
-function Ve({
+function Ie({
   open: t,
   onCancel: r,
   onOkClicked: n,
@@ -2592,7 +2586,7 @@ function Ve({
   collectionEditable: o,
   ...d
 }) {
-  const u = Le();
+  const p = Le();
   return /* @__PURE__ */ e(
     Fe,
     {
@@ -2605,7 +2599,7 @@ function Ve({
           noValidate: !0,
           autoComplete: "off",
           onSubmit: (h) => {
-            h.preventDefault(), h.stopPropagation(), u.current?.handleSubmit(h);
+            h.preventDefault(), h.stopPropagation(), p.current?.handleSubmit(h);
           },
           children: [
             /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ e(
@@ -2618,7 +2612,7 @@ function Ve({
                 collectionEditable: o,
                 onPropertyChangedImmediate: !1,
                 getController: (h) => {
-                  u.current = h;
+                  p.current = h;
                 },
                 getData: l
               }
@@ -2629,7 +2623,7 @@ function Ve({
                 {
                   variant: "text",
                   onClick: () => {
-                    r(), u.current?.resetForm();
+                    r(), p.current?.resetForm();
                   },
                   children: "Cancel"
                 }
@@ -2658,8 +2652,8 @@ function ji({
   autoUpdateId: l = !1,
   autoOpenTypeSelect: o,
   includeIdAndTitle: d,
-  onPropertyChanged: u,
-  onDelete: p,
+  onPropertyChanged: p,
+  onDelete: u,
   propertyNamespace: h,
   onError: m,
   showErrors: c,
@@ -2670,20 +2664,20 @@ function ji({
   propertyConfigs: P,
   collectionEditable: k
 }) {
-  const [b, C] = $(o), [N, f] = $(!1), [w, _] = $(t?.dataType ? Kt(t) : void 0), M = Object.entries(lr).concat(Object.entries(P)), R = v ? M.filter(([q, L]) => !ne(L.property) && L.property?.dataType !== "array") : M, D = Ir(t), A = Le(null), s = Le(t), V = c && I(r, "selectedWidget");
+  const [b, C] = $(o), [N, f] = $(!1), [w, _] = $(t?.dataType ? Kt(t) : void 0), M = Object.entries(lr).concat(Object.entries(P)), U = v ? M.filter(([q, L]) => !ne(L.property) && L.property?.dataType !== "array") : M, D = Ir(t), A = Le(null), s = Le(t), V = c && I(r, "selectedWidget");
   de(() => {
-    if (u && (!d || D.id)) {
+    if (p && (!d || D.id)) {
       const {
         id: q,
         ...L
       } = D;
-      ve(D, s.current) || (u({
+      ye(D, s.current) || (p({
         id: q,
         property: L,
         namespace: h
       }), s.current = D);
     }
-  }, [D, d, u, h]), de(() => {
+  }, [D, d, p, h]), de(() => {
     t?.id && m && m(t?.id, h, r);
   }, [r, m, h, t?.id]);
   const G = (q) => {
@@ -2784,7 +2778,7 @@ function ji({
       collectionEditable: k,
       propertyConfigs: P
     }
-  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: g }) : B = null, /* @__PURE__ */ a(j, { children: [
+  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: g }) : B = null, /* @__PURE__ */ a(R, { children: [
     g && /* @__PURE__ */ a(Lr, { mode: "warn", children: [
       /* @__PURE__ */ e(O, { children: "This property can't be edited" }),
       /* @__PURE__ */ a(O, { variant: "caption", children: [
@@ -2796,7 +2790,7 @@ function ji({
     /* @__PURE__ */ a("div", { className: "flex mt-2 justify-between", children: [
       /* @__PURE__ */ a("div", { className: "w-full flex flex-col gap-2", children: [
         /* @__PURE__ */ e(
-          be,
+          Ce,
           {
             error: !!V,
             value: w ?? "",
@@ -2815,7 +2809,7 @@ function ji({
                   onClick: (re) => {
                     we && (re.stopPropagation(), re.preventDefault());
                   },
-                  className: me(
+                  className: fe(
                     "flex items-center",
                     we ? "w-full pointer-events-none opacity-50" : ""
                   ),
@@ -2839,7 +2833,7 @@ function ji({
             onValueChange: (q) => {
               G(q);
             },
-            children: R.map(([q, L]) => {
+            children: U.map(([q, L]) => {
               const J = L.property, le = i && !ne(J) && J.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
                 or,
@@ -2864,7 +2858,7 @@ function ji({
           }
         )
       ] }),
-      p && t?.id && /* @__PURE__ */ e(
+      u && t?.id && /* @__PURE__ */ e(
         oe,
         {
           variant: "ghost",
@@ -2890,11 +2884,11 @@ function ji({
       B,
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(zi, { disabled: g }) })
     ] }),
-    p && /* @__PURE__ */ e(
+    u && /* @__PURE__ */ e(
       lt,
       {
         open: N,
-        onAccept: () => p(t?.id, h),
+        onAccept: () => u(t?.id, h),
         onCancel: () => f(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
         body: /* @__PURE__ */ a("div", { children: [
@@ -2918,10 +2912,14 @@ function $i(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 Hi({ collection: t, onOpenChange: r, open: n }) {
-  const i = Ie(), l = `import { EntityCollection } from "firecms";
+function Hi({
+  collection: t,
+  onOpenChange: r,
+  open: n
+}) {
+  const i = _e(), l = t ? `import { EntityCollection } from "firecms";
 
-const ` + (t.name ? Yi(t.name) : "my") + "Collection:EntityCollection = " + oi.stringify(cr(t), null, "	");
+const ` + (t?.name ? Yi(t.name) : "my") + "Collection:EntityCollection = " + oi.stringify(cr(t), null, "	") : "No collection selected";
   return /* @__PURE__ */ a(
     Fe,
     {
@@ -2952,7 +2950,13 @@ const ` + (t.name ? Yi(t.name) : "my") + "Collection:EntityCollection = " + oi.s
               theme: si.vsDark,
               code: l,
               language: "typescript",
-              children: ({ className: o, style: d, tokens: u, getLineProps: p, getTokenProps: h }) => /* @__PURE__ */ e("pre", { style: d, className: "p-4 rounded text-sm", children: u.map((m, c) => /* @__PURE__ */ e("div", { ...p({ line: m }), children: m.map((g, v) => /* @__PURE__ */ e("span", { ...h({ token: g }) }, v)) }, c)) })
+              children: ({
+                className: o,
+                style: d,
+                tokens: p,
+                getLineProps: u,
+                getTokenProps: h
+              }) => /* @__PURE__ */ e("pre", { style: d, className: "p-4 rounded text-sm", children: p.map((m, c) => /* @__PURE__ */ e("div", { ...u({ line: m }), children: m.map((g, v) => /* @__PURE__ */ e("span", { ...h({ token: g }) }, v)) }, c)) })
             }
           )
         ] }),
@@ -3015,8 +3019,8 @@ function Gi({
   setDirty: l,
   reservedGroups: o,
   extraIcon: d,
-  getUser: u,
-  getData: p,
+  getUser: p,
+  getData: u,
   doCollectionInference: h,
   propertyConfigs: m,
   collectionEditable: c
@@ -3028,7 +3032,7 @@ function Gi({
     setFieldTouched: y,
     errors: P,
     dirty: k
-  } = K(), b = Ie(), C = Nr(), N = !C, [f, w] = $(), [_, M] = $(), [R, D] = $(), A = _ ? ae(_, R) : void 0, s = A ? I(g.properties, A.replaceAll(".", ".properties.")) : void 0, [V, G] = $(!1), [B, q] = $(!1), [L, J] = $(!1), [le, Me] = $([]), we = Y.useRef(g.propertiesOrder ? { "": g.propertiesOrder } : {});
+  } = K(), b = _e(), C = Nr(), N = !C, [f, w] = $(), [_, M] = $(), [U, D] = $(), A = _ ? ae(_, U) : void 0, s = A ? I(g.properties, A.replaceAll(".", ".properties.")) : void 0, [V, G] = $(!1), [B, q] = $(!1), [L, J] = $(!1), [le, Me] = $([]), we = Y.useRef(g.propertiesOrder ? { "": g.propertiesOrder } : {});
   de(() => {
     l && l(k);
   }, [k]);
@@ -3041,8 +3045,8 @@ function Gi({
         });
         return;
       }
-      const U = (F.properties ? Object.keys(F.properties) : []).filter((E) => !g.properties[E]);
-      if (U.length === 0) {
+      const j = (F.properties ? Object.keys(F.properties) : []).filter((E) => !g.properties[E]);
+      if (j.length === 0) {
         b.open({
           type: "info",
           message: "No new properties found in existing data"
@@ -3050,84 +3054,84 @@ function Gi({
         return;
       }
       const T = {
-        ...U.reduce((E, ie) => (E[ie] = (F.properties ?? {})[ie], E), {}),
+        ...j.reduce((E, ie) => (E[ie] = (F.properties ?? {})[ie], E), {}),
         ...g.properties
       }, S = [
-        ...U,
+        ...j,
         ...g.propertiesOrder ?? []
       ];
-      v("properties", T, !1), he(S), Me(U);
+      v("properties", T, !1), ve(S), Me(j);
     }).finally(() => {
       q(!1);
     }));
-  } : void 0, re = Q((F) => F ? we.current[F] ?? I(g, ye(F)) : we.current[""], [g]), he = Q((F, U) => {
-    const T = ye(U);
-    v(T, F, !1), we.current[U ?? ""] = F;
-  }, [v]), Te = Q((F, U) => {
-    const T = F ? ae(F, U) : void 0;
+  } : void 0, re = Q((F) => F ? we.current[F] ?? I(g, be(F)) : we.current[""], [g]), ve = Q((F, j) => {
+    const T = be(j);
+    v(T, F, !1), we.current[j ?? ""] = F;
+  }, [v]), ke = Q((F, j) => {
+    const T = F ? ae(F, j) : void 0;
     if (!T)
       throw Error("collection editor miss config");
-    v(pe(T), void 0, !1);
-    const E = re(U).filter((ie) => ie !== F);
-    he(E, U), J(!1), w(void 0), M(void 0), D(void 0);
-  }, [re, v, he]), Ge = (F, U) => {
-    v(ye(U), F, !1);
+    v(he(T), void 0, !1);
+    const E = re(j).filter((ie) => ie !== F);
+    ve(E, j), J(!1), w(void 0), M(void 0), D(void 0);
+  }, [re, v, ve]), Ge = (F, j) => {
+    v(be(j), F, !1);
   }, gt = ({
     id: F,
-    property: U
+    property: j
   }) => {
     if (!F)
       throw Error("Need to include an ID when creating a new property");
     v("properties", {
       ...g.properties ?? {},
-      [F]: U
+      [F]: j
     }, !1);
     const T = [...g.propertiesOrder ?? Object.keys(g.properties), F];
-    he(T), J(!1), C && (w(T.indexOf(F)), M(F)), D(void 0);
-  }, fe = ({
+    ve(T), J(!1), C && (w(T.indexOf(F)), M(F)), D(void 0);
+  }, pe = ({
     id: F,
-    property: U,
+    property: j,
     previousId: T,
     namespace: S
   }) => {
-    const E = F ? ae(F, S) : void 0, ie = E ? pe(E) : void 0;
+    const E = F ? ae(F, S) : void 0, ie = E ? he(E) : void 0;
     if (T && T !== F) {
       console.debug("onPropertyChanged, id change", {
         id: F,
-        property: U,
+        property: j,
         previousId: T,
         namespace: S
       });
-      const ke = ae(T, S), Vt = pe(ke), It = re(S).map((Xe) => Xe === T ? F : Xe).filter((Xe) => Xe !== void 0);
-      he(It, S), F && (w(It.indexOf(F)), M(F)), v(Vt, void 0, !1), y(Vt, !1, !1);
+      const Oe = ae(T, S), Vt = he(Oe), It = re(S).map((Xe) => Xe === T ? F : Xe).filter((Xe) => Xe !== void 0);
+      ve(It, S), F && (w(It.indexOf(F)), M(F)), v(Vt, void 0, !1), y(Vt, !1, !1);
     }
     console.debug("onPropertyChanged", {
       id: F,
-      property: U,
+      property: j,
       previousId: T,
       namespace: S,
       propertyPath: ie
-    }), ie && (v(ie, U, !1), y(ie, !0, !1));
-  }, Ke = Q((F, U, T) => {
-    const S = F ? ae(F, U) : void 0;
+    }), ie && (v(ie, j, !1), y(ie, !0, !1));
+  }, Ke = Q((F, j, T) => {
+    const S = F ? ae(F, j) : void 0;
     if (console.debug("onPropertyErrorInternal", {
       id: F,
-      namespace: U,
+      namespace: j,
       error: T,
       propertyPath: S
     }), S) {
       const E = T && Object.keys(T).length > 0;
-      i(F, U, E ? T : void 0), x(pe(S), E ? "Property error" : void 0);
+      i(F, j, E ? T : void 0), x(he(S), E ? "Property error" : void 0);
     }
   }, []), We = () => {
     w(void 0), M(void 0);
-  }, Ze = _ && n?.current?.properties ? n.current.properties[_] : void 0, Je = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, Re = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), Qe = Zt(() => u(g.ownerId), [u, g.ownerId]), vt = Q((F, U) => {
+  }, Ze = _ && n?.current?.properties ? n.current.properties[_] : void 0, Je = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, Re = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), Qe = Zt(() => g.ownerId ? p(g.ownerId) : null, [p, g.ownerId]), vt = Q((F, j) => {
     console.debug("CollectionEditor: onPropertyClick", {
       propertyKey: F,
-      namespace: U
-    }), w(Re.indexOf(F)), M(F), D(U);
+      namespace: j
+    }), w(Re.indexOf(F)), M(F), D(j);
   }, [Re]), yt = /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ a("div", { className: me(
+    /* @__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",
       !N && "border-r " + wt
@@ -3191,18 +3195,18 @@ function Gi({
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
         ft,
         {
           className: "pl-8",
           inferredPropertyKeys: le,
-          selectedPropertyKey: _ ? ae(_, R) : void 0,
+          selectedPropertyKey: _ ? ae(_, U) : void 0,
           properties: g.properties,
           additionalFields: g.additionalFields,
           propertiesOrder: Re,
           onPropertyClick: vt,
           onPropertyMove: Ge,
-          onPropertyRemove: r ? Te : void 0,
+          onPropertyRemove: r ? ke : void 0,
           collectionEditable: c,
           errors: P
         }
@@ -3221,7 +3225,7 @@ function Gi({
       )
     ] }),
     !N && /* @__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(
-      Ce,
+      Pe,
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
@@ -3234,14 +3238,14 @@ function Gi({
               allowDataInference: !r,
               autoOpenTypeSelect: !1,
               propertyKey: _,
-              propertyNamespace: R,
+              propertyNamespace: U,
               property: s,
-              onPropertyChanged: fe,
-              onDelete: Te,
+              onPropertyChanged: pe,
+              onDelete: ke,
               onError: Ke,
               forceShowErrors: t,
               initialErrors: Ze,
-              getData: p,
+              getData: u,
               propertyConfigs: m,
               collectionEditable: c
             },
@@ -3266,7 +3270,7 @@ function Gi({
       }
     ) }),
     N && /* @__PURE__ */ e(
-      Ve,
+      Ie,
       {
         inArray: !1,
         open: f !== void 0,
@@ -3275,14 +3279,14 @@ function Gi({
         existingProperty: !0,
         autoOpenTypeSelect: !1,
         propertyKey: _,
-        propertyNamespace: R,
+        propertyNamespace: U,
         property: s,
-        onPropertyChanged: fe,
-        onDelete: Te,
+        onPropertyChanged: pe,
+        onDelete: ke,
         onError: Ke,
         forceShowErrors: t,
         initialErrors: Ze,
-        getData: p,
+        getData: u,
         propertyConfigs: m,
         collectionEditable: c,
         onOkClicked: N ? We : void 0
@@ -3290,10 +3294,10 @@ function Gi({
       `edit_view_${f}`
     )
   ] });
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(R, { children: [
     yt,
     /* @__PURE__ */ e(
-      Ve,
+      Ie,
       {
         inArray: !1,
         existingProperty: !1,
@@ -3303,21 +3307,21 @@ function Gi({
         open: L,
         onCancel: () => J(!1),
         onPropertyChanged: gt,
-        getData: p,
+        getData: u,
         allowDataInference: !r,
         propertyConfigs: m,
         collectionEditable: c,
         existingPropertyKeys: g.propertiesOrder
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
       Hi,
       {
         collection: g,
         open: V,
         onOpenChange: G
       }
-    )
+    ) })
   ] });
 }
 function Ki({
@@ -3390,7 +3394,7 @@ function Zi({
   getUser: l,
   parentCollectionIds: o
 }) {
-  const { entityViews: d } = Ae(), [u, p] = Y.useState(), [h, m] = Y.useState(!1), [c, g] = Y.useState(), [v, x] = Y.useState(), {
+  const { entityViews: d } = Ae(), [p, u] = Y.useState(), [h, m] = Y.useState(!1), [c, g] = Y.useState(), [v, x] = Y.useState(), {
     values: y,
     setFieldValue: P
   } = K(), k = t.subcollections ?? [], b = y.entityViews?.filter((f) => typeof f == "string").map((f) => xr(f, d)).filter(Boolean) ?? [], C = t.entityViews?.filter((f) => typeof f != "string") ?? [], N = b.length + C.length;
@@ -3401,7 +3405,7 @@ function Zi({
           "Subcollections of ",
           y.name
         ] }),
-        /* @__PURE__ */ a(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: [
+        /* @__PURE__ */ a(Pe, { className: "flex flex-col gap-4 p-2 w-full", children: [
           k && k.length > 0 && /* @__PURE__ */ e(Dt, { children: /* @__PURE__ */ e(Bt, { children: k.map((f) => /* @__PURE__ */ a(
             bt,
             {
@@ -3426,7 +3430,7 @@ function Zi({
                       {
                         size: "small",
                         onClick: (w) => {
-                          w.preventDefault(), w.stopPropagation(), p(f.id);
+                          w.preventDefault(), w.stopPropagation(), u(f.id);
                         },
                         color: "inherit",
                         children: /* @__PURE__ */ e(dt, { size: "small" })
@@ -3467,7 +3471,7 @@ function Zi({
             children: "More info"
           }
         ), children: "Define your own custom views by uploading them with the CLI." }),
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ a(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: [
+        /* @__PURE__ */ e(R, { children: /* @__PURE__ */ a(Pe, { className: "flex flex-col gap-4 p-2 w-full", children: [
           /* @__PURE__ */ e(Dt, { children: /* @__PURE__ */ a(Bt, { children: [
             b.map((f) => /* @__PURE__ */ a(bt, { children: [
               /* @__PURE__ */ e(
@@ -3524,20 +3528,20 @@ function Zi({
       ] })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { height: "52px" } }),
-    u && /* @__PURE__ */ e(
+    p && /* @__PURE__ */ e(
       lt,
       {
-        open: !!u,
+        open: !!p,
         onAccept: () => {
           const f = {
-            id: u,
+            id: p,
             parentCollectionIds: [...o ?? [], t.id]
           };
-          console.debug("Deleting subcollection", f), n.deleteCollection(f), p(void 0);
+          console.debug("Deleting subcollection", f), n.deleteCollection(f), u(void 0);
         },
-        onCancel: () => p(void 0),
-        title: /* @__PURE__ */ e(j, { children: "Delete this subcollection?" }),
-        body: /* @__PURE__ */ a(j, { children: [
+        onCancel: () => u(void 0),
+        title: /* @__PURE__ */ e(R, { children: "Delete this subcollection?" }),
+        body: /* @__PURE__ */ a(R, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -3552,8 +3556,8 @@ function Zi({
           P("entityViews", y.entityViews?.filter((f) => f !== c)), g(void 0);
         },
         onCancel: () => g(void 0),
-        title: /* @__PURE__ */ e(j, { children: "Remove this view?" }),
-        body: /* @__PURE__ */ a(j, { children: [
+        title: /* @__PURE__ */ e(R, { children: "Remove this view?" }),
+        body: /* @__PURE__ */ a(R, { children: [
           "This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the view in the CMS"
@@ -4016,11 +4020,11 @@ function Ji({
   onContinue: i,
   existingCollectionPaths: l
 }) {
-  const [o, d] = $(!1), [u, p] = $();
+  const [o, d] = $(!1), [p, u] = $();
   de(() => {
     r && l && (d(!0), r(t).then((v) => {
       const x = v.filter((y) => !(l ?? []).find((P) => P.trim().toLowerCase() === y.trim().toLowerCase()));
-      p(x);
+      u(x);
     }).finally(() => d(!1)));
   }, [l, t, r]);
   const {
@@ -4051,8 +4055,8 @@ function Ji({
         }
       ),
       /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
-        o && !u && /* @__PURE__ */ e(De, { size: "small" }),
-        u?.map((v, x) => /* @__PURE__ */ e(
+        o && !p && /* @__PURE__ */ e(De, { size: "small" }),
+        p?.map((v, x) => /* @__PURE__ */ e(
           st,
           {
             colorScheme: "cyanLighter",
@@ -4064,7 +4068,7 @@ function Ji({
           },
           v
         )),
-        !o && (u ?? [])?.length === 0 && /* @__PURE__ */ e(O, { variant: "caption", children: "No suggestions" })
+        !o && (p ?? [])?.length === 0 && /* @__PURE__ */ e(O, { variant: "caption", children: "No suggestions" })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "my-2", children: [
@@ -4148,9 +4152,9 @@ function nt({
     tr,
     {
       onClick: i,
-      className: me(
+      className: fe(
         "my-2 rounded-md border mx-0 p-6 px-4 focus:outline-none transition ease-in-out duration-150 flex flex-row gap-4 items-center",
-        "text-gray-700 dark:text-gray-300",
+        "text-gray-700 dark:text-slate-300",
         "hover:border-primary-dark hover:text-primary-dark dark:hover:text-primary focus:ring-primary hover:ring-1 hover:ring-primary",
         "border-gray-400 dark:border-gray-600 "
       ),
@@ -4170,23 +4174,23 @@ function Qi({
     setFieldValue: i,
     setFieldTouched: l,
     values: o
-  } = K(), [d, u] = $(void 0), p = Y.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), h = d ? d.id : void 0, m = d || void 0, c = ({
+  } = K(), [d, p] = $(void 0), u = Y.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), h = d ? d.id : void 0, m = d || void 0, c = ({
     id: v,
     property: x,
     previousId: y,
     namespace: P
   }) => {
-    const k = v ? ae(v, P) : void 0, b = k ? pe(k) : void 0, C = (f) => f ? p.current[f] ?? I(o, ye(f)) : p.current[""], N = (f, w) => {
-      const _ = ye(w);
-      i(_, f, !1), p.current[w ?? ""] = f;
+    const k = v ? ae(v, P) : void 0, b = k ? he(k) : void 0, C = (f) => f ? u.current[f] ?? I(o, be(f)) : u.current[""], N = (f, w) => {
+      const _ = be(w);
+      i(_, f, !1), u.current[w ?? ""] = f;
     };
     if (y && y !== v) {
-      const f = ae(y, P), w = pe(f), M = C(P).map((D) => D === y ? v : D).filter((D) => D !== void 0);
+      const f = ae(y, P), w = he(f), M = C(P).map((D) => D === y ? v : D).filter((D) => D !== void 0);
       N(M, P);
-      const R = { ...t.headersMapping };
-      Object.keys(R).forEach((D) => {
-        R[D] === y && (R[D] = v ?? "");
-      }), t.setHeadersMapping(R), i(w, void 0, !1), l(w, !1, !1);
+      const U = { ...t.headersMapping };
+      Object.keys(U).forEach((D) => {
+        U[D] === y && (U[D] = v ?? "");
+      }), t.setHeadersMapping(U), i(w, void 0, !1), l(w, !1, !1);
     }
     b && (i(b, x, !1), l(b, !0, !1));
   }, g = async ({
@@ -4195,7 +4199,7 @@ function Qi({
     property: y,
     namespace: P
   }) => {
-    const k = v ? ae(v, P) : void 0, b = k ? pe(k) : void 0, C = t.importData.map((f) => I(f, x)), N = {
+    const k = v ? ae(v, P) : void 0, b = k ? he(k) : void 0, C = t.importData.map((f) => I(f, x)), N = {
       ...ti(C, y, rr),
       editable: !0
     };
@@ -4211,7 +4215,7 @@ function Qi({
           idColumn: t.idColumn,
           originProperties: t.originProperties,
           destinationProperties: o.properties,
-          onIdPropertyChanged: (v) => t.setIdColumn(v),
+          onIdPropertyChanged: (v) => t.setIdColumn(v ?? void 0),
           buildPropertyView: ({
             property: v,
             propertyKey: x,
@@ -4223,7 +4227,7 @@ function Qi({
               propertyKey: x,
               onPropertyNameChanged: (P, k) => i(`properties.${P}.name`, k, !1),
               onEditClick: () => {
-                !x || !v || u({
+                !x || !v || p({
                   ...v,
                   id: x,
                   editable: !0
@@ -4248,7 +4252,7 @@ function Qi({
       )
     ] }),
     /* @__PURE__ */ e(
-      Ve,
+      Ie,
       {
         open: d !== void 0,
         propertyKey: h,
@@ -4259,10 +4263,10 @@ function Qi({
         allowDataInference: !1,
         collectionEditable: n,
         onOkClicked: () => {
-          u(void 0);
+          p(void 0);
         },
         onCancel: () => {
-          u(void 0);
+          p(void 0);
         },
         autoOpenTypeSelect: !1,
         existingProperty: !1,
@@ -4279,17 +4283,17 @@ function Xi({
   propertyConfigs: i,
   disabled: l
 }) {
-  const o = t ? Kt(t) : null, d = t ? $e(t, i) : null, [u, p] = $(!1);
+  const o = t ? Kt(t) : null, d = t ? $e(t, i) : null, [p, u] = $(!1);
   return /* @__PURE__ */ e(
     te,
     {
       title: t && d ? `${d?.name} - ${t.dataType}` : void 0,
-      open: u ? !1 : void 0,
+      open: p ? !1 : void 0,
       children: /* @__PURE__ */ e(
-        be,
+        Ce,
         {
-          open: u,
-          onOpenChange: p,
+          open: p,
+          onOpenChange: u,
           invisible: !0,
           className: "w-full",
           disabled: l,
@@ -4351,15 +4355,15 @@ function en({ importConfig: t, properties: r, propertiesOrder: n }) {
 }
 function dr(t, r = "") {
   const n = Object.keys(t).reduce((o, d) => {
-    const u = t[d], p = kr(d), h = r ? `${r}.${p}` : p;
-    if (u.dataType === "map" && u.properties) {
-      const g = dr(u.properties, h);
+    const p = t[d], u = kr(d), h = r ? `${r}.${u}` : u;
+    if (p.dataType === "map" && p.properties) {
+      const g = dr(p.properties, h);
       return {
         headersMapping: { ...o.headersMapping, [d]: h },
         properties: {
           ...o.properties,
-          [p]: {
-            ...u,
+          [u]: {
+            ...p,
             properties: g.properties,
             propertiesOrder: Object.keys(g.properties)
           }
@@ -4368,7 +4372,7 @@ function dr(t, r = "") {
     }
     const m = {
       ...o.properties,
-      [p]: u
+      [u]: p
     };
     return {
       headersMapping: { ...o.headersMapping, [d]: h },
@@ -4395,7 +4399,7 @@ function ur(t) {
       fullHeight: !0,
       scrollable: !1,
       maxWidth: "7xl",
-      onOpenChange: (u) => u ? void 0 : d(),
+      onOpenChange: (p) => p ? void 0 : d(),
       children: [
         r && /* @__PURE__ */ e(
           tn,
@@ -4419,10 +4423,10 @@ function ur(t) {
   );
 }
 function tn(t) {
-  const { propertyConfigs: r } = Ae(), n = Pe(), i = _e(), {
+  const { propertyConfigs: r } = Ae(), n = Ne(), i = Te(), {
     topLevelNavigation: l,
     collections: o
-  } = n, d = t.initialValues, u = !d?.path && (t.parentCollectionIds ?? []).length === 0, p = (t.parentCollection ? t.parentCollection.subcollections : o) ?? [], h = p.map((b) => b.path.trim().toLowerCase()), m = p.map((b) => b.id?.trim().toLowerCase()).filter(Boolean), [c, g] = je.useState(), [v, x] = je.useState(!1);
+  } = n, d = t.initialValues, p = !d?.path && (t.parentCollectionIds ?? []).length === 0, u = (t.parentCollection ? t.parentCollection.subcollections : o) ?? [], h = u.map((b) => b.path.trim().toLowerCase()), m = u.map((b) => b.id?.trim().toLowerCase()).filter(Boolean), [c, g] = je.useState(), [v, x] = je.useState(!1);
   if (de(() => {
     try {
       n.initialised && (t.editedCollectionId ? g(n.getCollectionFromPaths([...t.parentCollectionIds ?? [], t.editedCollectionId])) : g(void 0), x(!0));
@@ -4453,7 +4457,7 @@ function tn(t) {
       initialValues: k,
       existingPaths: h,
       existingIds: m,
-      includeTemplates: u,
+      includeTemplates: p,
       collection: c,
       setCollection: g,
       groups: y,
@@ -4469,8 +4473,8 @@ function rn({
   fullPath: l,
   collectionInference: o,
   handleClose: d,
-  reservedGroups: u,
-  extraView: p,
+  reservedGroups: p,
+  extraView: u,
   handleCancel: h,
   setFormDirty: m,
   pathSuggestions: c,
@@ -4486,20 +4490,20 @@ function rn({
   propertyConfigs: f,
   groups: w
 }) {
-  const _ = hi(), M = Pe(), R = Ie(), D = Le({}), A = t ? k ? "welcome" : "details" : "properties", [s, V] = $(A), [G, B] = je.useState(), q = (T) => {
+  const _ = hi(), M = Ne(), U = _e(), D = Le({}), A = t ? k ? "welcome" : "details" : "properties", [s, V] = $(A), [G, B] = je.useState(), q = (T) => {
     const S = T.id || T.path;
     return r.saveCollection({
       id: S,
       collectionData: T,
       previousId: n,
       parentCollectionIds: i
-    }).then(() => (B(void 0), !0)).catch((E) => (B(E), console.error(E), R.open({
+    }).then(() => (B(void 0), !0)).catch((E) => (B(E), console.error(E), U.open({
       type: "error",
       message: "Error persisting collection: " + (E.message ?? "Details in the console")
     }), !1));
   }, L = Q(() => {
-    s === "details" ? _.inUse ? V("import_data_saving") : V(p ? "extra_view" : "properties") : V(s === "welcome" ? "details" : s === "import_data_mapping" ? "import_data_preview" : s === "import_data_preview" ? "details" : s === "extra_view" ? "properties" : "details");
-  }, [s, _.inUse, p]), J = Q((T) => {
+    s === "details" ? _.inUse ? V("import_data_saving") : V(u ? "extra_view" : "properties") : V(s === "welcome" ? "details" : s === "import_data_mapping" ? "import_data_preview" : s === "import_data_preview" ? "details" : s === "extra_view" ? "properties" : "details");
+  }, [s, _.inUse, u]), J = Q((T) => {
     if (o)
       return o?.(T.path, T.collectionGroup ?? !1, i ?? []);
   }, [o, i]), le = Q(async (T) => {
@@ -4518,7 +4522,7 @@ function rn({
         values: E
       }), E) : (E.propertiesOrder = Object.keys(E.properties), E);
     } catch (S) {
-      return console.error(S), R.open({
+      return console.error(S), U.open({
         type: "error",
         message: "Error inferring collection: " + (S.message ?? "Details in the console")
       }), T;
@@ -4534,7 +4538,7 @@ function rn({
           });
           return;
         }
-        s === "welcome" ? (L(), S.resetForm({ values: T })) : s === "details" ? p || _.inUse ? (S.resetForm({ values: T }), L()) : t ? le(T).then((E) => {
+        s === "welcome" ? (L(), S.resetForm({ values: T })) : s === "details" ? u || _.inUse ? (S.resetForm({ values: T }), L()) : t ? le(T).then((E) => {
           S.resetForm({
             values: E ?? T,
             touched: {
@@ -4548,7 +4552,7 @@ function rn({
           S.resetForm({ values: N }), L(), d(T);
         }) : (L(), S.resetForm({ values: T }));
       } catch (E) {
-        R.open({
+        U.open({
           type: "error",
           message: "Error persisting collection: " + (E.message ?? "Details in the console")
         }), console.error(E), S.resetForm({ values: T });
@@ -4561,44 +4565,44 @@ function rn({
         try {
           E.validateSync(T, { abortEarly: !1 });
         } catch (ie) {
-          ie.inner.forEach((ke) => {
-            S[ke.path] = ke.message;
+          ie.inner.forEach((Oe) => {
+            S[Oe.path] = Oe.message;
           });
         }
       if (s === "properties" && (S = { ...S, ...D.current }), s === "details") {
         const ie = Ht(T.path, t, y, T.id);
         ie && (S.path = ie);
-        const ke = an(T.id, t, y, P);
-        ke && (S.id = ke);
+        const Oe = an(T.id, t, y, P);
+        Oe && (S.id = Oe);
       }
       return S;
     }
   }), {
     values: re,
-    setFieldValue: he,
-    isSubmitting: Te,
+    setFieldValue: ve,
+    isSubmitting: ke,
     dirty: Ge,
     submitCount: gt
-  } = ue, fe = re.path ?? n, Ke = l?.includes("/") ? l?.split("/").slice(0, -1).join("/") + "/" + fe : fe, We = Ht(fe, t, y, re.id), Ze = !We && i ? M.convertIdsToPaths(i) : void 0, Je = We ? void 0 : M.resolveAliasesFrom(Ke), Re = Je && x ? () => x(Je, Ze ?? []) : void 0;
+  } = ue, pe = re.path, Ke = l?.includes("/") ? l?.split("/").slice(0, -1).join("/") + "/" + pe : pe, We = Ht(pe, t, y, re.id), Ze = !We && i ? M.convertIdsToPaths(i) : void 0, Je = We ? void 0 : M.resolveAliasesFrom(Ke), Re = Je && x ? () => x(Je, Ze ?? []) : void 0;
   de(() => {
     m(Ge);
   }, [Ge]);
   function Qe(T) {
     _.setInUse(!0), ri(T, rr).then((S) => {
       const E = dr(S);
-      he("properties", E.properties), he("propertiesOrder", Object.keys(E.properties)), _.setIdColumn(E.idColumn), _.setImportData(T), _.setHeadersMapping(E.headersMapping), _.setOriginProperties(E.properties);
+      ve("properties", E.properties), ve("propertiesOrder", Object.keys(E.properties)), _.setIdColumn(E.idColumn), _.setImportData(T), _.setHeadersMapping(E.headersMapping), _.setOriginProperties(E.properties);
     });
   }
   const vt = !!re.name && !!re.id, yt = () => {
     const T = { ...re.properties };
-    _.idColumn && delete T[_.idColumn], he("properties", T), L();
-  }, U = b?.editable === void 0 || b?.editable === !0 || t;
-  return /* @__PURE__ */ e(Be, { fullHeight: !0, children: /* @__PURE__ */ e(kt, { value: ue, children: /* @__PURE__ */ a(j, { children: [
+    _.idColumn && delete T[_.idColumn], ve("properties", T), L();
+  }, j = b?.editable === void 0 || b?.editable === !0 || t;
+  return /* @__PURE__ */ e(Be, { fullHeight: !0, children: /* @__PURE__ */ e(kt, { value: ue, children: /* @__PURE__ */ a(R, { children: [
     !t && /* @__PURE__ */ a(
       Hr,
       {
         value: s,
-        className: me(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
+        className: fe(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
         onValueChange: (T) => V(T),
         children: [
           /* @__PURE__ */ e(Ct, { value: "details", children: "Details" }),
@@ -4612,17 +4616,17 @@ function rn({
       {
         noValidate: !0,
         onSubmit: ue.handleSubmit,
-        className: me(
+        className: fe(
           t ? "h-full" : "h-[calc(100%-48px)]",
           "flex-grow flex flex-col relative"
         ),
         children: [
           s === "loading" && /* @__PURE__ */ e(Nt, {}),
-          s === "extra_view" && fe && p?.View && /* @__PURE__ */ e(p.View, { path: fe }),
+          s === "extra_view" && pe && u?.View && /* @__PURE__ */ e(u.View, { path: pe }),
           s === "welcome" && /* @__PURE__ */ e(
             Ji,
             {
-              path: fe,
+              path: pe,
               onContinue: (T) => {
                 T ? (Qe(T), V("import_data_mapping")) : V("details");
               },
@@ -4635,7 +4639,7 @@ function rn({
             Qi,
             {
               importConfig: _,
-              collectionEditable: U,
+              collectionEditable: j,
               propertyConfigs: f
             }
           ),
@@ -4652,8 +4656,9 @@ function rn({
             {
               importConfig: _,
               collection: re,
+              path: pe,
               onImportSuccess: async (T) => {
-                R.open({
+                U.open({
                   type: "info",
                   message: "Data imported successfully"
                 }), await q(re), d(T);
@@ -4687,7 +4692,7 @@ function rn({
             {
               showErrors: gt > 0,
               isNewCollection: t,
-              reservedGroups: u,
+              reservedGroups: p,
               onPropertyError: (T, S, E) => {
                 const ie = Ft({
                   ...D.current,
@@ -4699,13 +4704,13 @@ function rn({
               getData: Re,
               doCollectionInference: J,
               propertyConfigs: f,
-              collectionEditable: U,
-              extraIcon: p?.icon && /* @__PURE__ */ e(
+              collectionEditable: j,
+              extraIcon: u?.icon && /* @__PURE__ */ e(
                 oe,
                 {
                   color: "primary",
                   onClick: () => V("extra_view"),
-                  children: p.icon
+                  children: u.icon
                 }
               )
             }
@@ -4802,8 +4807,8 @@ function rn({
                     variant: "filled",
                     color: "primary",
                     type: "submit",
-                    loading: Te,
-                    disabled: Te || s === "details" && !vt,
+                    loading: ke,
+                    disabled: ke || s === "details" && !vt,
                     startIcon: s === "properties" ? /* @__PURE__ */ e(Gr, {}) : void 0,
                     children: [
                       s === "details" && "Next",
@@ -4817,7 +4822,7 @@ function rn({
                     variant: "filled",
                     color: "primary",
                     type: "submit",
-                    loading: Te,
+                    loading: ke,
                     children: "Update collection"
                   }
                 )
@@ -4831,7 +4836,7 @@ function rn({
 }
 function nn(t, r) {
   const { properties: n, ...i } = t, l = {};
-  return Object.keys(n).forEach((o) => {
+  return n && Object.keys(n).forEach((o) => {
     l[o] = pr(n[o], r);
   }), { ...i, properties: l };
 }
@@ -4866,19 +4871,19 @@ const Ht = (t, r, n, i) => {
     reservedGroups: l,
     collectionInference: o,
     extraView: d,
-    pathSuggestions: u,
-    getUser: p,
+    pathSuggestions: p,
+    getUser: u,
     getData: h,
     onAnalyticsEvent: m
   }) {
-    const c = Pe(), g = gi(), v = Ie(), { propertyConfigs: x } = Ae(), {
+    const c = Ne(), g = gi(), v = _e(), { propertyConfigs: x } = Ae(), {
       collections: y
     } = c, P = (y ?? []).map((s) => s.path.trim().toLowerCase()), [k, b] = Y.useState();
     de(() => {
-      u && u().then((s) => {
+      p && p().then((s) => {
         b(s.filter((V) => !P.includes(V.trim().toLowerCase())));
       });
-    }, [u]);
+    }, [p]);
     const [C, N] = Y.useState(), [f, w] = Y.useState(), _ = Q(() => ({
       createCollections: !0,
       editCollections: !0,
@@ -4897,7 +4902,7 @@ const Ht = (t, r, n, i) => {
         parentCollection: B,
         redirect: !1
       });
-    }, []), R = Q(({
+    }, []), U = Q(({
       propertyKey: s,
       property: V,
       editedCollectionId: G,
@@ -4905,7 +4910,7 @@ const Ht = (t, r, n, i) => {
       parentCollectionIds: q,
       collection: L
     }) => {
-      console.debug("edit property", s, V, G, B, q, L), m?.("edit_property", { propertyKey: s, editedCollectionId: G });
+      console.debug("Edit property", s, V, G, B, q, L), m?.("edit_property", { propertyKey: s, editedCollectionId: G });
       const J = s && s.includes(".") ? s.substring(0, s.lastIndexOf(".")) : void 0, le = s && s.includes(".") ? s.substring(s.lastIndexOf(".") + 1) : s;
       w({
         propertyKey: le,
@@ -4930,14 +4935,14 @@ const Ht = (t, r, n, i) => {
         initialValues: G,
         redirect: B
       });
-    }, []), A = u ? (s) => !s && k ? Promise.resolve(k) : u?.(s) : void 0;
+    }, []), A = p ? (s) => !s && k ? Promise.resolve(k) : p?.(s) : void 0;
     return /* @__PURE__ */ e(mr.Provider, { value: n, children: /* @__PURE__ */ a(
       hr.Provider,
       {
         value: {
           editCollection: M,
           createCollection: D,
-          editProperty: R,
+          editProperty: U,
           configPermissions: i ?? _,
           rootPathSuggestions: k
         },
@@ -4955,7 +4960,7 @@ const Ht = (t, r, n, i) => {
               reservedGroups: l,
               extraView: d,
               pathSuggestions: A,
-              getUser: p,
+              getUser: u,
               handleClose: (s) => {
                 if (C?.redirect && s && C?.isNewCollection && !C.parentCollectionIds.length) {
                   const V = c.buildUrlCollectionPath(s.id ?? s.path);
@@ -4966,7 +4971,7 @@ const Ht = (t, r, n, i) => {
             }
           ),
           /* @__PURE__ */ e(
-            Ve,
+            Ie,
             {
               open: !!f,
               includeIdAndName: !0,
@@ -5038,101 +5043,45 @@ const Ht = (t, r, n, i) => {
       }
     ) });
   },
-  ve
-), xe = () => Jt(hr), fr = () => Jt(mr);
+  ye
+), ge = () => Jt(hr);
 function ln({
   path: t,
   parentCollectionIds: r,
   collection: n,
   tableController: i
 }) {
-  const l = _e(), o = Pe(), d = xe(), u = fr(), p = Ie(), h = o.getCollectionFromIds(r), m = d.configPermissions ? d.configPermissions({
+  const l = Te(), o = Ne(), d = ge(), p = o.getCollectionFromIds(r), u = d.configPermissions ? d.configPermissions({
     user: l.user,
     collection: n
   }).editCollections : !0;
-  let c = null;
-  return (!ve(at(i.filterValues), at(n.initialFilter)) || !ve(at(i.sortBy), at(n.initialSort))) && (c = /* @__PURE__ */ a(j, { children: [
-    (n.initialFilter || n.initialSort) && /* @__PURE__ */ e(
-      te,
-      {
-        title: "Reset to default filter and sort",
-        children: /* @__PURE__ */ e(
-          z,
-          {
-            color: "primary",
-            size: "small",
-            variant: "text",
-            onClick: () => {
-              i.clearFilter?.(), n?.initialFilter && i.setFilterValues?.(n?.initialFilter), n?.initialSort && i.setSortBy?.(n?.initialSort);
-            },
-            children: /* @__PURE__ */ e(Kr, {})
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(
-      te,
-      {
-        title: i.sortBy || i.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
-        children: /* @__PURE__ */ e(
-          z,
-          {
-            color: "primary",
-            size: "small",
-            variant: "outlined",
-            onClick: () => u?.saveCollection({
-              id: n.id,
-              parentCollectionIds: r,
-              collectionData: W(
-                n,
-                {
-                  initialFilter: i.filterValues ?? null,
-                  initialSort: i.sortBy ?? null
-                }
-              )
-            }).then(() => {
-              p.open({
-                type: "success",
-                message: "Default config saved"
-              });
-            }),
-            children: /* @__PURE__ */ e(Wr, {})
-          }
-        )
-      }
-    )
-  ] })), /* @__PURE__ */ a(j, { children: [
-    m && c,
-    /* @__PURE__ */ e(
-      te,
-      {
-        title: m ? "Edit collection" : "You don't have permissions to edit this collection",
-        children: /* @__PURE__ */ e(
-          oe,
-          {
-            color: "primary",
-            disabled: !m,
-            onClick: m ? () => d?.editCollection({ id: n.id, fullPath: t, parentCollectionIds: r, parentCollection: h }) : void 0,
-            children: /* @__PURE__ */ e(He, {})
-          }
-        )
-      }
-    )
-  ] });
-}
-function at(t) {
-  return t && Object.keys(t).length === 0 ? t : t ?? null;
+  return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
+    te,
+    {
+      title: u ? "Edit collection" : "You don't have permissions to edit this collection",
+      children: /* @__PURE__ */ e(
+        oe,
+        {
+          color: "primary",
+          disabled: !u,
+          onClick: u ? () => d?.editCollection({ id: n.id, fullPath: t, parentCollectionIds: r, parentCollection: p }) : void 0,
+          children: /* @__PURE__ */ e(He, {})
+        }
+      )
+    }
+  ) });
 }
+const fr = () => Jt(mr);
 function sn({
   path: t,
   collection: r
 }) {
-  const n = Ie(), i = _e(), l = fr(), o = xe(), d = o.configPermissions({
+  const n = _e(), i = Te(), l = fr(), o = ge(), d = o.configPermissions({
     user: i.user,
     collection: r
-  }), u = Q(() => {
+  }), p = Q(() => {
     o?.editCollection({ id: r.id, parentCollectionIds: [] });
-  }, [o, t]), [p, h] = $(!1), m = Q(() => {
+  }, [o, t]), [u, h] = $(!1), m = Q(() => {
     l?.deleteCollection({ id: r.id }).then(() => {
       h(!1), n.open({
         message: "Collection deleted",
@@ -5140,13 +5089,13 @@ function sn({
       });
     });
   }, [t, l]);
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { children: [
       d.deleteCollections && /* @__PURE__ */ e(
-        Zr,
+        Kr,
         {
-          trigger: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Jr, { size: "small" }) }),
-          children: /* @__PURE__ */ a(Qr, { onClick: (c) => {
+          trigger: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Wr, { size: "small" }) }),
+          children: /* @__PURE__ */ a(Zr, { onClick: (c) => {
             c.preventDefault(), c.stopPropagation(), h(!0);
           }, children: [
             /* @__PURE__ */ e(dt, {}),
@@ -5158,7 +5107,7 @@ function sn({
         oe,
         {
           onClick: (c) => {
-            u();
+            p();
           },
           children: /* @__PURE__ */ e(He, { size: "small" })
         }
@@ -5167,11 +5116,11 @@ function sn({
     /* @__PURE__ */ e(
       lt,
       {
-        open: p,
+        open: u,
         onAccept: m,
         onCancel: () => h(!1),
-        title: /* @__PURE__ */ e(j, { children: "Delete this collection?" }),
-        body: /* @__PURE__ */ a(j, { children: [
+        title: /* @__PURE__ */ e(R, { children: "Delete this collection?" }),
+        body: /* @__PURE__ */ a(R, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -5186,13 +5135,13 @@ function cn({
 }) {
   if (!r.navigation.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
-  const n = _e(), i = xe(), l = i.configPermissions ? i.configPermissions({
+  const n = Te(), i = ge(), l = i.configPermissions ? i.configPermissions({
     user: n.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
     tr,
     {
-      className: me("h-full p-4 min-h-[124px]"),
+      className: fe("h-full p-4 min-h-[124px]"),
       onClick: i && l ? () => i.createCollection({
         initialValues: t ? { group: t } : void 0,
         parentCollectionIds: [],
@@ -5222,11 +5171,11 @@ function cn({
   );
 }
 function dn({ introMode: t }) {
-  const r = _e(), n = Pe(), i = xe(), l = i.configPermissions ? i.configPermissions({
+  const r = Te(), n = Ne(), i = ge(), l = i.configPermissions ? i.configPermissions({
     user: r.user
   }).createCollections : !0, o = i.rootPathSuggestions, d = (o ?? []).length > 3 || (n.collections ?? []).length === 0 && (o ?? []).length > 0;
   return /* @__PURE__ */ e(
-    Xr,
+    Jr,
     {
       in: t === "existing_project" || d,
       children: /* @__PURE__ */ a(
@@ -5249,21 +5198,21 @@ function dn({ introMode: t }) {
               {
                 className: "flex flex-row gap-1 overflow-scroll no-scrollbar ",
                 children: [
-                  (o ?? []).map((p) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                  (o ?? []).map((u) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
                     st,
                     {
                       icon: /* @__PURE__ */ e(se, { size: "small" }),
                       colorScheme: "cyanLighter",
                       onClick: i && l ? () => i.createCollection({
-                        initialValues: { path: p, name: ut(p) },
+                        initialValues: { path: u, name: ut(u) },
                         parentCollectionIds: [],
                         redirect: !0,
                         sourceClick: "root_collection_suggestion"
                       }) : void 0,
                       size: "small",
-                      children: p
+                      children: u
                     }
-                  ) }, p)),
+                  ) }, u)),
                   o === void 0 && /* @__PURE__ */ e(De, { size: "small" }),
                   o?.length === 0 && /* @__PURE__ */ e(O, { variant: "caption", children: "No suggestions" })
                 ]
@@ -5283,7 +5232,7 @@ function un({
   parentCollectionIds: l,
   collection: o
 }) {
-  const d = xe();
+  const d = ge();
   return /* @__PURE__ */ e(te, { title: "Edit", children: /* @__PURE__ */ e(
     oe,
     {
@@ -5307,7 +5256,7 @@ function pn({
   parentCollectionIds: r,
   collection: n
 }) {
-  const i = _e(), l = xe(), o = l.configPermissions ? l.configPermissions({
+  const i = Te(), l = ge(), o = l.configPermissions ? l.configPermissions({
     user: i.user,
     collection: n
   }).editCollections : !0;
@@ -5328,8 +5277,8 @@ function pn({
   ) });
 }
 function mn() {
-  const t = xe();
-  return /* @__PURE__ */ a(
+  const t = ge();
+  return /* @__PURE__ */ e("div", { className: "bg-gray-50 dark:bg-gray-900 min-w-fit rounded", children: /* @__PURE__ */ a(
     z,
     {
       className: "min-w-fit",
@@ -5344,9 +5293,75 @@ function mn() {
         "New collection"
       ]
     }
-  );
+  ) });
+}
+function hn({
+  path: t,
+  parentCollectionIds: r,
+  collection: n,
+  tableController: i
+}) {
+  const l = Te(), o = ge(), d = fr(), p = _e(), u = o.configPermissions ? o.configPermissions({
+    user: l.user,
+    collection: n
+  }).editCollections : !0;
+  let h = null;
+  return (!ye(at(i.filterValues), at(n.initialFilter)) || !ye(at(i.sortBy), at(n.initialSort))) && (h = /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ e(
+      te,
+      {
+        title: i.sortBy || i.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
+        children: /* @__PURE__ */ e(
+          z,
+          {
+            color: "primary",
+            size: "small",
+            variant: "outlined",
+            onClick: () => d?.saveCollection({
+              id: n.id,
+              parentCollectionIds: r,
+              collectionData: W(
+                n,
+                {
+                  initialFilter: i.filterValues ?? null,
+                  initialSort: i.sortBy ?? null
+                }
+              )
+            }).then(() => {
+              p.open({
+                type: "success",
+                message: "Default config saved"
+              });
+            }),
+            children: /* @__PURE__ */ e(Qr, {})
+          }
+        )
+      }
+    ),
+    (n.initialFilter || n.initialSort) && /* @__PURE__ */ e(
+      te,
+      {
+        title: "Reset to default filter and sort",
+        children: /* @__PURE__ */ e(
+          z,
+          {
+            color: "primary",
+            size: "small",
+            variant: "text",
+            onClick: () => {
+              i.clearFilter?.(), n?.initialFilter && i.setFilterValues?.(n?.initialFilter), n?.initialSort && i.setSortBy?.(n?.initialSort);
+            },
+            children: /* @__PURE__ */ e(Xr, {})
+          }
+        )
+      }
+    )
+  ] })), /* @__PURE__ */ e(R, { children: u && h });
 }
-function In({
+function at(t) {
+  return t && Object.keys(t).length === 0 ? t : t ?? null;
+}
+function _n({
   collectionConfigController: t,
   introMode: r,
   configPermissions: n,
@@ -5354,47 +5369,46 @@ function In({
   extraView: l,
   pathSuggestions: o,
   getUser: d,
-  collectionInference: u,
-  getData: p,
+  collectionInference: p,
+  getData: u,
   onAnalyticsEvent: h
 }) {
   return {
-    name: "Collection Editor",
+    key: "collection_editor",
     loading: t.loading,
-    collections: {
-      CollectionActions: ln
-    },
     provider: {
       Component: on,
       props: {
         collectionConfigController: t,
         configPermissions: n,
-        collectionInference: u,
+        collectionInference: p,
         reservedGroups: i,
         extraView: l,
         pathSuggestions: o,
         getUser: d,
-        getData: p,
+        getData: u,
         onAnalyticsEvent: h
       }
     },
     homePage: {
       additionalActions: /* @__PURE__ */ e(mn, {}),
-      additionalChildrenStart: r ? /* @__PURE__ */ e(hn, { introMode: r }) : void 0,
+      additionalChildrenStart: r ? /* @__PURE__ */ e(fn, { introMode: r }) : void 0,
       additionalChildrenEnd: /* @__PURE__ */ e(dn, { introMode: r }),
       CollectionActions: sn,
       AdditionalCards: r ? void 0 : cn
     },
     collectionView: {
+      CollectionActionsStart: hn,
+      CollectionActions: ln,
       HeaderAction: un,
       AddColumnComponent: pn
     }
   };
 }
-function hn({ introMode: t }) {
-  if (!Pe().topLevelNavigation)
+function fn({ introMode: t }) {
+  if (!Ne().topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
-  const n = _e(), i = xe(), l = i.configPermissions ? i.configPermissions({
+  const n = Te(), i = ge(), l = i.configPermissions ? i.configPermissions({
     user: n.user
   }).createCollections : !0;
   return /* @__PURE__ */ a("div", { className: "mt-8 flex flex-col mt-8 p-2", children: [
@@ -5418,8 +5432,8 @@ function hn({ introMode: t }) {
     )
   ] });
 }
-function _n({ path: t }) {
-  const r = Pe(), n = fn(t), i = r.getParentCollectionIds(t), l = xe();
+function Fn({ path: t }) {
+  const r = Ne(), n = gn(t), i = r.getParentCollectionIds(t), l = ge();
   return /* @__PURE__ */ a("div", { className: "p-1 flex flex-col items-center", children: [
     /* @__PURE__ */ e(Wt, { error: "No collection for path: " + n }),
     /* @__PURE__ */ e(
@@ -5441,21 +5455,21 @@ 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,
   qe as editableProperty,
   ae as getFullId,
   ir as getFullIdPath,
-  pe as idToPropertiesPath,
-  ye as namespaceToPropertiesOrderPath,
+  he as idToPropertiesPath,
+  be as namespaceToPropertiesOrderPath,
   bi as namespaceToPropertiesPath,
   wi as removeNonEditableProperties,
-  xe as useCollectionEditorController,
-  In as useCollectionEditorPlugin,
+  ge as useCollectionEditorController,
+  _n as useCollectionEditorPlugin,
   fr as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map