fuse-importer 0.1.5-testing → 0.1.6-testing

package/lib/esm/Importer/common/Spreadsheet/components/fields/index.js

@@ -130,7 +130,7 @@ var ContentContainer = styled(Div)(templateObject_8 || (templateObject_8 = __mak
     var expandedFieldWidth = _a.expandedFieldWidth, shouldExpandInput = _a.shouldExpandInput;
     return shouldExpandInput && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        width: ", ";\n        z-index: 1;\n\n        .suffix {\n          right: 12px;\n        }\n      "], ["\n        width: ", ";\n        z-index: 1;\n\n        .suffix {\n          right: 12px;\n        }\n      "])), expandedFieldWidth || "auto");
 }, function (p) { return p.theme.css.alignCenter; }, function (p) {
-    return p.isHighlighted && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n    "], ["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; });
+    return p.isHighlighted && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n      z-index: 100;\n    "], ["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n      z-index: 100;\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; });
 }, function (p) {
     return p.hasWarning && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.orange1200; }, function (p) { return p.theme.colors.orange1100; }, function (p) { return p.theme.colors.orange500; });
 }, function (p) {

package/lib/esm/Importer/common/Spreadsheet/transformation/index.d.ts

@@ -2,6 +2,7 @@ import { Field, Record, TransformedRecord } from "../../../../types";
 type TransformRecordArgs = {
     record: Record;
     fields: Field[];
+    possibleDateFormats?: string[];
 };
-export declare const transformRecord: ({ record, fields }: TransformRecordArgs) => TransformedRecord;
+export declare const transformRecord: ({ record, fields, possibleDateFormats, }: TransformRecordArgs) => TransformedRecord;
 export {};

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

@@ -1,11 +1,15 @@
-import { fieldTransformations } from "./transformators";
-var runTransformation = function (record, transformation, field) {
+import { datesDateTimesAndTimesTransformations, fieldTransformations, } from "./transformators";
+var runTransformation = function (fieldValue, transformation, field, possibleDateFormats) {
     var transformationType = transformation.transformation_type;
     var transformerFunction = fieldTransformations[transformationType];
-    return transformerFunction(record, transformation, field);
+    if (Object.keys(datesDateTimesAndTimesTransformations).includes(transformationType)) {
+        var dateTimeTransformFunction = transformerFunction;
+        return dateTimeTransformFunction(fieldValue, transformation, field, possibleDateFormats);
+    }
+    return transformerFunction(fieldValue, transformation, field);
 };
 export var transformRecord = function (_a) {
-    var record = _a.record, fields = _a.fields;
+    var record = _a.record, fields = _a.fields, possibleDateFormats = _a.possibleDateFormats;
     var transformedRecords = {};
     for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {
         var currentField = fields_1[_i];
@@ -23,7 +27,7 @@ export var transformRecord = function (_a) {
         var fieldWasTransformed = false;
         for (var i = 0; i < fieldTransformations_1.length; i++) {
             var currentTransformation = fieldTransformations_1[i];
-            var transformed = runTransformation(transformedField.transformed, currentTransformation, currentField);
+            var transformed = runTransformation(transformedField.transformed, currentTransformation, currentField, possibleDateFormats);
             if (transformed.transformationWasNeeded) {
                 fieldWasTransformed = true;
                 transformedField = {

package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.d.ts

@@ -4,9 +4,15 @@ export type FieldTransformator = (fieldValue: any, transformation?: FieldTransfo
     original: any;
     transformed: any;
 };
+export type DateTimeTransformator = (fieldValue: any, transformation?: FieldTransformation, fieldOptions?: Field, possibleDateFormats?: string[]) => {
+    transformationWasNeeded: boolean;
+    original: any;
+    transformed: any;
+};
 export type FieldTransformations = Partial<{
-    [key: string]: FieldTransformator;
+    [key: string]: FieldTransformator | DateTimeTransformator;
 }>;
+export declare const datesDateTimesAndTimesTransformations: FieldTransformations;
 export declare const fieldTransformations: {
-    [x: string]: FieldTransformator;
+    [x: string]: FieldTransformator | DateTimeTransformator;
 };

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

@@ -9,17 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { DateTime } from "luxon";
-import { datePatterns, dateTimePatterns, timePatterns, } from "../../../../common/datePatterns";
 var isTransformationNeeded = function (fieldValue, transformedValue) { return ({
     transformationWasNeeded: fieldValue !== transformedValue,
     original: fieldValue,
@@ -89,11 +79,9 @@ var stringFieldTransformations = {
         return isTransformationNeeded(fieldValue, transformedValue);
     },
 };
-var parseDate = function (date) {
+var parseDate = function (date, possibleFormats) {
     if (!date)
         return null;
-    var allPatterns = __spreadArray(__spreadArray(__spreadArray([], datePatterns, true), dateTimePatterns, true), timePatterns, true);
-    var possibleFormats = allPatterns.map(function (date) { return date.value; });
     for (var i = 0; i < possibleFormats.length; i++) {
         var format = possibleFormats[i];
         try {
@@ -108,14 +96,14 @@ var parseDate = function (date) {
     }
     return null;
 };
-var datesDateTimesAndTimesTransformations = {
-    autoformat: function (fieldValue, _, fieldOptions) {
+export var datesDateTimesAndTimesTransformations = {
+    autoformat: function (fieldValue, _, fieldOptions, possibleDateFormats) {
         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 luxonDate = isUnixTimestamp
             ? DateTime.fromSeconds(Number(normalizedFieldValue))
-            : parseDate(normalizedFieldValue);
+            : parseDate(normalizedFieldValue, possibleDateFormats);
         var pattern = fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions.pattern;
         var defaultObj = {
             transformationWasNeeded: false,

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

@@ -7,6 +7,7 @@ export declare const addEmptyRows: (data: Record[], fields: Field[]) => (Record
     };
 })[];
 export declare const addMeta: (record: any, index: number, uploadedRow?: any, transformedRow?: TransformedRecord) => Record;
+export declare const calculatePossibleDateFormats: (fieldsWithDateTransformations: Field[], sample: Record[]) => string[];
 export declare const recordListToDataSet: (data: Record[], fields: Field[]) => RecordDataSet;
 type transformToRecordsArgs = {
     templateHeaderMatchings: HeaderMatchings;

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

@@ -18,9 +18,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+import { datesDateTimesAndTimesTransformations } from "../../Importer/common/Spreadsheet/transformation/transformators";
 import { transformRecord } from "../../Importer/common/Spreadsheet/transformation";
 import { FieldTypes, } from "../../types";
 import { parseValue } from "../common/Spreadsheet/common";
+import { DateTime } from "luxon";
+import { allowedPatternValues } from "../../common/datePatterns";
+import _ from "lodash";
 var MINIMUM_ROW_COUNT = 20;
 var getRowId = function (index) {
     return index.toString();
@@ -44,18 +48,51 @@ export var addMeta = function (record, index, uploadedRow, transformedRow) {
     var meta = (_a = record._meta) !== null && _a !== void 0 ? _a : {};
     return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { id: rId, rowIndex: index, uploadedRow: uploadedRow, transformedRow: __assign(__assign({}, meta.transformedRow), transformedRow) }) });
 };
+export var calculatePossibleDateFormats = function (fieldsWithDateTransformations, sample) {
+    var possibleDateFormats = [];
+    for (var _i = 0, sample_1 = sample; _i < sample_1.length; _i++) {
+        var record = sample_1[_i];
+        for (var _a = 0, fieldsWithDateTransformations_1 = fieldsWithDateTransformations; _a < fieldsWithDateTransformations_1.length; _a++) {
+            var field = fieldsWithDateTransformations_1[_a];
+            var value = record[field.name];
+            if (!value)
+                continue;
+            for (var i = 0; i < allowedPatternValues.length; i++) {
+                var format = allowedPatternValues[i];
+                try {
+                    var currentDate = DateTime.fromFormat(value, format);
+                    if (currentDate.isValid) {
+                        possibleDateFormats.push(format);
+                    }
+                }
+                catch (e) { }
+            }
+        }
+    }
+    return Array.from(new Set(possibleDateFormats));
+};
 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);
     }
+    var fieldsWithDateTransformations = fieldWithTransformations.filter(function (field) {
+        return field.transformations.some(function (t) {
+            return Object.keys(datesDateTimesAndTimesTransformations).includes(t.transformation_type);
+        });
+    });
+    var possibleDateFormats = [];
+    if (fieldsWithDateTransformations.length > 0) {
+        possibleDateFormats.push.apply(possibleDateFormats, calculatePossibleDateFormats(fieldsWithDateTransformations, _.sampleSize(initialData, 100)));
+    }
     return initialData.reduce(function (dataSet, record, i) {
         var transformedRecord = null;
         if (fieldWithTransformations.length > 0) {
             transformedRecord = transformRecord({
                 record: record,
                 fields: fieldWithTransformations,
+                possibleDateFormats: possibleDateFormats,
             });
         }
         var recordWithMeta = addMeta(record, i, undefined, transformedRecord);

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

@@ -23,7 +23,9 @@ export var FilterByErrors = function () {
                 var _loop_1 = function (key, value) {
                     if (value > 0) {
                         var field = fields.find(function (f) { return f.name === key; });
-                        errorArray.push({ label: field.label, value: field.name });
+                        if (field) {
+                            errorArray.push({ label: field.label, value: field.name });
+                        }
                     }
                 };
                 for (var _i = 0, _a = Object.entries(columnsWithErrorCounts.current); _i < _a.length; _i++) {

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

@@ -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"], ["\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 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

@@ -1 +1,2 @@
+export declare const TooltipBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled").CSSProps, never>;
 export declare const TransformedRecordsCount: () => JSX.Element;

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

@@ -18,12 +18,12 @@ 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";
-import { truncateString } from "../../../utils";
 import { useDataSetContext } from "../../../Importer/common/Spreadsheet/DataSetContextProvider";
 import { useValidationContext } from "../../../Importer/common/Spreadsheet/ValidationContextProvider";
+import { Button } from "../../../common/buttons";
+import { Div, colors } from "../../../styled";
+import { truncateString } from "../../../utils";
+import { CheckIcon } from "./icons";
 var formatToLocaleString = function (number) {
     return number.toLocaleString(undefined, {
         minimumFractionDigits: 0,
@@ -31,16 +31,17 @@ var formatToLocaleString = function (number) {
     });
 };
 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 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);
 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"])));
+export var TooltipBackdrop = styled(Div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: rgba(0, 0, 0, 0.37);\n  height: 100vh;\n  left: 0px;\n  margin: 0px;\n  position: fixed;\n  top: 0px;\n  width: 100vw;\n  z-index: 99;\n"], ["\n  background: rgba(0, 0, 0, 0.37);\n  height: 100vh;\n  left: 0px;\n  margin: 0px;\n  position: fixed;\n  top: 0px;\n  width: 100vw;\n  z-index: 99;\n"])));
 var Tooltip = function (_a) {
     var recordsCount = _a.recordsCount, onClose = _a.onClose, transformedRowData = _a.transformedRowData;
     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),
-                }) })), transformedRowData && (_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: truncateString(transformedRowData === null || transformedRowData === void 0 ? void 0 : transformedRowData.transformed, 15) })), _jsx(Div, __assign({ body1: true, style: { textDecoration: "line-through" } }, { children: truncateString(transformedRowData === null || transformedRowData === void 0 ? void 0 : transformedRowData.original, 15) }))] })] })), _jsx(StyledButton, __assign({ buttonTextSmall: true, uppercase: true, onClick: onClose }, { children: "OK" }))] })));
+    return (_jsxs(_Fragment, { children: [_jsx(TooltipBackdrop, { "data-cy": "transformations-tooltip-backdrop", onClick: onClose }), _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),
+                        }) })), transformedRowData && (_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: truncateString(transformedRowData === null || transformedRowData === void 0 ? void 0 : transformedRowData.transformed, 15) })), _jsx(Div, __assign({ body1: true, style: { textDecoration: "line-through" } }, { children: truncateString(transformedRowData === null || transformedRowData === void 0 ? void 0 : transformedRowData.original, 15) }))] })] })), _jsx(StyledButton, __assign({ buttonTextSmall: true, uppercase: true, onClick: onClose }, { children: "OK" }))] }))] }));
 };
 export var TransformedRecordsCount = function () {
     var _a = useSpreadsheetContext(), filteredDataIds = _a.filteredDataIds, isTransformTooltipOpened = _a.isTransformTooltipOpened, setIsTransformTooltipOpened = _a.setIsTransformTooltipOpened;
@@ -87,4 +88,4 @@ export var TransformedRecordsCount = function () {
     }, []);
     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, { transformedRowData: firstTransformedRow, recordsCount: transformedRecordsCount, onClose: handleCloseTooltip }))] })) : null }));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -24,3 +24,4 @@ export declare const allowedPatterns: {
         label: string;
     }[];
 };
+export declare const allowedPatternValues: string[];

package/lib/esm/common/datePatterns.js

@@ -1,3 +1,12 @@
+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)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 export var datePatterns = [
     {
         value: "MM/dd/yyyy",
@@ -325,3 +334,4 @@ export var allowedPatterns = {
     datetime: dateTimePatterns,
     time: timePatterns,
 };
+export var allowedPatternValues = __spreadArray(__spreadArray(__spreadArray([], datePatterns, true), dateTimePatterns, true), timePatterns, true).map(function (pattern) { return pattern.value; });