@firecms/collection_editor 3.0.0-canary.7 → 3.0.0-canary.8

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as a, Fragment as j } from "react/jsx-runtime";
-import { SearchIconsView as gr, toSnakeCase as Pt, singular as vr, IconForView as ot, ArrayContainer as yr, serializeRegExp as br, useSnackbarController as Ie, resolveEnumValues as Cr, isPropertyBuilder as ne, useCustomizationController as Ae, getFieldConfig as $e, ErrorBoundary as ge, PropertyConfigBadge as Ye, unslugify as ut, useNavigationController as Pe, mergeDeep as W, DEFAULT_FIELD_CONFIGS as Gt, isValidRegExp as Pr, getFieldId as Kt, DeleteConfirmationDialog as lt, useLargeLayout as Nr, makePropertiesEditable as pt, resolveEntityView as xr, useSelectionController as wr, EntityCollectionTable as Tr, slugify as kr, useAuthController as _e, randomString as _t, CircularProgressCenter as Nt, removeUndefined as Ft, ErrorView as Wt, removeInitialAndTrailingSlashes as Or, getDefaultPropertiesOrder as Vr } from "@firecms/core";
+import { 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 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 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 { 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), [k, b] = $(!1), C = (s) => {
-    p("name", s), !I(m, "path") && t && s && p("path", Pt(s)), !I(m, "id") && t && s && p("id", Pt(s)), !I(m, "singularName") && t && s && p("singularName", vr(s));
+  } = 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));
   };
   de(() => {
-    c.id && b(!0);
-  }, [c.id]);
-  const N = /* @__PURE__ */ e(ot, { collectionOrView: u }), f = l?.filter((s) => !r?.includes(s)), {
+    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,13 +80,13 @@ 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: he("col-span-12 ", R ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
@@ -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,21 +119,21 @@ 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,
@@ -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);
             }
           }
         ) })
@@ -320,12 +314,12 @@ 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 de(() => {
@@ -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,12 +444,12 @@ 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`), k = I(h, `${i}[${r}].label`), b = Y.useRef(k);
     return Y.useEffect(() => {
-      (b.current === P || !P) && y && g(`${i}[${r}].id`, k), b.current = k;
+      (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(
@@ -645,8 +639,8 @@ 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", k = "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: [
@@ -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,7 +821,7 @@ 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]);
+  } = 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,
@@ -843,7 +837,7 @@ function Rt({
         onValuesChanged: (y) => {
           if (d && (p(m, y), !t)) {
             const P = y.filter((k) => !!k?.id).map((k) => k.id);
-            c && !P.includes(c) && (p("defaultValue", void 0), h.open({
+            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,9 +892,9 @@ 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", k = typeof c == "function";
+  }, P = typeof m == "function", k = typeof s == "function";
   return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xt,
@@ -977,7 +971,7 @@ function Ut({
                 label: "Storage path",
                 disabled: k || n,
                 size: "small",
-                value: k ? "-" : c
+                value: k ? "-" : s
               }
             ),
             /* @__PURE__ */ a(O, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
@@ -1213,8 +1207,8 @@ 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)
@@ -1230,27 +1224,27 @@ const ft = Y.memo(
         className: m,
         children: [
           v && v.map((k, b) => {
-            const C = l[k], N = d?.find((f) => f.key === k);
+            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}_${k}}`,
                 index: b,
-                children: (f, w) => /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
+                children: (g, w) => /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(
                   ki,
                   {
                     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
                   }
                 ) })
               },
@@ -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 k = o === v, b = n && (c && !ne(n) || qe(n));
+  const k = o === v, b = n && (s && !ne(n) || qe(n));
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1341,7 +1335,7 @@ function ki({
           }
         ),
         /* @__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,26 +1363,26 @@ 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 _ = me(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, k = 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(j, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
@@ -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,15 +1448,15 @@ 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,
+        propertyNamespace: s,
         property: k,
         existingProperty: !!h,
         autoUpdateId: !h,
@@ -1488,8 +1482,8 @@ 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);
   }, k = x && $e(x, o);
   return /* @__PURE__ */ a(j, { children: [
@@ -1529,7 +1523,7 @@ function Vi({
               Ve,
               {
                 inArray: !0,
-                open: g,
+                open: f,
                 existingProperty: r,
                 getData: i,
                 autoUpdateId: !r,
@@ -1564,8 +1558,8 @@ const Ii = Y.forwardRef(
       values: p,
       setFieldValue: h,
       setFieldTouched: m,
-      touched: c,
-      validate: g
+      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: [
@@ -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,
@@ -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,15 +1728,15 @@ 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.${me(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(w, _.filter((M) => M !== C), !1), p(!1), m(void 0), f(void 0);
   }, [d, o]), k = /* @__PURE__ */ a(
     z,
     {
@@ -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(
+        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(
+        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(
+        children: ({ field: m, form: s }) => /* @__PURE__ */ e(
           ce,
           {
             label: "Integer value",
             disabled: t,
-            form: c,
+            form: s,
             field: m
           }
         )
@@ -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}`
@@ -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 " })
           ]
@@ -2491,8 +2485,8 @@ const Ui = [
       existingPropertyKeys: p,
       propertyNamespace: h,
       property: m,
-      onPropertyChanged: c,
-      onPropertyChangedImmediate: g = !0,
+      onPropertyChanged: s,
+      onPropertyChangedImmediate: f = !0,
       onDelete: v,
       onError: x,
       initialErrors: y,
@@ -2501,31 +2495,31 @@ const Ui = [
       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,27 +2528,27 @@ 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 de(() => {
@@ -2562,7 +2556,7 @@ const Ui = [
     }, [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,
@@ -2576,7 +2570,7 @@ const Ui = [
         getData: C,
         allowDataInference: k,
         propertyConfigs: N,
-        collectionEditable: f,
+        collectionEditable: g,
         ...D
       }
     ) });
@@ -2662,26 +2656,26 @@ 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: k
 }) {
-  const [b, C] = $(o), [N, f] = $(!1), [w, _] = $(t?.dataType ? Kt(t) : void 0), M = Object.entries(lr).concat(Object.entries(P)), R = v ? M.filter(([q, L]) => !ne(L.property) && L.property?.dataType !== "array") : M, D = Ir(t), A = Le(null), s = Le(t), V = c && I(r, "selectedWidget");
+  const [b, C] = $(o), [N, 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]), de(() => {
     t?.id && m && m(t?.id, h, r);
@@ -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,38 +2705,38 @@ 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: k,
@@ -2751,7 +2745,7 @@ function ji({
   ) : w === "block" ? B = /* @__PURE__ */ e(
     Si,
     {
-      disabled: g,
+      disabled: f,
       getData: x,
       allowDataInference: y,
       collectionEditable: k,
@@ -2760,32 +2754,32 @@ function ji({
   ) : 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,
+      disabled: f,
       collectionEditable: k,
       propertyConfigs: P
     }
-  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: g }) : B = null, /* @__PURE__ */ a(j, { 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,7 +2798,7 @@ 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" });
@@ -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: k
-  } = K(), b = Ie(), C = Nr(), N = !C, [f, w] = $(), [_, M] = $(), [R, D] = $(), A = _ ? ae(_, R) : void 0, s = A ? I(g.properties, A.replaceAll(".", ".properties.")) : void 0, [V, G] = $(!1), [B, q] = $(!1), [L, J] = $(!1), [le, Me] = $([]), we = Y.useRef(g.propertiesOrder ? { "": g.propertiesOrder } : {});
+  } = K(), b = 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(g).then((F) => {
+    h && (q(!0), h(f).then((F) => {
       if (F && pt(F.properties), !F) {
         b.open({
           type: "error",
@@ -3041,7 +3035,7 @@ function Gi({
         });
         return;
       }
-      const U = (F.properties ? Object.keys(F.properties) : []).filter((E) => !g.properties[E]);
+      const U = (F.properties ? Object.keys(F.properties) : []).filter((E) => !f.properties[E]);
       if (U.length === 0) {
         b.open({
           type: "info",
@@ -3051,16 +3045,16 @@ function Gi({
       }
       const T = {
         ...U.reduce((E, ie) => (E[ie] = (F.properties ?? {})[ie], E), {}),
-        ...g.properties
+        ...f.properties
       }, S = [
         ...U,
-        ...g.propertiesOrder ?? []
+        ...f.propertiesOrder ?? []
       ];
       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]), fe = Q((F, U) => {
+  } : 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) => {
@@ -3079,10 +3073,10 @@ function Gi({
     if (!F)
       throw Error("Need to include an ID when creating a new property");
     v("properties", {
-      ...g.properties ?? {},
+      ...f.properties ?? {},
       [F]: U
     }, !1);
-    const T = [...g.propertiesOrder ?? Object.keys(g.properties), F];
+    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,
@@ -3121,7 +3115,7 @@ function Gi({
     }
   }, []), We = () => {
     w(void 0), M(void 0);
-  }, Ze = _ && n?.current?.properties ? n.current.properties[_] : void 0, Je = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, Re = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), Qe = Zt(() => u(g.ownerId), [u, g.ownerId]), vt = Q((F, U) => {
+  }, Ze = _ && n?.current?.properties ? n.current.properties[_] : void 0, Je = 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: U
@@ -3197,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
         }
       ) }),
@@ -3225,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,
@@ -3235,7 +3229,7 @@ function Gi({
               autoOpenTypeSelect: !1,
               propertyKey: _,
               propertyNamespace: R,
-              property: s,
+              property: c,
               onPropertyChanged: pe,
               onDelete: Te,
               onError: Ke,
@@ -3243,11 +3237,11 @@ function Gi({
               initialErrors: Ze,
               getData: p,
               propertyConfigs: m,
-              collectionEditable: c
+              collectionEditable: s
             },
-            `edit_view_${f}`
+            `edit_view_${g}`
           ),
-          !s && /* @__PURE__ */ a("div", { className: "w-full flex flex-col items-center justify-center h-full gap-4", children: [
+          !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,
@@ -3261,7 +3255,7 @@ function Gi({
               }
             )
           ] }),
-          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 && ne(c) && /* @__PURE__ */ e(O, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
         ]
       }
     ) }),
@@ -3269,14 +3263,14 @@ 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,
+        property: c,
         onPropertyChanged: pe,
         onDelete: Te,
         onError: Ke,
@@ -3284,10 +3278,10 @@ function Gi({
         initialErrors: Ze,
         getData: p,
         propertyConfigs: m,
-        collectionEditable: c,
+        collectionEditable: s,
         onOkClicked: N ? We : void 0
       },
-      `edit_view_${f}`
+      `edit_view_${g}`
     )
   ] });
   return /* @__PURE__ */ a(j, { children: [
@@ -3306,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
       }
@@ -3390,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(), k = t.subcollections ?? [], b = y.entityViews?.filter((f) => typeof f == "string").map((f) => xr(f, d)).filter(Boolean) ?? [], C = t.entityViews?.filter((f) => typeof f != "string") ?? [], N = b.length + C.length;
+  } = 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: [
@@ -3402,19 +3396,19 @@ function Zi({
           y.name
         ] }),
         /* @__PURE__ */ a(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: [
-          k && k.length > 0 && /* @__PURE__ */ e(Dt, { children: /* @__PURE__ */ e(Bt, { children: k.map((f) => /* @__PURE__ */ a(
+          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(
@@ -3426,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" })
@@ -3436,7 +3430,7 @@ function Zi({
                 )
               ]
             },
-            f.path
+            g.path
           )) }) }),
           /* @__PURE__ */ e(
             z,
@@ -3469,12 +3463,12 @@ function Zi({
         ), 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(
@@ -3486,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" })
@@ -3494,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,
@@ -3529,11 +3523,11 @@ 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(j, { children: "Delete this subcollection?" }),
@@ -3544,14 +3538,14 @@ function Zi({
         ] })
       }
     ),
-    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),
+        onCancel: () => f(void 0),
         title: /* @__PURE__ */ e(j, { children: "Remove this view?" }),
         body: /* @__PURE__ */ a(j, { children: [
           "This will ",
@@ -3580,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);
         }
       }
     )
@@ -4026,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(
@@ -4084,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();
             }
           }
         ),
@@ -4095,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();
             }
           }
         ),
@@ -4106,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();
             }
           }
         ),
@@ -4117,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();
             }
           }
         )
@@ -4150,7 +4144,7 @@ function nt({
       onClick: i,
       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 "
       ),
@@ -4170,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 k = v ? ae(v, P) : void 0, b = k ? me(k) : 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 = me(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) => {
@@ -4189,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 k = v ? ae(v, P) : void 0, b = k ? me(k) : 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
     };
@@ -4211,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,
@@ -4234,7 +4228,7 @@ function Qi({
                 {
                   property: v,
                   disabled: !1,
-                  onPropertyChanged: (P) => g({
+                  onPropertyChanged: (P) => f({
                     ...P,
                     importKey: y
                   }),
@@ -4255,7 +4249,7 @@ function Qi({
         property: m,
         inArray: !1,
         autoUpdateId: !1,
-        onPropertyChanged: c,
+        onPropertyChanged: s,
         allowDataInference: !1,
         collectionEditable: n,
         onOkClicked: () => {
@@ -4353,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)
           }
         }
       };
@@ -4422,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);
+  } = 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);
     }
@@ -4433,9 +4427,9 @@ 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)
+  } = 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 ?? "",
@@ -4454,8 +4448,8 @@ function tn(t) {
       existingPaths: h,
       existingIds: m,
       includeTemplates: u,
-      collection: c,
-      setCollection: g,
+      collection: s,
+      setCollection: f,
       groups: y,
       propertyConfigs: r
     }
@@ -4473,8 +4467,8 @@ function rn({
   extraView: p,
   handleCancel: h,
   setFormDirty: m,
-  pathSuggestions: c,
-  getUser: g,
+  pathSuggestions: s,
+  getUser: f,
   parentCollection: v,
   getData: x,
   existingPaths: y,
@@ -4483,10 +4477,10 @@ function rn({
   collection: b,
   setCollection: C,
   initialValues: N,
-  propertyConfigs: f,
+  propertyConfigs: g,
   groups: w
 }) {
-  const _ = hi(), M = Pe(), R = Ie(), D = Le({}), A = t ? k ? "welcome" : "details" : "properties", [s, V] = $(A), [G, B] = je.useState(), q = (T) => {
+  const _ = hi(), M = 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,
@@ -4498,8 +4492,8 @@ 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((T) => {
+    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?.(T.path, T.collectionGroup ?? !1, i ?? []);
   }, [o, i]), le = Q(async (T) => {
@@ -4534,7 +4528,7 @@ function rn({
           });
           return;
         }
-        s === "welcome" ? (L(), S.resetForm({ values: T })) : s === "details" ? p || _.inUse ? (S.resetForm({ values: T }), L()) : t ? le(T).then((E) => {
+        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 ?? T,
             touched: {
@@ -4544,7 +4538,7 @@ function rn({
           });
         }).finally(() => {
           L();
-        }) : (S.resetForm({ values: T }), L()) : s === "extra_view" ? (L(), S.resetForm({ values: T })) : s === "import_data_mapping" || s === "import_data_preview" ? L() : s === "properties" ? q(T).then(() => {
+        }) : (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) {
@@ -4556,7 +4550,7 @@ function rn({
     },
     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(T, { abortEarly: !1 });
@@ -4565,7 +4559,7 @@ function rn({
             S[ke.path] = ke.message;
           });
         }
-      if (s === "properties" && (S = { ...S, ...D.current }), s === "details") {
+      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(T.id, t, y, P);
@@ -4597,7 +4591,7 @@ function rn({
     !t && /* @__PURE__ */ a(
       Hr,
       {
-        value: s,
+        value: c,
         className: he(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
         onValueChange: (T) => V(T),
         children: [
@@ -4617,9 +4611,9 @@ function rn({
           "flex-grow flex flex-col relative"
         ),
         children: [
-          s === "loading" && /* @__PURE__ */ e(Nt, {}),
-          s === "extra_view" && pe && p?.View && /* @__PURE__ */ e(p.View, { path: pe }),
-          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: pe,
@@ -4628,18 +4622,18 @@ function rn({
               },
               existingCollectionPaths: y,
               parentCollection: v,
-              pathSuggestions: c
+              pathSuggestions: s
             }
           ),
-          s === "import_data_mapping" && _ && /* @__PURE__ */ e(
+          c === "import_data_mapping" && _ && /* @__PURE__ */ e(
             Qi,
             {
               importConfig: _,
               collectionEditable: U,
-              propertyConfigs: f
+              propertyConfigs: g
             }
           ),
-          s === "import_data_preview" && _ && /* @__PURE__ */ e(
+          c === "import_data_preview" && _ && /* @__PURE__ */ e(
             en,
             {
               importConfig: _,
@@ -4647,7 +4641,7 @@ function rn({
               propertiesOrder: re.propertiesOrder
             }
           ),
-          s === "import_data_saving" && _ && /* @__PURE__ */ e(
+          c === "import_data_saving" && _ && /* @__PURE__ */ e(
             fi,
             {
               importConfig: _,
@@ -4661,7 +4655,7 @@ function rn({
               }
             }
           ),
-          s === "details" && /* @__PURE__ */ e(
+          c === "details" && /* @__PURE__ */ e(
             yi,
             {
               existingPaths: y,
@@ -4672,18 +4666,18 @@ 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,
@@ -4696,10 +4690,10 @@ function rn({
                 }, !0);
                 D.current = ie, ue.validate();
               },
-              getUser: g,
+              getUser: f,
               getData: Re,
               doCollectionInference: J,
-              propertyConfigs: f,
+              propertyConfigs: g,
               collectionEditable: U,
               extraIcon: p?.icon && /* @__PURE__ */ e(
                 oe,
@@ -4711,13 +4705,13 @@ function rn({
               )
             }
           ),
-          s !== "welcome" && /* @__PURE__ */ a(
+          c !== "welcome" && /* @__PURE__ */ a(
             ze,
             {
               position: "absolute",
               children: [
                 G && /* @__PURE__ */ e(Wt, { error: G }),
-                t && k && s === "import_data_mapping" && /* @__PURE__ */ a(
+                t && k && c === "import_data_mapping" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4729,7 +4723,7 @@ function rn({
                     ]
                   }
                 ),
-                t && k && s === "import_data_preview" && /* @__PURE__ */ a(
+                t && k && c === "import_data_preview" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4743,7 +4737,7 @@ function rn({
                     ]
                   }
                 ),
-                t && k && s === "details" && /* @__PURE__ */ a(
+                t && k && c === "details" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4755,7 +4749,7 @@ function rn({
                     ]
                   }
                 ),
-                t && s === "properties" && /* @__PURE__ */ a(
+                t && c === "properties" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4777,7 +4771,7 @@ function rn({
                     children: "Cancel"
                   }
                 ),
-                t && s === "import_data_mapping" && /* @__PURE__ */ e(
+                t && c === "import_data_mapping" && /* @__PURE__ */ e(
                   z,
                   {
                     variant: "filled",
@@ -4786,7 +4780,7 @@ function rn({
                     children: "Next"
                   }
                 ),
-                t && s === "import_data_preview" && /* @__PURE__ */ e(
+                t && c === "import_data_preview" && /* @__PURE__ */ e(
                   z,
                   {
                     variant: "filled",
@@ -4797,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"
                     ]
                   }
                 ),
@@ -4832,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 };
 }
@@ -4872,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()), [k, b] = Y.useState();
+    } = s, P = (y ?? []).map((c) => c.path.trim().toLowerCase()), [k, b] = Y.useState();
     de(() => {
-      u && u().then((s) => {
-        b(s.filter((V) => !P.includes(V.trim().toLowerCase())));
+      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,
@@ -4899,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,
@@ -4918,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 && k ? Promise.resolve(k) : 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,
       {
@@ -4957,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);
               }
@@ -4969,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")
@@ -5002,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({
@@ -5031,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
             }
           )
         ]
@@ -5051,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(j, { 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,
       {
@@ -5103,7 +5097,7 @@ function ln({
       }
     )
   ] })), /* @__PURE__ */ a(j, { children: [
-    m && c,
+    m && s,
     /* @__PURE__ */ e(
       te,
       {
@@ -5147,8 +5141,8 @@ function sn({
         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"
@@ -5158,7 +5152,7 @@ function sn({
       d.editCollections && /* @__PURE__ */ e(
         oe,
         {
-          onClick: (c) => {
+          onClick: (s) => {
             u();
           },
           children: /* @__PURE__ */ e(He, { size: "small" })
@@ -5362,9 +5356,6 @@ function In({
   return {
     name: "Collection Editor",
     loading: t.loading,
-    collections: {
-      CollectionActions: ln
-    },
     provider: {
       Component: on,
       props: {
@@ -5387,6 +5378,7 @@ function In({
       AdditionalCards: r ? void 0 : cn
     },
     collectionView: {
+      CollectionActions: ln,
       HeaderAction: un,
       AddColumnComponent: pn
     }