@firecms/collection_editor 3.0.0-beta.2 → 3.0.0-beta.4

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as a, Fragment as U } 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 j } 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 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 * as je from "react";
-import Y, { useState as $, useEffect as ce, useMemo as Zt, useCallback as Q, useRef as Le, useDeferredValue as Ir, useContext as Jt } 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 ue, 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 { useAutoComplete as _r, Container as mt, Typography as O, Tooltip as te, IconButton as oe, Chip as st, TextField as Oe, cn as he, 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 * 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,
@@ -36,17 +30,17 @@ function yi({
     setFieldValue: p,
     handleChange: h,
     touched: m,
-    errors: c,
-    setFieldTouched: g,
+    errors: s,
+    setFieldTouched: f,
     isSubmitting: v,
     submitCount: x
-  } = K(), [y, P] = $(!1), [T, 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));
+  } = K(), [y, P] = $(!1), [k, b] = $(!1), C = (c) => {
+    p("name", c), !I(m, "path") && t && c && p("path", Pt(c)), !I(m, "id") && t && c && p("id", Pt(c)), !I(m, "singularName") && t && c && p("singularName", vr(c));
   };
-  ce(() => {
-    c.id && b(!0);
-  }, [c.id]);
-  const N = /* @__PURE__ */ e(ot, { collectionOrView: u }), f = l?.filter((s) => !r?.includes(s)), {
+  de(() => {
+    s.id && b(!0);
+  }, [s.id]);
+  const N = /* @__PURE__ */ e(ot, { collectionOrView: u }), g = l?.filter((c) => !r?.includes(c)), {
     inputFocused: w,
     autoCompleteOpen: _,
     setAutoCompleteOpen: M
@@ -86,15 +80,15 @@ function yi({
           Oe,
           {
             value: u.name ?? "",
-            onChange: (s) => C(s.target.value),
+            onChange: (c) => C(c.target.value),
             label: "Name",
             required: !0,
-            error: A && !!c.name
+            error: A && !!s.name
           }
         ),
-        /* @__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__ */ e(X, { error: m.name && !!s.name, children: m.name && s.name ? s.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: he("col-span-12 ", R ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
           H,
           {
@@ -103,20 +97,20 @@ function yi({
             label: "Path",
             disabled: !t,
             required: !0,
-            error: A && !!c.path
+            error: A && !!s.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 && !!s.path, children: m.path && s.path ? s.path : R ? "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: [
         /* @__PURE__ */ e(
           Oe,
           {
-            error: A && !!c.group,
+            error: A && !!s.group,
             disabled: v,
             value: u.group ?? "",
             autoComplete: "off",
-            onChange: (s) => p("group", s.target.value),
+            onChange: (c) => p("group", c.target.value),
             name: "group",
             inputRef: d,
             label: "Group"
@@ -125,26 +119,26 @@ function yi({
         /* @__PURE__ */ e(
           Fr,
           {
-            open: _ && (f ?? []).length > 0,
+            open: _ && (g ?? []).length > 0,
             setOpen: M,
-            children: f?.map((s, V) => /* @__PURE__ */ e(
+            children: g?.map((c, V) => /* @__PURE__ */ e(
               Sr,
               {
                 onClick: () => {
-                  M(!1), p("group", s ?? null);
+                  M(!1), p("group", c ?? null);
                 },
-                children: /* @__PURE__ */ e("div", { className: "flex-grow", children: s })
+                children: /* @__PURE__ */ e("div", { className: "flex-grow", children: c })
               },
-              V + "_" + s
+              V + "_" + c
             ))
           }
         ),
-        /* @__PURE__ */ e(X, { children: A && c.group ? c.group : "Group of the collection" })
+        /* @__PURE__ */ e(X, { children: A && s.group ? s.group : "Group of the collection" })
       ] }),
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
         xt,
         {
-          expanded: T,
+          expanded: k,
           onExpandedChange: b,
           title: /* @__PURE__ */ a("div", { className: "flex flex-row text-gray-500", children: [
             /* @__PURE__ */ e(He, {}),
@@ -167,30 +161,30 @@ function yi({
                   as: Z,
                   disabled: !t,
                   label: "Collection id",
-                  error: A && !!c.id
+                  error: A && !!s.id
                 }
               ),
-              /* @__PURE__ */ e(X, { error: m.id && !!c.id, children: m.id && c.id ? c.id : "This id identifies this collection" })
+              /* @__PURE__ */ e(X, { error: m.id && !!s.id, children: m.id && s.id ? s.id : "This id identifies this collection" })
             ] }),
             /* @__PURE__ */ a("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
                 Oe,
                 {
-                  error: A && !!c.singularName,
+                  error: A && !!s.singularName,
                   name: "singularName",
                   "aria-describedby": "singularName-helper",
-                  onChange: (s) => (g("singularName", !0), h(s)),
+                  onChange: (c) => (f("singularName", !0), h(c)),
                   value: u.singularName ?? "",
                   label: "Singular name"
                 }
               ),
-              /* @__PURE__ */ e(X, { error: A && !!c.singularName, children: A && c.singularName ? c.singularName : "Optionally define a singular name for your entities" })
+              /* @__PURE__ */ e(X, { error: A && !!s.singularName, children: A && s.singularName ? s.singularName : "Optionally define a singular name for your entities" })
             ] }),
             /* @__PURE__ */ a("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
                 Oe,
                 {
-                  error: A && !!c.description,
+                  error: A && !!s.description,
                   name: "description",
                   value: u.description ?? "",
                   onChange: h,
@@ -200,7 +194,7 @@ function yi({
                   label: "Description"
                 }
               ),
-              /* @__PURE__ */ e(X, { error: A && !!c.description, children: A && c.description ? c.description : "Description of the collection, you can use markdown" })
+              /* @__PURE__ */ e(X, { error: A && !!s.description, children: A && s.description ? s.description : "Description of the collection, you can use markdown" })
             ] }),
             /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
               be,
@@ -210,14 +204,14 @@ function yi({
                 position: "item-aligned",
                 onChange: h,
                 value: u.defaultSize ?? "",
-                renderValue: (s) => s.toUpperCase(),
-                children: ["xs", "s", "m", "l", "xl"].map((s) => /* @__PURE__ */ e(
+                renderValue: (c) => c.toUpperCase(),
+                children: ["xs", "s", "m", "l", "xl"].map((c) => /* @__PURE__ */ e(
                   ee,
                   {
-                    value: s,
-                    children: s.toUpperCase()
+                    value: c,
+                    children: c.toUpperCase()
                   },
-                  `size-select-${s}`
+                  `size-select-${c}`
                 ))
               }
             ) }),
@@ -228,13 +222,13 @@ function yi({
                 label: "Data IDs generation",
                 position: "item-aligned",
                 disabled: D === "code_defined",
-                onValueChange: (s) => {
-                  if (s === "code_defined")
+                onValueChange: (c) => {
+                  if (c === "code_defined")
                     throw new Error("This should not happen");
-                  s === "true" ? p("customId", !0) : s === "false" ? p("customId", !1) : s === "optional" && p("customId", "optional");
+                  c === "true" ? p("customId", !0) : c === "false" ? p("customId", !1) : c === "optional" && p("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",
+                renderValue: (c) => c === "code_defined" ? "Code defined" : c === "true" ? "Users must define an ID" : c === "optional" ? "Users can define an ID, but it is not required" : "Document ID is generated automatically",
                 children: [
                   /* @__PURE__ */ e(ee, { value: "false", children: "Document ID is generated automatically" }),
                   /* @__PURE__ */ e(ee, { value: "true", children: "Users must define an ID" }),
@@ -248,7 +242,7 @@ function yi({
                 {
                   position: "start",
                   label: "Collection group",
-                  onValueChange: (s) => p("collectionGroup", s),
+                  onValueChange: (c) => p("collectionGroup", c),
                   value: u.collectionGroup ?? !1
                 }
               ),
@@ -260,7 +254,7 @@ function yi({
                 {
                   position: "start",
                   label: "Enable text search for this collection",
-                  onValueChange: (s) => p("textSearchEnabled", s),
+                  onValueChange: (c) => p("textSearchEnabled", c),
                   value: u.textSearchEnabled ?? !1
                 }
               ),
@@ -282,8 +276,8 @@ function yi({
           gr,
           {
             selectedIcon: u.icon,
-            onIconSelected: (s) => {
-              P(!1), p("icon", s);
+            onIconSelected: (c) => {
+              P(!1), p("icon", c);
             }
           }
         ) })
@@ -291,7 +285,7 @@ function yi({
     )
   ] }) });
 }
-function pe(t) {
+function me(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
 function bi(t) {
@@ -305,7 +299,7 @@ function ae(t, r) {
 }
 function ir(t, r) {
   const n = r ? `${r}.${t}` : t;
-  return pe(n);
+  return me(n);
 }
 function Ci({
   enumValues: t,
@@ -320,15 +314,15 @@ function Ci({
     initialValues: { enumValues: t },
     validateOnChange: !0,
     validation: (m) => {
-      const c = {};
+      const s = {};
       m.enumValues && m.enumValues.forEach((v, x) => {
-        v?.label || (c.enumValues = c.enumValues ?? [], c.enumValues[x] = c.enumValues[x] ?? {}, c.enumValues[x].label = "You must specify a label for this enum value entry"), v?.id || (c.enumValues = c.enumValues ?? [], c.enumValues[x] = c.enumValues[x] ?? {}, c.enumValues[x].id = "You must specify an ID for this enum value entry");
+        v?.label || (s.enumValues = s.enumValues ?? [], s.enumValues[x] = s.enumValues[x] ?? {}, s.enumValues[x].label = "You must specify a label for this enum value entry"), v?.id || (s.enumValues = s.enumValues ?? [], s.enumValues[x] = s.enumValues[x] ?? {}, s.enumValues[x].id = "You must specify an ID for this enum value entry");
       });
-      const g = !!(c?.enumValues && Object.keys(c?.enumValues).length > 0);
-      return n?.(g), c;
+      const f = !!(s?.enumValues && Object.keys(s?.enumValues).length > 0);
+      return n?.(f), s;
     }
   }), { values: p, errors: h } = u;
-  return ce(() => {
+  return de(() => {
     r && r(p.enumValues);
   }, [p.enumValues]), /* @__PURE__ */ e(kt, { value: u, children: /* @__PURE__ */ e(
     Pi,
@@ -354,8 +348,8 @@ function Pi({
 }) {
   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];
+  } = K(), [p, h] = Y.useState(), [m, s] = Y.useState(), [f, v] = Y.useState(!1), y = Y.useRef(/* @__PURE__ */ new Set()).current, P = (b, C) => {
+    const N = p === C, g = r?.enumValues && r?.enumValues[b];
     return /* @__PURE__ */ e(
       Ni,
       {
@@ -363,9 +357,9 @@ function Pi({
         disabled: n,
         enumValuesPath: i,
         autoFocus: N,
-        entryError: f,
+        entryError: g,
         shouldUpdateId: l || N,
-        onDialogOpen: () => c(b),
+        onDialogOpen: () => s(b),
         inferredEntry: y.has(t.enumValues[b]?.id)
       },
       `${C}`
@@ -385,24 +379,24 @@ function Pi({
       o && /* @__PURE__ */ a(
         z,
         {
-          loading: g,
-          disabled: n || g,
+          loading: f,
+          disabled: n || f,
           variant: "text",
           size: "small",
           onClick: async () => {
             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)), g = t.enumValues, _ = ei(N).filter((M) => !g?.some((R) => R.id === M.id));
               _.forEach((M) => {
                 y.add(M.id);
-              }), u(i, [..._, ...f], !0);
+              }), u(i, [..._, ...g], !0);
             }).catch((b) => {
               console.error(b);
             }).finally(() => v(!1)));
           },
           children: [
-            g ? /* @__PURE__ */ e(De, { size: "small" }) : /* @__PURE__ */ e(ht, {}),
+            f ? /* @__PURE__ */ e(De, { size: "small" }) : /* @__PURE__ */ e(ht, {}),
             "Infer values from data"
           ]
         }
@@ -430,7 +424,7 @@ function Pi({
           index: m,
           open: m !== void 0,
           enumValuesPath: i,
-          onClose: () => c(void 0)
+          onClose: () => s(void 0)
         }
       )
     ] })
@@ -450,13 +444,13 @@ const Ni = Y.memo(
     const {
       values: h,
       handleChange: m,
-      errors: c,
-      setFieldValue: g,
+      errors: s,
+      setFieldValue: f,
       touched: v
-    } = K(), x = Y.useRef(!I(h, `${i}[${r}].id`)), y = n || x.current, P = I(h, `${i}[${r}].id`), T = I(h, `${i}[${r}].label`), b = Y.useRef(T);
+    } = 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`, T), b.current = T;
-    }, [T]), /* @__PURE__ */ a(U, { children: [
+      (b.current === P || !P) && y && f(`${i}[${r}].id`, k), b.current = k;
+    }, [k]), /* @__PURE__ */ a(j, { children: [
       /* @__PURE__ */ a("div", { className: "flex w-full align-center justify-center", children: [
         /* @__PURE__ */ e(
           H,
@@ -552,7 +546,7 @@ function xi({
     }
   );
 }
-function se({
+function ce({
   field: t,
   form: r,
   label: n,
@@ -583,14 +577,14 @@ function se({
 }
 function Se({ disabled: t }) {
   const { values: r, handleChange: n } = K(), i = "validation.required", l = "validation.requiredMessage";
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       H,
       {
         name: i,
         type: "checkbox",
         children: ({ field: d, form: u }) => /* @__PURE__ */ e(
-          se,
+          ce,
           {
             disabled: t,
             label: "Required",
@@ -607,7 +601,7 @@ function Se({ disabled: t }) {
         name: "validation.unique",
         type: "checkbox",
         children: ({ field: d, form: u }) => /* @__PURE__ */ e(
-          se,
+          ce,
           {
             disabled: t,
             label: "Unique",
@@ -645,18 +639,18 @@ function Ee({
   const {
     values: h,
     handleChange: m,
-    errors: c
-  } = K(), g = "validation.length", v = "validation.min", x = "validation.max", y = "validation.trim", P = "validation.matches", T = "validation.lowercase", b = "validation.uppercase", C = I(c, P), N = I(h, P), f = typeof N == "string" ? N : br(N);
+    errors: s
+  } = K(), f = "validation.length", v = "validation.min", x = "validation.max", y = "validation.trim", P = "validation.matches", k = "validation.lowercase", b = "validation.uppercase", C = I(s, P), N = I(h, P), g = typeof N == "string" ? N : br(N);
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Se, { disabled: u }),
     /* @__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,
         {
-          name: T,
+          name: k,
           type: "checkbox",
           children: ({ field: w, form: _ }) => /* @__PURE__ */ e(
-            se,
+            ce,
             {
               label: "Lowercase",
               disabled: u,
@@ -672,7 +666,7 @@ function Ee({
           name: b,
           type: "checkbox",
           children: ({ field: w, form: _ }) => /* @__PURE__ */ e(
-            se,
+            ce,
             {
               label: "Uppercase",
               disabled: u,
@@ -688,7 +682,7 @@ function Ee({
           name: y,
           type: "checkbox",
           children: ({ field: w, form: _ }) => /* @__PURE__ */ e(
-            se,
+            ce,
             {
               label: "Trim",
               disabled: u,
@@ -703,9 +697,9 @@ function Ee({
       t && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         Z,
         {
-          value: I(h, g),
+          value: I(h, f),
           label: "Exact length",
-          name: g,
+          name: f,
           type: "number",
           size: "small",
           disabled: u,
@@ -746,7 +740,7 @@ function Ee({
           label: "Matches regex",
           size: "small",
           disabled: u,
-          value: f,
+          value: g,
           error: !!C
         }
       ),
@@ -827,8 +821,8 @@ function Rt({
     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(U, { children: [
+  } = K(), h = Ie(), m = t ? "of.enumValues" : "enumValues", s = I(d, "defaultValue"), f = I(d, m), v = Zt(() => !f || typeof f == "boolean" ? [] : Cr(f) ?? [], [f]);
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ci,
       {
@@ -842,8 +836,8 @@ function Rt({
         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)) {
-            const P = y.filter((T) => !!T?.id).map((T) => T.id);
-            c && !P.includes(c) && (p("defaultValue", void 0), h.open({
+            const P = y.filter((k) => !!k?.id).map((k) => k.id);
+            s && !P.includes(s) && (p("defaultValue", void 0), h.open({
               type: "warning",
               message: "Default value was cleared"
             }));
@@ -870,7 +864,7 @@ function Rt({
           p("defaultValue", y);
         },
         label: "Default value",
-        value: c ?? "",
+        value: s ?? "",
         children: v.filter((y) => !!y?.id).map((y) => /* @__PURE__ */ e(
           ee,
           {
@@ -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`, u = `${o}.fileName`, p = `${o}.storagePath`, h = `${o}.storeUrl`, m = I(i, u) ?? "{rand}_{file}", s = I(i, p) ?? "/", f = I(i, d), v = Array.isArray(f) ? f : 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", T = typeof c == "function";
-  return /* @__PURE__ */ a(U, { children: [
+  }, P = typeof m == "function", k = typeof s == "function";
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xt,
       {
@@ -975,9 +969,9 @@ function Ut({
                 name: p,
                 as: Z,
                 label: "Storage path",
-                disabled: T || n,
+                disabled: k || n,
                 size: "small",
-                value: T ? "-" : c
+                value: k ? "-" : s
               }
             ),
             /* @__PURE__ */ a(O, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
@@ -998,7 +992,7 @@ function Ut({
                 name: h,
                 type: "checkbox",
                 children: ({ field: b, form: C }) => /* @__PURE__ */ e(
-                  se,
+                  ce,
                   {
                     label: "Save URL instead of storage path",
                     disabled: r || n,
@@ -1060,7 +1054,7 @@ function nr({
         /* @__PURE__ */ a(
           Ce,
           {
-            className: me(
+            className: he(
               "border",
               "pl-2 w-full flex flex-row gap-4 items-center",
               Qt,
@@ -1137,7 +1131,7 @@ function Ti({
         /* @__PURE__ */ e(
           Ce,
           {
-            className: me(
+            className: he(
               "pl-2 w-full flex flex-row gap-4 items-center",
               Qt,
               n ? Xt : "",
@@ -1213,48 +1207,48 @@ const ft = Y.memo(
     onPropertyMove: p,
     onPropertyRemove: h,
     className: m,
-    inferredPropertyKeys: c,
-    collectionEditable: g
+    inferredPropertyKeys: s,
+    collectionEditable: f
   }) {
     const v = o ?? Object.keys(l), x = Q((y) => {
       if (!y.destination)
         return;
-      const P = y.source.index, T = y.destination.index, b = Array.from(v), [C] = b.splice(P, 1);
-      b.splice(T, 0, C), p && p(b, r);
+      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(U, { children: /* @__PURE__ */ e(ii, { onDragEnd: x, children: /* @__PURE__ */ e(ni, { droppableId: `droppable_${r}`, children: (y, P) => /* @__PURE__ */ a(
+    return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(ii, { onDragEnd: x, children: /* @__PURE__ */ e(ni, { droppableId: `droppable_${r}`, children: (y, P) => /* @__PURE__ */ a(
       "div",
       {
         ...y.droppableProps,
         ref: y.innerRef,
         className: m,
         children: [
-          v && v.map((T, b) => {
-            const C = l[T], N = d?.find((f) => f.key === T);
-            return !C && !N ? (console.warn(`Property ${T} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
+          v && v.map((k, b) => {
+            const C = l[k], N = d?.find((g) => g.key === k);
+            return !C && !N ? (console.warn(`Property ${k} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
               ai,
               {
-                draggableId: `array_field_${r}_${T}}`,
+                draggableId: `array_field_${r}_${k}}`,
                 index: b,
-                children: (f, w) => /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                children: (g, w) => /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
                   ki,
                   {
-                    propertyKey: T,
+                    propertyKey: k,
                     propertyOrBuilder: C,
                     additionalField: N,
-                    provided: f,
+                    provided: g,
                     errors: u,
                     namespace: r,
-                    inferredPropertyKeys: c,
+                    inferredPropertyKeys: s,
                     onPropertyMove: p,
                     onPropertyRemove: h,
                     onPropertyClick: w.isDragging ? void 0 : i,
                     selectedPropertyKey: n,
-                    collectionEditable: g
+                    collectionEditable: f
                   }
                 ) })
               },
-              `array_field_${r}_${T}}`
+              `array_field_${r}_${k}}`
             );
           }).filter(Boolean),
           y.placeholder
@@ -1281,9 +1275,9 @@ function ki({
   onPropertyMove: p,
   onPropertyRemove: h,
   inferredPropertyKeys: m,
-  collectionEditable: c
+  collectionEditable: s
 }) {
-  const g = m?.includes(r ? `${r}.${t}` : t), v = ae(t, r), y = ir(t, r) in d;
+  const f = m?.includes(r ? `${r}.${t}` : t), v = ae(t, r), y = ir(t, r) in d;
   let P;
   if (typeof n == "object") {
     const C = n;
@@ -1298,11 +1292,11 @@ function ki({
         onPropertyClick: u,
         onPropertyMove: p,
         onPropertyRemove: h,
-        collectionEditable: c
+        collectionEditable: s
       }
     ));
   }
-  const T = o === v, b = n && (c && !ne(n) || qe(n));
+  const k = o === v, b = n && (s && !ne(n) || qe(n));
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1328,7 +1322,7 @@ function ki({
             property: n,
             onClick: u ? () => u(t, r) : void 0,
             includeName: !0,
-            selected: T,
+            selected: k,
             hasError: y
           }
         ) : /* @__PURE__ */ e(
@@ -1337,11 +1331,11 @@ function ki({
             name: t,
             property: n,
             onClick: u ? () => u(t, r) : void 0,
-            selected: T
+            selected: k
           }
         ),
         /* @__PURE__ */ a("div", { className: "absolute top-2 right-2 flex flex-row ", children: [
-          g && /* @__PURE__ */ e(te, { title: "Inferred property", children: /* @__PURE__ */ e(ht, { size: "small", className: "p-2" }) }),
+          f && /* @__PURE__ */ e(te, { title: "Inferred property", children: /* @__PURE__ */ e(ht, { size: "small", className: "p-2" }) }),
           h && /* @__PURE__ */ e(te, { title: "Remove", children: /* @__PURE__ */ e(
             oe,
             {
@@ -1369,28 +1363,28 @@ 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(), [u, p] = $(!1), [h, m] = $(), [s, f] = $(), v = o.propertiesOrder ?? Object.keys(o.properties ?? {}), x = ({
     id: N,
-    property: f
+    property: g
   }) => {
     if (!N)
       throw Error();
     d("properties", {
       ...o.properties ?? {},
-      [N]: f
+      [N]: g
     }, !1);
     const w = o.propertiesOrder ?? Object.keys(o.properties ?? {}), _ = w.includes(N) ? w : [...w, N];
     d("propertiesOrder", _, !1), p(!1);
-  }, y = Q((N, f) => {
-    const w = N ? ae(N, f) : void 0;
+  }, y = Q((N, g) => {
+    const w = N ? ae(N, g) : 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);
-  }, [d, o]), P = h ? ae(h, c) : void 0, T = P ? I(o.properties, P.replaceAll(".", ".properties.")) : void 0, b = !v || v.length < 1, C = Q((N, f) => {
-    d(ye(f), N, !1);
+    const _ = me(w), M = ye(g), R = I(o, M) ?? Object.keys(I(o, bi(g)));
+    d(_, void 0, !1), d(M, R.filter((D) => D !== N), !1), p(!1), m(void 0), f(void 0);
+  }, [d, o]), P = h ? ae(h, s) : void 0, k = P ? I(o.properties, P.replaceAll(".", ".properties.")) : void 0, b = !v || v.length < 1, C = Q((N, g) => {
+    d(ye(g), N, !1);
   }, []);
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { 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" }),
@@ -1400,7 +1394,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
             color: "primary",
             variant: "outlined",
             onClick: () => p(!0),
-            startIcon: /* @__PURE__ */ e(ue, {}),
+            startIcon: /* @__PURE__ */ e(se, {}),
             children: [
               "Add property to ",
               o.name ?? "this group"
@@ -1416,8 +1410,8 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
             propertiesOrder: v,
             errors: {},
             collectionEditable: l,
-            onPropertyClick: (N, f) => {
-              m(N), g(f), p(!0);
+            onPropertyClick: (N, g) => {
+              m(N), f(g), p(!0);
             },
             onPropertyMove: C
           }
@@ -1454,16 +1448,16 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
         allowDataInference: n,
         collectionEditable: l,
         onCancel: () => {
-          p(!1), m(void 0), g(void 0);
+          p(!1), m(void 0), f(void 0);
         },
         onOkClicked: () => {
-          p(!1), m(void 0), g(void 0);
+          p(!1), m(void 0), f(void 0);
         },
         getData: r,
         onDelete: y,
         propertyKey: h,
-        propertyNamespace: c,
-        property: T,
+        propertyNamespace: s,
+        property: k,
         existingProperty: !!h,
         autoUpdateId: !h,
         autoOpenTypeSelect: !h,
@@ -1488,11 +1482,11 @@ function Vi({
     handleChange: p,
     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 }) => {
+    touched: s
+  } = K(), [f, v] = $(!1), x = I(u, "of"), y = I(s, "of") && I(h, "of"), P = ({ id: b, property: C, namespace: N }) => {
     console.log("onPropertyChanged", b, C, N), m("of", C);
-  }, T = x && $e(x, o);
-  return /* @__PURE__ */ a(U, { children: [
+  }, k = x && $e(x, o);
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Repeat component" }),
       /* @__PURE__ */ e(
@@ -1521,7 +1515,7 @@ function Vi({
                 onClick: () => v(!0),
                 children: [
                   "Edit ",
-                  `${T ? T.name : "repeat component"}`
+                  `${k ? k.name : "repeat component"}`
                 ]
               }
             ),
@@ -1529,7 +1523,7 @@ function Vi({
               Ve,
               {
                 inArray: !0,
-                open: g,
+                open: f,
                 existingProperty: r,
                 getData: i,
                 autoUpdateId: !r,
@@ -1564,9 +1558,9 @@ const Ii = Y.forwardRef(
       values: p,
       setFieldValue: h,
       setFieldTouched: m,
-      touched: c,
-      validate: g
-    } = K(), v = "name", x = r && I(u, v), y = "id", P = r && I(u, y), T = "description", b = r && I(u, T);
+      touched: s,
+      validate: f
+    } = K(), v = "name", x = r && I(u, v), y = "id", P = r && I(u, y), k = "description", b = r && I(u, k);
     return /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 col-span-12", children: [
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ e(
@@ -1578,7 +1572,7 @@ const Ii = Y.forwardRef(
             value: p[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);
+              !I(s, y) && l && h(y, N ? Pt(N) : "", !1), h(v, N, !0), m(v, !0);
             },
             style: { fontSize: 20 },
             placeholder: "Field name",
@@ -1599,7 +1593,7 @@ const Ii = Y.forwardRef(
             value: p[y],
             onChange: (C) => {
               const N = C.target.value;
-              !I(c, v) && l && h(v, N ? ut(N) : ""), h(y, N, !0), m(y, !0);
+              !I(s, v) && l && h(v, N ? ut(N) : ""), h(y, N, !0), m(y, !0);
             },
             disabled: n || i,
             required: !0,
@@ -1613,7 +1607,7 @@ const Ii = Y.forwardRef(
         /* @__PURE__ */ e(
           H,
           {
-            name: T,
+            name: k,
             as: Z,
             label: "Description",
             disabled: i,
@@ -1631,7 +1625,7 @@ function _i({
   showErrors: n
 }) {
   const { values: i, setFieldValue: l } = K();
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(Ne, { children: [
       t === "text_field" && /* @__PURE__ */ e(
         Ee,
@@ -1700,14 +1694,14 @@ function _i({
 }
 function Fi({ disabled: t }) {
   const { values: r } = K(), n = I(r, "defaultValue");
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__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(
       H,
       {
         name: "defaultValue",
         children: ({ field: i, form: l }) => /* @__PURE__ */ e(
-          se,
+          ce,
           {
             label: n == null ? "Default value not set" : "Default value is " + n.toString(),
             disabled: t,
@@ -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(), [u, p] = $(!1), [h, m] = $(), [s, f] = $(), v = ({
     id: C,
     property: N
   }) => {
@@ -1734,22 +1728,22 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       ...o.oneOf?.properties ?? {},
       [C]: N
     }, !1);
-    const f = o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), w = f.includes(C) ? f : [...f, C];
+    const g = o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), w = g.includes(C) ? g : [...g, C];
     d("oneOf.propertiesOrder", w, !1), p(!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)
+  }, x = h ? ae(h, s) : void 0, y = x ? I(o.oneOf?.properties, x.replaceAll(".", ".properties.")) : void 0, P = Q((C, N) => {
+    const g = C ? ae(C, N) : void 0;
+    if (!g)
       throw Error("collection editor miss config");
-    d(`oneOf.${pe(f)}`, void 0, !1);
+    d(`oneOf.${me(g)}`, 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, o]), T = /* @__PURE__ */ a(
+    d(w, _.filter((M) => M !== C), !1), p(!1), m(void 0), f(void 0);
+  }, [d, o]), k = /* @__PURE__ */ a(
     z,
     {
       autoFocus: !0,
       color: "primary",
       onClick: () => p(!0),
-      startIcon: /* @__PURE__ */ e(ue, {}),
+      startIcon: /* @__PURE__ */ e(se, {}),
       children: [
         "Add property to ",
         o.name ?? "this block"
@@ -1758,11 +1752,11 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
   ), b = Q((C, N) => {
     d(`oneOf.${ye(N)}`, C, !1);
   }, []);
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { 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" }),
-        T
+        k
       ] }),
       /* @__PURE__ */ a(Ce, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
@@ -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), f(N), p(!0);
             },
             onPropertyMove: t ? void 0 : b
           }
@@ -1790,15 +1784,15 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
         getData: r,
         allowDataInference: n,
         onCancel: () => {
-          p(!1), m(void 0), g(void 0);
+          p(!1), m(void 0), f(void 0);
         },
         onOkClicked: () => {
-          p(!1), m(void 0), g(void 0);
+          p(!1), m(void 0), f(void 0);
         },
         collectionEditable: l,
         onDelete: P,
         propertyKey: h,
-        propertyNamespace: c,
+        propertyNamespace: s,
         property: y,
         existingProperty: !!h,
         autoUpdateId: !h,
@@ -1870,12 +1864,12 @@ function Ei({ disabled: t }) {
       {
         name: "validation.positive",
         type: "checkbox",
-        children: ({ field: m, form: c }) => /* @__PURE__ */ e(
-          se,
+        children: ({ field: m, form: s }) => /* @__PURE__ */ e(
+          ce,
           {
             label: "Positive value",
             disabled: t,
-            form: c,
+            form: s,
             field: m
           }
         )
@@ -1886,12 +1880,12 @@ function Ei({ disabled: t }) {
       {
         name: "validation.negative",
         type: "checkbox",
-        children: ({ field: m, form: c }) => /* @__PURE__ */ e(
-          se,
+        children: ({ field: m, form: s }) => /* @__PURE__ */ e(
+          ce,
           {
             label: "Negative value",
             disabled: t,
-            form: c,
+            form: s,
             field: m
           }
         )
@@ -1902,12 +1896,12 @@ function Ei({ disabled: t }) {
       {
         name: "validation.integer",
         type: "checkbox",
-        children: ({ field: m, form: c }) => /* @__PURE__ */ e(
-          se,
+        children: ({ field: m, form: s }) => /* @__PURE__ */ e(
+          ce,
           {
             label: "Integer value",
             disabled: t,
-            form: c,
+            form: s,
             field: m
           }
         )
@@ -1917,7 +1911,7 @@ function Ei({ disabled: t }) {
 }
 function Ai({ disabled: t }) {
   const { values: r, setFieldValue: n } = K();
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Ei, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Oe,
@@ -1948,13 +1942,13 @@ function jt({
   if (!Pe())
     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(U, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     H,
     {
       name: p,
       pathPath: p,
       type: "select",
-      disabled: t || n,
+      disabled: t && !!h || n,
       value: h,
       error: m,
       handleChange: o,
@@ -1976,7 +1970,7 @@ function Di({
   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(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ a(
       be,
       {
@@ -1988,15 +1982,15 @@ function Di({
         onChange: i,
         label: "Target collection",
         renderValue: (m) => {
-          const c = u.find((g) => g.id === m || g.path === m);
-          return c ? /* @__PURE__ */ a("div", { className: "flex flex-row", children: [
-            /* @__PURE__ */ e(ot, { collectionOrView: c }),
+          const s = u.find((f) => f.id === m || f.path === m);
+          return s ? /* @__PURE__ */ a("div", { className: "flex flex-row", children: [
+            /* @__PURE__ */ e(ot, { collectionOrView: s }),
             /* @__PURE__ */ e(
               O,
               {
                 variant: "subtitle2",
                 className: "font-medium ml-4",
-                children: c?.name.toUpperCase()
+                children: s?.name.toUpperCase()
               }
             )
           ] }) : null;
@@ -2007,23 +2001,23 @@ function Di({
             At,
             {
               label: m || "Views",
-              children: u.filter((c) => c.group === m).map((c) => /* @__PURE__ */ e(
+              children: u.filter((s) => s.group === m).map((s) => /* @__PURE__ */ e(
                 ee,
                 {
-                  value: c.id ?? c.path,
+                  value: s.id ?? s.path,
                   children: /* @__PURE__ */ a("div", { className: "flex flex-row", children: [
-                    /* @__PURE__ */ e(ot, { collectionOrView: c }),
+                    /* @__PURE__ */ e(ot, { collectionOrView: s }),
                     /* @__PURE__ */ e(
                       O,
                       {
                         variant: "subtitle2",
                         className: "font-medium ml-4",
-                        children: c?.name.toUpperCase()
+                        children: s?.name.toUpperCase()
                       }
                     )
                   ] })
                 },
-                `${c.id ?? c.path}-${m}`
+                `${s.id ?? s.path}-${m}`
               ))
             },
             `group_${m}`
@@ -2059,7 +2053,7 @@ function Bi({ disabled: t }) {
     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(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ a("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ a(
         be,
@@ -2067,10 +2061,10 @@ function Bi({ disabled: t }) {
           name: o,
           value: d ?? "date",
           error: !!u,
-          onValueChange: (c) => l(o, c),
+          onValueChange: (s) => l(o, s),
           label: "Mode",
-          renderValue: (c) => {
-            switch (c) {
+          renderValue: (s) => {
+            switch (s) {
               case "date_time":
                 return "Date/Time";
               case "date":
@@ -2093,9 +2087,9 @@ function Bi({ disabled: t }) {
           name: p,
           disabled: t,
           value: h ?? "",
-          onValueChange: (c) => l(p, c),
-          renderValue: (c) => {
-            switch (c) {
+          onValueChange: (s) => l(p, s === "none" ? null : s),
+          renderValue: (s) => {
+            switch (s) {
               case "on_create":
                 return "On create";
               case "on_update":
@@ -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 " })
           ]
@@ -2121,7 +2115,7 @@ function Bi({ disabled: t }) {
 function zi({ disabled: t }) {
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(H, { type: "checkbox", name: "hideFromCollection", children: ({ field: i, form: l }) => /* @__PURE__ */ e(
-      se,
+      ce,
       {
         label: "Hide from collection",
         disabled: t,
@@ -2136,7 +2130,7 @@ function zi({ disabled: t }) {
         name: "readOnly",
         type: "checkbox",
         children: ({ field: i, form: l }) => /* @__PURE__ */ e(
-          se,
+          ce,
           {
             label: "Read only",
             disabled: t,
@@ -2150,7 +2144,7 @@ function zi({ disabled: t }) {
   ] });
 }
 function Mi({ disabled: t }) {
-  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) }) });
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { 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: he(
             "flex flex-row items-center text-base min-h-[52px]",
             r ? "w-full" : ""
           ),
@@ -2403,7 +2397,7 @@ function Ri({
   showErrors: r
 }) {
   const { values: n, setFieldValue: i } = K(), l = I(n, "url");
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(
       be,
       {
@@ -2491,41 +2485,41 @@ const Ui = [
       existingPropertyKeys: p,
       propertyNamespace: h,
       property: m,
-      onPropertyChanged: c,
-      onPropertyChangedImmediate: g = !0,
+      onPropertyChanged: s,
+      onPropertyChangedImmediate: f = !0,
       onDelete: v,
       onError: x,
       initialErrors: y,
       forceShowErrors: P,
-      allowDataInference: T,
+      allowDataInference: k,
       getController: b,
       getData: C,
       propertyConfigs: N,
-      collectionEditable: f
+      collectionEditable: g
     } = r, w = {
       id: "",
       name: ""
-    }, _ = !!(m && !qe(m)) && !f, M = Le(m ? {
+    }, _ = !!(m && !qe(m)) && !g, M = Le(m ? {
       id: u,
       previousId: u,
       property: m
     } : void 0), R = ({
       id: A,
-      property: s
+      property: c
     }) => {
       const V = {
         id: A,
         previousId: M.current?.id,
-        property: s,
+        property: c,
         namespace: h
       };
-      M.current = V, c?.(V);
+      M.current = V, s?.(V);
     }, D = Tt({
       initialValues: m ? { id: u, ...m } : w,
       initialErrors: y,
       validateOnChange: !0,
       validateOnInitialRender: !0,
-      onSubmit: (A, s) => {
+      onSubmit: (A, c) => {
         console.debug("onSubmit", A);
         const {
           id: V,
@@ -2534,35 +2528,35 @@ const Ui = [
         R({
           id: V,
           property: { ...G, editable: G.editable ?? !0 }
-        }), l || s.resetForm({ values: w });
+        }), l || c.resetForm({ values: w });
       },
       validation: (A) => {
-        const s = {};
+        const c = {};
         if (n) {
           if (!A.name)
-            s.name = "Required";
+            c.name = "Required";
           else {
             const V = $i(A.name);
-            V && (s.name = V);
+            V && (c.name = V);
           }
           if (!A.id)
-            s.id = "Required";
+            c.id = "Required";
           else {
             const V = qi(A.id, p);
-            V && (s.id = V);
+            V && (c.id = V);
           }
         }
-        return A.dataType === "string" && A.validation?.matches && !Pr(A.validation?.matches.toString()) && (s.validation = {
+        return A.dataType === "string" && A.validation?.matches && !Pr(A.validation?.matches.toString()) && (c.validation = {
           matches: "Invalid regular expression"
-        }), A.dataType === "reference" && !A.path && (s.path = "You must specify a target collection for the field"), A.propertyConfig === "repeat" && (A.of || (s.of = "You need to specify a repeat field")), A.propertyConfig === "block" && (A.oneOf || (s.oneOf = "You need to specify the properties of this block")), s;
+        }), A.dataType === "reference" && !A.path && (c.path = "You must specify a target collection for the field"), A.propertyConfig === "repeat" && (A.of || (c.of = "You need to specify a repeat field")), A.propertyConfig === "block" && (A.oneOf || (c.oneOf = "You need to specify the properties of this block")), c;
       }
     });
-    return ce(() => {
+    return de(() => {
       b?.(D);
     }, [D, b]), /* @__PURE__ */ e(kt, { value: D, children: /* @__PURE__ */ e(
       ji,
       {
-        onPropertyChanged: g ? R : void 0,
+        onPropertyChanged: f ? R : void 0,
         onDelete: v,
         includeIdAndTitle: n,
         propertyNamespace: h,
@@ -2574,9 +2568,9 @@ const Ui = [
         autoOpenTypeSelect: i,
         disabled: _,
         getData: C,
-        allowDataInference: T,
+        allowDataInference: k,
         propertyConfigs: N,
-        collectionEditable: f,
+        collectionEditable: g,
         ...D
       }
     ) });
@@ -2662,28 +2656,28 @@ function ji({
   onDelete: p,
   propertyNamespace: h,
   onError: m,
-  showErrors: c,
-  disabled: g,
+  showErrors: s,
+  disabled: f,
   inArray: v,
   getData: x,
   allowDataInference: y,
   propertyConfigs: P,
-  collectionEditable: T
+  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");
-  ce(() => {
+  const [b, C] = $(o), [N, g] = $(!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), c = Le(t), V = s && I(r, "selectedWidget");
+  de(() => {
     if (u && (!d || D.id)) {
       const {
         id: q,
         ...L
       } = D;
-      ve(D, s.current) || (u({
+      ve(D, c.current) || (u({
         id: q,
         property: L,
         namespace: h
-      }), s.current = D);
+      }), c.current = D);
     }
-  }, [D, d, u, h]), ce(() => {
+  }, [D, d, u, h]), de(() => {
     t?.id && m && m(t?.id, h, r);
   }, [r, m, h, t?.id]);
   const G = (q) => {
@@ -2696,14 +2690,14 @@ function ji({
     _i,
     {
       widgetId: w,
-      disabled: g,
-      showErrors: c
+      disabled: f,
+      showErrors: s
     }
   ) : w === "url" ? B = /* @__PURE__ */ e(
     Ri,
     {
-      disabled: g,
-      showErrors: c
+      disabled: f,
+      showErrors: s
     }
   ) : w === "select" || w === "number_select" ? B = /* @__PURE__ */ e(
     Rt,
@@ -2711,81 +2705,81 @@ function ji({
       multiselect: !1,
       allowDataInference: y,
       updateIds: !i,
-      disabled: g,
+      disabled: f,
       getData: x,
-      showErrors: c
+      showErrors: s
     }
   ) : w === "multi_select" || w === "multi_number_select" ? B = /* @__PURE__ */ e(
     Rt,
     {
       multiselect: !0,
       updateIds: !i,
-      disabled: g,
+      disabled: f,
       allowDataInference: y,
       getData: x,
-      showErrors: c
+      showErrors: s
     }
   ) : w === "file_upload" ? B = /* @__PURE__ */ e(
     Ut,
     {
       existing: i,
       multiple: !1,
-      disabled: g
+      disabled: f
     }
   ) : w === "multi_file_upload" ? B = /* @__PURE__ */ e(
     Ut,
     {
       existing: i,
       multiple: !0,
-      disabled: g
+      disabled: f
     }
-  ) : w === "switch" ? B = /* @__PURE__ */ e(Fi, { disabled: g }) : w === "number_input" ? B = /* @__PURE__ */ e(Ai, { disabled: g }) : w === "group" ? B = /* @__PURE__ */ e(
+  ) : w === "switch" ? B = /* @__PURE__ */ e(Fi, { disabled: f }) : w === "number_input" ? B = /* @__PURE__ */ e(Ai, { disabled: f }) : w === "group" ? B = /* @__PURE__ */ e(
     Oi,
     {
-      disabled: g,
+      disabled: f,
       getData: x,
       allowDataInference: y,
-      collectionEditable: T,
+      collectionEditable: k,
       propertyConfigs: P
     }
   ) : w === "block" ? B = /* @__PURE__ */ e(
     Si,
     {
-      disabled: g,
+      disabled: f,
       getData: x,
       allowDataInference: y,
-      collectionEditable: T,
+      collectionEditable: k,
       propertyConfigs: P
     }
   ) : w === "reference" ? B = /* @__PURE__ */ e(
     jt,
     {
-      showErrors: c,
+      showErrors: s,
       existing: i,
       multiple: !1,
-      disabled: g
+      disabled: f
     }
-  ) : w === "date_time" ? B = /* @__PURE__ */ e(Bi, { disabled: g }) : w === "multi_references" ? B = /* @__PURE__ */ e(
+  ) : w === "date_time" ? B = /* @__PURE__ */ e(Bi, { disabled: f }) : w === "multi_references" ? B = /* @__PURE__ */ e(
     jt,
     {
-      showErrors: c,
+      showErrors: s,
       existing: i,
       multiple: !0,
-      disabled: g
+      disabled: f
     }
   ) : w === "repeat" ? B = /* @__PURE__ */ e(
     Vi,
     {
-      showErrors: c,
+      showErrors: s,
       existing: i,
       getData: x,
       allowDataInference: y,
-      disabled: g,
-      collectionEditable: T,
+      disabled: f,
+      collectionEditable: k,
       propertyConfigs: P
     }
-  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: g }) : B = null, /* @__PURE__ */ a(U, { children: [
-    g && /* @__PURE__ */ a(Lr, { mode: "warn", children: [
+  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: f }) : B = null, /* @__PURE__ */ a(j, { children: [
+    f && /* @__PURE__ */ a(Lr, { mode: "warn", children: [
       /* @__PURE__ */ e(O, { children: "This property can't be edited" }),
       /* @__PURE__ */ a(O, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
@@ -2804,31 +2798,31 @@ function ji({
             open: b,
             onOpenChange: C,
             position: "item-aligned",
-            disabled: g,
+            disabled: f,
             renderValue: (q) => {
               if (!q)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const L = q, J = Gt[L] ?? P[L], le = J.property, Me = le && !ne(le) ? $e(le, P) : void 0, we = ne(le) || i && le.dataType !== t?.dataType, de = Me ? W(Me, J) : J;
+              const L = q, J = Gt[L] ?? P[L], le = J.property, Me = le && !ne(le) ? $e(le, P) : void 0, we = ne(le) || i && le.dataType !== t?.dataType, ue = Me ? W(Me, J) : J;
               return /* @__PURE__ */ a(
                 "div",
                 {
                   onClick: (re) => {
                     we && (re.stopPropagation(), re.preventDefault());
                   },
-                  className: me(
+                  className: he(
                     "flex items-center",
                     we ? "w-full pointer-events-none opacity-50" : ""
                   ),
                   children: [
-                    /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ye, { propertyConfig: de }) }),
+                    /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ye, { propertyConfig: ue }) }),
                     /* @__PURE__ */ a("div", { className: "flex flex-col items-start text-base text-left", children: [
-                      /* @__PURE__ */ e("div", { children: de.name }),
+                      /* @__PURE__ */ e("div", { children: ue.name }),
                       /* @__PURE__ */ e(
                         O,
                         {
                           variant: "caption",
                           color: "disabled",
-                          children: we ? "You can only switch to widgets that use the same data type" : de.description
+                          children: we ? "You can only switch to widgets that use the same data type" : ue.description
                         }
                       )
                     ] })
@@ -2869,8 +2863,8 @@ function ji({
         {
           variant: "ghost",
           className: "m-4",
-          disabled: g,
-          onClick: () => f(!0),
+          disabled: f,
+          onClick: () => g(!0),
           children: /* @__PURE__ */ e(dt, {})
         }
       )
@@ -2879,23 +2873,23 @@ function ji({
       d && /* @__PURE__ */ e(
         Ii,
         {
-          showErrors: c,
+          showErrors: s,
           disabledId: i,
           isNewProperty: !i,
-          disabled: g,
+          disabled: f,
           autoUpdateId: l,
           ref: A
         }
       ),
       B,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(zi, { disabled: g }) })
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(zi, { disabled: f }) })
     ] }),
     p && /* @__PURE__ */ e(
       lt,
       {
         open: N,
         onAccept: () => p(t?.id, h),
-        onCancel: () => f(!1),
+        onCancel: () => g(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
         body: /* @__PURE__ */ a("div", { children: [
           " This will ",
@@ -2952,7 +2946,7 @@ 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: u, getLineProps: p, getTokenProps: h }) => /* @__PURE__ */ e("pre", { style: d, className: "p-4 rounded text-sm", children: u.map((m, s) => /* @__PURE__ */ e("div", { ...p({ line: m }), children: m.map((f, v) => /* @__PURE__ */ e("span", { ...h({ token: f }) }, v)) }, s)) })
             }
           )
         ] }),
@@ -3019,21 +3013,21 @@ function Gi({
   getData: p,
   doCollectionInference: h,
   propertyConfigs: m,
-  collectionEditable: c
+  collectionEditable: s
 }) {
   const {
-    values: g,
+    values: f,
     setFieldValue: v,
     setFieldError: x,
     setFieldTouched: y,
     errors: P,
-    dirty: T
-  } = 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 } : {});
-  ce(() => {
-    l && l(T);
-  }, [T]);
-  const de = h ? () => {
-    h && (q(!0), h(g).then((F) => {
+    dirty: k
+  } = K(), b = Ie(), C = Nr(), N = !C, [g, w] = $(), [_, M] = $(), [R, D] = $(), A = _ ? ae(_, R) : void 0, c = A ? I(f.properties, A.replaceAll(".", ".properties.")) : void 0, [V, G] = $(!1), [B, q] = $(!1), [L, J] = $(!1), [le, Me] = $([]), we = Y.useRef(f.propertiesOrder ? { "": f.propertiesOrder } : {});
+  de(() => {
+    l && l(k);
+  }, [k]);
+  const ue = h ? () => {
+    h && (q(!0), h(f).then((F) => {
       if (F && pt(F.properties), !F) {
         b.open({
           type: "error",
@@ -3041,87 +3035,93 @@ function Gi({
         });
         return;
       }
-      const j = (F.properties ? Object.keys(F.properties) : []).filter((E) => !g.properties[E]);
-      if (j.length === 0) {
+      const U = (F.properties ? Object.keys(F.properties) : []).filter((E) => !f.properties[E]);
+      if (U.length === 0) {
         b.open({
           type: "info",
           message: "No new properties found in existing data"
         });
         return;
       }
-      const k = {
-        ...j.reduce((E, ie) => (E[ie] = (F.properties ?? {})[ie], E), {}),
-        ...g.properties
+      const T = {
+        ...U.reduce((E, ie) => (E[ie] = (F.properties ?? {})[ie], E), {}),
+        ...f.properties
       }, S = [
-        ...j,
-        ...g.propertiesOrder ?? []
+        ...U,
+        ...f.propertiesOrder ?? []
       ];
-      v("properties", k, !1), he(S), Me(j);
+      v("properties", T, !1), fe(S), Me(U);
     }).finally(() => {
       q(!1);
     }));
-  } : void 0, re = Q((F) => F ? we.current[F] ?? I(g, ye(F)) : we.current[""], [g]), he = Q((F, j) => {
-    const k = ye(j);
-    v(k, F, !1), we.current[j ?? ""] = F;
-  }, [v]), Te = Q((F, j) => {
-    const k = F ? ae(F, j) : void 0;
-    if (!k)
+  } : void 0, re = Q((F) => F ? we.current[F] ?? I(f, ye(F)) : we.current[""], [f]), fe = 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;
+    if (!T)
       throw Error("collection editor miss config");
-    v(pe(k), void 0, !1);
-    const E = re(j).filter((ie) => ie !== F);
-    he(E, j), J(!1), w(void 0), M(void 0), D(void 0);
-  }, [re, v, he]), Ge = (F, j) => {
-    v(ye(j), F, !1);
+    v(me(T), void 0, !1);
+    const E = re(U).filter((ie) => ie !== F);
+    fe(E, U), J(!1), w(void 0), M(void 0), D(void 0);
+  }, [re, v, fe]), Ge = (F, U) => {
+    v(ye(U), F, !1);
   }, gt = ({
     id: F,
-    property: j
+    property: U
   }) => {
     if (!F)
       throw Error("Need to include an ID when creating a new property");
     v("properties", {
-      ...g.properties ?? {},
-      [F]: j
+      ...f.properties ?? {},
+      [F]: U
     }, !1);
-    const k = [...g.propertiesOrder ?? Object.keys(g.properties), F];
-    he(k), J(!1), C && (w(k.indexOf(F)), M(F)), D(void 0);
-  }, fe = ({
+    const T = [...f.propertiesOrder ?? Object.keys(f.properties), F];
+    fe(T), J(!1), C && (w(T.indexOf(F)), M(F)), D(void 0);
+  }, pe = ({
     id: F,
-    property: j,
-    previousId: k,
+    property: U,
+    previousId: T,
     namespace: S
   }) => {
-    const E = F ? ae(F, S) : void 0, ie = E ? pe(E) : void 0;
-    if (k && k !== F) {
-      const ke = ae(k, S), Vt = pe(ke), It = re(S).map((Xe) => Xe === k ? 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 E = F ? ae(F, S) : void 0, ie = E ? me(E) : void 0;
+    if (T && T !== F) {
+      console.debug("onPropertyChanged, id change", {
+        id: F,
+        property: U,
+        previousId: T,
+        namespace: S
+      });
+      const ke = ae(T, S), Vt = me(ke), It = re(S).map((Xe) => Xe === T ? F : Xe).filter((Xe) => Xe !== void 0);
+      fe(It, S), F && (w(It.indexOf(F)), M(F)), v(Vt, void 0, !1), y(Vt, !1, !1);
     }
     console.debug("onPropertyChanged", {
       id: F,
-      property: j,
-      previousId: k,
+      property: U,
+      previousId: T,
       namespace: S,
       propertyPath: ie
-    }), ie && (v(ie, j, !1), y(ie, !0, !1));
-  }, Ke = Q((F, j, k) => {
-    const S = F ? ae(F, j) : void 0;
+    }), ie && (v(ie, U, !1), y(ie, !0, !1));
+  }, Ke = Q((F, U, T) => {
+    const S = F ? ae(F, U) : void 0;
     if (console.debug("onPropertyErrorInternal", {
       id: F,
-      namespace: j,
-      error: k,
+      namespace: U,
+      error: T,
       propertyPath: S
     }), S) {
-      const E = k && Object.keys(k).length > 0;
-      i(F, j, E ? k : void 0), x(pe(S), E ? "Property error" : void 0);
+      const E = T && Object.keys(T).length > 0;
+      i(F, U, E ? T : void 0), x(me(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, j) => {
+  }, Ze = _ && n?.current?.properties ? n.current.properties[_] : void 0, Je = f?.propertiesOrder === void 0 || f.propertiesOrder.length === 0, Re = f.propertiesOrder ? f.propertiesOrder : Object.keys(f.properties), Qe = Zt(() => f.ownerId ? u(f.ownerId) : null, [u, f.ownerId]), vt = Q((F, U) => {
     console.debug("CollectionEditor: onPropertyClick", {
       propertyKey: F,
-      namespace: j
-    }), w(Re.indexOf(F)), M(F), D(j);
+      namespace: U
+    }), w(Re.indexOf(F)), M(F), D(U);
   }, [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: he(
       "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
@@ -3166,12 +3166,12 @@ function Gi({
               children: /* @__PURE__ */ e($r, {})
             }
           ) }),
-          de && /* @__PURE__ */ e(te, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
+          ue && /* @__PURE__ */ e(te, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
             oe,
             {
               variant: "filled",
               disabled: B,
-              onClick: de,
+              onClick: ue,
               children: B ? /* @__PURE__ */ e(De, { size: "small" }) : /* @__PURE__ */ e(ht, {})
             }
           ) }),
@@ -3180,7 +3180,7 @@ function Gi({
             {
               variant: "outlined",
               onClick: () => J(!0),
-              children: /* @__PURE__ */ e(ue, {})
+              children: /* @__PURE__ */ e(se, {})
             }
           ) })
         ] })
@@ -3191,13 +3191,13 @@ function Gi({
           className: "pl-8",
           inferredPropertyKeys: le,
           selectedPropertyKey: _ ? ae(_, R) : void 0,
-          properties: g.properties,
-          additionalFields: g.additionalFields,
+          properties: f.properties,
+          additionalFields: f.additionalFields,
           propertiesOrder: Re,
           onPropertyClick: vt,
           onPropertyMove: Ge,
           onPropertyRemove: r ? Te : void 0,
-          collectionEditable: c,
+          collectionEditable: s,
           errors: P
         }
       ) }),
@@ -3209,7 +3209,7 @@ function Gi({
           variant: "outlined",
           size: "large",
           onClick: () => J(!0),
-          startIcon: /* @__PURE__ */ e(ue, {}),
+          startIcon: /* @__PURE__ */ e(se, {}),
           children: "Add new property"
         }
       )
@@ -3219,7 +3219,7 @@ function Gi({
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
-          A && s && !ne(s) && /* @__PURE__ */ e(
+          A && c && !ne(c) && /* @__PURE__ */ e(
             sr,
             {
               inArray: !1,
@@ -3229,20 +3229,33 @@ function Gi({
               autoOpenTypeSelect: !1,
               propertyKey: _,
               propertyNamespace: R,
-              property: s,
-              onPropertyChanged: fe,
+              property: c,
+              onPropertyChanged: pe,
               onDelete: Te,
               onError: Ke,
               forceShowErrors: t,
               initialErrors: Ze,
               getData: p,
               propertyConfigs: m,
-              collectionEditable: c
+              collectionEditable: s
             },
-            `edit_view_${f}`
+            `edit_view_${g}`
           ),
-          !s && /* @__PURE__ */ e(O, { variant: "label", className: "flex items-center justify-center h-full", children: Je ? "Now you can add your first property" : "Select a property to edit it" }),
-          s && ne(s) && /* @__PURE__ */ e(O, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
+          !c && /* @__PURE__ */ a("div", { className: "w-full flex flex-col items-center justify-center h-full gap-4", children: [
+            /* @__PURE__ */ e(O, { variant: "label", className: "", children: Je ? "Now you can add your first property" : "Select a property to edit it" }),
+            /* @__PURE__ */ a(
+              z,
+              {
+                variant: "outlined",
+                onClick: () => J(!0),
+                children: [
+                  /* @__PURE__ */ e(se, {}),
+                  "Add new property"
+                ]
+              }
+            )
+          ] }),
+          c && ne(c) && /* @__PURE__ */ e(O, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
         ]
       }
     ) }),
@@ -3250,28 +3263,28 @@ function Gi({
       Ve,
       {
         inArray: !1,
-        open: f !== void 0,
-        autoUpdateId: !s,
+        open: g !== void 0,
+        autoUpdateId: !c,
         allowDataInference: !r,
         existingProperty: !0,
         autoOpenTypeSelect: !1,
         propertyKey: _,
         propertyNamespace: R,
-        property: s,
-        onPropertyChanged: fe,
+        property: c,
+        onPropertyChanged: pe,
         onDelete: Te,
         onError: Ke,
         forceShowErrors: t,
         initialErrors: Ze,
         getData: p,
         propertyConfigs: m,
-        collectionEditable: c,
+        collectionEditable: s,
         onOkClicked: N ? We : void 0
       },
-      `edit_view_${f}`
+      `edit_view_${g}`
     )
   ] });
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     yt,
     /* @__PURE__ */ e(
       Ve,
@@ -3287,14 +3300,14 @@ function Gi({
         getData: p,
         allowDataInference: !r,
         propertyConfigs: m,
-        collectionEditable: c,
-        existingPropertyKeys: g.propertiesOrder
+        collectionEditable: s,
+        existingPropertyKeys: f.propertiesOrder
       }
     ),
     /* @__PURE__ */ e(
       Hi,
       {
-        collection: g,
+        collection: f,
         open: V,
         onOpenChange: G
       }
@@ -3371,10 +3384,10 @@ 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(), [u, p] = Y.useState(), [h, m] = Y.useState(!1), [s, f] = Y.useState(), [v, x] = Y.useState(), {
     values: y,
     setFieldValue: P
-  } = K(), T = 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;
+  } = K(), k = t.subcollections ?? [], b = y.entityViews?.filter((g) => typeof g == "string").map((g) => xr(g, d)).filter(Boolean) ?? [], C = t.entityViews?.filter((g) => typeof g != "string") ?? [], N = b.length + C.length;
   return /* @__PURE__ */ a("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(mt, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ a("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ a("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
@@ -3383,19 +3396,19 @@ function Zi({
           y.name
         ] }),
         /* @__PURE__ */ a(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: [
-          T && T.length > 0 && /* @__PURE__ */ e(Dt, { children: /* @__PURE__ */ e(Bt, { children: T.map((f) => /* @__PURE__ */ a(
+          k && k.length > 0 && /* @__PURE__ */ e(Dt, { children: /* @__PURE__ */ e(Bt, { children: k.map((g) => /* @__PURE__ */ a(
             bt,
             {
               onClick: () => x({
                 isNewCollection: !1,
-                editedCollectionId: f.id
+                editedCollectionId: g.id
               }),
               children: [
                 /* @__PURE__ */ e(
                   Ue,
                   {
                     align: "left",
-                    children: /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: f.name })
+                    children: /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: g.name })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -3407,7 +3420,7 @@ function Zi({
                       {
                         size: "small",
                         onClick: (w) => {
-                          w.preventDefault(), w.stopPropagation(), p(f.id);
+                          w.preventDefault(), w.stopPropagation(), p(g.id);
                         },
                         color: "inherit",
                         children: /* @__PURE__ */ e(dt, { size: "small" })
@@ -3417,7 +3430,7 @@ function Zi({
                 )
               ]
             },
-            f.path
+            g.path
           )) }) }),
           /* @__PURE__ */ e(
             z,
@@ -3428,7 +3441,7 @@ function Zi({
                 });
               },
               variant: "text",
-              startIcon: /* @__PURE__ */ e(ue, {}),
+              startIcon: /* @__PURE__ */ e(se, {}),
               children: "Add subcollection"
             }
           )
@@ -3447,15 +3460,15 @@ function Zi({
             target: "_blank",
             children: "More info"
           }
-        ), children: "Define your own custom views by uploading it with the CLI." }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ a(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: [
+        ), 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(Dt, { children: /* @__PURE__ */ a(Bt, { children: [
-            b.map((f) => /* @__PURE__ */ a(bt, { children: [
+            b.map((g) => /* @__PURE__ */ a(bt, { children: [
               /* @__PURE__ */ e(
                 Ue,
                 {
                   align: "left",
-                  children: /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: f.name })
+                  children: /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: g.name })
                 }
               ),
               /* @__PURE__ */ e(
@@ -3467,7 +3480,7 @@ function Zi({
                     {
                       size: "small",
                       onClick: (w) => {
-                        w.preventDefault(), w.stopPropagation(), g(f.key);
+                        w.preventDefault(), w.stopPropagation(), f(g.key);
                       },
                       color: "inherit",
                       children: /* @__PURE__ */ e(dt, { size: "small" })
@@ -3475,20 +3488,20 @@ function Zi({
                   ) })
                 }
               )
-            ] }, f.key)),
-            C.map((f) => /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ a(
+            ] }, g.key)),
+            C.map((g) => /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ a(
               Ue,
               {
                 align: "left",
                 children: [
-                  /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: f.name }),
+                  /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: g.name }),
                   /* @__PURE__ */ a(O, { variant: "caption", className: "flex-grow", children: [
                     "This view is defined in code with key ",
-                    /* @__PURE__ */ e("code", { children: f.key })
+                    /* @__PURE__ */ e("code", { children: g.key })
                   ] })
                 ]
               }
-            ) }, f.key))
+            ) }, g.key))
           ] }) }),
           /* @__PURE__ */ e(
             z,
@@ -3497,7 +3510,7 @@ function Zi({
                 m(!0);
               },
               variant: "text",
-              startIcon: /* @__PURE__ */ e(ue, {}),
+              startIcon: /* @__PURE__ */ e(se, {}),
               children: "Add custom entity view"
             }
           )
@@ -3510,31 +3523,31 @@ function Zi({
       {
         open: !!u,
         onAccept: () => {
-          const f = {
+          const g = {
             id: u,
             parentCollectionIds: [...o ?? [], t.id]
           };
-          console.debug("Deleting subcollection", f), n.deleteCollection(f), p(void 0);
+          console.debug("Deleting subcollection", g), n.deleteCollection(g), p(void 0);
         },
         onCancel: () => p(void 0),
-        title: /* @__PURE__ */ e(U, { children: "Delete this subcollection?" }),
-        body: /* @__PURE__ */ a(U, { children: [
+        title: /* @__PURE__ */ e(j, { children: "Delete this subcollection?" }),
+        body: /* @__PURE__ */ a(j, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
         ] })
       }
     ),
-    c && /* @__PURE__ */ e(
+    s && /* @__PURE__ */ e(
       lt,
       {
-        open: !!c,
+        open: !!s,
         onAccept: () => {
-          P("entityViews", y.entityViews?.filter((f) => f !== c)), g(void 0);
+          P("entityViews", y.entityViews?.filter((g) => g !== s)), f(void 0);
         },
-        onCancel: () => g(void 0),
-        title: /* @__PURE__ */ e(U, { children: "Remove this view?" }),
-        body: /* @__PURE__ */ a(U, { children: [
+        onCancel: () => f(void 0),
+        title: /* @__PURE__ */ e(j, { children: "Remove this view?" }),
+        body: /* @__PURE__ */ a(j, { children: [
           "This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the view in the CMS"
@@ -3561,8 +3574,8 @@ function Zi({
       Wi,
       {
         open: h,
-        onClose: (f) => {
-          f && P("entityViews", [...y.entityViews ?? [], f]), m(!1);
+        onClose: (g) => {
+          g && P("entityViews", [...y.entityViews ?? [], g]), m(!1);
         }
       }
     )
@@ -3998,7 +4011,7 @@ function Ji({
   existingCollectionPaths: l
 }) {
   const [o, d] = $(!1), [u, p] = $();
-  ce(() => {
+  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);
@@ -4007,8 +4020,8 @@ function Ji({
   const {
     values: h,
     setFieldValue: m,
-    setValues: c,
-    submitCount: g
+    setValues: s,
+    submitCount: f
   } = K();
   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__ */ e(
@@ -4065,7 +4078,7 @@ function Ji({
             subtitle: "A collection of products with images, prices and stock",
             icon: /* @__PURE__ */ e(et, { size: "small", iconKey: Lt.icon }),
             onClick: () => {
-              c(Lt), i();
+              s(Lt), i();
             }
           }
         ),
@@ -4076,7 +4089,7 @@ function Ji({
             subtitle: "A collection of users with emails, names and roles",
             icon: /* @__PURE__ */ e(et, { size: "small", iconKey: $t.icon }),
             onClick: () => {
-              c($t), i();
+              s($t), i();
             }
           }
         ),
@@ -4087,7 +4100,7 @@ function Ji({
             subtitle: "A collection of blog posts with images, authors and complex content",
             icon: /* @__PURE__ */ e(et, { size: "small", iconKey: qt.icon }),
             onClick: () => {
-              c(qt), i();
+              s(qt), i();
             }
           }
         ),
@@ -4098,7 +4111,7 @@ function Ji({
             subtitle: "A collection of pages with images, authors and complex content",
             icon: /* @__PURE__ */ e(et, { size: "small", iconKey: Yt.icon }),
             onClick: () => {
-              c(Yt), i();
+              s(Yt), i();
             }
           }
         )
@@ -4129,9 +4142,9 @@ function nt({
     tr,
     {
       onClick: i,
-      className: me(
+      className: he(
         "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 "
       ),
@@ -4151,18 +4164,18 @@ 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, u] = $(void 0), p = Y.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), h = d ? d.id : void 0, m = d || void 0, s = ({
     id: v,
     property: x,
     previousId: y,
     namespace: P
   }) => {
-    const T = v ? ae(v, P) : void 0, b = T ? pe(T) : void 0, C = (f) => f ? p.current[f] ?? I(o, ye(f)) : p.current[""], N = (f, w) => {
+    const k = v ? ae(v, P) : void 0, b = k ? me(k) : void 0, C = (g) => g ? p.current[g] ?? I(o, ye(g)) : p.current[""], N = (g, w) => {
       const _ = ye(w);
-      i(_, f, !1), p.current[w ?? ""] = f;
+      i(_, g, !1), p.current[w ?? ""] = g;
     };
     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 g = ae(y, P), w = me(g), 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) => {
@@ -4170,13 +4183,13 @@ function Qi({
       }), t.setHeadersMapping(R), i(w, void 0, !1), l(w, !1, !1);
     }
     b && (i(b, x, !1), l(b, !0, !1));
-  }, g = async ({
+  }, f = async ({
     id: v,
     importKey: x,
     property: y,
     namespace: P
   }) => {
-    const T = v ? ae(v, P) : void 0, b = T ? pe(T) : void 0, C = t.importData.map((f) => I(f, x)), N = {
+    const k = v ? ae(v, P) : void 0, b = k ? me(k) : void 0, C = t.importData.map((g) => I(g, x)), N = {
       ...ti(C, y, rr),
       editable: !0
     };
@@ -4192,7 +4205,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,
@@ -4202,7 +4215,7 @@ function Qi({
             {
               property: v,
               propertyKey: x,
-              onPropertyNameChanged: (P, T) => i(`properties.${P}.name`, T, !1),
+              onPropertyNameChanged: (P, k) => i(`properties.${P}.name`, k, !1),
               onEditClick: () => {
                 !x || !v || u({
                   ...v,
@@ -4215,7 +4228,7 @@ function Qi({
                 {
                   property: v,
                   disabled: !1,
-                  onPropertyChanged: (P) => g({
+                  onPropertyChanged: (P) => f({
                     ...P,
                     importKey: y
                   }),
@@ -4236,7 +4249,7 @@ function Qi({
         property: m,
         inArray: !1,
         autoUpdateId: !1,
-        onPropertyChanged: c,
+        onPropertyChanged: s,
         allowDataInference: !1,
         collectionEditable: n,
         onOkClicked: () => {
@@ -4304,7 +4317,7 @@ function Xi({
   );
 }
 function en({ importConfig: t, properties: r, propertiesOrder: n }) {
-  ce(() => {
+  de(() => {
     const l = pi(t.originProperties, r), o = t.importData.map((d) => mi(d, t.idColumn, t.headersMapping, r, l, "TEMP_PATH"));
     t.setEntities(o);
   }, []);
@@ -4334,15 +4347,15 @@ 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 f = dr(u.properties, h);
       return {
         headersMapping: { ...o.headersMapping, [d]: h },
         properties: {
           ...o.properties,
           [p]: {
             ...u,
-            properties: g.properties,
-            propertiesOrder: Object.keys(g.properties)
+            properties: f.properties,
+            propertiesOrder: Object.keys(f.properties)
           }
         }
       };
@@ -4366,7 +4379,7 @@ function ur(t) {
   const r = t.open, [n, i] = je.useState(!1), [l, o] = je.useState(!1), d = Q(() => {
     n ? o(!0) : t.handleClose(void 0);
   }, [n, t.handleClose]);
-  return ce(() => {
+  return de(() => {
     r || (i(!1), o(!1));
   }, [r]), /* @__PURE__ */ a(
     Fe,
@@ -4403,10 +4416,10 @@ function tn(t) {
   const { propertyConfigs: r } = Ae(), n = Pe(), i = _e(), {
     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);
-  if (ce(() => {
+  } = 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), [s, f] = 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));
+      n.initialised && (t.editedCollectionId ? f(n.getCollectionFromPaths([...t.parentCollectionIds ?? [], t.editedCollectionId])) : f(void 0), x(!0));
     } catch (b) {
       console.error(b);
     }
@@ -4414,10 +4427,10 @@ function tn(t) {
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: y
-  } = l, P = c ? {
-    ...c,
-    id: c.id ?? c.path ?? _t(16)
-  } : void 0, T = P ? nn(P, r) : {
+  } = l, P = s ? {
+    ...s,
+    id: s.id ?? s.path ?? _t(16)
+  } : void 0, k = P ? nn(P, r) : {
     id: d?.path ?? _t(16),
     path: d?.path ?? "",
     name: d?.name ?? "",
@@ -4431,12 +4444,12 @@ function tn(t) {
     rn,
     {
       ...t,
-      initialValues: T,
+      initialValues: k,
       existingPaths: h,
       existingIds: m,
       includeTemplates: u,
-      collection: c,
-      setCollection: g,
+      collection: s,
+      setCollection: f,
       groups: y,
       propertyConfigs: r
     }
@@ -4454,24 +4467,24 @@ function rn({
   extraView: p,
   handleCancel: h,
   setFormDirty: m,
-  pathSuggestions: c,
-  getUser: g,
+  pathSuggestions: s,
+  getUser: f,
   parentCollection: v,
   getData: x,
   existingPaths: y,
   existingIds: P,
-  includeTemplates: T,
+  includeTemplates: k,
   collection: b,
   setCollection: C,
   initialValues: N,
-  propertyConfigs: f,
+  propertyConfigs: g,
   groups: w
 }) {
-  const _ = hi(), M = Pe(), R = Ie(), D = Le({}), A = t ? T ? "welcome" : "details" : "properties", [s, V] = $(A), [G, B] = je.useState(), q = (k) => {
-    const S = k.id || k.path;
+  const _ = hi(), M = Pe(), R = Ie(), D = Le({}), A = t ? k ? "welcome" : "details" : "properties", [c, V] = $(A), [G, B] = je.useState(), q = (T) => {
+    const S = T.id || T.path;
     return r.saveCollection({
       id: S,
-      collectionData: k,
+      collectionData: T,
       previousId: n,
       parentCollectionIds: i
     }).then(() => (B(void 0), !0)).catch((E) => (B(E), console.error(E), R.open({
@@ -4479,45 +4492,45 @@ function rn({
       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((k) => {
+    c === "details" ? _.inUse ? V("import_data_saving") : V(p ? "extra_view" : "properties") : V(c === "welcome" ? "details" : c === "import_data_mapping" ? "import_data_preview" : c === "import_data_preview" ? "details" : c === "extra_view" ? "properties" : "details");
+  }, [c, _.inUse, p]), J = Q((T) => {
     if (o)
-      return o?.(k.path, k.collectionGroup ?? !1, i ?? []);
-  }, [o, i]), le = Q(async (k) => {
+      return o?.(T.path, T.collectionGroup ?? !1, i ?? []);
+  }, [o, i]), le = Q(async (T) => {
     try {
       if (!J)
-        return C(k), Promise.resolve(k);
+        return C(T), Promise.resolve(T);
       V("loading");
-      const S = await J?.(k);
+      const S = await J?.(T);
       if (!S)
-        return C(k), Promise.resolve(k);
+        return C(T), Promise.resolve(T);
       const E = {
-        ...k ?? {}
+        ...T ?? {}
       };
       return Object.keys(S.properties ?? {}).length > 0 && (E.properties = S.properties, E.propertiesOrder = S.propertiesOrder), E.propertiesOrder ? (C(E), console.debug("Inferred collection", {
-        newCollection: k ?? {},
+        newCollection: T ?? {},
         values: E
       }), E) : (E.propertiesOrder = Object.keys(E.properties), E);
     } catch (S) {
       return console.error(S), R.open({
         type: "error",
         message: "Error inferring collection: " + (S.message ?? "Details in the console")
-      }), k;
+      }), T;
     }
-  }, [i, J]), de = Tt({
+  }, [i, J]), ue = Tt({
     initialValues: N,
-    onSubmit: (k, S) => {
-      console.log("Submitting collection", k);
+    onSubmit: (T, S) => {
+      console.log("Submitting collection", T);
       try {
         if (!t) {
-          q(k).then(() => {
-            S.resetForm({ values: N }), d(k);
+          q(T).then(() => {
+            S.resetForm({ values: N }), d(T);
           });
           return;
         }
-        s === "welcome" ? (L(), S.resetForm({ values: k })) : s === "details" ? p || _.inUse ? (S.resetForm({ values: k }), L()) : t ? le(k).then((E) => {
+        c === "welcome" ? (L(), S.resetForm({ values: T })) : c === "details" ? p || _.inUse ? (S.resetForm({ values: T }), L()) : t ? le(T).then((E) => {
           S.resetForm({
-            values: E ?? k,
+            values: E ?? T,
             touched: {
               path: !0,
               name: !0
@@ -4525,62 +4538,62 @@ function rn({
           });
         }).finally(() => {
           L();
-        }) : (S.resetForm({ values: k }), L()) : s === "extra_view" ? (L(), S.resetForm({ values: k })) : s === "import_data_mapping" || s === "import_data_preview" ? L() : s === "properties" ? q(k).then(() => {
-          S.resetForm({ values: N }), L(), d(k);
-        }) : (L(), S.resetForm({ values: k }));
+        }) : (S.resetForm({ values: T }), L()) : c === "extra_view" ? (L(), S.resetForm({ values: T })) : c === "import_data_mapping" || c === "import_data_preview" ? L() : c === "properties" ? q(T).then(() => {
+          S.resetForm({ values: N }), L(), d(T);
+        }) : (L(), S.resetForm({ values: T }));
       } catch (E) {
         R.open({
           type: "error",
           message: "Error persisting collection: " + (E.message ?? "Details in the console")
-        }), console.error(E), S.resetForm({ values: k });
+        }), console.error(E), S.resetForm({ values: T });
       }
     },
-    validation: (k) => {
+    validation: (T) => {
       let S = {};
-      const E = (s === "properties" || s === "subcollections" || s === "details") && vi;
+      const E = (c === "properties" || c === "subcollections" || c === "details") && vi;
       if (E)
         try {
-          E.validateSync(k, { abortEarly: !1 });
+          E.validateSync(T, { abortEarly: !1 });
         } catch (ie) {
           ie.inner.forEach((ke) => {
             S[ke.path] = ke.message;
           });
         }
-      if (s === "properties" && (S = { ...S, ...D.current }), s === "details") {
-        const ie = Ht(k.path, t, y, k.id);
+      if (c === "properties" && (S = { ...S, ...D.current }), c === "details") {
+        const ie = Ht(T.path, t, y, T.id);
         ie && (S.path = ie);
-        const ke = an(k.id, t, y, P);
+        const ke = an(T.id, t, y, P);
         ke && (S.id = ke);
       }
       return S;
     }
   }), {
     values: re,
-    setFieldValue: he,
+    setFieldValue: fe,
     isSubmitting: Te,
     dirty: Ge,
     submitCount: gt
-  } = de, 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;
-  ce(() => {
+  } = 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(k) {
-    _.setInUse(!0), ri(k, rr).then((S) => {
+  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(k), _.setHeadersMapping(E.headersMapping), _.setOriginProperties(E.properties);
+      fe("properties", E.properties), fe("propertiesOrder", Object.keys(E.properties)), _.setIdColumn(E.idColumn), _.setImportData(T), _.setHeadersMapping(E.headersMapping), _.setOriginProperties(E.properties);
     });
   }
   const vt = !!re.name && !!re.id, yt = () => {
-    const k = { ...re.properties };
-    _.idColumn && delete k[_.idColumn], he("properties", k), L();
-  }, j = b?.editable === void 0 || b?.editable === !0 || t;
-  return /* @__PURE__ */ e(Be, { fullHeight: !0, children: /* @__PURE__ */ e(kt, { value: de, children: /* @__PURE__ */ a(U, { children: [
+    const T = { ...re.properties };
+    _.idColumn && delete T[_.idColumn], fe("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: [
     !t && /* @__PURE__ */ a(
       Hr,
       {
-        value: s,
-        className: me(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-        onValueChange: (k) => V(k),
+        value: c,
+        className: he(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
+        onValueChange: (T) => V(T),
         children: [
           /* @__PURE__ */ e(Ct, { value: "details", children: "Details" }),
           /* @__PURE__ */ e(Ct, { value: "properties", children: "Properties" }),
@@ -4592,35 +4605,35 @@ function rn({
       "form",
       {
         noValidate: !0,
-        onSubmit: de.handleSubmit,
-        className: me(
+        onSubmit: ue.handleSubmit,
+        className: he(
           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 === "welcome" && /* @__PURE__ */ e(
+          c === "loading" && /* @__PURE__ */ e(Nt, {}),
+          c === "extra_view" && pe && p?.View && /* @__PURE__ */ e(p.View, { path: pe }),
+          c === "welcome" && /* @__PURE__ */ e(
             Ji,
             {
-              path: fe,
-              onContinue: (k) => {
-                k ? (Qe(k), V("import_data_mapping")) : V("details");
+              path: pe,
+              onContinue: (T) => {
+                T ? (Qe(T), V("import_data_mapping")) : V("details");
               },
               existingCollectionPaths: y,
               parentCollection: v,
-              pathSuggestions: c
+              pathSuggestions: s
             }
           ),
-          s === "import_data_mapping" && _ && /* @__PURE__ */ e(
+          c === "import_data_mapping" && _ && /* @__PURE__ */ e(
             Qi,
             {
               importConfig: _,
-              collectionEditable: j,
-              propertyConfigs: f
+              collectionEditable: U,
+              propertyConfigs: g
             }
           ),
-          s === "import_data_preview" && _ && /* @__PURE__ */ e(
+          c === "import_data_preview" && _ && /* @__PURE__ */ e(
             en,
             {
               importConfig: _,
@@ -4628,20 +4641,21 @@ function rn({
               propertiesOrder: re.propertiesOrder
             }
           ),
-          s === "import_data_saving" && _ && /* @__PURE__ */ e(
+          c === "import_data_saving" && _ && /* @__PURE__ */ e(
             fi,
             {
               importConfig: _,
               collection: re,
-              onImportSuccess: async (k) => {
+              path: pe,
+              onImportSuccess: async (T) => {
                 R.open({
                   type: "info",
                   message: "Data imported successfully"
-                }), await q(re), d(k);
+                }), await q(re), d(T);
               }
             }
           ),
-          s === "details" && /* @__PURE__ */ e(
+          c === "details" && /* @__PURE__ */ e(
             yi,
             {
               existingPaths: y,
@@ -4652,35 +4666,35 @@ function rn({
               isNewCollection: t
             }
           ),
-          s === "subcollections" && b && /* @__PURE__ */ e(
+          c === "subcollections" && b && /* @__PURE__ */ e(
             Zi,
             {
               parentCollection: v,
               configController: r,
-              getUser: g,
+              getUser: f,
               collectionInference: o,
               parentCollectionIds: i,
               collection: b
             }
           ),
-          s === "properties" && /* @__PURE__ */ e(
+          c === "properties" && /* @__PURE__ */ e(
             Gi,
             {
               showErrors: gt > 0,
               isNewCollection: t,
               reservedGroups: u,
-              onPropertyError: (k, S, E) => {
+              onPropertyError: (T, S, E) => {
                 const ie = Ft({
                   ...D.current,
-                  [ir(k, S)]: Ft(E, !0)
+                  [ir(T, S)]: Ft(E, !0)
                 }, !0);
-                D.current = ie, de.validate();
+                D.current = ie, ue.validate();
               },
-              getUser: g,
+              getUser: f,
               getData: Re,
               doCollectionInference: J,
-              propertyConfigs: f,
-              collectionEditable: j,
+              propertyConfigs: g,
+              collectionEditable: U,
               extraIcon: p?.icon && /* @__PURE__ */ e(
                 oe,
                 {
@@ -4691,13 +4705,13 @@ function rn({
               )
             }
           ),
-          s !== "welcome" && /* @__PURE__ */ a(
+          c !== "welcome" && /* @__PURE__ */ a(
             ze,
             {
               position: "absolute",
               children: [
                 G && /* @__PURE__ */ e(Wt, { error: G }),
-                t && T && s === "import_data_mapping" && /* @__PURE__ */ a(
+                t && k && c === "import_data_mapping" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4709,7 +4723,7 @@ function rn({
                     ]
                   }
                 ),
-                t && T && s === "import_data_preview" && /* @__PURE__ */ a(
+                t && k && c === "import_data_preview" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4723,7 +4737,7 @@ function rn({
                     ]
                   }
                 ),
-                t && T && s === "details" && /* @__PURE__ */ a(
+                t && k && c === "details" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4735,7 +4749,7 @@ function rn({
                     ]
                   }
                 ),
-                t && s === "properties" && /* @__PURE__ */ a(
+                t && c === "properties" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4757,7 +4771,7 @@ function rn({
                     children: "Cancel"
                   }
                 ),
-                t && s === "import_data_mapping" && /* @__PURE__ */ e(
+                t && c === "import_data_mapping" && /* @__PURE__ */ e(
                   z,
                   {
                     variant: "filled",
@@ -4766,7 +4780,7 @@ function rn({
                     children: "Next"
                   }
                 ),
-                t && s === "import_data_preview" && /* @__PURE__ */ e(
+                t && c === "import_data_preview" && /* @__PURE__ */ e(
                   z,
                   {
                     variant: "filled",
@@ -4777,18 +4791,18 @@ function rn({
                     children: "Next"
                   }
                 ),
-                t && (s === "details" || s === "properties") && /* @__PURE__ */ a(
+                t && (c === "details" || c === "properties") && /* @__PURE__ */ a(
                   Mt,
                   {
                     variant: "filled",
                     color: "primary",
                     type: "submit",
                     loading: Te,
-                    disabled: Te || s === "details" && !vt,
-                    startIcon: s === "properties" ? /* @__PURE__ */ e(Gr, {}) : void 0,
+                    disabled: Te || c === "details" && !vt,
+                    startIcon: c === "properties" ? /* @__PURE__ */ e(Gr, {}) : void 0,
                     children: [
-                      s === "details" && "Next",
-                      s === "properties" && "Create collection"
+                      c === "details" && "Next",
+                      c === "properties" && "Create collection"
                     ]
                   }
                 ),
@@ -4812,7 +4826,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 };
 }
@@ -4852,26 +4866,26 @@ const Ht = (t, r, n, i) => {
     getData: h,
     onAnalyticsEvent: m
   }) {
-    const c = Pe(), g = gi(), v = Ie(), { propertyConfigs: x } = Ae(), {
+    const s = Pe(), f = gi(), v = Ie(), { propertyConfigs: x } = Ae(), {
       collections: y
-    } = c, P = (y ?? []).map((s) => s.path.trim().toLowerCase()), [T, b] = Y.useState();
-    ce(() => {
-      u && u().then((s) => {
-        b(s.filter((V) => !P.includes(V.trim().toLowerCase())));
+    } = s, P = (y ?? []).map((c) => c.path.trim().toLowerCase()), [k, b] = Y.useState();
+    de(() => {
+      u && u().then((c) => {
+        b(c.filter((V) => !P.includes(V.trim().toLowerCase())));
       });
     }, [u]);
-    const [C, N] = Y.useState(), [f, w] = Y.useState(), _ = Q(() => ({
+    const [C, N] = Y.useState(), [g, w] = Y.useState(), _ = Q(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
     }), []), M = Q(({
-      id: s,
+      id: c,
       fullPath: V,
       parentCollectionIds: G,
       parentCollection: B
     }) => {
-      console.debug("Edit collection", s, V, G, B), m?.("edit_collection", { id: s, fullPath: V }), N({
-        editedCollectionId: s,
+      console.debug("Edit collection", c, V, G, B), m?.("edit_collection", { id: c, fullPath: V }), N({
+        editedCollectionId: c,
         fullPath: V,
         parentCollectionIds: G,
         isNewCollection: !1,
@@ -4879,15 +4893,15 @@ const Ht = (t, r, n, i) => {
         redirect: !1
       });
     }, []), R = Q(({
-      propertyKey: s,
+      propertyKey: c,
       property: V,
       editedCollectionId: G,
       currentPropertiesOrder: B,
       parentCollectionIds: q,
       collection: L
     }) => {
-      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;
+      console.debug("Edit property", c, V, G, B, q, L), m?.("edit_property", { propertyKey: c, editedCollectionId: G });
+      const J = c && c.includes(".") ? c.substring(0, c.lastIndexOf(".")) : void 0, le = c && c.includes(".") ? c.substring(c.lastIndexOf(".") + 1) : c;
       w({
         propertyKey: le,
         property: V,
@@ -4898,20 +4912,20 @@ const Ht = (t, r, n, i) => {
         collectionEditable: L?.editable ?? !1
       });
     }, []), D = Y.useCallback(({
-      parentCollectionIds: s,
+      parentCollectionIds: c,
       parentCollection: V,
       initialValues: G,
       redirect: B,
       sourceClick: q
     }) => {
-      console.debug("Create collection", { parentCollectionIds: s, parentCollection: V, initialValues: G, redirect: B, sourceClick: q }), m?.("create_collection", { parentCollectionIds: s, parentCollection: V, initialValues: G, redirect: B, sourceClick: q }), N({
+      console.debug("Create collection", { parentCollectionIds: c, parentCollection: V, initialValues: G, redirect: B, sourceClick: q }), m?.("create_collection", { parentCollectionIds: c, parentCollection: V, initialValues: G, redirect: B, sourceClick: q }), N({
         isNewCollection: !0,
-        parentCollectionIds: s,
+        parentCollectionIds: c,
         parentCollection: V,
         initialValues: G,
         redirect: B
       });
-    }, []), A = u ? (s) => !s && T ? Promise.resolve(T) : u?.(s) : void 0;
+    }, []), A = u ? (c) => !c && k ? Promise.resolve(k) : u?.(c) : void 0;
     return /* @__PURE__ */ e(mr.Provider, { value: n, children: /* @__PURE__ */ a(
       hr.Provider,
       {
@@ -4920,7 +4934,7 @@ const Ht = (t, r, n, i) => {
           createCollection: D,
           editProperty: R,
           configPermissions: i ?? _,
-          rootPathSuggestions: T
+          rootPathSuggestions: k
         },
         children: [
           r,
@@ -4937,10 +4951,10 @@ const Ht = (t, r, n, i) => {
               extraView: d,
               pathSuggestions: A,
               getUser: p,
-              handleClose: (s) => {
-                if (C?.redirect && s && C?.isNewCollection && !C.parentCollectionIds.length) {
-                  const V = c.buildUrlCollectionPath(s.id ?? s.path);
-                  g(V);
+              handleClose: (c) => {
+                if (C?.redirect && c && C?.isNewCollection && !C.parentCollectionIds.length) {
+                  const V = s.buildUrlCollectionPath(c.id ?? c.path);
+                  f(V);
                 }
                 N(void 0);
               }
@@ -4949,32 +4963,32 @@ const Ht = (t, r, n, i) => {
           /* @__PURE__ */ e(
             Ve,
             {
-              open: !!f,
+              open: !!g,
               includeIdAndName: !0,
-              existingProperty: !!f?.propertyKey,
-              autoUpdateId: f ? !f?.propertyKey : !1,
-              autoOpenTypeSelect: f ? !f?.propertyKey : !1,
+              existingProperty: !!g?.propertyKey,
+              autoUpdateId: g ? !g?.propertyKey : !1,
+              autoOpenTypeSelect: g ? !g?.propertyKey : !1,
               inArray: !1,
-              collectionEditable: f?.collectionEditable ?? !1,
-              getData: h && f?.editedCollectionId ? () => {
-                console.debug("get data for property", f?.editedCollectionId);
-                const s = c.resolveAliasesFrom(f.editedCollectionId);
-                return h(s, []);
+              collectionEditable: g?.collectionEditable ?? !1,
+              getData: h && g?.editedCollectionId ? () => {
+                console.debug("get data for property", g?.editedCollectionId);
+                const c = s.resolveAliasesFrom(g.editedCollectionId);
+                return h(c, []);
               } : void 0,
               onPropertyChanged: ({
-                id: s,
+                id: c,
                 property: V
               }) => {
-                if (!f || !s)
+                if (!g || !c)
                   return;
-                const G = !f.propertyKey;
+                const G = !g.propertyKey;
                 return n.saveProperty({
-                  path: f?.editedCollectionId,
+                  path: g?.editedCollectionId,
                   property: V,
-                  propertyKey: s,
-                  newPropertiesOrder: G && f.currentPropertiesOrder ? [...f.currentPropertiesOrder, s] : void 0,
-                  namespace: f.namespace,
-                  parentCollectionIds: f.parentCollectionIds
+                  propertyKey: c,
+                  newPropertiesOrder: G && g.currentPropertiesOrder ? [...g.currentPropertiesOrder, c] : void 0,
+                  namespace: g.namespace,
+                  parentCollectionIds: g.parentCollectionIds
                 }).catch((B) => (console.error(B), v.open({
                   type: "error",
                   message: "Error persisting property: " + (B.message ?? "Details in the console")
@@ -4982,15 +4996,15 @@ const Ht = (t, r, n, i) => {
               },
               onPropertyChangedImmediate: !1,
               onDelete: () => {
-                if (!f?.propertyKey)
+                if (!g?.propertyKey)
                   return;
-                const s = f?.currentPropertiesOrder?.filter((V) => V !== f?.propertyKey);
+                const c = g?.currentPropertiesOrder?.filter((V) => V !== g?.propertyKey);
                 return n.deleteProperty({
-                  path: f?.editedCollectionId,
-                  propertyKey: f?.propertyKey,
-                  namespace: f?.namespace,
-                  newPropertiesOrder: s,
-                  parentCollectionIds: f?.parentCollectionIds
+                  path: g?.editedCollectionId,
+                  propertyKey: g?.propertyKey,
+                  namespace: g?.namespace,
+                  newPropertiesOrder: c,
+                  parentCollectionIds: g?.parentCollectionIds
                 }).then(() => {
                   w(void 0);
                 }).catch((V) => (console.error(V), v.open({
@@ -5011,8 +5025,8 @@ const Ht = (t, r, n, i) => {
               existingPropertyKeys: [],
               allowDataInference: !0,
               propertyConfigs: x,
-              property: f?.property,
-              propertyKey: f?.propertyKey
+              property: g?.property,
+              propertyKey: g?.propertyKey
             }
           )
         ]
@@ -5031,8 +5045,8 @@ function ln({
     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(U, { children: [
+  let s = null;
+  return (!ve(at(i.filterValues), at(n.initialFilter)) || !ve(at(i.sortBy), at(n.initialSort))) && (s = /* @__PURE__ */ a(j, { children: [
     (n.initialFilter || n.initialSort) && /* @__PURE__ */ e(
       te,
       {
@@ -5082,8 +5096,8 @@ function ln({
         )
       }
     )
-  ] })), /* @__PURE__ */ a(U, { children: [
-    m && c,
+  ] })), /* @__PURE__ */ a(j, { children: [
+    m && s,
     /* @__PURE__ */ e(
       te,
       {
@@ -5121,14 +5135,14 @@ function sn({
       });
     });
   }, [t, l]);
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ a("div", { children: [
       d.deleteCollections && /* @__PURE__ */ e(
         Zr,
         {
           trigger: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Jr, { size: "small" }) }),
-          children: /* @__PURE__ */ a(Qr, { onClick: (c) => {
-            c.preventDefault(), c.stopPropagation(), h(!0);
+          children: /* @__PURE__ */ a(Qr, { onClick: (s) => {
+            s.preventDefault(), s.stopPropagation(), h(!0);
           }, children: [
             /* @__PURE__ */ e(dt, {}),
             "Delete"
@@ -5138,7 +5152,7 @@ function sn({
       d.editCollections && /* @__PURE__ */ e(
         oe,
         {
-          onClick: (c) => {
+          onClick: (s) => {
             u();
           },
           children: /* @__PURE__ */ e(He, { size: "small" })
@@ -5151,8 +5165,8 @@ function sn({
         open: p,
         onAccept: m,
         onCancel: () => h(!1),
-        title: /* @__PURE__ */ e(U, { children: "Delete this collection?" }),
-        body: /* @__PURE__ */ a(U, { children: [
+        title: /* @__PURE__ */ e(j, { children: "Delete this collection?" }),
+        body: /* @__PURE__ */ a(j, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -5173,7 +5187,7 @@ function cn({
   return /* @__PURE__ */ e(
     tr,
     {
-      className: me("h-full p-4 min-h-[124px]"),
+      className: he("h-full p-4 min-h-[124px]"),
       onClick: i && l ? () => i.createCollection({
         initialValues: t ? { group: t } : void 0,
         parentCollectionIds: [],
@@ -5185,7 +5199,7 @@ function cn({
         {
           className: "flex flex-col items-start h-full w-full items-center justify-center h-full w-full flex-grow flex-col",
           children: [
-            /* @__PURE__ */ e(ue, { color: "primary", size: "large" }),
+            /* @__PURE__ */ e(se, { color: "primary", size: "large" }),
             /* @__PURE__ */ e(
               O,
               {
@@ -5233,7 +5247,7 @@ function dn({ introMode: t }) {
                   (o ?? []).map((p) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
                     st,
                     {
-                      icon: /* @__PURE__ */ e(ue, { size: "small" }),
+                      icon: /* @__PURE__ */ e(se, { size: "small" }),
                       colorScheme: "cyanLighter",
                       onClick: i && l ? () => i.createCollection({
                         initialValues: { path: p, name: ut(p) },
@@ -5304,13 +5318,13 @@ function pn({
           collection: n
         });
       },
-      children: /* @__PURE__ */ e(ue, { color: "inherit" })
+      children: /* @__PURE__ */ e(se, { color: "inherit" })
     }
   ) });
 }
 function mn() {
   const t = xe();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ e("div", { className: "bg-gray-50 dark:bg-gray-900 min-w-fit rounded", children: /* @__PURE__ */ a(
     z,
     {
       className: "min-w-fit",
@@ -5321,11 +5335,11 @@ function mn() {
         sourceClick: "new_collection_button"
       }),
       children: [
-        /* @__PURE__ */ e(ue, {}),
+        /* @__PURE__ */ e(se, {}),
         "New collection"
       ]
     }
-  );
+  ) });
 }
 function In({
   collectionConfigController: t,
@@ -5340,11 +5354,8 @@ function In({
   onAnalyticsEvent: h
 }) {
   return {
-    name: "Collection Editor",
+    key: "collection_editor",
     loading: t.loading,
-    collections: {
-      CollectionActions: ln
-    },
     provider: {
       Component: on,
       props: {
@@ -5367,6 +5378,7 @@ function In({
       AdditionalCards: r ? void 0 : cn
     },
     collectionView: {
+      CollectionActions: ln,
       HeaderAction: un,
       AddColumnComponent: pn
     }
@@ -5392,7 +5404,7 @@ function hn({ introMode: t }) {
           sourceClick: "new_collection_card"
         }) : void 0,
         children: [
-          /* @__PURE__ */ e(ue, {}),
+          /* @__PURE__ */ e(se, {}),
           "Create your first collection"
         ]
       }
@@ -5431,7 +5443,7 @@ export {
   qe as editableProperty,
   ae as getFullId,
   ir as getFullIdPath,
-  pe as idToPropertiesPath,
+  me as idToPropertiesPath,
   ye as namespaceToPropertiesOrderPath,
   bi as namespaceToPropertiesPath,
   wi as removeNonEditableProperties,