@consta/uikit 5.17.0 → 5.18.0

package/__internal__/src/components/Badge/Badge.css

@@ -1,3 +1,3 @@
 .Badge{--badge-bg-color-var:var(--badge-bg-color-prop,var(--badge-bg-color));--badge-text-color-var:var(--badge-text-color-prop,var(--badge-text-color));--badge-border-color-var:var(
-    --badge-border-color-prop,var(--badge-border-color)
-  );align-items:center;box-sizing:border-box;color:var(--badge-text-color-var);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horizontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color-var)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color-var)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color-var) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color-var);width:var(--badge-size)}.Badge-Icon{flex:1}
+      --badge-border-color-prop,var(--badge-border-color)
+    );align-items:center;box-sizing:border-box;color:var(--badge-text-color-var);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horizontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color-var)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color-var)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color-var) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color-var);width:var(--badge-size)}.Badge-Icon{flex:1}

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

@@ -1,3 +1,3 @@
-import './Badge.css';
-import { BadgeProps } from './types';
-export declare const Badge: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<BadgeProps, "div">;
+import './Badge.css';
+import { BadgeProps } from './types';
+export declare const Badge: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<BadgeProps, "div">;

package/__internal__/src/components/Badge/cn.d.ts

@@ -1 +1 @@
-export declare const cnBadge: import("@bem-react/classname").ClassNameFormatter;
+export declare const cnBadge: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/Badge/guardStatus.d.ts

@@ -1,2 +1,2 @@
-import { BadgePropStatus } from './types';
-export declare const guardStatus: (status: BadgePropStatus) => BadgePropStatus;
+import { BadgePropStatus } from './types';
+export declare const guardStatus: (status: BadgePropStatus) => BadgePropStatus;

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

@@ -1,3 +1,3 @@
-export * from './Badge';
-export * from './types';
-export * from './cn';
+export * from './Badge';
+export * from './types';
+export * from './cn';

package/__internal__/src/components/Badge/maps.d.ts

@@ -1,9 +1,9 @@
-import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from './types';
-export declare const getHorizontalPadding: (size: BadgePropSize, form: BadgePropForm, minified: boolean) => string | undefined;
-export declare const getSize: (size: BadgePropSize, minified: boolean) => string;
-export declare const getTextSize: (size: BadgePropSize) => string;
-export declare const getMinifiedBorderSize: (size: BadgePropSize, minified: boolean) => string | undefined;
-export declare const getBgColor: (status: BadgePropStatus) => string;
-export declare const getTextColor: (status: BadgePropStatus, view: BadgePropView) => string;
-export declare const getBorderColor: (status: BadgePropStatus, view: BadgePropView) => string | undefined;
-export declare const getDegreeMixing: (status: BadgePropStatus, view: BadgePropView) => "30%" | "100%" | "10%" | undefined;
+import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from './types';
+export declare const getHorizontalPadding: (size: BadgePropSize, form: BadgePropForm, minified: boolean) => string | undefined;
+export declare const getSize: (size: BadgePropSize, minified: boolean) => string;
+export declare const getTextSize: (size: BadgePropSize) => string;
+export declare const getMinifiedBorderSize: (size: BadgePropSize, minified: boolean) => string | undefined;
+export declare const getBgColor: (status: BadgePropStatus) => string;
+export declare const getTextColor: (status: BadgePropStatus, view: BadgePropView) => string;
+export declare const getBorderColor: (status: BadgePropStatus, view: BadgePropView) => string | undefined;
+export declare const getDegreeMixing: (status: BadgePropStatus, view: BadgePropView) => "30%" | "100%" | "10%" | undefined;

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

@@ -1,31 +1,31 @@
-import { IconComponent } from '@consta/icons/Icon';
-export declare const badgePropSize: readonly ["xs", "s", "m", "l"];
-export declare type BadgePropSize = typeof badgePropSize[number];
-export declare const badgePropSizeDefault: BadgePropSize;
-export declare const badgePropView: readonly ["filled", "stroked", "tinted"];
-export declare type BadgePropView = typeof badgePropView[number];
-export declare const badgePropViewDefault: BadgePropView;
-export declare const badgePropStatus: readonly ["normal", "success", "warning", "alert", "system", "disabled"];
-export declare type BadgePropStatus = typeof badgePropStatus[number] | 'error';
-export declare const badgePropStatusDefault: BadgePropStatus;
-export declare const badgePropForm: readonly ["default", "round"];
-export declare type BadgePropForm = typeof badgePropForm[number];
-export declare const badgePropFormDefault: BadgePropForm;
-export declare type BadgeProps = {
-    size?: BadgePropSize;
-    view?: BadgePropView;
-    /**
-     * "error" deprecated since version 5.13.0 use "alert"
-     */
-    status?: BadgePropStatus;
-    form?: BadgePropForm;
-    minified?: boolean;
-    /**
-     * @deprecated since version 4.17.2 use iconLeft
-     */
-    icon?: IconComponent;
-    iconLeft?: IconComponent;
-    iconRight?: IconComponent;
-    label?: string;
-    children?: never;
-};
+import { IconComponent } from '@consta/icons/Icon';
+export declare const badgePropSize: readonly ["xs", "s", "m", "l"];
+export declare type BadgePropSize = typeof badgePropSize[number];
+export declare const badgePropSizeDefault: BadgePropSize;
+export declare const badgePropView: readonly ["filled", "stroked", "tinted"];
+export declare type BadgePropView = typeof badgePropView[number];
+export declare const badgePropViewDefault: BadgePropView;
+export declare const badgePropStatus: readonly ["normal", "success", "warning", "alert", "system", "disabled"];
+export declare type BadgePropStatus = typeof badgePropStatus[number] | 'error';
+export declare const badgePropStatusDefault: BadgePropStatus;
+export declare const badgePropForm: readonly ["default", "round"];
+export declare type BadgePropForm = typeof badgePropForm[number];
+export declare const badgePropFormDefault: BadgePropForm;
+export declare type BadgeProps = {
+    size?: BadgePropSize;
+    view?: BadgePropView;
+    /**
+     * "error" deprecated since version 5.13.0 use "alert"
+     */
+    status?: BadgePropStatus;
+    form?: BadgePropForm;
+    minified?: boolean;
+    /**
+     * @deprecated since version 4.17.2 use iconLeft
+     */
+    icon?: IconComponent;
+    iconLeft?: IconComponent;
+    iconRight?: IconComponent;
+    label?: string;
+    children?: never;
+};

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

@@ -1,4 +1,4 @@
-import './BadgeGroup.css';
-import { BadgeGroupComponent } from './types';
-export declare const BadgeGroup: BadgeGroupComponent;
-export * from './types';
+import './BadgeGroup.css';
+import { BadgeGroupComponent } from './types';
+export declare const BadgeGroup: BadgeGroupComponent;
+export * from './types';

package/__internal__/src/components/BadgeGroup/helper.d.ts

@@ -1,34 +1,34 @@
-/// <reference types="react" />
-import { BadgeGroupDefaultItem, BadgeGroupPropGetItemAs, BadgeGroupPropGetItemAttributes, BadgeGroupPropGetItemIconLeft, BadgeGroupPropGetItemIconRight, BadgeGroupPropGetItemKey, BadgeGroupPropGetItemLabel, BadgeGroupPropGetItemRef, BadgeGroupPropGetItemStatus, BadgeGroupPropGetItemView, BadgeGroupProps } from './types';
-export declare function withDefaultGetters<ITEM>(props: BadgeGroupProps<ITEM>): {
-    items: ITEM[];
-    fitMode?: "wrap" | "reduction" | undefined;
-    getItemKey?: BadgeGroupPropGetItemKey<ITEM> | undefined;
-    getItemLabel?: BadgeGroupPropGetItemLabel<ITEM> | undefined;
-    getItemStatus?: BadgeGroupPropGetItemStatus<ITEM> | undefined;
-    getItemView?: BadgeGroupPropGetItemView<ITEM> | undefined;
-    getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM> | undefined;
-    getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM> | undefined;
-    getItemRef?: BadgeGroupPropGetItemRef<ITEM> | undefined;
-    getItemAs?: BadgeGroupPropGetItemAs<ITEM> | undefined;
-    getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM> | undefined;
-    form?: "default" | "round" | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
-    minified?: boolean | undefined;
-    moreRef?: import("react").RefObject<HTMLDivElement> | undefined;
-    moreAttributes?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "items" | "getItemLabel" | "getItemKey" | "getItemStatus" | "getItemAs" | "getItemAttributes" | "getItemRef" | "minified" | "fitMode" | "getItemView" | "getItemIconLeft" | "getItemIconRight" | "moreRef" | "moreAttributes"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
-    key: string | number;
-} ? {} : {
-    getItemKey: BadgeGroupPropGetItemKey<ITEM>;
-}) & {
-    getItemKey: BadgeGroupPropGetItemKey<BadgeGroupDefaultItem> | BadgeGroupPropGetItemKey<ITEM>;
-    getItemLabel: BadgeGroupPropGetItemLabel<BadgeGroupDefaultItem> | BadgeGroupPropGetItemLabel<ITEM>;
-    getItemIconRight: BadgeGroupPropGetItemIconRight<BadgeGroupDefaultItem> | BadgeGroupPropGetItemIconRight<ITEM>;
-    getItemIconLeft: BadgeGroupPropGetItemIconLeft<BadgeGroupDefaultItem> | BadgeGroupPropGetItemIconLeft<ITEM>;
-    getItemView: BadgeGroupPropGetItemView<BadgeGroupDefaultItem> | BadgeGroupPropGetItemView<ITEM>;
-    getItemStatus: BadgeGroupPropGetItemStatus<BadgeGroupDefaultItem> | BadgeGroupPropGetItemStatus<ITEM>;
-    getItemRef: BadgeGroupPropGetItemRef<BadgeGroupDefaultItem> | BadgeGroupPropGetItemRef<ITEM>;
-    getItemAs: BadgeGroupPropGetItemAs<BadgeGroupDefaultItem> | BadgeGroupPropGetItemAs<ITEM>;
-    getItemAttributes: BadgeGroupPropGetItemAttributes<BadgeGroupDefaultItem> | BadgeGroupPropGetItemAttributes<ITEM>;
-};
+/// <reference types="react" />
+import { BadgeGroupDefaultItem, BadgeGroupPropGetItemAs, BadgeGroupPropGetItemAttributes, BadgeGroupPropGetItemIconLeft, BadgeGroupPropGetItemIconRight, BadgeGroupPropGetItemKey, BadgeGroupPropGetItemLabel, BadgeGroupPropGetItemRef, BadgeGroupPropGetItemStatus, BadgeGroupPropGetItemView, BadgeGroupProps } from './types';
+export declare function withDefaultGetters<ITEM>(props: BadgeGroupProps<ITEM>): {
+    items: ITEM[];
+    fitMode?: "wrap" | "reduction" | undefined;
+    getItemKey?: BadgeGroupPropGetItemKey<ITEM> | undefined;
+    getItemLabel?: BadgeGroupPropGetItemLabel<ITEM> | undefined;
+    getItemStatus?: BadgeGroupPropGetItemStatus<ITEM> | undefined;
+    getItemView?: BadgeGroupPropGetItemView<ITEM> | undefined;
+    getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM> | undefined;
+    getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM> | undefined;
+    getItemRef?: BadgeGroupPropGetItemRef<ITEM> | undefined;
+    getItemAs?: BadgeGroupPropGetItemAs<ITEM> | undefined;
+    getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM> | undefined;
+    form?: "default" | "round" | undefined;
+    size?: "xs" | "s" | "m" | "l" | undefined;
+    minified?: boolean | undefined;
+    moreRef?: import("react").RefObject<HTMLDivElement> | undefined;
+    moreAttributes?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "items" | "getItemLabel" | "getItemKey" | "getItemStatus" | "getItemAs" | "getItemAttributes" | "getItemRef" | "minified" | "fitMode" | "getItemView" | "getItemIconLeft" | "getItemIconRight" | "moreRef" | "moreAttributes"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+    key: string | number;
+} ? {} : {
+    getItemKey: BadgeGroupPropGetItemKey<ITEM>;
+}) & {
+    getItemKey: BadgeGroupPropGetItemKey<BadgeGroupDefaultItem> | BadgeGroupPropGetItemKey<ITEM>;
+    getItemLabel: BadgeGroupPropGetItemLabel<BadgeGroupDefaultItem> | BadgeGroupPropGetItemLabel<ITEM>;
+    getItemIconRight: BadgeGroupPropGetItemIconRight<BadgeGroupDefaultItem> | BadgeGroupPropGetItemIconRight<ITEM>;
+    getItemIconLeft: BadgeGroupPropGetItemIconLeft<BadgeGroupDefaultItem> | BadgeGroupPropGetItemIconLeft<ITEM>;
+    getItemView: BadgeGroupPropGetItemView<BadgeGroupDefaultItem> | BadgeGroupPropGetItemView<ITEM>;
+    getItemStatus: BadgeGroupPropGetItemStatus<BadgeGroupDefaultItem> | BadgeGroupPropGetItemStatus<ITEM>;
+    getItemRef: BadgeGroupPropGetItemRef<BadgeGroupDefaultItem> | BadgeGroupPropGetItemRef<ITEM>;
+    getItemAs: BadgeGroupPropGetItemAs<BadgeGroupDefaultItem> | BadgeGroupPropGetItemAs<ITEM>;
+    getItemAttributes: BadgeGroupPropGetItemAttributes<BadgeGroupDefaultItem> | BadgeGroupPropGetItemAttributes<ITEM>;
+};

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

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

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

@@ -1,51 +1,51 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from "../Badge";
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare type BadgeGroupDefaultItem = {
-    key: string | number;
-    status?: BadgePropStatus;
-    view?: BadgePropView;
-    label?: string;
-    iconLeft?: IconComponent;
-    iconRight?: IconComponent;
-    as?: AsTags;
-    ref?: React.RefObject<HTMLElement>;
-    attributes?: Omit<AsAttributes, 'children' | 'ref'>;
-};
-export declare type BadgeGroupPropGetItemKey<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['key'];
-export declare type BadgeGroupPropGetItemStatus<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['status'];
-export declare type BadgeGroupPropGetItemView<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['view'];
-export declare type BadgeGroupPropGetItemLabel<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['label'];
-export declare type BadgeGroupPropGetItemIconLeft<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['iconLeft'];
-export declare type BadgeGroupPropGetItemIconRight<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['iconRight'];
-export declare type BadgeGroupPropGetItemRef<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['ref'];
-export declare type BadgeGroupPropGetItemAs<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['as'];
-export declare type BadgeGroupPropGetItemAttributes<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['attributes'];
-export declare type BadgeGroupProps<ITEM = BadgeGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    fitMode?: 'reduction' | 'wrap';
-    getItemKey?: BadgeGroupPropGetItemKey<ITEM>;
-    getItemLabel?: BadgeGroupPropGetItemLabel<ITEM>;
-    /**
-     * "error" deprecated since version 5.13.0 use "alert"
-     */
-    getItemStatus?: BadgeGroupPropGetItemStatus<ITEM>;
-    getItemView?: BadgeGroupPropGetItemView<ITEM>;
-    getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM>;
-    getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM>;
-    getItemRef?: BadgeGroupPropGetItemRef<ITEM>;
-    getItemAs?: BadgeGroupPropGetItemAs<ITEM>;
-    getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM>;
-    form?: BadgePropForm;
-    size?: BadgePropSize;
-    minified?: boolean;
-    moreRef?: React.RefObject<HTMLDivElement>;
-    moreAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-}, HTMLDivElement> & (ITEM extends {
-    key: string | number;
-} ? {} : {
-    getItemKey: BadgeGroupPropGetItemKey<ITEM>;
-});
-export declare type BadgeGroupComponent = <ITEM = BadgeGroupDefaultItem>(props: BadgeGroupProps<ITEM>) => React.ReactElement | null;
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from "../Badge";
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare type BadgeGroupDefaultItem = {
+    key: string | number;
+    status?: BadgePropStatus;
+    view?: BadgePropView;
+    label?: string;
+    iconLeft?: IconComponent;
+    iconRight?: IconComponent;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+    attributes?: Omit<AsAttributes, 'children' | 'ref'>;
+};
+export declare type BadgeGroupPropGetItemKey<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['key'];
+export declare type BadgeGroupPropGetItemStatus<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['status'];
+export declare type BadgeGroupPropGetItemView<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['view'];
+export declare type BadgeGroupPropGetItemLabel<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['label'];
+export declare type BadgeGroupPropGetItemIconLeft<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['iconLeft'];
+export declare type BadgeGroupPropGetItemIconRight<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['iconRight'];
+export declare type BadgeGroupPropGetItemRef<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['ref'];
+export declare type BadgeGroupPropGetItemAs<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['as'];
+export declare type BadgeGroupPropGetItemAttributes<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['attributes'];
+export declare type BadgeGroupProps<ITEM = BadgeGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    fitMode?: 'reduction' | 'wrap';
+    getItemKey?: BadgeGroupPropGetItemKey<ITEM>;
+    getItemLabel?: BadgeGroupPropGetItemLabel<ITEM>;
+    /**
+     * "error" deprecated since version 5.13.0 use "alert"
+     */
+    getItemStatus?: BadgeGroupPropGetItemStatus<ITEM>;
+    getItemView?: BadgeGroupPropGetItemView<ITEM>;
+    getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM>;
+    getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM>;
+    getItemRef?: BadgeGroupPropGetItemRef<ITEM>;
+    getItemAs?: BadgeGroupPropGetItemAs<ITEM>;
+    getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM>;
+    form?: BadgePropForm;
+    size?: BadgePropSize;
+    minified?: boolean;
+    moreRef?: React.RefObject<HTMLDivElement>;
+    moreAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+}, HTMLDivElement> & (ITEM extends {
+    key: string | number;
+} ? {} : {
+    getItemKey: BadgeGroupPropGetItemKey<ITEM>;
+});
+export declare type BadgeGroupComponent = <ITEM = BadgeGroupDefaultItem>(props: BadgeGroupProps<ITEM>) => React.ReactElement | null;

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

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

package/__internal__/src/components/BookmarkTabs/BookmarkTabs.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes","as"],_excluded2=["items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","size","form","view","withNavigationButtons","onMouseLeave","className","id"];import"./BookmarkTabs.css";import{IconAdd}from"@consta/icons/IconAdd";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{forwardRef,useMemo,useState}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cn}from"../../utils/bem";import{Button}from"../Button";import{BookmarkTabsTab}from"./BookmarkTabsTab";import{withDefaultGetters}from"./helper";import{bookmarkTabsPropFormDefault,bookmarkTabsPropSizeDefault,bookmarkTabsPropViewDefault}from"./types";import{useBookmarkTabs}from"./useBookmarkTabs";export var cnBookmarkTabs=cn("BookmarkTabs");var renderItemDefault=function(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=a.as,f=_objectWithoutProperties(a,_excluded);return React.createElement(BookmarkTabsTab,Object.assign({},d,f,{as:e}))},BookmarkTabsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.value,g=c.onCreate,h=c.getItemKey,i=c.getItemLabel,j=c.getItemLeftIcon,k=c.getItemRightIcon,l=c.getItemAs,m=c.getItemRef,n=c.getItemAttributes,o=c.getItemFixed,p=c.onChange,q=c.onRemove,r=c.renderItem,s=void 0===r?renderItemDefault:r,t=c.size,u=void 0===t?bookmarkTabsPropSizeDefault:t,v=c.form,w=void 0===v?bookmarkTabsPropFormDefault:v,x=c.view,y=void 0===x?bookmarkTabsPropViewDefault:x,z=c.withNavigationButtons,A=c.onMouseLeave,B=c.className,C=c.id,D=_objectWithoutProperties(c,_excluded2),E=useState(null),F=_slicedToArray(E,2),G=F[0],H=F[1],I=function(a){return!!f&&h(a)===h(f)},J=useBookmarkTabs({items:e,getItemFixed:o,size:u,withNavigationButtons:z,withAddButton:!!g}),K=J.refs,L=J.fixedTabs,M=J.fixedTabsRef,N=J.otherTabs,O=J.otherTabsRef,P=J.showControls,Q=J.wrapperRef,R=J.containerRef,S=J.controlsRef,T=J.addButtonRef,U=J.navigate,V=J.sizes,W=useComponentSize(M),X=W.width,Y=function(a,b,c,d,e,f){var g;return React.createElement("div",{className:cnBookmarkTabs("Tab"),onMouseEnter:function onMouseEnter(){return H(e)},onFocus:function onFocus(){return H(e)},ref:c},s({item:a,onClick:function onClick(b){return null===p||void 0===p?void 0:p(a,{e:b})},active:I(a),label:i(a),leftIcon:j(a),rightIcon:k(a),as:null!==(g=l(a))&&void 0!==g?g:"div",attributes:n(a),tabRef:m(a),fixed:b,bordered:d,onClose:q?function(b){return q(a,{e:b})}:void 0,size:u,view:y,hovered:G===e,form:w,tabWidth:f}))},Z=useMemo(function(){var a=[].concat(_toConsumableArray(L),_toConsumableArray(N)),b=f?a.indexOf(f):-1;return Array.from(Array(a.length-1).keys()).filter(function(a){return"round"!==w||a!==b&&a!==b-1})},[L,N,f,w]);return React.createElement("div",Object.assign({className:cnBookmarkTabs({size:u,view:y,form:w},[B]),ref:useForkRef([b,R]),id:C,onMouseLeave:function onMouseLeave(a){null===A||void 0===A?void 0:A(a),H(null)}},D),P&&React.createElement("div",{ref:S,className:cnBookmarkTabs("ScrollControls")},React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return U("prev")},iconLeft:IconArrowLeft,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return U("next")},iconLeft:IconArrowRight,onlyIcon:!0}))),React.createElement("div",{ref:Q,className:cnBookmarkTabs("Wrapper",cnMixScrollBar({invisible:!0}))},React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","max-content"),ref:M,className:cnBookmarkTabs("List")},L.map(function(a,b){return React.createElement(React.Fragment,{key:h(a)},Y(a,!0,K[b],Z.includes(b),b))})),React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","calc(100% - ".concat(X,"px)")),className:cnBookmarkTabs("List"),ref:O},N.map(function(a,b){var c=L.length;return React.createElement(React.Fragment,{key:h(a)},Y(a,!1,K[c+b],Z.includes(c+b),c+b,V[b]))}))),g&&React.createElement("div",{ref:T,className:cnBookmarkTabs("Button",{type:"add"})},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:g,iconLeft:IconAdd,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Empty")}))};export var BookmarkTabs=forwardRef(BookmarkTabsRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes","as"],_excluded2=["items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","size","form","view","withNavigationButtons","onMouseLeave","className","id"];import"./BookmarkTabs.css";import{IconAdd}from"@consta/icons/IconAdd";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{forwardRef,useMemo,useState}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cn}from"../../utils/bem";import{Button}from"../Button";import{BookmarkTabsTab}from"./BookmarkTabsTab";import{withDefaultGetters}from"./helper";import{bookmarkTabsPropFormDefault,bookmarkTabsPropSizeDefault,bookmarkTabsPropViewDefault}from"./types";import{useBookmarkTabs}from"./useBookmarkTabs";export var cnBookmarkTabs=cn("BookmarkTabs");var renderItemDefault=function(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=a.as,f=_objectWithoutProperties(a,_excluded);return React.createElement(BookmarkTabsTab,Object.assign({},d,f,{as:e}))},BookmarkTabsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.value,g=c.onCreate,h=c.getItemKey,i=c.getItemLabel,j=c.getItemLeftIcon,k=c.getItemRightIcon,l=c.getItemAs,m=c.getItemRef,n=c.getItemAttributes,o=c.getItemFixed,p=c.onChange,q=c.onRemove,r=c.renderItem,s=void 0===r?renderItemDefault:r,t=c.size,u=void 0===t?bookmarkTabsPropSizeDefault:t,v=c.form,w=void 0===v?bookmarkTabsPropFormDefault:v,x=c.view,y=void 0===x?bookmarkTabsPropViewDefault:x,z=c.withNavigationButtons,A=c.onMouseLeave,B=c.className,C=c.id,D=_objectWithoutProperties(c,_excluded2),E=useState(null),F=_slicedToArray(E,2),G=F[0],H=F[1],I=function(a){return!!f&&h(a)===h(f)},J=useBookmarkTabs({items:e,getItemFixed:o,size:u,withNavigationButtons:z,withAddButton:!!g}),K=J.refs,L=J.fixedTabs,M=J.fixedTabsRef,N=J.otherTabs,O=J.otherTabsRef,P=J.showControls,Q=J.wrapperRef,R=J.containerRef,S=J.controlsRef,T=J.addButtonRef,U=J.navigate,V=J.sizes,W=useComponentSize(M),X=W.width,Y=function(a,b,c,d,e,f){var g;return React.createElement("div",{className:cnBookmarkTabs("Tab"),onMouseEnter:function onMouseEnter(){return H(e)},onFocus:function onFocus(){return H(e)},ref:c},s({item:a,onClick:function onClick(b){return null===p||void 0===p?void 0:p(a,{e:b})},active:I(a),label:i(a),leftIcon:j(a),rightIcon:k(a),as:null!==(g=l(a))&&void 0!==g?g:"div",attributes:n(a),tabRef:m(a),fixed:b,bordered:d,onClose:q?function(b){return q(a,{e:b})}:void 0,size:u,view:y,hovered:G===e,form:w,tabWidth:f}))},Z=useMemo(function(){var a=[].concat(_toConsumableArray(L),_toConsumableArray(N)),b=f?a.indexOf(f):-1;return Array.from(Array(a.length).keys()).slice(void 0,-1).filter(function(a){return"round"!==w||a!==b&&a!==b-1})},[L,N,f,w]);return React.createElement("div",Object.assign({className:cnBookmarkTabs({size:u,view:y,form:w},[B]),ref:useForkRef([b,R]),id:C,onMouseLeave:function onMouseLeave(a){null===A||void 0===A?void 0:A(a),H(null)}},D),P&&React.createElement("div",{ref:S,className:cnBookmarkTabs("ScrollControls")},React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return U("prev")},iconLeft:IconArrowLeft,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return U("next")},iconLeft:IconArrowRight,onlyIcon:!0}))),React.createElement("div",{ref:Q,className:cnBookmarkTabs("Wrapper",cnMixScrollBar({invisible:!0}))},React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","max-content"),ref:M,className:cnBookmarkTabs("List")},L.map(function(a,b){return React.createElement(React.Fragment,{key:h(a)},Y(a,!0,K[b],Z.includes(b),b))})),React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","calc(100% - ".concat(X,"px)")),className:cnBookmarkTabs("List"),ref:O},N.map(function(a,b){var c=L.length;return React.createElement(React.Fragment,{key:h(a)},Y(a,!1,K[c+b],Z.includes(c+b),c+b,V[b]))}))),g&&React.createElement("div",{ref:T,className:cnBookmarkTabs("Button",{type:"add"})},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:g,iconLeft:IconAdd,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Empty")}))};export var BookmarkTabs=forwardRef(BookmarkTabsRender);
 //# sourceMappingURL=BookmarkTabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookmarkTabs.js","names":["IconAdd","IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useState","useComponentSize","useForkRef","cnMixScrollBar","cn","Button","BookmarkTabsTab","withDefaultGetters","bookmarkTabsPropFormDefault","bookmarkTabsPropSizeDefault","bookmarkTabsPropViewDefault","useBookmarkTabs","cnBookmarkTabs","renderItemDefault","props","_item","item","attributes","as","otherProps","BookmarkTabsRender","ref","items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","renderItemProp","size","form","view","withNavigationButtons","onMouseLeaveProp","onMouseLeave","className","id","highlightedIndex","setHighlightedIndex","getItemActive","withAddButton","refs","fixedTabs","fixedTabsRef","otherTabs","otherTabsRef","showControls","wrapperRef","containerRef","controlsRef","addButtonRef","navigate","sizes","fixedWidth","width","fixed","controlRef","bordered","index","tabWidth","onClick","e","active","label","leftIcon","rightIcon","tabRef","onClose","hovered","borderedIndexes","arr","activeIndex","indexOf","Array","from","length","keys","filter","el","invisible","map","includes","type","BookmarkTabs"],"sources":["../../../../../src/components/BookmarkTabs/BookmarkTabs.tsx"],"sourcesContent":["import './BookmarkTabs.css';\n\nimport { IconAdd } from '@consta/icons/IconAdd';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { Button } from '../Button';\nimport { BookmarkTabsTab } from './BookmarkTabsTab';\nimport { withDefaultGetters } from './helper';\nimport {\n  BookmarkTabsComponent,\n  bookmarkTabsPropFormDefault,\n  BookmarkTabsProps,\n  bookmarkTabsPropSizeDefault,\n  bookmarkTabsPropViewDefault,\n  BookmarkTabsRenderItemProps,\n} from './types';\nimport { useBookmarkTabs } from './useBookmarkTabs';\n\nexport const cnBookmarkTabs = cn('BookmarkTabs');\n\nconst renderItemDefault = <ITEM,>(\n  props: BookmarkTabsRenderItemProps<ITEM>,\n): React.ReactElement => {\n  const { item: _item, attributes = {}, as, ...otherProps } = props;\n  return <BookmarkTabsTab {...attributes} {...otherProps} as={as} />;\n};\n\nconst BookmarkTabsRender = (\n  props: BookmarkTabsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    onCreate,\n    getItemKey,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemRightIcon,\n    getItemAs,\n    getItemRef,\n    getItemAttributes,\n    getItemFixed,\n    onChange,\n    onRemove,\n    renderItem: renderItemProp = renderItemDefault,\n    size = bookmarkTabsPropSizeDefault,\n    form = bookmarkTabsPropFormDefault,\n    view = bookmarkTabsPropViewDefault,\n    withNavigationButtons,\n    onMouseLeave: onMouseLeaveProp,\n    className,\n    id,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [highlightedIndex, setHighlightedIndex] = useState<number | null>(null);\n\n  type Item = typeof items[number];\n\n  const getItemActive = (item: Item) => {\n    return value ? getItemKey(item) === getItemKey(value) : false;\n  };\n\n  const {\n    refs,\n    fixedTabs,\n    fixedTabsRef,\n    otherTabs,\n    otherTabsRef,\n    showControls,\n    wrapperRef,\n    containerRef,\n    controlsRef,\n    addButtonRef,\n    navigate,\n    sizes,\n  } = useBookmarkTabs({\n    items,\n    getItemFixed,\n    size,\n    withNavigationButtons,\n    withAddButton: !!onCreate,\n  });\n\n  const { width: fixedWidth } = useComponentSize(fixedTabsRef);\n\n  const renderItem = (\n    item: Item,\n    fixed: boolean,\n    controlRef: React.RefObject<HTMLDivElement>,\n    bordered: boolean,\n    index: number,\n    tabWidth?: string,\n  ) => (\n    <div\n      className={cnBookmarkTabs('Tab')}\n      onMouseEnter={() => setHighlightedIndex(index)}\n      onFocus={() => setHighlightedIndex(index)}\n      ref={controlRef}\n    >\n      {renderItemProp({\n        item,\n        onClick: (e) => onChange?.(item, { e }),\n        active: getItemActive(item),\n        label: getItemLabel(item),\n        leftIcon: getItemLeftIcon(item),\n        rightIcon: getItemRightIcon(item),\n        as: getItemAs(item) ?? 'div',\n        attributes: getItemAttributes(item),\n        tabRef: getItemRef(item),\n        fixed,\n        bordered,\n        onClose: onRemove ? (e) => onRemove(item, { e }) : undefined,\n        size,\n        view,\n        hovered: highlightedIndex === index,\n        form,\n        tabWidth,\n      })}\n    </div>\n  );\n\n  const onMouseLeave: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    onMouseLeaveProp?.(e);\n    setHighlightedIndex(null);\n  };\n\n  const borderedIndexes = useMemo(() => {\n    const arr = [...fixedTabs, ...otherTabs];\n    const activeIndex = value ? arr.indexOf(value) : -1;\n    return Array.from(Array(arr.length - 1).keys()).filter((el) =>\n      form === 'round' ? el !== activeIndex && el !== activeIndex - 1 : true,\n    );\n  }, [fixedTabs, otherTabs, value, form]);\n\n  return (\n    <div\n      className={cnBookmarkTabs({ size, view, form }, [className])}\n      ref={useForkRef([ref, containerRef])}\n      id={id}\n      onMouseLeave={onMouseLeave}\n      {...otherProps}\n    >\n      {showControls && (\n        <div ref={controlsRef} className={cnBookmarkTabs('ScrollControls')}>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('prev')}\n              iconLeft={IconArrowLeft}\n              onlyIcon\n            />\n          </div>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('next')}\n              iconLeft={IconArrowRight}\n              onlyIcon\n            />\n          </div>\n        </div>\n      )}\n      <div\n        ref={wrapperRef}\n        className={cnBookmarkTabs(\n          'Wrapper',\n          cnMixScrollBar({ invisible: true }),\n        )}\n      >\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `max-content`,\n          }}\n          ref={fixedTabsRef}\n          className={cnBookmarkTabs('List')}\n        >\n          {fixedTabs.map((item, index) => (\n            <React.Fragment key={getItemKey(item)}>\n              {renderItem(\n                item,\n                true,\n                refs[index],\n                borderedIndexes.includes(index),\n                index,\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `calc(100% - ${fixedWidth}px)`,\n          }}\n          className={cnBookmarkTabs('List')}\n          ref={otherTabsRef}\n        >\n          {otherTabs.map((item, index) => {\n            const { length } = fixedTabs;\n            return (\n              <React.Fragment key={getItemKey(item)}>\n                {renderItem(\n                  item,\n                  false,\n                  refs[length + index],\n                  borderedIndexes.includes(length + index),\n                  length + index,\n                  sizes[index],\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n      {onCreate && (\n        <div\n          ref={addButtonRef}\n          className={cnBookmarkTabs('Button', { type: 'add' })}\n        >\n          <Button\n            view=\"clear\"\n            size=\"xs\"\n            type=\"button\"\n            onClick={onCreate}\n            iconLeft={IconAdd}\n            onlyIcon\n          />\n        </div>\n      )}\n      <div className={cnBookmarkTabs('Empty')} />\n    </div>\n  );\n};\n\nexport const BookmarkTabs = forwardRef(\n  BookmarkTabsRender,\n) as BookmarkTabsComponent;\n"],"mappings":"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"}
+{"version":3,"file":"BookmarkTabs.js","names":["IconAdd","IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useState","useComponentSize","useForkRef","cnMixScrollBar","cn","Button","BookmarkTabsTab","withDefaultGetters","bookmarkTabsPropFormDefault","bookmarkTabsPropSizeDefault","bookmarkTabsPropViewDefault","useBookmarkTabs","cnBookmarkTabs","renderItemDefault","props","_item","item","attributes","as","otherProps","BookmarkTabsRender","ref","items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","renderItemProp","size","form","view","withNavigationButtons","onMouseLeaveProp","onMouseLeave","className","id","highlightedIndex","setHighlightedIndex","getItemActive","withAddButton","refs","fixedTabs","fixedTabsRef","otherTabs","otherTabsRef","showControls","wrapperRef","containerRef","controlsRef","addButtonRef","navigate","sizes","fixedWidth","width","fixed","controlRef","bordered","index","tabWidth","onClick","e","active","label","leftIcon","rightIcon","tabRef","onClose","hovered","borderedIndexes","arr","activeIndex","indexOf","Array","from","length","keys","slice","filter","el","invisible","map","includes","type","BookmarkTabs"],"sources":["../../../../../src/components/BookmarkTabs/BookmarkTabs.tsx"],"sourcesContent":["import './BookmarkTabs.css';\n\nimport { IconAdd } from '@consta/icons/IconAdd';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { Button } from '../Button';\nimport { BookmarkTabsTab } from './BookmarkTabsTab';\nimport { withDefaultGetters } from './helper';\nimport {\n  BookmarkTabsComponent,\n  bookmarkTabsPropFormDefault,\n  BookmarkTabsProps,\n  bookmarkTabsPropSizeDefault,\n  bookmarkTabsPropViewDefault,\n  BookmarkTabsRenderItemProps,\n} from './types';\nimport { useBookmarkTabs } from './useBookmarkTabs';\n\nexport const cnBookmarkTabs = cn('BookmarkTabs');\n\nconst renderItemDefault = <ITEM,>(\n  props: BookmarkTabsRenderItemProps<ITEM>,\n): React.ReactElement => {\n  const { item: _item, attributes = {}, as, ...otherProps } = props;\n  return <BookmarkTabsTab {...attributes} {...otherProps} as={as} />;\n};\n\nconst BookmarkTabsRender = (\n  props: BookmarkTabsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    onCreate,\n    getItemKey,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemRightIcon,\n    getItemAs,\n    getItemRef,\n    getItemAttributes,\n    getItemFixed,\n    onChange,\n    onRemove,\n    renderItem: renderItemProp = renderItemDefault,\n    size = bookmarkTabsPropSizeDefault,\n    form = bookmarkTabsPropFormDefault,\n    view = bookmarkTabsPropViewDefault,\n    withNavigationButtons,\n    onMouseLeave: onMouseLeaveProp,\n    className,\n    id,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [highlightedIndex, setHighlightedIndex] = useState<number | null>(null);\n\n  type Item = typeof items[number];\n\n  const getItemActive = (item: Item) => {\n    return value ? getItemKey(item) === getItemKey(value) : false;\n  };\n\n  const {\n    refs,\n    fixedTabs,\n    fixedTabsRef,\n    otherTabs,\n    otherTabsRef,\n    showControls,\n    wrapperRef,\n    containerRef,\n    controlsRef,\n    addButtonRef,\n    navigate,\n    sizes,\n  } = useBookmarkTabs({\n    items,\n    getItemFixed,\n    size,\n    withNavigationButtons,\n    withAddButton: !!onCreate,\n  });\n\n  const { width: fixedWidth } = useComponentSize(fixedTabsRef);\n\n  const renderItem = (\n    item: Item,\n    fixed: boolean,\n    controlRef: React.RefObject<HTMLDivElement>,\n    bordered: boolean,\n    index: number,\n    tabWidth?: string,\n  ) => (\n    <div\n      className={cnBookmarkTabs('Tab')}\n      onMouseEnter={() => setHighlightedIndex(index)}\n      onFocus={() => setHighlightedIndex(index)}\n      ref={controlRef}\n    >\n      {renderItemProp({\n        item,\n        onClick: (e) => onChange?.(item, { e }),\n        active: getItemActive(item),\n        label: getItemLabel(item),\n        leftIcon: getItemLeftIcon(item),\n        rightIcon: getItemRightIcon(item),\n        as: getItemAs(item) ?? 'div',\n        attributes: getItemAttributes(item),\n        tabRef: getItemRef(item),\n        fixed,\n        bordered,\n        onClose: onRemove ? (e) => onRemove(item, { e }) : undefined,\n        size,\n        view,\n        hovered: highlightedIndex === index,\n        form,\n        tabWidth,\n      })}\n    </div>\n  );\n\n  const onMouseLeave: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    onMouseLeaveProp?.(e);\n    setHighlightedIndex(null);\n  };\n\n  const borderedIndexes = useMemo(() => {\n    const arr = [...fixedTabs, ...otherTabs];\n    const activeIndex = value ? arr.indexOf(value) : -1;\n    return Array.from(Array(arr.length).keys())\n      .slice(undefined, -1)\n      .filter((el) =>\n        form === 'round' ? el !== activeIndex && el !== activeIndex - 1 : true,\n      );\n  }, [fixedTabs, otherTabs, value, form]);\n\n  return (\n    <div\n      className={cnBookmarkTabs({ size, view, form }, [className])}\n      ref={useForkRef([ref, containerRef])}\n      id={id}\n      onMouseLeave={onMouseLeave}\n      {...otherProps}\n    >\n      {showControls && (\n        <div ref={controlsRef} className={cnBookmarkTabs('ScrollControls')}>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('prev')}\n              iconLeft={IconArrowLeft}\n              onlyIcon\n            />\n          </div>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('next')}\n              iconLeft={IconArrowRight}\n              onlyIcon\n            />\n          </div>\n        </div>\n      )}\n      <div\n        ref={wrapperRef}\n        className={cnBookmarkTabs(\n          'Wrapper',\n          cnMixScrollBar({ invisible: true }),\n        )}\n      >\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `max-content`,\n          }}\n          ref={fixedTabsRef}\n          className={cnBookmarkTabs('List')}\n        >\n          {fixedTabs.map((item, index) => (\n            <React.Fragment key={getItemKey(item)}>\n              {renderItem(\n                item,\n                true,\n                refs[index],\n                borderedIndexes.includes(index),\n                index,\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `calc(100% - ${fixedWidth}px)`,\n          }}\n          className={cnBookmarkTabs('List')}\n          ref={otherTabsRef}\n        >\n          {otherTabs.map((item, index) => {\n            const { length } = fixedTabs;\n            return (\n              <React.Fragment key={getItemKey(item)}>\n                {renderItem(\n                  item,\n                  false,\n                  refs[length + index],\n                  borderedIndexes.includes(length + index),\n                  length + index,\n                  sizes[index],\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n      {onCreate && (\n        <div\n          ref={addButtonRef}\n          className={cnBookmarkTabs('Button', { type: 'add' })}\n        >\n          <Button\n            view=\"clear\"\n            size=\"xs\"\n            type=\"button\"\n            onClick={onCreate}\n            iconLeft={IconAdd}\n            onlyIcon\n          />\n        </div>\n      )}\n      <div className={cnBookmarkTabs('Empty')} />\n    </div>\n  );\n};\n\nexport const BookmarkTabs = forwardRef(\n  BookmarkTabsRender,\n) as BookmarkTabsComponent;\n"],"mappings":"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"}

package/__internal__/src/components/BookmarkTabs/BookmarkTabsTab/BookmarkTabsTab.d.ts

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

package/__internal__/src/components/BookmarkTabs/BookmarkTabsTab/index.d.ts

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