@firecms/data_import_export 3.0.0-canary.41 → 3.0.0-canary.42

package/dist/index.es.js

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