Merge branch 'main' into lunory/hide-decoration-node

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [2.28.0](https://github.com/gravity-ui/navigation/compare/v2.27.0...v2.28.0) (2024-10-24)
+
+
+### Features
+
+* **AsideHeader:** add onAllPagesClick callback ([#329](https://github.com/gravity-ui/navigation/issues/329)) ([c8978c0](https://github.com/gravity-ui/navigation/commit/c8978c014f432ce09a57403ff95dd87dd7e4c6d5))
+* **TopPanel:** add align prop ([#317](https://github.com/gravity-ui/navigation/issues/317)) ([c85b17b](https://github.com/gravity-ui/navigation/commit/c85b17ba41b26cf1a06d429a1e6a93fcc80ad648))
+
 ## [2.27.0](https://github.com/gravity-ui/navigation/compare/v2.26.0...v2.27.0) (2024-10-11)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/navigation",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "description": "Gravity UI Navigation components",
   "license": "MIT",
   "repository": {

src/components/AsideHeader/README.md

@@ -137,6 +137,7 @@ export const Aside: FC = () => {
 | onClosePanel              | Callback will be called when closing panel. You can add panels via `PanelItems` prop |                               `() => void;`                                |                           |
 | onMenuItemsChanged        | Callback will be called when updating list of the menuItems in `AllPagesPanel`       |                     `(items: Array<MenuItem>) => void`                     |                           |
 | onMenuMoreClick           | Callback will be called when some items don't fit and "more" button is clicked       |                               `() => void;`                                |                           |
+| onAllPagesClick           | Callback will be called when "All pages" button is clicked                           |                               `() => void;`                                |                           |
 | openModalSubscriber       | Function notifies `AsideHeader` about Modals visibility changes                      |                    `( (open: boolean) => void) => void`                    |                           |
 | panelItems                | Items for `Drawer` component. Used for show additional information over main content |       [`Array<DrawerItem>`](./../Drawer/README.md#draweritem-props)        |           `[]`            |
 | renderContent             | Function rendering the main content at the right of the `AsideHeader`                |                `(data: {size: number}) => React.ReactNode`                 |                           |

src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx

@@ -296,6 +296,7 @@ export const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps> = ({
                     setCompact(v);
                 }}
                 onMenuMoreClick={() => console.log('onMenuMoreClick')}
+                onAllPagesClick={() => console.log('onAllPagesClick')}
             />
         </div>
     );

src/components/AsideHeader/types.tsx

@@ -45,6 +45,7 @@ export interface AsideHeaderGeneralProps extends QAProps {
     onClosePanel?: () => void;
     onChangeCompact?: (compact: boolean) => void;
     onMenuMoreClick?: () => void;
+    onAllPagesClick?: () => void;
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
 }
 

src/components/AsideHeader/useAsideHeaderInnerContextValue.tsx

@@ -11,7 +11,7 @@ const EMPTY_MENU_ITEMS: MenuItem[] = [];
 export const useAsideHeaderInnerContextValue = (
     props: AsideHeaderProps & {size: number},
 ): AsideHeaderInnerContextType => {
-    const {size, onClosePanel, menuItems, panelItems, onMenuItemsChanged} = props;
+    const {size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick} = props;
     const [innerVisiblePanel, setInnerVisiblePanel] = useState<InnerPanels | undefined>();
     const ALL_PAGES_MENU_ITEM = React.useMemo(() => {
         return getAllPagesMenuItem();
@@ -59,10 +59,11 @@ export const useAsideHeaderInnerContextValue = (
                       {
                           ...ALL_PAGES_MENU_ITEM,
                           current: innerVisiblePanel === InnerPanels.AllPages,
+                          onItemClick: onAllPagesClick,
                       },
                   ]
                 : menuItems || EMPTY_MENU_ITEMS,
-        [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM],
+        [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick],
     );
 
     const innerPanelItems = useMemo(() => {