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

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import C, { useState as j, useRef as Ie, useEffect as ce, useCallback as b, useMemo as Oe } from "react";
+import C, { useState as j, useRef as Ie, useEffect as ce, useCallback as x, useMemo as Ae } 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 { 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 { buildEntityPropertiesFromData as Ze } from "@firecms/schema_inference";
 import * as ie from "xlsx";
 const Ke = () => {
@@ -24,12 +24,14 @@ const Ke = () => {
 function et(e) {
   return new Promise((r, n) => {
     if (e.type === "application/json") {
+      console.debug("Converting JSON file to JSON", e.name);
       const t = new FileReader();
       t.onload = function(a) {
         const i = a.target?.result, o = JSON.parse(i);
-        r(o);
+        Array.isArray(o) || n(new Error("JSON file should contain an array of objects")), r(o);
       }, t.readAsText(e);
     } else {
+      console.debug("Converting Excel file to JSON", e.name);
       const t = new FileReader();
       t.onload = function(a) {
         const i = new Uint8Array(a.target?.result), o = ie.read(
@@ -39,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(ve);
+        ), l = o.SheetNames[0], d = o.Sheets[l], m = ie.utils.sheet_to_json(d).map(tt).map(Ce);
         r(m);
       }, t.readAsArrayBuffer(e);
     }
@@ -55,7 +57,7 @@ function tt(e) {
     return r;
   }, {});
 }
-function ve(e) {
+function Ce(e) {
   return Object.keys(e).reduce((r, n) => {
     let t = r;
     const a = n.split(".");
@@ -69,7 +71,7 @@ function ve(e) {
   }, {});
 }
 function rt(e, r, n, t, a, i) {
-  const o = Ce(e);
+  const o = we(e);
   r && delete o[r];
   const l = Object.entries(o).map(([c, f]) => {
     const m = n[c] ?? c;
@@ -80,17 +82,17 @@ function rt(e, r, n, t, a, i) {
     return h && (S = Z(f, h)), {
       [m]: S
     };
-  }).reduce((c, f) => ({ ...c, ...f }), {}), d = ve(l);
+  }).reduce((c, f) => ({ ...c, ...f }), {}), d = Ce(l);
   return {
     id: r ? e[r] : void 0,
     values: d,
     path: i
   };
 }
-function Ce(e, r = "") {
+function we(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, Ce(e[t], a)) : n[a] = e[t], n;
+    return typeof e[t] == "object" && e[t] !== null && !Array.isArray(e[t]) ? Object.assign(n, we(e[t], a)) : n[a] = e[t], n;
   }, {});
 }
 function Z(e, r) {
@@ -210,7 +212,7 @@ function it({
       /* @__PURE__ */ s(Be, { 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(Re, { style: { height: "90px" }, children: [
+          return /* @__PURE__ */ p(Je, { style: { height: "90px" }, children: [
             /* @__PURE__ */ p(M, { style: { width: "20%" }, children: [
               /* @__PURE__ */ s(u, { variant: "body2", children: o }),
               f && /* @__PURE__ */ s(
@@ -222,7 +224,7 @@ function it({
                 }
               )
             ] }),
-            /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(He, {}) }),
+            /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(Re, {}) }),
             /* @__PURE__ */ s(
               M,
               {
@@ -248,7 +250,7 @@ function st({
   onChange: n
 }) {
   return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(
-    he,
+    ge,
     {
       size: "small",
       value: e ?? "",
@@ -258,15 +260,16 @@ 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(R, { value: "", children: "Autogenerate ID" }),
-        Object.entries(r).map(([t, a]) => /* @__PURE__ */ s(R, { value: t, children: t }, t))
+        /* @__PURE__ */ s(J, { value: "", children: "Autogenerate ID" }),
+        Object.entries(r).map(([t, a]) => /* @__PURE__ */ s(J, { value: t, children: t }, t))
       ]
     }
   ) });
 }
 function ot({ onDataAdded: e }) {
+  const r = pe();
   return /* @__PURE__ */ s(
-    Je,
+    He,
     {
       accept: {
         "text/*": [".csv", ".xls", ".xlsx"],
@@ -285,9 +288,11 @@ function ot({ onDataAdded: e }) {
         /* @__PURE__ */ s(Ue, {}),
         "Drag and drop a file here or click to upload"
       ] }),
-      onFilesAdded: (r) => {
-        r.length > 0 && et(r[0]).then((n) => {
-          e(n);
+      onFilesAdded: (n) => {
+        n.length > 0 && et(n[0]).then((t) => {
+          e(t);
+        }).catch((t) => {
+          console.error("Error parsing file", t), r.open({ type: "error", message: t.message });
         });
       }
     }
@@ -301,13 +306,13 @@ function Dt({
   onPropertyNameChanged: a,
   propertyTypeView: i
 }) {
-  const { propertyConfigs: o } = z(), l = r ? pe(r, o) : null;
-  return /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ p(
+  const { propertyConfigs: o } = z(), l = r ? fe(r, o) : null;
+  return /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ p(
     "div",
     {
       className: "flex flex-row w-full items-center",
       children: [
-        /* @__PURE__ */ s("div", { className: "mx-4", children: i ?? /* @__PURE__ */ s(fe, { propertyConfig: l ?? void 0 }) }),
+        /* @__PURE__ */ s("div", { className: "mx-4", children: i ?? /* @__PURE__ */ s(me, { 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,
@@ -331,9 +336,9 @@ function lt({
   collection: r,
   onImportSuccess: n
 }) {
-  const t = me(), a = Ie(!1), [i, o] = j(0);
+  const t = ue(), a = Ie(!1), [i, o] = j(0);
   function l() {
-    a.current || (a.current = !0, we(
+    a.current || (a.current = !0, De(
       t,
       r,
       e.entities,
@@ -347,7 +352,7 @@ function lt({
   return ce(() => {
     l();
   }, []), /* @__PURE__ */ p(ze, { className: "flex flex-col gap-4 items-center", children: [
-    /* @__PURE__ */ s(ge, {}),
+    /* @__PURE__ */ s(ye, {}),
     /* @__PURE__ */ s(u, { variant: "h6", children: "Saving data" }),
     /* @__PURE__ */ p(u, { variant: "body2", children: [
       i,
@@ -358,7 +363,7 @@ function lt({
     /* @__PURE__ */ s(u, { variant: "caption", children: "Do not close this tab or the import will be interrupted." })
   ] });
 }
-function we(e, r, n, t = 0, a = 25, i) {
+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({
@@ -368,26 +373,26 @@ function we(e, r, n, t = 0, a = 25, i) {
     entityId: l.id,
     collection: r,
     status: "new"
-  }))).then(() => t + a < n.length ? (i(t + a), we(e, r, n, t + a, a, i)) : (i(n.length), Promise.resolve()));
+  }))).then(() => t + a < n.length ? (i(t + a), De(e, r, n, t + a, a, i)) : (i(n.length), Promise.resolve()));
 }
 function ct({
   collection: e,
   path: r,
   collectionEntitiesCount: n
 }) {
-  const t = z(), a = Ee(), [i, o] = C.useState(!1), [l, d] = C.useState("initial"), c = Ke(), f = b(() => {
+  const t = z(), a = pe(), [i, o] = C.useState(!1), [l, d] = C.useState("initial"), c = Ke(), f = x(() => {
     o(!0), d("initial");
-  }, [o]), m = b(() => {
+  }, [o]), m = x(() => {
     o(!1);
-  }, [o]), y = b(() => {
+  }, [o]), y = x(() => {
     d("preview");
-  }, []), h = b(() => {
+  }, []), h = x(() => {
     d("import_data_saving");
   }, []), S = async (g) => {
     if (c.setImportData(g), g.length > 0) {
-      const O = await Ze(g, nt);
-      c.setOriginProperties(O);
-      const A = Se(g);
+      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")) {
@@ -398,15 +403,15 @@ function ct({
     setTimeout(() => {
       d("mapping");
     }, 100);
-  }, N = ue({
+  }, N = he({
     collection: e,
     path: r,
     fields: t.propertyConfigs
-  }), _ = Te(N.properties, N.propertiesOrder), I = Object.entries(_).flatMap(([g, O]) => De(g, O, 0)), H = N.propertiesOrder ?? Object.keys(N.properties);
+  }), _ = Te(N.properties, N.propertiesOrder), O = Object.entries(_).flatMap(([g, I]) => Se(g, I, 0)), R = 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,
+      be,
       {
         open: i,
         fullWidth: l === "preview",
@@ -431,7 +436,7 @@ function ct({
                   onIdPropertyChanged: (g) => c.setIdColumn(g),
                   buildPropertyView: ({
                     isIdColumn: g,
-                    property: O,
+                    property: I,
                     propertyKey: A,
                     importKey: E
                   }) => /* @__PURE__ */ s(
@@ -439,13 +444,13 @@ function ct({
                     {
                       selectedPropertyKey: A ?? "",
                       properties: _,
-                      propertiesAndLevel: I,
+                      propertiesAndLevel: O,
                       isIdColumn: g,
                       onIdSelected: () => {
                         c.setIdColumn(E);
                       },
                       onPropertySelected: (w) => {
-                        const G = Object.entries(c.headersMapping).map(([x, k]) => k === w ? { [x]: null } : x === E ? { [x]: w } : { [x]: k }).reduce((x, k) => ({ ...x, ...k }), {});
+                        const G = Object.entries(c.headersMapping).map(([b, F]) => F === w ? { [b]: null } : b === E ? { [b]: w } : { [b]: F }).reduce((b, F) => ({ ...b, ...F }), {});
                         c.setHeadersMapping(G), w === c.idColumn && c.setIdColumn(void 0);
                       }
                     }
@@ -458,7 +463,7 @@ function ct({
               {
                 importConfig: c,
                 properties: _,
-                propertiesOrder: H
+                propertiesOrder: R
               }
             ),
             l === "import_data_saving" && c && /* @__PURE__ */ s(
@@ -475,9 +480,9 @@ function ct({
               }
             )
           ] }),
-          /* @__PURE__ */ p(be, { children: [
+          /* @__PURE__ */ p(ve, { children: [
             l === "mapping" && /* @__PURE__ */ s(
-              F,
+              k,
               {
                 onClick: () => d("initial"),
                 variant: "text",
@@ -485,7 +490,7 @@ function ct({
               }
             ),
             l === "preview" && /* @__PURE__ */ s(
-              F,
+              k,
               {
                 onClick: () => d("mapping"),
                 variant: "text",
@@ -493,7 +498,7 @@ function ct({
               }
             ),
             /* @__PURE__ */ s(
-              F,
+              k,
               {
                 onClick: m,
                 variant: "text",
@@ -501,7 +506,7 @@ function ct({
               }
             ),
             l === "mapping" && /* @__PURE__ */ s(
-              F,
+              k,
               {
                 variant: "filled",
                 onClick: y,
@@ -509,7 +514,7 @@ function ct({
               }
             ),
             l === "preview" && /* @__PURE__ */ s(
-              F,
+              k,
               {
                 variant: "filled",
                 onClick: h,
@@ -531,30 +536,30 @@ function dt({
   propertiesAndLevel: a,
   isIdColumn: i
 }) {
-  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(
+  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(
     se,
     {
       propertyKey: c,
       property: o
     }
-  ), [o]), d = b((c) => {
+  ), [o]), d = x((c) => {
     c === V ? (t(), n(null)) : n(c === "" ? null : c);
   }, []);
   return /* @__PURE__ */ p(
-    he,
+    ge,
     {
       value: i ? V : e ?? void 0,
       onValueChange: d,
       renderValue: l,
       children: [
-        /* @__PURE__ */ s(R, { value: "", children: /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) }),
-        /* @__PURE__ */ s(R, { value: V, children: /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) }),
+        /* @__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" }) }),
         a.map(({
           property: c,
           level: f,
           propertyKey: m
         }) => /* @__PURE__ */ s(
-          R,
+          J,
           {
             value: m,
             disabled: c.dataType === "map",
@@ -573,14 +578,14 @@ function dt({
     }
   );
 }
-function De(e, r, n) {
+function Se(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(...De(`${e}.${a}`, i, n + 1));
+    t.push(...Se(`${e}.${a}`, i, n + 1));
   }), t;
 }
 function se({
@@ -588,14 +593,14 @@ function se({
   property: r,
   level: n = 0
 }) {
-  const { propertyConfigs: t } = z(), a = pe(r, t);
+  const { propertyConfigs: t } = z(), a = fe(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(fe, { propertyConfig: a }) }) }),
+        /* @__PURE__ */ s("div", { className: "m-4", children: /* @__PURE__ */ s(te, { title: a?.name, children: /* @__PURE__ */ s(me, { propertyConfig: a }) }) }),
         /* @__PURE__ */ p("div", { className: "flex flex-col flex-grow p-2 pl-2", children: [
           /* @__PURE__ */ s(
             u,
@@ -632,7 +637,7 @@ function pt({
   }, []);
   const t = je();
   return /* @__PURE__ */ s(
-    Fe,
+    ke,
     {
       title: /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ s(u, { variant: "subtitle2", children: "Imported data preview" }),
@@ -655,12 +660,12 @@ function pt({
     }
   );
 }
-function Se(e) {
+function Ne(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(Se([a])).forEach(([i, o]) => {
+      typeof a == "object" && !Array.isArray(a) && Object.entries(Ne([a])).forEach(([i, o]) => {
         r[`${t}.${i}`] = `${t}.${o}`;
       }), r[t] = t;
     });
@@ -670,7 +675,7 @@ 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));
+    const d = t ? Fe(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));
     le([m, ...y], `${n.name}.csv`, "text/csv");
   } else {
     const d = ut(e, r, l, o), c = JSON.stringify(d, null, 2);
@@ -745,20 +750,20 @@ 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 = me(), I = $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 = ue(), O = $e().resolveAliasesFrom(r), R = !t || t({
     collectionEntitiesCount: n,
-    path: I,
+    path: O,
     collection: e
-  }), g = C.useMemo(() => ue({
+  }), g = C.useMemo(() => he({
     collection: e,
-    path: I,
+    path: O,
     fields: i.propertyConfigs
-  }), [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 (P) => {
-    const J = o?.additionalFields, D = g.additionalFields, q = J ? await Promise.all(P.map(async (T) => (await Promise.all(J.map(async (v) => ({
+  }), [e, O]), [I, A] = C.useState(!1), [E, w] = C.useState(), [G, b] = C.useState(!1), F = x(() => {
+    b(!0);
+  }, [b]), X = x(() => {
+    b(!1);
+  }, [b]), ne = x(async (P) => {
+    const H = o?.additionalFields, D = g.additionalFields, q = H ? await Promise.all(P.map(async (T) => (await Promise.all(H.map(async (v) => ({
       [v.key]: await v.builder({
         entity: T,
         context: S
@@ -770,30 +775,30 @@ function yt({
       })
     } : {}))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [];
     return [...q, ...Q];
-  }, [o?.additionalFields]), ae = b(async (P, J) => {
+  }, [o?.additionalFields]), ae = x(async (P, H) => {
     A(!0), N.fetchCollection({
-      path: I,
+      path: O,
       collection: P
     }).then(async (D) => {
       w(void 0);
       const q = await ne(D), Q = [
-        ...J?.additionalFields?.map((T) => T.key) ?? [],
+        ...H?.additionalFields?.map((T) => T.key) ?? [],
         ...P.additionalFields?.map((T) => T.key) ?? []
       ];
       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(() => {
+  }, [N, O, ne, d, f, y]), Oe = 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: k, children: /* @__PURE__ */ s(qe, {}) }) }),
+    /* @__PURE__ */ s(te, { title: "Export", children: /* @__PURE__ */ s(ee, { color: "primary", onClick: F, children: /* @__PURE__ */ s(qe, {}) }) }),
     /* @__PURE__ */ p(
-      ye,
+      be,
       {
         open: G,
-        onOpenChange: x,
+        onOpenChange: b,
         maxWidth: "xl",
         children: [
           /* @__PURE__ */ p(xe, { className: "flex flex-col gap-4 my-4", children: [
@@ -916,12 +921,12 @@ function yt({
                 label: "Flatten arrays"
               }
             ),
-            !H && a
+            !R && a
           ] }),
-          /* @__PURE__ */ p(be, { children: [
-            O && /* @__PURE__ */ s(ge, { size: "small" }),
+          /* @__PURE__ */ p(ve, { children: [
+            I && /* @__PURE__ */ s(ye, { size: "small" }),
             /* @__PURE__ */ s(
-              F,
+              k,
               {
                 onClick: X,
                 variant: "text",
@@ -929,11 +934,11 @@ function yt({
               }
             ),
             /* @__PURE__ */ s(
-              F,
+              k,
               {
                 variant: "filled",
-                onClick: Ne,
-                disabled: O || !H,
+                onClick: Oe,
+                disabled: I || !R,
                 children: "Download"
               }
             )
@@ -944,7 +949,7 @@ function yt({
   ] });
 }
 function St(e) {
-  return Oe(() => ({
+  return Ae(() => ({
     name: "Import/Export",
     collections: {
       CollectionActions: [ct, yt],
@@ -959,11 +964,11 @@ export {
   lt as ImportSaveInProgress,
   rt as convertDataToEntity,
   et as convertFileToJson,
-  Ce as flattenEntry,
+  we as flattenEntry,
   nt as getInferenceType,
   at as getPropertiesMapping,
   Z as processValueMapping,
-  ve as unflattenObject,
+  Ce as unflattenObject,
   Ke as useImportConfig,
   St as useImportExportPlugin
 };