@firecms/collection_editor 3.0.0-alpha.54 → 3.0.0-alpha.56

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs as n, Fragment as U, jsx as e } from "react/jsx-runtime";
+import { iconKeys as Kt, 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 xe, DebouncedTextField as W, Autocomplete as wa, AutocompleteItem as _a, ExpandablePanel as Ot, SettingsIcon as Je, Select as Se, SelectItem as X, BooleanSwitchWithLabel as Yt, Dialog as Ee, toSnakeCase as Ct, singular as ka, ListIcon as xa, Button as R, CircularProgress as Qe, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as Ca, DialogContent as $e, DialogActions as Le, SwitchControl as he, serializeRegExp as Oa, isValidRegExp as Na, RuleIcon as Pa, useSnackbarController as De, resolveEnumValues as Sa, FileUploadIcon as qa, MultiSelect as Aa, MultiSelectItem as zt, Checkbox as Tt, isPropertyBuilder as oe, useFireCMSContext as Ke, getFieldConfig as Ze, ErrorBoundary as Ne, FieldConfigBadge as Xe, cardMixin as Gt, cardClickableMixin as Ht, cardSelectedMixin as Wt, FunctionsIcon as za, RemoveCircleIcon as Ta, defaultBorderMixin as Nt, RemoveIcon as Va, DragHandleIcon as Ia, AddIcon as Ae, useNavigationController as Be, SelectGroup as Vt, mergeDeep as G, DEFAULT_FIELD_CONFIGS as Jt, getFieldId as Qt, InfoLabel as Zt, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as Fa, useLargeLayout as ja, CodeIcon as Ea, makePropertiesEditable as et, resolveEntityView as Da, Table as It, TableBody as Ft, TableRow as wt, TableCell as Ge, unslugify as Pt, Card as Xt, useSelectionController as Ba, EntityCollectionTable as Ma, slugify as Ra, useAuthController as Ye, randomString as jt, CircularProgressCenter as Et, Tabs as Ua, Tab as _t, removeUndefined as $a, ErrorView as ea, ArrowBackIcon as rt, LoadingButton as Dt, DoneIcon as La, SaveIcon as Ka, Menu as Ya, MoreVertIcon as Ga, MenuItem as Ha, Collapse as Wa, getDefaultPropertiesOrder as Ja, joinCollectionLists as Qa } from "@firecms/core";
 import * as _e from "react";
-import K, { useState as L, useEffect as pe, useMemo as Kt, useCallback as Q, useRef as He, useDeferredValue as ba, useContext as Yt } from "react";
-import { iconKeys as Gt, debounce as ya, SearchBar as va, Tooltip as re, IconButton as ne, Icon as lt, coolIconKeys as xt, Typography as C, getIconForView as ct, useAutoComplete as wa, Container as ht, Chip as dt, TextField as Te, cn as xe, DebouncedTextField as W, Autocomplete as _a, AutocompleteItem as ka, ExpandablePanel as Ot, SettingsIcon as Je, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Ht, Dialog as Ee, toSnakeCase as Ct, singular as xa, ListIcon as Ca, Button as R, CircularProgress as Qe, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as Oa, DialogContent as $e, DialogActions as Le, SwitchControl as he, serializeRegExp as Na, isValidRegExp as Pa, RuleIcon as Sa, useSnackbarController as De, resolveEnumValues as qa, FileUploadIcon as Aa, MultiSelect as za, MultiSelectItem as zt, Checkbox as Tt, isPropertyBuilder as oe, useFireCMSContext as Ke, getFieldConfig as Ze, ErrorBoundary as Ne, FieldConfigBadge as Xe, cardMixin as Wt, cardClickableMixin as Jt, cardSelectedMixin as Qt, FunctionsIcon as Ta, RemoveCircleIcon as Va, defaultBorderMixin as Nt, RemoveIcon as Ia, DragHandleIcon as Fa, AddIcon as Ae, useNavigationController as Be, SelectGroup as Vt, mergeDeep as G, DEFAULT_FIELD_CONFIGS as Zt, getFieldId as Xt, InfoLabel as ea, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as ja, useLargeLayout as Ea, CodeIcon as Da, makePropertiesEditable as et, resolveEntityView as Ba, Table as It, TableBody as Ft, TableRow as wt, TableCell as Ge, unslugify as Pt, Card as ta, useSelectionController as Ma, EntityCollectionTable as Ra, slugify as Ua, useAuthController as Ye, randomString as jt, CircularProgressCenter as Et, Tabs as $a, Tab as _t, removeUndefined as La, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Dt, DoneIcon as Ka, SaveIcon as Ya, Menu as Ga, MoreVertIcon as Ha, MenuItem as Wa, Collapse as Ja, getDefaultPropertiesOrder as Qa, joinCollectionLists as Za } from "@firecms/core";
+import K, { useState as L, useEffect as pe, useMemo as ta, useCallback as ee, useRef as He, useDeferredValue as Za, useContext as aa } from "react";
 import ut from "react-fast-compare";
 import { useFormikContext as Y, Field as be, getIn as N, Formik as St, FastField as de, Form as Xa } from "formik";
 import * as ot from "yup";
@@ -1967,18 +1967,18 @@ const yi = ot.object().shape({
   zoom_out_map: "arrows destination location maps move place stop"
 }, qt = new ei.Search("key");
 qt.addIndex("synonyms");
-qt.addDocuments(Gt.map((t) => ({
+qt.addDocuments(Kt.map((t) => ({
   key: t,
   // @ts-ignore
   synonyms: ra[t] ?? []
 })));
 const vi = 220;
 process.env.NODE_ENV !== "production" && Object.keys(ra).forEach((t) => {
-  Gt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
+  Kt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
 });
 function wi({ selectedIcon: t = "", onIconSelected: a }) {
   const [i, r] = _e.useState(null), [s, o] = _e.useState(""), l = _e.useMemo(
-    () => ya((m) => {
+    () => ba((m) => {
       if (!m || m === "")
         r(null);
       else {
@@ -1992,7 +1992,7 @@ function wi({ selectedIcon: t = "", onIconSelected: a }) {
     l.clear();
   }), [s, l]), /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e(
-      va,
+      ya,
       {
         autoFocus: !0,
         className: "w-full sticky top-0 z-10",
@@ -2036,7 +2036,7 @@ function _i({
     isSubmitting: f,
     submitCount: b
   } = Y(), [P, w] = L(!1), [k, g] = L(!1), v = (S) => {
-    m("name", S), !N(d, "path") && t && S && m("path", Ct(S)), !N(d, "id") && t && S && m("id", Ct(S)), !N(d, "singularName") && t && S && m("singularName", xa(S));
+    m("name", S), !N(d, "path") && t && S && m("path", Ct(S)), !N(d, "id") && t && S && m("id", Ct(S)), !N(d, "singularName") && t && S && m("singularName", ka(S));
   };
   pe(() => {
     c.id && g(!0);
@@ -2045,7 +2045,7 @@ function _i({
     inputFocused: A,
     autoCompleteOpen: E,
     setAutoCompleteOpen: z
-  } = wa({
+  } = va({
     ref: l
   }), q = !!o;
   let B;
@@ -2116,12 +2116,12 @@ function _i({
           }
         ),
         /* @__PURE__ */ e(
-          _a,
+          wa,
           {
             open: E && (h ?? []).length > 0,
             setOpen: z,
             children: h?.map((S, O) => /* @__PURE__ */ e(
-              ka,
+              _a,
               {
                 onClick: () => {
                   z(!1), m("group", S ?? null);
@@ -2205,7 +2205,7 @@ function _i({
                 value: p.defaultSize ?? "",
                 renderValue: (S) => S.toUpperCase(),
                 children: ["xs", "s", "m", "l", "xl"].map((S) => /* @__PURE__ */ e(
-                  ee,
+                  X,
                   {
                     value: S,
                     children: S.toUpperCase()
@@ -2229,15 +2229,15 @@ function _i({
                 value: "",
                 renderValue: (S) => S === "code_defined" ? "Code defined" : S === "true" ? "Users must define an ID" : S === "optional" ? "Users can define an ID, but it is not required" : "Document ID is generated automatically",
                 children: [
-                  /* @__PURE__ */ e(ee, { value: "false", children: "Document ID is generated automatically" }),
-                  /* @__PURE__ */ e(ee, { value: "true", children: "Users must define an ID" }),
-                  /* @__PURE__ */ e(ee, { value: "optional", children: "Users can define an ID, but it is not required" })
+                  /* @__PURE__ */ e(X, { value: "false", children: "Document ID is generated automatically" }),
+                  /* @__PURE__ */ e(X, { value: "true", children: "Users must define an ID" }),
+                  /* @__PURE__ */ e(X, { value: "optional", children: "Users can define an ID, but it is not required" })
                 ]
               }
             ) }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                Ht,
+                Yt,
                 {
                   position: "start",
                   label: "Collection group",
@@ -2356,7 +2356,7 @@ function Ci({
   };
   return /* @__PURE__ */ n("div", { className: "col-span-12", children: [
     /* @__PURE__ */ n("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(Ca, {}),
+      /* @__PURE__ */ e(xa, {}),
       /* @__PURE__ */ e(
         C,
         {
@@ -2393,7 +2393,7 @@ function Ci({
     ] }),
     /* @__PURE__ */ n(qe, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
-        Oa,
+        Ca,
         {
           value: t.enumValues,
           addLabel: "Add enum value",
@@ -2582,7 +2582,7 @@ function Ue({
     values: u,
     handleChange: d,
     errors: c
-  } = Y(), y = "validation.length", f = "validation.min", b = "validation.max", P = "validation.trim", w = "validation.matches", k = "validation.lowercase", g = "validation.uppercase", v = N(c, w), _ = N(u, w), h = typeof _ == "string" ? _ : Na(_);
+  } = Y(), y = "validation.length", f = "validation.min", b = "validation.max", P = "validation.trim", w = "validation.matches", k = "validation.lowercase", g = "validation.uppercase", v = N(c, w), _ = N(u, w), h = typeof _ == "string" ? _ : Oa(_);
   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: w,
           as: W,
-          validate: (A) => A && !Pa(A),
+          validate: (A) => A && !Na(A),
           label: "Matches regex",
           size: "small",
           disabled: p,
@@ -2720,7 +2720,7 @@ function ze({
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Sa, {}),
+        /* @__PURE__ */ e(Pa, {}),
         /* @__PURE__ */ e(
           C,
           {
@@ -2749,7 +2749,7 @@ function Bt({
     touched: u,
     setFieldError: d,
     setFieldValue: c
-  } = Y(), y = De(), f = t ? "of.enumValues" : "enumValues", b = N(l, "defaultValue"), P = N(l, f), w = Kt(() => !P || typeof P == "boolean" ? [] : qa(P) ?? [], [P]);
+  } = Y(), y = De(), f = t ? "of.enumValues" : "enumValues", b = N(l, "defaultValue"), P = N(l, f), w = ta(() => !P || typeof P == "boolean" ? [] : Sa(P) ?? [], [P]);
   return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xi,
@@ -2794,7 +2794,7 @@ function Bt({
         label: "Default value",
         value: b ?? "",
         children: w.filter((g) => !!g?.id).map((g) => /* @__PURE__ */ e(
-          ee,
+          X,
           {
             value: g.id?.toString(),
             children: g.label
@@ -2828,7 +2828,7 @@ function Mt({
       Ot,
       {
         title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(Aa, {}),
+          /* @__PURE__ */ e(qa, {}),
           /* @__PURE__ */ e(
             C,
             {
@@ -2840,7 +2840,7 @@ function Mt({
         ] }),
         children: /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
-            za,
+            Aa,
             {
               disabled: i,
               name: l,
@@ -2977,9 +2977,9 @@ function oa({
           {
             className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Wt,
-              a ? Jt : "",
-              o ? Qt : "",
+              Gt,
+              a ? Ht : "",
+              o ? Wt : "",
               "flex-grow p-4 border transition-colors duration-200",
               i ? "border-red-500" : o ? "border-blue-500" : "border-transparent"
             ),
@@ -3043,19 +3043,19 @@ function Ai({
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e(Ta, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(za, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(Va, { 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(
           qe,
           {
             className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Wt,
-              i ? Jt : "",
-              a ? Qt : "",
+              Gt,
+              i ? Ht : "",
+              a ? Wt : "",
               "flex-grow p-4 border transition-colors duration-200",
               a ? "border-blue-500" : "border-transparent"
             ),
@@ -3129,7 +3129,7 @@ function ft({
   inferredPropertyKeys: d,
   collectionEditable: c
 }) {
-  const y = s ?? Object.keys(r), f = Q((b) => {
+  const y = s ?? Object.keys(r), f = ee((b) => {
     if (!b.destination)
       return;
     const P = b.source.index, w = b.destination.index, k = Array.from(y), [g] = k.splice(P, 1);
@@ -3254,7 +3254,7 @@ function zi({
               size: "small",
               color: "inherit",
               onClick: () => u(t, a),
-              children: /* @__PURE__ */ e(Ia, { size: "small" })
+              children: /* @__PURE__ */ e(Va, { size: "small" })
             }
           ) }),
           m && /* @__PURE__ */ e(re, { title: "Move", children: /* @__PURE__ */ e(
@@ -3262,7 +3262,7 @@ function zi({
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(Fa, { size: "small" })
+              children: /* @__PURE__ */ e(Ia, { size: "small" })
             }
           ) })
         ] }),
@@ -3275,7 +3275,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
   const {
     values: o,
     setFieldValue: l
-  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), f = o.propertiesOrder ?? Object.keys(o.properties ?? {}), b = Q(({
+  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), f = o.propertiesOrder ?? Object.keys(o.properties ?? {}), b = ee(({
     id: h,
     property: A
   }) => {
@@ -3285,7 +3285,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
       ...o.properties ?? {},
       [h]: A
     }, !1), l("propertiesOrder", [...f, h], !1), m(!1);
-  }, [o.properties, f]), P = Q((h, A) => {
+  }, [o.properties, f]), P = ee((h, A) => {
     const E = h ? ce(h, A) : void 0;
     if (!E)
       throw Error("collection editor miss config");
@@ -3303,7 +3303,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         o.name ?? "this group"
       ]
     }
-  ), v = !f || f.length < 1, _ = Q((h, A) => {
+  ), v = !f || f.length < 1, _ = ee((h, A) => {
     l(Pe(A), h, !1);
   }, []);
   return /* @__PURE__ */ n(U, { children: [
@@ -3338,7 +3338,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
     ] }),
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        Ht,
+        Yt,
         {
           position: "start",
           size: "small",
@@ -3393,7 +3393,7 @@ function Vi({
     errors: u,
     setFieldValue: d,
     touched: c
-  } = Y(), [y, f] = L(!1), b = N(p, "of"), P = N(c, "of") && N(u, "of"), w = Q(({ id: g, property: v, namespace: _ }) => {
+  } = Y(), [y, f] = L(!1), b = N(p, "of"), P = N(c, "of") && N(u, "of"), w = ee(({ id: g, property: v, namespace: _ }) => {
     d("of", v);
   }, []), k = b && Ze(b, o);
   return /* @__PURE__ */ n(U, { children: [
@@ -3619,7 +3619,7 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
   const {
     values: o,
     setFieldValue: l
-  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), f = Q(({
+  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), f = ee(({
     id: v,
     property: _
   }) => {
@@ -3629,7 +3629,7 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
       ...o.oneOf?.properties ?? {},
       [v]: _
     }, !1), l("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), v], !1), m(!1);
-  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), b = u ? ce(u, c) : void 0, P = b ? N(o.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, w = Q((v, _) => {
+  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), b = u ? ce(u, c) : void 0, P = b ? N(o.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, w = ee((v, _) => {
     const h = v ? ce(v, _) : void 0;
     if (!h)
       throw Error("collection editor miss config");
@@ -3648,7 +3648,7 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         o.name ?? "this block"
       ]
     }
-  ), g = Q((v, _) => {
+  ), g = ee((v, _) => {
     l(`oneOf.${Pe(_)}`, v, !1);
   }, []);
   return /* @__PURE__ */ n(U, { children: [
@@ -3898,7 +3898,7 @@ function Li({
               children: p.filter((c) => c.group === d).map((c) => {
                 const y = ct(c);
                 return /* @__PURE__ */ e(
-                  ee,
+                  X,
                   {
                     value: c.id ?? c.path,
                     children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
@@ -3922,7 +3922,7 @@ function Li({
           u && /* @__PURE__ */ e(Vt, { label: "Views", children: u.map((d) => {
             const c = ct(d);
             return /* @__PURE__ */ e(
-              ee,
+              X,
               {
                 value: d.id ?? d.path,
                 children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
@@ -3975,8 +3975,8 @@ function Ki({ disabled: t }) {
           },
           disabled: t,
           children: [
-            /* @__PURE__ */ e(ee, { value: "date_time", children: " Date/Time " }),
-            /* @__PURE__ */ e(ee, { value: "date", children: " Date " })
+            /* @__PURE__ */ e(X, { value: "date_time", children: " Date/Time " }),
+            /* @__PURE__ */ e(X, { value: "date", children: " Date " })
           ]
         }
       ),
@@ -4001,9 +4001,9 @@ function Ki({ disabled: t }) {
           error: !!d,
           label: "Automatic value",
           children: [
-            /* @__PURE__ */ e(ee, { value: "", children: " None " }),
-            /* @__PURE__ */ e(ee, { value: "on_create", children: " On create " }),
-            /* @__PURE__ */ e(ee, { value: "on_update", children: " On any update " })
+            /* @__PURE__ */ e(X, { value: "", children: " None " }),
+            /* @__PURE__ */ e(X, { value: "on_create", children: " On create " }),
+            /* @__PURE__ */ e(X, { value: "on_update", children: " On any update " })
           ]
         }
       ),
@@ -4255,7 +4255,7 @@ function na(t, a, i) {
 }
 function sa({ value: t, optionDisabled: a, propertyConfig: i, existing: r }) {
   return /* @__PURE__ */ e(
-    ee,
+    X,
     {
       value: t,
       disabled: a,
@@ -4316,10 +4316,10 @@ function Hi({
         },
         value: s ?? "[NONE]",
         children: [
-          /* @__PURE__ */ e(ee, { value: "[NONE]", children: "Display URL" }),
-          /* @__PURE__ */ e(ee, { value: "image", children: "Image" }),
-          /* @__PURE__ */ e(ee, { value: "video", children: "Video" }),
-          /* @__PURE__ */ e(ee, { value: "audio", children: "Audio" })
+          /* @__PURE__ */ e(X, { value: "[NONE]", children: "Display URL" }),
+          /* @__PURE__ */ e(X, { value: "image", children: "Image" }),
+          /* @__PURE__ */ e(X, { value: "video", children: "Video" }),
+          /* @__PURE__ */ e(X, { value: "audio", children: "Audio" })
         ]
       }
     ) }),
@@ -4368,7 +4368,7 @@ const Wi = [
   "key_value",
   "repeat",
   "block"
-], la = Object.entries(Zt).filter(([t]) => Wi.includes(t)).map(([t, a]) => ({ [t]: a })).reduce((t, a) => ({ ...t, ...a }), {}), ca = K.memo(
+], la = Object.entries(Jt).filter(([t]) => Wi.includes(t)).map(([t, a]) => ({ [t]: a })).reduce((t, a) => ({ ...t, ...a }), {}), ca = K.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: i,
@@ -4535,7 +4535,7 @@ function Ji({
   propertyConfigs: v,
   collectionEditable: _
 }) {
-  const [h, A] = L(p), [E, z] = L(!1), [q, B] = L(t?.dataType ? Xt(t) : void 0), S = Object.entries(la).concat(Object.entries(v)), O = P ? S.filter(([J, te]) => !oe(te.property) && te.property?.dataType !== "array") : S, j = ba(t), x = He(null), I = He(t), ge = "id", ye = f && N(a, "selectedWidget");
+  const [h, A] = L(p), [E, z] = L(!1), [q, B] = L(t?.dataType ? Qt(t) : void 0), S = Object.entries(la).concat(Object.entries(v)), O = P ? S.filter(([J, te]) => !oe(te.property) && te.property?.dataType !== "array") : S, j = Za(t), x = He(null), I = He(t), ge = "id", ye = f && N(a, "selectedWidget");
   pe(() => {
     !N(i, ge) && l && t?.name && s(ge, Ct(t.name));
   }, [l, i, t?.name]), pe(() => {
@@ -4553,7 +4553,7 @@ function Ji({
   }, [j, m, u, c]), pe(() => {
     t?.id && y && Object.keys(a).length > 0 && y(t?.id, c, a);
   }, [a, y, c, t?.id]);
-  const Z = (J) => {
+  const Q = (J) => {
     B(J), r(na(t, J, v)), setTimeout(() => {
       x.current?.focus();
     }, 0);
@@ -4652,7 +4652,7 @@ function Ji({
       propertyConfigs: v
     }
   ) : q === "key_value" ? $ = /* @__PURE__ */ e(Gi, { disabled: b }) : $ = null, /* @__PURE__ */ n(U, { children: [
-    b && /* @__PURE__ */ n(ea, { mode: "warn", children: [
+    b && /* @__PURE__ */ n(Zt, { mode: "warn", children: [
       /* @__PURE__ */ e(C, { children: "This property can't be edited" }),
       /* @__PURE__ */ n(C, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
@@ -4675,7 +4675,7 @@ function Ji({
             renderValue: (J) => {
               if (!J)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const te = J, me = Zt[te] ?? v[te], ue = me.property, fe = ue && !oe(ue) ? Ze(ue, v) : void 0, ve = oe(ue) || o && ue.dataType !== t?.dataType, Ce = fe ? G(fe, me) : me;
+              const te = J, me = Jt[te] ?? v[te], ue = me.property, fe = ue && !oe(ue) ? Ze(ue, v) : void 0, ve = oe(ue) || o && ue.dataType !== t?.dataType, Ce = fe ? G(fe, me) : me;
               return /* @__PURE__ */ n(
                 "div",
                 {
@@ -4704,7 +4704,7 @@ function Ji({
               );
             },
             onValueChange: (J) => {
-              Z(J);
+              Q(J);
             },
             children: O.map(([J, te]) => {
               const me = te.property, ue = o && !oe(me) && me.dataType !== t?.dataType;
@@ -4825,7 +4825,7 @@ const ` + Qi(t.name) + "Collection:EntityCollection = " + si.stringify(da(t), nu
                 message: "Copied"
               }), navigator.clipboard.writeText(s)),
               children: [
-                /* @__PURE__ */ e(ja, { size: "small" }),
+                /* @__PURE__ */ e(Fa, { size: "small" }),
                 "Copy to clipboard"
               ]
             }
@@ -4886,7 +4886,7 @@ function Xi({
     setFieldTouched: P,
     errors: w,
     dirty: k
-  } = Y(), g = De(), v = Ea("lg"), _ = !v, [h, A] = L(), [E, z] = L(), [q, B] = L(), S = E ? ce(E, q) : void 0, O = S ? N(y.properties, S.replaceAll(".", ".properties.")) : void 0, [j, x] = L(!1), [I, ge] = L(!1), [ye, Z] = L(!1), [$, J] = L([]), te = K.useRef(y.propertiesOrder ? { "": y.propertiesOrder } : {});
+  } = Y(), g = De(), v = ja("lg"), _ = !v, [h, A] = L(), [E, z] = L(), [q, B] = L(), S = E ? ce(E, q) : void 0, O = S ? N(y.properties, S.replaceAll(".", ".properties.")) : void 0, [j, x] = L(!1), [I, ge] = L(!1), [ye, Q] = L(!1), [$, J] = L([]), te = K.useRef(y.propertiesOrder ? { "": y.propertiesOrder } : {});
   pe(() => {
     s && s(k);
   }, [k]);
@@ -4927,7 +4927,7 @@ function Xi({
       throw Error("collection editor miss config");
     f(ke(H), void 0, !1);
     const le = ue(D).filter((we) => we !== V);
-    fe(le, D), Z(!1), A(void 0), z(void 0), B(void 0);
+    fe(le, D), Q(!1), A(void 0), z(void 0), B(void 0);
   }, Ce = (V, D) => {
     f(Pe(D), V, !1);
   }, ae = ({
@@ -4941,7 +4941,7 @@ function Xi({
       [V]: D
     }, !1);
     const H = [...y.propertiesOrder ?? Object.keys(y.properties), V];
-    fe(H), Z(!1), v && (A(H.indexOf(V)), z(V)), B(void 0);
+    fe(H), Q(!1), v && (A(H.indexOf(V)), z(V)), B(void 0);
   }, Ve = ({
     id: V,
     property: D,
@@ -4950,8 +4950,8 @@ function Xi({
   }) => {
     const le = V ? ce(V, se) : void 0, we = le ? ke(le) : void 0;
     if (H && H !== V) {
-      const yt = ce(H, se), it = ke(yt), X = ue(se).map((Ie) => Ie === H ? V : Ie).filter((Ie) => Ie !== void 0);
-      fe(X, se), V && (A(X.indexOf(V)), z(V)), f(it, void 0, !1), P(it, !1, !1);
+      const yt = ce(H, se), it = ke(yt), Z = ue(se).map((Ie) => Ie === H ? V : Ie).filter((Ie) => Ie !== void 0);
+      fe(Z, se), V && (A(Z.indexOf(V)), z(V)), f(it, void 0, !1), P(it, !1, !1);
     }
     we && (f(we, D, !1), P(we, !0, !1));
   }, tt = (V, D, H) => {
@@ -4967,7 +4967,7 @@ function Xi({
     }
   }, bt = () => {
     A(void 0), z(void 0);
-  }, T = E && i?.current?.properties ? i.current.properties[E] : void 0, F = y?.propertiesOrder === void 0 || y.propertiesOrder.length === 0, M = y.propertiesOrder ? y.propertiesOrder : Object.keys(y.properties), Oe = Kt(() => p(y.ownerId), [p, y.ownerId]), at = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+  }, T = E && i?.current?.properties ? i.current.properties[E] : void 0, F = y?.propertiesOrder === void 0 || y.propertiesOrder.length === 0, M = y.propertiesOrder ? y.propertiesOrder : Object.keys(y.properties), Oe = ta(() => p(y.ownerId), [p, y.ownerId]), at = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ n("div", { className: xe(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
@@ -5010,7 +5010,7 @@ function Xi({
               variant: "filled",
               disabled: I,
               onClick: () => x(!0),
-              children: /* @__PURE__ */ e(Da, {})
+              children: /* @__PURE__ */ e(Ea, {})
             }
           ) }),
           me && /* @__PURE__ */ e(re, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
@@ -5026,7 +5026,7 @@ function Xi({
             R,
             {
               variant: "outlined",
-              onClick: () => Z(!0),
+              onClick: () => Q(!0),
               children: /* @__PURE__ */ e(Ae, {})
             }
           ) })
@@ -5057,7 +5057,7 @@ function Xi({
           color: "primary",
           variant: "outlined",
           size: "large",
-          onClick: () => Z(!0),
+          onClick: () => Q(!0),
           startIcon: /* @__PURE__ */ e(Ae, {}),
           children: "Add new property"
         }
@@ -5131,7 +5131,7 @@ function Xi({
         autoUpdateId: !0,
         forceShowErrors: t,
         open: ye,
-        onCancel: () => Z(!1),
+        onCancel: () => Q(!1),
         onPropertyChanged: ae,
         getData: m,
         allowDataInference: !a,
@@ -5223,7 +5223,7 @@ function ar({
   const { entityViews: l } = Ke(), [p, m] = K.useState(), [u, d] = K.useState(!1), [c, y] = K.useState(), [f, b] = K.useState(), {
     values: P,
     setFieldValue: w
-  } = Y(), k = t.subcollections ?? [], g = P.entityViews?.filter((h) => typeof h == "string").map((h) => Ba(h, l)).filter(Boolean) ?? [], v = t.entityViews?.filter((h) => typeof h != "string") ?? [], _ = g.length + v.length;
+  } = Y(), k = t.subcollections ?? [], g = P.entityViews?.filter((h) => typeof h == "string").map((h) => Da(h, l)).filter(Boolean) ?? [], v = t.entityViews?.filter((h) => typeof h != "string") ?? [], _ = g.length + v.length;
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(ht, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ n("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ n("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
@@ -5324,7 +5324,7 @@ function ar({
             }
           ) }, h.key))
         ] }) }) }) }),
-        _ === 0 && /* @__PURE__ */ n(ea, { children: [
+        _ === 0 && /* @__PURE__ */ n(Zt, { children: [
           /* @__PURE__ */ e("b", { children: "COMING SOON" }),
           " Define your own custom views by uploading it with the CLI"
         ] }),
@@ -5763,7 +5763,7 @@ function kt({
   onClick: r
 }) {
   return /* @__PURE__ */ e(re, { title: a, children: /* @__PURE__ */ n(
-    ta,
+    Xt,
     {
       onClick: r,
       className: xe(
@@ -5905,7 +5905,7 @@ function or({
   propertyConfigs: r,
   disabled: s
 }) {
-  const o = t ? Xt(t) : null, l = t ? Ze(t, r) : null, [p, m] = L(!1);
+  const o = t ? Qt(t) : null, l = t ? Ze(t, r) : null, [p, m] = L(!1);
   return /* @__PURE__ */ e(
     re,
     {
@@ -5953,9 +5953,9 @@ function nr({ importConfig: t, properties: a, propertiesOrder: i }) {
     const s = ui(t.originProperties, a), o = t.importData.map((l) => hi(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
     t.setEntities(o);
   }, []);
-  const r = Ma();
+  const r = Ba();
   return /* @__PURE__ */ e(
-    Ra,
+    Ma,
     {
       title: /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Imported data preview" }),
@@ -5977,7 +5977,7 @@ function nr({ importConfig: t, properties: a, propertiesOrder: i }) {
 }
 function pa(t, a = "") {
   const i = Object.keys(t).reduce((o, l) => {
-    const p = t[l], m = Ua(l), u = a ? `${a}.${m}` : m;
+    const p = t[l], m = Ra(l), u = a ? `${a}.${m}` : m;
     if (p.dataType === "map" && p.properties) {
       const y = pa(p.properties, u);
       return {
@@ -6008,7 +6008,7 @@ function pa(t, a = "") {
   };
 }
 function ma(t) {
-  const a = t.open, [i, r] = _e.useState(!1), [s, o] = _e.useState(!1), l = Q(() => {
+  const a = t.open, [i, r] = _e.useState(!1), [s, o] = _e.useState(!1), l = ee(() => {
     i ? o(!0) : t.handleClose(void 0);
   }, [i, t.handleClose]);
   return pe(() => {
@@ -6070,7 +6070,7 @@ function sr({
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: q
-  } = g, B = De(), S = Ye(), O = He({}), j = t ? _ ? "welcome" : "details" : "properties", [x, I] = L(j), [ge, ye] = _e.useState(), [Z, $] = _e.useState(), [J, te] = _e.useState(!1), [me, ue] = _e.useState();
+  } = g, B = De(), S = Ye(), O = He({}), j = t ? _ ? "welcome" : "details" : "properties", [x, I] = L(j), [ge, ye] = _e.useState(), [Q, $] = _e.useState(), [J, te] = _e.useState(!1), [me, ue] = _e.useState();
   pe(() => {
     try {
       k.initialised && ($(r ? k.getCollectionFromPaths([...s ?? [], r]) : void 0), te(!0));
@@ -6089,9 +6089,9 @@ function sr({
       type: "error",
       message: "Error persisting collection: " + (M.message ?? "Details in the console")
     }), !1));
-  }, ve = Z ? {
-    ...Z,
-    id: Z.id ?? Z.path ?? jt(16)
+  }, ve = Q ? {
+    ...Q,
+    id: Q.id ?? Q.path ?? jt(16)
   } : void 0, Ce = ve ? lr(ve, w) : {
     id: a?.path ?? jt(16),
     path: a?.path ?? "",
@@ -6101,12 +6101,12 @@ function sr({
     propertiesOrder: [],
     icon: xt[Math.floor(Math.random() * xt.length)],
     ownerId: S.user?.uid ?? ""
-  }, ae = Q(() => {
+  }, ae = ee(() => {
     x === "details" ? z.inUse ? I("import_data_saving") : I(u ? "extra_view" : "properties") : I(x === "welcome" ? "details" : x === "import_data_mapping" ? "import_data_preview" : x === "import_data_preview" ? "details" : x === "extra_view" ? "properties" : "details");
-  }, [x, z.inUse, u]), Ve = Q((T) => {
+  }, [x, z.inUse, u]), Ve = ee((T) => {
     if (l)
       return l?.(T.path, T.collectionGroup ?? !1, s ?? []);
-  }, [l, s]), tt = Q(async (T) => {
+  }, [l, s]), tt = ee(async (T) => {
     try {
       if (!Ve)
         return $(T), Promise.resolve(T);
@@ -6180,27 +6180,33 @@ function sr({
           isSubmitting: Oe,
           dirty: at,
           submitCount: V
-        } = T, D = F.path ?? r, H = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + D : D, se = k.resolveAliasesFrom(H), le = se && P ? () => P(se) : void 0;
+        } = T, D = F.path ?? r, H = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + D : D;
+        console.log("CollectionEditorDialog", {
+          fullPath: o,
+          path: D,
+          updatedFullPath: H
+        });
+        const se = k.resolveAliasesFrom(H), le = se && P ? () => P(se) : void 0;
         pe(() => {
           c(at);
         }, [at]);
-        function we(X) {
-          z.setInUse(!0), ii(X, ia).then((Ie) => {
+        function we(Z) {
+          z.setInUse(!0), ii(Z, ia).then((Ie) => {
             const Fe = pa(Ie);
-            M("properties", Fe.properties), M("propertiesOrder", Object.keys(Fe.properties)), z.setIdColumn(Fe.idColumn), z.setImportData(X), z.setHeadersMapping(Fe.headersMapping), z.setOriginProperties(Fe.properties);
+            M("properties", Fe.properties), M("propertiesOrder", Object.keys(Fe.properties)), z.setIdColumn(Fe.idColumn), z.setImportData(Z), z.setHeadersMapping(Fe.headersMapping), z.setOriginProperties(Fe.properties);
           });
         }
         const yt = !!F.name && !!F.id, it = () => {
-          const X = { ...F.properties };
-          z.idColumn && delete X[z.idColumn], M("properties", X), ae();
-        }, vt = Z?.editable || t;
+          const Z = { ...F.properties };
+          z.idColumn && delete Z[z.idColumn], M("properties", Z), ae();
+        }, vt = Q?.editable || t;
         return /* @__PURE__ */ n(U, { children: [
           !t && /* @__PURE__ */ n(
-            $a,
+            Ua,
             {
               value: x,
               className: xe(Nt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-              onValueChange: (X) => I(X),
+              onValueChange: (Z) => I(Z),
               children: [
                 /* @__PURE__ */ e(_t, { value: "details", children: "Details" }),
                 /* @__PURE__ */ e(_t, { value: "properties", children: "Properties" }),
@@ -6223,8 +6229,8 @@ function sr({
                   ir,
                   {
                     path: D,
-                    onContinue: (X) => {
-                      X ? (we(X), I("import_data_mapping")) : I("details");
+                    onContinue: (Z) => {
+                      Z ? (we(Z), I("import_data_mapping")) : I("details");
                     },
                     collections: v,
                     parentCollection: b,
@@ -6252,8 +6258,8 @@ function sr({
                   {
                     importConfig: z,
                     collection: F,
-                    onImportSuccess: (X) => {
-                      p(X), B.open({
+                    onImportSuccess: (Z) => {
+                      p(Z), B.open({
                         type: "info",
                         message: "Data imported successfully"
                       });
@@ -6270,7 +6276,7 @@ function sr({
                     isNewCollection: t
                   }
                 ),
-                x === "subcollections" && Z && /* @__PURE__ */ e(
+                x === "subcollections" && Q && /* @__PURE__ */ e(
                   ar,
                   {
                     parentCollection: b,
@@ -6278,7 +6284,7 @@ function sr({
                     getUser: f,
                     collectionInference: l,
                     parentCollectionIds: s,
-                    collection: Z
+                    collection: Q
                   }
                 ),
                 x === "properties" && /* @__PURE__ */ e(
@@ -6287,10 +6293,10 @@ function sr({
                     showErrors: V > 0,
                     isNewCollection: t,
                     reservedGroups: m,
-                    onPropertyError: (X, Ie, Fe) => {
-                      O.current = La({
+                    onPropertyError: (Z, Ie, Fe) => {
+                      O.current = $a({
                         ...O.current,
-                        [X]: Fe
+                        [Z]: Fe
                       }, !0);
                     },
                     getUser: f,
@@ -6313,7 +6319,7 @@ function sr({
                   {
                     position: "absolute",
                     children: [
-                      ge && /* @__PURE__ */ e(aa, { error: ge }),
+                      ge && /* @__PURE__ */ e(ea, { error: ge }),
                       t && _ && x === "import_data_mapping" && /* @__PURE__ */ n(
                         R,
                         {
@@ -6402,7 +6408,7 @@ function sr({
                           type: "submit",
                           loading: Oe,
                           disabled: Oe || x === "details" && !yt,
-                          startIcon: x === "properties" ? /* @__PURE__ */ e(Ka, {}) : void 0,
+                          startIcon: x === "properties" ? /* @__PURE__ */ e(La, {}) : void 0,
                           children: [
                             x === "details" && "Next",
                             x === "properties" && "Create collection"
@@ -6480,11 +6486,11 @@ const cr = (t, a, i, r) => {
         g(O.filter((j) => !w.includes(j.trim().toLowerCase())));
       });
     }, [p]);
-    const [v, _] = K.useState(), [h, A] = K.useState(), E = Q(() => ({
+    const [v, _] = K.useState(), [h, A] = K.useState(), E = ee(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
-    }), []), z = Q(({
+    }), []), z = ee(({
       path: O,
       fullPath: j,
       parentCollectionIds: x,
@@ -6498,7 +6504,7 @@ const cr = (t, a, i, r) => {
         parentCollection: I,
         redirect: !1
       });
-    }, []), q = Q(({
+    }, []), q = ee(({
       propertyKey: O,
       property: j,
       editedCollectionPath: x,
@@ -6507,11 +6513,11 @@ const cr = (t, a, i, r) => {
       collection: ye
     }) => {
       console.debug("edit property", O, j, x, I, ge, ye), d?.("edit_property", { propertyKey: O, editedCollectionPath: x });
-      const Z = O && O.includes(".") ? O.substring(0, O.lastIndexOf(".")) : void 0, $ = O && O.includes(".") ? O.substring(O.lastIndexOf(".") + 1) : O;
+      const Q = O && O.includes(".") ? O.substring(0, O.lastIndexOf(".")) : void 0, $ = O && O.includes(".") ? O.substring(O.lastIndexOf(".") + 1) : O;
       A({
         propertyKey: $,
         property: j,
-        namespace: Z,
+        namespace: Q,
         currentPropertiesOrder: I,
         editedCollectionPath: x,
         parentCollectionIds: ge,
@@ -6576,6 +6582,7 @@ const cr = (t, a, i, r) => {
               inArray: !1,
               collectionEditable: h?.collectionEditable ?? !1,
               getData: u && h?.editedCollectionPath ? () => {
+                console.debug("get data for property", h?.editedCollectionPath);
                 const O = c.resolveAliasesFrom(h.editedCollectionPath);
                 return u(O);
               } : void 0,
@@ -6638,7 +6645,7 @@ const cr = (t, a, i, r) => {
     ) });
   },
   ut
-), Re = () => Yt(ga), fa = () => Yt(ha);
+), Re = () => aa(ga), fa = () => aa(ha);
 function mr({
   path: t,
   parentCollectionIds: a,
@@ -6676,7 +6683,7 @@ function mr({
               message: "Default config saved"
             });
           }),
-          children: /* @__PURE__ */ e(Ya, {})
+          children: /* @__PURE__ */ e(Ka, {})
         }
       )
     }
@@ -6709,9 +6716,9 @@ function ur({
   const i = De(), r = Ye(), s = fa(), o = Re(), l = o.configPermissions({
     user: r.user,
     collection: a
-  }), p = Q(() => {
+  }), p = ee(() => {
     o?.editCollection({ path: t, parentCollectionIds: [] });
-  }, [o, t]), [m, u] = L(!1), d = Q(() => {
+  }, [o, t]), [m, u] = L(!1), d = ee(() => {
     s?.deleteCollection({ path: t }).then(() => {
       u(!1), i.open({
         message: "Collection deleted",
@@ -6722,10 +6729,10 @@ function ur({
   return /* @__PURE__ */ n(U, { children: [
     /* @__PURE__ */ n("div", { children: [
       l.deleteCollections && /* @__PURE__ */ e(
-        Ga,
+        Ya,
         {
-          trigger: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(Ha, { size: "small" }) }),
-          children: /* @__PURE__ */ n(Wa, { onClick: (c) => {
+          trigger: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(Ga, { size: "small" }) }),
+          children: /* @__PURE__ */ n(Ha, { onClick: (c) => {
             c.preventDefault(), c.stopPropagation(), u(!0);
           }, children: [
             /* @__PURE__ */ e(pt, {}),
@@ -6769,7 +6776,7 @@ function hr({
     user: i.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
-    ta,
+    Xt,
     {
       className: xe("h-full p-4 min-h-[124px]"),
       onClick: r && s ? () => r.createCollection({
@@ -6804,7 +6811,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,
+    Wa,
     {
       in: o,
       children: /* @__PURE__ */ n(
@@ -6883,7 +6890,7 @@ function br({
         s.editProperty({
           editedCollectionPath: t,
           parentCollectionIds: a,
-          currentPropertiesOrder: Qa(i),
+          currentPropertiesOrder: Ja(i),
           collection: i
         });
       },
@@ -6903,15 +6910,12 @@ function Ar({
   getData: m,
   onAnalyticsEvent: u
 }) {
-  const d = Q(
-    (c) => {
-      const y = (b) => {
-        et(b.properties), b.subcollections?.forEach(y);
-      }, f = t.collections ?? [];
-      return f.forEach(y), Za(c, f, [], a);
-    },
-    [t.collections, a]
-  );
+  const d = (c) => {
+    const y = (b) => {
+      et(b.properties), b.subcollections?.forEach(y);
+    }, f = t.collections ?? [];
+    return f.forEach(y), Qa(c, f, [], a);
+  };
   return {
     name: "Collection Editor",
     loading: t.loading,
@@ -6947,7 +6951,7 @@ function Ar({
 function zr({ path: t }) {
   const a = Be(), i = yr(t), r = a.getParentCollectionIds(t), s = Re();
   return /* @__PURE__ */ n("div", { className: "p-1 flex flex-col items-center", children: [
-    /* @__PURE__ */ e(aa, { error: "No collection for path: " + i }),
+    /* @__PURE__ */ e(ea, { error: "No collection for path: " + i }),
     /* @__PURE__ */ e(
       R,
       {