fuse-importer 0.26.6 → 0.26.7

package/lib/esm/Importer/Review/ReviewContextProvider.d.ts

@@ -17,8 +17,9 @@ type State = {
     onDataSetChanged: OnDataSetChanged;
     onValidationStateChanged: OnValidationStateChanged;
     onSubmit: () => void;
-    onExport: () => void;
+    onExport: (dataType: ExportDataType) => void;
 };
+type ExportDataType = "csv" | "excel";
 type Props = {
     children: JSX.Element;
 };

package/lib/esm/Importer/Review/ReviewContextProvider.js

@@ -45,6 +45,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -56,6 +67,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+import { utils, writeFile } from "xlsx";
 import { AppLoading } from "../common/AppLoading";
 import { isRecordEmpty } from "../common/Spreadsheet/common";
 import { sendRecordsToIntegrations } from "../common/utils";
@@ -94,18 +106,21 @@ var filterAndMapWithBackendErrors = function (dataSet, errors) {
         return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { isInvalid: true, backendErrors: errors[rId] }) });
     }, []);
 };
-function convertToCSV(data) {
-    var headers = Object.keys(data[0]).filter(function (header) { return header !== "_meta"; });
-    var csvRows = [];
-    csvRows.push(headers.join(","));
-    data.forEach(function (item) {
-        var row = [];
-        headers.forEach(function (header) {
-            row.push(item[header]);
-        });
-        csvRows.push(row.join(","));
+function csvExport(data) {
+    var valuesWithQuotesWhenNecessary = data.map(function (obj) {
+        var newObj = {};
+        for (var key in obj) {
+            var value = obj[key];
+            newObj[key] =
+                typeof value === "string" && value.includes(",") ? "\"".concat(value, "\"") : value;
+        }
+        return newObj;
     });
-    return csvRows.join("\n");
+    var worksheet = utils.json_to_sheet(valuesWithQuotesWhenNecessary);
+    var workbook = utils.book_new();
+    utils.book_append_sheet(workbook, worksheet, "Data");
+    utils.sheet_to_csv(worksheet);
+    writeFile(workbook, "export.csv");
 }
 export var ReviewContextProvider = function (_a) {
     var children = _a.children;
@@ -127,18 +142,18 @@ export var ReviewContextProvider = function (_a) {
         batchValidationDelayMs: batchValidationDelayMs,
         batchValidationSize: batchValidationSize,
     }); }, [batchValidationDelayMs, batchValidationSize]);
-    var onExport = useCallback(function () {
+    var onExport = useCallback(function (dataType) {
         if (!reviewDataSetRef.current)
             return;
         var dataSet = reviewDataSetRef.current;
         var dataSetValues = Object.values(dataSet);
-        var csv = convertToCSV(dataSetValues);
-        var blob = new Blob([csv], { type: "text/csv" });
-        var url = URL.createObjectURL(blob);
-        var link = document.createElement("a");
-        link.setAttribute("href", url);
-        link.setAttribute("download", "export.csv");
-        link.click();
+        if (dataType === "csv") {
+            var valuesWithoutMeta = dataSetValues.map(function (_a) {
+                var _meta = _a._meta, rest = __rest(_a, ["_meta"]);
+                return rest;
+            });
+            csvExport(valuesWithoutMeta);
+        }
     }, [reviewFields, selectedRows]);
     var onSubmitData = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var dataSet, dataSetValues, validDataSetValues, validDataSetLength, invalidRecords_1, applicationResponse, isAppResponseSuccessful, _a, errors, isDataValid, recordsToDisplayFiltered, invalidDataSet, error_2;

package/lib/esm/common/Table/TableActions/ExportData.js

@@ -19,5 +19,5 @@ export var ExportData = function (_a) {
     var _b = _a.testId, testId = _b === void 0 ? "ta-export-data" : _b;
     var onExport = useReviewContext().onExport;
     var t = useTranslation("review").t;
-    return (_jsx(TooltipProvider, __assign({ tooltip: t("table_actions.export_your_data.tooltip"), placement: "right", flip: false, centered: true, "data-testid": testId }, { children: _jsx(ActionButton, __assign({ onClick: onExport }, { children: _jsx(DownloadIcon, {}) })) })));
+    return (_jsx(TooltipProvider, __assign({ tooltip: t("table_actions.export_your_data.tooltip"), placement: "right", flip: false, centered: true, "data-testid": testId }, { children: _jsx(ActionButton, __assign({ onClick: function () { return onExport("csv"); } }, { children: _jsx(DownloadIcon, {}) })) })));
 };

package/lib/esm/common/Table/TableActions/FilterByErrors/FilterByErrors.js

@@ -4,11 +4,13 @@ import { useSpreadsheetContext } from "../../../../Importer";
 import { formatErrors, getUniqueErrors } from "./functions";
 import { useTranslation } from "react-i18next";
 import { addToast } from "../../../../common/Toast";
+import { useState } from "react";
 export var FilterByErrors = function () {
     var _a;
     var _b = useSpreadsheetContext(), errors = _b.errors, fields = _b.fields, selectedErrorToFilter = _b.selectedErrorToFilter, setSelectedErrorToFilter = _b.setSelectedErrorToFilter;
     var t = useTranslation("review").t;
-    var prefix = "".concat(t("table_actions.filter_by_errors.filter_by_errors"), ": ");
+    var _c = useState(false), isMenuOpened = _c[0], setIsMenuOpened = _c[1];
+    var prefix = t("table_actions.filter_by_errors.filter_by_errors");
     var search_or_select = t("table_actions.filter_by_errors.search_or_select");
     var getSelectedErrorLabel = function (selectedFieldName) {
         var _a;
@@ -26,11 +28,15 @@ export var FilterByErrors = function () {
     var uniqueErrors = getUniqueErrors(fields, errors);
     var errorArray = formatErrors(fields, uniqueErrors);
     // the average size of each character in the input (in px)
-    var widthPerCharacter = 5.3;
-    var amountOfCharacters = prefix.length + ((_a = getSelectedErrorLabel(selectedErrorToFilter)) === null || _a === void 0 ? void 0 : _a.length) || 0;
+    var widthPerCharacter = 5.8;
+    var amountOfCharacters = prefix.length + ((_a = getSelectedErrorLabel(selectedErrorToFilter)) === null || _a === void 0 ? void 0 : _a.length);
     // 24 -> padding + 64px of the X icon area
     var totalWidth = widthPerCharacter * amountOfCharacters + 24 + 64;
     var inputWidth = selectedErrorToFilter ? "".concat(totalWidth, "px") : "fit-content";
-    var inputText = selectedErrorToFilter ? prefix : search_or_select;
-    return (_jsx(S.StyledAutocomplete, { placement: "bottom", placeholder: inputText, onChange: onChange, value: selectedErrorToFilter, options: errorArray, isDisabled: errorArray.length === 0, isInputDisabled: errorArray.length === 0, inputWidth: inputWidth, "data-testid": "ta-filter-by-errors", prefix: inputText }));
+    var inputText = selectedErrorToFilter
+        ? "".concat(prefix, ": ")
+        : isMenuOpened
+            ? search_or_select
+            : prefix;
+    return (_jsx(S.StyledAutocomplete, { placement: "bottom", placeholder: inputText, onToggle: function (v) { return setIsMenuOpened(v); }, onChange: onChange, value: selectedErrorToFilter, options: errorArray, isDisabled: errorArray.length === 0, isInputDisabled: errorArray.length === 0, inputWidth: inputWidth, "data-testid": "ta-filter-by-errors", prefix: inputText }));
 };