@consta/uikit 3.23.1 → 3.24.1

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

@@ -1,270 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.getMergedArray = exports.transformRows = exports.useLazyLoadData = exports.useHeaderData = exports.transformColumns = exports.getMaxLevel = exports.getNewSorting = exports.createSortingState = exports.getColumnLeftOffset = exports.getColumnsSize = exports.Order = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var type_guards_1 = require("../../utils/type-guards");
-exports.Order = {
-    ASC: 'ASC',
-    asc: 'asc',
-    DESC: 'DESC',
-    desc: 'desc'
-};
-exports.getColumnsSize = function (sizes) {
-    return sizes.map(function (s) { return (type_guards_1.isNumber(s) ? s + "px" : "auto"); }).join(' ');
-};
-exports.getColumnLeftOffset = function (_a) {
-    var columnIndex = _a.columnIndex, resizedColumnWidths = _a.resizedColumnWidths, initialColumnWidths = _a.initialColumnWidths;
-    var selectedColumns = initialColumnWidths
-        .slice(0, columnIndex)
-        .map(function (size, index) { return resizedColumnWidths[index] || size; });
-    return selectedColumns.reduce(function (acc, column) { return acc + column; }, 0);
-};
-exports.createSortingState = function (by, order, sortFn) {
-    if (!type_guards_1.isString(order)) {
-        return null;
-    }
-    return { by: by, order: order.toLowerCase(), sortFn: sortFn };
-};
-exports.getNewSorting = function (currentSorting, newField, sortFn) {
-    if (!currentSorting || currentSorting.by !== newField) {
-        return {
-            by: newField,
-            order: 'asc',
-            sortFn: sortFn
-        };
-    }
-    if (currentSorting.order === 'asc') {
-        return {
-            by: newField,
-            order: 'desc',
-            sortFn: sortFn
-        };
-    }
-    return null;
-};
-exports.getMaxLevel = function (columns) {
-    var count = 0;
-    var traverse = function (cols, level) {
-        if (level === void 0) { level = 1; }
-        if (level > count)
-            count = level;
-        cols.forEach(function (item) {
-            if (item.columns) {
-                traverse(item.columns, level + 1);
-            }
-        });
-    };
-    traverse(columns);
-    return count;
-};
-var getLastChildrenCount = function (columns) {
-    var count = 0;
-    var traverse = function (cols) {
-        cols.forEach(function (item) {
-            if (item.columns) {
-                traverse(item.columns);
-            }
-            else {
-                count++;
-            }
-        });
-    };
-    traverse(columns);
-    return count;
-};
-exports.transformColumns = function (columns, maxLevel) {
-    var stack = [{ columns: columns, index: 0 }];
-    var headersArr = [];
-    while (stack.length) {
-        var level = stack.length - 1;
-        var node = stack[level];
-        var item = node.columns[node.index];
-        if (item) {
-            if (!headersArr[level])
-                headersArr[level] = [];
-            var topHeaderGridIndex = stack[0].index;
-            var prevItem = headersArr[level][headersArr[level].length - 1];
-            var gridIndex = prevItem
-                ? prevItem.position.gridIndex + (prevItem.position.colSpan || 1)
-                : 0;
-            var handledItem = tslib_1.__assign(tslib_1.__assign({}, item), { position: {
-                    topHeaderGridIndex: topHeaderGridIndex,
-                    gridIndex: gridIndex,
-                    level: level
-                } });
-            if (!handledItem.columns) {
-                handledItem.position.rowSpan = maxLevel - level;
-                headersArr[level].push(handledItem);
-                node.index++;
-            }
-            else {
-                handledItem.position.colSpan = getLastChildrenCount(handledItem.columns);
-                headersArr[level].push(handledItem);
-                stack.push({ columns: handledItem.columns, index: 0 });
-            }
-        }
-        else {
-            stack.pop();
-            if (stack[stack.length - 1])
-                stack[stack.length - 1].index++;
-        }
-    }
-    return headersArr;
-};
-/**
- * Возвращает данные, необходимые для построения хидера таблицы
- *
- * @param columns - массив колонок
- *
- * @return {
- *   {Array<Header<T>>[]} headers: двумерный массив заголовков, выстроенный по вертикали;
- *   {Array<Header<T>>} flattenedHeaders: плоский массив заголовков;
- *   {Array<Header<T>>} lowHeaders: самые нижние заголовки (по ним строятся колонки);
- *   {Record<number, HTMLDivElement | null>} headerRowsRefs: содержит рефы на заголовки;
- *   {Array<number>} headerRowsHeights: массив высот строк заголовков;
- *   {Array<number>} headerColumnsHeights: массив высот колонок заголовков;
- *   {Array<number>} resizerTopOffsets: массив отступов для компонентов Resizer;
- * }
- */
-exports.useHeaderData = function (columns) {
-    var headerRowsRefs = react_1["default"].useRef({});
-    var headers = exports.transformColumns(columns, exports.getMaxLevel(columns));
-    var headerColumnsHeights = Object.values(headerRowsRefs.current)
-        .filter(type_guards_1.isNotNil)
-        .map(function (ref) { return ref.getBoundingClientRect().height; });
-    var flattenedHeaders = headers
-        .flat()
-        .filter(function (column) { return !column.hidden; })
-        .map(function (column, index) { return (tslib_1.__assign(tslib_1.__assign({}, column), { position: tslib_1.__assign(tslib_1.__assign({}, column.position), { smallTextSize: headers.length > 1 && column.position.level === headers.length - 1, height: headerColumnsHeights[index] || 0 }) })); });
-    var headerRowsHeights = headers.map(function (arr, index) {
-        return Math.min.apply(null, flattenedHeaders
-            .filter(function (col) { return col.position.level === index; })
-            .map(function (item) { return item.position.height; }));
-    });
-    var lowHeaders = flattenedHeaders
-        .filter(function (_a) {
-        var colSpan = _a.position.colSpan;
-        return !colSpan;
-    })
-        .sort(function (a, b) {
-        if (a.position.topHeaderGridIndex !== b.position.topHeaderGridIndex) {
-            return a.position.topHeaderGridIndex > b.position.topHeaderGridIndex ? 1 : -1;
-        }
-        return a.position.gridIndex > b.position.gridIndex ? 1 : -1;
-    });
-    var resizerTopOffsets = lowHeaders.map(function (header, index) {
-        var _a, _b;
-        var headerHeight = headerRowsHeights.reduce(function (a, b) { return a + b; }, 0);
-        if ((header.position.rowSpan || 0) >= (((_a = lowHeaders[index + 1]) === null || _a === void 0 ? void 0 : _a.position.rowSpan) || 0)) {
-            return headerHeight - (header.position.height || 0);
-        }
-        return headerHeight - ((_b = lowHeaders[index + 1]) === null || _b === void 0 ? void 0 : _b.position.height) || 0;
-    });
-    return {
-        headers: headers,
-        flattenedHeaders: flattenedHeaders,
-        lowHeaders: lowHeaders,
-        headerRowsRefs: headerRowsRefs,
-        headerRowsHeights: headerRowsHeights,
-        headerColumnsHeights: headerColumnsHeights,
-        resizerTopOffsets: resizerTopOffsets
-    };
-};
-/**
- * Возвращает 2 функции, необходимые для отображения большого количества строк в таблице
- *
- * @param maxVisibleRows - максимальное количество отображаемых строк в один момент времени
- * @param scrollableEl - элемент, на который вешается scroll listener
- * @param enabled - флаг включения данной функциональность
- *
- * @return {
- *   getSlicedRows: функция, обрезающая исходный массив данных
- *   setBoundaryRef: функция, проставляющая рефы необходимым ячейкам для вычисления границ отображения строк
- * }
- */
-exports.useLazyLoadData = function (maxVisibleRows, scrollableEl, enabled) {
-    var _a = tslib_1.__read(react_1["default"].useState(0), 2), visibleStartIndex = _a[0], setVisibleStartIndex = _a[1];
-    var cellsRefStart = react_1["default"].useRef(null);
-    var cellsRefEnd = react_1["default"].useRef(null);
-    var additionalRowsCount = Math.floor(maxVisibleRows / 3);
-    react_1["default"].useEffect(function () {
-        if (!enabled)
-            return;
-        var elHeight = 0;
-        if (scrollableEl && 'offsetHeight' in scrollableEl) {
-            elHeight = scrollableEl.offsetHeight;
-        }
-        else if (scrollableEl && 'outerHeight' in scrollableEl) {
-            elHeight = scrollableEl.outerHeight;
-        }
-        var onScrollListener = function () {
-            if (cellsRefEnd.current && elHeight / 2 > cellsRefEnd.current.getBoundingClientRect().top) {
-                setVisibleStartIndex(function (prevIndex) { return prevIndex + additionalRowsCount; });
-            }
-            else if (cellsRefStart.current &&
-                cellsRefStart.current.getBoundingClientRect().top > elHeight / 2) {
-                setVisibleStartIndex(function (prevIndex) {
-                    return prevIndex - additionalRowsCount < 0 ? 0 : prevIndex - additionalRowsCount;
-                });
-            }
-        };
-        scrollableEl === null || scrollableEl === void 0 ? void 0 : scrollableEl.addEventListener('scroll', onScrollListener);
-        return function () { return scrollableEl === null || scrollableEl === void 0 ? void 0 : scrollableEl.removeEventListener('scroll', onScrollListener); };
-    }, [visibleStartIndex, scrollableEl]);
-    var setBoundaryRef = function (columnIdx, rowIdx) {
-        if (enabled && columnIdx === 0 && rowIdx === additionalRowsCount && visibleStartIndex > 0) {
-            return cellsRefStart;
-        }
-        if (enabled && columnIdx === 0 && rowIdx === maxVisibleRows - additionalRowsCount) {
-            return cellsRefEnd;
-        }
-        return undefined;
-    };
-    var getSlicedRows = function (rows) {
-        return !enabled || rows.length < maxVisibleRows
-            ? rows
-            : rows.slice(visibleStartIndex, visibleStartIndex + maxVisibleRows);
-    };
-    return {
-        getSlicedRows: getSlicedRows,
-        setBoundaryRef: setBoundaryRef
-    };
-};
-exports.transformRows = function (rows, expandedRowIds, isTableExpanded) {
-    var stack = [{ rows: rows, index: 0 }];
-    var rowsArr = [];
-    while (stack.length) {
-        var level = stack.length - 1;
-        var node = stack[level];
-        var item = node.rows[node.index];
-        if (item) {
-            var handledItem = tslib_1.__assign(tslib_1.__assign({}, item), { level: level, rows: item.rows && tslib_1.__spread(item.rows) });
-            var needGoDeeper = Boolean(handledItem.rows) && (isTableExpanded || expandedRowIds.includes(handledItem.id));
-            if (needGoDeeper) {
-                stack.push({ rows: handledItem.rows, index: 0 });
-            }
-            else {
-                node.index++;
-            }
-            rowsArr.push(handledItem);
-        }
-        else {
-            stack.pop();
-            if (stack[stack.length - 1]) {
-                stack[stack.length - 1].index++;
-            }
-        }
-    }
-    return rowsArr;
-};
-function getMergedArray(mainArr, mergeArr) {
-    var _a;
-    var length = Math.max(mainArr.length, mergeArr.length);
-    var resultArr = [];
-    for (var i = 0; i < length; i++) {
-        resultArr.push((_a = mergeArr[i]) !== null && _a !== void 0 ? _a : mainArr[i]);
-    }
-    return resultArr;
-}
-exports.getMergedArray = getMergedArray;

package/__internal__/cjs-src/components/Tabs/FitModeDropdownWrapper/TabsFitModeDropdownWrapper.css

@@ -1,24 +0,0 @@
-.TabsFitModeDropdownWrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-  .TabsFitModeDropdownWrapper-Tabs {
-    max-width: 100%;
-  }
-
-  .TabsFitModeDropdownWrapper-MoreItems {
-    position: absolute;
-  }
-
-  .TabsFitModeDropdownWrapper-Tab_hidden {
-      position: absolute;
-
-      /* Чтобы из-за скрытых элементов не появлялся скролл экрана */
-      left: -100vw;
-      visibility: hidden;
-    }

package/__internal__/cjs-src/components/Tabs/FitModeDropdownWrapper/TabsFitModeDropdownWrapper.d.ts

@@ -1,4 +0,0 @@
-import './TabsFitModeDropdownWrapper.css';
-import React from 'react';
-import { TabsFitModeWrapperProps } from '../helpers';
-export declare const TabsFitModeDropdownWrapper: <ITEM>({ items, tabsDimensions, tabRefs, getLabel, getChecked, renderItem, renderItemsList, }: TabsFitModeWrapperProps<ITEM>) => React.ReactElement | null;

package/__internal__/cjs-src/components/Tabs/FitModeDropdownWrapper/TabsFitModeDropdownWrapper.js

@@ -1,40 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.TabsFitModeDropdownWrapper = void 0;
-var tslib_1 = require("tslib");
-require("./TabsFitModeDropdownWrapper.css");
-var react_1 = tslib_1.__importDefault(require("react"));
-var bem_1 = require("../../../utils/bem");
-var helpers_1 = require("../helpers");
-var TabsMoreItems_1 = require("../MoreItems/TabsMoreItems");
-var useFittingItems_1 = require("./useFittingItems");
-var cnTabsFitModeDropdownWrapper = bem_1.cn('TabsFitModeDropdownWrapper');
-exports.TabsFitModeDropdownWrapper = function (_a) {
-    var items = _a.items, tabsDimensions = _a.tabsDimensions, tabRefs = _a.tabRefs, getLabel = _a.getLabel, getChecked = _a.getChecked, renderItem = _a.renderItem, renderItemsList = _a.renderItemsList;
-    var ref = react_1["default"].useRef(null);
-    var moreItemsRef = react_1["default"].useRef(null);
-    var isItemHidden = useFittingItems_1.useFittingItems({
-        tabsDimensions: tabsDimensions,
-        containerRef: ref,
-        moreItemsRef: moreItemsRef
-    }).isItemHidden;
-    var hiddenItems = items.filter(function (_item, idx) { return isItemHidden(idx); });
-    var maxTabHeight = react_1["default"].useMemo(function () {
-        return Math.max.apply(Math, tslib_1.__spread(tabRefs.map(function (tabRef) { var _a, _b; return (_b = (_a = tabRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0; })));
-    }, [tabsDimensions]);
-    var checkedItemIsHidden = hiddenItems.some(getChecked);
-    var visibleTabsWidth = helpers_1.getTabsWidth(tabsDimensions.filter(function (_td, idx) { return !isItemHidden(idx); }));
-    return (react_1["default"].createElement("div", { ref: ref, className: cnTabsFitModeDropdownWrapper(), style: { height: maxTabHeight } },
-        react_1["default"].createElement("div", { className: cnTabsFitModeDropdownWrapper('Tabs') }, renderItemsList({
-            withRunningLine: !checkedItemIsHidden,
-            getTabClassName: function (idx) {
-                return cnTabsFitModeDropdownWrapper('Tab', { hidden: isItemHidden(idx) });
-            }
-        })),
-        hiddenItems.length > 0 && (react_1["default"].createElement("div", { ref: moreItemsRef, className: cnTabsFitModeDropdownWrapper('MoreItems'), style: {
-                /* В Safari скрытые табы с абсолютом продолжают растягивать контейнер,
-                поэтому приходится позиционировать кнопку абсолютом */
-                left: visibleTabsWidth
-            } },
-            react_1["default"].createElement(TabsMoreItems_1.TabsMoreItems, { items: hiddenItems, renderItem: renderItem, getLabel: getLabel, getChecked: getChecked, height: maxTabHeight })))));
-};

package/__internal__/cjs-src/components/Tabs/FitModeDropdownWrapper/useFittingItems.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { TabDimensions } from '../helpers';
-export declare const useFittingItems: ({ tabsDimensions, containerRef, moreItemsRef, }: {
-    tabsDimensions: TabDimensions[];
-    containerRef: React.RefObject<HTMLElement>;
-    moreItemsRef: React.RefObject<HTMLElement>;
-}) => {
-    fittingItemsCount: number;
-    isItemHidden: (idx: number) => boolean;
-};
-export declare const getFittingItemsCount: ({ tabsDimensions, totalWidth, moreItemsWidth, }: {
-    tabsDimensions: TabDimensions[];
-    totalWidth: number;
-    moreItemsWidth: number;
-}) => number;

package/__internal__/cjs-src/components/Tabs/FitModeDropdownWrapper/useFittingItems.js

@@ -1,51 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.getFittingItemsCount = exports.useFittingItems = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var useComponentSize_1 = require("../../../hooks/useComponentSize/useComponentSize");
-var helpers_1 = require("../helpers");
-exports.useFittingItems = function (_a) {
-    var tabsDimensions = _a.tabsDimensions, containerRef = _a.containerRef, moreItemsRef = _a.moreItemsRef;
-    var containerWidth = useComponentSize_1.useComponentSize(containerRef).width;
-    var moreItemsWidth = useComponentSize_1.useComponentSize(moreItemsRef).width;
-    var fittingItemsCount = react_1["default"].useMemo(function () {
-        return exports.getFittingItemsCount({
-            tabsDimensions: tabsDimensions,
-            totalWidth: containerWidth,
-            moreItemsWidth: moreItemsWidth
-        });
-    }, [tabsDimensions, containerWidth, moreItemsWidth]);
-    return {
-        fittingItemsCount: fittingItemsCount,
-        isItemHidden: react_1["default"].useCallback(function (idx) { return idx >= fittingItemsCount; }, [fittingItemsCount])
-    };
-};
-exports.getFittingItemsCount = function (_a) {
-    var e_1, _b;
-    var tabsDimensions = _a.tabsDimensions, totalWidth = _a.totalWidth, moreItemsWidth = _a.moreItemsWidth;
-    if (!totalWidth) {
-        return tabsDimensions.length;
-    }
-    try {
-        for (var _c = tslib_1.__values(tabsDimensions.entries()), _d = _c.next(); !_d.done; _d = _c.next()) {
-            var _e = tslib_1.__read(_d.value, 2), idx = _e[0], tabDimensions = _e[1];
-            var isLastItem = idx === tabsDimensions.length - 1;
-            var previousTabsDimensions = tabsDimensions.slice(0, idx);
-            var width = tabDimensions.size +
-                helpers_1.getTabsWidth(previousTabsDimensions) +
-                (isLastItem ? 0 : tabDimensions.gap + moreItemsWidth);
-            if (width > totalWidth) {
-                return idx;
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (_d && !_d.done && (_b = _c["return"])) _b.call(_c);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return tabsDimensions.length;
-};

package/__internal__/cjs-src/components/Tabs/FitModeScrollWrapper/TabsFitModeScrollWrapper.css

@@ -1,57 +0,0 @@
-.TabsFitModeScrollWrapper {
-  --list-padding: var(--space-xs);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-  .TabsFitModeScrollWrapper-Content {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    overflow-x: scroll;
-
-    /* Чтобы overflow не обрезал обводку фокуса */
-    margin: calc(-1 * var(--list-padding));
-    padding: var(--list-padding);
-    -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-            flex-grow: 1;
-    scrollbar-width: none;
-  }
-
-  .TabsFitModeScrollWrapper-Content::-webkit-scrollbar:horizontal {
-      display: none;
-      width: 0;
-      height: 0;
-    }
-
-  .TabsFitModeScrollWrapper-Content::-webkit-scrollbar-thumb:horizontal {
-      display: none;
-    }
-
-  .TabsFitModeScrollWrapper-Button {
-    --button-margin: var(--space-2xs);
-    --button-inner-margin: calc(var(--button-margin) + var(--list-padding));
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-    margin: 0 var(--button-margin);
-  }
-
-  .TabsFitModeScrollWrapper-Button_to_prev {
-      margin-right: var(--button-inner-margin);
-    }
-
-  .TabsFitModeScrollWrapper-Button_to_next {
-      -webkit-box-ordinal-group: 2;
-          -ms-flex-order: 1;
-              order: 1;
-      margin-left: var(--button-inner-margin);
-    }
-
-  .TabsFitModeScrollWrapper-Tab_noMargin {
-      margin-right: 0;
-    }

package/__internal__/cjs-src/components/Tabs/FitModeScrollWrapper/TabsFitModeScrollWrapper.d.ts

@@ -1,4 +0,0 @@
-import './TabsFitModeScrollWrapper.css';
-import React from 'react';
-import { TabsFitModeWrapperProps } from '../helpers';
-export declare const TabsFitModeScrollWrapper: <ITEM>({ tabsDimensions, items, renderItemsList, getChecked, }: TabsFitModeWrapperProps<ITEM>) => React.ReactElement | null;

package/__internal__/cjs-src/components/Tabs/FitModeScrollWrapper/TabsFitModeScrollWrapper.js

@@ -1,67 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.TabsFitModeScrollWrapper = void 0;
-var tslib_1 = require("tslib");
-require("./TabsFitModeScrollWrapper.css");
-var react_1 = tslib_1.__importDefault(require("react"));
-var useResizeObserved_1 = require("../../../hooks/useResizeObserved/useResizeObserved");
-var useScrollPosition_1 = require("../../../hooks/useScrollPosition/useScrollPosition");
-var IconArrowLeft_1 = require("../../../icons/IconArrowLeft/IconArrowLeft");
-var IconArrowRight_1 = require("../../../icons/IconArrowRight/IconArrowRight");
-var bem_1 = require("../../../utils/bem");
-var Button_1 = require("../../Button/Button");
-var helpers_1 = require("../helpers");
-var helpers_2 = require("./helpers");
-var cnTabsFitModeScrollWrapper = bem_1.cn('TabsFitModeScrollWrapper');
-exports.TabsFitModeScrollWrapper = function (_a) {
-    var tabsDimensions = _a.tabsDimensions, items = _a.items, renderItemsList = _a.renderItemsList, getChecked = _a.getChecked;
-    var scrollContainerRef = react_1["default"].useRef(null);
-    var _b = tslib_1.__read(useResizeObserved_1.useResizeObserved(react_1["default"].useMemo(function () { return [scrollContainerRef]; }, [scrollContainerRef]), function (el) {
-        var _a;
-        return ({
-            isScrollable: el && el.scrollWidth > el.offsetWidth,
-            width: (_a = el === null || el === void 0 ? void 0 : el.offsetWidth) !== null && _a !== void 0 ? _a : 0,
-            paddingLeft: el ? parseInt(getComputedStyle(el).paddingLeft, 10) : 0
-        });
-    }), 1), _c = _b[0], isScrollable = _c.isScrollable, containerWidth = _c.width, containerPaddingLeft = _c.paddingLeft;
-    var scrollLeft = useScrollPosition_1.useScrollPosition(scrollContainerRef.current).scrollLeft;
-    var _d = tslib_1.__read(helpers_2.getVisibleTabsRange({
-        tabsDimensions: tabsDimensions,
-        containerWidth: containerWidth,
-        containerPaddingLeft: containerPaddingLeft,
-        scrollLeft: scrollLeft
-    }), 2), firstVisibleTabIdx = _d[0], lastVisibleTabIdx = _d[1];
-    var scrollTabIntoView = function (idx) {
-        var _a;
-        var tabIsVisible = idx >= firstVisibleTabIdx && idx <= lastVisibleTabIdx;
-        if (!tabIsVisible) {
-            var previousTabsWidth = helpers_1.getTabsWidth(tabsDimensions.slice(0, idx));
-            (_a = scrollContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
-                left: previousTabsWidth,
-                behavior: 'smooth'
-            });
-        }
-    };
-    var scrollPrev = function () {
-        scrollTabIntoView(firstVisibleTabIdx - 1);
-    };
-    var scrollNext = function () {
-        scrollTabIntoView(lastVisibleTabIdx + 1);
-    };
-    // Подскролливаем к выбранному табу
-    var checkedTabIdx = items.findIndex(getChecked);
-    react_1["default"].useEffect(function () {
-        if (isScrollable) {
-            scrollTabIntoView(checkedTabIdx);
-        }
-    }, [checkedTabIdx, isScrollable]);
-    return (react_1["default"].createElement("div", { className: cnTabsFitModeScrollWrapper() },
-        isScrollable && (react_1["default"].createElement(react_1["default"].Fragment, null, ['prev', 'next'].map(function (buttonTo) { return (react_1["default"].createElement(Button_1.Button, { key: buttonTo, view: "clear", size: "xs", onlyIcon: true, disabled: buttonTo === 'prev'
-                ? firstVisibleTabIdx === 0
-                : lastVisibleTabIdx === items.length - 1, iconLeft: buttonTo === 'prev' ? IconArrowLeft_1.IconArrowLeft : IconArrowRight_1.IconArrowRight, className: cnTabsFitModeScrollWrapper('Button', { to: buttonTo }), onClick: buttonTo === 'prev' ? scrollPrev : scrollNext })); }))),
-        react_1["default"].createElement("div", { className: cnTabsFitModeScrollWrapper('Content'), ref: scrollContainerRef }, renderItemsList({
-            getTabClassName: function (idx) {
-                return cnTabsFitModeScrollWrapper('Tab', { noMargin: idx === items.length - 1 });
-            }
-        }))));
-};

package/__internal__/cjs-src/components/Tabs/FitModeScrollWrapper/helpers.d.ts

@@ -1,7 +0,0 @@
-import { TabDimensions } from '../helpers';
-export declare const getVisibleTabsRange: ({ tabsDimensions, containerWidth, containerPaddingLeft, scrollLeft, }: {
-    tabsDimensions: TabDimensions[];
-    containerWidth: number;
-    containerPaddingLeft: number;
-    scrollLeft: number;
-}) => [number, number];

package/__internal__/cjs-src/components/Tabs/FitModeScrollWrapper/helpers.js

@@ -1,27 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.getVisibleTabsRange = void 0;
-var helpers_1 = require("../helpers");
-exports.getVisibleTabsRange = function (_a) {
-    var tabsDimensions = _a.tabsDimensions, containerWidth = _a.containerWidth, containerPaddingLeft = _a.containerPaddingLeft, scrollLeft = _a.scrollLeft;
-    var firstVisibleTabIdx = null;
-    var lastVisibleTabIdx = null;
-    var containerLeftSide = scrollLeft;
-    var containerRightSide = containerLeftSide + containerWidth;
-    for (var idx = 0; idx < tabsDimensions.length; idx++) {
-        var previousTabsWidth = helpers_1.getTabsWidth(tabsDimensions.slice(0, idx));
-        var tabElLeftSide = containerPaddingLeft + previousTabsWidth;
-        var isTabLeftSideVisible = tabElLeftSide >= containerLeftSide;
-        if (isTabLeftSideVisible && firstVisibleTabIdx === null) {
-            firstVisibleTabIdx = idx;
-        }
-        var tabElRightSide = tabElLeftSide + tabsDimensions[idx].size;
-        var isTabRightSideVisible = tabElRightSide <= containerRightSide;
-        if (isTabRightSideVisible) {
-            lastVisibleTabIdx = idx;
-        }
-    }
-    firstVisibleTabIdx = firstVisibleTabIdx !== null && firstVisibleTabIdx !== void 0 ? firstVisibleTabIdx : 0;
-    lastVisibleTabIdx = Math.max(firstVisibleTabIdx, lastVisibleTabIdx !== null && lastVisibleTabIdx !== void 0 ? lastVisibleTabIdx : 0);
-    return [firstVisibleTabIdx, lastVisibleTabIdx];
-};

package/__internal__/cjs-src/components/Tabs/Line/TabsLine.css

@@ -1,51 +0,0 @@
-.TabsLine {
-  position: absolute;
-}
-
-  .TabsLine_type_border {
-    --line-thickness: 1px;
-    background-color: var(--color-bg-border);
-  }
-
-  .TabsLine_type_running {
-    --line-thickness: 2px;
-    background-color: var(--color-bg-brand);
-    -webkit-transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
-    transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
-    transition: transform 0.25s, width 0.25s, height 0.25s;
-    transition: transform 0.25s, width 0.25s, height 0.25s, -webkit-transform 0.25s;
-  }
-
-  .TabsLine_position_bottom,
-  .TabsLine_position_top {
-    left: 0;
-    width: var(--line-length);
-    height: var(--line-thickness);
-    -webkit-transform: translateX(var(--line-offset));
-            transform: translateX(var(--line-offset));
-  }
-
-  .TabsLine_position_bottom {
-    bottom: 0;
-  }
-
-  .TabsLine_position_top {
-    top: 0;
-  }
-
-  .TabsLine_position_left,
-  .TabsLine_position_right {
-    top: 0;
-    width: var(--line-thickness);
-    height: var(--line-length);
-    -webkit-transform: translateY(var(--line-offset));
-            transform: translateY(var(--line-offset));
-  }
-
-  .TabsLine_position_left {
-    left: 0;
-  }
-
-  .TabsLine_position_right {
-    right: 0;
-  }

package/__internal__/cjs-src/components/Tabs/Line/TabsLine.d.ts

@@ -1,12 +0,0 @@
-import './TabsLine.css';
-import React from 'react';
-import { TabDimensions } from '../helpers';
-import { TabsPropLinePosition } from '../Tabs';
-export declare const TabsBorderLine: React.FC<{
-    linePosition: TabsPropLinePosition;
-}>;
-export declare const TabsRunningLine: React.FC<{
-    linePosition: TabsPropLinePosition;
-    activeTabIdx: number;
-    tabsDimensions: TabDimensions[];
-}>;