@gravity-ui/navigation 0.22.1 → 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/index.js

@@ -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;