@gravity-ui/navigation 0.22.0 → 0.22.2

package/build/esm/components/AllPagesPanel/constants.d.ts

@@ -1,3 +1,3 @@
 import { MenuItem } from '../types';
 export declare const ALL_PAGES_ID: "all-pages";
-export declare const ALL_PAGES_MENU_ITEM: MenuItem;
+export declare function getAllPagesMenuItem(): MenuItem;

package/build/esm/components/AllPagesPanel/index.d.ts

@@ -1,3 +1,3 @@
 export { AllPagesPanel } from './AllPagesPanel';
-export { ALL_PAGES_MENU_ITEM, ALL_PAGES_ID } from './constants';
+export { getAllPagesMenuItem, ALL_PAGES_ID } from './constants';
 export { useVisibleMenuItems } from './useVisibleMenuItems';

package/build/esm/components/index.d.ts

@@ -1,4 +1,5 @@
 export { AsideHeader } from './AsideHeader/AsideHeader';
+export type { AsideHeaderProps } from './AsideHeader/types';
 export { AsideHeaderContextProvider, useAsideHeaderContext } from './AsideHeader/AsideHeaderContext';
 export { Drawer, DrawerProps, DrawerItemProps, DrawerItem } from './Drawer/Drawer';
 export { FooterItem, FooterItemProps } from './FooterItem/FooterItem';

package/build/esm/index.js

@@ -1351,7 +1351,7 @@ const CompositeBarView = ({ type, items, onItemClick, collapseItems, multipleToo
         }
     }, [multipleTooltip, multipleTooltipActive, setMultipleTooltipContextValue]);
     const onMouseEnterByIndex = useCallback((itemIndex) => () => {
-        if (multipleTooltip) {
+        if (multipleTooltip && document.hasFocus()) {
             let multipleTooltipActiveValue = multipleTooltipActive;
             if (!multipleTooltipActive && itemIndex !== lastClickedItemIndex) {
                 multipleTooltipActiveValue = true;
@@ -1374,7 +1374,7 @@ const CompositeBarView = ({ type, items, onItemClick, collapseItems, multipleToo
     ]);
     const onMouseLeave = useCallback(() => {
         var _a;
-        if (compact) {
+        if (compact && document.hasFocus()) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.activateItem(undefined);
             if (multipleTooltip &&
                 (activeIndex !== undefined || lastClickedItemIndex !== undefined)) {
@@ -1418,7 +1418,7 @@ const CompositeBarView = ({ type, items, onItemClick, collapseItems, multipleToo
                         : item.enableTooltip;
                     return (React__default.createElement(Item$1, Object.assign({}, itemExtraProps, { enableTooltip: enableTooltip, onMouseEnter: onMouseEnterByIndex(itemIndex), onMouseLeave: onMouseLeave, onItemClick: onItemClickByIndex(itemIndex), collapseItems: collapseItems })));
                 } })),
-        type === 'menu' && (React__default.createElement(MultipleTooltip, { open: compact && multipleTooltip && multipleTooltipActive, anchorRef: tooltipRef, placement: ['right-start'], items: items }))));
+        type === 'menu' && multipleTooltip && (React__default.createElement(MultipleTooltip, { open: compact && multipleTooltipActive, anchorRef: tooltipRef, placement: ['right-start'], items: items }))));
 };
 const CompositeBar = ({ type, items, menuMoreTitle, onItemClick, multipleTooltip = false, }) => {
     if (items.length === 0) {
@@ -1673,12 +1673,14 @@ const COMPONENT$4 = 'AllPagesPanel';
 var i18n$4 = registerKeyset({ en: en$4, ru: ru$4 }, COMPONENT$4);
 
 const ALL_PAGES_ID = 'all-pages';
-const ALL_PAGES_MENU_ITEM = {
-    id: ALL_PAGES_ID,
-    title: i18n$4('menu-item.all-pages.title'),
-    tooltipText: i18n$4('menu-item.all-pages.title'),
-    icon: Ellipsis,
-};
+function getAllPagesMenuItem() {
+    return {
+        id: ALL_PAGES_ID,
+        title: i18n$4('menu-item.all-pages.title'),
+        tooltipText: i18n$4('menu-item.all-pages.title'),
+        icon: Ellipsis,
+    };
+}
 
 const useGroupedMenuItems = (items) => {
     const allPagesMenuItems = useMemo(() => {
@@ -5029,6 +5031,9 @@ const EMPTY_MENU_ITEMS = [];
 const useAsideHeaderInnerContextValue = (props) => {
     const { size, onClosePanel, menuItems, panelItems, onMenuItemsChanged } = props;
     const [innerVisiblePanel, setInnerVisiblePanel] = useState();
+    const ALL_PAGES_MENU_ITEM = React__default.useMemo(() => {
+        return getAllPagesMenuItem();
+    }, []);
     const allPagesIsAvailable = Boolean(onMenuItemsChanged) && (!menuItems || (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0);
     useEffect(() => {
         // If any user panel became visible we need to switch off all inner panels
@@ -5049,13 +5054,13 @@ const useAsideHeaderInnerContextValue = (props) => {
             innerOnClosePanel();
         }
         (_a = item.onItemClick) === null || _a === void 0 ? void 0 : _a.call(item, item, collapsed, event);
-    }, [innerOnClosePanel]);
+    }, [innerOnClosePanel, ALL_PAGES_MENU_ITEM]);
     const innerMenuItems = useMemo(() => allPagesIsAvailable
         ? [
             ...(menuItems || EMPTY_MENU_ITEMS),
             Object.assign(Object.assign({}, ALL_PAGES_MENU_ITEM), { current: innerVisiblePanel === InnerPanels.AllPages }),
         ]
-        : menuItems || EMPTY_MENU_ITEMS, [allPagesIsAvailable, menuItems, innerVisiblePanel]);
+        : menuItems || EMPTY_MENU_ITEMS, [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM]);
     const innerPanelItems = useMemo(() => {
         if (!allPagesIsAvailable) {
             return panelItems;