@firecms/data_import_export 3.0.0-canary.21 → 3.0.0-canary.211

package/dist/index.es.js

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