@gravity-ui/navigation 0.22.0 → 0.22.2

package/build/cjs/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/cjs/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/cjs/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/cjs/index.js

@@ -1378,7 +1378,7 @@ const CompositeBarView = ({ type, items, onItemClick, collapseItems, multipleToo
         }
     }, [multipleTooltip, multipleTooltipActive, setMultipleTooltipContextValue]);
     const onMouseEnterByIndex = React.useCallback((itemIndex) => () => {
-        if (multipleTooltip) {
+        if (multipleTooltip && document.hasFocus()) {
             let multipleTooltipActiveValue = multipleTooltipActive;
             if (!multipleTooltipActive && itemIndex !== lastClickedItemIndex) {
                 multipleTooltipActiveValue = true;
@@ -1401,7 +1401,7 @@ const CompositeBarView = ({ type, items, onItemClick, collapseItems, multipleToo
     ]);
     const onMouseLeave = React.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)) {
@@ -1445,7 +1445,7 @@ const CompositeBarView = ({ type, items, onItemClick, collapseItems, multipleToo
                         : item.enableTooltip;
                     return (React__default["default"].createElement(Item$1, Object.assign({}, itemExtraProps, { enableTooltip: enableTooltip, onMouseEnter: onMouseEnterByIndex(itemIndex), onMouseLeave: onMouseLeave, onItemClick: onItemClickByIndex(itemIndex), collapseItems: collapseItems })));
                 } })),
-        type === 'menu' && (React__default["default"].createElement(MultipleTooltip, { open: compact && multipleTooltip && multipleTooltipActive, anchorRef: tooltipRef, placement: ['right-start'], items: items }))));
+        type === 'menu' && multipleTooltip && (React__default["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) {
@@ -1700,12 +1700,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: icons.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: icons.Ellipsis,
+    };
+}
 
 const useGroupedMenuItems = (items) => {
     const allPagesMenuItems = React.useMemo(() => {
@@ -5056,6 +5058,9 @@ const EMPTY_MENU_ITEMS = [];
 const useAsideHeaderInnerContextValue = (props) => {
     const { size, onClosePanel, menuItems, panelItems, onMenuItemsChanged } = props;
     const [innerVisiblePanel, setInnerVisiblePanel] = React.useState();
+    const ALL_PAGES_MENU_ITEM = React__default["default"].useMemo(() => {
+        return getAllPagesMenuItem();
+    }, []);
     const allPagesIsAvailable = Boolean(onMenuItemsChanged) && (!menuItems || (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0);
     React.useEffect(() => {
         // If any user panel became visible we need to switch off all inner panels
@@ -5076,13 +5081,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 = React.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 = React.useMemo(() => {
         if (!allPagesIsAvailable) {
             return panelItems;