@firecms/data_import_export 3.0.0-alpha.38

package/dist/index.es.js

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