fuse-importer 0.26.0 → 0.26.1

package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider.js

@@ -55,8 +55,13 @@ export var SpreadsheetContextProvider = function (_a) {
         });
     }, [dataSet]);
     var handleDeleteErrors = useCallback(function (selectedRows) {
-        deleteRecords(dataSet, selectedRows, errorsRef.current, warningsRef.current);
-    }, []);
+        var errors = errorsRef.current;
+        var warnings = errorsRef.current;
+        var selectedRecordsLength = selectedRows.length;
+        var dataSetLength = Object.keys(dataSet).length - 1;
+        var isDeletingAllRows = selectedRecordsLength === dataSetLength;
+        deleteRecords(setDataSet, selectedRows, errors, warnings, isDeletingAllRows);
+    }, [dataSet, errorsRef.current, errorsRef.current]);
     // sort data based on errors (errors group on top and not errors group at bottom)
     var data = useMemo(function () {
         var filteredDatasetByString = filteredInputValue

package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowCheckboxes.js

@@ -69,12 +69,13 @@ export var SpreadsheetRowCheckboxes = function (_a) {
         data,
     ]);
     var isIndeterminate = selectedRows.length > 0 && selectedRows.length < nonEmptyRows.length;
-    var handleRowSelect = function (checked, rowIndex) {
-        if (checked && rowIsEmpty(data[rowIndex])) {
-            return;
-        }
+    var handleRowSelect = function (checked, rowIndex, rowMetaId) {
+        var lastRowMetaId = data[data.length - 1]._meta.id;
+        var isLastRow = rowMetaId === lastRowMetaId;
+        var isSelectingRowHeader = firstRowIsHeader && rowIndex === 0;
+        // Prevent user from deleting the last row and
         // If the first row is a header, we don't want to select it
-        if (firstRowIsHeader && rowIndex === 0) {
+        if (isSelectingRowHeader || isLastRow) {
             return;
         }
         // If the first row is a header, we need to adjust the rowIndex
@@ -98,7 +99,11 @@ export var SpreadsheetRowCheckboxes = function (_a) {
             var lastClickedIndex = lastClickedIndexRef.current;
             var rangeStartIndex_1 = Math.min(clickedRowIndex, lastClickedIndex);
             var rangeEndIndex_1 = Math.max(clickedRowIndex, lastClickedIndex);
-            var updatedSelectedRows = selectedRows.filter(function (_, index) { return index < rangeStartIndex_1 || index > rangeEndIndex_1; });
+            var lastRowId_1 = data[data.length - 1]._meta.id;
+            var updatedSelectedRows = selectedRows.filter(function (value, index) {
+                return (index < rangeStartIndex_1 && value !== lastRowId_1) ||
+                    (index > rangeEndIndex_1 && value !== lastRowId_1);
+            });
             setSelectedRows(updatedSelectedRows);
         }
         else {
@@ -111,7 +116,10 @@ export var SpreadsheetRowCheckboxes = function (_a) {
             var rangeEndIndex = data.indexOf(clickedRow);
             var range = data.slice(Math.min(rangeStartIndex, rangeEndIndex), Math.max(rangeStartIndex, rangeEndIndex) + 1);
             var rangeIds = range.map(function (row) { return row === null || row === void 0 ? void 0 : row._meta.id; });
-            var updatedSelectedRows = __spreadArray(__spreadArray([], selectedRows, true), rangeIds, true).filter(function (value, index, array) { return array.indexOf(value) === index; });
+            var lastRowId_2 = data[data.length - 1]._meta.id;
+            var updatedSelectedRows = __spreadArray(__spreadArray([], selectedRows, true), rangeIds, true).filter(function (value, index, array) {
+                return array.indexOf(value) === index && value !== lastRowId_2;
+            });
             setSelectedRows(updatedSelectedRows);
             lastClickedIndexRef.current = rowIndex;
         }
@@ -119,7 +127,10 @@ export var SpreadsheetRowCheckboxes = function (_a) {
     var handleSelectAllRows = function (checked) {
         if (checked) {
             var allRows = data
-                .filter(function (row) { return !rowIsEmpty(row); })
+                .filter(function (row) {
+                var lastRowIndex = data[data.length - 1]._meta.id;
+                return row._meta.id !== lastRowIndex;
+            })
                 .map(function (row) {
                 return row === null || row === void 0 ? void 0 : row._meta.id;
             });
@@ -136,7 +147,7 @@ export var SpreadsheetRowCheckboxes = function (_a) {
         var currentDataIndex = rowIndex === 0 ? 0 : adjustedRowIndex;
         var rowMetaId = (_c = (_b = data[currentDataIndex]) === null || _b === void 0 ? void 0 : _b._meta) === null || _c === void 0 ? void 0 : _c.id;
         return (_jsx(Div, __assign({ className: "checkbox-cell" }, { children: firstRowIsHeader && rowIndex === 0 ? ("") : (_jsx(Checkbox, { isChecked: rowMetaId && selectedRows.includes(rowMetaId), onChange: function (checked) {
-                    return !isLoadingData && handleRowSelect(checked, rowIndex);
+                    return !isLoadingData && handleRowSelect(checked, rowIndex, rowMetaId);
                 }, onShiftKeyPressed: function () { return handleSelectMultipleRows(rowIndex); }, style: { cursor: "pointer" }, isDisabled: isLoadingData })) })));
     };
     var RowNumbersCell = function (_a) {

package/lib/esm/Importer/common/Spreadsheet/hooks.js

@@ -63,8 +63,8 @@ export var useValidationState = function (_a) {
     var validatorsCache = useMemo(function () { return selectValidatorsFor(fields); }, [fields]);
     var errorsRef = useRef(errors);
     var warningsRef = useRef(warnings);
-    var _e = useTableActions({ setDataSet: setDataSet, setErrors: setErrors, setWarnings: setWarnings }), deleteRecords = _e.deleteRecords, filterRecordsByError = _e.filterRecordsByError, filterRecordsBySearchValue = _e.filterRecordsBySearchValue;
-    //Validate record and update dataSet
+    var _e = useTableActions({ setErrors: setErrors, setWarnings: setWarnings, fields: fields }), deleteRecords = _e.deleteRecords, filterRecordsByError = _e.filterRecordsByError, filterRecordsBySearchValue = _e.filterRecordsBySearchValue;
+    // Validate record and update dataSet
     var updateRecordAndRevalidate = useCallback(function (record) { return __awaiter(void 0, void 0, void 0, function () {
         var recordId, newDataSet, data, _a, recordErrors, recordWarnings, hasError, hasWarning;
         var _b;
@@ -109,7 +109,7 @@ export var useValidationState = function (_a) {
             }
         });
     }); }, [dataSet, validatorsCache]);
-    //Initial data validation and update dataSet
+    // Initial data validation and update dataSet
     useEffect(function () {
         if (isReadOnly)
             return;

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

@@ -6,7 +6,7 @@ export var baseUrls = {
     production: "https://fuse.flatirons.com",
     test: "https://fuse-test.flatirons.com",
 };
-var MINIMUM_TABLE_HEIGHT = 375;
+var MINIMUM_TABLE_HEIGHT = 100;
 export var getTableHeight = function (_a) {
     var _b = _a.headerHeight, headerHeight = _b === void 0 ? defaultTableHeaderHeightPx : _b, _c = _a.rowHeight, rowHeight = _c === void 0 ? defaultTableRowHeightPx : _c, _d = _a.maxVisibleRows, maxVisibleRows = _d === void 0 ? 7 : _d, _e = _a.minimumTableHeight, minimumTableHeight = _e === void 0 ? MINIMUM_TABLE_HEIGHT : _e, dataCount = _a.dataCount;
     return Math.max(headerHeight + rowHeight * Math.min(dataCount, maxVisibleRows + 0.5), minimumTableHeight);

package/lib/esm/Importer/common/utils.d.ts

@@ -5,4 +5,8 @@ type IsEnumFieldArgs = {
 };
 export declare const getColumnType: ({ templateLabel, templateHeaders, }: IsEnumFieldArgs) => string;
 export declare const sendRecordsToIntegrations: (reviewedData: Record[], integrations: Integration[]) => Promise<void>;
+type GenericRecord<T> = {
+    [key: string]: T;
+};
+export declare const verifyDuplicateValue: (array: GenericRecord<any>[], key: string, shouldThrow?: boolean, message?: string) => boolean;
 export {};

package/lib/esm/Importer/common/utils.js

@@ -83,3 +83,18 @@ export var sendRecordsToIntegrations = function (reviewedData, integrations) { r
         }
     });
 }); };
+export var verifyDuplicateValue = function (array, key, shouldThrow, message) {
+    if (shouldThrow === void 0) { shouldThrow = false; }
+    var uniqueValues = {};
+    for (var i = 0; i < array.length; i++) {
+        var currentValue = array[i][key];
+        if (uniqueValues[currentValue]) {
+            if (shouldThrow) {
+                throw new Error(message || "There is a duplicated '".concat(key, "' between your columns."));
+            }
+            return true;
+        }
+        uniqueValues[currentValue] = true;
+    }
+    return false;
+};

package/lib/esm/Importer/contexts/ImporterContextProvider.d.ts

@@ -63,6 +63,7 @@ export type Props = {
     onSubmit: OnSubmit;
     formatRecord: FormatRecord;
     onValidateRecord?: OnValidateRecord;
+    dynamicColumns: TemplateHeader[] | null;
 };
-export declare const ImporterContextProvider: ({ templateSlug, apiToken, children, options, onSubmit, onClose, formatRecord, onValidateRecord, }: Props) => JSX.Element;
+export declare const ImporterContextProvider: ({ templateSlug, apiToken, children, options, onSubmit, onClose, formatRecord, onValidateRecord, dynamicColumns, }: Props) => JSX.Element;
 export declare const useImporterContext: () => State;

package/lib/esm/Importer/contexts/ImporterContextProvider.js

@@ -45,20 +45,29 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __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 { jsx as _jsx } from "react/jsx-runtime";
 import Fuse from "fuse.js";
 import { createContext, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { FieldTypes, } from "../../types";
 import { FuseApi } from "../common/FuseApi";
 import { getCustomTheme, theme } from "../common/theme";
-import { getColumnType } from "../common/utils";
+import { getColumnType, verifyDuplicateValue } from "../common/utils";
 export var fusejsOptions = {
     includeScore: true,
     threshold: 0.35,
 };
 var ImporterContext = createContext({});
 export var ImporterContextProvider = function (_a) {
-    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, children = _a.children, options = _a.options, onSubmit = _a.onSubmit, onClose = _a.onClose, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord;
+    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, children = _a.children, options = _a.options, onSubmit = _a.onSubmit, onClose = _a.onClose, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, dynamicColumns = _a.dynamicColumns;
     var _b = useState(0), currentStepIndex = _b[0], setCurrentStepIndex = _b[1];
     var _c = useState(0), matcherSubstep = _c[0], setMatcherSubstep = _c[1];
     var _d = useState(null), templateError = _d[0], setTemplateError = _d[1];
@@ -125,7 +134,7 @@ export var ImporterContextProvider = function (_a) {
     }, [uploadedData]);
     useEffect(function () {
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var _a, organization_1, columns, importer_style_preferences, integrations_1, preview_first_time, columnsOrderedByPosition, error_1, errorMsg;
+            var _a, organization_1, columns_1, importer_style_preferences, integrations_1, preview_first_time, error_1, errorMsg;
             var _b, _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
@@ -133,10 +142,21 @@ export var ImporterContextProvider = function (_a) {
                         _d.trys.push([0, 2, , 3]);
                         return [4 /*yield*/, fuseApi.get("/api/v1/importer/templates/".concat(templateSlug))];
                     case 1:
-                        _a = (_d.sent()).data, organization_1 = _a.organization, columns = _a.columns, importer_style_preferences = _a.importer_style_preferences, integrations_1 = _a.integrations, preview_first_time = _a.preview_first_time;
-                        columnsOrderedByPosition = columns.sort(function (a, b) { return a.position - b.position; });
+                        _a = (_d.sent()).data, organization_1 = _a.organization, columns_1 = _a.columns, importer_style_preferences = _a.importer_style_preferences, integrations_1 = _a.integrations, preview_first_time = _a.preview_first_time;
                         setOrganization(organization_1);
-                        setTemplateHeaders(columnsOrderedByPosition);
+                        setTemplateHeaders(function () {
+                            // user has created dynamic columns
+                            if (dynamicColumns && (dynamicColumns === null || dynamicColumns === void 0 ? void 0 : dynamicColumns.length) >= 0) {
+                                var allColumns = __spreadArray(__spreadArray([], columns_1, true), dynamicColumns, true);
+                                var columnsOrderedByPosition_1 = allColumns.sort(function (a, b) { return (a === null || a === void 0 ? void 0 : a.position) - (b === null || b === void 0 ? void 0 : b.position); });
+                                verifyDuplicateValue(columnsOrderedByPosition_1, "internal_key", true, "There is a duplicated 'internal_key' between your columns.");
+                                verifyDuplicateValue(columnsOrderedByPosition_1, "label", true, "There is a duplicated 'label' between your columns.");
+                                return columnsOrderedByPosition_1;
+                            }
+                            // user has not created dynamic columns
+                            var columnsOrderedByPosition = columns_1.sort(function (a, b) { return a.position - b.position; });
+                            return columnsOrderedByPosition;
+                        });
                         setIntegrations(integrations_1);
                         setPreviewFirstTime(preview_first_time);
                         if (organization_1.plan && organization_1.plan.allow_style_customization) {
@@ -153,7 +173,7 @@ export var ImporterContextProvider = function (_a) {
                 }
             });
         }); })();
-    }, []);
+    }, [dynamicColumns]);
     var resetImport = function () {
         setUploadedData(null);
         setTemplateHeaderMatchings(null);

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

@@ -1,4 +1,4 @@
-import { FormatRecord, ImporterOptions, OnSubmit, OnValidateRecord } from "../types";
+import { FormatRecord, ImporterOptions, OnSubmit, OnValidateRecord, TemplateHeader } from "../types";
 export declare const ACCOUNT_ROUTES: {
     TEMPLATES: string;
 };
@@ -13,8 +13,9 @@ type ImporterProps = {
     onValidateRecord?: OnValidateRecord;
     onSubmit?: OnSubmit;
     onClose: () => void;
+    dynamicColumns: TemplateHeader[];
 };
-declare const Importer: ({ templateSlug, apiToken, options, formatRecord, onValidateRecord, onSubmit, onClose, }: ImporterProps) => JSX.Element;
+declare const Importer: ({ templateSlug, apiToken, options, formatRecord, onValidateRecord, onSubmit, onClose, dynamicColumns, }: ImporterProps) => JSX.Element;
 export * from "./common/Spreadsheet";
 export * from "./common/utils";
 export * from "./Review/ReviewContextProvider";

package/lib/esm/Importer/index.js

@@ -19,8 +19,8 @@ export var ACCOUNT_VIEW_PATH = "/account";
 var p = function (path) { return "".concat(ACCOUNT_VIEW_PATH).concat(path); };
 export var TEMPLATES_ROUTE = p(ACCOUNT_ROUTES.TEMPLATES);
 var Importer = function (_a) {
-    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, options = _a.options, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, onSubmit = _a.onSubmit, onClose = _a.onClose;
-    return (_jsx(ImporterContextProvider, __assign({ options: options, templateSlug: templateSlug, apiToken: apiToken, formatRecord: formatRecord, onValidateRecord: onValidateRecord, onClose: onClose, onSubmit: onSubmit }, { children: _jsx(ImporterWithContext, {}) })));
+    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, options = _a.options, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, onSubmit = _a.onSubmit, onClose = _a.onClose, dynamicColumns = _a.dynamicColumns;
+    return (_jsx(ImporterContextProvider, __assign({ options: options, templateSlug: templateSlug, apiToken: apiToken, formatRecord: formatRecord, onValidateRecord: onValidateRecord, onClose: onClose, onSubmit: onSubmit, dynamicColumns: dynamicColumns }, { children: _jsx(ImporterWithContext, {}) })));
 };
 export * from "./common/Spreadsheet";
 export * from "./common/utils";

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

@@ -19,28 +19,15 @@ import styled from "styled-components";
 import { TooltipProvider } from "../../../common/TooltipProvider";
 import { ConfirmationModal } from "../../../common/ConfirmationModal";
 import { useSpreadsheetContext } from "../../../Importer";
-import { useImporterContext } from "../../../Importer/contexts/ImporterContextProvider";
 import { DeleteIcon, ConfirmationDeleteIcon } from "./icons";
-import { addToast } from "../../../common/Toast";
 import { Div } from "../../../styled/utils";
 import { ActionButton } from "./TableActions.styles";
 import { useTranslation } from "react-i18next";
 var StyledTooltipProvider = styled(TooltipProvider)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: fit-content;\n"], ["\n  width: fit-content;\n"])));
-var filterByRecordsThatContainsValues = function (mainObject) {
-    return mainObject.filter(function (obj) {
-        for (var key in obj) {
-            if (key !== "_meta" && obj[key] !== null && obj[key] !== undefined) {
-                return true;
-            }
-        }
-        return false;
-    });
-};
 export var DeleteSelectedRows = function (_a) {
     var _b = _a.testId, testId = _b === void 0 ? "ta-delete-rows" : _b;
     var _c = useState(false), isConfirmationModalOpen = _c[0], setIsConfirmationModalOpen = _c[1];
-    var _d = useSpreadsheetContext(), data = _d.data, filteredInputValue = _d.filteredInputValue, deleteRecords = _d.deleteRecords, selectedRows = _d.selectedRows, setSelectedRows = _d.setSelectedRows, setFilteredInputValue = _d.setFilteredInputValue;
-    var _e = useImporterContext(), setCurrentStepIndex = _e.setCurrentStepIndex, isUsingManualImport = _e.isUsingManualImport;
+    var _d = useSpreadsheetContext(), deleteRecords = _d.deleteRecords, selectedRows = _d.selectedRows, setSelectedRows = _d.setSelectedRows, setFilteredInputValue = _d.setFilteredInputValue;
     var t = useTranslation("review").t;
     var toggleModalVisibility = function () {
         setIsConfirmationModalOpen(function (oldValue) { return !oldValue; });
@@ -49,14 +36,6 @@ export var DeleteSelectedRows = function (_a) {
         setSelectedRows([]);
         toggleModalVisibility();
         setFilteredInputValue("");
-        var validData = filterByRecordsThatContainsValues(data);
-        // If user is deleting every row, but not using the manual import option
-        if (!isUsingManualImport.current &&
-            !filteredInputValue &&
-            selectedRows.length === validData.length) {
-            setCurrentStepIndex(0);
-            return addToast(t("table_actions.delete_rows.delete_toast"), "success");
-        }
         deleteRecords(selectedRows);
     };
     var DescriptionUI = function () { return (_jsx(_Fragment, { children: _jsxs(Div, { children: [t("table_actions.delete_rows.confirmation_modal", {

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

@@ -17,7 +17,9 @@ export var FilterByErrors = function () {
     };
     var onChange = function (selected) {
         if (selected) {
-            addToast("Showing only the rows with error on the ".concat(selected, " column"), "success");
+            var selectedField = fields.filter(function (field) { return field.name === selected; });
+            var label = selectedField[0].label || selected;
+            addToast("Showing only the rows with error on the ".concat(label, " column"), "success");
         }
         setSelectedErrorToFilter(selected || "");
     };

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

@@ -1,21 +1,20 @@
 /// <reference types="react" />
 import { BatchValidationErrors, Field, RecordDataSet } from "../../../types";
 interface UseTableActionsProps {
-    setDataSet: React.Dispatch<React.SetStateAction<RecordDataSet>>;
     setErrors: React.Dispatch<React.SetStateAction<BatchValidationErrors>>;
     setWarnings: React.Dispatch<React.SetStateAction<BatchValidationErrors>>;
 }
-export type DeleteRecords = (dataSet: RecordDataSet, selectedRecords: string[], errors: BatchValidationErrors, warnings: BatchValidationErrors) => void;
+export type DeleteRecords = (setDataSet: React.Dispatch<React.SetStateAction<RecordDataSet>>, selectedRecords: string[], errors: BatchValidationErrors, warnings: BatchValidationErrors, isDeletingAllRows: boolean) => void;
 export type FilterRecordsBySearchValue = (obj: RecordDataSet, value: string, fields: Field[]) => RecordDataSet;
 export type FilterRecordsByError = (obj: RecordDataSet, keyToFilter: string, errors: BatchValidationErrors, fields: Field[]) => RecordDataSet;
 interface UseTableActionsProps {
-    setDataSet: React.Dispatch<React.SetStateAction<RecordDataSet>>;
     setErrors: React.Dispatch<React.SetStateAction<BatchValidationErrors>>;
     setWarnings: React.Dispatch<React.SetStateAction<BatchValidationErrors>>;
+    fields: Field[];
 }
-export declare const useTableActions: ({ setDataSet, setErrors, setWarnings, }: UseTableActionsProps) => {
-    deleteRecords: (dataSet: RecordDataSet, selectedRecords: string[], errors: BatchValidationErrors, warnings: BatchValidationErrors) => void;
-    filterRecordsBySearchValue: (obj: RecordDataSet, value: string, fields: Field[]) => RecordDataSet;
+export declare const useTableActions: ({ setErrors, setWarnings, fields, }: UseTableActionsProps) => {
+    deleteRecords: DeleteRecords;
+    filterRecordsBySearchValue: (obj: RecordDataSet, value: string) => RecordDataSet;
     filterRecordsByError: (obj: RecordDataSet, keyToFilter: string, errors: BatchValidationErrors, fields: Field[]) => {};
 };
 export {};

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

@@ -1,18 +1,14 @@
-import { addEmptyRows, recordListToDataSet } from "../../../Importer/data";
-var removeItemsFromObject = function (obj, idsToRemove) {
-    var _a;
-    var idSet = new Set(idsToRemove);
-    var newObj = {};
-    for (var key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-            var meta = (_a = obj[key]) === null || _a === void 0 ? void 0 : _a._meta;
-            if (meta && (meta === null || meta === void 0 ? void 0 : meta.id) && !(idSet === null || idSet === void 0 ? void 0 : idSet.has(meta === null || meta === void 0 ? void 0 : meta.id))) {
-                newObj[key] = obj[key];
-            }
+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 newObj;
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
+import { useRef } from "react";
+import { addEmptyRows, recordListToDataSet } from "../../../Importer/data";
 var removeErrorsOrWarningsFromObject = function (obj, keysToRemove) {
     var keysSet = new Set(keysToRemove);
     var newObj = {};
@@ -35,18 +31,34 @@ var includesSearchValue = function (value, searchValue) {
     return false;
 };
 export var useTableActions = function (_a) {
-    var setDataSet = _a.setDataSet, setErrors = _a.setErrors, setWarnings = _a.setWarnings;
-    //Delete record from dataSet and from validations
-    var deleteRecords = function (dataSet, selectedRecords, errors, warnings) {
-        var newDataSet = removeItemsFromObject(dataSet, selectedRecords);
-        var newErrors = removeErrorsOrWarningsFromObject(errors, selectedRecords);
-        var newWarnings = removeErrorsOrWarningsFromObject(warnings, selectedRecords);
-        setDataSet(newDataSet);
+    var setErrors = _a.setErrors, setWarnings = _a.setWarnings, fields = _a.fields;
+    var allRowsDeleted = useRef([]);
+    // Delete records from dataSet and from validations
+    var deleteRecords = function (setDataSet, selectedRecords, errors, warnings, isDeletingAllRows) {
+        var rowsToBeAddedIntoDeletedOnes = Array.from(new Set(__spreadArray(__spreadArray([], selectedRecords, true), allRowsDeleted.current, true)));
+        allRowsDeleted.current = rowsToBeAddedIntoDeletedOnes;
+        var newErrors = removeErrorsOrWarningsFromObject(errors, rowsToBeAddedIntoDeletedOnes);
+        var newWarnings = removeErrorsOrWarningsFromObject(warnings, rowsToBeAddedIntoDeletedOnes);
+        setDataSet(function (oldValues) {
+            if (!rowsToBeAddedIntoDeletedOnes)
+                return oldValues;
+            if (isDeletingAllRows) {
+                allRowsDeleted.current = [];
+                return recordListToDataSet(addEmptyRows([], fields), fields);
+            }
+            var dataSetWithoutDeletedRecords = {};
+            for (var objKey in oldValues) {
+                if (!selectedRecords.includes(objKey)) {
+                    dataSetWithoutDeletedRecords[objKey] = oldValues[objKey];
+                }
+            }
+            return dataSetWithoutDeletedRecords;
+        });
         setErrors(newErrors);
         setWarnings(newWarnings);
     };
-    //Filter records by search value
-    var filterRecordsBySearchValue = function (obj, value, fields) {
+    // Filter records by search value
+    var filterRecordsBySearchValue = function (obj, value) {
         var filteredObj = {};
         for (var _i = 0, _a = Object.entries(obj); _i < _a.length; _i++) {
             var _b = _a[_i], key = _b[0], currentObj = _b[1];
@@ -67,7 +79,7 @@ export var useTableActions = function (_a) {
         }
         return filteredObj;
     };
-    //Filter records by selected column error
+    // Filter records by selected column error
     var filterRecordsByError = function (obj, keyToFilter, errors, fields) {
         var filteredObj = {};
         var filteredKeys = Object.keys(errors).filter(function (key) { var _a, _b; return ((_b = (_a = obj[key]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.isInvalid) && errors[key][keyToFilter]; });

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

@@ -71,8 +71,10 @@ import { useTableContext } from "./TableDataProvider";
 import { TableView as TableViewBase } from "./TableView";
 import { useReorderRows } from "./useReorderRows";
 import { addToast } from "../../common/Toast";
-var TableView = styled(TableViewBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-    return p.withPagination && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border-radius: 0px;\n    "], ["\n      border-radius: 0px;\n    "])));
+var TableContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: auto;\n  width: calc(100% + 2px);\n  ", ";\n"], ["\n  overflow-x: auto;\n  width: calc(100% + 2px);\n  ", ";\n"])), function (p) { return p.theme.css.scrollbarDark; });
+var TableWrapper = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: 1000px;\n  border: solid 1px ", ";\n"], ["\n  min-width: 1000px;\n  border: solid 1px ", ";\n"])), function (p) { return p.theme.colors.gray300; });
+var TableView = styled(TableViewBase)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+    return p.withPagination && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      border-radius: 0px;\n    "], ["\n      border-radius: 0px;\n    "])));
 });
 var Table = function (_a) {
     var columns = _a.columns, _b = _a.onRowClick, onRowClick = _b === void 0 ? null : _b, _c = _a.blankState, blankState = _c === void 0 ? null : _c, templateSlug = _a.templateSlug, _d = _a.isDraggable, isDraggable = _d === void 0 ? false : _d, props = __rest(_a, ["columns", "onRowClick", "blankState", "templateSlug", "isDraggable"]);
@@ -122,15 +124,17 @@ var Table = function (_a) {
             ? [restrictToVerticalAxis, restrictToWindowEdges]
             : undefined,
     };
-    return (_jsxs(Div, __assign({}, props, { children: [data.length ? (_jsx(DndContext, __assign({ sensors: dndContextValues.sensors, collisionDetection: dndContextValues.collisionDetection, onDragEnd: dndContextValues.onDragEnd, modifiers: dndContextValues.modifiers }, { children: _jsx(TableView, __assign({ pageSize: data.length, withPagination: withPagination, isDraggable: isDraggable }, {
-                    isLoading: isLoading,
-                    data: data,
-                    columns: columns,
-                    sortBy: sortBy,
-                    setSortBy: setSortBy,
-                    onRowClick: onRowClick,
-                })) }))) : (blankState), paginationUI] })));
+    var Container = data.length > 0 ? TableContainer : Div;
+    var Wrapper = data.length > 0 ? TableWrapper : Div;
+    return (_jsx(Container, { children: _jsx(Wrapper, { children: _jsxs(Div, __assign({}, props, { children: [data.length ? (_jsx(DndContext, __assign({ sensors: dndContextValues.sensors, collisionDetection: dndContextValues.collisionDetection, onDragEnd: dndContextValues.onDragEnd, modifiers: dndContextValues.modifiers }, { children: _jsx(TableView, __assign({ pageSize: data.length, withPagination: withPagination, isDraggable: isDraggable }, {
+                            isLoading: isLoading,
+                            data: data,
+                            columns: columns,
+                            sortBy: sortBy,
+                            setSortBy: setSortBy,
+                            onRowClick: onRowClick,
+                        })) }))) : (blankState), paginationUI] })) }) }));
 };
 export { Table };
 export * from "./TableDataProvider";
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -0,0 +1,45 @@
+import { ColumnRequiredProps, ValidationOptionKeys, ValidationTypes } from "../types";
+export type ValidationOption = {
+    type: "text" | "number" | "date";
+    key: ValidationOptionKeys;
+    tooltip: string;
+};
+export type Validation = {
+    value: ValidationTypes;
+    label: string;
+    isDefaultValidation?: boolean;
+    options?: ValidationOption[];
+};
+export declare const validationsByColumnType: {
+    [key: string]: Validation[];
+};
+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>;