@firecms/data_import_export 3.0.0-canary.80 → 3.0.0-canary.82

package/dist/index.es.js

@@ -1,1371 +1,19 @@
-import b, { useState as N, useRef as He, useEffect as Ne, useCallback as C, useMemo as Ue } from "react";
-import { jsxs as p, Fragment as M, jsx as i } from "react/jsx-runtime";
-import { getPropertyInPath as J, mergeDeep as ze, resolveProperty as We, isPropertyBuilder as me, EntityReference as Xe, useSnackbarController as Se, useCustomizationController as q, getFieldConfig as Oe, ErrorBoundary as Ge, PropertyConfigBadge as ke, useDataSource as Ie, resolveCollection as _e, getPropertiesWithPropertiesOrder as Ye, useSelectionController as qe, EntityCollectionTable as Qe, slugify as Ze, getArrayValuesCount as Ke, getValueInPath as et, useFireCMSContext as tt, useNavigationController as rt, getDefaultValuesFor as at } from "@firecms/core";
-import { Table as fe, TableHeader as he, TableCell as w, TableBody as ge, TableRow as xe, Typography as f, ChevronRightIcon as ye, ExpandablePanel as nt, Select as Ae, SelectItem as H, TextField as re, BooleanSwitchWithLabel as Y, DateTimeField as st, FileUpload as it, UploadIcon as lt, IconButton as Q, EditIcon as ot, CenteredView as be, Button as S, CircularProgress as Ee, Tooltip as Z, FileUploadIcon as ct, Dialog as se, DialogContent as ie, DialogActions as le, cls as _, defaultBorderMixin as dt, GetAppIcon as Te, Alert as pt, focusedMixin as T } from "@firecms/ui";
-import { inferTypeFromValue as ut, buildEntityPropertiesFromData as mt } from "@firecms/schema_inference";
-import * as U from "xlsx";
-import { getIn as Fe, setIn as ft } from "@firecms/formex";
-const ht = () => {
-  const [e, a] = N(!1), [s, t] = N({}), [r, n] = N(), [l, o] = N([]), [c, d] = N([]), [u, m] = N({}), [h, g] = N([]), [y, A] = N({});
-  return {
-    inUse: e,
-    setInUse: a,
-    idColumn: r,
-    setIdColumn: n,
-    entities: c,
-    setEntities: d,
-    importData: l,
-    setImportData: o,
-    headingsOrder: (h ?? []).length > 0 ? h : Object.keys(u),
-    setHeadingsOrder: g,
-    headersMapping: u,
-    setHeadersMapping: m,
-    originProperties: y,
-    setOriginProperties: A,
-    defaultValues: s,
-    setDefaultValues: t
-  };
-};
-function gt(e) {
-  let a = 0;
-  const s = [], t = {};
-  if (e == null || e["!ref"] == null) return [];
-  const r = t.range !== void 0 ? t.range : e["!ref"];
-  let n;
-  switch (t.header === 1 ? a = 1 : t.header === "A" ? a = 2 : Array.isArray(t.header) && (a = 3), typeof r) {
-    case "string":
-      n = ve(r);
-      break;
-    case "number":
-      n = ve(e["!ref"]), n.s.r = r;
-      break;
-    default:
-      n = r;
-  }
-  const l = U.utils.encode_row(n.s.r), o = new Array(n.e.c - n.s.c + 1);
-  for (let c = n.s.c; c <= n.e.c; ++c) {
-    o[c] = U.utils.encode_col(c);
-    const d = e[o[c] + l];
-    switch (a) {
-      case 1:
-        s.push(c);
-        break;
-      case 2:
-        s.push(o[c]);
-        break;
-      case 3:
-        s.push(t.header[c - n.s.c]);
-        break;
-      default:
-        if (d === void 0) continue;
-        s.push(U.utils.format_cell(d));
-    }
-  }
-  return s;
-}
-function ve(e) {
-  const a = {
-    s: {
-      c: 0,
-      r: 0
-    },
-    e: {
-      c: 0,
-      r: 0
-    }
-  };
-  let s = 0, t = 0, r = 0;
-  const n = e.length;
-  for (s = 0; t < n && !((r = e.charCodeAt(t) - 64) < 1 || r > 26); ++t)
-    s = 26 * s + r;
-  for (a.s.c = --s, s = 0; t < n && !((r = e.charCodeAt(t) - 48) < 0 || r > 9); ++t)
-    s = 10 * s + r;
-  if (a.s.r = --s, t === n || e.charCodeAt(++t) === 58)
-    return a.e.c = a.s.c, a.e.r = a.s.r, a;
-  for (s = 0; t !== n && !((r = e.charCodeAt(t) - 64) < 1 || r > 26); ++t)
-    s = 26 * s + r;
-  for (a.e.c = --s, s = 0; t !== n && !((r = e.charCodeAt(t) - 48) < 0 || r > 9); ++t)
-    s = 10 * s + r;
-  return a.e.r = --s, a;
-}
-function xt(e) {
-  return new Promise((a, s) => {
-    if (e.type === "application/json") {
-      console.debug("Converting JSON file to JSON", e.name);
-      const t = new FileReader();
-      t.onload = function(r) {
-        try {
-          const n = r.target?.result, l = JSON.parse(n);
-          if (!Array.isArray(l))
-            s(new Error("JSON file should contain an array of objects"));
-          else {
-            const o = l.length > 0 ? Object.keys(l[0]) : [];
-            a({
-              data: l,
-              propertiesOrder: o
-            });
-          }
-        } catch (n) {
-          console.error("Error parsing JSON file", n), s(n);
-        }
-      }, t.readAsText(e);
-    } else {
-      console.debug("Converting Excel file to JSON", e.name);
-      const t = new FileReader();
-      t.onload = function(r) {
-        const n = new Uint8Array(r.target?.result), l = U.read(n, {
-          type: "array",
-          codepage: 65001,
-          cellDates: !0
-        }), o = l.SheetNames[0], c = l.Sheets[o], d = U.utils.sheet_to_json(c), u = gt(c), h = d.map(yt).map(je);
-        a({
-          data: h,
-          propertiesOrder: u
-        });
-      }, t.readAsArrayBuffer(e);
-    }
-  });
-}
-function yt(e) {
-  return Object.keys(e).reduce((a, s) => {
-    try {
-      a[s] = JSON.parse(e[s]);
-    } catch {
-      a[s] = e[s];
-    }
-    return a;
-  }, {});
-}
-function je(e) {
-  return Object.keys(e).reduce((a, s) => {
-    let t = a;
-    const r = s.split(".");
-    return r.forEach((n, l) => {
-      if (/^[\w]+\[\d+\]$/.test(n)) {
-        const o = n.slice(0, n.indexOf("[")), c = parseInt(n.slice(n.indexOf("[") + 1, n.indexOf("]")));
-        t[o] || (t[o] = []), l !== r.length - 1 ? (t[o][c] = t[o][c] || {}, t = t[o][c]) : t[o][c] = e[s];
-      } else l !== r.length - 1 ? (t[n] = t[n] || {}, t = t[n]) : t[n] = e[s];
-    }), a;
-  }, {});
-}
-function bt(e, a, s, t, r, n) {
-  const l = Pe(e);
-  a && delete l[a];
-  const o = Object.entries(l).map(([u, m]) => {
-    const h = Fe(s, u) ?? u, g = J(t, h);
-    if (!g)
-      return {};
-    const y = ae(m, g);
-    return {
-      [h]: y
-    };
-  }).reduce((u, m) => ({ ...u, ...m }), {}), c = ze(n ?? {}, je(o));
-  let d = a ? e[a] : void 0;
-  return typeof d == "string" ? d = d.trim() : typeof d == "number" || typeof d == "boolean" ? d = d.toString() : d instanceof Date ? d = d.toISOString() : d && "toString" in d && (d = d.toString()), {
-    id: d,
-    values: c,
-    path: r
-  };
-}
-function Pe(e, a = "") {
-  return Object.keys(e).reduce((s, t) => {
-    const r = a ? `${a}.${t}` : t;
-    return typeof e[t] == "object" && !(e[t] instanceof Date) && e[t] !== null && !Array.isArray(e[t]) ? Object.assign(s, Pe(e[t], r)) : s[r] = e[t], s;
-  }, {});
-}
-function ae(e, a) {
-  if (e === null) return null;
-  if (a === void 0) return e;
-  const s = We({
-    propertyOrBuilder: a
-  });
-  if (s === null) return e;
-  const t = ut(e), r = s.dataType;
-  if (t === "array" && r === "array" && Array.isArray(e) && s.of && !me(s.of))
-    return e.map((n) => ae(n, s.of));
-  if (t === "string" && r === "number" && typeof e == "string")
-    return Number(e);
-  if (t === "string" && r === "array" && typeof e == "string" && s.of && !me(s.of))
-    return e.split(",").map((n) => ae(n, s.of));
-  if (t === "string" && r === "boolean")
-    return e === "true";
-  if (t === "number" && r === "boolean")
-    return e === 1;
-  if (t === "boolean" && r === "number")
-    return e ? 1 : 0;
-  if (t === "boolean" && r === "string")
-    return e ? "true" : "false";
-  if (t === "number" && r === "string" && typeof e == "number")
-    return e.toString();
-  if (t === "string" && r === "array" && typeof e == "string")
-    return e.split(",").map((n) => n.trim());
-  if (t === "string" && r === "date" && typeof e == "string")
-    try {
-      return new Date(e);
-    } catch {
-      return e;
-    }
-  else {
-    if (t === "date" && r === "string")
-      return e instanceof Date && e.toISOString();
-    if (t === "number" && r === "date" && typeof e == "number")
-      try {
-        return new Date(e);
-      } catch {
-        return e;
-      }
-    else if (t === "string" && r === "reference" && typeof e == "string") {
-      const n = e.split("/").slice(0, -1).join("/"), l = e.split("/").slice(-1)[0];
-      return new Xe(l, n);
-    } else {
-      if (t === r)
-        return e;
-      if (t === "array" && r === "string" && Array.isArray(e))
-        return e.join(",");
-    }
-  }
-  return e;
-}
-function vt(e) {
-  return typeof e == "number" ? "number" : typeof e == "string" ? "string" : typeof e == "boolean" ? "boolean" : e instanceof Date ? "date" : Array.isArray(e) ? "array" : "map";
-}
-function Ct({
-  importConfig: e,
-  destinationProperties: a,
-  buildPropertyView: s
-}) {
-  const t = e.headersMapping, r = e.headingsOrder, n = e.idColumn, l = e.originProperties;
-  return /* @__PURE__ */ p(M, { children: [
-    /* @__PURE__ */ i(
-      wt,
-      {
-        idColumn: n,
-        headersMapping: t,
-        onChange: (o) => e.setIdColumn(o ?? void 0)
-      }
-    ),
-    /* @__PURE__ */ i("div", { className: "h-4" }),
-    /* @__PURE__ */ p(fe, { style: {
-      tableLayout: "fixed"
-    }, children: [
-      /* @__PURE__ */ p(he, { children: [
-        /* @__PURE__ */ i(w, { header: !0, style: { width: "20%" }, children: "Column in file" }),
-        /* @__PURE__ */ i(w, { header: !0 }),
-        /* @__PURE__ */ i(w, { header: !0, style: { width: "75%" }, children: "Map to Property" })
-      ] }),
-      /* @__PURE__ */ i(ge, { children: a && r.map(
-        (o) => {
-          const c = t[o], d = t[o], u = c ? J(a, c) : null, m = J(l, o), h = m ? m.dataType === "array" && typeof m.of == "object" ? `${m.dataType} - ${m.of.dataType}` : m.dataType : void 0;
-          return /* @__PURE__ */ p(xe, { style: { height: "90px" }, children: [
-            /* @__PURE__ */ p(w, { style: { width: "20%" }, children: [
-              /* @__PURE__ */ i(f, { variant: "body2", children: o }),
-              m && /* @__PURE__ */ i(
-                f,
-                {
-                  variant: "caption",
-                  color: "secondary",
-                  children: h
-                }
-              )
-            ] }),
-            /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(ye, {}) }),
-            /* @__PURE__ */ i(
-              w,
-              {
-                className: o === n ? "text-center" : void 0,
-                style: { width: "75%" },
-                children: s?.({
-                  isIdColumn: o === n,
-                  property: u,
-                  propertyKey: d,
-                  importKey: o
-                })
-              }
-            )
-          ] }, o);
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ p(nt, { title: "Default values", initiallyExpanded: !1, className: "p-4 mt-4", children: [
-      /* @__PURE__ */ i("div", { className: "text-sm text-slate-500 dark:text-slate-300 font-medium ml-3.5 mb-1", children: "You can select a default value for unmapped columns and empty values:" }),
-      /* @__PURE__ */ p(fe, { style: {
-        tableLayout: "fixed"
-      }, children: [
-        /* @__PURE__ */ p(he, { children: [
-          /* @__PURE__ */ i(w, { header: !0, style: { width: "30%" }, children: "Property" }),
-          /* @__PURE__ */ i(w, { header: !0 }),
-          /* @__PURE__ */ i(w, { header: !0, style: { width: "65%" }, children: "Default value" })
-        ] }),
-        /* @__PURE__ */ i(ge, { children: a && Me(a).map(
-          (o) => {
-            const c = J(a, o);
-            return typeof c != "object" || c === null || !["number", "string", "boolean", "map"].includes(c.dataType) ? null : /* @__PURE__ */ p(xe, { style: { height: "70px" }, children: [
-              /* @__PURE__ */ i(w, { style: { width: "20%" }, children: /* @__PURE__ */ i(f, { variant: "body2", children: o }) }),
-              /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(ye, {}) }),
-              /* @__PURE__ */ i(
-                w,
-                {
-                  className: o === n ? "text-center" : void 0,
-                  style: { width: "75%" },
-                  children: /* @__PURE__ */ i(
-                    Dt,
-                    {
-                      property: c,
-                      defaultValue: Fe(e.defaultValues, o),
-                      onValueChange: (d) => {
-                        const u = ft(e.defaultValues, o, d);
-                        e.setDefaultValues(u);
-                      }
-                    }
-                  )
-                }
-              )
-            ] }, o);
-          }
-        ) })
-      ] })
-    ] })
-  ] });
-}
-function Me(e, a) {
-  return Object.entries(e).reduce((s, [t, r]) => {
-    const n = a ? `${a}.${t}` : t;
-    if (typeof r != "function" && r.dataType === "map" && r.properties) {
-      const l = Me(r.properties, n);
-      return [...s, ...l];
-    }
-    return [...s, n];
-  }, []);
-}
-function wt({
-  idColumn: e,
-  headersMapping: a,
-  onChange: s
-}) {
-  return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ p(
-    Ae,
-    {
-      size: "small",
-      value: e ?? "",
-      onChange: (t) => {
-        const r = t.target.value;
-        s(r === "__none__" ? null : r);
-      },
-      placeholder: "Autogenerate ID",
-      renderValue: (t) => /* @__PURE__ */ i(f, { variant: "body2", children: t !== "__none__" ? t : "Autogenerate ID" }),
-      label: "Column that will be used as ID for each document",
-      children: [
-        /* @__PURE__ */ i(H, { value: "__none__", children: "Autogenerate ID" }),
-        Object.entries(a).map(([t, r]) => /* @__PURE__ */ i(H, { value: t, children: t }, t))
-      ]
-    }
-  ) });
-}
-function Dt({
-  property: e,
-  onValueChange: a,
-  defaultValue: s
-}) {
-  return e.dataType === "string" ? /* @__PURE__ */ i(
-    re,
-    {
-      size: "small",
-      placeholder: "Default value",
-      value: s ?? "",
-      onChange: (t) => a(t.target.value)
-    }
-  ) : e.dataType === "number" ? /* @__PURE__ */ i(
-    re,
-    {
-      size: "small",
-      type: "number",
-      value: s ?? "",
-      placeholder: "Default value",
-      onChange: (t) => a(t.target.value)
-    }
-  ) : e.dataType === "boolean" ? /* @__PURE__ */ i(
-    Y,
-    {
-      value: s ?? null,
-      allowIndeterminate: !0,
-      size: "small",
-      onValueChange: (t) => a(t === null ? void 0 : t),
-      label: s === void 0 ? "Do not set value" : s === !0 ? "Set value to true" : "Set value to false"
-    }
-  ) : e.dataType === "date" ? /* @__PURE__ */ i(
-    st,
-    {
-      mode: e.mode ?? "date",
-      size: "small",
-      value: s ?? void 0,
-      onChange: (t) => {
-        a(t);
-      },
-      clearable: !0
-    }
-  ) : null;
-}
-function Nt({ onDataAdded: e }) {
-  const a = Se();
-  return /* @__PURE__ */ i(
-    it,
-    {
-      accept: {
-        "text/*": [".csv", ".xls", ".xlsx"],
-        "application/vnd.ms-excel": [".xls", ".xlsx"],
-        "application/msexcel": [".xls", ".xlsx"],
-        "application/vnd.ms-office": [".xls", ".xlsx"],
-        "application/xls": [".xls", ".xlsx"],
-        "application/x-xls": [".xls", ".xlsx"],
-        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xls", ".xlsx"],
-        "application/json": [".json"]
-      },
-      preventDropOnDocument: !0,
-      size: "small",
-      maxFiles: 1,
-      uploadDescription: /* @__PURE__ */ p(M, { children: [
-        /* @__PURE__ */ i(lt, {}),
-        "Drag and drop a file here or click to upload"
-      ] }),
-      onFilesAdded: (s) => {
-        s.length > 0 && xt(s[0]).then(({
-          data: t,
-          propertiesOrder: r
-        }) => {
-          e(t, r);
-        }).catch((t) => {
-          console.error("Error parsing file", t), a.open({
-            type: "error",
-            message: t.message
-          });
-        });
-      }
-    }
-  );
-}
-function Bt({
-  propertyKey: e,
-  property: a,
-  onEditClick: s,
-  includeName: t = !0,
-  onPropertyNameChanged: r,
-  propertyTypeView: n
-}) {
-  const { propertyConfigs: l } = q(), o = a ? Oe(a, l) : null;
-  return /* @__PURE__ */ i(Ge, { children: /* @__PURE__ */ p(
-    "div",
-    {
-      className: "flex flex-row w-full items-center",
-      children: [
-        /* @__PURE__ */ i("div", { className: "mx-4", children: n ?? /* @__PURE__ */ i(ke, { propertyConfig: o ?? void 0 }) }),
-        /* @__PURE__ */ i("div", { className: "w-full flex flex-col grow", children: /* @__PURE__ */ p("div", { className: "flex flex-row items-center gap-2", children: [
-          t && /* @__PURE__ */ i(
-            re,
-            {
-              size: "small",
-              className: "text-base grow",
-              value: a?.name ?? "",
-              onChange: (c) => {
-                r && e && r(e, c.target.value);
-              }
-            }
-          ),
-          /* @__PURE__ */ i(Q, { onClick: s, size: "small", children: /* @__PURE__ */ i(ot, { size: "small" }) })
-        ] }) })
-      ]
-    }
-  ) });
-}
-function St({
-  path: e,
-  importConfig: a,
-  collection: s,
-  onImportSuccess: t
-}) {
-  const [r, n] = N(void 0), l = Ie(), o = He(!1), [c, d] = N(0);
-  function u() {
-    o.current || (o.current = !0, Re(
-      l,
-      s,
-      e,
-      a.entities,
-      0,
-      25,
-      d
-    ).then(() => {
-      t(s), o.current = !1;
-    }).catch((m) => {
-      n(m), o.current = !1;
-    }));
-  }
-  return Ne(() => {
-    u();
-  }, []), r ? /* @__PURE__ */ p(be, { className: "flex flex-col gap-4 items-center", children: [
-    /* @__PURE__ */ i(f, { variant: "h6", children: "Error saving data" }),
-    /* @__PURE__ */ i(f, { variant: "body2", color: "error", children: r.message }),
-    /* @__PURE__ */ i(
-      S,
-      {
-        onClick: u,
-        variant: "outlined",
-        children: "Retry"
-      }
-    )
-  ] }) : /* @__PURE__ */ p(be, { className: "flex flex-col gap-4 items-center", children: [
-    /* @__PURE__ */ i(Ee, {}),
-    /* @__PURE__ */ i(f, { variant: "h6", children: "Saving data" }),
-    /* @__PURE__ */ p(f, { variant: "body2", children: [
-      c,
-      "/",
-      a.entities.length,
-      " entities saved"
-    ] }),
-    /* @__PURE__ */ i(f, { variant: "caption", children: "Do not close this tab or the import will be interrupted." })
-  ] });
-}
-function Re(e, a, s, t, r = 0, n = 25, l) {
-  console.debug("Saving imported data", r, n);
-  const o = t.slice(r, r + n);
-  return Promise.all(o.map((c) => e.saveEntity({
-    path: s,
-    values: c.values,
-    entityId: c.id,
-    collection: a,
-    status: "new"
-  }))).then(() => r + n < t.length ? (l(r + n), Re(e, a, s, t, r + n, n, l)) : (l(t.length), Promise.resolve()));
-}
-function Ot({
-  collection: e,
-  path: a,
-  collectionEntitiesCount: s,
-  onAnalyticsEvent: t
-}) {
-  const r = q(), n = Se(), [l, o] = b.useState(!1), [c, d] = b.useState("initial"), u = ht(), m = C(() => {
-    o(!0), t?.("import_open"), d("initial");
-  }, [t]), h = C(() => {
-    o(!1);
-  }, [o]), g = C(() => {
-    t?.("import_mapping_complete"), d("preview");
-  }, [t]), y = C(() => {
-    t?.("import_data_save"), d("import_data_saving");
-  }, [t]), A = async (v) => {
-    if (u.setImportData(v), v.length > 0) {
-      const P = await mt(v, vt);
-      u.setOriginProperties(P);
-      const E = $e(v, e?.properties);
-      u.setHeadersMapping(E);
-      const O = Object.keys(E)?.[0];
-      (O?.includes("id") || O?.includes("key")) && u.setIdColumn(O);
-    }
-    setTimeout(() => {
-      t?.("import_data_added"), d("mapping");
-    }, 100);
-  }, F = _e({
-    collection: e,
-    path: a,
-    fields: r.propertyConfigs
-  }), j = Ye(F.properties, F.propertiesOrder), z = Object.entries(j).flatMap(([v, P]) => Ve(v, P, 0)), ce = F.propertiesOrder ?? Object.keys(F.properties);
-  return e.collectionGroup ? null : /* @__PURE__ */ p(M, { children: [
-    /* @__PURE__ */ i(Z, { title: "Import", children: /* @__PURE__ */ i(Q, { color: "primary", onClick: m, children: /* @__PURE__ */ i(ct, {}) }) }),
-    /* @__PURE__ */ p(
-      se,
-      {
-        open: l,
-        fullWidth: c === "preview",
-        fullHeight: c === "preview",
-        maxWidth: c === "initial" ? "lg" : "7xl",
-        children: [
-          /* @__PURE__ */ p(ie, { className: "flex flex-col gap-4 my-4", fullHeight: c === "preview", children: [
-            c === "initial" && /* @__PURE__ */ p(M, { children: [
-              /* @__PURE__ */ i(f, { variant: "h6", children: "Import data" }),
-              /* @__PURE__ */ i(f, { variant: "body2", children: "Upload a CSV, Excel or JSON file and map it to your existing schema" }),
-              /* @__PURE__ */ i(Nt, { onDataAdded: A })
-            ] }),
-            c === "mapping" && /* @__PURE__ */ p(M, { children: [
-              /* @__PURE__ */ i(f, { variant: "h6", className: "ml-3.5", children: "Map fields" }),
-              /* @__PURE__ */ i(
-                Ct,
-                {
-                  importConfig: u,
-                  destinationProperties: j,
-                  buildPropertyView: ({
-                    isIdColumn: v,
-                    property: P,
-                    propertyKey: E,
-                    importKey: O
-                  }) => /* @__PURE__ */ i(
-                    kt,
-                    {
-                      selectedPropertyKey: E ?? "",
-                      properties: j,
-                      propertiesAndLevel: z,
-                      isIdColumn: v,
-                      onIdSelected: () => {
-                        u.setIdColumn(O);
-                      },
-                      onPropertySelected: (R) => {
-                        t?.("import_mapping_field_updated");
-                        const de = Object.entries(u.headersMapping).map(([k, V]) => V === R ? { [k]: null } : k === O ? { [k]: R } : { [k]: V }).reduce((k, V) => ({ ...k, ...V }), {});
-                        u.setHeadersMapping(de), R === u.idColumn && u.setIdColumn(void 0);
-                      }
-                    }
-                  )
-                }
-              )
-            ] }),
-            c === "preview" && /* @__PURE__ */ i(
-              It,
-              {
-                importConfig: u,
-                properties: j,
-                propertiesOrder: ce
-              }
-            ),
-            c === "import_data_saving" && u && /* @__PURE__ */ i(
-              St,
-              {
-                importConfig: u,
-                collection: e,
-                path: a,
-                onImportSuccess: (v) => {
-                  h(), n.open({
-                    type: "info",
-                    message: "Data imported successfully"
-                  });
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ p(le, { children: [
-            c === "mapping" && /* @__PURE__ */ i(
-              S,
-              {
-                onClick: () => d("initial"),
-                variant: "text",
-                children: "Back"
-              }
-            ),
-            c === "preview" && /* @__PURE__ */ i(
-              S,
-              {
-                onClick: () => d("mapping"),
-                variant: "text",
-                children: "Back"
-              }
-            ),
-            /* @__PURE__ */ i(
-              S,
-              {
-                onClick: h,
-                variant: "text",
-                children: "Cancel"
-              }
-            ),
-            c === "mapping" && /* @__PURE__ */ i(
-              S,
-              {
-                variant: "filled",
-                onClick: g,
-                children: "Next"
-              }
-            ),
-            c === "preview" && /* @__PURE__ */ i(
-              S,
-              {
-                variant: "filled",
-                onClick: y,
-                children: "Save data"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-const X = "__internal_id__";
-function kt({
-  selectedPropertyKey: e,
-  properties: a,
-  onPropertySelected: s,
-  onIdSelected: t,
-  propertiesAndLevel: r,
-  isIdColumn: n
-}) {
-  const l = e ? J(a, e) : null, o = C((d) => d === X ? /* @__PURE__ */ i(f, { variant: "body2", className: "p-4", children: "Use this column as ID" }) : !d || !l ? /* @__PURE__ */ i(f, { variant: "body2", color: "disabled", className: "p-4", children: "Do not import this property" }) : /* @__PURE__ */ i(
-    Ce,
-    {
-      propertyKey: d,
-      property: l
-    }
-  ), [l]);
-  return /* @__PURE__ */ p(
-    Ae,
-    {
-      value: n ? X : e ?? void 0,
-      onValueChange: (d) => {
-        d === X ? (t(), s(null)) : s(d === "__do_not_import" ? null : d);
-      },
-      renderValue: o,
-      children: [
-        /* @__PURE__ */ i(H, { value: "__do_not_import", children: /* @__PURE__ */ i(f, { variant: "body2", color: "disabled", className: "p-4", children: "Do not import this property" }) }),
-        /* @__PURE__ */ i(H, { value: X, children: /* @__PURE__ */ i(f, { variant: "body2", className: "p-4", children: "Use this column as ID" }) }),
-        r.map(({
-          property: d,
-          level: u,
-          propertyKey: m
-        }) => /* @__PURE__ */ i(
-          H,
-          {
-            value: m,
-            disabled: d.dataType === "map",
-            children: /* @__PURE__ */ i(
-              Ce,
-              {
-                propertyKey: m,
-                property: d,
-                level: u
-              }
-            )
-          },
-          m
-        ))
-      ]
-    }
-  );
-}
-function Ve(e, a, s) {
-  const t = [];
-  return t.push({
-    property: a,
-    level: s,
-    propertyKey: e
-  }), a.dataType === "map" && a.properties && Object.entries(a.properties).forEach(([r, n]) => {
-    t.push(...Ve(`${e}.${r}`, n, s + 1));
-  }), t;
-}
-function Ce({
-  propertyKey: e,
-  property: a,
-  level: s = 0
-}) {
-  const { propertyConfigs: t } = q(), r = Oe(a, t);
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      className: "flex flex-row w-full text-start items-center h-full",
-      children: [
-        new Array(s).fill(0).map((n, l) => /* @__PURE__ */ i("div", { className: _(dt, "ml-8 border-l h-12") }, l)),
-        /* @__PURE__ */ i("div", { className: "m-4", children: /* @__PURE__ */ i(Z, { title: r?.name, children: /* @__PURE__ */ i(ke, { propertyConfig: r }) }) }),
-        /* @__PURE__ */ p("div", { className: "flex flex-col flex-grow p-2 pl-2", children: [
-          /* @__PURE__ */ i(
-            f,
-            {
-              variant: "body1",
-              component: "span",
-              className: "flex-grow pr-2",
-              children: a.name ? a.name : " "
-            }
-          ),
-          /* @__PURE__ */ i(
-            f,
-            {
-              className: " pr-2",
-              variant: "body2",
-              component: "span",
-              color: "secondary",
-              children: e
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function It({
-  importConfig: e,
-  properties: a,
-  propertiesOrder: s
-}) {
-  Ne(() => {
-    const r = e.importData.map((n) => bt(n, e.idColumn, e.headersMapping, a, "TEMP_PATH", e.defaultValues));
-    e.setEntities(r);
-  }, []);
-  const t = qe();
-  return /* @__PURE__ */ i(
-    Qe,
-    {
-      title: /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ i(f, { variant: "subtitle2", children: "Imported data preview" }),
-        /* @__PURE__ */ i(f, { variant: "caption", children: "Entities with the same id will be overwritten" })
-      ] }),
-      tableController: {
-        data: e.entities,
-        dataLoading: !1,
-        noMoreToLoad: !1
-      },
-      enablePopupIcon: !1,
-      endAdornment: /* @__PURE__ */ i("div", { className: "h-12" }),
-      filterable: !1,
-      sortable: !1,
-      selectionController: t,
-      properties: a
-    }
-  );
-}
-function $e(e, a) {
-  const s = {};
-  return e.filter(Boolean).forEach((t) => {
-    Object.keys(t).forEach((r) => {
-      const n = t[r];
-      if (typeof n == "object" && !Array.isArray(n)) {
-        const l = a?.[r], o = l && "properties" in l ? l.properties : void 0, c = $e([n], o);
-        Object.entries(c).forEach(([d, u]) => {
-          s[`${r}.${d}`] = `${r}.${u}`;
-        });
-      }
-      if (!a)
-        s[r] = r;
-      else if (r in a)
-        s[r] = r;
-      else {
-        const l = Ze(r);
-        l in a ? s[r] = l : s[r] = r;
-      }
-    });
-  }), s;
-}
-function Be({
-  data: e,
-  additionalData: a,
-  properties: s,
-  propertiesOrder: t,
-  name: r,
-  flattenArrays: n,
-  additionalHeaders: l,
-  exportType: o,
-  dateExportType: c
-}) {
-  if (console.debug("Downloading export", {
-    dataLength: e.length,
-    properties: s,
-    exportType: o,
-    dateExportType: c
-  }), o === "csv") {
-    const d = n ? Ke(e.map((y) => y.values)) : {}, u = Et(s, t, l, d), m = _t(e, a, s, u, c), h = we(u.map((y) => y.label)), g = m.map((y) => we(y));
-    De([h, ...g], `${r}.csv`, "text/csv");
-  } else {
-    const d = At(e, a, s, c), u = JSON.stringify(d, null, 2);
-    De([u], `${r}.json`, "application/json");
-  }
-}
-function _t(e, a, s, t, r) {
-  const n = e.map((l) => ({
-    id: l.id,
-    ...oe(l.values, s, "csv", r)
-  }));
-  return a && a.forEach((l, o) => {
-    n[o] = { ...n[o], ...l };
-  }), n && n.map((l) => t.map((o) => et(l, o.key)));
-}
-function At(e, a, s, t) {
-  const r = e.map((n) => ({
-    id: n.id,
-    ...oe(n.values, s, "json", t)
-  }));
-  return a && a.forEach((n, l) => {
-    r[l] = { ...r[l], ...n };
-  }), r;
-}
-function Et(e, a, s, t) {
-  const r = [
-    {
-      label: "id",
-      key: "id"
-    },
-    ...(a ?? Object.keys(e)).flatMap((n) => {
-      const l = e[n];
-      return l ? t && t[n] > 1 ? Array.from(
-        { length: t[n] },
-        (o, c) => ne(l, `${n}[${c}]`, "")
-      ).flat() : ne(l, n, "") : (console.warn("Property not found", n, e), []);
-    })
-  ];
-  return s && r.push(...s.map((n) => ({
-    label: n,
-    key: n
-  }))), r;
-}
-function ne(e, a, s = "") {
-  const t = s ? `${s}.${a}` : a;
-  return e.dataType === "map" && e.properties ? Object.entries(e.properties).map(([r, n]) => ne(n, r, t)).flat() : [{
-    label: t,
-    key: t
-  }];
-}
-function G(e, a, s, t) {
-  let r;
-  if (a.dataType === "map" && a.properties)
-    r = oe(e, a.properties, s, t);
-  else if (a.dataType === "array")
-    a.of && Array.isArray(e) ? Array.isArray(a.of) ? r = a.of.map((n, l) => G(e[l], n, s, t)) : a.of.dataType === "map" ? r = s === "csv" ? e.map((n) => JSON.stringify(n)) : e.map((n) => G(n, a.of, s, t)) : r = e.map((n) => G(n, a.of, s, t)) : r = e;
-  else if (a.dataType === "reference" && e && e.isEntityReference && e.isEntityReference()) {
-    const n = e || void 0;
-    r = n ? n.pathWithId : null;
-  } else a.dataType === "date" && e instanceof Date ? r = e ? t === "timestamp" ? e.getTime() : e.toISOString() : null : r = e;
-  return r;
-}
-function oe(e, a, s, t) {
-  const r = Object.entries(a).map(([n, l]) => {
-    const o = e && e[n], c = G(o, l, s, t);
-    return c === void 0 ? {} : { [n]: c };
-  }).reduce((n, l) => ({ ...n, ...l }), {});
-  return { ...e, ...r };
-}
-function we(e) {
-  return e.map((a) => a == null ? "" : Array.isArray(a) ? '"' + JSON.stringify(a).replaceAll('"', '\\"') + '"' : '"' + String(a).replaceAll('"', '""') + '"').join(",") + `\r
-`;
-}
-function De(e, a, s) {
-  const t = new Blob(e, { type: s }), r = URL.createObjectURL(t), n = document.createElement("a");
-  n.href = r, n.setAttribute("download", a), n.click();
-}
-const Tt = 500;
-function Ft({
-  collection: e,
-  path: a,
-  collectionEntitiesCount: s,
-  onAnalyticsEvent: t,
-  exportAllowed: r,
-  notAllowedView: n
-}) {
-  const l = q(), o = typeof e.exportable == "object" ? e.exportable : void 0, c = b.useRef(/* @__PURE__ */ new Date()), [d, u] = b.useState(!1), [m, h] = b.useState(!0), [g, y] = b.useState("csv"), [A, F] = b.useState("string"), j = tt(), z = Ie(), v = rt().resolveAliasesFrom(a), P = !r || r({
-    collectionEntitiesCount: s,
-    path: v,
-    collection: e
-  }), E = b.useMemo(() => _e({
-    collection: e,
-    path: v,
-    fields: l.propertyConfigs
-  }), [e, v]), [O, R] = b.useState(!1), [de, k] = b.useState(), [V, $] = b.useState(!1), Le = C(() => {
-    $(!0);
-  }, [$]), K = C(() => {
-    $(!1);
-  }, [$]), pe = C(async (D) => {
-    const W = o?.additionalFields, I = E.additionalFields, ee = W ? await Promise.all(D.map(async (B) => (await Promise.all(W.map(async (x) => ({
-      [x.key]: await x.builder({
-        entity: B,
-        context: j
-      })
-    })))).reduce((x, L) => ({ ...x, ...L }), {}))) : [], te = I ? await Promise.all(D.map(async (B) => (await Promise.all(I.map(async (x) => x.value ? {
-      [x.key]: await x.value({
-        entity: B,
-        context: j
-      })
-    } : {}))).reduce((x, L) => ({ ...x, ...L }), {}))) : [];
-    return [...ee, ...te];
-  }, [o?.additionalFields]), ue = C(async (D, W) => {
-    t?.("export_collection", {
-      collection: D.path
-    }), R(!0), z.fetchCollection({
-      path: v,
-      collection: D
-    }).then(async (I) => {
-      k(void 0);
-      const ee = await pe(I), te = [
-        ...W?.additionalFields?.map((x) => x.key) ?? [],
-        ...D.additionalFields?.map((x) => x.key) ?? []
-      ], B = d ? I.map((x) => {
-        const L = at(D.properties);
-        return {
-          ...x,
-          values: { ...L, ...x.values }
-        };
-      }) : I;
-      Be({
-        data: B,
-        additionalData: ee,
-        properties: D.properties,
-        propertiesOrder: D.propertiesOrder,
-        name: D.name,
-        flattenArrays: m,
-        additionalHeaders: te,
-        exportType: g,
-        dateExportType: A
-      }), t?.("export_collection_success", {
-        collection: D.path
-      });
-    }).catch((I) => {
-      console.error("Error loading export data", I), k(I);
-    }).finally(() => R(!1));
-  }, [t, z, v, pe, d, m, g, A]), Je = C(() => {
-    ue(E, o), K();
-  }, [ue, E, o, K]);
-  return /* @__PURE__ */ p(M, { children: [
-    /* @__PURE__ */ i(Z, { title: "Export", children: /* @__PURE__ */ i(Q, { color: "primary", onClick: Le, children: /* @__PURE__ */ i(Te, {}) }) }),
-    /* @__PURE__ */ p(
-      se,
-      {
-        open: V,
-        onOpenChange: $,
-        maxWidth: "xl",
-        children: [
-          /* @__PURE__ */ p(ie, { className: "flex flex-col gap-4 my-4", children: [
-            /* @__PURE__ */ i(f, { variant: "h6", children: "Export data" }),
-            /* @__PURE__ */ i("div", { children: "Download the the content of this table as a CSV" }),
-            s > Tt && /* @__PURE__ */ i(pt, { color: "warning", children: /* @__PURE__ */ p("div", { children: [
-              "This collections has a large number of documents (",
-              s,
-              ")."
-            ] }) }),
-            /* @__PURE__ */ p("div", { className: "flex flex-row gap-4", children: [
-              /* @__PURE__ */ p("div", { className: "p-4 flex flex-col", children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      id: "radio-csv",
-                      type: "radio",
-                      value: "csv",
-                      name: "exportType",
-                      checked: g === "csv",
-                      onChange: () => y("csv"),
-                      className: _(T, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    "label",
-                    {
-                      htmlFor: "radio-csv",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
-                      children: "CSV"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      id: "radio-json",
-                      type: "radio",
-                      value: "json",
-                      name: "exportType",
-                      checked: g === "json",
-                      onChange: () => y("json"),
-                      className: _(T, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    "label",
-                    {
-                      htmlFor: "radio-json",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
-                      children: "JSON"
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ p("div", { className: "p-4 flex flex-col", children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      id: "radio-timestamp",
-                      type: "radio",
-                      value: "timestamp",
-                      name: "dateExportType",
-                      checked: A === "timestamp",
-                      onChange: () => F("timestamp"),
-                      className: _(T, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "label",
-                    {
-                      htmlFor: "radio-timestamp",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
-                      children: [
-                        "Dates as timestamps (",
-                        c.current.getTime(),
-                        ")"
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      id: "radio-string",
-                      type: "radio",
-                      value: "string",
-                      name: "dateExportType",
-                      checked: A === "string",
-                      onChange: () => F("string"),
-                      className: _(T, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "label",
-                    {
-                      htmlFor: "radio-string",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
-                      children: [
-                        "Dates as strings (",
-                        c.current.toISOString(),
-                        ")"
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ i(
-              Y,
-              {
-                size: "small",
-                disabled: g !== "csv",
-                value: m,
-                onValueChange: h,
-                label: "Flatten arrays"
-              }
-            ),
-            /* @__PURE__ */ i(
-              Y,
-              {
-                size: "small",
-                value: d,
-                onValueChange: u,
-                label: "Include undefined values"
-              }
-            ),
-            !P && n
-          ] }),
-          /* @__PURE__ */ p(le, { children: [
-            O && /* @__PURE__ */ i(Ee, { size: "small" }),
-            /* @__PURE__ */ i(
-              S,
-              {
-                onClick: K,
-                variant: "text",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ i(
-              S,
-              {
-                variant: "filled",
-                onClick: Je,
-                disabled: O || !P,
-                children: "Download"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function Lt(e) {
-  return Ue(() => ({
+import { useMemo } from "react";
+import { ImportCollectionAction } from "@firecms/data_import";
+export * from "@firecms/data_import";
+import { ExportCollectionAction } from "@firecms/data_export";
+export * from "@firecms/data_export";
+function useImportExportPlugin(props) {
+  console.warn("useImportExportPlugin is deprecated. Please use useImportPlugin and useExportPlugin separately");
+  return useMemo(() => ({
     key: "import_export",
     collectionView: {
-      CollectionActions: [Ot, Ft],
-      collectionActionsProps: e
+      CollectionActions: [ImportCollectionAction, ExportCollectionAction],
+      collectionActionsProps: props
     }
-  }), [e]);
-}
-function Jt({
-  data: e,
-  properties: a,
-  propertiesOrder: s
-}) {
-  const t = b.useRef(/* @__PURE__ */ new Date()), [r, n] = b.useState(!0), [l, o] = b.useState("csv"), [c, d] = b.useState("string"), [u, m] = b.useState(!1), h = C(() => {
-    m(!0);
-  }, [m]), g = C(() => {
-    m(!1);
-  }, [m]), y = C(() => {
-    Be({
-      data: e,
-      additionalData: [],
-      properties: a,
-      propertiesOrder: s,
-      name: "export.csv",
-      flattenArrays: r,
-      additionalHeaders: [],
-      exportType: l,
-      dateExportType: c
-    }), g();
-  }, []);
-  return /* @__PURE__ */ p(M, { children: [
-    /* @__PURE__ */ i(Z, { title: "Export", children: /* @__PURE__ */ i(Q, { color: "primary", onClick: h, children: /* @__PURE__ */ i(Te, {}) }) }),
-    /* @__PURE__ */ p(
-      se,
-      {
-        open: u,
-        onOpenChange: m,
-        maxWidth: "xl",
-        children: [
-          /* @__PURE__ */ p(ie, { className: "flex flex-col gap-4 my-4", children: [
-            /* @__PURE__ */ i(f, { variant: "h6", children: "Export data" }),
-            /* @__PURE__ */ i("div", { children: "Download the the content of this table as a CSV" }),
-            /* @__PURE__ */ p("div", { className: "flex flex-row gap-4", children: [
-              /* @__PURE__ */ p("div", { className: "p-4 flex flex-col", children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      id: "radio-csv",
-                      type: "radio",
-                      value: "csv",
-                      name: "exportType",
-                      checked: l === "csv",
-                      onChange: () => o("csv"),
-                      className: _(T, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    "label",
-                    {
-                      htmlFor: "radio-csv",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
-                      children: "CSV"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      id: "radio-json",
-                      type: "radio",
-                      value: "json",
-                      name: "exportType",
-                      checked: l === "json",
-                      onChange: () => o("json"),
-                      className: _(T, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    "label",
-                    {
-                      htmlFor: "radio-json",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
-                      children: "JSON"
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ p("div", { className: "p-4 flex flex-col", children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      id: "radio-timestamp",
-                      type: "radio",
-                      value: "timestamp",
-                      name: "dateExportType",
-                      checked: c === "timestamp",
-                      onChange: () => d("timestamp"),
-                      className: _(T, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "label",
-                    {
-                      htmlFor: "radio-timestamp",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
-                      children: [
-                        "Dates as timestamps (",
-                        t.current.getTime(),
-                        ")"
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      id: "radio-string",
-                      type: "radio",
-                      value: "string",
-                      name: "dateExportType",
-                      checked: c === "string",
-                      onChange: () => d("string"),
-                      className: _(T, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "label",
-                    {
-                      htmlFor: "radio-string",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
-                      children: [
-                        "Dates as strings (",
-                        t.current.toISOString(),
-                        ")"
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ i(
-              Y,
-              {
-                size: "small",
-                disabled: l !== "csv",
-                value: r,
-                onValueChange: n,
-                label: "Flatten arrays"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ p(le, { children: [
-            /* @__PURE__ */ i(
-              S,
-              {
-                onClick: g,
-                variant: "text",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ i(
-              S,
-              {
-                variant: "filled",
-                onClick: y,
-                children: "Download"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
+  }), [props]);
 }
 export {
-  Jt as BasicExportAction,
-  Ct as DataNewPropertiesMapping,
-  Ft as ExportCollectionAction,
-  Ot as ImportCollectionAction,
-  It as ImportDataPreview,
-  Nt as ImportFileUpload,
-  Bt as ImportNewPropertyFieldPreview,
-  St as ImportSaveInProgress,
-  Ce as PropertySelectEntry,
-  bt as convertDataToEntity,
-  xt as convertFileToJson,
-  De as downloadBlob,
-  Be as downloadEntitiesExport,
-  Pe as flattenEntry,
-  _t as getEntityCSVExportableData,
-  At as getEntityJsonExportableData,
-  vt as getInferenceType,
-  ae as processValueMapping,
-  je as unflattenObject,
-  ht as useImportConfig,
-  Lt as useImportExportPlugin
+  useImportExportPlugin
 };
 //# sourceMappingURL=index.es.js.map