fuse-importer 0.0.9-testing → 0.1.2-testing

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

@@ -0,0 +1,81 @@
+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 { useMemo, useState } from "react";
+import { ActionPlus } from "../icons";
+import { Div } from "../../../../styled";
+import styled from "styled-components";
+import { SelectMenu } from "../../../../common/inputs";
+import { MenuItem, addToast } from "../../../index";
+import { useSpreadsheetContext } from "../../../../index";
+import { useImporterContext } from "../../../../Importer/contexts/ImporterContextProvider";
+import { useTranslation } from "react-i18next";
+var Container = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+var StyledSelectMenu = styled(SelectMenu)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  .selectMenu[data-popper-placement^=\"bottom\"] {\n    width: 320px !important;\n    transform: translate(-199px, 21px);\n  }\n"], ["\n  .selectMenu[data-popper-placement^=\"bottom\"] {\n    width: 320px !important;\n    transform: translate(-199px, 21px);\n  }\n"])));
+export var CustomActions = function () {
+    var customActions = useImporterContext().customActions;
+    var _a = useSpreadsheetContext(), selectedRows = _a.selectedRows, data = _a.data, updateRecord = _a.updateRecord;
+    var _b = useState(null), referenceElement = _b[0], setReferenceElement = _b[1];
+    var _c = useState(false), isMenuOpen = _c[0], setIsMenuOpen = _c[1];
+    var t = useTranslation("review").t;
+    var filteredOptions = useMemo(function () {
+        return customActions.map(function (action) { return action.name; });
+    }, [customActions]);
+    var handleCustomAction = function (actionKey) {
+        var recordsToRunAction = data.filter(function (row) {
+            return selectedRows.includes(row._meta.id);
+        });
+        var recordsAfterActions = [];
+        var 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;
+        }
+        for (var i = 0; i < recordsToRunAction.length; i++) {
+            var currentRecord = recordsToRunAction[i];
+            try {
+                if (action.actionType === "record") {
+                    var newRecord = action.handler(currentRecord);
+                    recordsAfterActions.push(newRecord);
+                    continue;
+                }
+            }
+            catch (error) {
+                addToast(t("table_actions.custom_actions.error_toast", {
+                    actionName: action.name,
+                }), "error");
+                break;
+            }
+        }
+        if (recordsAfterActions.length) {
+            addToast(t("table_actions.custom_actions.success_toast", {
+                actionName: action.name,
+            }), "success");
+        }
+        updateRecord(recordsAfterActions);
+    };
+    var onSelect = function (value) {
+        setIsMenuOpen(false);
+        handleCustomAction(value);
+    };
+    var handleMenuVisibility = function () {
+        setIsMenuOpen(function (oldValue) { return !oldValue; });
+    };
+    if (!filteredOptions.length || !selectedRows.length)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsxs(Container, __assign({ onClick: handleMenuVisibility, dflex: true, alignCenter: true, minw: 152, w100: true, pl: 20, pr: 20, pt: 6, pb: 6, ref: setReferenceElement, "data-testid": "ta-custom-actions" }, { children: [_jsx(ActionPlus, {}), _jsx(Div, __assign({ pl: 4, buttonTextSmall: true }, { children: t("table_actions.custom_actions.label") }))] })), isMenuOpen && (_jsx(StyledSelectMenu, __assign({ referenceElement: referenceElement, placement: "bottom", isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); }, selectMenuClassName: "selectMenu" }, { children: filteredOptions.map(function (option, index) { return (_jsx(Div, __assign({ "data-test-id": "autocomplete-menu-item" }, { children: _jsx(MenuItem, __assign({ id: "custom-action-option-".concat(option), onClick: function () { return onSelect(option); } }, { children: option })) }), index)); }) })))] }));
+};
+var templateObject_1, templateObject_2;

package/lib/esm/common/Table/TableActions/CustomActions/index.d.ts

@@ -0,0 +1 @@
+export * from "./CustomActions";

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

@@ -0,0 +1 @@
+export * from "./CustomActions";

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

@@ -7,7 +7,7 @@ import { addToast } from "../../../../common/Toast";
 import { useState } from "react";
 export var FilterByErrors = function () {
     var _a, _b;
-    var _c = useSpreadsheetContext(), errors = _c.errors, fields = _c.fields, spreadsheetFilter = _c.spreadsheetFilter, resetSpreadsheetFilter = _c.resetSpreadsheetFilter, filterRecordsByFieldErrors = _c.filterRecordsByFieldErrors;
+    var _c = useSpreadsheetContext(), errors = _c.errors, fields = _c.fields, spreadsheetFilter = _c.spreadsheetFilter, resetSpreadsheetFilter = _c.resetSpreadsheetFilter, filterRecordsByFieldErrors = _c.filterRecordsByFieldErrors, isTransformTooltipOpened = _c.isTransformTooltipOpened;
     var t = useTranslation("review").t;
     var _d = useState(false), isMenuOpened = _d[0], setIsMenuOpened = _d[1];
     var prefix = t("table_actions.filter_by_errors.filter_by_errors");
@@ -42,6 +42,6 @@ export var FilterByErrors = function () {
         : isMenuOpened
             ? search_or_select
             : prefix;
-    var isDisabled = errorArray.length === 0;
+    var isDisabled = errorArray.length === 0 || isTransformTooltipOpened;
     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

@@ -24,19 +24,19 @@ var FilterContainer = styled(Div)(templateObject_2 || (templateObject_2 = __make
 var Container = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  border-radius: 4px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  border-radius: 4px;\n  background-color: ", ";\n"])), function (p) { return p.theme.colors.backgroundInterface; });
 var FilteredDataCount = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 8px;\n  margin-left: -3px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n"], ["\n  background: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 8px;\n  margin-left: -3px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n"])), function (p) { return p.theme.colors.highlight01; }, function (p) { return p.theme.colors.black; });
 var Filter = function (_a) {
-    var label = _a.label, count = _a.count, isSelected = _a.isSelected, onClick = _a.onClick;
+    var label = _a.label, count = _a.count, isSelected = _a.isSelected, onClick = _a.onClick, isDisabled = _a.isDisabled;
     var _b = useSpreadsheetContext(), filteredInputValue = _b.filteredInputValue, filteredDataCount = _b.filteredDataCount;
     var labelToId = function (label) {
         return label.toLowerCase().replace(/\s/g, "_") + "_filter";
     };
-    return (_jsxs(Div, __assign({ dflex: true, clickable: true, onClick: onClick, "data-test-id": labelToId(label) }, { children: [_jsxs(FilterContainer, __assign({ isSelected: isSelected }, { children: [label, count >= 0 && _jsxs(_Fragment, { children: ["\u00A0(", count, ")"] })] })), isSelected && filteredInputValue !== "" && (_jsx(FilteredDataCount, { children: _jsx(Div, __assign({ minw: 14, centered: true }, { children: filteredDataCount })) }))] })));
+    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, ")"] })] })), isSelected && filteredInputValue !== "" && (_jsx(FilteredDataCount, { children: _jsx(Div, __assign({ minw: 14, centered: true }, { children: filteredDataCount })) }))] })));
 };
 export var RowFilters = function () {
-    var _a = useSpreadsheetContext(), spreadsheetFilter = _a.spreadsheetFilter, errors = _a.errors, filterRecordsByRowType = _a.filterRecordsByRowType, recordsWithValuesCount = _a.recordsWithValuesCount;
+    var _a = useSpreadsheetContext(), spreadsheetFilter = _a.spreadsheetFilter, errors = _a.errors, filterRecordsByRowType = _a.filterRecordsByRowType, recordsWithValuesCount = _a.recordsWithValuesCount, isTransformTooltipOpened = _a.isTransformTooltipOpened;
     var t = useTranslation("review").t;
     var all_rows = t("table_actions.filters_by_rows.all_rows");
     var valid_rows = t("table_actions.filters_by_rows.valid_rows");
     var invalid_rows = t("table_actions.filters_by_rows.invalid_rows");
-    return (_jsxs(Container, { children: [_jsx(Filter, { isSelected: spreadsheetFilter.byRow === "all", label: all_rows, count: recordsWithValuesCount, onClick: function () { return filterRecordsByRowType("all"); } }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "valid", label: valid_rows, onClick: function () { return filterRecordsByRowType("valid"); } }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "invalid", label: invalid_rows, count: Object.values(errors).length, onClick: function () { return filterRecordsByRowType("invalid"); } })] }));
+    return (_jsxs(Container, { children: [_jsx(Filter, { isSelected: spreadsheetFilter.byRow === "all", label: all_rows, count: recordsWithValuesCount, onClick: function () { return filterRecordsByRowType("all"); }, isDisabled: isTransformTooltipOpened }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "valid", label: valid_rows, onClick: function () { return filterRecordsByRowType("valid"); }, isDisabled: isTransformTooltipOpened }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "invalid", label: invalid_rows, count: Object.values(errors).length, onClick: function () { return filterRecordsByRowType("invalid"); }, isDisabled: isTransformTooltipOpened })] }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -23,7 +23,8 @@ import { colors } from "../../../styled/theme/colorPalette";
 import { textStyles } from "../../../styled/theme/textStyles";
 import { TooltipProvider } from "../../../common/TooltipProvider";
 import { useTranslation } from "react-i18next";
-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) {
+import { Div } from "../../../styled";
+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");
 }, function (_a) {
@@ -36,7 +37,7 @@ var Input = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateO
     return !isOpen && css(templateObject_3 || (templateObject_3 = __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;
+    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];
@@ -59,14 +60,14 @@ var SearchInput = function (_a) {
             }
         }
     };
-    return (_jsx(TooltipProvider, __assign({ tooltip: !isOpen ? t("table_actions.search_rows.tooltip") : "", placement: "right", flip: false, centered: true, w: "auto", "data-testid": testId }, { children: _jsxs(Wrapper, __assign({ isOpen: isOpen, onClick: handleWrapperClick }, { 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 (_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") })] })) })));
 };
 export var SearchRows = function (_a) {
     var _b = _a.testId, testId = _b === void 0 ? "ta-search-rows" : _b;
-    var _c = useSpreadsheetContext(), filteredInputValue = _c.filteredInputValue, setFilteredInputValue = _c.setFilteredInputValue;
+    var _c = useSpreadsheetContext(), filteredInputValue = _c.filteredInputValue, setFilteredInputValue = _c.setFilteredInputValue, isTransformTooltipOpened = _c.isTransformTooltipOpened;
     var handleChangeInputValue = function (value) {
         setFilteredInputValue(value);
     };
-    return (_jsx(SearchInput, { testId: testId, value: filteredInputValue, onChange: handleChangeInputValue }));
+    return (_jsx(SearchInput, { testId: testId, value: filteredInputValue, onChange: handleChangeInputValue, isDisabled: isTransformTooltipOpened }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -29,7 +29,8 @@ import * as S from "./TableActions.styles";
 import { FilterByErrors } from "./FilterByErrors/FilterByErrors";
 import { RowFilters } from "./RowFilters";
 import { TransformedRecordsCount } from "./TransformedRecordsCount";
+import { CustomActions } from "./CustomActions";
 export var TableActions = function (_a) {
     var _b = _a.tableActionsHeight, tableActionsHeight = _b === void 0 ? defaultTableActionsHeightPx : _b, props = __rest(_a, ["tableActionsHeight"]);
-    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, {}) })] })));
+    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, {})] })] }), _jsx(S.TableActionsInformations, { children: _jsx(TransformedRecordsCount, {}) })] })));
 };

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

@@ -21,6 +21,7 @@ import { useSpreadsheetContext } from "../../../Importer";
 import { Div, colors } from "../../../styled";
 import { CheckIcon } from "./icons";
 import { Button } from "../../../common/buttons";
+import { truncateString } from "../../../utils";
 var formatToLocaleString = function (number) {
     return number.toLocaleString(undefined, {
         minimumFractionDigits: 0,
@@ -33,11 +34,11 @@ var TooltipContainer = styled(Div)(templateObject_3 || (templateObject_3 = __mak
 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 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),
-                }) })), _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" }))] })));
+                }) })), 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(), data = _a.data, isTransformTooltipOpened = _a.isTransformTooltipOpened, setIsTransformTooltipOpened = _a.setIsTransformTooltipOpened;
@@ -66,6 +67,17 @@ export var TransformedRecordsCount = function () {
     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 firstTransformedRow = useMemo(function () {
+        var _a;
+        for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {
+            var obj = data_1[_i];
+            var transformedRow = (_a = obj === null || obj === void 0 ? void 0 : obj._meta) === null || _a === void 0 ? void 0 : _a.transformedRow;
+            if (transformedRow && Object.keys(transformedRow).length > 0) {
+                return Object.values(transformedRow)[0];
+            }
+        }
+        return null;
+    }, []);
+    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;

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

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

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

@@ -15,3 +15,4 @@ export var ConfirmationDeleteIcon = (_jsxs("svg", __assign({ width: "68", height
 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" })] }))] })] }))); };
+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" })] })) }))); };

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

@@ -15,31 +15,5 @@ export declare const validationsByColumnType: {
 };
 export declare const validationsByType: {};
 export declare const availableColumnTypes: string[];
-export declare const datePatterns: {
-    value: string;
-    label: string;
-}[];
-export declare const dateTimePatterns: {
-    value: string;
-    label: string;
-}[];
-export declare const timePatterns: {
-    value: string;
-    label: string;
-}[];
-export declare const allowedPatterns: {
-    date: {
-        value: string;
-        label: string;
-    }[];
-    datetime: {
-        value: string;
-        label: string;
-    }[];
-    time: {
-        value: string;
-        label: string;
-    }[];
-};
 export declare const patternsColumnTypes: string[];
 export declare const validateColumn: <T extends "string" | "boolean" | "time" | "integer" | "float" | "email" | "url" | "enum" | "date" | "datetime">(columnData: ColumnRequiredProps<T>) => Promise<void>;

package/lib/esm/common/columnsValidations.js

@@ -45,6 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import * as yup from "yup";
 import { FieldTypes, mutableValidationTypes, mutableTransformationTypes, } from "../types";
+import { allowedPatterns, datePatterns, dateTimePatterns, timePatterns, } from "./datePatterns";
 var commonValidations = [
     {
         value: "regex",
@@ -219,293 +220,6 @@ export var validationsByType = Object.values(validationsByColumnType)
     return result;
 }, {});
 export var availableColumnTypes = Object.keys(validationsByColumnType);
-export var datePatterns = [
-    {
-        value: "MM/dd/yyyy",
-        label: "MM/dd/yyyy (e.g. 08/31/2023)",
-    },
-    {
-        value: "yyyy-MM-dd",
-        label: "yyyy-MM-dd (e.g. 2023-08-31",
-    },
-    {
-        value: "dd/MM/yyyy",
-        label: "dd/MM/yyyy (e.g. 31/08/2023",
-    },
-    {
-        value: "MM-dd-yyyy",
-        label: "MM-dd-yyyy (e.g. 08-31-2023)",
-    },
-    {
-        value: "yyyy/MM/dd",
-        label: "yyyy/MM/dd (e.g. 2023/08/31)",
-    },
-    {
-        value: "dd-MMMM-yyyy",
-        label: "dd-MMMM-yyyy (e.g. 31-August-2023)",
-    },
-    {
-        value: "MMMM dd, yyyy",
-        label: "MMMM dd, yyyy (e.g. August 31, 2023)",
-    },
-    {
-        value: "dd/MM/yy",
-        label: "dd/MM/yy (e.g. 31/08/23)",
-    },
-    {
-        value: "MMMM dd, yy",
-        label: "MMMM dd, yy (e.g. August 31, 23)",
-    },
-    {
-        value: "yy/MM/dd",
-        label: "yy/MM/dd (e.g. 23/08/31)",
-    },
-    {
-        value: "EEEE MMMM yyyy",
-        label: "Day MMMM Year (e.g. Tuesday August 2023)",
-    },
-    {
-        value: "EEEE dd MMMM yyyy",
-        label: "Day Day-of-Month Month Year (e.g. Tuesday 08 August 2023)",
-    },
-    {
-        value: "MM-dd-yy",
-        label: "MM-dd-yy (e.g. 01-15-90)",
-    },
-    {
-        value: "M-dd-yy",
-        label: "M-dd-yy (e.g. 1-15-90)",
-    },
-    {
-        value: "dd-MM-yy",
-        label: "dd-MM-yy  (e.g. 15-01-90)",
-    },
-    {
-        value: "dd-MM-yyyy",
-        label: "dd-MM-yyyy (e.g. 15-01-1990)",
-    },
-    {
-        value: "dd-M-yy",
-        label: "dd-M-yy (e.g. 15-1-90)",
-    },
-    {
-        value: "MM/dd/yy",
-        label: "MM/dd/yy (e.g. 01/15/90)",
-    },
-    {
-        value: "M/dd/yy",
-        label: "M/dd/yy (e.g. 1/15/90)",
-    },
-    {
-        value: "MM.dd.yy",
-        label: "MM.dd.yy (e.g. 01.15.90)",
-    },
-    {
-        value: "M.dd.yy",
-        label: "M.dd.yy (e.g. 1.15.90)",
-    },
-    {
-        value: "MMM-dd-yy",
-        label: "MMM-dd-yy (e.g. Jan-15-90)",
-    },
-    {
-        value: "MMMM-dd-yy",
-        label: "MMMM-dd-yy (e.g. January-15-90)",
-    },
-    {
-        value: "dd-MMM-yy",
-        label: "dd-MMM-yy (e.g. 15-Jan-90)",
-    },
-    {
-        value: "yyyy-M-dd",
-        label: "yyyy-M-dd (e.g. 1990-1-15)",
-    },
-    {
-        value: "M-dd-yyyy",
-        label: "M-dd-yyyy (e.g. 1-15-1990)",
-    },
-    {
-        value: "M/dd/yyyy",
-        label: "M/dd/yyyy (e.g. 1/15/1990)",
-    },
-    {
-        value: "dd/M/yyyy",
-        label: "dd/M/yyyy (e.g. 15/1/1990)",
-    },
-    {
-        value: "yyyy/M/dd",
-        label: "yyyy/M/dd (e.g. 1990/1/15)",
-    },
-    {
-        value: "dd.MM.yyyy",
-        label: "dd.MM.yyyy (e.g. 15.01.1990)",
-    },
-    {
-        value: "dd.M.yyyy",
-        label: "dd.M.yyyy (e.g. 15.1.1990)",
-    },
-    {
-        value: "yyyy.MM.dd",
-        label: "yyyy.MM.dd (e.g. 1990.01.15)",
-    },
-    {
-        value: "yyyy.M.dd",
-        label: "yyyy.M.dd (e.g. 1990.1.15)",
-    },
-    {
-        value: "MMM. dd, yyyy",
-        label: "MMM. dd, yyyy (e.g. Jan. 15, 1990)",
-    },
-    {
-        value: "dd MMM. yyyy",
-        label: "dd MMM. yyyy(e.g. 15 Jan. 1990)",
-    },
-    {
-        value: "dd. MMM. yyyy",
-        label: "dd. MMM. yyyy (e.g. 15. Jan. 1990)",
-    },
-    {
-        value: "EEE, MMM dd, yyyy",
-        label: "EEE, MMM dd, yyyy (e.g. Mon, Jan 15, 1990)",
-    },
-];
-export var dateTimePatterns = [
-    {
-        value: "MM/dd/yyyy HH:mm",
-        label: "MM/dd/yyyy HH:mm (e.g. 08/31/2023 12:30)",
-    },
-    {
-        value: "MM/dd/yyyy HH:mm:ss",
-        label: "MM/dd/yyyy HH:mm:ss (e.g. 08/31/2023 12:30:45)",
-    },
-    {
-        value: "MM/dd/yyyy HH:mm:ss.SSS",
-        label: "MM/dd/yyyy HH:mm:ss.SSS (e.g. 08/31/2023 12:30:45.500)",
-    },
-    {
-        value: "MM/dd/yyyy h:mm a",
-        label: "MM/dd/yyyy h:mm a (e.g. 08/31/2023 1:30 PM)",
-    },
-    {
-        value: "MM/dd/yyyy h:mm:ss a",
-        label: "MM/dd/yyyy h:mm:ss a (e.g. 08/31/2023 1:30:45 PM)",
-    },
-    {
-        value: "MMM dd HH:mm:ss yyyy",
-        label: "MMM dd HH:mm:ss yyyy (e.g. Jan 15 00:34:59 1990)",
-    },
-    {
-        value: "dd MMM HH:mm:ss yyyy",
-        label: "dd MMM HH:mm:ss yyyy (e.g. 15 Jan 00:34:59 1990)",
-    },
-    {
-        value: "MM/dd/yyyy h:mm:ss.SSS a",
-        label: "MM/dd/yyyy h:mm:ss.SSS a (e.g. 08/31/2023 1:30:45.500 PM)",
-    },
-    {
-        value: "MMMM dd, yyyy HH:mm",
-        label: "MMMM dd, yyyy HH:mm (e.g. August 31, 2023 12:30)",
-    },
-    {
-        value: "MMMM dd, yyyy HH:mm:ss",
-        label: "MMMM dd, yyyy HH:mm:ss (e.g. August 31, 2023 12:30:45)",
-    },
-    {
-        value: "MMMM dd, yyyy h:mm a",
-        label: "MMMM dd, yyyy h:mm a (e.g. August 31, 2023 1:30 PM)",
-    },
-    {
-        value: "MMMM dd, yyyy h:mm:ss a",
-        label: "MMMM dd, yyyy h:mm:ss a (e.g. August 31, 2023 1:30:45 PM)",
-    },
-    {
-        value: "MMMM dd, yyyy h:mm:ss.SSS a",
-        label: "MMMM dd, yyyy h:mm:ss.SSS a (e.g. August 31, 2023 1:30:45.500 PM)",
-    },
-    {
-        value: "MM-dd-yy HH:mm",
-        label: "MM-dd-yy HH:mm (e.g. 01-15-90 10:10)",
-    },
-    {
-        value: "dd-MM-yyyy HH:mm",
-        label: "dd-MM-yyyy HH:mm (e.g. 15-01-1990 10:10)",
-    },
-    {
-        value: "dd/MM/yyyy HH:mm",
-        label: "dd/MM/yyyy HH:mm (e.g. 15/01/1990 10:10)",
-    },
-    {
-        value: "dd-MM-yyyy h:mm a",
-        label: "dd-MM-yyyy h:mm a (e.g. 15-01-1990 10:10 AM)",
-    },
-    {
-        value: "dd/MM/yyyy h:mm a",
-        label: "dd/MM/yyyy h:mm a (e.g. 15/01/1990 10:10 AM)",
-    },
-    {
-        value: "MM/dd/yy HH:mm",
-        label: "MM/dd/yy HH:mm (e.g. 01/15/90 10:10)",
-    },
-    {
-        value: "MM/dd/yy HH:mm:ss",
-        label: "MM/dd/yy HH:mm:ss (e.g. 01/15/90 10:10:14)",
-    },
-    {
-        value: "MM/dd/yy h:mm:ss a",
-        label: "MM/dd/yy h:mm:ss a (e.g. 01/15/90 5:10:14 AM)",
-    },
-    {
-        value: "yyyy/MM/dd HH:mm",
-        label: "yyyy/MM/dd HH:mm (e.g. 1990/01/15 10:10)",
-    },
-    {
-        value: "MM-dd-yyyy HH:mm",
-        label: "MM-dd-yyyy HH:mm (e.g. 01-15-1990 10:10)",
-    },
-    {
-        value: "yyyy-MM-dd HH:mm",
-        label: "yyyy-MM-dd HH:mm (e.g. 1990-01-15 10:10)",
-    },
-    {
-        value: "yyyy-MM-dd'T'HH:mm:ss.SSSZ",
-        label: "ISO 8601 (e.g. 1990-01-15T00:34:55.020+09:30)",
-    },
-    {
-        value: "yyyy-MM-dd'T'HH:mm:ss.SSS",
-        label: "ISO 8601 without timezone offset (e.g. 1990-01-15T00:34:55.020)",
-    },
-    {
-        value: "yyyy-MM-dd'T'HH:mmZ",
-        label: "yyyy-MM-dd'T'HH:mm+offset (e.g. 1990-01-15T10:10+09:30)",
-    },
-    {
-        value: "yyyy-MM-dd'T'HH:mm",
-        label: "yyyy-MM-dd'T'HH:mm (e.g. 1990-01-15T10:10)",
-    },
-];
-export var timePatterns = [
-    {
-        value: "HH:mm",
-        label: "HH:mm (e.g. 12:30)",
-    },
-    {
-        value: "HH:mm:ss",
-        label: "HH:mm:ss (e.g. 12:30:45)",
-    },
-    {
-        value: "hh:mm a",
-        label: "hh:mm a (e.g. 01:30 PM)",
-    },
-    {
-        value: "hh:mm:ss a",
-        label: "hh:mm:ss a  (e.g. 01:30:45 PM)",
-    },
-];
-export var allowedPatterns = {
-    date: datePatterns,
-    datetime: dateTimePatterns,
-    time: timePatterns,
-};
 export var patternsColumnTypes = Object.keys(allowedPatterns);
 var iso8601Regex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/;
 var validationsSchema = yup

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

@@ -0,0 +1,26 @@
+export declare const datePatterns: {
+    value: string;
+    label: string;
+}[];
+export declare const dateTimePatterns: {
+    value: string;
+    label: string;
+}[];
+export declare const timePatterns: {
+    value: string;
+    label: string;
+}[];
+export declare const allowedPatterns: {
+    date: {
+        value: string;
+        label: string;
+    }[];
+    datetime: {
+        value: string;
+        label: string;
+    }[];
+    time: {
+        value: string;
+        label: string;
+    }[];
+};