@firecms/data_import_export 3.0.0-canary.43 → 3.0.0-canary.45

package/dist/index.es.js

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