@firecms/collection_editor 3.0.0-alpha.50 → 3.0.0-alpha.51

package/dist/index.es.js

@@ -1,18 +1,18 @@
 import { jsxs as n, Fragment as M, jsx as e } from "react/jsx-runtime";
 import * as we from "react";
-import L, { useState as $, useEffect as pe, useMemo as Yt, useCallback as X, useRef as He, useDeferredValue as fa, useContext as Gt } from "react";
-import { iconKeys as Ht, debounce as ba, SearchBar as ya, Tooltip as re, IconButton as ne, Icon as lt, coolIconKeys as xt, Typography as C, getIconForView as ct, useAutoComplete as va, Container as ht, Chip as dt, TextField as Te, cn as ke, DebouncedTextField as H, Autocomplete as wa, AutocompleteItem as _a, ExpandablePanel as Pt, SettingsIcon as Qe, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Jt, Dialog as Ee, toSnakeCase as Ct, singular as ka, ListIcon as xa, Button as B, CircularProgress as We, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as Ca, DialogContent as $e, DialogActions as Le, SwitchControl as he, serializeRegExp as Oa, isValidRegExp as Pa, RuleIcon as Na, useSnackbarController as De, resolveEnumValues as Sa, FileUploadIcon as qa, MultiSelect as Aa, MultiSelectItem as Tt, Checkbox as Vt, isPropertyBuilder as oe, useFireCMSContext as Ke, getFieldConfig as Ze, ErrorBoundary as Pe, FieldConfigBadge as Xe, cardMixin as Qt, cardClickableMixin as Wt, cardSelectedMixin as Zt, FunctionsIcon as za, RemoveCircleIcon as Ta, defaultBorderMixin as Nt, RemoveIcon as Va, DragHandleIcon as Ia, AddIcon as Ae, useNavigationController as Be, SelectGroup as It, mergeDeep as Y, getFieldId as Xt, DEFAULT_FIELD_CONFIGS as Ot, InfoLabel as ea, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as Fa, useLargeLayout as ja, CodeIcon as Ea, makePropertiesEditable as et, resolveEntityView as Da, Table as Ft, TableBody as jt, TableRow as wt, TableCell as Ge, unslugify as St, Card as ta, useSelectionController as Ba, EntityCollectionTable as Ma, slugify as Ra, useAuthController as Ye, randomString as Et, CircularProgressCenter as Dt, Tabs as Ua, Tab as _t, removeUndefined as $a, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Bt, DoneIcon as La, SaveIcon as Ka, Menu as Ya, MoreVertIcon as Ga, MenuItem as Ha, Collapse as Ja, getDefaultPropertiesOrder as Qa, joinCollectionLists as Wa } from "@firecms/core";
+import L, { useState as $, useEffect as pe, useMemo as Kt, useCallback as X, useRef as He, useDeferredValue as ba, useContext as Yt } from "react";
+import { iconKeys as Gt, debounce as ya, SearchBar as va, Tooltip as re, IconButton as ne, Icon as lt, coolIconKeys as xt, Typography as C, getIconForView as ct, useAutoComplete as wa, Container as ht, Chip as dt, TextField as Te, cn as ke, DebouncedTextField as H, Autocomplete as _a, AutocompleteItem as ka, ExpandablePanel as Ot, SettingsIcon as Qe, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Ht, Dialog as Ee, toSnakeCase as Ct, singular as xa, ListIcon as Ca, Button as B, CircularProgress as We, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as Oa, DialogContent as $e, DialogActions as Le, SwitchControl as he, serializeRegExp as Pa, isValidRegExp as Na, RuleIcon as Sa, useSnackbarController as De, resolveEnumValues as qa, FileUploadIcon as Aa, MultiSelect as za, MultiSelectItem as zt, Checkbox as Tt, isPropertyBuilder as oe, useFireCMSContext as Ke, getFieldConfig as Ze, ErrorBoundary as Pe, FieldConfigBadge as Xe, cardMixin as Jt, cardClickableMixin as Qt, cardSelectedMixin as Wt, FunctionsIcon as Ta, RemoveCircleIcon as Va, defaultBorderMixin as Pt, RemoveIcon as Ia, DragHandleIcon as Fa, AddIcon as Ae, useNavigationController as Be, SelectGroup as Vt, mergeDeep as Y, DEFAULT_FIELD_CONFIGS as Zt, getFieldId as Xt, InfoLabel as ea, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as ja, useLargeLayout as Ea, CodeIcon as Da, makePropertiesEditable as et, resolveEntityView as Ba, Table as It, TableBody as Ft, TableRow as wt, TableCell as Ge, unslugify as Nt, Card as ta, useSelectionController as Ma, EntityCollectionTable as Ra, slugify as Ua, useAuthController as Ye, randomString as jt, CircularProgressCenter as Et, Tabs as $a, Tab as _t, removeUndefined as La, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Dt, DoneIcon as Ka, SaveIcon as Ya, Menu as Ga, MoreVertIcon as Ha, MenuItem as Ja, Collapse as Qa, getDefaultPropertiesOrder as Wa, joinCollectionLists as Za } from "@firecms/core";
 import ut from "react-fast-compare";
-import { useFormikContext as K, Field as be, getIn as P, Formik as qt, FastField as de, Form as Za } from "formik";
+import { useFormikContext as K, Field as be, getIn as P, Formik as St, FastField as de, Form as Xa } from "formik";
 import * as ot from "yup";
-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 ia, getPropertiesMapping as mi, convertDataToEntity as ui, useImportConfig as hi, ImportSaveInProgress as gi } from "@firecms/data_import_export";
-import { useNavigate as fi } from "react-router";
-const bi = ot.object().shape({
+import * as ei from "js-search";
+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 si from "json5";
+import { Highlight as li, themes as ci } from "prism-react-renderer";
+import { ImportFileUpload as di, DataNewPropertiesMapping as pi, ImportNewPropertyFieldPreview as mi, getInferenceType as ia, getPropertiesMapping as ui, convertDataToEntity as hi, useImportConfig as gi, ImportSaveInProgress as fi } from "@firecms/data_import_export";
+import { useNavigate as bi } from "react-router";
+const yi = ot.object().shape({
   id: ot.string().required("Required"),
   name: ot.string().required("Required"),
   path: ot.string().required("Required")
@@ -1965,34 +1965,34 @@ const bi = ot.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"
-}, At = new Xa.Search("key");
-At.addIndex("synonyms");
-At.addDocuments(Ht.map((t) => ({
+}, qt = new ei.Search("key");
+qt.addIndex("synonyms");
+qt.addDocuments(Gt.map((t) => ({
   key: t,
   // @ts-ignore
   synonyms: ra[t] ?? []
 })));
-const yi = 220;
+const vi = 220;
 process.env.NODE_ENV !== "production" && Object.keys(ra).forEach((t) => {
-  Ht.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
+  Gt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
 });
-function vi({ selectedIcon: t = "", onIconSelected: a }) {
+function wi({ selectedIcon: t = "", onIconSelected: a }) {
   const [i, r] = we.useState(null), [s, o] = we.useState(""), l = we.useMemo(
-    () => ba((m) => {
+    () => ya((m) => {
       if (!m || m === "")
         r(null);
       else {
-        const u = At.search(m);
+        const u = qt.search(m);
         r(u.map((c) => c.key));
       }
-    }, yi),
+    }, vi),
     []
   );
   return we.useEffect(() => (l(s), () => {
     l.clear();
   }), [s, l]), /* @__PURE__ */ n(M, { children: [
     /* @__PURE__ */ e(
-      ya,
+      va,
       {
         autoFocus: !0,
         className: "w-full sticky top-0 z-10",
@@ -2018,7 +2018,7 @@ function ie({
 }) {
   return a ? /* @__PURE__ */ e(C, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
 }
-function wi({
+function _i({
   isNewCollection: t,
   reservedGroups: a,
   existingPaths: i,
@@ -2036,7 +2036,7 @@ function wi({
     isSubmitting: g,
     submitCount: b
   } = K(), [O, k] = $(!1), [x, h] = $(!1), _ = (v) => {
-    m("name", v), !P(c, "path") && t && v && m("path", Ct(v)), !P(c, "id") && t && v && m("id", Ct(v)), !P(c, "singularName") && t && v && m("singularName", ka(v));
+    m("name", v), !P(c, "path") && t && v && m("path", Ct(v)), !P(c, "id") && t && v && m("id", Ct(v)), !P(c, "singularName") && t && v && m("singularName", xa(v));
   };
   pe(() => {
     d.id && h(!0);
@@ -2045,7 +2045,7 @@ function wi({
     inputFocused: q,
     autoCompleteOpen: F,
     setAutoCompleteOpen: A
-  } = va({
+  } = wa({
     ref: l
   }), S = !!o;
   let E;
@@ -2116,12 +2116,12 @@ function wi({
           }
         ),
         /* @__PURE__ */ e(
-          wa,
+          _a,
           {
             open: F && (w ?? []).length > 0,
             setOpen: A,
             children: w?.map((v, V) => /* @__PURE__ */ e(
-              _a,
+              ka,
               {
                 onClick: () => {
                   A(!1), m("group", v ?? null);
@@ -2135,7 +2135,7 @@ function wi({
         /* @__PURE__ */ e(ie, { children: c.group && d.group ? d.group : "Group of the collection" })
       ] }),
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-        Pt,
+        Ot,
         {
           expanded: x,
           onExpandedChange: h,
@@ -2237,7 +2237,7 @@ function wi({
             ) }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                Jt,
+                Ht,
                 {
                   position: "start",
                   label: "Collection group",
@@ -2260,7 +2260,7 @@ function wi({
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
-          vi,
+          wi,
           {
             selectedIcon: p.icon,
             onIconSelected: (v) => {
@@ -2275,7 +2275,7 @@ function wi({
 function _e(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function _i(t) {
+function ki(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
 function Ne(t) {
@@ -2284,7 +2284,7 @@ function Ne(t) {
 function ce(t, a) {
   return a ? `${a}.${t}` : t;
 }
-const ki = L.memo(
+const xi = L.memo(
   function({
     enumValues: a,
     onValuesChanged: i,
@@ -2295,7 +2295,7 @@ const ki = L.memo(
     getData: p
   }) {
     return /* @__PURE__ */ e(
-      qt,
+      St,
       {
         initialValues: { enumValues: a },
         validateOnMount: !0,
@@ -2309,7 +2309,7 @@ const ki = L.memo(
         }, [m.enumValues]), pe(() => {
           r && r(!!(u?.enumValues ?? !1));
         }, [u]), /* @__PURE__ */ e(
-          xi,
+          Ci,
           {
             enumValuesPath: "enumValues",
             values: m,
@@ -2327,7 +2327,7 @@ const ki = L.memo(
     return a.enumValues.length === i.enumValues.length && a.onValuesChanged === i.onValuesChanged && a.getData === i.getData;
   }
 );
-function xi({
+function Ci({
   values: t,
   errors: a,
   disabled: i,
@@ -2341,7 +2341,7 @@ function xi({
   } = K(), [m, u] = L.useState(), [c, d] = L.useState(), [f, g] = L.useState(!1), O = L.useRef(/* @__PURE__ */ new Set()).current, k = (h, _) => {
     const y = m === _;
     return /* @__PURE__ */ e(
-      Ci,
+      Oi,
       {
         index: h,
         disabled: i,
@@ -2356,7 +2356,7 @@ function xi({
   };
   return /* @__PURE__ */ n("div", { className: "col-span-12", children: [
     /* @__PURE__ */ n("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(xa, {}),
+      /* @__PURE__ */ e(Ca, {}),
       /* @__PURE__ */ e(
         C,
         {
@@ -2376,7 +2376,7 @@ function xi({
             l && (g(!0), l?.().then((h) => {
               if (!h)
                 return;
-              const _ = h.flat(), y = Array.from(new Set(_)), w = t.enumValues, F = ei(y).filter((A) => !w?.some((S) => S.id === A.id));
+              const _ = h.flat(), y = Array.from(new Set(_)), w = t.enumValues, F = ti(y).filter((A) => !w?.some((S) => S.id === A.id));
               F.forEach((A) => {
                 O.add(A.id);
               }), p(r, [...F, ...w]);
@@ -2393,7 +2393,7 @@ function xi({
     ] }),
     /* @__PURE__ */ n(qe, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
-        Ca,
+        Oa,
         {
           value: t.enumValues,
           addLabel: "Add enum value",
@@ -2407,7 +2407,7 @@ function xi({
         }
       ),
       /* @__PURE__ */ e(
-        Oi,
+        Pi,
         {
           index: c,
           open: c !== void 0,
@@ -2418,7 +2418,7 @@ function xi({
     ] })
   ] });
 }
-const Ci = L.memo(
+const Oi = L.memo(
   function({
     index: a,
     shouldUpdateId: i,
@@ -2447,7 +2447,7 @@ const Ci = L.memo(
           required: !0,
           disabled: l,
           size: "small",
-          validate: Pi,
+          validate: Ni,
           autoFocus: s,
           autoComplete: "off",
           endAdornment: p && /* @__PURE__ */ e(gt, { size: "small" }),
@@ -2470,7 +2470,7 @@ const Ci = L.memo(
     return a.index === i.index && a.enumValuesPath === i.enumValuesPath && a.shouldUpdateId === i.shouldUpdateId && a.inferredEntry === i.inferredEntry && a.autoFocus === i.autoFocus;
   }
 );
-function Oi({
+function Pi({
   index: t,
   open: a,
   onClose: i,
@@ -2498,7 +2498,7 @@ function Oi({
               name: `${r}[${t}]id`,
               as: H,
               required: !0,
-              validate: Ni,
+              validate: Si,
               label: "ID",
               size: "small",
               autoComplete: "off",
@@ -2521,11 +2521,11 @@ function Oi({
     }
   );
 }
-function Pi(t) {
+function Ni(t) {
   let a;
   return t || (a = "You must specify a label"), a;
 }
-function Ni(t) {
+function Si(t) {
   let a;
   return t || (a = "You must specify an ID"), a;
 }
@@ -2582,7 +2582,7 @@ function Ue({
     values: u,
     handleChange: c,
     errors: d
-  } = K(), f = "validation.length", g = "validation.min", b = "validation.max", O = "validation.trim", k = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", _ = P(d, k), y = P(u, k), w = typeof y == "string" ? y : Oa(y);
+  } = K(), f = "validation.length", g = "validation.min", b = "validation.max", O = "validation.trim", k = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", _ = P(d, k), y = P(u, k), w = typeof y == "string" ? y : Pa(y);
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Me, { disabled: p }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
@@ -2661,7 +2661,7 @@ function Ue({
         {
           name: k,
           as: H,
-          validate: (q) => q && !Pa(q),
+          validate: (q) => q && !Na(q),
           label: "Matches regex",
           size: "small",
           disabled: p,
@@ -2673,7 +2673,7 @@ function Ue({
     ] })
   ] });
 }
-function zt({
+function At({
   max: t = !0,
   min: a = !0,
   disabled: i
@@ -2714,13 +2714,13 @@ function ze({
   children: t
 }) {
   return /* @__PURE__ */ e(
-    Pt,
+    Ot,
     {
       initiallyExpanded: !1,
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Na, {}),
+        /* @__PURE__ */ e(Sa, {}),
         /* @__PURE__ */ e(
           C,
           {
@@ -2734,7 +2734,7 @@ function ze({
     }
   );
 }
-function Mt({
+function Bt({
   multiselect: t,
   updateIds: a,
   disabled: i,
@@ -2749,10 +2749,10 @@ function Mt({
     touched: u,
     setFieldError: c,
     setFieldValue: d
-  } = K(), f = De(), g = t ? "of.enumValues" : "enumValues", b = P(l, "defaultValue"), O = P(l, g), k = Yt(() => !O || typeof O == "boolean" ? [] : Sa(O) ?? [], [O]);
+  } = K(), f = De(), g = t ? "of.enumValues" : "enumValues", b = P(l, "defaultValue"), O = P(l, g), k = Kt(() => !O || typeof O == "boolean" ? [] : qa(O) ?? [], [O]);
   return /* @__PURE__ */ n(M, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      ki,
+      xi,
       {
         enumValues: k,
         updateIds: a,
@@ -2781,7 +2781,7 @@ function Mt({
           showErrors: r
         }
       ),
-      t && /* @__PURE__ */ e(zt, { disabled: i })
+      t && /* @__PURE__ */ e(At, { disabled: i })
     ] }) }),
     !t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Se,
@@ -2812,7 +2812,7 @@ const nt = {
   "application/*": "Files (pdf, zip, csv, excel...)",
   "text/*": "Text files"
 };
-function Rt({
+function Mt({
   multiple: t,
   existing: a,
   disabled: i
@@ -2825,10 +2825,10 @@ function Rt({
   }, k = typeof c == "function", x = typeof d == "function";
   return /* @__PURE__ */ n(M, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Pt,
+      Ot,
       {
         title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(qa, {}),
+          /* @__PURE__ */ e(Aa, {}),
           /* @__PURE__ */ e(
             C,
             {
@@ -2840,7 +2840,7 @@ function Rt({
         ] }),
         children: /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
-            Aa,
+            za,
             {
               disabled: i,
               name: l,
@@ -2849,18 +2849,18 @@ function Rt({
               label: b ? void 0 : "Allowed file types",
               renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((_) => nt[_]).filter((_) => !!_).join(", "),
               children: [
-                /* @__PURE__ */ n(Tt, { value: "all", className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ n(zt, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
-                    Vt,
+                    Tt,
                     {
                       checked: !g
                     }
                   ),
                   "All"
                 ] }, "all"),
-                Object.entries(nt).map(([h, _]) => /* @__PURE__ */ n(Tt, { value: h, className: "flex items-center gap-2", children: [
+                Object.entries(nt).map(([h, _]) => /* @__PURE__ */ n(zt, { value: h, className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
-                    Vt,
+                    Tt,
                     {
                       checked: b || g.indexOf(h) > -1
                     }
@@ -2932,7 +2932,7 @@ function Rt({
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
       !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(Me, { disabled: i }) }),
-      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(zt, { disabled: i }) })
+      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(At, { disabled: i }) })
     ] }) })
   ] });
 }
@@ -2944,14 +2944,14 @@ function Je(t) {
     return a.dataType === "array" && typeof a.of == "function" || a.dataType === "array" && Array.isArray(a.of) ? !1 : !!a.editable;
   }
 }
-function Si(t) {
+function qi(t) {
   return Object.entries(t).filter(([a, i]) => Je(i)).map(([a, i]) => {
     const r = i;
     if (Je(r))
       return r.dataType === "map" && r.properties ? {
         [a]: {
           ...r,
-          properties: Si(r.properties)
+          properties: qi(r.properties)
         }
       } : { [a]: r };
   }).filter((a) => !!a).reduce((a, i) => ({ ...a, ...i }), {});
@@ -2977,9 +2977,9 @@ function oa({
           {
             className: ke(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Qt,
-              a ? Wt : "",
-              o ? Zt : "",
+              Jt,
+              a ? Qt : "",
+              o ? Wt : "",
               "flex-grow p-4 border transition-colors duration-200",
               i ? "border-red-500" : o ? "border-blue-500" : "border-transparent"
             ),
@@ -3024,7 +3024,7 @@ function oa({
     }
   ) });
 }
-function qi({
+function Ai({
   name: t,
   selected: a,
   onClick: i,
@@ -3043,19 +3043,19 @@ function qi({
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e(za, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(Ta, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(Ta, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
+          /* @__PURE__ */ e(Va, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
           qe,
           {
             className: ke(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Qt,
-              i ? Wt : "",
-              a ? Zt : "",
+              Jt,
+              i ? Qt : "",
+              a ? Wt : "",
               "flex-grow p-4 border transition-colors duration-200",
               a ? "border-blue-500" : "border-transparent"
             ),
@@ -3135,7 +3135,7 @@ function ft({
     const O = b.source.index, k = b.destination.index, x = Array.from(f), [h] = x.splice(O, 1);
     x.splice(k, 0, h), p && p(x, t);
   }, [t, p, f]);
-  return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(ii, { onDragEnd: g, children: /* @__PURE__ */ e(ri, { droppableId: `droppable_${t}`, children: (b, O) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(ri, { onDragEnd: g, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${t}`, children: (b, O) => /* @__PURE__ */ n(
     "div",
     {
       ...b.droppableProps,
@@ -3145,12 +3145,12 @@ function ft({
         f && f.map((k, x) => {
           const h = r[k], _ = o?.find((y) => y.key === k);
           return !h && !_ ? (console.warn(`Property ${k} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-            oi,
+            ni,
             {
               draggableId: `array_field_${t}_${k}}`,
               index: x,
               children: (y, w) => /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
-                Ai,
+                zi,
                 {
                   propertyKey: k,
                   propertyOrBuilder: h,
@@ -3175,7 +3175,7 @@ function ft({
     }
   ) }) }) });
 }
-function Ai({
+function zi({
   propertyKey: t,
   namespace: a,
   propertyOrBuilder: i,
@@ -3220,7 +3220,7 @@ function Ai({
         b && /* @__PURE__ */ e(
           "div",
           {
-            className: "absolute border-l " + Nt,
+            className: "absolute border-l " + Pt,
             style: {
               left: "32px",
               top: "64px",
@@ -3238,7 +3238,7 @@ function Ai({
             hasError: O
           }
         ) : /* @__PURE__ */ e(
-          qi,
+          Ai,
           {
             name: t,
             property: i,
@@ -3254,7 +3254,7 @@ function Ai({
               size: "small",
               color: "inherit",
               onClick: () => u(t, a),
-              children: /* @__PURE__ */ e(Va, { size: "small" })
+              children: /* @__PURE__ */ e(Ia, { size: "small" })
             }
           ) }),
           m && /* @__PURE__ */ e(re, { title: "Move", children: /* @__PURE__ */ e(
@@ -3262,7 +3262,7 @@ function Ai({
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(Ia, { size: "small" })
+              children: /* @__PURE__ */ e(Fa, { size: "small" })
             }
           ) })
         ] }),
@@ -3271,7 +3271,7 @@ function Ai({
     }
   );
 }
-function zi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r, collectionEditable: s }) {
+function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r, collectionEditable: s }) {
   const {
     values: o,
     setFieldValue: l
@@ -3289,7 +3289,7 @@ function zi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
     const F = w ? ce(w, q) : void 0;
     if (!F)
       throw Error("collection editor miss config");
-    const A = _e(F), S = Ne(q), E = P(o, S) ?? Object.keys(P(o, _i(q)));
+    const A = _e(F), S = Ne(q), E = P(o, S) ?? Object.keys(P(o, ki(q)));
     l(A, void 0, !1), l(S, E.filter((v) => v !== w), !1), m(!1), c(void 0), f(void 0);
   }, [l, o]), k = u ? ce(u, d) : void 0, x = k ? P(o.properties, k.replaceAll(".", ".properties.")) : void 0, h = /* @__PURE__ */ n(
     B,
@@ -3338,7 +3338,7 @@ function zi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
     ] }),
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        Jt,
+        Ht,
         {
           position: "start",
           size: "small",
@@ -3378,7 +3378,7 @@ function zi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
     )
   ] });
 }
-function Ti({
+function Vi({
   showErrors: t,
   existing: a,
   disabled: i,
@@ -3453,10 +3453,10 @@ function Ti({
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(zt, { disabled: i }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(At, { disabled: i }) }) })
   ] });
 }
-const Vi = L.forwardRef(
+const Ii = L.forwardRef(
   function({
     showErrors: a,
     disabledId: i,
@@ -3476,7 +3476,7 @@ const Vi = L.forwardRef(
             name: m,
             as: H,
             style: { fontSize: 20 },
-            validate: ji,
+            validate: Ei,
             placeholder: "Field name",
             required: !0,
             disabled: s,
@@ -3492,7 +3492,7 @@ const Vi = L.forwardRef(
             name: c,
             as: Te,
             label: "ID",
-            validate: (b) => Fi(b, r),
+            validate: (b) => ji(b, r),
             disabled: i || s,
             required: !0,
             size: "small",
@@ -3516,16 +3516,16 @@ const Vi = L.forwardRef(
       ] })
     ] });
   }
-), Ii = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function Fi(t, a) {
+), Fi = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function ji(t, a) {
   let i;
-  return t || (i = "You must specify an id for the field"), t && !t.match(Ii) && (i = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (i = "There is another field with this ID already"), i;
+  return t || (i = "You must specify an id for the field"), t && !t.match(Fi) && (i = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (i = "There is another field with this ID already"), i;
 }
-function ji(t) {
+function Ei(t) {
   let a;
   return t || (a = "You must specify a title for the field"), a;
 }
-function Ei({
+function Di({
   widgetId: t,
   disabled: a,
   showErrors: i
@@ -3598,7 +3598,7 @@ function Ei({
     ) })
   ] });
 }
-function Di({ disabled: t }) {
+function Bi({ disabled: t }) {
   const { values: a } = K(), i = P(a, "defaultValue");
   return /* @__PURE__ */ n(M, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) }),
@@ -3615,7 +3615,7 @@ function Di({ disabled: t }) {
     ) })
   ] });
 }
-function Bi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r, collectionEditable: s }) {
+function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r, collectionEditable: s }) {
   const {
     values: o,
     setFieldValue: l
@@ -3703,7 +3703,7 @@ function Bi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
     )
   ] });
 }
-function Mi({ disabled: t }) {
+function Ri({ disabled: t }) {
   const {
     values: a,
     handleChange: i
@@ -3790,10 +3790,10 @@ function Mi({ disabled: t }) {
     ) })
   ] });
 }
-function Ri({ disabled: t }) {
+function Ui({ disabled: t }) {
   const { values: a, setFieldValue: i } = K();
   return /* @__PURE__ */ n(M, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Mi, { disabled: t }) }) }),
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ri, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Te,
       {
@@ -3809,7 +3809,7 @@ function Ri({ disabled: t }) {
     ) })
   ] });
 }
-function Ut({
+function Rt({
   existing: t,
   multiple: a,
   disabled: i,
@@ -3833,20 +3833,20 @@ function Ut({
       name: d,
       pathPath: d,
       type: "select",
-      validate: Ui,
+      validate: $i,
       disabled: t || i,
       value: f,
       error: g,
       handleChange: o,
-      component: $i
+      component: Li
     }
   ) }) });
 }
-function Ui(t) {
+function $i(t) {
   let a;
   return t || (a = "You must specify a target collection for the field"), a;
 }
-function $i({
+function Li({
   disabled: t,
   pathPath: a,
   value: i,
@@ -3892,7 +3892,7 @@ function $i({
         ...o,
         children: [
           m.flatMap((c) => /* @__PURE__ */ e(
-            It,
+            Vt,
             {
               label: c || "Views",
               children: p.filter((d) => d.group === c).map((d) => {
@@ -3919,7 +3919,7 @@ function $i({
             },
             `group_${c}`
           )),
-          u && /* @__PURE__ */ e(It, { label: "Views", children: u.map((c) => {
+          u && /* @__PURE__ */ e(Vt, { label: "Views", children: u.map((c) => {
             const d = ct(c);
             return /* @__PURE__ */ e(
               ee,
@@ -3946,7 +3946,7 @@ function $i({
     /* @__PURE__ */ e(ie, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Li({ disabled: t }) {
+function Ki({ disabled: t }) {
   const {
     values: a,
     errors: i,
@@ -4012,7 +4012,7 @@ function Li({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) })
   ] });
 }
-function Ki({ disabled: t }) {
+function Yi({ 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(
       de,
@@ -4038,7 +4038,7 @@ function Ki({ disabled: t }) {
     ) })
   ] });
 }
-function Yi({ disabled: t }) {
+function Gi({ disabled: t }) {
   return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) }) });
 }
 function na(t, a, i) {
@@ -4287,7 +4287,7 @@ function sa({ value: t, optionDisabled: a, propertyConfig: i, existing: r }) {
     }
   );
 }
-function Gi({
+function Hi({
   disabled: t,
   showErrors: a
 }) {
@@ -4347,7 +4347,28 @@ function Gi({
     ) })
   ] });
 }
-const la = L.memo(
+const Ji = [
+  "text_field",
+  "multiline",
+  "markdown",
+  "url",
+  "email",
+  "select",
+  "multi_select",
+  "number_input",
+  "number_select",
+  "multi_number_select",
+  "file_upload",
+  "multi_file_upload",
+  "reference",
+  "multi_references",
+  "switch",
+  "date_time",
+  "group",
+  "key_value",
+  "repeat",
+  "block"
+], la = Object.entries(Zt).filter(([t]) => Ji.includes(t)).map(([t, a]) => ({ [t]: a })).reduce((t, a) => ({ ...t, ...a }), {}), ca = L.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: i,
@@ -4390,7 +4411,7 @@ const la = L.memo(
       F.current = v, u?.(v);
     };
     return /* @__PURE__ */ e(
-      qt,
+      St,
       {
         initialErrors: g,
         initialValues: m ? { id: l, ...m } : w,
@@ -4408,7 +4429,7 @@ const la = L.memo(
         children: (S) => (pe(() => {
           x?.(S);
         }, [S]), /* @__PURE__ */ e(
-          Hi,
+          Qi,
           {
             onPropertyChanged: c ? A : void 0,
             onDelete: d,
@@ -4453,7 +4474,7 @@ function je({
       fullWidth: !0,
       children: [
         /* @__PURE__ */ e($e, { children: /* @__PURE__ */ e(
-          la,
+          ca,
           {
             ...l,
             onPropertyChanged: (u) => {
@@ -4492,7 +4513,7 @@ function je({
     }
   );
 }
-function Hi({
+function Qi({
   values: t,
   errors: a,
   touched: i,
@@ -4515,7 +4536,7 @@ function Hi({
   propertyConfigs: _,
   collectionEditable: y
 }) {
-  const [w, q] = $(p), [F, A] = $(!1), [S, E] = $(t?.dataType ? Xt(t) : void 0), v = Object.entries(Ot).concat(Object.entries(_)), V = O ? v.filter(([W, te]) => !oe(te.property) && te.property?.dataType !== "array") : v, J = fa(t), N = He(null), R = He(t), ge = "id", xe = g && P(a, "selectedWidget");
+  const [w, q] = $(p), [F, A] = $(!1), [S, E] = $(t?.dataType ? Xt(t) : void 0), v = Object.entries(la).concat(Object.entries(_)), V = O ? v.filter(([W, te]) => !oe(te.property) && te.property?.dataType !== "array") : v, J = ba(t), N = He(null), R = He(t), ge = "id", xe = g && P(a, "selectedWidget");
   pe(() => {
     !P(i, ge) && l && t?.name && s(ge, Ct(t.name));
   }, [l, i, t?.name]), pe(() => {
@@ -4540,20 +4561,20 @@ function Hi({
   };
   let U;
   return S === "text_field" || S === "multiline" || S === "markdown" || S === "email" ? U = /* @__PURE__ */ e(
-    Ei,
+    Di,
     {
       widgetId: S,
       disabled: b,
       showErrors: g
     }
   ) : S === "url" ? U = /* @__PURE__ */ e(
-    Gi,
+    Hi,
     {
       disabled: b,
       showErrors: g
     }
   ) : S === "select" || S === "number_select" ? U = /* @__PURE__ */ e(
-    Mt,
+    Bt,
     {
       multiselect: !1,
       allowDataInference: h,
@@ -4563,7 +4584,7 @@ function Hi({
       showErrors: g
     }
   ) : S === "multi_select" || S === "multi_number_select" ? U = /* @__PURE__ */ e(
-    Mt,
+    Bt,
     {
       multiselect: !0,
       updateIds: !o,
@@ -4573,21 +4594,21 @@ function Hi({
       showErrors: g
     }
   ) : S === "file_upload" ? U = /* @__PURE__ */ e(
-    Rt,
+    Mt,
     {
       existing: o,
       multiple: !1,
       disabled: b
     }
   ) : S === "multi_file_upload" ? U = /* @__PURE__ */ e(
-    Rt,
+    Mt,
     {
       existing: o,
       multiple: !0,
       disabled: b
     }
-  ) : S === "switch" ? U = /* @__PURE__ */ e(Di, { disabled: b }) : S === "number_input" ? U = /* @__PURE__ */ e(Ri, { disabled: b }) : S === "group" ? U = /* @__PURE__ */ e(
-    zi,
+  ) : S === "switch" ? U = /* @__PURE__ */ e(Bi, { disabled: b }) : S === "number_input" ? U = /* @__PURE__ */ e(Ui, { disabled: b }) : S === "group" ? U = /* @__PURE__ */ e(
+    Ti,
     {
       disabled: b,
       getData: x,
@@ -4596,7 +4617,7 @@ function Hi({
       propertyConfigs: _
     }
   ) : S === "block" ? U = /* @__PURE__ */ e(
-    Bi,
+    Mi,
     {
       disabled: b,
       getData: x,
@@ -4605,15 +4626,15 @@ function Hi({
       propertyConfigs: _
     }
   ) : S === "reference" ? U = /* @__PURE__ */ e(
-    Ut,
+    Rt,
     {
       showErrors: g,
       existing: o,
       multiple: !1,
       disabled: b
     }
-  ) : S === "date_time" ? U = /* @__PURE__ */ e(Li, { disabled: b }) : S === "multi_references" ? U = /* @__PURE__ */ e(
-    Ut,
+  ) : S === "date_time" ? U = /* @__PURE__ */ e(Ki, { disabled: b }) : S === "multi_references" ? U = /* @__PURE__ */ e(
+    Rt,
     {
       showErrors: g,
       existing: o,
@@ -4621,7 +4642,7 @@ function Hi({
       disabled: b
     }
   ) : S === "repeat" ? U = /* @__PURE__ */ e(
-    Ti,
+    Vi,
     {
       showErrors: g,
       existing: o,
@@ -4631,7 +4652,7 @@ function Hi({
       collectionEditable: y,
       propertyConfigs: _
     }
-  ) : S === "key_value" ? U = /* @__PURE__ */ e(Yi, { disabled: b }) : U = null, /* @__PURE__ */ n(M, { children: [
+  ) : S === "key_value" ? U = /* @__PURE__ */ e(Gi, { disabled: b }) : U = null, /* @__PURE__ */ n(M, { children: [
     b && /* @__PURE__ */ n(ea, { mode: "warn", children: [
       /* @__PURE__ */ e(C, { children: "This property can't be edited" }),
       /* @__PURE__ */ n(C, { variant: "caption", children: [
@@ -4655,7 +4676,7 @@ function Hi({
             renderValue: (W) => {
               if (!W)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const te = W, me = Ot[te] ?? _[te], ue = me.property, fe = ue && !oe(ue) ? Ze(ue, _) : void 0, ye = oe(ue) || o && ue.dataType !== t?.dataType, Ce = fe ? Y(fe, me) : me;
+              const te = W, me = Zt[te] ?? _[te], ue = me.property, fe = ue && !oe(ue) ? Ze(ue, _) : void 0, ye = oe(ue) || o && ue.dataType !== t?.dataType, Ce = fe ? Y(fe, me) : me;
               return /* @__PURE__ */ n(
                 "div",
                 {
@@ -4724,7 +4745,7 @@ function Hi({
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
       m && /* @__PURE__ */ e(
-        Vi,
+        Ii,
         {
           showErrors: g,
           disabledId: o,
@@ -4735,7 +4756,7 @@ function Hi({
         }
       ),
       U,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ki, { disabled: b }) })
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Yi, { disabled: b }) })
     ] }),
     c && /* @__PURE__ */ e(
       mt,
@@ -4753,13 +4774,13 @@ function Hi({
     )
   ] });
 }
-function Ji(t) {
+function Wi(t) {
   return (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((a, i) => a + i[0].toUpperCase() + i.substring(1));
 }
-function Qi({ collection: t, onOpenChange: a, open: i }) {
+function Zi({ collection: t, onOpenChange: a, open: i }) {
   const r = De(), s = `import { EntityCollection } from "firecms";
 
-const ` + Ji(t.name) + "Collection:EntityCollection = " + ni.stringify(ca(t), null, "	");
+const ` + Wi(t.name) + "Collection:EntityCollection = " + si.stringify(da(t), null, "	");
   return /* @__PURE__ */ n(
     Ee,
     {
@@ -4785,9 +4806,9 @@ const ` + Ji(t.name) + "Collection:EntityCollection = " + ni.stringify(ca(t), nu
             "."
           ] }),
           /* @__PURE__ */ e(
-            si,
+            li,
             {
-              theme: li.vsDark,
+              theme: ci.vsDark,
               code: s,
               language: "typescript",
               children: ({ className: o, style: l, tokens: p, getLineProps: m, getTokenProps: u }) => /* @__PURE__ */ e("pre", { style: l, className: "p-4 rounded text-sm", children: p.map((c, d) => /* @__PURE__ */ e("div", { ...m({ line: c }), children: c.map((f, g) => /* @__PURE__ */ e("span", { ...u({ token: f }) }, g)) }, d)) })
@@ -4805,7 +4826,7 @@ const ` + Ji(t.name) + "Collection:EntityCollection = " + ni.stringify(ca(t), nu
                 message: "Copied"
               }), navigator.clipboard.writeText(s)),
               children: [
-                /* @__PURE__ */ e(Fa, { size: "small" }),
+                /* @__PURE__ */ e(ja, { size: "small" }),
                 "Copy to clipboard"
               ]
             }
@@ -4816,7 +4837,7 @@ const ` + Ji(t.name) + "Collection:EntityCollection = " + ni.stringify(ca(t), nu
     }
   );
 }
-function ca(t) {
+function da(t) {
   const a = (i) => {
     const r = {
       ...i
@@ -4842,10 +4863,10 @@ function ca(t) {
     properties: Object.entries(t.properties).map(([i, r]) => ({
       [i]: a(r)
     })).reduce((i, r) => ({ ...i, ...r }), {}),
-    subcollections: (t.subcollections ?? []).map(ca)
+    subcollections: (t.subcollections ?? []).map(da)
   };
 }
-function Wi({
+function Xi({
   showErrors: t,
   isNewCollection: a,
   propertyErrorsRef: i,
@@ -4866,7 +4887,7 @@ function Wi({
     setFieldTouched: O,
     errors: k,
     dirty: x
-  } = K(), h = De(), _ = ja("lg"), y = !_, [w, q] = $(), [F, A] = $(), [S, E] = $(), v = F ? ce(F, S) : void 0, V = v ? P(f.properties, v.replaceAll(".", ".properties.")) : void 0, [J, N] = $(!1), [R, ge] = $(!1), [xe, Q] = $(!1), [U, W] = $([]), te = L.useRef(f.propertiesOrder ? { "": f.propertiesOrder } : {});
+  } = K(), h = De(), _ = Ea("lg"), y = !_, [w, q] = $(), [F, A] = $(), [S, E] = $(), v = F ? ce(F, S) : void 0, V = v ? P(f.properties, v.replaceAll(".", ".properties.")) : void 0, [J, N] = $(!1), [R, ge] = $(!1), [xe, Q] = $(!1), [U, W] = $([]), te = L.useRef(f.propertiesOrder ? { "": f.propertiesOrder } : {});
   pe(() => {
     s && s(x);
   }, [x]);
@@ -4954,11 +4975,11 @@ function Wi({
     }
   }, bt = () => {
     q(void 0), A(void 0);
-  }, T = F && i?.current?.properties ? i.current.properties[F] : void 0, I = f?.propertiesOrder === void 0 || f.propertiesOrder.length === 0, D = f.propertiesOrder ? f.propertiesOrder : Object.keys(f.properties), Oe = Yt(() => p(f.ownerId), [p, f.ownerId]), at = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+  }, T = F && i?.current?.properties ? i.current.properties[F] : void 0, I = f?.propertiesOrder === void 0 || f.propertiesOrder.length === 0, D = f.propertiesOrder ? f.propertiesOrder : Object.keys(f.properties), Oe = Kt(() => p(f.ownerId), [p, f.ownerId]), at = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ n("div", { className: ke(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
-      !y && "border-r " + Nt
+      !y && "border-r " + Pt
     ), children: [
       /* @__PURE__ */ n("div", { className: "flex my-2", children: [
         /* @__PURE__ */ n("div", { className: "flex-grow mb-4", children: [
@@ -4997,7 +5018,7 @@ function Wi({
               variant: "filled",
               disabled: R,
               onClick: () => N(!0),
-              children: /* @__PURE__ */ e(Ea, {})
+              children: /* @__PURE__ */ e(Da, {})
             }
           ) }),
           me && /* @__PURE__ */ e(re, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
@@ -5056,7 +5077,7 @@ function Wi({
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
           v && V && !oe(V) && /* @__PURE__ */ e(
-            la,
+            ca,
             {
               inArray: !1,
               existingProperty: !a,
@@ -5128,7 +5149,7 @@ function Wi({
       }
     ),
     /* @__PURE__ */ e(
-      Qi,
+      Zi,
       {
         collection: f,
         open: J,
@@ -5137,7 +5158,7 @@ function Wi({
     )
   ] });
 }
-function Zi({
+function er({
   open: t,
   handleOk: a,
   handleCancel: i,
@@ -5165,7 +5186,7 @@ function Zi({
     }
   );
 }
-function Xi({ open: t, onClose: a }) {
+function tr({ open: t, onClose: a }) {
   const {
     entityViews: i
   } = Ke();
@@ -5199,7 +5220,7 @@ function Xi({ open: t, onClose: a }) {
     }
   );
 }
-function er({
+function ar({
   collection: t,
   parentCollection: a,
   configController: i,
@@ -5210,7 +5231,7 @@ function er({
   const { entityViews: l } = Ke(), [p, m] = L.useState(), [u, c] = L.useState(!1), [d, f] = L.useState(), [g, b] = L.useState(), {
     values: O,
     setFieldValue: k
-  } = K(), x = t.subcollections ?? [], h = O.entityViews?.filter((w) => typeof w == "string").map((w) => Da(w, l)).filter(Boolean) ?? [], _ = t.entityViews?.filter((w) => typeof w != "string") ?? [], y = h.length + _.length;
+  } = K(), x = t.subcollections ?? [], h = O.entityViews?.filter((w) => typeof w == "string").map((w) => Ba(w, l)).filter(Boolean) ?? [], _ = t.entityViews?.filter((w) => typeof w != "string") ?? [], y = h.length + _.length;
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(ht, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ n("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ n("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
@@ -5218,7 +5239,7 @@ function er({
           "Subcollections of ",
           O.name
         ] }),
-        x && x.length > 0 && /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Ft, { children: /* @__PURE__ */ e(jt, { children: x.map((w) => /* @__PURE__ */ n(
+        x && x.length > 0 && /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ e(Ft, { children: x.map((w) => /* @__PURE__ */ n(
           wt,
           {
             onClick: () => b({
@@ -5270,7 +5291,7 @@ function er({
       ] }),
       /* @__PURE__ */ n("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ e(C, { variant: "h5", children: "Custom views" }),
-        y > 0 && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Ft, { children: /* @__PURE__ */ n(jt, { children: [
+        y > 0 && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ n(Ft, { children: [
           h.map((w) => /* @__PURE__ */ n(wt, { children: [
             /* @__PURE__ */ e(
               Ge,
@@ -5365,7 +5386,7 @@ function er({
       }
     ),
     /* @__PURE__ */ e(
-      pa,
+      ma,
       {
         open: !!g,
         configController: i,
@@ -5381,7 +5402,7 @@ function er({
       }
     ),
     /* @__PURE__ */ e(
-      Xi,
+      tr,
       {
         open: u,
         onClose: (w) => {
@@ -5391,7 +5412,7 @@ function er({
     )
   ] });
 }
-const $t = {
+const Ut = {
   id: "products",
   path: "products",
   name: "Products",
@@ -5476,7 +5497,7 @@ const $t = {
       autoValue: "on_create"
     }
   })
-}, Lt = {
+}, $t = {
   id: "blog",
   path: "blog",
   name: "Blog",
@@ -5588,7 +5609,7 @@ const $t = {
   initialFilter: {
     status: ["==", "published"]
   }
-}, Kt = {
+}, Lt = {
   id: "users",
   path: "users",
   name: "Users",
@@ -5620,7 +5641,7 @@ const $t = {
     }
   })
 };
-function tr({
+function ir({
   path: t,
   pathSuggestions: a,
   parentCollection: i,
@@ -5673,7 +5694,7 @@ function tr({
           {
             colorScheme: "cyanLighter",
             onClick: () => {
-              c("name", St(h)), c("path", h), c("properties", void 0), r();
+              c("name", Nt(h)), c("path", h), c("properties", void 0), r();
             },
             size: "small",
             children: h
@@ -5698,9 +5719,9 @@ function tr({
           {
             title: "Products",
             subtitle: "A collection of products with images, prices and stock",
-            icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: $t.icon }),
+            icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Ut.icon }),
             onClick: () => {
-              d($t), r();
+              d(Ut), r();
             }
           }
         ),
@@ -5709,9 +5730,9 @@ function tr({
           {
             title: "Blog posts",
             subtitle: "A collection of blog posts with images, authors and complex content",
-            icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Lt.icon }),
+            icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: $t.icon }),
             onClick: () => {
-              d(Lt), r();
+              d($t), r();
             }
           }
         ),
@@ -5720,9 +5741,9 @@ function tr({
           {
             title: "Users",
             subtitle: "A collection of users with emails, names and roles",
-            icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Kt.icon }),
+            icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Lt.icon }),
             onClick: () => {
-              d(Kt), r();
+              d(Lt), r();
             }
           }
         )
@@ -5738,7 +5759,7 @@ function tr({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ci, { onDataAdded: (h) => r(h) })
+      /* @__PURE__ */ e(di, { onDataAdded: (h) => r(h) })
     ] }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(B, { variant: "text", onClick: () => r(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
@@ -5774,30 +5795,6 @@ function kt({
     }
   ) });
 }
-const ar = [
-  "text_field",
-  "multiline",
-  "markdown",
-  "url",
-  "email",
-  "select",
-  "multi_select",
-  "number_input",
-  "number_select",
-  "multi_number_select",
-  "file_upload",
-  "multi_file_upload",
-  "group",
-  "key_value",
-  "reference",
-  "multi_references",
-  "switch",
-  "date_time",
-  "repeat",
-  "block"
-], ir = Object.entries(Ot).filter(
-  ([t]) => ar.includes(t)
-);
 function rr({
   importConfig: t,
   propertyConfigs: a,
@@ -5833,7 +5830,7 @@ function rr({
     namespace: k
   }) => {
     const x = g ? ce(g, k) : void 0, h = x ? _e(x) : void 0, _ = t.importData.map((w) => P(w, b)), y = {
-      ...ti(_, O, ia),
+      ...ai(_, O, ia),
       editable: !0
     };
     h && (y ? (console.log("updating inferredNewProperty", {
@@ -5845,7 +5842,7 @@ function rr({
     /* @__PURE__ */ n(ht, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       /* @__PURE__ */ e(C, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
-        di,
+        pi,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
@@ -5857,7 +5854,7 @@ function rr({
             propertyKey: b,
             importKey: O
           }) => /* @__PURE__ */ e(
-            pi,
+            mi,
             {
               property: g,
               propertyKey: b,
@@ -5947,7 +5944,7 @@ function or({
               namespace: void 0
             }), console.log("newSelectedWidgetId", u));
           },
-          children: ir.map(([u, c]) => /* @__PURE__ */ e(
+          children: Object.entries(la).map(([u, c]) => /* @__PURE__ */ e(
             sa,
             {
               value: u,
@@ -5964,12 +5961,12 @@ function or({
 }
 function nr({ importConfig: t, properties: a, propertiesOrder: i }) {
   pe(() => {
-    const s = mi(t.originProperties, a), o = t.importData.map((l) => ui(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
+    const s = ui(t.originProperties, a), o = t.importData.map((l) => hi(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
     t.setEntities(o), console.log("res", { propertiesMapping: s, mappedData: o });
   }, []);
-  const r = Ba();
+  const r = Ma();
   return /* @__PURE__ */ e(
-    Ma,
+    Ra,
     {
       title: /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Imported data preview" }),
@@ -5989,11 +5986,11 @@ function nr({ importConfig: t, properties: a, propertiesOrder: i }) {
     }
   );
 }
-function da(t, a = "") {
+function pa(t, a = "") {
   const i = Object.keys(t).reduce((o, l) => {
-    const p = t[l], m = Ra(l), u = a ? `${a}.${m}` : m;
+    const p = t[l], m = Ua(l), u = a ? `${a}.${m}` : m;
     if (p.dataType === "map" && p.properties) {
-      const f = da(p.properties, u);
+      const f = pa(p.properties, u);
       return {
         headersMapping: { ...o.headersMapping, [l]: u },
         properties: {
@@ -6021,7 +6018,7 @@ function da(t, a = "") {
     idColumn: s
   };
 }
-function pa(t) {
+function ma(t) {
   const a = t.open, [i, r] = we.useState(!1), [s, o] = we.useState(!1), l = X(() => {
     i ? o(!0) : t.handleClose(void 0);
   }, [i, t.handleClose]);
@@ -6046,7 +6043,7 @@ function pa(t) {
           }
         ),
         /* @__PURE__ */ e(
-          Zi,
+          er,
           {
             open: s,
             handleOk: () => t.handleClose(void 0),
@@ -6079,7 +6076,7 @@ function sr({
   const { propertyConfigs: k } = Ke(), x = Be(), {
     topLevelNavigation: h,
     collections: _
-  } = x, y = !a?.path && (s ?? []).length === 0, w = (b ? b.subcollections : _) ?? [], q = w.map((T) => T.path.trim().toLowerCase()), F = w.map((T) => T.id?.trim().toLowerCase()).filter(Boolean), A = hi();
+  } = x, y = !a?.path && (s ?? []).length === 0, w = (b ? b.subcollections : _) ?? [], q = w.map((T) => T.path.trim().toLowerCase()), F = w.map((T) => T.id?.trim().toLowerCase()).filter(Boolean), A = gi();
   if (!h)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
@@ -6105,9 +6102,9 @@ function sr({
     }), !1));
   }, ye = Q ? {
     ...Q,
-    id: Q.id ?? Q.path ?? Et(16)
+    id: Q.id ?? Q.path ?? jt(16)
   } : void 0, Ce = ye ? lr(ye, k) : {
-    id: a?.path ?? Et(16),
+    id: a?.path ?? jt(16),
     path: a?.path ?? "",
     name: a?.name ?? "",
     group: a?.group ?? "",
@@ -6169,11 +6166,11 @@ function sr({
       }), console.error(D), I.resetForm({ values: T });
     }
   };
-  return !t && (!x.initialised || !W) ? /* @__PURE__ */ e(Dt, {}) : /* @__PURE__ */ e($e, { fullHeight: !0, children: /* @__PURE__ */ e(
-    qt,
+  return !t && (!x.initialised || !W) ? /* @__PURE__ */ e(Et, {}) : /* @__PURE__ */ e($e, { fullHeight: !0, children: /* @__PURE__ */ e(
+    St,
     {
       initialValues: Ce,
-      validationSchema: (N === "properties" || N === "subcollections" || N === "details") && bi,
+      validationSchema: (N === "properties" || N === "subcollections" || N === "details") && yi,
       validate: (T) => {
         if (N === "properties")
           return V.current;
@@ -6199,8 +6196,8 @@ function sr({
           d(at);
         }, [at]);
         function ve(Z) {
-          A.setInUse(!0), ai(Z, ia).then((Ie) => {
-            const Fe = da(Ie);
+          A.setInUse(!0), ii(Z, ia).then((Ie) => {
+            const Fe = pa(Ie);
             D("properties", Fe.properties), D("propertiesOrder", Object.keys(Fe.properties)), A.setIdColumn(Fe.idColumn), A.setImportData(Z), A.setHeadersMapping(Fe.headersMapping), A.setOriginProperties(Fe.properties);
           });
         }
@@ -6213,10 +6210,10 @@ function sr({
         }, vt = Q?.editable || t;
         return /* @__PURE__ */ n(M, { children: [
           !t && /* @__PURE__ */ n(
-            Ua,
+            $a,
             {
               value: N,
-              className: ke(Nt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
+              className: ke(Pt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
               onValueChange: (Z) => R(Z),
               children: [
                 /* @__PURE__ */ e(_t, { value: "details", children: "Details" }),
@@ -6226,7 +6223,7 @@ function sr({
             }
           ),
           /* @__PURE__ */ n(
-            Za,
+            Xa,
             {
               noValidate: !0,
               className: ke(
@@ -6234,10 +6231,10 @@ function sr({
                 "flex-grow flex flex-col relative"
               ),
               children: [
-                N === "loading" && /* @__PURE__ */ e(Dt, {}),
+                N === "loading" && /* @__PURE__ */ e(Et, {}),
                 N === "extra_view" && j && u?.View && /* @__PURE__ */ e(u.View, { path: j }),
                 N === "welcome" && /* @__PURE__ */ e(
-                  tr,
+                  ir,
                   {
                     path: j,
                     onContinue: (Z) => {
@@ -6265,7 +6262,7 @@ function sr({
                   }
                 ),
                 N === "import_data_saving" && A && /* @__PURE__ */ e(
-                  gi,
+                  fi,
                   {
                     importConfig: A,
                     collection: I,
@@ -6278,7 +6275,7 @@ function sr({
                   }
                 ),
                 N === "details" && /* @__PURE__ */ e(
-                  wi,
+                  _i,
                   {
                     existingPaths: q,
                     existingIds: F,
@@ -6288,7 +6285,7 @@ function sr({
                   }
                 ),
                 N === "subcollections" && Q && /* @__PURE__ */ e(
-                  er,
+                  ar,
                   {
                     parentCollection: b,
                     configController: i,
@@ -6299,13 +6296,13 @@ function sr({
                   }
                 ),
                 N === "properties" && /* @__PURE__ */ e(
-                  Wi,
+                  Xi,
                   {
                     showErrors: z > 0,
                     isNewCollection: t,
                     reservedGroups: m,
                     onPropertyError: (Z, Ie, Fe) => {
-                      V.current = $a({
+                      V.current = La({
                         ...V.current,
                         [Z]: Fe
                       }, !0);
@@ -6412,14 +6409,14 @@ function sr({
                         }
                       ),
                       t && (N === "details" || N === "properties") && /* @__PURE__ */ n(
-                        Bt,
+                        Dt,
                         {
                           variant: "filled",
                           color: "primary",
                           type: "submit",
                           loading: Oe,
                           disabled: Oe || N === "details" && !yt,
-                          startIcon: N === "properties" ? /* @__PURE__ */ e(La, {}) : void 0,
+                          startIcon: N === "properties" ? /* @__PURE__ */ e(Ka, {}) : void 0,
                           children: [
                             N === "details" && "Next",
                             N === "properties" && "Create collection"
@@ -6427,7 +6424,7 @@ function sr({
                         }
                       ),
                       !t && /* @__PURE__ */ e(
-                        Bt,
+                        Dt,
                         {
                           variant: "filled",
                           color: "primary",
@@ -6450,10 +6447,10 @@ function sr({
 function lr(t, a) {
   const { properties: i, ...r } = t, s = {};
   return Object.keys(i).forEach((o) => {
-    s[o] = ma(i[o], a);
+    s[o] = ua(i[o], a);
   }), { ...r, properties: s };
 }
-function ma(t, a) {
+function ua(t, a) {
   let i = t;
   if (a && typeof i == "object" && i.propertyConfig) {
     const r = a[i.propertyConfig];
@@ -6462,7 +6459,7 @@ function ma(t, a) {
     else if (r && (i = Y(r.property, i)), !oe(i) && i.dataType === "map" && i.properties) {
       const s = {};
       Object.keys(i.properties).forEach((o) => {
-        s[o] = ma(i.properties[o], a);
+        s[o] = ua(i.properties[o], a);
       }), i = { ...i, properties: s };
     }
   }
@@ -6476,7 +6473,7 @@ const cr = (t, a, i, r) => {
     return;
   let s;
   return a && i?.includes(t.trim().toLowerCase()) && (s = "There is already a collection that uses this value as a path"), a && r?.includes(t.trim().toLowerCase()) && (s = "There is already a collection which uses this id"), s;
-}, ua = L.createContext({}), ha = L.createContext({}), pr = L.memo(
+}, ha = L.createContext({}), ga = L.createContext({}), pr = L.memo(
   function({
     children: a,
     collectionConfigController: i,
@@ -6488,7 +6485,7 @@ const cr = (t, a, i, r) => {
     getUser: m,
     getData: u
   }) {
-    const c = Be(), d = fi(), f = De(), { propertyConfigs: g } = Ke(), {
+    const c = Be(), d = bi(), f = De(), { propertyConfigs: g } = Ke(), {
       collections: b
     } = c, O = b.map((v) => v.path.trim().toLowerCase()), [k, x] = L.useState();
     pe(() => {
@@ -6546,8 +6543,8 @@ const cr = (t, a, i, r) => {
         redirect: N
       });
     }, []), E = p ? (v) => !v && k ? Promise.resolve(k) : p?.(v) : void 0;
-    return /* @__PURE__ */ e(ua.Provider, { value: i, children: /* @__PURE__ */ n(
-      ha.Provider,
+    return /* @__PURE__ */ e(ha.Provider, { value: i, children: /* @__PURE__ */ n(
+      ga.Provider,
       {
         value: {
           editCollection: F,
@@ -6559,7 +6556,7 @@ const cr = (t, a, i, r) => {
         children: [
           a,
           /* @__PURE__ */ e(
-            pa,
+            ma,
             {
               open: !!h,
               configController: i,
@@ -6653,14 +6650,14 @@ const cr = (t, a, i, r) => {
     ) });
   },
   ut
-), Re = () => Gt(ha), ga = () => Gt(ua);
+), Re = () => Yt(ga), fa = () => Yt(ha);
 function mr({
   path: t,
   parentCollectionIds: a,
   collection: i,
   tableController: r
 }) {
-  const s = Ye(), o = Be(), l = Re(), p = ga(), m = De(), u = o.getCollectionFromIds(a), c = l.configPermissions ? l.configPermissions({
+  const s = Ye(), o = Be(), l = Re(), p = fa(), m = De(), u = o.getCollectionFromIds(a), c = l.configPermissions ? l.configPermissions({
     user: s.user,
     collection: i
   }).editCollections : !0;
@@ -6691,7 +6688,7 @@ function mr({
               message: "Default config saved"
             });
           }),
-          children: /* @__PURE__ */ e(Ka, {})
+          children: /* @__PURE__ */ e(Ya, {})
         }
       )
     }
@@ -6721,7 +6718,7 @@ function ur({
   path: t,
   collection: a
 }) {
-  const i = De(), r = Ye(), s = ga(), o = Re(), l = o.configPermissions({
+  const i = De(), r = Ye(), s = fa(), o = Re(), l = o.configPermissions({
     user: r.user,
     collection: a
   }), p = X(() => {
@@ -6737,10 +6734,10 @@ function ur({
   return /* @__PURE__ */ n(M, { children: [
     /* @__PURE__ */ n("div", { children: [
       l.deleteCollections && /* @__PURE__ */ e(
-        Ya,
+        Ga,
         {
-          trigger: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(Ga, { size: "small" }) }),
-          children: /* @__PURE__ */ n(Ha, { onClick: (d) => {
+          trigger: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(Ha, { size: "small" }) }),
+          children: /* @__PURE__ */ n(Ja, { onClick: (d) => {
             d.preventDefault(), d.stopPropagation(), u(!0);
           }, children: [
             /* @__PURE__ */ e(pt, {}),
@@ -6819,7 +6816,7 @@ function gr() {
     user: t.user
   }).createCollections : !0, s = i.rootPathSuggestions ?? [], o = s.length > 3 || a.collections.length === 0 && s.length > 0;
   return /* @__PURE__ */ e(
-    Ja,
+    Qa,
     {
       in: o,
       children: /* @__PURE__ */ n(
@@ -6838,7 +6835,7 @@ function gr() {
                     icon: /* @__PURE__ */ e(Ae, { size: "small" }),
                     colorScheme: "cyanLighter",
                     onClick: i && r ? () => i.createCollection({
-                      initialValues: { path: l, name: St(l) },
+                      initialValues: { path: l, name: Nt(l) },
                       parentCollectionIds: [],
                       redirect: !0
                     }) : void 0,
@@ -6898,7 +6895,7 @@ function br({
         s.editProperty({
           editedCollectionPath: t,
           parentCollectionIds: a,
-          currentPropertiesOrder: Qa(i),
+          currentPropertiesOrder: Wa(i),
           collection: i
         });
       },
@@ -6922,7 +6919,7 @@ function Ar({
       const d = (g) => {
         et(g.properties), g.subcollections?.forEach(d);
       }, f = t.collections ?? [];
-      return f.forEach(d), Wa(c, f, [], a);
+      return f.forEach(d), Za(c, f, [], a);
     },
     [t.collections, a]
   );
@@ -6969,7 +6966,7 @@ function zr({ path: t }) {
         size: "small",
         onClick: () => {
           s.createCollection({
-            initialValues: { path: i, name: St(i) },
+            initialValues: { path: i, name: Nt(i) },
             parentCollectionIds: r,
             redirect: !1
           });
@@ -6989,10 +6986,10 @@ export {
   ce as getFullId,
   _e as idToPropertiesPath,
   Ne as namespaceToPropertiesOrderPath,
-  _i as namespaceToPropertiesPath,
-  Si as removeNonEditableProperties,
+  ki as namespaceToPropertiesPath,
+  qi as removeNonEditableProperties,
   Re as useCollectionEditorController,
   Ar as useCollectionEditorPlugin,
-  ga as useCollectionsConfigController
+  fa as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map