@firecms/collection_editor 3.0.0-canary.4 → 3.0.0-canary.5

package/dist/index.es.js

@@ -3,7 +3,7 @@ import { SearchIconsView as gr, toSnakeCase as Pt, singular as vr, IconForView a
 import * as je from "react";
 import Y, { useState as $, useEffect as de, useMemo as Zt, useCallback as Q, useRef as Le, useDeferredValue as Ir, useContext as Jt } from "react";
 import ve from "react-fast-compare";
-import { Typography as O, useAutoComplete as _r, Container as mt, Tooltip as te, IconButton as oe, Chip as st, TextField as Oe, cn as me, DebouncedTextField as Z, Autocomplete as Fr, AutocompleteItem as Sr, ExpandablePanel as xt, SettingsIcon as He, Select as be, SelectItem as ee, BooleanSwitchWithLabel as ct, Dialog as Fe, AutoAwesomeIcon as ht, Badge as Er, ListIcon as Ar, Button as z, CircularProgress as De, Paper as Ce, DialogContent as Be, DialogActions as ze, RuleIcon as Dr, FileUploadIcon as Br, MultiSelect as zr, MultiSelectItem as St, Checkbox as Et, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as Mr, RemoveCircleIcon as Rr, defaultBorderMixin as wt, RemoveIcon as Ur, DragHandleIcon as jr, AddIcon as se, SelectGroup as At, InfoLabel as Lr, DeleteIcon as dt, ContentCopyIcon as qr, CodeIcon as $r, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Ue, Alert as Yr, Icon as et, Card as tr, coolIconKeys as zt, Tabs as Hr, Tab as Ct, ArrowBackIcon as tt, LoadingButton as Mt, DoneIcon as Gr, UndoIcon as Kr, SaveIcon as Wr, Menu as Zr, MoreVertIcon as Jr, MenuItem as Qr, Collapse as Xr } from "@firecms/ui";
+import { Typography as O, useAutoComplete as _r, Container as mt, Tooltip as te, IconButton as oe, Chip as st, TextField as Oe, cn as he, DebouncedTextField as Z, Autocomplete as Fr, AutocompleteItem as Sr, ExpandablePanel as xt, SettingsIcon as He, Select as be, SelectItem as ee, BooleanSwitchWithLabel as ct, Dialog as Fe, AutoAwesomeIcon as ht, Badge as Er, ListIcon as Ar, Button as z, CircularProgress as De, Paper as Ce, DialogContent as Be, DialogActions as ze, RuleIcon as Dr, FileUploadIcon as Br, MultiSelect as zr, MultiSelectItem as St, Checkbox as Et, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as Mr, RemoveCircleIcon as Rr, defaultBorderMixin as wt, RemoveIcon as Ur, DragHandleIcon as jr, AddIcon as se, SelectGroup as At, InfoLabel as Lr, DeleteIcon as dt, ContentCopyIcon as qr, CodeIcon as $r, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Ue, Alert as Yr, Icon as et, Card as tr, coolIconKeys as zt, Tabs as Hr, Tab as Ct, ArrowBackIcon as tt, LoadingButton as Mt, DoneIcon as Gr, UndoIcon as Kr, SaveIcon as Wr, Menu as Zr, MoreVertIcon as Jr, MenuItem as Qr, Collapse as Xr } from "@firecms/ui";
 import * as rt from "yup";
 import { useFormex as K, Field as H, getIn as I, useCreateFormex as Tt, Formex as kt } from "@firecms/formex";
 import { extractEnumFromValues as ei, buildPropertyFromData as ti, buildEntityPropertiesFromData as ri } from "@firecms/schema_inference";
@@ -94,7 +94,7 @@ function yi({
         ),
         /* @__PURE__ */ e(X, { error: m.name && !!c.name, children: m.name && c.name ? c.name : "Name of in this collection, usually a plural name (e.g. Products)" })
       ] }),
-      /* @__PURE__ */ a("div", { className: me("col-span-12 ", R ? "" : "sm:col-span-8"), children: [
+      /* @__PURE__ */ a("div", { className: he("col-span-12 ", R ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
           H,
           {
@@ -291,7 +291,7 @@ function yi({
     )
   ] }) });
 }
-function pe(t) {
+function me(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
 function bi(t) {
@@ -305,7 +305,7 @@ function ae(t, r) {
 }
 function ir(t, r) {
   const n = r ? `${r}.${t}` : t;
-  return pe(n);
+  return me(n);
 }
 function Ci({
   enumValues: t,
@@ -1060,7 +1060,7 @@ function nr({
         /* @__PURE__ */ a(
           Ce,
           {
-            className: me(
+            className: he(
               "border",
               "pl-2 w-full flex flex-row gap-4 items-center",
               Qt,
@@ -1137,7 +1137,7 @@ function Ti({
         /* @__PURE__ */ e(
           Ce,
           {
-            className: me(
+            className: he(
               "pl-2 w-full flex flex-row gap-4 items-center",
               Qt,
               n ? Xt : "",
@@ -1385,7 +1385,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     const w = N ? ae(N, f) : void 0;
     if (!w)
       throw Error("collection editor miss config");
-    const _ = pe(w), M = ye(f), R = I(o, M) ?? Object.keys(I(o, bi(f)));
+    const _ = me(w), M = ye(f), R = I(o, M) ?? Object.keys(I(o, bi(f)));
     d(_, void 0, !1), d(M, R.filter((D) => D !== N), !1), p(!1), m(void 0), g(void 0);
   }, [d, o]), P = h ? ae(h, c) : void 0, k = P ? I(o.properties, P.replaceAll(".", ".properties.")) : void 0, b = !v || v.length < 1, C = Q((N, f) => {
     d(ye(f), N, !1);
@@ -1740,7 +1740,7 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     const f = C ? ae(C, N) : void 0;
     if (!f)
       throw Error("collection editor miss config");
-    d(`oneOf.${pe(f)}`, void 0, !1);
+    d(`oneOf.${me(f)}`, void 0, !1);
     const w = `oneOf.${ye(N)}`, _ = I(o, w);
     d(w, _.filter((M) => M !== C), !1), p(!1), m(void 0), g(void 0);
   }, [d, o]), k = /* @__PURE__ */ a(
@@ -2374,7 +2374,7 @@ function or({ value: t, optionDisabled: r, propertyConfig: n, existing: i }) {
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: me(
+          className: he(
             "flex flex-row items-center text-base min-h-[52px]",
             r ? "w-full" : ""
           ),
@@ -2815,7 +2815,7 @@ function ji({
                   onClick: (re) => {
                     we && (re.stopPropagation(), re.preventDefault());
                   },
-                  className: me(
+                  className: he(
                     "flex items-center",
                     we ? "w-full pointer-events-none opacity-50" : ""
                   ),
@@ -3056,21 +3056,21 @@ function Gi({
         ...U,
         ...g.propertiesOrder ?? []
       ];
-      v("properties", T, !1), he(S), Me(U);
+      v("properties", T, !1), fe(S), Me(U);
     }).finally(() => {
       q(!1);
     }));
-  } : void 0, re = Q((F) => F ? we.current[F] ?? I(g, ye(F)) : we.current[""], [g]), he = Q((F, U) => {
+  } : void 0, re = Q((F) => F ? we.current[F] ?? I(g, ye(F)) : we.current[""], [g]), fe = Q((F, U) => {
     const T = ye(U);
     v(T, F, !1), we.current[U ?? ""] = F;
   }, [v]), Te = Q((F, U) => {
     const T = F ? ae(F, U) : void 0;
     if (!T)
       throw Error("collection editor miss config");
-    v(pe(T), void 0, !1);
+    v(me(T), void 0, !1);
     const E = re(U).filter((ie) => ie !== F);
-    he(E, U), J(!1), w(void 0), M(void 0), D(void 0);
-  }, [re, v, he]), Ge = (F, U) => {
+    fe(E, U), J(!1), w(void 0), M(void 0), D(void 0);
+  }, [re, v, fe]), Ge = (F, U) => {
     v(ye(U), F, !1);
   }, gt = ({
     id: F,
@@ -3083,14 +3083,14 @@ function Gi({
       [F]: U
     }, !1);
     const T = [...g.propertiesOrder ?? Object.keys(g.properties), F];
-    he(T), J(!1), C && (w(T.indexOf(F)), M(F)), D(void 0);
-  }, fe = ({
+    fe(T), J(!1), C && (w(T.indexOf(F)), M(F)), D(void 0);
+  }, pe = ({
     id: F,
     property: U,
     previousId: T,
     namespace: S
   }) => {
-    const E = F ? ae(F, S) : void 0, ie = E ? pe(E) : void 0;
+    const E = F ? ae(F, S) : void 0, ie = E ? me(E) : void 0;
     if (T && T !== F) {
       console.debug("onPropertyChanged, id change", {
         id: F,
@@ -3098,8 +3098,8 @@ function Gi({
         previousId: T,
         namespace: S
       });
-      const ke = ae(T, S), Vt = pe(ke), It = re(S).map((Xe) => Xe === T ? F : Xe).filter((Xe) => Xe !== void 0);
-      he(It, S), F && (w(It.indexOf(F)), M(F)), v(Vt, void 0, !1), y(Vt, !1, !1);
+      const ke = ae(T, S), Vt = me(ke), It = re(S).map((Xe) => Xe === T ? F : Xe).filter((Xe) => Xe !== void 0);
+      fe(It, S), F && (w(It.indexOf(F)), M(F)), v(Vt, void 0, !1), y(Vt, !1, !1);
     }
     console.debug("onPropertyChanged", {
       id: F,
@@ -3117,7 +3117,7 @@ function Gi({
       propertyPath: S
     }), S) {
       const E = T && Object.keys(T).length > 0;
-      i(F, U, E ? T : void 0), x(pe(S), E ? "Property error" : void 0);
+      i(F, U, E ? T : void 0), x(me(S), E ? "Property error" : void 0);
     }
   }, []), We = () => {
     w(void 0), M(void 0);
@@ -3127,7 +3127,7 @@ function Gi({
       namespace: U
     }), w(Re.indexOf(F)), M(F), D(U);
   }, [Re]), yt = /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ a("div", { className: me(
+    /* @__PURE__ */ a("div", { className: he(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
       !N && "border-r " + wt
@@ -3236,7 +3236,7 @@ function Gi({
               propertyKey: _,
               propertyNamespace: R,
               property: s,
-              onPropertyChanged: fe,
+              onPropertyChanged: pe,
               onDelete: Te,
               onError: Ke,
               forceShowErrors: t,
@@ -3277,7 +3277,7 @@ function Gi({
         propertyKey: _,
         propertyNamespace: R,
         property: s,
-        onPropertyChanged: fe,
+        onPropertyChanged: pe,
         onDelete: Te,
         onError: Ke,
         forceShowErrors: t,
@@ -4148,7 +4148,7 @@ function nt({
     tr,
     {
       onClick: i,
-      className: me(
+      className: he(
         "my-2 rounded-md border mx-0 p-6 px-4 focus:outline-none transition ease-in-out duration-150 flex flex-row gap-4 items-center",
         "text-gray-700 dark:text-gray-300",
         "hover:border-primary-dark hover:text-primary-dark dark:hover:text-primary focus:ring-primary hover:ring-1 hover:ring-primary",
@@ -4176,12 +4176,12 @@ function Qi({
     previousId: y,
     namespace: P
   }) => {
-    const k = v ? ae(v, P) : void 0, b = k ? pe(k) : void 0, C = (f) => f ? p.current[f] ?? I(o, ye(f)) : p.current[""], N = (f, w) => {
+    const k = v ? ae(v, P) : void 0, b = k ? me(k) : void 0, C = (f) => f ? p.current[f] ?? I(o, ye(f)) : p.current[""], N = (f, w) => {
       const _ = ye(w);
       i(_, f, !1), p.current[w ?? ""] = f;
     };
     if (y && y !== v) {
-      const f = ae(y, P), w = pe(f), M = C(P).map((D) => D === y ? v : D).filter((D) => D !== void 0);
+      const f = ae(y, P), w = me(f), M = C(P).map((D) => D === y ? v : D).filter((D) => D !== void 0);
       N(M, P);
       const R = { ...t.headersMapping };
       Object.keys(R).forEach((D) => {
@@ -4195,7 +4195,7 @@ function Qi({
     property: y,
     namespace: P
   }) => {
-    const k = v ? ae(v, P) : void 0, b = k ? pe(k) : void 0, C = t.importData.map((f) => I(f, x)), N = {
+    const k = v ? ae(v, P) : void 0, b = k ? me(k) : void 0, C = t.importData.map((f) => I(f, x)), N = {
       ...ti(C, y, rr),
       editable: !0
     };
@@ -4575,30 +4575,30 @@ function rn({
     }
   }), {
     values: re,
-    setFieldValue: he,
+    setFieldValue: fe,
     isSubmitting: Te,
     dirty: Ge,
     submitCount: gt
-  } = ue, fe = re.path ?? n, Ke = l?.includes("/") ? l?.split("/").slice(0, -1).join("/") + "/" + fe : fe, We = Ht(fe, t, y, re.id), Ze = !We && i ? M.convertIdsToPaths(i) : void 0, Je = We ? void 0 : M.resolveAliasesFrom(Ke), Re = Je && x ? () => x(Je, Ze ?? []) : void 0;
+  } = ue, pe = re.path, Ke = l?.includes("/") ? l?.split("/").slice(0, -1).join("/") + "/" + pe : pe, We = Ht(pe, t, y, re.id), Ze = !We && i ? M.convertIdsToPaths(i) : void 0, Je = We ? void 0 : M.resolveAliasesFrom(Ke), Re = Je && x ? () => x(Je, Ze ?? []) : void 0;
   de(() => {
     m(Ge);
   }, [Ge]);
   function Qe(T) {
     _.setInUse(!0), ri(T, rr).then((S) => {
       const E = dr(S);
-      he("properties", E.properties), he("propertiesOrder", Object.keys(E.properties)), _.setIdColumn(E.idColumn), _.setImportData(T), _.setHeadersMapping(E.headersMapping), _.setOriginProperties(E.properties);
+      fe("properties", E.properties), fe("propertiesOrder", Object.keys(E.properties)), _.setIdColumn(E.idColumn), _.setImportData(T), _.setHeadersMapping(E.headersMapping), _.setOriginProperties(E.properties);
     });
   }
   const vt = !!re.name && !!re.id, yt = () => {
     const T = { ...re.properties };
-    _.idColumn && delete T[_.idColumn], he("properties", T), L();
+    _.idColumn && delete T[_.idColumn], fe("properties", T), L();
   }, U = b?.editable === void 0 || b?.editable === !0 || t;
   return /* @__PURE__ */ e(Be, { fullHeight: !0, children: /* @__PURE__ */ e(kt, { value: ue, children: /* @__PURE__ */ a(j, { children: [
     !t && /* @__PURE__ */ a(
       Hr,
       {
         value: s,
-        className: me(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
+        className: he(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
         onValueChange: (T) => V(T),
         children: [
           /* @__PURE__ */ e(Ct, { value: "details", children: "Details" }),
@@ -4612,17 +4612,17 @@ function rn({
       {
         noValidate: !0,
         onSubmit: ue.handleSubmit,
-        className: me(
+        className: he(
           t ? "h-full" : "h-[calc(100%-48px)]",
           "flex-grow flex flex-col relative"
         ),
         children: [
           s === "loading" && /* @__PURE__ */ e(Nt, {}),
-          s === "extra_view" && fe && p?.View && /* @__PURE__ */ e(p.View, { path: fe }),
+          s === "extra_view" && pe && p?.View && /* @__PURE__ */ e(p.View, { path: pe }),
           s === "welcome" && /* @__PURE__ */ e(
             Ji,
             {
-              path: fe,
+              path: pe,
               onContinue: (T) => {
                 T ? (Qe(T), V("import_data_mapping")) : V("details");
               },
@@ -4652,6 +4652,7 @@ function rn({
             {
               importConfig: _,
               collection: re,
+              path: pe,
               onImportSuccess: async (T) => {
                 R.open({
                   type: "info",
@@ -5192,7 +5193,7 @@ function cn({
   return /* @__PURE__ */ e(
     tr,
     {
-      className: me("h-full p-4 min-h-[124px]"),
+      className: he("h-full p-4 min-h-[124px]"),
       onClick: i && l ? () => i.createCollection({
         initialValues: t ? { group: t } : void 0,
         parentCollectionIds: [],
@@ -5450,7 +5451,7 @@ export {
   qe as editableProperty,
   ae as getFullId,
   ir as getFullIdPath,
-  pe as idToPropertiesPath,
+  me as idToPropertiesPath,
   ye as namespaceToPropertiesOrderPath,
   bi as namespaceToPropertiesPath,
   wi as removeNonEditableProperties,