@firecms/collection_editor 3.0.0-alpha.37 → 3.0.0-alpha.38

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs as n, Fragment as D, jsx as e } from "react/jsx-runtime";
 import * as _e from "react";
 import U, { useState as K, useCallback as J, useEffect as pe, useMemo as $t, useRef as Ge, useDeferredValue as ha, useContext as Lt } from "react";
-import { iconKeys as Kt, debounce as ga, SearchBar as fa, Tooltip as oe, IconButton as ce, Icon as lt, coolIconKeys as kt, Typography as O, getIconForView as ct, useAutoComplete as ba, Container as ht, Chip as dt, TextField as Te, cn as xe, DebouncedTextField as H, Autocomplete as ya, AutocompleteItem as va, ExpandablePanel as Ct, SettingsIcon as Je, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Yt, Dialog as Fe, toSnakeCase as Gt, singular as wa, ListIcon as _a, Button as E, CircularProgress as Qe, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as ka, DialogContent as Be, DialogActions as Me, SwitchControl as he, serializeRegExp as xa, isValidRegExp as Ca, RuleIcon as Oa, useSnackbarController as Re, resolveEnumValues as Pa, FileUploadIcon as Na, MultiSelect as Sa, MultiSelectItem as At, Checkbox as zt, isPropertyBuilder as re, useFireCMSContext as Ue, getFieldConfig as We, ErrorBoundary as Pe, FieldConfigBadge as Ze, cardMixin as Ht, cardClickableMixin as Jt, cardSelectedMixin as Qt, FunctionsIcon as qa, RemoveCircleIcon as Aa, defaultBorderMixin as Ot, RemoveIcon as za, DragHandleIcon as Ta, AddIcon as Ae, useNavigationContext as $e, SelectGroup as Tt, mergeDeep as Y, getFieldId as Wt, DEFAULT_FIELD_CONFIGS as xt, InfoLabel as Zt, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as Va, useLargeLayout as Ia, makePropertiesEditable as Xe, resolveEntityView as Fa, Table as Vt, TableBody as It, TableRow as yt, TableCell as Ye, unslugify as Pt, Card as Xt, useSelectionController as ja, EntityCollectionTable as Ea, slugify as Da, useAuthController as Le, CircularProgressCenter as Ft, Tabs as Ba, Tab as vt, removeUndefined as Ma, ErrorView as ea, ArrowBackIcon as ot, LoadingButton as jt, DoneIcon as Ra, SaveIcon as Ua, Menu as $a, MoreVertIcon as La, MenuItem as Ka, Collapse as Ya, getDefaultPropertiesOrder as Ga, joinCollectionLists as Ha } from "@firecms/core";
+import { iconKeys as Kt, debounce as ga, SearchBar as fa, Tooltip as oe, IconButton as ce, Icon as lt, coolIconKeys as kt, Typography as C, getIconForView as ct, useAutoComplete as ba, Container as ht, Chip as dt, TextField as Te, cn as xe, DebouncedTextField as H, Autocomplete as ya, AutocompleteItem as va, ExpandablePanel as Ct, SettingsIcon as Je, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Yt, Dialog as Fe, toSnakeCase as Gt, singular as wa, ListIcon as _a, Button as E, CircularProgress as Qe, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as ka, DialogContent as Be, DialogActions as Me, SwitchControl as he, serializeRegExp as xa, isValidRegExp as Ca, RuleIcon as Oa, useSnackbarController as Re, resolveEnumValues as Pa, FileUploadIcon as Na, MultiSelect as Sa, MultiSelectItem as At, Checkbox as zt, isPropertyBuilder as re, useFireCMSContext as Ue, getFieldConfig as We, ErrorBoundary as Pe, FieldConfigBadge as Ze, cardMixin as Ht, cardClickableMixin as Jt, cardSelectedMixin as Qt, FunctionsIcon as qa, RemoveCircleIcon as Aa, defaultBorderMixin as Ot, RemoveIcon as za, DragHandleIcon as Ta, AddIcon as Ae, useNavigationContext as $e, SelectGroup as Tt, mergeDeep as Y, getFieldId as Wt, DEFAULT_FIELD_CONFIGS as xt, InfoLabel as Zt, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as Va, useLargeLayout as Ia, makePropertiesEditable as Xe, resolveEntityView as Fa, Table as Vt, TableBody as It, TableRow as yt, TableCell as Ye, unslugify as Pt, Card as Xt, useSelectionController as ja, EntityCollectionTable as Ea, slugify as Da, useAuthController as Le, CircularProgressCenter as Ft, Tabs as Ba, Tab as vt, removeUndefined as Ma, ErrorView as ea, ArrowBackIcon as ot, LoadingButton as jt, DoneIcon as Ra, SaveIcon as Ua, Menu as $a, MoreVertIcon as La, MenuItem as Ka, Collapse as Ya, getDefaultPropertiesOrder as Ga, joinCollectionLists as Ha } from "@firecms/core";
 import ut from "react-fast-compare";
 import { useFormikContext as $, Field as ye, getIn as P, Formik as Nt, FastField as le, Form as Ja } from "formik";
 import * as wt from "yup";
@@ -10,7 +10,7 @@ import { extractEnumFromValues as Wa, buildPropertyFromData as Za, buildEntityPr
 import { DragDropContext as ei, Droppable as ti, Draggable as ai } from "@hello-pangea/dnd";
 import ii from "json5";
 import { Highlight as ri, themes as oi } from "prism-react-renderer";
-import { ImportFileUpload as ni, DataNewPropertiesMapping as si, ImportNewPropertyFieldPreview as li, getInferenceType as ta, getPropertiesMapping as ci, convertDataToEntity as di, useImportConfig as pi, ImportSaveInProgress as mi } from "@firecms/data_import";
+import { ImportFileUpload as ni, DataNewPropertiesMapping as si, ImportNewPropertyFieldPreview as li, getInferenceType as ta, getPropertiesMapping as ci, convertDataToEntity as di, useImportConfig as pi, ImportSaveInProgress as mi } from "@firecms/data_import_export";
 import { useNavigate as ui } from "react-router";
 const hi = wt.object().shape({
   name: wt.string().required("Required"),
@@ -1976,13 +1976,13 @@ process.env.NODE_ENV !== "production" && Object.keys(aa).forEach((t) => {
   Kt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
 });
 function fi({ selectedIcon: t = "", onIconSelected: a }) {
-  const [r, i] = _e.useState(null), [s, o] = _e.useState(""), l = _e.useMemo(
+  const [i, r] = _e.useState(null), [s, o] = _e.useState(""), l = _e.useMemo(
     () => ga((p) => {
       if (!p || p === "")
-        i(null);
+        r(null);
       else {
         const u = St.search(p);
-        i(u.map((c) => c.key));
+        r(u.map((c) => c.key));
       }
     }, gi),
     []
@@ -1999,7 +1999,7 @@ function fi({ selectedIcon: t = "", onIconSelected: a }) {
         placeholder: "Search for more icons…"
       }
     ),
-    /* @__PURE__ */ e("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? kt : r).map((p) => /* @__PURE__ */ e(oe, { title: p, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex max-w-full flex-wrap mt-4", children: (i === null ? kt : i).map((p) => /* @__PURE__ */ e(oe, { title: p, children: /* @__PURE__ */ e(
       ce,
       {
         shape: "square",
@@ -2015,13 +2015,13 @@ function ie({
   error: t,
   children: a
 }) {
-  return a ? /* @__PURE__ */ e(O, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
+  return a ? /* @__PURE__ */ e(C, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
 }
 function bi({
   isNewCollection: t,
   reservedGroups: a,
-  existingPaths: r,
-  existingAliases: i,
+  existingPaths: i,
+  existingAliases: r,
   groups: s,
   parentCollection: o
 }) {
@@ -2034,17 +2034,17 @@ function bi({
     setFieldTouched: b,
     isSubmitting: g,
     submitCount: y
-  } = $(), [C, k] = K(!1), x = (f) => {
+  } = $(), [O, k] = K(!1), x = (f) => {
     p("name", f), !P(c, "path") && t && f && p("path", Gt(f)), !P(c, "singularName") && t && f && p("singularName", wa(f));
   }, h = ct(d), _ = J((f) => {
     let z;
-    return f || (z = "You must specify a path in the database for this collection"), t && i?.includes(f.trim().toLowerCase()) && (z = "There is already a collection which uses this path as an alias"), t && r?.includes(f.trim().toLowerCase()) && !d.alias && (z = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), z;
-  }, [t, i, r, d.alias]), v = J((f) => {
+    return f || (z = "You must specify a path in the database for this collection"), t && r?.includes(f.trim().toLowerCase()) && (z = "There is already a collection which uses this path as an alias"), t && i?.includes(f.trim().toLowerCase()) && !d.alias && (z = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), z;
+  }, [t, r, i, d.alias]), v = J((f) => {
     if (!f)
       return;
     let z;
-    return t && r?.includes(f.trim().toLowerCase()) && (z = "There is already a collection that uses this value as a path"), t && i?.includes(f.trim().toLowerCase()) && (z = "There is already a collection which uses this alias"), z;
-  }, [t, r, i]), w = s?.filter((f) => !a?.includes(f)), {
+    return t && i?.includes(f.trim().toLowerCase()) && (z = "There is already a collection that uses this value as a path"), t && r?.includes(f.trim().toLowerCase()) && (z = "There is already a collection which uses this alias"), z;
+  }, [t, i, r]), w = s?.filter((f) => !a?.includes(f)), {
     inputFocused: V,
     autoCompleteOpen: I,
     setAutoCompleteOpen: A
@@ -2059,7 +2059,7 @@ function bi({
         {
           className: "flex flex-row py-2 pt-3 items-center",
           children: [
-            /* @__PURE__ */ e(O, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${d?.name} collection` }),
+            /* @__PURE__ */ e(C, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${d?.name} collection` }),
             /* @__PURE__ */ e(oe, { title: "Change icon", children: /* @__PURE__ */ e(
               ce,
               {
@@ -2071,7 +2071,7 @@ function bi({
           ]
         }
       ),
-      o && /* @__PURE__ */ e(dt, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(O, { variant: "caption", children: [
+      o && /* @__PURE__ */ e(dt, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(C, { variant: "caption", children: [
         "This is a subcollection of ",
         /* @__PURE__ */ e("b", { children: o.name })
       ] }) })
@@ -2144,7 +2144,7 @@ function bi({
           title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
             /* @__PURE__ */ e(Je, {}),
             /* @__PURE__ */ e(
-              O,
+              C,
               {
                 variant: "subtitle2",
                 className: "ml-2",
@@ -2258,7 +2258,7 @@ function bi({
     /* @__PURE__ */ e(
       Fe,
       {
-        open: C,
+        open: O,
         onOpenChange: k,
         maxWidth: "xl",
         fullWidth: !0,
@@ -2290,8 +2290,8 @@ function se(t, a) {
 const vi = U.memo(
   function({
     enumValues: a,
-    onValuesChanged: r,
-    onError: i,
+    onValuesChanged: i,
+    onError: r,
     updateIds: s,
     disabled: o,
     allowDataInference: l,
@@ -2308,9 +2308,9 @@ const vi = U.memo(
           values: p,
           errors: u
         }) => (pe(() => {
-          r && r(p.enumValues);
+          i && i(p.enumValues);
         }, [p.enumValues]), pe(() => {
-          i && i(!!(u?.enumValues ?? !1));
+          r && r(!!(u?.enumValues ?? !1));
         }, [u]), /* @__PURE__ */ e(
           wi,
           {
@@ -2326,33 +2326,33 @@ const vi = U.memo(
       }
     );
   },
-  function(a, r) {
-    return a.enumValues.length === r.enumValues.length && a.onValuesChanged === r.onValuesChanged && a.getData === r.getData;
+  function(a, i) {
+    return a.enumValues.length === i.enumValues.length && a.onValuesChanged === i.onValuesChanged && a.getData === i.getData;
   }
 );
 function wi({
   values: t,
   errors: a,
-  disabled: r,
-  enumValuesPath: i,
+  disabled: i,
+  enumValuesPath: r,
   shouldUpdateId: s,
   allowDataInference: o,
   getData: l
 }) {
   const {
     setFieldValue: d
-  } = $(), [p, u] = U.useState(), [c, m] = U.useState(), [b, g] = U.useState(!1), C = U.useRef(/* @__PURE__ */ new Set()).current, k = (h, _) => {
+  } = $(), [p, u] = U.useState(), [c, m] = U.useState(), [b, g] = U.useState(!1), O = U.useRef(/* @__PURE__ */ new Set()).current, k = (h, _) => {
     const v = p === _;
     return /* @__PURE__ */ e(
       _i,
       {
         index: h,
-        disabled: r,
-        enumValuesPath: i,
+        disabled: i,
+        enumValuesPath: r,
         autoFocus: v,
         shouldUpdateId: s || v,
         onDialogOpen: () => m(h),
-        inferredEntry: C.has(t.enumValues[h]?.id)
+        inferredEntry: O.has(t.enumValues[h]?.id)
       },
       `${_}`
     );
@@ -2361,7 +2361,7 @@ function wi({
     /* @__PURE__ */ n("div", { className: "ml-3.5 flex flex-row items-center", children: [
       /* @__PURE__ */ e(_a, {}),
       /* @__PURE__ */ e(
-        O,
+        C,
         {
           variant: "subtitle2",
           className: "ml-2 grow",
@@ -2372,7 +2372,7 @@ function wi({
         E,
         {
           loading: b,
-          disabled: r || b,
+          disabled: i || b,
           variant: "text",
           size: "small",
           onClick: async () => {
@@ -2381,8 +2381,8 @@ function wi({
                 return;
               const _ = h.flat(), v = Array.from(new Set(_)), w = t.enumValues, I = Wa(v).filter((A) => !w?.some((N) => N.id === A.id));
               I.forEach((A) => {
-                C.add(A.id);
-              }), d(i, [...I, ...w]);
+                O.add(A.id);
+              }), d(r, [...I, ...w]);
             }).catch((h) => {
               console.error(h);
             }).finally(() => g(!1)));
@@ -2400,9 +2400,9 @@ function wi({
         {
           value: t.enumValues,
           addLabel: "Add enum value",
-          name: i,
+          name: r,
           buildEntry: k,
-          disabled: r,
+          disabled: i,
           onInternalIdAdded: u,
           small: !0,
           setFieldValue: d,
@@ -2414,7 +2414,7 @@ function wi({
         {
           index: c,
           open: c !== void 0,
-          enumValuesPath: i,
+          enumValuesPath: r,
           onClose: () => m(void 0)
         }
       )
@@ -2424,8 +2424,8 @@ function wi({
 const _i = U.memo(
   function({
     index: a,
-    shouldUpdateId: r,
-    enumValuesPath: i,
+    shouldUpdateId: i,
+    enumValuesPath: r,
     autoFocus: s,
     onDialogOpen: o,
     disabled: l,
@@ -2437,14 +2437,14 @@ const _i = U.memo(
       errors: c,
       setFieldValue: m,
       touched: b
-    } = $(), g = U.useRef(!P(p, `${i}[${a}].id`)), y = r || g.current, C = P(p, `${i}[${a}].id`), k = P(p, `${i}[${a}].label`), x = P(c, `${i}[${a}].label`), h = U.useRef(k);
+    } = $(), g = U.useRef(!P(p, `${r}[${a}].id`)), y = i || g.current, O = P(p, `${r}[${a}].id`), k = P(p, `${r}[${a}].label`), x = P(c, `${r}[${a}].label`), h = U.useRef(k);
     return U.useEffect(() => {
-      (h.current === C || !C) && y && m(`${i}[${a}].id`, k), h.current = k;
+      (h.current === O || !O) && y && m(`${r}[${a}].id`, k), h.current = k;
     }, [k]), /* @__PURE__ */ n("div", { className: "flex w-full align-center justify-center", children: [
       /* @__PURE__ */ e(
         le,
         {
-          name: `${i}[${a}].label`,
+          name: `${r}[${a}].label`,
           as: H,
           className: "flex-grow",
           required: !0,
@@ -2469,15 +2469,15 @@ const _i = U.memo(
       )
     ] });
   },
-  function(a, r) {
-    return a.index === r.index && a.enumValuesPath === r.enumValuesPath && a.shouldUpdateId === r.shouldUpdateId && a.inferredEntry === r.inferredEntry && a.autoFocus === r.autoFocus;
+  function(a, i) {
+    return a.index === i.index && a.enumValuesPath === i.enumValuesPath && a.shouldUpdateId === i.shouldUpdateId && a.inferredEntry === i.inferredEntry && a.autoFocus === i.autoFocus;
   }
 );
 function ki({
   index: t,
   open: a,
-  onClose: r,
-  enumValuesPath: i
+  onClose: i,
+  enumValuesPath: r
 }) {
   const {
     values: s,
@@ -2485,20 +2485,20 @@ function ki({
     errors: l,
     setFieldValue: d,
     touched: p
-  } = $(), u = t !== void 0 ? P(l, `${i}[${t}].id`) : void 0;
+  } = $(), u = t !== void 0 ? P(l, `${r}[${t}].id`) : void 0;
   return /* @__PURE__ */ n(
     Fe,
     {
       maxWidth: "md",
       "aria-labelledby": "enum-edit-dialog",
       open: a,
-      onOpenChange: (c) => c ? void 0 : r(),
+      onOpenChange: (c) => c ? void 0 : i(),
       children: [
         /* @__PURE__ */ e(Be, { children: t !== void 0 && /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             le,
             {
-              name: `${i}[${t}]id`,
+              name: `${r}[${t}]id`,
               as: H,
               required: !0,
               validate: Ci,
@@ -2515,7 +2515,7 @@ function ki({
           {
             autoFocus: !0,
             variant: "outlined",
-            onClick: r,
+            onClick: i,
             color: "primary",
             children: "Ok"
           }
@@ -2533,14 +2533,14 @@ function Ci(t) {
   return t || (a = "You must specify an ID"), a;
 }
 function je({ disabled: t }) {
-  const { values: a, handleChange: r } = $(), i = "validation.required", s = "validation.requiredMessage";
+  const { values: a, handleChange: i } = $(), r = "validation.required", s = "validation.requiredMessage";
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       le,
       {
         type: "checkbox",
         disabled: t,
-        name: i,
+        name: r,
         label: "Required",
         tooltip: "You won't be able to save this entity if this value is not set",
         component: he
@@ -2557,7 +2557,7 @@ function je({ disabled: t }) {
         component: he
       }
     ) }),
-    P(a, i) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+    P(a, r) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       H,
       {
         disabled: t,
@@ -2565,7 +2565,7 @@ function je({ disabled: t }) {
         label: "Required message",
         name: s,
         size: "small",
-        onChange: r
+        onChange: i
       }
     ) })
   ] });
@@ -2573,8 +2573,8 @@ function je({ disabled: t }) {
 function De({
   length: t,
   lowercase: a,
-  matches: r,
-  max: i,
+  matches: i,
+  max: r,
   min: s,
   trim: o,
   uppercase: l,
@@ -2585,7 +2585,7 @@ function De({
     values: u,
     handleChange: c,
     errors: m
-  } = $(), b = "validation.length", g = "validation.min", y = "validation.max", C = "validation.trim", k = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", _ = P(m, k), v = P(u, k), w = typeof v == "string" ? v : xa(v);
+  } = $(), b = "validation.length", g = "validation.min", y = "validation.max", O = "validation.trim", k = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", _ = P(m, k), v = P(u, k), w = typeof v == "string" ? v : xa(v);
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(je, { disabled: d }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
@@ -2613,7 +2613,7 @@ function De({
         le,
         {
           type: "checkbox",
-          name: C,
+          name: O,
           label: "Trim",
           disabled: d,
           component: he
@@ -2645,7 +2645,7 @@ function De({
           onChange: c
         }
       ) }),
-      i && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
+      r && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         H,
         {
           value: P(u, y),
@@ -2658,7 +2658,7 @@ function De({
         }
       ) })
     ] }),
-    r && /* @__PURE__ */ n("div", { className: "col-span-12", children: [
+    i && /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
         le,
         {
@@ -2679,19 +2679,19 @@ function De({
 function qt({
   max: t = !0,
   min: a = !0,
-  disabled: r
+  disabled: i
 }) {
   const {
-    values: i,
+    values: r,
     handleChange: s
   } = $(), o = "validation.min", l = "validation.max";
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
-    /* @__PURE__ */ e(je, { disabled: r }),
+    /* @__PURE__ */ e(je, { disabled: i }),
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       H,
       {
-        value: P(i, o),
-        disabled: r,
+        value: P(r, o),
+        disabled: i,
         label: "Min length",
         name: o,
         type: "number",
@@ -2702,8 +2702,8 @@ function qt({
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       H,
       {
-        value: P(i, l),
-        disabled: r,
+        value: P(r, l),
+        disabled: i,
         label: "Max length",
         name: l,
         type: "number",
@@ -2725,7 +2725,7 @@ function ze({
       title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
         /* @__PURE__ */ e(Oa, {}),
         /* @__PURE__ */ e(
-          O,
+          C,
           {
             variant: "subtitle2",
             className: "ml-2",
@@ -2740,8 +2740,8 @@ function ze({
 function Et({
   multiselect: t,
   updateIds: a,
-  disabled: r,
-  showErrors: i,
+  disabled: i,
+  showErrors: r,
   allowDataInference: s,
   getData: o
 }) {
@@ -2752,14 +2752,14 @@ function Et({
     touched: u,
     setFieldError: c,
     setFieldValue: m
-  } = $(), b = Re(), g = t ? "of.enumValues" : "enumValues", y = P(l, "defaultValue"), C = P(l, g), k = $t(() => !C || typeof C == "boolean" ? [] : Pa(C) ?? [], [C]);
+  } = $(), b = Re(), g = t ? "of.enumValues" : "enumValues", y = P(l, "defaultValue"), O = P(l, g), k = $t(() => !O || typeof O == "boolean" ? [] : Pa(O) ?? [], [O]);
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       vi,
       {
         enumValues: k,
         updateIds: a,
-        disabled: r,
+        disabled: i,
         allowDataInference: s,
         onError: (h) => {
           c(g, h ? "" : void 0);
@@ -2780,16 +2780,16 @@ function Et({
       !t && /* @__PURE__ */ e(
         De,
         {
-          disabled: r,
-          showErrors: i
+          disabled: i,
+          showErrors: r
         }
       ),
-      t && /* @__PURE__ */ e(qt, { disabled: r })
+      t && /* @__PURE__ */ e(qt, { disabled: i })
     ] }) }),
     !t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Se,
       {
-        disabled: r,
+        disabled: i,
         position: "item-aligned",
         onValueChange: (h) => {
           m("defaultValue", h);
@@ -2818,12 +2818,12 @@ const nt = {
 function Dt({
   multiple: t,
   existing: a,
-  disabled: r
+  disabled: i
 }) {
   const {
-    values: i,
+    values: r,
     setFieldValue: s
-  } = $(), o = t ? "of.storage" : "storage", l = `${o}.acceptedFiles`, d = `${o}.fileName`, p = `${o}.storagePath`, u = `${o}.storeUrl`, c = P(i, d) ?? "{rand}_{file}", m = P(i, p) ?? "/", b = P(i, l), g = Array.isArray(b) ? b : void 0, y = !g || g.length === 0, C = (h) => {
+  } = $(), o = t ? "of.storage" : "storage", l = `${o}.acceptedFiles`, d = `${o}.fileName`, p = `${o}.storagePath`, u = `${o}.storeUrl`, c = P(r, d) ?? "{rand}_{file}", m = P(r, p) ?? "/", b = P(r, l), g = Array.isArray(b) ? b : void 0, y = !g || g.length === 0, O = (h) => {
     h ? h.includes("all") || h.length >= Object.keys(nt).length ? s(l, void 0) : y ? s(l, Object.keys(nt).filter((_) => !h.includes(_))) : s(l, h) : s(l, void 0);
   }, k = typeof c == "function", x = typeof m == "function";
   return /* @__PURE__ */ n(D, { children: [
@@ -2833,7 +2833,7 @@ function Dt({
         title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
           /* @__PURE__ */ e(Na, {}),
           /* @__PURE__ */ e(
-            O,
+            C,
             {
               variant: "subtitle2",
               className: "ml-2",
@@ -2845,10 +2845,10 @@ function Dt({
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
             Sa,
             {
-              disabled: r,
+              disabled: i,
               name: l,
               value: g ?? [],
-              onMultiValueChange: C,
+              onMultiValueChange: O,
               label: y ? void 0 : "Allowed file types",
               renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((_) => nt[_]).filter((_) => !!_).join(", "),
               children: [
@@ -2889,7 +2889,7 @@ function Dt({
               as: H,
               label: "File name",
               size: "small",
-              disabled: k || r,
+              disabled: k || i,
               value: k ? "-" : c
             }
           ) }),
@@ -2900,12 +2900,12 @@ function Dt({
                 name: p,
                 as: H,
                 label: "Storage path",
-                disabled: x || r,
+                disabled: x || i,
                 size: "small",
                 value: x ? "-" : m
               }
             ),
-            /* @__PURE__ */ n(O, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
+            /* @__PURE__ */ n(C, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
               /* @__PURE__ */ e("p", { children: "You can use the following placeholders in the file name and storage path values:" }),
               /* @__PURE__ */ n("ul", { children: [
                 /* @__PURE__ */ e("li", { children: "{file} - Full name of the uploaded file" }),
@@ -2923,19 +2923,19 @@ function Dt({
                 type: "checkbox",
                 name: u,
                 label: "Save URL instead of storage path",
-                disabled: a || r,
+                disabled: a || i,
                 component: he
               }
             ),
             /* @__PURE__ */ e("br", {}),
-            /* @__PURE__ */ e(O, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: "Turn this setting on, if you prefer to save the download URL of the uploaded file instead of the storage path. You can only change this prop upon creation." })
+            /* @__PURE__ */ e(C, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: "Turn this setting on, if you prefer to save the download URL of the uploaded file instead of the storage path. You can only change this prop upon creation." })
           ] })
         ] })
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
-      !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(je, { disabled: r }) }),
-      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(qt, { disabled: r }) })
+      !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(je, { disabled: i }) }),
+      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(qt, { disabled: i }) })
     ] }) })
   ] });
 }
@@ -2948,22 +2948,22 @@ function He(t) {
   }
 }
 function Oi(t) {
-  return Object.entries(t).filter(([a, r]) => He(r)).map(([a, r]) => {
-    const i = r;
-    if (He(i))
-      return i.dataType === "map" && i.properties ? {
+  return Object.entries(t).filter(([a, i]) => He(i)).map(([a, i]) => {
+    const r = i;
+    if (He(r))
+      return r.dataType === "map" && r.properties ? {
         [a]: {
-          ...i,
-          properties: Oi(i.properties)
+          ...r,
+          properties: Oi(r.properties)
         }
-      } : { [a]: i };
-  }).filter((a) => !!a).reduce((a, r) => ({ ...a, ...r }), {});
+      } : { [a]: r };
+  }).filter((a) => !!a).reduce((a, i) => ({ ...a, ...i }), {});
 }
 function ia({
   property: t,
   onClick: a,
-  hasError: r,
-  includeName: i,
+  hasError: i,
+  includeName: r,
   includeEditButton: s,
   selected: o
 }) {
@@ -2984,12 +2984,12 @@ function ia({
               a ? Jt : "",
               o ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
-              r ? "border-red-500" : o ? "border-blue-500" : "border-transparent"
+              i ? "border-red-500" : o ? "border-blue-500" : "border-transparent"
             ),
             children: [
               /* @__PURE__ */ n("div", { className: "w-full flex flex-col", children: [
-                i && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
-                  O,
+                r && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                  C,
                   {
                     variant: "body1",
                     component: "span",
@@ -2999,17 +2999,17 @@ function ia({
                 ) }),
                 /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
                   /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
-                    O,
+                    C,
                     {
                       className: "flex-grow pr-2",
-                      variant: i ? "body2" : "subtitle1",
+                      variant: r ? "body2" : "subtitle1",
                       component: "span",
                       color: "secondary",
                       children: d?.name
                     }
                   ) }),
                   /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
-                    O,
+                    C,
                     {
                       variant: "body2",
                       component: "span",
@@ -3019,7 +3019,7 @@ function ia({
                   ) })
                 ] })
               ] }),
-              s && /* @__PURE__ */ e(O, { variant: "button", children: "EDIT" })
+              s && /* @__PURE__ */ e(C, { variant: "button", children: "EDIT" })
             ]
           }
         )
@@ -3030,14 +3030,14 @@ function ia({
 function Pi({
   name: t,
   selected: a,
-  onClick: r,
-  property: i
+  onClick: i,
+  property: r
 }) {
-  const { propertyConfigs: s } = Ue(), o = !re(i) && i ? We(i, s) : void 0;
+  const { propertyConfigs: s } = Ue(), o = !re(r) && r ? We(r, s) : void 0;
   return /* @__PURE__ */ n(
     "div",
     {
-      onClick: r,
+      onClick: i,
       className: "flex flex-row w-full cursor-pointer",
       children: [
         /* @__PURE__ */ n("div", { className: "relative m-4", children: [
@@ -3057,24 +3057,24 @@ function Pi({
             className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
               Ht,
-              r ? Jt : "",
+              i ? Jt : "",
               a ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
               a ? "border-blue-500" : "border-transparent"
             ),
             children: /* @__PURE__ */ n("div", { className: "w-full flex flex-col", children: [
               /* @__PURE__ */ e(
-                O,
+                C,
                 {
                   variant: "body1",
                   component: "span",
                   className: "flex-grow pr-2",
-                  children: i?.name ? i.name : t
+                  children: r?.name ? r.name : t
                 }
               ),
               /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
                 o && /* @__PURE__ */ e(
-                  O,
+                  C,
                   {
                     className: "flex-grow pr-2",
                     variant: "body2",
@@ -3083,17 +3083,17 @@ function Pi({
                     children: o?.name
                   }
                 ),
-                i && !re(i) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
-                  O,
+                r && !re(r) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                  C,
                   {
                     variant: "body2",
                     component: "span",
                     color: "disabled",
-                    children: i.dataType
+                    children: r.dataType
                   }
                 ) }),
-                i && re(i) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
-                  O,
+                r && re(r) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                  C,
                   {
                     variant: "body2",
                     component: "span",
@@ -3101,8 +3101,8 @@ function Pi({
                     children: "This property is defined as a property builder in code"
                   }
                 ) }),
-                !i && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
-                  O,
+                !r && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                  C,
                   {
                     variant: "body2",
                     component: "span",
@@ -3121,8 +3121,8 @@ function Pi({
 function ft({
   namespace: t,
   selectedPropertyKey: a,
-  onPropertyClick: r,
-  properties: i,
+  onPropertyClick: i,
+  properties: r,
   propertiesOrder: s,
   additionalFields: o,
   errors: l,
@@ -3132,13 +3132,13 @@ function ft({
   inferredPropertyKeys: c,
   collectionEditable: m
 }) {
-  const b = s ?? Object.keys(i), g = J((y) => {
+  const b = s ?? Object.keys(r), g = J((y) => {
     if (!y.destination)
       return;
-    const C = y.source.index, k = y.destination.index, x = Array.from(b), [h] = x.splice(C, 1);
+    const O = y.source.index, k = y.destination.index, x = Array.from(b), [h] = x.splice(O, 1);
     x.splice(k, 0, h), d && d(x, t);
   }, [t, d, b]);
-  return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(ei, { onDragEnd: g, children: /* @__PURE__ */ e(ti, { droppableId: `droppable_${t}`, children: (y, C) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(ei, { onDragEnd: g, children: /* @__PURE__ */ e(ti, { droppableId: `droppable_${t}`, children: (y, O) => /* @__PURE__ */ n(
     "div",
     {
       ...y.droppableProps,
@@ -3146,7 +3146,7 @@ function ft({
       className: u,
       children: [
         b && b.map((k, x) => {
-          const h = i[k], _ = o?.find((v) => v.key === k);
+          const h = r[k], _ = o?.find((v) => v.key === k);
           return !h && !_ ? (console.warn(`Property ${k} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
             ai,
             {
@@ -3164,7 +3164,7 @@ function ft({
                   inferredPropertyKeys: c,
                   onPropertyMove: d,
                   onPropertyRemove: p,
-                  onPropertyClick: w.isDragging ? void 0 : r,
+                  onPropertyClick: w.isDragging ? void 0 : i,
                   selectedPropertyKey: a,
                   collectionEditable: m
                 }
@@ -3181,8 +3181,8 @@ function ft({
 function Ni({
   propertyKey: t,
   namespace: a,
-  propertyOrBuilder: r,
-  additionalField: i,
+  propertyOrBuilder: i,
+  additionalField: r,
   provided: s,
   selectedPropertyKey: o,
   errors: l,
@@ -3194,8 +3194,8 @@ function Ni({
 }) {
   const b = c?.includes(a ? `${a}.${t}` : t), g = se(t, a);
   let y;
-  if (typeof r == "object") {
-    const h = r;
+  if (typeof i == "object") {
+    const h = i;
     h.dataType === "map" && h.properties && (y = /* @__PURE__ */ e(
       ft,
       {
@@ -3211,7 +3211,7 @@ function Ni({
       }
     ));
   }
-  const C = g ? P(l, ke(g)) : !1, k = o === g, x = r && (m && !re(r) || He(r));
+  const O = g ? P(l, ke(g)) : !1, k = o === g, x = i && (m && !re(i) || He(i));
   return /* @__PURE__ */ n(
     "div",
     {
@@ -3231,20 +3231,20 @@ function Ni({
             }
           }
         ),
-        !re(r) && !i && x ? /* @__PURE__ */ e(
+        !re(i) && !r && x ? /* @__PURE__ */ e(
           ia,
           {
-            property: r,
+            property: i,
             onClick: d ? () => d(t, a) : void 0,
             includeName: !0,
             selected: k,
-            hasError: C
+            hasError: O
           }
         ) : /* @__PURE__ */ e(
           Pi,
           {
             name: t,
-            property: r,
+            property: i,
             onClick: d ? () => d(t, a) : void 0,
             selected: k
           }
@@ -3274,7 +3274,7 @@ function Ni({
     }
   );
 }
-function Si({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i, collectionEditable: s }) {
+function Si({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r, collectionEditable: s }) {
   const {
     values: o,
     setFieldValue: l
@@ -3288,7 +3288,7 @@ function Si({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
       ...o.properties ?? {},
       [w]: V
     }, !1), l("propertiesOrder", [...g, w], !1), p(!1);
-  }, [o.properties, g]), C = J((w, V) => {
+  }, [o.properties, g]), O = J((w, V) => {
     const I = w ? se(w, V) : void 0;
     if (!I)
       throw Error("collection editor miss config");
@@ -3312,7 +3312,7 @@ function Si({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ n("div", { className: "flex justify-between items-end my-4", children: [
-        /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Properties in this group" }),
+        /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Properties in this group" }),
         h
       ] }),
       /* @__PURE__ */ n(qe, { className: "p-2 pl-8", children: [
@@ -3330,7 +3330,7 @@ function Si({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
           }
         ),
         _ && /* @__PURE__ */ e(
-          O,
+          C,
           {
             variant: "label",
             className: "h-full flex items-center justify-center p-4",
@@ -3358,7 +3358,7 @@ function Si({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
         inArray: !1,
         forceShowErrors: !1,
         open: d,
-        allowDataInference: r,
+        allowDataInference: i,
         collectionEditable: s,
         onCancel: () => {
           p(!1), c(void 0), b(void 0);
@@ -3367,7 +3367,7 @@ function Si({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
           p(!1), c(void 0), b(void 0);
         },
         getData: a,
-        onDelete: C,
+        onDelete: O,
         propertyKey: u,
         propertyNamespace: m,
         property: x,
@@ -3376,7 +3376,7 @@ function Si({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
         autoOpenTypeSelect: !u,
         onPropertyChanged: y,
         existingPropertyKeys: u ? void 0 : g,
-        propertyConfigs: i
+        propertyConfigs: r
       }
     )
   ] });
@@ -3384,8 +3384,8 @@ function Si({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
 function qi({
   showErrors: t,
   existing: a,
-  disabled: r,
-  getData: i,
+  disabled: i,
+  getData: r,
   allowDataInference: s,
   propertyConfigs: o,
   collectionEditable: l
@@ -3396,12 +3396,12 @@ function qi({
     errors: u,
     setFieldValue: c,
     touched: m
-  } = $(), [b, g] = K(!1), y = P(d, "of"), C = P(m, "of") && P(u, "of"), k = J(({ id: h, property: _, namespace: v }) => {
+  } = $(), [b, g] = K(!1), y = P(d, "of"), O = P(m, "of") && P(u, "of"), k = J(({ id: h, property: _, namespace: v }) => {
     c("of", _);
   }, []), x = y && We(y, o);
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
-      /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Repeat component" }),
+      /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Repeat component" }),
       /* @__PURE__ */ e(
         ye,
         {
@@ -3413,19 +3413,19 @@ function qi({
               ia,
               {
                 property: y,
-                onClick: r ? void 0 : () => g(!0),
+                onClick: i ? void 0 : () => g(!0),
                 includeName: !1,
                 includeEditButton: !0,
                 selected: !1,
                 hasError: !1
               }
             ),
-            !r && !y && /* @__PURE__ */ n(
+            !i && !y && /* @__PURE__ */ n(
               E,
               {
                 variant: "text",
                 size: "large",
-                color: C ? "error" : "primary",
+                color: O ? "error" : "primary",
                 onClick: () => g(!0),
                 children: [
                   "Edit ",
@@ -3439,7 +3439,7 @@ function qi({
                 inArray: !0,
                 open: b,
                 existingProperty: a,
-                getData: i,
+                getData: r,
                 autoUpdateId: !a,
                 autoOpenTypeSelect: !a,
                 onOkClicked: () => g(!1),
@@ -3456,14 +3456,14 @@ function qi({
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(qt, { disabled: r }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(qt, { disabled: i }) }) })
   ] });
 }
 const Ai = U.forwardRef(
   function({
     showErrors: a,
-    disabledId: r,
-    existingPropertyKeys: i,
+    disabledId: i,
+    existingPropertyKeys: r,
     disabled: s,
     isNewProperty: o
   }, l) {
@@ -3495,8 +3495,8 @@ const Ai = U.forwardRef(
             name: c,
             as: Te,
             label: "ID",
-            validate: (y) => Ti(y, i),
-            disabled: r || s,
+            validate: (y) => Ti(y, r),
+            disabled: i || s,
             required: !0,
             size: "small",
             error: !!m
@@ -3521,8 +3521,8 @@ const Ai = U.forwardRef(
   }
 ), zi = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
 function Ti(t, a) {
-  let r;
-  return t || (r = "You must specify an id for the field"), t && !t.match(zi) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
+  let i;
+  return t || (i = "You must specify an id for the field"), t && !t.match(zi) && (i = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (i = "There is another field with this ID already"), i;
 }
 function Vi(t) {
   let a;
@@ -3531,9 +3531,9 @@ function Vi(t) {
 function Ii({
   widgetId: t,
   disabled: a,
-  showErrors: r
+  showErrors: i
 }) {
-  const { values: i, setFieldValue: s } = $();
+  const { values: r, setFieldValue: s } = $();
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
       t === "text_field" && /* @__PURE__ */ e(
@@ -3547,7 +3547,7 @@ function Ii({
           min: !0,
           trim: !0,
           uppercase: !0,
-          showErrors: r
+          showErrors: i
         }
       ),
       t === "multiline" && /* @__PURE__ */ e(
@@ -3560,7 +3560,7 @@ function Ii({
           min: !0,
           trim: !0,
           uppercase: !0,
-          showErrors: r
+          showErrors: i
         }
       ),
       t === "markdown" && /* @__PURE__ */ e(
@@ -3573,7 +3573,7 @@ function Ii({
           min: !0,
           trim: !0,
           uppercase: !0,
-          showErrors: r
+          showErrors: i
         }
       ),
       t === "email" && /* @__PURE__ */ e(
@@ -3583,7 +3583,7 @@ function Ii({
           max: !0,
           min: !0,
           trim: !0,
-          showErrors: r
+          showErrors: i
         }
       )
     ] }) }),
@@ -3596,13 +3596,13 @@ function Ii({
           s("defaultValue", o.target.value === "" ? void 0 : o.target.value);
         },
         label: "Default value",
-        value: P(i, "defaultValue") ?? ""
+        value: P(r, "defaultValue") ?? ""
       }
     ) })
   ] });
 }
 function Fi({ disabled: t }) {
-  const { values: a } = $(), r = P(a, "defaultValue");
+  const { values: a } = $(), i = P(a, "defaultValue");
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(je, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
@@ -3610,7 +3610,7 @@ function Fi({ disabled: t }) {
       {
         type: "checkbox",
         name: "defaultValue",
-        label: r == null ? "Default value not set" : "Default value is " + r.toString(),
+        label: i == null ? "Default value not set" : "Default value is " + i.toString(),
         disabled: t,
         allowIndeterminate: !0,
         component: he
@@ -3618,7 +3618,7 @@ function Fi({ disabled: t }) {
     ) })
   ] });
 }
-function ji({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i, collectionEditable: s }) {
+function ji({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r, collectionEditable: s }) {
   const {
     values: o,
     setFieldValue: l
@@ -3632,7 +3632,7 @@ function ji({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
       ...o.oneOf?.properties ?? {},
       [_]: v
     }, !1), l("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), _], !1), p(!1);
-  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), y = u ? se(u, m) : void 0, C = y ? P(o.oneOf?.properties, y.replaceAll(".", ".properties.")) : void 0, k = J((_, v) => {
+  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), y = u ? se(u, m) : void 0, O = y ? P(o.oneOf?.properties, y.replaceAll(".", ".properties.")) : void 0, k = J((_, v) => {
     const w = _ ? se(_, v) : void 0;
     if (!w)
       throw Error("collection editor miss config");
@@ -3657,7 +3657,7 @@ function ji({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ n("div", { className: "flex justify-between items-end mt-8 mb-4", children: [
-        /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Properties in this block" }),
+        /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Properties in this block" }),
         x
       ] }),
       /* @__PURE__ */ n(qe, { className: "p-2 pl-8", children: [
@@ -3684,7 +3684,7 @@ function ji({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
         forceShowErrors: !1,
         open: d,
         getData: a,
-        allowDataInference: r,
+        allowDataInference: i,
         onCancel: () => {
           p(!1), c(void 0), b(void 0);
         },
@@ -3695,13 +3695,13 @@ function ji({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
         onDelete: k,
         propertyKey: u,
         propertyNamespace: m,
-        property: C,
+        property: O,
         existingProperty: !!u,
         autoUpdateId: !u,
         autoOpenTypeSelect: !u,
         onPropertyChanged: g,
         existingPropertyKeys: u ? void 0 : o.oneOf?.propertiesOrder,
-        propertyConfigs: i
+        propertyConfigs: r
       }
     )
   ] });
@@ -3709,20 +3709,20 @@ function ji({ disabled: t, getData: a, allowDataInference: r, propertyConfigs: i
 function Ei({ disabled: t }) {
   const {
     values: a,
-    handleChange: r
-  } = $(), i = "validation.min", s = "validation.max", o = "validation.lessThan", l = "validation.moreThan", d = "validation.positive", p = "validation.negative", u = "validation.integer";
+    handleChange: i
+  } = $(), r = "validation.min", s = "validation.max", o = "validation.lessThan", l = "validation.moreThan", d = "validation.positive", p = "validation.negative", u = "validation.integer";
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(je, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       H,
       {
-        value: P(a, i),
+        value: P(a, r),
         label: "Min value",
-        name: i,
+        name: r,
         type: "number",
         size: "small",
         disabled: t,
-        onChange: r
+        onChange: i
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
@@ -3734,7 +3734,7 @@ function Ei({ disabled: t }) {
         type: "number",
         size: "small",
         disabled: t,
-        onChange: r
+        onChange: i
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
@@ -3746,7 +3746,7 @@ function Ei({ disabled: t }) {
         type: "number",
         size: "small",
         disabled: t,
-        onChange: r
+        onChange: i
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
@@ -3758,7 +3758,7 @@ function Ei({ disabled: t }) {
         type: "number",
         size: "small",
         disabled: t,
-        onChange: r
+        onChange: i
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
@@ -3794,7 +3794,7 @@ function Ei({ disabled: t }) {
   ] });
 }
 function Di({ disabled: t }) {
-  const { values: a, setFieldValue: r } = $();
+  const { values: a, setFieldValue: i } = $();
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ei, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
@@ -3803,8 +3803,8 @@ function Di({ disabled: t }) {
         name: "defaultValue",
         disabled: t,
         type: "number",
-        onChange: (i) => {
-          r("defaultValue", i.target.value === "" ? void 0 : parseFloat(i.target.value));
+        onChange: (r) => {
+          i("defaultValue", r.target.value === "" ? void 0 : parseFloat(r.target.value));
         },
         label: "Default value",
         value: P(a, "defaultValue") ?? ""
@@ -3815,8 +3815,8 @@ function Di({ disabled: t }) {
 function Bt({
   existing: t,
   multiple: a,
-  disabled: r,
-  showErrors: i
+  disabled: i,
+  showErrors: r
 }) {
   const {
     values: s,
@@ -3828,7 +3828,7 @@ function Bt({
   } = $();
   if (!$e())
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Qe, {}) });
-  const m = a ? "of.path" : "path", b = P(s, m), g = i && P(l, m);
+  const m = a ? "of.path" : "path", b = P(s, m), g = r && P(l, m);
   return console.log("pathError", l, g), /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     ye,
     {
@@ -3837,7 +3837,7 @@ function Bt({
       pathPath: m,
       type: "select",
       validate: Bi,
-      disabled: t || r,
+      disabled: t || i,
       value: b,
       error: g,
       handleChange: o,
@@ -3852,8 +3852,8 @@ function Bi(t) {
 function Mi({
   disabled: t,
   pathPath: a,
-  value: r,
-  handleChange: i,
+  value: i,
+  handleChange: r,
   error: s,
   ...o
 }) {
@@ -3870,10 +3870,10 @@ function Mi({
       {
         error: !!s,
         disabled: t,
-        value: r ?? "",
+        value: i ?? "",
         position: "item-aligned",
         name: a,
-        onChange: i,
+        onChange: r,
         label: "Target collection",
         renderValue: (c) => {
           const m = d.find((g) => g.alias === c || g.path === c);
@@ -3883,7 +3883,7 @@ function Mi({
           return /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
             b,
             /* @__PURE__ */ e(
-              O,
+              C,
               {
                 variant: "subtitle2",
                 className: "font-medium ml-4",
@@ -3907,7 +3907,7 @@ function Mi({
                     children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
                       b,
                       /* @__PURE__ */ e(
-                        O,
+                        C,
                         {
                           variant: "subtitle2",
                           className: "font-medium ml-4",
@@ -3931,7 +3931,7 @@ function Mi({
                 children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
                   m,
                   /* @__PURE__ */ e(
-                    O,
+                    C,
                     {
                       variant: "subtitle2",
                       className: "font-medium ml-4",
@@ -3952,10 +3952,10 @@ function Mi({
 function Ri({ disabled: t }) {
   const {
     values: a,
-    errors: r,
-    touched: i,
+    errors: i,
+    touched: r,
     setFieldValue: s
-  } = $(), o = "mode", l = P(a, o), d = P(i, o) && P(r, o), p = "autoValue", u = P(a, p), c = P(i, p) && P(r, p);
+  } = $(), o = "mode", l = P(a, o), d = P(r, o) && P(i, o), p = "autoValue", u = P(a, p), c = P(r, p) && P(i, p);
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ n(
@@ -4044,9 +4044,9 @@ function Ui({ disabled: t }) {
 function $i({ disabled: t }) {
   return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(je, { disabled: t }) }) }) });
 }
-function ra(t, a, r) {
-  let i;
-  return a === "text_field" ? i = Y(
+function ra(t, a, i) {
+  let r;
+  return a === "text_field" ? r = Y(
     t,
     {
       dataType: "string",
@@ -4059,7 +4059,7 @@ function ra(t, a, r) {
       url: void 0,
       enumValues: void 0
     }
-  ) : a === "multiline" ? i = Y(
+  ) : a === "multiline" ? r = Y(
     t,
     {
       dataType: "string",
@@ -4072,7 +4072,7 @@ function ra(t, a, r) {
       url: void 0,
       enumValues: void 0
     }
-  ) : a === "markdown" ? i = Y(
+  ) : a === "markdown" ? r = Y(
     t,
     {
       dataType: "string",
@@ -4084,7 +4084,7 @@ function ra(t, a, r) {
       email: void 0,
       url: void 0
     }
-  ) : a === "url" ? i = Y(
+  ) : a === "url" ? r = Y(
     t,
     {
       dataType: "string",
@@ -4097,7 +4097,7 @@ function ra(t, a, r) {
       url: !0,
       enumValues: void 0
     }
-  ) : a === "email" ? i = Y(
+  ) : a === "email" ? r = Y(
     t,
     {
       dataType: "string",
@@ -4110,7 +4110,7 @@ function ra(t, a, r) {
       url: void 0,
       enumValues: void 0
     }
-  ) : a === "select" ? i = Y(
+  ) : a === "select" ? r = Y(
     t,
     {
       dataType: "string",
@@ -4123,7 +4123,7 @@ function ra(t, a, r) {
       url: void 0,
       enumValues: t.enumValues ?? []
     }
-  ) : a === "multi_select" ? i = Y(
+  ) : a === "multi_select" ? r = Y(
     t,
     {
       dataType: "array",
@@ -4134,7 +4134,7 @@ function ra(t, a, r) {
         enumValues: t.of?.enumValues ?? []
       }
     }
-  ) : a === "number_input" ? i = Y(
+  ) : a === "number_input" ? r = Y(
     t,
     {
       dataType: "number",
@@ -4142,7 +4142,7 @@ function ra(t, a, r) {
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: void 0
     }
-  ) : a === "number_select" ? i = Y(
+  ) : a === "number_select" ? r = Y(
     t,
     {
       dataType: "number",
@@ -4150,7 +4150,7 @@ function ra(t, a, r) {
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: t.enumValues ?? []
     }
-  ) : a === "multi_number_select" ? i = Y(
+  ) : a === "multi_number_select" ? r = Y(
     t,
     {
       dataType: "array",
@@ -4161,7 +4161,7 @@ function ra(t, a, r) {
         enumValues: t.of?.enumValues ?? []
       }
     }
-  ) : a === "file_upload" ? i = Y(
+  ) : a === "file_upload" ? r = Y(
     t,
     {
       dataType: "string",
@@ -4171,7 +4171,7 @@ function ra(t, a, r) {
         storagePath: "/"
       }
     }
-  ) : a === "multi_file_upload" ? i = Y(
+  ) : a === "multi_file_upload" ? r = Y(
     t,
     {
       dataType: "array",
@@ -4184,7 +4184,7 @@ function ra(t, a, r) {
         }
       }
     }
-  ) : a === "group" ? i = Y(
+  ) : a === "group" ? r = Y(
     t,
     {
       dataType: "map",
@@ -4193,7 +4193,7 @@ function ra(t, a, r) {
       keyValue: !1,
       properties: t.properties ?? {}
     }
-  ) : a === "key_value" ? i = Y(
+  ) : a === "key_value" ? r = Y(
     t,
     {
       dataType: "map",
@@ -4202,14 +4202,14 @@ function ra(t, a, r) {
       keyValue: !0,
       properties: void 0
     }
-  ) : a === "reference" ? i = Y(
+  ) : a === "reference" ? r = Y(
     t,
     {
       dataType: "reference",
       propertyConfig: "reference",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : a === "multi_references" ? i = Y(
+  ) : a === "multi_references" ? r = Y(
     t,
     {
       dataType: "array",
@@ -4219,14 +4219,14 @@ function ra(t, a, r) {
         dataType: "reference"
       }
     }
-  ) : a === "switch" ? i = Y(
+  ) : a === "switch" ? r = Y(
     t,
     {
       dataType: "boolean",
       propertyConfig: "switch",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : a === "date_time" ? i = Y(
+  ) : a === "date_time" ? r = Y(
     t,
     {
       dataType: "date",
@@ -4234,14 +4234,14 @@ function ra(t, a, r) {
       editable: t.editable !== void 0 ? t.editable : !0,
       mode: "date_time"
     }
-  ) : a === "repeat" ? i = Y(
+  ) : a === "repeat" ? r = Y(
     t,
     {
       dataType: "array",
       propertyConfig: "repeat",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : a === "block" ? i = Y(
+  ) : a === "block" ? r = Y(
     t,
     {
       dataType: "array",
@@ -4251,12 +4251,12 @@ function ra(t, a, r) {
         properties: {}
       }
     }
-  ) : a && r[a] && (i = {
-    ...r[a].property,
+  ) : a && i[a] && (r = {
+    ...i[a].property,
     propertyConfig: a
-  }), i;
+  }), r;
 }
-function oa({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
+function oa({ value: t, optionDisabled: a, propertyConfig: i, existing: r }) {
   return /* @__PURE__ */ e(
     ee,
     {
@@ -4271,16 +4271,16 @@ function oa({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
             a ? "w-full" : ""
           ),
           children: [
-            /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ze, { propertyConfig: r }) }),
+            /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ze, { propertyConfig: i }) }),
             /* @__PURE__ */ n("div", { children: [
-              /* @__PURE__ */ e("div", { children: r.name }),
+              /* @__PURE__ */ e("div", { children: i.name }),
               /* @__PURE__ */ e(
-                O,
+                C,
                 {
                   variant: "caption",
                   color: "disabled",
                   className: "max-w-sm",
-                  children: i && a ? "You can only switch to widgets that use the same data type" : r.description
+                  children: r && a ? "You can only switch to widgets that use the same data type" : i.description
                 }
               )
             ] })
@@ -4294,7 +4294,7 @@ function Li({
   disabled: t,
   showErrors: a
 }) {
-  const { values: r, setFieldValue: i } = $(), s = P(r, "url");
+  const { values: i, setFieldValue: r } = $(), s = P(i, "url");
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
       Se,
@@ -4302,7 +4302,7 @@ function Li({
         disabled: t,
         position: "item-aligned",
         onValueChange: (o) => {
-          o === "[NONE]" ? i("url", !0) : i("url", o);
+          o === "[NONE]" ? r("url", !0) : r("url", o);
         },
         label: "Preview type",
         renderValue: (o) => {
@@ -4342,10 +4342,10 @@ function Li({
         name: "defaultValue",
         disabled: t,
         onChange: (o) => {
-          i("defaultValue", o.target.value === "" ? void 0 : o.target.value);
+          r("defaultValue", o.target.value === "" ? void 0 : o.target.value);
         },
         label: "Default value",
-        value: P(r, "defaultValue") ?? ""
+        value: P(i, "defaultValue") ?? ""
       }
     ) })
   ] });
@@ -4353,8 +4353,8 @@ function Li({
 const na = U.memo(
   function({
     includeIdAndName: a = !0,
-    autoOpenTypeSelect: r,
-    existingProperty: i,
+    autoOpenTypeSelect: i,
+    existingProperty: r,
     autoUpdateId: s,
     inArray: o,
     propertyKey: l,
@@ -4366,7 +4366,7 @@ const na = U.memo(
     onError: b,
     initialErrors: g,
     forceShowErrors: y,
-    existingPropertyKeys: C,
+    existingPropertyKeys: O,
     allowDataInference: k,
     getHelpers: x,
     getData: h,
@@ -4406,7 +4406,7 @@ const na = U.memo(
           A({
             id: f,
             property: { ...z, editable: z.editable ?? !0 }
-          }), i || F.resetForm({ values: w });
+          }), r || F.resetForm({ values: w });
         },
         children: (N) => (pe(() => {
           x?.(N);
@@ -4419,11 +4419,11 @@ const na = U.memo(
             propertyNamespace: d,
             onError: b,
             showErrors: y || N.submitCount > 0,
-            existing: i,
+            existing: r,
             autoUpdateId: s,
             inArray: o,
-            autoOpenTypeSelect: r,
-            existingPropertyKeys: C,
+            autoOpenTypeSelect: i,
+            existingPropertyKeys: O,
             disabled: V,
             getData: h,
             allowDataInference: k,
@@ -4441,8 +4441,8 @@ const na = U.memo(
 function Ie({
   open: t,
   onCancel: a,
-  onOkClicked: r,
-  onPropertyChanged: i,
+  onOkClicked: i,
+  onPropertyChanged: r,
   getData: s,
   collectionEditable: o,
   ...l
@@ -4460,7 +4460,7 @@ function Ie({
           {
             ...l,
             onPropertyChanged: (u) => {
-              i?.(u), r?.();
+              r?.(u), i?.();
             },
             collectionEditable: o,
             onPropertyChangedImmediate: !1,
@@ -4498,8 +4498,8 @@ function Ie({
 function Ki({
   values: t,
   errors: a,
-  touched: r,
-  setValues: i,
+  touched: i,
+  setValues: r,
   setFieldValue: s,
   existing: o,
   autoUpdateId: l = !1,
@@ -4511,17 +4511,17 @@ function Ki({
   onError: b,
   showErrors: g,
   disabled: y,
-  inArray: C,
+  inArray: O,
   existingPropertyKeys: k,
   getData: x,
   allowDataInference: h,
   propertyConfigs: _,
   collectionEditable: v
 }) {
-  const [w, V] = K(d), [I, A] = K(!1), [N, F] = K(t?.dataType ? Wt(t) : void 0), f = Object.entries(xt).concat(Object.entries(_)), z = C ? f.filter(([W, ae]) => !re(ae.property) && ae.property?.dataType !== "array") : f, Q = ha(t), S = Ge(null), M = Ge(t), ge = "id", Ce = g && P(a, "selectedWidget");
+  const [w, V] = K(d), [I, A] = K(!1), [N, F] = K(t?.dataType ? Wt(t) : void 0), f = Object.entries(xt).concat(Object.entries(_)), z = O ? f.filter(([W, ae]) => !re(ae.property) && ae.property?.dataType !== "array") : f, Q = ha(t), S = Ge(null), M = Ge(t), ge = "id", Ce = g && P(a, "selectedWidget");
   pe(() => {
-    !P(r, ge) && l && t?.name && s(ge, Gt(t.name));
-  }, [l, r, t?.name]), pe(() => {
+    !P(i, ge) && l && t?.name && s(ge, Gt(t.name));
+  }, [l, i, t?.name]), pe(() => {
     if (u && (!p || Q.id)) {
       const {
         id: W,
@@ -4537,7 +4537,7 @@ function Ki({
     t?.id && b && Object.keys(a).length > 0 && b(t?.id, m, a);
   }, [a, b, m, t?.id]);
   const te = (W) => {
-    F(W), i(ra(t, W, _)), setTimeout(() => {
+    F(W), r(ra(t, W, _)), setTimeout(() => {
       S.current?.focus();
     }, 0);
   };
@@ -4636,8 +4636,8 @@ function Ki({
     }
   ) : N === "key_value" ? R = /* @__PURE__ */ e($i, { disabled: y }) : R = null, /* @__PURE__ */ n(D, { children: [
     y && /* @__PURE__ */ n(Zt, { mode: "warn", children: [
-      /* @__PURE__ */ e(O, { children: "This property can't be edited" }),
-      /* @__PURE__ */ n(O, { variant: "caption", children: [
+      /* @__PURE__ */ e(C, { children: "This property can't be edited" }),
+      /* @__PURE__ */ n(C, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
         /* @__PURE__ */ e("code", { children: "editable" }),
         " flag"
@@ -4648,7 +4648,6 @@ function Ki({
         /* @__PURE__ */ e(
           Se,
           {
-            className: "w-full",
             error: !!Ce,
             value: N ?? "",
             placeholder: "Select a property widget",
@@ -4675,7 +4674,7 @@ function Ki({
                     /* @__PURE__ */ n("div", { className: "flex flex-col items-start text-base text-left", children: [
                       /* @__PURE__ */ e("div", { children: X.name }),
                       /* @__PURE__ */ e(
-                        O,
+                        C,
                         {
                           variant: "caption",
                           color: "disabled",
@@ -4706,7 +4705,7 @@ function Ki({
           }
         ),
         Ce && /* @__PURE__ */ e(
-          O,
+          C,
           {
             variant: "caption",
             className: "ml-3.5",
@@ -4758,23 +4757,23 @@ function Ki({
   ] });
 }
 function Yi(t) {
-  return (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((a, r) => a + r[0].toUpperCase() + r.substring(1));
+  return (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((a, i) => a + i[0].toUpperCase() + i.substring(1));
 }
-function Gi({ collection: t, onOpenChange: a, open: r }) {
-  const i = Re(), s = "const " + Yi(t.name) + "Collection = " + ii.stringify(sa(t), null, "	");
+function Gi({ collection: t, onOpenChange: a, open: i }) {
+  const r = Re(), s = "const " + Yi(t.name) + "Collection = " + ii.stringify(sa(t), null, "	");
   return /* @__PURE__ */ n(
     Fe,
     {
-      open: r,
+      open: i,
       onOpenChange: a,
       maxWidth: "4xl",
       children: [
         /* @__PURE__ */ n(Be, { children: [
-          /* @__PURE__ */ n(O, { variant: "h6", className: "my-4", children: [
+          /* @__PURE__ */ n(C, { variant: "h6", className: "my-4", children: [
             "Code for ",
             t.name
           ] }),
-          /* @__PURE__ */ n(O, { variant: "body2", className: "my-4 mb-8", children: [
+          /* @__PURE__ */ n(C, { variant: "body2", className: "my-4 mb-8", children: [
             "If you want to customise the collection in code, you can add this collection code to your CMS app configuration. More info in the ",
             /* @__PURE__ */ e(
               "a",
@@ -4802,7 +4801,7 @@ function Gi({ collection: t, onOpenChange: a, open: r }) {
             {
               variant: "text",
               size: "small",
-              onClick: (o) => (o.stopPropagation(), o.preventDefault(), i.open({
+              onClick: (o) => (o.stopPropagation(), o.preventDefault(), r.open({
                 type: "success",
                 message: "Copied}"
               }), navigator.clipboard.writeText(s)),
@@ -4819,14 +4818,14 @@ function Gi({ collection: t, onOpenChange: a, open: r }) {
   );
 }
 function sa(t) {
-  const a = (r) => {
-    const i = {
-      ...r
+  const a = (i) => {
+    const r = {
+      ...i
     };
-    return delete i.fromBuilder, delete i.resolved, delete i.propertiesOrder, delete i.editable, i.type === "map" ? {
-      ...i,
-      properties: i.properties.map(a)
-    } : i;
+    return delete r.fromBuilder, delete r.resolved, delete r.propertiesOrder, delete r.editable, r.type === "map" ? {
+      ...r,
+      properties: r.properties.map(a)
+    } : r;
   };
   return {
     name: t.name,
@@ -4841,17 +4840,17 @@ function sa(t) {
     customId: t.customId,
     initialFilter: t.initialFilter,
     initialSort: t.initialSort,
-    properties: Object.entries(t.properties).map(([r, i]) => ({
-      [r]: a(i)
-    })).reduce((r, i) => ({ ...r, ...i }), {}),
+    properties: Object.entries(t.properties).map(([i, r]) => ({
+      [i]: a(r)
+    })).reduce((i, r) => ({ ...i, ...r }), {}),
     subcollections: (t.subcollections ?? []).map(sa)
   };
 }
 function Hi({
   showErrors: t,
   isNewCollection: a,
-  propertyErrorsRef: r,
-  onPropertyError: i,
+  propertyErrorsRef: i,
+  onPropertyError: r,
   setDirty: s,
   reservedGroups: o,
   extraIcon: l,
@@ -4865,7 +4864,7 @@ function Hi({
     values: b,
     setFieldValue: g,
     setFieldError: y,
-    setFieldTouched: C,
+    setFieldTouched: O,
     errors: k,
     dirty: x
   } = $(), h = Re(), _ = Ia("lg"), v = !_, [w, V] = K(), [I, A] = K(), [N, F] = K(), f = I ? se(I, N) : void 0, z = f ? P(b.properties, f.replaceAll(".", ".properties.")) : void 0, [Q, S] = K(!1), [M, ge] = K(!1), [Ce, te] = K(!1), [R, W] = K([]), ae = U.useRef(b.propertiesOrder ? { "": b.propertiesOrder } : {});
@@ -4940,9 +4939,9 @@ function Hi({
     const ne = T ? se(T, de) : void 0, ve = ne ? ke(ne) : void 0;
     if (G && G !== T) {
       const it = se(G, de), Z = ke(it), we = ue(de).map((rt) => rt === G ? T : rt).filter((rt) => rt !== void 0);
-      fe(we, de), T && (V(we.indexOf(T)), A(T)), g(Z, void 0, !1), C(Z, !1, !1);
+      fe(we, de), T && (V(we.indexOf(T)), A(T)), g(Z, void 0, !1), O(Z, !1, !1);
     }
-    ve && (g(ve, j, !1), C(ve, !0, !1));
+    ve && (g(ve, j, !1), O(ve, !0, !1));
   }, tt = (T, j, G) => {
     const de = T ? se(T, j) : void 0;
     if (console.warn("onPropertyErrorInternal", {
@@ -4952,11 +4951,11 @@ function Hi({
       propertyPath: de
     }), de) {
       const ne = G && Object.keys(G).length > 0;
-      i(T, j, ne ? G : void 0), y(ke(de), ne ? "Property error" : void 0);
+      r(T, j, ne ? G : void 0), y(ke(de), ne ? "Property error" : void 0);
     }
   }, q = () => {
     V(void 0), A(void 0);
-  }, B = I && r?.current?.properties ? r.current.properties[I] : void 0, L = b?.propertiesOrder === void 0 || b.propertiesOrder.length === 0, Ke = b.propertiesOrder ? b.propertiesOrder : Object.keys(b.properties), at = $t(() => d(b.ownerId), [d, b.ownerId]), Ve = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+  }, B = I && i?.current?.properties ? i.current.properties[I] : void 0, L = b?.propertiesOrder === void 0 || b.propertiesOrder.length === 0, Ke = b.propertiesOrder ? b.propertiesOrder : Object.keys(b.properties), at = $t(() => d(b.ownerId), [d, b.ownerId]), Ve = /* @__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",
@@ -4979,7 +4978,7 @@ function Hi({
             }
           ),
           at && /* @__PURE__ */ n(
-            O,
+            C,
             {
               variant: "body2",
               className: "ml-2",
@@ -5070,8 +5069,8 @@ function Hi({
             },
             `edit_view_${w}`
           ),
-          !z && /* @__PURE__ */ e(O, { variant: "label", className: "flex items-center justify-center h-full", children: L ? "Now you can add your first property" : "Select a property to edit it" }),
-          z && re(z) && /* @__PURE__ */ e(O, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
+          !z && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center h-full", children: L ? "Now you can add your first property" : "Select a property to edit it" }),
+          z && re(z) && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
         ]
       }
     ) }),
@@ -5133,25 +5132,25 @@ function Hi({
 function Ji({
   open: t,
   handleOk: a,
-  handleCancel: r,
-  body: i,
+  handleCancel: i,
+  body: r,
   title: s
 }) {
   return /* @__PURE__ */ n(
     Fe,
     {
       open: t,
-      onOpenChange: (o) => o ? r() : a(),
+      onOpenChange: (o) => o ? i() : a(),
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
       children: [
         /* @__PURE__ */ n(Be, { children: [
-          /* @__PURE__ */ e(O, { variant: "h6", children: s ?? "Unsaved changes" }),
-          i && /* @__PURE__ */ e(O, { children: i }),
-          /* @__PURE__ */ e(O, { children: "Are you sure?" })
+          /* @__PURE__ */ e(C, { variant: "h6", children: s ?? "Unsaved changes" }),
+          r && /* @__PURE__ */ e(C, { children: r }),
+          /* @__PURE__ */ e(C, { children: "Are you sure?" })
         ] }),
         /* @__PURE__ */ n(Me, { children: [
-          /* @__PURE__ */ e(E, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
+          /* @__PURE__ */ e(E, { variant: "text", onClick: i, autoFocus: !0, children: " Cancel " }),
           /* @__PURE__ */ e(E, { onClick: a, children: " Ok " })
         ] })
       ]
@@ -5160,7 +5159,7 @@ function Ji({
 }
 function Qi({ open: t, onClose: a }) {
   const {
-    entityViews: r
+    entityViews: i
   } = Ue();
   return /* @__PURE__ */ n(
     Fe,
@@ -5169,22 +5168,23 @@ function Qi({ open: t, onClose: a }) {
       open: t,
       children: [
         /* @__PURE__ */ n(Be, { children: [
-          /* @__PURE__ */ e(O, { variant: "h6", children: "Select view" }),
-          r?.map((i) => /* @__PURE__ */ n(
+          /* @__PURE__ */ e(C, { variant: "h6", children: "Select view" }),
+          i?.map((r) => /* @__PURE__ */ n(
             E,
             {
-              onClick: () => a(i.key),
+              onClick: () => a(r.key),
               fullWidth: !0,
               variant: "text",
               children: [
-                i.name,
+                r.name,
                 " (",
-                i.key,
+                r.key,
                 ")"
               ]
             },
-            i.key
-          ))
+            r.key
+          )),
+          (i ?? []).length === 0 && /* @__PURE__ */ e(C, { variant: "body2", children: "No custom views defined" })
         ] }),
         /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(E, { onClick: () => a(), children: "Cancel" }) })
       ]
@@ -5194,21 +5194,21 @@ function Qi({ open: t, onClose: a }) {
 function Wi({
   collection: t,
   parentCollection: a,
-  configController: r,
-  collectionInference: i,
+  configController: i,
+  collectionInference: r,
   getUser: s,
   parentPathSegments: o
 }) {
   const { entityViews: l } = Ue(), [d, p] = U.useState(), [u, c] = U.useState(!1), [m, b] = U.useState(), [g, y] = U.useState(), {
-    values: C,
+    values: O,
     setFieldValue: k
-  } = $(), x = t.subcollections ?? [], h = C.entityViews?.filter((w) => typeof w == "string").map((w) => Fa(w, l)).filter(Boolean) ?? [], _ = t.entityViews?.filter((w) => typeof w != "string") ?? [], v = h.length + _.length;
+  } = $(), x = t.subcollections ?? [], h = O.entityViews?.filter((w) => typeof w == "string").map((w) => Fa(w, l)).filter(Boolean) ?? [], _ = t.entityViews?.filter((w) => typeof w != "string") ?? [], v = h.length + _.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(O, { variant: "h5", children: [
+        /* @__PURE__ */ n(C, { variant: "h5", children: [
           "Subcollections of ",
-          C.name
+          O.name
         ] }),
         x && x.length > 0 && /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Vt, { children: /* @__PURE__ */ e(It, { children: x.map((w) => /* @__PURE__ */ n(
           yt,
@@ -5222,7 +5222,7 @@ function Wi({
                 Ye,
                 {
                   align: "left",
-                  children: /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: w.name })
+                  children: /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: w.name })
                 }
               ),
               /* @__PURE__ */ e(
@@ -5261,14 +5261,14 @@ function Wi({
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
-        /* @__PURE__ */ e(O, { variant: "h5", children: "Custom views" }),
+        /* @__PURE__ */ e(C, { variant: "h5", children: "Custom views" }),
         v > 0 && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Vt, { children: /* @__PURE__ */ n(It, { children: [
           h.map((w) => /* @__PURE__ */ n(yt, { children: [
             /* @__PURE__ */ e(
               Ye,
               {
                 align: "left",
-                children: /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: w.name })
+                children: /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: w.name })
               }
             ),
             /* @__PURE__ */ e(
@@ -5294,8 +5294,8 @@ function Wi({
             {
               align: "left",
               children: [
-                /* @__PURE__ */ e(O, { variant: "subtitle2", className: "flex-grow", children: w.name }),
-                /* @__PURE__ */ n(O, { variant: "caption", className: "flex-grow", children: [
+                /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: w.name }),
+                /* @__PURE__ */ n(C, { variant: "caption", className: "flex-grow", children: [
                   "This view is defined in code with key ",
                   /* @__PURE__ */ e("code", { children: w.key })
                 ] })
@@ -5325,7 +5325,7 @@ function Wi({
       {
         open: !!d,
         onAccept: () => {
-          r.deleteCollection({
+          i.deleteCollection({
             path: d,
             parentPathSegments: [...o ?? [], t.path]
           }), p(void 0);
@@ -5344,7 +5344,7 @@ function Wi({
       {
         open: !!m,
         onAccept: () => {
-          k("entityViews", C.entityViews?.filter((w) => w !== m)), b(void 0);
+          k("entityViews", O.entityViews?.filter((w) => w !== m)), b(void 0);
         },
         onCancel: () => b(void 0),
         title: /* @__PURE__ */ e(D, { children: "Remove this view?" }),
@@ -5359,10 +5359,10 @@ function Wi({
       ca,
       {
         open: !!g,
-        configController: r,
+        configController: i,
         parentCollection: t,
-        collectionInference: i,
-        parentPathSegments: [...o ?? [], C.path],
+        collectionInference: r,
+        parentPathSegments: [...o ?? [], O.path],
         isNewCollection: !1,
         ...g,
         getUser: s,
@@ -5376,7 +5376,7 @@ function Wi({
       {
         open: u,
         onClose: (w) => {
-          w && (console.log("selectedViewKey", w), k("entityViews", [...C.entityViews ?? [], w])), c(!1);
+          w && (console.log("selectedViewKey", w), k("entityViews", [...O.entityViews ?? [], w])), c(!1);
         }
       }
     )
@@ -5611,8 +5611,8 @@ const Mt = {
 function Zi({
   path: t,
   pathSuggestions: a,
-  parentCollection: r,
-  onContinue: i,
+  parentCollection: i,
+  onContinue: r,
   collections: s
 }) {
   const [o, l] = K(!1), [d, p] = K();
@@ -5629,7 +5629,7 @@ function Zi({
     handleChange: b,
     touched: g,
     errors: y,
-    setFieldTouched: C,
+    setFieldTouched: O,
     isSubmitting: k,
     submitCount: x
   } = $();
@@ -5638,16 +5638,16 @@ function Zi({
       "div",
       {
         className: "flex flex-row py-2 pt-3 items-center",
-        children: /* @__PURE__ */ e(O, { variant: "h4", className: "flex-grow", children: "New collection" })
+        children: /* @__PURE__ */ e(C, { variant: "h4", className: "flex-grow", children: "New collection" })
       }
     ),
-    r && /* @__PURE__ */ e(dt, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(O, { variant: "caption", children: [
+    i && /* @__PURE__ */ e(dt, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(C, { variant: "caption", children: [
       "This is a subcollection of ",
-      /* @__PURE__ */ e("b", { children: r.name })
+      /* @__PURE__ */ e("b", { children: i.name })
     ] }) }),
     /* @__PURE__ */ n("div", { className: "my-2", children: [
       /* @__PURE__ */ e(
-        O,
+        C,
         {
           variant: "caption",
           color: "secondary",
@@ -5661,19 +5661,19 @@ function Zi({
           {
             colorScheme: "cyanLighter",
             onClick: () => {
-              c("name", Pt(h)), c("path", h), c("properties", void 0), i();
+              c("name", Pt(h)), c("path", h), c("properties", void 0), r();
             },
             size: "small",
             children: h
           },
           h
         )),
-        !o && d?.length === 0 && /* @__PURE__ */ e(O, { variant: "caption", children: "No suggestions" })
+        !o && d?.length === 0 && /* @__PURE__ */ e(C, { variant: "caption", children: "No suggestions" })
       ] })
     ] }),
     /* @__PURE__ */ n("div", { className: "my-2", children: [
       /* @__PURE__ */ e(
-        O,
+        C,
         {
           variant: "caption",
           color: "secondary",
@@ -5688,7 +5688,7 @@ function Zi({
             subtitle: "A collection of products with images, prices and stock",
             icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Mt.icon }),
             onClick: () => {
-              m(Mt), i();
+              m(Mt), r();
             }
           }
         ),
@@ -5699,7 +5699,7 @@ function Zi({
             subtitle: "A collection of blog posts with images, authors and complex content",
             icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Rt.icon }),
             onClick: () => {
-              m(Rt), i();
+              m(Rt), r();
             }
           }
         ),
@@ -5710,15 +5710,15 @@ function Zi({
             subtitle: "A collection of users with emails, names and roles",
             icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Ut.icon }),
             onClick: () => {
-              m(Ut), i();
+              m(Ut), r();
             }
           }
         )
       ] })
     ] }),
-    !r && /* @__PURE__ */ n("div", { children: [
+    !i && /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ e(
-        O,
+        C,
         {
           variant: "caption",
           color: "secondary",
@@ -5726,21 +5726,21 @@ function Zi({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ni, { onDataAdded: (h) => i(h) })
+      /* @__PURE__ */ e(ni, { onDataAdded: (h) => r(h) })
     ] }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(E, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(E, { variant: "text", onClick: () => r(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
 }
 function _t({
   title: t,
   subtitle: a,
-  icon: r,
-  onClick: i
+  icon: i,
+  onClick: r
 }) {
   return /* @__PURE__ */ e(oe, { title: a, children: /* @__PURE__ */ n(
     Xt,
     {
-      onClick: i,
+      onClick: r,
       className: xe(
         "my-2 rounded-md border mx-0 p-6 px-4 focus:outline-none transition ease-in-out duration-150 flex flex-row gap-4 items-center",
         "text-gray-700 dark:text-gray-300",
@@ -5750,12 +5750,12 @@ function _t({
         "border-gray-400 dark:border-gray-600 "
       ),
       children: [
-        r,
+        i,
         /* @__PURE__ */ e(
           "div",
           {
             className: "flex flex-col items-start",
-            children: /* @__PURE__ */ e(O, { variant: "subtitle1", children: t })
+            children: /* @__PURE__ */ e(C, { variant: "subtitle1", children: t })
           }
         )
       ]
@@ -5789,49 +5789,49 @@ const Xi = [
 function tr({
   importConfig: t,
   propertyConfigs: a,
-  collectionEditable: r
+  collectionEditable: i
 }) {
   const {
-    setFieldValue: i,
+    setFieldValue: r,
     setFieldTouched: s,
     values: o
   } = $(), [l, d] = K(void 0), p = U.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), u = l ? l.id : void 0, c = l || void 0, m = ({
     id: g,
     property: y,
-    previousId: C,
+    previousId: O,
     namespace: k
   }) => {
     const x = g ? se(g, k) : void 0, h = x ? ke(x) : void 0, _ = (w) => w ? p.current[w] ?? P(o, Ne(w)) : p.current[""], v = (w, V) => {
       const I = Ne(V);
-      i(I, w, !1), p.current[V ?? ""] = w;
+      r(I, w, !1), p.current[V ?? ""] = w;
     };
-    if (C && C !== g) {
-      const w = se(C, k), V = ke(w), A = _(k).map((F) => F === C ? g : F).filter((F) => F !== void 0);
+    if (O && O !== g) {
+      const w = se(O, k), V = ke(w), A = _(k).map((F) => F === O ? g : F).filter((F) => F !== void 0);
       v(A, k);
       const N = { ...t.headersMapping };
       Object.keys(N).forEach((F) => {
-        N[F] === C && (N[F] = g ?? "");
-      }), t.setHeadersMapping(N), i(V, void 0, !1), s(V, !1, !1);
+        N[F] === O && (N[F] = g ?? "");
+      }), t.setHeadersMapping(N), r(V, void 0, !1), s(V, !1, !1);
     }
-    h && (i(h, y, !1), s(h, !0, !1));
+    h && (r(h, y, !1), s(h, !0, !1));
   }, b = async ({
     id: g,
     importKey: y,
-    property: C,
+    property: O,
     namespace: k
   }) => {
     const x = g ? se(g, k) : void 0, h = x ? ke(x) : void 0, _ = t.importData.map((w) => P(w, y)), v = {
-      ...Za(_, C, ta),
+      ...Za(_, O, ta),
       editable: !0
     };
     h && (v ? (console.log("updating inferredNewProperty", {
-      property: C,
+      property: O,
       inferredNewProperty: v
-    }), i(h, v, !1)) : i(h, C, !1), s(h, !0, !1));
+    }), r(h, v, !1)) : r(h, O, !1), s(h, !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: [
-      /* @__PURE__ */ e(O, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
+      /* @__PURE__ */ e(C, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
         si,
         {
@@ -5843,13 +5843,13 @@ function tr({
           buildPropertyView: ({
             property: g,
             propertyKey: y,
-            importKey: C
+            importKey: O
           }) => /* @__PURE__ */ e(
             li,
             {
               property: g,
               propertyKey: y,
-              onPropertyNameChanged: (k, x) => i(`properties.${k}.name`, x, !1),
+              onPropertyNameChanged: (k, x) => r(`properties.${k}.name`, x, !1),
               onEditClick: () => {
                 !y || !g || d({
                   ...g,
@@ -5864,7 +5864,7 @@ function tr({
                   disabled: !1,
                   onPropertyChanged: (k) => b({
                     ...k,
-                    importKey: C
+                    importKey: O
                   }),
                   propertyKey: y,
                   propertyConfigs: a
@@ -5885,7 +5885,7 @@ function tr({
         autoUpdateId: !1,
         onPropertyChanged: m,
         allowDataInference: !1,
-        collectionEditable: r,
+        collectionEditable: i,
         onOkClicked: () => {
           d(void 0);
         },
@@ -5903,11 +5903,11 @@ function tr({
 function ar({
   property: t,
   onPropertyChanged: a,
-  propertyKey: r,
-  propertyConfigs: i,
+  propertyKey: i,
+  propertyConfigs: r,
   disabled: s
 }) {
-  const o = t ? Wt(t) : null, l = t ? We(t, i) : null, [d, p] = K(!1);
+  const o = t ? Wt(t) : null, l = t ? We(t, r) : null, [d, p] = K(!1);
   return /* @__PURE__ */ e(
     oe,
     {
@@ -5927,11 +5927,11 @@ function ar({
           position: "item-aligned",
           renderValue: (u) => l ? /* @__PURE__ */ e(Ze, { propertyConfig: l }) : null,
           onValueChange: (u) => {
-            const c = ra(t, u, i);
-            r && (a({
-              id: r,
+            const c = ra(t, u, r);
+            i && (a({
+              id: i,
               property: c,
-              previousId: r,
+              previousId: i,
               namespace: void 0
             }), console.log("newSelectedWidgetId", u));
           },
@@ -5950,18 +5950,18 @@ function ar({
     }
   );
 }
-function ir({ importConfig: t, properties: a, propertiesOrder: r }) {
+function ir({ importConfig: t, properties: a, propertiesOrder: i }) {
   pe(() => {
     const s = ci(t.originProperties, a), o = t.importData.map((l) => di(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
     t.setEntities(o), console.log("res", { propertiesMapping: s, mappedData: o });
   }, []);
-  const i = ja();
+  const r = ja();
   return /* @__PURE__ */ e(
     Ea,
     {
       title: /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ e(O, { variant: "subtitle2", children: "Imported data preview" }),
-        /* @__PURE__ */ e(O, { variant: "caption", children: "Entities with the same id will be overwritten" })
+        /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Imported data preview" }),
+        /* @__PURE__ */ e(C, { variant: "caption", children: "Entities with the same id will be overwritten" })
       ] }),
       tableController: {
         data: t.entities,
@@ -5971,14 +5971,14 @@ function ir({ importConfig: t, properties: a, propertiesOrder: r }) {
       endAdornment: /* @__PURE__ */ e("div", { className: "h-12" }),
       filterable: !1,
       sortable: !1,
-      selectionController: i,
-      displayedColumnIds: r.map((s) => ({ key: s, disabled: !1 })),
+      selectionController: r,
+      displayedColumnIds: i.map((s) => ({ key: s, disabled: !1 })),
       properties: a
     }
   );
 }
 function la(t, a = "") {
-  const r = Object.keys(t).reduce((o, l) => {
+  const i = Object.keys(t).reduce((o, l) => {
     const d = t[l], p = Da(l), u = a ? `${a}.${p}` : p;
     if (d.dataType === "map" && d.properties) {
       const b = la(d.properties, u);
@@ -6002,19 +6002,19 @@ function la(t, a = "") {
       headersMapping: { ...o.headersMapping, [l]: u },
       properties: c
     };
-  }, { headersMapping: {}, properties: {} }), i = Object.keys(r.headersMapping)?.[0];
+  }, { headersMapping: {}, properties: {} }), r = Object.keys(i.headersMapping)?.[0];
   let s;
-  return (i?.includes("id") || i?.includes("key")) && (s = i), {
-    ...r,
+  return (r?.includes("id") || r?.includes("key")) && (s = r), {
+    ...i,
     idColumn: s
   };
 }
 function ca(t) {
-  const a = t.open, [r, i] = _e.useState(!1), [s, o] = _e.useState(!1), l = J(() => {
-    r ? o(!0) : t.handleClose(void 0);
-  }, [r, t.handleClose]);
+  const a = t.open, [i, r] = _e.useState(!1), [s, o] = _e.useState(!1), l = J(() => {
+    i ? o(!0) : t.handleClose(void 0);
+  }, [i, t.handleClose]);
   return pe(() => {
-    a || (i(!1), o(!1));
+    a || (r(!1), o(!1));
   }, [a]), /* @__PURE__ */ n(
     Fe,
     {
@@ -6030,7 +6030,7 @@ function ca(t) {
           {
             ...t,
             handleCancel: l,
-            setFormDirty: i
+            setFormDirty: r
           }
         ),
         /* @__PURE__ */ e(
@@ -6049,8 +6049,8 @@ function ca(t) {
 function rr({
   isNewCollection: t,
   initialValues: a,
-  configController: r,
-  editedCollectionPath: i,
+  configController: i,
+  editedCollectionPath: r,
   parentPathSegments: s,
   fullPath: o,
   collectionInference: l,
@@ -6062,7 +6062,7 @@ function rr({
   pathSuggestions: b,
   getUser: g,
   parentCollection: y,
-  getData: C
+  getData: O
 }) {
   const { propertyConfigs: k } = Ue(), x = $e(), {
     topLevelNavigation: h,
@@ -6075,17 +6075,17 @@ function rr({
   } = h, F = Re(), f = Le(), z = Ge({}), Q = t ? v ? "welcome" : "details" : "properties", [S, M] = K(Q), [ge, Ce] = _e.useState(), [te, R] = _e.useState(), [W, ae] = _e.useState(!1), [me, ue] = _e.useState();
   pe(() => {
     try {
-      x.initialised && (R(i ? x.getCollectionFromPaths([...s ?? [], i]) : void 0), ae(!0));
+      x.initialised && (R(r ? x.getCollectionFromPaths([...s ?? [], r]) : void 0), ae(!0));
     } catch (q) {
       console.error(q), ue(me);
     }
-  }, [x.getCollectionFromPaths, i, me, x.initialised]);
+  }, [x.getCollectionFromPaths, r, me, x.initialised]);
   const fe = (q) => {
     const B = q.alias || q.path;
-    return r.saveCollection({
+    return i.saveCollection({
       path: B,
       collectionData: q,
-      previousPath: i,
+      previousPath: r,
       parentPathSegments: s
     }).then(() => (Ce(void 0), !0)).catch((L) => (Ce(L), console.error(L), F.open({
       type: "error",
@@ -6170,7 +6170,7 @@ function rr({
         dirty: Ke,
         submitCount: at
       }) => {
-        const Ve = q.path ?? i, T = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + Ve : Ve, j = x.resolveAliasesFrom(T), G = j && C ? () => C(j) : void 0;
+        const Ve = q.path ?? r, T = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + Ve : Ve, j = x.resolveAliasesFrom(T), G = j && O ? () => O(j) : void 0;
         pe(() => {
           m(Ke);
         }, [Ke]);
@@ -6267,7 +6267,7 @@ function rr({
                   Wi,
                   {
                     parentCollection: y,
-                    configController: r,
+                    configController: i,
                     getUser: g,
                     collectionInference: l,
                     parentPathSegments: s,
@@ -6424,31 +6424,31 @@ function rr({
   ) });
 }
 function or(t, a) {
-  const { properties: r, ...i } = t, s = {};
-  return Object.keys(r).forEach((o) => {
-    s[o] = da(r[o], a);
-  }), { ...i, properties: s };
+  const { properties: i, ...r } = t, s = {};
+  return Object.keys(i).forEach((o) => {
+    s[o] = da(i[o], a);
+  }), { ...r, properties: s };
 }
 function da(t, a) {
-  let r = t;
-  if (a && typeof r == "object" && r.propertyConfig) {
-    const i = a[r.propertyConfig];
-    if (i && re(i.property))
-      r = i.property;
-    else if (i && (r = Y(i.property, r)), !re(r) && r.dataType === "map" && r.properties) {
+  let i = t;
+  if (a && typeof i == "object" && i.propertyConfig) {
+    const r = a[i.propertyConfig];
+    if (r && re(r.property))
+      i = r.property;
+    else if (r && (i = Y(r.property, i)), !re(i) && i.dataType === "map" && i.properties) {
       const s = {};
-      Object.keys(r.properties).forEach((o) => {
-        s[o] = da(r.properties[o], a);
-      }), r = { ...r, properties: s };
+      Object.keys(i.properties).forEach((o) => {
+        s[o] = da(i.properties[o], a);
+      }), i = { ...i, properties: s };
     }
   }
-  return r;
+  return i;
 }
 const pa = U.createContext({}), ma = U.createContext({}), nr = U.memo(
   function({
     children: a,
-    collectionConfigController: r,
-    configPermissions: i,
+    collectionConfigController: i,
+    configPermissions: r,
     reservedGroups: s,
     collectionInference: o,
     extraView: l,
@@ -6458,10 +6458,10 @@ const pa = U.createContext({}), ma = U.createContext({}), nr = U.memo(
   }) {
     const c = $e(), m = ui(), b = Re(), { propertyConfigs: g } = Ue(), {
       collections: y
-    } = c, C = y.map((f) => f.path.trim().toLowerCase()), [k, x] = U.useState();
+    } = c, O = y.map((f) => f.path.trim().toLowerCase()), [k, x] = U.useState();
     pe(() => {
       d && d().then((f) => {
-        x(f.filter((z) => !C.includes(z.trim().toLowerCase())));
+        x(f.filter((z) => !O.includes(z.trim().toLowerCase())));
       });
     }, [d]);
     const [h, _] = U.useState(), [v, w] = U.useState(), V = J(() => ({
@@ -6514,14 +6514,14 @@ const pa = U.createContext({}), ma = U.createContext({}), nr = U.memo(
         redirect: S
       });
     }, []), F = d ? (f) => !f && k ? Promise.resolve(k) : d?.(f) : void 0;
-    return /* @__PURE__ */ e(pa.Provider, { value: r, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ e(pa.Provider, { value: i, children: /* @__PURE__ */ n(
       ma.Provider,
       {
         value: {
           editCollection: I,
           createCollection: N,
           editProperty: A,
-          configPermissions: i ?? V,
+          configPermissions: r ?? V,
           rootPathSuggestions: k
         },
         children: [
@@ -6530,7 +6530,7 @@ const pa = U.createContext({}), ma = U.createContext({}), nr = U.memo(
             ca,
             {
               open: !!h,
-              configController: r,
+              configController: i,
               isNewCollection: !1,
               collectionInference: o,
               ...h,
@@ -6569,7 +6569,7 @@ const pa = U.createContext({}), ma = U.createContext({}), nr = U.memo(
                 if (!v || !f)
                   return;
                 const Q = !v.propertyKey;
-                return r.saveProperty({
+                return i.saveProperty({
                   path: v?.editedCollectionPath,
                   property: z,
                   propertyKey: f,
@@ -6586,7 +6586,7 @@ const pa = U.createContext({}), ma = U.createContext({}), nr = U.memo(
                 if (!v?.propertyKey)
                   return;
                 const f = v?.currentPropertiesOrder?.filter((z) => z !== v?.propertyKey);
-                return r.deleteProperty({
+                return i.deleteProperty({
                   path: v?.editedCollectionPath,
                   propertyKey: v?.propertyKey,
                   namespace: v?.namespace,
@@ -6625,18 +6625,18 @@ const pa = U.createContext({}), ma = U.createContext({}), nr = U.memo(
 function sr({
   path: t,
   parentPathSegments: a,
-  collection: r,
-  tableController: i
+  collection: i,
+  tableController: r
 }) {
   const s = Le(), o = $e(), l = Ee(), d = ua(), p = Re(), u = o.getCollectionFromPaths(a), c = l.configPermissions ? l.configPermissions({
     user: s.user,
-    collection: r
+    collection: i
   }).editCollections : !0;
   let m = null;
-  return (!ut(st(i.filterValues), st(r.initialFilter)) || !ut(st(i.sortBy), st(r.initialSort))) && (m = /* @__PURE__ */ e(
+  return (!ut(st(r.filterValues), st(i.initialFilter)) || !ut(st(r.sortBy), st(i.initialSort))) && (m = /* @__PURE__ */ e(
     oe,
     {
-      title: i.sortBy || i.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
+      title: r.sortBy || r.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
       children: /* @__PURE__ */ e(
         E,
         {
@@ -6644,13 +6644,13 @@ function sr({
           size: "small",
           variant: "outlined",
           onClick: () => d?.saveCollection({
-            path: r.path,
+            path: i.path,
             parentPathSegments: a,
             collectionData: Y(
-              r,
+              i,
               {
-                initialFilter: i.filterValues ?? null,
-                initialSort: i.sortBy ?? null
+                initialFilter: r.filterValues ?? null,
+                initialSort: r.sortBy ?? null
               }
             )
           }).then(() => {
@@ -6674,7 +6674,7 @@ function sr({
           {
             color: "primary",
             disabled: !c,
-            onClick: c ? () => l?.editCollection({ path: r.path, fullPath: t, parentPathSegments: a, parentCollection: u }) : void 0,
+            onClick: c ? () => l?.editCollection({ path: i.path, fullPath: t, parentPathSegments: a, parentCollection: u }) : void 0,
             children: /* @__PURE__ */ e(Je, {})
           }
         )
@@ -6689,14 +6689,14 @@ function lr({
   path: t,
   collection: a
 }) {
-  const r = Le(), i = ua(), s = Ee(), o = s.configPermissions({
-    user: r.user,
+  const i = Le(), r = ua(), s = Ee(), o = s.configPermissions({
+    user: i.user,
     collection: a
   }), l = J(() => {
     s?.editCollection({ path: t, parentPathSegments: [] });
   }, [s, t]), [d, p] = K(!1), u = J(() => {
-    i?.deleteCollection({ path: t });
-  }, [t, i]);
+    r?.deleteCollection({ path: t });
+  }, [t, r]);
   return /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ n("div", { children: [
       o.deleteCollections && /* @__PURE__ */ e(
@@ -6743,14 +6743,14 @@ function cr({
 }) {
   if (!a.navigation.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
-  const r = Le(), i = Ee(), s = i.configPermissions ? i.configPermissions({
-    user: r.user
+  const i = Le(), r = Ee(), s = r.configPermissions ? r.configPermissions({
+    user: i.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
     Xt,
     {
       className: xe("h-full p-4 min-h-[124px]"),
-      onClick: i && s ? () => i.createCollection({
+      onClick: r && s ? () => r.createCollection({
         initialValues: t ? { group: t } : void 0,
         parentPathSegments: [],
         redirect: !0
@@ -6760,9 +6760,9 @@ function cr({
         {
           className: "flex flex-col items-start h-full w-full items-center justify-center h-full w-full flex-grow flex-col",
           children: [
-            /* @__PURE__ */ e(Ae, { color: "primary" }),
+            /* @__PURE__ */ e(Ae, { color: "primary", size: "large" }),
             /* @__PURE__ */ e(
-              O,
+              C,
               {
                 color: "primary",
                 variant: "caption",
@@ -6770,7 +6770,7 @@ function cr({
                 children: "Add new collection".toUpperCase()
               }
             ),
-            !s && /* @__PURE__ */ e(O, { variant: "caption", children: "You don't have permissions to create collections" })
+            !s && /* @__PURE__ */ e(C, { variant: "caption", children: "You don't have permissions to create collections" })
           ]
         }
       )
@@ -6778,9 +6778,9 @@ function cr({
   );
 }
 function dr() {
-  const t = Le(), a = $e(), r = Ee(), i = r.configPermissions ? r.configPermissions({
+  const t = Le(), a = $e(), i = Ee(), r = i.configPermissions ? i.configPermissions({
     user: t.user
-  }).createCollections : !0, s = r.rootPathSuggestions ?? [], o = s.length > 3 || a.collections.length === 0 && s.length > 0;
+  }).createCollections : !0, s = i.rootPathSuggestions ?? [], o = s.length > 3 || a.collections.length === 0 && s.length > 0;
   return /* @__PURE__ */ e(
     Ya,
     {
@@ -6790,7 +6790,7 @@ function dr() {
         {
           className: "flex flex-col gap-1 p-2 my-4",
           children: [
-            /* @__PURE__ */ e(O, { variant: "body2", color: "secondary", children: "Create a collection from your data:" }),
+            /* @__PURE__ */ e(C, { variant: "body2", color: "secondary", children: "Create a collection from your data:" }),
             /* @__PURE__ */ e(
               "div",
               {
@@ -6800,7 +6800,7 @@ function dr() {
                   {
                     icon: /* @__PURE__ */ e(Ae, { size: "small" }),
                     colorScheme: "cyanLighter",
-                    onClick: r && i ? () => r.createCollection({
+                    onClick: i && r ? () => i.createCollection({
                       initialValues: { path: l, name: Pt(l) },
                       parentPathSegments: [],
                       redirect: !0
@@ -6820,8 +6820,8 @@ function dr() {
 function pr({
   propertyKey: t,
   onHover: a,
-  property: r,
-  fullPath: i,
+  property: i,
+  fullPath: r,
   parentPathSegments: s,
   collection: o
 }) {
@@ -6833,8 +6833,8 @@ function pr({
       onClick: () => {
         l.editProperty({
           propertyKey: t,
-          property: r,
-          editedCollectionPath: i,
+          property: i,
+          editedCollectionPath: r,
           parentPathSegments: s,
           collection: o
         });
@@ -6847,11 +6847,11 @@ function pr({
 function mr({
   fullPath: t,
   parentPathSegments: a,
-  collection: r
+  collection: i
 }) {
-  const i = Le(), s = Ee(), o = s.configPermissions ? s.configPermissions({
-    user: i.user,
-    collection: r
+  const r = Le(), s = Ee(), o = s.configPermissions ? s.configPermissions({
+    user: r.user,
+    collection: i
   }).editCollections : !0;
   return /* @__PURE__ */ e(oe, { title: o ? "Add new property" : "You don't have permission to add new properties", children: /* @__PURE__ */ e(
     "div",
@@ -6861,8 +6861,8 @@ function mr({
         s.editProperty({
           editedCollectionPath: t,
           parentPathSegments: a,
-          currentPropertiesOrder: Ga(r),
-          collection: r
+          currentPropertiesOrder: Ga(i),
+          collection: i
         });
       },
       children: /* @__PURE__ */ e(Ae, { color: "inherit" })
@@ -6872,8 +6872,8 @@ function mr({
 function Pr({
   collectionConfigController: t,
   configPermissions: a,
-  reservedGroups: r,
-  extraView: i,
+  reservedGroups: i,
+  extraView: r,
   pathSuggestions: s,
   getUser: o,
   collectionInference: l,
@@ -6901,8 +6901,8 @@ function Pr({
         collectionConfigController: t,
         configPermissions: a,
         collectionInference: l,
-        reservedGroups: r,
-        extraView: i,
+        reservedGroups: i,
+        extraView: r,
         pathSuggestions: s,
         getUser: o,
         getData: d
@@ -6920,7 +6920,7 @@ function Pr({
   };
 }
 function Nr({ path: t }) {
-  const a = hr(t), r = ur(t), i = Ee();
+  const a = hr(t), i = ur(t), r = Ee();
   return /* @__PURE__ */ n("div", { className: "p-1 flex flex-col items-center", children: [
     /* @__PURE__ */ e(ea, { error: "No collection for path: " + a }),
     /* @__PURE__ */ e(
@@ -6930,9 +6930,9 @@ function Nr({ path: t }) {
         variant: "outlined",
         size: "small",
         onClick: () => {
-          i.createCollection({
+          r.createCollection({
             initialValues: { path: a, name: Pt(a) },
-            parentPathSegments: r,
+            parentPathSegments: i,
             redirect: !1
           });
         },
@@ -6943,7 +6943,7 @@ function Nr({ path: t }) {
 }
 function ur(t) {
   const a = t.split("/");
-  return a.filter((r, i) => i % 2 === 0 && i !== a.length - 1);
+  return a.filter((i, r) => r % 2 === 0 && r !== a.length - 1);
 }
 function hr(t) {
   const a = t.split("/");