@firecms/data_import_export 3.0.0-beta.1 → 3.0.0-beta.2-pre.2

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import C, { useState as T, useRef as Ie, useEffect as ce, useCallback as b, useMemo as Oe } from "react";
-import { jsxs as p, Fragment as M, jsx as s } from "react/jsx-runtime";
-import { getPropertyInPath as $, EntityReference as de, useCustomizationController as z, getFieldConfig as pe, ErrorBoundary as Ae, FieldConfigBadge as fe, useDataSource as me, useSnackbarController as Ee, resolveCollection as ue, getPropertiesWithPropertiesOrder as Te, useSelectionController as je, EntityCollectionTable as Fe, getArrayValuesCount as ke, getValueInPath as Pe, useFireCMSContext as Me, useNavigationController as $e } from "@firecms/core";
-import { Table as _e, TableHeader as Be, TableCell as P, TableBody as Le, TableRow as Re, Typography as u, ChevronRightIcon as He, Select as he, SelectItem as R, FileUpload as Je, UploadIcon as Ue, TextField as Ve, IconButton as ee, EditIcon as We, CenteredView as ze, CircularProgress as ge, Tooltip as te, FileUploadIcon as Ge, Dialog as ye, DialogContent as xe, DialogActions as be, Button as j, cn as L, defaultBorderMixin as Xe, GetAppIcon as qe, Alert as Qe, focusedMixin as U, BooleanSwitchWithLabel as Ye } from "@firecms/ui";
+import C, { useState as j, useRef as Ie, useEffect as ce, useCallback as b, useMemo as Oe } from "react";
+import { jsxs as p, Fragment as $, jsx as s } from "react/jsx-runtime";
+import { getPropertyInPath as L, EntityReference as de, useCustomizationController as z, getFieldConfig as pe, ErrorBoundary as Ae, PropertyConfigBadge as fe, useDataSource as me, useSnackbarController as Ee, resolveCollection as ue, getPropertiesWithPropertiesOrder as Te, useSelectionController as je, EntityCollectionTable as Fe, getArrayValuesCount as ke, getValueInPath as Pe, useFireCMSContext as Me, useNavigationController as $e } from "@firecms/core";
+import { Table as Le, TableHeader as _e, TableCell as M, TableBody as Be, TableRow as Re, Typography as u, ChevronRightIcon as He, Select as he, SelectItem as R, FileUpload as Je, UploadIcon as Ue, TextField as Ve, IconButton as ee, EditIcon as We, CenteredView as ze, CircularProgress as ge, Tooltip as te, FileUploadIcon as Ge, Dialog as ye, DialogContent as xe, DialogActions as be, Button as F, cn as B, defaultBorderMixin as Xe, GetAppIcon as qe, Alert as Qe, focusedMixin as U, BooleanSwitchWithLabel as Ye } from "@firecms/ui";
 import { buildEntityPropertiesFromData as Ze } from "@firecms/schema_inference";
 import * as ie from "xlsx";
 const Ke = () => {
-  const [e, r] = T(!1), [n, t] = T(), [a, i] = T([]), [o, l] = T([]), [d, c] = T({}), [f, m] = T({});
+  const [e, r] = j(!1), [n, t] = j(), [a, i] = j([]), [o, l] = j([]), [d, c] = j({}), [f, m] = j({});
   return {
     inUse: e,
     setInUse: r,
@@ -73,12 +73,12 @@ function rt(e, r, n, t, a, i) {
   r && delete o[r];
   const l = Object.entries(o).map(([c, f]) => {
     const m = n[c] ?? c;
-    if (!$(t, m))
+    if (!L(t, m))
       return {};
     const h = a[m];
-    let D = f;
-    return h && (D = Z(f, h)), {
-      [m]: D
+    let S = f;
+    return h && (S = Z(f, h)), {
+      [m]: S
     };
   }).reduce((c, f) => ({ ...c, ...f }), {}), d = ve(l);
   return {
@@ -158,7 +158,7 @@ function at(e, r) {
   function n(t, a) {
     const i = {};
     return Object.keys(t).forEach((o) => {
-      const l = a ? `${a}.${o}` : o, d = $(t, o), c = $(e, l);
+      const l = a ? `${a}.${o}` : o, d = L(t, o), c = L(e, l);
       if (d) {
         if (d.dataType === "map" && d.properties) {
           const f = n(d.properties, l);
@@ -190,7 +190,7 @@ function it({
   onIdPropertyChanged: a,
   buildPropertyView: i
 }) {
-  return /* @__PURE__ */ p(M, { children: [
+  return /* @__PURE__ */ p($, { children: [
     /* @__PURE__ */ s(
       st,
       {
@@ -199,19 +199,19 @@ function it({
         onChange: a
       }
     ),
-    /* @__PURE__ */ p(_e, { style: {
+    /* @__PURE__ */ p(Le, { style: {
       tableLayout: "fixed"
     }, children: [
-      /* @__PURE__ */ p(Be, { children: [
-        /* @__PURE__ */ s(P, { header: !0, style: { width: "20%" }, children: "Column in file" }),
-        /* @__PURE__ */ s(P, { header: !0 }),
-        /* @__PURE__ */ s(P, { header: !0, style: { width: "75%" }, children: "Property" })
+      /* @__PURE__ */ p(_e, { children: [
+        /* @__PURE__ */ s(M, { header: !0, style: { width: "20%" }, children: "Column in file" }),
+        /* @__PURE__ */ s(M, { header: !0 }),
+        /* @__PURE__ */ s(M, { header: !0, style: { width: "75%" }, children: "Property" })
       ] }),
-      /* @__PURE__ */ s(Le, { children: t && Object.entries(r).map(
+      /* @__PURE__ */ s(Be, { children: t && Object.entries(r).map(
         ([o, l]) => {
-          const d = r[o], c = l ? $(t, l) : null, f = $(n, o), m = f ? f.dataType === "array" && typeof f.of == "object" ? `${f.dataType} - ${f.of.dataType}` : f.dataType : void 0;
+          const d = r[o], c = l ? L(t, l) : null, f = L(n, o), m = f ? f.dataType === "array" && typeof f.of == "object" ? `${f.dataType} - ${f.of.dataType}` : f.dataType : void 0;
           return /* @__PURE__ */ p(Re, { style: { height: "90px" }, children: [
-            /* @__PURE__ */ p(P, { style: { width: "20%" }, children: [
+            /* @__PURE__ */ p(M, { style: { width: "20%" }, children: [
               /* @__PURE__ */ s(u, { variant: "body2", children: o }),
               f && /* @__PURE__ */ s(
                 u,
@@ -222,9 +222,9 @@ function it({
                 }
               )
             ] }),
-            /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(He, {}) }),
+            /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(He, {}) }),
             /* @__PURE__ */ s(
-              P,
+              M,
               {
                 className: o === e ? "text-center" : void 0,
                 style: { width: "75%" },
@@ -281,7 +281,7 @@ function ot({ onDataAdded: e }) {
       preventDropOnDocument: !0,
       size: "small",
       maxFiles: 1,
-      uploadDescription: /* @__PURE__ */ p(M, { children: [
+      uploadDescription: /* @__PURE__ */ p($, { children: [
         /* @__PURE__ */ s(Ue, {}),
         "Drag and drop a file here or click to upload"
       ] }),
@@ -331,7 +331,7 @@ function lt({
   collection: r,
   onImportSuccess: n
 }) {
-  const t = me(), a = Ie(!1), [i, o] = T(0);
+  const t = me(), a = Ie(!1), [i, o] = j(0);
   function l() {
     a.current || (a.current = !0, we(
       t,
@@ -383,27 +383,27 @@ function ct({
     d("preview");
   }, []), h = b(() => {
     d("import_data_saving");
-  }, []), D = async (g) => {
+  }, []), S = async (g) => {
     if (c.setImportData(g), g.length > 0) {
-      const I = await Ze(g, nt);
-      c.setOriginProperties(I);
-      const O = Se(g);
-      c.setHeadersMapping(O);
-      const A = Object.keys(O)?.[0];
-      if (A?.includes("id") || A?.includes("key")) {
-        const w = A;
+      const O = await Ze(g, nt);
+      c.setOriginProperties(O);
+      const A = Se(g);
+      c.setHeadersMapping(A);
+      const E = Object.keys(A)?.[0];
+      if (E?.includes("id") || E?.includes("key")) {
+        const w = E;
         c.setIdColumn(w);
       }
     }
     setTimeout(() => {
       d("mapping");
     }, 100);
-  }, S = ue({
+  }, N = ue({
     collection: e,
     path: r,
     fields: t.propertyConfigs
-  }), _ = Te(S.properties, S.propertiesOrder), N = Object.entries(_).flatMap(([g, I]) => De(g, I, 0)), H = S.propertiesOrder ?? Object.keys(S.properties);
-  return e.collectionGroup ? null : /* @__PURE__ */ p(M, { children: [
+  }), _ = Te(N.properties, N.propertiesOrder), I = Object.entries(_).flatMap(([g, O]) => De(g, O, 0)), H = N.propertiesOrder ?? Object.keys(N.properties);
+  return e.collectionGroup ? null : /* @__PURE__ */ p($, { children: [
     /* @__PURE__ */ s(te, { title: "Import", children: /* @__PURE__ */ s(ee, { color: "primary", onClick: f, children: /* @__PURE__ */ s(Ge, {}) }) }),
     /* @__PURE__ */ p(
       ye,
@@ -414,12 +414,12 @@ function ct({
         maxWidth: l === "initial" ? "lg" : "7xl",
         children: [
           /* @__PURE__ */ p(xe, { className: "flex flex-col gap-4 my-4", fullHeight: l === "preview", children: [
-            l === "initial" && /* @__PURE__ */ p(M, { children: [
+            l === "initial" && /* @__PURE__ */ p($, { children: [
               /* @__PURE__ */ s(u, { variant: "h6", children: "Import data" }),
               /* @__PURE__ */ s(u, { variant: "body2", children: "Upload a CSV, Excel or JSON file and map it to your existing schema" }),
-              /* @__PURE__ */ s(ot, { onDataAdded: D })
+              /* @__PURE__ */ s(ot, { onDataAdded: S })
             ] }),
-            l === "mapping" && /* @__PURE__ */ p(M, { children: [
+            l === "mapping" && /* @__PURE__ */ p($, { children: [
               /* @__PURE__ */ s(u, { variant: "h6", children: "Map fields" }),
               /* @__PURE__ */ s(
                 it,
@@ -431,21 +431,21 @@ function ct({
                   onIdPropertyChanged: (g) => c.setIdColumn(g),
                   buildPropertyView: ({
                     isIdColumn: g,
-                    property: I,
-                    propertyKey: O,
-                    importKey: A
+                    property: O,
+                    propertyKey: A,
+                    importKey: E
                   }) => /* @__PURE__ */ s(
                     dt,
                     {
-                      selectedPropertyKey: O ?? "",
+                      selectedPropertyKey: A ?? "",
                       properties: _,
-                      propertiesAndLevel: N,
+                      propertiesAndLevel: I,
                       isIdColumn: g,
                       onIdSelected: () => {
-                        c.setIdColumn(A);
+                        c.setIdColumn(E);
                       },
                       onPropertySelected: (w) => {
-                        const G = Object.entries(c.headersMapping).map(([x, F]) => F === w ? { [x]: null } : x === A ? { [x]: w } : { [x]: F }).reduce((x, F) => ({ ...x, ...F }), {});
+                        const G = Object.entries(c.headersMapping).map(([x, k]) => k === w ? { [x]: null } : x === E ? { [x]: w } : { [x]: k }).reduce((x, k) => ({ ...x, ...k }), {});
                         c.setHeadersMapping(G), w === c.idColumn && c.setIdColumn(void 0);
                       }
                     }
@@ -477,7 +477,7 @@ function ct({
           ] }),
           /* @__PURE__ */ p(be, { children: [
             l === "mapping" && /* @__PURE__ */ s(
-              j,
+              F,
               {
                 onClick: () => d("initial"),
                 variant: "text",
@@ -485,7 +485,7 @@ function ct({
               }
             ),
             l === "preview" && /* @__PURE__ */ s(
-              j,
+              F,
               {
                 onClick: () => d("mapping"),
                 variant: "text",
@@ -493,7 +493,7 @@ function ct({
               }
             ),
             /* @__PURE__ */ s(
-              j,
+              F,
               {
                 onClick: m,
                 variant: "text",
@@ -501,7 +501,7 @@ function ct({
               }
             ),
             l === "mapping" && /* @__PURE__ */ s(
-              j,
+              F,
               {
                 variant: "filled",
                 onClick: y,
@@ -509,7 +509,7 @@ function ct({
               }
             ),
             l === "preview" && /* @__PURE__ */ s(
-              j,
+              F,
               {
                 variant: "filled",
                 onClick: h,
@@ -531,7 +531,7 @@ function dt({
   propertiesAndLevel: a,
   isIdColumn: i
 }) {
-  const o = e ? $(r, e) : null, l = b((c) => c === V ? /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) : !c || !o ? /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) : /* @__PURE__ */ s(
+  const o = e ? L(r, e) : null, l = b((c) => c === V ? /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) : !c || !o ? /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) : /* @__PURE__ */ s(
     se,
     {
       propertyKey: c,
@@ -594,7 +594,7 @@ function se({
     {
       className: "flex flex-row w-full text-start items-center h-full",
       children: [
-        new Array(n).fill(0).map((i, o) => /* @__PURE__ */ s("div", { className: L(Xe, "ml-8 border-l h-12") }, o)),
+        new Array(n).fill(0).map((i, o) => /* @__PURE__ */ s("div", { className: B(Xe, "ml-8 border-l h-12") }, o)),
         /* @__PURE__ */ s("div", { className: "m-4", children: /* @__PURE__ */ s(te, { title: a?.name, children: /* @__PURE__ */ s(fe, { propertyConfig: a }) }) }),
         /* @__PURE__ */ p("div", { className: "flex flex-col flex-grow p-2 pl-2", children: [
           /* @__PURE__ */ s(
@@ -667,6 +667,7 @@ function Se(e) {
   }), r;
 }
 function ft(e, r, n, t, a, i, o) {
+  console.debug("Downloading export", { dataLength: e.length, collection: n, exportType: i, dateExportType: o });
   const l = n.properties;
   if (i === "csv") {
     const d = t ? ke(e.map((h) => h.values)) : {}, c = ht(l, a, d), f = mt(e, r, l, c, o), m = oe(c.map((h) => h.label)), y = f.map((h) => oe(h));
@@ -744,48 +745,50 @@ function yt({
   exportAllowed: t,
   notAllowedView: a
 }) {
-  const i = z(), o = typeof e.exportable == "object" ? e.exportable : void 0, l = C.useRef(/* @__PURE__ */ new Date()), [d, c] = C.useState(!0), [f, m] = C.useState("csv"), [y, h] = C.useState("string"), D = Me(), S = me(), N = $e().resolveAliasesFrom(r), H = !t || t({
+  const i = z(), o = typeof e.exportable == "object" ? e.exportable : void 0, l = C.useRef(/* @__PURE__ */ new Date()), [d, c] = C.useState(!0), [f, m] = C.useState("csv"), [y, h] = C.useState("string"), S = Me(), N = me(), I = $e().resolveAliasesFrom(r), H = !t || t({
     collectionEntitiesCount: n,
-    path: N,
+    path: I,
     collection: e
   }), g = C.useMemo(() => ue({
     collection: e,
-    path: N,
+    path: I,
     fields: i.propertyConfigs
-  }), [e, N]), [I, O] = C.useState(!1), [A, w] = C.useState(), [G, x] = C.useState(!1), F = b(() => {
+  }), [e, I]), [O, A] = C.useState(!1), [E, w] = C.useState(), [G, x] = C.useState(!1), k = b(() => {
     x(!0);
   }, [x]), X = b(() => {
     x(!1);
-  }, [x]), ne = b(async (k) => {
-    const J = o?.additionalFields, B = g.additionalFields, q = J ? await Promise.all(k.map(async (E) => (await Promise.all(J.map(async (v) => ({
+  }, [x]), ne = b(async (P) => {
+    const J = o?.additionalFields, D = g.additionalFields, q = J ? await Promise.all(P.map(async (T) => (await Promise.all(J.map(async (v) => ({
       [v.key]: await v.builder({
-        entity: E,
-        context: D
+        entity: T,
+        context: S
       })
-    })))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [], Q = B ? await Promise.all(k.map(async (E) => (await Promise.all(B.map(async (v) => v.value ? {
+    })))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [], Q = D ? await Promise.all(P.map(async (T) => (await Promise.all(D.map(async (v) => v.value ? {
       [v.key]: await v.value({
-        entity: E,
-        context: D
+        entity: T,
+        context: S
       })
     } : {}))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [];
     return [...q, ...Q];
-  }, [o?.additionalFields]), ae = b(async (k, J) => {
-    O(!0), S.fetchCollection({
-      path: N,
-      collection: k
-    }).then(async (B) => {
+  }, [o?.additionalFields]), ae = b(async (P, J) => {
+    A(!0), N.fetchCollection({
+      path: I,
+      collection: P
+    }).then(async (D) => {
       w(void 0);
-      const q = await ne(B), Q = [
-        ...J?.additionalFields?.map((E) => E.key) ?? [],
-        ...k.additionalFields?.map((E) => E.key) ?? []
+      const q = await ne(D), Q = [
+        ...J?.additionalFields?.map((T) => T.key) ?? [],
+        ...P.additionalFields?.map((T) => T.key) ?? []
       ];
-      ft(B, q, k, d, Q, f, y);
-    }).catch(w).finally(() => O(!1));
-  }, [S, N, ne, d, f, y]), Ne = b(() => {
+      ft(D, q, P, d, Q, f, y);
+    }).catch((D) => {
+      console.error("Error loading export data", D), w(D);
+    }).finally(() => A(!1));
+  }, [N, I, ne, d, f, y]), Ne = b(() => {
     ae(g, o), X();
   }, [ae, g, o, X]);
-  return /* @__PURE__ */ p(M, { children: [
-    /* @__PURE__ */ s(te, { title: "Export", children: /* @__PURE__ */ s(ee, { color: "primary", onClick: F, children: /* @__PURE__ */ s(qe, {}) }) }),
+  return /* @__PURE__ */ p($, { children: [
+    /* @__PURE__ */ s(te, { title: "Export", children: /* @__PURE__ */ s(ee, { color: "primary", onClick: k, children: /* @__PURE__ */ s(qe, {}) }) }),
     /* @__PURE__ */ p(
       ye,
       {
@@ -813,7 +816,7 @@ function yt({
                       name: "exportType",
                       checked: f === "csv",
                       onChange: () => m("csv"),
-                      className: L(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: B(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -835,7 +838,7 @@ function yt({
                       name: "exportType",
                       checked: f === "json",
                       onChange: () => m("json"),
-                      className: L(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: B(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -859,7 +862,7 @@ function yt({
                       name: "dateExportType",
                       checked: y === "timestamp",
                       onChange: () => h("timestamp"),
-                      className: L(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: B(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ p(
@@ -885,7 +888,7 @@ function yt({
                       name: "dateExportType",
                       checked: y === "string",
                       onChange: () => h("string"),
-                      className: L(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: B(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ p(
@@ -916,9 +919,9 @@ function yt({
             !H && a
           ] }),
           /* @__PURE__ */ p(be, { children: [
-            I && /* @__PURE__ */ s(ge, { size: "small" }),
+            O && /* @__PURE__ */ s(ge, { size: "small" }),
             /* @__PURE__ */ s(
-              j,
+              F,
               {
                 onClick: X,
                 variant: "text",
@@ -926,11 +929,11 @@ function yt({
               }
             ),
             /* @__PURE__ */ s(
-              j,
+              F,
               {
                 variant: "filled",
                 onClick: Ne,
-                disabled: I || !H,
+                disabled: O || !H,
                 children: "Download"
               }
             )