@firecms/collection_editor 3.0.0-beta.2 → 3.0.0-canary.1

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as a, Fragment as U } from "react/jsx-runtime";
+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 * 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 { Typography as O, useAutoComplete as _r, Container as mt, Tooltip as te, IconButton as oe, Chip as st, TextField as Oe, cn as me, DebouncedTextField as Z, Autocomplete as Fr, AutocompleteItem as Sr, ExpandablePanel as xt, SettingsIcon as He, Select as be, SelectItem as ee, BooleanSwitchWithLabel as ct, Dialog as Fe, AutoAwesomeIcon as ht, Badge as Er, ListIcon as Ar, Button as z, CircularProgress as De, Paper as Ce, DialogContent as Be, DialogActions as ze, RuleIcon as Dr, FileUploadIcon as Br, MultiSelect as zr, MultiSelectItem as St, Checkbox as Et, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as Mr, RemoveCircleIcon as Rr, defaultBorderMixin as wt, RemoveIcon as Ur, DragHandleIcon as jr, AddIcon as se, SelectGroup as At, InfoLabel as Lr, DeleteIcon as dt, ContentCopyIcon as qr, CodeIcon as $r, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Ue, Alert as Yr, Icon as et, Card as tr, coolIconKeys as zt, Tabs as Hr, Tab as Ct, ArrowBackIcon as tt, LoadingButton as Mt, DoneIcon as Gr, UndoIcon as Kr, SaveIcon as Wr, Menu as Zr, MoreVertIcon as Jr, MenuItem as Qr, Collapse as Xr } from "@firecms/ui";
 import * 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";
@@ -40,10 +40,10 @@ function yi({
     setFieldTouched: g,
     isSubmitting: v,
     submitCount: x
-  } = K(), [y, P] = $(!1), [T, b] = $(!1), C = (s) => {
+  } = 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));
   };
-  ce(() => {
+  de(() => {
     c.id && b(!0);
   }, [c.id]);
   const N = /* @__PURE__ */ e(ot, { collectionOrView: u }), f = l?.filter((s) => !r?.includes(s)), {
@@ -144,7 +144,7 @@ function yi({
       /* @__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, {}),
@@ -328,7 +328,7 @@ function Ci({
       return n?.(g), c;
     }
   }), { values: p, errors: h } = u;
-  return ce(() => {
+  return de(() => {
     r && r(p.enumValues);
   }, [p.enumValues]), /* @__PURE__ */ e(kt, { value: u, children: /* @__PURE__ */ e(
     Pi,
@@ -453,10 +453,10 @@ const Ni = Y.memo(
       errors: c,
       setFieldValue: g,
       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 && g(`${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 +552,7 @@ function xi({
     }
   );
 }
-function se({
+function ce({
   field: t,
   form: r,
   label: n,
@@ -583,14 +583,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 +607,7 @@ function Se({ disabled: t }) {
         name: "validation.unique",
         type: "checkbox",
         children: ({ field: d, form: u }) => /* @__PURE__ */ e(
-          se,
+          ce,
           {
             disabled: t,
             label: "Unique",
@@ -646,17 +646,17 @@ function Ee({
     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);
+  } = K(), g = "validation.length", v = "validation.min", x = "validation.max", y = "validation.trim", P = "validation.matches", k = "validation.lowercase", b = "validation.uppercase", C = I(c, P), N = I(h, P), f = typeof N == "string" ? N : br(N);
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Se, { disabled: u }),
     /* @__PURE__ */ 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 +672,7 @@ function Ee({
           name: b,
           type: "checkbox",
           children: ({ field: w, form: _ }) => /* @__PURE__ */ e(
-            se,
+            ce,
             {
               label: "Uppercase",
               disabled: u,
@@ -688,7 +688,7 @@ function Ee({
           name: y,
           type: "checkbox",
           children: ({ field: w, form: _ }) => /* @__PURE__ */ e(
-            se,
+            ce,
             {
               label: "Trim",
               disabled: u,
@@ -828,7 +828,7 @@ function Rt({
     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: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ci,
       {
@@ -842,7 +842,7 @@ 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);
+            const P = y.filter((k) => !!k?.id).map((k) => k.id);
             c && !P.includes(c) && (p("defaultValue", void 0), h.open({
               type: "warning",
               message: "Default value was cleared"
@@ -900,8 +900,8 @@ function Ut({
     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) => {
     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 c == "function";
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xt,
       {
@@ -975,9 +975,9 @@ function Ut({
                 name: p,
                 as: Z,
                 label: "Storage path",
-                disabled: T || n,
+                disabled: k || n,
                 size: "small",
-                value: T ? "-" : c
+                value: k ? "-" : c
               }
             ),
             /* @__PURE__ */ a(O, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
@@ -998,7 +998,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,
@@ -1219,27 +1219,27 @@ const ft = Y.memo(
     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((f) => f.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(
                   ki,
                   {
-                    propertyKey: T,
+                    propertyKey: k,
                     propertyOrBuilder: C,
                     additionalField: N,
                     provided: f,
@@ -1254,7 +1254,7 @@ const ft = Y.memo(
                   }
                 ) })
               },
-              `array_field_${r}_${T}}`
+              `array_field_${r}_${k}}`
             );
           }).filter(Boolean),
           y.placeholder
@@ -1302,7 +1302,7 @@ function ki({
       }
     ));
   }
-  const T = o === v, b = n && (c && !ne(n) || qe(n));
+  const k = o === v, b = n && (c && !ne(n) || qe(n));
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1328,7 +1328,7 @@ function ki({
             property: n,
             onClick: u ? () => u(t, r) : void 0,
             includeName: !0,
-            selected: T,
+            selected: k,
             hasError: y
           }
         ) : /* @__PURE__ */ e(
@@ -1337,7 +1337,7 @@ 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: [
@@ -1387,10 +1387,10 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       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, 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);
   }, []);
-  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 +1400,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"
@@ -1463,7 +1463,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
         onDelete: y,
         propertyKey: h,
         propertyNamespace: c,
-        property: T,
+        property: k,
         existingProperty: !!h,
         autoUpdateId: !h,
         autoOpenTypeSelect: !h,
@@ -1491,8 +1491,8 @@ function Vi({
     touched: c
   } = K(), [g, v] = $(!1), x = I(u, "of"), y = I(c, "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 +1521,7 @@ function Vi({
                 onClick: () => v(!0),
                 children: [
                   "Edit ",
-                  `${T ? T.name : "repeat component"}`
+                  `${k ? k.name : "repeat component"}`
                 ]
               }
             ),
@@ -1566,7 +1566,7 @@ const Ii = Y.forwardRef(
       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);
+    } = 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(
@@ -1613,7 +1613,7 @@ const Ii = Y.forwardRef(
         /* @__PURE__ */ e(
           H,
           {
-            name: T,
+            name: k,
             as: Z,
             label: "Description",
             disabled: i,
@@ -1631,7 +1631,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 +1700,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,
@@ -1743,13 +1743,13 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     d(`oneOf.${pe(f)}`, void 0, !1);
     const w = `oneOf.${ye(N)}`, _ = I(o, w);
     d(w, _.filter((M) => M !== C), !1), p(!1), m(void 0), g(void 0);
-  }, [d, o]), T = /* @__PURE__ */ a(
+  }, [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 +1758,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(
@@ -1871,7 +1871,7 @@ function Ei({ disabled: t }) {
         name: "validation.positive",
         type: "checkbox",
         children: ({ field: m, form: c }) => /* @__PURE__ */ e(
-          se,
+          ce,
           {
             label: "Positive value",
             disabled: t,
@@ -1887,7 +1887,7 @@ function Ei({ disabled: t }) {
         name: "validation.negative",
         type: "checkbox",
         children: ({ field: m, form: c }) => /* @__PURE__ */ e(
-          se,
+          ce,
           {
             label: "Negative value",
             disabled: t,
@@ -1903,7 +1903,7 @@ function Ei({ disabled: t }) {
         name: "validation.integer",
         type: "checkbox",
         children: ({ field: m, form: c }) => /* @__PURE__ */ e(
-          se,
+          ce,
           {
             label: "Integer value",
             disabled: t,
@@ -1917,7 +1917,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 +1948,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 +1976,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,
       {
@@ -2059,7 +2059,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,
@@ -2121,7 +2121,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 +2136,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 +2150,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;
@@ -2403,7 +2403,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,
       {
@@ -2497,7 +2497,7 @@ const Ui = [
       onError: x,
       initialErrors: y,
       forceShowErrors: P,
-      allowDataInference: T,
+      allowDataInference: k,
       getController: b,
       getData: C,
       propertyConfigs: N,
@@ -2557,7 +2557,7 @@ const Ui = [
         }), 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;
       }
     });
-    return ce(() => {
+    return de(() => {
       b?.(D);
     }, [D, b]), /* @__PURE__ */ e(kt, { value: D, children: /* @__PURE__ */ e(
       ji,
@@ -2574,7 +2574,7 @@ const Ui = [
         autoOpenTypeSelect: i,
         disabled: _,
         getData: C,
-        allowDataInference: T,
+        allowDataInference: k,
         propertyConfigs: N,
         collectionEditable: f,
         ...D
@@ -2668,10 +2668,10 @@ function ji({
   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(() => {
+  de(() => {
     if (u && (!d || D.id)) {
       const {
         id: q,
@@ -2683,7 +2683,7 @@ function ji({
         namespace: h
       }), s.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) => {
@@ -2745,7 +2745,7 @@ function ji({
       disabled: g,
       getData: x,
       allowDataInference: y,
-      collectionEditable: T,
+      collectionEditable: k,
       propertyConfigs: P
     }
   ) : w === "block" ? B = /* @__PURE__ */ e(
@@ -2754,7 +2754,7 @@ function ji({
       disabled: g,
       getData: x,
       allowDataInference: y,
-      collectionEditable: T,
+      collectionEditable: k,
       propertyConfigs: P
     }
   ) : w === "reference" ? B = /* @__PURE__ */ e(
@@ -2781,10 +2781,10 @@ function ji({
       getData: x,
       allowDataInference: y,
       disabled: g,
-      collectionEditable: T,
+      collectionEditable: k,
       propertyConfigs: P
     }
-  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: g }) : B = null, /* @__PURE__ */ a(U, { children: [
+  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: g }) : B = null, /* @__PURE__ */ a(j, { children: [
     g && /* @__PURE__ */ a(Lr, { mode: "warn", children: [
       /* @__PURE__ */ e(O, { children: "This property can't be edited" }),
       /* @__PURE__ */ a(O, { variant: "caption", children: [
@@ -2808,7 +2808,7 @@ function ji({
             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",
                 {
@@ -2820,15 +2820,15 @@ function ji({
                     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
                         }
                       )
                     ] })
@@ -3027,12 +3027,12 @@ function Gi({
     setFieldError: x,
     setFieldTouched: y,
     errors: P,
-    dirty: T
+    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 } : {});
-  ce(() => {
-    l && l(T);
-  }, [T]);
-  const de = h ? () => {
+  de(() => {
+    l && l(k);
+  }, [k]);
+  const ue = h ? () => {
     h && (q(!0), h(g).then((F) => {
       if (F && pt(F.properties), !F) {
         b.open({
@@ -3041,85 +3041,91 @@ 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) => !g.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), {}),
+      const T = {
+        ...U.reduce((E, ie) => (E[ie] = (F.properties ?? {})[ie], E), {}),
         ...g.properties
       }, S = [
-        ...j,
+        ...U,
         ...g.propertiesOrder ?? []
       ];
-      v("properties", k, !1), he(S), Me(j);
+      v("properties", T, !1), he(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(g, ye(F)) : we.current[""], [g]), he = Q((F, U) => {
+    const T = ye(U);
+    v(T, F, !1), we.current[U ?? ""] = F;
+  }, [v]), Te = Q((F, U) => {
+    const T = F ? ae(F, U) : void 0;
+    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(pe(T), void 0, !1);
+    const E = re(U).filter((ie) => ie !== F);
+    he(E, U), J(!1), w(void 0), M(void 0), D(void 0);
+  }, [re, v, he]), Ge = (F, U) => {
+    v(ye(U), F, !1);
   }, 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]: 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);
+    const T = [...g.propertiesOrder ?? Object.keys(g.properties), F];
+    he(T), J(!1), C && (w(T.indexOf(F)), M(F)), D(void 0);
   }, fe = ({
     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);
+    if (T && T !== F) {
+      console.debug("onPropertyChanged, id change", {
+        id: F,
+        property: U,
+        previousId: T,
+        namespace: S
+      });
+      const ke = ae(T, S), Vt = pe(ke), It = re(S).map((Xe) => Xe === T ? F : Xe).filter((Xe) => Xe !== void 0);
       he(It, S), F && (w(It.indexOf(F)), M(F)), v(Vt, void 0, !1), y(Vt, !1, !1);
     }
     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(pe(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 = 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) => {
     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(
       "p-4 md:p-8 pb-20 md:pb-20",
@@ -3166,12 +3172,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 +3186,7 @@ function Gi({
             {
               variant: "outlined",
               onClick: () => J(!0),
-              children: /* @__PURE__ */ e(ue, {})
+              children: /* @__PURE__ */ e(se, {})
             }
           ) })
         ] })
@@ -3209,7 +3215,7 @@ function Gi({
           variant: "outlined",
           size: "large",
           onClick: () => J(!0),
-          startIcon: /* @__PURE__ */ e(ue, {}),
+          startIcon: /* @__PURE__ */ e(se, {}),
           children: "Add new property"
         }
       )
@@ -3241,7 +3247,20 @@ function Gi({
             },
             `edit_view_${f}`
           ),
-          !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 && /* @__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"
+                ]
+              }
+            )
+          ] }),
           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" })
         ]
       }
@@ -3271,7 +3290,7 @@ function Gi({
       `edit_view_${f}`
     )
   ] });
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     yt,
     /* @__PURE__ */ e(
       Ve,
@@ -3374,7 +3393,7 @@ function Zi({
   const { entityViews: d } = Ae(), [u, p] = Y.useState(), [h, m] = Y.useState(!1), [c, g] = 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((f) => typeof f == "string").map((f) => xr(f, d)).filter(Boolean) ?? [], C = t.entityViews?.filter((f) => typeof f != "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,7 +3402,7 @@ 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((f) => /* @__PURE__ */ a(
             bt,
             {
               onClick: () => x({
@@ -3428,7 +3447,7 @@ function Zi({
                 });
               },
               variant: "text",
-              startIcon: /* @__PURE__ */ e(ue, {}),
+              startIcon: /* @__PURE__ */ e(se, {}),
               children: "Add subcollection"
             }
           )
@@ -3447,8 +3466,8 @@ 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: [
               /* @__PURE__ */ e(
@@ -3497,7 +3516,7 @@ function Zi({
                 m(!0);
               },
               variant: "text",
-              startIcon: /* @__PURE__ */ e(ue, {}),
+              startIcon: /* @__PURE__ */ e(se, {}),
               children: "Add custom entity view"
             }
           )
@@ -3517,8 +3536,8 @@ function Zi({
           console.debug("Deleting subcollection", f), n.deleteCollection(f), 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"
@@ -3533,8 +3552,8 @@ function Zi({
           P("entityViews", y.entityViews?.filter((f) => f !== c)), g(void 0);
         },
         onCancel: () => g(void 0),
-        title: /* @__PURE__ */ e(U, { children: "Remove this view?" }),
-        body: /* @__PURE__ */ a(U, { children: [
+        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"
@@ -3998,7 +4017,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);
@@ -4157,7 +4176,7 @@ function Qi({
     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 ? pe(k) : void 0, C = (f) => f ? p.current[f] ?? I(o, ye(f)) : p.current[""], N = (f, w) => {
       const _ = ye(w);
       i(_, f, !1), p.current[w ?? ""] = f;
     };
@@ -4176,7 +4195,7 @@ function Qi({
     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 ? pe(k) : void 0, C = t.importData.map((f) => I(f, x)), N = {
       ...ti(C, y, rr),
       editable: !0
     };
@@ -4202,7 +4221,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,
@@ -4304,7 +4323,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);
   }, []);
@@ -4366,7 +4385,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,
@@ -4404,7 +4423,7 @@ function tn(t) {
     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(() => {
+  if (de(() => {
     try {
       n.initialised && (t.editedCollectionId ? g(n.getCollectionFromPaths([...t.parentCollectionIds ?? [], t.editedCollectionId])) : g(void 0), x(!0));
     } catch (b) {
@@ -4417,7 +4436,7 @@ function tn(t) {
   } = l, P = c ? {
     ...c,
     id: c.id ?? c.path ?? _t(16)
-  } : void 0, T = P ? nn(P, r) : {
+  } : void 0, k = P ? nn(P, r) : {
     id: d?.path ?? _t(16),
     path: d?.path ?? "",
     name: d?.name ?? "",
@@ -4431,7 +4450,7 @@ function tn(t) {
     rn,
     {
       ...t,
-      initialValues: T,
+      initialValues: k,
       existingPaths: h,
       existingIds: m,
       includeTemplates: u,
@@ -4460,18 +4479,18 @@ function rn({
   getData: x,
   existingPaths: y,
   existingIds: P,
-  includeTemplates: T,
+  includeTemplates: k,
   collection: b,
   setCollection: C,
   initialValues: N,
   propertyConfigs: f,
   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", [s, 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({
@@ -4480,44 +4499,44 @@ function rn({
     }), !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) => {
+  }, [s, _.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) => {
+        s === "welcome" ? (L(), S.resetForm({ values: T })) : s === "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,31 +4544,31 @@ 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()) : 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: 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;
       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);
+        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;
@@ -4560,27 +4579,27 @@ function rn({
     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, 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;
+  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);
+      he("properties", E.properties), he("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], he("properties", T), L();
+  }, U = b?.editable === void 0 || b?.editable === !0 || t;
+  return /* @__PURE__ */ e(Be, { fullHeight: !0, children: /* @__PURE__ */ e(kt, { value: ue, children: /* @__PURE__ */ a(j, { children: [
     !t && /* @__PURE__ */ a(
       Hr,
       {
         value: s,
         className: me(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-        onValueChange: (k) => V(k),
+        onValueChange: (T) => V(T),
         children: [
           /* @__PURE__ */ e(Ct, { value: "details", children: "Details" }),
           /* @__PURE__ */ e(Ct, { value: "properties", children: "Properties" }),
@@ -4592,7 +4611,7 @@ function rn({
       "form",
       {
         noValidate: !0,
-        onSubmit: de.handleSubmit,
+        onSubmit: ue.handleSubmit,
         className: me(
           t ? "h-full" : "h-[calc(100%-48px)]",
           "flex-grow flex flex-col relative"
@@ -4604,8 +4623,8 @@ function rn({
             Ji,
             {
               path: fe,
-              onContinue: (k) => {
-                k ? (Qe(k), V("import_data_mapping")) : V("details");
+              onContinue: (T) => {
+                T ? (Qe(T), V("import_data_mapping")) : V("details");
               },
               existingCollectionPaths: y,
               parentCollection: v,
@@ -4616,7 +4635,7 @@ function rn({
             Qi,
             {
               importConfig: _,
-              collectionEditable: j,
+              collectionEditable: U,
               propertyConfigs: f
             }
           ),
@@ -4633,11 +4652,11 @@ function rn({
             {
               importConfig: _,
               collection: re,
-              onImportSuccess: async (k) => {
+              onImportSuccess: async (T) => {
                 R.open({
                   type: "info",
                   message: "Data imported successfully"
-                }), await q(re), d(k);
+                }), await q(re), d(T);
               }
             }
           ),
@@ -4669,18 +4688,18 @@ function rn({
               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,
               getData: Re,
               doCollectionInference: J,
               propertyConfigs: f,
-              collectionEditable: j,
+              collectionEditable: U,
               extraIcon: p?.icon && /* @__PURE__ */ e(
                 oe,
                 {
@@ -4697,7 +4716,7 @@ function rn({
               position: "absolute",
               children: [
                 G && /* @__PURE__ */ e(Wt, { error: G }),
-                t && T && s === "import_data_mapping" && /* @__PURE__ */ a(
+                t && k && s === "import_data_mapping" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4709,7 +4728,7 @@ function rn({
                     ]
                   }
                 ),
-                t && T && s === "import_data_preview" && /* @__PURE__ */ a(
+                t && k && s === "import_data_preview" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4723,7 +4742,7 @@ function rn({
                     ]
                   }
                 ),
-                t && T && s === "details" && /* @__PURE__ */ a(
+                t && k && s === "details" && /* @__PURE__ */ a(
                   z,
                   {
                     variant: "text",
@@ -4854,8 +4873,8 @@ const Ht = (t, r, n, i) => {
   }) {
     const c = Pe(), g = gi(), v = Ie(), { propertyConfigs: x } = Ae(), {
       collections: y
-    } = c, P = (y ?? []).map((s) => s.path.trim().toLowerCase()), [T, b] = Y.useState();
-    ce(() => {
+    } = c, P = (y ?? []).map((s) => s.path.trim().toLowerCase()), [k, b] = Y.useState();
+    de(() => {
       u && u().then((s) => {
         b(s.filter((V) => !P.includes(V.trim().toLowerCase())));
       });
@@ -4911,7 +4930,7 @@ const Ht = (t, r, n, i) => {
         initialValues: G,
         redirect: B
       });
-    }, []), A = u ? (s) => !s && T ? Promise.resolve(T) : u?.(s) : void 0;
+    }, []), A = u ? (s) => !s && k ? Promise.resolve(k) : u?.(s) : void 0;
     return /* @__PURE__ */ e(mr.Provider, { value: n, children: /* @__PURE__ */ a(
       hr.Provider,
       {
@@ -4920,7 +4939,7 @@ const Ht = (t, r, n, i) => {
           createCollection: D,
           editProperty: R,
           configPermissions: i ?? _,
-          rootPathSuggestions: T
+          rootPathSuggestions: k
         },
         children: [
           r,
@@ -5032,7 +5051,7 @@ function ln({
     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: [
+  return (!ve(at(i.filterValues), at(n.initialFilter)) || !ve(at(i.sortBy), at(n.initialSort))) && (c = /* @__PURE__ */ a(j, { children: [
     (n.initialFilter || n.initialSort) && /* @__PURE__ */ e(
       te,
       {
@@ -5082,7 +5101,7 @@ function ln({
         )
       }
     )
-  ] })), /* @__PURE__ */ a(U, { children: [
+  ] })), /* @__PURE__ */ a(j, { children: [
     m && c,
     /* @__PURE__ */ e(
       te,
@@ -5121,7 +5140,7 @@ function sn({
       });
     });
   }, [t, l]);
-  return /* @__PURE__ */ a(U, { children: [
+  return /* @__PURE__ */ a(j, { children: [
     /* @__PURE__ */ a("div", { children: [
       d.deleteCollections && /* @__PURE__ */ e(
         Zr,
@@ -5151,8 +5170,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"
@@ -5185,7 +5204,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 +5252,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,7 +5323,7 @@ function pn({
           collection: n
         });
       },
-      children: /* @__PURE__ */ e(ue, { color: "inherit" })
+      children: /* @__PURE__ */ e(se, { color: "inherit" })
     }
   ) });
 }
@@ -5321,7 +5340,7 @@ function mn() {
         sourceClick: "new_collection_button"
       }),
       children: [
-        /* @__PURE__ */ e(ue, {}),
+        /* @__PURE__ */ e(se, {}),
         "New collection"
       ]
     }
@@ -5392,7 +5411,7 @@ function hn({ introMode: t }) {
           sourceClick: "new_collection_card"
         }) : void 0,
         children: [
-          /* @__PURE__ */ e(ue, {}),
+          /* @__PURE__ */ e(se, {}),
           "Create your first collection"
         ]
       }