@gravity-ui/navigation 5.0.0 → 5.0.1

package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.js

@@ -1,23 +1,15 @@
 import './Item.css';
 import React__default from 'react';
-import { Pin, PinFill } from '@gravity-ui/icons';
-import { Icon, Button, Popup } from '@gravity-ui/uikit';
-import { CSSTransition } from 'react-transition-group';
-import { ASIDE_HEADER_ICON_SIZE, ASIDE_HEADER_EXPAND_TRANSITION_DELAY } from '../../../../constants.js';
+import { Icon, Popup, List, ActionTooltip } from '@gravity-ui/uikit';
+import { ASIDE_HEADER_ICON_SIZE } from '../../../../constants.js';
 import { createBlock } from '../../../../utils/cn.js';
+import { useAsideHeaderInnerContext } from '../../../AsideHeaderContext.js';
 import { HighlightedItem } from '../HighlightedItem/HighlightedItem.js';
-import { ITEM_TYPE_REGULAR } from '../constants.js';
+import { ITEM_TYPE_REGULAR, COLLAPSE_ITEM_ID, POPUP_PLACEMENT, POPUP_ITEM_HEIGHT } from '../constants.js';
+import { getSelectedItemIndex } from '../utils.js';
 import styles from './Item.module.scss.js';
 
 const b = createBlock('composite-bar-item', styles);
-const itemTransitionClasses = {
-    enter: b('transition-title-enter'),
-    enterActive: b('transition-title-enter-active'),
-    enterDone: b('transition-title-enter-done'),
-    exit: b('transition-title-exit'),
-    exitActive: b('transition-title-exit-active'),
-    exitDone: b('transition-title-exit-done'),
-};
 function renderItemTitle(params) {
     let titleNode = React__default.createElement("div", { className: b('title-text') }, params.title);
     if (params.rightAdornment) {
@@ -30,32 +22,18 @@ function renderItemTitle(params) {
 const defaultPopupPlacement = ['right-end'];
 const defaultPopupOffset = { mainAxis: 8, crossAxis: -20 };
 const Item = (props) => {
-    const { className, onMouseLeave, onMouseEnter, popupVisible = false, popupRef: anchoreRefProp, popupPlacement = defaultPopupPlacement, popupOffset = defaultPopupOffset, popupKeepMounted, renderPopupContent, onOpenChangePopup, onItemClick, onItemClickCapture, itemWrapper, bringForward, rightAdornment, title, href, qa, isExpanded = true, layout = 'vertical', editMode = false, onToggleVisibility, setCollapseBlocker, hidden, preventUserRemoving, } = props;
+    const { className, collapseItems, compact, onMouseLeave, onMouseEnter, enableTooltip = true, popupVisible = false, popupRef: anchoreRefProp, popupPlacement = defaultPopupPlacement, popupOffset = defaultPopupOffset, popupKeepMounted, renderPopupContent, onOpenChangePopup, onItemClick, onItemClickCapture, itemWrapper, bringForward, rightAdornment, title, href, qa, } = props;
+    const [open, toggleOpen] = React__default.useState(false);
     const ref = React__default.useRef(null);
     const anchorRef = (anchoreRefProp === null || anchoreRefProp === undefined ? undefined : anchoreRefProp.current) ? anchoreRefProp : ref;
     const highlightedRef = React__default.useRef(null);
-    React__default.useEffect(() => {
-        let didBlock = false;
-        if (popupVisible) {
-            didBlock = true;
-            setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(true);
-        }
-        return () => {
-            if (didBlock) {
-                setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(false);
-            }
-        };
-    }, [popupVisible, setCollapseBlocker]);
     const type = props.type || ITEM_TYPE_REGULAR;
     const current = props.current || false;
+    const tooltipText = props.tooltipText || props.title;
     const icon = props.icon;
     const iconSize = props.iconSize || ASIDE_HEADER_ICON_SIZE;
     const iconQa = props.iconQa;
-    const onPinButtonClick = React__default.useCallback((e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        onToggleVisibility === null || onToggleVisibility === undefined ? undefined : onToggleVisibility();
-    }, [onToggleVisibility]);
+    const collapsedItem = props.id === COLLAPSE_ITEM_ID;
     const handleOpenChangePopup = React__default.useCallback((newOpen, event, reason) => {
         var _a;
         if (event instanceof MouseEvent &&
@@ -69,24 +47,35 @@ const Item = (props) => {
         return React__default.createElement("div", { className: b('menu-divider') });
     }
     const makeIconNode = (iconEl) => {
-        return isExpanded ? iconEl : React__default.createElement("div", { className: b('btn-icon') }, iconEl);
+        return compact ? (React__default.createElement(ActionTooltip, { title: "", description: tooltipText, disabled: !enableTooltip || (collapsedItem && open) || popupVisible, placement: "right", className: b('icon-tooltip', { 'item-type': type }) },
+            React__default.createElement("div", { onMouseEnter: () => onMouseEnter === null || onMouseEnter === undefined ? undefined : onMouseEnter(), onMouseLeave: () => onMouseLeave === null || onMouseLeave === undefined ? undefined : onMouseLeave(), className: b('btn-icon') }, iconEl))) : (iconEl);
     };
     const makeNode = ({ icon: iconEl, title: titleEl }) => {
         const [Tag, tagProps] = href ? ['a', { href }] : ['button', {}];
-        const ariaLabel = typeof title === 'string' ? title : undefined;
         const createdNode = (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Tag, Object.assign({}, tagProps, { className: b({ type, current, collapsed: !isExpanded }, className), ref: ref, "data-qa": qa, "data-type": type, "aria-label": ariaLabel, onClick: (event) => {
-                    onItemClick === null || onItemClick === undefined ? undefined : onItemClick(props, false, event, { setCollapseBlocker });
+            React__default.createElement(Tag, Object.assign({}, tagProps, { className: b({ type, current, compact }, className), ref: ref, "data-qa": qa, onClick: (event) => {
+                    if (collapsedItem) {
+                        /**
+                         * This is the "more" button (three dots) that shows additional menu items in a popup.
+                         * We call onItemClick with collapsed=true to indicate this is a collapse action.
+                         */
+                        toggleOpen(!open);
+                        onItemClick === null || onItemClick === undefined ? undefined : onItemClick(props, true, event);
+                    }
+                    else {
+                        onItemClick === null || onItemClick === undefined ? undefined : onItemClick(props, false, event);
+                    }
                 }, onClickCapture: onItemClickCapture, onMouseEnter: () => {
-                    onMouseEnter === null || onMouseEnter === undefined ? undefined : onMouseEnter();
+                    if (!compact) {
+                        onMouseEnter === null || onMouseEnter === undefined ? undefined : onMouseEnter();
+                    }
                 }, onMouseLeave: () => {
-                    onMouseLeave === null || onMouseLeave === undefined ? undefined : onMouseLeave();
+                    if (!compact) {
+                        onMouseLeave === null || onMouseLeave === undefined ? undefined : onMouseLeave();
+                    }
                 } }),
                 React__default.createElement("div", { className: b('icon-place'), ref: highlightedRef }, makeIconNode(iconEl)),
-                layout === 'vertical' && (React__default.createElement(CSSTransition, { in: isExpanded, timeout: ASIDE_HEADER_EXPAND_TRANSITION_DELAY, classNames: itemTransitionClasses },
-                    React__default.createElement("div", { className: b('title'), title: typeof title === 'string' ? title : undefined }, titleEl))),
-                editMode && !preventUserRemoving && onToggleVisibility ? (React__default.createElement(Button, { onClick: onPinButtonClick, view: hidden ? 'flat-secondary' : 'flat-action', className: b('visibility-button') },
-                    React__default.createElement(Button.Icon, null, hidden ? React__default.createElement(Pin, null) : React__default.createElement(PinFill, null)))) : null),
+                React__default.createElement("div", { className: b('title'), title: typeof title === 'string' ? title : undefined }, titleEl)),
             renderPopupContent && Boolean(anchorRef === null || anchorRef === undefined ? undefined : anchorRef.current) && (React__default.createElement(Popup, { strategy: "fixed", open: popupVisible, keepMounted: popupKeepMounted, placement: popupPlacement, offset: popupOffset, anchorElement: anchorRef.current, onOpenChange: handleOpenChangePopup }, renderPopupContent()))));
         return createdNode;
     };
@@ -95,12 +84,7 @@ const Item = (props) => {
     const params = { icon: iconNode, title: titleNode };
     let highlightedNode = null;
     let node;
-    const opts = {
-        isExpanded,
-        item: props,
-        ref,
-        setCollapseBlocker,
-    };
+    const opts = { compact: Boolean(compact), collapsed: false, item: props, ref };
     if (typeof itemWrapper === 'function') {
         node = itemWrapper(params, makeNode, opts);
         highlightedNode =
@@ -112,10 +96,43 @@ const Item = (props) => {
         highlightedNode = bringForward && makeIconNode(iconNode);
     }
     return (React__default.createElement(React__default.Fragment, null,
-        bringForward && (React__default.createElement(HighlightedItem, { iconNode: highlightedNode, iconRef: highlightedRef, onClick: (event) => onItemClick === null || onItemClick === undefined ? undefined : onItemClick(props, false, event, { setCollapseBlocker }), onClickCapture: onItemClickCapture })),
-        node));
+        bringForward && (React__default.createElement(HighlightedItem, { iconNode: highlightedNode, iconRef: highlightedRef, onClick: (event) => onItemClick === null || onItemClick === undefined ? undefined : onItemClick(props, false, event), onClickCapture: onItemClickCapture })),
+        node,
+        open && collapsedItem && (collapseItems === null || collapseItems === undefined ? undefined : collapseItems.length) && Boolean(anchorRef === null || anchorRef === undefined ? undefined : anchorRef.current) && (React__default.createElement(CollapsedPopup, Object.assign({}, props, { anchorRef: anchorRef, onOpenChange: () => toggleOpen(false) })))));
 };
 Item.displayName = 'Item';
+function CollapsedPopup({ onItemClick, collapseItems, anchorRef, onOpenChange, }) {
+    const { compact } = useAsideHeaderInnerContext();
+    return (collapseItems === null || collapseItems === undefined ? undefined : collapseItems.length) ? (React__default.createElement(Popup, { strategy: "fixed", placement: POPUP_PLACEMENT, open: true, anchorElement: anchorRef.current, onOpenChange: onOpenChange },
+        React__default.createElement("div", { className: b('collapse-items-popup-content') },
+            React__default.createElement(List, { itemClassName: b('root-collapse-item'), items: collapseItems, selectedItemIndex: getSelectedItemIndex(collapseItems), itemHeight: POPUP_ITEM_HEIGHT, itemsHeight: collapseItems.length * POPUP_ITEM_HEIGHT, virtualized: false, filterable: false, sortable: false, onItemClick: onOpenChange, renderItem: (item) => {
+                    const makeCollapseNode = ({ title: titleEl, icon: iconEl, }) => {
+                        const [Tag, tagProps] = item.href
+                            ? ['a', { href: item.href }]
+                            : ['button', {}];
+                        return (React__default.createElement(Tag, Object.assign({}, tagProps, { className: b('collapse-item'), onClick: (event) => {
+                                onItemClick === null || onItemClick === undefined ? undefined : onItemClick(item, true, event);
+                            } }),
+                            iconEl,
+                            titleEl));
+                    };
+                    const titleNode = renderItemTitle(item);
+                    const iconNode = item.icon && (React__default.createElement(Icon, { data: item.icon, size: 14, className: b('collapse-item-icon') }));
+                    const params = { title: titleNode, icon: iconNode };
+                    const opts = {
+                        compact: Boolean(compact),
+                        collapsed: true,
+                        item,
+                        ref: anchorRef,
+                    };
+                    if (typeof item.itemWrapper === 'function') {
+                        return item.itemWrapper(params, makeCollapseNode, opts);
+                    }
+                    else {
+                        return makeCollapseNode(params);
+                    }
+                } })))) : null;
+}
 
 export { Item };
 //# sourceMappingURL=Item.js.map

package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/AsideHeader/components/CompositeBar/Item/Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Pin, PinFill} from '@gravity-ui/icons';\nimport {Button, Icon, Popup, PopupPlacement, PopupProps} from '@gravity-ui/uikit';\nimport {CSSTransition} from 'react-transition-group';\n\nimport {ASIDE_HEADER_EXPAND_TRANSITION_DELAY, ASIDE_HEADER_ICON_SIZE} from '../../../../constants';\nimport {MakeItemParams} from '../../../../types';\nimport {createBlock} from '../../../../utils/cn';\nimport {AsideHeaderItem, SetCollapseBlocker} from '../../../types';\nimport {HighlightedItem} from '../HighlightedItem/HighlightedItem';\nimport {ITEM_TYPE_REGULAR} from '../constants';\n\nimport styles from './Item.module.scss';\n\nconst b = createBlock('composite-bar-item', styles);\n\nconst itemTransitionClasses = {\n    enter: b('transition-title-enter'),\n    enterActive: b('transition-title-enter-active'),\n    enterDone: b('transition-title-enter-done'),\n    exit: b('transition-title-exit'),\n    exitActive: b('transition-title-exit-active'),\n    exitDone: b('transition-title-exit-done'),\n};\n\nexport interface ItemProps extends AsideHeaderItem {}\n\ninterface ItemInnerProps extends ItemProps {\n    /** Registers a temporary block on collapse (e.g. while dropdown is open). Returns release function. */\n    setCollapseBlocker?: SetCollapseBlocker;\n    /** When `true`, the item is displayed in expanded form. */\n    isExpanded?: boolean;\n    /** Layout mode: 'horizontal' shows icon only, 'vertical' shows icon and title. Used in FooterBar. */\n    layout?: 'horizontal' | 'vertical';\n    className?: string;\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n    editMode?: boolean;\n    onToggleVisibility?: () => void;\n}\n\nfunction renderItemTitle(params: Pick<AsideHeaderItem, 'title' | 'rightAdornment'>) {\n    let titleNode = <div className={b('title-text')}>{params.title}</div>;\n\n    if (params.rightAdornment) {\n        titleNode = (\n            <React.Fragment>\n                {titleNode}\n                <div className={b('title-adornment')}>{params.rightAdornment}</div>\n            </React.Fragment>\n        );\n    }\n\n    return titleNode;\n}\n\nconst defaultPopupPlacement: PopupPlacement = ['right-end'];\nconst defaultPopupOffset: NonNullable<PopupProps['offset']> = {mainAxis: 8, crossAxis: -20};\n\nexport const Item: React.FC<ItemInnerProps> = (props) => {\n    const {\n        className,\n        onMouseLeave,\n        onMouseEnter,\n        popupVisible = false,\n        popupRef: anchoreRefProp,\n        popupPlacement = defaultPopupPlacement,\n        popupOffset = defaultPopupOffset,\n        popupKeepMounted,\n        renderPopupContent,\n        onOpenChangePopup,\n        onItemClick,\n        onItemClickCapture,\n        itemWrapper,\n        bringForward,\n        rightAdornment,\n        title,\n        href,\n        qa,\n        isExpanded = true,\n        layout = 'vertical',\n        editMode = false,\n        onToggleVisibility,\n        setCollapseBlocker,\n        hidden,\n        preventUserRemoving,\n    } = props;\n\n    const ref = React.useRef<HTMLAnchorElement & HTMLButtonElement>(null);\n    const anchorRef = anchoreRefProp?.current ? anchoreRefProp : ref;\n    const highlightedRef = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        let didBlock = false;\n\n        if (popupVisible) {\n            didBlock = true;\n\n            setCollapseBlocker?.(true);\n        }\n\n        return () => {\n            if (didBlock) {\n                setCollapseBlocker?.(false);\n            }\n        };\n    }, [popupVisible, setCollapseBlocker]);\n\n    const type = props.type || ITEM_TYPE_REGULAR;\n    const current = props.current || false;\n    const icon = props.icon;\n    const iconSize = props.iconSize || ASIDE_HEADER_ICON_SIZE;\n    const iconQa = props.iconQa;\n\n    const onPinButtonClick = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            e.preventDefault();\n            onToggleVisibility?.();\n        },\n        [onToggleVisibility],\n    );\n\n    const handleOpenChangePopup = React.useCallback<NonNullable<ItemProps['onOpenChangePopup']>>(\n        (newOpen, event, reason) => {\n            if (\n                event instanceof MouseEvent &&\n                event.target &&\n                ref.current?.contains(event.target as Node)\n            ) {\n                return;\n            }\n\n            onOpenChangePopup?.(newOpen, event, reason);\n        },\n        [onOpenChangePopup],\n    );\n\n    if (type === 'divider') {\n        return <div className={b('menu-divider')} />;\n    }\n\n    const makeIconNode = (iconEl: React.ReactNode): React.ReactNode => {\n        return isExpanded ? iconEl : <div className={b('btn-icon')}>{iconEl}</div>;\n    };\n\n    const makeNode = ({icon: iconEl, title: titleEl}: MakeItemParams) => {\n        const [Tag, tagProps] = href ? ['a' as const, {href}] : ['button' as const, {}];\n        const ariaLabel = typeof title === 'string' ? title : undefined;\n\n        const createdNode = (\n            <React.Fragment>\n                <Tag\n                    {...tagProps}\n                    className={b({type, current, collapsed: !isExpanded}, className)}\n                    ref={ref}\n                    data-qa={qa}\n                    data-type={type}\n                    aria-label={ariaLabel}\n                    onClick={(event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n                        onItemClick?.(props, false, event, {setCollapseBlocker});\n                    }}\n                    onClickCapture={onItemClickCapture}\n                    onMouseEnter={() => {\n                        onMouseEnter?.();\n                    }}\n                    onMouseLeave={() => {\n                        onMouseLeave?.();\n                    }}\n                >\n                    <div className={b('icon-place')} ref={highlightedRef}>\n                        {makeIconNode(iconEl)}\n                    </div>\n\n                    {layout === 'vertical' && (\n                        <CSSTransition\n                            in={isExpanded}\n                            timeout={ASIDE_HEADER_EXPAND_TRANSITION_DELAY}\n                            classNames={itemTransitionClasses}\n                        >\n                            <div\n                                className={b('title')}\n                                title={typeof title === 'string' ? title : undefined}\n                            >\n                                {titleEl}\n                            </div>\n                        </CSSTransition>\n                    )}\n\n                    {editMode && !preventUserRemoving && onToggleVisibility ? (\n                        <Button\n                            onClick={onPinButtonClick}\n                            view={hidden ? 'flat-secondary' : 'flat-action'}\n                            className={b('visibility-button')}\n                        >\n                            <Button.Icon>{hidden ? <Pin /> : <PinFill />}</Button.Icon>\n                        </Button>\n                    ) : null}\n                </Tag>\n                {renderPopupContent && Boolean(anchorRef?.current) && (\n                    <Popup\n                        strategy=\"fixed\"\n                        open={popupVisible}\n                        keepMounted={popupKeepMounted}\n                        placement={popupPlacement}\n                        offset={popupOffset}\n                        anchorElement={anchorRef.current}\n                        onOpenChange={handleOpenChangePopup}\n                    >\n                        {renderPopupContent()}\n                    </Popup>\n                )}\n            </React.Fragment>\n        );\n\n        return createdNode;\n    };\n\n    const iconNode = icon ? (\n        <Icon qa={iconQa} data={icon} size={iconSize} className={b('icon')} />\n    ) : null;\n    const titleNode = renderItemTitle({title, rightAdornment});\n    const params = {icon: iconNode, title: titleNode};\n    let highlightedNode = null;\n    let node;\n\n    const opts = {\n        isExpanded,\n        item: props,\n        ref,\n        setCollapseBlocker,\n    };\n\n    if (typeof itemWrapper === 'function') {\n        node = itemWrapper(params, makeNode, opts) as React.ReactElement;\n        highlightedNode =\n            bringForward &&\n            (itemWrapper(\n                params,\n                ({icon: iconEl}) => makeIconNode(iconEl),\n                opts,\n            ) as React.ReactElement);\n    } else {\n        node = makeNode(params);\n        highlightedNode = bringForward && makeIconNode(iconNode);\n    }\n\n    return (\n        <React.Fragment>\n            {bringForward && (\n                <HighlightedItem\n                    iconNode={highlightedNode}\n                    iconRef={highlightedRef}\n                    onClick={(event: React.MouseEvent<HTMLElement, MouseEvent>) =>\n                        onItemClick?.(props, false, event, {setCollapseBlocker})\n                    }\n                    onClickCapture={onItemClickCapture}\n                />\n            )}\n            {node}\n        </React.Fragment>\n    );\n};\n\nItem.displayName = 'Item';\n"],"names":["React"],"mappings":";;;;;;;;;;AAeA,MAAM,CAAC,GAAG,WAAW,CAAC,oBAAoB,EAAE,MAAM,CAAC;AAEnD,MAAM,qBAAqB,GAAG;AAC1B,IAAA,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC;AAClC,IAAA,WAAW,EAAE,CAAC,CAAC,+BAA+B,CAAC;AAC/C,IAAA,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC;AAC3C,IAAA,IAAI,EAAE,CAAC,CAAC,uBAAuB,CAAC;AAChC,IAAA,UAAU,EAAE,CAAC,CAAC,8BAA8B,CAAC;AAC7C,IAAA,QAAQ,EAAE,CAAC,CAAC,4BAA4B,CAAC;CAC5C;AAkBD,SAAS,eAAe,CAAC,MAAyD,EAAA;AAC9E,IAAA,IAAI,SAAS,GAAGA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAG,EAAA,MAAM,CAAC,KAAK,CAAO;AAErE,IAAA,IAAI,MAAM,CAAC,cAAc,EAAE;AACvB,QAAA,SAAS,IACLA,cAAC,CAAA,aAAA,CAAAA,cAAK,CAAC,QAAQ,EAAA,IAAA;YACV,SAAS;AACV,YAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAG,EAAA,MAAM,CAAC,cAAc,CAAO,CACtD,CACpB;;AAGL,IAAA,OAAO,SAAS;AACpB;AAEA,MAAM,qBAAqB,GAAmB,CAAC,WAAW,CAAC;AAC3D,MAAM,kBAAkB,GAAsC,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAC;AAE9E,MAAA,IAAI,GAA6B,CAAC,KAAK,KAAI;AACpD,IAAA,MAAM,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,GAAG,KAAK,EACpB,QAAQ,EAAE,cAAc,EACxB,cAAc,GAAG,qBAAqB,EACtC,WAAW,GAAG,kBAAkB,EAChC,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,KAAK,EACL,IAAI,EACJ,EAAE,EACF,UAAU,GAAG,IAAI,EACjB,MAAM,GAAG,UAAU,EACnB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,MAAM,EACN,mBAAmB,GACtB,GAAG,KAAK;IAET,MAAM,GAAG,GAAGA,cAAK,CAAC,MAAM,CAAwC,IAAI,CAAC;AACrE,IAAA,MAAM,SAAS,GAAG,CAAA,cAAc,KAAd,IAAA,IAAA,cAAc,6BAAd,cAAc,CAAE,OAAO,IAAG,cAAc,GAAG,GAAG;IAChE,MAAM,cAAc,GAAGA,cAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;AAEzD,IAAAA,cAAK,CAAC,SAAS,CAAC,MAAK;QACjB,IAAI,QAAQ,GAAG,KAAK;QAEpB,IAAI,YAAY,EAAE;YACd,QAAQ,GAAG,IAAI;AAEf,YAAA,kBAAkB,aAAlB,kBAAkB,KAAA,SAAA,GAAA,SAAA,GAAlB,kBAAkB,CAAG,IAAI,CAAC;;AAG9B,QAAA,OAAO,MAAK;YACR,IAAI,QAAQ,EAAE;AACV,gBAAA,kBAAkB,aAAlB,kBAAkB,KAAA,SAAA,GAAA,SAAA,GAAlB,kBAAkB,CAAG,KAAK,CAAC;;AAEnC,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,iBAAiB;AAC5C,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK;AACtC,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI;AACvB,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,sBAAsB;AACzD,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;IAE3B,MAAM,gBAAgB,GAAGA,cAAK,CAAC,WAAW,CACtC,CAAC,CAAsC,KAAI;QACvC,CAAC,CAAC,eAAe,EAAE;QACnB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,KAAlB,SAAA,GAAA,SAAA,GAAA,kBAAkB,EAAI;AAC1B,KAAC,EACD,CAAC,kBAAkB,CAAC,CACvB;AAED,IAAA,MAAM,qBAAqB,GAAGA,cAAK,CAAC,WAAW,CAC3C,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,KAAI;;QACvB,IACI,KAAK,YAAY,UAAU;AAC3B,YAAA,KAAK,CAAC,MAAM;AACZ,aAAA,CAAA,EAAA,GAAA,GAAG,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAC7C;YACE;;QAGJ,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAA,SAAA,GAAjB,iBAAiB,CAAG,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC;AAC/C,KAAC,EACD,CAAC,iBAAiB,CAAC,CACtB;AAED,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;QACpB,OAAOA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAAI;;AAGhD,IAAA,MAAM,YAAY,GAAG,CAAC,MAAuB,KAAqB;AAC9D,QAAA,OAAO,UAAU,GAAG,MAAM,GAAGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAG,EAAA,MAAM,CAAO;AAC9E,KAAC;AAED,IAAA,MAAM,QAAQ,GAAG,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAiB,KAAI;QAChE,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAI,GAAG,CAAC,GAAY,EAAE,EAAC,IAAI,EAAC,CAAC,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC;AAC/E,QAAA,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,SAAS;AAE/D,QAAA,MAAM,WAAW,IACbA,cAAC,CAAA,aAAA,CAAAA,cAAK,CAAC,QAAQ,EAAA,IAAA;AACX,YAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EACI,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,QAAQ,EACZ,EAAA,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,UAAU,EAAC,EAAE,SAAS,CAAC,EAChE,GAAG,EAAE,GAAG,aACC,EAAE,EAAA,WAAA,EACA,IAAI,EAAA,YAAA,EACH,SAAS,EACrB,OAAO,EAAE,CAAC,KAAgD,KAAI;AAC1D,oBAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,SAAA,GAAA,SAAA,GAAA,WAAW,CAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAC,kBAAkB,EAAC,CAAC;iBAC3D,EACD,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAE,MAAK;AACf,oBAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;AACpB,iBAAC,EACD,YAAY,EAAE,MAAK;AACf,oBAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;iBACnB,EAAA,CAAA;AAED,gBAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,cAAc,EAC/C,EAAA,YAAY,CAAC,MAAM,CAAC,CACnB;AAEL,gBAAA,MAAM,KAAK,UAAU,KAClBA,cAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,EAAE,EAAE,UAAU,EACd,OAAO,EAAE,oCAAoC,EAC7C,UAAU,EAAE,qBAAqB,EAAA;oBAEjCA,cACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,SAAS,EAEnD,EAAA,OAAO,CACN,CACM,CACnB;AAEA,gBAAA,QAAQ,IAAI,CAAC,mBAAmB,IAAI,kBAAkB,IACnDA,cAAC,CAAA,aAAA,CAAA,MAAM,EACH,EAAA,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAC/C,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAA;oBAEjCA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EAAE,IAAA,EAAA,MAAM,GAAGA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAG,IAAA,CAAA,GAAGA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,CAAe,CACtD,IACT,IAAI,CACN;YACL,kBAAkB,IAAI,OAAO,CAAC,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,SAAA,GAAA,SAAA,GAAA,SAAS,CAAE,OAAO,CAAC,KAC9CA,cAAC,CAAA,aAAA,CAAA,KAAK,EACF,EAAA,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,YAAY,EAClB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,YAAY,EAAE,qBAAqB,EAElC,EAAA,kBAAkB,EAAE,CACjB,CACX,CACY,CACpB;AAED,QAAA,OAAO,WAAW;AACtB,KAAC;AAED,IAAA,MAAM,QAAQ,GAAG,IAAI,IACjBA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,IACtE,IAAI;IACR,MAAM,SAAS,GAAG,eAAe,CAAC,EAAC,KAAK,EAAE,cAAc,EAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAC;IACjD,IAAI,eAAe,GAAG,IAAI;AAC1B,IAAA,IAAI,IAAI;AAER,IAAA,MAAM,IAAI,GAAG;QACT,UAAU;AACV,QAAA,IAAI,EAAE,KAAK;QACX,GAAG;QACH,kBAAkB;KACrB;AAED,IAAA,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE;QACnC,IAAI,GAAG,WAAW,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAuB;QAChE,eAAe;YACX,YAAY;AACX,gBAAA,WAAW,CACR,MAAM,EACN,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,KAAK,YAAY,CAAC,MAAM,CAAC,EACxC,IAAI,CACgB;;SACzB;AACH,QAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC;AACvB,QAAA,eAAe,GAAG,YAAY,IAAI,YAAY,CAAC,QAAQ,CAAC;;AAG5D,IAAA,QACIA,cAAA,CAAA,aAAA,CAACA,cAAK,CAAC,QAAQ,EAAA,IAAA;AACV,QAAA,YAAY,KACTA,cAAA,CAAA,aAAA,CAAC,eAAe,EACZ,EAAA,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,CAAC,KAAgD,KACtD,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,SAAA,GAAA,SAAA,GAAA,WAAW,CAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAC,kBAAkB,EAAC,CAAC,EAE5D,cAAc,EAAE,kBAAkB,GACpC,CACL;QACA,IAAI,CACQ;AAEzB;AAEA,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/AsideHeader/components/CompositeBar/Item/Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport {ActionTooltip, Icon, List, Popup, PopupPlacement, PopupProps} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\n\nimport {ASIDE_HEADER_ICON_SIZE} from '../../../../constants';\nimport {MakeItemParams} from '../../../../types';\nimport {createBlock} from '../../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../../AsideHeaderContext';\nimport {HighlightedItem} from '../HighlightedItem/HighlightedItem';\nimport {\n    COLLAPSE_ITEM_ID,\n    ITEM_TYPE_REGULAR,\n    POPUP_ITEM_HEIGHT,\n    POPUP_PLACEMENT,\n} from '../constants';\nimport {getSelectedItemIndex} from '../utils';\n\nimport styles from './Item.module.scss';\n\nconst b = createBlock('composite-bar-item', styles);\n\nexport interface ItemProps extends AsideHeaderItem {}\n\ninterface ItemInnerProps extends ItemProps {\n    className?: string;\n    collapseItems?: AsideHeaderItem[];\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n}\n\nfunction renderItemTitle(params: Pick<AsideHeaderItem, 'title' | 'rightAdornment'>) {\n    let titleNode = <div className={b('title-text')}>{params.title}</div>;\n\n    if (params.rightAdornment) {\n        titleNode = (\n            <React.Fragment>\n                {titleNode}\n                <div className={b('title-adornment')}>{params.rightAdornment}</div>\n            </React.Fragment>\n        );\n    }\n\n    return titleNode;\n}\n\nconst defaultPopupPlacement: PopupPlacement = ['right-end'];\nconst defaultPopupOffset: NonNullable<PopupProps['offset']> = {mainAxis: 8, crossAxis: -20};\n\nexport const Item: React.FC<ItemInnerProps> = (props) => {\n    const {\n        className,\n        collapseItems,\n        compact,\n        onMouseLeave,\n        onMouseEnter,\n        enableTooltip = true,\n        popupVisible = false,\n        popupRef: anchoreRefProp,\n        popupPlacement = defaultPopupPlacement,\n        popupOffset = defaultPopupOffset,\n        popupKeepMounted,\n        renderPopupContent,\n        onOpenChangePopup,\n        onItemClick,\n        onItemClickCapture,\n        itemWrapper,\n        bringForward,\n        rightAdornment,\n        title,\n        href,\n        qa,\n    } = props;\n\n    const [open, toggleOpen] = React.useState<boolean>(false);\n\n    const ref = React.useRef<HTMLAnchorElement & HTMLButtonElement>(null);\n    const anchorRef = anchoreRefProp?.current ? anchoreRefProp : ref;\n    const highlightedRef = React.useRef<HTMLDivElement>(null);\n\n    const type = props.type || ITEM_TYPE_REGULAR;\n    const current = props.current || false;\n    const tooltipText = props.tooltipText || props.title;\n    const icon = props.icon;\n    const iconSize = props.iconSize || ASIDE_HEADER_ICON_SIZE;\n    const iconQa = props.iconQa;\n    const collapsedItem = props.id === COLLAPSE_ITEM_ID;\n\n    const handleOpenChangePopup = React.useCallback<NonNullable<ItemProps['onOpenChangePopup']>>(\n        (newOpen, event, reason) => {\n            if (\n                event instanceof MouseEvent &&\n                event.target &&\n                ref.current?.contains(event.target as Node)\n            ) {\n                return;\n            }\n            onOpenChangePopup?.(newOpen, event, reason);\n        },\n        [onOpenChangePopup],\n    );\n\n    if (type === 'divider') {\n        return <div className={b('menu-divider')} />;\n    }\n\n    const makeIconNode = (iconEl: React.ReactNode): React.ReactNode => {\n        return compact ? (\n            <ActionTooltip\n                title=\"\"\n                description={tooltipText}\n                disabled={!enableTooltip || (collapsedItem && open) || popupVisible}\n                placement=\"right\"\n                className={b('icon-tooltip', {'item-type': type})}\n            >\n                <div\n                    onMouseEnter={() => onMouseEnter?.()}\n                    onMouseLeave={() => onMouseLeave?.()}\n                    className={b('btn-icon')}\n                >\n                    {iconEl}\n                </div>\n            </ActionTooltip>\n        ) : (\n            iconEl\n        );\n    };\n\n    const makeNode = ({icon: iconEl, title: titleEl}: MakeItemParams) => {\n        const [Tag, tagProps] = href ? ['a' as const, {href}] : ['button' as const, {}];\n\n        const createdNode = (\n            <React.Fragment>\n                <Tag\n                    {...tagProps}\n                    className={b({type, current, compact}, className)}\n                    ref={ref}\n                    data-qa={qa}\n                    onClick={(event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n                        if (collapsedItem) {\n                            /**\n                             * This is the \"more\" button (three dots) that shows additional menu items in a popup.\n                             * We call onItemClick with collapsed=true to indicate this is a collapse action.\n                             */\n                            toggleOpen(!open);\n                            onItemClick?.(props, true, event);\n                        } else {\n                            onItemClick?.(props, false, event);\n                        }\n                    }}\n                    onClickCapture={onItemClickCapture}\n                    onMouseEnter={() => {\n                        if (!compact) {\n                            onMouseEnter?.();\n                        }\n                    }}\n                    onMouseLeave={() => {\n                        if (!compact) {\n                            onMouseLeave?.();\n                        }\n                    }}\n                >\n                    <div className={b('icon-place')} ref={highlightedRef}>\n                        {makeIconNode(iconEl)}\n                    </div>\n\n                    <div\n                        className={b('title')}\n                        title={typeof title === 'string' ? title : undefined}\n                    >\n                        {titleEl}\n                    </div>\n                </Tag>\n                {renderPopupContent && Boolean(anchorRef?.current) && (\n                    <Popup\n                        strategy=\"fixed\"\n                        open={popupVisible}\n                        keepMounted={popupKeepMounted}\n                        placement={popupPlacement}\n                        offset={popupOffset}\n                        anchorElement={anchorRef.current}\n                        onOpenChange={handleOpenChangePopup}\n                    >\n                        {renderPopupContent()}\n                    </Popup>\n                )}\n            </React.Fragment>\n        );\n\n        return createdNode;\n    };\n\n    const iconNode = icon ? (\n        <Icon qa={iconQa} data={icon} size={iconSize} className={b('icon')} />\n    ) : null;\n    const titleNode = renderItemTitle({title, rightAdornment});\n    const params = {icon: iconNode, title: titleNode};\n    let highlightedNode = null;\n    let node;\n\n    const opts = {compact: Boolean(compact), collapsed: false, item: props, ref};\n\n    if (typeof itemWrapper === 'function') {\n        node = itemWrapper(params, makeNode, opts) as React.ReactElement;\n        highlightedNode =\n            bringForward &&\n            (itemWrapper(\n                params,\n                ({icon: iconEl}) => makeIconNode(iconEl),\n                opts,\n            ) as React.ReactElement);\n    } else {\n        node = makeNode(params);\n        highlightedNode = bringForward && makeIconNode(iconNode);\n    }\n\n    return (\n        <React.Fragment>\n            {bringForward && (\n                <HighlightedItem\n                    iconNode={highlightedNode}\n                    iconRef={highlightedRef}\n                    onClick={(event: React.MouseEvent<HTMLElement, MouseEvent>) =>\n                        onItemClick?.(props, false, event)\n                    }\n                    onClickCapture={onItemClickCapture}\n                />\n            )}\n            {node}\n            {open && collapsedItem && collapseItems?.length && Boolean(anchorRef?.current) && (\n                <CollapsedPopup\n                    {...props}\n                    anchorRef={anchorRef}\n                    onOpenChange={() => toggleOpen(false)}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nItem.displayName = 'Item';\n\ninterface CollapsedPopupProps {\n    anchorRef: React.RefObject<HTMLElement>;\n    onOpenChange: () => void;\n}\n\nfunction CollapsedPopup({\n    onItemClick,\n    collapseItems,\n    anchorRef,\n    onOpenChange,\n}: ItemInnerProps & CollapsedPopupProps) {\n    const {compact} = useAsideHeaderInnerContext();\n    return collapseItems?.length ? (\n        <Popup\n            strategy=\"fixed\"\n            placement={POPUP_PLACEMENT}\n            open={true}\n            anchorElement={anchorRef.current}\n            onOpenChange={onOpenChange}\n        >\n            <div className={b('collapse-items-popup-content')}>\n                <List\n                    itemClassName={b('root-collapse-item')}\n                    items={collapseItems}\n                    selectedItemIndex={getSelectedItemIndex(collapseItems)}\n                    itemHeight={POPUP_ITEM_HEIGHT}\n                    itemsHeight={collapseItems.length * POPUP_ITEM_HEIGHT}\n                    virtualized={false}\n                    filterable={false}\n                    sortable={false}\n                    onItemClick={onOpenChange}\n                    renderItem={(item) => {\n                        const makeCollapseNode = ({\n                            title: titleEl,\n                            icon: iconEl,\n                        }: MakeItemParams) => {\n                            const [Tag, tagProps] = item.href\n                                ? ['a' as const, {href: item.href}]\n                                : ['button' as const, {}];\n\n                            return (\n                                <Tag\n                                    {...tagProps}\n                                    className={b('collapse-item')}\n                                    onClick={(event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n                                        onItemClick?.(item, true, event);\n                                    }}\n                                >\n                                    {iconEl}\n                                    {titleEl}\n                                </Tag>\n                            );\n                        };\n\n                        const titleNode = renderItemTitle(item);\n                        const iconNode = item.icon && (\n                            <Icon data={item.icon} size={14} className={b('collapse-item-icon')} />\n                        );\n\n                        const params = {title: titleNode, icon: iconNode};\n                        const opts = {\n                            compact: Boolean(compact),\n                            collapsed: true,\n                            item,\n                            ref: anchorRef,\n                        };\n                        if (typeof item.itemWrapper === 'function') {\n                            return item.itemWrapper(params, makeCollapseNode, opts);\n                        } else {\n                            return makeCollapseNode(params);\n                        }\n                    }}\n                />\n            </div>\n        </Popup>\n    ) : null;\n}\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"gn-composite-bar-item":"Item-module__gn-composite-bar-item___-pkx5","gnCompositeBarItem":"Item-module__gn-composite-bar-item___-pkx5","gn-composite-bar-item_type_regular":"Item-module__gn-composite-bar-item_type_regular___wkhsT","gnCompositeBarItemTypeRegular":"Item-module__gn-composite-bar-item_type_regular___wkhsT","gn-composite-bar-item__btn-icon":"Item-module__gn-composite-bar-item__btn-icon___SwT65","gnCompositeBarItemBtnIcon":"Item-module__gn-composite-bar-item__btn-icon___SwT65","gn-composite-bar-item_current":"Item-module__gn-composite-bar-item_current___NT2hB","gnCompositeBarItemCurrent":"Item-module__gn-composite-bar-item_current___NT2hB","gn-composite-bar-item__icon-place":"Item-module__gn-composite-bar-item__icon-place___jPKRh","gnCompositeBarItemIconPlace":"Item-module__gn-composite-bar-item__icon-place___jPKRh","gn-composite-bar-item__title":"Item-module__gn-composite-bar-item__title___wj5L5","gnCompositeBarItemTitle":"Item-module__gn-composite-bar-item__title___wj5L5","gn-composite-bar-item__transition-title-enter":"Item-module__gn-composite-bar-item__transition-title-enter___4n6yR","gnCompositeBarItemTransitionTitleEnter":"Item-module__gn-composite-bar-item__transition-title-enter___4n6yR","gn-composite-bar-item__transition-title-enter-active":"Item-module__gn-composite-bar-item__transition-title-enter-active___AAvSZ","gnCompositeBarItemTransitionTitleEnterActive":"Item-module__gn-composite-bar-item__transition-title-enter-active___AAvSZ","gn-composite-bar-item__transition-title-enter-done":"Item-module__gn-composite-bar-item__transition-title-enter-done___Ilzkv","gnCompositeBarItemTransitionTitleEnterDone":"Item-module__gn-composite-bar-item__transition-title-enter-done___Ilzkv","gn-composite-bar-item__transition-title-exit":"Item-module__gn-composite-bar-item__transition-title-exit___5-JKk","gnCompositeBarItemTransitionTitleExit":"Item-module__gn-composite-bar-item__transition-title-exit___5-JKk","gn-composite-bar-item__transition-title-exit-active":"Item-module__gn-composite-bar-item__transition-title-exit-active___Dif7T","gnCompositeBarItemTransitionTitleExitActive":"Item-module__gn-composite-bar-item__transition-title-exit-active___Dif7T","gn-composite-bar-item__transition-title-exit-done":"Item-module__gn-composite-bar-item__transition-title-exit-done___PJvzY","gnCompositeBarItemTransitionTitleExitDone":"Item-module__gn-composite-bar-item__transition-title-exit-done___PJvzY","gn-composite-bar-item__visibility-button":"Item-module__gn-composite-bar-item__visibility-button___QaJg-","gnCompositeBarItemVisibilityButton":"Item-module__gn-composite-bar-item__visibility-button___QaJg-","gn-composite-bar-item__title-text":"Item-module__gn-composite-bar-item__title-text___cILJo","gnCompositeBarItemTitleText":"Item-module__gn-composite-bar-item__title-text___cILJo","gn-composite-bar-item__title-adornment":"Item-module__gn-composite-bar-item__title-adornment___Xcopn","gnCompositeBarItemTitleAdornment":"Item-module__gn-composite-bar-item__title-adornment___Xcopn","gn-composite-bar-item__collapse-item":"Item-module__gn-composite-bar-item__collapse-item___Up6IX","gnCompositeBarItemCollapseItem":"Item-module__gn-composite-bar-item__collapse-item___Up6IX","gn-composite-bar-item__collapse-item-icon":"Item-module__gn-composite-bar-item__collapse-item-icon___CD-ao","gnCompositeBarItemCollapseItemIcon":"Item-module__gn-composite-bar-item__collapse-item-icon___CD-ao","gn-composite-bar-item__menu-divider":"Item-module__gn-composite-bar-item__menu-divider___hkm-Z","gnCompositeBarItemMenuDivider":"Item-module__gn-composite-bar-item__menu-divider___hkm-Z","gn-composite-bar-item__collapse-items-popup-content":"Item-module__gn-composite-bar-item__collapse-items-popup-content___a82to","gnCompositeBarItemCollapseItemsPopupContent":"Item-module__gn-composite-bar-item__collapse-items-popup-content___a82to","gn-composite-bar-item__link":"Item-module__gn-composite-bar-item__link___McAVN","gnCompositeBarItemLink":"Item-module__gn-composite-bar-item__link___McAVN","gn-composite-bar-item_type_action":"Item-module__gn-composite-bar-item_type_action___2jxO8","gnCompositeBarItemTypeAction":"Item-module__gn-composite-bar-item_type_action___2jxO8","gn-composite-bar-item_collapsed":"Item-module__gn-composite-bar-item_collapsed___Ichlf","gnCompositeBarItemCollapsed":"Item-module__gn-composite-bar-item_collapsed___Ichlf"};
+var styles = {"gn-composite-bar-item":"Item-module__gn-composite-bar-item___-pkx5","gnCompositeBarItem":"Item-module__gn-composite-bar-item___-pkx5","gn-composite-bar-item__icon":"Item-module__gn-composite-bar-item__icon___ORFNf","gnCompositeBarItemIcon":"Item-module__gn-composite-bar-item__icon___ORFNf","gn-composite-bar-item_current":"Item-module__gn-composite-bar-item_current___NT2hB","gnCompositeBarItemCurrent":"Item-module__gn-composite-bar-item_current___NT2hB","gn-composite-bar-item__icon-tooltip":"Item-module__gn-composite-bar-item__icon-tooltip___PxU2i","gnCompositeBarItemIconTooltip":"Item-module__gn-composite-bar-item__icon-tooltip___PxU2i","g-action-tooltip__description":"Item-module__g-action-tooltip__description___UsHcG","gActionTooltipDescription":"Item-module__g-action-tooltip__description___UsHcG","gn-composite-bar-item__icon-place":"Item-module__gn-composite-bar-item__icon-place___jPKRh","gnCompositeBarItemIconPlace":"Item-module__gn-composite-bar-item__icon-place___jPKRh","gn-composite-bar-item__title":"Item-module__gn-composite-bar-item__title___wj5L5","gnCompositeBarItemTitle":"Item-module__gn-composite-bar-item__title___wj5L5","gn-composite-bar-item__title-text":"Item-module__gn-composite-bar-item__title-text___cILJo","gnCompositeBarItemTitleText":"Item-module__gn-composite-bar-item__title-text___cILJo","gn-composite-bar-item__title-adornment":"Item-module__gn-composite-bar-item__title-adornment___Xcopn","gnCompositeBarItemTitleAdornment":"Item-module__gn-composite-bar-item__title-adornment___Xcopn","gn-composite-bar-item__collapse-item":"Item-module__gn-composite-bar-item__collapse-item___Up6IX","gnCompositeBarItemCollapseItem":"Item-module__gn-composite-bar-item__collapse-item___Up6IX","gn-composite-bar-item__collapse-item-icon":"Item-module__gn-composite-bar-item__collapse-item-icon___CD-ao","gnCompositeBarItemCollapseItemIcon":"Item-module__gn-composite-bar-item__collapse-item-icon___CD-ao","gn-composite-bar-item__menu-divider":"Item-module__gn-composite-bar-item__menu-divider___hkm-Z","gnCompositeBarItemMenuDivider":"Item-module__gn-composite-bar-item__menu-divider___hkm-Z","gn-composite-bar-item__collapse-items-popup-content":"Item-module__gn-composite-bar-item__collapse-items-popup-content___a82to","gnCompositeBarItemCollapseItemsPopupContent":"Item-module__gn-composite-bar-item__collapse-items-popup-content___a82to","gn-composite-bar-item__link":"Item-module__gn-composite-bar-item__link___McAVN","gnCompositeBarItemLink":"Item-module__gn-composite-bar-item__link___McAVN","gn-composite-bar-item__btn-icon":"Item-module__gn-composite-bar-item__btn-icon___SwT65","gnCompositeBarItemBtnIcon":"Item-module__gn-composite-bar-item__btn-icon___SwT65","gn-composite-bar-item_type_action":"Item-module__gn-composite-bar-item_type_action___2jxO8","gnCompositeBarItemTypeAction":"Item-module__gn-composite-bar-item_type_action___2jxO8","gn-composite-bar-item__icon-tooltip_item-type_action":"Item-module__gn-composite-bar-item__icon-tooltip_item-type_action___HUhUR","gnCompositeBarItemIconTooltipItemTypeAction":"Item-module__gn-composite-bar-item__icon-tooltip_item-type_action___HUhUR","gn-composite-bar-item_compact":"Item-module__gn-composite-bar-item_compact___PVTeM","gnCompositeBarItemCompact":"Item-module__gn-composite-bar-item_compact___PVTeM","gn-composite-bar-item_type_regular":"Item-module__gn-composite-bar-item_type_regular___wkhsT","gnCompositeBarItemTypeRegular":"Item-module__gn-composite-bar-item_type_regular___wkhsT"};
 
 export { styles as default };
 //# sourceMappingURL=Item.module.scss.js.map

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.css

@@ -0,0 +1,7 @@
+.g-root_theme_dark .MultipleTooltip-module__gn-multiple-tooltip___UCYs0, .g-root_theme_dark-hc .MultipleTooltip-module__gn-multiple-tooltip___UCYs0{--multiple-tooltip-item-bg-color:var(
+      --g-color-base-float-medium,var(--g-color-private-white-100-solid)
+  );--multiple-tooltip-item-active-bg-color:var(--g-color-base-float-heavy);--multiple-tooltip-backdrop-background:linear-gradient(90deg,var(--g-color-base-background) 50%,transparent);--multiple-tooltip-backdrop-filter:blur(16px)}.g-root_theme_dark-hc .MultipleTooltip-module__gn-multiple-tooltip___UCYs0{--multiple-tooltip-item-bg-color:var(
+      --g-color-base-float-medium,var(--g-color-private-white-150-solid)
+  )}.g-root_theme_light .MultipleTooltip-module__gn-multiple-tooltip___UCYs0, .g-root_theme_light-hc .MultipleTooltip-module__gn-multiple-tooltip___UCYs0{--multiple-tooltip-item-bg-color:var(
+      --g-color-base-float-medium,var(--g-color-private-black-550-solid)
+  );--multiple-tooltip-item-active-bg-color:var(--g-color-base-float-heavy);--multiple-tooltip-backdrop-background:linear-gradient(90deg,var(--g-color-base-background) 50%,transparent);--multiple-tooltip-backdrop-filter:blur(12px)}.MultipleTooltip-module__gn-multiple-tooltip___UCYs0:before{background:var(--multiple-tooltip-backdrop-background);box-shadow:none;content:"";filter:var(--multiple-tooltip-backdrop-filter);height:100%;opacity:.7;position:absolute;width:100%;z-index:-1}.MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl, .g-popup.MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl{--g-popup-background-color:transparent;--g-popup-border-color:transparent;--g-popup-border-width:0;background-color:transparent;box-shadow:none}.MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-{align-items:flex-start;display:flex;flex-direction:column;padding:32px 40px 32px 12px}.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6{align-items:center;background-color:var(--multiple-tooltip-item-bg-color);border-radius:5px;box-sizing:border-box;color:var(--g-color-text-light-primary);display:flex;height:30px;margin-bottom:5px;padding:8px 12px;position:relative;transition:transform .1s ease-in-out}.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:first-child, .MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S)+.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S){margin-top:5px}.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S+.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S){margin-top:4px}.MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC{background-color:var(--multiple-tooltip-item-active-bg-color);transform:translateX(-12px)}.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S{height:15px;margin:0;visibility:hidden}

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PopupProps } from '@gravity-ui/uikit';
+import { AsideHeaderItem } from 'src/components/AsideHeader/types';
+type MultipleTooltipProps = Pick<PopupProps, 'open' | 'placement'> & {
+    anchorRef: React.RefObject<HTMLElement>;
+    items: AsideHeaderItem[];
+};
+export declare const MultipleTooltip: React.FC<MultipleTooltipProps>;
+export {};

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js

@@ -0,0 +1,32 @@
+import './MultipleTooltip.css';
+import React__default from 'react';
+import { Popup } from '@gravity-ui/uikit';
+import { createBlock } from '../../../../utils/cn.js';
+import { COLLAPSE_ITEM_ID } from '../constants.js';
+import { MultipleTooltipContext } from './MultipleTooltipContext.js';
+import styles from './MultipleTooltip.module.scss.js';
+
+const b = createBlock('multiple-tooltip', styles);
+const POPUP_OFFSET = { mainAxis: 4, crossAxis: -32 };
+const MultipleTooltip = ({ items, open, anchorRef, placement, }) => {
+    const { activeIndex, hideCollapseItemTooltip } = React__default.useContext(MultipleTooltipContext);
+    const activeItem = activeIndex === undefined ? null : items[activeIndex];
+    return (React__default.createElement(Popup, { open: open, className: b('popup'), anchorElement: anchorRef.current, strategy: "fixed", placement: placement, offset: POPUP_OFFSET },
+        React__default.createElement("div", { className: b() },
+            React__default.createElement("div", { className: b('items-container') }, items
+                .filter(({ type = 'regular', id }) => !hideCollapseItemTooltip ||
+                (id !== COLLAPSE_ITEM_ID && type !== 'action'))
+                .map((currentItem, idx) => {
+                switch (currentItem.type) {
+                    case 'divider':
+                        return (React__default.createElement("div", { className: b('item', { divider: true }), key: idx }, currentItem.tooltipText || currentItem.title));
+                    default:
+                        return (React__default.createElement("div", { className: b('item', {
+                                active: currentItem === activeItem,
+                            }), key: idx }, currentItem.tooltipText || currentItem.title));
+                }
+            })))));
+};
+
+export { MultipleTooltip };
+//# sourceMappingURL=MultipleTooltip.js.map

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleTooltip.js","sources":["../../../../../../../../src/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Popup, PopupProps} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\n\nimport {createBlock} from '../../../../utils/cn';\nimport {COLLAPSE_ITEM_ID} from '../constants';\n\nimport {MultipleTooltipContext} from './MultipleTooltipContext';\n\nimport styles from './MultipleTooltip.module.scss';\n\nconst b = createBlock('multiple-tooltip', styles);\n\nconst POPUP_OFFSET: PopupProps['offset'] = {mainAxis: 4, crossAxis: -32};\n\ntype MultipleTooltipProps = Pick<PopupProps, 'open' | 'placement'> & {\n    anchorRef: React.RefObject<HTMLElement>;\n    items: AsideHeaderItem[];\n};\n\nexport const MultipleTooltip: React.FC<MultipleTooltipProps> = ({\n    items,\n    open,\n    anchorRef,\n    placement,\n}) => {\n    const {activeIndex, hideCollapseItemTooltip} = React.useContext(MultipleTooltipContext);\n    const activeItem = activeIndex === undefined ? null : items[activeIndex];\n\n    return (\n        <Popup\n            open={open}\n            className={b('popup')}\n            anchorElement={anchorRef.current}\n            strategy=\"fixed\"\n            placement={placement}\n            offset={POPUP_OFFSET}\n        >\n            <div className={b()}>\n                <div className={b('items-container')}>\n                    {items\n                        .filter(\n                            ({type = 'regular', id}) =>\n                                !hideCollapseItemTooltip ||\n                                (id !== COLLAPSE_ITEM_ID && type !== 'action'),\n                        )\n                        .map((currentItem, idx) => {\n                            switch (currentItem.type) {\n                                case 'divider':\n                                    return (\n                                        <div className={b('item', {divider: true})} key={idx}>\n                                            {currentItem.tooltipText || currentItem.title}\n                                        </div>\n                                    );\n                                default:\n                                    return (\n                                        <div\n                                            className={b('item', {\n                                                active: currentItem === activeItem,\n                                            })}\n                                            key={idx}\n                                        >\n                                            {currentItem.tooltipText || currentItem.title}\n                                        </div>\n                                    );\n                            }\n                        })}\n                </div>\n            </div>\n        </Popup>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;AAaA,MAAM,CAAC,GAAG,WAAW,CAAC,kBAAkB,EAAE,MAAM,CAAC;AAEjD,MAAM,YAAY,GAAyB,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAC;AAOjE,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,GACZ,KAAI;AACD,IAAA,MAAM,EAAC,WAAW,EAAE,uBAAuB,EAAC,GAAGA,cAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC;AACvF,IAAA,MAAM,UAAU,GAAG,WAAW,KAAK,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC;AAExE,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACF,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,YAAY,EAAA;QAEpBA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,EAAE,EAAA;AACf,YAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAC/B;AACI,iBAAA,MAAM,CACH,CAAC,EAAC,IAAI,GAAG,SAAS,EAAE,EAAE,EAAC,KACnB,CAAC,uBAAuB;iBACvB,EAAE,KAAK,gBAAgB,IAAI,IAAI,KAAK,QAAQ,CAAC;AAErD,iBAAA,GAAG,CAAC,CAAC,WAAW,EAAE,GAAG,KAAI;AACtB,gBAAA,QAAQ,WAAW,CAAC,IAAI;AACpB,oBAAA,KAAK,SAAS;AACV,wBAAA,QACIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAC/C,EAAA,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3C;AAEd,oBAAA;AACI,wBAAA,QACIA,cACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;gCACjB,MAAM,EAAE,WAAW,KAAK,UAAU;AACrC,6BAAA,CAAC,EACF,GAAG,EAAE,GAAG,IAEP,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3C;;AAGtB,aAAC,CAAC,CACJ,CACJ,CACF;AAEhB;;;;"}

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"gn-multiple-tooltip":"MultipleTooltip-module__gn-multiple-tooltip___UCYs0","gnMultipleTooltip":"MultipleTooltip-module__gn-multiple-tooltip___UCYs0","gn-multiple-tooltip__popup":"MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl","gnMultipleTooltipPopup":"MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl","gn-multiple-tooltip__items-container":"MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-","gnMultipleTooltipItemsContainer":"MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-","gn-multiple-tooltip__item":"MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6","gnMultipleTooltipItem":"MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6","gn-multiple-tooltip__item_divider":"MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S","gnMultipleTooltipItemDivider":"MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S","gn-multiple-tooltip__item_active":"MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC","gnMultipleTooltipItemActive":"MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC"};
+
+export { styles as default };
+//# sourceMappingURL=MultipleTooltip.module.scss.js.map

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleTooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+interface MultipleTooltipContextProps {
+    active: boolean;
+    activeIndex: number | undefined;
+    hideCollapseItemTooltip: boolean;
+    lastClickedItemIndex: number | undefined;
+    setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(value: Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K> | Omit<MultipleTooltipContextProps, 'setValue'>): void;
+}
+export declare const MultipleTooltipContext: React.Context<MultipleTooltipContextProps>;
+type MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;
+export declare class MultipleTooltipProvider extends React.PureComponent<{
+    children: React.ReactNode;
+}, MultipleTooltipProviderState> {
+    state: {
+        active: boolean;
+        activeIndex: undefined;
+        hideCollapseItemTooltip: boolean;
+        lastClickedItemIndex: undefined;
+        setValue: () => void;
+    };
+    render(): React.JSX.Element;
+    setValue: MultipleTooltipContextProps['setValue'];
+}
+export {};

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js

@@ -0,0 +1,26 @@
+import React__default from 'react';
+
+const multipleTooltipContextDefaults = {
+    active: false,
+    activeIndex: undefined,
+    hideCollapseItemTooltip: false,
+    lastClickedItemIndex: undefined,
+    setValue: () => { },
+};
+const MultipleTooltipContext = React__default.createContext(multipleTooltipContextDefaults);
+class MultipleTooltipProvider extends React__default.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = Object.assign({}, multipleTooltipContextDefaults);
+        this.setValue = (value) => {
+            this.setState(Object.assign({}, value));
+        };
+    }
+    render() {
+        const { children } = this.props;
+        return (React__default.createElement(MultipleTooltipContext.Provider, { value: Object.assign(Object.assign({}, this.state), { setValue: this.setValue }) }, children));
+    }
+}
+
+export { MultipleTooltipContext, MultipleTooltipProvider };
+//# sourceMappingURL=MultipleTooltipContext.js.map

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleTooltipContext.js","sources":["../../../../../../../../src/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.tsx"],"sourcesContent":["import React from 'react';\n\ninterface MultipleTooltipContextProps {\n    active: boolean;\n    activeIndex: number | undefined;\n    hideCollapseItemTooltip: boolean;\n    lastClickedItemIndex: number | undefined;\n    setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(\n        value:\n            | Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K>\n            | Omit<MultipleTooltipContextProps, 'setValue'>,\n    ): void;\n}\n\nconst multipleTooltipContextDefaults = {\n    active: false,\n    activeIndex: undefined,\n    hideCollapseItemTooltip: false,\n    lastClickedItemIndex: undefined,\n    setValue: () => {},\n};\n\nexport const MultipleTooltipContext = React.createContext<MultipleTooltipContextProps>(\n    multipleTooltipContextDefaults,\n);\n\ntype MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;\n\nexport class MultipleTooltipProvider extends React.PureComponent<\n    {children: React.ReactNode},\n    MultipleTooltipProviderState\n> {\n    state = {\n        ...multipleTooltipContextDefaults,\n    };\n\n    render() {\n        const {children} = this.props;\n\n        return (\n            <MultipleTooltipContext.Provider value={{...this.state, setValue: this.setValue}}>\n                {children}\n            </MultipleTooltipContext.Provider>\n        );\n    }\n\n    setValue: MultipleTooltipContextProps['setValue'] = (value) => {\n        this.setState({...value});\n    };\n}\n"],"names":["React"],"mappings":";;AAcA,MAAM,8BAA8B,GAAG;AACnC,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,uBAAuB,EAAE,KAAK;AAC9B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,QAAQ,EAAE,MAAK,GAAG;CACrB;AAEY,MAAA,sBAAsB,GAAGA,cAAK,CAAC,aAAa,CACrD,8BAA8B;AAKrB,MAAA,uBAAwB,SAAQA,cAAK,CAAC,aAGlD,CAAA;AAHD,IAAA,WAAA,GAAA;;QAII,IAAK,CAAA,KAAA,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACE,8BAA8B,CACnC;AAYF,QAAA,IAAA,CAAA,QAAQ,GAA4C,CAAC,KAAK,KAAI;AAC1D,YAAA,IAAI,CAAC,QAAQ,CAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAE;AAC7B,SAAC;;IAZD,MAAM,GAAA;AACF,QAAA,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK;QAE7B,QACIA,6BAAC,sBAAsB,CAAC,QAAQ,EAAC,EAAA,KAAK,kCAAM,IAAI,CAAC,KAAK,CAAE,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAC1E,CAAA,EAAA,EAAA,QAAQ,CACqB;;AAO7C;;;;"}

package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { MultipleTooltip } from './MultipleTooltip';
+export { MultipleTooltipContext, MultipleTooltipProvider } from './MultipleTooltipContext';

package/build/esm/components/AsideHeader/components/CompositeBar/constants.d.ts

@@ -1,2 +1,5 @@
+import { PopupPlacement } from '@gravity-ui/uikit';
 export declare const ITEM_TYPE_REGULAR = "regular";
 export declare const COLLAPSE_ITEM_ID = "collapse-item-id";
+export declare const POPUP_PLACEMENT: PopupPlacement;
+export declare const POPUP_ITEM_HEIGHT = 28;

package/build/esm/components/AsideHeader/components/CompositeBar/constants.js

@@ -1,5 +1,7 @@
 const ITEM_TYPE_REGULAR = 'regular';
 const COLLAPSE_ITEM_ID = 'collapse-item-id';
+const POPUP_PLACEMENT = ['right-start', 'right-end', 'right'];
+const POPUP_ITEM_HEIGHT = 28;
 
-export { COLLAPSE_ITEM_ID, ITEM_TYPE_REGULAR };
+export { COLLAPSE_ITEM_ID, ITEM_TYPE_REGULAR, POPUP_ITEM_HEIGHT, POPUP_PLACEMENT };
 //# sourceMappingURL=constants.js.map

package/build/esm/components/AsideHeader/components/CompositeBar/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/AsideHeader/components/CompositeBar/constants.ts"],"sourcesContent":["export const ITEM_TYPE_REGULAR = 'regular';\nexport const COLLAPSE_ITEM_ID = 'collapse-item-id';\n"],"names":[],"mappings":"AAAO,MAAM,iBAAiB,GAAG;AAC1B,MAAM,gBAAgB,GAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/AsideHeader/components/CompositeBar/constants.ts"],"sourcesContent":["import {PopupPlacement} from '@gravity-ui/uikit';\n\nexport const ITEM_TYPE_REGULAR = 'regular';\nexport const COLLAPSE_ITEM_ID = 'collapse-item-id';\n\nexport const POPUP_PLACEMENT: PopupPlacement = ['right-start', 'right-end', 'right'];\nexport const POPUP_ITEM_HEIGHT = 28;\n"],"names":[],"mappings":"AAEO,MAAM,iBAAiB,GAAG;AAC1B,MAAM,gBAAgB,GAAG;AAEnB,MAAA,eAAe,GAAmB,CAAC,aAAa,EAAE,WAAW,EAAE,OAAO;AAC5E,MAAM,iBAAiB,GAAG;;;;"}

package/build/esm/components/AsideHeader/components/CompositeBar/utils.d.ts

@@ -1,6 +1,10 @@
-import { AsideHeaderItem, MenuItemsWithGroups } from '../../types';
-export declare function getItemHeight(compositeItem: MenuItemsWithGroups, isCompactMode?: boolean): number;
-export declare function getItemsHeight<T extends AsideHeaderItem>(items: T[], isCompactMode?: boolean): number;
+import { AsideHeaderItem } from '../../types';
+export declare function getItemHeight(compositeItem: AsideHeaderItem): 40 | 50 | 15;
+export declare function getItemsHeight<T extends AsideHeaderItem>(items: T[]): number;
 export declare function getSelectedItemIndex(compositeItems: AsideHeaderItem[]): number | undefined;
-export declare function getVisibleItemsWithFilteredDividers(items: MenuItemsWithGroups[], allPagesId?: string): MenuItemsWithGroups[];
-export declare function filterRedundantDividers<T extends MenuItemsWithGroups>(items: T[], allPagesId?: string): T[];
+export declare function getItemsMinHeight(compositeItems: AsideHeaderItem[]): number;
+export declare function getMoreButtonItem(menuMoreTitle?: string): AsideHeaderItem;
+export declare function getAutosizeListItems(compositeItems: AsideHeaderItem[], height: number, collapseItem: AsideHeaderItem): {
+    listItems: AsideHeaderItem[];
+    collapseItems: AsideHeaderItem[];
+};