@consta/uikit 3.19.0 → 3.21.1

package/__internal__/src/components/Table/Table.d.ts

@@ -1,144 +0,0 @@
-import './Table.css';
-import React from 'react';
-import { HorizontalAlign, VerticalAlign } from './Cell/TableCell';
-import { GetTagLabel } from './SelectedOptionsList/TableSelectedOptionsList';
-import { Filters, onSortBy, SelectedFilters } from './filtering';
-import { Header, OrderType, Position } from './helpers';
-export { TableTextFilter } from './TextFilter/TableTextFilter';
-export { TableFilterContainer } from './FilterContainer/TableFilterContainer';
-export { TableNumberFilter } from './NumberFilter/TableNumberFilter';
-export { TableChoiceGroupFilter } from './ChoiceGroupFilter/TableChoiceGroupFilter';
-export declare const sizes: readonly ["s", "m", "l"];
-declare type Size = typeof sizes[number];
-export declare const zebraStriped: readonly ["odd", "even"];
-declare type ZebraStriped = typeof zebraStriped[number];
-export declare const headerVerticalAligns: readonly ["center", "bottom"];
-export declare type HeaderVerticalAlign = typeof headerVerticalAligns[number];
-export declare type LazyLoad = {
-    maxVisibleRows?: number;
-    scrollableEl?: HTMLDivElement | Window;
-} | undefined;
-declare type ActiveRow = {
-    id: string | undefined;
-    onChange: ({ id, e }: {
-        id: string | undefined;
-        e?: React.SyntheticEvent;
-    }) => void;
-};
-declare type onRowHover = ({ id, e }: {
-    id: string | undefined;
-    e: React.MouseEvent;
-}) => void;
-declare type onRowClick = ({ id, e }: {
-    id: string;
-    e: React.MouseEvent;
-}) => void;
-declare type onRowCreate = ({ id, index, e }: {
-    id?: string;
-    index: number;
-    e: React.MouseEvent;
-}) => void;
-export declare type CellClickType = 'click' | 'contextMenu';
-export declare type onCellClick = ({ e, type, rowId, columnIdx, ref, }: {
-    e: React.SyntheticEvent;
-    type: CellClickType;
-    columnIdx: number;
-    ref: React.RefObject<HTMLDivElement>;
-    rowId?: string;
-}) => void;
-export declare type TableRow = {
-    id: string;
-    rows?: TableRow[];
-};
-export declare type TableTreeRow<T extends TableRow> = {
-    level: number;
-    parentId?: string;
-} & T;
-export declare type TableFilters<T extends TableRow> = Filters<T>;
-export declare type RowField<T extends TableRow> = Exclude<keyof T, symbol | number>;
-export declare type ColumnWidth = number | undefined;
-export declare type ValueOf<T> = T[keyof T];
-declare type ColumnBase<T extends TableRow> = ValueOf<{
-    [K in keyof T]: {
-        accessor: K extends string ? K : never;
-        sortable?: boolean;
-        sortByField?: keyof T;
-        order?: OrderType;
-        sortFn?(a: T[K], b: T[K]): number;
-        renderCell?: (row: T) => React.ReactNode;
-        getComparisonValue?: (cell: T[K]) => number | string;
-    };
-}>;
-declare type SingleColumnAddition<T extends TableRow> = ColumnBase<T> & {
-    columns?: never;
-};
-declare type GroupColumnAddition<T extends TableRow> = {
-    columns: TableColumn<T>[];
-} & {
-    [K in keyof ColumnBase<T>]?: never;
-};
-export interface TableControl<T extends TableRow> {
-    column: Header<T> & ColumnMetaData;
-}
-export declare type TableColumn<T extends TableRow> = {
-    title: React.ReactNode;
-    align?: HorizontalAlign;
-    withoutPadding?: boolean;
-    width?: ColumnWidth;
-    mergeCells?: boolean;
-    position?: Position;
-    hidden?: boolean;
-    control?: ({ column }: TableControl<T>) => React.ReactNode;
-} & (GroupColumnAddition<T> | SingleColumnAddition<T>);
-export declare type TableProps<T extends TableRow> = {
-    columns: TableColumn<T>[];
-    rows: T[];
-    isResizable?: boolean;
-    filters?: Filters<T>;
-    onSortBy?: onSortBy<T>;
-    size?: Size;
-    stickyHeader?: boolean;
-    stickyColumns?: number;
-    minColumnWidth?: number;
-    activeRow?: ActiveRow;
-    verticalAlign?: VerticalAlign;
-    headerVerticalAlign?: HeaderVerticalAlign;
-    zebraStriped?: ZebraStriped;
-    borderBetweenRows?: boolean;
-    borderBetweenColumns?: boolean;
-    emptyRowsPlaceholder?: React.ReactNode;
-    className?: string;
-    onRowHover?: onRowHover;
-    onRowClick?: onRowClick;
-    onRowCreate?: onRowCreate;
-    onCellClick?: onCellClick;
-    getAdditionalClassName?: (props: {
-        column: TableColumn<T>;
-        row: T;
-        isActive: boolean;
-    }) => string;
-    rowCreateText?: string;
-    lazyLoad?: LazyLoad;
-    onFiltersUpdated?: (filters: SelectedFilters) => void;
-    getTagLabel?: GetTagLabel;
-    isExpandedRowsByDefault?: boolean;
-};
-declare type Table = <T extends TableRow>(props: TableProps<T> & {
-    ref?: React.Ref<HTMLDivElement>;
-}) => React.ReactElement | null;
-export declare type ColumnMetaData = {
-    filterable: boolean;
-    isSortingActive: boolean;
-    isFilterActive: boolean;
-    isResized: boolean;
-    isSticky: boolean;
-    showResizer: boolean;
-    columnWidth: number;
-    columnLeftOffset: number;
-};
-export declare type SortingState<T extends TableRow> = {
-    by: keyof T;
-    order: 'asc' | 'desc';
-    sortFn?: (a: T[keyof T], b: T[keyof T]) => number;
-} | null;
-export declare const Table: Table;

package/__internal__/src/components/Table/Table.js

@@ -1,419 +0,0 @@
-import { __assign, __read, __spread } from "tslib";
-import './Table.css';
-import React, { useMemo } from 'react';
-import { useComponentSize } from '../../hooks/useComponentSize/useComponentSize';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { IconSortDown } from '../../icons/IconSortDown/IconSortDown';
-import { IconSortUp } from '../../icons/IconSortUp/IconSortUp';
-import { IconUnsort } from '../../icons/IconUnsort/IconUnsort';
-import { sortBy as sortByDefault, updateAt } from '../../utils/array';
-import { cn } from '../../utils/bem';
-import { isNotNil, isString } from '../../utils/type-guards';
-import { Button } from '../Button/Button';
-import { Text } from '../Text/Text';
-import { TableCell } from './Cell/TableCell';
-import { TableHeader } from './Header/TableHeader';
-import { TableResizer } from './Resizer/TableResizer';
-import { TableRowsCollapse, } from './RowsCollapse/TableRowsCollapse';
-import { TableSelectedOptionsList, } from './SelectedOptionsList/TableSelectedOptionsList';
-import { fieldFiltersPresent, filterTableData, getSelectedFiltersList, isSelectedFiltersPresent, useSelectedFilters, } from './filtering';
-import { createSortingState, getColumnLeftOffset, getColumnsSize, getMergedArray, getNewSorting, Order, transformRows, useHeaderData, useLazyLoadData, } from './helpers';
-export { TableTextFilter } from './TextFilter/TableTextFilter';
-export { TableFilterContainer } from './FilterContainer/TableFilterContainer';
-export { TableNumberFilter } from './NumberFilter/TableNumberFilter';
-export { TableChoiceGroupFilter } from './ChoiceGroupFilter/TableChoiceGroupFilter';
-var cnTable = cn('Table');
-export var sizes = ['s', 'm', 'l'];
-export var zebraStriped = ['odd', 'even'];
-export var headerVerticalAligns = ['center', 'bottom'];
-var createButtonSizeMap = {
-    s: 'xs',
-    m: 's',
-    l: 'm'
-};
-var getColumnSortByField = function (column) {
-    return (column.sortable && column.sortByField) || column.accessor;
-};
-var sortingData = function (rows, sorting, onSortBy) {
-    if (onSortBy) {
-        return rows;
-    }
-    if (!sorting) {
-        return rows;
-    }
-    var sortedRows = sortByDefault(rows, sorting.by, sorting.order, sorting.sortFn);
-    if (sortedRows.some(function (row) { var _a; return (_a = row.rows) === null || _a === void 0 ? void 0 : _a.length; })) {
-        return sortedRows.map(function (row) {
-            return row.rows ? __assign(__assign({}, row), { rows: sortingData(row.rows, sorting, onSortBy) }) : row;
-        });
-    }
-    return sortedRows;
-};
-var defaultEmptyRowsPlaceholder = (React.createElement(Text, { as: "span", view: "primary", size: "s", lineHeight: "s" }, "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"));
-var InternalTable = function (props, ref) {
-    var _a, _b, _c, _d;
-    var columns = props.columns, rows = props.rows, _e = props.size, size = _e === void 0 ? 'l' : _e, rawFilters = props.filters, _f = props.isResizable, isResizable = _f === void 0 ? false : _f, _g = props.stickyHeader, stickyHeader = _g === void 0 ? false : _g, _h = props.stickyColumns, stickyColumns = _h === void 0 ? 0 : _h, _j = props.minColumnWidth, minColumnWidth = _j === void 0 ? 150 : _j, activeRow = props.activeRow, _k = props.verticalAlign, verticalAlign = _k === void 0 ? 'top' : _k, _l = props.headerVerticalAlign, headerVerticalAlign = _l === void 0 ? 'center' : _l, zebraStriped = props.zebraStriped, _m = props.borderBetweenRows, borderBetweenRows = _m === void 0 ? false : _m, _o = props.borderBetweenColumns, borderBetweenColumns = _o === void 0 ? false : _o, _p = props.emptyRowsPlaceholder, emptyRowsPlaceholder = _p === void 0 ? defaultEmptyRowsPlaceholder : _p, className = props.className, onRowHover = props.onRowHover, onRowClick = props.onRowClick, onRowCreate = props.onRowCreate, onCellClick = props.onCellClick, getAdditionalClassName = props.getAdditionalClassName, _q = props.rowCreateText, rowCreateText = _q === void 0 ? '+ Добавить строку' : _q, lazyLoad = props.lazyLoad, onSortBy = props.onSortBy, onFiltersUpdated = props.onFiltersUpdated, getTagLabel = props.getTagLabel, _r = props.isExpandedRowsByDefault, isExpandedRowsByDefault = _r === void 0 ? false : _r;
-    var _s = useHeaderData(columns), headers = _s.headers, flattenedHeaders = _s.flattenedHeaders, lowHeaders = _s.lowHeaders, headerRowsRefs = _s.headerRowsRefs, headerRowsHeights = _s.headerRowsHeights, resizerTopOffsets = _s.resizerTopOffsets;
-    var stickyColumnsGrid = ((_a = headers[0][stickyColumns - 1]) === null || _a === void 0 ? void 0 : _a.position.gridIndex) +
-        (((_b = headers[0][stickyColumns - 1]) === null || _b === void 0 ? void 0 : _b.position.colSpan) || 1);
-    var getColumnsWidth = function () { return lowHeaders.map(function (column) { return column.width; }); };
-    var _t = __read(React.useState(getColumnsWidth()), 2), resizedColumnWidths = _t[0], setResizedColumnWidths = _t[1];
-    var filters = React.useMemo(function () {
-        return rawFilters && rawFilters.filter(function (filter) { return filter.id && filter.field; });
-    }, [rawFilters]);
-    React.useEffect(function () {
-        setResizedColumnWidths(getColumnsWidth());
-    }, [lowHeaders.length]);
-    var _u = __read(React.useState([]), 2), initialColumnWidths = _u[0], setInitialColumnWidths = _u[1];
-    var _v = __read(React.useState(null), 2), sorting = _v[0], setSorting = _v[1];
-    var _w = __read(React.useState(null), 2), visibleFilter = _w[0], setVisibleFilter = _w[1];
-    var _x = __read(React.useState({ top: 0, left: 0 }), 2), tableScroll = _x[0], setTableScroll = _x[1];
-    var tableRef = React.useRef(null);
-    var columnsRefs = React.useRef({});
-    var cellsRefs = React.useRef({});
-    var _y = useSelectedFilters(filters, onFiltersUpdated), selectedFilters = _y.selectedFilters, updateSelectedFilters = _y.updateSelectedFilters, removeOneSelectedFilter = _y.removeOneSelectedFilter, removeAllSelectedFilters = _y.removeAllSelectedFilters;
-    var _z = __read(React.useState([]), 2), expandedRowIds = _z[0], setExpandedRowIds = _z[1];
-    // установка сортировки по умолчанию
-    React.useEffect(function () {
-        var sortingColumn = columns.find(function (col) { return isString(col.order) && Object.prototype.hasOwnProperty.call(Order, col.order); });
-        if (sortingColumn) {
-            var sortingState = createSortingState(getColumnSortByField(sortingColumn), sortingColumn.order, sortingColumn.sortFn);
-            setSorting(sortingState);
-        }
-    }, [columns]);
-    /*
-      Подписываемся на изменения размеров таблицы, но не используем значения из
-      хука так как нам нужна ширина и высота таблицы без размера скролла. Этот хук
-      использует значения `offsetWidth` и `offsetHeight` которые включают размер
-      скролл бара.
-    */
-    useComponentSize(tableRef);
-    var tableHeight = ((_c = tableRef.current) === null || _c === void 0 ? void 0 : _c.clientHeight) || 0;
-    var tableWidth = ((_d = tableRef.current) === null || _d === void 0 ? void 0 : _d.clientWidth) || 0;
-    var showVerticalCellShadow = tableScroll.left > 0;
-    var showHorizontalCellShadow = tableScroll.top > 0;
-    var isRowsClickable = activeRow && activeRow.onChange;
-    var updateColumnWidth = function (idx, newWidth) {
-        setResizedColumnWidths(updateAt(resizedColumnWidths, idx, newWidth));
-    };
-    var overallColumnsWidth = useMemo(function () {
-        var columnsElements = Object.values(columnsRefs.current).filter(isNotNil);
-        var columnsElementsWidths = columnsElements.map(function (el) { return el.getBoundingClientRect().width; });
-        var resultArr = getMergedArray(columnsElementsWidths, resizedColumnWidths);
-        return resultArr.reduce(function (a, b) { return (a !== null && a !== void 0 ? a : 0) + (b !== null && b !== void 0 ? b : 0); });
-    }, [resizedColumnWidths, isResizable]);
-    React.useLayoutEffect(function () {
-        var columnsElements = Object.values(columnsRefs.current).filter(isNotNil);
-        if (columnsElements.length === 0)
-            return;
-        var columnsElementsWidths = columnsElements.map(function (el) { return el.getBoundingClientRect().width; });
-        setInitialColumnWidths(columnsElementsWidths);
-        // Проверяем, что таблица отрисовалась корректно, и устанавливаем значения ширин колонок после 1го и последующих рендера
-        if (columnsElements[0].getBoundingClientRect().left !==
-            columnsElements[columnsElements.length - 1].getBoundingClientRect().left) {
-            var resultArr = getMergedArray(columnsElementsWidths, resizedColumnWidths);
-            // Выставляю в undefined так как если вычеслять значение для последней колонки так,
-            // чтобы заполнялось все свободное пространство, при изменении ширины таблицы в меньшую сторону
-            // ширина последней колонки изменяться не будет, а так она будет css'ом проставляться в auto
-            if ((overallColumnsWidth !== null && overallColumnsWidth !== void 0 ? overallColumnsWidth : tableWidth) < tableWidth) {
-                resultArr[resultArr.length - 1] = undefined;
-            }
-            return setResizedColumnWidths(resultArr);
-        }
-        // условие изменения ширины колонок при изменении ширины экрана (контейнера таблицы)
-        if (tableWidth > 0 && !isResizable) {
-            return setResizedColumnWidths(getColumnsWidth());
-        }
-    }, [tableWidth, overallColumnsWidth]);
-    var isSortedByColumn = function (column) {
-        return getColumnSortByField(column) === (sorting === null || sorting === void 0 ? void 0 : sorting.by);
-    };
-    var getSortIcon = function (column) {
-        return ((isSortedByColumn(column) && ((sorting === null || sorting === void 0 ? void 0 : sorting.order) === 'desc' ? IconSortDown : IconSortUp)) ||
-            IconUnsort);
-    };
-    var handleSortClick = function (column) {
-        var newSorting = getNewSorting(sorting, getColumnSortByField(column), (column.sortable && (column === null || column === void 0 ? void 0 : column.sortFn)) || undefined);
-        var sortProps = newSorting
-            ? {
-                sortingBy: newSorting.by,
-                sortOrder: newSorting.order
-            }
-            : null;
-        onSortBy && onSortBy(sortProps);
-        setSorting(newSorting);
-    };
-    var handleFilterTogglerClick = function (id) { return function () {
-        setVisibleFilter(visibleFilter === id ? null : id);
-    }; };
-    var handleTooltipSave = function (field, tooltipSelectedFilters, value) {
-        updateSelectedFilters(field, tooltipSelectedFilters, value);
-    };
-    var removeSelectedFilter = function (tableFilters) { return function (filter) {
-        removeOneSelectedFilter(tableFilters, filter);
-    }; };
-    var resetSelectedFilters = function () {
-        if (filters && filters.length) {
-            removeAllSelectedFilters(filters);
-        }
-    };
-    var getStickyLeftOffset = function (columnIndex, topHeaderGridIndex) {
-        if (topHeaderGridIndex >= stickyColumns) {
-            return;
-        }
-        return getColumnLeftOffset({
-            columnIndex: columnIndex,
-            resizedColumnWidths: resizedColumnWidths,
-            initialColumnWidths: initialColumnWidths
-        });
-    };
-    var handleScroll = function (e) {
-        if (!(e.target instanceof HTMLElement) || e.target !== tableRef.current) {
-            return;
-        }
-        setTableScroll({
-            top: e.target.scrollTop,
-            left: e.target.scrollLeft
-        });
-    };
-    var handleSelectRow = function (_a) {
-        var id = _a.id, e = _a.e;
-        if (!activeRow || !activeRow.onChange) {
-            return;
-        }
-        activeRow.onChange({ id: activeRow.id === id ? undefined : id, e: e });
-    };
-    var handleRowHover = function (id) { return function (e) {
-        return onRowHover && onRowHover({ id: id, e: e });
-    }; };
-    var handleRowCreate = function (index, id) { return function (e) {
-        return onRowCreate && onRowCreate({ e: e, id: id, index: index });
-    }; };
-    var handleColumnResize = function (idx, delta) {
-        var columnMinWidth = Math.min(minColumnWidth, initialColumnWidths[idx]);
-        var prevColumnWidth = resizedColumnWidths[idx] || initialColumnWidths[idx];
-        var newColumnWidth = Math.max(columnMinWidth, prevColumnWidth + delta);
-        updateColumnWidth(idx, newColumnWidth);
-        // При расширении последней колонки скроллим таблицу вправо
-        var containerEl = tableRef.current;
-        if (idx === resizedColumnWidths.length - 1 && delta > 0 && containerEl) {
-            containerEl.scrollBy(delta, 0);
-        }
-    };
-    var stickyColumnsWidth = getColumnLeftOffset({
-        columnIndex: stickyColumns,
-        resizedColumnWidths: resizedColumnWidths,
-        initialColumnWidths: initialColumnWidths
-    });
-    var columnsWithMetaData = function (columns) {
-        return columns.map(function (column) {
-            var _a;
-            var columnIndex = column.position.gridIndex;
-            var resizedColumnWidth = resizedColumnWidths[columnIndex];
-            var initialColumnWidth = initialColumnWidths[columnIndex];
-            var columnWidth = resizedColumnWidth || initialColumnWidth;
-            var columnLeftOffset = getColumnLeftOffset({
-                columnIndex: columnIndex,
-                resizedColumnWidths: resizedColumnWidths,
-                initialColumnWidths: initialColumnWidths
-            });
-            var isResized = !!columnWidth && columnWidth !== initialColumnWidth;
-            var isSticky = stickyColumns > column.position.topHeaderGridIndex;
-            var showResizer = stickyColumns > columnIndex ||
-                stickyColumnsWidth + tableScroll.left < columnLeftOffset + columnWidth;
-            var isFilterActive = (((_a = selectedFilters[column.accessor]) === null || _a === void 0 ? void 0 : _a.selected) || []).length > 0;
-            return __assign(__assign({}, column), { filterable: Boolean(filters && fieldFiltersPresent(filters, column.accessor)), isSortingActive: isSortedByColumn(column), isFilterActive: isFilterActive,
-                isResized: isResized,
-                isSticky: isSticky,
-                showResizer: showResizer,
-                columnWidth: columnWidth,
-                columnLeftOffset: columnLeftOffset });
-        });
-    };
-    var headersWithMetaData = columnsWithMetaData(flattenedHeaders);
-    var hasNestedRows = React.useMemo(function () { return rows.some(function (row) { var _a; return Boolean((_a = row.rows) === null || _a === void 0 ? void 0 : _a.length); }); }, [rows]);
-    var sortedTableData = sortingData(rows, sorting, onSortBy);
-    var filteredData = filters && isSelectedFiltersPresent(selectedFilters)
-        ? filterTableData({
-            data: sortedTableData,
-            filters: filters || [],
-            selectedFilters: selectedFilters
-        })
-        : sortedTableData;
-    var _0 = lazyLoad || {}, _1 = _0.maxVisibleRows, maxVisibleRows = _1 === void 0 ? 210 : _1, _2 = _0.scrollableEl, scrollableEl = _2 === void 0 ? tableRef.current : _2;
-    var _3 = useLazyLoadData(maxVisibleRows, scrollableEl, !!lazyLoad), getSlicedRows = _3.getSlicedRows, setBoundaryRef = _3.setBoundaryRef;
-    var flatRowsData = transformRows(filteredData, expandedRowIds, isExpandedRowsByDefault);
-    var rowsData = getSlicedRows(flatRowsData);
-    var tableStyle = {
-        '--table-grid-template-columns': getColumnsSize(resizedColumnWidths),
-        '--table-width': tableWidth + "px"
-    };
-    var hasMergedCells = columnsWithMetaData(lowHeaders).some(function (header) { return header.mergeCells; });
-    var handleExpandRow = function (id) {
-        return function () {
-            if (expandedRowIds.includes(id)) {
-                setExpandedRowIds(function (prevState) { return prevState.filter(function (rowId) { return rowId !== id; }); });
-                return;
-            }
-            setExpandedRowIds(function (prevState) { return __spread(prevState, [id]); });
-        };
-    };
-    var getCollapseRollProps = function (row, columnIdx) {
-        var _a;
-        var withCollapseButton = Boolean((_a = row.rows) === null || _a === void 0 ? void 0 : _a.length) && columnIdx === 0;
-        var baseProps = {
-            level: row.level,
-            isExpandedByDefault: isExpandedRowsByDefault
-        };
-        if (!withCollapseButton || isExpandedRowsByDefault) {
-            return baseProps;
-        }
-        var isExpanded = expandedRowIds.includes(row.id);
-        var toggleCollapse = handleExpandRow(row.id);
-        return __assign(__assign({}, baseProps), { withCollapseButton: withCollapseButton,
-            isExpanded: isExpanded,
-            toggleCollapse: toggleCollapse });
-    };
-    var renderCell = function (column, row, columnIdx) {
-        var cellContent = column.renderCell ? column.renderCell(row) : row[column.accessor];
-        if (!hasNestedRows || columnIdx !== 0) {
-            return cellContent;
-        }
-        var collapseRollProps = getCollapseRollProps(row, columnIdx);
-        return React.createElement(TableRowsCollapse, __assign({}, collapseRollProps), cellContent);
-    };
-    var renderEmptyRowsPlaceholder = function (placeholder) {
-        return typeof placeholder === 'string' ? React.createElement(Text, { size: "s" }, placeholder) : placeholder;
-    };
-    var bottomCreateRowButton = useMemo(function () {
-        var _a;
-        var rowsLength = rowsData.length;
-        /* Можно и rowsData[rowsLength - 1], но в таком случае TS не подскажет,
-        что мы будем искать id в undefined это может привести к ошибке */
-        var lastRowId = ((_a = rowsData.slice(-1).pop()) !== null && _a !== void 0 ? _a : {}).id;
-        if (!onRowCreate) {
-            return null;
-        }
-        return (React.createElement("div", { className: cnTable(rowsLength ? 'CreatRowCell' : 'RowWithoutCells') },
-            React.createElement(Button, { size: createButtonSizeMap[size], form: "brick", label: rowCreateText, view: "clear", className: cnTable('CreateRowButton'), onClick: handleRowCreate(rowsLength, lastRowId), width: "full" })));
-    }, [rowCreateText, rowsData.length, onRowCreate]);
-    var getTableCellProps = function (row, rowIdx, column, columnIdx) {
-        var mergeCells = column.mergeCells, accessor = column.accessor, position = column.position, _a = column.getComparisonValue, getComparisonValue = _a === void 0 ? function (e) { return e; } : _a;
-        var previousCell = rowsData[rowIdx - 1] && getComparisonValue(rowsData[rowIdx - 1][accessor]);
-        var currentCell = getComparisonValue(row[accessor]);
-        var result = {
-            rowSpan: 1,
-            show: false,
-            style: {
-                left: getStickyLeftOffset(columnIdx, position.topHeaderGridIndex)
-            }
-        };
-        if (mergeCells && ((rowsData[rowIdx - 1] && previousCell !== currentCell) || rowIdx === 0)) {
-            for (var i = rowIdx; i < rowsData.length; i++) {
-                if (rowsData[i + 1]) {
-                    var nextCell = getComparisonValue(rowsData[i + 1][accessor]);
-                    if (currentCell === nextCell) {
-                        result.rowSpan++;
-                    }
-                    else {
-                        break;
-                    }
-                }
-                else {
-                    break;
-                }
-            }
-            if (result.rowSpan > 1) {
-                result.style['--row-span'] = "span " + result.rowSpan;
-            }
-            result.show = true;
-        }
-        if (!mergeCells) {
-            result.show = true;
-        }
-        return result;
-    };
-    var handleCellClick = function (params) {
-        if (onCellClick) {
-            onCellClick(params);
-        }
-    };
-    return (React.createElement("div", { ref: useForkRef([tableRef, ref]), className: cnTable({
-            size: size,
-            isResizable: isResizable,
-            zebraStriped: zebraStriped,
-            withBorderBottom: !filteredData.length
-        }, [className]), style: tableStyle, onScroll: handleScroll },
-        columnsWithMetaData(lowHeaders).map(function (column, columnIdx) { return (React.createElement(TableCell, { type: "resizer", key: columnIdx, ref: function (ref) {
-                columnsRefs.current[columnIdx] = ref;
-            }, style: {
-                left: getStickyLeftOffset(columnIdx, columnIdx)
-            }, onContextMenu: function (e) {
-                return handleCellClick({
-                    e: e,
-                    type: 'contextMenu',
-                    columnIdx: columnIdx,
-                    ref: { current: columnsRefs.current[columnIdx] }
-                });
-            }, onClick: function (e) {
-                return handleCellClick({
-                    e: e,
-                    type: 'click',
-                    columnIdx: columnIdx,
-                    ref: { current: columnsRefs.current[columnIdx] }
-                });
-            }, column: column, showVerticalShadow: showVerticalCellShadow }, isResizable && (React.createElement(TableResizer, { height: tableHeight - resizerTopOffsets[columnIdx], top: resizerTopOffsets[columnIdx], isVisible: column.showResizer, onResize: function (delta) { return handleColumnResize(columnIdx, delta); }, onDoubleClick: function () {
-                return updateColumnWidth(columnIdx, initialColumnWidths[columnIdx]);
-            } })))); }),
-        React.createElement(TableHeader, { isStickyHeader: stickyHeader, headersWithMetaData: headersWithMetaData, headerRowsHeights: headerRowsHeights, headerRowsRefs: headerRowsRefs, getStickyLeftOffset: getStickyLeftOffset, stickyColumnsGrid: stickyColumnsGrid, showVerticalCellShadow: showVerticalCellShadow, headerVerticalAlign: headerVerticalAlign, getSortIcon: getSortIcon, handleSortClick: handleSortClick, handleFilterTogglerClick: handleFilterTogglerClick, handleCellClick: handleCellClick, handleTooltipSave: handleTooltipSave, filters: filters, visibleFilter: visibleFilter, selectedFilters: selectedFilters, showHorizontalCellShadow: showHorizontalCellShadow, borderBetweenColumns: borderBetweenColumns }),
-        filters && isSelectedFiltersPresent(selectedFilters) && (React.createElement("div", { className: cnTable('RowWithoutCells') },
-            React.createElement(TableSelectedOptionsList, { values: getSelectedFiltersList({ filters: filters, selectedFilters: selectedFilters, columns: lowHeaders }), getTagLabel: getTagLabel, onRemove: removeSelectedFilter(filters), onReset: resetSelectedFilters }))),
-        rowsData.length > 0 ? (rowsData.map(function (row, rowIdx) {
-            var nth = (rowIdx + 1) % 2 === 0 ? 'even' : 'odd';
-            return (React.createElement("div", { key: row.id, role: "presentation", className: cnTable('CellsRow', {
-                    nth: nth,
-                    withMergedCells: hasMergedCells
-                }), onMouseEnter: handleRowHover(row.id), onMouseLeave: handleRowHover(undefined), onClick: function (e) { return onRowClick && onRowClick({ id: row.id, e: e }); } }, columnsWithMetaData(lowHeaders).map(function (column, columnIdx) {
-                var _a = getTableCellProps(row, rowIdx, column, columnIdx), show = _a.show, style = _a.style, rowSpan = _a.rowSpan;
-                if (show) {
-                    return (React.createElement(TableCell, { type: "content", key: column.accessor, ref: function (ref) {
-                            cellsRefs.current[columnIdx + "-" + row.id] = ref;
-                            setBoundaryRef(columnIdx, rowIdx);
-                        }, style: style, wrapperClassName: cnTable('ContentCell', {
-                            isActive: activeRow ? activeRow.id === row.id : false,
-                            isDarkned: activeRow
-                                ? activeRow.id !== undefined && activeRow.id !== row.id
-                                : false,
-                            isMerged: column.mergeCells && rowSpan > 1
-                        }), className: getAdditionalClassName === null || getAdditionalClassName === void 0 ? void 0 : getAdditionalClassName({
-                            column: column,
-                            row: row,
-                            isActive: activeRow ? activeRow.id === row.id : false
-                        }), onContextMenu: function (e) {
-                            return handleCellClick({
-                                e: e,
-                                type: 'contextMenu',
-                                columnIdx: columnIdx,
-                                rowId: row.id,
-                                ref: { current: cellsRefs.current[columnIdx + "-" + row.id] }
-                            });
-                        }, onClick: function (e) {
-                            handleSelectRow({ id: row.id, e: e });
-                            handleCellClick({
-                                e: e,
-                                type: 'click',
-                                columnIdx: columnIdx,
-                                rowId: row.id,
-                                ref: { current: cellsRefs.current[columnIdx + "-" + row.id] }
-                            });
-                        }, column: column, verticalAlign: verticalAlign, isClickable: !!isRowsClickable, showVerticalShadow: showVerticalCellShadow &&
-                            (column === null || column === void 0 ? void 0 : column.position.gridIndex) + ((column === null || column === void 0 ? void 0 : column.position.colSpan) || 1) ===
-                                stickyColumnsGrid, isBorderTop: rowIdx > 0 && borderBetweenRows, isBorderLeft: columnIdx > 0 && borderBetweenColumns }, renderCell(column, row, columnIdx)));
-                }
-                return null;
-            })));
-        })) : (React.createElement("div", { className: cnTable('RowWithoutCells') },
-            React.createElement("div", { className: cnTable('EmptyCell') }, renderEmptyRowsPlaceholder(emptyRowsPlaceholder)))),
-        bottomCreateRowButton));
-};
-export var Table = React.forwardRef(InternalTable);

package/__internal__/src/components/Table/TextFilter/TableTextFilter.css

@@ -1,35 +0,0 @@
-.TableTextFilter-Searchbar {
-    margin-bottom: var(--space-l);
-  }
-  .TableTextFilter-AllCheckbox {
-    margin-bottom: var(--space-xs);
-    margin-left: calc(var(--control-border-width) + var(--space-s));
-  }
-  .TableTextFilter-Checkboxes {
-    overflow-y: auto;
-    max-height: 240px;
-    padding: var(--space-s);
-    background-color: var(--color-control-bg-default);
-    border: var(--control-border-width) solid var(--color-control-bg-border-default);
-    border-radius: var(--control-radius);
-  }
-  .TableTextFilter-Controls {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    margin-bottom: var(--space-s);
-  }
-  .TableTextFilter-Controls .Button {
-      height: auto;
-      margin-right: var(--space-l);
-      padding: 0;
-      color: var(--color-typo-link);
-      background-color: transparent;
-      line-height: var(--line-height-text-xs);
-    }
-  .TableTextFilter-Controls .Button:last-child {
-        margin-right: 0;
-      }
-  .TableTextFilter-Controls .Button_disabled {
-        color: var(--color-control-typo-disable);
-      }

package/__internal__/src/components/Table/TextFilter/TableTextFilter.d.ts

@@ -1,15 +0,0 @@
-import './TableTextFilter.css';
-import React from 'react';
-import { FilterComponentProps } from '../filtering';
-declare type Item = {
-    name: string;
-    value: string;
-};
-declare type TableTextFilterProps = FilterComponentProps & {
-    items?: Item[];
-    withSearch?: boolean;
-    title?: string;
-    emptySearchText?: string;
-};
-export declare const TableTextFilter: React.FC<TableTextFilterProps>;
-export {};