@consta/uikit 5.17.0 → 5.18.0

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{TabsFitModeDropdownWrapper}from"./TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper";import{TabsFitModeScrollWrapper}from"./TabsFitModeScrollWrapper/TabsFitModeScrollWrapper";import{TabsListWrapper}from"./TabsListWrapper";export var getTabsDirection=function(a){return"left"===a||"right"===a?"vertical":"horizontal"};export var getTabsWidth=function(a){return a.reduce(function(a,b){return a+b.size+b.gap},0)};export var getTabsWrapper=function(a,b){return"vertical"===a?TabsListWrapper:"scroll"===b?TabsFitModeScrollWrapper:TabsFitModeDropdownWrapper};var defaultGetItemLabel=function(a){return a.label},defaultGetItemIcon=function(a){return a.icon},defaultGetItemLeftIcon=function(a){return a.leftIcon},defaultGetItemRightIcon=function(a){return a.rightIcon},defaultGetItemLeftSide=function(a){return a.leftSide},defaultGetItemRightSide=function(a){return a.rightSide},defaultGetItemDisable=function(a){return a.disabled},defaultGetItemAs=function(a){return a.as},defaultGetItemAttributes=function(a){return a.attributes},defaultGetItemRef=function(a){return a.ref};export var withDefaultGetters=function(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemLeftIcon:a.getItemLeftIcon||defaultGetItemLeftIcon,getItemRightIcon:a.getItemRightIcon||defaultGetItemRightIcon,getItemLeftSide:a.getItemLeftSide||defaultGetItemLeftSide,getItemRightSide:a.getItemRightSide||defaultGetItemRightSide,getItemDisabled:a.getItemDisabled||defaultGetItemDisable,getItemAs:a.getItemAs||defaultGetItemAs,getItemAttributes:a.getItemAttributes||defaultGetItemAttributes,getItemRef:a.getItemRef||defaultGetItemRef})};export var getVisibleTabsRange=function(a){for(var b,c,d=a.tabsDimensions,e=a.containerWidth,f=a.containerPaddingLeft,g=a.scrollLeft,h=null,i=null,j=g,k=0;k<d.length;k++){var l=getTabsWidth(d.slice(0,k)),m=f+l,n=m>=j;n&&null===h&&(h=k);var o=m+d[k].size,p=o<=j+e;p&&(i=k)}return h=null!==(b=h)&&void 0!==b?b:0,i=Math.max(h,null!==(c=i)&&void 0!==c?c:0),[h,i]};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{TabsFitModeDropdownWrapper}from"./TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper";import{TabsFitModeScrollWrapper}from"./TabsFitModeScrollWrapper/TabsFitModeScrollWrapper";import{TabsListWrapper}from"./TabsListWrapper";export var getTabsDirection=function(a){return"left"===a||"right"===a?"vertical":"horizontal"};export var getTabsWidth=function(a){return a.reduce(function(a,b){return a+b.size+b.gap},0)};export var getTabsWrapper=function(a,b){return"vertical"===a?TabsListWrapper:"scroll"===b?TabsFitModeScrollWrapper:TabsFitModeDropdownWrapper};var defaultGetItemLabel=function(a){return a.label},defaultGetItemIcon=function(a){return a.icon},defaultGetItemLeftIcon=function(a){return a.leftIcon},defaultGetItemRightIcon=function(a){return a.rightIcon},defaultGetItemLeftSide=function(a){return a.leftSide},defaultGetItemRightSide=function(a){return a.rightSide},defaultGetItemDisable=function(a){return a.disabled},defaultGetItemAs=function(a){return a.as},defaultGetItemAttributes=function(a){return a.attributes},defaultGetItemRef=function(a){return a.ref};export var withDefaultGetters=function(a){return _objectSpread(_objectSpread({},a),{},{getItemKey:a.getItemKey,getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemLeftIcon:a.getItemLeftIcon||defaultGetItemLeftIcon,getItemRightIcon:a.getItemRightIcon||defaultGetItemRightIcon,getItemLeftSide:a.getItemLeftSide||defaultGetItemLeftSide,getItemRightSide:a.getItemRightSide||defaultGetItemRightSide,getItemDisabled:a.getItemDisabled||defaultGetItemDisable,getItemAs:a.getItemAs||defaultGetItemAs,getItemAttributes:a.getItemAttributes||defaultGetItemAttributes,getItemRef:a.getItemRef||defaultGetItemRef})};export var getVisibleTabsRange=function(a){for(var b,c,d=a.tabsDimensions,e=a.containerWidth,f=a.containerPaddingLeft,g=a.scrollLeft,h=null,i=null,j=g,k=0;k<d.length;k++){var l=getTabsWidth(d.slice(0,k)),m=f+l,n=m>=j;n&&null===h&&(h=k);var o=m+d[k].size,p=o<=j+e;p&&(i=k)}return h=null!==(b=h)&&void 0!==b?b:0,i=Math.max(h,null!==(c=i)&&void 0!==c?c:0),[h,i]};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["TabsFitModeDropdownWrapper","TabsFitModeScrollWrapper","TabsListWrapper","getTabsDirection","linePosition","getTabsWidth","tabsDimensions","reduce","acc","td","size","gap","getTabsWrapper","tabsDirection","fitMode","defaultGetItemLabel","item","label","defaultGetItemIcon","icon","defaultGetItemLeftIcon","leftIcon","defaultGetItemRightIcon","rightIcon","defaultGetItemLeftSide","leftSide","defaultGetItemRightSide","rightSide","defaultGetItemDisable","disabled","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemRef","ref","withDefaultGetters","props","getItemLabel","getItemIcon","getItemLeftIcon","getItemRightIcon","getItemLeftSide","getItemRightSide","getItemDisabled","getItemAs","getItemAttributes","getItemRef","getVisibleTabsRange","containerWidth","containerPaddingLeft","scrollLeft","firstVisibleTabIdx","lastVisibleTabIdx","containerLeftSide","idx","length","previousTabsWidth","slice","tabElLeftSide","isTabLeftSideVisible","tabElRightSide","isTabRightSideVisible","Math","max"],"sources":["../../../../../src/components/Tabs/helpers.tsx"],"sourcesContent":["import { TabsFitModeDropdownWrapper } from './TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper';\nimport { TabsFitModeScrollWrapper } from './TabsFitModeScrollWrapper/TabsFitModeScrollWrapper';\nimport { TabsListWrapper } from './TabsListWrapper';\nimport {\n  TabDimensions,\n  TabsDirection,\n  TabsItemDefault,\n  TabsPropFitMode,\n  TabsPropGetItemAs,\n  TabsPropGetItemAttributes,\n  TabsPropGetItemDisabled,\n  TabsPropGetItemIcon,\n  TabsPropGetItemLabel,\n  TabsPropGetItemRef,\n  TabsPropGetItemSide,\n  TabsPropLinePosition,\n  TabsProps,\n} from './types';\n\nexport const getTabsDirection = (\n  linePosition: TabsPropLinePosition,\n): TabsDirection =>\n  linePosition === 'left' || linePosition === 'right'\n    ? 'vertical'\n    : 'horizontal';\n\nexport const getTabsWidth = (tabsDimensions: TabDimensions[]): number =>\n  tabsDimensions.reduce((acc, td) => acc + td.size + td.gap, 0);\n\nexport const getTabsWrapper = (\n  tabsDirection: TabsDirection,\n  fitMode: TabsPropFitMode,\n) => {\n  if (tabsDirection === 'vertical') {\n    return TabsListWrapper;\n  }\n\n  return fitMode === 'scroll'\n    ? TabsFitModeScrollWrapper\n    : TabsFitModeDropdownWrapper;\n};\n\nconst defaultGetItemLabel: TabsPropGetItemLabel<TabsItemDefault> = (item) =>\n  item.label;\nconst defaultGetItemIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.icon;\nconst defaultGetItemLeftIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.leftIcon;\nconst defaultGetItemRightIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.rightIcon;\nconst defaultGetItemLeftSide: TabsPropGetItemSide<TabsItemDefault> = (item) =>\n  item.leftSide;\nconst defaultGetItemRightSide: TabsPropGetItemSide<TabsItemDefault> = (item) =>\n  item.rightSide;\nconst defaultGetItemDisable: TabsPropGetItemDisabled<TabsItemDefault> = (\n  item,\n) => item.disabled;\nconst defaultGetItemAs: TabsPropGetItemAs<TabsItemDefault> = (item) => item.as;\nconst defaultGetItemAttributes: TabsPropGetItemAttributes<TabsItemDefault> = (\n  item,\n) => item.attributes;\nconst defaultGetItemRef: TabsPropGetItemRef<TabsItemDefault> = (item) =>\n  item.ref;\n\nexport const withDefaultGetters = (props: TabsProps) => {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemLeftIcon: props.getItemLeftIcon || defaultGetItemLeftIcon,\n    getItemRightIcon: props.getItemRightIcon || defaultGetItemRightIcon,\n    getItemLeftSide: props.getItemLeftSide || defaultGetItemLeftSide,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisable,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n    getItemRef: props.getItemRef || defaultGetItemRef,\n  };\n};\n\nexport const getVisibleTabsRange = ({\n  tabsDimensions,\n  containerWidth,\n  containerPaddingLeft,\n  scrollLeft,\n}: {\n  tabsDimensions: TabDimensions[];\n  containerWidth: number;\n  containerPaddingLeft: number;\n  scrollLeft: number;\n}): [number, number] => {\n  let firstVisibleTabIdx = null;\n  let lastVisibleTabIdx = null;\n\n  const containerLeftSide = scrollLeft;\n  const containerRightSide = containerLeftSide + containerWidth;\n\n  for (let idx = 0; idx < tabsDimensions.length; idx++) {\n    const previousTabsWidth = getTabsWidth(tabsDimensions.slice(0, idx));\n    const tabElLeftSide = containerPaddingLeft + previousTabsWidth;\n    const isTabLeftSideVisible = tabElLeftSide >= containerLeftSide;\n    if (isTabLeftSideVisible && firstVisibleTabIdx === null) {\n      firstVisibleTabIdx = idx;\n    }\n\n    const tabElRightSide = tabElLeftSide + tabsDimensions[idx].size;\n    const isTabRightSideVisible = tabElRightSide <= containerRightSide;\n    if (isTabRightSideVisible) {\n      lastVisibleTabIdx = idx;\n    }\n  }\n\n  firstVisibleTabIdx = firstVisibleTabIdx ?? 0;\n  lastVisibleTabIdx = Math.max(firstVisibleTabIdx, lastVisibleTabIdx ?? 0);\n\n  return [firstVisibleTabIdx, lastVisibleTabIdx];\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["TabsFitModeDropdownWrapper","TabsFitModeScrollWrapper","TabsListWrapper","getTabsDirection","linePosition","getTabsWidth","tabsDimensions","reduce","acc","td","size","gap","getTabsWrapper","tabsDirection","fitMode","defaultGetItemLabel","item","label","defaultGetItemIcon","icon","defaultGetItemLeftIcon","leftIcon","defaultGetItemRightIcon","rightIcon","defaultGetItemLeftSide","leftSide","defaultGetItemRightSide","rightSide","defaultGetItemDisable","disabled","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemRef","ref","withDefaultGetters","props","getItemKey","getItemLabel","getItemIcon","getItemLeftIcon","getItemRightIcon","getItemLeftSide","getItemRightSide","getItemDisabled","getItemAs","getItemAttributes","getItemRef","getVisibleTabsRange","containerWidth","containerPaddingLeft","scrollLeft","firstVisibleTabIdx","lastVisibleTabIdx","containerLeftSide","idx","length","previousTabsWidth","slice","tabElLeftSide","isTabLeftSideVisible","tabElRightSide","isTabRightSideVisible","Math","max"],"sources":["../../../../../src/components/Tabs/helpers.tsx"],"sourcesContent":["import { TabsFitModeDropdownWrapper } from './TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper';\nimport { TabsFitModeScrollWrapper } from './TabsFitModeScrollWrapper/TabsFitModeScrollWrapper';\nimport { TabsListWrapper } from './TabsListWrapper';\nimport {\n  TabDimensions,\n  TabsDirection,\n  TabsItemDefault,\n  TabsPropFitMode,\n  TabsPropGetItemAs,\n  TabsPropGetItemAttributes,\n  TabsPropGetItemDisabled,\n  TabsPropGetItemIcon,\n  TabsPropGetItemLabel,\n  TabsPropGetItemRef,\n  TabsPropGetItemSide,\n  TabsPropLinePosition,\n  TabsProps,\n} from './types';\n\nexport const getTabsDirection = (\n  linePosition: TabsPropLinePosition,\n): TabsDirection =>\n  linePosition === 'left' || linePosition === 'right'\n    ? 'vertical'\n    : 'horizontal';\n\nexport const getTabsWidth = (tabsDimensions: TabDimensions[]): number =>\n  tabsDimensions.reduce((acc, td) => acc + td.size + td.gap, 0);\n\nexport const getTabsWrapper = (\n  tabsDirection: TabsDirection,\n  fitMode: TabsPropFitMode,\n) => {\n  if (tabsDirection === 'vertical') {\n    return TabsListWrapper;\n  }\n\n  return fitMode === 'scroll'\n    ? TabsFitModeScrollWrapper\n    : TabsFitModeDropdownWrapper;\n};\n\nconst defaultGetItemLabel: TabsPropGetItemLabel<TabsItemDefault> = (item) =>\n  item.label;\nconst defaultGetItemIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.icon;\nconst defaultGetItemLeftIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.leftIcon;\nconst defaultGetItemRightIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.rightIcon;\nconst defaultGetItemLeftSide: TabsPropGetItemSide<TabsItemDefault> = (item) =>\n  item.leftSide;\nconst defaultGetItemRightSide: TabsPropGetItemSide<TabsItemDefault> = (item) =>\n  item.rightSide;\nconst defaultGetItemDisable: TabsPropGetItemDisabled<TabsItemDefault> = (\n  item,\n) => item.disabled;\nconst defaultGetItemAs: TabsPropGetItemAs<TabsItemDefault> = (item) => item.as;\nconst defaultGetItemAttributes: TabsPropGetItemAttributes<TabsItemDefault> = (\n  item,\n) => item.attributes;\nconst defaultGetItemRef: TabsPropGetItemRef<TabsItemDefault> = (item) =>\n  item.ref;\n\nexport const withDefaultGetters = (props: TabsProps) => {\n  return {\n    ...props,\n    getItemKey: props.getItemKey,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemLeftIcon: props.getItemLeftIcon || defaultGetItemLeftIcon,\n    getItemRightIcon: props.getItemRightIcon || defaultGetItemRightIcon,\n    getItemLeftSide: props.getItemLeftSide || defaultGetItemLeftSide,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisable,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n    getItemRef: props.getItemRef || defaultGetItemRef,\n  };\n};\n\nexport const getVisibleTabsRange = ({\n  tabsDimensions,\n  containerWidth,\n  containerPaddingLeft,\n  scrollLeft,\n}: {\n  tabsDimensions: TabDimensions[];\n  containerWidth: number;\n  containerPaddingLeft: number;\n  scrollLeft: number;\n}): [number, number] => {\n  let firstVisibleTabIdx = null;\n  let lastVisibleTabIdx = null;\n\n  const containerLeftSide = scrollLeft;\n  const containerRightSide = containerLeftSide + containerWidth;\n\n  for (let idx = 0; idx < tabsDimensions.length; idx++) {\n    const previousTabsWidth = getTabsWidth(tabsDimensions.slice(0, idx));\n    const tabElLeftSide = containerPaddingLeft + previousTabsWidth;\n    const isTabLeftSideVisible = tabElLeftSide >= containerLeftSide;\n    if (isTabLeftSideVisible && firstVisibleTabIdx === null) {\n      firstVisibleTabIdx = idx;\n    }\n\n    const tabElRightSide = tabElLeftSide + tabsDimensions[idx].size;\n    const isTabRightSideVisible = tabElRightSide <= containerRightSide;\n    if (isTabRightSideVisible) {\n      lastVisibleTabIdx = idx;\n    }\n  }\n\n  firstVisibleTabIdx = firstVisibleTabIdx ?? 0;\n  lastVisibleTabIdx = Math.max(firstVisibleTabIdx, lastVisibleTabIdx ?? 0);\n\n  return [firstVisibleTabIdx, lastVisibleTabIdx];\n};\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export * from './Tabs';
-export * from './TabsTab/TabsTab';
+export * from './Tabs';
+export * from './TabsTab/TabsTab';

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

@@ -1,140 +1,142 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type TabDimensions = {
-    size: number;
-    gap: number;
-};
-export declare type TabsItemDefault = {
-    label: string | number;
-    leftIcon?: IconComponent;
-    rightIcon?: IconComponent;
-    rightSide?: React.ReactNode;
-    leftSide?: React.ReactNode;
-    disabled?: boolean;
-    as?: AsTags;
-    ref?: React.RefObject<HTMLElement>;
-    attributes?: AsAttributes;
-    /**
-     * @deprecated since version 4.11.0 use leftIcon
-     */
-    icon?: IconComponent;
-};
-export declare const tabsSizes: readonly ["m", "s", "xs"];
-export declare type TabsPropSize = typeof tabsSizes[number];
-export declare const tabsDefaultSize: TabsPropSize;
-export declare const tabsViews: readonly ["bordered", "clear"];
-export declare type TabsPropView = typeof tabsViews[number];
-export declare const tabsDefaultView: TabsPropView;
-export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
-export declare type TabsPropLinePosition = typeof tabsLinePositions[number];
-export declare const tabsDefaultLinePosition: TabsPropLinePosition;
-export declare const tabsFitModes: readonly ["scroll", "dropdown"];
-export declare type TabsPropFitMode = typeof tabsFitModes[number];
-export declare const tabsDefaultFitMode: TabsPropFitMode;
-export declare type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
-export declare type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type TabsPropGetItemSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
-export declare type TabsPropGetItemAttributes<ITEM> = (item: ITEM) => TabsItemDefault['attributes'];
-export declare type TabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
-export declare type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type TabsPropOnChange<ITEM> = (value: ITEM, props: {
-    e: React.MouseEvent | React.KeyboardEvent;
-}) => void;
-export declare type RenderItemProps<ITEM> = {
-    item: ITEM;
-    onChange: React.MouseEventHandler;
-    checked: boolean;
-    size: TabsPropSize;
-    iconSize?: IconPropSize;
-    onlyIcon?: boolean;
-    label: string;
-    tabRef?: React.RefObject<HTMLElement>;
-    renderInDropdown?: boolean;
-} & Omit<TabsItemDefault, 'label' | 'ref'>;
-export declare type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type TabsFitModeWrapperProps<ITEM> = {
-    items: ITEM[];
-    tabsDimensions: TabDimensions[];
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-    getItemChecked: TabsPropGetItemChecked<ITEM>;
-    renderItem: (item: ITEM) => React.ReactNode;
-    renderItemsList: RenderItemsListProp;
-    onChange: TabsPropOnChange<ITEM>;
-    tabRefs: Array<React.RefObject<HTMLElement>>;
-    size: TabsPropSize;
-    withScrollButtons?: boolean;
-};
-export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
-    size?: TabsPropSize;
-    onlyIcon?: boolean;
-    view?: TabsPropView;
-    iconSize?: IconPropSize;
-    items: ITEM[];
-    value?: ITEM | null;
-    getItemLabel?: TabsPropGetItemLabel<ITEM>;
-    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;
-    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;
-    getItemLeftSide?: TabsPropGetItemSide<ITEM>;
-    getItemRightSide?: TabsPropGetItemSide<ITEM>;
-    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;
-    getItemAs?: TabsPropGetItemAs<ITEM>;
-    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;
-    getItemRef?: TabsPropGetItemRef<ITEM>;
-    children?: never;
-    onChange: TabsPropOnChange<ITEM>;
-    renderItem?: RenderItem<ITEM>;
-    disabled?: boolean;
-    /**
-     * @deprecated since version 4.11.0 use getItemLeftIcon
-     */
-    getItemIcon?: TabsPropGetItemIcon<ITEM>;
-} & (({
-    linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;
-} & ({
-    fitMode?: 'scroll';
-    withScrollButtons?: boolean;
-} | {
-    fitMode?: 'dropdown';
-    withScrollButtons?: never;
-})) | {
-    linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;
-    fitMode?: never;
-    withScrollButtons?: never;
-}), HTMLDivElement> & (ITEM extends {
-    label: TabsItemDefault['label'];
-} ? {} : {
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-});
-export declare type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
-export declare type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
-    onChange: React.MouseEventHandler;
-    checked: boolean;
-    size: TabsPropSize;
-    iconSize?: IconPropSize;
-    onlyIcon?: boolean;
-    className?: string;
-    label: string;
-    tabRef?: React.RefObject<HTMLElement>;
-    renderInDropdown?: boolean;
-} & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>, AS>;
-export declare type TabsTabComponent = <AS extends AsTags = 'button'>(props: TabsTabProps<AS>) => React.ReactElement | null;
-export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    renderItem: (item: ITEM, onClick: () => void, renderInDropdown?: boolean) => React.ReactNode;
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-    onChange: TabsPropOnChange<ITEM>;
-    height: number;
-    size: TabsPropSize;
-} & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
-export declare type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
-export declare type RenderItemsListProp = (props: {
-    visibleIndexes?: number[];
-    withRunningLine?: boolean;
-    getTabClassName?: (idx: number) => string | undefined;
-}) => React.ReactNode;
-export declare type TabsDirection = 'horizontal' | 'vertical';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type TabDimensions = {
+    size: number;
+    gap: number;
+};
+export declare type TabsItemDefault = {
+    label: string | number;
+    leftIcon?: IconComponent;
+    rightIcon?: IconComponent;
+    rightSide?: React.ReactNode;
+    leftSide?: React.ReactNode;
+    disabled?: boolean;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+    attributes?: AsAttributes;
+    /**
+     * @deprecated since version 4.11.0 use leftIcon
+     */
+    icon?: IconComponent;
+};
+export declare const tabsSizes: readonly ["m", "s", "xs"];
+export declare type TabsPropSize = typeof tabsSizes[number];
+export declare const tabsDefaultSize: TabsPropSize;
+export declare const tabsViews: readonly ["bordered", "clear"];
+export declare type TabsPropView = typeof tabsViews[number];
+export declare const tabsDefaultView: TabsPropView;
+export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
+export declare type TabsPropLinePosition = typeof tabsLinePositions[number];
+export declare const tabsDefaultLinePosition: TabsPropLinePosition;
+export declare const tabsFitModes: readonly ["scroll", "dropdown"];
+export declare type TabsPropFitMode = typeof tabsFitModes[number];
+export declare const tabsDefaultFitMode: TabsPropFitMode;
+export declare type TabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export declare type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
+export declare type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type TabsPropGetItemSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export declare type TabsPropGetItemAttributes<ITEM> = (item: ITEM) => TabsItemDefault['attributes'];
+export declare type TabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
+export declare type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type TabsPropOnChange<ITEM> = (value: ITEM, props: {
+    e: React.MouseEvent | React.KeyboardEvent;
+}) => void;
+export declare type RenderItemProps<ITEM> = {
+    item: ITEM;
+    onChange: React.MouseEventHandler;
+    checked: boolean;
+    size: TabsPropSize;
+    iconSize?: IconPropSize;
+    onlyIcon?: boolean;
+    label: string;
+    tabRef?: React.RefObject<HTMLElement>;
+    renderInDropdown?: boolean;
+} & Omit<TabsItemDefault, 'label' | 'ref'>;
+export declare type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type TabsFitModeWrapperProps<ITEM> = {
+    items: ITEM[];
+    tabsDimensions: TabDimensions[];
+    getItemKey: TabsPropGetItemKey<ITEM>;
+    getItemChecked: TabsPropGetItemChecked<ITEM>;
+    renderItem: (item: ITEM) => React.ReactNode;
+    renderItemsList: RenderItemsListProp;
+    onChange: TabsPropOnChange<ITEM>;
+    tabRefs: Array<React.RefObject<HTMLElement>>;
+    size: TabsPropSize;
+    withScrollButtons?: boolean;
+};
+export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    size?: TabsPropSize;
+    onlyIcon?: boolean;
+    view?: TabsPropView;
+    iconSize?: IconPropSize;
+    items: ITEM[];
+    value?: ITEM | null;
+    getItemKey?: TabsPropGetItemKey<ITEM>;
+    getItemLabel?: TabsPropGetItemLabel<ITEM>;
+    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;
+    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;
+    getItemLeftSide?: TabsPropGetItemSide<ITEM>;
+    getItemRightSide?: TabsPropGetItemSide<ITEM>;
+    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;
+    getItemAs?: TabsPropGetItemAs<ITEM>;
+    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;
+    getItemRef?: TabsPropGetItemRef<ITEM>;
+    children?: never;
+    onChange: TabsPropOnChange<ITEM>;
+    renderItem?: RenderItem<ITEM>;
+    disabled?: boolean;
+    /**
+     * @deprecated since version 4.11.0 use getItemLeftIcon
+     */
+    getItemIcon?: TabsPropGetItemIcon<ITEM>;
+} & (({
+    linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;
+} & ({
+    fitMode?: 'scroll';
+    withScrollButtons?: boolean;
+} | {
+    fitMode?: 'dropdown';
+    withScrollButtons?: never;
+})) | {
+    linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;
+    fitMode?: never;
+    withScrollButtons?: never;
+}), HTMLDivElement> & (ITEM extends {
+    label: TabsItemDefault['label'];
+} ? {} : {
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+});
+export declare type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
+export declare type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
+    onChange: React.MouseEventHandler;
+    checked: boolean;
+    size: TabsPropSize;
+    iconSize?: IconPropSize;
+    onlyIcon?: boolean;
+    className?: string;
+    label: string;
+    tabRef?: React.RefObject<HTMLElement>;
+    renderInDropdown?: boolean;
+} & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>, AS>;
+export declare type TabsTabComponent = <AS extends AsTags = 'button'>(props: TabsTabProps<AS>) => React.ReactElement | null;
+export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    renderItem: (item: ITEM, onClick: () => void, renderInDropdown?: boolean) => React.ReactNode;
+    getItemKey: TabsPropGetItemKey<ITEM>;
+    onChange: TabsPropOnChange<ITEM>;
+    height: number;
+    size: TabsPropSize;
+} & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
+export declare type RenderItemsListProp = (props: {
+    visibleIndexes?: number[];
+    withRunningLine?: boolean;
+    getTabClassName?: (idx: number) => string | undefined;
+}) => React.ReactNode;
+export declare type TabsDirection = 'horizontal' | 'vertical';

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["tabsSizes","tabsDefaultSize","tabsViews","tabsDefaultView","tabsLinePositions","tabsDefaultLinePosition","tabsFitModes","tabsDefaultFitMode"],"sources":["../../../../../src/components/Tabs/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TabDimensions = {\n  size: number;\n  gap: number;\n};\n\nexport type TabsItemDefault = {\n  label: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  leftSide?: React.ReactNode;\n  disabled?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n\n  /**\n   * @deprecated since version 4.11.0 use leftIcon\n   */\n  icon?: IconComponent;\n};\n\nexport const tabsSizes = ['m', 's', 'xs'] as const;\nexport type TabsPropSize = typeof tabsSizes[number];\nexport const tabsDefaultSize: TabsPropSize = tabsSizes[0];\n\nexport const tabsViews = ['bordered', 'clear'] as const;\nexport type TabsPropView = typeof tabsViews[number];\nexport const tabsDefaultView: TabsPropView = tabsViews[0];\n\nexport const tabsLinePositions = ['bottom', 'top', 'left', 'right'] as const;\nexport type TabsPropLinePosition = typeof tabsLinePositions[number];\nexport const tabsDefaultLinePosition: TabsPropLinePosition = 'bottom';\n\nexport const tabsFitModes = ['scroll', 'dropdown'] as const;\nexport type TabsPropFitMode = typeof tabsFitModes[number];\nexport const tabsDefaultFitMode: TabsPropFitMode = 'dropdown';\n\nexport type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;\nexport type TabsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type TabsPropGetItemSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\nexport type TabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => TabsItemDefault['attributes'];\nexport type TabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type TabsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  onChange: React.MouseEventHandler;\n  checked: boolean;\n  size: TabsPropSize;\n  iconSize?: IconPropSize;\n  onlyIcon?: boolean;\n  label: string;\n  tabRef?: React.RefObject<HTMLElement>;\n  renderInDropdown?: boolean;\n} & Omit<TabsItemDefault, 'label' | 'ref'>;\n\nexport type RenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TabsFitModeWrapperProps<ITEM> = {\n  items: ITEM[];\n  tabsDimensions: TabDimensions[];\n  getItemLabel: TabsPropGetItemLabel<ITEM>;\n  getItemChecked: TabsPropGetItemChecked<ITEM>;\n  renderItem: (item: ITEM) => React.ReactNode;\n  renderItemsList: RenderItemsListProp;\n  onChange: TabsPropOnChange<ITEM>;\n  tabRefs: Array<React.RefObject<HTMLElement>>;\n  size: TabsPropSize;\n  withScrollButtons?: boolean;\n};\n\nexport type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: TabsPropSize;\n    onlyIcon?: boolean;\n    view?: TabsPropView;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    value?: ITEM | null;\n    getItemLabel?: TabsPropGetItemLabel<ITEM>;\n    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;\n    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;\n    getItemLeftSide?: TabsPropGetItemSide<ITEM>;\n    getItemRightSide?: TabsPropGetItemSide<ITEM>;\n    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;\n    getItemAs?: TabsPropGetItemAs<ITEM>;\n    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;\n    getItemRef?: TabsPropGetItemRef<ITEM>;\n    children?: never;\n    onChange: TabsPropOnChange<ITEM>;\n    renderItem?: RenderItem<ITEM>;\n    disabled?: boolean;\n\n    /**\n     * @deprecated since version 4.11.0 use getItemLeftIcon\n     */\n    getItemIcon?: TabsPropGetItemIcon<ITEM>;\n  } & (\n    | ({\n        linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;\n      } & (\n        | {\n            fitMode?: 'scroll';\n            withScrollButtons?: boolean;\n          }\n        | {\n            fitMode?: 'dropdown';\n            withScrollButtons?: never;\n          }\n      ))\n    | {\n        linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;\n        fitMode?: never;\n        withScrollButtons?: never;\n      }\n  ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: TabsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: TabsPropGetItemLabel<ITEM>;\n      });\n\nexport type TabsComponent = <ITEM>(\n  props: TabsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<\n  {\n    onChange: React.MouseEventHandler;\n    checked: boolean;\n    size: TabsPropSize;\n    iconSize?: IconPropSize;\n    onlyIcon?: boolean;\n    className?: string;\n    label: string;\n    tabRef?: React.RefObject<HTMLElement>;\n    renderInDropdown?: boolean;\n  } & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>,\n  AS\n>;\n\nexport type TabsTabComponent = <AS extends AsTags = 'button'>(\n  props: TabsTabProps<AS>,\n) => React.ReactElement | null;\n\nexport type TabsMoreItemsProps<ITEM = TabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      renderItem: (\n        item: ITEM,\n        onClick: () => void,\n        renderInDropdown?: boolean,\n      ) => React.ReactNode;\n      getItemLabel: TabsPropGetItemLabel<ITEM>;\n      onChange: TabsPropOnChange<ITEM>;\n      height: number;\n      size: TabsPropSize;\n    } & React.RefAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n\nexport type TabsMoreItemsComponent = <ITEM>(\n  props: TabsMoreItemsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type RenderItemsListProp = (props: {\n  visibleIndexes?: number[];\n  withRunningLine?: boolean;\n  getTabClassName?: (idx: number) => string | undefined;\n}) => React.ReactNode;\n\nexport type TabsDirection = 'horizontal' | 'vertical';\n"],"mappings":"AA8BA,MAAO,IAAMA,UAAS,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAlB,CAEP,MAAO,IAAMC,gBAA6B,CAAGD,SAAS,CAAC,CAAD,CAA/C,CAEP,MAAO,IAAME,UAAS,CAAG,CAAC,UAAD,CAAa,OAAb,CAAlB,CAEP,MAAO,IAAMC,gBAA6B,CAAGD,SAAS,CAAC,CAAD,CAA/C,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,QAAD,CAAW,KAAX,CAAkB,MAAlB,CAA0B,OAA1B,CAA1B,CAEP,MAAO,IAAMC,wBAA6C,CAAG,QAAtD,CAEP,MAAO,IAAMC,aAAY,CAAG,CAAC,QAAD,CAAW,UAAX,CAArB,CAEP,MAAO,IAAMC,mBAAmC,CAAG,UAA5C"}
+{"version":3,"file":"types.js","names":["tabsSizes","tabsDefaultSize","tabsViews","tabsDefaultView","tabsLinePositions","tabsDefaultLinePosition","tabsFitModes","tabsDefaultFitMode"],"sources":["../../../../../src/components/Tabs/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TabDimensions = {\n  size: number;\n  gap: number;\n};\n\nexport type TabsItemDefault = {\n  label: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  leftSide?: React.ReactNode;\n  disabled?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n\n  /**\n   * @deprecated since version 4.11.0 use leftIcon\n   */\n  icon?: IconComponent;\n};\n\nexport const tabsSizes = ['m', 's', 'xs'] as const;\nexport type TabsPropSize = typeof tabsSizes[number];\nexport const tabsDefaultSize: TabsPropSize = tabsSizes[0];\n\nexport const tabsViews = ['bordered', 'clear'] as const;\nexport type TabsPropView = typeof tabsViews[number];\nexport const tabsDefaultView: TabsPropView = tabsViews[0];\n\nexport const tabsLinePositions = ['bottom', 'top', 'left', 'right'] as const;\nexport type TabsPropLinePosition = typeof tabsLinePositions[number];\nexport const tabsDefaultLinePosition: TabsPropLinePosition = 'bottom';\n\nexport const tabsFitModes = ['scroll', 'dropdown'] as const;\nexport type TabsPropFitMode = typeof tabsFitModes[number];\nexport const tabsDefaultFitMode: TabsPropFitMode = 'dropdown';\n\nexport type TabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;\nexport type TabsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type TabsPropGetItemSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\nexport type TabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => TabsItemDefault['attributes'];\nexport type TabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type TabsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  onChange: React.MouseEventHandler;\n  checked: boolean;\n  size: TabsPropSize;\n  iconSize?: IconPropSize;\n  onlyIcon?: boolean;\n  label: string;\n  tabRef?: React.RefObject<HTMLElement>;\n  renderInDropdown?: boolean;\n} & Omit<TabsItemDefault, 'label' | 'ref'>;\n\nexport type RenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TabsFitModeWrapperProps<ITEM> = {\n  items: ITEM[];\n  tabsDimensions: TabDimensions[];\n  getItemKey: TabsPropGetItemKey<ITEM>;\n  getItemChecked: TabsPropGetItemChecked<ITEM>;\n  renderItem: (item: ITEM) => React.ReactNode;\n  renderItemsList: RenderItemsListProp;\n  onChange: TabsPropOnChange<ITEM>;\n  tabRefs: Array<React.RefObject<HTMLElement>>;\n  size: TabsPropSize;\n  withScrollButtons?: boolean;\n};\n\nexport type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: TabsPropSize;\n    onlyIcon?: boolean;\n    view?: TabsPropView;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    value?: ITEM | null;\n    getItemKey?: TabsPropGetItemKey<ITEM>;\n    getItemLabel?: TabsPropGetItemLabel<ITEM>;\n    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;\n    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;\n    getItemLeftSide?: TabsPropGetItemSide<ITEM>;\n    getItemRightSide?: TabsPropGetItemSide<ITEM>;\n    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;\n    getItemAs?: TabsPropGetItemAs<ITEM>;\n    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;\n    getItemRef?: TabsPropGetItemRef<ITEM>;\n    children?: never;\n    onChange: TabsPropOnChange<ITEM>;\n    renderItem?: RenderItem<ITEM>;\n    disabled?: boolean;\n\n    /**\n     * @deprecated since version 4.11.0 use getItemLeftIcon\n     */\n    getItemIcon?: TabsPropGetItemIcon<ITEM>;\n  } & (\n    | ({\n        linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;\n      } & (\n        | {\n            fitMode?: 'scroll';\n            withScrollButtons?: boolean;\n          }\n        | {\n            fitMode?: 'dropdown';\n            withScrollButtons?: never;\n          }\n      ))\n    | {\n        linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;\n        fitMode?: never;\n        withScrollButtons?: never;\n      }\n  ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: TabsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: TabsPropGetItemLabel<ITEM>;\n      });\n\nexport type TabsComponent = <ITEM>(\n  props: TabsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<\n  {\n    onChange: React.MouseEventHandler;\n    checked: boolean;\n    size: TabsPropSize;\n    iconSize?: IconPropSize;\n    onlyIcon?: boolean;\n    className?: string;\n    label: string;\n    tabRef?: React.RefObject<HTMLElement>;\n    renderInDropdown?: boolean;\n  } & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>,\n  AS\n>;\n\nexport type TabsTabComponent = <AS extends AsTags = 'button'>(\n  props: TabsTabProps<AS>,\n) => React.ReactElement | null;\n\nexport type TabsMoreItemsProps<ITEM = TabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      renderItem: (\n        item: ITEM,\n        onClick: () => void,\n        renderInDropdown?: boolean,\n      ) => React.ReactNode;\n      getItemKey: TabsPropGetItemKey<ITEM>;\n      onChange: TabsPropOnChange<ITEM>;\n      height: number;\n      size: TabsPropSize;\n    } & React.RefAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n\nexport type TabsMoreItemsComponent = <ITEM>(\n  props: TabsMoreItemsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type RenderItemsListProp = (props: {\n  visibleIndexes?: number[];\n  withRunningLine?: boolean;\n  getTabClassName?: (idx: number) => string | undefined;\n}) => React.ReactNode;\n\nexport type TabsDirection = 'horizontal' | 'vertical';\n"],"mappings":"AA8BA,MAAO,IAAMA,UAAS,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAlB,CAEP,MAAO,IAAMC,gBAA6B,CAAGD,SAAS,CAAC,CAAD,CAA/C,CAEP,MAAO,IAAME,UAAS,CAAG,CAAC,UAAD,CAAa,OAAb,CAAlB,CAEP,MAAO,IAAMC,gBAA6B,CAAGD,SAAS,CAAC,CAAD,CAA/C,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,QAAD,CAAW,KAAX,CAAkB,MAAlB,CAA0B,OAA1B,CAA1B,CAEP,MAAO,IAAMC,wBAA6C,CAAG,QAAtD,CAEP,MAAO,IAAMC,aAAY,CAAG,CAAC,QAAD,CAAW,UAAX,CAArB,CAEP,MAAO,IAAMC,mBAAmC,CAAG,UAA5C"}

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

@@ -1,71 +1,71 @@
-import { IconComponent, IconProps } from '@consta/icons/Icon';
-import React from 'react';
-import { AsTagAttribute, AsTags } from "../../utils/types/AsTags";
-import { TagBase } from '../TagBase/TagBase';
-declare type TagBaseProps = React.ComponentProps<typeof TagBase>;
-export declare const tagPropMode: readonly ["button", "check", "cancel", "link", "info"];
-export declare const tagPropModeDefault: "button";
-declare type TagPropMode = typeof tagPropMode[number];
-declare type CommonProps = {
-    size?: TagBaseProps['size'];
-    label: TagBaseProps['label'];
-    group?: TagBaseProps['group'];
-    icon?: IconComponent;
-    iconSize?: IconProps['size'];
-    children?: never;
-    disabled?: boolean;
-};
-declare type PropsWithModeButton = CommonProps & {
-    mode?: 'button';
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    checked?: never;
-    onChange?: never;
-    onCancel?: never;
-    cancelButtonTabIndex?: never;
-};
-declare type PropsWithModeLink = CommonProps & {
-    mode: 'link';
-    checked?: never;
-    onChange?: never;
-    onCancel?: never;
-    cancelButtonTabIndex?: never;
-};
-declare type PropsWithModeCheck = CommonProps & {
-    mode: 'check';
-    onChange: (checked: boolean, params: {
-        e?: React.MouseEvent;
-        checked: boolean;
-    }) => void;
-    checked: boolean;
-    onClick?: never;
-    onCancel?: never;
-    cancelButtonTabIndex?: never;
-};
-declare type PropsWithModeCancel = CommonProps & {
-    mode: 'cancel';
-    onCancel: React.MouseEventHandler<HTMLButtonElement>;
-    cancelButtonTabIndex?: number;
-    onClick?: never;
-    onChange?: never;
-    checked?: never;
-};
-declare type PropsWithModeInfo = CommonProps & {
-    mode: 'info';
-    onCancel?: never;
-    onClick?: never;
-    onChange?: never;
-    checked?: never;
-    cancelButtonTabIndex?: never;
-};
-declare type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
-declare type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
-export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
-    view?: TagBaseProps['view'];
-    onClick?: TagBaseProps['onClick'];
-    onCancel?: TagBaseProps['onCancel'];
-    withAction?: TagBaseProps['withAction'];
-    as: AsTags;
-};
-export declare const COMPONENT_NAME: "Tag";
-export declare const Tag: TagComponent;
-export {};
+import { IconComponent, IconProps } from '@consta/icons/Icon';
+import React from 'react';
+import { AsTagAttribute, AsTags } from "../../utils/types/AsTags";
+import { TagBase } from '../TagBase/TagBase';
+declare type TagBaseProps = React.ComponentProps<typeof TagBase>;
+export declare const tagPropMode: readonly ["button", "check", "cancel", "link", "info"];
+export declare const tagPropModeDefault: "button";
+declare type TagPropMode = typeof tagPropMode[number];
+declare type CommonProps = {
+    size?: TagBaseProps['size'];
+    label: TagBaseProps['label'];
+    group?: TagBaseProps['group'];
+    icon?: IconComponent;
+    iconSize?: IconProps['size'];
+    children?: never;
+    disabled?: boolean;
+};
+declare type PropsWithModeButton = CommonProps & {
+    mode?: 'button';
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    checked?: never;
+    onChange?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeLink = CommonProps & {
+    mode: 'link';
+    checked?: never;
+    onChange?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeCheck = CommonProps & {
+    mode: 'check';
+    onChange: (checked: boolean, params: {
+        e?: React.MouseEvent;
+        checked: boolean;
+    }) => void;
+    checked: boolean;
+    onClick?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeCancel = CommonProps & {
+    mode: 'cancel';
+    onCancel: React.MouseEventHandler<HTMLButtonElement>;
+    cancelButtonTabIndex?: number;
+    onClick?: never;
+    onChange?: never;
+    checked?: never;
+};
+declare type PropsWithModeInfo = CommonProps & {
+    mode: 'info';
+    onCancel?: never;
+    onClick?: never;
+    onChange?: never;
+    checked?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
+declare type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
+    view?: TagBaseProps['view'];
+    onClick?: TagBaseProps['onClick'];
+    onCancel?: TagBaseProps['onCancel'];
+    withAction?: TagBaseProps['withAction'];
+    as: AsTags;
+};
+export declare const COMPONENT_NAME: "Tag";
+export declare const Tag: TagComponent;
+export {};

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

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

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

@@ -1,29 +1,29 @@
-import './TagBase.css';
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-export declare const tagBasePropSize: readonly ["m", "xs", "s", "l"];
-export declare const tagBasePropSizeDefault: "m";
-export declare type TagBasePropSize = typeof tagBasePropSize[number];
-export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
-export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: (1 | "1" | 4 | 2 | 3 | 5 | 9 | "2" | 7 | 6 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
-export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
-export declare const tagBasePropView: readonly ["stroked", "filled"];
-export declare const tagBasePropViewDefault: "stroked";
-export declare type TagBasePropView = typeof tagBasePropView[number];
-export declare type Props = {
-    size?: TagBasePropSize;
-    label: string;
-    children?: never;
-    view?: TagBasePropView;
-    group?: TagBasePropGroup;
-    onCancel?: React.MouseEventHandler<HTMLButtonElement>;
-    icon?: IconComponent;
-    iconSize?: IconPropSize;
-    withAction?: boolean;
-    cancelButtonTabIndex?: number;
-    disabled?: boolean;
-    href?: string;
-};
-export declare const cnTagBase: import("@bem-react/classname").ClassNameFormatter;
-export declare const TagBase: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
+import './TagBase.css';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+export declare const tagBasePropSize: readonly ["m", "xs", "s", "l"];
+export declare const tagBasePropSizeDefault: "m";
+export declare type TagBasePropSize = typeof tagBasePropSize[number];
+export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
+export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+export declare const tagBasePropGroup: (1 | "1" | 4 | 2 | 3 | 5 | 9 | "2" | 7 | 6 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
+export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
+export declare const tagBasePropView: readonly ["stroked", "filled"];
+export declare const tagBasePropViewDefault: "stroked";
+export declare type TagBasePropView = typeof tagBasePropView[number];
+export declare type Props = {
+    size?: TagBasePropSize;
+    label: string;
+    children?: never;
+    view?: TagBasePropView;
+    group?: TagBasePropGroup;
+    onCancel?: React.MouseEventHandler<HTMLButtonElement>;
+    icon?: IconComponent;
+    iconSize?: IconPropSize;
+    withAction?: boolean;
+    cancelButtonTabIndex?: number;
+    disabled?: boolean;
+    href?: string;
+};
+export declare const cnTagBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const TagBase: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;

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

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