@consta/uikit 3.29.0 → 4.0.1

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

@@ -1,425 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.Table = exports.headerVerticalAligns = exports.zebraStriped = exports.sizes = void 0;
-var tslib_1 = require("tslib");
-require("./Table.css");
-var react_1 = tslib_1.__importStar(require("react"));
-var useComponentSize_1 = require("../../hooks/useComponentSize/useComponentSize");
-var useForkRef_1 = require("../../hooks/useForkRef/useForkRef");
-var IconSortDown_1 = require("../../icons/IconSortDown/IconSortDown");
-var IconSortUp_1 = require("../../icons/IconSortUp/IconSortUp");
-var IconUnsort_1 = require("../../icons/IconUnsort/IconUnsort");
-var array_1 = require("../../utils/array");
-var bem_1 = require("../../utils/bem");
-var setRef_1 = require("../../utils/setRef");
-var type_guards_1 = require("../../utils/type-guards");
-var Button_1 = require("../Button/Button");
-var Text_1 = require("../Text/Text");
-var TableCell_1 = require("./Cell/TableCell");
-var TableHeader_1 = require("./Header/TableHeader");
-var TableResizer_1 = require("./Resizer/TableResizer");
-var TableRowsCollapse_1 = require("./RowsCollapse/TableRowsCollapse");
-var TableSelectedOptionsList_1 = require("./SelectedOptionsList/TableSelectedOptionsList");
-var filtering_1 = require("./filtering");
-var helpers_1 = require("./helpers");
-var TableTextFilter_1 = require("./TextFilter/TableTextFilter");
-tslib_1.__createBinding(exports, TableTextFilter_1, "TableTextFilter");
-var TableFilterContainer_1 = require("./FilterContainer/TableFilterContainer");
-tslib_1.__createBinding(exports, TableFilterContainer_1, "TableFilterContainer");
-var TableNumberFilter_1 = require("./NumberFilter/TableNumberFilter");
-tslib_1.__createBinding(exports, TableNumberFilter_1, "TableNumberFilter");
-var TableChoiceGroupFilter_1 = require("./ChoiceGroupFilter/TableChoiceGroupFilter");
-tslib_1.__createBinding(exports, TableChoiceGroupFilter_1, "TableChoiceGroupFilter");
-var cnTable = bem_1.cn('Table');
-exports.sizes = ['s', 'm', 'l'];
-exports.zebraStriped = ['odd', 'even'];
-exports.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 = array_1.sortBy(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 ? tslib_1.__assign(tslib_1.__assign({}, row), { rows: sortingData(row.rows, sorting, onSortBy) }) : row;
-        });
-    }
-    return sortedRows;
-};
-var defaultEmptyRowsPlaceholder = (react_1["default"].createElement(Text_1.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, getCellWrap = props.getCellWrap, _r = props.isExpandedRowsByDefault, isExpandedRowsByDefault = _r === void 0 ? false : _r, otherProps = tslib_1.__rest(props, ["columns", "rows", "size", "filters", "isResizable", "stickyHeader", "stickyColumns", "minColumnWidth", "activeRow", "verticalAlign", "headerVerticalAlign", "zebraStriped", "borderBetweenRows", "borderBetweenColumns", "emptyRowsPlaceholder", "className", "onRowHover", "onRowClick", "onRowCreate", "onCellClick", "getAdditionalClassName", "rowCreateText", "lazyLoad", "onSortBy", "onFiltersUpdated", "getTagLabel", "getCellWrap", "isExpandedRowsByDefault"]);
-    var _s = helpers_1.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 = tslib_1.__read(react_1["default"].useState(getColumnsWidth()), 2), resizedColumnWidths = _t[0], setResizedColumnWidths = _t[1];
-    var filters = react_1["default"].useMemo(function () {
-        return rawFilters && rawFilters.filter(function (filter) { return filter.id && filter.field; });
-    }, [rawFilters]);
-    react_1["default"].useEffect(function () {
-        setResizedColumnWidths(getColumnsWidth());
-    }, [lowHeaders.length]);
-    var _u = tslib_1.__read(react_1["default"].useState([]), 2), initialColumnWidths = _u[0], setInitialColumnWidths = _u[1];
-    var _v = tslib_1.__read(react_1["default"].useState(null), 2), sorting = _v[0], setSorting = _v[1];
-    var _w = tslib_1.__read(react_1["default"].useState(null), 2), visibleFilter = _w[0], setVisibleFilter = _w[1];
-    var _x = tslib_1.__read(react_1["default"].useState({ top: 0, left: 0 }), 2), tableScroll = _x[0], setTableScroll = _x[1];
-    var tableRef = react_1["default"].useRef(null);
-    var columnsRefs = react_1["default"].useRef({});
-    var cellsRefs = react_1["default"].useRef({});
-    var _y = filtering_1.useSelectedFilters(filters, onFiltersUpdated), selectedFilters = _y.selectedFilters, updateSelectedFilters = _y.updateSelectedFilters, removeOneSelectedFilter = _y.removeOneSelectedFilter, removeAllSelectedFilters = _y.removeAllSelectedFilters;
-    var _z = tslib_1.__read(react_1["default"].useState([]), 2), expandedRowIds = _z[0], setExpandedRowIds = _z[1];
-    // установка сортировки по умолчанию
-    react_1["default"].useEffect(function () {
-        var sortingColumn = columns.find(function (col) { return type_guards_1.isString(col.order) && Object.prototype.hasOwnProperty.call(helpers_1.Order, col.order); });
-        if (sortingColumn) {
-            var sortingState = helpers_1.createSortingState(getColumnSortByField(sortingColumn), sortingColumn.order, sortingColumn.sortFn);
-            setSorting(sortingState);
-        }
-    }, [columns]);
-    /*
-      Подписываемся на изменения размеров таблицы, но не используем значения из
-      хука так как нам нужна ширина и высота таблицы без размера скролла. Этот хук
-      использует значения `offsetWidth` и `offsetHeight` которые включают размер
-      скролл бара.
-    */
-    useComponentSize_1.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(array_1.updateAt(resizedColumnWidths, idx, newWidth));
-    };
-    var overallColumnsWidth = react_1.useMemo(function () {
-        var columnsElements = Object.values(columnsRefs.current).filter(type_guards_1.isNotNil);
-        var columnsElementsWidths = columnsElements.map(function (el) { return el.getBoundingClientRect().width; });
-        var resultArr = helpers_1.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_1["default"].useLayoutEffect(function () {
-        var columnsElements = Object.values(columnsRefs.current).filter(type_guards_1.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 = helpers_1.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_1.IconSortDown : IconSortUp_1.IconSortUp)) ||
-            IconUnsort_1.IconUnsort);
-    };
-    var handleSortClick = function (column) {
-        var newSorting = helpers_1.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 helpers_1.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 = helpers_1.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 = helpers_1.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 tslib_1.__assign(tslib_1.__assign({}, column), { filterable: Boolean(filters && filtering_1.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_1["default"].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 && filtering_1.isSelectedFiltersPresent(selectedFilters)
-        ? filtering_1.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 = helpers_1.useLazyLoadData(maxVisibleRows, scrollableEl, !!lazyLoad), getSlicedRows = _3.getSlicedRows, setBoundaryRef = _3.setBoundaryRef;
-    var flatRowsData = helpers_1.transformRows(filteredData, expandedRowIds, isExpandedRowsByDefault);
-    var rowsData = getSlicedRows(flatRowsData);
-    var tableStyle = {
-        '--table-grid-template-columns': helpers_1.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 tslib_1.__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 tslib_1.__assign(tslib_1.__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_1["default"].createElement(TableRowsCollapse_1.TableRowsCollapse, tslib_1.__assign({}, collapseRollProps), cellContent);
-    };
-    var renderEmptyRowsPlaceholder = function (placeholder) {
-        return typeof placeholder === 'string' ? react_1["default"].createElement(Text_1.Text, { size: "s" }, placeholder) : placeholder;
-    };
-    var bottomCreateRowButton = react_1.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_1["default"].createElement("div", { className: cnTable(rowsLength ? 'CreatRowCell' : 'RowWithoutCells') },
-            react_1["default"].createElement(Button_1.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) {
-        onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(params);
-    };
-    return (react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { ref: useForkRef_1.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_1["default"].createElement(TableCell_1.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_1["default"].createElement(TableResizer_1.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_1["default"].createElement(TableHeader_1.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 && filtering_1.isSelectedFiltersPresent(selectedFilters) && (react_1["default"].createElement("div", { className: cnTable('RowWithoutCells') },
-            react_1["default"].createElement(TableSelectedOptionsList_1.TableSelectedOptionsList, { values: filtering_1.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_1["default"].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_1["default"].createElement(TableCell_1.TableCell, { type: "content", key: column.accessor, ref: function (ref) {
-                            cellsRefs.current[columnIdx + "-" + row.id] = ref;
-                            setRef_1.setRef(setBoundaryRef(columnIdx, rowIdx), ref);
-                        }, 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
-                        }), wrap: getCellWrap === null || getCellWrap === void 0 ? void 0 : getCellWrap(row), 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_1["default"].createElement("div", { className: cnTable('RowWithoutCells') },
-            react_1["default"].createElement("div", { className: cnTable('EmptyCell') }, renderEmptyRowsPlaceholder(emptyRowsPlaceholder)))),
-        bottomCreateRowButton));
-};
-exports.Table = react_1["default"].forwardRef(InternalTable);

package/__internal__/cjs-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__/cjs-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 {};

package/__internal__/cjs-src/components/Table/TextFilter/TableTextFilter.js

@@ -1,55 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.TableTextFilter = void 0;
-var tslib_1 = require("tslib");
-require("./TableTextFilter.css");
-var react_1 = tslib_1.__importStar(require("react"));
-var IconSearch_1 = require("../../../icons/IconSearch/IconSearch");
-var bem_1 = require("../../../utils/bem");
-var Button_1 = require("../../Button/Button");
-var CheckboxGroup_1 = require("../../CheckboxGroup/CheckboxGroup");
-var Text_1 = require("../../Text/Text");
-var TextField_1 = require("../../TextField/TextField");
-var TableFilterContainer_1 = require("../FilterContainer/TableFilterContainer");
-var cnTextFilter = bem_1.cn('TableTextFilter');
-exports.TableTextFilter = function (_a) {
-    var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.withSearch, withSearch = _c === void 0 ? false : _c, onConfirm = _a.onConfirm, onCancel = _a.onCancel, filterValue = _a.filterValue, title = _a.title, _d = _a.emptySearchText, emptySearchText = _d === void 0 ? 'Ничего не найдено :(' : _d;
-    var _e = tslib_1.__read(react_1.useState(null), 2), searchValue = _e[0], setSearchValue = _e[1];
-    var _f = tslib_1.__read(react_1.useState(filterValue || items), 2), checkboxGroupValue = _f[0], setCheckboxGroupValue = _f[1];
-    var confirmHandler = function () {
-        setSearchValue(null);
-        onConfirm(checkboxGroupValue === null ? [] : checkboxGroupValue);
-    };
-    var resetHandler = function () {
-        setCheckboxGroupValue(null);
-    };
-    var filteredItems = react_1.useMemo(function () {
-        if (!searchValue) {
-            return items;
-        }
-        return items.filter(function (_a) {
-            var name = _a.name;
-            return name.match(new RegExp("" + searchValue, 'i'));
-        });
-    }, [searchValue, items]);
-    var setAll = function () {
-        setCheckboxGroupValue(filteredItems);
-    };
-    var isAllSelected = react_1.useMemo(function () { return filteredItems.length === (checkboxGroupValue === null || checkboxGroupValue === void 0 ? void 0 : checkboxGroupValue.length); }, [
-        filteredItems,
-        checkboxGroupValue,
-    ]);
-    var isSelected = react_1.useMemo(function () { return checkboxGroupValue === null || checkboxGroupValue === void 0 ? void 0 : checkboxGroupValue.length; }, [checkboxGroupValue]);
-    return (react_1["default"].createElement(TableFilterContainer_1.TableFilterContainer, { title: title, onCancel: onCancel, onConfirm: confirmHandler },
-        withSearch && (react_1["default"].createElement(TextField_1.TextField, { value: searchValue, onChange: function (_a) {
-                var value = _a.value;
-                return setSearchValue(value);
-            }, leftSide: IconSearch_1.IconSearch, size: "s", placeholder: "\u041D\u0430\u0439\u0442\u0438 \u0432 \u0441\u043F\u0438\u0441\u043A\u0435", width: "full", className: cnTextFilter('Searchbar') })),
-        react_1["default"].createElement("div", { className: cnTextFilter('Controls') },
-            react_1["default"].createElement(Button_1.Button, { size: "m", form: "brick", label: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435", view: "clear", onClick: setAll, disabled: !filteredItems.length || isAllSelected }),
-            react_1["default"].createElement(Button_1.Button, { size: "m", form: "brick", label: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C", view: "clear", onClick: resetHandler, disabled: !filteredItems.length || !isSelected })),
-        react_1["default"].createElement("div", { className: cnTextFilter('Checkboxes') }, filteredItems.length ? (react_1["default"].createElement(CheckboxGroup_1.CheckboxGroup, { items: filteredItems, value: checkboxGroupValue, getLabel: function (item) { return item.name; }, onChange: function (_a) {
-                var value = _a.value;
-                setCheckboxGroupValue(value);
-            }, name: "checkboxGroup" })) : (react_1["default"].createElement(Text_1.Text, { lineHeight: "2xs" }, emptySearchText)))));
-};

package/__internal__/cjs-src/components/Table/filtering.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-import { SortByProps, TableColumn, TableRow, ValueOf } from './Table';
-export declare type FilterComponentProps = {
-    onConfirm: (value: unknown) => void;
-    onCancel: () => void;
-    filterValue?: unknown;
-} & Record<string, unknown>;
-export declare type Filters<T extends TableRow> = ValueOf<{
-    [K in keyof T]: {
-        id: string;
-        name: string;
-        field: K extends string ? K : never;
-        filterer(value: any, filterValue?: unknown): boolean;
-    } & ({
-        component?: never;
-    } | {
-        component: {
-            name: React.FC<FilterComponentProps>;
-            props?: Omit<FilterComponentProps, 'onConfirm' | 'filterValue'>;
-        };
-    });
-}>[];
-export declare type onSortBy<T extends TableRow> = (props: SortByProps<T> | null) => void;
-export declare type FieldSelectedValues = string[];
-declare type SelectedFilter = {
-    selected: FieldSelectedValues;
-    value?: any;
-};
-export declare type SelectedFilters = {
-    [field: string]: SelectedFilter;
-};
-declare type SelectedFiltersList = Array<{
-    id: string;
-    name: string;
-}>;
-export declare const getOptionsForFilters: <T extends TableRow>(filters: Filters<T>, field: string) => {
-    value: string;
-    label: string;
-}[];
-export declare const getSelectedFiltersInitialState: <T extends TableRow>(filters?: Filters<T> | undefined) => SelectedFilters;
-export declare const fieldFiltersPresent: <T extends TableRow>(tableFilters: Filters<T>, field: string) => boolean;
-export declare const isSelectedFiltersPresent: (selectedFilters: SelectedFilters) => boolean;
-export declare const getSelectedFiltersList: <T extends TableRow>({ filters, selectedFilters, columns, }: {
-    filters: Filters<T>;
-    selectedFilters: SelectedFilters;
-    columns: TableColumn<T>[];
-}) => SelectedFiltersList;
-export declare const filterTableData: <T extends TableRow>({ data, filters, selectedFilters, }: {
-    data: T[];
-    filters: Filters<T>;
-    selectedFilters: SelectedFilters;
-}) => T[];
-export declare const useSelectedFilters: <T extends TableRow>(filters?: Filters<T> | undefined, onFiltersUpdated?: ((filters: SelectedFilters) => void) | undefined) => {
-    selectedFilters: SelectedFilters;
-    updateSelectedFilters: (field: string, tooltipSelectedFilters: FieldSelectedValues, value?: unknown) => void;
-    removeOneSelectedFilter: (availableFilters: Filters<T>, filter: string) => void;
-    removeAllSelectedFilters: (availableFilters: Filters<T>) => void;
-};
-export {};