@consta/uikit 5.17.0 → 5.18.0

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

@@ -1,59 +1,59 @@
-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 {};
+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 {};

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

@@ -1,78 +1,78 @@
-import React from 'react';
-import { ColumnWidth, SortingState, TableColumn, TableRow, TableTreeRow } from './Table';
-export declare const Order: {
-    readonly ASC: "ASC";
-    readonly asc: "asc";
-    readonly DESC: "DESC";
-    readonly desc: "desc";
-};
-export declare type OrderType = typeof Order[keyof typeof Order];
-export declare type Position = {
-    colSpan?: number;
-    rowSpan?: number;
-    level: number;
-    gridIndex: number;
-    isFirst?: boolean;
-    topHeaderGridIndex: number;
-    smallTextSize?: boolean;
-    height?: number;
-};
-export declare type Header<T extends TableRow> = TableColumn<T> & {
-    position: Position;
-    colId?: number;
-    parentId?: number;
-};
-export declare type HeaderData<T extends TableRow> = {
-    headers: Array<Header<T>>[];
-    flattenedHeaders: Array<Header<T>>;
-    lowHeaders: Array<Header<T>>;
-    headerRowsRefs: React.MutableRefObject<Record<number, HTMLDivElement | null>>;
-    headerRowsHeights: Array<number>;
-    headerColumnsHeights: Array<number>;
-    resizerTopOffsets: Array<number>;
-};
-export declare const getColumnsSize: (sizes: ColumnWidth[]) => string;
-export declare const getColumnLeftOffset: ({ columnIndex, resizedColumnWidths, initialColumnWidths, }: {
-    columnIndex: number;
-    resizedColumnWidths: Array<number | undefined>;
-    initialColumnWidths: number[];
-}) => number;
-export declare const createSortingState: <T extends TableRow>(by: keyof T, order?: OrderType, sortFn?: ((a: T[keyof T], b: T[keyof T]) => number) | undefined) => SortingState<T>;
-export declare const getNewSorting: <T extends TableRow>(currentSorting: SortingState<T>, newField: keyof T, sortFn?: ((a: T[keyof T], b: T[keyof T]) => number) | undefined) => SortingState<T>;
-export declare const getMaxLevel: <T extends TableRow>(columns: TableColumn<T>[]) => number;
-export declare const transformColumns: <T extends TableRow>(columns: TableColumn<T>[], maxLevel: number) => Header<T>[][];
-/**
- * Возвращает данные, необходимые для построения хедера таблицы
- *
- * @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;
- * }
- */
-export declare const useHeaderData: <T extends TableRow>(columns: TableColumn<T>[]) => HeaderData<T>;
-/**
- * Возвращает 2 функции, необходимые для отображения большого количества строк в таблице
- *
- * @param maxVisibleRows - максимальное количество отображаемых строк в один момент времени
- * @param scrollableEl - элемент, на который вешается scroll listener
- * @param enabled - флаг включения данной функциональность
- *
- * @return {
- *   getSlicedRows: функция, обрезающая исходный массив данных
- *   setBoundaryRef: функция, проставляющая рефы необходимым ячейкам для вычисления границ отображения строк
- * }
- */
-export declare const useLazyLoadData: (maxVisibleRows: number, scrollableEl: HTMLDivElement | Window | null, enabled: boolean) => {
-    getSlicedRows: <T extends TableRow>(rows: T[]) => T[];
-    setBoundaryRef: (columnIdx: number, rowIdx: number) => React.RefObject<HTMLDivElement> | undefined;
-};
-export declare const transformRows: <T extends TableRow>(rows: T[], expandedRowIds: string[], isTableExpanded?: boolean) => TableTreeRow<T>[];
-export declare function getMergedArray<TYPE>(mainArr: TYPE[], mergeArr: TYPE[]): TYPE[];
-export declare function calculateColSpans<T extends TableRow>(columns: TableColumn<T>[], row: TableTreeRow<T>): number[];
+import React from 'react';
+import { ColumnWidth, SortingState, TableColumn, TableRow, TableTreeRow } from './Table';
+export declare const Order: {
+    readonly ASC: "ASC";
+    readonly asc: "asc";
+    readonly DESC: "DESC";
+    readonly desc: "desc";
+};
+export declare type OrderType = typeof Order[keyof typeof Order];
+export declare type Position = {
+    colSpan?: number;
+    rowSpan?: number;
+    level: number;
+    gridIndex: number;
+    isFirst?: boolean;
+    topHeaderGridIndex: number;
+    smallTextSize?: boolean;
+    height?: number;
+};
+export declare type Header<T extends TableRow> = TableColumn<T> & {
+    position: Position;
+    colId?: number;
+    parentId?: number;
+};
+export declare type HeaderData<T extends TableRow> = {
+    headers: Array<Header<T>>[];
+    flattenedHeaders: Array<Header<T>>;
+    lowHeaders: Array<Header<T>>;
+    headerRowsRefs: React.MutableRefObject<Record<number, HTMLDivElement | null>>;
+    headerRowsHeights: Array<number>;
+    headerColumnsHeights: Array<number>;
+    resizerTopOffsets: Array<number>;
+};
+export declare const getColumnsSize: (sizes: ColumnWidth[]) => string;
+export declare const getColumnLeftOffset: ({ columnIndex, resizedColumnWidths, initialColumnWidths, }: {
+    columnIndex: number;
+    resizedColumnWidths: Array<number | undefined>;
+    initialColumnWidths: number[];
+}) => number;
+export declare const createSortingState: <T extends TableRow>(by: keyof T, order?: OrderType, sortFn?: ((a: T[keyof T], b: T[keyof T]) => number) | undefined) => SortingState<T>;
+export declare const getNewSorting: <T extends TableRow>(currentSorting: SortingState<T>, newField: keyof T, sortFn?: ((a: T[keyof T], b: T[keyof T]) => number) | undefined) => SortingState<T>;
+export declare const getMaxLevel: <T extends TableRow>(columns: TableColumn<T>[]) => number;
+export declare const transformColumns: <T extends TableRow>(columns: TableColumn<T>[], maxLevel: number) => Header<T>[][];
+/**
+ * Возвращает данные, необходимые для построения хедера таблицы
+ *
+ * @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;
+ * }
+ */
+export declare const useHeaderData: <T extends TableRow>(columns: TableColumn<T>[]) => HeaderData<T>;
+/**
+ * Возвращает 2 функции, необходимые для отображения большого количества строк в таблице
+ *
+ * @param maxVisibleRows - максимальное количество отображаемых строк в один момент времени
+ * @param scrollableEl - элемент, на который вешается scroll listener
+ * @param enabled - флаг включения данной функциональность
+ *
+ * @return {
+ *   getSlicedRows: функция, обрезающая исходный массив данных
+ *   setBoundaryRef: функция, проставляющая рефы необходимым ячейкам для вычисления границ отображения строк
+ * }
+ */
+export declare const useLazyLoadData: (maxVisibleRows: number, scrollableEl: HTMLDivElement | Window | null, enabled: boolean) => {
+    getSlicedRows: <T extends TableRow>(rows: T[]) => T[];
+    setBoundaryRef: (columnIdx: number, rowIdx: number) => React.RefObject<HTMLDivElement> | undefined;
+};
+export declare const transformRows: <T extends TableRow>(rows: T[], expandedRowIds: string[], isTableExpanded?: boolean) => TableTreeRow<T>[];
+export declare function getMergedArray<TYPE>(mainArr: TYPE[], mergeArr: TYPE[]): TYPE[];
+export declare function calculateColSpans<T extends TableRow>(columns: TableColumn<T>[], row: TableTreeRow<T>): number[];

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

@@ -1 +1 @@
-export * from './Table';
+export * from './Table';

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

@@ -1,5 +1,5 @@
-import './Tabs.css';
-import { TabsComponent } from './types';
-export declare const cnTabs: import("@bem-react/classname").ClassNameFormatter;
-export declare const Tabs: TabsComponent;
-export * from './types';
+import './Tabs.css';
+import { TabsComponent } from './types';
+export declare const cnTabs: import("@bem-react/classname").ClassNameFormatter;
+export declare const Tabs: TabsComponent;
+export * from './types';

package/__internal__/src/components/Tabs/Tabs.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes","as"],_excluded2=["size","className","items","view","value","linePosition","fitMode","withScrollButtons","onlyIcon","getItemIcon","getItemAs","getItemAttributes","getItemRef","getItemLabel","onChange","iconSize","renderItem","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemDisabled","disabled"];import"./Tabs.css";import React,{forwardRef}from"react";import{useRefs}from"../../hooks/useRefs";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useResizeObserved}from"../../hooks/useResizeObserved/useResizeObserved";import{cn}from"../../utils/bem";import{getTabsDirection,getTabsWrapper,withDefaultGetters}from"./helpers";import{TabsBorderLine,TabsRunningLine}from"./TabsLine/TabsLine";import{TabsTab}from"./TabsTab/TabsTab";import{tabsDefaultFitMode,tabsDefaultLinePosition,tabsDefaultSize,tabsDefaultView}from"./types";export var cnTabs=cn("Tabs");function renderItemDefault(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=a.as,f=_objectWithoutProperties(a,_excluded);return React.createElement(TabsTab,Object.assign({},d,f,{as:e}))}var TabsRender=function(a,b){var c=withDefaultGetters(a),d=c.size,e=void 0===d?tabsDefaultSize:d,f=c.className,g=c.items,h=c.view,i=void 0===h?tabsDefaultView:h,j=c.value,k=c.linePosition,l=void 0===k?tabsDefaultLinePosition:k,m=c.fitMode,n=void 0===m?tabsDefaultFitMode:m,o=c.withScrollButtons,p=c.onlyIcon,q=c.getItemIcon,r=c.getItemAs,s=c.getItemAttributes,t=c.getItemRef,u=c.getItemLabel,v=c.onChange,w=c.iconSize,x=c.renderItem,y=void 0===x?renderItemDefault:x,z=c.getItemLeftIcon,A=c.getItemLeftSide,B=c.getItemRightIcon,C=c.getItemRightSide,D=c.getItemDisabled,E=c.disabled,F=_objectWithoutProperties(c,_excluded2),G=useChoiceGroup({value:j||null,getKey:u,callBack:v,multiple:!1}),H=G.getOnChange,I=G.getChecked,J=getTabsDirection(l),K="vertical"===J,L=useRefs(g.length,[g.length,n,K]),M=useResizeObserved(L,function(a){var b;return{size:null!==(b=null===a||void 0===a?void 0:a[K?"offsetHeight":"offsetWidth"])&&void 0!==b?b:0,gap:a?parseInt(getComputedStyle(a)[K?"marginBottom":"marginRight"],10):0}}),N=g.findIndex(I),O=function(a,b,c){return y({item:a,onChange:function(){null===b||void 0===b?void 0:b(),H(a).apply(void 0,arguments)},checked:I(a),label:u(a).toString(),icon:q(a),leftIcon:z(a),rightIcon:B(a),leftSide:A(a),rightSide:C(a),disabled:E||D(a),onlyIcon:p,size:e,iconSize:w,renderInDropdown:c,as:r(a)||"button",tabRef:t(a),attributes:s(a)})},P=getTabsWrapper(J,n);return g.length?React.createElement("div",Object.assign({className:cnTabs({size:e,view:i,direction:J},[f,cnMixScrollBar({invisible:!0})]),ref:b},F),React.createElement(P,{tabRefs:L,onChange:v,tabsDimensions:M,renderItem:O,renderItemsList:function renderItemsList(a){var b=a.withRunningLine,c=a.visibleIndexes,d=a.getTabClassName;return React.createElement("div",{className:cnTabs("List",{direction:J,linePosition:l})},g.map(function(a,b){return React.createElement("div",{ref:L[b],key:u(a),className:cnTabs("Tab",{direction:J},[null===d||void 0===d?void 0:d(b)])},O(a))}),(!(void 0!==b)||b)&&!E&&React.createElement(TabsRunningLine,{visibleIndexes:c,linePosition:l,tabsDimensions:M,activeTabIdx:N}))},getItemLabel:u,getItemChecked:I,items:g,size:e,withScrollButtons:!(void 0!==o)||o}),"bordered"===i&&React.createElement(TabsBorderLine,{linePosition:l})):null};export var Tabs=forwardRef(TabsRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes","as"],_excluded2=["size","className","items","view","value","linePosition","fitMode","withScrollButtons","onlyIcon","getItemIcon","getItemAs","getItemAttributes","getItemRef","getItemLabel","getItemKey","onChange","iconSize","renderItem","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemDisabled","disabled"];import"./Tabs.css";import React,{forwardRef}from"react";import{useRefs}from"../../hooks/useRefs";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useResizeObserved}from"../../hooks/useResizeObserved/useResizeObserved";import{cn}from"../../utils/bem";import{getTabsDirection,getTabsWrapper,withDefaultGetters}from"./helpers";import{TabsBorderLine,TabsRunningLine}from"./TabsLine/TabsLine";import{TabsTab}from"./TabsTab/TabsTab";import{tabsDefaultFitMode,tabsDefaultLinePosition,tabsDefaultSize,tabsDefaultView}from"./types";export var cnTabs=cn("Tabs");function renderItemDefault(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=a.as,f=_objectWithoutProperties(a,_excluded);return React.createElement(TabsTab,Object.assign({},d,f,{as:e}))}var TabsRender=function(a,b){var c=withDefaultGetters(a),d=c.size,e=void 0===d?tabsDefaultSize:d,f=c.className,g=c.items,h=c.view,i=void 0===h?tabsDefaultView:h,j=c.value,k=c.linePosition,l=void 0===k?tabsDefaultLinePosition:k,m=c.fitMode,n=void 0===m?tabsDefaultFitMode:m,o=c.withScrollButtons,p=c.onlyIcon,q=c.getItemIcon,r=c.getItemAs,s=c.getItemAttributes,t=c.getItemRef,u=c.getItemLabel,v=c.getItemKey,w=c.onChange,x=c.iconSize,y=c.renderItem,z=void 0===y?renderItemDefault:y,A=c.getItemLeftIcon,B=c.getItemLeftSide,C=c.getItemRightIcon,D=c.getItemRightSide,E=c.getItemDisabled,F=c.disabled,G=_objectWithoutProperties(c,_excluded2),H=v||u,I=useChoiceGroup({value:j||null,getKey:H,callBack:w,multiple:!1}),J=I.getOnChange,K=I.getChecked,L=getTabsDirection(l),M="vertical"===L,N=useRefs(g.length,[g.length,n,M]),O=useResizeObserved(N,function(a){var b;return{size:null!==(b=null===a||void 0===a?void 0:a[M?"offsetHeight":"offsetWidth"])&&void 0!==b?b:0,gap:a?parseInt(getComputedStyle(a)[M?"marginBottom":"marginRight"],10):0}}),P=g.findIndex(K),Q=function(a,b,c){return z({item:a,onChange:function(){null===b||void 0===b?void 0:b(),J(a).apply(void 0,arguments)},checked:K(a),label:u(a).toString(),icon:q(a),leftIcon:A(a),rightIcon:C(a),leftSide:B(a),rightSide:D(a),disabled:F||E(a),onlyIcon:p,size:e,iconSize:x,renderInDropdown:c,as:r(a)||"button",tabRef:t(a),attributes:s(a)})},R=getTabsWrapper(L,n);return g.length?React.createElement("div",Object.assign({className:cnTabs({size:e,view:i,direction:L},[f,cnMixScrollBar({invisible:!0})]),ref:b},G),React.createElement(R,{tabRefs:N,onChange:w,tabsDimensions:O,renderItem:Q,renderItemsList:function renderItemsList(a){var b=a.withRunningLine,c=a.visibleIndexes,d=a.getTabClassName;return React.createElement("div",{className:cnTabs("List",{direction:L,linePosition:l})},g.map(function(a,b){return React.createElement("div",{ref:N[b],key:H(a),className:cnTabs("Tab",{direction:L},[null===d||void 0===d?void 0:d(b)])},Q(a))}),(!(void 0!==b)||b)&&!F&&React.createElement(TabsRunningLine,{visibleIndexes:c,linePosition:l,tabsDimensions:O,activeTabIdx:P}))},getItemKey:H,getItemChecked:K,items:g,size:e,withScrollButtons:!(void 0!==o)||o}),"bordered"===i&&React.createElement(TabsBorderLine,{linePosition:l})):null};export var Tabs=forwardRef(TabsRender);export*from"./types";
 //# sourceMappingURL=Tabs.js.map

package/__internal__/src/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["React","forwardRef","useRefs","cnMixScrollBar","useChoiceGroup","useResizeObserved","cn","getTabsDirection","getTabsWrapper","withDefaultGetters","TabsBorderLine","TabsRunningLine","TabsTab","tabsDefaultFitMode","tabsDefaultLinePosition","tabsDefaultSize","tabsDefaultView","cnTabs","renderItemDefault","props","item","attributes","as","otherProps","TabsRender","ref","size","className","items","view","value","linePosition","fitMode","withScrollButtons","onlyIcon","getItemIcon","getItemAs","getItemAttributes","getItemRef","getItemLabel","onChange","iconSize","renderItem","renderItemProp","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemDisabled","disabled","getKey","callBack","multiple","getOnChange","getChecked","tabsDirection","isVertical","tabRefs","length","tabsDimensions","el","gap","parseInt","getComputedStyle","activeTabIdx","findIndex","onClick","renderInDropdown","checked","label","toString","icon","leftIcon","rightIcon","leftSide","rightSide","tabRef","Wrapper","direction","invisible","renderItemsList","withRunningLine","visibleIndexes","getTabClassName","map","idx","Tabs"],"sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import './Tabs.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useResizeObserved } from '../../hooks/useResizeObserved/useResizeObserved';\nimport { cn } from '../../utils/bem';\nimport {\n  getTabsDirection,\n  getTabsWrapper,\n  withDefaultGetters,\n} from './helpers';\nimport { TabsBorderLine, TabsRunningLine } from './TabsLine/TabsLine';\nimport { TabsTab } from './TabsTab/TabsTab';\nimport {\n  RenderItemProps,\n  RenderItemsListProp,\n  TabDimensions,\n  TabsComponent,\n  tabsDefaultFitMode,\n  tabsDefaultLinePosition,\n  tabsDefaultSize,\n  tabsDefaultView,\n  TabsProps,\n} from './types';\n\nexport const cnTabs = cn('Tabs');\n\nfunction renderItemDefault<ITEM>(\n  props: RenderItemProps<ITEM>,\n): React.ReactElement {\n  const { item, attributes = {}, as, ...otherProps } = props;\n  return <TabsTab {...attributes} {...otherProps} as={as} />;\n}\n\nconst TabsRender = (props: TabsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = tabsDefaultSize,\n    className,\n    items,\n    view = tabsDefaultView,\n    value,\n    linePosition = tabsDefaultLinePosition,\n    fitMode = tabsDefaultFitMode,\n    withScrollButtons = true,\n    onlyIcon,\n    getItemIcon,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    getItemLabel,\n    onChange,\n    iconSize,\n    renderItem: renderItemProp = renderItemDefault,\n    getItemLeftIcon,\n    getItemLeftSide,\n    getItemRightIcon,\n    getItemRightSide,\n    getItemDisabled,\n    disabled,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value: value || null,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  const tabsDirection = getTabsDirection(linePosition);\n  const isVertical = tabsDirection === 'vertical';\n  const tabRefs = useRefs<HTMLDivElement>(items.length, [\n    items.length,\n    fitMode,\n    isVertical,\n  ]);\n\n  const tabsDimensions = useResizeObserved(\n    tabRefs,\n    (el): TabDimensions => ({\n      size: el?.[isVertical ? 'offsetHeight' : 'offsetWidth'] ?? 0,\n      gap: el\n        ? parseInt(\n            getComputedStyle(el)[isVertical ? 'marginBottom' : 'marginRight'],\n            10,\n          )\n        : 0,\n    }),\n  );\n\n  const activeTabIdx = items.findIndex(getChecked);\n\n  const renderItem = (\n    item: typeof items[number],\n    onClick?: () => void,\n    renderInDropdown?: boolean,\n  ) =>\n    renderItemProp({\n      item,\n      onChange: (...args) => {\n        onClick?.();\n        getOnChange(item)(...args);\n      },\n      checked: getChecked(item),\n      label: getItemLabel(item).toString(),\n      icon: getItemIcon(item),\n      leftIcon: getItemLeftIcon(item),\n      rightIcon: getItemRightIcon(item),\n      leftSide: getItemLeftSide(item),\n      rightSide: getItemRightSide(item),\n      disabled: disabled || getItemDisabled(item),\n      onlyIcon,\n      size,\n      iconSize,\n      renderInDropdown,\n      as: getItemAs(item) || 'button',\n      tabRef: getItemRef(item),\n      attributes: getItemAttributes(item),\n    });\n\n  const renderItemsList: RenderItemsListProp = ({\n    withRunningLine = true,\n    visibleIndexes,\n    getTabClassName,\n  }) => (\n    <div className={cnTabs('List', { direction: tabsDirection, linePosition })}>\n      {items.map((item, idx) => (\n        <div\n          ref={tabRefs[idx]}\n          key={getItemLabel(item)}\n          className={cnTabs('Tab', { direction: tabsDirection }, [\n            getTabClassName?.(idx),\n          ])}\n        >\n          {renderItem(item)}\n        </div>\n      ))}\n      {withRunningLine && !disabled && (\n        <TabsRunningLine\n          visibleIndexes={visibleIndexes}\n          linePosition={linePosition}\n          tabsDimensions={tabsDimensions}\n          activeTabIdx={activeTabIdx}\n        />\n      )}\n    </div>\n  );\n\n  const Wrapper = getTabsWrapper(tabsDirection, fitMode);\n\n  if (!items.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cnTabs({ size, view, direction: tabsDirection }, [\n        className,\n        cnMixScrollBar({ invisible: true }),\n      ])}\n      ref={ref}\n      {...otherProps}\n    >\n      <Wrapper\n        tabRefs={tabRefs}\n        onChange={onChange}\n        tabsDimensions={tabsDimensions}\n        renderItem={renderItem}\n        renderItemsList={renderItemsList}\n        getItemLabel={getItemLabel}\n        getItemChecked={getChecked}\n        items={items}\n        size={size}\n        withScrollButtons={withScrollButtons}\n      />\n      {view === 'bordered' && <TabsBorderLine linePosition={linePosition} />}\n    </div>\n  );\n};\n\nexport const Tabs = forwardRef(TabsRender) as TabsComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["React","forwardRef","useRefs","cnMixScrollBar","useChoiceGroup","useResizeObserved","cn","getTabsDirection","getTabsWrapper","withDefaultGetters","TabsBorderLine","TabsRunningLine","TabsTab","tabsDefaultFitMode","tabsDefaultLinePosition","tabsDefaultSize","tabsDefaultView","cnTabs","renderItemDefault","props","item","attributes","as","otherProps","TabsRender","ref","size","className","items","view","value","linePosition","fitMode","withScrollButtons","onlyIcon","getItemIcon","getItemAs","getItemAttributes","getItemRef","getItemLabel","getItemKeyProp","getItemKey","onChange","iconSize","renderItem","renderItemProp","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemDisabled","disabled","getKey","callBack","multiple","getOnChange","getChecked","tabsDirection","isVertical","tabRefs","length","tabsDimensions","el","gap","parseInt","getComputedStyle","activeTabIdx","findIndex","onClick","renderInDropdown","checked","label","toString","icon","leftIcon","rightIcon","leftSide","rightSide","tabRef","Wrapper","direction","invisible","renderItemsList","withRunningLine","visibleIndexes","getTabClassName","map","idx","Tabs"],"sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import './Tabs.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useResizeObserved } from '../../hooks/useResizeObserved/useResizeObserved';\nimport { cn } from '../../utils/bem';\nimport {\n  getTabsDirection,\n  getTabsWrapper,\n  withDefaultGetters,\n} from './helpers';\nimport { TabsBorderLine, TabsRunningLine } from './TabsLine/TabsLine';\nimport { TabsTab } from './TabsTab/TabsTab';\nimport {\n  RenderItemProps,\n  RenderItemsListProp,\n  TabDimensions,\n  TabsComponent,\n  tabsDefaultFitMode,\n  tabsDefaultLinePosition,\n  tabsDefaultSize,\n  tabsDefaultView,\n  TabsProps,\n} from './types';\n\nexport const cnTabs = cn('Tabs');\n\nfunction renderItemDefault<ITEM>(\n  props: RenderItemProps<ITEM>,\n): React.ReactElement {\n  const { item, attributes = {}, as, ...otherProps } = props;\n  return <TabsTab {...attributes} {...otherProps} as={as} />;\n}\n\nconst TabsRender = (props: TabsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = tabsDefaultSize,\n    className,\n    items,\n    view = tabsDefaultView,\n    value,\n    linePosition = tabsDefaultLinePosition,\n    fitMode = tabsDefaultFitMode,\n    withScrollButtons = true,\n    onlyIcon,\n    getItemIcon,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    getItemLabel,\n    getItemKey: getItemKeyProp,\n    onChange,\n    iconSize,\n    renderItem: renderItemProp = renderItemDefault,\n    getItemLeftIcon,\n    getItemLeftSide,\n    getItemRightIcon,\n    getItemRightSide,\n    getItemDisabled,\n    disabled,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const getItemKey = getItemKeyProp || getItemLabel;\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value: value || null,\n    getKey: getItemKey,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  const tabsDirection = getTabsDirection(linePosition);\n  const isVertical = tabsDirection === 'vertical';\n  const tabRefs = useRefs<HTMLDivElement>(items.length, [\n    items.length,\n    fitMode,\n    isVertical,\n  ]);\n\n  const tabsDimensions = useResizeObserved(\n    tabRefs,\n    (el): TabDimensions => ({\n      size: el?.[isVertical ? 'offsetHeight' : 'offsetWidth'] ?? 0,\n      gap: el\n        ? parseInt(\n            getComputedStyle(el)[isVertical ? 'marginBottom' : 'marginRight'],\n            10,\n          )\n        : 0,\n    }),\n  );\n\n  const activeTabIdx = items.findIndex(getChecked);\n\n  const renderItem = (\n    item: typeof items[number],\n    onClick?: () => void,\n    renderInDropdown?: boolean,\n  ) =>\n    renderItemProp({\n      item,\n      onChange: (...args) => {\n        onClick?.();\n        getOnChange(item)(...args);\n      },\n      checked: getChecked(item),\n      label: getItemLabel(item).toString(),\n      icon: getItemIcon(item),\n      leftIcon: getItemLeftIcon(item),\n      rightIcon: getItemRightIcon(item),\n      leftSide: getItemLeftSide(item),\n      rightSide: getItemRightSide(item),\n      disabled: disabled || getItemDisabled(item),\n      onlyIcon,\n      size,\n      iconSize,\n      renderInDropdown,\n      as: getItemAs(item) || 'button',\n      tabRef: getItemRef(item),\n      attributes: getItemAttributes(item),\n    });\n\n  const renderItemsList: RenderItemsListProp = ({\n    withRunningLine = true,\n    visibleIndexes,\n    getTabClassName,\n  }) => (\n    <div className={cnTabs('List', { direction: tabsDirection, linePosition })}>\n      {items.map((item, idx) => (\n        <div\n          ref={tabRefs[idx]}\n          key={getItemKey(item)}\n          className={cnTabs('Tab', { direction: tabsDirection }, [\n            getTabClassName?.(idx),\n          ])}\n        >\n          {renderItem(item)}\n        </div>\n      ))}\n      {withRunningLine && !disabled && (\n        <TabsRunningLine\n          visibleIndexes={visibleIndexes}\n          linePosition={linePosition}\n          tabsDimensions={tabsDimensions}\n          activeTabIdx={activeTabIdx}\n        />\n      )}\n    </div>\n  );\n\n  const Wrapper = getTabsWrapper(tabsDirection, fitMode);\n\n  if (!items.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cnTabs({ size, view, direction: tabsDirection }, [\n        className,\n        cnMixScrollBar({ invisible: true }),\n      ])}\n      ref={ref}\n      {...otherProps}\n    >\n      <Wrapper\n        tabRefs={tabRefs}\n        onChange={onChange}\n        tabsDimensions={tabsDimensions}\n        renderItem={renderItem}\n        renderItemsList={renderItemsList}\n        getItemKey={getItemKey}\n        getItemChecked={getChecked}\n        items={items}\n        size={size}\n        withScrollButtons={withScrollButtons}\n      />\n      {view === 'bordered' && <TabsBorderLine linePosition={linePosition} />}\n    </div>\n  );\n};\n\nexport const Tabs = forwardRef(TabsRender) as TabsComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.d.ts

@@ -1,4 +1,4 @@
-import './TabsFitModeDropdownWrapper.css';
-import React from 'react';
-import { TabsFitModeWrapperProps } from '../types';
-export declare const TabsFitModeDropdownWrapper: <ITEM>({ items, tabsDimensions, tabRefs, getItemLabel, getItemChecked, renderItem, onChange, renderItemsList, size, }: TabsFitModeWrapperProps<ITEM>) => React.ReactElement | null;
+import './TabsFitModeDropdownWrapper.css';
+import React from 'react';
+import { TabsFitModeWrapperProps } from '../types';
+export declare const TabsFitModeDropdownWrapper: <ITEM>({ items, tabsDimensions, tabRefs, getItemKey, getItemChecked, renderItem, onChange, renderItemsList, size, }: TabsFitModeWrapperProps<ITEM>) => React.ReactElement | null;

package/__internal__/src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./TabsFitModeDropdownWrapper.css";import React from"react";import{cn}from"../../../utils/bem";import{getTabsWidth}from"../helpers";import{TabsMoreItems}from"../TabsMoreItems/TabsMoreItems";import{useFittingItems}from"./useFittingItems";var cnTabsFitModeDropdownWrapper=cn("TabsFitModeDropdownWrapper");export var TabsFitModeDropdownWrapper=function(a){var b=a.items,c=a.tabsDimensions,d=a.tabRefs,e=a.getItemLabel,f=a.getItemChecked,g=a.renderItem,h=a.onChange,i=a.renderItemsList,j=a.size,k=React.useRef(null),l=React.useRef(null),m=b.findIndex(f),n=useFittingItems({tabsDimensions:c,containerRef:k,moreItemsRef:l,activeIndex:m}),o=n.visibleIndexes,p=n.isItemHidden,q=b.filter(function(a,b){return p(b)}),r=React.useMemo(function(){return d.length?Math.max.apply(Math,_toConsumableArray(d.map(function(a){var b,c;return null!==(b=null===(c=a.current)||void 0===c?void 0:c.offsetHeight)&&void 0!==b?b:0}))):0},[c]),s=getTabsWidth(c.filter(function(a,b){return!p(b)}));return React.createElement("div",{ref:k,className:cnTabsFitModeDropdownWrapper(),style:{height:r}},React.createElement("div",{className:cnTabsFitModeDropdownWrapper("Tabs")},i({visibleIndexes:o,withRunningLine:!0,getTabClassName:function getTabClassName(a){return cnTabsFitModeDropdownWrapper("Tab",{hidden:p(a)})}})),React.createElement("div",{ref:l,className:cnTabsFitModeDropdownWrapper("MoreItems",{hidden:!q.length}),style:{left:q.length?s:void 0}},React.createElement(TabsMoreItems,{items:q,renderItem:g,onChange:h,getItemLabel:e,height:r,size:j})))};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./TabsFitModeDropdownWrapper.css";import React from"react";import{cn}from"../../../utils/bem";import{getTabsWidth}from"../helpers";import{TabsMoreItems}from"../TabsMoreItems/TabsMoreItems";import{useFittingItems}from"./useFittingItems";var cnTabsFitModeDropdownWrapper=cn("TabsFitModeDropdownWrapper");export var TabsFitModeDropdownWrapper=function(a){var b=a.items,c=a.tabsDimensions,d=a.tabRefs,e=a.getItemKey,f=a.getItemChecked,g=a.renderItem,h=a.onChange,i=a.renderItemsList,j=a.size,k=React.useRef(null),l=React.useRef(null),m=b.findIndex(f),n=useFittingItems({tabsDimensions:c,containerRef:k,moreItemsRef:l,activeIndex:m}),o=n.visibleIndexes,p=n.isItemHidden,q=b.filter(function(a,b){return p(b)}),r=React.useMemo(function(){return d.length?Math.max.apply(Math,_toConsumableArray(d.map(function(a){var b,c;return null!==(b=null===(c=a.current)||void 0===c?void 0:c.offsetHeight)&&void 0!==b?b:0}))):0},[c]),s=getTabsWidth(c.filter(function(a,b){return!p(b)}));return React.createElement("div",{ref:k,className:cnTabsFitModeDropdownWrapper(),style:{height:r}},React.createElement("div",{className:cnTabsFitModeDropdownWrapper("Tabs")},i({visibleIndexes:o,withRunningLine:!0,getTabClassName:function getTabClassName(a){return cnTabsFitModeDropdownWrapper("Tab",{hidden:p(a)})}})),React.createElement("div",{ref:l,className:cnTabsFitModeDropdownWrapper("MoreItems",{hidden:!q.length}),style:{left:q.length?s:void 0}},React.createElement(TabsMoreItems,{items:q,renderItem:g,onChange:h,getItemKey:e,height:r,size:j})))};
 //# sourceMappingURL=TabsFitModeDropdownWrapper.js.map

package/__internal__/src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsFitModeDropdownWrapper.js","names":["React","cn","getTabsWidth","TabsMoreItems","useFittingItems","cnTabsFitModeDropdownWrapper","TabsFitModeDropdownWrapper","items","tabsDimensions","tabRefs","getItemLabel","getItemChecked","renderItem","onChange","renderItemsList","size","ref","useRef","moreItemsRef","activeIndex","findIndex","containerRef","visibleIndexes","isItemHidden","hiddenItems","filter","_item","idx","maxTabHeight","useMemo","length","Math","max","map","tabRef","current","offsetHeight","visibleTabsWidth","_td","height","withRunningLine","getTabClassName","hidden","left"],"sources":["../../../../../../src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.tsx"],"sourcesContent":["import './TabsFitModeDropdownWrapper.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getTabsWidth } from '../helpers';\nimport { TabsMoreItems } from '../TabsMoreItems/TabsMoreItems';\nimport { TabsFitModeWrapperProps } from '../types';\nimport { useFittingItems } from './useFittingItems';\n\nconst cnTabsFitModeDropdownWrapper = cn('TabsFitModeDropdownWrapper');\n\nexport const TabsFitModeDropdownWrapper = <ITEM,>({\n  items,\n  tabsDimensions,\n  tabRefs,\n  getItemLabel,\n  getItemChecked,\n  renderItem,\n  onChange,\n  renderItemsList,\n  size,\n}: TabsFitModeWrapperProps<ITEM>): React.ReactElement | null => {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const moreItemsRef = React.useRef<HTMLDivElement>(null);\n\n  const activeIndex = items.findIndex(getItemChecked);\n\n  const { visibleIndexes, isItemHidden } = useFittingItems({\n    tabsDimensions,\n    containerRef: ref,\n    moreItemsRef,\n    activeIndex,\n  });\n\n  const hiddenItems = items.filter((_item, idx) => isItemHidden(idx));\n  const maxTabHeight: number = React.useMemo(() => {\n    if (!tabRefs.length) {\n      return 0;\n    }\n    return Math.max(\n      ...tabRefs.map((tabRef) => tabRef.current?.offsetHeight ?? 0),\n    );\n  }, [tabsDimensions]);\n\n  const visibleTabsWidth = getTabsWidth(\n    tabsDimensions.filter((_td, idx) => !isItemHidden(idx)),\n  );\n\n  return (\n    <div\n      ref={ref}\n      className={cnTabsFitModeDropdownWrapper()}\n      style={{ height: maxTabHeight }}\n    >\n      <div className={cnTabsFitModeDropdownWrapper('Tabs')}>\n        {renderItemsList({\n          visibleIndexes,\n          withRunningLine: true,\n          getTabClassName: (idx) =>\n            cnTabsFitModeDropdownWrapper('Tab', { hidden: isItemHidden(idx) }),\n        })}\n      </div>\n      <div\n        ref={moreItemsRef}\n        className={cnTabsFitModeDropdownWrapper('MoreItems', {\n          hidden: !hiddenItems.length,\n        })}\n        style={{\n          /* В Safari скрытые табы с абсолютом продолжают растягивать контейнер,\n            поэтому приходится позиционировать кнопку абсолютом */\n          left: hiddenItems.length ? visibleTabsWidth : undefined,\n        }}\n      >\n        <TabsMoreItems\n          items={hiddenItems}\n          renderItem={renderItem}\n          onChange={onChange}\n          getItemLabel={getItemLabel}\n          height={maxTabHeight}\n          size={size}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"yEAAA,yCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,YAAT,kBACA,OAASC,aAAT,sCAEA,OAASC,eAAT,yBAEA,GAAMC,6BAA4B,CAAGJ,EAAE,CAAC,4BAAD,CAAvC,CAEA,MAAO,IAAMK,2BAA0B,CAAG,WAUsB,IAT9DC,EAS8D,GAT9DA,KAS8D,CAR9DC,CAQ8D,GAR9DA,cAQ8D,CAP9DC,CAO8D,GAP9DA,OAO8D,CAN9DC,CAM8D,GAN9DA,YAM8D,CAL9DC,CAK8D,GAL9DA,cAK8D,CAJ9DC,CAI8D,GAJ9DA,UAI8D,CAH9DC,CAG8D,GAH9DA,QAG8D,CAF9DC,CAE8D,GAF9DA,eAE8D,CAD9DC,CAC8D,GAD9DA,IAC8D,CACxDC,CAAG,CAAGhB,KAAK,CAACiB,MAAN,CAA6B,IAA7B,CADkD,CAExDC,CAAY,CAAGlB,KAAK,CAACiB,MAAN,CAA6B,IAA7B,CAFyC,CAIxDE,CAAW,CAAGZ,CAAK,CAACa,SAAN,CAAgBT,CAAhB,CAJ0C,GAMrBP,eAAe,CAAC,CACvDI,cAAc,CAAdA,CADuD,CAEvDa,YAAY,CAAEL,CAFyC,CAGvDE,YAAY,CAAZA,CAHuD,CAIvDC,WAAW,CAAXA,CAJuD,CAAD,CANM,CAMtDG,CANsD,GAMtDA,cANsD,CAMtCC,CANsC,GAMtCA,YANsC,CAaxDC,CAAW,CAAGjB,CAAK,CAACkB,MAAN,CAAa,SAACC,CAAD,CAAQC,CAAR,QAAgBJ,EAAY,CAACI,CAAD,CAA5B,CAAb,CAb0C,CAcxDC,CAAoB,CAAG5B,KAAK,CAAC6B,OAAN,CAAc,UAAM,OAC1CpB,EAAO,CAACqB,MADkC,CAIxCC,IAAI,CAACC,GAAL,OAAAD,IAAI,oBACNtB,CAAO,CAACwB,GAAR,CAAY,SAACC,CAAD,qCAAYA,CAAM,CAACC,OAAnB,qBAAY,EAAgBC,YAA5B,gBAA4C,CAA5C,CAAZ,CADM,EAJoC,CAEtC,CAKV,CAP4B,CAO1B,CAAC5B,CAAD,CAP0B,CAdiC,CAuBxD6B,CAAgB,CAAGnC,YAAY,CACnCM,CAAc,CAACiB,MAAf,CAAsB,SAACa,CAAD,CAAMX,CAAN,QAAc,CAACJ,CAAY,CAACI,CAAD,CAA3B,CAAtB,CADmC,CAvByB,CA2B9D,MACE,4BACE,GAAG,CAAEX,CADP,CAEE,SAAS,CAAEX,4BAA4B,EAFzC,CAGE,KAAK,CAAE,CAAEkC,MAAM,CAAEX,CAAV,CAHT,EAKE,2BAAK,SAAS,CAAEvB,4BAA4B,CAAC,MAAD,CAA5C,EACGS,CAAe,CAAC,CACfQ,cAAc,CAAdA,CADe,CAEfkB,eAAe,GAFA,CAGfC,eAAe,CAAE,yBAACd,CAAD,QACftB,6BAA4B,CAAC,KAAD,CAAQ,CAAEqC,MAAM,CAAEnB,CAAY,CAACI,CAAD,CAAtB,CAAR,CADb,CAHF,CAAD,CADlB,CALF,CAaE,2BACE,GAAG,CAAET,CADP,CAEE,SAAS,CAAEb,4BAA4B,CAAC,WAAD,CAAc,CACnDqC,MAAM,CAAE,CAAClB,CAAW,CAACM,MAD8B,CAAd,CAFzC,CAKE,KAAK,CAAE,CAGLa,IAAI,CAAEnB,CAAW,CAACM,MAAZ,CAAqBO,CAArB,OAHD,CALT,EAWE,oBAAC,aAAD,EACE,KAAK,CAAEb,CADT,CAEE,UAAU,CAAEZ,CAFd,CAGE,QAAQ,CAAEC,CAHZ,CAIE,YAAY,CAAEH,CAJhB,CAKE,MAAM,CAAEkB,CALV,CAME,IAAI,CAAEb,CANR,EAXF,CAbF,CAmCH,CAzEM"}
+{"version":3,"file":"TabsFitModeDropdownWrapper.js","names":["React","cn","getTabsWidth","TabsMoreItems","useFittingItems","cnTabsFitModeDropdownWrapper","TabsFitModeDropdownWrapper","items","tabsDimensions","tabRefs","getItemKey","getItemChecked","renderItem","onChange","renderItemsList","size","ref","useRef","moreItemsRef","activeIndex","findIndex","containerRef","visibleIndexes","isItemHidden","hiddenItems","filter","_item","idx","maxTabHeight","useMemo","length","Math","max","map","tabRef","current","offsetHeight","visibleTabsWidth","_td","height","withRunningLine","getTabClassName","hidden","left"],"sources":["../../../../../../src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.tsx"],"sourcesContent":["import './TabsFitModeDropdownWrapper.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getTabsWidth } from '../helpers';\nimport { TabsMoreItems } from '../TabsMoreItems/TabsMoreItems';\nimport { TabsFitModeWrapperProps } from '../types';\nimport { useFittingItems } from './useFittingItems';\n\nconst cnTabsFitModeDropdownWrapper = cn('TabsFitModeDropdownWrapper');\n\nexport const TabsFitModeDropdownWrapper = <ITEM,>({\n  items,\n  tabsDimensions,\n  tabRefs,\n  getItemKey,\n  getItemChecked,\n  renderItem,\n  onChange,\n  renderItemsList,\n  size,\n}: TabsFitModeWrapperProps<ITEM>): React.ReactElement | null => {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const moreItemsRef = React.useRef<HTMLDivElement>(null);\n\n  const activeIndex = items.findIndex(getItemChecked);\n\n  const { visibleIndexes, isItemHidden } = useFittingItems({\n    tabsDimensions,\n    containerRef: ref,\n    moreItemsRef,\n    activeIndex,\n  });\n\n  const hiddenItems = items.filter((_item, idx) => isItemHidden(idx));\n  const maxTabHeight: number = React.useMemo(() => {\n    if (!tabRefs.length) {\n      return 0;\n    }\n    return Math.max(\n      ...tabRefs.map((tabRef) => tabRef.current?.offsetHeight ?? 0),\n    );\n  }, [tabsDimensions]);\n\n  const visibleTabsWidth = getTabsWidth(\n    tabsDimensions.filter((_td, idx) => !isItemHidden(idx)),\n  );\n\n  return (\n    <div\n      ref={ref}\n      className={cnTabsFitModeDropdownWrapper()}\n      style={{ height: maxTabHeight }}\n    >\n      <div className={cnTabsFitModeDropdownWrapper('Tabs')}>\n        {renderItemsList({\n          visibleIndexes,\n          withRunningLine: true,\n          getTabClassName: (idx) =>\n            cnTabsFitModeDropdownWrapper('Tab', { hidden: isItemHidden(idx) }),\n        })}\n      </div>\n      <div\n        ref={moreItemsRef}\n        className={cnTabsFitModeDropdownWrapper('MoreItems', {\n          hidden: !hiddenItems.length,\n        })}\n        style={{\n          /* В Safari скрытые табы с абсолютом продолжают растягивать контейнер,\n            поэтому приходится позиционировать кнопку абсолютом */\n          left: hiddenItems.length ? visibleTabsWidth : undefined,\n        }}\n      >\n        <TabsMoreItems\n          items={hiddenItems}\n          renderItem={renderItem}\n          onChange={onChange}\n          getItemKey={getItemKey}\n          height={maxTabHeight}\n          size={size}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"yEAAA,yCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,YAAT,kBACA,OAASC,aAAT,sCAEA,OAASC,eAAT,yBAEA,GAAMC,6BAA4B,CAAGJ,EAAE,CAAC,4BAAD,CAAvC,CAEA,MAAO,IAAMK,2BAA0B,CAAG,WAUsB,IAT9DC,EAS8D,GAT9DA,KAS8D,CAR9DC,CAQ8D,GAR9DA,cAQ8D,CAP9DC,CAO8D,GAP9DA,OAO8D,CAN9DC,CAM8D,GAN9DA,UAM8D,CAL9DC,CAK8D,GAL9DA,cAK8D,CAJ9DC,CAI8D,GAJ9DA,UAI8D,CAH9DC,CAG8D,GAH9DA,QAG8D,CAF9DC,CAE8D,GAF9DA,eAE8D,CAD9DC,CAC8D,GAD9DA,IAC8D,CACxDC,CAAG,CAAGhB,KAAK,CAACiB,MAAN,CAA6B,IAA7B,CADkD,CAExDC,CAAY,CAAGlB,KAAK,CAACiB,MAAN,CAA6B,IAA7B,CAFyC,CAIxDE,CAAW,CAAGZ,CAAK,CAACa,SAAN,CAAgBT,CAAhB,CAJ0C,GAMrBP,eAAe,CAAC,CACvDI,cAAc,CAAdA,CADuD,CAEvDa,YAAY,CAAEL,CAFyC,CAGvDE,YAAY,CAAZA,CAHuD,CAIvDC,WAAW,CAAXA,CAJuD,CAAD,CANM,CAMtDG,CANsD,GAMtDA,cANsD,CAMtCC,CANsC,GAMtCA,YANsC,CAaxDC,CAAW,CAAGjB,CAAK,CAACkB,MAAN,CAAa,SAACC,CAAD,CAAQC,CAAR,QAAgBJ,EAAY,CAACI,CAAD,CAA5B,CAAb,CAb0C,CAcxDC,CAAoB,CAAG5B,KAAK,CAAC6B,OAAN,CAAc,UAAM,OAC1CpB,EAAO,CAACqB,MADkC,CAIxCC,IAAI,CAACC,GAAL,OAAAD,IAAI,oBACNtB,CAAO,CAACwB,GAAR,CAAY,SAACC,CAAD,qCAAYA,CAAM,CAACC,OAAnB,qBAAY,EAAgBC,YAA5B,gBAA4C,CAA5C,CAAZ,CADM,EAJoC,CAEtC,CAKV,CAP4B,CAO1B,CAAC5B,CAAD,CAP0B,CAdiC,CAuBxD6B,CAAgB,CAAGnC,YAAY,CACnCM,CAAc,CAACiB,MAAf,CAAsB,SAACa,CAAD,CAAMX,CAAN,QAAc,CAACJ,CAAY,CAACI,CAAD,CAA3B,CAAtB,CADmC,CAvByB,CA2B9D,MACE,4BACE,GAAG,CAAEX,CADP,CAEE,SAAS,CAAEX,4BAA4B,EAFzC,CAGE,KAAK,CAAE,CAAEkC,MAAM,CAAEX,CAAV,CAHT,EAKE,2BAAK,SAAS,CAAEvB,4BAA4B,CAAC,MAAD,CAA5C,EACGS,CAAe,CAAC,CACfQ,cAAc,CAAdA,CADe,CAEfkB,eAAe,GAFA,CAGfC,eAAe,CAAE,yBAACd,CAAD,QACftB,6BAA4B,CAAC,KAAD,CAAQ,CAAEqC,MAAM,CAAEnB,CAAY,CAACI,CAAD,CAAtB,CAAR,CADb,CAHF,CAAD,CADlB,CALF,CAaE,2BACE,GAAG,CAAET,CADP,CAEE,SAAS,CAAEb,4BAA4B,CAAC,WAAD,CAAc,CACnDqC,MAAM,CAAE,CAAClB,CAAW,CAACM,MAD8B,CAAd,CAFzC,CAKE,KAAK,CAAE,CAGLa,IAAI,CAAEnB,CAAW,CAACM,MAAZ,CAAqBO,CAArB,OAHD,CALT,EAWE,oBAAC,aAAD,EACE,KAAK,CAAEb,CADT,CAEE,UAAU,CAAEZ,CAFd,CAGE,QAAQ,CAAEC,CAHZ,CAIE,UAAU,CAAEH,CAJd,CAKE,MAAM,CAAEkB,CALV,CAME,IAAI,CAAEb,CANR,EAXF,CAbF,CAmCH,CAzEM"}

package/__internal__/src/components/Tabs/TabsFitModeDropdownWrapper/useFittingItems.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { TabDimensions } from '../types';
-export declare const useFittingItems: ({ tabsDimensions, containerRef, moreItemsRef, activeIndex, }: {
-    tabsDimensions: TabDimensions[];
-    containerRef: React.RefObject<HTMLElement>;
-    moreItemsRef: React.RefObject<HTMLElement>;
-    activeIndex?: number | undefined;
-}) => {
-    visibleIndexes: number[];
-    isItemHidden: (idx: number) => boolean;
-};
-export declare const getFittingItems: (tabsDimensions: TabDimensions[], totalWidth: number, moreItemsWidth: number, activeIndex?: number) => number[];
+import React from 'react';
+import { TabDimensions } from '../types';
+export declare const useFittingItems: ({ tabsDimensions, containerRef, moreItemsRef, activeIndex, }: {
+    tabsDimensions: TabDimensions[];
+    containerRef: React.RefObject<HTMLElement>;
+    moreItemsRef: React.RefObject<HTMLElement>;
+    activeIndex?: number | undefined;
+}) => {
+    visibleIndexes: number[];
+    isItemHidden: (idx: number) => boolean;
+};
+export declare const getFittingItems: (tabsDimensions: TabDimensions[], totalWidth: number, moreItemsWidth: number, activeIndex?: number) => number[];

package/__internal__/src/components/Tabs/TabsFitModeScrollWrapper/TabsFitModeScrollWrapper.d.ts

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

package/__internal__/src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/__internal__/src/components/Tabs/TabsLine/TabsLine.d.ts

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

package/__internal__/src/components/Tabs/TabsListWrapper/TabsListWrapper.d.ts

@@ -1,2 +1,2 @@
-import { TabsFitModeWrapperProps } from '../types';
-export declare const TabsListWrapper: <ITEM>({ renderItemsList, items, }: TabsFitModeWrapperProps<ITEM>) => JSX.Element;
+import { TabsFitModeWrapperProps } from '../types';
+export declare const TabsListWrapper: <ITEM>({ renderItemsList, items, }: TabsFitModeWrapperProps<ITEM>) => JSX.Element;

package/__internal__/src/components/Tabs/TabsListWrapper/index.d.ts

@@ -1 +1 @@
-export * from './TabsListWrapper';
+export * from './TabsListWrapper';

package/__internal__/src/components/Tabs/TabsMoreItems/TabsMoreItems.d.ts

@@ -1,3 +1,3 @@
-import './TabsMoreItems.css';
-import { TabsMoreItemsComponent } from '../types';
-export declare const TabsMoreItems: TabsMoreItemsComponent;
+import './TabsMoreItems.css';
+import { TabsMoreItemsComponent } from '../types';
+export declare const TabsMoreItems: TabsMoreItemsComponent;

package/__internal__/src/components/Tabs/TabsMoreItems/TabsMoreItems.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TabsMoreItems.css";import{IconMeatball}from"@consta/icons/IconMeatball";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Button}from"../../Button";import{ListBox}from"../../ListCanary";import{Popover}from"../../Popover/Popover";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cn}from"../../../utils/bem";var cnTabsMoreItems=cn("TabsMoreItems"),TabsMoreItemsRender=function(a,b){var c=a.items,d=a.renderItem,e=a.getItemLabel,f=a.height,g=a.size,h=a.onChange,i=useFlag(!1),j=_slicedToArray(i,2),k=j[0],l=j[1],m=useRef(null),n=useRef(null),o=useState("downStartLeft"),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useState(-1),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useRef(-1),x=useRef(!1),y=useCallback(function(a){var b=function(){a.stopPropagation(),a.preventDefault()};if("ArrowDown"===a.key||"ArrowUp"===a.key){b();var d=w.current+("ArrowDown"===a.key?1:-1);return void v(Math.min(Math.max(d,0),c.length))}if("Enter"===a.key){if(b(),!x.current)return void l.on();var e=c[w.current];return e&&(null===h||void 0===h?void 0:h(e,{e:a})),void l.off()}"Escape"===a.key&&(b(),l.off())},[c]);return useEffect(function(){0===c.length&&l.off()},[c]),useEffect(function(){w.current=u},[u]),useEffect(function(){x.current=k,k||v(-1)},[k]),React.createElement(React.Fragment,null,React.createElement("div",{ref:useForkRef([b,m]),className:cnTabsMoreItems("Button"),style:{height:f}},React.createElement(Button,{size:"xs",type:"button",view:"ghost",onlyIcon:!0,iconLeft:IconMeatball,onClick:l.toggle,onKeyDown:y})),React.createElement(Transition,{in:k,unmountOnExit:!0,nodeRef:n,timeout:animateTimeout},function(a){return React.createElement(Popover,{anchorRef:m,offset:-1,ref:n,direction:"downStartRight",onClickOutside:l.off,spareDirection:"downStartLeft",className:cnTabsMoreItems("Popover",[cnMixPopoverAnimate({animate:a,direction:q})]),onSetDirection:r,possibleDirections:["downStartRight","downStartLeft","upStartRight","upStartLeft","downCenter","upCenter"]},React.createElement(ListBox,{shadow:!0,border:!0,size:g,form:"default",className:cnTabsMoreItems("Content")},c.map(function(a,b){return React.createElement("div",{key:e(a),className:cnTabsMoreItems("Item",{active:u===b})},d(a,l.off,!0))})))}))};export var TabsMoreItems=forwardRef(TabsMoreItemsRender);
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TabsMoreItems.css";import{IconMeatball}from"@consta/icons/IconMeatball";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Button}from"../../Button";import{ListBox}from"../../ListCanary";import{Popover}from"../../Popover/Popover";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cn}from"../../../utils/bem";var cnTabsMoreItems=cn("TabsMoreItems"),TabsMoreItemsRender=function(a,b){var c=a.items,d=a.renderItem,e=a.getItemKey,f=a.height,g=a.size,h=a.onChange,i=useFlag(!1),j=_slicedToArray(i,2),k=j[0],l=j[1],m=useRef(null),n=useRef(null),o=useState("downStartLeft"),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useState(-1),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useRef(-1),x=useRef(!1),y=useCallback(function(a){var b=function(){a.stopPropagation(),a.preventDefault()};if("ArrowDown"===a.key||"ArrowUp"===a.key){b();var d=w.current+("ArrowDown"===a.key?1:-1);return void v(Math.min(Math.max(d,0),c.length))}if("Enter"===a.key){if(b(),!x.current)return void l.on();var e=c[w.current];return e&&(null===h||void 0===h?void 0:h(e,{e:a})),void l.off()}"Escape"===a.key&&(b(),l.off())},[c]);return useEffect(function(){0===c.length&&l.off()},[c]),useEffect(function(){w.current=u},[u]),useEffect(function(){x.current=k,k||v(-1)},[k]),React.createElement(React.Fragment,null,React.createElement("div",{ref:useForkRef([b,m]),className:cnTabsMoreItems("Button"),style:{height:f}},React.createElement(Button,{size:"xs",type:"button",view:"ghost",onlyIcon:!0,iconLeft:IconMeatball,onClick:l.toggle,onKeyDown:y})),React.createElement(Transition,{in:k,unmountOnExit:!0,nodeRef:n,timeout:animateTimeout},function(a){return React.createElement(Popover,{anchorRef:m,offset:-1,ref:n,direction:"downStartRight",onClickOutside:l.off,spareDirection:"downStartLeft",className:cnTabsMoreItems("Popover",[cnMixPopoverAnimate({animate:a,direction:q})]),onSetDirection:r,possibleDirections:["downStartRight","downStartLeft","upStartRight","upStartLeft","downCenter","upCenter"]},React.createElement(ListBox,{shadow:!0,border:!0,size:g,form:"default",className:cnTabsMoreItems("Content")},c.map(function(a,b){return React.createElement("div",{key:e(a),className:cnTabsMoreItems("Item",{active:u===b})},d(a,l.off,!0))})))}))};export var TabsMoreItems=forwardRef(TabsMoreItemsRender);
 //# sourceMappingURL=TabsMoreItems.js.map

package/__internal__/src/components/Tabs/TabsMoreItems/TabsMoreItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsMoreItems.js","names":["IconMeatball","React","forwardRef","useCallback","useEffect","useRef","useState","Transition","Button","ListBox","Popover","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","cnTabsMoreItems","TabsMoreItemsRender","props","ref","items","renderItem","getItemLabel","height","size","onChange","isOpen","setIsOpen","buttonRef","popoverRef","direction","setDirection","highlightIndex","setHighlightIndex","highlightRef","openRef","handleKeyDown","e","preventDefault","stopPropagation","key","value","current","Math","min","max","length","on","off","toggle","animate","map","item","i","active","TabsMoreItems"],"sources":["../../../../../../src/components/Tabs/TabsMoreItems/TabsMoreItems.tsx"],"sourcesContent":["import './TabsMoreItems.css';\n\nimport { IconMeatball } from '@consta/icons/IconMeatball';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Button } from '##/components/Button';\nimport { ListBox } from '##/components/ListCanary';\nimport { Direction, Popover } from '##/components/Popover/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\n\nimport { TabsMoreItemsComponent, TabsMoreItemsProps } from '../types';\n\nconst cnTabsMoreItems = cn('TabsMoreItems');\n\nconst TabsMoreItemsRender = (\n  props: TabsMoreItemsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const { items, renderItem, getItemLabel, height, size, onChange } = props;\n  const [isOpen, setIsOpen] = useFlag(false);\n  const buttonRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const [direction, setDirection] = useState<Direction>('downStartLeft');\n  const [highlightIndex, setHighlightIndex] = useState(-1);\n\n  const highlightRef: React.MutableRefObject<number> = useRef(-1);\n  const openRef: React.MutableRefObject<boolean> = useRef(false);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      const preventDefault = () => {\n        e.stopPropagation();\n        e.preventDefault();\n      };\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        preventDefault();\n        const value = highlightRef.current + (e.key === 'ArrowDown' ? 1 : -1);\n        setHighlightIndex(Math.min(Math.max(value, 0), items.length));\n        return;\n      }\n      if (e.key === 'Enter') {\n        preventDefault();\n        if (!openRef.current) {\n          setIsOpen.on();\n          return;\n        }\n        const value = items[highlightRef.current];\n        value && onChange?.(value, { e });\n        setIsOpen.off();\n        return;\n      }\n      if (e.key === 'Escape') {\n        preventDefault();\n        setIsOpen.off();\n      }\n    },\n    [items],\n  );\n\n  useEffect(() => {\n    items.length === 0 && setIsOpen.off();\n  }, [items]);\n\n  useEffect(() => {\n    highlightRef.current = highlightIndex;\n  }, [highlightIndex]);\n\n  useEffect(() => {\n    openRef.current = isOpen;\n    if (!isOpen) {\n      setHighlightIndex(-1);\n    }\n  }, [isOpen]);\n\n  return (\n    <>\n      <div\n        ref={useForkRef([ref, buttonRef])}\n        className={cnTabsMoreItems('Button')}\n        style={{ height }}\n      >\n        <Button\n          size=\"xs\"\n          type=\"button\"\n          view=\"ghost\"\n          onlyIcon\n          iconLeft={IconMeatball}\n          onClick={setIsOpen.toggle}\n          onKeyDown={handleKeyDown}\n        />\n      </div>\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        nodeRef={popoverRef}\n        timeout={animateTimeout}\n      >\n        {(animate) => (\n          <Popover\n            anchorRef={buttonRef}\n            offset={-1}\n            ref={popoverRef}\n            direction=\"downStartRight\"\n            onClickOutside={setIsOpen.off}\n            spareDirection=\"downStartLeft\"\n            className={cnTabsMoreItems('Popover', [\n              cnMixPopoverAnimate({ animate, direction }),\n            ])}\n            onSetDirection={setDirection}\n            possibleDirections={[\n              'downStartRight',\n              'downStartLeft',\n              'upStartRight',\n              'upStartLeft',\n              'downCenter',\n              'upCenter',\n            ]}\n          >\n            <ListBox\n              shadow\n              border\n              size={size}\n              form=\"default\"\n              className={cnTabsMoreItems('Content')}\n            >\n              {items.map((item, i) => (\n                <div\n                  key={getItemLabel(item)}\n                  className={cnTabsMoreItems('Item', {\n                    active: highlightIndex === i,\n                  })}\n                >\n                  {renderItem(item, setIsOpen.off, true)}\n                </div>\n              ))}\n            </ListBox>\n          </Popover>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport const TabsMoreItems = forwardRef(\n  TabsMoreItemsRender,\n) as TabsMoreItemsComponent;\n"],"mappings":"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"}
+{"version":3,"file":"TabsMoreItems.js","names":["IconMeatball","React","forwardRef","useCallback","useEffect","useRef","useState","Transition","Button","ListBox","Popover","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","cnTabsMoreItems","TabsMoreItemsRender","props","ref","items","renderItem","getItemKey","height","size","onChange","isOpen","setIsOpen","buttonRef","popoverRef","direction","setDirection","highlightIndex","setHighlightIndex","highlightRef","openRef","handleKeyDown","e","preventDefault","stopPropagation","key","value","current","Math","min","max","length","on","off","toggle","animate","map","item","i","active","TabsMoreItems"],"sources":["../../../../../../src/components/Tabs/TabsMoreItems/TabsMoreItems.tsx"],"sourcesContent":["import './TabsMoreItems.css';\n\nimport { IconMeatball } from '@consta/icons/IconMeatball';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Button } from '##/components/Button';\nimport { ListBox } from '##/components/ListCanary';\nimport { Direction, Popover } from '##/components/Popover/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\n\nimport { TabsMoreItemsComponent, TabsMoreItemsProps } from '../types';\n\nconst cnTabsMoreItems = cn('TabsMoreItems');\n\nconst TabsMoreItemsRender = (\n  props: TabsMoreItemsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const { items, renderItem, getItemKey, height, size, onChange } = props;\n  const [isOpen, setIsOpen] = useFlag(false);\n  const buttonRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const [direction, setDirection] = useState<Direction>('downStartLeft');\n  const [highlightIndex, setHighlightIndex] = useState(-1);\n\n  const highlightRef: React.MutableRefObject<number> = useRef(-1);\n  const openRef: React.MutableRefObject<boolean> = useRef(false);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      const preventDefault = () => {\n        e.stopPropagation();\n        e.preventDefault();\n      };\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        preventDefault();\n        const value = highlightRef.current + (e.key === 'ArrowDown' ? 1 : -1);\n        setHighlightIndex(Math.min(Math.max(value, 0), items.length));\n        return;\n      }\n      if (e.key === 'Enter') {\n        preventDefault();\n        if (!openRef.current) {\n          setIsOpen.on();\n          return;\n        }\n        const value = items[highlightRef.current];\n        value && onChange?.(value, { e });\n        setIsOpen.off();\n        return;\n      }\n      if (e.key === 'Escape') {\n        preventDefault();\n        setIsOpen.off();\n      }\n    },\n    [items],\n  );\n\n  useEffect(() => {\n    items.length === 0 && setIsOpen.off();\n  }, [items]);\n\n  useEffect(() => {\n    highlightRef.current = highlightIndex;\n  }, [highlightIndex]);\n\n  useEffect(() => {\n    openRef.current = isOpen;\n    if (!isOpen) {\n      setHighlightIndex(-1);\n    }\n  }, [isOpen]);\n\n  return (\n    <>\n      <div\n        ref={useForkRef([ref, buttonRef])}\n        className={cnTabsMoreItems('Button')}\n        style={{ height }}\n      >\n        <Button\n          size=\"xs\"\n          type=\"button\"\n          view=\"ghost\"\n          onlyIcon\n          iconLeft={IconMeatball}\n          onClick={setIsOpen.toggle}\n          onKeyDown={handleKeyDown}\n        />\n      </div>\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        nodeRef={popoverRef}\n        timeout={animateTimeout}\n      >\n        {(animate) => (\n          <Popover\n            anchorRef={buttonRef}\n            offset={-1}\n            ref={popoverRef}\n            direction=\"downStartRight\"\n            onClickOutside={setIsOpen.off}\n            spareDirection=\"downStartLeft\"\n            className={cnTabsMoreItems('Popover', [\n              cnMixPopoverAnimate({ animate, direction }),\n            ])}\n            onSetDirection={setDirection}\n            possibleDirections={[\n              'downStartRight',\n              'downStartLeft',\n              'upStartRight',\n              'upStartLeft',\n              'downCenter',\n              'upCenter',\n            ]}\n          >\n            <ListBox\n              shadow\n              border\n              size={size}\n              form=\"default\"\n              className={cnTabsMoreItems('Content')}\n            >\n              {items.map((item, i) => (\n                <div\n                  key={getItemKey(item)}\n                  className={cnTabsMoreItems('Item', {\n                    active: highlightIndex === i,\n                  })}\n                >\n                  {renderItem(item, setIsOpen.off, true)}\n                </div>\n              ))}\n            </ListBox>\n          </Popover>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport const TabsMoreItems = forwardRef(\n  TabsMoreItemsRender,\n) as TabsMoreItemsComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Tabs/TabsTab/TabsTab.d.ts

@@ -1,4 +1,4 @@
-import './TabsTab.css';
-import { TabsTabComponent } from '../types';
-export declare const cnTabsTab: import("@bem-react/classname").ClassNameFormatter;
-export declare const TabsTab: TabsTabComponent;
+import './TabsTab.css';
+import { TabsTabComponent } from '../types';
+export declare const cnTabsTab: import("@bem-react/classname").ClassNameFormatter;
+export declare const TabsTab: TabsTabComponent;