@firecms/data_import_export 3.0.0-alpha.45 → 3.0.0-alpha.46

package/dist/index.es.js

@@ -1,9 +1,9 @@
+import w, { useState as T, useRef as Ne, useEffect as le, useCallback as b, useMemo as Ie } from "react";
 import { jsxs as p, Fragment as P, jsx as s } from "react/jsx-runtime";
-import w, { useState as T, useRef as Ne, useEffect as le, useCallback as b } from "react";
-import { getPropertyInPath as M, EntityReference as ce, Table as Ie, TableHeader as Oe, TableCell as k, TableBody as Ae, TableRow as Ee, Typography as h, ChevronRightIcon as Te, Select as de, SelectItem as H, FileUpload as je, UploadIcon as Fe, useFireCMSContext as G, getFieldConfig as pe, ErrorBoundary as ke, FieldConfigBadge as fe, TextField as Pe, IconButton as K, EditIcon as Me, useDataSource as me, CenteredView as $e, CircularProgress as ue, useSnackbarController as _e, resolveCollection as he, getPropertiesWithPropertiesOrder as Le, Tooltip as ee, FileUploadIcon as Re, Dialog as ge, DialogContent as ye, DialogActions as be, Button as j, cn as B, defaultBorderMixin as Be, useSelectionController as He, EntityCollectionTable as Je, getArrayValuesCount as Ue, getValueInPath as Ve, useNavigationController as We, GetAppIcon as ze, Alert as Ge, focusedMixin as V, BooleanSwitchWithLabel as Xe } from "@firecms/core";
-import { buildEntityPropertiesFromData as qe } from "@firecms/schema_inference";
+import { getPropertyInPath as M, EntityReference as ce, Table as Oe, TableHeader as Ae, TableCell as k, TableBody as Ee, TableRow as Te, Typography as h, ChevronRightIcon as je, Select as de, SelectItem as H, FileUpload as Fe, UploadIcon as ke, useFireCMSContext as G, getFieldConfig as pe, ErrorBoundary as Pe, FieldConfigBadge as fe, TextField as Me, IconButton as K, EditIcon as $e, useDataSource as me, CenteredView as _e, CircularProgress as ue, useSnackbarController as Le, resolveCollection as he, getPropertiesWithPropertiesOrder as Re, Tooltip as ee, FileUploadIcon as Be, Dialog as ge, DialogContent as ye, DialogActions as be, Button as j, cn as B, defaultBorderMixin as He, useSelectionController as Je, EntityCollectionTable as Ue, getArrayValuesCount as Ve, getValueInPath as We, useNavigationController as ze, GetAppIcon as Ge, Alert as Xe, focusedMixin as V, BooleanSwitchWithLabel as qe } from "@firecms/core";
+import { buildEntityPropertiesFromData as Qe } from "@firecms/schema_inference";
 import * as ae from "xlsx";
-const Qe = () => {
+const Ye = () => {
   const [e, r] = T(!1), [n, t] = T(), [a, i] = T([]), [o, l] = T([]), [d, c] = T({}), [f, m] = T({});
   return {
     inUse: e,
@@ -20,7 +20,7 @@ const Qe = () => {
     setOriginProperties: m
   };
 };
-function Ye(e) {
+function Ze(e) {
   return new Promise((r, n) => {
     if (e.type === "application/json") {
       const t = new FileReader();
@@ -38,13 +38,13 @@ function Ye(e) {
             codepage: 65001,
             cellDates: !0
           }
-        ), l = o.SheetNames[0], d = o.Sheets[l], m = ae.utils.sheet_to_json(d).map(Ze).map(xe);
+        ), l = o.SheetNames[0], d = o.Sheets[l], m = ae.utils.sheet_to_json(d).map(Ke).map(xe);
         r(m);
       }, t.readAsArrayBuffer(e);
     }
   });
 }
-function Ze(e) {
+function Ke(e) {
   return Object.keys(e).reduce((r, n) => {
     try {
       r[n] = JSON.parse(e[n]);
@@ -67,7 +67,7 @@ function xe(e) {
     }), r;
   }, {});
 }
-function Ke(e, r, n, t, a, i) {
+function et(e, r, n, t, a, i) {
   const o = ve(e);
   r && delete o[r];
   const l = Object.entries(o).map(([c, f]) => {
@@ -150,10 +150,10 @@ function Y(e, r) {
   }
   return e;
 }
-function et(e) {
+function tt(e) {
   return typeof e == "number" ? "number" : typeof e == "string" ? "string" : typeof e == "boolean" ? "boolean" : e instanceof Date ? "date" : Array.isArray(e) ? "array" : "map";
 }
-function tt(e, r) {
+function rt(e, r) {
   function n(t, a) {
     const i = {};
     return Object.keys(t).forEach((o) => {
@@ -181,7 +181,7 @@ function tt(e, r) {
   }
   return n(r);
 }
-function rt({
+function nt({
   idColumn: e,
   headersMapping: r,
   originProperties: n,
@@ -191,25 +191,25 @@ function rt({
 }) {
   return /* @__PURE__ */ p(P, { children: [
     /* @__PURE__ */ s(
-      nt,
+      at,
       {
         idColumn: e,
         headersMapping: r,
         onChange: a
       }
     ),
-    /* @__PURE__ */ p(Ie, { style: {
+    /* @__PURE__ */ p(Oe, { style: {
       tableLayout: "fixed"
     }, children: [
-      /* @__PURE__ */ p(Oe, { children: [
+      /* @__PURE__ */ p(Ae, { children: [
         /* @__PURE__ */ s(k, { header: !0, style: { width: "20%" }, children: "Column in file" }),
         /* @__PURE__ */ s(k, { header: !0 }),
         /* @__PURE__ */ s(k, { header: !0, style: { width: "75%" }, children: "Property" })
       ] }),
-      /* @__PURE__ */ s(Ae, { children: t && Object.entries(r).map(
+      /* @__PURE__ */ s(Ee, { children: t && Object.entries(r).map(
         ([o, l]) => {
           const d = r[o], c = l ? M(t, l) : null, f = M(n, o), m = f ? f.dataType === "array" && typeof f.of == "object" ? `${f.dataType} - ${f.of.dataType}` : f.dataType : void 0;
-          return /* @__PURE__ */ p(Ee, { style: { height: "90px" }, children: [
+          return /* @__PURE__ */ p(Te, { style: { height: "90px" }, children: [
             /* @__PURE__ */ p(k, { style: { width: "20%" }, children: [
               /* @__PURE__ */ s(h, { variant: "body2", children: o }),
               f && /* @__PURE__ */ s(
@@ -221,7 +221,7 @@ function rt({
                 }
               )
             ] }),
-            /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(Te, {}) }),
+            /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(je, {}) }),
             /* @__PURE__ */ s(
               k,
               {
@@ -241,7 +241,7 @@ function rt({
     ] })
   ] });
 }
-function nt({
+function at({
   idColumn: e,
   headersMapping: r,
   onChange: n
@@ -263,9 +263,9 @@ function nt({
     }
   ) });
 }
-function at({ onDataAdded: e }) {
+function it({ onDataAdded: e }) {
   return /* @__PURE__ */ s(
-    je,
+    Fe,
     {
       accept: {
         "text/*": [".csv", ".xls", ".xlsx"],
@@ -281,18 +281,18 @@ function at({ onDataAdded: e }) {
       size: "small",
       maxFiles: 1,
       uploadDescription: /* @__PURE__ */ p(P, { children: [
-        /* @__PURE__ */ s(Fe, {}),
+        /* @__PURE__ */ s(ke, {}),
         "Drag and drop a file here or click to upload"
       ] }),
       onFilesAdded: (r) => {
-        r.length > 0 && Ye(r[0]).then((n) => {
+        r.length > 0 && Ze(r[0]).then((n) => {
           e(n);
         });
       }
     }
   );
 }
-function xt({
+function vt({
   propertyKey: e,
   property: r,
   onEditClick: n,
@@ -301,7 +301,7 @@ function xt({
   propertyTypeView: i
 }) {
   const { propertyConfigs: o } = G(), l = r ? pe(r, o) : null;
-  return /* @__PURE__ */ s(ke, { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ s(Pe, { children: /* @__PURE__ */ p(
     "div",
     {
       className: "flex flex-row w-full items-center",
@@ -309,7 +309,7 @@ function xt({
         /* @__PURE__ */ s("div", { className: "mx-4", children: i ?? /* @__PURE__ */ s(fe, { propertyConfig: l ?? void 0 }) }),
         /* @__PURE__ */ s("div", { className: "w-full flex flex-col grow", children: /* @__PURE__ */ p("div", { className: "flex flex-row items-center gap-2", children: [
           t && /* @__PURE__ */ s(
-            Pe,
+            Me,
             {
               size: "small",
               className: "text-base grow",
@@ -319,13 +319,13 @@ function xt({
               }
             }
           ),
-          /* @__PURE__ */ s(K, { onClick: n, size: "small", children: /* @__PURE__ */ s(Me, { size: "small" }) })
+          /* @__PURE__ */ s(K, { onClick: n, size: "small", children: /* @__PURE__ */ s($e, { size: "small" }) })
         ] }) })
       ]
     }
   ) });
 }
-function it({
+function st({
   importConfig: e,
   collection: r,
   onImportSuccess: n
@@ -345,7 +345,7 @@ function it({
   }
   return le(() => {
     l();
-  }, []), /* @__PURE__ */ p($e, { className: "flex flex-col gap-4 items-center", children: [
+  }, []), /* @__PURE__ */ p(_e, { className: "flex flex-col gap-4 items-center", children: [
     /* @__PURE__ */ s(ue, {}),
     /* @__PURE__ */ s(h, { variant: "h6", children: "Saving data" }),
     /* @__PURE__ */ p(h, { variant: "body2", children: [
@@ -369,12 +369,12 @@ function we(e, r, n, t = 0, a = 25, i) {
     status: "new"
   }))).then(() => t + a < n.length ? (i(t + a), we(e, r, n, t + a, a, i)) : (i(n.length), Promise.resolve()));
 }
-function st({
+function ot({
   collection: e,
   path: r,
   collectionEntitiesCount: n
 }) {
-  const t = G(), a = _e(), [i, o] = w.useState(!1), [l, d] = w.useState("initial"), c = Qe(), f = b(() => {
+  const t = G(), a = Le(), [i, o] = w.useState(!1), [l, d] = w.useState("initial"), c = Ye(), f = b(() => {
     o(!0), d("initial");
   }, [o]), m = b(() => {
     o(!1);
@@ -384,7 +384,7 @@ function st({
     d("import_data_saving");
   }, []), N = async (g) => {
     if (c.setImportData(g), g.length > 0) {
-      const I = await qe(g, et);
+      const I = await Qe(g, tt);
       c.setOriginProperties(I);
       const L = De(g);
       c.setHeadersMapping(L);
@@ -401,9 +401,9 @@ function st({
     collection: e,
     path: r,
     fields: t.propertyConfigs
-  }), x = Le($.properties, $.propertiesOrder), J = Object.entries(x).flatMap(([g, I]) => Ce(g, I, 0)), _ = $.propertiesOrder ?? Object.keys($.properties);
+  }), x = Re($.properties, $.propertiesOrder), J = Object.entries(x).flatMap(([g, I]) => Ce(g, I, 0)), _ = $.propertiesOrder ?? Object.keys($.properties);
   return e.collectionGroup ? null : /* @__PURE__ */ p(P, { children: [
-    /* @__PURE__ */ s(ee, { title: "Import", children: /* @__PURE__ */ s(K, { color: "primary", onClick: f, children: /* @__PURE__ */ s(Re, {}) }) }),
+    /* @__PURE__ */ s(ee, { title: "Import", children: /* @__PURE__ */ s(K, { color: "primary", onClick: f, children: /* @__PURE__ */ s(Be, {}) }) }),
     /* @__PURE__ */ p(
       ge,
       {
@@ -416,12 +416,12 @@ function st({
             l === "initial" && /* @__PURE__ */ p(P, { children: [
               /* @__PURE__ */ s(h, { variant: "h6", children: "Import data" }),
               /* @__PURE__ */ s(h, { variant: "body2", children: "Upload a CSV, Excel or JSON file and map it to your existing schema" }),
-              /* @__PURE__ */ s(at, { onDataAdded: N })
+              /* @__PURE__ */ s(it, { onDataAdded: N })
             ] }),
             l === "mapping" && /* @__PURE__ */ p(P, { children: [
               /* @__PURE__ */ s(h, { variant: "h6", children: "Map fields" }),
               /* @__PURE__ */ s(
-                rt,
+                nt,
                 {
                   headersMapping: c.headersMapping,
                   idColumn: c.idColumn,
@@ -434,7 +434,7 @@ function st({
                     propertyKey: L,
                     importKey: C
                   }) => /* @__PURE__ */ s(
-                    ot,
+                    lt,
                     {
                       selectedPropertyKey: L ?? "",
                       properties: x,
@@ -453,7 +453,7 @@ function st({
               )
             ] }),
             l === "preview" && /* @__PURE__ */ s(
-              lt,
+              ct,
               {
                 importConfig: c,
                 properties: x,
@@ -461,7 +461,7 @@ function st({
               }
             ),
             l === "import_data_saving" && c && /* @__PURE__ */ s(
-              it,
+              st,
               {
                 importConfig: c,
                 collection: e,
@@ -522,7 +522,7 @@ function st({
   ] });
 }
 const W = "__internal_id__";
-function ot({
+function lt({
   selectedPropertyKey: e,
   properties: r,
   onPropertySelected: n,
@@ -593,7 +593,7 @@ function ie({
     {
       className: "flex flex-row w-full text-start items-center h-full",
       children: [
-        new Array(n).fill(0).map((i, o) => /* @__PURE__ */ s("div", { className: B(Be, "ml-8 border-l h-12") }, o)),
+        new Array(n).fill(0).map((i, o) => /* @__PURE__ */ s("div", { className: B(He, "ml-8 border-l h-12") }, o)),
         /* @__PURE__ */ s("div", { className: "m-4", children: /* @__PURE__ */ s(ee, { title: a?.name, children: /* @__PURE__ */ s(fe, { propertyConfig: a }) }) }),
         /* @__PURE__ */ p("div", { className: "flex flex-col flex-grow p-2 pl-2", children: [
           /* @__PURE__ */ s(
@@ -620,18 +620,18 @@ function ie({
     }
   );
 }
-function lt({
+function ct({
   importConfig: e,
   properties: r,
   propertiesOrder: n
 }) {
   le(() => {
-    const a = tt(e.originProperties, r), i = e.importData.map((o) => Ke(o, e.idColumn, e.headersMapping, r, a, "TEMP_PATH"));
+    const a = rt(e.originProperties, r), i = e.importData.map((o) => et(o, e.idColumn, e.headersMapping, r, a, "TEMP_PATH"));
     e.setEntities(i);
   }, []);
-  const t = He();
+  const t = Je();
   return /* @__PURE__ */ s(
-    Je,
+    Ue,
     {
       title: /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ s(h, { variant: "subtitle2", children: "Imported data preview" }),
@@ -665,26 +665,26 @@ function De(e) {
     });
   }), r;
 }
-function ct(e, r, n, t, a, i, o) {
+function dt(e, r, n, t, a, i, o) {
   const l = n.properties;
   if (i === "csv") {
-    const d = t ? Ue(e.map((u) => u.values)) : {}, c = ft(l, a, d), f = dt(e, r, l, c, o), m = se(c.map((u) => u.label)), y = f.map((u) => se(u));
+    const d = t ? Ve(e.map((u) => u.values)) : {}, c = mt(l, a, d), f = pt(e, r, l, c, o), m = se(c.map((u) => u.label)), y = f.map((u) => se(u));
     oe([m, ...y], `${n.name}.csv`, "text/csv");
   } else {
-    const d = pt(e, r, l, o), c = JSON.stringify(d, null, 2);
+    const d = ft(e, r, l, o), c = JSON.stringify(d, null, 2);
     oe([c], `${n.name}.json`, "application/json");
   }
 }
-function dt(e, r, n, t, a) {
+function pt(e, r, n, t, a) {
   const i = e.map((o) => ({
     id: o.id,
     ...te(o.values, n, "csv", a)
   }));
   return r && r.forEach((o, l) => {
     i[l] = { ...i[l], ...o };
-  }), i && i.map((o) => t.map((l) => Ve(o, l.key)));
+  }), i && i.map((o) => t.map((l) => We(o, l.key)));
 }
-function pt(e, r, n, t) {
+function ft(e, r, n, t) {
   const a = e.map((i) => ({
     id: i.id,
     ...te(i.values, n, "json", t)
@@ -693,7 +693,7 @@ function pt(e, r, n, t) {
     a[o] = { ...a[o], ...i };
   }), a;
 }
-function ft(e, r, n) {
+function mt(e, r, n) {
   const t = [
     { label: "id", key: "id" },
     ...Object.entries(e).flatMap(([a, i]) => n && n[a] > 1 ? Array.from(
@@ -735,15 +735,15 @@ function oe(e, r, n) {
   const t = new Blob(e, { type: n }), a = URL.createObjectURL(t), i = document.createElement("a");
   i.href = a, i.setAttribute("download", r), i.click();
 }
-const mt = 500;
-function ut({
+const ut = 500;
+function ht({
   collection: e,
   path: r,
   collectionEntitiesCount: n,
   exportAllowed: t,
   notAllowedView: a
 }) {
-  const i = typeof e.exportable == "object" ? e.exportable : void 0, o = w.useRef(/* @__PURE__ */ new Date()), [l, d] = w.useState(!0), [c, f] = w.useState("csv"), [m, y] = w.useState("string"), u = G(), N = me(), x = We().resolveAliasesFrom(r), J = !t || t({
+  const i = typeof e.exportable == "object" ? e.exportable : void 0, o = w.useRef(/* @__PURE__ */ new Date()), [l, d] = w.useState(!0), [c, f] = w.useState("csv"), [m, y] = w.useState("string"), u = G(), N = me(), x = ze().resolveAliasesFrom(r), J = !t || t({
     collectionEntitiesCount: n,
     path: x,
     collection: e
@@ -778,13 +778,13 @@ function ut({
         ...U?.additionalFields?.map((E) => E.key) ?? [],
         ...F.additionalFields?.map((E) => E.key) ?? []
       ];
-      ct(R, X, F, l, q, c, m);
+      dt(R, X, F, l, q, c, m);
     }).catch(C).finally(() => I(!1));
   }, [N, x, re, l, c, m]), Se = b(() => {
     ne(_, i), S();
   }, [ne, _, i, S]);
   return /* @__PURE__ */ p(P, { children: [
-    /* @__PURE__ */ s(ee, { title: "Export", children: /* @__PURE__ */ s(K, { color: "primary", onClick: D, children: /* @__PURE__ */ s(ze, {}) }) }),
+    /* @__PURE__ */ s(ee, { title: "Export", children: /* @__PURE__ */ s(K, { color: "primary", onClick: D, children: /* @__PURE__ */ s(Ge, {}) }) }),
     /* @__PURE__ */ p(
       ge,
       {
@@ -795,7 +795,7 @@ function ut({
           /* @__PURE__ */ p(ye, { className: "flex flex-col gap-4 my-4", children: [
             /* @__PURE__ */ s(h, { variant: "h6", children: "Export data" }),
             /* @__PURE__ */ s("div", { children: "Download the the content of this table as a CSV" }),
-            n > mt && /* @__PURE__ */ s(Ge, { color: "warning", children: /* @__PURE__ */ p("div", { children: [
+            n > ut && /* @__PURE__ */ s(Xe, { color: "warning", children: /* @__PURE__ */ p("div", { children: [
               "This collections has a large number of documents (",
               n,
               ")."
@@ -903,7 +903,7 @@ function ut({
               ] })
             ] }),
             /* @__PURE__ */ s(
-              Xe,
+              qe,
               {
                 size: "small",
                 disabled: c !== "csv",
@@ -939,28 +939,28 @@ function ut({
     )
   ] });
 }
-function vt(e) {
-  return {
+function wt(e) {
+  return Ie(() => ({
     name: "Import/Export",
     collections: {
-      CollectionActions: [st, ut],
+      CollectionActions: [ot, ht],
       collectionActionsProps: e
     }
-  };
+  }), [e]);
 }
 export {
-  rt as DataNewPropertiesMapping,
-  at as ImportFileUpload,
-  xt as ImportNewPropertyFieldPreview,
-  it as ImportSaveInProgress,
-  Ke as convertDataToEntity,
-  Ye as convertFileToJson,
+  nt as DataNewPropertiesMapping,
+  it as ImportFileUpload,
+  vt as ImportNewPropertyFieldPreview,
+  st as ImportSaveInProgress,
+  et as convertDataToEntity,
+  Ze as convertFileToJson,
   ve as flattenEntry,
-  et as getInferenceType,
-  tt as getPropertiesMapping,
+  tt as getInferenceType,
+  rt as getPropertiesMapping,
   Y as processValueMapping,
   xe as unflattenObject,
-  Qe as useImportConfig,
-  vt as useImportExportPlugin
+  Ye as useImportConfig,
+  wt as useImportExportPlugin
 };
 //# sourceMappingURL=index.es.js.map