fuse-importer 0.0.5-testing → 0.0.7-testing

package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.js

@@ -10,79 +10,171 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { DateTime } from "luxon";
+var isTransformationNeeded = function (fieldValue, transformedValue) { return ({
+    transformationWasNeeded: fieldValue !== transformedValue,
+    original: fieldValue,
+    transformed: fieldValue === transformedValue ? null : transformedValue,
+}); };
+var isNotANumber = function (fieldValue) {
+    return fieldValue === null || fieldValue === undefined || isNaN(fieldValue);
+};
+var isNotAString = function (fieldValue) {
+    return !fieldValue || typeof fieldValue !== "string" || fieldValue.trim() === "";
+};
 var stringFieldTransformations = {
     sentence_case: function (fieldValue) {
         var _a, _b;
-        if (typeof fieldValue !== "string")
-            return fieldValue;
-        return (((_b = (_a = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toLowerCase()) === null || _a === void 0 ? void 0 : _a.charAt(0)) === null || _b === void 0 ? void 0 : _b.toUpperCase()) +
-            (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.slice(1).toLowerCase()));
+        if (isNotAString(fieldValue))
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        var transformedValue = ((_b = (_a = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toLowerCase()) === null || _a === void 0 ? void 0 : _a.charAt(0)) === null || _b === void 0 ? void 0 : _b.toUpperCase()) +
+            (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.slice(1).toLowerCase());
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
     capitalize: function (fieldValue) {
-        var _a;
-        if (typeof fieldValue !== "string")
-            return fieldValue;
-        return ((_a = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.charAt(0)) === null || _a === void 0 ? void 0 : _a.toUpperCase()) + (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.slice(1));
+        if (isNotAString(fieldValue)) {
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        }
+        var transformedValue = fieldValue
+            .split(" ")
+            .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); })
+            .join(" ");
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
     uppercase: function (fieldValue) {
-        if (typeof fieldValue !== "string")
-            return fieldValue;
-        return fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toUpperCase();
+        if (isNotAString(fieldValue))
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        var transformedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toUpperCase();
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
     lowercase: function (fieldValue) {
-        if (typeof fieldValue !== "string")
-            return fieldValue;
-        return fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toLowerCase();
+        if (isNotAString(fieldValue))
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        var transformedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toLowerCase();
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
     trim_whitespace: function (fieldValue) {
         if (typeof fieldValue !== "string")
-            return fieldValue;
-        return fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        var transformedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
 };
 var datesDateTimesAndTimesTransformations = {
     autoformat: function (fieldValue, _, fieldOptions) {
-        var JSDate = new Date(fieldValue);
-        if (!fieldValue || isNaN(JSDate.getTime())) {
-            return fieldValue;
+        var cleanFieldValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.replace(/"/g, "");
+        var normalizedFieldValue = cleanFieldValue === null || cleanFieldValue === void 0 ? void 0 : cleanFieldValue.replace(/-/g, "/");
+        var isUnixTimestamp = /^\d+$/.test(normalizedFieldValue);
+        var JSDate = isUnixTimestamp
+            ? new Date(Number(normalizedFieldValue))
+            : new Date(normalizedFieldValue);
+        var pattern = fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions.pattern;
+        var defaultObj = {
+            transformationWasNeeded: false,
+            original: fieldValue,
+            transformed: null,
+        };
+        if (!fieldValue || !pattern || isNotANumber(JSDate.getTime())) {
+            return defaultObj;
         }
         var luxonDate = DateTime.fromJSDate(JSDate);
-        return luxonDate.toFormat(fieldOptions.pattern);
+        if (!luxonDate.isValid) {
+            return defaultObj;
+        }
+        var transformedValue = luxonDate === null || luxonDate === void 0 ? void 0 : luxonDate.toFormat(fieldOptions.pattern);
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
 };
 var urlTransformations = {
     prefix: function (fieldValue, transformation) {
         var _a;
         var prefixValue = (_a = transformation === null || transformation === void 0 ? void 0 : transformation.options) === null || _a === void 0 ? void 0 : _a.prefix;
-        if (!prefixValue)
-            return fieldValue;
-        return "".concat(prefixValue).concat(fieldValue);
+        var fieldValueHasPrefix = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.startsWith(prefixValue);
+        if (isNotAString(prefixValue) ||
+            isNotAString(fieldValue) ||
+            fieldValueHasPrefix)
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        var transformedValue = "".concat(prefixValue).concat(fieldValue);
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
 };
 var floatTransformations = {
     number_of_decimals: function (fieldValue, transformation) {
         var _a;
         var numberOfDecimalsValue = Number((_a = transformation === null || transformation === void 0 ? void 0 : transformation.options) === null || _a === void 0 ? void 0 : _a.number_of_decimals);
-        if (isNaN(numberOfDecimalsValue) || isNaN(fieldValue))
-            return fieldValue;
-        return Number(fieldValue.toFixed(numberOfDecimalsValue));
+        if (isNotANumber(numberOfDecimalsValue) || isNotANumber(fieldValue)) {
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        }
+        var transformedValue = parseFloat(Number(fieldValue).toFixed(numberOfDecimalsValue));
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
 };
 var integerTransformations = {
     round: function (fieldValue) {
-        if (isNaN(fieldValue))
-            return fieldValue;
-        return Math.round(fieldValue);
+        if (fieldValue === "" || isNotANumber(fieldValue)) {
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        }
+        var typeofFieldValue = typeof fieldValue;
+        var roundedValue = Math.round(fieldValue);
+        var valueWithCorrectType = typeofFieldValue === "string" ? "".concat(roundedValue) : roundedValue;
+        return isTransformationNeeded(fieldValue, valueWithCorrectType);
     },
     floor: function (fieldValue) {
-        if (isNaN(fieldValue))
-            return fieldValue;
-        return Math.floor(fieldValue);
+        if (fieldValue === "" || isNotANumber(fieldValue)) {
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        }
+        var typeofFieldValue = typeof fieldValue;
+        var flooredValue = Math.floor(fieldValue);
+        var valueWithCorrectType = typeofFieldValue === "string" ? "".concat(flooredValue) : flooredValue;
+        return isTransformationNeeded(fieldValue, valueWithCorrectType);
     },
     ceiling: function (fieldValue) {
-        if (isNaN(fieldValue))
-            return fieldValue;
-        return Math.ceil(fieldValue);
+        if (fieldValue === "" || isNotANumber(fieldValue)) {
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
+        }
+        var typeofFieldValue = typeof fieldValue;
+        var ceilingValue = Math.ceil(fieldValue);
+        var valueWithCorrectType = typeofFieldValue === "string" ? "".concat(ceilingValue) : ceilingValue;
+        return isTransformationNeeded(fieldValue, valueWithCorrectType);
     },
 };
 var enumTransformations = {
@@ -91,16 +183,22 @@ var enumTransformations = {
             return option.toLowerCase();
         });
         if (!fieldValue || options.length === 0)
-            return fieldValue;
+            return {
+                transformationWasNeeded: false,
+                original: fieldValue,
+                transformed: null,
+            };
         var parsedRecord = String(fieldValue).toLowerCase();
         var trueOptionIndex = options.findIndex(function (option) { return option === "true" || option === "1"; });
         var falseOptionIndex = options.findIndex(function (option) { return option === "false" || option === "0"; });
         if (trueOptionIndex !== -1 && falseOptionIndex !== -1) {
-            return parsedRecord === options[trueOptionIndex]
+            var transformedValue_1 = parsedRecord === options[trueOptionIndex]
                 ? fieldOptions.options[trueOptionIndex]
                 : fieldOptions.options[falseOptionIndex];
+            return isTransformationNeeded(fieldValue, transformedValue_1);
         }
-        return fieldOptions.options[0];
+        var transformedValue = fieldOptions.options[0];
+        return isTransformationNeeded(fieldValue, transformedValue);
     },
 };
 export var fieldTransformations = __assign(__assign(__assign(__assign(__assign(__assign({}, stringFieldTransformations), datesDateTimesAndTimesTransformations), urlTransformations), floatTransformations), integerTransformations), enumTransformations);

package/lib/esm/Importer/common/Spreadsheet/validation/validators.d.ts

@@ -1,5 +1,5 @@
 import { Field, FieldValidation, Record } from "../../../../types";
-export type FieldValidator = (field: Field, fieldValue: any, validation?: FieldValidation, data?: Record[]) => null | string;
+export type FieldValidator = (field: Field, fieldValue: any, validation?: FieldValidation, data?: Record[], customErrorMessage?: string) => null | string;
 export type FieldValidations = Partial<{
     [key: string]: FieldValidator;
 }>;

package/lib/esm/Importer/common/Spreadsheet/validation/validators.js

@@ -85,7 +85,12 @@ export var fieldValidations = {
         if (!isNullOrUndefined(field.pattern) &&
             !isNullOrUndefined(fieldValue) &&
             !DateTime.fromFormat(fieldValue, field.pattern).isValid) {
-            return "".concat(field.label, " must match the pattern ").concat(field.pattern);
+            var randomDate = DateTime.fromISO("1990-01-15T14:35:55.150");
+            var transformedValue = randomDate === null || randomDate === void 0 ? void 0 : randomDate.toFormat(field.pattern);
+            var defaultMessage = "".concat(field.label, " must match the pattern ").concat(field.pattern);
+            return transformedValue
+                ? "Must be formatted as \"".concat(field.pattern, "\" (e.g. ").concat(transformedValue, ")")
+                : defaultMessage;
         }
     },
     unique_case_sensitive: function (field, fieldValue, validator, data) {

package/lib/esm/Importer/data/index.d.ts

@@ -1,4 +1,4 @@
-import { Field, FieldTypes, FormatRecord, Record, RecordDataSet, TemplateHeader } from "../../types";
+import { Field, FieldTypes, FormatRecord, Record, RecordDataSet, TemplateHeader, TransformedRecord } from "../../types";
 import { EnumFieldValueMatchings, HeaderMatchings } from "../contexts/ImporterContextProvider";
 export declare const addEmptyRows: (data: Record[], fields: Field[]) => (Record | {
     _meta: {
@@ -6,7 +6,7 @@ export declare const addEmptyRows: (data: Record[], fields: Field[]) => (Record
         rowIndex: number;
     };
 })[];
-export declare const addMeta: (record: any, index: number, uploadedRow?: any) => Record;
+export declare const addMeta: (record: any, index: number, uploadedRow?: any, transformedRow?: TransformedRecord) => Record;
 export declare const recordListToDataSet: (data: Record[], fields: Field[]) => RecordDataSet;
 type transformToRecordsArgs = {
     templateHeaderMatchings: HeaderMatchings;

package/lib/esm/Importer/data/index.js

@@ -37,20 +37,29 @@ export var addEmptyRows = function (data, fields) {
         } })); });
     return __spreadArray(__spreadArray([], data, true), newData, true);
 };
-export var addMeta = function (record, index, uploadedRow) {
+export var addMeta = function (record, index, uploadedRow, transformedRow) {
     var _a;
     if (uploadedRow === void 0) { uploadedRow = null; }
+    if (transformedRow === void 0) { transformedRow = null; }
     var rId = getRowId(index);
     var meta = (_a = record._meta) !== null && _a !== void 0 ? _a : {};
-    return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { id: rId, rowIndex: index, touched: false, uploadedRow: uploadedRow }) });
+    return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { id: rId, rowIndex: index, touched: false, uploadedRow: uploadedRow, transformedRow: transformedRow }) });
 };
 export var recordListToDataSet = function (data, fields) {
+    var fieldWithTransformations = fields.filter(function (field) { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.transformations) === null || _a === void 0 ? void 0 : _a.length) > 0; });
     var initialData = data;
     if (data.length < MINIMUM_ROW_COUNT) {
         initialData = addEmptyRows(data, fields);
     }
     return initialData.reduce(function (dataSet, record, i) {
-        var recordWithMeta = addMeta(record, i);
+        var transformedRecord = null;
+        if (fieldWithTransformations.length > 0) {
+            transformedRecord = transformRecord({
+                record: record,
+                fields: fieldWithTransformations,
+            });
+        }
+        var recordWithMeta = addMeta(record, i, undefined, transformedRecord);
         dataSet[recordWithMeta._meta.id] = recordWithMeta;
         return dataSet;
     }, {});
@@ -129,13 +138,6 @@ export var getTemplateFields = function (_a) {
 export var getReviewDataSet = function (_a) {
     var _b;
     var records = _a.records, fields = _a.fields;
-    for (var _i = 0, records_1 = records; _i < records_1.length; _i++) {
-        var record = records_1[_i];
-        transformRecord({
-            record: record,
-            fields: fields,
-        });
-    }
     var baseInitialDataSet = recordListToDataSet(addEmptyRows(records, fields), fields);
     var highestRowIndex = 0;
     Object.keys(baseInitialDataSet).forEach(function (key) {

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

@@ -42,5 +42,6 @@ export var FilterByErrors = function () {
         : 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 }));
+    var isDisabled = errorArray.length === 0;
+    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/TableActions.js

@@ -25,10 +25,11 @@ import { defaultTableActionsHeightPx } from "./common";
 import { DeleteSelectedRows } from "./DeleteSelectedRows";
 import { SearchRows } from "./SearchRows";
 import { ExportData } from "./ExportData";
-import { ButtonActionsContainer, TableActionsContainer, TableActionsContent, } from "./TableActions.styles";
+import * as S from "./TableActions.styles";
 import { FilterByErrors } from "./FilterByErrors/FilterByErrors";
 import { RowFilters } from "./RowFilters";
+import { TransformedRecordsCount } from "./TransformedRecordsCount";
 export var TableActions = function (_a) {
     var _b = _a.tableActionsHeight, tableActionsHeight = _b === void 0 ? defaultTableActionsHeightPx : _b, props = __rest(_a, ["tableActionsHeight"]);
-    return (_jsx(TableActionsContainer, __assign({ height: tableActionsHeight }, props, { children: _jsxs(TableActionsContent, { children: [_jsx(SearchRows, {}), _jsx(RowFilters, {}), _jsx(FilterByErrors, {}), _jsxs(ButtonActionsContainer, { children: [_jsx(DeleteSelectedRows, {}), _jsx(ExportData, {})] })] }) })));
+    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(S.TableActionsInformations, { children: _jsx(TransformedRecordsCount, {}) })] })));
 };

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

@@ -2,4 +2,5 @@ import { TableActionsContainerProps } from "./TableActions";
 export declare const TableActionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & TableActionsContainerProps, never>;
 export declare const ButtonActionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
 export declare const TableActionsContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
+export declare const TableActionsInformations: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
 export declare const ActionButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

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  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  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  * {\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) {
     var theme = _a.theme;
     return theme.colors.white;
 }, function (_a) {
@@ -13,5 +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 ActionButton = styled.button(templateObject_4 || (templateObject_4 = __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;
+export var TableActionsInformations = styled(Div)(templateObject_4 || (templateObject_4 = __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 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.d.ts

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

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

@@ -0,0 +1,71 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import styled from "styled-components";
+import { useSpreadsheetContext } from "../../../Importer";
+import { Div, colors } from "../../../styled";
+import { CheckIcon } from "./icons";
+import { Button } from "../../../common/buttons";
+var formatToLocaleString = function (number) {
+    return number.toLocaleString(undefined, {
+        minimumFractionDigits: 0,
+        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 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  user-select: none;\n"], ["\n  align-items: center;\n  background: ", ";\n  border-radius: 35px;\n  display: flex;\n  padding: 0px 18px;\n  user-select: none;\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\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\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);
+var StyledButton = styled(Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-self: flex-end;\n  height: 36px;\n  padding: 0px;\n  width: 61px;\n"], ["\n  align-self: flex-end;\n  height: 36px;\n  padding: 0px;\n  width: 61px;\n"])));
+var Tooltip = function (_a) {
+    var recordsCount = _a.recordsCount, onClose = _a.onClose;
+    var t = useTranslation("review").t;
+    return (_jsxs(TooltipContainer, __assign({ "data-cy": "transformations-tooltip" }, { children: [_jsx(Div, { children: _jsx(CheckIcon, {}) }), _jsx(Div, __assign({ subtitle: true }, { children: t("table_actions.transformed_records.auto_corrections_amount", {
+                    amount: formatToLocaleString(recordsCount),
+                }) })), _jsxs(Div, { children: [_jsx(Div, __assign({ mb: 5, label1: true, style: { color: colors.gray700 } }, { children: t("table_actions.transformed_records.example") })), _jsxs(ExampleCode, { children: [_jsx(Div, __assign({ body1: true }, { children: "$37.00" })), _jsx(Div, __assign({ body1: true, style: { textDecoration: "line-through" } }, { children: "$36.8" }))] })] }), _jsx(StyledButton, __assign({ buttonTextSmall: true, uppercase: true, onClick: onClose }, { children: "OK" }))] })));
+};
+export var TransformedRecordsCount = function () {
+    var _a = useSpreadsheetContext(), data = _a.data, isTransformTooltipOpened = _a.isTransformTooltipOpened, setIsTransformTooltipOpened = _a.setIsTransformTooltipOpened;
+    var t = useTranslation("review").t;
+    var tooltipWasAlreadyOpened = useRef(false);
+    var transformedRecordsCount = useMemo(function () {
+        var _a;
+        var counter = 0;
+        for (var i = 0; i < data.length; i++) {
+            var currentData = data[i];
+            var transformedObj = (_a = currentData === null || currentData === void 0 ? void 0 : currentData._meta) === null || _a === void 0 ? void 0 : _a.transformedRow;
+            if (transformedObj) {
+                counter += Object.keys(transformedObj).length;
+            }
+        }
+        return counter;
+    }, [data]);
+    useEffect(function () {
+        if (tooltipWasAlreadyOpened.current)
+            return;
+        if (transformedRecordsCount > 0 && !isTransformTooltipOpened) {
+            setIsTransformTooltipOpened(true);
+            tooltipWasAlreadyOpened.current = true;
+        }
+    }, [transformedRecordsCount]);
+    var handleCloseTooltip = function () {
+        setIsTransformTooltipOpened(false);
+    };
+    return (_jsx(_Fragment, { children: isTransformTooltipOpened && transformedRecordsCount ? (_jsxs(RecordsCountContainer, { children: [_jsxs(Counter, __assign({ body1: true }, { children: [_jsxs(Div, __assign({ bold: true, mr: 4, "data-cy": "transformations-counter" }, { children: [formatToLocaleString(transformedRecordsCount), " "] })), t("table_actions.transformed_records.auto_corrections_done")] })), isTransformTooltipOpened && (_jsx(Tooltip, { recordsCount: transformedRecordsCount, onClose: handleCloseTooltip }))] })) : null }));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

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

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

@@ -14,3 +14,4 @@ export var DeleteIcon = function () { return (_jsxs("svg", __assign({ width: "22
 export var ConfirmationDeleteIcon = (_jsxs("svg", __assign({ width: "68", height: "68", viewBox: "0 0 68 68", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("rect", { width: "68", height: "68", fill: "white" }), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M8.79639 4.52687C8.79639 3.70291 9.73698 3.23251 10.3962 3.72676L33.7964 21.2699C33.9246 21.3661 34.0001 21.517 34.0001 21.6772L34.0001 46.015C34.0001 46.4345 33.5212 46.674 33.1856 46.4224L9.59669 28.7376C9.0929 28.3599 8.79639 27.7671 8.79639 27.1374L8.79639 4.52687Z", fill: "url(#paint0_linear_2363_5281)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M8.7959 63.1264C8.7959 63.9504 9.73649 64.4208 10.3957 63.9266L33.7959 46.3834C33.9241 46.2873 33.9996 46.1363 33.9996 45.9761L33.9996 21.6383C33.9996 21.2188 33.5207 20.9794 33.1851 21.231L9.5962 38.9157C9.09241 39.2934 8.7959 39.8863 8.7959 40.5159L8.7959 63.1264Z", fill: "url(#paint1_linear_2363_5281)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M59.2039 4.87257C59.2039 4.04862 58.2633 3.57821 57.604 4.07246L34.1528 21.6539C34.0567 21.726 34.0002 21.839 34.0002 21.9591L34.0002 46.6159C34.0002 46.9302 34.359 47.1097 34.6104 46.9211L58.4036 29.0833C58.9073 28.7056 59.2039 28.1128 59.2039 27.4831L59.2039 4.87257Z", fill: "url(#paint2_linear_2363_5281)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M59.2041 63.4722C59.2041 64.2961 58.2635 64.7665 57.6043 64.2723L34.1531 46.6908C34.057 46.6188 34.0004 46.5057 34.0004 46.3856L34.0004 21.7288C34.0004 21.4145 34.3592 21.2351 34.6107 21.4236L58.4038 39.2614C58.9076 39.6391 59.2041 40.232 59.2041 40.8616L59.2041 63.4722Z", fill: "url(#paint3_linear_2363_5281)" }) })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_2363_5281", x1: "28.828", y1: "2.27186", x2: "10.8931", y2: "6.63443", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#FF710A" }), _jsx("stop", { offset: "1", stopColor: "#FD9827" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_2363_5281", x1: "28.8275", y1: "65.3815", x2: "10.8926", y2: "61.0189", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#FF710A" }), _jsx("stop", { offset: "1", stopColor: "#FD9827" })] })), _jsxs("linearGradient", __assign({ id: "paint2_linear_2363_5281", x1: "41.7498", y1: "25.1258", x2: "70.7926", y2: "29.9741", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#EDD172" }), _jsx("stop", { offset: "1", stopColor: "#D0A617" })] })), _jsxs("linearGradient", __assign({ id: "paint3_linear_2363_5281", x1: "41.7501", y1: "43.2189", x2: "70.7929", y2: "38.3706", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#EDD172" }), _jsx("stop", { offset: "1", stopColor: "#D0A617" })] }))] })] })));
 export var SearchIcon = function () { return (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20Z", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M21 21L18 18", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
 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" })] }))] })] }))); };

package/lib/esm/common/Table/TableView/TableRows/TableRow.js

@@ -51,7 +51,7 @@ export var TableRow = function (_a) {
             var isLastColumn = indexJ === columns.length - 1;
             return (_jsx(Cell, __assign({ row: row, onClick: onRowClick && !column.preventRowClick
                     ? function () { return onRowClick(row); }
-                    : null, isLast: isLastColumn, className: isLastColumn ? "last-column" : "", w: columnWidthPercentage }, { children: Content ? (_jsx(Content, __assign({}, row, { rowIndex: indexI }))) : (_jsx(Div, __assign({ truncateText: true }, { children: row[column.dataAccessor] || "-" }))) }), resolvedKey));
+                    : null, isLast: isLastColumn, className: isLastColumn ? "last-column" : "", w: columnWidthPercentage }, { children: Content ? (_jsx(Content, __assign({}, row, { columnWidth: columnWidthPercentage, rowIndex: indexI }))) : (_jsx(Div, __assign({ truncateText: true }, { children: row[column.dataAccessor] || "-" }))) }), resolvedKey));
         }) })));
 };
 var templateObject_1, templateObject_2, templateObject_3;

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

@@ -8,6 +8,7 @@ export type Transformation = {
     value: TransformationTypes;
     label: string;
     options?: TransformationOption[];
+    isDefaultTransformation?: boolean;
 };
 export declare const transformationsByColumnType: {
     [key: string]: Transformation[];

package/lib/esm/common/columnsTransformations.js

@@ -1,29 +1,30 @@
 var commonDateAndTimeTransformations = [
     {
         value: "autoformat",
-        label: "Autoformat",
+        label: "Autoformat (e.g. 02-13-2020 -> 02/13/2020",
+        isDefaultTransformation: true,
     },
 ];
 var stringTransformations = [
     {
         value: "sentence_case",
-        label: "Sentence Case",
+        label: "Sentence Case (e.g. hello world -> Hello world)",
     },
     {
         value: "capitalize",
-        label: "Capitalize",
+        label: "Capitalize (e.g. hello world -> Hello World)",
     },
     {
         value: "uppercase",
-        label: "Uppercase",
+        label: "Uppercase (e.g. hello world -> HELLO WORLD)",
     },
     {
         value: "lowercase",
-        label: "Lowercase",
+        label: "Lowercase (e.g. Hello World -> hello world)",
     },
     {
         value: "trim_whitespace",
-        label: "Trim Whitespace",
+        label: "Trim Whitespace (e.g. '  hello world ' -> 'hello world')",
     },
 ];
 var urlTransformations = [
@@ -55,21 +56,22 @@ var floatTransformations = [
 var integerTransformations = [
     {
         value: "round",
-        label: "Round",
+        label: "Round (e.g. 3.19 -> 3)",
     },
     {
         value: "floor",
-        label: "Floor",
+        label: "Floor (e.g. 3.99 -> 3)",
     },
     {
         value: "ceiling",
-        label: "Ceiling",
+        label: "Ceiling (e.g. 3.01 -> 4)",
     },
 ];
 var enumTransformations = [
     {
         value: "autodetect",
-        label: "Autodetect",
+        label: "Autodetect (e.g. 0/1 -> true/false)",
+        isDefaultTransformation: true,
     },
 ];
 export var transformationsByColumnType = {