@firecms/data_import_export 3.0.0-alpha.63 → 3.0.0-alpha.65

package/dist/index.es.js

@@ -1,6 +1,7 @@
 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 { 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 { getPropertyInPath as M, EntityReference as ce, useFireCMSContext as G, getFieldConfig as de, ErrorBoundary as Oe, FieldConfigBadge as pe, useDataSource as fe, useSnackbarController as Ae, resolveCollection as me, getPropertiesWithPropertiesOrder as Ee, useSelectionController as Te, EntityCollectionTable as je, getArrayValuesCount as Fe, getValueInPath as ke, useNavigationController as Pe } from "@firecms/core";
+import { Table as Me, TableHeader as $e, TableCell as k, TableBody as _e, TableRow as Be, Typography as h, ChevronRightIcon as Le, Select as ue, SelectItem as H, FileUpload as Re, UploadIcon as He, TextField as Je, IconButton as K, EditIcon as Ue, CenteredView as Ve, CircularProgress as he, Tooltip as ee, FileUploadIcon as We, Dialog as ge, DialogContent as ye, DialogActions as be, Button as j, cn as R, defaultBorderMixin as ze, GetAppIcon as Ge, Alert as Xe, focusedMixin as V, BooleanSwitchWithLabel as qe } from "@firecms/ui";
 import { buildEntityPropertiesFromData as Qe } from "@firecms/schema_inference";
 import * as ae from "xlsx";
 const Ye = () => {
@@ -198,18 +199,18 @@ function nt({
         onChange: a
       }
     ),
-    /* @__PURE__ */ p(Oe, { style: {
+    /* @__PURE__ */ p(Me, { style: {
       tableLayout: "fixed"
     }, children: [
-      /* @__PURE__ */ p(Ae, { children: [
+      /* @__PURE__ */ p($e, { 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(Ee, { children: t && Object.entries(r).map(
+      /* @__PURE__ */ s(_e, { 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(Te, { style: { height: "90px" }, children: [
+          return /* @__PURE__ */ p(Be, { style: { height: "90px" }, children: [
             /* @__PURE__ */ p(k, { style: { width: "20%" }, children: [
               /* @__PURE__ */ s(h, { variant: "body2", children: o }),
               f && /* @__PURE__ */ s(
@@ -221,7 +222,7 @@ function nt({
                 }
               )
             ] }),
-            /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(je, {}) }),
+            /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(Le, {}) }),
             /* @__PURE__ */ s(
               k,
               {
@@ -247,7 +248,7 @@ function at({
   onChange: n
 }) {
   return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(
-    de,
+    ue,
     {
       size: "small",
       value: e ?? "",
@@ -265,7 +266,7 @@ function at({
 }
 function it({ onDataAdded: e }) {
   return /* @__PURE__ */ s(
-    Fe,
+    Re,
     {
       accept: {
         "text/*": [".csv", ".xls", ".xlsx"],
@@ -281,7 +282,7 @@ function it({ onDataAdded: e }) {
       size: "small",
       maxFiles: 1,
       uploadDescription: /* @__PURE__ */ p(P, { children: [
-        /* @__PURE__ */ s(ke, {}),
+        /* @__PURE__ */ s(He, {}),
         "Drag and drop a file here or click to upload"
       ] }),
       onFilesAdded: (r) => {
@@ -292,7 +293,7 @@ function it({ onDataAdded: e }) {
     }
   );
 }
-function vt({
+function wt({
   propertyKey: e,
   property: r,
   onEditClick: n,
@@ -300,16 +301,16 @@ function vt({
   onPropertyNameChanged: a,
   propertyTypeView: i
 }) {
-  const { propertyConfigs: o } = G(), l = r ? pe(r, o) : null;
-  return /* @__PURE__ */ s(Pe, { children: /* @__PURE__ */ p(
+  const { propertyConfigs: o } = G(), l = r ? de(r, o) : null;
+  return /* @__PURE__ */ s(Oe, { children: /* @__PURE__ */ p(
     "div",
     {
       className: "flex flex-row w-full items-center",
       children: [
-        /* @__PURE__ */ s("div", { className: "mx-4", children: i ?? /* @__PURE__ */ s(fe, { propertyConfig: l ?? void 0 }) }),
+        /* @__PURE__ */ s("div", { className: "mx-4", children: i ?? /* @__PURE__ */ s(pe, { 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(
-            Me,
+            Je,
             {
               size: "small",
               className: "text-base grow",
@@ -319,7 +320,7 @@ function vt({
               }
             }
           ),
-          /* @__PURE__ */ s(K, { onClick: n, size: "small", children: /* @__PURE__ */ s($e, { size: "small" }) })
+          /* @__PURE__ */ s(K, { onClick: n, size: "small", children: /* @__PURE__ */ s(Ue, { size: "small" }) })
         ] }) })
       ]
     }
@@ -330,7 +331,7 @@ function st({
   collection: r,
   onImportSuccess: n
 }) {
-  const t = me(), a = Ne(!1), [i, o] = T(0);
+  const t = fe(), a = Ne(!1), [i, o] = T(0);
   function l() {
     a.current || (a.current = !0, we(
       t,
@@ -345,8 +346,8 @@ function st({
   }
   return le(() => {
     l();
-  }, []), /* @__PURE__ */ p(_e, { className: "flex flex-col gap-4 items-center", children: [
-    /* @__PURE__ */ s(ue, {}),
+  }, []), /* @__PURE__ */ p(Ve, { className: "flex flex-col gap-4 items-center", children: [
+    /* @__PURE__ */ s(he, {}),
     /* @__PURE__ */ s(h, { variant: "h6", children: "Saving data" }),
     /* @__PURE__ */ p(h, { variant: "body2", children: [
       i,
@@ -374,7 +375,7 @@ function ot({
   path: r,
   collectionEntitiesCount: n
 }) {
-  const t = G(), a = Le(), [i, o] = w.useState(!1), [l, d] = w.useState("initial"), c = Ye(), f = b(() => {
+  const t = G(), a = Ae(), [i, o] = w.useState(!1), [l, d] = w.useState("initial"), c = Ye(), f = b(() => {
     o(!0), d("initial");
   }, [o]), m = b(() => {
     o(!1);
@@ -386,9 +387,9 @@ function ot({
     if (c.setImportData(g), g.length > 0) {
       const I = await Qe(g, tt);
       c.setOriginProperties(I);
-      const L = De(g);
-      c.setHeadersMapping(L);
-      const C = Object.keys(L)?.[0];
+      const B = De(g);
+      c.setHeadersMapping(B);
+      const C = Object.keys(B)?.[0];
       if (C?.includes("id") || C?.includes("key")) {
         const O = C;
         c.setIdColumn(O);
@@ -397,13 +398,13 @@ function ot({
     setTimeout(() => {
       d("mapping");
     }, 100);
-  }, $ = he({
+  }, $ = me({
     collection: e,
     path: r,
     fields: t.propertyConfigs
-  }), x = Re($.properties, $.propertiesOrder), J = Object.entries(x).flatMap(([g, I]) => Ce(g, I, 0)), _ = $.propertiesOrder ?? Object.keys($.properties);
+  }), x = Ee($.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(Be, {}) }) }),
+    /* @__PURE__ */ s(ee, { title: "Import", children: /* @__PURE__ */ s(K, { color: "primary", onClick: f, children: /* @__PURE__ */ s(We, {}) }) }),
     /* @__PURE__ */ p(
       ge,
       {
@@ -431,12 +432,12 @@ function ot({
                   buildPropertyView: ({
                     isIdColumn: g,
                     property: I,
-                    propertyKey: L,
+                    propertyKey: B,
                     importKey: C
                   }) => /* @__PURE__ */ s(
                     lt,
                     {
-                      selectedPropertyKey: L ?? "",
+                      selectedPropertyKey: B ?? "",
                       properties: x,
                       propertiesAndLevel: J,
                       isIdColumn: g,
@@ -540,7 +541,7 @@ function lt({
     c === W ? (t(), n(null)) : n(c === "" ? null : c);
   }, []);
   return /* @__PURE__ */ p(
-    de,
+    ue,
     {
       value: i ? W : e ?? void 0,
       onValueChange: d,
@@ -587,14 +588,14 @@ function ie({
   property: r,
   level: n = 0
 }) {
-  const { propertyConfigs: t } = G(), a = pe(r, t);
+  const { propertyConfigs: t } = G(), a = de(r, t);
   return /* @__PURE__ */ p(
     "div",
     {
       className: "flex flex-row w-full text-start items-center h-full",
       children: [
-        new Array(n).fill(0).map((i, o) => /* @__PURE__ */ s("div", { className: B(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 }) }) }),
+        new Array(n).fill(0).map((i, o) => /* @__PURE__ */ s("div", { className: R(ze, "ml-8 border-l h-12") }, o)),
+        /* @__PURE__ */ s("div", { className: "m-4", children: /* @__PURE__ */ s(ee, { title: a?.name, children: /* @__PURE__ */ s(pe, { propertyConfig: a }) }) }),
         /* @__PURE__ */ p("div", { className: "flex flex-col flex-grow p-2 pl-2", children: [
           /* @__PURE__ */ s(
             h,
@@ -629,9 +630,9 @@ function ct({
     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 = Je();
+  const t = Te();
   return /* @__PURE__ */ s(
-    Ue,
+    je,
     {
       title: /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ s(h, { variant: "subtitle2", children: "Imported data preview" }),
@@ -656,7 +657,7 @@ function ct({
 }
 function De(e) {
   const r = {};
-  return e.forEach((n) => {
+  return e.filter(Boolean).forEach((n) => {
     Object.keys(n).forEach((t) => {
       const a = n[t];
       typeof a == "object" && !Array.isArray(a) && Object.entries(De([a])).forEach(([i, o]) => {
@@ -668,7 +669,7 @@ function De(e) {
 function dt(e, r, n, t, a, i, o) {
   const l = n.properties;
   if (i === "csv") {
-    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));
+    const d = t ? Fe(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 = ft(e, r, l, o), c = JSON.stringify(d, null, 2);
@@ -682,7 +683,7 @@ function pt(e, r, n, t, a) {
   }));
   return r && r.forEach((o, l) => {
     i[l] = { ...i[l], ...o };
-  }), i && i.map((o) => t.map((l) => We(o, l.key)));
+  }), i && i.map((o) => t.map((l) => ke(o, l.key)));
 }
 function ft(e, r, n, t) {
   const a = e.map((i) => ({
@@ -743,25 +744,25 @@ function ht({
   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 = ze().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 = fe(), x = Pe().resolveAliasesFrom(r), J = !t || t({
     collectionEntitiesCount: n,
     path: x,
     collection: e
-  }), _ = w.useMemo(() => he({
+  }), _ = w.useMemo(() => me({
     collection: e,
     path: x,
     fields: u.propertyConfigs
-  }), [e, x]), [g, I] = w.useState(!1), [L, C] = w.useState(), [O, A] = w.useState(!1), D = b(() => {
+  }), [e, x]), [g, I] = w.useState(!1), [B, C] = w.useState(), [O, A] = w.useState(!1), D = b(() => {
     A(!0);
   }, [A]), S = b(() => {
     A(!1);
   }, [A]), re = b(async (F) => {
-    const U = i?.additionalFields, R = _.additionalFields, X = U ? await Promise.all(F.map(async (E) => (await Promise.all(U.map(async (v) => ({
+    const U = i?.additionalFields, L = _.additionalFields, X = U ? await Promise.all(F.map(async (E) => (await Promise.all(U.map(async (v) => ({
       [v.key]: await v.builder({
         entity: E,
         context: u
       })
-    })))).reduce((v, Q) => ({ ...v, ...Q }), {}))) : [], q = R ? await Promise.all(F.map(async (E) => (await Promise.all(R.map(async (v) => v.value ? {
+    })))).reduce((v, Q) => ({ ...v, ...Q }), {}))) : [], q = L ? await Promise.all(F.map(async (E) => (await Promise.all(L.map(async (v) => v.value ? {
       [v.key]: await v.value({
         entity: E,
         context: u
@@ -772,13 +773,13 @@ function ht({
     I(!0), N.fetchCollection({
       path: x,
       collection: F
-    }).then(async (R) => {
+    }).then(async (L) => {
       C(void 0);
-      const X = await re(R), q = [
+      const X = await re(L), q = [
         ...U?.additionalFields?.map((E) => E.key) ?? [],
         ...F.additionalFields?.map((E) => E.key) ?? []
       ];
-      dt(R, X, F, l, q, c, m);
+      dt(L, X, F, l, q, c, m);
     }).catch(C).finally(() => I(!1));
   }, [N, x, re, l, c, m]), Se = b(() => {
     ne(_, i), S();
@@ -812,7 +813,7 @@ function ht({
                       name: "exportType",
                       checked: c === "csv",
                       onChange: () => f("csv"),
-                      className: B(V, "w-4 text-blue-600 bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: R(V, "w-4 text-blue-600 bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -834,7 +835,7 @@ function ht({
                       name: "exportType",
                       checked: c === "json",
                       onChange: () => f("json"),
-                      className: B(V, "w-4 text-blue-600 bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: R(V, "w-4 text-blue-600 bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -858,7 +859,7 @@ function ht({
                       name: "dateExportType",
                       checked: m === "timestamp",
                       onChange: () => y("timestamp"),
-                      className: B(V, "w-4 text-blue-600 bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: R(V, "w-4 text-blue-600 bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ p(
@@ -884,7 +885,7 @@ function ht({
                       name: "dateExportType",
                       checked: m === "string",
                       onChange: () => y("string"),
-                      className: B(V, "w-4 text-blue-600 bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: R(V, "w-4 text-blue-600 bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
                   /* @__PURE__ */ p(
@@ -915,7 +916,7 @@ function ht({
             !J && a
           ] }),
           /* @__PURE__ */ p(be, { children: [
-            g && /* @__PURE__ */ s(ue, { size: "small" }),
+            g && /* @__PURE__ */ s(he, { size: "small" }),
             /* @__PURE__ */ s(
               j,
               {
@@ -939,7 +940,7 @@ function ht({
     )
   ] });
 }
-function wt(e) {
+function Ct(e) {
   return Ie(() => ({
     name: "Import/Export",
     collections: {
@@ -951,7 +952,7 @@ function wt(e) {
 export {
   nt as DataNewPropertiesMapping,
   it as ImportFileUpload,
-  vt as ImportNewPropertyFieldPreview,
+  wt as ImportNewPropertyFieldPreview,
   st as ImportSaveInProgress,
   et as convertDataToEntity,
   Ze as convertFileToJson,
@@ -961,6 +962,6 @@ export {
   Y as processValueMapping,
   xe as unflattenObject,
   Ye as useImportConfig,
-  wt as useImportExportPlugin
+  Ct as useImportExportPlugin
 };
 //# sourceMappingURL=index.es.js.map