@firecms/collection_editor 3.0.0-alpha.72 → 3.0.0-alpha.73

package/dist/index.es.js

@@ -1,29 +1,29 @@
 import { jsx as e, jsxs as l, Fragment as j } from "react/jsx-runtime";
-import { getIconForView as dt, SearchIconsView as br, toSnakeCase as wt, singular as Cr, FormikArrayContainer as xr, SwitchControl as he, serializeRegExp as Nr, isValidRegExp as Pr, useSnackbarController as De, resolveEnumValues as wr, isPropertyBuilder as re, useFireCMSContext as Le, getFieldConfig as Qe, ErrorBoundary as we, FieldConfigBadge as We, unslugify as ft, useNavigationController as Me, mergeDeep as J, DEFAULT_FIELD_CONFIGS as Kt, getFieldId as Qt, DeleteConfirmationDialog as ut, useLargeLayout as Or, makePropertiesEditable as Xe, resolveEntityView as Tr, useSelectionController as kr, EntityCollectionTable as Vr, slugify as Fr, useAuthController as qe, randomString as St, CircularProgressCenter as At, removeUndefined as Ir, ErrorView as Wt, removeInitialAndTrailingSlashes as Er, getDefaultPropertiesOrder as _r, joinCollectionLists as Sr } from "@firecms/core";
+import { getIconForView as dt, SearchIconsView as yr, toSnakeCase as wt, singular as br, FormikArrayContainer as Cr, SwitchControl as he, serializeRegExp as xr, isValidRegExp as Nr, useSnackbarController as De, resolveEnumValues as Pr, isPropertyBuilder as re, useFireCMSContext as Le, getFieldConfig as Qe, ErrorBoundary as we, FieldConfigBadge as We, unslugify as ft, useNavigationController as Me, mergeDeep as J, DEFAULT_FIELD_CONFIGS as Jt, getFieldId as Kt, DeleteConfirmationDialog as ut, useLargeLayout as wr, makePropertiesEditable as Xe, resolveEntityView as Or, useSelectionController as Tr, EntityCollectionTable as kr, slugify as Vr, useAuthController as qe, randomString as St, CircularProgressCenter as At, removeUndefined as Fr, ErrorView as Qt, removeInitialAndTrailingSlashes as Ir, getDefaultPropertiesOrder as Er, joinCollectionLists as _r } from "@firecms/core";
 import * as je from "react";
-import G, { useState as Y, useEffect as ue, useMemo as Xt, useCallback as X, useRef as Je, useDeferredValue as Ar, useContext as er } from "react";
+import G, { useState as Y, useEffect as ue, useMemo as Wt, useCallback as Q, useRef as Je, useDeferredValue as Sr, useContext as Xt } from "react";
 import pt from "react-fast-compare";
-import { Typography as T, useAutoComplete as Br, Container as vt, Tooltip as ee, IconButton as ae, Chip as mt, TextField as Ae, cn as Ce, DebouncedTextField as K, Autocomplete as Dr, AutocompleteItem as Mr, ExpandablePanel as Tt, SettingsIcon as et, Select as Te, SelectItem as W, BooleanSwitchWithLabel as Ot, Dialog as ze, ListIcon as zr, Button as R, CircularProgress as tt, AutoAwesomeIcon as gt, Paper as ke, DialogContent as Ye, DialogActions as Ge, RuleIcon as Rr, FileUploadIcon as Ur, MultiSelect as jr, MultiSelectItem as Bt, Checkbox as Dt, cardMixin as tr, cardClickableMixin as rr, cardSelectedMixin as ir, FunctionsIcon as $r, RemoveCircleIcon as Lr, defaultBorderMixin as kt, RemoveIcon as qr, DragHandleIcon as Yr, AddIcon as xe, SelectGroup as Mt, InfoLabel as nr, DeleteIcon as ht, ContentCopyIcon as Gr, CodeIcon as Hr, Table as zt, TableBody as Rt, TableRow as Ct, TableCell as Ze, Icon as xt, Card as or, coolIconKeys as Ut, Tabs as Zr, Tab as Nt, ArrowBackIcon as lt, LoadingButton as jt, DoneIcon as Jr, SaveIcon as $t, Menu as Kr, MoreVertIcon as Qr, MenuItem as Wr, Collapse as Xr } from "@firecms/ui";
-import { useFormikContext as H, Field as ve, getIn as k, Formik as Vt, FastField as le, Form as ei } from "formik";
+import { Typography as T, useAutoComplete as Ar, Container as gt, Tooltip as ee, IconButton as se, Chip as mt, TextField as Ae, cn as Ce, DebouncedTextField as K, Autocomplete as Br, AutocompleteItem as Dr, ExpandablePanel as Tt, SettingsIcon as et, Select as Te, SelectItem as X, BooleanSwitchWithLabel as Ot, Dialog as ze, ListIcon as Mr, Button as R, CircularProgress as tt, AutoAwesomeIcon as vt, Paper as ke, DialogContent as Ye, DialogActions as Ge, RuleIcon as zr, FileUploadIcon as Rr, MultiSelect as Ur, MultiSelectItem as Bt, Checkbox as Dt, cardMixin as er, cardClickableMixin as tr, cardSelectedMixin as rr, FunctionsIcon as jr, RemoveCircleIcon as $r, defaultBorderMixin as kt, RemoveIcon as Lr, DragHandleIcon as qr, AddIcon as xe, SelectGroup as Mt, InfoLabel as ir, DeleteIcon as ht, ContentCopyIcon as Yr, CodeIcon as Gr, Table as zt, TableBody as Rt, TableRow as Ct, TableCell as Ze, Icon as xt, Card as nr, coolIconKeys as Ut, Tabs as Hr, Tab as Nt, ArrowBackIcon as lt, LoadingButton as jt, DoneIcon as Zr, UndoIcon as Jr, SaveIcon as Kr, Menu as Qr, MoreVertIcon as Wr, MenuItem as Xr, Collapse as ei } from "@firecms/ui";
+import { useFormikContext as H, Field as ve, getIn as k, Formik as Vt, FastField as ae, Form as ti } from "formik";
 import * as at from "yup";
-import { extractEnumFromValues as ti, buildPropertyFromData as ri, buildEntityPropertiesFromData as ii } from "@firecms/schema_inference";
-import { DragDropContext as ni, Droppable as oi, Draggable as li } from "@hello-pangea/dnd";
-import ai from "json5";
-import { Highlight as si, themes as ci } from "prism-react-renderer";
-import { ImportFileUpload as di, DataNewPropertiesMapping as ui, ImportNewPropertyFieldPreview as pi, getInferenceType as lr, getPropertiesMapping as mi, convertDataToEntity as hi, useImportConfig as fi, ImportSaveInProgress as vi } from "@firecms/data_import_export";
-import { useNavigate as gi } from "react-router";
-const yi = at.object().shape({
+import { extractEnumFromValues as ri, buildPropertyFromData as ii, buildEntityPropertiesFromData as ni } from "@firecms/schema_inference";
+import { DragDropContext as oi, Droppable as li, Draggable as ai } from "@hello-pangea/dnd";
+import si from "json5";
+import { Highlight as ci, themes as di } from "prism-react-renderer";
+import { ImportFileUpload as ui, DataNewPropertiesMapping as pi, ImportNewPropertyFieldPreview as mi, getInferenceType as or, getPropertiesMapping as hi, convertDataToEntity as fi, useImportConfig as gi, ImportSaveInProgress as vi } from "@firecms/data_import_export";
+import { useNavigate as yi } from "react-router";
+const bi = at.object().shape({
   id: at.string().required("Required"),
   name: at.string().required("Required"),
   path: at.string().required("Required")
 });
-function Q({
+function W({
   error: t,
   children: r
 }) {
   return r ? /* @__PURE__ */ e(T, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: r }) : null;
 }
-function bi({
+function Ci({
   isNewCollection: t,
   reservedGroups: r,
   existingPaths: i,
@@ -38,10 +38,10 @@ function bi({
     touched: c,
     errors: d,
     setFieldTouched: y,
-    isSubmitting: v,
-    submitCount: g
+    isSubmitting: g,
+    submitCount: v
   } = H(), [N, x] = Y(!1), [P, h] = Y(!1), b = (V) => {
-    p("name", V), !k(c, "path") && t && V && p("path", wt(V)), !k(c, "id") && t && V && p("id", wt(V)), !k(c, "singularName") && t && V && p("singularName", Cr(V));
+    p("name", V), !k(c, "path") && t && V && p("path", wt(V)), !k(c, "id") && t && V && p("id", wt(V)), !k(c, "singularName") && t && V && p("singularName", br(V));
   };
   ue(() => {
     d.id && h(!0);
@@ -49,12 +49,12 @@ function bi({
   const C = dt(u), f = a?.filter((V) => !r?.includes(V)), {
     inputFocused: I,
     autoCompleteOpen: z,
-    setAutoCompleteOpen: E
-  } = Br({
+    setAutoCompleteOpen: _
+  } = Ar({
     ref: s
   }), F = !!o;
   let U;
-  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ l(vt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ l(gt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ l("div", { children: [
       /* @__PURE__ */ l(
         "div",
@@ -63,7 +63,7 @@ function bi({
           children: [
             /* @__PURE__ */ e(T, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${u?.name} collection` }),
             /* @__PURE__ */ e(ee, { title: "Change icon", children: /* @__PURE__ */ e(
-              ae,
+              se,
               {
                 shape: "square",
                 onClick: () => x(!0),
@@ -90,7 +90,7 @@ function bi({
             error: c.name && !!d.name
           }
         ),
-        /* @__PURE__ */ e(Q, { error: c.name && !!d.name, children: c.name && d.name ? d.name : "Name of in this collection, usually a plural name (e.g. Products)" })
+        /* @__PURE__ */ e(W, { error: c.name && !!d.name, children: c.name && d.name ? d.name : "Name of in this collection, usually a plural name (e.g. Products)" })
       ] }),
       /* @__PURE__ */ l("div", { className: Ce("col-span-12 ", F ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
@@ -104,14 +104,14 @@ function bi({
             error: c.path && !!d.path
           }
         ),
-        /* @__PURE__ */ e(Q, { error: c.path && !!d.path, children: c.path && d.path ? d.path : F ? "Relative path to the parent (no need to include the parent path)" : "Path that this collection is stored in, in the database" })
+        /* @__PURE__ */ e(W, { error: c.path && !!d.path, children: c.path && d.path ? d.path : F ? "Relative path to the parent (no need to include the parent path)" : "Path that this collection is stored in, in the database" })
       ] }),
       !F && /* @__PURE__ */ l("div", { className: "col-span-12 sm:col-span-4 relative", children: [
         /* @__PURE__ */ e(
           Ae,
           {
             error: c.group && !!d.group,
-            disabled: v,
+            disabled: g,
             value: u.group ?? "",
             autoComplete: "off",
             onChange: (V) => p("group", V.target.value),
@@ -121,15 +121,15 @@ function bi({
           }
         ),
         /* @__PURE__ */ e(
-          Dr,
+          Br,
           {
             open: z && (f ?? []).length > 0,
-            setOpen: E,
+            setOpen: _,
             children: f?.map((V, O) => /* @__PURE__ */ e(
-              Mr,
+              Dr,
               {
                 onClick: () => {
-                  E(!1), p("group", V ?? null);
+                  _(!1), p("group", V ?? null);
                 },
                 children: /* @__PURE__ */ e("div", { className: "flex-grow", children: V })
               },
@@ -137,7 +137,7 @@ function bi({
             ))
           }
         ),
-        /* @__PURE__ */ e(Q, { children: c.group && d.group ? d.group : "Group of the collection" })
+        /* @__PURE__ */ e(W, { children: c.group && d.group ? d.group : "Group of the collection" })
       ] }),
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
         Tt,
@@ -168,7 +168,7 @@ function bi({
                   error: c.id && !!d.id
                 }
               ),
-              /* @__PURE__ */ e(Q, { error: c.id && !!d.id, children: c.id && d.id ? d.id : "This id identifies this collection" })
+              /* @__PURE__ */ e(W, { error: c.id && !!d.id, children: c.id && d.id ? d.id : "This id identifies this collection" })
             ] }),
             /* @__PURE__ */ l("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
@@ -182,7 +182,7 @@ function bi({
                   label: "Singular name"
                 }
               ),
-              /* @__PURE__ */ e(Q, { error: c.singularName && !!d.singularName, children: c.singularName && d.singularName ? d.singularName : "Optionally define a singular name for your entities" })
+              /* @__PURE__ */ e(W, { error: c.singularName && !!d.singularName, children: c.singularName && d.singularName ? d.singularName : "Optionally define a singular name for your entities" })
             ] }),
             /* @__PURE__ */ l("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
@@ -198,7 +198,7 @@ function bi({
                   label: "Description"
                 }
               ),
-              /* @__PURE__ */ e(Q, { error: c.description && !!d.description, children: c.description && d.description ? d.description : "Description of the collection, you can use markdown" })
+              /* @__PURE__ */ e(W, { error: c.description && !!d.description, children: c.description && d.description ? d.description : "Description of the collection, you can use markdown" })
             ] }),
             /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
               Te,
@@ -210,7 +210,7 @@ function bi({
                 value: u.defaultSize ?? "",
                 renderValue: (V) => V.toUpperCase(),
                 children: ["xs", "s", "m", "l", "xl"].map((V) => /* @__PURE__ */ e(
-                  W,
+                  X,
                   {
                     value: V,
                     children: V.toUpperCase()
@@ -234,9 +234,9 @@ function bi({
                 value: "",
                 renderValue: (V) => V === "code_defined" ? "Code defined" : V === "true" ? "Users must define an ID" : V === "optional" ? "Users can define an ID, but it is not required" : "Document ID is generated automatically",
                 children: [
-                  /* @__PURE__ */ e(W, { value: "false", children: "Document ID is generated automatically" }),
-                  /* @__PURE__ */ e(W, { value: "true", children: "Users must define an ID" }),
-                  /* @__PURE__ */ e(W, { value: "optional", children: "Users can define an ID, but it is not required" })
+                  /* @__PURE__ */ e(X, { value: "false", children: "Document ID is generated automatically" }),
+                  /* @__PURE__ */ e(X, { value: "true", children: "Users must define an ID" }),
+                  /* @__PURE__ */ e(X, { value: "optional", children: "Users can define an ID, but it is not required" })
                 ]
               }
             ) }),
@@ -250,7 +250,7 @@ function bi({
                   value: u.collectionGroup ?? !1
                 }
               ),
-              /* @__PURE__ */ e(Q, { children: "A collection group consists of all collections with the same path. This allows you to query over multiple collections at once." })
+              /* @__PURE__ */ e(W, { children: "A collection group consists of all collections with the same path. This allows you to query over multiple collections at once." })
             ] }),
             /* @__PURE__ */ l("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
@@ -262,7 +262,7 @@ function bi({
                   value: u.textSearchEnabled ?? !1
                 }
               ),
-              /* @__PURE__ */ e(Q, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." })
+              /* @__PURE__ */ e(W, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." })
             ] })
           ] })
         }
@@ -277,7 +277,7 @@ function bi({
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
-          br,
+          yr,
           {
             selectedIcon: u.icon,
             onIconSelected: (V) => {
@@ -292,16 +292,16 @@ function bi({
 function be(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function Ci(t) {
+function xi(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
 function Oe(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".propertiesOrder" : "propertiesOrder";
 }
-function oe(t, r) {
+function le(t, r) {
   return r ? `${r}.${t}` : t;
 }
-const xi = G.memo(
+const Ni = G.memo(
   function({
     enumValues: r,
     onValuesChanged: i,
@@ -326,7 +326,7 @@ const xi = G.memo(
         }, [p.enumValues]), ue(() => {
           n && n(!!(m?.enumValues ?? !1));
         }, [m]), /* @__PURE__ */ e(
-          Ni,
+          Pi,
           {
             enumValuesPath: "enumValues",
             values: p,
@@ -344,7 +344,7 @@ const xi = G.memo(
     return r.enumValues.length === i.enumValues.length && r.onValuesChanged === i.onValuesChanged && r.getData === i.getData;
   }
 );
-function Ni({
+function Pi({
   values: t,
   errors: r,
   disabled: i,
@@ -355,10 +355,10 @@ function Ni({
 }) {
   const {
     setFieldValue: u
-  } = H(), [p, m] = G.useState(), [c, d] = G.useState(), [y, v] = G.useState(!1), N = G.useRef(/* @__PURE__ */ new Set()).current, x = (h, b) => {
+  } = H(), [p, m] = G.useState(), [c, d] = G.useState(), [y, g] = G.useState(!1), N = G.useRef(/* @__PURE__ */ new Set()).current, x = (h, b) => {
     const C = p === b;
     return /* @__PURE__ */ e(
-      Pi,
+      wi,
       {
         index: h,
         disabled: i,
@@ -373,7 +373,7 @@ function Ni({
   };
   return /* @__PURE__ */ l("div", { className: "col-span-12", children: [
     /* @__PURE__ */ l("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(zr, {}),
+      /* @__PURE__ */ e(Mr, {}),
       /* @__PURE__ */ e(
         T,
         {
@@ -390,19 +390,19 @@ function Ni({
           variant: "text",
           size: "small",
           onClick: async () => {
-            s && (v(!0), s?.().then((h) => {
+            s && (g(!0), s?.().then((h) => {
               if (!h)
                 return;
-              const b = h.flat(), C = Array.from(new Set(b)), f = t.enumValues, z = ti(C).filter((E) => !f?.some((F) => F.id === E.id));
-              z.forEach((E) => {
-                N.add(E.id);
+              const b = h.flat(), C = Array.from(new Set(b)), f = t.enumValues, z = ri(C).filter((_) => !f?.some((F) => F.id === _.id));
+              z.forEach((_) => {
+                N.add(_.id);
               }), u(n, [...z, ...f]);
             }).catch((h) => {
               console.error(h);
-            }).finally(() => v(!1)));
+            }).finally(() => g(!1)));
           },
           children: [
-            y ? /* @__PURE__ */ e(tt, { size: "small" }) : /* @__PURE__ */ e(gt, {}),
+            y ? /* @__PURE__ */ e(tt, { size: "small" }) : /* @__PURE__ */ e(vt, {}),
             "Infer values from data"
           ]
         }
@@ -410,7 +410,7 @@ function Ni({
     ] }),
     /* @__PURE__ */ l(ke, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
-        xr,
+        Cr,
         {
           value: t.enumValues,
           addLabel: "Add enum value",
@@ -424,7 +424,7 @@ function Ni({
         }
       ),
       /* @__PURE__ */ e(
-        wi,
+        Oi,
         {
           index: c,
           open: c !== void 0,
@@ -435,7 +435,7 @@ function Ni({
     ] })
   ] });
 }
-const Pi = G.memo(
+const wi = G.memo(
   function({
     index: r,
     shouldUpdateId: i,
@@ -451,12 +451,12 @@ const Pi = G.memo(
       errors: c,
       setFieldValue: d,
       touched: y
-    } = H(), v = G.useRef(!k(p, `${n}[${r}].id`)), g = i || v.current, N = k(p, `${n}[${r}].id`), x = k(p, `${n}[${r}].label`), P = k(c, `${n}[${r}].label`), h = G.useRef(x);
+    } = H(), g = G.useRef(!k(p, `${n}[${r}].id`)), v = i || g.current, N = k(p, `${n}[${r}].id`), x = k(p, `${n}[${r}].label`), P = k(c, `${n}[${r}].label`), h = G.useRef(x);
     return G.useEffect(() => {
-      (h.current === N || !N) && g && d(`${n}[${r}].id`, x), h.current = x;
+      (h.current === N || !N) && v && d(`${n}[${r}].id`, x), h.current = x;
     }, [x]), /* @__PURE__ */ l("div", { className: "flex w-full align-center justify-center", children: [
       /* @__PURE__ */ e(
-        le,
+        ae,
         {
           name: `${n}[${r}].label`,
           as: K,
@@ -464,15 +464,15 @@ const Pi = G.memo(
           required: !0,
           disabled: s,
           size: "small",
-          validate: Oi,
+          validate: Ti,
           autoFocus: a,
           autoComplete: "off",
-          endAdornment: u && /* @__PURE__ */ e(gt, { size: "small" }),
+          endAdornment: u && /* @__PURE__ */ e(vt, { size: "small" }),
           error: !!P
         }
       ),
       !s && /* @__PURE__ */ e(
-        ae,
+        se,
         {
           size: "small",
           "aria-label": "edit",
@@ -487,7 +487,7 @@ const Pi = G.memo(
     return r.index === i.index && r.enumValuesPath === i.enumValuesPath && r.shouldUpdateId === i.shouldUpdateId && r.inferredEntry === i.inferredEntry && r.autoFocus === i.autoFocus;
   }
 );
-function wi({
+function Oi({
   index: t,
   open: r,
   onClose: i,
@@ -510,19 +510,19 @@ function wi({
       children: [
         /* @__PURE__ */ e(Ye, { children: t !== void 0 && /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            le,
+            ae,
             {
               name: `${n}[${t}]id`,
               as: K,
               required: !0,
-              validate: Ti,
+              validate: ki,
               label: "ID",
               size: "small",
               autoComplete: "off",
               error: !!m
             }
           ),
-          /* @__PURE__ */ e(Q, { error: !!m, children: m ?? "Value saved in the data source" })
+          /* @__PURE__ */ e(W, { error: !!m, children: m ?? "Value saved in the data source" })
         ] }) }),
         /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ e(
           R,
@@ -538,11 +538,11 @@ function wi({
     }
   );
 }
-function Oi(t) {
+function Ti(t) {
   let r;
   return t || (r = "You must specify a label"), r;
 }
-function Ti(t) {
+function ki(t) {
   let r;
   return t || (r = "You must specify an ID"), r;
 }
@@ -550,7 +550,7 @@ function Re({ disabled: t }) {
   const { values: r, handleChange: i } = H(), n = "validation.required", a = "validation.requiredMessage";
   return /* @__PURE__ */ l(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      le,
+      ae,
       {
         type: "checkbox",
         disabled: t,
@@ -561,7 +561,7 @@ function Re({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      le,
+      ae,
       {
         type: "checkbox",
         disabled: t,
@@ -599,12 +599,12 @@ function $e({
     values: m,
     handleChange: c,
     errors: d
-  } = H(), y = "validation.length", v = "validation.min", g = "validation.max", N = "validation.trim", x = "validation.matches", P = "validation.lowercase", h = "validation.uppercase", b = k(d, x), C = k(m, x), f = typeof C == "string" ? C : Nr(C);
+  } = H(), y = "validation.length", g = "validation.min", v = "validation.max", N = "validation.trim", x = "validation.matches", P = "validation.lowercase", h = "validation.uppercase", b = k(d, x), C = k(m, x), f = typeof C == "string" ? C : xr(C);
   return /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Re, { disabled: u }),
     /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       r && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        le,
+        ae,
         {
           type: "checkbox",
           name: P,
@@ -614,7 +614,7 @@ function $e({
         }
       ) }),
       s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        le,
+        ae,
         {
           type: "checkbox",
           name: h,
@@ -624,7 +624,7 @@ function $e({
         }
       ) }),
       o && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        le,
+        ae,
         {
           type: "checkbox",
           name: N,
@@ -650,9 +650,9 @@ function $e({
       a && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         K,
         {
-          value: k(m, v),
+          value: k(m, g),
           label: "Min length",
-          name: v,
+          name: g,
           type: "number",
           size: "small",
           disabled: u,
@@ -662,9 +662,9 @@ function $e({
       n && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         K,
         {
-          value: k(m, g),
+          value: k(m, v),
           label: "Max length",
-          name: g,
+          name: v,
           type: "number",
           size: "small",
           disabled: u,
@@ -674,11 +674,11 @@ function $e({
     ] }),
     i && /* @__PURE__ */ l("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        le,
+        ae,
         {
           name: x,
           as: K,
-          validate: (I) => I && !Pr(I),
+          validate: (I) => I && !Nr(I),
           label: "Matches regex",
           size: "small",
           disabled: u,
@@ -686,7 +686,7 @@ function $e({
           error: !!b
         }
       ),
-      /* @__PURE__ */ e(Q, { error: !!b, children: b ? "Not a valid regexp" : "e.g. /^\\d+$/ for digits only" })
+      /* @__PURE__ */ e(W, { error: !!b, children: b ? "Not a valid regexp" : "e.g. /^\\d+$/ for digits only" })
     ] })
   ] });
 }
@@ -737,7 +737,7 @@ function Ve({
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ l("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Rr, {}),
+        /* @__PURE__ */ e(zr, {}),
         /* @__PURE__ */ e(
           T,
           {
@@ -751,7 +751,7 @@ function Ve({
     }
   );
 }
-function Lt({
+function $t({
   multiselect: t,
   updateIds: r,
   disabled: i,
@@ -766,23 +766,23 @@ function Lt({
     touched: m,
     setFieldError: c,
     setFieldValue: d
-  } = H(), y = De(), v = t ? "of.enumValues" : "enumValues", g = k(s, "defaultValue"), N = k(s, v), x = Xt(() => !N || typeof N == "boolean" ? [] : wr(N) ?? [], [N]);
+  } = H(), y = De(), g = t ? "of.enumValues" : "enumValues", v = k(s, "defaultValue"), N = k(s, g), x = Wt(() => !N || typeof N == "boolean" ? [] : Pr(N) ?? [], [N]);
   return /* @__PURE__ */ l(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      xi,
+      Ni,
       {
         enumValues: x,
         updateIds: r,
         disabled: i,
         allowDataInference: a,
         onError: (h) => {
-          c(v, h ? "" : void 0);
+          c(g, h ? "" : void 0);
         },
         getData: o ? () => o().then((h) => h.map((b) => s.id && k(b, s.id)).filter(Boolean)) : void 0,
         onValuesChanged: (h) => {
-          if (s && (d(v, h), !t)) {
+          if (s && (d(g, h), !t)) {
             const b = h.filter((C) => !!C?.id).map((C) => C.id);
-            g && !b.includes(g) && (d("defaultValue", void 0), y.open({
+            v && !b.includes(v) && (d("defaultValue", void 0), y.open({
               type: "warning",
               message: "Default value was cleared"
             }));
@@ -809,9 +809,9 @@ function Lt({
           d("defaultValue", h);
         },
         label: "Default value",
-        value: g ?? "",
+        value: v ?? "",
         children: x.filter((h) => !!h?.id).map((h) => /* @__PURE__ */ e(
-          W,
+          X,
           {
             value: h.id?.toString(),
             children: h.label
@@ -829,7 +829,7 @@ const st = {
   "application/*": "Files (pdf, zip, csv, excel...)",
   "text/*": "Text files"
 };
-function qt({
+function Lt({
   multiple: t,
   existing: r,
   disabled: i
@@ -837,15 +837,15 @@ function qt({
   const {
     values: n,
     setFieldValue: a
-  } = H(), o = t ? "of.storage" : "storage", s = `${o}.acceptedFiles`, u = `${o}.fileName`, p = `${o}.storagePath`, m = `${o}.storeUrl`, c = k(n, u) ?? "{rand}_{file}", d = k(n, p) ?? "/", y = k(n, s), v = Array.isArray(y) ? y : void 0, g = !v || v.length === 0, N = (h) => {
-    h ? h.includes("all") || h.length >= Object.keys(st).length ? a(s, void 0) : g ? a(s, Object.keys(st).filter((b) => !h.includes(b))) : a(s, h) : a(s, void 0);
+  } = H(), o = t ? "of.storage" : "storage", s = `${o}.acceptedFiles`, u = `${o}.fileName`, p = `${o}.storagePath`, m = `${o}.storeUrl`, c = k(n, u) ?? "{rand}_{file}", d = k(n, p) ?? "/", y = k(n, s), g = Array.isArray(y) ? y : void 0, v = !g || g.length === 0, N = (h) => {
+    h ? h.includes("all") || h.length >= Object.keys(st).length ? a(s, void 0) : v ? a(s, Object.keys(st).filter((b) => !h.includes(b))) : a(s, h) : a(s, void 0);
   }, x = typeof c == "function", P = typeof d == "function";
   return /* @__PURE__ */ l(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Tt,
       {
         title: /* @__PURE__ */ l("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(Ur, {}),
+          /* @__PURE__ */ e(Rr, {}),
           /* @__PURE__ */ e(
             T,
             {
@@ -857,20 +857,20 @@ function qt({
         ] }),
         children: /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ l(
-            jr,
+            Ur,
             {
               disabled: i,
               name: s,
-              value: v ?? [],
+              value: g ?? [],
               onMultiValueChange: N,
-              label: g ? void 0 : "Allowed file types",
+              label: v ? void 0 : "Allowed file types",
               renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((b) => st[b]).filter((b) => !!b).join(", "),
               children: [
                 /* @__PURE__ */ l(Bt, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     Dt,
                     {
-                      checked: !v
+                      checked: !g
                     }
                   ),
                   "All"
@@ -879,7 +879,7 @@ function qt({
                   /* @__PURE__ */ e(
                     Dt,
                     {
-                      checked: g || v.indexOf(h) > -1
+                      checked: v || g.indexOf(h) > -1
                     }
                   ),
                   /* @__PURE__ */ e("div", { className: "flex-grow", children: b }),
@@ -961,19 +961,19 @@ function Ke(t) {
     return r.dataType === "array" && typeof r.of == "function" || r.dataType === "array" && Array.isArray(r.of) ? !1 : !!r.editable;
   }
 }
-function ki(t) {
+function Vi(t) {
   return Object.entries(t).filter(([r, i]) => Ke(i)).map(([r, i]) => {
     const n = i;
     if (Ke(n))
       return n.dataType === "map" && n.properties ? {
         [r]: {
           ...n,
-          properties: ki(n.properties)
+          properties: Vi(n.properties)
         }
       } : { [r]: n };
   }).filter((r) => !!r).reduce((r, i) => ({ ...r, ...i }), {});
 }
-function ar({
+function lr({
   property: t,
   onClick: r,
   hasError: i,
@@ -994,9 +994,9 @@ function ar({
           {
             className: Ce(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              tr,
-              r ? rr : "",
-              o ? ir : "",
+              er,
+              r ? tr : "",
+              o ? rr : "",
               "flex-grow p-4 border transition-colors duration-200",
               i ? "border-red-500" : o ? "border-blue-500" : "border-transparent"
             ),
@@ -1041,7 +1041,7 @@ function ar({
     }
   ) });
 }
-function Vi({
+function Fi({
   name: t,
   selected: r,
   onClick: i,
@@ -1060,19 +1060,19 @@ function Vi({
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e($r, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(jr, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(Lr, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
+          /* @__PURE__ */ e($r, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
           ke,
           {
             className: Ce(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              tr,
-              i ? rr : "",
-              r ? ir : "",
+              er,
+              i ? tr : "",
+              r ? rr : "",
               "flex-grow p-4 border transition-colors duration-200",
               r ? "border-blue-500" : "border-transparent"
             ),
@@ -1146,28 +1146,28 @@ function yt({
   inferredPropertyKeys: c,
   collectionEditable: d
 }) {
-  const y = a ?? Object.keys(n), v = X((g) => {
-    if (!g.destination)
+  const y = a ?? Object.keys(n), g = Q((v) => {
+    if (!v.destination)
       return;
-    const N = g.source.index, x = g.destination.index, P = Array.from(y), [h] = P.splice(N, 1);
+    const N = v.source.index, x = v.destination.index, P = Array.from(y), [h] = P.splice(N, 1);
     P.splice(x, 0, h), u && u(P, t);
   }, [t, u, y]);
-  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(ni, { onDragEnd: v, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${t}`, children: (g, N) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(oi, { onDragEnd: g, children: /* @__PURE__ */ e(li, { droppableId: `droppable_${t}`, children: (v, N) => /* @__PURE__ */ l(
     "div",
     {
-      ...g.droppableProps,
-      ref: g.innerRef,
+      ...v.droppableProps,
+      ref: v.innerRef,
       className: m,
       children: [
         y && y.map((x, P) => {
           const h = n[x], b = o?.find((C) => C.key === x);
           return !h && !b ? (console.warn(`Property ${x} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-            li,
+            ai,
             {
               draggableId: `array_field_${t}_${x}}`,
               index: P,
               children: (C, f) => /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(
-                Fi,
+                Ii,
                 {
                   propertyKey: x,
                   propertyOrBuilder: h,
@@ -1187,12 +1187,12 @@ function yt({
             `array_field_${t}_${x}}`
           );
         }).filter(Boolean),
-        g.placeholder
+        v.placeholder
       ]
     }
   ) }) }) });
 }
-function Fi({
+function Ii({
   propertyKey: t,
   namespace: r,
   propertyOrBuilder: i,
@@ -1206,15 +1206,15 @@ function Fi({
   inferredPropertyKeys: c,
   collectionEditable: d
 }) {
-  const y = c?.includes(r ? `${r}.${t}` : t), v = oe(t, r);
-  let g;
+  const y = c?.includes(r ? `${r}.${t}` : t), g = le(t, r);
+  let v;
   if (typeof i == "object") {
     const h = i;
-    h.dataType === "map" && h.properties && (g = /* @__PURE__ */ e(
+    h.dataType === "map" && h.properties && (v = /* @__PURE__ */ e(
       yt,
       {
         selectedPropertyKey: o,
-        namespace: v,
+        namespace: g,
         properties: h.properties,
         propertiesOrder: h.propertiesOrder,
         errors: s,
@@ -1225,7 +1225,7 @@ function Fi({
       }
     ));
   }
-  const N = v ? k(s, be(v)) : !1, x = o === v, P = i && (d && !re(i) || Ke(i));
+  const N = g ? k(s, be(g)) : !1, x = o === g, P = i && (d && !re(i) || Ke(i));
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1234,7 +1234,7 @@ function Fi({
       ...a.dragHandleProps,
       className: "relative -ml-8",
       children: [
-        g && /* @__PURE__ */ e(
+        v && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute border-l " + kt,
@@ -1246,7 +1246,7 @@ function Fi({
           }
         ),
         !re(i) && !n && P ? /* @__PURE__ */ e(
-          ar,
+          lr,
           {
             property: i,
             onClick: u ? () => u(t, r) : void 0,
@@ -1255,7 +1255,7 @@ function Fi({
             hasError: N
           }
         ) : /* @__PURE__ */ e(
-          Vi,
+          Fi,
           {
             name: t,
             property: i,
@@ -1264,35 +1264,35 @@ function Fi({
           }
         ),
         /* @__PURE__ */ l("div", { className: "absolute top-2 right-2 flex flex-row ", children: [
-          y && /* @__PURE__ */ e(ee, { title: "Inferred property", children: /* @__PURE__ */ e(gt, { size: "small", className: "p-2" }) }),
+          y && /* @__PURE__ */ e(ee, { title: "Inferred property", children: /* @__PURE__ */ e(vt, { size: "small", className: "p-2" }) }),
           m && /* @__PURE__ */ e(ee, { title: "Remove", children: /* @__PURE__ */ e(
-            ae,
+            se,
             {
               size: "small",
               color: "inherit",
               onClick: () => m(t, r),
-              children: /* @__PURE__ */ e(qr, { size: "small" })
+              children: /* @__PURE__ */ e(Lr, { size: "small" })
             }
           ) }),
           p && /* @__PURE__ */ e(ee, { title: "Move", children: /* @__PURE__ */ e(
-            ae,
+            se,
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(Yr, { size: "small" })
+              children: /* @__PURE__ */ e(qr, { size: "small" })
             }
           ) })
         ] }),
-        g && /* @__PURE__ */ e("div", { className: "ml-16", children: g })
+        v && /* @__PURE__ */ e("div", { className: "ml-16", children: v })
       ]
     }
   );
 }
-function Ii({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n, collectionEditable: a }) {
+function Ei({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n, collectionEditable: a }) {
   const {
     values: o,
     setFieldValue: s
-  } = H(), [u, p] = Y(!1), [m, c] = Y(), [d, y] = Y(), v = o.propertiesOrder ?? Object.keys(o.properties ?? {}), g = X(({
+  } = H(), [u, p] = Y(!1), [m, c] = Y(), [d, y] = Y(), g = o.propertiesOrder ?? Object.keys(o.properties ?? {}), v = Q(({
     id: f,
     property: I
   }) => {
@@ -1301,14 +1301,14 @@ function Ii({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n
     s("properties", {
       ...o.properties ?? {},
       [f]: I
-    }, !1), s("propertiesOrder", [...v, f], !1), p(!1);
-  }, [o.properties, v]), N = X((f, I) => {
-    const z = f ? oe(f, I) : void 0;
+    }, !1), s("propertiesOrder", [...g, f], !1), p(!1);
+  }, [o.properties, g]), N = Q((f, I) => {
+    const z = f ? le(f, I) : void 0;
     if (!z)
       throw Error("collection editor miss config");
-    const E = be(z), F = Oe(I), U = k(o, F) ?? Object.keys(k(o, Ci(I)));
-    s(E, void 0, !1), s(F, U.filter((V) => V !== f), !1), p(!1), c(void 0), y(void 0);
-  }, [s, o]), x = m ? oe(m, d) : void 0, P = x ? k(o.properties, x.replaceAll(".", ".properties.")) : void 0, h = /* @__PURE__ */ l(
+    const _ = be(z), F = Oe(I), U = k(o, F) ?? Object.keys(k(o, xi(I)));
+    s(_, void 0, !1), s(F, U.filter((V) => V !== f), !1), p(!1), c(void 0), y(void 0);
+  }, [s, o]), x = m ? le(m, d) : void 0, P = x ? k(o.properties, x.replaceAll(".", ".properties.")) : void 0, h = /* @__PURE__ */ l(
     R,
     {
       color: "primary",
@@ -1320,7 +1320,7 @@ function Ii({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n
         o.name ?? "this group"
       ]
     }
-  ), b = !v || v.length < 1, C = X((f, I) => {
+  ), b = !g || g.length < 1, C = Q((f, I) => {
     s(Oe(I), f, !1);
   }, []);
   return /* @__PURE__ */ l(j, { children: [
@@ -1334,7 +1334,7 @@ function Ii({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n
           yt,
           {
             properties: o.properties ?? {},
-            propertiesOrder: v,
+            propertiesOrder: g,
             errors: {},
             collectionEditable: a,
             onPropertyClick: (f, I) => {
@@ -1364,7 +1364,7 @@ function Ii({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n
           value: o.spreadChildren ?? !1
         }
       ),
-      /* @__PURE__ */ e(Q, { children: "Set this flag to true if you want to display the children of this group as individual columns." })
+      /* @__PURE__ */ e(W, { children: "Set this flag to true if you want to display the children of this group as individual columns." })
     ] }),
     /* @__PURE__ */ e(
       Be,
@@ -1388,14 +1388,14 @@ function Ii({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n
         existingProperty: !!m,
         autoUpdateId: !m,
         autoOpenTypeSelect: !m,
-        onPropertyChanged: g,
-        existingPropertyKeys: m ? void 0 : v,
+        onPropertyChanged: v,
+        existingPropertyKeys: m ? void 0 : g,
         propertyConfigs: n
       }
     )
   ] });
 }
-function Ei({
+function _i({
   showErrors: t,
   existing: r,
   disabled: i,
@@ -1410,9 +1410,9 @@ function Ei({
     errors: m,
     setFieldValue: c,
     touched: d
-  } = H(), [y, v] = Y(!1), g = k(u, "of"), N = k(d, "of") && k(m, "of"), x = X(({ id: h, property: b, namespace: C }) => {
+  } = H(), [y, g] = Y(!1), v = k(u, "of"), N = k(d, "of") && k(m, "of"), x = Q(({ id: h, property: b, namespace: C }) => {
     c("of", b);
-  }, []), P = g && Qe(g, o);
+  }, []), P = v && Qe(v, o);
   return /* @__PURE__ */ l(j, { children: [
     /* @__PURE__ */ l("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(T, { variant: "subtitle2", children: "Repeat component" }),
@@ -1420,27 +1420,27 @@ function Ei({
         ve,
         {
           name: "of",
-          value: g,
+          value: v,
           validate: (h) => h?.dataType ? void 0 : "You need to specify a repeat field",
           children: () => /* @__PURE__ */ l(ke, { className: "p-2 mt-4", children: [
-            g && /* @__PURE__ */ e(
-              ar,
+            v && /* @__PURE__ */ e(
+              lr,
               {
-                property: g,
-                onClick: i ? void 0 : () => v(!0),
+                property: v,
+                onClick: i ? void 0 : () => g(!0),
                 includeName: !1,
                 includeEditButton: !0,
                 selected: !1,
                 hasError: !1
               }
             ),
-            !i && !g && /* @__PURE__ */ l(
+            !i && !v && /* @__PURE__ */ l(
               R,
               {
                 variant: "text",
                 size: "large",
                 color: N ? "error" : "primary",
-                onClick: () => v(!0),
+                onClick: () => g(!0),
                 children: [
                   "Edit ",
                   `${P ? P.name : "repeat component"}`
@@ -1456,9 +1456,9 @@ function Ei({
                 getData: n,
                 autoUpdateId: !r,
                 autoOpenTypeSelect: !r,
-                onOkClicked: () => v(!1),
+                onOkClicked: () => g(!1),
                 allowDataInference: a,
-                property: g,
+                property: v,
                 includeIdAndName: !1,
                 onPropertyChanged: x,
                 forceShowErrors: t,
@@ -1473,7 +1473,7 @@ function Ei({
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Ft, { disabled: i }) }) })
   ] });
 }
-const _i = G.forwardRef(
+const Si = G.forwardRef(
   function({
     showErrors: r,
     disabledId: i,
@@ -1488,7 +1488,7 @@ const _i = G.forwardRef(
       setFieldValue: c,
       setFieldTouched: d,
       touched: y
-    } = H(), v = "name", g = r && k(p, v), N = "id", x = r && k(p, N), P = "description", h = r && k(p, P);
+    } = H(), g = "name", v = r && k(p, g), N = "id", x = r && k(p, N), P = "description", h = r && k(p, P);
     return /* @__PURE__ */ l("div", { className: "flex flex-col gap-2 col-span-12", children: [
       /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
@@ -1496,20 +1496,20 @@ const _i = G.forwardRef(
           {
             inputRef: u,
             as: K,
-            value: m[v],
+            value: m[g],
             onChange: (b) => {
               const C = b.target.value;
-              c(v, C), d(v, !0, !0), !k(y, N) && o && c(N, C ? wt(C) : "");
+              c(g, C), d(g, !0, !0), !k(y, N) && o && c(N, C ? wt(C) : "");
             },
             style: { fontSize: 20 },
-            validate: Bi,
+            validate: Di,
             placeholder: "Field name",
             required: !0,
             disabled: a,
-            error: !!g
+            error: !!v
           }
         ),
-        /* @__PURE__ */ e(Q, { error: !!g, children: g })
+        /* @__PURE__ */ e(W, { error: !!v, children: v })
       ] }),
       /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
@@ -1520,16 +1520,16 @@ const _i = G.forwardRef(
             value: m[N],
             onChange: (b) => {
               const C = b.target.value;
-              c(N, C), d(N, !0, !0), !k(y, v) && o && c(v, C ? ft(C) : "");
+              c(N, C), d(N, !0, !0), !k(y, g) && o && c(g, C ? ft(C) : "");
             },
-            validate: () => Ai(m[N], n),
+            validate: () => Bi(m[N], n),
             disabled: i || a,
             required: !0,
             size: "small",
             error: !!x
           }
         ),
-        /* @__PURE__ */ e(Q, { error: !!x, children: x })
+        /* @__PURE__ */ e(W, { error: !!x, children: x })
       ] }),
       /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
@@ -1542,20 +1542,20 @@ const _i = G.forwardRef(
             error: !!h
           }
         ),
-        /* @__PURE__ */ e(Q, { error: !!h, children: h })
+        /* @__PURE__ */ e(W, { error: !!h, children: h })
       ] })
     ] });
   }
-), Si = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function Ai(t, r) {
+), Ai = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function Bi(t, r) {
   let i;
-  return t || (i = "You must specify an id for the field"), t && !t.match(Si) && (i = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && r && r.includes(t) && (i = "There is another field with this ID already"), i;
+  return t || (i = "You must specify an id for the field"), t && !t.match(Ai) && (i = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && r && r.includes(t) && (i = "There is another field with this ID already"), i;
 }
-function Bi(t) {
+function Di(t) {
   let r;
   return t || (r = "You must specify a title for the field"), r;
 }
-function Di({
+function Mi({
   widgetId: t,
   disabled: r,
   showErrors: i
@@ -1628,12 +1628,12 @@ function Di({
     ) })
   ] });
 }
-function Mi({ disabled: t }) {
+function zi({ disabled: t }) {
   const { values: r } = H(), i = k(r, "defaultValue");
   return /* @__PURE__ */ l(j, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Re, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      le,
+      ae,
       {
         type: "checkbox",
         name: "defaultValue",
@@ -1645,11 +1645,11 @@ function Mi({ disabled: t }) {
     ) })
   ] });
 }
-function zi({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n, collectionEditable: a }) {
+function Ri({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n, collectionEditable: a }) {
   const {
     values: o,
     setFieldValue: s
-  } = H(), [u, p] = Y(!1), [m, c] = Y(), [d, y] = Y(), v = X(({
+  } = H(), [u, p] = Y(!1), [m, c] = Y(), [d, y] = Y(), g = Q(({
     id: b,
     property: C
   }) => {
@@ -1659,13 +1659,13 @@ function zi({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n
       ...o.oneOf?.properties ?? {},
       [b]: C
     }, !1), s("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), b], !1), p(!1);
-  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), g = m ? oe(m, d) : void 0, N = g ? k(o.oneOf?.properties, g.replaceAll(".", ".properties.")) : void 0, x = X((b, C) => {
-    const f = b ? oe(b, C) : void 0;
+  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), v = m ? le(m, d) : void 0, N = v ? k(o.oneOf?.properties, v.replaceAll(".", ".properties.")) : void 0, x = Q((b, C) => {
+    const f = b ? le(b, C) : void 0;
     if (!f)
       throw Error("collection editor miss config");
     s(`oneOf.${be(f)}`, void 0, !1);
     const I = `oneOf.${Oe(C)}`, z = k(o, I);
-    s(I, z.filter((E) => E !== b), !1), p(!1), c(void 0), y(void 0);
+    s(I, z.filter((_) => _ !== b), !1), p(!1), c(void 0), y(void 0);
   }, [s, o]), P = /* @__PURE__ */ l(
     R,
     {
@@ -1678,7 +1678,7 @@ function zi({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n
         o.name ?? "this block"
       ]
     }
-  ), h = X((b, C) => {
+  ), h = Q((b, C) => {
     s(`oneOf.${Oe(C)}`, b, !1);
   }, []);
   return /* @__PURE__ */ l(j, { children: [
@@ -1726,14 +1726,14 @@ function zi({ disabled: t, getData: r, allowDataInference: i, propertyConfigs: n
         existingProperty: !!m,
         autoUpdateId: !m,
         autoOpenTypeSelect: !m,
-        onPropertyChanged: v,
+        onPropertyChanged: g,
         existingPropertyKeys: m ? void 0 : o.oneOf?.propertiesOrder,
         propertyConfigs: n
       }
     )
   ] });
 }
-function Ri({ disabled: t }) {
+function Ui({ disabled: t }) {
   const {
     values: r,
     handleChange: i
@@ -1789,7 +1789,7 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      le,
+      ae,
       {
         type: "checkbox",
         name: u,
@@ -1799,7 +1799,7 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      le,
+      ae,
       {
         type: "checkbox",
         name: p,
@@ -1809,7 +1809,7 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      le,
+      ae,
       {
         type: "checkbox",
         name: m,
@@ -1820,10 +1820,10 @@ function Ri({ disabled: t }) {
     ) })
   ] });
 }
-function Ui({ disabled: t }) {
+function ji({ disabled: t }) {
   const { values: r, setFieldValue: i } = H();
   return /* @__PURE__ */ l(j, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Ri, { disabled: t }) }) }),
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Ui, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ae,
       {
@@ -1839,7 +1839,7 @@ function Ui({ disabled: t }) {
     ) })
   ] });
 }
-function Yt({
+function qt({
   existing: t,
   multiple: r,
   disabled: i,
@@ -1855,7 +1855,7 @@ function Yt({
   } = H();
   if (!Me())
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(tt, {}) });
-  const d = r ? "of.path" : "path", y = k(a, d), v = n && k(s, d);
+  const d = r ? "of.path" : "path", y = k(a, d), g = n && k(s, d);
   return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     ve,
     {
@@ -1863,20 +1863,20 @@ function Yt({
       name: d,
       pathPath: d,
       type: "select",
-      validate: ji,
+      validate: $i,
       disabled: t || i,
       value: y,
-      error: v,
+      error: g,
       handleChange: o,
-      component: $i
+      component: Li
     }
   ) }) });
 }
-function ji(t) {
+function $i(t) {
   let r;
   return t || (r = "You must specify a target collection for the field"), r;
 }
-function $i({
+function Li({
   disabled: t,
   pathPath: r,
   value: i,
@@ -1903,7 +1903,7 @@ function $i({
         onChange: n,
         label: "Target collection",
         renderValue: (c) => {
-          const d = u.find((v) => v.id === c || v.path === c);
+          const d = u.find((g) => g.id === c || g.path === c);
           if (!d)
             return null;
           const y = dt(d);
@@ -1928,7 +1928,7 @@ function $i({
               children: u.filter((d) => d.group === c).map((d) => {
                 const y = dt(d);
                 return /* @__PURE__ */ e(
-                  W,
+                  X,
                   {
                     value: d.id ?? d.path,
                     children: /* @__PURE__ */ l("div", { className: "flex flex-row", children: [
@@ -1952,7 +1952,7 @@ function $i({
           m && /* @__PURE__ */ e(Mt, { label: "Views", children: m.map((c) => {
             const d = dt(c);
             return /* @__PURE__ */ e(
-              W,
+              X,
               {
                 value: c.id ?? c.path,
                 children: /* @__PURE__ */ l("div", { className: "flex flex-row", children: [
@@ -1973,10 +1973,10 @@ function $i({
         ]
       }
     ),
-    /* @__PURE__ */ e(Q, { children: "You can only edit the reference collection upon field creation." })
+    /* @__PURE__ */ e(W, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Li({ disabled: t }) {
+function qi({ disabled: t }) {
   const {
     values: r,
     errors: i,
@@ -2005,12 +2005,12 @@ function Li({ disabled: t }) {
           },
           disabled: t,
           children: [
-            /* @__PURE__ */ e(W, { value: "date_time", children: " Date/Time " }),
-            /* @__PURE__ */ e(W, { value: "date", children: " Date " })
+            /* @__PURE__ */ e(X, { value: "date_time", children: " Date/Time " }),
+            /* @__PURE__ */ e(X, { value: "date", children: " Date " })
           ]
         }
       ),
-      /* @__PURE__ */ e(Q, { error: !!u, children: u }),
+      /* @__PURE__ */ e(W, { error: !!u, children: u }),
       /* @__PURE__ */ l(
         Te,
         {
@@ -2031,21 +2031,21 @@ function Li({ disabled: t }) {
           error: !!c,
           label: "Automatic value",
           children: [
-            /* @__PURE__ */ e(W, { value: "", children: " None " }),
-            /* @__PURE__ */ e(W, { value: "on_create", children: " On create " }),
-            /* @__PURE__ */ e(W, { value: "on_update", children: " On any update " })
+            /* @__PURE__ */ e(X, { value: "", children: " None " }),
+            /* @__PURE__ */ e(X, { value: "on_create", children: " On create " }),
+            /* @__PURE__ */ e(X, { value: "on_update", children: " On any update " })
           ]
         }
       ),
-      /* @__PURE__ */ e(Q, { error: !!c, children: c ?? "Update this field automatically when creating or updating the entity" })
+      /* @__PURE__ */ e(W, { error: !!c, children: c ?? "Update this field automatically when creating or updating the entity" })
     ] }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Re, { disabled: t }) }) })
   ] });
 }
-function qi({ disabled: t }) {
+function Yi({ disabled: t }) {
   return H(), /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      le,
+      ae,
       {
         type: "checkbox",
         name: "hideFromCollection",
@@ -2056,7 +2056,7 @@ function qi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      le,
+      ae,
       {
         type: "checkbox",
         name: "readOnly",
@@ -2068,10 +2068,10 @@ function qi({ disabled: t }) {
     ) })
   ] });
 }
-function Yi({ disabled: t }) {
+function Gi({ disabled: t }) {
   return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Re, { disabled: t }) }) }) });
 }
-function sr(t, r, i) {
+function ar(t, r, i) {
   let n;
   return r === "text_field" ? n = J(
     t,
@@ -2283,9 +2283,9 @@ function sr(t, r, i) {
     propertyConfig: r
   }), n;
 }
-function cr({ value: t, optionDisabled: r, propertyConfig: i, existing: n }) {
+function sr({ value: t, optionDisabled: r, propertyConfig: i, existing: n }) {
   return /* @__PURE__ */ e(
-    W,
+    X,
     {
       value: t,
       disabled: r,
@@ -2317,7 +2317,7 @@ function cr({ value: t, optionDisabled: r, propertyConfig: i, existing: n }) {
     }
   );
 }
-function Gi({
+function Hi({
   disabled: t,
   showErrors: r
 }) {
@@ -2346,10 +2346,10 @@ function Gi({
         },
         value: a ?? "[NONE]",
         children: [
-          /* @__PURE__ */ e(W, { value: "[NONE]", children: "Display URL" }),
-          /* @__PURE__ */ e(W, { value: "image", children: "Image" }),
-          /* @__PURE__ */ e(W, { value: "video", children: "Video" }),
-          /* @__PURE__ */ e(W, { value: "audio", children: "Audio" })
+          /* @__PURE__ */ e(X, { value: "[NONE]", children: "Display URL" }),
+          /* @__PURE__ */ e(X, { value: "image", children: "Image" }),
+          /* @__PURE__ */ e(X, { value: "video", children: "Video" }),
+          /* @__PURE__ */ e(X, { value: "audio", children: "Audio" })
         ]
       }
     ) }),
@@ -2377,7 +2377,7 @@ function Gi({
     ) })
   ] });
 }
-const Hi = [
+const Zi = [
   "text_field",
   "multiline",
   "markdown",
@@ -2398,7 +2398,7 @@ const Hi = [
   "key_value",
   "repeat",
   "block"
-], dr = Object.entries(Kt).filter(([t]) => Hi.includes(t)).map(([t, r]) => ({ [t]: r })).reduce((t, r) => ({ ...t, ...r }), {}), ur = G.memo(
+], cr = Object.entries(Jt).filter(([t]) => Zi.includes(t)).map(([t, r]) => ({ [t]: r })).reduce((t, r) => ({ ...t, ...r }), {}), dr = G.memo(
   function({
     includeIdAndName: r = !0,
     autoOpenTypeSelect: i,
@@ -2412,8 +2412,8 @@ const Hi = [
     onPropertyChangedImmediate: c = !0,
     onDelete: d,
     onError: y,
-    initialErrors: v,
-    forceShowErrors: g,
+    initialErrors: g,
+    forceShowErrors: v,
     existingPropertyKeys: N,
     allowDataInference: x,
     getHelpers: P,
@@ -2428,7 +2428,7 @@ const Hi = [
       id: s,
       previousId: s,
       property: p
-    } : void 0), E = ({
+    } : void 0), _ = ({
       id: F,
       property: U
     }) => {
@@ -2443,15 +2443,15 @@ const Hi = [
     return /* @__PURE__ */ e(
       Vt,
       {
-        initialErrors: v,
+        initialErrors: g,
         initialValues: p ? { id: s, ...p } : f,
         onSubmit: (F, U) => {
-          console.log("onSubmit", F);
+          console.debug("onSubmit", F);
           const {
             id: V,
             ...O
           } = F;
-          E({
+          _({
             id: V,
             property: { ...O, editable: O.editable ?? !0 }
           }), n || U.resetForm({ values: f });
@@ -2459,14 +2459,14 @@ const Hi = [
         children: (F) => (ue(() => {
           P?.(F);
         }, [F]), /* @__PURE__ */ e(
-          Zi,
+          Ji,
           {
-            onPropertyChanged: c ? E : void 0,
+            onPropertyChanged: c ? _ : void 0,
             onDelete: d,
             includeIdAndTitle: r,
             propertyNamespace: u,
             onError: y,
-            showErrors: g || F.submitCount > 0,
+            showErrors: v || F.submitCount > 0,
             existing: n,
             autoUpdateId: a,
             inArray: o,
@@ -2504,7 +2504,7 @@ function Be({
       fullWidth: !0,
       children: [
         /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(
-          ur,
+          dr,
           {
             ...s,
             onPropertyChanged: (m) => {
@@ -2543,7 +2543,7 @@ function Be({
     }
   );
 }
-function Zi({
+function Ji({
   values: t,
   errors: r,
   touched: i,
@@ -2557,8 +2557,8 @@ function Zi({
   onDelete: c,
   propertyNamespace: d,
   onError: y,
-  showErrors: v,
-  disabled: g,
+  showErrors: g,
+  disabled: v,
   inArray: N,
   existingPropertyKeys: x,
   getData: P,
@@ -2566,7 +2566,7 @@ function Zi({
   propertyConfigs: b,
   collectionEditable: C
 }) {
-  const [f, I] = Y(u), [z, E] = Y(!1), [F, U] = Y(t?.dataType ? Qt(t) : void 0), V = Object.entries(dr).concat(Object.entries(b)), O = N ? V.filter(([Z, ie]) => !re(ie.property) && ie.property?.dataType !== "array") : V, M = Ar(t), w = Je(null), A = Je(t), fe = v && k(r, "selectedWidget");
+  const [f, I] = Y(u), [z, _] = Y(!1), [F, U] = Y(t?.dataType ? Kt(t) : void 0), V = Object.entries(cr).concat(Object.entries(b)), O = N ? V.filter(([Z, ie]) => !re(ie.property) && ie.property?.dataType !== "array") : V, M = Sr(t), w = Je(null), A = Je(t), fe = g && k(r, "selectedWidget");
   ue(() => {
     if (m && (!p || M.id)) {
       const {
@@ -2583,105 +2583,105 @@ function Zi({
     t?.id && y && Object.keys(r).length > 0 && y(t?.id, d, r);
   }, [r, y, d, t?.id]);
   const Ne = (Z) => {
-    U(Z), n(sr(t, Z, b)), setTimeout(() => {
+    U(Z), n(ar(t, Z, b)), setTimeout(() => {
       w.current?.focus();
     }, 0);
   };
   let D;
   return F === "text_field" || F === "multiline" || F === "markdown" || F === "email" ? D = /* @__PURE__ */ e(
-    Di,
+    Mi,
     {
       widgetId: F,
-      disabled: g,
-      showErrors: v
+      disabled: v,
+      showErrors: g
     }
   ) : F === "url" ? D = /* @__PURE__ */ e(
-    Gi,
+    Hi,
     {
-      disabled: g,
-      showErrors: v
+      disabled: v,
+      showErrors: g
     }
   ) : F === "select" || F === "number_select" ? D = /* @__PURE__ */ e(
-    Lt,
+    $t,
     {
       multiselect: !1,
       allowDataInference: h,
       updateIds: !o,
-      disabled: g,
+      disabled: v,
       getData: P,
-      showErrors: v
+      showErrors: g
     }
   ) : F === "multi_select" || F === "multi_number_select" ? D = /* @__PURE__ */ e(
-    Lt,
+    $t,
     {
       multiselect: !0,
       updateIds: !o,
-      disabled: g,
+      disabled: v,
       allowDataInference: h,
       getData: P,
-      showErrors: v
+      showErrors: g
     }
   ) : F === "file_upload" ? D = /* @__PURE__ */ e(
-    qt,
+    Lt,
     {
       existing: o,
       multiple: !1,
-      disabled: g
+      disabled: v
     }
   ) : F === "multi_file_upload" ? D = /* @__PURE__ */ e(
-    qt,
+    Lt,
     {
       existing: o,
       multiple: !0,
-      disabled: g
+      disabled: v
     }
-  ) : F === "switch" ? D = /* @__PURE__ */ e(Mi, { disabled: g }) : F === "number_input" ? D = /* @__PURE__ */ e(Ui, { disabled: g }) : F === "group" ? D = /* @__PURE__ */ e(
-    Ii,
+  ) : F === "switch" ? D = /* @__PURE__ */ e(zi, { disabled: v }) : F === "number_input" ? D = /* @__PURE__ */ e(ji, { disabled: v }) : F === "group" ? D = /* @__PURE__ */ e(
+    Ei,
     {
-      disabled: g,
+      disabled: v,
       getData: P,
       allowDataInference: h,
       collectionEditable: C,
       propertyConfigs: b
     }
   ) : F === "block" ? D = /* @__PURE__ */ e(
-    zi,
+    Ri,
     {
-      disabled: g,
+      disabled: v,
       getData: P,
       allowDataInference: h,
       collectionEditable: C,
       propertyConfigs: b
     }
   ) : F === "reference" ? D = /* @__PURE__ */ e(
-    Yt,
+    qt,
     {
-      showErrors: v,
+      showErrors: g,
       existing: o,
       multiple: !1,
-      disabled: g
+      disabled: v
     }
-  ) : F === "date_time" ? D = /* @__PURE__ */ e(Li, { disabled: g }) : F === "multi_references" ? D = /* @__PURE__ */ e(
-    Yt,
+  ) : F === "date_time" ? D = /* @__PURE__ */ e(qi, { disabled: v }) : F === "multi_references" ? D = /* @__PURE__ */ e(
+    qt,
     {
-      showErrors: v,
+      showErrors: g,
       existing: o,
       multiple: !0,
-      disabled: g
+      disabled: v
     }
   ) : F === "repeat" ? D = /* @__PURE__ */ e(
-    Ei,
+    _i,
     {
-      showErrors: v,
+      showErrors: g,
       existing: o,
       getData: P,
       allowDataInference: h,
-      disabled: g,
+      disabled: v,
       collectionEditable: C,
       propertyConfigs: b
     }
-  ) : F === "key_value" ? D = /* @__PURE__ */ e(Yi, { disabled: g }) : D = null, /* @__PURE__ */ l(j, { children: [
-    g && /* @__PURE__ */ l(nr, { mode: "warn", children: [
+  ) : F === "key_value" ? D = /* @__PURE__ */ e(Gi, { disabled: v }) : D = null, /* @__PURE__ */ l(j, { children: [
+    v && /* @__PURE__ */ l(ir, { mode: "warn", children: [
       /* @__PURE__ */ e(T, { children: "This property can't be edited" }),
       /* @__PURE__ */ l(T, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
@@ -2700,11 +2700,11 @@ function Zi({
             open: f,
             onOpenChange: I,
             position: "item-aligned",
-            disabled: g,
+            disabled: v,
             renderValue: (Z) => {
               if (!Z)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const ie = Z, pe = Kt[ie] ?? b[ie], se = pe.property, Ee = se && !re(se) ? Qe(se, b) : void 0, me = re(se) || o && se.dataType !== t?.dataType, ge = Ee ? J(Ee, pe) : pe;
+              const ie = Z, pe = Jt[ie] ?? b[ie], ce = pe.property, Ee = ce && !re(ce) ? Qe(ce, b) : void 0, me = re(ce) || o && ce.dataType !== t?.dataType, ye = Ee ? J(Ee, pe) : pe;
               return /* @__PURE__ */ l(
                 "div",
                 {
@@ -2716,15 +2716,15 @@ function Zi({
                     me ? "w-full pointer-events-none opacity-50" : ""
                   ),
                   children: [
-                    /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(We, { propertyConfig: ge }) }),
+                    /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(We, { propertyConfig: ye }) }),
                     /* @__PURE__ */ l("div", { className: "flex flex-col items-start text-base text-left", children: [
-                      /* @__PURE__ */ e("div", { children: ge.name }),
+                      /* @__PURE__ */ e("div", { children: ye.name }),
                       /* @__PURE__ */ e(
                         T,
                         {
                           variant: "caption",
                           color: "disabled",
-                          children: me ? "You can only switch to widgets that use the same data type" : ge.description
+                          children: me ? "You can only switch to widgets that use the same data type" : ye.description
                         }
                       )
                     ] })
@@ -2736,12 +2736,12 @@ function Zi({
               Ne(Z);
             },
             children: O.map(([Z, ie]) => {
-              const pe = ie.property, se = o && !re(pe) && pe.dataType !== t?.dataType;
+              const pe = ie.property, ce = o && !re(pe) && pe.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
-                cr,
+                sr,
                 {
                   value: Z,
-                  optionDisabled: se,
+                  optionDisabled: ce,
                   propertyConfig: ie,
                   existing: o
                 },
@@ -2761,38 +2761,38 @@ function Zi({
         )
       ] }),
       c && t?.id && /* @__PURE__ */ e(
-        ae,
+        se,
         {
           variant: "ghost",
           className: "m-4",
-          disabled: g,
-          onClick: () => E(!0),
+          disabled: v,
+          onClick: () => _(!0),
           children: /* @__PURE__ */ e(ht, {})
         }
       )
     ] }),
     /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
       p && /* @__PURE__ */ e(
-        _i,
+        Si,
         {
-          showErrors: v,
+          showErrors: g,
           disabledId: o,
           isNewProperty: !o,
           existingPropertyKeys: x,
-          disabled: g,
+          disabled: v,
           autoUpdateId: s,
           ref: w
         }
       ),
       D,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(qi, { disabled: g }) })
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Yi, { disabled: v }) })
     ] }),
     c && /* @__PURE__ */ e(
       ut,
       {
         open: z,
         onAccept: () => c(t?.id, d),
-        onCancel: () => E(!1),
+        onCancel: () => _(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
         body: /* @__PURE__ */ l("div", { children: [
           " This will ",
@@ -2803,13 +2803,13 @@ function Zi({
     )
   ] });
 }
-function Ji(t) {
+function Ki(t) {
   return (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((r, i) => r + i[0].toUpperCase() + i.substring(1), "");
 }
-function Ki({ collection: t, onOpenChange: r, open: i }) {
+function Qi({ collection: t, onOpenChange: r, open: i }) {
   const n = De(), a = `import { EntityCollection } from "firecms";
 
-const ` + Ji(t.name) + "Collection:EntityCollection = " + ai.stringify(pr(t), null, "	");
+const ` + Ki(t.name) + "Collection:EntityCollection = " + si.stringify(ur(t), null, "	");
   return /* @__PURE__ */ l(
     ze,
     {
@@ -2835,12 +2835,12 @@ const ` + Ji(t.name) + "Collection:EntityCollection = " + ai.stringify(pr(t), nu
             "."
           ] }),
           /* @__PURE__ */ e(
-            si,
+            ci,
             {
-              theme: ci.vsDark,
+              theme: di.vsDark,
               code: a,
               language: "typescript",
-              children: ({ className: o, style: s, tokens: u, getLineProps: p, getTokenProps: m }) => /* @__PURE__ */ e("pre", { style: s, className: "p-4 rounded text-sm", children: u.map((c, d) => /* @__PURE__ */ e("div", { ...p({ line: c }), children: c.map((y, v) => /* @__PURE__ */ e("span", { ...m({ token: y }) }, v)) }, d)) })
+              children: ({ className: o, style: s, tokens: u, getLineProps: p, getTokenProps: m }) => /* @__PURE__ */ e("pre", { style: s, className: "p-4 rounded text-sm", children: u.map((c, d) => /* @__PURE__ */ e("div", { ...p({ line: c }), children: c.map((y, g) => /* @__PURE__ */ e("span", { ...m({ token: y }) }, g)) }, d)) })
             }
           )
         ] }),
@@ -2855,7 +2855,7 @@ const ` + Ji(t.name) + "Collection:EntityCollection = " + ai.stringify(pr(t), nu
                 message: "Copied"
               }), navigator.clipboard.writeText(a)),
               children: [
-                /* @__PURE__ */ e(Gr, { size: "small" }),
+                /* @__PURE__ */ e(Yr, { size: "small" }),
                 "Copy to clipboard"
               ]
             }
@@ -2866,7 +2866,7 @@ const ` + Ji(t.name) + "Collection:EntityCollection = " + ai.stringify(pr(t), nu
     }
   );
 }
-function pr(t) {
+function ur(t) {
   const r = (i) => {
     const n = {
       ...i
@@ -2892,10 +2892,10 @@ function pr(t) {
     properties: Object.entries(t.properties).map(([i, n]) => ({
       [i]: r(n)
     })).reduce((i, n) => ({ ...i, ...n }), {}),
-    subcollections: (t.subcollections ?? []).map(pr)
+    subcollections: (t.subcollections ?? []).map(ur)
   };
 }
-function Qi({
+function Wi({
   showErrors: t,
   isNewCollection: r,
   propertyErrorsRef: i,
@@ -2911,26 +2911,26 @@ function Qi({
 }) {
   const {
     values: y,
-    setFieldValue: v,
-    setFieldError: g,
+    setFieldValue: g,
+    setFieldError: v,
     setFieldTouched: N,
     errors: x,
     dirty: P
-  } = H(), h = De(), b = Or("lg"), C = !b, [f, I] = Y(), [z, E] = Y(), [F, U] = Y(), V = z ? oe(z, F) : void 0, O = V ? k(y.properties, V.replaceAll(".", ".properties.")) : void 0, [M, w] = Y(!1), [A, fe] = Y(!1), [Ne, D] = Y(!1), [Z, ie] = Y([]), pe = G.useRef(y.propertiesOrder ? { "": y.propertiesOrder } : {});
+  } = H(), h = De(), b = wr("lg"), C = !b, [f, I] = Y(), [z, _] = Y(), [F, U] = Y(), V = z ? le(z, F) : void 0, O = V ? k(y.properties, V.replaceAll(".", ".properties.")) : void 0, [M, w] = Y(!1), [A, fe] = Y(!1), [Ne, D] = Y(!1), [Z, ie] = Y([]), pe = G.useRef(y.propertiesOrder ? { "": y.propertiesOrder } : {});
   ue(() => {
     a && a(P);
   }, [P]);
-  const se = m ? () => {
-    m && (fe(!0), m(y).then((S) => {
-      if (S && Xe(S.properties), !S) {
+  const ce = m ? () => {
+    m && (fe(!0), m(y).then((E) => {
+      if (E && Xe(E.properties), !E) {
         h.open({
           type: "error",
           message: "Could not infer properties from data"
         });
         return;
       }
-      const q = (S.properties ? Object.keys(S.properties) : []).filter((te) => !y.properties[te]);
-      if (q.length === 0) {
+      const L = (E.properties ? Object.keys(E.properties) : []).filter((te) => !y.properties[te]);
+      if (L.length === 0) {
         h.open({
           type: "info",
           message: "No new properties found in existing data"
@@ -2938,66 +2938,72 @@ function Qi({
         return;
       }
       const $ = {
-        ...q.reduce((te, ye) => (te[ye] = (S.properties ?? {})[ye], te), {}),
+        ...L.reduce((te, ge) => (te[ge] = (E.properties ?? {})[ge], te), {}),
         ...y.properties
-      }, de = [
-        ...q,
+      }, ne = [
+        ...L,
         ...y.propertiesOrder ?? []
       ];
-      v("properties", $, !1), me(de), ie(q);
+      g("properties", $, !1), me(ne), ie(L);
     }).finally(() => {
       fe(!1);
     }));
-  } : void 0, Ee = (S) => S ? pe.current[S] ?? k(y, Oe(S)) : pe.current[""], me = (S, q) => {
-    const $ = Oe(q);
-    v($, S, !1), pe.current[q ?? ""] = S;
-  }, ge = (S, q) => {
-    const $ = S ? oe(S, q) : void 0;
+  } : void 0, Ee = (E) => E ? pe.current[E] ?? k(y, Oe(E)) : pe.current[""], me = (E, L) => {
+    const $ = Oe(L);
+    g($, E, !1), pe.current[L ?? ""] = E;
+  }, ye = (E, L) => {
+    const $ = E ? le(E, L) : void 0;
     if (!$)
       throw Error("collection editor miss config");
-    v(be($), void 0, !1);
-    const te = Ee(q).filter((ye) => ye !== S);
-    me(te, q), D(!1), I(void 0), E(void 0), U(void 0);
-  }, Fe = (S, q) => {
-    v(Oe(q), S, !1);
-  }, ce = ({
-    id: S,
-    property: q
+    g(be($), void 0, !1);
+    const te = Ee(L).filter((ge) => ge !== E);
+    me(te, L), D(!1), I(void 0), _(void 0), U(void 0);
+  }, Fe = (E, L) => {
+    g(Oe(L), E, !1);
+  }, de = ({
+    id: E,
+    property: L
   }) => {
-    if (!S)
+    if (!E)
       throw Error("Need to include an ID when creating a new property");
-    v("properties", {
+    g("properties", {
       ...y.properties ?? {},
-      [S]: q
+      [E]: L
     }, !1);
-    const $ = [...y.propertiesOrder ?? Object.keys(y.properties), S];
-    me($), D(!1), b && (I($.indexOf(S)), E(S)), U(void 0);
+    const $ = [...y.propertiesOrder ?? Object.keys(y.properties), E];
+    me($), D(!1), b && (I($.indexOf(E)), _(E)), U(void 0);
   }, _e = ({
-    id: S,
-    property: q,
+    id: E,
+    property: L,
     previousId: $,
-    namespace: de
+    namespace: ne
   }) => {
-    const te = S ? oe(S, de) : void 0, ye = te ? be(te) : void 0;
-    if ($ && $ !== S) {
-      const it = oe($, de), nt = be(it), ot = Ee(de).map((Ue) => Ue === $ ? S : Ue).filter((Ue) => Ue !== void 0);
-      me(ot, de), S && (I(ot.indexOf(S)), E(S)), v(nt, void 0, !1), N(nt, !1, !1);
+    const te = E ? le(E, ne) : void 0, ge = te ? be(te) : void 0;
+    if ($ && $ !== E) {
+      const it = le($, ne), nt = be(it), ot = Ee(ne).map((Ue) => Ue === $ ? E : Ue).filter((Ue) => Ue !== void 0);
+      me(ot, ne), E && (I(ot.indexOf(E)), _(E)), g(nt, void 0, !1), N(nt, !1, !1);
     }
-    ye && (v(ye, q, !1), N(ye, !0, !1));
-  }, rt = (S, q, $) => {
-    const de = S ? oe(S, q) : void 0;
+    console.debug("onPropertyChanged", {
+      id: E,
+      property: L,
+      previousId: $,
+      namespace: ne,
+      propertyPath: ge
+    }), ge && (g(ge, L, !1), N(ge, !0, !1));
+  }, rt = Q((E, L, $) => {
+    const ne = E ? le(E, L) : void 0;
     if (console.warn("onPropertyErrorInternal", {
-      id: S,
-      namespace: q,
+      id: E,
+      namespace: L,
       error: $,
-      propertyPath: de
-    }), de) {
+      propertyPath: ne
+    }), ne) {
       const te = $ && Object.keys($).length > 0;
-      n(S, q, te ? $ : void 0), g(be(de), te ? "Property error" : void 0);
+      n(E, L, te ? $ : void 0), v(be(ne), te ? "Property error" : void 0);
     }
-  }, bt = () => {
-    I(void 0), E(void 0);
-  }, _ = z && i?.current?.properties ? i.current.properties[z] : void 0, B = y?.propertiesOrder === void 0 || y.propertiesOrder.length === 0, L = y.propertiesOrder ? y.propertiesOrder : Object.keys(y.properties), Pe = Xt(() => u(y.ownerId), [u, y.ownerId]), He = /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+  }, []), bt = () => {
+    I(void 0), _(void 0);
+  }, S = z && i?.current?.properties ? i.current.properties[z] : void 0, B = y?.propertiesOrder === void 0 || y.propertiesOrder.length === 0, q = y.propertiesOrder ? y.propertiesOrder : Object.keys(y.properties), Pe = Wt(() => u(y.ownerId), [u, y.ownerId]), He = /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ l("div", { className: Ce(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
@@ -3035,21 +3041,21 @@ function Qi({
         s && /* @__PURE__ */ e("div", { className: "ml-4", children: s }),
         /* @__PURE__ */ l("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
           /* @__PURE__ */ e(ee, { title: "Get the code for this collection", children: /* @__PURE__ */ e(
-            ae,
+            se,
             {
               variant: "filled",
               disabled: A,
               onClick: () => w(!0),
-              children: /* @__PURE__ */ e(Hr, {})
+              children: /* @__PURE__ */ e(Gr, {})
             }
           ) }),
-          se && /* @__PURE__ */ e(ee, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
-            ae,
+          ce && /* @__PURE__ */ e(ee, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
+            se,
             {
               variant: "filled",
               disabled: A,
-              onClick: se,
-              children: A ? /* @__PURE__ */ e(tt, { size: "small" }) : /* @__PURE__ */ e(gt, {})
+              onClick: ce,
+              children: A ? /* @__PURE__ */ e(tt, { size: "small" }) : /* @__PURE__ */ e(vt, {})
             }
           ) }),
           /* @__PURE__ */ e(ee, { title: "Add new property", children: /* @__PURE__ */ e(
@@ -3066,16 +3072,16 @@ function Qi({
         yt,
         {
           className: "pl-8",
-          onPropertyClick: (S, q) => {
-            I(L.indexOf(S)), E(S), U(q);
+          onPropertyClick: (E, L) => {
+            I(q.indexOf(E)), _(E), U(L);
           },
           inferredPropertyKeys: Z,
-          selectedPropertyKey: z ? oe(z, F) : void 0,
+          selectedPropertyKey: z ? le(z, F) : void 0,
           properties: y.properties,
           additionalFields: y.additionalFields,
-          propertiesOrder: L,
+          propertiesOrder: q,
           onPropertyMove: Fe,
-          onPropertyRemove: r ? ge : void 0,
+          onPropertyRemove: r ? ye : void 0,
           collectionEditable: d,
           errors: t ? x : {}
         }
@@ -3099,7 +3105,7 @@ function Qi({
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
           V && O && !re(O) && /* @__PURE__ */ e(
-            ur,
+            dr,
             {
               inArray: !1,
               existingProperty: !r,
@@ -3110,10 +3116,10 @@ function Qi({
               propertyNamespace: F,
               property: O,
               onPropertyChanged: _e,
-              onDelete: ge,
+              onDelete: ye,
               onError: rt,
               forceShowErrors: t,
-              initialErrors: _,
+              initialErrors: S,
               getData: p,
               propertyConfigs: c,
               collectionEditable: d
@@ -3138,10 +3144,10 @@ function Qi({
         propertyNamespace: F,
         property: O,
         onPropertyChanged: _e,
-        onDelete: ge,
+        onDelete: ye,
         onError: rt,
         forceShowErrors: t,
-        initialErrors: _,
+        initialErrors: S,
         getData: p,
         propertyConfigs: c,
         collectionEditable: d,
@@ -3162,7 +3168,7 @@ function Qi({
         forceShowErrors: t,
         open: Ne,
         onCancel: () => D(!1),
-        onPropertyChanged: ce,
+        onPropertyChanged: de,
         getData: p,
         allowDataInference: !r,
         propertyConfigs: c,
@@ -3171,7 +3177,7 @@ function Qi({
       }
     ),
     /* @__PURE__ */ e(
-      Ki,
+      Qi,
       {
         collection: y,
         open: M,
@@ -3180,7 +3186,7 @@ function Qi({
     )
   ] });
 }
-function Wi({
+function Xi({
   open: t,
   handleOk: r,
   handleCancel: i,
@@ -3208,7 +3214,7 @@ function Wi({
     }
   );
 }
-function Xi({ open: t, onClose: r }) {
+function en({ open: t, onClose: r }) {
   const {
     entityViews: i
   } = Le();
@@ -3242,7 +3248,7 @@ function Xi({ open: t, onClose: r }) {
     }
   );
 }
-function en({
+function tn({
   collection: t,
   parentCollection: r,
   configController: i,
@@ -3250,12 +3256,12 @@ function en({
   getUser: a,
   parentCollectionIds: o
 }) {
-  const { entityViews: s } = Le(), [u, p] = G.useState(), [m, c] = G.useState(!1), [d, y] = G.useState(), [v, g] = G.useState(), {
+  const { entityViews: s } = Le(), [u, p] = G.useState(), [m, c] = G.useState(!1), [d, y] = G.useState(), [g, v] = G.useState(), {
     values: N,
     setFieldValue: x
-  } = H(), P = t.subcollections ?? [], h = N.entityViews?.filter((f) => typeof f == "string").map((f) => Tr(f, s)).filter(Boolean) ?? [], b = t.entityViews?.filter((f) => typeof f != "string") ?? [], C = h.length + b.length;
+  } = H(), P = t.subcollections ?? [], h = N.entityViews?.filter((f) => typeof f == "string").map((f) => Or(f, s)).filter(Boolean) ?? [], b = t.entityViews?.filter((f) => typeof f != "string") ?? [], C = h.length + b.length;
   return /* @__PURE__ */ l("div", { className: "overflow-auto my-auto", children: [
-    /* @__PURE__ */ e(vt, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ l("div", { className: "flex  flex-col gap-16", children: [
+    /* @__PURE__ */ e(gt, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ l("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ l("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ l(T, { variant: "h5", children: [
           "Subcollections of ",
@@ -3264,7 +3270,7 @@ function en({
         P && P.length > 0 && /* @__PURE__ */ e(ke, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(zt, { children: /* @__PURE__ */ e(Rt, { children: P.map((f) => /* @__PURE__ */ l(
           Ct,
           {
-            onClick: () => g({
+            onClick: () => v({
               isNewCollection: !1,
               editedCollectionPath: f.path
             }),
@@ -3281,7 +3287,7 @@ function en({
                 {
                   align: "right",
                   children: /* @__PURE__ */ e(ee, { title: "Remove", children: /* @__PURE__ */ e(
-                    ae,
+                    se,
                     {
                       size: "small",
                       onClick: (I) => {
@@ -3301,7 +3307,7 @@ function en({
           R,
           {
             onClick: () => {
-              g({
+              v({
                 isNewCollection: !0
               });
             },
@@ -3327,7 +3333,7 @@ function en({
               {
                 align: "right",
                 children: /* @__PURE__ */ e(ee, { title: "Remove", children: /* @__PURE__ */ e(
-                  ae,
+                  se,
                   {
                     size: "small",
                     onClick: (I) => {
@@ -3354,7 +3360,7 @@ function en({
             }
           ) }, f.key))
         ] }) }) }) }),
-        C === 0 && /* @__PURE__ */ l(nr, { children: [
+        C === 0 && /* @__PURE__ */ l(ir, { children: [
           /* @__PURE__ */ e("b", { children: "COMING SOON" }),
           " Define your own custom views by uploading it with the CLI"
         ] }),
@@ -3408,23 +3414,23 @@ function en({
       }
     ),
     /* @__PURE__ */ e(
-      hr,
+      mr,
       {
-        open: !!v,
+        open: !!g,
         configController: i,
         parentCollection: t,
         collectionInference: n,
         parentCollectionIds: [...o ?? [], N.id],
         isNewCollection: !1,
-        ...v,
+        ...g,
         getUser: a,
         handleClose: () => {
-          g(void 0);
+          v(void 0);
         }
       }
     ),
     /* @__PURE__ */ e(
-      Xi,
+      en,
       {
         open: m,
         onClose: (f) => {
@@ -3434,7 +3440,7 @@ function en({
     )
   ] });
 }
-const Gt = {
+const Yt = {
   id: "products",
   path: "products",
   name: "Products",
@@ -3519,7 +3525,7 @@ const Gt = {
       autoValue: "on_create"
     }
   })
-}, Ht = {
+}, Gt = {
   id: "blog",
   path: "blog",
   name: "Blog",
@@ -3631,7 +3637,7 @@ const Gt = {
   initialFilter: {
     status: ["==", "published"]
   }
-}, Zt = {
+}, Ht = {
   id: "users",
   path: "users",
   name: "Users",
@@ -3663,7 +3669,7 @@ const Gt = {
     }
   })
 };
-function tn({
+function rn({
   path: t,
   pathSuggestions: r,
   parentCollection: i,
@@ -3682,13 +3688,13 @@ function tn({
     setFieldValue: c,
     setValues: d,
     handleChange: y,
-    touched: v,
-    errors: g,
+    touched: g,
+    errors: v,
     setFieldTouched: N,
     isSubmitting: x,
     submitCount: P
   } = H();
-  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ l(vt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ l(gt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -3741,9 +3747,9 @@ function tn({
           {
             title: "Products",
             subtitle: "A collection of products with images, prices and stock",
-            icon: /* @__PURE__ */ e(xt, { size: "small", iconKey: Gt.icon }),
+            icon: /* @__PURE__ */ e(xt, { size: "small", iconKey: Yt.icon }),
             onClick: () => {
-              d(Gt), n();
+              d(Yt), n();
             }
           }
         ),
@@ -3752,9 +3758,9 @@ function tn({
           {
             title: "Blog posts",
             subtitle: "A collection of blog posts with images, authors and complex content",
-            icon: /* @__PURE__ */ e(xt, { size: "small", iconKey: Ht.icon }),
+            icon: /* @__PURE__ */ e(xt, { size: "small", iconKey: Gt.icon }),
             onClick: () => {
-              d(Ht), n();
+              d(Gt), n();
             }
           }
         ),
@@ -3763,9 +3769,9 @@ function tn({
           {
             title: "Users",
             subtitle: "A collection of users with emails, names and roles",
-            icon: /* @__PURE__ */ e(xt, { size: "small", iconKey: Zt.icon }),
+            icon: /* @__PURE__ */ e(xt, { size: "small", iconKey: Ht.icon }),
             onClick: () => {
-              d(Zt), n();
+              d(Ht), n();
             }
           }
         )
@@ -3781,7 +3787,7 @@ function tn({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(di, { onDataAdded: (h) => n(h) })
+      /* @__PURE__ */ e(ui, { onDataAdded: (h) => n(h) })
     ] }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(R, { variant: "text", onClick: () => n(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
@@ -3793,7 +3799,7 @@ function Pt({
   onClick: n
 }) {
   return /* @__PURE__ */ e(ee, { title: r, children: /* @__PURE__ */ l(
-    or,
+    nr,
     {
       onClick: n,
       className: Ce(
@@ -3817,7 +3823,7 @@ function Pt({
     }
   ) });
 }
-function rn({
+function nn({
   importConfig: t,
   propertyConfigs: r,
   collectionEditable: i
@@ -3827,74 +3833,74 @@ function rn({
     setFieldTouched: a,
     values: o
   } = H(), [s, u] = Y(void 0), p = G.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), m = s ? s.id : void 0, c = s || void 0, d = ({
-    id: v,
-    property: g,
+    id: g,
+    property: v,
     previousId: N,
     namespace: x
   }) => {
-    const P = v ? oe(v, x) : void 0, h = P ? be(P) : void 0, b = (f) => f ? p.current[f] ?? k(o, Oe(f)) : p.current[""], C = (f, I) => {
+    const P = g ? le(g, x) : void 0, h = P ? be(P) : void 0, b = (f) => f ? p.current[f] ?? k(o, Oe(f)) : p.current[""], C = (f, I) => {
       const z = Oe(I);
       n(z, f, !1), p.current[I ?? ""] = f;
     };
-    if (N && N !== v) {
-      const f = oe(N, x), I = be(f), E = b(x).map((U) => U === N ? v : U).filter((U) => U !== void 0);
-      C(E, x);
+    if (N && N !== g) {
+      const f = le(N, x), I = be(f), _ = b(x).map((U) => U === N ? g : U).filter((U) => U !== void 0);
+      C(_, x);
       const F = { ...t.headersMapping };
       Object.keys(F).forEach((U) => {
-        F[U] === N && (F[U] = v ?? "");
+        F[U] === N && (F[U] = g ?? "");
       }), t.setHeadersMapping(F), n(I, void 0, !1), a(I, !1, !1);
     }
-    h && (n(h, g, !1), a(h, !0, !1));
+    h && (n(h, v, !1), a(h, !0, !1));
   }, y = async ({
-    id: v,
-    importKey: g,
+    id: g,
+    importKey: v,
     property: N,
     namespace: x
   }) => {
-    const P = v ? oe(v, x) : void 0, h = P ? be(P) : void 0, b = t.importData.map((f) => k(f, g)), C = {
-      ...ri(b, N, lr),
+    const P = g ? le(g, x) : void 0, h = P ? be(P) : void 0, b = t.importData.map((f) => k(f, v)), C = {
+      ...ii(b, N, or),
       editable: !0
     };
     h && (C ? n(h, C, !1) : n(h, N, !1), a(h, !0, !1));
   };
   return /* @__PURE__ */ l("div", { className: "overflow-auto my-auto bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ l(vt, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+    /* @__PURE__ */ l(gt, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       /* @__PURE__ */ e(T, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
-        ui,
+        pi,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
           originProperties: t.originProperties,
           destinationProperties: o.properties,
-          onIdPropertyChanged: (v) => t.setIdColumn(v),
+          onIdPropertyChanged: (g) => t.setIdColumn(g),
           buildPropertyView: ({
-            property: v,
-            propertyKey: g,
+            property: g,
+            propertyKey: v,
             importKey: N
           }) => /* @__PURE__ */ e(
-            pi,
+            mi,
             {
-              property: v,
-              propertyKey: g,
+              property: g,
+              propertyKey: v,
               onPropertyNameChanged: (x, P) => n(`properties.${x}.name`, P, !1),
               onEditClick: () => {
-                !g || !v || u({
-                  ...v,
-                  id: g,
+                !v || !g || u({
+                  ...g,
+                  id: v,
                   editable: !0
                 });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                nn,
+                on,
                 {
-                  property: v,
+                  property: g,
                   disabled: !1,
                   onPropertyChanged: (x) => y({
                     ...x,
                     importKey: N
                   }),
-                  propertyKey: g,
+                  propertyKey: v,
                   propertyConfigs: r
                 }
               )
@@ -3928,14 +3934,14 @@ function rn({
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function nn({
+function on({
   property: t,
   onPropertyChanged: r,
   propertyKey: i,
   propertyConfigs: n,
   disabled: a
 }) {
-  const o = t ? Qt(t) : null, s = t ? Qe(t, n) : null, [u, p] = Y(!1);
+  const o = t ? Kt(t) : null, s = t ? Qe(t, n) : null, [u, p] = Y(!1);
   return /* @__PURE__ */ e(
     ee,
     {
@@ -3955,7 +3961,7 @@ function nn({
           position: "item-aligned",
           renderValue: (m) => s ? /* @__PURE__ */ e(We, { propertyConfig: s }) : null,
           onValueChange: (m) => {
-            const c = sr(t, m, n);
+            const c = ar(t, m, n);
             i && r({
               id: i,
               property: c,
@@ -3963,8 +3969,8 @@ function nn({
               namespace: void 0
             });
           },
-          children: Object.entries(dr).map(([m, c]) => /* @__PURE__ */ e(
-            cr,
+          children: Object.entries(cr).map(([m, c]) => /* @__PURE__ */ e(
+            sr,
             {
               value: m,
               optionDisabled: !1,
@@ -3978,14 +3984,14 @@ function nn({
     }
   );
 }
-function on({ importConfig: t, properties: r, propertiesOrder: i }) {
+function ln({ importConfig: t, properties: r, propertiesOrder: i }) {
   ue(() => {
-    const a = mi(t.originProperties, r), o = t.importData.map((s) => hi(s, t.idColumn, t.headersMapping, r, a, "TEMP_PATH"));
+    const a = hi(t.originProperties, r), o = t.importData.map((s) => fi(s, t.idColumn, t.headersMapping, r, a, "TEMP_PATH"));
     t.setEntities(o);
   }, []);
-  const n = kr();
+  const n = Tr();
   return /* @__PURE__ */ e(
-    Vr,
+    kr,
     {
       title: /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(T, { variant: "subtitle2", children: "Imported data preview" }),
@@ -4005,11 +4011,11 @@ function on({ importConfig: t, properties: r, propertiesOrder: i }) {
     }
   );
 }
-function mr(t, r = "") {
+function pr(t, r = "") {
   const i = Object.keys(t).reduce((o, s) => {
-    const u = t[s], p = Fr(s), m = r ? `${r}.${p}` : p;
+    const u = t[s], p = Vr(s), m = r ? `${r}.${p}` : p;
     if (u.dataType === "map" && u.properties) {
-      const y = mr(u.properties, m);
+      const y = pr(u.properties, m);
       return {
         headersMapping: { ...o.headersMapping, [s]: m },
         properties: {
@@ -4037,8 +4043,8 @@ function mr(t, r = "") {
     idColumn: a
   };
 }
-function hr(t) {
-  const r = t.open, [i, n] = je.useState(!1), [a, o] = je.useState(!1), s = X(() => {
+function mr(t) {
+  const r = t.open, [i, n] = je.useState(!1), [a, o] = je.useState(!1), s = Q(() => {
     i ? o(!0) : t.handleClose(void 0);
   }, [i, t.handleClose]);
   return ue(() => {
@@ -4054,7 +4060,7 @@ function hr(t) {
       onOpenChange: (u) => u ? void 0 : s(),
       children: [
         r && /* @__PURE__ */ e(
-          ln,
+          an,
           {
             ...t,
             handleCancel: s,
@@ -4062,7 +4068,7 @@ function hr(t) {
           }
         ),
         /* @__PURE__ */ e(
-          Wi,
+          Xi,
           {
             open: a,
             handleOk: () => t.handleClose(void 0),
@@ -4074,7 +4080,7 @@ function hr(t) {
     }
   );
 }
-function ln({
+function an({
   isNewCollection: t,
   initialValues: r,
   configController: i,
@@ -4088,41 +4094,41 @@ function ln({
   handleCancel: c,
   setFormDirty: d,
   pathSuggestions: y,
-  getUser: v,
-  parentCollection: g,
+  getUser: g,
+  parentCollection: v,
   getData: N
 }) {
   const { propertyConfigs: x } = Le(), P = Me(), {
     topLevelNavigation: h,
     collections: b
-  } = P, C = !r?.path && (a ?? []).length === 0, f = (g ? g.subcollections : b) ?? [], I = f.map((_) => _.path.trim().toLowerCase()), z = f.map((_) => _.id?.trim().toLowerCase()).filter(Boolean), E = fi();
+  } = P, C = !r?.path && (a ?? []).length === 0, f = (v ? v.subcollections : b) ?? [], I = f.map((S) => S.path.trim().toLowerCase()), z = f.map((S) => S.id?.trim().toLowerCase()).filter(Boolean), _ = gi();
   if (!h)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: F
-  } = h, U = De(), V = qe(), O = Je({}), M = t ? C ? "welcome" : "details" : "properties", [w, A] = Y(M), [fe, Ne] = je.useState(), [D, Z] = je.useState(), [ie, pe] = je.useState(!1), [se, Ee] = je.useState();
+  } = h, U = De(), V = qe(), O = Je({}), M = t ? C ? "welcome" : "details" : "properties", [w, A] = Y(M), [fe, Ne] = je.useState(), [D, Z] = je.useState(), [ie, pe] = je.useState(!1), [ce, Ee] = je.useState();
   ue(() => {
     try {
       P.initialised && (Z(n ? P.getCollectionFromPaths([...a ?? [], n]) : void 0), pe(!0));
-    } catch (_) {
-      console.error(_), Ee(se);
+    } catch (S) {
+      console.error(S), Ee(ce);
     }
-  }, [P.getCollectionFromPaths, n, se, P.initialised]);
-  const me = (_) => {
-    const B = _.id || _.path;
+  }, [P.getCollectionFromPaths, n, ce, P.initialised]);
+  const me = (S) => {
+    const B = S.id || S.path;
     return i.saveCollection({
       id: B,
-      collectionData: _,
+      collectionData: S,
       previousPath: n,
       parentCollectionIds: a
-    }).then(() => (Ne(void 0), !0)).catch((L) => (Ne(L), console.error(L), U.open({
+    }).then(() => (Ne(void 0), !0)).catch((q) => (Ne(q), console.error(q), U.open({
       type: "error",
-      message: "Error persisting collection: " + (L.message ?? "Details in the console")
+      message: "Error persisting collection: " + (q.message ?? "Details in the console")
     }), !1));
-  }, ge = D ? {
+  }, ye = D ? {
     ...D,
     id: D.id ?? D.path ?? St(16)
-  } : void 0, Fe = ge ? an(ge, x) : {
+  } : void 0, Fe = ye ? sn(ye, x) : {
     id: r?.path ?? St(16),
     path: r?.path ?? "",
     name: r?.name ?? "",
@@ -4131,107 +4137,107 @@ function ln({
     propertiesOrder: [],
     icon: Ut[Math.floor(Math.random() * Ut.length)],
     ownerId: V.user?.uid ?? ""
-  }, ce = X(() => {
-    w === "details" ? E.inUse ? A("import_data_saving") : A(m ? "extra_view" : "properties") : A(w === "welcome" ? "details" : w === "import_data_mapping" ? "import_data_preview" : w === "import_data_preview" ? "details" : w === "extra_view" ? "properties" : "details");
-  }, [w, E.inUse, m]), _e = X((_) => {
+  }, de = Q(() => {
+    w === "details" ? _.inUse ? A("import_data_saving") : A(m ? "extra_view" : "properties") : A(w === "welcome" ? "details" : w === "import_data_mapping" ? "import_data_preview" : w === "import_data_preview" ? "details" : w === "extra_view" ? "properties" : "details");
+  }, [w, _.inUse, m]), _e = Q((S) => {
     if (s)
-      return s?.(_.path, _.collectionGroup ?? !1, a ?? []);
-  }, [s, a]), rt = X(async (_) => {
+      return s?.(S.path, S.collectionGroup ?? !1, a ?? []);
+  }, [s, a]), rt = Q(async (S) => {
     try {
       if (!_e)
-        return Z(_), Promise.resolve(_);
+        return Z(S), Promise.resolve(S);
       A("loading");
-      const B = await _e?.(_);
+      const B = await _e?.(S);
       if (!B)
-        return Z(_), Promise.resolve(_);
-      const L = {
-        ..._ ?? {}
+        return Z(S), Promise.resolve(S);
+      const q = {
+        ...S ?? {}
       };
-      return Object.keys(B.properties ?? {}).length > 0 && (L.properties = B.properties, L.propertiesOrder = B.propertiesOrder), L.propertiesOrder ? (Z(L), console.log("Inferred collection", {
-        newCollection: _ ?? {},
-        values: L
-      }), L) : (L.propertiesOrder = Object.keys(L.properties), L);
+      return Object.keys(B.properties ?? {}).length > 0 && (q.properties = B.properties, q.propertiesOrder = B.propertiesOrder), q.propertiesOrder ? (Z(q), console.log("Inferred collection", {
+        newCollection: S ?? {},
+        values: q
+      }), q) : (q.propertiesOrder = Object.keys(q.properties), q);
     } catch (B) {
       return console.error(B), U.open({
         type: "error",
         message: "Error inferring collection: " + (B.message ?? "Details in the console")
-      }), _;
+      }), S;
     }
-  }, [a, _e]), bt = (_, B) => {
+  }, [a, _e]), bt = (S, B) => {
     try {
-      if (console.log("Submitting collection", _), !t) {
-        me(_).then(() => {
-          B.resetForm({ values: Fe }), u(_);
+      if (console.log("Submitting collection", S), !t) {
+        me(S).then(() => {
+          B.resetForm({ values: Fe }), u(S);
         });
         return;
       }
-      w === "welcome" ? (ce(), B.resetForm({ values: _ })) : w === "details" ? m || E.inUse ? (B.resetForm({ values: _ }), ce()) : t ? rt(_).then((L) => {
+      w === "welcome" ? (de(), B.resetForm({ values: S })) : w === "details" ? m || _.inUse ? (B.resetForm({ values: S }), de()) : t ? rt(S).then((q) => {
         B.resetForm({
-          values: L ?? _,
+          values: q ?? S,
           touched: {
             path: !0,
             name: !0
           }
         });
       }).finally(() => {
-        ce();
-      }) : (B.resetForm({ values: _ }), ce()) : w === "extra_view" ? (ce(), B.resetForm({ values: _ })) : w === "import_data_mapping" || w === "import_data_preview" ? ce() : w === "properties" ? me(_).then(() => {
-        B.resetForm({ values: Fe }), ce(), u(_);
-      }) : (ce(), B.resetForm({ values: _ }));
-    } catch (L) {
+        de();
+      }) : (B.resetForm({ values: S }), de()) : w === "extra_view" ? (de(), B.resetForm({ values: S })) : w === "import_data_mapping" || w === "import_data_preview" ? de() : w === "properties" ? me(S).then(() => {
+        B.resetForm({ values: Fe }), de(), u(S);
+      }) : (de(), B.resetForm({ values: S }));
+    } catch (q) {
       U.open({
         type: "error",
-        message: "Error persisting collection: " + (L.message ?? "Details in the console")
-      }), console.error(L), B.resetForm({ values: _ });
+        message: "Error persisting collection: " + (q.message ?? "Details in the console")
+      }), console.error(q), B.resetForm({ values: S });
     }
   };
   return !t && (!P.initialised || !ie) ? /* @__PURE__ */ e(At, {}) : /* @__PURE__ */ e(Ye, { fullHeight: !0, children: /* @__PURE__ */ e(
     Vt,
     {
       initialValues: Fe,
-      validationSchema: (w === "properties" || w === "subcollections" || w === "details") && yi,
-      validate: (_) => {
+      validationSchema: (w === "properties" || w === "subcollections" || w === "details") && bi,
+      validate: (S) => {
         if (w === "properties")
           return O.current;
         const B = {};
         if (w === "details") {
-          const L = Jt(_.path, t, I, _.id);
-          L && (B.path = L);
-          const Pe = sn(_.id, t, I, z);
+          const q = Zt(S.path, t, I, S.id);
+          q && (B.path = q);
+          const Pe = cn(S.id, t, I, z);
           Pe && (B.id = Pe);
         }
         return B;
       },
       onSubmit: bt,
-      children: (_) => {
+      children: (S) => {
         const {
           values: B,
-          errors: L,
+          errors: q,
           setFieldValue: Pe,
           isSubmitting: He,
-          dirty: S,
-          submitCount: q
-        } = _, $ = B.path ?? n, de = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + $ : $, te = Jt($, t, I, B.id), ye = !te && a ? P.convertIdsToPaths(a) : void 0, it = te ? void 0 : P.resolveAliasesFrom(de), nt = it && N ? () => N(it, ye ?? []) : void 0;
+          dirty: E,
+          submitCount: L
+        } = S, $ = B.path ?? n, ne = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + $ : $, te = Zt($, t, I, B.id), ge = !te && a ? P.convertIdsToPaths(a) : void 0, it = te ? void 0 : P.resolveAliasesFrom(ne), nt = it && N ? () => N(it, ge ?? []) : void 0;
         ue(() => {
-          d(S);
-        }, [S]);
-        function It(ne) {
-          E.setInUse(!0), ii(ne, lr).then((_t) => {
-            const Se = mr(_t);
-            Pe("properties", Se.properties), Pe("propertiesOrder", Object.keys(Se.properties)), E.setIdColumn(Se.idColumn), E.setImportData(ne), E.setHeadersMapping(Se.headersMapping), E.setOriginProperties(Se.properties);
+          d(E);
+        }, [E]);
+        function It(oe) {
+          _.setInUse(!0), ni(oe, or).then((_t) => {
+            const Se = pr(_t);
+            Pe("properties", Se.properties), Pe("propertiesOrder", Object.keys(Se.properties)), _.setIdColumn(Se.idColumn), _.setImportData(oe), _.setHeadersMapping(Se.headersMapping), _.setOriginProperties(Se.properties);
           });
         }
         const ot = !!B.name && !!B.id, Ue = () => {
-          const ne = { ...B.properties };
-          E.idColumn && delete ne[E.idColumn], Pe("properties", ne), ce();
+          const oe = { ...B.properties };
+          _.idColumn && delete oe[_.idColumn], Pe("properties", oe), de();
         }, Et = D?.editable === void 0 || D?.editable === !0 || t;
         return /* @__PURE__ */ l(j, { children: [
           !t && /* @__PURE__ */ l(
-            Zr,
+            Hr,
             {
               value: w,
               className: Ce(kt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-              onValueChange: (ne) => A(ne),
+              onValueChange: (oe) => A(oe),
               children: [
                 /* @__PURE__ */ e(Nt, { value: "details", children: "Details" }),
                 /* @__PURE__ */ e(Nt, { value: "properties", children: "Properties" }),
@@ -4240,7 +4246,7 @@ function ln({
             }
           ),
           /* @__PURE__ */ l(
-            ei,
+            ti,
             {
               noValidate: !0,
               className: Ce(
@@ -4251,40 +4257,40 @@ function ln({
                 w === "loading" && /* @__PURE__ */ e(At, {}),
                 w === "extra_view" && $ && m?.View && /* @__PURE__ */ e(m.View, { path: $ }),
                 w === "welcome" && /* @__PURE__ */ e(
-                  tn,
+                  rn,
                   {
                     path: $,
-                    onContinue: (ne) => {
-                      ne ? (It(ne), A("import_data_mapping")) : A("details");
+                    onContinue: (oe) => {
+                      oe ? (It(oe), A("import_data_mapping")) : A("details");
                     },
                     collections: b,
-                    parentCollection: g,
+                    parentCollection: v,
                     pathSuggestions: y
                   }
                 ),
-                w === "import_data_mapping" && E && /* @__PURE__ */ e(
-                  rn,
+                w === "import_data_mapping" && _ && /* @__PURE__ */ e(
+                  nn,
                   {
-                    importConfig: E,
+                    importConfig: _,
                     collectionEditable: Et,
                     propertyConfigs: x
                   }
                 ),
-                w === "import_data_preview" && E && /* @__PURE__ */ e(
-                  on,
+                w === "import_data_preview" && _ && /* @__PURE__ */ e(
+                  ln,
                   {
-                    importConfig: E,
+                    importConfig: _,
                     properties: B.properties,
                     propertiesOrder: B.propertiesOrder
                   }
                 ),
-                w === "import_data_saving" && E && /* @__PURE__ */ e(
+                w === "import_data_saving" && _ && /* @__PURE__ */ e(
                   vi,
                   {
-                    importConfig: E,
+                    importConfig: _,
                     collection: B,
-                    onImportSuccess: (ne) => {
-                      u(ne), U.open({
+                    onImportSuccess: (oe) => {
+                      u(oe), U.open({
                         type: "info",
                         message: "Data imported successfully"
                       });
@@ -4292,46 +4298,46 @@ function ln({
                   }
                 ),
                 w === "details" && /* @__PURE__ */ e(
-                  bi,
+                  Ci,
                   {
                     existingPaths: I,
                     existingIds: z,
                     groups: F,
                     parentCollectionIds: a,
-                    parentCollection: g,
+                    parentCollection: v,
                     isNewCollection: t
                   }
                 ),
                 w === "subcollections" && D && /* @__PURE__ */ e(
-                  en,
+                  tn,
                   {
-                    parentCollection: g,
+                    parentCollection: v,
                     configController: i,
-                    getUser: v,
+                    getUser: g,
                     collectionInference: s,
                     parentCollectionIds: a,
                     collection: D
                   }
                 ),
                 w === "properties" && /* @__PURE__ */ e(
-                  Qi,
+                  Wi,
                   {
-                    showErrors: q > 0,
+                    showErrors: L > 0,
                     isNewCollection: t,
                     reservedGroups: p,
-                    onPropertyError: (ne, _t, Se) => {
-                      O.current = Ir({
+                    onPropertyError: (oe, _t, Se) => {
+                      O.current = Fr({
                         ...O.current,
-                        [ne]: Se
+                        [oe]: Se
                       }, !0);
                     },
-                    getUser: v,
+                    getUser: g,
                     getData: nt,
                     doCollectionInference: _e,
                     propertyConfigs: x,
                     collectionEditable: Et,
                     extraIcon: m?.icon && /* @__PURE__ */ e(
-                      ae,
+                      se,
                       {
                         color: "primary",
                         onClick: () => A("extra_view"),
@@ -4345,13 +4351,13 @@ function ln({
                   {
                     position: "absolute",
                     children: [
-                      fe && /* @__PURE__ */ e(Wt, { error: fe }),
+                      fe && /* @__PURE__ */ e(Qt, { error: fe }),
                       t && C && w === "import_data_mapping" && /* @__PURE__ */ l(
                         R,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => (E.setInUse(!1), A("welcome")),
+                          onClick: () => (_.setInUse(!1), A("welcome")),
                           children: [
                             /* @__PURE__ */ e(lt, {}),
                             "Back"
@@ -4421,7 +4427,7 @@ function ln({
                           variant: "filled",
                           color: "primary",
                           onClick: () => {
-                            ce();
+                            de();
                           },
                           children: "Next"
                         }
@@ -4434,7 +4440,7 @@ function ln({
                           type: "submit",
                           loading: He,
                           disabled: He || w === "details" && !ot,
-                          startIcon: w === "properties" ? /* @__PURE__ */ e(Jr, {}) : void 0,
+                          startIcon: w === "properties" ? /* @__PURE__ */ e(Zr, {}) : void 0,
                           children: [
                             w === "details" && "Next",
                             w === "properties" && "Create collection"
@@ -4462,13 +4468,13 @@ function ln({
     }
   ) });
 }
-function an(t, r) {
+function sn(t, r) {
   const { properties: i, ...n } = t, a = {};
   return Object.keys(i).forEach((o) => {
-    a[o] = fr(i[o], r);
+    a[o] = hr(i[o], r);
   }), { ...n, properties: a };
 }
-function fr(t, r) {
+function hr(t, r) {
   let i = t;
   if (r && typeof i == "object" && i.propertyConfig) {
     const n = r[i.propertyConfig];
@@ -4477,21 +4483,21 @@ function fr(t, r) {
     else if (n && (i = J(n.property, i)), !re(i) && i.dataType === "map" && i.properties) {
       const a = {};
       Object.keys(i.properties).forEach((o) => {
-        a[o] = fr(i.properties[o], r);
+        a[o] = hr(i.properties[o], r);
       }), i = { ...i, properties: a };
     }
   }
   return i;
 }
-const Jt = (t, r, i, n) => {
+const Zt = (t, r, i, n) => {
   let a;
-  return t || (a = "You must specify a path in the database for this collection"), r && i?.includes(t.trim().toLowerCase()) && !n && (a = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, make sure the have different ids"), Er(t).split("/").length % 2 === 0 && (a = `Collection paths must have an odd number of segments: ${t}`), a;
-}, sn = (t, r, i, n) => {
+  return t || (a = "You must specify a path in the database for this collection"), r && i?.includes(t.trim().toLowerCase()) && !n && (a = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, make sure the have different ids"), Ir(t).split("/").length % 2 === 0 && (a = `Collection paths must have an odd number of segments: ${t}`), a;
+}, cn = (t, r, i, n) => {
   if (!t)
     return;
   let a;
   return r && i?.includes(t.trim().toLowerCase()) && (a = "There is already a collection that uses this value as a path"), r && n?.includes(t.trim().toLowerCase()) && (a = "There is already a collection which uses this id"), a;
-}, vr = G.createContext({}), gr = G.createContext({}), cn = G.memo(
+}, fr = G.createContext({}), gr = G.createContext({}), dn = G.memo(
   function({
     children: r,
     collectionConfigController: i,
@@ -4504,7 +4510,7 @@ const Jt = (t, r, i, n) => {
     getData: m,
     onAnalyticsEvent: c
   }) {
-    const d = Me(), y = gi(), v = De(), { propertyConfigs: g } = Le(), {
+    const d = Me(), y = yi(), g = De(), { propertyConfigs: v } = Le(), {
       collections: N
     } = d, x = N.map((O) => O.path.trim().toLowerCase()), [P, h] = G.useState();
     ue(() => {
@@ -4512,11 +4518,11 @@ const Jt = (t, r, i, n) => {
         h(O.filter((M) => !x.includes(M.trim().toLowerCase())));
       });
     }, [u]);
-    const [b, C] = G.useState(), [f, I] = G.useState(), z = X(() => ({
+    const [b, C] = G.useState(), [f, I] = G.useState(), z = Q(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
-    }), []), E = X(({
+    }), []), _ = Q(({
       path: O,
       fullPath: M,
       parentCollectionIds: w,
@@ -4530,7 +4536,7 @@ const Jt = (t, r, i, n) => {
         parentCollection: A,
         redirect: !1
       });
-    }, []), F = X(({
+    }, []), F = Q(({
       propertyKey: O,
       property: M,
       editedCollectionPath: w,
@@ -4563,11 +4569,11 @@ const Jt = (t, r, i, n) => {
         redirect: A
       });
     }, []), V = u ? (O) => !O && P ? Promise.resolve(P) : u?.(O) : void 0;
-    return /* @__PURE__ */ e(vr.Provider, { value: i, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ e(fr.Provider, { value: i, children: /* @__PURE__ */ l(
       gr.Provider,
       {
         value: {
-          editCollection: E,
+          editCollection: _,
           createCollection: U,
           editProperty: F,
           configPermissions: n ?? z,
@@ -4576,7 +4582,7 @@ const Jt = (t, r, i, n) => {
         children: [
           r,
           /* @__PURE__ */ e(
-            hr,
+            mr,
             {
               open: !!b,
               configController: i,
@@ -4626,7 +4632,7 @@ const Jt = (t, r, i, n) => {
                   newPropertiesOrder: w && f.currentPropertiesOrder ? [...f.currentPropertiesOrder, O] : void 0,
                   namespace: f.namespace,
                   parentCollectionIds: f.parentCollectionIds
-                }).catch((A) => (console.error(A), v.open({
+                }).catch((A) => (console.error(A), g.open({
                   type: "error",
                   message: "Error persisting property: " + (A.message ?? "Details in the console")
                 }), !1));
@@ -4644,7 +4650,7 @@ const Jt = (t, r, i, n) => {
                   parentCollectionIds: f?.parentCollectionIds
                 }).then(() => {
                   I(void 0);
-                }).catch((M) => (console.error(M), v.open({
+                }).catch((M) => (console.error(M), g.open({
                   type: "error",
                   message: "Error deleting property: " + (M.message ?? "Details in the console")
                 }), !1));
@@ -4661,7 +4667,7 @@ const Jt = (t, r, i, n) => {
               forceShowErrors: !1,
               existingPropertyKeys: [],
               allowDataInference: !0,
-              propertyConfigs: g,
+              propertyConfigs: v,
               property: f?.property,
               propertyKey: f?.propertyKey
             }
@@ -4671,14 +4677,14 @@ const Jt = (t, r, i, n) => {
     ) });
   },
   pt
-), Ie = () => er(gr), yr = () => er(vr);
-function dn({
+), Ie = () => Xt(gr), vr = () => Xt(fr);
+function un({
   path: t,
   parentCollectionIds: r,
   collection: i,
   tableController: n
 }) {
-  const a = qe(), o = Me(), s = Ie(), u = yr(), p = De(), m = o.getCollectionFromIds(r), c = s.configPermissions ? s.configPermissions({
+  const a = qe(), o = Me(), s = Ie(), u = vr(), p = De(), m = o.getCollectionFromIds(r), c = s.configPermissions ? s.configPermissions({
     user: a.user,
     collection: i
   }).editCollections : !0;
@@ -4697,7 +4703,7 @@ function dn({
             onClick: () => {
               n.clearFilter?.(), i?.initialFilter && n.setFilterValues?.(i?.initialFilter), i?.initialSort && n.setSortBy?.(i?.initialSort);
             },
-            children: /* @__PURE__ */ e($t, {})
+            children: /* @__PURE__ */ e(Jr, {})
           }
         )
       }
@@ -4728,7 +4734,7 @@ function dn({
                 message: "Default config saved"
               });
             }),
-            children: /* @__PURE__ */ e($t, {})
+            children: /* @__PURE__ */ e(Kr, {})
           }
         )
       }
@@ -4740,7 +4746,7 @@ function dn({
       {
         title: c ? "Edit collection" : "You don't have permissions to edit this collection",
         children: /* @__PURE__ */ e(
-          ae,
+          se,
           {
             color: "primary",
             disabled: !c,
@@ -4755,16 +4761,16 @@ function dn({
 function ct(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function un({
+function pn({
   path: t,
   collection: r
 }) {
-  const i = De(), n = qe(), a = yr(), o = Ie(), s = o.configPermissions({
+  const i = De(), n = qe(), a = vr(), o = Ie(), s = o.configPermissions({
     user: n.user,
     collection: r
-  }), u = X(() => {
+  }), u = Q(() => {
     o?.editCollection({ path: t, parentCollectionIds: [] });
-  }, [o, t]), [p, m] = Y(!1), c = X(() => {
+  }, [o, t]), [p, m] = Y(!1), c = Q(() => {
     a?.deleteCollection({ path: t }).then(() => {
       m(!1), i.open({
         message: "Collection deleted",
@@ -4775,10 +4781,10 @@ function un({
   return /* @__PURE__ */ l(j, { children: [
     /* @__PURE__ */ l("div", { children: [
       s.deleteCollections && /* @__PURE__ */ e(
-        Kr,
+        Qr,
         {
-          trigger: /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(Qr, { size: "small" }) }),
-          children: /* @__PURE__ */ l(Wr, { onClick: (d) => {
+          trigger: /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(Wr, { size: "small" }) }),
+          children: /* @__PURE__ */ l(Xr, { onClick: (d) => {
             d.preventDefault(), d.stopPropagation(), m(!0);
           }, children: [
             /* @__PURE__ */ e(ht, {}),
@@ -4787,7 +4793,7 @@ function un({
         }
       ),
       s.editCollections && /* @__PURE__ */ e(
-        ae,
+        se,
         {
           onClick: (d) => {
             u();
@@ -4812,7 +4818,7 @@ function un({
     )
   ] });
 }
-function pn({
+function mn({
   group: t,
   context: r
 }) {
@@ -4822,7 +4828,7 @@ function pn({
     user: i.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
-    or,
+    nr,
     {
       className: Ce("h-full p-4 min-h-[124px]"),
       onClick: n && a ? () => n.createCollection({
@@ -4852,12 +4858,12 @@ function pn({
     }
   );
 }
-function mn() {
+function hn() {
   const t = qe(), r = Me(), i = Ie(), n = i.configPermissions ? i.configPermissions({
     user: t.user
   }).createCollections : !0, a = i.rootPathSuggestions ?? [], o = a.length > 3 || r.collections.length === 0 && a.length > 0;
   return /* @__PURE__ */ e(
-    Xr,
+    ei,
     {
       in: o,
       children: /* @__PURE__ */ l(
@@ -4892,7 +4898,7 @@ function mn() {
     }
   );
 }
-function hn({
+function fn({
   propertyKey: t,
   onHover: r,
   property: i,
@@ -4902,7 +4908,7 @@ function hn({
 }) {
   const s = Ie();
   return /* @__PURE__ */ e(ee, { title: "Edit", children: /* @__PURE__ */ e(
-    ae,
+    se,
     {
       className: r ? "bg-white dark:bg-gray-950" : "hidden",
       onClick: () => {
@@ -4919,7 +4925,7 @@ function hn({
     }
   ) });
 }
-function fn({
+function gn({
   fullPath: t,
   parentCollectionIds: r,
   collection: i
@@ -4931,12 +4937,12 @@ function fn({
   return /* @__PURE__ */ e(ee, { title: o ? "Add new property" : "You don't have permission to add new properties", children: /* @__PURE__ */ e(
     "div",
     {
-      className: "p-0.5 w-20 h-full flex items-center justify-center cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-950",
+      className: "p-0.5 w-20 h-full flex items-center justify-center cursor-pointer bg-gray-100 bg-opacity-40 hover:bg-gray-100 dark:bg-gray-950 dark:bg-opacity-40 dark:hover:bg-gray-950",
       onClick: () => {
         a.editProperty({
           editedCollectionPath: t,
           parentCollectionIds: r,
-          currentPropertiesOrder: _r(i),
+          currentPropertiesOrder: Er(i),
           collection: i
         });
       },
@@ -4962,7 +4968,7 @@ function vn() {
     }
   );
 }
-function En({
+function _n({
   collectionConfigController: t,
   modifyCollection: r,
   configPermissions: i,
@@ -4977,20 +4983,20 @@ function En({
   const c = (d) => {
     const y = (N) => {
       Xe(N.properties), N.subcollections?.forEach(y);
-    }, v = t.collections ?? [];
-    v.forEach(y), console.debug("Collections specified in code:", d), console.debug("Collections stored in the backend", v);
-    const g = Sr(d, v, [], r);
-    return console.debug("Collections after joining:", g), g;
+    }, g = t.collections ?? [];
+    g.forEach(y), console.debug("Collections specified in code:", d), console.debug("Collections stored in the backend", g);
+    const v = _r(d, g, [], r);
+    return console.debug("Collections after joining:", v), v;
   };
   return {
     name: "Collection Editor",
     loading: t.loading,
     collections: {
       injectCollections: c,
-      CollectionActions: dn
+      CollectionActions: un
     },
     provider: {
-      Component: cn,
+      Component: dn,
       props: {
         collectionConfigController: t,
         configPermissions: i,
@@ -5005,20 +5011,20 @@ function En({
     },
     homePage: {
       additionalActions: /* @__PURE__ */ e(vn, {}),
-      additionalChildrenEnd: /* @__PURE__ */ e(mn, {}),
-      CollectionActions: un,
-      AdditionalCards: pn
+      additionalChildrenEnd: /* @__PURE__ */ e(hn, {}),
+      CollectionActions: pn,
+      AdditionalCards: mn
     },
     collectionView: {
-      HeaderAction: hn,
-      AddColumnComponent: fn
+      HeaderAction: fn,
+      AddColumnComponent: gn
     }
   };
 }
-function _n({ path: t }) {
-  const r = Me(), i = gn(t), n = r.getParentCollectionIds(t), a = Ie();
+function Sn({ path: t }) {
+  const r = Me(), i = yn(t), n = r.getParentCollectionIds(t), a = Ie();
   return /* @__PURE__ */ l("div", { className: "p-1 flex flex-col items-center", children: [
-    /* @__PURE__ */ e(Wt, { error: "No collection for path: " + i }),
+    /* @__PURE__ */ e(Qt, { error: "No collection for path: " + i }),
     /* @__PURE__ */ e(
       R,
       {
@@ -5037,20 +5043,20 @@ function _n({ path: t }) {
     )
   ] });
 }
-function gn(t) {
+function yn(t) {
   const r = t.split("/");
   return r[r.length - 1];
 }
 export {
-  _n as MissingReferenceWidget,
+  Sn as MissingReferenceWidget,
   Ke as editableProperty,
-  oe as getFullId,
+  le as getFullId,
   be as idToPropertiesPath,
   Oe as namespaceToPropertiesOrderPath,
-  Ci as namespaceToPropertiesPath,
-  ki as removeNonEditableProperties,
+  xi as namespaceToPropertiesPath,
+  Vi as removeNonEditableProperties,
   Ie as useCollectionEditorController,
-  En as useCollectionEditorPlugin,
-  yr as useCollectionsConfigController
+  _n as useCollectionEditorPlugin,
+  vr as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map