@firecms/collection_editor 3.0.0-alpha.52 → 3.0.0-alpha.53

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { jsxs as n, Fragment as $, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as U, jsx as e } from "react/jsx-runtime";
 import * as _e from "react";
-import K, { useState as L, useEffect as pe, useMemo as Kt, useCallback as Z, useRef as He, useDeferredValue as ba, useContext as Yt } from "react";
-import { iconKeys as Gt, debounce as ya, SearchBar as va, Tooltip as re, IconButton as ne, Icon as lt, coolIconKeys as xt, Typography as C, getIconForView as ct, useAutoComplete as wa, Container as ht, Chip as dt, TextField as Te, cn as xe, DebouncedTextField as J, Autocomplete as _a, AutocompleteItem as ka, ExpandablePanel as Ot, SettingsIcon as Qe, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Ht, Dialog as Ee, toSnakeCase as Ct, singular as xa, ListIcon as Ca, Button as U, CircularProgress as We, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as Oa, DialogContent as $e, DialogActions as Le, SwitchControl as he, serializeRegExp as Na, isValidRegExp as Pa, RuleIcon as Sa, useSnackbarController as De, resolveEnumValues as qa, FileUploadIcon as Aa, MultiSelect as za, MultiSelectItem as zt, Checkbox as Tt, isPropertyBuilder as oe, useFireCMSContext as Ke, getFieldConfig as Ze, ErrorBoundary as Ne, FieldConfigBadge as Xe, cardMixin as Jt, cardClickableMixin as Qt, cardSelectedMixin as Wt, FunctionsIcon as Ta, RemoveCircleIcon as Va, defaultBorderMixin as Nt, RemoveIcon as Ia, DragHandleIcon as Fa, AddIcon as Ae, useNavigationController as Be, SelectGroup as Vt, mergeDeep as G, DEFAULT_FIELD_CONFIGS as Zt, getFieldId as Xt, InfoLabel as ea, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as ja, useLargeLayout as Ea, CodeIcon as Da, makePropertiesEditable as et, resolveEntityView as Ba, Table as It, TableBody as Ft, TableRow as wt, TableCell as Ge, unslugify as Pt, Card as ta, useSelectionController as Ma, EntityCollectionTable as Ra, slugify as Ua, useAuthController as Ye, randomString as jt, CircularProgressCenter as Et, Tabs as $a, Tab as _t, removeUndefined as La, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Dt, DoneIcon as Ka, SaveIcon as Ya, Menu as Ga, MoreVertIcon as Ha, MenuItem as Ja, Collapse as Qa, getDefaultPropertiesOrder as Wa, joinCollectionLists as Za } from "@firecms/core";
+import K, { useState as L, useEffect as pe, useMemo as Kt, useCallback as Q, useRef as He, useDeferredValue as ba, useContext as Yt } from "react";
+import { iconKeys as Gt, debounce as ya, SearchBar as va, Tooltip as re, IconButton as ne, Icon as lt, coolIconKeys as xt, Typography as C, getIconForView as ct, useAutoComplete as wa, Container as ht, Chip as dt, TextField as Te, cn as xe, DebouncedTextField as W, Autocomplete as _a, AutocompleteItem as ka, ExpandablePanel as Ot, SettingsIcon as Je, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Ht, Dialog as Ee, toSnakeCase as Ct, singular as xa, ListIcon as Ca, Button as R, CircularProgress as Qe, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as Oa, DialogContent as $e, DialogActions as Le, SwitchControl as he, serializeRegExp as Na, isValidRegExp as Pa, RuleIcon as Sa, useSnackbarController as De, resolveEnumValues as qa, FileUploadIcon as Aa, MultiSelect as za, MultiSelectItem as zt, Checkbox as Tt, isPropertyBuilder as oe, useFireCMSContext as Ke, getFieldConfig as Ze, ErrorBoundary as Ne, FieldConfigBadge as Xe, cardMixin as Wt, cardClickableMixin as Jt, cardSelectedMixin as Qt, FunctionsIcon as Ta, RemoveCircleIcon as Va, defaultBorderMixin as Nt, RemoveIcon as Ia, DragHandleIcon as Fa, AddIcon as Ae, useNavigationController as Be, SelectGroup as Vt, mergeDeep as G, DEFAULT_FIELD_CONFIGS as Zt, getFieldId as Xt, InfoLabel as ea, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as ja, useLargeLayout as Ea, CodeIcon as Da, makePropertiesEditable as et, resolveEntityView as Ba, Table as It, TableBody as Ft, TableRow as wt, TableCell as Ge, unslugify as Pt, Card as ta, useSelectionController as Ma, EntityCollectionTable as Ra, slugify as Ua, useAuthController as Ye, randomString as jt, CircularProgressCenter as Et, Tabs as $a, Tab as _t, removeUndefined as La, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Dt, DoneIcon as Ka, SaveIcon as Ya, Menu as Ga, MoreVertIcon as Ha, MenuItem as Wa, Collapse as Ja, getDefaultPropertiesOrder as Qa, joinCollectionLists as Za } from "@firecms/core";
 import ut from "react-fast-compare";
-import { useFormikContext as Y, Field as ye, getIn as P, Formik as St, FastField as de, Form as Xa } from "formik";
+import { useFormikContext as Y, Field as be, getIn as N, Formik as St, FastField as de, Form as Xa } from "formik";
 import * as ot from "yup";
 import * as ei from "js-search";
 import { extractEnumFromValues as ti, buildPropertyFromData as ai, buildEntityPropertiesFromData as ii } from "@firecms/schema_inference";
@@ -1990,7 +1990,7 @@ function wi({ selectedIcon: t = "", onIconSelected: a }) {
   );
   return _e.useEffect(() => (l(s), () => {
     l.clear();
-  }), [s, l]), /* @__PURE__ */ n($, { children: [
+  }), [s, l]), /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e(
       va,
       {
@@ -2033,13 +2033,13 @@ function _i({
     touched: d,
     errors: c,
     setFieldTouched: y,
-    isSubmitting: g,
+    isSubmitting: f,
     submitCount: b
-  } = Y(), [O, w] = L(!1), [k, f] = L(!1), v = (S) => {
-    m("name", S), !P(d, "path") && t && S && m("path", Ct(S)), !P(d, "id") && t && S && m("id", Ct(S)), !P(d, "singularName") && t && S && m("singularName", xa(S));
+  } = Y(), [P, w] = L(!1), [k, g] = L(!1), v = (S) => {
+    m("name", S), !N(d, "path") && t && S && m("path", Ct(S)), !N(d, "id") && t && S && m("id", Ct(S)), !N(d, "singularName") && t && S && m("singularName", xa(S));
   };
   pe(() => {
-    c.id && f(!0);
+    c.id && g(!0);
   }, [c.id]);
   const _ = ct(p), h = s?.filter((S) => !a?.includes(S)), {
     inputFocused: A,
@@ -2089,10 +2089,10 @@ function _i({
       ] }),
       /* @__PURE__ */ n("div", { className: xe("col-span-12 ", q ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
-          ye,
+          be,
           {
             name: "path",
-            as: J,
+            as: W,
             label: "Path",
             disabled: !t,
             required: !0,
@@ -2106,7 +2106,7 @@ function _i({
           Te,
           {
             error: d.group && !!c.group,
-            disabled: g,
+            disabled: f,
             value: p.group ?? "",
             autoComplete: "off",
             onChange: (S) => m("group", S.target.value),
@@ -2120,7 +2120,7 @@ function _i({
           {
             open: E && (h ?? []).length > 0,
             setOpen: z,
-            children: h?.map((S, N) => /* @__PURE__ */ e(
+            children: h?.map((S, O) => /* @__PURE__ */ e(
               ka,
               {
                 onClick: () => {
@@ -2128,7 +2128,7 @@ function _i({
                 },
                 children: /* @__PURE__ */ e("div", { className: "flex-grow", children: S })
               },
-              N + "_" + S
+              O + "_" + S
             ))
           }
         ),
@@ -2138,9 +2138,9 @@ function _i({
         Ot,
         {
           expanded: k,
-          onExpandedChange: f,
+          onExpandedChange: g,
           title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-            /* @__PURE__ */ e(Qe, {}),
+            /* @__PURE__ */ e(Je, {}),
             /* @__PURE__ */ e(
               C,
               {
@@ -2184,10 +2184,10 @@ function _i({
             ] }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                ye,
+                be,
                 {
                   name: "id",
-                  as: J,
+                  as: W,
                   disabled: !t,
                   label: "Collection id",
                   error: d.id && !!c.id
@@ -2255,7 +2255,7 @@ function _i({
     /* @__PURE__ */ e(
       Ee,
       {
-        open: O,
+        open: P,
         onOpenChange: w,
         maxWidth: "xl",
         fullWidth: !0,
@@ -2338,18 +2338,18 @@ function Ci({
 }) {
   const {
     setFieldValue: p
-  } = Y(), [m, u] = K.useState(), [d, c] = K.useState(), [y, g] = K.useState(!1), O = K.useRef(/* @__PURE__ */ new Set()).current, w = (f, v) => {
+  } = Y(), [m, u] = K.useState(), [d, c] = K.useState(), [y, f] = K.useState(!1), P = K.useRef(/* @__PURE__ */ new Set()).current, w = (g, v) => {
     const _ = m === v;
     return /* @__PURE__ */ e(
       Oi,
       {
-        index: f,
+        index: g,
         disabled: i,
         enumValuesPath: r,
         autoFocus: _,
         shouldUpdateId: s || _,
-        onDialogOpen: () => c(f),
-        inferredEntry: O.has(t.enumValues[f]?.id)
+        onDialogOpen: () => c(g),
+        inferredEntry: P.has(t.enumValues[g]?.id)
       },
       `${v}`
     );
@@ -2366,26 +2366,26 @@ function Ci({
         }
       ),
       o && /* @__PURE__ */ n(
-        U,
+        R,
         {
           loading: y,
           disabled: i || y,
           variant: "text",
           size: "small",
           onClick: async () => {
-            l && (g(!0), l?.().then((f) => {
-              if (!f)
+            l && (f(!0), l?.().then((g) => {
+              if (!g)
                 return;
-              const v = f.flat(), _ = Array.from(new Set(v)), h = t.enumValues, E = ti(_).filter((z) => !h?.some((q) => q.id === z.id));
+              const v = g.flat(), _ = Array.from(new Set(v)), h = t.enumValues, E = ti(_).filter((z) => !h?.some((q) => q.id === z.id));
               E.forEach((z) => {
-                O.add(z.id);
+                P.add(z.id);
               }), p(r, [...E, ...h]);
-            }).catch((f) => {
-              console.error(f);
-            }).finally(() => g(!1)));
+            }).catch((g) => {
+              console.error(g);
+            }).finally(() => f(!1)));
           },
           children: [
-            y ? /* @__PURE__ */ e(We, { size: "small" }) : /* @__PURE__ */ e(gt, {}),
+            y ? /* @__PURE__ */ e(Qe, { size: "small" }) : /* @__PURE__ */ e(gt, {}),
             "Infer values from data"
           ]
         }
@@ -2434,15 +2434,15 @@ const Oi = K.memo(
       errors: d,
       setFieldValue: c,
       touched: y
-    } = Y(), g = K.useRef(!P(m, `${r}[${a}].id`)), b = i || g.current, O = P(m, `${r}[${a}].id`), w = P(m, `${r}[${a}].label`), k = P(d, `${r}[${a}].label`), f = K.useRef(w);
+    } = Y(), f = K.useRef(!N(m, `${r}[${a}].id`)), b = i || f.current, P = N(m, `${r}[${a}].id`), w = N(m, `${r}[${a}].label`), k = N(d, `${r}[${a}].label`), g = K.useRef(w);
     return K.useEffect(() => {
-      (f.current === O || !O) && b && c(`${r}[${a}].id`, w), f.current = w;
+      (g.current === P || !P) && b && c(`${r}[${a}].id`, w), g.current = w;
     }, [w]), /* @__PURE__ */ n("div", { className: "flex w-full align-center justify-center", children: [
       /* @__PURE__ */ e(
         de,
         {
           name: `${r}[${a}].label`,
-          as: J,
+          as: W,
           className: "flex-grow",
           required: !0,
           disabled: l,
@@ -2461,7 +2461,7 @@ const Oi = K.memo(
           "aria-label": "edit",
           className: "m-1",
           onClick: () => o(),
-          children: /* @__PURE__ */ e(Qe, { size: "small" })
+          children: /* @__PURE__ */ e(Je, { size: "small" })
         }
       )
     ] });
@@ -2482,7 +2482,7 @@ function Ni({
     errors: l,
     setFieldValue: p,
     touched: m
-  } = Y(), u = t !== void 0 ? P(l, `${r}[${t}].id`) : void 0;
+  } = Y(), u = t !== void 0 ? N(l, `${r}[${t}].id`) : void 0;
   return /* @__PURE__ */ n(
     Ee,
     {
@@ -2496,7 +2496,7 @@ function Ni({
             de,
             {
               name: `${r}[${t}]id`,
-              as: J,
+              as: W,
               required: !0,
               validate: Si,
               label: "ID",
@@ -2508,7 +2508,7 @@ function Ni({
           /* @__PURE__ */ e(ie, { error: !!u, children: u ?? "Value saved in the data source" })
         ] }) }),
         /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(
-          U,
+          R,
           {
             autoFocus: !0,
             variant: "outlined",
@@ -2531,7 +2531,7 @@ function Si(t) {
 }
 function Me({ disabled: t }) {
   const { values: a, handleChange: i } = Y(), r = "validation.required", s = "validation.requiredMessage";
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       de,
       {
@@ -2554,11 +2554,11 @@ function Me({ disabled: t }) {
         component: he
       }
     ) }),
-    P(a, r) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      J,
+    N(a, r) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+      W,
       {
         disabled: t,
-        value: P(a, s),
+        value: N(a, s),
         label: "Required message",
         name: s,
         size: "small",
@@ -2582,7 +2582,7 @@ function Ue({
     values: u,
     handleChange: d,
     errors: c
-  } = Y(), y = "validation.length", g = "validation.min", b = "validation.max", O = "validation.trim", w = "validation.matches", k = "validation.lowercase", f = "validation.uppercase", v = P(c, w), _ = P(u, w), h = typeof _ == "string" ? _ : Na(_);
+  } = Y(), y = "validation.length", f = "validation.min", b = "validation.max", P = "validation.trim", w = "validation.matches", k = "validation.lowercase", g = "validation.uppercase", v = N(c, w), _ = N(u, w), h = typeof _ == "string" ? _ : Na(_);
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Me, { disabled: p }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
@@ -2600,7 +2600,7 @@ function Ue({
         de,
         {
           type: "checkbox",
-          name: f,
+          name: g,
           label: "Uppercase",
           disabled: p,
           component: he
@@ -2610,7 +2610,7 @@ function Ue({
         de,
         {
           type: "checkbox",
-          name: O,
+          name: P,
           label: "Trim",
           disabled: p,
           component: he
@@ -2619,9 +2619,9 @@ function Ue({
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       t && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        J,
+        W,
         {
-          value: P(u, y),
+          value: N(u, y),
           label: "Exact length",
           name: y,
           type: "number",
@@ -2631,11 +2631,11 @@ function Ue({
         }
       ) }),
       s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        J,
+        W,
         {
-          value: P(u, g),
+          value: N(u, f),
           label: "Min length",
-          name: g,
+          name: f,
           type: "number",
           size: "small",
           disabled: p,
@@ -2643,9 +2643,9 @@ function Ue({
         }
       ) }),
       r && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        J,
+        W,
         {
-          value: P(u, b),
+          value: N(u, b),
           label: "Max length",
           name: b,
           type: "number",
@@ -2660,7 +2660,7 @@ function Ue({
         de,
         {
           name: w,
-          as: J,
+          as: W,
           validate: (A) => A && !Pa(A),
           label: "Matches regex",
           size: "small",
@@ -2685,9 +2685,9 @@ function At({
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Me, { disabled: i }),
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      J,
+      W,
       {
-        value: P(r, o),
+        value: N(r, o),
         disabled: i,
         label: "Min length",
         name: o,
@@ -2697,9 +2697,9 @@ function At({
       }
     ) }),
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      J,
+      W,
       {
-        value: P(r, l),
+        value: N(r, l),
         disabled: i,
         label: "Max length",
         name: l,
@@ -2749,8 +2749,8 @@ function Bt({
     touched: u,
     setFieldError: d,
     setFieldValue: c
-  } = Y(), y = De(), g = t ? "of.enumValues" : "enumValues", b = P(l, "defaultValue"), O = P(l, g), w = Kt(() => !O || typeof O == "boolean" ? [] : qa(O) ?? [], [O]);
-  return /* @__PURE__ */ n($, { children: [
+  } = Y(), y = De(), f = t ? "of.enumValues" : "enumValues", b = N(l, "defaultValue"), P = N(l, f), w = Kt(() => !P || typeof P == "boolean" ? [] : qa(P) ?? [], [P]);
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xi,
       {
@@ -2758,13 +2758,13 @@ function Bt({
         updateIds: a,
         disabled: i,
         allowDataInference: s,
-        onError: (f) => {
-          d(g, f ? "" : void 0);
+        onError: (g) => {
+          d(f, g ? "" : void 0);
         },
-        getData: o ? () => o().then((f) => f.map((v) => l.id && P(v, l.id)).filter(Boolean)) : void 0,
-        onValuesChanged: (f) => {
-          if (l && (c(g, f), !t)) {
-            const v = f.filter((_) => !!_?.id).map((_) => _.id);
+        getData: o ? () => o().then((g) => g.map((v) => l.id && N(v, l.id)).filter(Boolean)) : void 0,
+        onValuesChanged: (g) => {
+          if (l && (c(f, g), !t)) {
+            const v = g.filter((_) => !!_?.id).map((_) => _.id);
             b && !v.includes(b) && (c("defaultValue", void 0), y.open({
               type: "warning",
               message: "Default value was cleared"
@@ -2788,18 +2788,18 @@ function Bt({
       {
         disabled: i,
         position: "item-aligned",
-        onValueChange: (f) => {
-          c("defaultValue", f);
+        onValueChange: (g) => {
+          c("defaultValue", g);
         },
         label: "Default value",
         value: b ?? "",
-        children: w.filter((f) => !!f?.id).map((f) => /* @__PURE__ */ e(
+        children: w.filter((g) => !!g?.id).map((g) => /* @__PURE__ */ e(
           ee,
           {
-            value: f.id?.toString(),
-            children: f.label
+            value: g.id?.toString(),
+            children: g.label
           },
-          f.id
+          g.id
         ))
       }
     ) })
@@ -2820,10 +2820,10 @@ function Mt({
   const {
     values: r,
     setFieldValue: s
-  } = Y(), o = t ? "of.storage" : "storage", l = `${o}.acceptedFiles`, p = `${o}.fileName`, m = `${o}.storagePath`, u = `${o}.storeUrl`, d = P(r, p) ?? "{rand}_{file}", c = P(r, m) ?? "/", y = P(r, l), g = Array.isArray(y) ? y : void 0, b = !g || g.length === 0, O = (f) => {
-    f ? f.includes("all") || f.length >= Object.keys(nt).length ? s(l, void 0) : b ? s(l, Object.keys(nt).filter((v) => !f.includes(v))) : s(l, f) : s(l, void 0);
+  } = Y(), o = t ? "of.storage" : "storage", l = `${o}.acceptedFiles`, p = `${o}.fileName`, m = `${o}.storagePath`, u = `${o}.storeUrl`, d = N(r, p) ?? "{rand}_{file}", c = N(r, m) ?? "/", y = N(r, l), f = Array.isArray(y) ? y : void 0, b = !f || f.length === 0, P = (g) => {
+    g ? g.includes("all") || g.length >= Object.keys(nt).length ? s(l, void 0) : b ? s(l, Object.keys(nt).filter((v) => !g.includes(v))) : s(l, g) : s(l, void 0);
   }, w = typeof d == "function", k = typeof c == "function";
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ot,
       {
@@ -2844,46 +2844,46 @@ function Mt({
             {
               disabled: i,
               name: l,
-              value: g ?? [],
-              onMultiValueChange: O,
+              value: f ?? [],
+              onMultiValueChange: P,
               label: b ? void 0 : "Allowed file types",
-              renderValues: (f) => !f || f.length === 0 ? "All file types allowed" : f.map((v) => nt[v]).filter((v) => !!v).join(", "),
+              renderValues: (g) => !g || g.length === 0 ? "All file types allowed" : g.map((v) => nt[v]).filter((v) => !!v).join(", "),
               children: [
                 /* @__PURE__ */ n(zt, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     Tt,
                     {
-                      checked: !g
+                      checked: !f
                     }
                   ),
                   "All"
                 ] }, "all"),
-                Object.entries(nt).map(([f, v]) => /* @__PURE__ */ n(zt, { value: f, className: "flex items-center gap-2", children: [
+                Object.entries(nt).map(([g, v]) => /* @__PURE__ */ n(zt, { value: g, className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     Tt,
                     {
-                      checked: b || g.indexOf(f) > -1
+                      checked: b || f.indexOf(g) > -1
                     }
                   ),
                   /* @__PURE__ */ e("div", { className: "flex-grow", children: v }),
                   /* @__PURE__ */ e(
-                    U,
+                    R,
                     {
                       size: "small",
                       variant: "outlined",
-                      onClick: (_) => (_.preventDefault(), _.stopPropagation(), s(l, [f])),
+                      onClick: (_) => (_.preventDefault(), _.stopPropagation(), s(l, [g])),
                       children: "Only"
                     }
                   )
-                ] }, f))
+                ] }, g))
               ]
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-            ye,
+            be,
             {
               name: p,
-              as: J,
+              as: W,
               label: "File name",
               size: "small",
               disabled: w || i,
@@ -2892,10 +2892,10 @@ function Mt({
           ) }),
           /* @__PURE__ */ n("div", { className: "col-span-12", children: [
             /* @__PURE__ */ e(
-              ye,
+              be,
               {
                 name: m,
-                as: J,
+                as: W,
                 label: "Storage path",
                 disabled: k || i,
                 size: "small",
@@ -2915,7 +2915,7 @@ function Mt({
               ] })
             ] }),
             /* @__PURE__ */ e(
-              ye,
+              be,
               {
                 type: "checkbox",
                 name: u,
@@ -2936,7 +2936,7 @@ function Mt({
     ] }) })
   ] });
 }
-function Je(t) {
+function We(t) {
   if (oe(t) || oe(t))
     return !1;
   {
@@ -2945,9 +2945,9 @@ function Je(t) {
   }
 }
 function qi(t) {
-  return Object.entries(t).filter(([a, i]) => Je(i)).map(([a, i]) => {
+  return Object.entries(t).filter(([a, i]) => We(i)).map(([a, i]) => {
     const r = i;
-    if (Je(r))
+    if (We(r))
       return r.dataType === "map" && r.properties ? {
         [a]: {
           ...r,
@@ -2965,7 +2965,7 @@ function oa({
   selected: o
 }) {
   const { propertyConfigs: l } = Ke(), p = Ze(t, l);
-  return Je(t), /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ n(
+  return We(t), /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ n(
     "div",
     {
       onClick: a,
@@ -2977,9 +2977,9 @@ function oa({
           {
             className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Jt,
-              a ? Qt : "",
-              o ? Wt : "",
+              Wt,
+              a ? Jt : "",
+              o ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
               i ? "border-red-500" : o ? "border-blue-500" : "border-transparent"
             ),
@@ -3053,9 +3053,9 @@ function Ai({
           {
             className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Jt,
-              i ? Qt : "",
-              a ? Wt : "",
+              Wt,
+              i ? Jt : "",
+              a ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
               a ? "border-blue-500" : "border-transparent"
             ),
@@ -3129,13 +3129,13 @@ function ft({
   inferredPropertyKeys: d,
   collectionEditable: c
 }) {
-  const y = s ?? Object.keys(r), g = Z((b) => {
+  const y = s ?? Object.keys(r), f = Q((b) => {
     if (!b.destination)
       return;
-    const O = b.source.index, w = b.destination.index, k = Array.from(y), [f] = k.splice(O, 1);
-    k.splice(w, 0, f), p && p(k, t);
+    const P = b.source.index, w = b.destination.index, k = Array.from(y), [g] = k.splice(P, 1);
+    k.splice(w, 0, g), p && p(k, t);
   }, [t, p, y]);
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(ri, { onDragEnd: g, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${t}`, children: (b, O) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(ri, { onDragEnd: f, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${t}`, children: (b, P) => /* @__PURE__ */ n(
     "div",
     {
       ...b.droppableProps,
@@ -3143,8 +3143,8 @@ function ft({
       className: u,
       children: [
         y && y.map((w, k) => {
-          const f = r[w], v = o?.find((_) => _.key === w);
-          return !f && !v ? (console.warn(`Property ${w} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
+          const g = r[w], v = o?.find((_) => _.key === w);
+          return !g && !v ? (console.warn(`Property ${w} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
             ni,
             {
               draggableId: `array_field_${t}_${w}}`,
@@ -3153,7 +3153,7 @@ function ft({
                 zi,
                 {
                   propertyKey: w,
-                  propertyOrBuilder: f,
+                  propertyOrBuilder: g,
                   additionalField: v,
                   provided: _,
                   errors: l,
@@ -3189,17 +3189,17 @@ function zi({
   inferredPropertyKeys: d,
   collectionEditable: c
 }) {
-  const y = d?.includes(a ? `${a}.${t}` : t), g = ce(t, a);
+  const y = d?.includes(a ? `${a}.${t}` : t), f = ce(t, a);
   let b;
   if (typeof i == "object") {
-    const f = i;
-    f.dataType === "map" && f.properties && (b = /* @__PURE__ */ e(
+    const g = i;
+    g.dataType === "map" && g.properties && (b = /* @__PURE__ */ e(
       ft,
       {
         selectedPropertyKey: o,
-        namespace: g,
-        properties: f.properties,
-        propertiesOrder: f.propertiesOrder,
+        namespace: f,
+        properties: g.properties,
+        propertiesOrder: g.propertiesOrder,
         errors: l,
         onPropertyClick: p,
         onPropertyMove: m,
@@ -3208,7 +3208,7 @@ function zi({
       }
     ));
   }
-  const O = g ? P(l, ke(g)) : !1, w = o === g, k = i && (c && !oe(i) || Je(i));
+  const P = f ? N(l, ke(f)) : !1, w = o === f, k = i && (c && !oe(i) || We(i));
   return /* @__PURE__ */ n(
     "div",
     {
@@ -3235,7 +3235,7 @@ function zi({
             onClick: p ? () => p(t, a) : void 0,
             includeName: !0,
             selected: w,
-            hasError: O
+            hasError: P
           }
         ) : /* @__PURE__ */ e(
           Ai,
@@ -3275,7 +3275,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
   const {
     values: o,
     setFieldValue: l
-  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), g = o.propertiesOrder ?? Object.keys(o.properties ?? {}), b = Z(({
+  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), f = o.propertiesOrder ?? Object.keys(o.properties ?? {}), b = Q(({
     id: h,
     property: A
   }) => {
@@ -3284,15 +3284,15 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
     l("properties", {
       ...o.properties ?? {},
       [h]: A
-    }, !1), l("propertiesOrder", [...g, h], !1), m(!1);
-  }, [o.properties, g]), O = Z((h, A) => {
+    }, !1), l("propertiesOrder", [...f, h], !1), m(!1);
+  }, [o.properties, f]), P = Q((h, A) => {
     const E = h ? ce(h, A) : void 0;
     if (!E)
       throw Error("collection editor miss config");
-    const z = ke(E), q = Pe(A), B = P(o, q) ?? Object.keys(P(o, ki(A)));
+    const z = ke(E), q = Pe(A), B = N(o, q) ?? Object.keys(N(o, ki(A)));
     l(z, void 0, !1), l(q, B.filter((S) => S !== h), !1), m(!1), d(void 0), y(void 0);
-  }, [l, o]), w = u ? ce(u, c) : void 0, k = w ? P(o.properties, w.replaceAll(".", ".properties.")) : void 0, f = /* @__PURE__ */ n(
-    U,
+  }, [l, o]), w = u ? ce(u, c) : void 0, k = w ? N(o.properties, w.replaceAll(".", ".properties.")) : void 0, g = /* @__PURE__ */ n(
+    R,
     {
       color: "primary",
       variant: "outlined",
@@ -3303,21 +3303,21 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         o.name ?? "this group"
       ]
     }
-  ), v = !g || g.length < 1, _ = Z((h, A) => {
+  ), v = !f || f.length < 1, _ = Q((h, A) => {
     l(Pe(A), h, !1);
   }, []);
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ n("div", { className: "flex justify-between items-end my-4", children: [
         /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Properties in this group" }),
-        f
+        g
       ] }),
       /* @__PURE__ */ n(qe, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
           ft,
           {
             properties: o.properties ?? {},
-            propertiesOrder: g,
+            propertiesOrder: f,
             errors: {},
             collectionEditable: s,
             onPropertyClick: (h, A) => {
@@ -3364,7 +3364,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
           m(!1), d(void 0), y(void 0);
         },
         getData: a,
-        onDelete: O,
+        onDelete: P,
         propertyKey: u,
         propertyNamespace: c,
         property: k,
@@ -3372,7 +3372,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         autoUpdateId: !u,
         autoOpenTypeSelect: !u,
         onPropertyChanged: b,
-        existingPropertyKeys: u ? void 0 : g,
+        existingPropertyKeys: u ? void 0 : f,
         propertyConfigs: r
       }
     )
@@ -3393,24 +3393,24 @@ function Vi({
     errors: u,
     setFieldValue: d,
     touched: c
-  } = Y(), [y, g] = L(!1), b = P(p, "of"), O = P(c, "of") && P(u, "of"), w = Z(({ id: f, property: v, namespace: _ }) => {
+  } = Y(), [y, f] = L(!1), b = N(p, "of"), P = N(c, "of") && N(u, "of"), w = Q(({ id: g, property: v, namespace: _ }) => {
     d("of", v);
   }, []), k = b && Ze(b, o);
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Repeat component" }),
       /* @__PURE__ */ e(
-        ye,
+        be,
         {
           name: "of",
           value: b,
-          validate: (f) => f?.dataType ? void 0 : "You need to specify a repeat field",
+          validate: (g) => g?.dataType ? void 0 : "You need to specify a repeat field",
           children: () => /* @__PURE__ */ n(qe, { className: "p-2 mt-4", children: [
             b && /* @__PURE__ */ e(
               oa,
               {
                 property: b,
-                onClick: i ? void 0 : () => g(!0),
+                onClick: i ? void 0 : () => f(!0),
                 includeName: !1,
                 includeEditButton: !0,
                 selected: !1,
@@ -3418,12 +3418,12 @@ function Vi({
               }
             ),
             !i && !b && /* @__PURE__ */ n(
-              U,
+              R,
               {
                 variant: "text",
                 size: "large",
-                color: O ? "error" : "primary",
-                onClick: () => g(!0),
+                color: P ? "error" : "primary",
+                onClick: () => f(!0),
                 children: [
                   "Edit ",
                   `${k ? k.name : "repeat component"}`
@@ -3439,7 +3439,7 @@ function Vi({
                 getData: r,
                 autoUpdateId: !a,
                 autoOpenTypeSelect: !a,
-                onOkClicked: () => g(!1),
+                onOkClicked: () => f(!1),
                 allowDataInference: s,
                 property: b,
                 includeIdAndName: !1,
@@ -3466,15 +3466,15 @@ const Ii = K.forwardRef(
   }, l) {
     const {
       errors: p
-    } = Y(), m = "name", u = a && P(p, m), d = "id", c = a && P(p, d), y = "description", g = a && P(p, y);
+    } = Y(), m = "name", u = a && N(p, m), d = "id", c = a && N(p, d), y = "description", f = a && N(p, y);
     return /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 col-span-12", children: [
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          ye,
+          be,
           {
             inputRef: l,
             name: m,
-            as: J,
+            as: W,
             style: { fontSize: 20 },
             validate: Ei,
             placeholder: "Field name",
@@ -3487,7 +3487,7 @@ const Ii = K.forwardRef(
       ] }),
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          ye,
+          be,
           {
             name: d,
             as: Te,
@@ -3503,16 +3503,16 @@ const Ii = K.forwardRef(
       ] }),
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          ye,
+          be,
           {
             name: y,
-            as: J,
+            as: W,
             label: "Description",
             disabled: s,
-            error: !!g
+            error: !!f
           }
         ),
-        /* @__PURE__ */ e(ie, { error: !!g, children: g })
+        /* @__PURE__ */ e(ie, { error: !!f, children: f })
       ] })
     ] });
   }
@@ -3531,7 +3531,7 @@ function Di({
   showErrors: i
 }) {
   const { values: r, setFieldValue: s } = Y();
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
       t === "text_field" && /* @__PURE__ */ e(
         Ue,
@@ -3593,14 +3593,14 @@ function Di({
           s("defaultValue", o.target.value === "" ? void 0 : o.target.value);
         },
         label: "Default value",
-        value: P(r, "defaultValue") ?? ""
+        value: N(r, "defaultValue") ?? ""
       }
     ) })
   ] });
 }
 function Bi({ disabled: t }) {
-  const { values: a } = Y(), i = P(a, "defaultValue");
-  return /* @__PURE__ */ n($, { children: [
+  const { values: a } = Y(), i = N(a, "defaultValue");
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       de,
@@ -3619,7 +3619,7 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
   const {
     values: o,
     setFieldValue: l
-  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), g = Z(({
+  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), f = Q(({
     id: v,
     property: _
   }) => {
@@ -3629,15 +3629,15 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
       ...o.oneOf?.properties ?? {},
       [v]: _
     }, !1), l("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), v], !1), m(!1);
-  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), b = u ? ce(u, c) : void 0, O = b ? P(o.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, w = Z((v, _) => {
+  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), b = u ? ce(u, c) : void 0, P = b ? N(o.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, w = Q((v, _) => {
     const h = v ? ce(v, _) : void 0;
     if (!h)
       throw Error("collection editor miss config");
     l(`oneOf.${ke(h)}`, void 0, !1);
-    const A = `oneOf.${Pe(_)}`, E = P(o, A);
+    const A = `oneOf.${Pe(_)}`, E = N(o, A);
     l(A, E.filter((z) => z !== v), !1), m(!1), d(void 0), y(void 0);
   }, [l, o]), k = /* @__PURE__ */ n(
-    U,
+    R,
     {
       autoFocus: !0,
       color: "primary",
@@ -3648,10 +3648,10 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         o.name ?? "this block"
       ]
     }
-  ), f = Z((v, _) => {
+  ), g = Q((v, _) => {
     l(`oneOf.${Pe(_)}`, v, !1);
   }, []);
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { 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(C, { variant: "subtitle2", children: "Properties in this block" }),
@@ -3668,7 +3668,7 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
             onPropertyClick: t ? void 0 : (v, _) => {
               d(v), y(_), m(!0);
             },
-            onPropertyMove: t ? void 0 : f
+            onPropertyMove: t ? void 0 : g
           }
         ),
         !t && !o.oneOf?.propertiesOrder?.length && /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center p-4", children: "Add the first property to this block" })
@@ -3692,11 +3692,11 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         onDelete: w,
         propertyKey: u,
         propertyNamespace: c,
-        property: O,
+        property: P,
         existingProperty: !!u,
         autoUpdateId: !u,
         autoOpenTypeSelect: !u,
-        onPropertyChanged: g,
+        onPropertyChanged: f,
         existingPropertyKeys: u ? void 0 : o.oneOf?.propertiesOrder,
         propertyConfigs: r
       }
@@ -3711,9 +3711,9 @@ function Ri({ disabled: t }) {
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Me, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      J,
+      W,
       {
-        value: P(a, r),
+        value: N(a, r),
         label: "Min value",
         name: r,
         type: "number",
@@ -3723,9 +3723,9 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      J,
+      W,
       {
-        value: P(a, s),
+        value: N(a, s),
         label: "Max value",
         name: s,
         type: "number",
@@ -3735,9 +3735,9 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      J,
+      W,
       {
-        value: P(a, o),
+        value: N(a, o),
         label: "Less than",
         name: o,
         type: "number",
@@ -3747,9 +3747,9 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      J,
+      W,
       {
-        value: P(a, l),
+        value: N(a, l),
         label: "More than",
         name: l,
         type: "number",
@@ -3792,7 +3792,7 @@ function Ri({ disabled: t }) {
 }
 function Ui({ disabled: t }) {
   const { values: a, setFieldValue: i } = Y();
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ri, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Te,
@@ -3804,7 +3804,7 @@ function Ui({ disabled: t }) {
           i("defaultValue", r.target.value === "" ? void 0 : parseFloat(r.target.value));
         },
         label: "Default value",
-        value: P(a, "defaultValue") ?? ""
+        value: N(a, "defaultValue") ?? ""
       }
     ) })
   ] });
@@ -3824,10 +3824,10 @@ function Rt({
     setFieldValue: u
   } = Y();
   if (!Be())
-    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(We, {}) });
-  const c = a ? "of.path" : "path", y = P(s, c), g = r && P(l, c);
-  return console.log("pathError", l, g), /* @__PURE__ */ e($, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-    ye,
+    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Qe, {}) });
+  const c = a ? "of.path" : "path", y = N(s, c), f = r && N(l, c);
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+    be,
     {
       required: !0,
       name: c,
@@ -3836,7 +3836,7 @@ function Rt({
       validate: $i,
       disabled: t || i,
       value: y,
-      error: g,
+      error: f,
       handleChange: o,
       component: Li
     }
@@ -3857,11 +3857,11 @@ function Li({
   console.log("error", s);
   const l = Be();
   if (!l)
-    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(We, {}) });
+    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Qe, {}) });
   const p = l?.collections ?? [], m = Array.from(new Set(
     Object.values(p).map((d) => d.group).filter(Boolean)
   ).values()), u = p.filter((d) => !d.group);
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ n(
       Se,
       {
@@ -3873,7 +3873,7 @@ function Li({
         onChange: r,
         label: "Target collection",
         renderValue: (d) => {
-          const c = p.find((g) => g.id === d || g.path === d);
+          const c = p.find((f) => f.id === d || f.path === d);
           if (!c)
             return null;
           const y = ct(c);
@@ -3952,8 +3952,8 @@ function Ki({ disabled: t }) {
     errors: i,
     touched: r,
     setFieldValue: s
-  } = Y(), o = "mode", l = P(a, o), p = P(r, o) && P(i, o), m = "autoValue", u = P(a, m), d = P(r, m) && P(i, m);
-  return /* @__PURE__ */ n($, { children: [
+  } = Y(), o = "mode", l = N(a, o), p = N(r, o) && N(i, o), m = "autoValue", u = N(a, m), d = N(r, m) && N(i, m);
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ n(
         Se,
@@ -4039,7 +4039,7 @@ function Yi({ disabled: t }) {
   ] });
 }
 function Gi({ disabled: t }) {
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) }) });
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) }) });
 }
 function na(t, a, i) {
   let r;
@@ -4291,8 +4291,8 @@ function Hi({
   disabled: t,
   showErrors: a
 }) {
-  const { values: i, setFieldValue: r } = Y(), s = P(i, "url");
-  return /* @__PURE__ */ n($, { children: [
+  const { values: i, setFieldValue: r } = Y(), s = N(i, "url");
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
       Se,
       {
@@ -4342,12 +4342,12 @@ function Hi({
           r("defaultValue", o.target.value === "" ? void 0 : o.target.value);
         },
         label: "Default value",
-        value: P(i, "defaultValue") ?? ""
+        value: N(i, "defaultValue") ?? ""
       }
     ) })
   ] });
 }
-const Ji = [
+const Wi = [
   "text_field",
   "multiline",
   "markdown",
@@ -4368,7 +4368,7 @@ const Ji = [
   "key_value",
   "repeat",
   "block"
-], la = Object.entries(Zt).filter(([t]) => Ji.includes(t)).map(([t, a]) => ({ [t]: a })).reduce((t, a) => ({ ...t, ...a }), {}), ca = K.memo(
+], la = Object.entries(Zt).filter(([t]) => Wi.includes(t)).map(([t, a]) => ({ [t]: a })).reduce((t, a) => ({ ...t, ...a }), {}), ca = K.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: i,
@@ -4382,19 +4382,19 @@ const Ji = [
     onPropertyChangedImmediate: d = !0,
     onDelete: c,
     onError: y,
-    initialErrors: g,
+    initialErrors: f,
     forceShowErrors: b,
-    existingPropertyKeys: O,
+    existingPropertyKeys: P,
     allowDataInference: w,
     getHelpers: k,
-    getData: f,
+    getData: g,
     propertyConfigs: v,
     collectionEditable: _
   }) {
     const h = {
       id: "",
       name: ""
-    }, A = !!(m && !Je(m)) && !_, E = He(m ? {
+    }, A = !!(m && !We(m)) && !_, E = He(m ? {
       id: l,
       previousId: l,
       property: m
@@ -4413,23 +4413,22 @@ const Ji = [
     return /* @__PURE__ */ e(
       St,
       {
-        initialErrors: g,
+        initialErrors: f,
         initialValues: m ? { id: l, ...m } : h,
         onSubmit: (q, B) => {
-          console.log("Submitting property", q);
           const {
             id: S,
-            ...N
+            ...O
           } = q;
           z({
             id: S,
-            property: { ...N, editable: N.editable ?? !0 }
+            property: { ...O, editable: O.editable ?? !0 }
           }), r || B.resetForm({ values: h });
         },
         children: (q) => (pe(() => {
           k?.(q);
         }, [q]), /* @__PURE__ */ e(
-          Qi,
+          Ji,
           {
             onPropertyChanged: d ? z : void 0,
             onDelete: c,
@@ -4441,9 +4440,9 @@ const Ji = [
             autoUpdateId: s,
             inArray: o,
             autoOpenTypeSelect: i,
-            existingPropertyKeys: O,
+            existingPropertyKeys: P,
             disabled: A,
-            getData: f,
+            getData: g,
             allowDataInference: w,
             propertyConfigs: v,
             collectionEditable: _,
@@ -4490,7 +4489,7 @@ function je({
         ) }),
         /* @__PURE__ */ n(Le, { children: [
           a && /* @__PURE__ */ e(
-            U,
+            R,
             {
               variant: "text",
               onClick: () => {
@@ -4500,7 +4499,7 @@ function je({
             }
           ),
           /* @__PURE__ */ e(
-            U,
+            R,
             {
               variant: "outlined",
               color: "primary",
@@ -4513,7 +4512,7 @@ function je({
     }
   );
 }
-function Qi({
+function Ji({
   values: t,
   errors: a,
   touched: i,
@@ -4527,26 +4526,26 @@ function Qi({
   onDelete: d,
   propertyNamespace: c,
   onError: y,
-  showErrors: g,
+  showErrors: f,
   disabled: b,
-  inArray: O,
+  inArray: P,
   existingPropertyKeys: w,
   getData: k,
-  allowDataInference: f,
+  allowDataInference: g,
   propertyConfigs: v,
   collectionEditable: _
 }) {
-  const [h, A] = L(p), [E, z] = L(!1), [q, B] = L(t?.dataType ? Xt(t) : void 0), S = Object.entries(la).concat(Object.entries(v)), N = O ? S.filter(([Q, te]) => !oe(te.property) && te.property?.dataType !== "array") : S, j = ba(t), x = He(null), I = He(t), ge = "id", fe = g && P(a, "selectedWidget");
+  const [h, A] = L(p), [E, z] = L(!1), [q, B] = L(t?.dataType ? Xt(t) : void 0), S = Object.entries(la).concat(Object.entries(v)), O = P ? S.filter(([J, te]) => !oe(te.property) && te.property?.dataType !== "array") : S, j = ba(t), x = He(null), I = He(t), ge = "id", ye = f && N(a, "selectedWidget");
   pe(() => {
-    !P(i, ge) && l && t?.name && s(ge, Ct(t.name));
+    !N(i, ge) && l && t?.name && s(ge, Ct(t.name));
   }, [l, i, t?.name]), pe(() => {
     if (u && (!m || j.id)) {
       const {
-        id: Q,
+        id: J,
         ...te
       } = j;
       ut(j, I.current) || (u({
-        id: Q,
+        id: J,
         property: te,
         namespace: c
       }), I.current = j);
@@ -4554,105 +4553,105 @@ function Qi({
   }, [j, m, u, c]), pe(() => {
     t?.id && y && Object.keys(a).length > 0 && y(t?.id, c, a);
   }, [a, y, c, t?.id]);
-  const X = (Q) => {
-    B(Q), r(na(t, Q, v)), setTimeout(() => {
+  const Z = (J) => {
+    B(J), r(na(t, J, v)), setTimeout(() => {
       x.current?.focus();
     }, 0);
   };
-  let M;
-  return q === "text_field" || q === "multiline" || q === "markdown" || q === "email" ? M = /* @__PURE__ */ e(
+  let $;
+  return q === "text_field" || q === "multiline" || q === "markdown" || q === "email" ? $ = /* @__PURE__ */ e(
     Di,
     {
       widgetId: q,
       disabled: b,
-      showErrors: g
+      showErrors: f
     }
-  ) : q === "url" ? M = /* @__PURE__ */ e(
+  ) : q === "url" ? $ = /* @__PURE__ */ e(
     Hi,
     {
       disabled: b,
-      showErrors: g
+      showErrors: f
     }
-  ) : q === "select" || q === "number_select" ? M = /* @__PURE__ */ e(
+  ) : q === "select" || q === "number_select" ? $ = /* @__PURE__ */ e(
     Bt,
     {
       multiselect: !1,
-      allowDataInference: f,
+      allowDataInference: g,
       updateIds: !o,
       disabled: b,
       getData: k,
-      showErrors: g
+      showErrors: f
     }
-  ) : q === "multi_select" || q === "multi_number_select" ? M = /* @__PURE__ */ e(
+  ) : q === "multi_select" || q === "multi_number_select" ? $ = /* @__PURE__ */ e(
     Bt,
     {
       multiselect: !0,
       updateIds: !o,
       disabled: b,
-      allowDataInference: f,
+      allowDataInference: g,
       getData: k,
-      showErrors: g
+      showErrors: f
     }
-  ) : q === "file_upload" ? M = /* @__PURE__ */ e(
+  ) : q === "file_upload" ? $ = /* @__PURE__ */ e(
     Mt,
     {
       existing: o,
       multiple: !1,
       disabled: b
     }
-  ) : q === "multi_file_upload" ? M = /* @__PURE__ */ e(
+  ) : q === "multi_file_upload" ? $ = /* @__PURE__ */ e(
     Mt,
     {
       existing: o,
       multiple: !0,
       disabled: b
     }
-  ) : q === "switch" ? M = /* @__PURE__ */ e(Bi, { disabled: b }) : q === "number_input" ? M = /* @__PURE__ */ e(Ui, { disabled: b }) : q === "group" ? M = /* @__PURE__ */ e(
+  ) : q === "switch" ? $ = /* @__PURE__ */ e(Bi, { disabled: b }) : q === "number_input" ? $ = /* @__PURE__ */ e(Ui, { disabled: b }) : q === "group" ? $ = /* @__PURE__ */ e(
     Ti,
     {
       disabled: b,
       getData: k,
-      allowDataInference: f,
+      allowDataInference: g,
       collectionEditable: _,
       propertyConfigs: v
     }
-  ) : q === "block" ? M = /* @__PURE__ */ e(
+  ) : q === "block" ? $ = /* @__PURE__ */ e(
     Mi,
     {
       disabled: b,
       getData: k,
-      allowDataInference: f,
+      allowDataInference: g,
       collectionEditable: _,
       propertyConfigs: v
     }
-  ) : q === "reference" ? M = /* @__PURE__ */ e(
+  ) : q === "reference" ? $ = /* @__PURE__ */ e(
     Rt,
     {
-      showErrors: g,
+      showErrors: f,
       existing: o,
       multiple: !1,
       disabled: b
     }
-  ) : q === "date_time" ? M = /* @__PURE__ */ e(Ki, { disabled: b }) : q === "multi_references" ? M = /* @__PURE__ */ e(
+  ) : q === "date_time" ? $ = /* @__PURE__ */ e(Ki, { disabled: b }) : q === "multi_references" ? $ = /* @__PURE__ */ e(
     Rt,
     {
-      showErrors: g,
+      showErrors: f,
       existing: o,
       multiple: !0,
       disabled: b
     }
-  ) : q === "repeat" ? M = /* @__PURE__ */ e(
+  ) : q === "repeat" ? $ = /* @__PURE__ */ e(
     Vi,
     {
-      showErrors: g,
+      showErrors: f,
       existing: o,
       getData: k,
-      allowDataInference: f,
+      allowDataInference: g,
       disabled: b,
       collectionEditable: _,
       propertyConfigs: v
     }
-  ) : q === "key_value" ? M = /* @__PURE__ */ e(Gi, { disabled: b }) : M = null, /* @__PURE__ */ n($, { children: [
+  ) : q === "key_value" ? $ = /* @__PURE__ */ e(Gi, { disabled: b }) : $ = null, /* @__PURE__ */ n(U, { children: [
     b && /* @__PURE__ */ n(ea, { mode: "warn", children: [
       /* @__PURE__ */ e(C, { children: "This property can't be edited" }),
       /* @__PURE__ */ n(C, { variant: "caption", children: [
@@ -4666,17 +4665,17 @@ function Qi({
         /* @__PURE__ */ e(
           Se,
           {
-            error: !!fe,
+            error: !!ye,
             value: q ?? "",
             placeholder: "Select a property widget",
             open: h,
             onOpenChange: A,
             position: "item-aligned",
             disabled: b,
-            renderValue: (Q) => {
-              if (!Q)
+            renderValue: (J) => {
+              if (!J)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const te = Q, me = Zt[te] ?? v[te], ue = me.property, be = ue && !oe(ue) ? Ze(ue, v) : void 0, ve = oe(ue) || o && ue.dataType !== t?.dataType, Ce = be ? G(be, me) : me;
+              const te = J, me = Zt[te] ?? v[te], ue = me.property, fe = ue && !oe(ue) ? Ze(ue, v) : void 0, ve = oe(ue) || o && ue.dataType !== t?.dataType, Ce = fe ? G(fe, me) : me;
               return /* @__PURE__ */ n(
                 "div",
                 {
@@ -4704,25 +4703,25 @@ function Qi({
                 }
               );
             },
-            onValueChange: (Q) => {
-              X(Q);
+            onValueChange: (J) => {
+              Z(J);
             },
-            children: N.map(([Q, te]) => {
+            children: O.map(([J, te]) => {
               const me = te.property, ue = o && !oe(me) && me.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
                 sa,
                 {
-                  value: Q,
+                  value: J,
                   optionDisabled: ue,
                   propertyConfig: te,
                   existing: o
                 },
-                Q
+                J
               );
             })
           }
         ),
-        fe && /* @__PURE__ */ e(
+        ye && /* @__PURE__ */ e(
           C,
           {
             variant: "caption",
@@ -4747,7 +4746,7 @@ function Qi({
       m && /* @__PURE__ */ e(
         Ii,
         {
-          showErrors: g,
+          showErrors: f,
           disabledId: o,
           isNewProperty: !o,
           existingPropertyKeys: w,
@@ -4755,7 +4754,7 @@ function Qi({
           ref: x
         }
       ),
-      M,
+      $,
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Yi, { disabled: b }) })
     ] }),
     d && /* @__PURE__ */ e(
@@ -4774,13 +4773,13 @@ function Qi({
     )
   ] });
 }
-function Wi(t) {
+function Qi(t) {
   return (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((a, i) => a + i[0].toUpperCase() + i.substring(1));
 }
 function Zi({ collection: t, onOpenChange: a, open: i }) {
   const r = De(), s = `import { EntityCollection } from "firecms";
 
-const ` + Wi(t.name) + "Collection:EntityCollection = " + si.stringify(da(t), null, "	");
+const ` + Qi(t.name) + "Collection:EntityCollection = " + si.stringify(da(t), null, "	");
   return /* @__PURE__ */ n(
     Ee,
     {
@@ -4811,13 +4810,13 @@ const ` + Wi(t.name) + "Collection:EntityCollection = " + si.stringify(da(t), nu
               theme: ci.vsDark,
               code: s,
               language: "typescript",
-              children: ({ className: o, style: l, tokens: p, getLineProps: m, getTokenProps: u }) => /* @__PURE__ */ e("pre", { style: l, className: "p-4 rounded text-sm", children: p.map((d, c) => /* @__PURE__ */ e("div", { ...m({ line: d }), children: d.map((y, g) => /* @__PURE__ */ e("span", { ...u({ token: y }) }, g)) }, c)) })
+              children: ({ className: o, style: l, tokens: p, getLineProps: m, getTokenProps: u }) => /* @__PURE__ */ e("pre", { style: l, className: "p-4 rounded text-sm", children: p.map((d, c) => /* @__PURE__ */ e("div", { ...m({ line: d }), children: d.map((y, f) => /* @__PURE__ */ e("span", { ...u({ token: y }) }, f)) }, c)) })
             }
           )
         ] }),
         /* @__PURE__ */ n(Le, { children: [
           /* @__PURE__ */ n(
-            U,
+            R,
             {
               variant: "text",
               size: "small",
@@ -4831,7 +4830,7 @@ const ` + Wi(t.name) + "Collection:EntityCollection = " + si.stringify(da(t), nu
               ]
             }
           ),
-          /* @__PURE__ */ e(U, { onClick: () => a(!1), children: "Close" })
+          /* @__PURE__ */ e(R, { onClick: () => a(!1), children: "Close" })
         ] })
       ]
     }
@@ -4882,100 +4881,93 @@ function Xi({
 }) {
   const {
     values: y,
-    setFieldValue: g,
+    setFieldValue: f,
     setFieldError: b,
-    setFieldTouched: O,
+    setFieldTouched: P,
     errors: w,
     dirty: k
-  } = Y(), f = De(), v = Ea("lg"), _ = !v, [h, A] = L(), [E, z] = L(), [q, B] = L(), S = E ? ce(E, q) : void 0, N = S ? P(y.properties, S.replaceAll(".", ".properties.")) : void 0, [j, x] = L(!1), [I, ge] = L(!1), [fe, X] = L(!1), [M, Q] = L([]), te = K.useRef(y.propertiesOrder ? { "": y.propertiesOrder } : {});
+  } = Y(), g = De(), v = Ea("lg"), _ = !v, [h, A] = L(), [E, z] = L(), [q, B] = L(), S = E ? ce(E, q) : void 0, O = S ? N(y.properties, S.replaceAll(".", ".properties.")) : void 0, [j, x] = L(!1), [I, ge] = L(!1), [ye, Z] = L(!1), [$, J] = L([]), te = K.useRef(y.propertiesOrder ? { "": y.propertiesOrder } : {});
   pe(() => {
     s && s(k);
   }, [k]);
   const me = u ? () => {
-    u && (ge(!0), u(y).then((T) => {
-      if (T && et(T.properties), !T) {
-        f.open({
+    u && (ge(!0), u(y).then((V) => {
+      if (V && et(V.properties), !V) {
+        g.open({
           type: "error",
           message: "Could not infer properties from data"
         });
         return;
       }
-      const D = (T.properties ? Object.keys(T.properties) : []).filter((le) => !y.properties[le]);
+      const D = (V.properties ? Object.keys(V.properties) : []).filter((le) => !y.properties[le]);
       if (D.length === 0) {
-        f.open({
+        g.open({
           type: "info",
           message: "No new properties found in existing data"
         });
         return;
       }
       const H = {
-        ...D.reduce((le, we) => (le[we] = (T.properties ?? {})[we], le), {}),
+        ...D.reduce((le, we) => (le[we] = (V.properties ?? {})[we], le), {}),
         ...y.properties
       }, se = [
         ...D,
         ...y.propertiesOrder ?? []
       ];
-      g("properties", H, !1), be(se), Q(D);
+      f("properties", H, !1), fe(se), J(D);
     }).finally(() => {
       ge(!1);
     }));
-  } : void 0, ue = (T) => T ? te.current[T] ?? P(y, Pe(T)) : te.current[""], be = (T, D) => {
+  } : void 0, ue = (V) => V ? te.current[V] ?? N(y, Pe(V)) : te.current[""], fe = (V, D) => {
     const H = Pe(D);
-    g(H, T, !1), te.current[D ?? ""] = T;
-  }, ve = (T, D) => {
-    const H = T ? ce(T, D) : void 0;
+    f(H, V, !1), te.current[D ?? ""] = V;
+  }, ve = (V, D) => {
+    const H = V ? ce(V, D) : void 0;
     if (!H)
       throw Error("collection editor miss config");
-    g(ke(H), void 0, !1);
-    const le = ue(D).filter((we) => we !== T);
-    be(le, D), X(!1), A(void 0), z(void 0), B(void 0);
-  }, Ce = (T, D) => {
-    g(Pe(D), T, !1);
+    f(ke(H), void 0, !1);
+    const le = ue(D).filter((we) => we !== V);
+    fe(le, D), Z(!1), A(void 0), z(void 0), B(void 0);
+  }, Ce = (V, D) => {
+    f(Pe(D), V, !1);
   }, ae = ({
-    id: T,
+    id: V,
     property: D
   }) => {
-    if (console.log("onPropertyCreated", {
-      id: T,
-      property: D
-    }), !T)
+    if (!V)
       throw Error("Need to include an ID when creating a new property");
-    g("properties", {
+    f("properties", {
       ...y.properties ?? {},
-      [T]: D
+      [V]: D
     }, !1);
-    const H = [...y.propertiesOrder ?? Object.keys(y.properties), T];
-    console.log("onPropertyCreated", {
-      id: T,
-      property: D,
-      newPropertiesOrder: H
-    }), be(H), X(!1), v && (A(H.indexOf(T)), z(T)), B(void 0);
+    const H = [...y.propertiesOrder ?? Object.keys(y.properties), V];
+    fe(H), Z(!1), v && (A(H.indexOf(V)), z(V)), B(void 0);
   }, Ve = ({
-    id: T,
+    id: V,
     property: D,
     previousId: H,
     namespace: se
   }) => {
-    const le = T ? ce(T, se) : void 0, we = le ? ke(le) : void 0;
-    if (H && H !== T) {
-      const yt = ce(H, se), it = ke(yt), W = ue(se).map((Ie) => Ie === H ? T : Ie).filter((Ie) => Ie !== void 0);
-      be(W, se), T && (A(W.indexOf(T)), z(T)), g(it, void 0, !1), O(it, !1, !1);
+    const le = V ? ce(V, se) : void 0, we = le ? ke(le) : void 0;
+    if (H && H !== V) {
+      const yt = ce(H, se), it = ke(yt), X = ue(se).map((Ie) => Ie === H ? V : Ie).filter((Ie) => Ie !== void 0);
+      fe(X, se), V && (A(X.indexOf(V)), z(V)), f(it, void 0, !1), P(it, !1, !1);
     }
-    we && (g(we, D, !1), O(we, !0, !1));
-  }, tt = (T, D, H) => {
-    const se = T ? ce(T, D) : void 0;
+    we && (f(we, D, !1), P(we, !0, !1));
+  }, tt = (V, D, H) => {
+    const se = V ? ce(V, D) : void 0;
     if (console.warn("onPropertyErrorInternal", {
-      id: T,
+      id: V,
       namespace: D,
       error: H,
       propertyPath: se
     }), se) {
       const le = H && Object.keys(H).length > 0;
-      r(T, D, le ? H : void 0), b(ke(se), le ? "Property error" : void 0);
+      r(V, D, le ? H : void 0), b(ke(se), le ? "Property error" : void 0);
     }
   }, bt = () => {
     A(void 0), z(void 0);
-  }, V = E && i?.current?.properties ? i.current.properties[E] : void 0, F = y?.propertiesOrder === void 0 || y.propertiesOrder.length === 0, R = y.propertiesOrder ? y.propertiesOrder : Object.keys(y.properties), Oe = Kt(() => p(y.ownerId), [p, y.ownerId]), at = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+  }, T = E && i?.current?.properties ? i.current.properties[E] : void 0, F = y?.propertiesOrder === void 0 || y.propertiesOrder.length === 0, M = y.propertiesOrder ? y.propertiesOrder : Object.keys(y.properties), Oe = Kt(() => p(y.ownerId), [p, y.ownerId]), at = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ n("div", { className: xe(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
@@ -4984,10 +4976,10 @@ function Xi({
       /* @__PURE__ */ n("div", { className: "flex my-2", children: [
         /* @__PURE__ */ n("div", { className: "flex-grow mb-4", children: [
           /* @__PURE__ */ e(
-            ye,
+            be,
             {
               name: "name",
-              as: J,
+              as: W,
               invisible: !0,
               className: "-ml-1",
               inputClassName: "text-2xl font-headers",
@@ -5027,14 +5019,14 @@ function Xi({
               variant: "filled",
               disabled: I,
               onClick: me,
-              children: I ? /* @__PURE__ */ e(We, { size: "small" }) : /* @__PURE__ */ e(gt, {})
+              children: I ? /* @__PURE__ */ e(Qe, { size: "small" }) : /* @__PURE__ */ e(gt, {})
             }
           ) }),
           /* @__PURE__ */ e(re, { title: "Add new property", children: /* @__PURE__ */ e(
-            U,
+            R,
             {
               variant: "outlined",
-              onClick: () => X(!0),
+              onClick: () => Z(!0),
               children: /* @__PURE__ */ e(Ae, {})
             }
           ) })
@@ -5044,14 +5036,14 @@ function Xi({
         ft,
         {
           className: "pl-8",
-          onPropertyClick: (T, D) => {
-            A(R.indexOf(T)), z(T), B(D);
+          onPropertyClick: (V, D) => {
+            A(M.indexOf(V)), z(V), B(D);
           },
-          inferredPropertyKeys: M,
+          inferredPropertyKeys: $,
           selectedPropertyKey: E ? ce(E, q) : void 0,
           properties: y.properties,
           additionalFields: y.additionalFields,
-          propertiesOrder: R,
+          propertiesOrder: M,
           onPropertyMove: Ce,
           onPropertyRemove: a ? ve : void 0,
           collectionEditable: c,
@@ -5059,13 +5051,13 @@ function Xi({
         }
       ) }),
       /* @__PURE__ */ e(
-        U,
+        R,
         {
           className: "mt-8 w-full",
           color: "primary",
           variant: "outlined",
           size: "large",
-          onClick: () => X(!0),
+          onClick: () => Z(!0),
           startIcon: /* @__PURE__ */ e(Ae, {}),
           children: "Add new property"
         }
@@ -5076,7 +5068,7 @@ function Xi({
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
-          S && N && !oe(N) && /* @__PURE__ */ e(
+          S && O && !oe(O) && /* @__PURE__ */ e(
             ca,
             {
               inArray: !1,
@@ -5086,20 +5078,20 @@ function Xi({
               autoOpenTypeSelect: !1,
               propertyKey: E,
               propertyNamespace: q,
-              property: N,
+              property: O,
               onPropertyChanged: Ve,
               onDelete: ve,
               onError: tt,
               forceShowErrors: t,
-              initialErrors: V,
+              initialErrors: T,
               getData: m,
               propertyConfigs: d,
               collectionEditable: c
             },
             `edit_view_${h}`
           ),
-          !N && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center h-full", children: F ? "Now you can add your first property" : "Select a property to edit it" }),
-          N && oe(N) && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
+          !O && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center h-full", children: F ? "Now you can add your first property" : "Select a property to edit it" }),
+          O && oe(O) && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
         ]
       }
     ) }),
@@ -5114,12 +5106,12 @@ function Xi({
         autoOpenTypeSelect: !1,
         propertyKey: E,
         propertyNamespace: q,
-        property: N,
+        property: O,
         onPropertyChanged: Ve,
         onDelete: ve,
         onError: tt,
         forceShowErrors: t,
-        initialErrors: V,
+        initialErrors: T,
         getData: m,
         propertyConfigs: d,
         collectionEditable: c,
@@ -5128,7 +5120,7 @@ function Xi({
       `edit_view_${h}`
     )
   ] });
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     at,
     /* @__PURE__ */ e(
       je,
@@ -5138,8 +5130,8 @@ function Xi({
         autoOpenTypeSelect: !0,
         autoUpdateId: !0,
         forceShowErrors: t,
-        open: fe,
-        onCancel: () => X(!1),
+        open: ye,
+        onCancel: () => Z(!1),
         onPropertyChanged: ae,
         getData: m,
         allowDataInference: !a,
@@ -5179,8 +5171,8 @@ function er({
           /* @__PURE__ */ e(C, { children: "Are you sure?" })
         ] }),
         /* @__PURE__ */ n(Le, { children: [
-          /* @__PURE__ */ e(U, { variant: "text", onClick: i, autoFocus: !0, children: " Cancel " }),
-          /* @__PURE__ */ e(U, { onClick: a, children: " Ok " })
+          /* @__PURE__ */ e(R, { variant: "text", onClick: i, autoFocus: !0, children: " Cancel " }),
+          /* @__PURE__ */ e(R, { onClick: a, children: " Ok " })
         ] })
       ]
     }
@@ -5199,7 +5191,7 @@ function tr({ open: t, onClose: a }) {
         /* @__PURE__ */ n($e, { children: [
           /* @__PURE__ */ e(C, { variant: "h6", children: "Select view" }),
           i?.map((r) => /* @__PURE__ */ n(
-            U,
+            R,
             {
               onClick: () => a(r.key),
               fullWidth: !0,
@@ -5215,7 +5207,7 @@ function tr({ open: t, onClose: a }) {
           )),
           (i ?? []).length === 0 && /* @__PURE__ */ e(C, { variant: "body2", children: "No custom views defined" })
         ] }),
-        /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(U, { onClick: () => a(), children: "Cancel" }) })
+        /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(R, { onClick: () => a(), children: "Cancel" }) })
       ]
     }
   );
@@ -5228,16 +5220,16 @@ function ar({
   getUser: s,
   parentCollectionIds: o
 }) {
-  const { entityViews: l } = Ke(), [p, m] = K.useState(), [u, d] = K.useState(!1), [c, y] = K.useState(), [g, b] = K.useState(), {
-    values: O,
+  const { entityViews: l } = Ke(), [p, m] = K.useState(), [u, d] = K.useState(!1), [c, y] = K.useState(), [f, b] = K.useState(), {
+    values: P,
     setFieldValue: w
-  } = Y(), k = t.subcollections ?? [], f = O.entityViews?.filter((h) => typeof h == "string").map((h) => Ba(h, l)).filter(Boolean) ?? [], v = t.entityViews?.filter((h) => typeof h != "string") ?? [], _ = f.length + v.length;
+  } = Y(), k = t.subcollections ?? [], g = P.entityViews?.filter((h) => typeof h == "string").map((h) => Ba(h, l)).filter(Boolean) ?? [], v = t.entityViews?.filter((h) => typeof h != "string") ?? [], _ = g.length + v.length;
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(ht, { 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(C, { variant: "h5", children: [
           "Subcollections of ",
-          O.name
+          P.name
         ] }),
         k && k.length > 0 && /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ e(Ft, { children: k.map((h) => /* @__PURE__ */ n(
           wt,
@@ -5276,7 +5268,7 @@ function ar({
           h.path
         )) }) }) }),
         /* @__PURE__ */ e(
-          U,
+          R,
           {
             onClick: () => {
               b({
@@ -5291,8 +5283,8 @@ function ar({
       ] }),
       /* @__PURE__ */ n("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ e(C, { variant: "h5", children: "Custom views" }),
-        _ > 0 && /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ n(Ft, { children: [
-          f.map((h) => /* @__PURE__ */ n(wt, { children: [
+        _ > 0 && /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ n(Ft, { children: [
+          g.map((h) => /* @__PURE__ */ n(wt, { children: [
             /* @__PURE__ */ e(
               Ge,
               {
@@ -5337,7 +5329,7 @@ function ar({
           " Define your own custom views by uploading it with the CLI"
         ] }),
         /* @__PURE__ */ e(
-          U,
+          R,
           {
             onClick: () => {
               d(!0);
@@ -5361,8 +5353,8 @@ function ar({
           }), m(void 0);
         },
         onCancel: () => m(void 0),
-        title: /* @__PURE__ */ e($, { children: "Delete this subcollection?" }),
-        body: /* @__PURE__ */ n($, { children: [
+        title: /* @__PURE__ */ e(U, { children: "Delete this subcollection?" }),
+        body: /* @__PURE__ */ n(U, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -5374,11 +5366,11 @@ function ar({
       {
         open: !!c,
         onAccept: () => {
-          w("entityViews", O.entityViews?.filter((h) => h !== c)), y(void 0);
+          w("entityViews", P.entityViews?.filter((h) => h !== c)), y(void 0);
         },
         onCancel: () => y(void 0),
-        title: /* @__PURE__ */ e($, { children: "Remove this view?" }),
-        body: /* @__PURE__ */ n($, { children: [
+        title: /* @__PURE__ */ e(U, { children: "Remove this view?" }),
+        body: /* @__PURE__ */ n(U, { children: [
           "This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the view in the CMS"
@@ -5388,13 +5380,13 @@ function ar({
     /* @__PURE__ */ e(
       ma,
       {
-        open: !!g,
+        open: !!f,
         configController: i,
         parentCollection: t,
         collectionInference: r,
-        parentCollectionIds: [...o ?? [], O.id],
+        parentCollectionIds: [...o ?? [], P.id],
         isNewCollection: !1,
-        ...g,
+        ...f,
         getUser: s,
         handleClose: () => {
           b(void 0);
@@ -5406,7 +5398,7 @@ function ar({
       {
         open: u,
         onClose: (h) => {
-          h && (console.log("selectedViewKey", h), w("entityViews", [...O.entityViews ?? [], h])), d(!1);
+          h && w("entityViews", [...P.entityViews ?? [], h]), d(!1);
         }
       }
     )
@@ -5650,8 +5642,8 @@ function ir({
 }) {
   const [o, l] = L(!1), [p, m] = L();
   pe(() => {
-    a && s && (l(!0), a(t).then((f) => {
-      const v = f.filter((_) => !s.find((h) => h.path.trim().toLowerCase() === _.trim().toLowerCase()));
+    a && s && (l(!0), a(t).then((g) => {
+      const v = g.filter((_) => !s.find((h) => h.path.trim().toLowerCase() === _.trim().toLowerCase()));
       m(v);
     }).finally(() => l(!1)));
   }, [s, t, a]);
@@ -5660,9 +5652,9 @@ function ir({
     setFieldValue: d,
     setValues: c,
     handleChange: y,
-    touched: g,
+    touched: f,
     errors: b,
-    setFieldTouched: O,
+    setFieldTouched: P,
     isSubmitting: w,
     submitCount: k
   } = Y();
@@ -5688,18 +5680,18 @@ function ir({
         }
       ),
       /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
-        o && !p && /* @__PURE__ */ e(We, { size: "small" }),
-        p?.map((f, v) => /* @__PURE__ */ e(
+        o && !p && /* @__PURE__ */ e(Qe, { size: "small" }),
+        p?.map((g, v) => /* @__PURE__ */ e(
           dt,
           {
             colorScheme: "cyanLighter",
             onClick: () => {
-              d("name", Pt(f)), d("path", f), d("properties", void 0), r();
+              d("name", Pt(g)), d("path", g), d("properties", void 0), r();
             },
             size: "small",
-            children: f
+            children: g
           },
-          f
+          g
         )),
         !o && p?.length === 0 && /* @__PURE__ */ e(C, { variant: "caption", children: "No suggestions" })
       ] })
@@ -5759,9 +5751,9 @@ function ir({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(di, { onDataAdded: (f) => r(f) })
+      /* @__PURE__ */ e(di, { onDataAdded: (g) => r(g) })
     ] }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { 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 kt({
@@ -5805,38 +5797,35 @@ function rr({
     setFieldTouched: s,
     values: o
   } = Y(), [l, p] = L(void 0), m = K.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), u = l ? l.id : void 0, d = l || void 0, c = ({
-    id: g,
+    id: f,
     property: b,
-    previousId: O,
+    previousId: P,
     namespace: w
   }) => {
-    const k = g ? ce(g, w) : void 0, f = k ? ke(k) : void 0, v = (h) => h ? m.current[h] ?? P(o, Pe(h)) : m.current[""], _ = (h, A) => {
+    const k = f ? ce(f, w) : void 0, g = k ? ke(k) : void 0, v = (h) => h ? m.current[h] ?? N(o, Pe(h)) : m.current[""], _ = (h, A) => {
       const E = Pe(A);
       r(E, h, !1), m.current[A ?? ""] = h;
     };
-    if (O && O !== g) {
-      const h = ce(O, w), A = ke(h), z = v(w).map((B) => B === O ? g : B).filter((B) => B !== void 0);
+    if (P && P !== f) {
+      const h = ce(P, w), A = ke(h), z = v(w).map((B) => B === P ? f : B).filter((B) => B !== void 0);
       _(z, w);
       const q = { ...t.headersMapping };
       Object.keys(q).forEach((B) => {
-        q[B] === O && (q[B] = g ?? "");
+        q[B] === P && (q[B] = f ?? "");
       }), t.setHeadersMapping(q), r(A, void 0, !1), s(A, !1, !1);
     }
-    f && (r(f, b, !1), s(f, !0, !1));
+    g && (r(g, b, !1), s(g, !0, !1));
   }, y = async ({
-    id: g,
+    id: f,
     importKey: b,
-    property: O,
+    property: P,
     namespace: w
   }) => {
-    const k = g ? ce(g, w) : void 0, f = k ? ke(k) : void 0, v = t.importData.map((h) => P(h, b)), _ = {
-      ...ai(v, O, ia),
+    const k = f ? ce(f, w) : void 0, g = k ? ke(k) : void 0, v = t.importData.map((h) => N(h, b)), _ = {
+      ...ai(v, P, ia),
       editable: !0
     };
-    f && (_ ? (console.log("updating inferredNewProperty", {
-      property: O,
-      inferredNewProperty: _
-    }), r(f, _, !1)) : r(f, O, !1), s(f, !0, !1));
+    g && (_ ? r(g, _, !1) : r(g, P, !1), s(g, !0, !1));
   };
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ n(ht, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
@@ -5848,20 +5837,20 @@ function rr({
           idColumn: t.idColumn,
           originProperties: t.originProperties,
           destinationProperties: o.properties,
-          onIdPropertyChanged: (g) => t.setIdColumn(g),
+          onIdPropertyChanged: (f) => t.setIdColumn(f),
           buildPropertyView: ({
-            property: g,
+            property: f,
             propertyKey: b,
-            importKey: O
+            importKey: P
           }) => /* @__PURE__ */ e(
             mi,
             {
-              property: g,
+              property: f,
               propertyKey: b,
               onPropertyNameChanged: (w, k) => r(`properties.${w}.name`, k, !1),
               onEditClick: () => {
-                !b || !g || p({
-                  ...g,
+                !b || !f || p({
+                  ...f,
                   id: b,
                   editable: !0
                 });
@@ -5869,11 +5858,11 @@ function rr({
               propertyTypeView: /* @__PURE__ */ e(
                 or,
                 {
-                  property: g,
+                  property: f,
                   disabled: !1,
                   onPropertyChanged: (w) => y({
                     ...w,
-                    importKey: O
+                    importKey: P
                   }),
                   propertyKey: b,
                   propertyConfigs: a
@@ -5937,12 +5926,12 @@ function or({
           renderValue: (u) => l ? /* @__PURE__ */ e(Xe, { propertyConfig: l }) : null,
           onValueChange: (u) => {
             const d = na(t, u, r);
-            i && (a({
+            i && a({
               id: i,
               property: d,
               previousId: i,
               namespace: void 0
-            }), console.log("newSelectedWidgetId", u));
+            });
           },
           children: Object.entries(la).map(([u, d]) => /* @__PURE__ */ e(
             sa,
@@ -5962,7 +5951,7 @@ function or({
 function nr({ importConfig: t, properties: a, propertiesOrder: i }) {
   pe(() => {
     const s = ui(t.originProperties, a), o = t.importData.map((l) => hi(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
-    t.setEntities(o), console.log("res", { propertiesMapping: s, mappedData: o });
+    t.setEntities(o);
   }, []);
   const r = Ma();
   return /* @__PURE__ */ e(
@@ -6019,7 +6008,7 @@ function pa(t, a = "") {
   };
 }
 function ma(t) {
-  const a = t.open, [i, r] = _e.useState(!1), [s, o] = _e.useState(!1), l = Z(() => {
+  const a = t.open, [i, r] = _e.useState(!1), [s, o] = _e.useState(!1), l = Q(() => {
     i ? o(!0) : t.handleClose(void 0);
   }, [i, t.handleClose]);
   return pe(() => {
@@ -6069,40 +6058,40 @@ function sr({
   handleCancel: d,
   setFormDirty: c,
   pathSuggestions: y,
-  getUser: g,
+  getUser: f,
   parentCollection: b,
-  getData: O
+  getData: P
 }) {
   const { propertyConfigs: w } = Ke(), k = Be(), {
-    topLevelNavigation: f,
+    topLevelNavigation: g,
     collections: v
-  } = k, _ = !a?.path && (s ?? []).length === 0, h = (b ? b.subcollections : v) ?? [], A = h.map((V) => V.path.trim().toLowerCase()), E = h.map((V) => V.id?.trim().toLowerCase()).filter(Boolean), z = gi();
-  if (!f)
+  } = k, _ = !a?.path && (s ?? []).length === 0, h = (b ? b.subcollections : v) ?? [], A = h.map((T) => T.path.trim().toLowerCase()), E = h.map((T) => T.id?.trim().toLowerCase()).filter(Boolean), z = gi();
+  if (!g)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: q
-  } = f, B = De(), S = Ye(), N = He({}), j = t ? _ ? "welcome" : "details" : "properties", [x, I] = L(j), [ge, fe] = _e.useState(), [X, M] = _e.useState(), [Q, te] = _e.useState(!1), [me, ue] = _e.useState();
+  } = g, B = De(), S = Ye(), O = He({}), j = t ? _ ? "welcome" : "details" : "properties", [x, I] = L(j), [ge, ye] = _e.useState(), [Z, $] = _e.useState(), [J, te] = _e.useState(!1), [me, ue] = _e.useState();
   pe(() => {
     try {
-      k.initialised && (M(r ? k.getCollectionFromPaths([...s ?? [], r]) : void 0), te(!0));
-    } catch (V) {
-      console.error(V), ue(me);
+      k.initialised && ($(r ? k.getCollectionFromPaths([...s ?? [], r]) : void 0), te(!0));
+    } catch (T) {
+      console.error(T), ue(me);
     }
   }, [k.getCollectionFromPaths, r, me, k.initialised]);
-  const be = (V) => {
-    const F = V.id || V.path;
+  const fe = (T) => {
+    const F = T.id || T.path;
     return i.saveCollection({
       id: F,
-      collectionData: V,
+      collectionData: T,
       previousPath: r,
       parentCollectionIds: s
-    }).then(() => (fe(void 0), !0)).catch((R) => (fe(R), console.error(R), B.open({
+    }).then(() => (ye(void 0), !0)).catch((M) => (ye(M), console.error(M), B.open({
       type: "error",
-      message: "Error persisting collection: " + (R.message ?? "Details in the console")
+      message: "Error persisting collection: " + (M.message ?? "Details in the console")
     }), !1));
-  }, ve = X ? {
-    ...X,
-    id: X.id ?? X.path ?? jt(16)
+  }, ve = Z ? {
+    ...Z,
+    id: Z.id ?? Z.path ?? jt(16)
   } : void 0, Ce = ve ? lr(ve, w) : {
     id: a?.path ?? jt(16),
     path: a?.path ?? "",
@@ -6112,43 +6101,43 @@ function sr({
     propertiesOrder: [],
     icon: xt[Math.floor(Math.random() * xt.length)],
     ownerId: S.user?.uid ?? ""
-  }, ae = Z(() => {
+  }, ae = Q(() => {
     x === "details" ? z.inUse ? I("import_data_saving") : I(u ? "extra_view" : "properties") : I(x === "welcome" ? "details" : x === "import_data_mapping" ? "import_data_preview" : x === "import_data_preview" ? "details" : x === "extra_view" ? "properties" : "details");
-  }, [x, z.inUse, u]), Ve = Z((V) => {
+  }, [x, z.inUse, u]), Ve = Q((T) => {
     if (l)
-      return l?.(V.path, V.collectionGroup ?? !1, s ?? []);
-  }, [l, s]), tt = Z(async (V) => {
+      return l?.(T.path, T.collectionGroup ?? !1, s ?? []);
+  }, [l, s]), tt = Q(async (T) => {
     try {
       if (!Ve)
-        return M(V), Promise.resolve(V);
+        return $(T), Promise.resolve(T);
       I("loading");
-      const F = await Ve?.(V);
+      const F = await Ve?.(T);
       if (!F)
-        return M(V), Promise.resolve(V);
-      const R = {
-        ...V ?? {}
+        return $(T), Promise.resolve(T);
+      const M = {
+        ...T ?? {}
       };
-      return Object.keys(F.properties ?? {}).length > 0 && (R.properties = F.properties, R.propertiesOrder = F.propertiesOrder), R.propertiesOrder ? (M(R), console.log("Inferred collection", {
-        newCollection: V ?? {},
-        values: R
-      }), R) : (R.propertiesOrder = Object.keys(R.properties), R);
+      return Object.keys(F.properties ?? {}).length > 0 && (M.properties = F.properties, M.propertiesOrder = F.propertiesOrder), M.propertiesOrder ? ($(M), console.log("Inferred collection", {
+        newCollection: T ?? {},
+        values: M
+      }), M) : (M.propertiesOrder = Object.keys(M.properties), M);
     } catch (F) {
       return console.error(F), B.open({
         type: "error",
         message: "Error inferring collection: " + (F.message ?? "Details in the console")
-      }), V;
+      }), T;
     }
-  }, [s, Ve]), bt = (V, F) => {
+  }, [s, Ve]), bt = (T, F) => {
     try {
-      if (console.log("Submitting collection", V), !t) {
-        be(V).then(() => {
-          F.resetForm({ values: Ce }), p(V);
+      if (console.log("Submitting collection", T), !t) {
+        fe(T).then(() => {
+          F.resetForm({ values: Ce }), p(T);
         });
         return;
       }
-      x === "welcome" ? (ae(), F.resetForm({ values: V })) : x === "details" ? u || z.inUse ? (F.resetForm({ values: V }), ae()) : t ? tt(V).then((R) => {
+      x === "welcome" ? (ae(), F.resetForm({ values: T })) : x === "details" ? u || z.inUse ? (F.resetForm({ values: T }), ae()) : t ? tt(T).then((M) => {
         F.resetForm({
-          values: R ?? V,
+          values: M ?? T,
           touched: {
             path: !0,
             name: !0
@@ -6156,65 +6145,62 @@ function sr({
         });
       }).finally(() => {
         ae();
-      }) : (F.resetForm({ values: V }), ae()) : x === "extra_view" ? (ae(), F.resetForm({ values: V })) : x === "import_data_mapping" || x === "import_data_preview" ? ae() : x === "properties" ? be(V).then(() => {
-        F.resetForm({ values: Ce }), ae(), p(V);
-      }) : (ae(), F.resetForm({ values: V }));
-    } catch (R) {
+      }) : (F.resetForm({ values: T }), ae()) : x === "extra_view" ? (ae(), F.resetForm({ values: T })) : x === "import_data_mapping" || x === "import_data_preview" ? ae() : x === "properties" ? fe(T).then(() => {
+        F.resetForm({ values: Ce }), ae(), p(T);
+      }) : (ae(), F.resetForm({ values: T }));
+    } catch (M) {
       B.open({
         type: "error",
-        message: "Error persisting collection: " + (R.message ?? "Details in the console")
-      }), console.error(R), F.resetForm({ values: V });
+        message: "Error persisting collection: " + (M.message ?? "Details in the console")
+      }), console.error(M), F.resetForm({ values: T });
     }
   };
-  return !t && (!k.initialised || !Q) ? /* @__PURE__ */ e(Et, {}) : /* @__PURE__ */ e($e, { fullHeight: !0, children: /* @__PURE__ */ e(
+  return !t && (!k.initialised || !J) ? /* @__PURE__ */ e(Et, {}) : /* @__PURE__ */ e($e, { fullHeight: !0, children: /* @__PURE__ */ e(
     St,
     {
       initialValues: Ce,
       validationSchema: (x === "properties" || x === "subcollections" || x === "details") && yi,
-      validate: (V) => {
+      validate: (T) => {
         if (x === "properties")
-          return N.current;
+          return O.current;
         const F = {};
         if (x === "details") {
-          const R = cr(V.path, t, A, V.id);
-          R && (F.path = R);
-          const Oe = dr(V.id, t, A, E);
+          const M = cr(T.path, t, A, T.id);
+          M && (F.path = M);
+          const Oe = dr(T.id, t, A, E);
           Oe && (F.id = Oe);
         }
         return F;
       },
       onSubmit: bt,
-      children: (V) => {
+      children: (T) => {
         const {
           values: F,
-          setFieldValue: R,
+          setFieldValue: M,
           isSubmitting: Oe,
           dirty: at,
-          submitCount: T
-        } = V, D = F.path ?? r, H = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + D : D, se = k.resolveAliasesFrom(H), le = se && O ? () => O(se) : void 0;
+          submitCount: V
+        } = T, D = F.path ?? r, H = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + D : D, se = k.resolveAliasesFrom(H), le = se && P ? () => P(se) : void 0;
         pe(() => {
           c(at);
         }, [at]);
-        function we(W) {
-          z.setInUse(!0), ii(W, ia).then((Ie) => {
+        function we(X) {
+          z.setInUse(!0), ii(X, ia).then((Ie) => {
             const Fe = pa(Ie);
-            R("properties", Fe.properties), R("propertiesOrder", Object.keys(Fe.properties)), z.setIdColumn(Fe.idColumn), z.setImportData(W), z.setHeadersMapping(Fe.headersMapping), z.setOriginProperties(Fe.properties);
+            M("properties", Fe.properties), M("propertiesOrder", Object.keys(Fe.properties)), z.setIdColumn(Fe.idColumn), z.setImportData(X), z.setHeadersMapping(Fe.headersMapping), z.setOriginProperties(Fe.properties);
           });
         }
         const yt = !!F.name && !!F.id, it = () => {
-          const W = { ...F.properties };
-          z.idColumn && delete W[z.idColumn], R("properties", W), ae(), console.log("onImportMappingComplete", {
-            importConfig: z,
-            properties: W
-          });
-        }, vt = X?.editable || t;
-        return /* @__PURE__ */ n($, { children: [
+          const X = { ...F.properties };
+          z.idColumn && delete X[z.idColumn], M("properties", X), ae();
+        }, vt = Z?.editable || t;
+        return /* @__PURE__ */ n(U, { children: [
           !t && /* @__PURE__ */ n(
             $a,
             {
               value: x,
               className: xe(Nt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-              onValueChange: (W) => I(W),
+              onValueChange: (X) => I(X),
               children: [
                 /* @__PURE__ */ e(_t, { value: "details", children: "Details" }),
                 /* @__PURE__ */ e(_t, { value: "properties", children: "Properties" }),
@@ -6237,8 +6223,8 @@ function sr({
                   ir,
                   {
                     path: D,
-                    onContinue: (W) => {
-                      W ? (we(W), I("import_data_mapping")) : I("details");
+                    onContinue: (X) => {
+                      X ? (we(X), I("import_data_mapping")) : I("details");
                     },
                     collections: v,
                     parentCollection: b,
@@ -6266,8 +6252,8 @@ function sr({
                   {
                     importConfig: z,
                     collection: F,
-                    onImportSuccess: (W) => {
-                      p(W), B.open({
+                    onImportSuccess: (X) => {
+                      p(X), B.open({
                         type: "info",
                         message: "Data imported successfully"
                       });
@@ -6284,30 +6270,30 @@ function sr({
                     isNewCollection: t
                   }
                 ),
-                x === "subcollections" && X && /* @__PURE__ */ e(
+                x === "subcollections" && Z && /* @__PURE__ */ e(
                   ar,
                   {
                     parentCollection: b,
                     configController: i,
-                    getUser: g,
+                    getUser: f,
                     collectionInference: l,
                     parentCollectionIds: s,
-                    collection: X
+                    collection: Z
                   }
                 ),
                 x === "properties" && /* @__PURE__ */ e(
                   Xi,
                   {
-                    showErrors: T > 0,
+                    showErrors: V > 0,
                     isNewCollection: t,
                     reservedGroups: m,
-                    onPropertyError: (W, Ie, Fe) => {
-                      N.current = La({
-                        ...N.current,
-                        [W]: Fe
+                    onPropertyError: (X, Ie, Fe) => {
+                      O.current = La({
+                        ...O.current,
+                        [X]: Fe
                       }, !0);
                     },
-                    getUser: g,
+                    getUser: f,
                     getData: le,
                     doCollectionInference: Ve,
                     propertyConfigs: w,
@@ -6329,7 +6315,7 @@ function sr({
                     children: [
                       ge && /* @__PURE__ */ e(aa, { error: ge }),
                       t && _ && x === "import_data_mapping" && /* @__PURE__ */ n(
-                        U,
+                        R,
                         {
                           variant: "text",
                           type: "button",
@@ -6341,12 +6327,12 @@ function sr({
                         }
                       ),
                       t && _ && x === "import_data_preview" && /* @__PURE__ */ n(
-                        U,
+                        R,
                         {
                           variant: "text",
                           type: "button",
                           onClick: () => {
-                            be(F), I("import_data_mapping");
+                            fe(F), I("import_data_mapping");
                           },
                           children: [
                             /* @__PURE__ */ e(rt, {}),
@@ -6355,7 +6341,7 @@ function sr({
                         }
                       ),
                       t && _ && x === "details" && /* @__PURE__ */ n(
-                        U,
+                        R,
                         {
                           variant: "text",
                           type: "button",
@@ -6367,7 +6353,7 @@ function sr({
                         }
                       ),
                       t && x === "properties" && /* @__PURE__ */ n(
-                        U,
+                        R,
                         {
                           variant: "text",
                           type: "button",
@@ -6379,7 +6365,7 @@ function sr({
                         }
                       ),
                       /* @__PURE__ */ e(
-                        U,
+                        R,
                         {
                           variant: "text",
                           onClick: () => {
@@ -6389,7 +6375,7 @@ function sr({
                         }
                       ),
                       t && x === "import_data_mapping" && /* @__PURE__ */ e(
-                        U,
+                        R,
                         {
                           variant: "filled",
                           color: "primary",
@@ -6398,7 +6384,7 @@ function sr({
                         }
                       ),
                       t && x === "import_data_preview" && /* @__PURE__ */ e(
-                        U,
+                        R,
                         {
                           variant: "filled",
                           color: "primary",
@@ -6486,65 +6472,65 @@ const cr = (t, a, i, r) => {
     getData: u,
     onAnalyticsEvent: d
   }) {
-    const c = Be(), y = bi(), g = De(), { propertyConfigs: b } = Ke(), {
-      collections: O
-    } = c, w = O.map((N) => N.path.trim().toLowerCase()), [k, f] = K.useState();
+    const c = Be(), y = bi(), f = De(), { propertyConfigs: b } = Ke(), {
+      collections: P
+    } = c, w = P.map((O) => O.path.trim().toLowerCase()), [k, g] = K.useState();
     pe(() => {
-      p && p().then((N) => {
-        f(N.filter((j) => !w.includes(j.trim().toLowerCase())));
+      p && p().then((O) => {
+        g(O.filter((j) => !w.includes(j.trim().toLowerCase())));
       });
     }, [p]);
-    const [v, _] = K.useState(), [h, A] = K.useState(), E = Z(() => ({
+    const [v, _] = K.useState(), [h, A] = K.useState(), E = Q(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
-    }), []), z = Z(({
-      path: N,
+    }), []), z = Q(({
+      path: O,
       fullPath: j,
       parentCollectionIds: x,
       parentCollection: I
     }) => {
-      console.debug("edit collection", N, j, x, I), d?.("edit_collection", { path: N, fullPath: j }), _({
-        editedCollectionPath: N,
+      console.debug("edit collection", O, j, x, I), d?.("edit_collection", { path: O, fullPath: j }), _({
+        editedCollectionPath: O,
         fullPath: j,
         parentCollectionIds: x,
         isNewCollection: !1,
         parentCollection: I,
         redirect: !1
       });
-    }, []), q = Z(({
-      propertyKey: N,
+    }, []), q = Q(({
+      propertyKey: O,
       property: j,
       editedCollectionPath: x,
       currentPropertiesOrder: I,
       parentCollectionIds: ge,
-      collection: fe
+      collection: ye
     }) => {
-      console.debug("edit property", N, j, x, I, ge, fe), d?.("edit_property", { propertyKey: N, editedCollectionPath: x });
-      const X = N && N.includes(".") ? N.substring(0, N.lastIndexOf(".")) : void 0, M = N && N.includes(".") ? N.substring(N.lastIndexOf(".") + 1) : N;
-      console.log("edit property", M, fe), A({
-        propertyKey: M,
+      console.debug("edit property", O, j, x, I, ge, ye), d?.("edit_property", { propertyKey: O, editedCollectionPath: x });
+      const Z = O && O.includes(".") ? O.substring(0, O.lastIndexOf(".")) : void 0, $ = O && O.includes(".") ? O.substring(O.lastIndexOf(".") + 1) : O;
+      A({
+        propertyKey: $,
         property: j,
-        namespace: X,
+        namespace: Z,
         currentPropertiesOrder: I,
         editedCollectionPath: x,
         parentCollectionIds: ge,
-        collectionEditable: fe?.editable ?? !1
+        collectionEditable: ye?.editable ?? !1
       });
     }, []), B = K.useCallback(({
-      parentCollectionIds: N,
+      parentCollectionIds: O,
       parentCollection: j,
       initialValues: x,
       redirect: I
     }) => {
-      console.debug("create collection", N, j, x, I), d?.("create_collection", { parentCollectionIds: N, parentCollection: j, initialValues: x, redirect: I }), _({
+      console.debug("create collection", O, j, x, I), d?.("create_collection", { parentCollectionIds: O, parentCollection: j, initialValues: x, redirect: I }), _({
         isNewCollection: !0,
-        parentCollectionIds: N,
+        parentCollectionIds: O,
         parentCollection: j,
         initialValues: x,
         redirect: I
       });
-    }, []), S = p ? (N) => !N && k ? Promise.resolve(k) : p?.(N) : void 0;
+    }, []), S = p ? (O) => !O && k ? Promise.resolve(k) : p?.(O) : void 0;
     return /* @__PURE__ */ e(ha.Provider, { value: i, children: /* @__PURE__ */ n(
       ga.Provider,
       {
@@ -6570,9 +6556,9 @@ const cr = (t, a, i, r) => {
               extraView: l,
               pathSuggestions: S,
               getUser: m,
-              handleClose: (N) => {
-                if (v?.redirect && N && v?.isNewCollection && !v.parentCollectionIds.length) {
-                  const j = c.buildUrlCollectionPath(N.id ?? N.path);
+              handleClose: (O) => {
+                if (v?.redirect && O && v?.isNewCollection && !v.parentCollectionIds.length) {
+                  const j = c.buildUrlCollectionPath(O.id ?? O.path);
                   y(j);
                 }
                 _(void 0);
@@ -6590,24 +6576,24 @@ const cr = (t, a, i, r) => {
               inArray: !1,
               collectionEditable: h?.collectionEditable ?? !1,
               getData: u && h?.editedCollectionPath ? () => {
-                const N = c.resolveAliasesFrom(h.editedCollectionPath);
-                return u(N);
+                const O = c.resolveAliasesFrom(h.editedCollectionPath);
+                return u(O);
               } : void 0,
               onPropertyChanged: ({
-                id: N,
+                id: O,
                 property: j
               }) => {
-                if (!h || !N)
+                if (!h || !O)
                   return;
                 const x = !h.propertyKey;
                 return i.saveProperty({
                   path: h?.editedCollectionPath,
                   property: j,
-                  propertyKey: N,
-                  newPropertiesOrder: x && h.currentPropertiesOrder ? [...h.currentPropertiesOrder, N] : void 0,
+                  propertyKey: O,
+                  newPropertiesOrder: x && h.currentPropertiesOrder ? [...h.currentPropertiesOrder, O] : void 0,
                   namespace: h.namespace,
                   parentCollectionIds: h.parentCollectionIds
-                }).catch((I) => (console.error(I), g.open({
+                }).catch((I) => (console.error(I), f.open({
                   type: "error",
                   message: "Error persisting property: " + (I.message ?? "Details in the console")
                 }), !1));
@@ -6616,16 +6602,16 @@ const cr = (t, a, i, r) => {
               onDelete: () => {
                 if (!h?.propertyKey)
                   return;
-                const N = h?.currentPropertiesOrder?.filter((j) => j !== h?.propertyKey);
+                const O = h?.currentPropertiesOrder?.filter((j) => j !== h?.propertyKey);
                 return i.deleteProperty({
                   path: h?.editedCollectionPath,
                   propertyKey: h?.propertyKey,
                   namespace: h?.namespace,
-                  newPropertiesOrder: N,
+                  newPropertiesOrder: O,
                   parentCollectionIds: h?.parentCollectionIds
                 }).then(() => {
                   A(void 0);
-                }).catch((j) => (console.error(j), g.open({
+                }).catch((j) => (console.error(j), f.open({
                   type: "error",
                   message: "Error deleting property: " + (j.message ?? "Details in the console")
                 }), !1));
@@ -6669,7 +6655,7 @@ function mr({
     {
       title: r.sortBy || r.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
       children: /* @__PURE__ */ e(
-        U,
+        R,
         {
           color: "primary",
           size: "small",
@@ -6694,7 +6680,7 @@ function mr({
         }
       )
     }
-  )), /* @__PURE__ */ n($, { children: [
+  )), /* @__PURE__ */ n(U, { children: [
     d && c,
     /* @__PURE__ */ e(
       re,
@@ -6706,7 +6692,7 @@ function mr({
             color: "primary",
             disabled: !d,
             onClick: d ? () => l?.editCollection({ path: i.path, fullPath: t, parentCollectionIds: a, parentCollection: u }) : void 0,
-            children: /* @__PURE__ */ e(Qe, {})
+            children: /* @__PURE__ */ e(Je, {})
           }
         )
       }
@@ -6723,9 +6709,9 @@ function ur({
   const i = De(), r = Ye(), s = fa(), o = Re(), l = o.configPermissions({
     user: r.user,
     collection: a
-  }), p = Z(() => {
+  }), p = Q(() => {
     o?.editCollection({ path: t, parentCollectionIds: [] });
-  }, [o, t]), [m, u] = L(!1), d = Z(() => {
+  }, [o, t]), [m, u] = L(!1), d = Q(() => {
     s?.deleteCollection({ path: t }).then(() => {
       u(!1), i.open({
         message: "Collection deleted",
@@ -6733,13 +6719,13 @@ function ur({
       });
     });
   }, [t, s]);
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ n("div", { children: [
       l.deleteCollections && /* @__PURE__ */ e(
         Ga,
         {
           trigger: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(Ha, { size: "small" }) }),
-          children: /* @__PURE__ */ n(Ja, { onClick: (c) => {
+          children: /* @__PURE__ */ n(Wa, { onClick: (c) => {
             c.preventDefault(), c.stopPropagation(), u(!0);
           }, children: [
             /* @__PURE__ */ e(pt, {}),
@@ -6753,7 +6739,7 @@ function ur({
           onClick: (c) => {
             p();
           },
-          children: /* @__PURE__ */ e(Qe, { size: "small" })
+          children: /* @__PURE__ */ e(Je, { size: "small" })
         }
       )
     ] }),
@@ -6763,8 +6749,8 @@ function ur({
         open: m,
         onAccept: d,
         onCancel: () => u(!1),
-        title: /* @__PURE__ */ e($, { children: "Delete this collection?" }),
-        body: /* @__PURE__ */ n($, { children: [
+        title: /* @__PURE__ */ e(U, { children: "Delete this collection?" }),
+        body: /* @__PURE__ */ n(U, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -6818,7 +6804,7 @@ function gr() {
     user: t.user
   }).createCollections : !0, s = i.rootPathSuggestions ?? [], o = s.length > 3 || a.collections.length === 0 && s.length > 0;
   return /* @__PURE__ */ e(
-    Qa,
+    Ja,
     {
       in: o,
       children: /* @__PURE__ */ n(
@@ -6876,7 +6862,7 @@ function fr({
         });
       },
       size: "small",
-      children: /* @__PURE__ */ e(Qe, { size: "small" })
+      children: /* @__PURE__ */ e(Je, { size: "small" })
     }
   ) });
 }
@@ -6897,7 +6883,7 @@ function br({
         s.editProperty({
           editedCollectionPath: t,
           parentCollectionIds: a,
-          currentPropertiesOrder: Wa(i),
+          currentPropertiesOrder: Qa(i),
           collection: i
         });
       },
@@ -6917,12 +6903,12 @@ function Ar({
   getData: m,
   onAnalyticsEvent: u
 }) {
-  const d = Z(
+  const d = Q(
     (c) => {
       const y = (b) => {
         et(b.properties), b.subcollections?.forEach(y);
-      }, g = t.collections ?? [];
-      return g.forEach(y), Za(c, g, [], a);
+      }, f = t.collections ?? [];
+      return f.forEach(y), Za(c, f, [], a);
     },
     [t.collections, a]
   );
@@ -6963,7 +6949,7 @@ function zr({ path: t }) {
   return /* @__PURE__ */ n("div", { className: "p-1 flex flex-col items-center", children: [
     /* @__PURE__ */ e(aa, { error: "No collection for path: " + i }),
     /* @__PURE__ */ e(
-      U,
+      R,
       {
         className: "mx-2",
         variant: "outlined",
@@ -6986,7 +6972,7 @@ function yr(t) {
 }
 export {
   zr as MissingReferenceWidget,
-  Je as editableProperty,
+  We as editableProperty,
   ce as getFullId,
   ke as idToPropertiesPath,
   Pe as namespaceToPropertiesOrderPath,