@firecms/collection_editor 3.0.0-alpha.27 → 3.0.0-alpha.28

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { jsxs as n, Fragment as F, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as I, jsx as e } from "react/jsx-runtime";
 import * as ve from "react";
 import U, { useState as Q, useCallback as J, useEffect as pe, useMemo as Ut, useRef as Le, useDeferredValue as ga, useContext as $t } from "react";
-import { iconKeys as Lt, debounce as fa, SearchBar as ba, Tooltip as ie, IconButton as me, Icon as rt, coolIconKeys as vt, Typography as O, getIconForView as ot, useAutoComplete as ya, Container as dt, Chip as nt, TextField as ze, cn as _e, DebouncedTextField as Z, Autocomplete as va, AutocompleteItem as wa, ExpandablePanel as kt, SettingsIcon as Ye, Select as Te, SelectItem as ye, BooleanSwitchWithLabel as Kt, Dialog as Me, toSnakeCase as Yt, singular as _a, ListIcon as ka, LoadingButton as wt, CircularProgress as He, AutoAwesomeIcon as pt, Paper as Pe, FormikArrayContainer as xa, DialogContent as Ge, DialogActions as Qe, Button as D, SwitchControl as he, serializeRegExp as Ca, isValidRegExp as Oa, RuleIcon as Pa, useSnackbarController as Ze, resolveEnumValues as Na, FileUploadIcon as Sa, MultiSelect as qa, MultiSelectItem as qt, Checkbox as At, isPropertyBuilder as de, useFireCMSContext as qe, getFieldConfig as Je, ErrorBoundary as Ce, FieldConfigBadge as We, cardMixin as Ht, cardClickableMixin as Gt, cardSelectedMixin as Qt, RemoveCircleIcon as Zt, FunctionsIcon as Aa, defaultBorderMixin as xt, RemoveIcon as za, DragHandleIcon as Ta, AddIcon as Ne, useNavigationContext as De, SelectGroup as zt, mergeDeep as L, buildProperty as G, getFieldId as Jt, DEFAULT_FIELD_CONFIGS as _t, InfoLabel as Wt, DeleteIcon as st, DeleteConfirmationDialog as lt, useLargeLayout as Va, makePropertiesEditable as Xt, resolveEntityView as ja, Table as Tt, TableBody as Vt, TableRow as gt, TableCell as $e, buildCollection as Ct, unslugify as Ot, Card as ea, useSelectionController as Ea, EntityCollectionTable as Fa, slugify as Ia, useAuthController as Re, CircularProgressCenter as jt, Tabs as Ba, Tab as ft, removeUndefined as Ma, ErrorView as ta, ArrowBackIcon as tt, DoneIcon as Da, SaveIcon as Ra, Menu as Ua, MoreVertIcon as $a, MenuItem as La, Collapse as Ka, sortProperties as Ya, getDefaultPropertiesOrder as Ha } from "@firecms/core";
+import { iconKeys as Lt, debounce as fa, SearchBar as ba, Tooltip as ie, IconButton as me, Icon as rt, coolIconKeys as vt, Typography as P, getIconForView as ot, useAutoComplete as ya, Container as dt, Chip as nt, TextField as ze, cn as _e, DebouncedTextField as Z, Autocomplete as va, AutocompleteItem as wa, ExpandablePanel as kt, SettingsIcon as Ye, Select as Te, SelectItem as ye, BooleanSwitchWithLabel as Kt, Dialog as Me, toSnakeCase as Yt, singular as _a, ListIcon as ka, LoadingButton as wt, CircularProgress as He, AutoAwesomeIcon as pt, Paper as Pe, FormikArrayContainer as xa, DialogContent as Ge, DialogActions as Qe, Button as R, SwitchControl as he, serializeRegExp as Ca, isValidRegExp as Oa, RuleIcon as Pa, useSnackbarController as Ze, resolveEnumValues as Na, FileUploadIcon as Sa, MultiSelect as qa, MultiSelectItem as qt, Checkbox as At, isPropertyBuilder as de, useFireCMSContext as qe, getFieldConfig as Je, ErrorBoundary as Ce, FieldConfigBadge as We, cardMixin as Ht, cardClickableMixin as Gt, cardSelectedMixin as Qt, RemoveCircleIcon as Zt, FunctionsIcon as Aa, defaultBorderMixin as xt, RemoveIcon as za, DragHandleIcon as Ta, AddIcon as Ne, useNavigationContext as De, SelectGroup as zt, mergeDeep as L, buildProperty as G, getFieldId as Jt, DEFAULT_FIELD_CONFIGS as _t, InfoLabel as Wt, DeleteIcon as st, DeleteConfirmationDialog as lt, useLargeLayout as Va, makePropertiesEditable as Xt, resolveEntityView as ja, Table as Tt, TableBody as Vt, TableRow as gt, TableCell as $e, buildCollection as Ct, unslugify as Ot, Card as ea, useSelectionController as Ea, EntityCollectionTable as Fa, slugify as Ia, useAuthController as Re, CircularProgressCenter as jt, Tabs as Ba, Tab as ft, removeUndefined as Ma, ErrorView as ta, ArrowBackIcon as tt, DoneIcon as Da, SaveIcon as Ra, Menu as Ua, MoreVertIcon as $a, MenuItem as La, Collapse as Ka, sortProperties as Ya, getDefaultPropertiesOrder as Ha } from "@firecms/core";
 import ct from "react-fast-compare";
-import { useFormikContext as K, Field as ge, getIn as N, Formik as Pt, FastField as le, Form as Ga } from "formik";
+import { useFormikContext as K, Field as ge, getIn as S, Formik as Pt, FastField as le, Form as Ga } from "formik";
 import * as bt from "yup";
 import * as Qa from "js-search";
 import { extractEnumFromValues as Za, buildPropertyFromData as Ja, buildEntityPropertiesFromData as Wa } from "@firecms/schema_inference";
@@ -1987,7 +1987,7 @@ function mi({ selectedIcon: t = "", onIconSelected: a }) {
   );
   return ve.useEffect(() => (p(o), () => {
     p.clear();
-  }), [o, p]), /* @__PURE__ */ n(F, { children: [
+  }), [o, p]), /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ e(
       ba,
       {
@@ -2013,7 +2013,7 @@ function ee({
   error: t,
   children: a
 }) {
-  return a ? /* @__PURE__ */ e(O, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
+  return a ? /* @__PURE__ */ e(P, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
 }
 function ui({
   isNewCollection: t,
@@ -2031,24 +2031,24 @@ function ui({
     errors: l,
     setFieldTouched: g,
     isSubmitting: y,
-    submitCount: f
-  } = K(), [k, C] = Q(!1), x = (P) => {
-    m("name", P), !N(d, "path") && t && P && m("path", Yt(P)), !N(d, "singularName") && t && P && m("singularName", _a(P));
-  }, h = ot(c), v = J((P) => {
-    let S;
-    return P || (S = "You must specify a path in the database for this collection"), t && r?.includes(P.trim().toLowerCase()) && (S = "There is already a collection which uses this path as an alias"), t && i?.includes(P.trim().toLowerCase()) && !c.alias && (S = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), S;
-  }, [t, r, i, c.alias]), b = J((P) => {
-    if (!P)
+    submitCount: b
+  } = K(), [k, C] = Q(!1), x = (N) => {
+    m("name", N), !S(d, "path") && t && N && m("path", Yt(N)), !S(d, "singularName") && t && N && m("singularName", _a(N));
+  }, h = ot(c), v = J((N) => {
+    let O;
+    return N || (O = "You must specify a path in the database for this collection"), t && r?.includes(N.trim().toLowerCase()) && (O = "There is already a collection which uses this path as an alias"), t && i?.includes(N.trim().toLowerCase()) && !c.alias && (O = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), O;
+  }, [t, r, i, c.alias]), f = J((N) => {
+    if (!N)
       return;
-    let S;
-    return t && i?.includes(P.trim().toLowerCase()) && (S = "There is already a collection that uses this value as a path"), t && r?.includes(P.trim().toLowerCase()) && (S = "There is already a collection which uses this alias"), S;
-  }, [t, i, r]), _ = o?.filter((P) => !a?.includes(P)), {
+    let O;
+    return t && i?.includes(N.trim().toLowerCase()) && (O = "There is already a collection that uses this value as a path"), t && r?.includes(N.trim().toLowerCase()) && (O = "There is already a collection which uses this alias"), O;
+  }, [t, i, r]), _ = o?.filter((N) => !a?.includes(N)), {
     inputFocused: T,
-    autoCompleteOpen: I,
+    autoCompleteOpen: B,
     setAutoCompleteOpen: w
   } = ya({
     ref: p
-  }), V = !!s;
+  }), j = !!s;
   return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(dt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ n(
@@ -2056,7 +2056,7 @@ function ui({
         {
           className: "flex flex-row py-2 pt-3 items-center",
           children: [
-            /* @__PURE__ */ e(O, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${c.name} collection` }),
+            /* @__PURE__ */ e(P, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${c.name} collection` }),
             /* @__PURE__ */ e(ie, { title: "Change icon", children: /* @__PURE__ */ e(
               me,
               {
@@ -2068,7 +2068,7 @@ function ui({
           ]
         }
       ),
-      s && /* @__PURE__ */ e(nt, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(O, { variant: "caption", children: [
+      s && /* @__PURE__ */ e(nt, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(P, { variant: "caption", children: [
         "This is a subcollection of ",
         /* @__PURE__ */ e("b", { children: s.name })
       ] }) })
@@ -2079,7 +2079,7 @@ function ui({
           ze,
           {
             value: c.name ?? "",
-            onChange: (P) => x(P.target.value),
+            onChange: (N) => x(N.target.value),
             label: "Name",
             required: !0,
             error: d.name && !!l.name
@@ -2087,7 +2087,7 @@ function ui({
         ),
         /* @__PURE__ */ e(ee, { error: d.name && !!l.name, children: d.name && l.name ? l.name : "Name of in this collection, usually a plural name (e.g. Products)" })
       ] }),
-      /* @__PURE__ */ n("div", { className: _e("col-span-12 ", V ? "" : "sm:col-span-8"), children: [
+      /* @__PURE__ */ n("div", { className: _e("col-span-12 ", j ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
           ge,
           {
@@ -2102,7 +2102,7 @@ function ui({
         ),
         /* @__PURE__ */ e(ee, { error: d.path && !!l.path, children: d.path && l.path ? l.path : "Path that this collection is stored in" })
       ] }),
-      !V && /* @__PURE__ */ n("div", { className: "col-span-12 sm:col-span-4 relative", children: [
+      !j && /* @__PURE__ */ n("div", { className: "col-span-12 sm:col-span-4 relative", children: [
         /* @__PURE__ */ e(
           ze,
           {
@@ -2110,7 +2110,7 @@ function ui({
             disabled: y,
             value: c.group ?? "",
             autoComplete: "off",
-            onChange: (P) => m("group", P.target.value),
+            onChange: (N) => m("group", N.target.value),
             name: "group",
             inputRef: p,
             label: "Group"
@@ -2119,17 +2119,17 @@ function ui({
         /* @__PURE__ */ e(
           va,
           {
-            open: I && (_ ?? []).length > 0,
+            open: B && (_ ?? []).length > 0,
             setOpen: w,
-            children: _?.map((P, S) => /* @__PURE__ */ e(
+            children: _?.map((N, O) => /* @__PURE__ */ e(
               wa,
               {
                 onClick: () => {
-                  w(!1), m("group", P ?? null);
+                  w(!1), m("group", N ?? null);
                 },
-                children: /* @__PURE__ */ e("div", { className: "flex-grow", children: P })
+                children: /* @__PURE__ */ e("div", { className: "flex-grow", children: N })
               },
-              S + "_" + P
+              O + "_" + N
             ))
           }
         ),
@@ -2141,7 +2141,7 @@ function ui({
           title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
             /* @__PURE__ */ e(Ye, {}),
             /* @__PURE__ */ e(
-              O,
+              P,
               {
                 variant: "subtitle2",
                 className: "ml-2",
@@ -2158,7 +2158,7 @@ function ui({
                   error: d.singularName && !!l.singularName,
                   id: "singularName",
                   "aria-describedby": "singularName-helper",
-                  onChange: (P) => (g("singularName", !0), u(P)),
+                  onChange: (N) => (g("singularName", !0), u(N)),
                   value: c.singularName ?? "",
                   label: "Singular name"
                 }
@@ -2189,7 +2189,7 @@ function ui({
                   as: Z,
                   disabled: !t,
                   label: "Alias",
-                  validate: b,
+                  validate: f,
                   error: d.alias && !!l.alias
                 }
               ),
@@ -2203,14 +2203,14 @@ function ui({
                 position: "item-aligned",
                 onChange: u,
                 value: c.defaultSize ?? "",
-                renderValue: (P) => P.toUpperCase(),
-                children: ["xs", "s", "m", "l", "xl"].map((P) => /* @__PURE__ */ e(
+                renderValue: (N) => N.toUpperCase(),
+                children: ["xs", "s", "m", "l", "xl"].map((N) => /* @__PURE__ */ e(
                   ye,
                   {
-                    value: P,
-                    children: P.toUpperCase()
+                    value: N,
+                    children: N.toUpperCase()
                   },
-                  `size-select-${P}`
+                  `size-select-${N}`
                 ))
               }
             ) }),
@@ -2220,7 +2220,7 @@ function ui({
                 {
                   position: "start",
                   label: "Collection group",
-                  onValueChange: (P) => m("collectionGroup", P),
+                  onValueChange: (N) => m("collectionGroup", N),
                   value: c.collectionGroup ?? !1
                 }
               ),
@@ -2242,8 +2242,8 @@ function ui({
           mi,
           {
             selectedIcon: c.icon,
-            onIconSelected: (P) => {
-              C(!1), m("icon", P);
+            onIconSelected: (N) => {
+              C(!1), m("icon", N);
             }
           }
         ) })
@@ -2318,15 +2318,15 @@ function fi({
   const {
     setFieldValue: c
   } = K(), [m, u] = U.useState(), [d, l] = U.useState(), [g, y] = U.useState(!1), k = U.useRef(/* @__PURE__ */ new Set()).current, C = (h, v) => {
-    const b = m === v;
+    const f = m === v;
     return /* @__PURE__ */ e(
       bi,
       {
         index: h,
         disabled: i,
         enumValuesPath: r,
-        autoFocus: b,
-        shouldUpdateId: o || b,
+        autoFocus: f,
+        shouldUpdateId: o || f,
         onDialogOpen: () => l(h),
         inferredEntry: k.has(t.enumValues[h]?.id)
       },
@@ -2337,7 +2337,7 @@ function fi({
     /* @__PURE__ */ n("div", { className: "ml-3.5 flex flex-row items-center", children: [
       /* @__PURE__ */ e(ka, {}),
       /* @__PURE__ */ e(
-        O,
+        P,
         {
           variant: "subtitle2",
           className: "ml-2 grow",
@@ -2355,10 +2355,10 @@ function fi({
             y(!0), p?.().then((h) => {
               if (!h)
                 return;
-              const v = h.flat(), b = Array.from(new Set(v)), _ = t.enumValues, I = Za(b).filter((w) => !_?.some((V) => V.id === w.id));
-              I.forEach((w) => {
+              const v = h.flat(), f = Array.from(new Set(v)), _ = t.enumValues, B = Za(f).filter((w) => !_?.some((j) => j.id === w.id));
+              B.forEach((w) => {
                 k.add(w.id);
-              }), c(r, [...I, ..._]);
+              }), c(r, [...B, ..._]);
             }).catch((h) => {
               console.error(h);
             }).finally(() => y(!1));
@@ -2413,9 +2413,9 @@ const bi = U.memo(
       errors: d,
       setFieldValue: l,
       touched: g
-    } = K(), y = U.useRef(!N(m, `${r}[${a}].id`)), f = i || y.current, k = N(m, `${r}[${a}].id`), C = N(m, `${r}[${a}].label`), x = N(d, `${r}[${a}].label`), h = U.useRef(C);
+    } = K(), y = U.useRef(!S(m, `${r}[${a}].id`)), b = i || y.current, k = S(m, `${r}[${a}].id`), C = S(m, `${r}[${a}].label`), x = S(d, `${r}[${a}].label`), h = U.useRef(C);
     return U.useEffect(() => {
-      (h.current === k || !k) && f && l(`${r}[${a}].id`, C), h.current = C;
+      (h.current === k || !k) && b && l(`${r}[${a}].id`, C), h.current = C;
     }, [C]), /* @__PURE__ */ n("div", { className: "flex w-full align-center justify-center", children: [
       /* @__PURE__ */ e(
         le,
@@ -2461,7 +2461,7 @@ function yi({
     errors: p,
     setFieldValue: c,
     touched: m
-  } = K(), u = t !== void 0 ? N(p, `${r}[${t}].id`) : void 0;
+  } = K(), u = t !== void 0 ? S(p, `${r}[${t}].id`) : void 0;
   return /* @__PURE__ */ n(
     Me,
     {
@@ -2487,7 +2487,7 @@ function yi({
           /* @__PURE__ */ e(ee, { error: !!u, children: u ?? "Value saved in the data source" })
         ] }) }),
         /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(
-          D,
+          R,
           {
             autoFocus: !0,
             variant: "outlined",
@@ -2510,7 +2510,7 @@ function wi(t) {
 }
 function je({ disabled: t }) {
   const { values: a, handleChange: i } = K(), r = "validation.required", o = "validation.requiredMessage";
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       le,
       {
@@ -2533,11 +2533,11 @@ function je({ disabled: t }) {
         component: he
       }
     ) }),
-    N(a, r) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+    S(a, r) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Z,
       {
         disabled: t,
-        value: N(a, o),
+        value: S(a, o),
         label: "Required message",
         name: o,
         size: "small",
@@ -2561,7 +2561,7 @@ function Be({
     values: u,
     handleChange: d,
     errors: l
-  } = K(), g = "validation.length", y = "validation.min", f = "validation.max", k = "validation.trim", C = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", v = N(l, C), b = N(u, C), _ = typeof b == "string" ? b : Ca(b);
+  } = K(), g = "validation.length", y = "validation.min", b = "validation.max", k = "validation.trim", C = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", v = S(l, C), f = S(u, C), _ = typeof f == "string" ? f : Ca(f);
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(je, { disabled: c }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
@@ -2600,7 +2600,7 @@ function Be({
       t && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         Z,
         {
-          value: N(u, g),
+          value: S(u, g),
           label: "Exact length",
           name: g,
           type: "number",
@@ -2612,7 +2612,7 @@ function Be({
       o && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         Z,
         {
-          value: N(u, y),
+          value: S(u, y),
           label: "Min length",
           name: y,
           type: "number",
@@ -2624,9 +2624,9 @@ function Be({
       r && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         Z,
         {
-          value: N(u, f),
+          value: S(u, b),
           label: "Max length",
-          name: f,
+          name: b,
           type: "number",
           size: "small",
           disabled: c,
@@ -2666,7 +2666,7 @@ function St({
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
-        value: N(r, s),
+        value: S(r, s),
         disabled: i,
         label: "Min length",
         name: s,
@@ -2678,7 +2678,7 @@ function St({
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
-        value: N(r, p),
+        value: S(r, p),
         disabled: i,
         label: "Max length",
         name: p,
@@ -2701,7 +2701,7 @@ function Ae({
       title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
         /* @__PURE__ */ e(Pa, {}),
         /* @__PURE__ */ e(
-          O,
+          P,
           {
             variant: "subtitle2",
             className: "ml-2",
@@ -2728,8 +2728,8 @@ function Et({
     touched: u,
     setFieldError: d,
     setFieldValue: l
-  } = K(), g = Ze(), y = t ? "of.enumValues" : "enumValues", f = N(p, "defaultValue"), k = N(p, y), C = Ut(() => !k || typeof k == "boolean" ? [] : Na(k) ?? [], [k]);
-  return /* @__PURE__ */ n(F, { children: [
+  } = K(), g = Ze(), y = t ? "of.enumValues" : "enumValues", b = S(p, "defaultValue"), k = S(p, y), C = Ut(() => !k || typeof k == "boolean" ? [] : Na(k) ?? [], [k]);
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       gi,
       {
@@ -2740,11 +2740,11 @@ function Et({
         onError: (h) => {
           d(y, h ? "" : void 0);
         },
-        getData: s ? () => s().then((h) => h.map((v) => p.id && N(v, p.id)).filter(Boolean)) : void 0,
+        getData: s ? () => s().then((h) => h.map((v) => p.id && S(v, p.id)).filter(Boolean)) : void 0,
         onValuesChanged: (h) => {
           if (p && (l(y, h), !t)) {
-            const v = h.filter((b) => !!b?.id).map((b) => b.id);
-            f && !v.includes(f) && (l("defaultValue", void 0), g.open({
+            const v = h.filter((f) => !!f?.id).map((f) => f.id);
+            b && !v.includes(b) && (l("defaultValue", void 0), g.open({
               type: "warning",
               message: "Default value was cleared"
             }));
@@ -2771,7 +2771,7 @@ function Et({
           l("defaultValue", h);
         },
         label: "Default value",
-        value: f ?? "",
+        value: b ?? "",
         children: C.filter((h) => !!h?.id).map((h) => /* @__PURE__ */ e(
           ye,
           {
@@ -2799,17 +2799,17 @@ function Ft({
   const {
     values: r,
     setFieldValue: o
-  } = K(), s = t ? "of.storage" : "storage", p = `${s}.acceptedFiles`, c = `${s}.fileName`, m = `${s}.storagePath`, u = `${s}.storeUrl`, d = N(r, c) ?? "{rand}_{file}", l = N(r, m) ?? "/", g = N(r, p), y = Array.isArray(g) ? g : void 0, f = !y || y.length === 0, k = (h) => {
-    h ? h.includes("all") || h.length >= Object.keys(at).length ? o(p, void 0) : f ? o(p, Object.keys(at).filter((v) => !h.includes(v))) : o(p, h) : o(p, void 0);
+  } = K(), s = t ? "of.storage" : "storage", p = `${s}.acceptedFiles`, c = `${s}.fileName`, m = `${s}.storagePath`, u = `${s}.storeUrl`, d = S(r, c) ?? "{rand}_{file}", l = S(r, m) ?? "/", g = S(r, p), y = Array.isArray(g) ? g : void 0, b = !y || y.length === 0, k = (h) => {
+    h ? h.includes("all") || h.length >= Object.keys(at).length ? o(p, void 0) : b ? o(p, Object.keys(at).filter((v) => !h.includes(v))) : o(p, h) : o(p, void 0);
   }, C = typeof d == "function", x = typeof l == "function";
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       kt,
       {
         title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
           /* @__PURE__ */ e(Sa, {}),
           /* @__PURE__ */ e(
-            O,
+            P,
             {
               variant: "subtitle2",
               className: "ml-2",
@@ -2825,7 +2825,7 @@ function Ft({
               name: p,
               value: y ?? [],
               onMultiValueChange: k,
-              label: f ? void 0 : "Allowed file types",
+              label: b ? void 0 : "Allowed file types",
               renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((v) => at[v]).filter((v) => !!v).join(", "),
               children: [
                 /* @__PURE__ */ n(qt, { value: "all", className: "flex items-center gap-2", children: [
@@ -2841,16 +2841,16 @@ function Ft({
                   /* @__PURE__ */ e(
                     At,
                     {
-                      checked: f || y.indexOf(h) > -1
+                      checked: b || y.indexOf(h) > -1
                     }
                   ),
                   /* @__PURE__ */ e("div", { className: "flex-grow", children: v }),
                   /* @__PURE__ */ e(
-                    D,
+                    R,
                     {
                       size: "small",
                       variant: "outlined",
-                      onClick: (b) => (b.preventDefault(), b.stopPropagation(), o(p, [h])),
+                      onClick: (f) => (f.preventDefault(), f.stopPropagation(), o(p, [h])),
                       children: "Only"
                     }
                   )
@@ -2881,7 +2881,7 @@ function Ft({
                 value: x ? "-" : l
               }
             ),
-            /* @__PURE__ */ n(O, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
+            /* @__PURE__ */ n(P, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
               /* @__PURE__ */ e("p", { children: "You can use the following placeholders in the file name and storage path values:" }),
               /* @__PURE__ */ n("ul", { children: [
                 /* @__PURE__ */ e("li", { children: "{file} - Full name of the uploaded file" }),
@@ -2904,7 +2904,7 @@ function Ft({
               }
             ),
             /* @__PURE__ */ e("br", {}),
-            /* @__PURE__ */ e(O, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: "Turn this setting on, if you prefer to save the download URL of the uploaded file instead of the storage path. You can only change this prop upon creation." })
+            /* @__PURE__ */ e(P, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: "Turn this setting on, if you prefer to save the download URL of the uploaded file instead of the storage path. You can only change this prop upon creation." })
           ] })
         ] })
       }
@@ -2950,7 +2950,7 @@ function ra({
       onClick: a,
       className: "flex flex-row w-full cursor-pointer",
       children: [
-        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(We, { fieldConfig: c }) }),
+        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(We, { propertyConfig: c }) }),
         /* @__PURE__ */ n(
           Pe,
           {
@@ -2965,7 +2965,7 @@ function ra({
             children: [
               /* @__PURE__ */ n("div", { className: "w-full flex flex-col", children: [
                 r && /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-                  O,
+                  P,
                   {
                     variant: "body1",
                     component: "span",
@@ -2975,7 +2975,7 @@ function ra({
                 ) }),
                 /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
                   /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-                    O,
+                    P,
                     {
                       className: "flex-grow pr-2",
                       variant: r ? "body2" : "subtitle1",
@@ -2985,7 +2985,7 @@ function ra({
                     }
                   ) }),
                   /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-                    O,
+                    P,
                     {
                       variant: "body2",
                       component: "span",
@@ -3002,7 +3002,7 @@ function ra({
                   )
                 ] })
               ] }),
-              o && /* @__PURE__ */ e(O, { variant: "button", children: "EDIT" })
+              o && /* @__PURE__ */ e(P, { variant: "button", children: "EDIT" })
             ]
           }
         )
@@ -3024,7 +3024,7 @@ function ki({
       className: "flex flex-row w-full cursor-pointer",
       children: [
         /* @__PURE__ */ n("div", { className: "relative m-4", children: [
-          s && /* @__PURE__ */ e(We, { fieldConfig: s }),
+          s && /* @__PURE__ */ e(We, { propertyConfig: s }),
           !s && /* @__PURE__ */ e(
             "div",
             {
@@ -3047,7 +3047,7 @@ function ki({
             ),
             children: /* @__PURE__ */ n("div", { className: "w-full flex flex-col", children: [
               /* @__PURE__ */ e(
-                O,
+                P,
                 {
                   variant: "body1",
                   component: "span",
@@ -3057,7 +3057,7 @@ function ki({
               ),
               /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
                 s && /* @__PURE__ */ e(
-                  O,
+                  P,
                   {
                     className: "flex-grow pr-2",
                     variant: "body2",
@@ -3067,7 +3067,7 @@ function ki({
                   }
                 ),
                 r && !de(r) && /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-                  O,
+                  P,
                   {
                     variant: "body2",
                     component: "span",
@@ -3076,7 +3076,7 @@ function ki({
                   }
                 ) }),
                 r && de(r) && /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-                  O,
+                  P,
                   {
                     variant: "body2",
                     component: "span",
@@ -3085,7 +3085,7 @@ function ki({
                   }
                 ) }),
                 !r && /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-                  O,
+                  P,
                   {
                     variant: "body2",
                     component: "span",
@@ -3117,10 +3117,10 @@ function mt({
   const l = o ?? Object.keys(r), g = J((y) => {
     if (!y.destination)
       return;
-    const f = y.source.index, k = y.destination.index, C = Array.from(l), [x] = C.splice(f, 1);
+    const b = y.source.index, k = y.destination.index, C = Array.from(l), [x] = C.splice(b, 1);
     C.splice(k, 0, x), c && c(C, t);
   }, [t, c, l]);
-  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Xa, { onDragEnd: g, children: /* @__PURE__ */ e(ei, { droppableId: `droppable_${t}`, children: (y, f) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(Xa, { onDragEnd: g, children: /* @__PURE__ */ e(ei, { droppableId: `droppable_${t}`, children: (y, b) => /* @__PURE__ */ n(
     "div",
     {
       ...y.droppableProps,
@@ -3134,7 +3134,7 @@ function mt({
             {
               draggableId: `array_field_${t}_${k}}`,
               index: C,
-              children: (v, b) => /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
+              children: (v, f) => /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
                 xi,
                 {
                   propertyKey: k,
@@ -3146,7 +3146,7 @@ function mt({
                   inferredPropertyKeys: d,
                   onPropertyMove: c,
                   onPropertyRemove: m,
-                  onPropertyClick: b.isDragging ? void 0 : i,
+                  onPropertyClick: f.isDragging ? void 0 : i,
                   selectedPropertyKey: a
                 }
               ) })
@@ -3190,7 +3190,7 @@ function xi({
       }
     ));
   }
-  const f = g ? N(p, we(g)) : !1, k = s === g, C = i && Ke(i);
+  const b = g ? S(p, we(g)) : !1, k = s === g, C = i && Ke(i);
   return /* @__PURE__ */ n(
     "div",
     {
@@ -3217,7 +3217,7 @@ function xi({
             onClick: c ? () => c(t, a) : void 0,
             includeName: !0,
             selected: k,
-            hasError: f
+            hasError: b
           }
         ) : /* @__PURE__ */ e(
           ki,
@@ -3258,23 +3258,23 @@ function Ci({ disabled: t, getData: a, allowDataInference: i, customFields: r })
     values: o,
     setFieldValue: s
   } = K(), [p, c] = Q(!1), [m, u] = Q(), [d, l] = Q(), g = o.propertiesOrder ?? Object.keys(o.properties ?? {}), y = J(({
-    id: b,
+    id: f,
     property: _
   }) => {
-    if (!b)
+    if (!f)
       throw Error();
     s("properties", {
       ...o.properties ?? {},
-      [b]: _
-    }, !1), s("propertiesOrder", [...g, b], !1), c(!1);
-  }, [o.properties, g]), f = J((b, _) => {
-    const T = b ? se(b, _) : void 0;
+      [f]: _
+    }, !1), s("propertiesOrder", [...g, f], !1), c(!1);
+  }, [o.properties, g]), b = J((f, _) => {
+    const T = f ? se(f, _) : void 0;
     if (!T)
       throw Error("collection editor miss config");
-    const I = we(T), w = Oe(_), V = N(o, w) ?? Object.keys(N(o, hi(_)));
-    s(I, void 0, !1), s(w, V.filter((P) => P !== b), !1), c(!1), u(void 0), l(void 0);
-  }, [s, o]), k = m ? se(m, d) : void 0, C = k ? N(o.properties, k.replaceAll(".", ".properties.")) : void 0, x = /* @__PURE__ */ n(
-    D,
+    const B = we(T), w = Oe(_), j = S(o, w) ?? Object.keys(S(o, hi(_)));
+    s(B, void 0, !1), s(w, j.filter((N) => N !== f), !1), c(!1), u(void 0), l(void 0);
+  }, [s, o]), k = m ? se(m, d) : void 0, C = k ? S(o.properties, k.replaceAll(".", ".properties.")) : void 0, x = /* @__PURE__ */ n(
+    R,
     {
       color: "primary",
       variant: "outlined",
@@ -3285,13 +3285,13 @@ function Ci({ disabled: t, getData: a, allowDataInference: i, customFields: r })
         o.name ?? "this group"
       ]
     }
-  ), h = !g || g.length < 1, v = J((b, _) => {
-    s(Oe(_), b, !1);
+  ), h = !g || g.length < 1, v = J((f, _) => {
+    s(Oe(_), f, !1);
   }, []);
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ n("div", { className: "flex justify-between items-end my-4", children: [
-        /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Properties in this group" }),
+        /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Properties in this group" }),
         x
       ] }),
       /* @__PURE__ */ n(Pe, { className: "p-2 pl-8", children: [
@@ -3301,14 +3301,14 @@ function Ci({ disabled: t, getData: a, allowDataInference: i, customFields: r })
             properties: o.properties ?? {},
             propertiesOrder: g,
             errors: {},
-            onPropertyClick: (b, _) => {
-              u(b), l(_), c(!0);
+            onPropertyClick: (f, _) => {
+              u(f), l(_), c(!0);
             },
             onPropertyMove: v
           }
         ),
         h && /* @__PURE__ */ e(
-          O,
+          P,
           {
             variant: "label",
             className: "h-full flex items-center justify-center p-2",
@@ -3324,7 +3324,7 @@ function Ci({ disabled: t, getData: a, allowDataInference: i, customFields: r })
           position: "start",
           size: "small",
           label: "Spread children as columns",
-          onValueChange: (b) => s("spreadChildren", b),
+          onValueChange: (f) => s("spreadChildren", f),
           value: o.spreadChildren ?? !1
         }
       ),
@@ -3344,7 +3344,7 @@ function Ci({ disabled: t, getData: a, allowDataInference: i, customFields: r })
           c(!1), u(void 0), l(void 0);
         },
         getData: a,
-        onDelete: f,
+        onDelete: b,
         propertyKey: m,
         propertyNamespace: d,
         property: C,
@@ -3372,23 +3372,23 @@ function Oi({
     errors: u,
     setFieldValue: d,
     touched: l
-  } = K(), [g, y] = Q(!1), f = N(c, "of"), k = N(l, "of") && N(u, "of"), C = J(({ id: h, property: v, namespace: b }) => {
+  } = K(), [g, y] = Q(!1), b = S(c, "of"), k = S(l, "of") && S(u, "of"), C = J(({ id: h, property: v, namespace: f }) => {
     d("of", v);
-  }, []), x = f && Je(f, p);
-  return /* @__PURE__ */ n(F, { children: [
+  }, []), x = b && Je(b, p);
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
-      /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Repeat component" }),
+      /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Repeat component" }),
       /* @__PURE__ */ e(
         ge,
         {
           name: "of",
-          value: f,
+          value: b,
           validate: (h) => h?.dataType ? void 0 : "You need to specify a repeat field",
           children: () => /* @__PURE__ */ n(Pe, { className: "p-2 mt-4", children: [
-            f && /* @__PURE__ */ e(
+            b && /* @__PURE__ */ e(
               ra,
               {
-                property: f,
+                property: b,
                 onClick: i ? void 0 : () => y(!0),
                 includeName: !1,
                 includeEditButton: !0,
@@ -3396,8 +3396,8 @@ function Oi({
                 hasError: !1
               }
             ),
-            !i && !f && /* @__PURE__ */ n(
-              D,
+            !i && !b && /* @__PURE__ */ n(
+              R,
               {
                 variant: "text",
                 size: "large",
@@ -3420,7 +3420,7 @@ function Oi({
                 autoOpenTypeSelect: !a,
                 onOkClicked: () => y(!1),
                 allowDataInference: o,
-                property: f,
+                property: b,
                 includeIdAndName: !1,
                 onPropertyChanged: C,
                 forceShowErrors: t,
@@ -3444,7 +3444,7 @@ const Pi = U.forwardRef(
   }, p) {
     const {
       errors: c
-    } = K(), m = "name", u = a && N(c, m), d = "id", l = a && N(c, d), g = "description", y = a && N(c, g);
+    } = K(), m = "name", u = a && S(c, m), d = "id", l = a && S(c, d), g = "description", y = a && S(c, g);
     return /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 col-span-12", children: [
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -3470,7 +3470,7 @@ const Pi = U.forwardRef(
             name: d,
             as: ze,
             label: "ID",
-            validate: (f) => Si(f, r),
+            validate: (b) => Si(b, r),
             disabled: i || o,
             required: !0,
             size: "small",
@@ -3509,7 +3509,7 @@ function Ai({
   showErrors: i
 }) {
   const { values: r, setFieldValue: o } = K();
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(Ae, { children: [
       t === "text_field" && /* @__PURE__ */ e(
         Be,
@@ -3581,14 +3581,14 @@ function Ai({
           o("defaultValue", s.target.value === "" ? void 0 : s.target.value);
         },
         label: "Default value",
-        value: N(r, "defaultValue") ?? ""
+        value: S(r, "defaultValue") ?? ""
       }
     ) })
   ] });
 }
 function zi({ disabled: t }) {
-  const { values: a } = K(), i = N(a, "defaultValue");
-  return /* @__PURE__ */ n(F, { children: [
+  const { values: a } = K(), i = S(a, "defaultValue");
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(je, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       le,
@@ -3617,15 +3617,15 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, customFields: r })
       ...o.oneOf?.properties ?? {},
       [h]: v
     }, !1), s("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), h], !1), c(!1);
-  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), y = m ? se(m, d) : void 0, f = y ? N(o.oneOf?.properties, y.replaceAll(".", ".properties.")) : void 0, k = J((h, v) => {
-    const b = h ? se(h, v) : void 0;
-    if (!b)
+  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), y = m ? se(m, d) : void 0, b = y ? S(o.oneOf?.properties, y.replaceAll(".", ".properties.")) : void 0, k = J((h, v) => {
+    const f = h ? se(h, v) : void 0;
+    if (!f)
       throw Error("collection editor miss config");
-    s(`oneOf.${we(b)}`, void 0, !1);
-    const _ = `oneOf.${Oe(v)}`, T = N(o, _);
-    s(_, T.filter((I) => I !== h), !1), c(!1), u(void 0), l(void 0);
+    s(`oneOf.${we(f)}`, void 0, !1);
+    const _ = `oneOf.${Oe(v)}`, T = S(o, _);
+    s(_, T.filter((B) => B !== h), !1), c(!1), u(void 0), l(void 0);
   }, [s, o]), C = /* @__PURE__ */ n(
-    D,
+    R,
     {
       autoFocus: !0,
       color: "primary",
@@ -3639,10 +3639,10 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, customFields: r })
   ), x = J((h, v) => {
     s(`oneOf.${Oe(v)}`, h, !1);
   }, []);
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ n("div", { className: "flex justify-between items-end mt-8 mb-4", children: [
-        /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Properties in this block" }),
+        /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Properties in this block" }),
         C
       ] }),
       /* @__PURE__ */ n(Pe, { className: "p-2 pl-8", children: [
@@ -3678,7 +3678,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, customFields: r })
         onDelete: k,
         propertyKey: m,
         propertyNamespace: d,
-        property: f,
+        property: b,
         existingProperty: !!m,
         autoUpdateId: !m,
         autoOpenTypeSelect: !m,
@@ -3699,7 +3699,7 @@ function Vi({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
-        value: N(a, r),
+        value: S(a, r),
         label: "Min value",
         name: r,
         type: "number",
@@ -3711,7 +3711,7 @@ function Vi({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
-        value: N(a, o),
+        value: S(a, o),
         label: "Max value",
         name: o,
         type: "number",
@@ -3723,7 +3723,7 @@ function Vi({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
-        value: N(a, s),
+        value: S(a, s),
         label: "Less than",
         name: s,
         type: "number",
@@ -3735,7 +3735,7 @@ function Vi({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
-        value: N(a, p),
+        value: S(a, p),
         label: "More than",
         name: p,
         type: "number",
@@ -3778,7 +3778,7 @@ function Vi({ disabled: t }) {
 }
 function ji({ disabled: t }) {
   const { values: a, setFieldValue: i } = K();
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(Vi, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       ze,
@@ -3790,7 +3790,7 @@ function ji({ disabled: t }) {
           i("defaultValue", r.target.value === "" ? void 0 : parseFloat(r.target.value));
         },
         label: "Default value",
-        value: N(a, "defaultValue") ?? ""
+        value: S(a, "defaultValue") ?? ""
       }
     ) })
   ] });
@@ -3811,8 +3811,8 @@ function It({
   } = K();
   if (!De())
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(He, {}) });
-  const l = a ? "of.path" : "path", g = N(o, l), y = r && N(p, l);
-  return console.log("pathError", p, y), /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+  const l = a ? "of.path" : "path", g = S(o, l), y = r && S(p, l);
+  return console.log("pathError", p, y), /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     ge,
     {
       required: !0,
@@ -3847,7 +3847,7 @@ function Fi({
   const c = p?.collections ?? [], m = Array.from(new Set(
     Object.values(c).map((d) => d.group).filter(Boolean)
   ).values()), u = c.filter((d) => !d.group);
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ n(
       Te,
       {
@@ -3866,7 +3866,7 @@ function Fi({
           return /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
             g,
             /* @__PURE__ */ e(
-              O,
+              P,
               {
                 variant: "subtitle2",
                 className: "font-medium ml-4",
@@ -3890,7 +3890,7 @@ function Fi({
                     children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
                       g,
                       /* @__PURE__ */ e(
-                        O,
+                        P,
                         {
                           variant: "subtitle2",
                           className: "font-medium ml-4",
@@ -3914,7 +3914,7 @@ function Fi({
                 children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
                   l,
                   /* @__PURE__ */ e(
-                    O,
+                    P,
                     {
                       variant: "subtitle2",
                       className: "font-medium ml-4",
@@ -3938,8 +3938,8 @@ function Ii({ disabled: t }) {
     errors: i,
     touched: r,
     setFieldValue: o
-  } = K(), s = "mode", p = N(a, s), c = N(r, s) && N(i, s), m = "autoValue", u = N(a, m), d = N(r, m) && N(i, m);
-  return /* @__PURE__ */ n(F, { children: [
+  } = K(), s = "mode", p = S(a, s), c = S(r, s) && S(i, s), m = "autoValue", u = S(a, m), d = S(r, m) && S(i, m);
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ n(
         Te,
@@ -4025,7 +4025,7 @@ function Bi({ disabled: t }) {
   ] });
 }
 function Mi({ disabled: t }) {
-  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(je, { disabled: t }) }) }) });
+  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(je, { disabled: t }) }) }) });
 }
 function oa(t, a, i) {
   let r;
@@ -4033,7 +4033,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "string",
-      fieldConfig: "text_field",
+      propertyConfig: "text_field",
       editable: t.editable !== void 0 ? t.editable : !0,
       storage: void 0,
       multiline: void 0,
@@ -4046,7 +4046,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "string",
-      fieldConfig: "multiline",
+      propertyConfig: "multiline",
       editable: t.editable !== void 0 ? t.editable : !0,
       multiline: !0,
       storage: void 0,
@@ -4059,7 +4059,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "string",
-      fieldConfig: "markdown",
+      propertyConfig: "markdown",
       editable: t.editable !== void 0 ? t.editable : !0,
       storage: void 0,
       multiline: void 0,
@@ -4071,7 +4071,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "string",
-      fieldConfig: "url",
+      propertyConfig: "url",
       editable: t.editable !== void 0 ? t.editable : !0,
       storage: void 0,
       multiline: void 0,
@@ -4084,7 +4084,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "string",
-      fieldConfig: "email",
+      propertyConfig: "email",
       editable: t.editable !== void 0 ? t.editable : !0,
       storage: void 0,
       multiline: void 0,
@@ -4097,7 +4097,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "string",
-      fieldConfig: "select",
+      propertyConfig: "select",
       editable: t.editable !== void 0 ? t.editable : !0,
       storage: void 0,
       multiline: void 0,
@@ -4110,7 +4110,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "array",
-      fieldConfig: "multi_select",
+      propertyConfig: "multi_select",
       editable: t.editable !== void 0 ? t.editable : !0,
       of: {
         dataType: "string",
@@ -4121,7 +4121,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "number",
-      fieldConfig: "number_input",
+      propertyConfig: "number_input",
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: void 0
     })
@@ -4129,7 +4129,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "number",
-      fieldConfig: "number_select",
+      propertyConfig: "number_select",
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: t.enumValues ?? []
     })
@@ -4137,7 +4137,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "array",
-      fieldConfig: "multi_number_select",
+      propertyConfig: "multi_number_select",
       editable: t.editable !== void 0 ? t.editable : !0,
       of: {
         dataType: "number",
@@ -4148,7 +4148,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "string",
-      fieldConfig: "file_upload",
+      propertyConfig: "file_upload",
       editable: t.editable !== void 0 ? t.editable : !0,
       storage: {
         storagePath: "/"
@@ -4158,7 +4158,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "array",
-      fieldConfig: "multi_file_upload",
+      propertyConfig: "multi_file_upload",
       editable: t.editable !== void 0 ? t.editable : !0,
       of: {
         dataType: "string",
@@ -4171,7 +4171,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "map",
-      fieldConfig: "group",
+      propertyConfig: "group",
       editable: t.editable !== void 0 ? t.editable : !0,
       keyValue: !1,
       properties: t.properties ?? {}
@@ -4180,7 +4180,7 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "map",
-      fieldConfig: "key_value",
+      propertyConfig: "key_value",
       editable: t.editable !== void 0 ? t.editable : !0,
       keyValue: !0,
       properties: void 0
@@ -4189,14 +4189,14 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "reference",
-      fieldConfig: "reference",
+      propertyConfig: "reference",
       editable: t.editable !== void 0 ? t.editable : !0
     })
   ) : a === "multi_references" ? r = L(
     t,
     G({
       dataType: "array",
-      fieldConfig: "multi_references",
+      propertyConfig: "multi_references",
       editable: t.editable !== void 0 ? t.editable : !0,
       of: {
         dataType: "reference"
@@ -4206,14 +4206,14 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "boolean",
-      fieldConfig: "switch",
+      propertyConfig: "switch",
       editable: t.editable !== void 0 ? t.editable : !0
     })
   ) : a === "date_time" ? r = L(
     t,
     G({
       dataType: "date",
-      fieldConfig: "date_time",
+      propertyConfig: "date_time",
       editable: t.editable !== void 0 ? t.editable : !0,
       mode: "date_time"
     })
@@ -4221,22 +4221,22 @@ function oa(t, a, i) {
     t,
     G({
       dataType: "array",
-      fieldConfig: "repeat",
+      propertyConfig: "repeat",
       editable: t.editable !== void 0 ? t.editable : !0
     })
   ) : a === "block" ? r = L(
     t,
     G({
       dataType: "array",
-      fieldConfig: "block",
+      propertyConfig: "block",
       editable: t.editable !== void 0 ? t.editable : !0,
       oneOf: {
         properties: {}
       }
     })
-  ) : a && i[a] && (r = { ...i[a].property, fieldConfig: a }), r;
+  ) : a && i[a] && (r = { ...i[a].property, propertyConfig: a }), r;
 }
-function na({ value: t, optionDisabled: a, fieldConfig: i, existing: r }) {
+function na({ value: t, optionDisabled: a, propertyConfig: i, existing: r }) {
   return /* @__PURE__ */ e(
     ye,
     {
@@ -4251,11 +4251,11 @@ function na({ value: t, optionDisabled: a, fieldConfig: i, existing: r }) {
             a ? "w-full" : ""
           ),
           children: [
-            /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(We, { fieldConfig: i }) }),
+            /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(We, { propertyConfig: i }) }),
             /* @__PURE__ */ n("div", { children: [
               /* @__PURE__ */ e("div", { children: i.name }),
               /* @__PURE__ */ e(
-                O,
+                P,
                 {
                   variant: "caption",
                   color: "disabled",
@@ -4285,59 +4285,59 @@ const sa = U.memo(
     onDelete: l,
     onError: g,
     initialErrors: y,
-    forceShowErrors: f,
+    forceShowErrors: b,
     existingPropertyKeys: k,
     allowDataInference: C,
     getHelpers: x,
     getData: h,
     customFields: v
   }) {
-    const b = {
+    const f = {
       id: "",
       name: ""
     }, _ = (m && !Ke(m)) ?? !1, T = Le(m ? {
       id: p,
       previousId: p,
       property: m
-    } : void 0), I = ({
+    } : void 0), B = ({
       id: w,
-      property: V
+      property: j
     }) => {
-      const P = {
+      const N = {
         id: w,
         previousId: T.current?.id,
-        property: V,
+        property: j,
         namespace: c
       };
-      T.current = P, u?.(P);
+      T.current = N, u?.(N);
     };
     return /* @__PURE__ */ e(
       Pt,
       {
         initialErrors: y,
-        initialValues: m ? { id: p, ...m } : b,
-        onSubmit: (w, V) => {
+        initialValues: m ? { id: p, ...m } : f,
+        onSubmit: (w, j) => {
           console.log("Submitting property", w);
           const {
-            id: P,
-            ...S
+            id: N,
+            ...O
           } = w;
-          I({
-            id: P,
-            property: S
-          }), r || V.resetForm({ values: b });
+          B({
+            id: N,
+            property: { ...O, editable: O.editable ?? !0 }
+          }), r || j.resetForm({ values: f });
         },
         children: (w) => (pe(() => {
           x?.(w);
         }, [w]), /* @__PURE__ */ e(
           Di,
           {
-            onPropertyChanged: d ? I : void 0,
+            onPropertyChanged: d ? B : void 0,
             onDelete: l,
             includeIdAndTitle: a,
             propertyNamespace: c,
             onError: g,
-            showErrors: f || w.submitCount > 0,
+            showErrors: b || w.submitCount > 0,
             existing: r,
             autoUpdateId: o,
             inArray: s,
@@ -4388,7 +4388,7 @@ function Ve({
         ) }),
         /* @__PURE__ */ n(Qe, { children: [
           a && /* @__PURE__ */ e(
-            D,
+            R,
             {
               variant: "text",
               onClick: () => {
@@ -4398,7 +4398,7 @@ function Ve({
             }
           ),
           /* @__PURE__ */ e(
-            D,
+            R,
             {
               variant: "outlined",
               color: "primary",
@@ -4426,124 +4426,124 @@ function Di({
   propertyNamespace: l,
   onError: g,
   showErrors: y,
-  disabled: f,
+  disabled: b,
   inArray: k,
   existingPropertyKeys: C,
   getData: x,
   allowDataInference: h,
   customFields: v
 }) {
-  const [b, _] = Q(c), [T, I] = Q(!1), [w, V] = Q(t?.dataType ? Jt(t) : void 0), P = Object.entries(_t).concat(Object.entries(v)), S = k ? P.filter(([Y, ae]) => !de(ae.property) && ae.property?.dataType !== "array") : P, R = ga(t), te = Le(null), q = Le(t), j = "id", ke = y && N(a, "selectedWidget");
+  const [f, _] = Q(c), [T, B] = Q(!1), [w, j] = Q(t?.dataType ? Jt(t) : void 0), N = Object.entries(_t).concat(Object.entries(v)), O = k ? N.filter(([Y, ae]) => !de(ae.property) && ae.property?.dataType !== "array") : N, V = ga(t), te = Le(null), q = Le(t), E = "id", ke = y && S(a, "selectedWidget");
   pe(() => {
-    !N(i, j) && p && t?.name && o(j, Yt(t.name));
+    !S(i, E) && p && t?.name && o(E, Yt(t.name));
   }, [p, i, t?.name]), pe(() => {
-    if (u && (!m || R.id)) {
+    if (u && (!m || V.id)) {
       const {
         id: Y,
         ...ae
-      } = R;
-      ct(R, q.current) || (u({
+      } = V;
+      ct(V, q.current) || (u({
         id: Y,
         property: ae,
         namespace: l
-      }), q.current = R);
+      }), q.current = V);
     }
-  }, [R, m, u, l]), pe(() => {
+  }, [V, m, u, l]), pe(() => {
     t?.id && g && Object.keys(a).length > 0 && g(t?.id, l, a);
   }, [a, g, l, t?.id]);
   const Se = (Y) => {
-    V(Y), r(oa(t, Y, v)), setTimeout(() => {
+    j(Y), r(oa(t, Y, v)), setTimeout(() => {
       te.current?.focus();
     }, 0);
   };
-  let B;
-  return w === "text_field" || w === "multiline" || w === "markdown" || w === "url" || w === "email" ? B = /* @__PURE__ */ e(
+  let M;
+  return w === "text_field" || w === "multiline" || w === "markdown" || w === "url" || w === "email" ? M = /* @__PURE__ */ e(
     Ai,
     {
       widgetId: w,
-      disabled: f,
+      disabled: b,
       showErrors: y
     }
-  ) : w === "select" || w === "number_select" ? B = /* @__PURE__ */ e(
+  ) : w === "select" || w === "number_select" ? M = /* @__PURE__ */ e(
     Et,
     {
       multiselect: !1,
       allowDataInference: h,
       updateIds: !s,
-      disabled: f,
+      disabled: b,
       getData: x,
       showErrors: y
     }
-  ) : w === "multi_select" || w === "multi_number_select" ? B = /* @__PURE__ */ e(
+  ) : w === "multi_select" || w === "multi_number_select" ? M = /* @__PURE__ */ e(
     Et,
     {
       multiselect: !0,
       updateIds: !s,
-      disabled: f,
+      disabled: b,
       allowDataInference: h,
       getData: x,
       showErrors: y
     }
-  ) : w === "file_upload" ? B = /* @__PURE__ */ e(
+  ) : w === "file_upload" ? M = /* @__PURE__ */ e(
     Ft,
     {
       existing: s,
       multiple: !1,
-      disabled: f
+      disabled: b
     }
-  ) : w === "multi_file_upload" ? B = /* @__PURE__ */ e(
+  ) : w === "multi_file_upload" ? M = /* @__PURE__ */ e(
     Ft,
     {
       existing: s,
       multiple: !0,
-      disabled: f
+      disabled: b
     }
-  ) : w === "switch" ? B = /* @__PURE__ */ e(zi, { disabled: f }) : w === "number_input" ? B = /* @__PURE__ */ e(ji, { disabled: f }) : w === "group" ? B = /* @__PURE__ */ e(
+  ) : w === "switch" ? M = /* @__PURE__ */ e(zi, { disabled: b }) : w === "number_input" ? M = /* @__PURE__ */ e(ji, { disabled: b }) : w === "group" ? M = /* @__PURE__ */ e(
     Ci,
     {
-      disabled: f,
+      disabled: b,
       getData: x,
       allowDataInference: h,
       customFields: v
     }
-  ) : w === "block" ? B = /* @__PURE__ */ e(
+  ) : w === "block" ? M = /* @__PURE__ */ e(
     Ti,
     {
-      disabled: f,
+      disabled: b,
       getData: x,
       allowDataInference: h,
       customFields: v
     }
-  ) : w === "reference" ? B = /* @__PURE__ */ e(
+  ) : w === "reference" ? M = /* @__PURE__ */ e(
     It,
     {
       showErrors: y,
       existing: s,
       multiple: !1,
-      disabled: f
+      disabled: b
     }
-  ) : w === "date_time" ? B = /* @__PURE__ */ e(Ii, { disabled: f }) : w === "multi_references" ? B = /* @__PURE__ */ e(
+  ) : w === "date_time" ? M = /* @__PURE__ */ e(Ii, { disabled: b }) : w === "multi_references" ? M = /* @__PURE__ */ e(
     It,
     {
       showErrors: y,
       existing: s,
       multiple: !0,
-      disabled: f
+      disabled: b
     }
-  ) : w === "repeat" ? B = /* @__PURE__ */ e(
+  ) : w === "repeat" ? M = /* @__PURE__ */ e(
     Oi,
     {
       showErrors: y,
       existing: s,
       getData: x,
       allowDataInference: h,
-      disabled: f,
+      disabled: b,
       customFields: v
     }
-  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: f }) : B = null, /* @__PURE__ */ n(F, { children: [
-    f && /* @__PURE__ */ n(Wt, { mode: "warn", children: [
-      /* @__PURE__ */ e(O, { children: "This property can't be edited" }),
-      /* @__PURE__ */ n(O, { variant: "caption", children: [
+  ) : w === "key_value" ? M = /* @__PURE__ */ e(Mi, { disabled: b }) : M = null, /* @__PURE__ */ n(I, { children: [
+    b && /* @__PURE__ */ n(Wt, { mode: "warn", children: [
+      /* @__PURE__ */ e(P, { children: "This property can't be edited" }),
+      /* @__PURE__ */ n(P, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
         /* @__PURE__ */ e("code", { children: "editable" }),
         " flag"
@@ -4558,10 +4558,10 @@ function Di({
             error: !!ke,
             value: w ?? "",
             placeholder: "Select a property widget",
-            open: b,
+            open: f,
             onOpenChange: _,
             position: "item-aligned",
-            disabled: f,
+            disabled: b,
             renderValue: (Y) => {
               if (!Y)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
@@ -4577,11 +4577,11 @@ function Di({
                     xe ? "w-full pointer-events-none opacity-50" : ""
                   ),
                   children: [
-                    /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(We, { fieldConfig: fe }) }),
+                    /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(We, { propertyConfig: fe }) }),
                     /* @__PURE__ */ n("div", { className: "flex flex-col items-start text-base text-left", children: [
                       /* @__PURE__ */ e("div", { children: fe.name }),
                       /* @__PURE__ */ e(
-                        O,
+                        P,
                         {
                           variant: "caption",
                           color: "disabled",
@@ -4596,14 +4596,14 @@ function Di({
             onValueChange: (Y) => {
               Se(Y);
             },
-            children: S.map(([Y, ae]) => {
+            children: O.map(([Y, ae]) => {
               const ce = ae.property, re = s && !de(ce) && ce.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
                 na,
                 {
                   value: Y,
                   optionDisabled: re,
-                  fieldConfig: ae,
+                  propertyConfig: ae,
                   existing: s
                 },
                 Y
@@ -4612,7 +4612,7 @@ function Di({
           }
         ),
         ke && /* @__PURE__ */ e(
-          O,
+          P,
           {
             variant: "caption",
             className: "ml-3.5",
@@ -4626,8 +4626,8 @@ function Di({
         {
           variant: "ghost",
           className: "m-4",
-          disabled: f,
-          onClick: () => I(!0),
+          disabled: b,
+          onClick: () => B(!0),
           children: /* @__PURE__ */ e(st, {})
         }
       )
@@ -4640,19 +4640,19 @@ function Di({
           disabledId: s,
           isNewProperty: !s,
           existingPropertyKeys: C,
-          disabled: f,
+          disabled: b,
           ref: te
         }
       ),
-      B,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Bi, { disabled: f }) })
+      M,
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Bi, { disabled: b }) })
     ] }),
     d && /* @__PURE__ */ e(
       lt,
       {
         open: T,
         onAccept: () => d(t?.id, l),
-        onCancel: () => I(!1),
+        onCancel: () => B(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
         body: /* @__PURE__ */ n("div", { children: [
           " This will ",
@@ -4680,10 +4680,10 @@ function Ri({
     values: l,
     setFieldValue: g,
     setFieldError: y,
-    setFieldTouched: f,
+    setFieldTouched: b,
     errors: k,
     dirty: C
-  } = K(), x = Ze(), h = Va("lg"), v = !h, [b, _] = Q(), [T, I] = Q(), [w, V] = Q(), P = T ? se(T, w) : void 0, S = P ? N(l.properties, P.replaceAll(".", ".properties.")) : void 0, [R, te] = Q(!1), [q, j] = Q(!1), [ke, Se] = Q([]), B = U.useRef(l.propertiesOrder ? { "": l.propertiesOrder } : {});
+  } = K(), x = Ze(), h = Va("lg"), v = !h, [f, _] = Q(), [T, B] = Q(), [w, j] = Q(), N = T ? se(T, w) : void 0, O = N ? S(l.properties, N.replaceAll(".", ".properties.")) : void 0, [V, te] = Q(!1), [q, E] = Q(!1), [ke, Se] = Q([]), M = U.useRef(l.propertiesOrder ? { "": l.propertiesOrder } : {});
   pe(() => {
     o && o(C);
   }, [C]);
@@ -4696,81 +4696,81 @@ function Ri({
         });
         return;
       }
-      const E = Object.keys(z.properties).filter((ne) => !l.properties[ne]);
-      if (E.length === 0) {
+      const F = Object.keys(z.properties).filter((ne) => !l.properties[ne]);
+      if (F.length === 0) {
         x.open({
           type: "info",
           message: "No new properties found"
         });
         return;
       }
-      const M = {
-        ...E.reduce((ne, be) => (ne[be] = z.properties[be], ne), {}),
+      const D = {
+        ...F.reduce((ne, be) => (ne[be] = z.properties[be], ne), {}),
         ...l.properties
       }, oe = [
-        ...E,
+        ...F,
         ...l.propertiesOrder ?? []
       ];
-      g("properties", M, !1), ce(oe), Se(E);
+      g("properties", D, !1), ce(oe), Se(F);
     }).finally(() => {
       te(!1);
     }));
-  } : void 0, ae = (z) => z ? B.current[z] ?? N(l, Oe(z)) : B.current[""], ce = (z, E) => {
-    const M = Oe(E);
-    g(M, z, !1), B.current[E ?? ""] = z;
-  }, re = (z, E) => {
-    const M = z ? se(z, E) : void 0;
-    if (!M)
+  } : void 0, ae = (z) => z ? M.current[z] ?? S(l, Oe(z)) : M.current[""], ce = (z, F) => {
+    const D = Oe(F);
+    g(D, z, !1), M.current[F ?? ""] = z;
+  }, re = (z, F) => {
+    const D = z ? se(z, F) : void 0;
+    if (!D)
       throw Error("collection editor miss config");
-    g(we(M), void 0, !1);
-    const ne = ae(E).filter((be) => be !== z);
-    ce(ne, E), j(!1), _(void 0), I(void 0), V(void 0);
-  }, Fe = (z, E) => {
-    g(Oe(E), z, !1);
+    g(we(D), void 0, !1);
+    const ne = ae(F).filter((be) => be !== z);
+    ce(ne, F), E(!1), _(void 0), B(void 0), j(void 0);
+  }, Fe = (z, F) => {
+    g(Oe(F), z, !1);
   }, xe = ({
     id: z,
-    property: E
+    property: F
   }) => {
     if (console.log("onPropertyCreated", {
       id: z,
-      property: E
+      property: F
     }), !z)
       throw Error("Need to include an ID when creating a new property");
     g("properties", {
       ...l.properties ?? {},
-      [z]: E
+      [z]: F
     }, !1);
-    const M = [...l.propertiesOrder ?? Object.keys(l.properties), z];
+    const D = [...l.propertiesOrder ?? Object.keys(l.properties), z];
     console.log("onPropertyCreated", {
       id: z,
-      property: E,
-      newPropertiesOrder: M
-    }), ce(M), j(!1), h && (_(M.indexOf(z)), I(z)), V(void 0);
+      property: F,
+      newPropertiesOrder: D
+    }), ce(D), E(!1), h && (_(D.indexOf(z)), B(z)), j(void 0);
   }, fe = ({
     id: z,
-    property: E,
-    previousId: M,
+    property: F,
+    previousId: D,
     namespace: oe
   }) => {
     const ne = z ? se(z, oe) : void 0, be = ne ? we(ne) : void 0;
-    if (M && M !== z) {
-      const ht = se(M, oe), et = we(ht), Ue = ae(oe).map((ue) => ue === M ? z : ue).filter((ue) => ue !== void 0);
-      ce(Ue, oe), z && (_(Ue.indexOf(z)), I(z)), g(et, void 0, !1), f(et, !1, !1);
+    if (D && D !== z) {
+      const ht = se(D, oe), et = we(ht), Ue = ae(oe).map((ue) => ue === D ? z : ue).filter((ue) => ue !== void 0);
+      ce(Ue, oe), z && (_(Ue.indexOf(z)), B(z)), g(et, void 0, !1), b(et, !1, !1);
     }
-    be && (g(be, E, !1), f(be, !0, !1));
-  }, W = (z, E, M) => {
-    const oe = z ? se(z, E) : void 0;
+    be && (g(be, F, !1), b(be, !0, !1));
+  }, W = (z, F, D) => {
+    const oe = z ? se(z, F) : void 0;
     if (console.warn("onPropertyErrorInternal", {
       id: z,
-      namespace: E,
-      error: M,
+      namespace: F,
+      error: D,
       propertyPath: oe
     }), oe) {
-      const ne = M && Object.keys(M).length > 0;
-      r(z, E, ne ? M : void 0), y(we(oe), ne ? "Property error" : void 0);
+      const ne = D && Object.keys(D).length > 0;
+      r(z, F, ne ? D : void 0), y(we(oe), ne ? "Property error" : void 0);
     }
   }, Ie = () => {
-    _(void 0), I(void 0);
+    _(void 0), B(void 0);
   }, Xe = T && i?.current?.properties ? i.current.properties[T] : void 0, ut = l?.propertiesOrder === void 0 || l.propertiesOrder.length === 0, A = l.propertiesOrder ? l.propertiesOrder : Object.keys(l.properties), H = Ut(() => c(l.ownerId), [c, l.ownerId]), $ = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ n("div", { className: _e(
       "p-4 md:p-8 pb-20 md:pb-20",
@@ -4794,7 +4794,7 @@ function Ri({
             }
           ),
           H && /* @__PURE__ */ n(
-            O,
+            P,
             {
               variant: "body2",
               className: "ml-2",
@@ -4809,19 +4809,19 @@ function Ri({
         p && /* @__PURE__ */ e("div", { className: "ml-4", children: p }),
         /* @__PURE__ */ n("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
           Y && /* @__PURE__ */ e(ie, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
-            D,
+            R,
             {
               variant: "text",
-              disabled: R,
+              disabled: V,
               onClick: Y,
-              children: R ? /* @__PURE__ */ e(He, { size: "small" }) : /* @__PURE__ */ e(pt, {})
+              children: V ? /* @__PURE__ */ e(He, { size: "small" }) : /* @__PURE__ */ e(pt, {})
             }
           ) }),
           /* @__PURE__ */ e(ie, { title: "Add new property", children: /* @__PURE__ */ e(
-            D,
+            R,
             {
               variant: "outlined",
-              onClick: () => j(!0),
+              onClick: () => E(!0),
               children: /* @__PURE__ */ e(Ne, {})
             }
           ) })
@@ -4831,8 +4831,8 @@ function Ri({
         mt,
         {
           className: "pl-8",
-          onPropertyClick: (z, E) => {
-            _(A.indexOf(z)), I(z), V(E);
+          onPropertyClick: (z, F) => {
+            _(A.indexOf(z)), B(z), j(F);
           },
           inferredPropertyKeys: ke,
           selectedPropertyKey: T ? se(T, w) : void 0,
@@ -4845,13 +4845,13 @@ function Ri({
         }
       ) }),
       /* @__PURE__ */ e(
-        D,
+        R,
         {
           className: "mt-8 w-full",
           color: "primary",
           variant: "outlined",
           size: "large",
-          onClick: () => j(!0),
+          onClick: () => E(!0),
           startIcon: /* @__PURE__ */ e(Ne, {}),
           children: "Add new property"
         }
@@ -4862,7 +4862,7 @@ function Ri({
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
-          P && S && !de(S) && /* @__PURE__ */ e(
+          N && O && !de(O) && /* @__PURE__ */ e(
             sa,
             {
               inArray: !1,
@@ -4872,7 +4872,7 @@ function Ri({
               autoOpenTypeSelect: !1,
               propertyKey: T,
               propertyNamespace: w,
-              property: S,
+              property: O,
               onPropertyChanged: fe,
               onDelete: re,
               onError: W,
@@ -4881,10 +4881,10 @@ function Ri({
               getData: m,
               customFields: d
             },
-            `edit_view_${b}`
+            `edit_view_${f}`
           ),
-          !S && /* @__PURE__ */ e(O, { variant: "label", className: "flex items-center justify-center h-full", children: ut ? "Now you can add your first property" : "Select a property to edit it" }),
-          S && de(S) && /* @__PURE__ */ e(O, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
+          !O && /* @__PURE__ */ e(P, { variant: "label", className: "flex items-center justify-center h-full", children: ut ? "Now you can add your first property" : "Select a property to edit it" }),
+          O && de(O) && /* @__PURE__ */ e(P, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
         ]
       }
     ) }),
@@ -4892,14 +4892,14 @@ function Ri({
       Ve,
       {
         inArray: !1,
-        open: b !== void 0,
+        open: f !== void 0,
         autoUpdateId: a,
         allowDataInference: !a,
         existingProperty: !0,
         autoOpenTypeSelect: !1,
         propertyKey: T,
         propertyNamespace: w,
-        property: S,
+        property: O,
         onPropertyChanged: fe,
         onDelete: re,
         onError: W,
@@ -4909,10 +4909,10 @@ function Ri({
         customFields: d,
         onOkClicked: v ? Ie : void 0
       },
-      `edit_view_${b}`
+      `edit_view_${f}`
     )
   ] });
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     $,
     /* @__PURE__ */ e(
       Ve,
@@ -4923,7 +4923,7 @@ function Ri({
         autoUpdateId: !0,
         forceShowErrors: t,
         open: q,
-        onCancel: () => j(!1),
+        onCancel: () => E(!1),
         onPropertyChanged: xe,
         getData: m,
         allowDataInference: !a,
@@ -4949,13 +4949,13 @@ function Ui({
       "aria-describedby": "alert-dialog-description",
       children: [
         /* @__PURE__ */ n(Ge, { children: [
-          /* @__PURE__ */ e(O, { variant: "h6", children: o ?? "Unsaved changes" }),
-          r && /* @__PURE__ */ e(O, { children: r }),
-          /* @__PURE__ */ e(O, { children: "Are you sure?" })
+          /* @__PURE__ */ e(P, { variant: "h6", children: o ?? "Unsaved changes" }),
+          r && /* @__PURE__ */ e(P, { children: r }),
+          /* @__PURE__ */ e(P, { children: "Are you sure?" })
         ] }),
         /* @__PURE__ */ n(Qe, { children: [
-          /* @__PURE__ */ e(D, { variant: "text", onClick: i, autoFocus: !0, children: " Cancel " }),
-          /* @__PURE__ */ e(D, { onClick: a, children: " Ok " })
+          /* @__PURE__ */ e(R, { variant: "text", onClick: i, autoFocus: !0, children: " Cancel " }),
+          /* @__PURE__ */ e(R, { onClick: a, children: " Ok " })
         ] })
       ]
     }
@@ -4970,9 +4970,9 @@ function $i({ open: t, onClose: a }) {
       open: t,
       children: [
         /* @__PURE__ */ n(Ge, { children: [
-          /* @__PURE__ */ e(O, { variant: "h6", children: "Select view" }),
+          /* @__PURE__ */ e(P, { variant: "h6", children: "Select view" }),
           i?.map((r) => /* @__PURE__ */ n(
-            D,
+            R,
             {
               onClick: () => a(r.key),
               fullWidth: !0,
@@ -4987,7 +4987,7 @@ function $i({ open: t, onClose: a }) {
             r.key
           ))
         ] }),
-        /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(D, { onClick: () => a(), children: "Cancel" }) })
+        /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(R, { onClick: () => a(), children: "Cancel" }) })
       ]
     }
   );
@@ -5000,21 +5000,21 @@ function Li({
   getUser: o,
   parentPathSegments: s
 }) {
-  const { entityViews: p } = qe(), [c, m] = U.useState(), [u, d] = U.useState(!1), [l, g] = U.useState(), [y, f] = U.useState(), {
+  const { entityViews: p } = qe(), [c, m] = U.useState(), [u, d] = U.useState(!1), [l, g] = U.useState(), [y, b] = U.useState(), {
     values: k,
     setFieldValue: C
-  } = K(), x = t.subcollections ?? [], h = k.entityViews?.filter((_) => typeof _ == "string").map((_) => ja(_, p)).filter(Boolean) ?? [], v = t.entityViews?.filter((_) => typeof _ != "string") ?? [], b = h.length + v.length;
+  } = K(), x = t.subcollections ?? [], h = k.entityViews?.filter((_) => typeof _ == "string").map((_) => ja(_, p)).filter(Boolean) ?? [], v = t.entityViews?.filter((_) => typeof _ != "string") ?? [], f = h.length + v.length;
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(dt, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ n("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ n("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
-        /* @__PURE__ */ n(O, { variant: "h5", children: [
+        /* @__PURE__ */ n(P, { variant: "h5", children: [
           "Subcollections of ",
           k.name
         ] }),
         x && x.length > 0 && /* @__PURE__ */ e(Pe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ e(Vt, { children: x.map((_) => /* @__PURE__ */ n(
           gt,
           {
-            onClick: () => f({
+            onClick: () => b({
               isNewCollection: !1,
               editedCollectionPath: _.path
             }),
@@ -5023,7 +5023,7 @@ function Li({
                 $e,
                 {
                   align: "left",
-                  children: /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: _.name })
+                  children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: _.name })
                 }
               ),
               /* @__PURE__ */ e(
@@ -5048,10 +5048,10 @@ function Li({
           _.path
         )) }) }) }),
         /* @__PURE__ */ e(
-          D,
+          R,
           {
             onClick: () => {
-              f({
+              b({
                 isNewCollection: !0
               });
             },
@@ -5062,14 +5062,14 @@ function Li({
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
-        /* @__PURE__ */ e(O, { variant: "h5", children: "Custom views" }),
-        b > 0 && /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Pe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ n(Vt, { children: [
+        /* @__PURE__ */ e(P, { variant: "h5", children: "Custom views" }),
+        f > 0 && /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(Pe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ n(Vt, { children: [
           h.map((_) => /* @__PURE__ */ n(gt, { children: [
             /* @__PURE__ */ e(
               $e,
               {
                 align: "left",
-                children: /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: _.name })
+                children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: _.name })
               }
             ),
             /* @__PURE__ */ e(
@@ -5095,8 +5095,8 @@ function Li({
             {
               align: "left",
               children: [
-                /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: _.name }),
-                /* @__PURE__ */ n(O, { variant: "caption", className: "flex-grow", children: [
+                /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: _.name }),
+                /* @__PURE__ */ n(P, { variant: "caption", className: "flex-grow", children: [
                   "This view is defined in code with key ",
                   /* @__PURE__ */ e("code", { children: _.key })
                 ] })
@@ -5104,9 +5104,9 @@ function Li({
             }
           ) }, _.key))
         ] }) }) }) }),
-        b === 0 && /* @__PURE__ */ e(Wt, { children: "COMING SOON: You can define your own custom views by uploading it with the CLI" }),
+        f === 0 && /* @__PURE__ */ e(Wt, { children: "COMING SOON: You can define your own custom views by uploading it with the CLI" }),
         /* @__PURE__ */ e(
-          D,
+          R,
           {
             onClick: () => {
               d(!0);
@@ -5129,8 +5129,8 @@ function Li({
           }), m(void 0);
         },
         onCancel: () => m(void 0),
-        title: /* @__PURE__ */ e(F, { children: "Delete this subcollection?" }),
-        body: /* @__PURE__ */ n(F, { children: [
+        title: /* @__PURE__ */ e(I, { children: "Delete this subcollection?" }),
+        body: /* @__PURE__ */ n(I, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -5145,8 +5145,8 @@ function Li({
           C("entityViews", k.entityViews?.filter((_) => _ !== l)), g(void 0);
         },
         onCancel: () => g(void 0),
-        title: /* @__PURE__ */ e(F, { children: "Remove this view?" }),
-        body: /* @__PURE__ */ n(F, { children: [
+        title: /* @__PURE__ */ e(I, { children: "Remove this view?" }),
+        body: /* @__PURE__ */ n(I, { children: [
           "This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the view in the CMS"
@@ -5165,7 +5165,7 @@ function Li({
         ...y,
         getUser: o,
         handleClose: () => {
-          f(void 0);
+          b(void 0);
         }
       }
     ),
@@ -5419,7 +5419,7 @@ function Ki({
   const [s, p] = Q(!1), [c, m] = Q();
   pe(() => {
     a && o && (p(!0), a(t).then((h) => {
-      const v = h.filter((b) => !o.find((_) => _.path.trim().toLowerCase() === b.trim().toLowerCase()));
+      const v = h.filter((f) => !o.find((_) => _.path.trim().toLowerCase() === f.trim().toLowerCase()));
       m(v);
     }).finally(() => p(!1)));
   }, [o, t, a]);
@@ -5429,7 +5429,7 @@ function Ki({
     setValues: l,
     handleChange: g,
     touched: y,
-    errors: f,
+    errors: b,
     setFieldTouched: k,
     isSubmitting: C,
     submitCount: x
@@ -5439,16 +5439,16 @@ function Ki({
       "div",
       {
         className: "flex flex-row py-2 pt-3 items-center",
-        children: /* @__PURE__ */ e(O, { variant: "h4", className: "flex-grow", children: "New collection" })
+        children: /* @__PURE__ */ e(P, { variant: "h4", className: "flex-grow", children: "New collection" })
       }
     ),
-    i && /* @__PURE__ */ e(nt, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(O, { variant: "caption", children: [
+    i && /* @__PURE__ */ e(nt, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(P, { variant: "caption", children: [
       "This is a subcollection of ",
       /* @__PURE__ */ e("b", { children: i.name })
     ] }) }),
     /* @__PURE__ */ n("div", { className: "my-2", children: [
       /* @__PURE__ */ e(
-        O,
+        P,
         {
           variant: "caption",
           color: "secondary",
@@ -5469,12 +5469,12 @@ function Ki({
           },
           h
         )),
-        !s && c?.length === 0 && /* @__PURE__ */ e(O, { variant: "caption", children: "No suggestions" })
+        !s && c?.length === 0 && /* @__PURE__ */ e(P, { variant: "caption", children: "No suggestions" })
       ] })
     ] }),
     /* @__PURE__ */ n("div", { className: "my-2", children: [
       /* @__PURE__ */ e(
-        O,
+        P,
         {
           variant: "caption",
           color: "secondary",
@@ -5519,7 +5519,7 @@ function Ki({
     ] }),
     !i && /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ e(
-        O,
+        P,
         {
           variant: "caption",
           color: "secondary",
@@ -5529,7 +5529,7 @@ function Ki({
       ),
       /* @__PURE__ */ e(ai, { onDataAdded: (h) => r(h) })
     ] }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(D, { variant: "text", onClick: () => r(), className: "my-2", children: "Continue from scratch" }) })
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(R, { variant: "text", onClick: () => r(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
 }
 function yt({
@@ -5556,7 +5556,7 @@ function yt({
           "div",
           {
             className: "flex flex-col items-start",
-            children: /* @__PURE__ */ e(O, { variant: "subtitle1", children: t })
+            children: /* @__PURE__ */ e(P, { variant: "subtitle1", children: t })
           }
         )
       ]
@@ -5598,40 +5598,40 @@ function Gi({
   } = K(), [s, p] = Q(void 0), c = U.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), m = s ? s.id : void 0, u = s || void 0, d = ({
     id: g,
     property: y,
-    previousId: f,
+    previousId: b,
     namespace: k
   }) => {
-    const C = g ? se(g, k) : void 0, x = C ? we(C) : void 0, h = (b) => b ? c.current[b] ?? N(o, Oe(b)) : c.current[""], v = (b, _) => {
+    const C = g ? se(g, k) : void 0, x = C ? we(C) : void 0, h = (f) => f ? c.current[f] ?? S(o, Oe(f)) : c.current[""], v = (f, _) => {
       const T = Oe(_);
-      i(T, b, !1), c.current[_ ?? ""] = b;
+      i(T, f, !1), c.current[_ ?? ""] = f;
     };
-    if (f && f !== g) {
-      const b = se(f, k), _ = we(b), I = h(k).map((V) => V === f ? g : V).filter((V) => V !== void 0);
-      v(I, k);
+    if (b && b !== g) {
+      const f = se(b, k), _ = we(f), B = h(k).map((j) => j === b ? g : j).filter((j) => j !== void 0);
+      v(B, k);
       const w = { ...t.headersMapping };
-      Object.keys(w).forEach((V) => {
-        w[V] === f && (w[V] = g ?? "");
+      Object.keys(w).forEach((j) => {
+        w[j] === b && (w[j] = g ?? "");
       }), t.setHeadersMapping(w), i(_, void 0, !1), r(_, !1, !1);
     }
     x && (i(x, y, !1), r(x, !0, !1));
   }, l = async ({
     id: g,
     importKey: y,
-    property: f,
+    property: b,
     namespace: k
   }) => {
-    const C = g ? se(g, k) : void 0, x = C ? we(C) : void 0, h = t.importData.map((b) => N(b, y)), v = {
-      ...Ja(h, f, aa),
+    const C = g ? se(g, k) : void 0, x = C ? we(C) : void 0, h = t.importData.map((f) => S(f, y)), v = {
+      ...Ja(h, b, aa),
       editable: !0
     };
     x && (v ? (console.log("updating inferredNewProperty", {
-      property: f,
+      property: b,
       inferredNewProperty: v
-    }), i(x, v, !1)) : i(x, f, !1), r(x, !0, !1));
+    }), i(x, v, !1)) : i(x, b, !1), r(x, !0, !1));
   };
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ n(dt, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
-      /* @__PURE__ */ e(O, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
+      /* @__PURE__ */ e(P, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
         ii,
         {
@@ -5643,7 +5643,7 @@ function Gi({
           buildPropertyView: ({
             property: g,
             propertyKey: y,
-            importKey: f
+            importKey: b
           }) => /* @__PURE__ */ e(
             ri,
             {
@@ -5664,7 +5664,7 @@ function Gi({
                   disabled: !1,
                   onPropertyChanged: (k) => l({
                     ...k,
-                    importKey: f
+                    importKey: b
                   }),
                   propertyKey: y,
                   customFields: a
@@ -5724,7 +5724,7 @@ function Qi({
           value: p ?? "",
           placeholder: "Select a property widget",
           position: "item-aligned",
-          renderValue: (d) => c ? /* @__PURE__ */ e(We, { fieldConfig: c }) : null,
+          renderValue: (d) => c ? /* @__PURE__ */ e(We, { propertyConfig: c }) : null,
           onValueChange: (d) => {
             const l = oa(t, d, r);
             i && (a({
@@ -5739,7 +5739,7 @@ function Qi({
             {
               value: d,
               optionDisabled: !1,
-              fieldConfig: l,
+              propertyConfig: l,
               existing: !1
             },
             d
@@ -5759,8 +5759,8 @@ function Zi({ importConfig: t, properties: a, propertiesOrder: i }) {
     Fa,
     {
       title: /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Imported data preview" }),
-        /* @__PURE__ */ e(O, { variant: "caption", children: "Entities with the same id will be overwritten" })
+        /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Imported data preview" }),
+        /* @__PURE__ */ e(P, { variant: "caption", children: "Entities with the same id will be overwritten" })
       ] }),
       tableController: {
         data: t.entities,
@@ -5860,18 +5860,18 @@ function Ji({
   setFormDirty: l,
   pathSuggestions: g,
   getUser: y,
-  parentCollection: f,
+  parentCollection: b,
   getData: k
 }) {
   const { fields: C } = qe(), x = De(), {
     topLevelNavigation: h,
     collections: v
-  } = x, b = !a?.path && (o ?? []).length === 0, _ = (f ? f.subcollections : v) ?? [], T = _.map((A) => A.path.trim().toLowerCase()), I = _.map((A) => A.alias?.trim().toLowerCase()).filter(Boolean), w = si();
+  } = x, f = !a?.path && (o ?? []).length === 0, _ = (b ? b.subcollections : v) ?? [], T = _.map((A) => A.path.trim().toLowerCase()), B = _.map((A) => A.alias?.trim().toLowerCase()).filter(Boolean), w = si();
   if (!h)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
-    groups: V
-  } = h, P = Ze(), S = Re(), R = Le({}), te = t ? b ? "welcome" : "details" : "properties", [q, j] = Q(te), [ke, Se] = ve.useState(), [B, Y] = ve.useState(), [ae, ce] = ve.useState(!1), [re, Fe] = ve.useState();
+    groups: j
+  } = h, N = Ze(), O = Re(), V = Le({}), te = t ? f ? "welcome" : "details" : "properties", [q, E] = Q(te), [ke, Se] = ve.useState(), [M, Y] = ve.useState(), [ae, ce] = ve.useState(!1), [re, Fe] = ve.useState();
   pe(() => {
     try {
       x.initialised && (Y(r ? x.getCollectionFromPaths([...o ?? [], r]) : void 0), ce(!0));
@@ -5886,27 +5886,27 @@ function Ji({
       collectionData: A,
       previousPath: r,
       parentPathSegments: o
-    }).then(() => (Se(void 0), !0)).catch(($) => (Se($), console.error($), P.open({
+    }).then(() => (Se(void 0), !0)).catch(($) => (Se($), console.error($), N.open({
       type: "error",
       message: "Error persisting collection: " + ($.message ?? "Details in the console")
     }), !1));
-  }, fe = B ?? {
+  }, fe = M ?? {
     path: a?.path ?? "",
     name: a?.name ?? "",
     group: a?.group ?? "",
     properties: {},
     propertiesOrder: [],
     icon: vt[Math.floor(Math.random() * vt.length)],
-    ownerId: S.user?.uid ?? ""
+    ownerId: O.user?.uid ?? ""
   }, W = J(() => {
-    q === "details" ? w.inUse ? j("import_data_saving") : j(u ? "extra_view" : "properties") : j(q === "welcome" ? "details" : q === "import_data_mapping" ? "import_data_preview" : q === "import_data_preview" ? "details" : q === "extra_view" ? "properties" : "details");
+    q === "details" ? w.inUse ? E("import_data_saving") : E(u ? "extra_view" : "properties") : E(q === "welcome" ? "details" : q === "import_data_mapping" ? "import_data_preview" : q === "import_data_preview" ? "details" : q === "extra_view" ? "properties" : "details");
   }, [q, w.inUse, u]), Ie = J((A) => {
     if (p)
       return p?.(A.path, A.collectionGroup ?? !1, o ?? []);
   }, [p, o]), Xe = J(async (A) => {
     if (!Ie)
       return Y(A), Promise.resolve(A);
-    j("loading");
+    E("loading");
     const H = await Ie?.(A);
     if (!H)
       return Y(A), Promise.resolve(A);
@@ -5939,7 +5939,7 @@ function Ji({
         H.resetForm({ values: fe }), W(), c(A);
       }) : (W(), H.resetForm({ values: A }));
     } catch ($) {
-      P.open({
+      N.open({
         type: "error",
         message: "Error persisting collection: " + ($.message ?? "Details in the console")
       }), console.error($), H.resetForm({ values: A });
@@ -5952,7 +5952,7 @@ function Ji({
       validationSchema: (q === "properties" || q === "subcollections" || q === "details") && di,
       validate: () => {
         if (q === "properties")
-          return R.current;
+          return V.current;
       },
       onSubmit: ut,
       children: ({
@@ -5960,9 +5960,9 @@ function Ji({
         setFieldValue: H,
         isSubmitting: $,
         dirty: z,
-        submitCount: E
+        submitCount: F
       }) => {
-        const M = A.path ?? r, oe = s?.includes("/") ? s?.split("/").slice(0, -1).join("/") + "/" + M : M, ne = oe && k ? () => k(oe) : void 0;
+        const D = A.path ?? r, oe = s?.includes("/") ? s?.split("/").slice(0, -1).join("/") + "/" + D : D, ne = oe && k ? () => k(oe) : void 0;
         pe(() => {
           l(z);
         }, [z]);
@@ -5979,13 +5979,13 @@ function Ji({
             properties: X
           });
         };
-        return /* @__PURE__ */ n(F, { children: [
+        return /* @__PURE__ */ n(I, { children: [
           !t && /* @__PURE__ */ n(
             Ba,
             {
               value: q,
               className: _e(xt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-              onValueChange: (X) => j(X),
+              onValueChange: (X) => E(X),
               children: [
                 /* @__PURE__ */ e(ft, { value: "details", children: "Details" }),
                 /* @__PURE__ */ e(ft, { value: "properties", children: "Properties" }),
@@ -6003,16 +6003,16 @@ function Ji({
               ),
               children: [
                 q === "loading" && /* @__PURE__ */ e(jt, {}),
-                q === "extra_view" && M && u?.View && /* @__PURE__ */ e(u.View, { path: M }),
+                q === "extra_view" && D && u?.View && /* @__PURE__ */ e(u.View, { path: D }),
                 q === "welcome" && /* @__PURE__ */ e(
                   Ki,
                   {
-                    path: M,
+                    path: D,
                     onContinue: (X) => {
-                      X ? (be(X), j("import_data_mapping")) : j("details");
+                      X ? (be(X), E("import_data_mapping")) : E("details");
                     },
                     collections: v,
-                    parentCollection: f,
+                    parentCollection: b,
                     pathSuggestions: g
                   }
                 ),
@@ -6037,7 +6037,7 @@ function Ji({
                     importConfig: w,
                     collection: A,
                     onImportSuccess: (X) => {
-                      c(X), P.open({
+                      c(X), N.open({
                         type: "info",
                         message: "Data imported successfully"
                       });
@@ -6048,32 +6048,32 @@ function Ji({
                   ui,
                   {
                     existingPaths: T,
-                    existingAliases: I,
-                    groups: V,
-                    parentCollection: f,
+                    existingAliases: B,
+                    groups: j,
+                    parentCollection: b,
                     isNewCollection: t
                   }
                 ),
-                q === "subcollections" && B && /* @__PURE__ */ e(
+                q === "subcollections" && M && /* @__PURE__ */ e(
                   Li,
                   {
-                    parentCollection: f,
+                    parentCollection: b,
                     configController: i,
                     getUser: y,
                     collectionInference: p,
                     parentPathSegments: o,
-                    collection: B
+                    collection: M
                   }
                 ),
                 q === "properties" && /* @__PURE__ */ e(
                   Ri,
                   {
-                    showErrors: E > 0,
+                    showErrors: F > 0,
                     isNewCollection: t,
                     reservedGroups: m,
                     onPropertyError: (X, Ue, ue) => {
-                      R.current = Ma({
-                        ...R.current,
+                      V.current = Ma({
+                        ...V.current,
                         [X]: ue
                       }, !0);
                     },
@@ -6085,7 +6085,7 @@ function Ji({
                       me,
                       {
                         color: "primary",
-                        onClick: () => j("extra_view"),
+                        onClick: () => E("extra_view"),
                         children: u.icon
                       }
                     )
@@ -6097,25 +6097,25 @@ function Ji({
                     position: "absolute",
                     children: [
                       ke && /* @__PURE__ */ e(ta, { error: ke }),
-                      t && b && q === "import_data_mapping" && /* @__PURE__ */ n(
-                        D,
+                      t && f && q === "import_data_mapping" && /* @__PURE__ */ n(
+                        R,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => (w.setInUse(!1), j("welcome")),
+                          onClick: () => (w.setInUse(!1), E("welcome")),
                           children: [
                             /* @__PURE__ */ e(tt, {}),
                             "Back"
                           ]
                         }
                       ),
-                      t && b && q === "import_data_preview" && /* @__PURE__ */ n(
-                        D,
+                      t && f && q === "import_data_preview" && /* @__PURE__ */ n(
+                        R,
                         {
                           variant: "text",
                           type: "button",
                           onClick: () => {
-                            xe(A), j("import_data_mapping");
+                            xe(A), E("import_data_mapping");
                           },
                           children: [
                             /* @__PURE__ */ e(tt, {}),
@@ -6123,12 +6123,12 @@ function Ji({
                           ]
                         }
                       ),
-                      t && b && q === "details" && /* @__PURE__ */ n(
-                        D,
+                      t && f && q === "details" && /* @__PURE__ */ n(
+                        R,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => j("welcome"),
+                          onClick: () => E("welcome"),
                           children: [
                             /* @__PURE__ */ e(tt, {}),
                             "Back"
@@ -6136,11 +6136,11 @@ function Ji({
                         }
                       ),
                       t && q === "properties" && /* @__PURE__ */ n(
-                        D,
+                        R,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => j("details"),
+                          onClick: () => E("details"),
                           children: [
                             /* @__PURE__ */ e(tt, {}),
                             "Back"
@@ -6148,7 +6148,7 @@ function Ji({
                         }
                       ),
                       /* @__PURE__ */ e(
-                        D,
+                        R,
                         {
                           variant: "text",
                           onClick: () => {
@@ -6158,7 +6158,7 @@ function Ji({
                         }
                       ),
                       t && q === "import_data_mapping" && /* @__PURE__ */ e(
-                        D,
+                        R,
                         {
                           variant: "filled",
                           color: "primary",
@@ -6167,7 +6167,7 @@ function Ji({
                         }
                       ),
                       t && q === "import_data_preview" && /* @__PURE__ */ e(
-                        D,
+                        R,
                         {
                           variant: "filled",
                           color: "primary",
@@ -6226,69 +6226,69 @@ const da = U.createContext({}), pa = U.createContext({}), Wi = U.memo(
     getData: u
   }) {
     const d = De(), l = ci(), g = Ze(), { fields: y } = qe(), {
-      collections: f
-    } = d, k = f.map((S) => S.path.trim().toLowerCase()), [C, x] = U.useState();
+      collections: b
+    } = d, k = b.map((O) => O.path.trim().toLowerCase()), [C, x] = U.useState();
     pe(() => {
-      c && c().then((S) => {
-        x(S.filter((R) => !k.includes(R.trim().toLowerCase())));
+      c && c().then((O) => {
+        x(O.filter((V) => !k.includes(V.trim().toLowerCase())));
       });
     }, [c]);
-    const [h, v] = U.useState(), [b, _] = U.useState(), T = J(() => ({
+    const [h, v] = U.useState(), [f, _] = U.useState(), T = J(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
-    }), []), I = J(({
-      path: S,
-      fullPath: R,
+    }), []), B = J(({
+      path: O,
+      fullPath: V,
       parentPathSegments: te,
       parentCollection: q
     }) => {
       v({
-        editedCollectionPath: S,
-        fullPath: R,
+        editedCollectionPath: O,
+        fullPath: V,
         parentPathSegments: te,
         isNewCollection: !1,
         parentCollection: q,
         redirect: !1
       });
     }, []), w = J(({
-      propertyKey: S,
-      property: R,
+      propertyKey: O,
+      property: V,
       editedCollectionPath: te,
       currentPropertiesOrder: q,
-      parentPathSegments: j,
+      parentPathSegments: E,
       parentCollection: ke
     }) => {
-      const Se = S && S.includes(".") ? S.substring(0, S.lastIndexOf(".")) : void 0, B = S && S.includes(".") ? S.substring(S.lastIndexOf(".") + 1) : S;
+      const Se = O && O.includes(".") ? O.substring(0, O.lastIndexOf(".")) : void 0, M = O && O.includes(".") ? O.substring(O.lastIndexOf(".") + 1) : O;
       _({
-        propertyKey: B,
-        property: R,
+        propertyKey: M,
+        property: V,
         namespace: Se,
         currentPropertiesOrder: q,
         editedCollectionPath: te,
-        parentPathSegments: j,
+        parentPathSegments: E,
         parentCollection: ke
       });
-    }, []), V = U.useCallback(({
-      parentPathSegments: S,
-      parentCollection: R,
+    }, []), j = U.useCallback(({
+      parentPathSegments: O,
+      parentCollection: V,
       initialValues: te,
       redirect: q
     }) => {
       v({
         isNewCollection: !0,
-        parentPathSegments: S,
-        parentCollection: R,
+        parentPathSegments: O,
+        parentCollection: V,
         initialValues: te,
         redirect: q
       });
-    }, []), P = c ? (S) => !S && C ? Promise.resolve(C) : c?.(S) : void 0;
+    }, []), N = c ? (O) => !O && C ? Promise.resolve(C) : c?.(O) : void 0;
     return /* @__PURE__ */ e(da.Provider, { value: i, children: /* @__PURE__ */ n(
       pa.Provider,
       {
         value: {
-          editCollection: I,
-          createCollection: V,
+          editCollection: B,
+          createCollection: j,
           editProperty: w,
           configPermissions: r ?? T,
           rootPathSuggestions: C
@@ -6306,12 +6306,12 @@ const da = U.createContext({}), pa = U.createContext({}), Wi = U.memo(
               getData: u,
               reservedGroups: o,
               extraView: p,
-              pathSuggestions: P,
+              pathSuggestions: N,
               getUser: m,
-              handleClose: (S) => {
-                if (h?.redirect && S && h?.isNewCollection && !h.parentPathSegments.length) {
-                  const R = d.buildUrlCollectionPath(S.alias ?? S.path);
-                  l(R);
+              handleClose: (O) => {
+                if (h?.redirect && O && h?.isNewCollection && !h.parentPathSegments.length) {
+                  const V = d.buildUrlCollectionPath(O.alias ?? O.path);
+                  l(V);
                 }
                 v(void 0);
               }
@@ -6320,27 +6320,27 @@ const da = U.createContext({}), pa = U.createContext({}), Wi = U.memo(
           /* @__PURE__ */ e(
             Ve,
             {
-              open: !!b,
+              open: !!f,
               includeIdAndName: !0,
-              existingProperty: !!b?.propertyKey,
-              autoUpdateId: b ? !b?.propertyKey : !1,
-              autoOpenTypeSelect: b ? !b?.propertyKey : !1,
+              existingProperty: !!f?.propertyKey,
+              autoUpdateId: f ? !f?.propertyKey : !1,
+              autoOpenTypeSelect: f ? !f?.propertyKey : !1,
               inArray: !1,
               getData: u && h?.fullPath ? () => u(h.fullPath) : void 0,
               onPropertyChanged: ({
-                id: S,
-                property: R
+                id: O,
+                property: V
               }) => {
-                if (!b || !S)
+                if (!f || !O)
                   return;
-                const te = !b.propertyKey;
+                const te = !f.propertyKey;
                 return i.saveProperty({
-                  path: b?.editedCollectionPath,
-                  property: R,
-                  propertyKey: S,
-                  newPropertiesOrder: te && b.currentPropertiesOrder ? [...b.currentPropertiesOrder, S] : void 0,
-                  namespace: b.namespace,
-                  parentPathSegments: b.parentPathSegments
+                  path: f?.editedCollectionPath,
+                  property: V,
+                  propertyKey: O,
+                  newPropertiesOrder: te && f.currentPropertiesOrder ? [...f.currentPropertiesOrder, O] : void 0,
+                  namespace: f.namespace,
+                  parentPathSegments: f.parentPathSegments
                 }).catch((q) => (console.error(q), g.open({
                   type: "error",
                   message: "Error persisting property: " + (q.message ?? "Details in the console")
@@ -6348,6 +6348,21 @@ const da = U.createContext({}), pa = U.createContext({}), Wi = U.memo(
               },
               onPropertyChangedImmediate: !1,
               onDelete: () => {
+                if (!f?.propertyKey)
+                  return;
+                const O = f?.currentPropertiesOrder?.filter((V) => V !== f?.propertyKey);
+                return i.deleteProperty({
+                  path: f?.editedCollectionPath,
+                  propertyKey: f?.propertyKey,
+                  namespace: f?.namespace,
+                  newPropertiesOrder: O,
+                  parentPathSegments: f?.parentPathSegments
+                }).then(() => {
+                  _(void 0);
+                }).catch((V) => (console.error(V), g.open({
+                  type: "error",
+                  message: "Error deleting property: " + (V.message ?? "Details in the console")
+                }), !1));
               },
               onError: () => {
               },
@@ -6362,8 +6377,8 @@ const da = U.createContext({}), pa = U.createContext({}), Wi = U.memo(
               existingPropertyKeys: [],
               allowDataInference: !0,
               customFields: y,
-              property: b?.property,
-              propertyKey: b?.propertyKey
+              property: f?.property,
+              propertyKey: f?.propertyKey
             }
           )
         ]
@@ -6388,7 +6403,7 @@ function Xi({
     {
       title: r.sortBy || r.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
       children: /* @__PURE__ */ e(
-        D,
+        R,
         {
           color: "primary",
           size: "small",
@@ -6413,7 +6428,7 @@ function Xi({
         }
       )
     }
-  )), /* @__PURE__ */ n(F, { children: [
+  )), /* @__PURE__ */ n(I, { children: [
     d && l,
     /* @__PURE__ */ e(
       ie,
@@ -6447,7 +6462,7 @@ function er({
   }, [o, t]), [c, m] = Q(!1), u = J(() => {
     r?.deleteCollection({ path: t });
   }, [t, r]);
-  return /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ n("div", { children: [
       s.deleteCollections && /* @__PURE__ */ e(
         Ua,
@@ -6477,8 +6492,8 @@ function er({
         open: c,
         onAccept: u,
         onCancel: () => m(!1),
-        title: /* @__PURE__ */ e(F, { children: "Delete this collection?" }),
-        body: /* @__PURE__ */ n(F, { children: [
+        title: /* @__PURE__ */ e(I, { children: "Delete this collection?" }),
+        body: /* @__PURE__ */ n(I, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -6512,7 +6527,7 @@ function tr({
           children: [
             /* @__PURE__ */ e(Ne, { color: "primary" }),
             /* @__PURE__ */ e(
-              O,
+              P,
               {
                 color: "primary",
                 variant: "caption",
@@ -6520,7 +6535,7 @@ function tr({
                 children: "Add new collection".toUpperCase()
               }
             ),
-            !o && /* @__PURE__ */ e(O, { variant: "caption", children: "You don't have permissions to create collections" })
+            !o && /* @__PURE__ */ e(P, { variant: "caption", children: "You don't have permissions to create collections" })
           ]
         }
       )
@@ -6540,7 +6555,7 @@ function ar() {
         {
           className: "flex flex-col gap-1 p-2",
           children: [
-            /* @__PURE__ */ e(O, { variant: "body2", color: "secondary", children: "Create a collection from your data:" }),
+            /* @__PURE__ */ e(P, { variant: "body2", color: "secondary", children: "Create a collection from your data:" }),
             /* @__PURE__ */ e(
               "div",
               {
@@ -6714,7 +6729,7 @@ function yr({ path: t }) {
   return /* @__PURE__ */ n("div", { className: "p-1 flex flex-col items-center", children: [
     /* @__PURE__ */ e(ta, { error: "No collection for path: " + a }),
     /* @__PURE__ */ e(
-      D,
+      R,
       {
         className: "mx-2",
         variant: "outlined",