@firecms/data_import_export 3.0.0-canary.3 → 3.0.0-canary.5

package/dist/components/ImportSaveInProgress.d.ts

@@ -1,6 +1,7 @@
 import { EntityCollection } from "@firecms/core";
 import { ImportConfig } from "../types";
-export declare function ImportSaveInProgress<C extends EntityCollection>({ importConfig, collection, onImportSuccess }: {
+export declare function ImportSaveInProgress<C extends EntityCollection>({ path, importConfig, collection, onImportSuccess }: {
+    path: string;
     importConfig: ImportConfig;
     collection: C;
     onImportSuccess: (collection: C) => void;

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import C, { useState as j, useRef as Ie, useEffect as ce, useCallback as x, useMemo as Ae } from "react";
+import C, { useState as j, useRef as Oe, useEffect as ce, useCallback as x, useMemo as Ie } from "react";
 import { jsxs as p, Fragment as $, jsx as s } from "react/jsx-runtime";
-import { getPropertyInPath as L, EntityReference as de, useSnackbarController as pe, useCustomizationController as z, getFieldConfig as fe, ErrorBoundary as Ee, PropertyConfigBadge as me, useDataSource as ue, resolveCollection as he, getPropertiesWithPropertiesOrder as Te, useSelectionController as je, EntityCollectionTable as ke, getArrayValuesCount as Fe, 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 Je, Typography as u, ChevronRightIcon as Re, Select as ge, SelectItem as J, FileUpload as He, UploadIcon as Ue, TextField as Ve, IconButton as ee, EditIcon as We, CenteredView as ze, CircularProgress as ye, Tooltip as te, FileUploadIcon as Ge, Dialog as be, DialogContent as xe, DialogActions as ve, Button as k, cn as B, defaultBorderMixin as Xe, GetAppIcon as qe, Alert as Qe, focusedMixin as U, BooleanSwitchWithLabel as Ye } from "@firecms/ui";
+import { getPropertyInPath as R, EntityReference as Ee, useSnackbarController as de, useCustomizationController as V, getFieldConfig as pe, ErrorBoundary as Ae, PropertyConfigBadge as fe, useDataSource as me, resolveCollection as ue, getPropertiesWithPropertiesOrder as Te, useSelectionController as je, EntityCollectionTable as ke, getArrayValuesCount as Fe, getValueInPath as Pe, useFireCMSContext as Me, useNavigationController as $e } from "@firecms/core";
+import { Table as Re, TableHeader as Le, TableCell as M, TableBody as _e, TableRow as Be, Typography as u, ChevronRightIcon as Je, Select as he, SelectItem as B, FileUpload as He, UploadIcon as Ue, TextField as We, IconButton as ee, EditIcon as ze, CenteredView as Ve, CircularProgress as ge, Tooltip as te, FileUploadIcon as Ge, Dialog as ye, DialogContent as be, DialogActions as xe, Button as k, cn as _, 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 = () => {
@@ -41,7 +41,7 @@ function et(e) {
             codepage: 65001,
             cellDates: !0
           }
-        ), l = o.SheetNames[0], d = o.Sheets[l], m = ie.utils.sheet_to_json(d).map(tt).map(Ce);
+        ), l = o.SheetNames[0], d = o.Sheets[l], m = ie.utils.sheet_to_json(d).map(tt).map(ve);
         r(m);
       }, t.readAsArrayBuffer(e);
     }
@@ -57,7 +57,7 @@ function tt(e) {
     return r;
   }, {});
 }
-function Ce(e) {
+function ve(e) {
   return Object.keys(e).reduce((r, n) => {
     let t = r;
     const a = n.split(".");
@@ -71,28 +71,28 @@ function Ce(e) {
   }, {});
 }
 function rt(e, r, n, t, a, i) {
-  const o = we(e);
+  const o = Ce(e);
   r && delete o[r];
   const l = Object.entries(o).map(([c, f]) => {
     const m = n[c] ?? c;
-    if (!L(t, m))
+    if (!R(t, m))
       return {};
     const h = a[m];
     let S = f;
     return h && (S = Z(f, h)), {
       [m]: S
     };
-  }).reduce((c, f) => ({ ...c, ...f }), {}), d = Ce(l);
+  }).reduce((c, f) => ({ ...c, ...f }), {}), d = ve(l);
   return {
     id: r ? e[r] : void 0,
     values: d,
     path: i
   };
 }
-function we(e, r = "") {
+function Ce(e, r = "") {
   return Object.keys(e).reduce((n, t) => {
     const a = r ? `${r}.${t}` : t;
-    return typeof e[t] == "object" && e[t] !== null && !Array.isArray(e[t]) ? Object.assign(n, we(e[t], a)) : n[a] = e[t], n;
+    return typeof e[t] == "object" && e[t] !== null && !Array.isArray(e[t]) ? Object.assign(n, Ce(e[t], a)) : n[a] = e[t], n;
   }, {});
 }
 function Z(e, r) {
@@ -143,7 +143,7 @@ function Z(e, r) {
       }
     else if (n === "string" && t === "reference" && typeof e == "string") {
       const a = e.split("/").slice(0, -1).join("/"), i = e.split("/").slice(-1)[0];
-      return new de(i, a);
+      return new Ee(i, a);
     } else {
       if (n === t)
         return e;
@@ -160,7 +160,7 @@ function at(e, r) {
   function n(t, a) {
     const i = {};
     return Object.keys(t).forEach((o) => {
-      const l = a ? `${a}.${o}` : o, d = L(t, o), c = L(e, l);
+      const l = a ? `${a}.${o}` : o, d = R(t, o), c = R(e, l);
       if (d) {
         if (d.dataType === "map" && d.properties) {
           const f = n(d.properties, l);
@@ -201,18 +201,18 @@ function it({
         onChange: a
       }
     ),
-    /* @__PURE__ */ p(Le, { style: {
+    /* @__PURE__ */ p(Re, { style: {
       tableLayout: "fixed"
     }, children: [
-      /* @__PURE__ */ p(_e, { children: [
+      /* @__PURE__ */ p(Le, { 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(Be, { children: t && Object.entries(r).map(
+      /* @__PURE__ */ s(_e, { children: t && Object.entries(r).map(
         ([o, l]) => {
-          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(Je, { style: { height: "90px" }, children: [
+          const d = r[o], c = l ? R(t, l) : null, f = R(n, o), m = f ? f.dataType === "array" && typeof f.of == "object" ? `${f.dataType} - ${f.of.dataType}` : f.dataType : void 0;
+          return /* @__PURE__ */ p(Be, { style: { height: "90px" }, children: [
             /* @__PURE__ */ p(M, { style: { width: "20%" }, children: [
               /* @__PURE__ */ s(u, { variant: "body2", children: o }),
               f && /* @__PURE__ */ s(
@@ -224,7 +224,7 @@ function it({
                 }
               )
             ] }),
-            /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(Re, {}) }),
+            /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(Je, {}) }),
             /* @__PURE__ */ s(
               M,
               {
@@ -250,7 +250,7 @@ function st({
   onChange: n
 }) {
   return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(
-    ge,
+    he,
     {
       size: "small",
       value: e ?? "",
@@ -260,14 +260,14 @@ function st({
       renderValue: (t) => /* @__PURE__ */ s(u, { variant: "body2", children: t !== "" ? t : "Autogenerate ID" }),
       label: "Column that will be used as ID for each document",
       children: [
-        /* @__PURE__ */ s(J, { value: "", children: "Autogenerate ID" }),
-        Object.entries(r).map(([t, a]) => /* @__PURE__ */ s(J, { value: t, children: t }, t))
+        /* @__PURE__ */ s(B, { value: "", children: "Autogenerate ID" }),
+        Object.entries(r).map(([t, a]) => /* @__PURE__ */ s(B, { value: t, children: t }, t))
       ]
     }
   ) });
 }
 function ot({ onDataAdded: e }) {
-  const r = pe();
+  const r = de();
   return /* @__PURE__ */ s(
     He,
     {
@@ -306,16 +306,16 @@ function Dt({
   onPropertyNameChanged: a,
   propertyTypeView: i
 }) {
-  const { propertyConfigs: o } = z(), l = r ? fe(r, o) : null;
-  return /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ p(
+  const { propertyConfigs: o } = V(), l = r ? pe(r, o) : null;
+  return /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ p(
     "div",
     {
       className: "flex flex-row w-full items-center",
       children: [
-        /* @__PURE__ */ s("div", { className: "mx-4", children: i ?? /* @__PURE__ */ s(me, { propertyConfig: l ?? void 0 }) }),
+        /* @__PURE__ */ s("div", { className: "mx-4", children: i ?? /* @__PURE__ */ s(fe, { propertyConfig: l ?? void 0 }) }),
         /* @__PURE__ */ s("div", { className: "w-full flex flex-col grow", children: /* @__PURE__ */ p("div", { className: "flex flex-row items-center gap-2", children: [
           t && /* @__PURE__ */ s(
-            Ve,
+            We,
             {
               size: "small",
               className: "text-base grow",
@@ -325,62 +325,64 @@ function Dt({
               }
             }
           ),
-          /* @__PURE__ */ s(ee, { onClick: n, size: "small", children: /* @__PURE__ */ s(We, { size: "small" }) })
+          /* @__PURE__ */ s(ee, { onClick: n, size: "small", children: /* @__PURE__ */ s(ze, { size: "small" }) })
         ] }) })
       ]
     }
   ) });
 }
 function lt({
-  importConfig: e,
-  collection: r,
-  onImportSuccess: n
+  path: e,
+  importConfig: r,
+  collection: n,
+  onImportSuccess: t
 }) {
-  const t = ue(), a = Ie(!1), [i, o] = j(0);
-  function l() {
-    a.current || (a.current = !0, De(
-      t,
-      r,
-      e.entities,
+  console.log("ImportSaveInProgress", e);
+  const a = me(), i = Oe(!1), [o, l] = j(0);
+  function d() {
+    i.current || (i.current = !0, we(
+      a,
+      n,
+      e,
+      r.entities,
       0,
       25,
-      o
+      l
     ).then(() => {
-      n(r), a.current = !1;
+      t(n), i.current = !1;
     }));
   }
   return ce(() => {
-    l();
-  }, []), /* @__PURE__ */ p(ze, { className: "flex flex-col gap-4 items-center", children: [
-    /* @__PURE__ */ s(ye, {}),
+    d();
+  }, []), /* @__PURE__ */ p(Ve, { className: "flex flex-col gap-4 items-center", children: [
+    /* @__PURE__ */ s(ge, {}),
     /* @__PURE__ */ s(u, { variant: "h6", children: "Saving data" }),
     /* @__PURE__ */ p(u, { variant: "body2", children: [
-      i,
+      o,
       "/",
-      e.entities.length,
+      r.entities.length,
       " entities saved"
     ] }),
     /* @__PURE__ */ s(u, { variant: "caption", children: "Do not close this tab or the import will be interrupted." })
   ] });
 }
-function De(e, r, n, t = 0, a = 25, i) {
-  console.debug("Saving imported data", t, a);
-  const o = n.slice(t, t + a);
-  return Promise.all(o.map((l) => e.saveEntity({
-    path: r.path,
-    // TODO: should check if this is correct, specially for subcollections
-    values: l.values,
-    entityId: l.id,
+function we(e, r, n, t, a = 0, i = 25, o) {
+  console.debug("Saving imported data", a, i);
+  const l = t.slice(a, a + i);
+  return Promise.all(l.map((d) => e.saveEntity({
+    path: n,
+    values: d.values,
+    entityId: d.id,
     collection: r,
     status: "new"
-  }))).then(() => t + a < n.length ? (i(t + a), De(e, r, n, t + a, a, i)) : (i(n.length), Promise.resolve()));
+  }))).then(() => a + i < t.length ? (o(a + i), we(e, r, n, t, a + i, i, o)) : (o(t.length), Promise.resolve()));
 }
 function ct({
   collection: e,
   path: r,
   collectionEntitiesCount: n
 }) {
-  const t = z(), a = pe(), [i, o] = C.useState(!1), [l, d] = C.useState("initial"), c = Ke(), f = x(() => {
+  const t = V(), a = de(), [i, o] = C.useState(!1), [l, d] = C.useState("initial"), c = Ke(), f = x(() => {
     o(!0), d("initial");
   }, [o]), m = x(() => {
     o(!1);
@@ -392,33 +394,33 @@ function ct({
     if (c.setImportData(g), g.length > 0) {
       const I = await Ze(g, nt);
       c.setOriginProperties(I);
-      const A = Ne(g);
-      c.setHeadersMapping(A);
-      const E = Object.keys(A)?.[0];
-      if (E?.includes("id") || E?.includes("key")) {
-        const w = E;
+      const E = Se(g);
+      c.setHeadersMapping(E);
+      const A = Object.keys(E)?.[0];
+      if (A?.includes("id") || A?.includes("key")) {
+        const w = A;
         c.setIdColumn(w);
       }
     }
     setTimeout(() => {
       d("mapping");
     }, 100);
-  }, N = he({
+  }, N = ue({
     collection: e,
     path: r,
     fields: t.propertyConfigs
-  }), _ = Te(N.properties, N.propertiesOrder), O = Object.entries(_).flatMap(([g, I]) => Se(g, I, 0)), R = N.propertiesOrder ?? Object.keys(N.properties);
+  }), L = Te(N.properties, N.propertiesOrder), O = Object.entries(L).flatMap(([g, I]) => De(g, I, 0)), J = 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(
-      be,
+      ye,
       {
         open: i,
         fullWidth: l === "preview",
         fullHeight: l === "preview",
         maxWidth: l === "initial" ? "lg" : "7xl",
         children: [
-          /* @__PURE__ */ p(xe, { className: "flex flex-col gap-4 my-4", fullHeight: l === "preview", children: [
+          /* @__PURE__ */ p(be, { className: "flex flex-col gap-4 my-4", fullHeight: l === "preview", 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" }),
@@ -432,25 +434,25 @@ function ct({
                   headersMapping: c.headersMapping,
                   idColumn: c.idColumn,
                   originProperties: c.originProperties,
-                  destinationProperties: _,
+                  destinationProperties: L,
                   onIdPropertyChanged: (g) => c.setIdColumn(g),
                   buildPropertyView: ({
                     isIdColumn: g,
                     property: I,
-                    propertyKey: A,
-                    importKey: E
+                    propertyKey: E,
+                    importKey: A
                   }) => /* @__PURE__ */ s(
                     dt,
                     {
-                      selectedPropertyKey: A ?? "",
-                      properties: _,
+                      selectedPropertyKey: E ?? "",
+                      properties: L,
                       propertiesAndLevel: O,
                       isIdColumn: g,
                       onIdSelected: () => {
-                        c.setIdColumn(E);
+                        c.setIdColumn(A);
                       },
                       onPropertySelected: (w) => {
-                        const G = Object.entries(c.headersMapping).map(([b, F]) => F === w ? { [b]: null } : b === E ? { [b]: w } : { [b]: F }).reduce((b, F) => ({ ...b, ...F }), {});
+                        const G = Object.entries(c.headersMapping).map(([b, F]) => F === w ? { [b]: null } : b === A ? { [b]: w } : { [b]: F }).reduce((b, F) => ({ ...b, ...F }), {});
                         c.setHeadersMapping(G), w === c.idColumn && c.setIdColumn(void 0);
                       }
                     }
@@ -462,8 +464,8 @@ function ct({
               pt,
               {
                 importConfig: c,
-                properties: _,
-                propertiesOrder: R
+                properties: L,
+                propertiesOrder: J
               }
             ),
             l === "import_data_saving" && c && /* @__PURE__ */ s(
@@ -471,6 +473,7 @@ function ct({
               {
                 importConfig: c,
                 collection: e,
+                path: r,
                 onImportSuccess: (g) => {
                   m(), a.open({
                     type: "info",
@@ -480,7 +483,7 @@ function ct({
               }
             )
           ] }),
-          /* @__PURE__ */ p(ve, { children: [
+          /* @__PURE__ */ p(xe, { children: [
             l === "mapping" && /* @__PURE__ */ s(
               k,
               {
@@ -527,7 +530,7 @@ function ct({
     )
   ] });
 }
-const V = "__internal_id__";
+const W = "__internal_id__";
 function dt({
   selectedPropertyKey: e,
   properties: r,
@@ -536,30 +539,30 @@ function dt({
   propertiesAndLevel: a,
   isIdColumn: i
 }) {
-  const o = e ? L(r, e) : null, l = x((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 ? R(r, e) : null, l = x((c) => c === W ? /* @__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,
       property: o
     }
   ), [o]), d = x((c) => {
-    c === V ? (t(), n(null)) : n(c === "" ? null : c);
+    c === W ? (t(), n(null)) : n(c === "" ? null : c);
   }, []);
   return /* @__PURE__ */ p(
-    ge,
+    he,
     {
-      value: i ? V : e ?? void 0,
+      value: i ? W : e ?? void 0,
       onValueChange: d,
       renderValue: l,
       children: [
-        /* @__PURE__ */ s(J, { value: "", children: /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) }),
-        /* @__PURE__ */ s(J, { value: V, children: /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) }),
+        /* @__PURE__ */ s(B, { value: "", children: /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) }),
+        /* @__PURE__ */ s(B, { value: W, children: /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) }),
         a.map(({
           property: c,
           level: f,
           propertyKey: m
         }) => /* @__PURE__ */ s(
-          J,
+          B,
           {
             value: m,
             disabled: c.dataType === "map",
@@ -578,14 +581,14 @@ function dt({
     }
   );
 }
-function Se(e, r, n) {
+function De(e, r, n) {
   const t = [];
   return t.push({
     property: r,
     level: n,
     propertyKey: e
   }), r.dataType === "map" && r.properties && Object.entries(r.properties).forEach(([a, i]) => {
-    t.push(...Se(`${e}.${a}`, i, n + 1));
+    t.push(...De(`${e}.${a}`, i, n + 1));
   }), t;
 }
 function se({
@@ -593,14 +596,14 @@ function se({
   property: r,
   level: n = 0
 }) {
-  const { propertyConfigs: t } = z(), a = fe(r, t);
+  const { propertyConfigs: t } = V(), a = pe(r, t);
   return /* @__PURE__ */ p(
     "div",
     {
       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: 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(me, { propertyConfig: a }) }) }),
+        new Array(n).fill(0).map((i, o) => /* @__PURE__ */ s("div", { className: _(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(
             u,
@@ -660,12 +663,12 @@ function pt({
     }
   );
 }
-function Ne(e) {
+function Se(e) {
   const r = {};
   return e.filter(Boolean).forEach((n) => {
     Object.keys(n).forEach((t) => {
       const a = n[t];
-      typeof a == "object" && !Array.isArray(a) && Object.entries(Ne([a])).forEach(([i, o]) => {
+      typeof a == "object" && !Array.isArray(a) && Object.entries(Se([a])).forEach(([i, o]) => {
         r[`${t}.${i}`] = `${t}.${o}`;
       }), r[t] = t;
     });
@@ -714,13 +717,13 @@ function K(e, r, n = "") {
   const t = n ? `${n}.${r}` : r;
   return e.dataType === "map" && e.properties ? Object.entries(e.properties).map(([a, i]) => K(i, a, t)).flat() : [{ label: t, key: t }];
 }
-function W(e, r, n, t) {
+function z(e, r, n, t) {
   let a;
   if (r.dataType === "map" && r.properties)
     a = re(e, r.properties, n, t);
   else if (r.dataType === "array")
-    r.of && Array.isArray(e) ? Array.isArray(r.of) ? a = r.of.map((i, o) => W(e[o], i, n, t)) : r.of.dataType === "map" ? a = n === "csv" ? e.map((i) => JSON.stringify(i)) : e.map((i) => W(i, r.of, n, t)) : a = e.map((i) => W(i, r.of, n, t)) : a = e;
-  else if (r.dataType === "reference" && e instanceof de) {
+    r.of && Array.isArray(e) ? Array.isArray(r.of) ? a = r.of.map((i, o) => z(e[o], i, n, t)) : r.of.dataType === "map" ? a = n === "csv" ? e.map((i) => JSON.stringify(i)) : e.map((i) => z(i, r.of, n, t)) : a = e.map((i) => z(i, r.of, n, t)) : a = e;
+  else if (r.dataType === "reference" && e.isEntityReference && e.isEntityReference()) {
     const i = e || void 0;
     a = i ? i.pathWithId : null;
   } else
@@ -729,7 +732,7 @@ function W(e, r, n, t) {
 }
 function re(e, r, n, t) {
   const a = Object.entries(r).map(([i, o]) => {
-    const l = e && e[i], d = W(l, o, n, t);
+    const l = e && e[i], d = z(l, o, n, t);
     return d === void 0 ? {} : { [i]: d };
   }).reduce((i, o) => ({ ...i, ...o }), {});
   return { ...e, ...a };
@@ -750,15 +753,15 @@ 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"), S = Me(), N = ue(), O = $e().resolveAliasesFrom(r), R = !t || t({
+  const i = V(), 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(), O = $e().resolveAliasesFrom(r), J = !t || t({
     collectionEntitiesCount: n,
     path: O,
     collection: e
-  }), g = C.useMemo(() => he({
+  }), g = C.useMemo(() => ue({
     collection: e,
     path: O,
     fields: i.propertyConfigs
-  }), [e, O]), [I, A] = C.useState(!1), [E, w] = C.useState(), [G, b] = C.useState(!1), F = x(() => {
+  }), [e, O]), [I, E] = C.useState(!1), [A, w] = C.useState(), [G, b] = C.useState(!1), F = x(() => {
     b(!0);
   }, [b]), X = x(() => {
     b(!1);
@@ -776,7 +779,7 @@ function yt({
     } : {}))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [];
     return [...q, ...Q];
   }, [o?.additionalFields]), ae = x(async (P, H) => {
-    A(!0), N.fetchCollection({
+    E(!0), N.fetchCollection({
       path: O,
       collection: P
     }).then(async (D) => {
@@ -788,20 +791,20 @@ function yt({
       ft(D, q, P, d, Q, f, y);
     }).catch((D) => {
       console.error("Error loading export data", D), w(D);
-    }).finally(() => A(!1));
-  }, [N, O, ne, d, f, y]), Oe = x(() => {
+    }).finally(() => E(!1));
+  }, [N, O, ne, d, f, y]), Ne = x(() => {
     ae(g, o), X();
   }, [ae, g, o, X]);
   return /* @__PURE__ */ p($, { children: [
     /* @__PURE__ */ s(te, { title: "Export", children: /* @__PURE__ */ s(ee, { color: "primary", onClick: F, children: /* @__PURE__ */ s(qe, {}) }) }),
     /* @__PURE__ */ p(
-      be,
+      ye,
       {
         open: G,
         onOpenChange: b,
         maxWidth: "xl",
         children: [
-          /* @__PURE__ */ p(xe, { className: "flex flex-col gap-4 my-4", children: [
+          /* @__PURE__ */ p(be, { className: "flex flex-col gap-4 my-4", children: [
             /* @__PURE__ */ s(u, { variant: "h6", children: "Export data" }),
             /* @__PURE__ */ s("div", { children: "Download the the content of this table as a CSV" }),
             n > gt && /* @__PURE__ */ s(Qe, { color: "warning", children: /* @__PURE__ */ p("div", { children: [
@@ -821,7 +824,7 @@ function yt({
                       name: "exportType",
                       checked: f === "csv",
                       onChange: () => m("csv"),
-                      className: B(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: _(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -843,7 +846,7 @@ function yt({
                       name: "exportType",
                       checked: f === "json",
                       onChange: () => m("json"),
-                      className: B(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: _(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -867,7 +870,7 @@ function yt({
                       name: "dateExportType",
                       checked: y === "timestamp",
                       onChange: () => h("timestamp"),
-                      className: B(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: _(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ p(
@@ -893,7 +896,7 @@ function yt({
                       name: "dateExportType",
                       checked: y === "string",
                       onChange: () => h("string"),
-                      className: B(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: _(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ p(
@@ -921,10 +924,10 @@ function yt({
                 label: "Flatten arrays"
               }
             ),
-            !R && a
+            !J && a
           ] }),
-          /* @__PURE__ */ p(ve, { children: [
-            I && /* @__PURE__ */ s(ye, { size: "small" }),
+          /* @__PURE__ */ p(xe, { children: [
+            I && /* @__PURE__ */ s(ge, { size: "small" }),
             /* @__PURE__ */ s(
               k,
               {
@@ -937,8 +940,8 @@ function yt({
               k,
               {
                 variant: "filled",
-                onClick: Oe,
-                disabled: I || !R,
+                onClick: Ne,
+                disabled: I || !J,
                 children: "Download"
               }
             )
@@ -949,7 +952,7 @@ function yt({
   ] });
 }
 function St(e) {
-  return Ae(() => ({
+  return Ie(() => ({
     name: "Import/Export",
     collections: {
       CollectionActions: [ct, yt],
@@ -964,11 +967,11 @@ export {
   lt as ImportSaveInProgress,
   rt as convertDataToEntity,
   et as convertFileToJson,
-  we as flattenEntry,
+  Ce as flattenEntry,
   nt as getInferenceType,
   at as getPropertiesMapping,
   Z as processValueMapping,
-  Ce as unflattenObject,
+  ve as unflattenObject,
   Ke as useImportConfig,
   St as useImportExportPlugin
 };