@firecms/data_import_export 3.0.0-canary.2 → 3.0.0-canary.200

package/dist/index.es.js

@@ -1,975 +1,19 @@
-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, 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 = () => {
-  const [e, r] = j(!1), [n, t] = j(), [a, i] = j([]), [o, l] = j([]), [d, c] = j({}), [f, m] = j({});
-  return {
-    inUse: e,
-    setInUse: r,
-    idColumn: n,
-    setIdColumn: t,
-    entities: o,
-    setEntities: l,
-    importData: a,
-    setImportData: i,
-    headersMapping: d,
-    setHeadersMapping: c,
-    originProperties: f,
-    setOriginProperties: m
-  };
-};
-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);
-        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(
-          i,
-          {
-            type: "array",
-            codepage: 65001,
-            cellDates: !0
-          }
-        ), l = o.SheetNames[0], d = o.Sheets[l], m = ie.utils.sheet_to_json(d).map(tt).map(Ce);
-        r(m);
-      }, t.readAsArrayBuffer(e);
-    }
-  });
-}
-function tt(e) {
-  return Object.keys(e).reduce((r, n) => {
-    try {
-      r[n] = JSON.parse(e[n]);
-    } catch {
-      r[n] = e[n];
-    }
-    return r;
-  }, {});
-}
-function Ce(e) {
-  return Object.keys(e).reduce((r, n) => {
-    let t = r;
-    const a = n.split(".");
-    return a.forEach((i, o) => {
-      if (/^[\w]+\[\d+\]$/.test(i)) {
-        const l = i.slice(0, i.indexOf("[")), d = parseInt(i.slice(i.indexOf("[") + 1, i.indexOf("]")));
-        t[l] || (t[l] = []), o !== a.length - 1 ? (t[l][d] = t[l][d] || {}, t = t[l][d]) : t[l][d] = e[n];
-      } else
-        o !== a.length - 1 ? (t[i] = t[i] || {}, t = t[i]) : t[i] = e[n];
-    }), r;
-  }, {});
-}
-function rt(e, r, n, t, a, i) {
-  const o = we(e);
-  r && delete o[r];
-  const l = Object.entries(o).map(([c, f]) => {
-    const m = n[c] ?? c;
-    if (!L(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);
-  return {
-    id: r ? e[r] : void 0,
-    values: d,
-    path: i
-  };
-}
-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, we(e[t], a)) : n[a] = e[t], n;
-  }, {});
-}
-function Z(e, r) {
-  if (r === void 0)
-    return e;
-  const {
-    from: n,
-    to: t
-  } = r;
-  if (n === "array" && t === "array" && r.fromSubtype && r.toSubtype && Array.isArray(e))
-    return e.map((a) => Z(a, {
-      from: r.fromSubtype,
-      to: r.toSubtype
-    }));
-  if (n === "string" && t === "number" && typeof e == "string")
-    return Number(e);
-  if (n === "string" && t === "array" && r.toSubtype && typeof e == "string")
-    return e.split(",").map((a) => Z(a, {
-      from: "string",
-      to: r.toSubtype
-    }));
-  if (n === "string" && t === "boolean")
-    return e === "true";
-  if (n === "number" && t === "boolean")
-    return e === 1;
-  if (n === "boolean" && t === "number")
-    return e ? 1 : 0;
-  if (n === "boolean" && t === "string")
-    return e ? "true" : "false";
-  if (n === "number" && t === "string" && typeof e == "number")
-    return e.toString();
-  if (n === "string" && t === "array" && typeof e == "string")
-    return e.split(",").map((a) => a.trim());
-  if (n === "string" && t === "date" && typeof e == "string")
-    try {
-      return new Date(e);
-    } catch {
-      return e;
-    }
-  else {
-    if (n === "date" && t === "string")
-      return e instanceof Date && e.toISOString();
-    if (n === "number" && t === "date" && typeof e == "number")
-      try {
-        return new Date(e);
-      } catch {
-        return e;
-      }
-    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);
-    } else {
-      if (n === t)
-        return e;
-      if (n === "array" && t === "string" && Array.isArray(e))
-        return e.join(",");
-    }
-  }
-  return e;
-}
-function nt(e) {
-  return typeof e == "number" ? "number" : typeof e == "string" ? "string" : typeof e == "boolean" ? "boolean" : e instanceof Date ? "date" : Array.isArray(e) ? "array" : "map";
-}
-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);
-      if (d) {
-        if (d.dataType === "map" && d.properties) {
-          const f = n(d.properties, l);
-          Object.keys(f).forEach((m) => {
-            i[`${l}.${m}`] = f[m];
-          });
-          return;
-        }
-        if (c) {
-          const f = c.dataType, m = d.dataType;
-          let y, h;
-          d.dataType === "array" && d.of && (h = d.of.dataType), c?.dataType === "array" && c?.of && (y = c.of.dataType), (f !== m || y !== h) && (i[o] = {
-            from: f,
-            to: m,
-            fromSubtype: y,
-            toSubtype: h
-          });
-        }
-      }
-    }), i;
-  }
-  return n(r);
-}
-function it({
-  idColumn: e,
-  headersMapping: r,
-  originProperties: n,
-  destinationProperties: t,
-  onIdPropertyChanged: a,
-  buildPropertyView: i
-}) {
-  return /* @__PURE__ */ p($, { children: [
-    /* @__PURE__ */ s(
-      st,
-      {
-        idColumn: e,
-        headersMapping: r,
-        onChange: a
-      }
-    ),
-    /* @__PURE__ */ p(Le, { style: {
-      tableLayout: "fixed"
-    }, children: [
-      /* @__PURE__ */ p(_e, { children: [
-        /* @__PURE__ */ s(M, { header: !0, style: { width: "20%" }, children: "Column in file" }),
-        /* @__PURE__ */ s(M, { header: !0 }),
-        /* @__PURE__ */ s(M, { header: !0, style: { width: "75%" }, children: "Property" })
-      ] }),
-      /* @__PURE__ */ s(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(Je, { style: { height: "90px" }, children: [
-            /* @__PURE__ */ p(M, { style: { width: "20%" }, children: [
-              /* @__PURE__ */ s(u, { variant: "body2", children: o }),
-              f && /* @__PURE__ */ s(
-                u,
-                {
-                  variant: "caption",
-                  color: "secondary",
-                  children: m
-                }
-              )
-            ] }),
-            /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(Re, {}) }),
-            /* @__PURE__ */ s(
-              M,
-              {
-                className: o === e ? "text-center" : void 0,
-                style: { width: "75%" },
-                children: i?.({
-                  isIdColumn: o === e,
-                  property: c,
-                  propertyKey: d,
-                  importKey: o
-                })
-              }
-            )
-          ] }, o);
-        }
-      ) })
-    ] })
-  ] });
-}
-function st({
-  idColumn: e,
-  headersMapping: r,
-  onChange: n
-}) {
-  return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(
-    ge,
-    {
-      size: "small",
-      value: e ?? "",
-      onChange: (t) => {
-        n(t.target.value);
-      },
-      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))
-      ]
-    }
-  ) });
-}
-function ot({ onDataAdded: e }) {
-  const r = pe();
-  return /* @__PURE__ */ s(
-    He,
-    {
-      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($, { children: [
-        /* @__PURE__ */ s(Ue, {}),
-        "Drag and drop a file here or click to upload"
-      ] }),
-      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 });
-        });
-      }
-    }
-  );
-}
-function Dt({
-  propertyKey: e,
-  property: r,
-  onEditClick: n,
-  includeName: t = !0,
-  onPropertyNameChanged: a,
-  propertyTypeView: i
-}) {
-  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(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,
-            {
-              size: "small",
-              className: "text-base grow",
-              value: r?.name ?? "",
-              onChange: (d) => {
-                a && e && a(e, d.target.value);
-              }
-            }
-          ),
-          /* @__PURE__ */ s(ee, { onClick: n, size: "small", children: /* @__PURE__ */ s(We, { size: "small" }) })
-        ] }) })
-      ]
-    }
-  ) });
-}
-function lt({
-  importConfig: e,
-  collection: r,
-  onImportSuccess: n
-}) {
-  const t = ue(), a = Ie(!1), [i, o] = j(0);
-  function l() {
-    a.current || (a.current = !0, De(
-      t,
-      r,
-      e.entities,
-      0,
-      25,
-      o
-    ).then(() => {
-      n(r), a.current = !1;
-    }));
-  }
-  return ce(() => {
-    l();
-  }, []), /* @__PURE__ */ p(ze, { className: "flex flex-col gap-4 items-center", children: [
-    /* @__PURE__ */ s(ye, {}),
-    /* @__PURE__ */ s(u, { variant: "h6", children: "Saving data" }),
-    /* @__PURE__ */ p(u, { variant: "body2", children: [
-      i,
-      "/",
-      e.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,
-    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()));
-}
-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(() => {
-    o(!0), d("initial");
-  }, [o]), m = x(() => {
-    o(!1);
-  }, [o]), y = x(() => {
-    d("preview");
-  }, []), h = x(() => {
-    d("import_data_saving");
-  }, []), S = async (g) => {
-    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;
-        c.setIdColumn(w);
-      }
-    }
-    setTimeout(() => {
-      d("mapping");
-    }, 100);
-  }, N = he({
-    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);
-  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,
-      {
-        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: [
-            l === "initial" && /* @__PURE__ */ p($, { children: [
-              /* @__PURE__ */ s(u, { variant: "h6", children: "Import data" }),
-              /* @__PURE__ */ s(u, { variant: "body2", children: "Upload a CSV, Excel or JSON file and map it to your existing schema" }),
-              /* @__PURE__ */ s(ot, { onDataAdded: S })
-            ] }),
-            l === "mapping" && /* @__PURE__ */ p($, { children: [
-              /* @__PURE__ */ s(u, { variant: "h6", children: "Map fields" }),
-              /* @__PURE__ */ s(
-                it,
-                {
-                  headersMapping: c.headersMapping,
-                  idColumn: c.idColumn,
-                  originProperties: c.originProperties,
-                  destinationProperties: _,
-                  onIdPropertyChanged: (g) => c.setIdColumn(g),
-                  buildPropertyView: ({
-                    isIdColumn: g,
-                    property: I,
-                    propertyKey: A,
-                    importKey: E
-                  }) => /* @__PURE__ */ s(
-                    dt,
-                    {
-                      selectedPropertyKey: A ?? "",
-                      properties: _,
-                      propertiesAndLevel: O,
-                      isIdColumn: g,
-                      onIdSelected: () => {
-                        c.setIdColumn(E);
-                      },
-                      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 }), {});
-                        c.setHeadersMapping(G), w === c.idColumn && c.setIdColumn(void 0);
-                      }
-                    }
-                  )
-                }
-              )
-            ] }),
-            l === "preview" && /* @__PURE__ */ s(
-              pt,
-              {
-                importConfig: c,
-                properties: _,
-                propertiesOrder: R
-              }
-            ),
-            l === "import_data_saving" && c && /* @__PURE__ */ s(
-              lt,
-              {
-                importConfig: c,
-                collection: e,
-                onImportSuccess: (g) => {
-                  m(), a.open({
-                    type: "info",
-                    message: "Data imported successfully"
-                  });
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ p(ve, { children: [
-            l === "mapping" && /* @__PURE__ */ s(
-              k,
-              {
-                onClick: () => d("initial"),
-                variant: "text",
-                children: "Back"
-              }
-            ),
-            l === "preview" && /* @__PURE__ */ s(
-              k,
-              {
-                onClick: () => d("mapping"),
-                variant: "text",
-                children: "Back"
-              }
-            ),
-            /* @__PURE__ */ s(
-              k,
-              {
-                onClick: m,
-                variant: "text",
-                children: "Cancel"
-              }
-            ),
-            l === "mapping" && /* @__PURE__ */ s(
-              k,
-              {
-                variant: "filled",
-                onClick: y,
-                children: "Next"
-              }
-            ),
-            l === "preview" && /* @__PURE__ */ s(
-              k,
-              {
-                variant: "filled",
-                onClick: h,
-                children: "Save data"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-const V = "__internal_id__";
-function dt({
-  selectedPropertyKey: e,
-  properties: r,
-  onPropertySelected: n,
-  onIdSelected: t,
-  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(
-    se,
-    {
-      propertyKey: c,
-      property: o
-    }
-  ), [o]), d = x((c) => {
-    c === V ? (t(), n(null)) : n(c === "" ? null : c);
-  }, []);
-  return /* @__PURE__ */ p(
-    ge,
-    {
-      value: i ? V : 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" }) }),
-        a.map(({
-          property: c,
-          level: f,
-          propertyKey: m
-        }) => /* @__PURE__ */ s(
-          J,
-          {
-            value: m,
-            disabled: c.dataType === "map",
-            children: /* @__PURE__ */ s(
-              se,
-              {
-                propertyKey: m,
-                property: c,
-                level: f
-              }
-            )
-          },
-          m
-        ))
-      ]
-    }
-  );
-}
-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(...Se(`${e}.${a}`, i, n + 1));
-  }), t;
-}
-function se({
-  propertyKey: e,
-  property: r,
-  level: n = 0
-}) {
-  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(me, { propertyConfig: a }) }) }),
-        /* @__PURE__ */ p("div", { className: "flex flex-col flex-grow p-2 pl-2", children: [
-          /* @__PURE__ */ s(
-            u,
-            {
-              variant: "body1",
-              component: "span",
-              className: "flex-grow pr-2",
-              children: r.name ? r.name : " "
-            }
-          ),
-          /* @__PURE__ */ s(
-            u,
-            {
-              className: " pr-2",
-              variant: "body2",
-              component: "span",
-              color: "secondary",
-              children: e
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function pt({
-  importConfig: e,
-  properties: r,
-  propertiesOrder: n
-}) {
-  ce(() => {
-    const a = at(e.originProperties, r), i = e.importData.map((o) => rt(o, e.idColumn, e.headersMapping, r, a, "TEMP_PATH"));
-    e.setEntities(i);
-  }, []);
-  const t = je();
-  return /* @__PURE__ */ s(
-    ke,
-    {
-      title: /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ s(u, { variant: "subtitle2", children: "Imported data preview" }),
-        /* @__PURE__ */ s(u, { variant: "caption", children: "Entities with the same id will be overwritten" })
-      ] }),
-      tableController: {
-        data: e.entities,
-        dataLoading: !1,
-        noMoreToLoad: !1
-      },
-      endAdornment: /* @__PURE__ */ s("div", { className: "h-12" }),
-      filterable: !1,
-      sortable: !1,
-      selectionController: t,
-      displayedColumnIds: n.map((a) => ({
-        key: a,
-        disabled: !1
-      })),
-      properties: r
-    }
-  );
-}
-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(Ne([a])).forEach(([i, o]) => {
-        r[`${t}.${i}`] = `${t}.${o}`;
-      }), r[t] = t;
-    });
-  }), r;
-}
-function ft(e, r, n, t, a, i, o) {
-  console.debug("Downloading export", { dataLength: e.length, collection: n, exportType: i, dateExportType: o });
-  const l = n.properties;
-  if (i === "csv") {
-    const d = t ? 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);
-    le([c], `${n.name}.json`, "application/json");
-  }
-}
-function mt(e, r, n, t, a) {
-  const i = e.map((o) => ({
-    id: o.id,
-    ...re(o.values, n, "csv", a)
-  }));
-  return r && r.forEach((o, l) => {
-    i[l] = { ...i[l], ...o };
-  }), i && i.map((o) => t.map((l) => Pe(o, l.key)));
-}
-function ut(e, r, n, t) {
-  const a = e.map((i) => ({
-    id: i.id,
-    ...re(i.values, n, "json", t)
-  }));
-  return r && r.forEach((i, o) => {
-    a[o] = { ...a[o], ...i };
-  }), a;
-}
-function ht(e, r, n) {
-  const t = [
-    { label: "id", key: "id" },
-    ...Object.entries(e).flatMap(([a, i]) => n && n[a] > 1 ? Array.from(
-      { length: n[a] },
-      (o, l) => K(i, `${a}[${l}]`, "")
-    ).flat() : K(i, a, ""))
-  ];
-  return r && t.push(...r.map((a) => ({ label: a, key: a }))), t;
-}
-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) {
-  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) {
-    const i = e || void 0;
-    a = i ? i.pathWithId : null;
-  } else
-    r.dataType === "date" && e instanceof Date ? a = e ? t === "timestamp" ? e.getTime() : e.toISOString() : null : a = e;
-  return a;
-}
-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);
-    return d === void 0 ? {} : { [i]: d };
-  }).reduce((i, o) => ({ ...i, ...o }), {});
-  return { ...e, ...a };
-}
-function oe(e) {
-  return e.map((r) => r == null ? "" : Array.isArray(r) ? '"' + JSON.stringify(r).replaceAll('"', '\\"') + '"' : '"' + String(r).replaceAll('"', '""') + '"').join(",") + `\r
-`;
-}
-function le(e, r, n) {
-  const t = new Blob(e, { type: n }), a = URL.createObjectURL(t), i = document.createElement("a");
-  i.href = a, i.setAttribute("download", r), i.click();
-}
-const gt = 500;
-function yt({
-  collection: e,
-  path: r,
-  collectionEntitiesCount: n,
-  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({
-    collectionEntitiesCount: n,
-    path: O,
-    collection: e
-  }), g = C.useMemo(() => he({
-    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(() => {
-    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
-      })
-    })))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [], Q = D ? await Promise.all(P.map(async (T) => (await Promise.all(D.map(async (v) => v.value ? {
-      [v.key]: await v.value({
-        entity: T,
-        context: S
-      })
-    } : {}))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [];
-    return [...q, ...Q];
-  }, [o?.additionalFields]), ae = x(async (P, H) => {
-    A(!0), N.fetchCollection({
-      path: O,
-      collection: P
-    }).then(async (D) => {
-      w(void 0);
-      const q = await ne(D), Q = [
-        ...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, 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: F, children: /* @__PURE__ */ s(qe, {}) }) }),
-    /* @__PURE__ */ p(
-      be,
-      {
-        open: G,
-        onOpenChange: b,
-        maxWidth: "xl",
-        children: [
-          /* @__PURE__ */ p(xe, { 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: [
-              "This collections has a large number of documents (",
-              n,
-              ")."
-            ] }) }),
-            /* @__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__ */ s(
-                    "input",
-                    {
-                      id: "radio-csv",
-                      type: "radio",
-                      value: "csv",
-                      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")
-                    }
-                  ),
-                  /* @__PURE__ */ s(
-                    "label",
-                    {
-                      htmlFor: "radio-csv",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-gray-300",
-                      children: "CSV"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ s(
-                    "input",
-                    {
-                      id: "radio-json",
-                      type: "radio",
-                      value: "json",
-                      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")
-                    }
-                  ),
-                  /* @__PURE__ */ s(
-                    "label",
-                    {
-                      htmlFor: "radio-json",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-gray-300",
-                      children: "JSON"
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ p("div", { className: "p-4 flex flex-col", children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ s(
-                    "input",
-                    {
-                      id: "radio-timestamp",
-                      type: "radio",
-                      value: "timestamp",
-                      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")
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "label",
-                    {
-                      htmlFor: "radio-timestamp",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-gray-300",
-                      children: [
-                        "Dates as timestamps (",
-                        l.current.getTime(),
-                        ")"
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ s(
-                    "input",
-                    {
-                      id: "radio-string",
-                      type: "radio",
-                      value: "string",
-                      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")
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "label",
-                    {
-                      htmlFor: "radio-string",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-gray-300",
-                      children: [
-                        "Dates as strings (",
-                        l.current.toISOString(),
-                        ")"
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ s(
-              Ye,
-              {
-                size: "small",
-                disabled: f !== "csv",
-                value: d,
-                onValueChange: c,
-                label: "Flatten arrays"
-              }
-            ),
-            !R && a
-          ] }),
-          /* @__PURE__ */ p(ve, { children: [
-            I && /* @__PURE__ */ s(ye, { size: "small" }),
-            /* @__PURE__ */ s(
-              k,
-              {
-                onClick: X,
-                variant: "text",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ s(
-              k,
-              {
-                variant: "filled",
-                onClick: Oe,
-                disabled: I || !R,
-                children: "Download"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function St(e) {
-  return Ae(() => ({
-    name: "Import/Export",
-    collections: {
-      CollectionActions: [ct, yt],
-      collectionActionsProps: e
-    }
-  }), [e]);
+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: [ImportCollectionAction, ExportCollectionAction],
+      collectionActionsProps: props
+    }
+  }), [props]);
 }
 export {
-  it as DataNewPropertiesMapping,
-  ot as ImportFileUpload,
-  Dt as ImportNewPropertyFieldPreview,
-  lt as ImportSaveInProgress,
-  rt as convertDataToEntity,
-  et as convertFileToJson,
-  we as flattenEntry,
-  nt as getInferenceType,
-  at as getPropertiesMapping,
-  Z as processValueMapping,
-  Ce as unflattenObject,
-  Ke as useImportConfig,
-  St as useImportExportPlugin
+  useImportExportPlugin
 };
 //# sourceMappingURL=index.es.js.map