@firecms/collection_editor 3.0.0-alpha.32 → 3.0.0-alpha.33

package/dist/index.es.js

@@ -1,21 +1,21 @@
 import { jsxs as n, Fragment as B, jsx as e } from "react/jsx-runtime";
 import * as _e from "react";
-import D, { useState as L, useCallback as J, useEffect as de, useMemo as $t, useRef as Ye, useDeferredValue as fa, useContext as Lt } from "react";
-import { iconKeys as Kt, debounce as ba, SearchBar as ya, Tooltip as ae, IconButton as re, Icon as st, coolIconKeys as _t, Typography as P, getIconForView as lt, useAutoComplete as va, Container as ut, Chip as ct, TextField as Ve, cn as xe, DebouncedTextField as G, Autocomplete as wa, AutocompleteItem as _a, ExpandablePanel as xt, SettingsIcon as Ge, Select as je, SelectItem as we, BooleanSwitchWithLabel as Yt, Dialog as Ie, toSnakeCase as Ht, singular as ka, ListIcon as xa, Button as E, CircularProgress as Je, AutoAwesomeIcon as ht, Paper as Se, FormikArrayContainer as Ca, DialogContent as De, DialogActions as Re, SwitchControl as ue, serializeRegExp as Oa, isValidRegExp as Pa, RuleIcon as Na, useSnackbarController as Qe, resolveEnumValues as Sa, FileUploadIcon as qa, MultiSelect as Aa, MultiSelectItem as qt, Checkbox as At, isPropertyBuilder as se, useFireCMSContext as Ae, getFieldConfig as We, ErrorBoundary as Pe, FieldConfigBadge as Ze, cardMixin as Gt, cardClickableMixin as Jt, cardSelectedMixin as Qt, RemoveCircleIcon as Wt, FunctionsIcon as za, defaultBorderMixin as Ct, RemoveIcon as Ta, DragHandleIcon as Va, AddIcon as qe, useNavigationContext as Ue, SelectGroup as zt, mergeDeep as $, getFieldId as Zt, DEFAULT_FIELD_CONFIGS as kt, InfoLabel as Xt, DeleteIcon as dt, DeleteConfirmationDialog as pt, useLargeLayout as ja, CodeIcon as Fa, makePropertiesEditable as ea, resolveEntityView as Ia, Table as Tt, TableBody as Vt, TableRow as bt, TableCell as Ke, unslugify as Ot, Card as ta, useSelectionController as Ea, EntityCollectionTable as Ba, slugify as Ma, useAuthController as $e, CircularProgressCenter as jt, Tabs as Da, Tab as yt, removeUndefined as Ra, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Ft, DoneIcon as Ua, SaveIcon as $a, Menu as La, MoreVertIcon as Ka, MenuItem as Ya, Collapse as Ha, sortProperties as Ga, getDefaultPropertiesOrder as Ja } from "@firecms/core";
+import D, { useState as L, useCallback as J, useEffect as de, useMemo as $t, useRef as Ge, useDeferredValue as fa, useContext as Lt } from "react";
+import { iconKeys as Kt, debounce as ba, SearchBar as ya, Tooltip as ae, IconButton as re, Icon as st, coolIconKeys as _t, Typography as P, getIconForView as lt, useAutoComplete as va, Container as ut, Chip as ct, TextField as Ve, cn as xe, DebouncedTextField as H, Autocomplete as wa, AutocompleteItem as _a, ExpandablePanel as xt, SettingsIcon as Je, Select as je, SelectItem as we, BooleanSwitchWithLabel as Yt, Dialog as Ie, toSnakeCase as Gt, singular as ka, ListIcon as xa, Button as E, CircularProgress as Qe, AutoAwesomeIcon as ht, Paper as Se, FormikArrayContainer as Ca, DialogContent as De, DialogActions as Re, SwitchControl as ue, serializeRegExp as Oa, isValidRegExp as Pa, RuleIcon as Na, useSnackbarController as Ue, resolveEnumValues as Sa, FileUploadIcon as qa, MultiSelect as Aa, MultiSelectItem as qt, Checkbox as At, isPropertyBuilder as se, useFireCMSContext as Ae, getFieldConfig as We, ErrorBoundary as Pe, FieldConfigBadge as Ze, cardMixin as Ht, cardClickableMixin as Jt, cardSelectedMixin as Qt, FunctionsIcon as za, RemoveCircleIcon as Ta, defaultBorderMixin as Ct, RemoveIcon as Va, DragHandleIcon as ja, AddIcon as qe, useNavigationContext as $e, SelectGroup as zt, mergeDeep as $, getFieldId as Wt, DEFAULT_FIELD_CONFIGS as kt, InfoLabel as Zt, DeleteIcon as dt, DeleteConfirmationDialog as pt, ContentCopyIcon as Fa, useLargeLayout as Ia, CodeIcon as Ea, makePropertiesEditable as Xt, resolveEntityView as Ba, Table as Tt, TableBody as Vt, TableRow as bt, TableCell as Ye, unslugify as Ot, Card as ea, useSelectionController as Ma, EntityCollectionTable as Da, slugify as Ra, useAuthController as Le, CircularProgressCenter as jt, Tabs as Ua, Tab as yt, removeUndefined as $a, ErrorView as ta, ArrowBackIcon as rt, LoadingButton as Ft, DoneIcon as La, SaveIcon as Ka, Menu as Ya, MoreVertIcon as Ga, MenuItem as Ha, Collapse as Ja, sortProperties as Qa, getDefaultPropertiesOrder as Wa } from "@firecms/core";
 import mt from "react-fast-compare";
-import { useFormikContext as K, Field as be, getIn as N, Formik as Pt, FastField as le, Form as Qa } from "formik";
+import { useFormikContext as K, Field as be, getIn as N, Formik as Pt, FastField as le, Form as Za } from "formik";
 import * as vt from "yup";
-import * as Wa from "js-search";
-import Za from "json5";
-import { Highlight as Xa, themes as ei } from "prism-react-renderer";
-import { extractEnumFromValues as ti, buildPropertyFromData as ai, buildEntityPropertiesFromData as ii } from "@firecms/schema_inference";
-import { DragDropContext as ri, Droppable as oi, Draggable as ni } from "@hello-pangea/dnd";
-import { ImportFileUpload as si, DataNewPropertiesMapping as li, ImportNewPropertyFieldPreview as ci, getInferenceType as ia, getPropertiesMapping as di, convertDataToEntity as pi, useImportConfig as mi, ImportSaveInProgress as ui } from "@firecms/data_import";
-import { useNavigate as hi } from "react-router";
-const gi = vt.object().shape({
+import * as Xa from "js-search";
+import { extractEnumFromValues as ei, buildPropertyFromData as ti, buildEntityPropertiesFromData as ai } from "@firecms/schema_inference";
+import { DragDropContext as ii, Droppable as ri, Draggable as oi } from "@hello-pangea/dnd";
+import ni from "json5";
+import { Highlight as si, themes as li } from "prism-react-renderer";
+import { ImportFileUpload as ci, DataNewPropertiesMapping as di, ImportNewPropertyFieldPreview as pi, getInferenceType as aa, getPropertiesMapping as mi, convertDataToEntity as ui, useImportConfig as hi, ImportSaveInProgress as gi } from "@firecms/data_import";
+import { useNavigate as fi } from "react-router";
+const bi = vt.object().shape({
   name: vt.string().required("Required"),
   path: vt.string().required("Required")
-}), ra = {
+}), ia = {
   abc: "alphabet character font letter symbol text type",
   access_alarm: "clock time",
   access_alarms: "clock time",
@@ -1964,18 +1964,18 @@ const gi = vt.object().shape({
   zoom_in_map: "arrows destination location maps move place stop",
   zoom_out: "find glass look magnifier magnifying minus negative scale search see size smaller",
   zoom_out_map: "arrows destination location maps move place stop"
-}, Nt = new Wa.Search("key");
+}, Nt = new Xa.Search("key");
 Nt.addIndex("synonyms");
 Nt.addDocuments(Kt.map((t) => ({
   key: t,
   // @ts-ignore
-  synonyms: ra[t] ?? []
+  synonyms: ia[t] ?? []
 })));
-const fi = 220;
-process.env.NODE_ENV !== "production" && Object.keys(ra).forEach((t) => {
+const yi = 220;
+process.env.NODE_ENV !== "production" && Object.keys(ia).forEach((t) => {
   Kt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
 });
-function bi({ selectedIcon: t = "", onIconSelected: a }) {
+function vi({ selectedIcon: t = "", onIconSelected: a }) {
   const [r, i] = _e.useState(null), [s, o] = _e.useState(""), l = _e.useMemo(
     () => ba((m) => {
       if (!m || m === "")
@@ -1984,7 +1984,7 @@ function bi({ selectedIcon: t = "", onIconSelected: a }) {
         const u = Nt.search(m);
         i(u.map((c) => c.key));
       }
-    }, fi),
+    }, yi),
     []
   );
   return _e.useEffect(() => (l(s), () => {
@@ -2017,7 +2017,7 @@ function te({
 }) {
   return a ? /* @__PURE__ */ e(P, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
 }
-function yi({
+function wi({
   isNewCollection: t,
   reservedGroups: a,
   existingPaths: r,
@@ -2035,7 +2035,7 @@ function yi({
     isSubmitting: f,
     submitCount: y
   } = K(), [k, _] = L(!1), O = (x) => {
-    m("name", x), !N(c, "path") && t && x && m("path", Ht(x)), !N(c, "singularName") && t && x && m("singularName", ka(x));
+    m("name", x), !N(c, "path") && t && x && m("path", Gt(x)), !N(c, "singularName") && t && x && m("singularName", ka(x));
   }, h = lt(d), w = J((x) => {
     let C;
     return x || (C = "You must specify a path in the database for this collection"), t && i?.includes(x.trim().toLowerCase()) && (C = "There is already a collection which uses this path as an alias"), t && r?.includes(x.trim().toLowerCase()) && !d.alias && (C = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), C;
@@ -2094,7 +2094,7 @@ function yi({
           be,
           {
             name: "path",
-            as: G,
+            as: H,
             label: "Path",
             validate: w,
             disabled: !t,
@@ -2141,7 +2141,7 @@ function yi({
         xt,
         {
           title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-            /* @__PURE__ */ e(Ge, {}),
+            /* @__PURE__ */ e(Je, {}),
             /* @__PURE__ */ e(
               P,
               {
@@ -2188,7 +2188,7 @@ function yi({
                 be,
                 {
                   name: "alias",
-                  as: G,
+                  as: H,
                   disabled: !t,
                   label: "Alias",
                   validate: b,
@@ -2241,7 +2241,7 @@ function yi({
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
-          bi,
+          vi,
           {
             selectedIcon: d.icon,
             onIconSelected: (x) => {
@@ -2256,7 +2256,7 @@ function yi({
 function ke(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function vi(t) {
+function _i(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
 function Ne(t) {
@@ -2265,7 +2265,7 @@ function Ne(t) {
 function ne(t, a) {
   return a ? `${a}.${t}` : t;
 }
-const wi = D.memo(
+const ki = D.memo(
   function({
     enumValues: a,
     onValuesChanged: r,
@@ -2290,7 +2290,7 @@ const wi = D.memo(
         }, [m.enumValues]), de(() => {
           i && i(!!(u?.enumValues ?? !1));
         }, [u]), /* @__PURE__ */ e(
-          _i,
+          xi,
           {
             enumValuesPath: "enumValues",
             values: m,
@@ -2308,7 +2308,7 @@ const wi = D.memo(
     return a.enumValues.length === r.enumValues.length && a.onValuesChanged === r.onValuesChanged && a.getData === r.getData;
   }
 );
-function _i({
+function xi({
   values: t,
   errors: a,
   disabled: r,
@@ -2322,7 +2322,7 @@ function _i({
   } = K(), [m, u] = D.useState(), [c, p] = D.useState(), [g, f] = D.useState(!1), k = D.useRef(/* @__PURE__ */ new Set()).current, _ = (h, w) => {
     const b = m === w;
     return /* @__PURE__ */ e(
-      ki,
+      Ci,
       {
         index: h,
         disabled: r,
@@ -2357,7 +2357,7 @@ function _i({
             l && (f(!0), l?.().then((h) => {
               if (!h)
                 return;
-              const w = h.flat(), b = Array.from(new Set(w)), v = t.enumValues, F = ti(b).filter((A) => !v?.some((S) => S.id === A.id));
+              const w = h.flat(), b = Array.from(new Set(w)), v = t.enumValues, F = ei(b).filter((A) => !v?.some((S) => S.id === A.id));
               F.forEach((A) => {
                 k.add(A.id);
               }), d(i, [...F, ...v]);
@@ -2366,7 +2366,7 @@ function _i({
             }).finally(() => f(!1)));
           },
           children: [
-            g ? /* @__PURE__ */ e(Je, { size: "small" }) : /* @__PURE__ */ e(ht, {}),
+            g ? /* @__PURE__ */ e(Qe, { size: "small" }) : /* @__PURE__ */ e(ht, {}),
             "Infer values from data"
           ]
         }
@@ -2388,7 +2388,7 @@ function _i({
         }
       ),
       /* @__PURE__ */ e(
-        xi,
+        Oi,
         {
           index: c,
           open: c !== void 0,
@@ -2399,7 +2399,7 @@ function _i({
     ] })
   ] });
 }
-const ki = D.memo(
+const Ci = D.memo(
   function({
     index: a,
     shouldUpdateId: r,
@@ -2423,12 +2423,12 @@ const ki = D.memo(
         le,
         {
           name: `${i}[${a}].label`,
-          as: G,
+          as: H,
           className: "flex-grow",
           required: !0,
           disabled: l,
           size: "small",
-          validate: Ci,
+          validate: Pi,
           autoFocus: s,
           autoComplete: "off",
           endAdornment: d && /* @__PURE__ */ e(ht, { size: "small" }),
@@ -2442,7 +2442,7 @@ const ki = D.memo(
           "aria-label": "edit",
           className: "m-1",
           onClick: () => o(),
-          children: /* @__PURE__ */ e(Ge, { size: "small" })
+          children: /* @__PURE__ */ e(Je, { size: "small" })
         }
       )
     ] });
@@ -2451,7 +2451,7 @@ const ki = D.memo(
     return a.index === r.index && a.enumValuesPath === r.enumValuesPath && a.shouldUpdateId === r.shouldUpdateId && a.inferredEntry === r.inferredEntry && a.autoFocus === r.autoFocus;
   }
 );
-function xi({
+function Oi({
   index: t,
   open: a,
   onClose: r,
@@ -2477,9 +2477,9 @@ function xi({
             le,
             {
               name: `${i}[${t}]id`,
-              as: G,
+              as: H,
               required: !0,
-              validate: Oi,
+              validate: Ni,
               label: "ID",
               size: "small",
               autoComplete: "off",
@@ -2502,11 +2502,11 @@ function xi({
     }
   );
 }
-function Ci(t) {
+function Pi(t) {
   let a;
   return t || (a = "You must specify a label"), a;
 }
-function Oi(t) {
+function Ni(t) {
   let a;
   return t || (a = "You must specify an ID"), a;
 }
@@ -2536,7 +2536,7 @@ function Ee({ disabled: t }) {
       }
     ) }),
     N(a, i) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         disabled: t,
         value: N(a, s),
@@ -2600,7 +2600,7 @@ function Me({
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       t && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+        H,
         {
           value: N(u, g),
           label: "Exact length",
@@ -2612,7 +2612,7 @@ function Me({
         }
       ) }),
       s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+        H,
         {
           value: N(u, f),
           label: "Min length",
@@ -2624,7 +2624,7 @@ function Me({
         }
       ) }),
       i && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+        H,
         {
           value: N(u, y),
           label: "Max length",
@@ -2641,7 +2641,7 @@ function Me({
         le,
         {
           name: _,
-          as: G,
+          as: H,
           validate: (T) => T && !Pa(T),
           label: "Matches regex",
           size: "small",
@@ -2666,7 +2666,7 @@ function St({
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Ee, { disabled: r }),
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(i, o),
         disabled: r,
@@ -2678,7 +2678,7 @@ function St({
       }
     ) }),
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(i, l),
         disabled: r,
@@ -2730,10 +2730,10 @@ function It({
     touched: u,
     setFieldError: c,
     setFieldValue: p
-  } = K(), g = Qe(), f = t ? "of.enumValues" : "enumValues", y = N(l, "defaultValue"), k = N(l, f), _ = $t(() => !k || typeof k == "boolean" ? [] : Sa(k) ?? [], [k]);
+  } = K(), g = Ue(), f = t ? "of.enumValues" : "enumValues", y = N(l, "defaultValue"), k = N(l, f), _ = $t(() => !k || typeof k == "boolean" ? [] : Sa(k) ?? [], [k]);
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      wi,
+      ki,
       {
         enumValues: _,
         updateIds: a,
@@ -2864,7 +2864,7 @@ function Et({
             be,
             {
               name: d,
-              as: G,
+              as: H,
               label: "File name",
               size: "small",
               disabled: _ || r,
@@ -2876,7 +2876,7 @@ function Et({
               be,
               {
                 name: m,
-                as: G,
+                as: H,
                 label: "Storage path",
                 disabled: O || r,
                 size: "small",
@@ -2925,19 +2925,19 @@ function He(t) {
     return a.dataType === "array" && typeof a.of == "function" || a.dataType === "array" && Array.isArray(a.of) ? !1 : !!a.editable;
   }
 }
-function Pi(t) {
+function Si(t) {
   return Object.entries(t).filter(([a, r]) => He(r)).map(([a, r]) => {
     const i = r;
     if (He(i))
       return i.dataType === "map" && i.properties ? {
         [a]: {
           ...i,
-          properties: Pi(i.properties)
+          properties: Si(i.properties)
         }
       } : { [a]: i };
   }).filter((a) => !!a).reduce((a, r) => ({ ...a, ...r }), {});
 }
-function oa({
+function ra({
   property: t,
   onClick: a,
   hasError: r,
@@ -2945,8 +2945,8 @@ function oa({
   includeEditButton: s,
   selected: o
 }) {
-  const { fields: l } = Ae(), d = We(t, l), m = !He(t);
-  return /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ n(
+  const { fields: l } = Ae(), d = We(t, l);
+  return He(t), /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ n(
     "div",
     {
       onClick: a,
@@ -2958,7 +2958,7 @@ function oa({
           {
             className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Gt,
+              Ht,
               a ? Jt : "",
               o ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
@@ -2994,14 +2994,7 @@ function oa({
                       color: "disabled",
                       children: t.dataType
                     }
-                  ) }),
-                  m && /* @__PURE__ */ e(
-                    "div",
-                    {
-                      className: "text-xs h-3 ml-0.5",
-                      children: /* @__PURE__ */ e(Wt, { color: "disabled" })
-                    }
-                  )
+                  ) })
                 ] })
               ] }),
               s && /* @__PURE__ */ e(P, { variant: "button", children: "EDIT" })
@@ -3012,7 +3005,7 @@ function oa({
     }
   ) });
 }
-function Ni({
+function qi({
   name: t,
   selected: a,
   onClick: r,
@@ -3034,14 +3027,14 @@ function Ni({
               children: /* @__PURE__ */ e(za, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(Wt, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
+          /* @__PURE__ */ e(Ta, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
           Se,
           {
             className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Gt,
+              Ht,
               r ? Jt : "",
               a ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
@@ -3123,7 +3116,7 @@ function gt({
     const k = y.source.index, _ = y.destination.index, O = Array.from(g), [h] = O.splice(k, 1);
     O.splice(_, 0, h), d && d(O, t);
   }, [t, d, g]);
-  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(ri, { onDragEnd: f, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${t}`, children: (y, k) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(ii, { onDragEnd: f, children: /* @__PURE__ */ e(ri, { droppableId: `droppable_${t}`, children: (y, k) => /* @__PURE__ */ n(
     "div",
     {
       ...y.droppableProps,
@@ -3131,14 +3124,14 @@ function gt({
       className: u,
       children: [
         g && g.map((_, O) => {
-          const h = i[_], w = o?.find((b) => b.id === _);
+          const h = i[_], w = o?.find((b) => b.key === _);
           return !h && !w ? (console.warn(`Property ${_} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-            ni,
+            oi,
             {
               draggableId: `array_field_${t}_${_}}`,
               index: O,
               children: (b, v) => /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
-                Si,
+                Ai,
                 {
                   propertyKey: _,
                   propertyOrBuilder: h,
@@ -3163,7 +3156,7 @@ function gt({
     }
   ) }) }) });
 }
-function Si({
+function Ai({
   propertyKey: t,
   namespace: a,
   propertyOrBuilder: r,
@@ -3217,7 +3210,7 @@ function Si({
           }
         ),
         !se(r) && !i && O ? /* @__PURE__ */ e(
-          oa,
+          ra,
           {
             property: r,
             onClick: d ? () => d(t, a) : void 0,
@@ -3226,7 +3219,7 @@ function Si({
             hasError: k
           }
         ) : /* @__PURE__ */ e(
-          Ni,
+          qi,
           {
             name: t,
             property: r,
@@ -3242,7 +3235,7 @@ function Si({
               size: "small",
               color: "inherit",
               onClick: () => u(t, a),
-              children: /* @__PURE__ */ e(Ta, { size: "small" })
+              children: /* @__PURE__ */ e(Va, { size: "small" })
             }
           ) }),
           m && /* @__PURE__ */ e(ae, { title: "Move", children: /* @__PURE__ */ e(
@@ -3250,7 +3243,7 @@ function Si({
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(Va, { size: "small" })
+              children: /* @__PURE__ */ e(ja, { size: "small" })
             }
           ) })
         ] }),
@@ -3259,7 +3252,7 @@ function Si({
     }
   );
 }
-function qi({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
+function zi({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
   const {
     values: o,
     setFieldValue: l
@@ -3277,7 +3270,7 @@ function qi({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     const F = v ? ne(v, T) : void 0;
     if (!F)
       throw Error("collection editor miss config");
-    const A = ke(F), S = Ne(T), x = N(o, S) ?? Object.keys(N(o, vi(T)));
+    const A = ke(F), S = Ne(T), x = N(o, S) ?? Object.keys(N(o, _i(T)));
     l(A, void 0, !1), l(S, x.filter((C) => C !== v), !1), m(!1), c(void 0), g(void 0);
   }, [l, o]), _ = u ? ne(u, p) : void 0, O = _ ? N(o.properties, _.replaceAll(".", ".properties.")) : void 0, h = /* @__PURE__ */ n(
     E,
@@ -3366,7 +3359,7 @@ function qi({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     )
   ] });
 }
-function Ai({
+function Ti({
   showErrors: t,
   existing: a,
   disabled: r,
@@ -3395,7 +3388,7 @@ function Ai({
           validate: (w) => w?.dataType ? void 0 : "You need to specify a repeat field",
           children: () => /* @__PURE__ */ n(Se, { className: "p-2 mt-4", children: [
             k && /* @__PURE__ */ e(
-              oa,
+              ra,
               {
                 property: k,
                 onClick: r ? void 0 : () => y(!0),
@@ -3444,7 +3437,7 @@ function Ai({
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(St, { disabled: r }) }) })
   ] });
 }
-const zi = D.forwardRef(
+const Vi = D.forwardRef(
   function({
     showErrors: a,
     disabledId: r,
@@ -3462,9 +3455,9 @@ const zi = D.forwardRef(
           {
             inputRef: l,
             name: m,
-            as: G,
+            as: H,
             style: { fontSize: 20 },
-            validate: ji,
+            validate: Ii,
             placeholder: "Field name",
             required: !0,
             disabled: s,
@@ -3480,7 +3473,7 @@ const zi = D.forwardRef(
             name: c,
             as: Ve,
             label: "ID",
-            validate: (y) => Vi(y, i),
+            validate: (y) => Fi(y, i),
             disabled: r || s,
             required: !0,
             size: "small",
@@ -3494,7 +3487,7 @@ const zi = D.forwardRef(
           be,
           {
             name: g,
-            as: G,
+            as: H,
             label: "Description",
             disabled: s,
             error: !!f
@@ -3504,16 +3497,16 @@ const zi = D.forwardRef(
       ] })
     ] });
   }
-), Ti = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function Vi(t, a) {
+), ji = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function Fi(t, a) {
   let r;
-  return t || (r = "You must specify an id for the field"), t && !t.match(Ti) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
+  return t || (r = "You must specify an id for the field"), t && !t.match(ji) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
 }
-function ji(t) {
+function Ii(t) {
   let a;
   return t || (a = "You must specify a title for the field"), a;
 }
-function Fi({
+function Ei({
   widgetId: t,
   disabled: a,
   showErrors: r
@@ -3596,7 +3589,7 @@ function Fi({
     ) })
   ] });
 }
-function Ii({ disabled: t }) {
+function Bi({ disabled: t }) {
   const { values: a } = K(), r = N(a, "defaultValue");
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ee, { disabled: t }) }) }),
@@ -3613,7 +3606,7 @@ function Ii({ disabled: t }) {
     ) })
   ] });
 }
-function Ei({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
+function Mi({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
   const {
     values: o,
     setFieldValue: l
@@ -3701,7 +3694,7 @@ function Ei({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     )
   ] });
 }
-function Bi({ disabled: t }) {
+function Di({ disabled: t }) {
   const {
     values: a,
     handleChange: r
@@ -3709,7 +3702,7 @@ function Bi({ disabled: t }) {
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Ee, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(a, i),
         label: "Min value",
@@ -3721,7 +3714,7 @@ function Bi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(a, s),
         label: "Max value",
@@ -3733,7 +3726,7 @@ function Bi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(a, o),
         label: "Less than",
@@ -3745,7 +3738,7 @@ function Bi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(a, l),
         label: "More than",
@@ -3788,10 +3781,10 @@ function Bi({ disabled: t }) {
     ) })
   ] });
 }
-function Mi({ disabled: t }) {
+function Ri({ disabled: t }) {
   const { values: a, setFieldValue: r } = K();
   return /* @__PURE__ */ n(B, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Bi, { disabled: t }) }) }),
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Di, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ve,
       {
@@ -3821,8 +3814,8 @@ function Bt({
     setFieldError: m,
     setFieldValue: u
   } = K();
-  if (!Ue())
-    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Je, {}) });
+  if (!$e())
+    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Qe, {}) });
   const p = a ? "of.path" : "path", g = N(s, p), f = i && N(l, p);
   return console.log("pathError", l, f), /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     be,
@@ -3831,20 +3824,20 @@ function Bt({
       name: p,
       pathPath: p,
       type: "select",
-      validate: Di,
+      validate: Ui,
       disabled: t || r,
       value: g,
       error: f,
       handleChange: o,
-      component: Ri
+      component: $i
     }
   ) }) });
 }
-function Di(t) {
+function Ui(t) {
   let a;
   return t || (a = "You must specify a target collection for the field"), a;
 }
-function Ri({
+function $i({
   disabled: t,
   pathPath: a,
   value: r,
@@ -3853,9 +3846,9 @@ function Ri({
   ...o
 }) {
   console.log("error", s);
-  const l = Ue();
+  const l = $e();
   if (!l)
-    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Je, {}) });
+    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Qe, {}) });
   const d = l?.collections ?? [], m = Array.from(new Set(
     Object.values(d).map((c) => c.group).filter(Boolean)
   ).values()), u = d.filter((c) => !c.group);
@@ -3944,7 +3937,7 @@ function Ri({
     /* @__PURE__ */ e(te, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Ui({ disabled: t }) {
+function Li({ disabled: t }) {
   const {
     values: a,
     errors: r,
@@ -4010,7 +4003,7 @@ function Ui({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ee, { disabled: t }) }) })
   ] });
 }
-function $i({ disabled: t }) {
+function Ki({ disabled: t }) {
   return K(), /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       le,
@@ -4036,10 +4029,10 @@ function $i({ disabled: t }) {
     ) })
   ] });
 }
-function Li({ disabled: t }) {
+function Yi({ disabled: t }) {
   return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ee, { disabled: t }) }) }) });
 }
-function na(t, a, r) {
+function oa(t, a, r) {
   let i;
   return a === "text_field" ? i = $(
     t,
@@ -4248,7 +4241,7 @@ function na(t, a, r) {
     }
   ) : a && r[a] && (i = { ...r[a].property, propertyConfig: a }), i;
 }
-function sa({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
+function na({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
   return /* @__PURE__ */ e(
     we,
     {
@@ -4282,7 +4275,7 @@ function sa({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
     }
   );
 }
-const la = D.memo(
+const sa = D.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: r,
@@ -4310,7 +4303,7 @@ const la = D.memo(
       name: ""
     }, T = !!(m && !He(m)) && !b;
     console.log("PropertyForm disabled", T);
-    const F = Ye(m ? {
+    const F = Ge(m ? {
       id: l,
       previousId: l,
       property: m
@@ -4345,7 +4338,7 @@ const la = D.memo(
         children: (S) => (de(() => {
           O?.(S);
         }, [S]), /* @__PURE__ */ e(
-          Ki,
+          Gi,
           {
             onPropertyChanged: c ? A : void 0,
             onDelete: p,
@@ -4381,7 +4374,7 @@ function Fe({
   collectionEditable: o,
   ...l
 }) {
-  const d = Ye();
+  const d = Ge();
   return /* @__PURE__ */ n(
     Ie,
     {
@@ -4390,7 +4383,7 @@ function Fe({
       fullWidth: !0,
       children: [
         /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
-          la,
+          sa,
           {
             ...l,
             onPropertyChanged: (u) => {
@@ -4429,7 +4422,7 @@ function Fe({
     }
   );
 }
-function Ki({
+function Gi({
   values: t,
   errors: a,
   touched: r,
@@ -4452,9 +4445,9 @@ function Ki({
   customFields: w,
   collectionEditable: b
 }) {
-  const [v, T] = L(d), [F, A] = L(!1), [S, x] = L(t?.dataType ? Zt(t) : void 0), C = Object.entries(kt).concat(Object.entries(w)), j = k ? C.filter(([Q, ee]) => !se(ee.property) && ee.property?.dataType !== "array") : C, Z = fa(t), q = Ye(null), M = Ye(t), he = "id", Ce = f && N(a, "selectedWidget");
+  const [v, T] = L(d), [F, A] = L(!1), [S, x] = L(t?.dataType ? Wt(t) : void 0), C = Object.entries(kt).concat(Object.entries(w)), j = k ? C.filter(([Q, ee]) => !se(ee.property) && ee.property?.dataType !== "array") : C, Z = fa(t), q = Ge(null), M = Ge(t), he = "id", Ce = f && N(a, "selectedWidget");
   de(() => {
-    !N(r, he) && l && t?.name && s(he, Ht(t.name));
+    !N(r, he) && l && t?.name && s(he, Gt(t.name));
   }, [l, r, t?.name]), de(() => {
     if (u && (!m || Z.id)) {
       const {
@@ -4471,13 +4464,13 @@ function Ki({
     t?.id && g && Object.keys(a).length > 0 && g(t?.id, p, a);
   }, [a, g, p, t?.id]);
   const ie = (Q) => {
-    x(Q), i(na(t, Q, w)), setTimeout(() => {
+    x(Q), i(oa(t, Q, w)), setTimeout(() => {
       q.current?.focus();
     }, 0);
   };
   let R;
   return S === "text_field" || S === "multiline" || S === "markdown" || S === "url" || S === "email" ? R = /* @__PURE__ */ e(
-    Fi,
+    Ei,
     {
       widgetId: S,
       disabled: y,
@@ -4517,8 +4510,8 @@ function Ki({
       multiple: !0,
       disabled: y
     }
-  ) : S === "switch" ? R = /* @__PURE__ */ e(Ii, { disabled: y }) : S === "number_input" ? R = /* @__PURE__ */ e(Mi, { disabled: y }) : S === "group" ? R = /* @__PURE__ */ e(
-    qi,
+  ) : S === "switch" ? R = /* @__PURE__ */ e(Bi, { disabled: y }) : S === "number_input" ? R = /* @__PURE__ */ e(Ri, { disabled: y }) : S === "group" ? R = /* @__PURE__ */ e(
+    zi,
     {
       disabled: y,
       getData: O,
@@ -4527,7 +4520,7 @@ function Ki({
       customFields: w
     }
   ) : S === "block" ? R = /* @__PURE__ */ e(
-    Ei,
+    Mi,
     {
       disabled: y,
       getData: O,
@@ -4543,7 +4536,7 @@ function Ki({
       multiple: !1,
       disabled: y
     }
-  ) : S === "date_time" ? R = /* @__PURE__ */ e(Ui, { disabled: y }) : S === "multi_references" ? R = /* @__PURE__ */ e(
+  ) : S === "date_time" ? R = /* @__PURE__ */ e(Li, { disabled: y }) : S === "multi_references" ? R = /* @__PURE__ */ e(
     Bt,
     {
       showErrors: f,
@@ -4552,7 +4545,7 @@ function Ki({
       disabled: y
     }
   ) : S === "repeat" ? R = /* @__PURE__ */ e(
-    Ai,
+    Ti,
     {
       showErrors: f,
       existing: o,
@@ -4562,8 +4555,8 @@ function Ki({
       collectionEditable: b,
       customFields: w
     }
-  ) : S === "key_value" ? R = /* @__PURE__ */ e(Li, { disabled: y }) : R = null, /* @__PURE__ */ n(B, { children: [
-    y && /* @__PURE__ */ n(Xt, { mode: "warn", children: [
+  ) : S === "key_value" ? R = /* @__PURE__ */ e(Yi, { disabled: y }) : R = null, /* @__PURE__ */ n(B, { children: [
+    y && /* @__PURE__ */ n(Zt, { mode: "warn", children: [
       /* @__PURE__ */ e(P, { children: "This property can't be edited" }),
       /* @__PURE__ */ n(P, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
@@ -4621,7 +4614,7 @@ function Ki({
             children: j.map(([Q, ee]) => {
               const pe = ee.property, me = o && !se(pe) && pe.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
-                sa,
+                na,
                 {
                   value: Q,
                   optionDisabled: me,
@@ -4656,7 +4649,7 @@ function Ki({
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
       m && /* @__PURE__ */ e(
-        zi,
+        Vi,
         {
           showErrors: f,
           disabledId: o,
@@ -4667,7 +4660,7 @@ function Ki({
         }
       ),
       R,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e($i, { disabled: y }) })
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ki, { disabled: y }) })
     ] }),
     c && /* @__PURE__ */ e(
       pt,
@@ -4685,11 +4678,11 @@ function Ki({
     )
   ] });
 }
-function Yi(t) {
+function Hi(t) {
   return (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((a, r) => a + r[0].toUpperCase() + r.substring(1));
 }
-function Hi({ collection: t, onOpenChange: a, open: r }) {
-  const i = "const " + Yi(t.name) + "Collection = " + Za.stringify(t, null, "	");
+function Ji({ collection: t, onOpenChange: a, open: r }) {
+  const i = Ue(), s = "const " + Hi(t.name) + "Collection = " + ni.stringify(la(t), null, "	");
   return /* @__PURE__ */ n(
     Ie,
     {
@@ -4715,21 +4708,67 @@ function Hi({ collection: t, onOpenChange: a, open: r }) {
             "."
           ] }),
           /* @__PURE__ */ e(
-            Xa,
+            si,
             {
-              theme: ei.vsDark,
-              code: i,
+              theme: li.vsDark,
+              code: s,
               language: "typescript",
-              children: ({ className: s, style: o, tokens: l, getLineProps: d, getTokenProps: m }) => /* @__PURE__ */ e("pre", { style: o, className: "p-4 rounded", children: l.map((u, c) => /* @__PURE__ */ e("div", { ...d({ line: u }), children: u.map((p, g) => /* @__PURE__ */ e("span", { ...m({ token: p }) }, g)) }, c)) })
+              children: ({ className: o, style: l, tokens: d, getLineProps: m, getTokenProps: u }) => /* @__PURE__ */ e("pre", { style: l, className: "p-4 rounded text-sm", children: d.map((c, p) => /* @__PURE__ */ e("div", { ...m({ line: c }), children: c.map((g, f) => /* @__PURE__ */ e("span", { ...u({ token: g }) }, f)) }, p)) })
             }
           )
         ] }),
-        /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(E, { onClick: () => a(!1), children: "Close" }) })
+        /* @__PURE__ */ n(Re, { children: [
+          /* @__PURE__ */ n(
+            E,
+            {
+              variant: "text",
+              size: "small",
+              onClick: (o) => (o.stopPropagation(), o.preventDefault(), i.open({
+                type: "success",
+                message: "Copied}"
+              }), navigator.clipboard.writeText(s)),
+              children: [
+                /* @__PURE__ */ e(Fa, { size: "small" }),
+                "Copy to clipboard"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(E, { onClick: () => a(!1), children: "Close" })
+        ] })
       ]
     }
   );
 }
-function Gi({
+function la(t) {
+  const a = (r) => {
+    const i = {
+      ...r
+    };
+    return delete i.fromBuilder, delete i.resolved, delete i.propertiesOrder, delete i.editable, i.type === "map" ? {
+      ...i,
+      properties: i.properties.map(a)
+    } : i;
+  };
+  return {
+    name: t.name,
+    singularName: t.singularName,
+    description: t.description,
+    path: t.path,
+    editable: !0,
+    collectionGroup: t.collectionGroup,
+    alias: t.alias,
+    icon: t.icon,
+    group: t.group,
+    customId: t.customId,
+    initialFilter: t.initialFilter,
+    initialSort: t.initialSort,
+    properties: Object.entries(t.properties).map(([r, i]) => ({
+      [r]: a(i)
+    })).reduce((r, i) => ({ ...r, ...i }), {}),
+    subcollections: (t.subcollections ?? []).map(la)
+  };
+}
+function Qi({
   showErrors: t,
   isNewCollection: a,
   propertyErrorsRef: r,
@@ -4750,13 +4789,13 @@ function Gi({
     setFieldTouched: k,
     errors: _,
     dirty: O
-  } = K(), h = Qe(), w = ja("lg"), b = !w, [v, T] = L(), [F, A] = L(), [S, x] = L(), C = F ? ne(F, S) : void 0, j = C ? N(g.properties, C.replaceAll(".", ".properties.")) : void 0, [Z, q] = L(!1), [M, he] = L(!1), [Ce, ie] = L(!1), [R, Q] = L([]), ee = D.useRef(g.propertiesOrder ? { "": g.propertiesOrder } : {});
+  } = K(), h = Ue(), w = Ia("lg"), b = !w, [v, T] = L(), [F, A] = L(), [S, x] = L(), C = F ? ne(F, S) : void 0, j = C ? N(g.properties, C.replaceAll(".", ".properties.")) : void 0, [Z, q] = L(!1), [M, he] = L(!1), [Ce, ie] = L(!1), [R, Q] = L([]), ee = D.useRef(g.propertiesOrder ? { "": g.propertiesOrder } : {});
   de(() => {
     s && s(O);
   }, [O]);
   const pe = u ? () => {
     u && (he(!0), u(g).then((V) => {
-      if (V && ea(V.properties), !V) {
+      if (V && Xt(V.properties), !V) {
         h.open({
           type: "error",
           message: "Could not infer properties from data"
@@ -4771,25 +4810,25 @@ function Gi({
         });
         return;
       }
-      const H = {
+      const G = {
         ...I.reduce((oe, ye) => (oe[ye] = V.properties[ye], oe), {}),
         ...g.properties
       }, ce = [
         ...I,
         ...g.propertiesOrder ?? []
       ];
-      f("properties", H, !1), ge(ce), Q(I);
+      f("properties", G, !1), ge(ce), Q(I);
     }).finally(() => {
       he(!1);
     }));
   } : void 0, me = (V) => V ? ee.current[V] ?? N(g, Ne(V)) : ee.current[""], ge = (V, I) => {
-    const H = Ne(I);
-    f(H, V, !1), ee.current[I ?? ""] = V;
+    const G = Ne(I);
+    f(G, V, !1), ee.current[I ?? ""] = V;
   }, fe = (V, I) => {
-    const H = V ? ne(V, I) : void 0;
-    if (!H)
+    const G = V ? ne(V, I) : void 0;
+    if (!G)
       throw Error("collection editor miss config");
-    f(ke(H), void 0, !1);
+    f(ke(G), void 0, !1);
     const oe = me(I).filter((ye) => ye !== V);
     ge(oe, I), ie(!1), T(void 0), A(void 0), x(void 0);
   }, X = (V, I) => {
@@ -4807,38 +4846,38 @@ function Gi({
       ...g.properties ?? {},
       [V]: I
     }, !1);
-    const H = [...g.propertiesOrder ?? Object.keys(g.properties), V];
+    const G = [...g.propertiesOrder ?? Object.keys(g.properties), V];
     console.log("onPropertyCreated", {
       id: V,
       property: I,
-      newPropertiesOrder: H
-    }), ge(H), ie(!1), w && (T(H.indexOf(V)), A(V)), x(void 0);
+      newPropertiesOrder: G
+    }), ge(G), ie(!1), w && (T(G.indexOf(V)), A(V)), x(void 0);
   }, Xe = ({
     id: V,
     property: I,
-    previousId: H,
+    previousId: G,
     namespace: ce
   }) => {
     const oe = V ? ne(V, ce) : void 0, ye = oe ? ke(oe) : void 0;
-    if (H && H !== V) {
-      const at = ne(H, ce), W = ke(at), ve = me(ce).map((it) => it === H ? V : it).filter((it) => it !== void 0);
+    if (G && G !== V) {
+      const at = ne(G, ce), W = ke(at), ve = me(ce).map((it) => it === G ? V : it).filter((it) => it !== void 0);
       ge(ve, ce), V && (T(ve.indexOf(V)), A(V)), f(W, void 0, !1), k(W, !1, !1);
     }
     ye && (f(ye, I, !1), k(ye, !0, !1));
-  }, et = (V, I, H) => {
+  }, et = (V, I, G) => {
     const ce = V ? ne(V, I) : void 0;
     if (console.warn("onPropertyErrorInternal", {
       id: V,
       namespace: I,
-      error: H,
+      error: G,
       propertyPath: ce
     }), ce) {
-      const oe = H && Object.keys(H).length > 0;
-      i(V, I, oe ? H : void 0), y(ke(ce), oe ? "Property error" : void 0);
+      const oe = G && Object.keys(G).length > 0;
+      i(V, I, oe ? G : void 0), y(ke(ce), oe ? "Property error" : void 0);
     }
   }, z = () => {
     T(void 0), A(void 0);
-  }, Y = F && r?.current?.properties ? r.current.properties[F] : void 0, U = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, Le = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), tt = $t(() => d(g.ownerId), [d, g.ownerId]), Te = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+  }, Y = F && r?.current?.properties ? r.current.properties[F] : void 0, U = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, Ke = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), tt = $t(() => d(g.ownerId), [d, g.ownerId]), Te = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ n("div", { className: xe(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
@@ -4850,7 +4889,7 @@ function Gi({
             be,
             {
               name: "name",
-              as: G,
+              as: H,
               invisible: !0,
               className: "-ml-1",
               inputClassName: "text-2xl font-headers",
@@ -4875,13 +4914,13 @@ function Gi({
         ] }),
         l && /* @__PURE__ */ e("div", { className: "ml-4", children: l }),
         /* @__PURE__ */ n("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
-          /* @__PURE__ */ e(ae, { title: "Get the code of this collection", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(ae, { title: "Get the code for this collection", children: /* @__PURE__ */ e(
             re,
             {
               variant: "filled",
               disabled: M,
               onClick: () => q(!0),
-              children: /* @__PURE__ */ e(Fa, {})
+              children: /* @__PURE__ */ e(Ea, {})
             }
           ) }),
           pe && /* @__PURE__ */ e(ae, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
@@ -4890,7 +4929,7 @@ function Gi({
               variant: "filled",
               disabled: M,
               onClick: pe,
-              children: M ? /* @__PURE__ */ e(Je, { size: "small" }) : /* @__PURE__ */ e(ht, {})
+              children: M ? /* @__PURE__ */ e(Qe, { size: "small" }) : /* @__PURE__ */ e(ht, {})
             }
           ) }),
           /* @__PURE__ */ e(ae, { title: "Add new property", children: /* @__PURE__ */ e(
@@ -4908,13 +4947,13 @@ function Gi({
         {
           className: "pl-8",
           onPropertyClick: (V, I) => {
-            T(Le.indexOf(V)), A(V), x(I);
+            T(Ke.indexOf(V)), A(V), x(I);
           },
           inferredPropertyKeys: R,
           selectedPropertyKey: F ? ne(F, S) : void 0,
           properties: g.properties,
           additionalFields: g.additionalFields,
-          propertiesOrder: Le,
+          propertiesOrder: Ke,
           onPropertyMove: X,
           onPropertyRemove: a ? fe : void 0,
           collectionEditable: p,
@@ -4940,7 +4979,7 @@ function Gi({
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
           C && j && !se(j) && /* @__PURE__ */ e(
-            la,
+            sa,
             {
               inArray: !1,
               existingProperty: !a,
@@ -5012,7 +5051,7 @@ function Gi({
       }
     ),
     /* @__PURE__ */ e(
-      Hi,
+      Ji,
       {
         collection: g,
         open: Z,
@@ -5021,7 +5060,7 @@ function Gi({
     )
   ] });
 }
-function Ji({
+function Wi({
   open: t,
   handleOk: a,
   handleCancel: r,
@@ -5049,7 +5088,7 @@ function Ji({
     }
   );
 }
-function Qi({ open: t, onClose: a }) {
+function Zi({ open: t, onClose: a }) {
   const { entityViews: r } = Ae();
   return /* @__PURE__ */ n(
     Ie,
@@ -5080,7 +5119,7 @@ function Qi({ open: t, onClose: a }) {
     }
   );
 }
-function Wi({
+function Xi({
   collection: t,
   parentCollection: a,
   configController: r,
@@ -5091,7 +5130,7 @@ function Wi({
   const { entityViews: l } = Ae(), [d, m] = D.useState(), [u, c] = D.useState(!1), [p, g] = D.useState(), [f, y] = D.useState(), {
     values: k,
     setFieldValue: _
-  } = K(), O = t.subcollections ?? [], h = k.entityViews?.filter((v) => typeof v == "string").map((v) => Ia(v, l)).filter(Boolean) ?? [], w = t.entityViews?.filter((v) => typeof v != "string") ?? [], b = h.length + w.length;
+  } = K(), O = t.subcollections ?? [], h = k.entityViews?.filter((v) => typeof v == "string").map((v) => Ba(v, l)).filter(Boolean) ?? [], w = t.entityViews?.filter((v) => typeof v != "string") ?? [], b = h.length + w.length;
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(ut, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ n("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ n("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
@@ -5108,14 +5147,14 @@ function Wi({
             }),
             children: [
               /* @__PURE__ */ e(
-                Ke,
+                Ye,
                 {
                   align: "left",
                   children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: v.name })
                 }
               ),
               /* @__PURE__ */ e(
-                Ke,
+                Ye,
                 {
                   align: "right",
                   children: /* @__PURE__ */ e(ae, { title: "Remove", children: /* @__PURE__ */ e(
@@ -5154,14 +5193,14 @@ function Wi({
         b > 0 && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(Se, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ n(Vt, { children: [
           h.map((v) => /* @__PURE__ */ n(bt, { children: [
             /* @__PURE__ */ e(
-              Ke,
+              Ye,
               {
                 align: "left",
                 children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: v.name })
               }
             ),
             /* @__PURE__ */ e(
-              Ke,
+              Ye,
               {
                 align: "right",
                 children: /* @__PURE__ */ e(ae, { title: "Remove", children: /* @__PURE__ */ e(
@@ -5179,7 +5218,7 @@ function Wi({
             )
           ] }, v.key)),
           w.map((v) => /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ n(
-            Ke,
+            Ye,
             {
               align: "left",
               children: [
@@ -5192,7 +5231,7 @@ function Wi({
             }
           ) }, v.key))
         ] }) }) }) }),
-        b === 0 && /* @__PURE__ */ e(Xt, { children: "COMING SOON: You can define your own custom views by uploading it with the CLI" }),
+        b === 0 && /* @__PURE__ */ e(Zt, { children: "COMING SOON: You can define your own custom views by uploading it with the CLI" }),
         /* @__PURE__ */ e(
           E,
           {
@@ -5258,7 +5297,7 @@ function Wi({
       }
     ),
     /* @__PURE__ */ e(
-      Qi,
+      Zi,
       {
         open: u,
         onClose: (v) => {
@@ -5497,7 +5536,7 @@ const Mt = {
     }
   }
 };
-function Zi({
+function er({
   path: t,
   pathSuggestions: a,
   parentCollection: r,
@@ -5544,7 +5583,7 @@ function Zi({
         }
       ),
       /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
-        o && !d && /* @__PURE__ */ e(Je, { size: "small" }),
+        o && !d && /* @__PURE__ */ e(Qe, { size: "small" }),
         d?.map((h, w) => /* @__PURE__ */ e(
           ct,
           {
@@ -5615,7 +5654,7 @@ function Zi({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(si, { onDataAdded: (h) => i(h) })
+      /* @__PURE__ */ e(ci, { onDataAdded: (h) => i(h) })
     ] }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(E, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
@@ -5627,7 +5666,7 @@ function wt({
   onClick: i
 }) {
   return /* @__PURE__ */ e(ae, { title: a, children: /* @__PURE__ */ n(
-    ta,
+    ea,
     {
       onClick: i,
       className: xe(
@@ -5651,7 +5690,7 @@ function wt({
     }
   ) });
 }
-const Xi = [
+const tr = [
   "text_field",
   "multiline",
   "markdown",
@@ -5672,10 +5711,10 @@ const Xi = [
   "date_time",
   "repeat",
   "block"
-], er = Object.entries(kt).filter(
-  ([t]) => Xi.includes(t)
+], ar = Object.entries(kt).filter(
+  ([t]) => tr.includes(t)
 );
-function tr({
+function ir({
   importConfig: t,
   customFields: a,
   collectionEditable: r
@@ -5710,7 +5749,7 @@ function tr({
     namespace: _
   }) => {
     const O = f ? ne(f, _) : void 0, h = O ? ke(O) : void 0, w = t.importData.map((v) => N(v, y)), b = {
-      ...ai(w, k, ia),
+      ...ti(w, k, aa),
       editable: !0
     };
     h && (b ? (console.log("updating inferredNewProperty", {
@@ -5722,7 +5761,7 @@ function tr({
     /* @__PURE__ */ n(ut, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       /* @__PURE__ */ e(P, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
-        li,
+        di,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
@@ -5734,7 +5773,7 @@ function tr({
             propertyKey: y,
             importKey: k
           }) => /* @__PURE__ */ e(
-            ci,
+            pi,
             {
               property: f,
               propertyKey: y,
@@ -5747,7 +5786,7 @@ function tr({
                 });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                ar,
+                rr,
                 {
                   property: f,
                   disabled: !1,
@@ -5789,14 +5828,14 @@ function tr({
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function ar({
+function rr({
   property: t,
   onPropertyChanged: a,
   propertyKey: r,
   customFields: i,
   disabled: s
 }) {
-  const { fields: o } = Ae(), l = t ? Zt(t) : null, d = t ? We(t, o) : null, [m, u] = L(!1);
+  const { fields: o } = Ae(), l = t ? Wt(t) : null, d = t ? We(t, o) : null, [m, u] = L(!1);
   return /* @__PURE__ */ e(
     ae,
     {
@@ -5816,7 +5855,7 @@ function ar({
           position: "item-aligned",
           renderValue: (c) => d ? /* @__PURE__ */ e(Ze, { propertyConfig: d }) : null,
           onValueChange: (c) => {
-            const p = na(t, c, i);
+            const p = oa(t, c, i);
             r && (a({
               id: r,
               property: p,
@@ -5824,8 +5863,8 @@ function ar({
               namespace: void 0
             }), console.log("newSelectedWidgetId", c));
           },
-          children: er.map(([c, p]) => /* @__PURE__ */ e(
-            sa,
+          children: ar.map(([c, p]) => /* @__PURE__ */ e(
+            na,
             {
               value: c,
               optionDisabled: !1,
@@ -5839,14 +5878,14 @@ function ar({
     }
   );
 }
-function ir({ importConfig: t, properties: a, propertiesOrder: r }) {
+function or({ importConfig: t, properties: a, propertiesOrder: r }) {
   de(() => {
-    const s = di(t.originProperties, a), o = t.importData.map((l) => pi(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
+    const s = mi(t.originProperties, a), o = t.importData.map((l) => ui(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
     t.setEntities(o), console.log("res", { propertiesMapping: s, mappedData: o });
   }, []);
-  const i = Ea();
+  const i = Ma();
   return /* @__PURE__ */ e(
-    Ba,
+    Da,
     {
       title: /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Imported data preview" }),
@@ -5868,7 +5907,7 @@ function ir({ importConfig: t, properties: a, propertiesOrder: r }) {
 }
 function ca(t, a = "") {
   const r = Object.keys(t).reduce((o, l) => {
-    const d = t[l], m = Ma(l), u = a ? `${a}.${m}` : m;
+    const d = t[l], m = Ra(l), u = a ? `${a}.${m}` : m;
     if (d.dataType === "map" && d.properties) {
       const g = ca(d.properties, u);
       return {
@@ -5915,7 +5954,7 @@ function da(t) {
       onOpenChange: (d) => d ? void 0 : l(),
       children: [
         a && /* @__PURE__ */ e(
-          rr,
+          nr,
           {
             ...t,
             handleCancel: l,
@@ -5923,7 +5962,7 @@ function da(t) {
           }
         ),
         /* @__PURE__ */ e(
-          Ji,
+          Wi,
           {
             open: s,
             handleOk: () => t.handleClose(void 0),
@@ -5935,7 +5974,7 @@ function da(t) {
     }
   );
 }
-function rr({
+function nr({
   isNewCollection: t,
   initialValues: a,
   configController: r,
@@ -5953,15 +5992,15 @@ function rr({
   parentCollection: y,
   getData: k
 }) {
-  const { fields: _ } = Ae(), O = Ue(), {
+  const { fields: _ } = Ae(), O = $e(), {
     topLevelNavigation: h,
     collections: w
-  } = O, b = !a?.path && (s ?? []).length === 0, v = (y ? y.subcollections : w) ?? [], T = v.map((z) => z.path.trim().toLowerCase()), F = v.map((z) => z.alias?.trim().toLowerCase()).filter(Boolean), A = mi();
+  } = O, b = !a?.path && (s ?? []).length === 0, v = (y ? y.subcollections : w) ?? [], T = v.map((z) => z.path.trim().toLowerCase()), F = v.map((z) => z.alias?.trim().toLowerCase()).filter(Boolean), A = hi();
   if (!h)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: S
-  } = h, x = Qe(), C = $e(), j = Ye({}), Z = t ? b ? "welcome" : "details" : "properties", [q, M] = L(Z), [he, Ce] = _e.useState(), [ie, R] = _e.useState(), [Q, ee] = _e.useState(!1), [pe, me] = _e.useState();
+  } = h, x = Ue(), C = Le(), j = Ge({}), Z = t ? b ? "welcome" : "details" : "properties", [q, M] = L(Z), [he, Ce] = _e.useState(), [ie, R] = _e.useState(), [Q, ee] = _e.useState(!1), [pe, me] = _e.useState();
   de(() => {
     try {
       O.initialised && (R(i ? O.getCollectionFromPaths([...s ?? [], i]) : void 0), ee(!0));
@@ -6039,7 +6078,7 @@ function rr({
     Pt,
     {
       initialValues: fe,
-      validationSchema: (q === "properties" || q === "subcollections" || q === "details") && gi,
+      validationSchema: (q === "properties" || q === "subcollections" || q === "details") && bi,
       validate: () => {
         if (q === "properties")
           return j.current;
@@ -6049,15 +6088,15 @@ function rr({
         values: z,
         setFieldValue: Y,
         isSubmitting: U,
-        dirty: Le,
+        dirty: Ke,
         submitCount: tt
       }) => {
-        const Te = z.path ?? i, V = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + Te : Te, I = O.resolveAliasesFrom(V), H = I && k ? () => k(I) : void 0;
+        const Te = z.path ?? i, V = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + Te : Te, I = O.resolveAliasesFrom(V), G = I && k ? () => k(I) : void 0;
         de(() => {
-          p(Le);
-        }, [Le]);
+          p(Ke);
+        }, [Ke]);
         function ce(W) {
-          A.setInUse(!0), ii(W, ia).then((ft) => {
+          A.setInUse(!0), ai(W, aa).then((ft) => {
             const ve = ca(ft);
             Y("properties", ve.properties), Y("propertiesOrder", Object.keys(ve.properties)), A.setIdColumn(ve.idColumn), A.setImportData(W), A.setHeadersMapping(ve.headersMapping), A.setOriginProperties(ve.properties);
           });
@@ -6071,7 +6110,7 @@ function rr({
         }, at = ie?.editable || t;
         return /* @__PURE__ */ n(B, { children: [
           !t && /* @__PURE__ */ n(
-            Da,
+            Ua,
             {
               value: q,
               className: xe(Ct, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
@@ -6084,7 +6123,7 @@ function rr({
             }
           ),
           /* @__PURE__ */ n(
-            Qa,
+            Za,
             {
               noValidate: !0,
               className: xe(
@@ -6095,7 +6134,7 @@ function rr({
                 q === "loading" && /* @__PURE__ */ e(jt, {}),
                 q === "extra_view" && Te && u?.View && /* @__PURE__ */ e(u.View, { path: Te }),
                 q === "welcome" && /* @__PURE__ */ e(
-                  Zi,
+                  er,
                   {
                     path: Te,
                     onContinue: (W) => {
@@ -6107,7 +6146,7 @@ function rr({
                   }
                 ),
                 q === "import_data_mapping" && A && /* @__PURE__ */ e(
-                  tr,
+                  ir,
                   {
                     importConfig: A,
                     collectionEditable: at,
@@ -6115,7 +6154,7 @@ function rr({
                   }
                 ),
                 q === "import_data_preview" && A && /* @__PURE__ */ e(
-                  ir,
+                  or,
                   {
                     importConfig: A,
                     properties: z.properties,
@@ -6123,7 +6162,7 @@ function rr({
                   }
                 ),
                 q === "import_data_saving" && A && /* @__PURE__ */ e(
-                  ui,
+                  gi,
                   {
                     importConfig: A,
                     collection: z,
@@ -6136,7 +6175,7 @@ function rr({
                   }
                 ),
                 q === "details" && /* @__PURE__ */ e(
-                  yi,
+                  wi,
                   {
                     existingPaths: T,
                     existingAliases: F,
@@ -6146,7 +6185,7 @@ function rr({
                   }
                 ),
                 q === "subcollections" && ie && /* @__PURE__ */ e(
-                  Wi,
+                  Xi,
                   {
                     parentCollection: y,
                     configController: r,
@@ -6157,19 +6196,19 @@ function rr({
                   }
                 ),
                 q === "properties" && /* @__PURE__ */ e(
-                  Gi,
+                  Qi,
                   {
                     showErrors: tt > 0,
                     isNewCollection: t,
                     reservedGroups: m,
                     onPropertyError: (W, ft, ve) => {
-                      j.current = Ra({
+                      j.current = $a({
                         ...j.current,
                         [W]: ve
                       }, !0);
                     },
                     getUser: f,
-                    getData: H,
+                    getData: G,
                     doCollectionInference: Oe,
                     customFields: _,
                     collectionEditable: at,
@@ -6188,7 +6227,7 @@ function rr({
                   {
                     position: "absolute",
                     children: [
-                      he && /* @__PURE__ */ e(aa, { error: he }),
+                      he && /* @__PURE__ */ e(ta, { error: he }),
                       t && b && q === "import_data_mapping" && /* @__PURE__ */ n(
                         E,
                         {
@@ -6277,7 +6316,7 @@ function rr({
                           type: "submit",
                           loading: U,
                           disabled: U || q === "details" && !oe,
-                          startIcon: q === "properties" ? /* @__PURE__ */ e(Ua, {}) : void 0,
+                          startIcon: q === "properties" ? /* @__PURE__ */ e(La, {}) : void 0,
                           children: [
                             q === "details" && "Next",
                             q === "properties" && "Create collection"
@@ -6305,7 +6344,7 @@ function rr({
     }
   ) });
 }
-const pa = D.createContext({}), ma = D.createContext({}), or = D.memo(
+const pa = D.createContext({}), ma = D.createContext({}), sr = D.memo(
   function({
     children: a,
     collectionConfigController: r,
@@ -6317,7 +6356,7 @@ const pa = D.createContext({}), ma = D.createContext({}), or = D.memo(
     getUser: m,
     getData: u
   }) {
-    const c = Ue(), p = hi(), g = Qe(), { fields: f } = Ae(), {
+    const c = $e(), p = fi(), g = Ue(), { fields: f } = Ae(), {
       collections: y
     } = c, k = y.map((C) => C.path.trim().toLowerCase()), [_, O] = D.useState();
     de(() => {
@@ -6483,13 +6522,13 @@ const pa = D.createContext({}), ma = D.createContext({}), or = D.memo(
   },
   mt
 ), Be = () => Lt(ma), ua = () => Lt(pa);
-function nr({
+function lr({
   path: t,
   parentPathSegments: a,
   collection: r,
   tableController: i
 }) {
-  const s = $e(), o = Ue(), l = Be(), d = ua(), m = Qe(), u = o.getCollectionFromPaths(a), c = l.configPermissions ? l.configPermissions({
+  const s = Le(), o = $e(), l = Be(), d = ua(), m = Ue(), u = o.getCollectionFromPaths(a), c = l.configPermissions ? l.configPermissions({
     user: s.user,
     collection: r
   }).editCollections : !0;
@@ -6520,7 +6559,7 @@ function nr({
               message: "Default config saved"
             });
           }),
-          children: /* @__PURE__ */ e($a, {})
+          children: /* @__PURE__ */ e(Ka, {})
         }
       )
     }
@@ -6536,7 +6575,7 @@ function nr({
             color: "primary",
             disabled: !c,
             onClick: c ? () => l?.editCollection({ path: r.path, fullPath: t, parentPathSegments: a, parentCollection: u }) : void 0,
-            children: /* @__PURE__ */ e(Ge, {})
+            children: /* @__PURE__ */ e(Je, {})
           }
         )
       }
@@ -6546,11 +6585,11 @@ function nr({
 function nt(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function sr({
+function cr({
   path: t,
   collection: a
 }) {
-  const r = $e(), i = ua(), s = Be(), o = s.configPermissions({
+  const r = Le(), i = ua(), s = Be(), o = s.configPermissions({
     user: r.user,
     collection: a
   }), l = J(() => {
@@ -6561,10 +6600,10 @@ function sr({
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ n("div", { children: [
       o.deleteCollections && /* @__PURE__ */ e(
-        La,
+        Ya,
         {
-          trigger: /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Ka, { size: "small" }) }),
-          children: /* @__PURE__ */ n(Ya, { onClick: (c) => {
+          trigger: /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Ga, { size: "small" }) }),
+          children: /* @__PURE__ */ n(Ha, { onClick: (c) => {
             c.preventDefault(), c.stopPropagation(), m(!0);
           }, children: [
             /* @__PURE__ */ e(dt, {}),
@@ -6578,7 +6617,7 @@ function sr({
           onClick: (c) => {
             l();
           },
-          children: /* @__PURE__ */ e(Ge, { size: "small" })
+          children: /* @__PURE__ */ e(Je, { size: "small" })
         }
       )
     ] }),
@@ -6598,17 +6637,17 @@ function sr({
     )
   ] });
 }
-function lr({
+function dr({
   group: t,
   context: a
 }) {
   if (!a.navigation.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
-  const r = $e(), i = Be(), s = i.configPermissions ? i.configPermissions({
+  const r = Le(), i = Be(), s = i.configPermissions ? i.configPermissions({
     user: r.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
-    ta,
+    ea,
     {
       className: xe("h-full p-4 min-h-[124px]"),
       onClick: i && s ? () => i.createCollection({
@@ -6638,12 +6677,12 @@ function lr({
     }
   );
 }
-function cr() {
-  const t = $e(), a = Ue(), r = Be(), i = r.configPermissions ? r.configPermissions({
+function pr() {
+  const t = Le(), a = $e(), r = Be(), i = r.configPermissions ? r.configPermissions({
     user: t.user
   }).createCollections : !0, s = r.rootPathSuggestions ?? [], o = s.length > 3 || a.collections.length === 0 && s.length > 0;
   return /* @__PURE__ */ e(
-    Ha,
+    Ja,
     {
       in: o,
       children: /* @__PURE__ */ n(
@@ -6681,11 +6720,11 @@ function cr() {
 function ha(t, a) {
   const r = (a ?? []).map((s) => {
     const o = t?.find((l) => l.path === s.path || l.alias && s.alias && l.alias === s.alias);
-    return o ? dr(o, s) : s;
+    return o ? mr(o, s) : s;
   }), i = t.filter((s) => !r.map((o) => o.path).includes(s.path) || !r.map((o) => o.alias).includes(s.alias));
   return [...r, ...i];
 }
-function dr(t, a) {
+function mr(t, a) {
   const r = ha(t?.subcollections ?? [], a?.subcollections ?? []), i = { ...t.properties };
   Object.keys(a.properties).forEach((u) => {
     const c = t.properties[u];
@@ -6695,7 +6734,7 @@ function dr(t, a) {
   return {
     ...s,
     subcollections: r,
-    properties: Ga(i, d),
+    properties: Qa(i, d),
     propertiesOrder: d,
     entityViews: m
   };
@@ -6716,12 +6755,18 @@ function ga(t, a) {
   }
 }
 function Ut(t) {
-  return t.propertiesOrder && t.propertiesOrder.length > 0 ? t.propertiesOrder : [
+  if (t.propertiesOrder && t.propertiesOrder.length > 0) {
+    const a = t.propertiesOrder;
+    return t.additionalFields && t.additionalFields.forEach((r) => {
+      a.includes(r.key) || a.push(r.key);
+    }), a;
+  }
+  return [
     ...Object.keys(t.properties),
-    ...(t.additionalFields ?? [])?.map((a) => a.id)
+    ...(t.additionalFields ?? [])?.map((a) => a.key)
   ];
 }
-function pr({
+function ur({
   propertyKey: t,
   onHover: a,
   property: r,
@@ -6744,16 +6789,16 @@ function pr({
         });
       },
       size: "small",
-      children: /* @__PURE__ */ e(Ge, { size: "small" })
+      children: /* @__PURE__ */ e(Je, { size: "small" })
     }
   ) });
 }
-function mr({
+function hr({
   fullPath: t,
   parentPathSegments: a,
   collection: r
 }) {
-  const i = $e(), s = Be(), o = s.configPermissions ? s.configPermissions({
+  const i = Le(), s = Be(), o = s.configPermissions ? s.configPermissions({
     user: i.user,
     collection: r
   }).editCollections : !0;
@@ -6765,7 +6810,7 @@ function mr({
         s.editProperty({
           editedCollectionPath: t,
           parentPathSegments: a,
-          currentPropertiesOrder: Ja(r),
+          currentPropertiesOrder: Wa(r),
           collection: r
         });
       },
@@ -6773,7 +6818,7 @@ function mr({
     }
   ) });
 }
-function Pr({
+function Sr({
   collectionConfigController: t,
   configPermissions: a,
   reservedGroups: r,
@@ -6786,7 +6831,7 @@ function Pr({
   const m = J(
     (u) => {
       const c = (g) => {
-        ea(g.properties), g.subcollections?.forEach(c);
+        Xt(g.properties), g.subcollections?.forEach(c);
       }, p = t.collections ?? [];
       return p.forEach(c), console.debug("Injecting collections", { editableCollections: p, collections: u }), ha(p, u);
     },
@@ -6797,10 +6842,10 @@ function Pr({
     loading: t.loading,
     collections: {
       injectCollections: m,
-      CollectionActions: nr
+      CollectionActions: lr
     },
     provider: {
-      Component: or,
+      Component: sr,
       props: {
         collectionConfigController: t,
         configPermissions: a,
@@ -6813,20 +6858,20 @@ function Pr({
       }
     },
     homePage: {
-      additionalChildrenStart: /* @__PURE__ */ e(cr, {}),
-      CollectionActions: sr,
-      AdditionalCards: lr
+      additionalChildrenStart: /* @__PURE__ */ e(pr, {}),
+      CollectionActions: cr,
+      AdditionalCards: dr
     },
     collectionView: {
-      HeaderAction: pr,
-      AddColumnComponent: mr
+      HeaderAction: ur,
+      AddColumnComponent: hr
     }
   };
 }
-function Nr({ path: t }) {
-  const a = hr(t), r = ur(t), i = Be();
+function qr({ path: t }) {
+  const a = fr(t), r = gr(t), i = Be();
   return /* @__PURE__ */ n("div", { className: "p-1 flex flex-col items-center", children: [
-    /* @__PURE__ */ e(aa, { error: "No collection for path: " + a }),
+    /* @__PURE__ */ e(ta, { error: "No collection for path: " + a }),
     /* @__PURE__ */ e(
       E,
       {
@@ -6845,24 +6890,24 @@ function Nr({ path: t }) {
     )
   ] });
 }
-function ur(t) {
+function gr(t) {
   const a = t.split("/");
   return a.filter((r, i) => i % 2 === 0 && i !== a.length - 1);
 }
-function hr(t) {
+function fr(t) {
   const a = t.split("/");
   return a[a.length - 1];
 }
 export {
-  Nr as MissingReferenceWidget,
+  qr as MissingReferenceWidget,
   He as editableProperty,
   ne as getFullId,
   ke as idToPropertiesPath,
   Ne as namespaceToPropertiesOrderPath,
-  vi as namespaceToPropertiesPath,
-  Pi as removeNonEditableProperties,
+  _i as namespaceToPropertiesPath,
+  Si as removeNonEditableProperties,
   Be as useCollectionEditorController,
-  Pr as useCollectionEditorPlugin,
+  Sr as useCollectionEditorPlugin,
   ua as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map