fuse-importer 0.1.7-testing → 0.2.0-testing

package/lib/esm/Importer/hooks/useSubmitToServer.js

@@ -55,10 +55,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useState } from "react";
-import { useImporterContext, } from "../contexts/ImporterContextProvider";
 import { isRecordEmpty } from "../../Importer/common/Spreadsheet/common";
 import { sendRecordsToIntegrations } from "../../Importer/common/utils";
 import { getTemplateFields, recordListToDataSet } from "../../Importer/data";
+import { addToast } from "../../common";
+import { useImporterContext, } from "../contexts/ImporterContextProvider";
 var trackImportedRowsCount = function (fuseApi, templateSlug, rowCount) { return __awaiter(void 0, void 0, void 0, function () {
     var error_1, errorMessage;
     var _a, _b;
@@ -82,21 +83,41 @@ var trackImportedRowsCount = function (fuseApi, templateSlug, rowCount) { return
     });
 }); };
 var buildColumnMappingsFromHeaderMatchings = function (templateHeaders, templateHeaderMatchings) {
-    return templateHeaders.map(function (column) {
+    return templateHeaders
+        .filter(function (column) { return column.label && templateHeaderMatchings[column.label]; })
+        .map(function (column) {
         return {
             matched_column_name: templateHeaderMatchings[column.label],
             template_column_name: column.label,
         };
     });
 };
-var saveMappedColumns = function (columnMappings, fuseApi, templateSlug) { return __awaiter(void 0, void 0, void 0, function () {
+var buildValueMappingsFromHeaderValueMatchings = function (enumFieldValueMatchings) {
+    var mappings = Object.values(enumFieldValueMatchings).map(function (column) {
+        var valuesMappings = [];
+        for (var _i = 0, _a = Object.entries(column); _i < _a.length; _i++) {
+            var _b = _a[_i], key = _b[0], value = _b[1];
+            if (!value) {
+                continue;
+            }
+            valuesMappings.push({
+                matched_value: key,
+                template_value: value,
+            });
+        }
+        return valuesMappings;
+    });
+    return mappings.flat();
+};
+var saveMappedColumns = function (columnMappings, valueMappings, fuseApi, templateSlug) { return __awaiter(void 0, void 0, void 0, function () {
     var error_2;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
                 return [4 /*yield*/, fuseApi.patch("/api/v1/importer/templates/".concat(templateSlug), {
-                        column_mappings_attributes: columnMappings,
+                        column_mappings: columnMappings,
+                        value_mappings: valueMappings,
                     })];
             case 1:
                 _a.sent();
@@ -118,13 +139,36 @@ var filterAndMapWithBackendErrors = function (dataSet, errors) {
         return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { isInvalid: true, backendErrors: errors[rId] }) });
     }, []);
 };
-export var useSubmitToServer = function (setIsTransformTooltipOpened) {
-    var _a = useImporterContext(), templateHeaderMatchings = _a.templateHeaderMatchings, templateHeaders = _a.templateHeaders, integrations = _a.integrations, templateSlug = _a.templateSlug, fuseApi = _a.fuseApi, previewMode = _a.importerOptions.previewMode, onSubmit = _a.onSubmit;
+var checkWrongData = function (dataSet, errors, reviewFields) {
+    var errorsKeys = Object.keys(errors);
+    var highestRowIndex = 0;
+    Object.values(dataSet).forEach(function (record) {
+        highestRowIndex = Math.max(highestRowIndex, record._meta.rowIndex);
+    });
+    var _loop_1 = function (currErrorId) {
+        var allFieldsName = reviewFields.map(function (field) { return field.name; });
+        var columnsOnError = Object.keys(errors[currErrorId]);
+        columnsOnError.forEach(function (column) {
+            if (!allFieldsName.includes(column)) {
+                addToast("Invalid column \"".concat(column, "\""), "error");
+            }
+        });
+        if (+currErrorId > highestRowIndex) {
+            addToast("Invalid row id \"".concat(currErrorId, "\""), "error");
+        }
+    };
+    for (var _i = 0, errorsKeys_1 = errorsKeys; _i < errorsKeys_1.length; _i++) {
+        var currErrorId = errorsKeys_1[_i];
+        _loop_1(currErrorId);
+    }
+};
+export var useSubmitToServer = function (setHasTransformedRecords) {
+    var _a = useImporterContext(), enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaderMatchings = _a.templateHeaderMatchings, templateHeaders = _a.templateHeaders, integrations = _a.integrations, templateSlug = _a.templateSlug, fuseApi = _a.fuseApi, previewMode = _a.importerOptions.previewMode, onSubmit = _a.onSubmit;
     var _b = useState(false), isSubmitting = _b[0], setIsSubmitting = _b[1];
     var _c = useState(false), importWasSuccessful = _c[0], setImportWasSuccessful = _c[1];
     var _d = useState(null), appResponse = _d[0], setAppResponse = _d[1];
     var onSubmitToServer = function (dataSet, afterSubmitCallback) { return __awaiter(void 0, void 0, void 0, function () {
-        var dataSetValues, reviewFields_1, validDataSetValues, validDataSetLength, invalidRecords_1, applicationResponse, isAppResponseSuccessful, _a, errors, isDataValid, recordsToDisplayFiltered, invalidDataSet, columnMappings, error_3;
+        var dataSetValues, reviewFields_1, validDataSetValues, validDataSetLength, invalidRecords_1, applicationResponse, isAppResponseSuccessful, _a, errors, isDataValid, recordsToDisplayFiltered, invalidDataSet, columnMappings, valueMappings, error_3;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
@@ -146,6 +190,7 @@ export var useSubmitToServer = function (setIsTransformTooltipOpened) {
                     if (!isAppResponseSuccessful) {
                         _a = (applicationResponse !== null && applicationResponse !== void 0 ? applicationResponse : {}).errors, errors = _a === void 0 ? {} : _a;
                         invalidRecords_1 = __spreadArray(__spreadArray([], filterAndMapWithBackendErrors(dataSet, errors), true), invalidRecords_1, true);
+                        checkWrongData(dataSet, errors, reviewFields_1);
                     }
                     isDataValid = invalidRecords_1.length === 0;
                     setImportWasSuccessful(isDataValid && isAppResponseSuccessful);
@@ -158,7 +203,7 @@ export var useSubmitToServer = function (setIsTransformTooltipOpened) {
                         invalidRecords_1 = __spreadArray(__spreadArray([], invalidRecords_1, true), (recordsToDisplayFiltered || []), true);
                     }
                     invalidDataSet = recordListToDataSet(invalidRecords_1, reviewFields_1, false).dataSet;
-                    setIsTransformTooltipOpened(false);
+                    setHasTransformedRecords(false);
                     afterSubmitCallback(invalidDataSet);
                     if (!!previewMode) return [3 /*break*/, 5];
                     return [4 /*yield*/, trackImportedRowsCount(fuseApi, templateSlug, validDataSetLength)];
@@ -168,7 +213,8 @@ export var useSubmitToServer = function (setIsTransformTooltipOpened) {
                 case 3:
                     _b.sent();
                     columnMappings = buildColumnMappingsFromHeaderMatchings(templateHeaders, templateHeaderMatchings);
-                    return [4 /*yield*/, saveMappedColumns(columnMappings, fuseApi, templateSlug)];
+                    valueMappings = buildValueMappingsFromHeaderValueMatchings(enumFieldValueMatchings);
+                    return [4 /*yield*/, saveMappedColumns(columnMappings, valueMappings, fuseApi, templateSlug)];
                 case 4:
                     _b.sent();
                     _b.label = 5;

package/lib/esm/common/CircleSpinner.d.ts

@@ -0,0 +1 @@
+export declare const CircleSpinner: () => JSX.Element;

package/lib/esm/common/CircleSpinner.js

@@ -0,0 +1,13 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+var SpinnerContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  animation: spin 1s linear infinite;\n  background: transparent;\n  border-radius: 50%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n  width: 24px;\n  z-index: 0;\n\n  @keyframes spin {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"], ["\n  animation: spin 1s linear infinite;\n  background: transparent;\n  border-radius: 50%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n  width: 24px;\n  z-index: 0;\n\n  @keyframes spin {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])));
+var SpinBlocker = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: black;\n  border-radius: 50%;\n  height: 80%;\n  left: 10%;\n  position: absolute;\n  top: 10%;\n  width: 80%;\n"], ["\n  background: black;\n  border-radius: 50%;\n  height: 80%;\n  left: 10%;\n  position: absolute;\n  top: 10%;\n  width: 80%;\n"])));
+var Spin = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: linear-gradient(\n    to bottom right,\n    rgba(255, 255, 255, 0.85) 50%,\n    rgba(0, 0, 0, 0) 150%\n  );\n  height: 50%;\n  left: 0;\n  position: absolute;\n  top: 50%;\n  width: 50%;\n  z-index: -1;\n"], ["\n  background: linear-gradient(\n    to bottom right,\n    rgba(255, 255, 255, 0.85) 50%,\n    rgba(0, 0, 0, 0) 150%\n  );\n  height: 50%;\n  left: 0;\n  position: absolute;\n  top: 50%;\n  width: 50%;\n  z-index: -1;\n"])));
+export var CircleSpinner = function () {
+    return (_jsxs(SpinnerContainer, { children: [_jsx(SpinBlocker, {}), _jsx(Spin, {})] }));
+};
+var templateObject_1, templateObject_2, templateObject_3;

package/lib/esm/common/FileUploadDropzone/ImporterDropzone.js

@@ -6,12 +6,19 @@ export var useDragAndDrop = function (_a) {
     var onComplete = _a.onComplete, saveFileName = _a.saveFileName, setIsLoading = _a.setIsLoading, validHeadersCount = _a.validHeadersCount;
     var onDrop = function (acceptedFiles) {
         acceptedFiles.forEach(function (file) {
+            if (file.size <= 0) {
+                addToast("Cannot upload an empty file.", "error");
+                return;
+            }
             setIsLoading && setIsLoading(true);
             saveFileName(file.name);
             var reader = new FileReader();
             var isCsvFile = file.type === "text/csv";
             reader.onabort = function () { return console.log("file reading was aborted"); };
-            reader.onerror = function () { return console.log("file reading has failed"); };
+            reader.onerror = function () {
+                addToast("An error occurred while reading the file.", "error");
+                setIsLoading && setIsLoading(false);
+            };
             reader.onload = function (event) {
                 var _a;
                 var results = event.target.result;
@@ -22,31 +29,59 @@ export var useDragAndDrop = function (_a) {
                             onComplete(parserResults.data);
                             setIsLoading && setIsLoading(false);
                         },
+                        error: function (error) {
+                            addToast("An error occurred while parsing the CSV: ".concat(error.message), "error");
+                            setIsLoading && setIsLoading(false);
+                        },
                     });
                     return;
                 }
-                var getDataFromFile = function (fileResults) {
-                    // rounded value to 20MB
-                    var isLargeFile = file.size > 20000000;
-                    var workBook = XLSX.read(fileResults, {
-                        type: "array",
-                        codepage: 65001,
-                        raw: true,
-                        dense: isLargeFile,
-                    });
-                    var workBookName = workBook.SheetNames[0];
-                    var sheet = workBook.Sheets[workBookName];
-                    return XLSX.utils.sheet_to_json(sheet, { header: 1, raw: false });
-                };
-                var fileData = getDataFromFile(results);
-                var headersCount = (_a = fileData[0]) === null || _a === void 0 ? void 0 : _a.length;
-                if (validHeadersCount) {
-                    validHeadersCount(headersCount) && onComplete(fileData);
+                var arr = new Uint8Array(event.target.result).subarray(0, 4);
+                var header = "";
+                for (var i = 0; i < arr.length; i++) {
+                    header += arr[i].toString(16);
                 }
-                else {
-                    onComplete(fileData);
+                // Check the file signature
+                var isExcelFile = header === "504b34" || header === "d0cf11e0"; // .xlsx or .xls
+                if (!isExcelFile) {
+                    addToast("The file is not a valid Excel file.", "error");
+                    setIsLoading && setIsLoading(false);
+                    return;
+                }
+                try {
+                    var getDataFromFile = function (fileResults) {
+                        // rounded value to 20MB
+                        var isLargeFile = file.size > 20000000;
+                        var workBook = XLSX.read(fileResults, {
+                            type: "array",
+                            codepage: 65001,
+                            raw: true,
+                            dense: isLargeFile,
+                        });
+                        var workBookName = workBook.SheetNames[0];
+                        var sheet = workBook.Sheets[workBookName];
+                        return XLSX.utils.sheet_to_json(sheet, { header: 1, raw: false });
+                    };
+                    var fileData = getDataFromFile(results);
+                    if (!fileData.length) {
+                        addToast("The file appears to be empty or cannot be parsed.", "error");
+                        setIsLoading && setIsLoading(false);
+                        return;
+                    }
+                    var headersCount = (_a = fileData[0]) === null || _a === void 0 ? void 0 : _a.length;
+                    if (validHeadersCount && !validHeadersCount(headersCount)) {
+                        addToast("Invalid header count in file.", "error");
+                        setIsLoading && setIsLoading(false);
+                    }
+                    else {
+                        onComplete(fileData);
+                        setIsLoading && setIsLoading(false);
+                    }
+                }
+                catch (error) {
+                    addToast("An error occurred while processing the file: ".concat(error.message), "error");
+                    setIsLoading && setIsLoading(false);
                 }
-                setIsLoading && setIsLoading(false);
             };
             if (isCsvFile) {
                 reader.readAsText(file);

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

@@ -105,30 +105,35 @@ export var CustomActions = function () {
     var handleCustomAction = function (actionKey) { return __awaiter(void 0, void 0, void 0, function () {
         var recordsToRunAction, action, processRecordsInBatches, toastMessage;
         return __generator(this, function (_a) {
-            recordsToRunAction = selectedRows.map(function (recordId) {
-                return getRecord(recordId);
-            });
-            action = customActions.find(function (action) { return action.name === actionKey; });
-            if (!action || Object.keys(action).length === 0) {
-                addToast(t("table_actions.custom_actions.general_error_toast"), "error");
-                return [2 /*return*/];
-            }
-            processRecordsInBatches = useBatchProcessing().processRecordsInBatches;
-            processRecordsInBatches(recordsToRunAction, function (batch) { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, processBatch(batch, action)];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
+            switch (_a.label) {
+                case 0:
+                    recordsToRunAction = selectedRows.map(function (recordId) {
+                        return getRecord(recordId);
+                    });
+                    action = customActions.find(function (action) { return action.name === actionKey; });
+                    if (!action || Object.keys(action).length === 0) {
+                        addToast(t("table_actions.custom_actions.general_error_toast"), "error");
+                        return [2 /*return*/];
                     }
-                });
-            }); });
-            toastMessage = t("table_actions.custom_actions.success_toast", {
-                actionName: action.name,
-            });
-            addToast(toastMessage, "success");
-            return [2 /*return*/];
+                    processRecordsInBatches = useBatchProcessing().processRecordsInBatches;
+                    return [4 /*yield*/, processRecordsInBatches(recordsToRunAction, function (batch) { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, processBatch(batch, action)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    toastMessage = t("table_actions.custom_actions.success_toast", {
+                        actionName: action.name,
+                    });
+                    addToast(toastMessage, "success");
+                    return [2 /*return*/];
+            }
         });
     }); };
     var onSelect = function (value) {

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { addToast } from "../../../../common/Toast";
 import { useReviewContext, useSpreadsheetContext } from "../../../../Importer";
 import { useFilteredDataContext } from "../../../../Importer/common/Spreadsheet/FilteredDataContextProvider";
 import { useValidationContext } from "../../../../Importer/common/Spreadsheet/ValidationContextProvider";
+import { addToast } from "../../../../common/Toast";
 import { useEventManagerContext } from "../../../EventManagerContextProvider";
 import * as S from "./FilterByErrors.styles";
 export var FilterByErrors = function () {
@@ -12,7 +12,7 @@ export var FilterByErrors = function () {
     var _c = useFilteredDataContext(), spreadsheetFilter = _c.spreadsheetFilter, resetSpreadsheetFilter = _c.resetSpreadsheetFilter, filterRecordsByFieldErrors = _c.filterRecordsByFieldErrors;
     var _d = useEventManagerContext(), on = _d.on, off = _d.off, EVENTS = _d.EVENTS;
     var fields = useSpreadsheetContext().fields;
-    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
+    var hasTransformedRecords = useReviewContext().hasTransformedRecords;
     var columnsWithErrorCounts = useValidationContext().columnsWithErrorCounts;
     var t = useTranslation("review").t;
     var _e = useState([]), errorArray = _e[0], setErrorArray = _e[1];
@@ -72,6 +72,6 @@ export var FilterByErrors = function () {
         : isMenuOpened
             ? search_or_select
             : prefix;
-    var isDisabled = errorArray.length === 0 || isTransformTooltipOpened;
+    var isDisabled = errorArray.length === 0 || hasTransformedRecords;
     return (_jsx(S.StyledAutocomplete, { placement: "bottom", placeholder: inputText, onToggle: function (v) { return !isDisabled && setIsMenuOpened(v); }, onChange: onChange, value: selectedErrorToFilter, options: errorArray, isDisabled: isDisabled, isInputDisabled: isDisabled, inputWidth: inputWidth, "data-testid": "ta-filter-by-errors", prefix: inputText }));
 };

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

@@ -39,13 +39,13 @@ var Filter = function (_a) {
     var labelToId = function (label) {
         return label.toLowerCase().replace(/\s/g, "_") + "_filter";
     };
-    return (_jsxs(Div, __assign({ disabledWhen: isDisabled, dflex: true, clickable: true, onClick: function () { return !isDisabled && onClick(); }, "data-test-id": labelToId(label) }, { children: [_jsxs(FilterContainer, __assign({ isSelected: isSelected }, { children: [label, count >= 0 && _jsxs(_Fragment, { children: ["\u00A0(", count.toLocaleString(), ")"] })] })), isSelected && filteredInputValue !== "" && (_jsx(FilteredDataCount, { children: _jsx(Div, __assign({ minw: 14, centered: true }, { children: filteredDataIds.length })) }))] })));
+    return (_jsx(Div, __assign({ disabledWhen: isDisabled, dflex: true, clickable: true, onClick: function () { return !isDisabled && onClick(); }, "data-test-id": labelToId(label) }, { children: _jsxs(FilterContainer, __assign({ isSelected: isSelected }, { children: [label, count >= 0 && _jsxs(_Fragment, { children: ["\u00A0(", count.toLocaleString(), ")"] })] })) })));
 };
 export var RowFilters = function () {
     var _a = useFilteredDataContext(), spreadsheetFilter = _a.spreadsheetFilter, filterRecordsByRowType = _a.filterRecordsByRowType;
     var _b = useDuplicateDataContext(), duplicateRecordIds = _b.duplicateRecordIds, calculateDuplicateRecords = _b.calculateDuplicateRecords;
     var invalidRowsCountRef = useValidationContext().invalidRowsCountRef;
-    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
+    var hasTransformedRecords = useReviewContext().hasTransformedRecords;
     var _c = useState(invalidRowsCountRef.current), invalidRowsCount = _c[0], setInvalidRowsCount = _c[1];
     var _d = useDataSetContext(), dataSetLength = _d.dataSetLength, emptyRecordIds = _d.emptyRecordIds;
     var _e = useEventManagerContext(), on = _e.on, off = _e.off, EVENTS = _e.EVENTS;
@@ -89,6 +89,6 @@ export var RowFilters = function () {
         }
         filterRecordsByRowType("invalid");
     };
-    return (_jsx(Wrapper, __assign({ isDisabled: isTransformTooltipOpened }, { children: _jsxs(Container, { children: [_jsx(Filter, { isSelected: spreadsheetFilter.byRow === "all", label: all_rows, count: recordsWithValuesCount, onClick: function () { return onAllSelected(); } }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "invalid", label: invalid_rows, count: invalidRowsCount, onClick: function () { return onInvalidSelected(); } }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "duplicates", label: duplicates, count: duplicateRecordIds.size, onClick: function () { return onDuplicatesSelected(); } })] }) })));
+    return (_jsx(Wrapper, __assign({ isDisabled: hasTransformedRecords }, { children: _jsxs(Container, { children: [_jsx(Filter, { isSelected: spreadsheetFilter.byRow === "all", label: all_rows, count: recordsWithValuesCount, onClick: function () { return onAllSelected(); }, "data-test-id": "all_rows_filter" }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "invalid", label: invalid_rows, count: invalidRowsCount, onClick: function () { return onInvalidSelected(); }, "data-test-id": "invalid_filter" }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "duplicates", label: duplicates, count: duplicateRecordIds.size, onClick: function () { return onDuplicatesSelected(); }, "data-test-id": "duplicates_filter" })] }) })));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -13,18 +13,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from "react";
 import { useTranslation } from "react-i18next";
 import styled, { css } from "styled-components";
-import { TooltipProvider } from "../../../common/TooltipProvider";
-import { useDebounce } from "../../../hooks";
 import { useReviewContext } from "../../../Importer";
 import { useFilteredDataContext } from "../../../Importer/common/Spreadsheet/FilteredDataContextProvider";
+import { FindAndReplaceModal } from "../../../Importer/common/Spreadsheet/components/FindAndReplace";
+import { TooltipProvider } from "../../../common/TooltipProvider";
+import { useDebounce } from "../../../hooks";
 import { Div } from "../../../styled";
 import { colors } from "../../../styled/theme/colorPalette";
 import { textStyles } from "../../../styled/theme/textStyles";
-import { SearchIcon } from "./icons";
+import { ReplaceIcon, SearchIcon } from "./icons";
+import { useSearchContext } from "../../../Importer/common/Spreadsheet/SearchContextProvider";
 var Wrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  gap: 8px;\n  height: 24px;\n  overflow: hidden;\n  padding: 8px;\n  position: relative;\n  transition: width 0.25s ease-in-out;\n  width: ", ";\n"], ["\n  background: ", ";\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  gap: 8px;\n  height: 24px;\n  overflow: hidden;\n  padding: 8px;\n  position: relative;\n  transition: width 0.25s ease-in-out;\n  width: ", ";\n"])), function (_a) {
     var isOpen = _a.isOpen;
     return (isOpen ? colors.orange50 : "none");
@@ -33,43 +35,41 @@ var Wrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplate
     return (isOpen ? "332px" : "24px");
 });
 var IconWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 24px;\n  width: 24px;\n"], ["\n  height: 24px;\n  width: 24px;\n"])));
-var Input = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  width: 100%;\n\n  background-color: none;\n  background: none;\n  border: none;\n  box-shadow: none;\n  color: ", ";\n  height: 20px;\n  line-height: 20px;\n  outline: none;\n  padding: 1px 2px;\n\n  ", ";\n"], ["\n  ", ";\n  width: 100%;\n\n  background-color: none;\n  background: none;\n  border: none;\n  box-shadow: none;\n  color: ", ";\n  height: 20px;\n  line-height: 20px;\n  outline: none;\n  padding: 1px 2px;\n\n  ", ";\n"])), textStyles.body3, colors.gray700, function (_a) {
+var ResultsText = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 20px;\n  color: ", ";\n  display: block;\n  text-wrap: nowrap;\n  text-align: right;\n  border-right: solid 1px ", ";\n  margin-right: 8px;\n  padding-right: 8px;\n"], ["\n  font-size: 14px;\n  line-height: 20px;\n  color: ", ";\n  display: block;\n  text-wrap: nowrap;\n  text-align: right;\n  border-right: solid 1px ", ";\n  margin-right: 8px;\n  padding-right: 8px;\n"])), colors.gray700, colors.gray300);
+var ActionsWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-center;\n"], ["\n  display: flex;\n  align-items: flex-center;\n"])));
+var Input = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  width: 100%;\n\n  background-color: none;\n  background: none;\n  border: none;\n  box-shadow: none;\n  color: ", ";\n  height: 20px;\n  line-height: 20px;\n  outline: none;\n  padding: 1px 2px;\n\n  ", ";\n"], ["\n  ", ";\n  width: 100%;\n\n  background-color: none;\n  background: none;\n  border: none;\n  box-shadow: none;\n  color: ", ";\n  height: 20px;\n  line-height: 20px;\n  outline: none;\n  padding: 1px 2px;\n\n  ", ";\n"])), textStyles.body3, colors.gray700, function (_a) {
     var isOpen = _a.isOpen;
-    return !isOpen && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: absolute;\n      top: -9999px;\n    "], ["\n      position: absolute;\n      top: -9999px;\n    "])));
+    return !isOpen && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      position: absolute;\n      top: -9999px;\n    "], ["\n      position: absolute;\n      top: -9999px;\n    "])));
 });
 var SearchInput = function (_a) {
     var testId = _a.testId, value = _a.value, onChange = _a.onChange, isDisabled = _a.isDisabled;
     var _b = useDebounce(value, onChange, 300), _value = _b._value, set_Value = _b.set_Value;
-    var inputRef = useRef(null);
-    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
+    var filteredDataIds = useFilteredDataContext().filteredDataIds;
+    var _c = useSearchContext(), findAndReplaceModalOpen = _c.findAndReplaceModalOpen, setFindAndReplaceModalOpen = _c.setFindAndReplaceModalOpen, openSearchInput = _c.openSearchInput, closeSearchInput = _c.closeSearchInput, searchInputRef = _c.searchInputRef, isOpen = _c.isOpen;
+    var actionsRef = useRef();
     var t = useTranslation("review").t;
     var handleInputChange = function (_a) {
         var target = _a.target;
         set_Value(target.value);
     };
-    var handleInputOnBlur = function () {
-        if (!_value) {
-            setIsOpen(false);
-        }
-    };
-    var handleWrapperClick = function () {
-        var _a;
-        if (!isOpen) {
-            setIsOpen(true);
-            if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
+    var handleInputOnBlur = function (e) {
+        if (!_value && e.relatedTarget !== actionsRef.current) {
+            closeSearchInput();
         }
     };
-    return (_jsx(TooltipProvider, __assign({ tooltip: !isOpen && !isDisabled ? t("table_actions.search_rows.tooltip") : "", placement: "right", flip: false, centered: true, w: "auto", "data-testid": testId }, { children: _jsxs(Wrapper, __assign({ isOpen: isOpen, onClick: function () { return !isDisabled && handleWrapperClick(); }, disabledWhen: isDisabled }, { children: [_jsx(IconWrapper, { children: _jsx(SearchIcon, {}) }), _jsx(Input, { isOpen: isOpen, ref: inputRef, value: _value, onChange: handleInputChange, onBlur: handleInputOnBlur, type: "text", placeholder: t("table_actions.search_rows.placeholder") })] })) })));
+    return (_jsxs(Div, { children: [_jsx(TooltipProvider, __assign({ tooltip: !isOpen && !isDisabled && !findAndReplaceModalOpen
+                    ? t("table_actions.search_rows.tooltip")
+                    : "", placement: "right", flip: false, centered: true, w: "auto", "data-testid": testId }, { children: _jsxs(Wrapper, __assign({ isOpen: isOpen, onClick: function () { return !isDisabled && openSearchInput(); }, disabledWhen: isDisabled }, { children: [_jsx(IconWrapper, { children: _jsx(SearchIcon, {}) }), _jsx(Input, { isOpen: isOpen, ref: searchInputRef, value: _value, onChange: handleInputChange, onBlur: handleInputOnBlur, type: "text", placeholder: t("table_actions.search_rows.placeholder") }), _jsxs(ActionsWrapper, __assign({ "data-cy": "open-find-replace", ref: actionsRef, onClick: function () { return setFindAndReplaceModalOpen(true); }, tabIndex: 0 }, { children: [_jsx(ResultsText, { children: t("table_actions.search_rows.number_of_results", {
+                                        length: value ? filteredDataIds.length : 0,
+                                    }) }), _jsx(IconWrapper, { children: _jsx(ReplaceIcon, {}) })] }))] })) })), _jsx(Div, { children: findAndReplaceModalOpen && (_jsx(FindAndReplaceModal, { initialText: value, onClose: function () { return setFindAndReplaceModalOpen(false); } })) })] }));
 };
 export var SearchRows = function (_a) {
     var _b = _a.testId, testId = _b === void 0 ? "ta-search-rows" : _b;
     var _c = useFilteredDataContext(), filteredInputValue = _c.filteredInputValue, setFilteredInputValue = _c.setFilteredInputValue;
-    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
+    var hasTransformedRecords = useReviewContext().hasTransformedRecords;
     var handleChangeInputValue = function (value) {
         setFilteredInputValue(value);
     };
-    return (_jsx(SearchInput, { testId: testId, value: filteredInputValue, onChange: handleChangeInputValue, isDisabled: isTransformTooltipOpened }));
+    return (_jsx(_Fragment, { children: _jsx(SearchInput, { testId: testId, value: filteredInputValue, onChange: handleChangeInputValue, isDisabled: hasTransformedRecords }) }));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useReviewContext } from "../../../Importer";
-import { defaultTableActionsHeightPx } from "./common";
+import { useValidationContext } from "../../../Importer/common/Spreadsheet/ValidationContextProvider";
 import { CustomActions } from "./CustomActions";
 import { DeleteSelectedRows } from "./DeleteSelectedRows";
 import { ExportData } from "./ExportData";
@@ -32,11 +32,14 @@ import { SearchRows } from "./SearchRows";
 import * as S from "./TableActions.styles";
 import { TransformedRecordsCount } from "./TransformedRecordsCount";
 import ValidationProgress from "./ValidationProgress";
+import { defaultTableActionsHeightPx } from "./common";
 export var TableActions = function (_a) {
     var _b = _a.tableActionsHeight, tableActionsHeight = _b === void 0 ? defaultTableActionsHeightPx : _b, props = __rest(_a, ["tableActionsHeight"]);
-    var _c = useReviewContext(), isTransformTooltipOpened = _c.isTransformTooltipOpened, setIsTransformTooltipOpened = _c.setIsTransformTooltipOpened;
+    var _c = useReviewContext(), hasTransformedRecords = _c.hasTransformedRecords, setHasTransformedRecords = _c.setHasTransformedRecords;
+    var isValidationCompleted = useValidationContext().isValidationCompleted;
     var onCloseTransformsTooltip = function () {
-        setIsTransformTooltipOpened(false);
+        setHasTransformedRecords(false);
     };
-    return (_jsxs(S.TableActionsContainer, __assign({ height: tableActionsHeight }, props, { children: [_jsxs(S.TableActionsContent, { children: [_jsx(SearchRows, {}), _jsx(RowFilters, {}), _jsx(FilterByErrors, {}), _jsxs(S.ButtonActionsContainer, { children: [_jsx(DeleteSelectedRows, {}), _jsx(ExportData, {}), _jsx(CustomActions, {})] })] }), _jsxs(S.TableActionsInformations, { children: [_jsx(ValidationProgress, {}), isTransformTooltipOpened && (_jsx(TransformedRecordsCount, { onClose: onCloseTransformsTooltip }))] })] })));
+    var shouldShowTransformedCount = hasTransformedRecords && isValidationCompleted;
+    return (_jsxs(S.TableActionsContainer, __assign({ height: tableActionsHeight }, props, { children: [_jsxs(S.TableActionsContent, { children: [_jsx(SearchRows, {}), _jsx(RowFilters, {}), _jsx(FilterByErrors, {}), _jsxs(S.ButtonActionsContainer, { children: [_jsx(DeleteSelectedRows, {}), _jsx(ExportData, {}), _jsx(CustomActions, {})] })] }), _jsxs(S.TableActionsInformations, { children: [_jsx(ValidationProgress, {}), shouldShowTransformedCount && (_jsx(TransformedRecordsCount, { onClose: onCloseTransformsTooltip }))] })] })));
 };

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

@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import styled from "styled-components";
 import { Div } from "../../../styled/utils";
-export var TableActionsContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border-top: 1px solid ", ";\n  display: flex;\n  justify-content: space-between;\n  padding: 8px 32px;\n  width: 100%;\n\n  * {\n    box-sizing: content-box;\n  }\n"], ["\n  align-items: center;\n  background: ", ";\n  border-top: 1px solid ", ";\n  display: flex;\n  justify-content: space-between;\n  padding: 8px 32px;\n  width: 100%;\n\n  * {\n    box-sizing: content-box;\n  }\n"])), function (_a) {
+export var TableActionsContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border-top: 1px solid ", ";\n  display: flex;\n  justify-content: space-between;\n  padding: 8px 32px;\n  width: 100%;\n"], ["\n  align-items: center;\n  background: ", ";\n  border-top: 1px solid ", ";\n  display: flex;\n  justify-content: space-between;\n  padding: 8px 32px;\n  width: 100%;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.white;
 }, function (_a) {
@@ -13,6 +13,6 @@ export var TableActionsContainer = styled(Div)(templateObject_1 || (templateObje
 });
 export var ButtonActionsContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 8px;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 8px;\n"])));
 export var TableActionsContent = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n"])));
-export var TableActionsInformations = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  position: relative;\n  z-index: 101;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  position: relative;\n  z-index: 101;\n"])));
+export var TableActionsInformations = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  position: relative;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  position: relative;\n"])));
 export var ActionButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  background: transparent;\n  border-radius: 4px;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  height: 36px;\n  justify-content: center;\n  padding: 0px;\n  width: 36px;\n\n  :disabled {\n    opacity: 0.6;\n\n    :hover {\n      background-color: transparent !important;\n      cursor: not-allowed;\n    }\n  }\n"], ["\n  align-items: center;\n  background: transparent;\n  border-radius: 4px;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  height: 36px;\n  justify-content: center;\n  padding: 0px;\n  width: 36px;\n\n  :disabled {\n    opacity: 0.6;\n\n    :hover {\n      background-color: transparent !important;\n      cursor: not-allowed;\n    }\n  }\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -17,11 +17,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
-import { Button } from "../../../common/buttons";
 import { useSpreadsheetContext } from "../../../Importer";
 import { useDataSetContext } from "../../../Importer/common/Spreadsheet/DataSetContextProvider";
 import { useFilteredDataContext } from "../../../Importer/common/Spreadsheet/FilteredDataContextProvider";
-import { colors, Div } from "../../../styled";
+import { Button } from "../../../common/buttons";
+import { Div, colors } from "../../../styled";
 import { truncateString } from "../../../utils";
 import { CheckIcon } from "./icons";
 var formatToLocaleString = function (number) {
@@ -30,7 +30,7 @@ var formatToLocaleString = function (number) {
         maximumFractionDigits: 0,
     });
 };
-var RecordsCountContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  z-index: 2;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  position: relative;\n  z-index: 2;\n\n  * {\n    box-sizing: border-box;\n  }\n"])));
+var RecordsCountContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  position: relative;\n\n  * {\n    box-sizing: border-box;\n  }\n"])));
 var Counter = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border-radius: 35px;\n  display: flex;\n  padding: 0px 18px;\n  position: relative;\n  user-select: none;\n  z-index: 101;\n"], ["\n  align-items: center;\n  background: ", ";\n  border-radius: 35px;\n  display: flex;\n  padding: 0px 18px;\n  position: relative;\n  user-select: none;\n  z-index: 101;\n"])), colors.blue100);
 var TooltipContainer = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 8px;\n  box-shadow: 0px 3.53px 63.58px 0px #b7a6a640;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  padding: 16px 32px 24px 24px;\n  position: absolute;\n  right: 0px;\n  top: 66px;\n  width: clamp(150px, 379px, 379px);\n  z-index: 101;\n\n  &::before {\n    border-color: transparent transparent #ffffff transparent;\n    border-radius: 4px;\n    border-style: solid;\n    border-width: 0 14.5px 24px 14.5px;\n    content: \"\";\n    height: 0;\n    position: absolute;\n    right: -4px;\n    top: -6px;\n    transform: rotate(120deg);\n    width: 0;\n  }\n"], ["\n  background: ", ";\n  border-radius: 8px;\n  box-shadow: 0px 3.53px 63.58px 0px #b7a6a640;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  padding: 16px 32px 24px 24px;\n  position: absolute;\n  right: 0px;\n  top: 66px;\n  width: clamp(150px, 379px, 379px);\n  z-index: 101;\n\n  &::before {\n    border-color: transparent transparent #ffffff transparent;\n    border-radius: 4px;\n    border-style: solid;\n    border-width: 0 14.5px 24px 14.5px;\n    content: \"\";\n    height: 0;\n    position: absolute;\n    right: -4px;\n    top: -6px;\n    transform: rotate(120deg);\n    width: 0;\n  }\n"])), colors.white);
 var ExampleCode = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border-radius: 4px;\n  display: flex;\n  justify-content: space-between;\n  padding: 4px;\n"], ["\n  align-items: center;\n  background: ", ";\n  border-radius: 4px;\n  display: flex;\n  justify-content: space-between;\n  padding: 4px;\n"])), colors.blue100);

package/lib/esm/common/Table/TableActions/icons.d.ts

@@ -4,3 +4,4 @@ export declare const SearchIcon: () => JSX.Element;
 export declare const DownloadIcon: () => JSX.Element;
 export declare const CheckIcon: () => JSX.Element;
 export declare const ActionPlus: () => JSX.Element;
+export declare const ReplaceIcon: () => JSX.Element;

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

@@ -16,3 +16,4 @@ export var SearchIcon = function () { return (_jsxs("svg", __assign({ width: "24
 export var DownloadIcon = function () { return (_jsxs("svg", __assign({ width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M10.0834 18C9.66675 16.75 9.66675 15.5 9.66675 14.6303C9.66675 11.7319 12.2621 8.83337 15.4637 8.83337C17.6094 8.83337 19.4828 9.99914 20.4852 11.7319H21.2607C23.6619 11.7319 25.9167 13.4167 25.9167 15.5C25.9167 16.3334 25.9167 17.1667 25.5001 18", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M14.1807 23.2764L17.5834 26.5416L20.9862 23.2764", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M17.5833 25.6827L17.5833 16.4375", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round" })] }))); };
 export var CheckIcon = function () { return (_jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "53", height: "53", viewBox: "0 0 53 53", fill: "none" }, { children: [_jsx("rect", { width: "53", height: "53", fill: "white" }), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M40.6023 5.38665C41.3381 4.56281 42.6024 4.49142 43.4263 5.22719L51.5083 12.4453C52.3321 13.181 52.4035 14.4454 51.6677 15.2692L23.539 46.7647C22.8032 47.5885 21.5389 47.6599 20.7151 46.9242L12.6331 39.7061C11.8092 38.9703 11.7378 37.706 12.4736 36.8822L40.6023 5.38665Z", fill: "url(#paint0_linear_643_341)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "darken" } }, { children: _jsx("rect", { x: "32.0707", y: "37.1587", width: "14.836", height: "29.7113", rx: "2", transform: "rotate(131.582 32.0707 37.1587)", fill: "url(#paint1_linear_643_341)" }) })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_643_341", x1: "15.4625", y1: "39.0861", x2: "31.139", y2: "48.4231", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }), _jsx("stop", { offset: "1", stopColor: "#FEE18F" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_643_341", x1: "39.4887", y1: "37.1587", x2: "29.9147", y2: "74.1394", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#6BEEFF" }), _jsx("stop", { offset: "1", stopColor: "#08CABE" })] }))] })] }))); };
 export var ActionPlus = function () { return (_jsx("svg", __assign({ width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsxs("g", __assign({ id: "Actions Plus" }, { children: [_jsx("path", { id: "Vector 4", d: "M8 2.91602V14.916", stroke: "#909090", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { id: "Vector 5", d: "M2 8.91602L14 8.91602", stroke: "#909090", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })) }))); };
+export var ReplaceIcon = function () { return (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M19.5 15.6666V6.33334C19.5 5.04467 18.4553 4 17.1666 4H10.75M19.5 15.6666L16 12.1667M19.5 15.6666L23 12.1667M5.5 8.66665V18C5.5 19.2887 6.54469 20.3333 7.83332 20.3333H14.25M5.5 8.66665L9.00001 12.1667M5.5 8.66665L2 12.1667", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))); };

package/lib/esm/common/Table/TableActions/useFindAndReplace.d.ts

@@ -0,0 +1,5 @@
+import { Record } from "../../../types";
+declare const useFindAndReplace: () => {
+    replaceInRecord: (record: Record, searchText: string, replaceText: string, matchCase: boolean, useRegex: boolean) => boolean;
+};
+export default useFindAndReplace;

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

@@ -0,0 +1,45 @@
+import { useSpreadsheetContext } from "../../../Importer";
+var useFindAndReplace = function () {
+    var fields = useSpreadsheetContext().fields;
+    var replaceTextWithRegex = function (value, searchText, replaceText, matchCase) {
+        var regex = new RegExp(searchText, matchCase ? "g" : "ig");
+        return value.replace(regex, replaceText);
+    };
+    var replaceCaseInsensitive = function (str, searchText, rby) {
+        var pos = str.toLowerCase().indexOf(searchText.toLowerCase());
+        return pos == -1
+            ? str
+            : str.substring(0, pos) + rby + str.substring(pos + searchText.length);
+    };
+    var replaceTextWithoutRegex = function (value, searchText, replaceText, matchCase) {
+        if (matchCase) {
+            return value.replace(searchText, replaceText);
+        }
+        else {
+            return replaceCaseInsensitive(value, searchText, replaceText);
+        }
+    };
+    var replaceInRecord = function (record, searchText, replaceText, matchCase, useRegex) {
+        var textFound = false;
+        fields.forEach(function (f) {
+            if (!record[f.name])
+                return;
+            var newValue;
+            if (useRegex) {
+                newValue = replaceTextWithRegex(record[f.name].toString(), searchText, replaceText, matchCase);
+            }
+            else {
+                newValue = replaceTextWithoutRegex(record[f.name].toString(), searchText, replaceText, matchCase);
+            }
+            if (record[f.name] !== newValue) {
+                record[f.name] = newValue;
+                textFound = true;
+            }
+        });
+        return textFound;
+    };
+    return {
+        replaceInRecord: replaceInRecord,
+    };
+};
+export default useFindAndReplace;