fuse-importer 0.26.5 → 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

@@ -1,24 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
 import * as S from "./FilterByErrors.styles";
 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 = useSpreadsheetContext(), errors = _a.errors, fields = _a.fields, selectedErrorToFilter = _a.selectedErrorToFilter, setSelectedErrorToFilter = _a.setSelectedErrorToFilter;
-    var _b = useState(false), isMenuOpened = _b[0], setIsMenuOpened = _b[1];
+    var _a;
+    var _b = useSpreadsheetContext(), errors = _b.errors, fields = _b.fields, selectedErrorToFilter = _b.selectedErrorToFilter, setSelectedErrorToFilter = _b.setSelectedErrorToFilter;
     var t = useTranslation("review").t;
-    var prefix = "Filter by errors: ";
-    var onToggle = function (isOpen) {
-        if (errorArray.length === 0)
-            return;
-        setIsMenuOpened(isOpen);
+    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;
+        var selectedField = fields.filter(function (field) { return (field === null || field === void 0 ? void 0 : field.name) === selectedFieldName; });
+        var label = ((_a = selectedField === null || selectedField === void 0 ? void 0 : selectedField[0]) === null || _a === void 0 ? void 0 : _a.label) || selectedFieldName;
+        return label;
     };
     var onChange = function (selected) {
         if (selected) {
-            var selectedField = fields.filter(function (field) { return field.name === selected; });
-            var label = selectedField[0].label || selected;
+            var label = getSelectedErrorLabel(selected);
             addToast("Showing only the rows with error on the ".concat(label, " column"), "success");
         }
         setSelectedErrorToFilter(selected || "");
@@ -26,12 +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 + (selectedErrorToFilter === null || selectedErrorToFilter === void 0 ? void 0 : selectedErrorToFilter.length) || 0;
-    // 24 + 24 -> padding right and left + 48px of the X icon area
-    var totalWidth = widthPerCharacter * amountOfCharacters + 24 + 48;
+    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 search_or_select = t("table_actions.filter_by_errors.search_or_select");
-    var filter_by_errors = t("table_actions.filter_by_errors.filter_by_errors");
-    return (_jsx(S.StyledAutocomplete, { placement: "bottom", placeholder: isMenuOpened ? search_or_select : filter_by_errors, onChange: onChange, value: selectedErrorToFilter, options: errorArray, isDisabled: errorArray.length === 0, isInputDisabled: errorArray.length === 0, onToggle: onToggle, inputWidth: inputWidth, "data-testid": "ta-filter-by-errors", prefix: prefix }));
+    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 }));
 };

package/lib/esm/common/inputs/Autocomplete.js

@@ -53,6 +53,7 @@ var Autocomplete = function (_a) {
     var _g = useState(selectedLabel), text = _g[0], setText = _g[1];
     var _h = useState(false), isMenuOpen = _h[0], setIsMenuOpen = _h[1];
     var _j = useState(null), referenceElement = _j[0], setReferenceElement = _j[1];
+    var _k = useState(false), isTyping = _k[0], setIsTyping = _k[1];
     var t = useTranslation().t;
     useEffect(function () {
         if (value)
@@ -87,12 +88,21 @@ var Autocomplete = function (_a) {
             evt.stopPropagation();
             onChange(undefined);
         } }, { children: clearIcon }))) : (_jsx(Div, __assign({ centered: true, dim: 24 }, { children: icon || chevronDownIcon })));
+    var textWithPrefix = "".concat(prefix).concat(text);
+    var shouldShowPrefix = prefix && !isTyping && !isMenuOpen;
+    var inputValue = shouldShowPrefix ? textWithPrefix : text;
     return (_jsxs(Div, __assign({ w100: true }, props, { children: [_jsx(ClickableArea, __assign({ isInputDisabled: isDisabled || isInputDisabled, onClick: function () { return setIsMenuOpen(true); } }, { children: _jsx(TextInput, { setInputRef: setReferenceElement, id: id, onBlur: function () {
+                        if (isTyping && prefix)
+                            setIsTyping(false);
                         if (filteredOptions.length === 0) {
                             setText(selectedLabel);
                             setIsMenuOpen(false);
                         }
-                    }, label: label, isDisabled: isDisabled || isInputDisabled, placeholder: t(placeholder), value: prefix ? "".concat(prefix).concat(text) : text, onChange: function (v) { return setText(v); }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === (o === null || o === void 0 ? void 0 : o.value), onClick: function () { return onSelect(o === null || o === void 0 ? void 0 : o.value); } }, { children: o.label })) }, index)); }) })))] })));
+                    }, label: label, isDisabled: isDisabled || isInputDisabled, placeholder: t(placeholder), value: inputValue, onChange: function (v) {
+                        if (!isTyping && prefix)
+                            setIsTyping(true);
+                        setText(v);
+                    }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === (o === null || o === void 0 ? void 0 : o.value), onClick: function () { return onSelect(o === null || o === void 0 ? void 0 : o.value); } }, { children: o.label })) }, index)); }) })))] })));
 };
 var chevronDownIcon = (_jsx("svg", __assign({ width: "16", height: "9", viewBox: "0 0 16 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M14.9263 1L7.9631 7.96317L0.999928 1", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
 var clearIcon = (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4 4L12.5161 12.5161", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4 12.5161L12.5161 3.99998", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));