@gravity-ui/navigation 3.10.0 → 5.0.0-beta.0

package/build/cjs/components/AsideHeader/AsideHeaderContext.d.ts

@@ -1,17 +1,28 @@
 import React from 'react';
-import { MenuItem } from '../types';
-import { AsideHeaderInnerProps } from './types';
+import { MenuGroup } from '../types';
+import { AsideHeaderInnerProps, AsideHeaderItem } from './types';
 export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
-    menuItems: MenuItem[];
-    defaultMenuItems?: MenuItem[];
+    menuItems: AsideHeaderItem[];
+    menuGroups?: MenuGroup[];
+    defaultMenuItems?: AsideHeaderItem[];
+    defaultMenuGroups?: MenuGroup[];
+    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;
+    onToggleGroupCollapsed?: (groupId: string) => void;
     allPagesIsAvailable: boolean;
-    onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onItemClick: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    isExpanded: boolean;
 }
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;
 export declare const useAsideHeaderInnerContext: () => AsideHeaderInnerContextType;
 export interface AsideHeaderContextType {
     compact: boolean;
     size: number;
+    isExpanded: boolean;
+    onChangeCompact?: (compact: boolean) => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
 }
 export declare const AsideHeaderContextProvider: React.Provider<AsideHeaderContextType | undefined>;
 export declare const useAsideHeaderContext: () => AsideHeaderContextType;

package/build/cjs/components/AsideHeader/__stories__/AsideHeader.stories.d.ts

@@ -19,3 +19,5 @@ export declare const Fallback: import("@storybook/csf").AnnotatedStoryFn<import(
 /** @type {StoryFn} */
 export declare function LineClamp(): React.JSX.Element;
 export declare const CollapseButtonWrapper: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const GroupedMenuCollapsible: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

package/build/cjs/components/AsideHeader/__stories__/moc.d.ts

@@ -10,4 +10,8 @@ export declare const DEFAULT_LOGO: {
     onClick: () => void;
     'aria-label': string;
 };
-export declare const menuItemsClamped: import("../..").MenuItem[];
+export declare const menuItemsClamped: import("../types").AsideHeaderItem[];
+export declare const generateManyMenuItems: (count?: number) => AsideHeaderProps["menuItems"];
+export declare const menuItemsMany: import("../types").AsideHeaderItem[] | undefined;
+export declare const menuItemsWithGroups: AsideHeaderProps['menuItems'];
+export declare const menuGroupsWithIcons: AsideHeaderProps['menuGroups'];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesGroupHeader.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import './AllPagesGroupHeader.scss';
+interface AllPagesGroupHeaderProps {
+    id: string;
+    title: string | ReactNode;
+    hidden: boolean;
+    isDisabled: boolean;
+    icon?: SVGIconData;
+    editMode?: boolean;
+    onToggleHidden?: (groupId: string) => void;
+}
+export declare const AllPagesGroupHeader: React.FC<AllPagesGroupHeaderProps>;
+export {};

package/build/cjs/components/{AllPagesPanel → AsideHeader/components/AllPagesPanel}/AllPagesListItem/AllPagesListItem.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import { MenuItem } from '../../types';
+import { AsideHeaderItem } from 'src/components/AsideHeader/types';
 import './AllPagesListItem.scss';
 interface AllPagesListItemProps {
-    item: MenuItem;
+    item: AsideHeaderItem;
     editMode?: boolean;
     enableSorting?: boolean;
     onToggle: () => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
 }
 export declare const AllPagesListItem: React.FC<AllPagesListItemProps>;
 export {};

package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.d.ts

@@ -0,0 +1,4 @@
+import { AsideHeaderItem } from '../../types';
+export declare const ALL_PAGES_ID: "all-pages";
+export declare const UNGROUPED_ID: "ungrouped";
+export declare function getAllPagesMenuItem(): AsideHeaderItem;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/index.d.ts

@@ -0,0 +1,14 @@
+declare const _default: ((key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string;
+    };
+    keysetData: {
+        "gn-AllPagesPanel": Record<"menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.d.ts

@@ -0,0 +1,3 @@
+import { MenuGroup, MenuItem } from '../../../types';
+import { MenuItemsWithGroups } from '../../types';
+export declare const useGroupedMenuItems: (menuItems: MenuItem[], menuGroups?: MenuGroup[], isEditMode?: boolean) => MenuItemsWithGroups[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.d.ts

@@ -0,0 +1,2 @@
+import { AsideHeaderItem } from '../../types';
+export declare const useVisibleMenuItems: () => AsideHeaderItem[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.d.ts

@@ -0,0 +1,3 @@
+import { MenuItem } from '../../../../types';
+import { MenuItemsWithGroups } from '../../../types';
+export declare function buildExpandedFromFlatList(flatList: MenuItemsWithGroups[]): MenuItem[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemsWithGroups } from '../../../types';
+export declare function getRealIndexInGroup(groupIndex: number, itemIndexInGroup: number, flatList: MenuItemsWithGroups[]): number;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemsWithGroups } from '../../../types';
+export declare function sortMenuItems(oldIndex: number, newIndex: number, items: MenuItemsWithGroups[]): import("../../../..").MenuItem[];

package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.d.ts

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+import { AsideHeaderItem, MenuItemsWithGroups } from '../../types';
+import './CompositeBar.scss';
+export type CompositeBarProps = {
+    type: 'menu' | 'subheader';
+    items?: MenuItemsWithGroups[];
+    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    multipleTooltip?: boolean;
+    menuMoreTitle?: string;
+    onMoreClick?: () => void;
+    compact: boolean;
+    compositeId?: string;
+    className?: string;
+    onToggleGroupCollapsed?: (groupId: string) => void;
+};
+type CompositeBarViewProps = CompositeBarProps & {
+    compositeId?: string;
+    items?: MenuItemsWithGroups[];
+    collapsedIds?: Record<string, boolean>;
+    enableSorting?: boolean;
+    onToggleGroupCollapsed?: (groupId: string) => void;
+    onFirstLevelSortEnd?: (params: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
+    onSecondLevelSortEnd?: (groupId: string) => (params: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
+};
+export declare const CompositeBarView: FC<CompositeBarViewProps>;
+export declare const CompositeBar: FC<CompositeBarProps>;
+export {};

package/build/cjs/components/AsideHeader/components/CompositeBar/Item/Item.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { AsideHeaderItem } from 'src/components/AsideHeader/types';
+import './Item.scss';
+export interface ItemProps extends AsideHeaderItem {
+}
+interface ItemInnerProps extends ItemProps {
+    compact?: boolean;
+    className?: string;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare const Item: React.FC<ItemInnerProps>;
+export {};

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

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

package/build/cjs/components/AsideHeader/components/CompositeBar/index.d.ts

@@ -0,0 +1,2 @@
+export { CompositeBar } from './CompositeBar';
+export type { CompositeBarProps } from './CompositeBar';

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

@@ -0,0 +1,4 @@
+import { AsideHeaderItem, MenuItemsWithGroups } from '../../types';
+export declare function getItemHeight(compositeItem: MenuItemsWithGroups): number;
+export declare function getItemsHeight<T extends AsideHeaderItem>(items: T[]): number;
+export declare function getSelectedItemIndex(compositeItems: AsideHeaderItem[]): number | undefined;

package/build/cjs/components/AsideHeader/components/FooterItem/FooterItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AsideHeaderItem } from '../../types';
+import './FooterItem.scss';
+export interface FooterItemProps extends AsideHeaderItem {
+}
+export declare function FooterItem(props: FooterItemProps): React.JSX.Element;

package/build/cjs/components/AsideHeader/components/PageLayout/PageLayout.d.ts

@@ -3,8 +3,9 @@ import { ContentProps } from '../../../Content';
 import { LayoutProps } from '../../types';
 import '../../AsideHeader.scss';
 export interface PageLayoutProps extends PropsWithChildren<LayoutProps> {
+    onChangeCompact?: (compact: boolean) => void;
 }
-declare const PageLayout: (({ compact, className, children, topAlert }: PageLayoutProps) => React.JSX.Element) & {
+declare const PageLayout: (({ compact, className, children, topAlert, onChangeCompact }: PageLayoutProps) => React.JSX.Element) & {
     Content: React.FC<React.PropsWithChildren<Pick<ContentProps, "renderContent">>>;
 };
 export { PageLayout };

package/build/cjs/components/AsideHeader/components/Panels.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Panels: () => React.JSX.Element | null;
+export declare const Panels: React.FC;

package/build/cjs/components/AsideHeader/hooks/useDelayedToggle.d.ts

@@ -0,0 +1,6 @@
+interface ToggleDelayConfig {
+    enableDelay: number;
+    disableDelay: number;
+}
+export declare function useDelayedToggle(currentValue: boolean, config?: ToggleDelayConfig, maybeShouldThrottleFn?: (value: boolean, previousValue: boolean) => boolean): boolean;
+export {};

package/build/cjs/components/AsideHeader/hooks/useIsExpanded.d.ts

@@ -0,0 +1,6 @@
+export interface UseIsExpandedResult {
+    isExpanded: boolean;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+}
+export declare const useIsExpanded: (externalCompact: boolean) => UseIsExpandedResult;

package/build/cjs/components/AsideHeader/i18n/index.d.ts

@@ -1,4 +1,12 @@
 declare const _default: ((key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "gn-AsideHeader": Record<"button_collapse" | "button_expand" | "label_more", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/AsideHeader/index.d.ts

@@ -0,0 +1,7 @@
+export { AsideHeader } from './AsideHeader';
+export type { AsideHeaderProps } from './types';
+export { AsideHeaderContextProvider, useAsideHeaderContext } from './AsideHeaderContext';
+export { FooterItem, type FooterItemProps } from './components/FooterItem/FooterItem';
+export { PageLayout, type PageLayoutProps } from './components/PageLayout/PageLayout';
+export { PageLayoutAside } from './components/PageLayout/PageLayoutAside';
+export { AsideFallback } from './components/PageLayout/AsideFallback';

package/build/cjs/components/AsideHeader/types.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { QAProps } from '@gravity-ui/uikit';
+import { PopupProps, QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
 import { DrawerItemProps } from '../Drawer/Drawer';
-import { LogoProps, MenuItem, OpenModalSubscriber, SubheaderMenuItem, TopAlertProps } from '../types';
+import { LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps } from '../types';
 import { AsideHeaderContextType } from './AsideHeaderContext';
 export interface LayoutProps {
     compact: boolean;
@@ -11,10 +11,10 @@ export interface LayoutProps {
 }
 interface EditMenuProps {
     onOpenEditMode?: () => void;
-    onToggleMenuItem?: (changedItem: MenuItem) => void;
+    onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;
     onResetSettingsToDefault?: () => void;
     enableSorting?: boolean;
-    onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;
+    onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;
 }
 interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
@@ -46,10 +46,13 @@ interface AsideHeaderGeneralProps extends QAProps {
 }
 interface AsideHeaderDefaultProps {
     panelItems?: DrawerItemProps[];
-    subheaderItems?: SubheaderMenuItem[];
-    menuItems?: MenuItem[];
-    defaultMenuItems?: MenuItem[];
-    onMenuItemsChanged?: (items: MenuItem[]) => void;
+    subheaderItems?: AsideHeaderItem[];
+    menuItems?: AsideHeaderItem[];
+    defaultMenuItems?: AsideHeaderItem[];
+    menuGroups?: MenuGroup[];
+    defaultMenuGroups?: MenuGroup[];
+    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;
+    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;
     headerDecoration?: boolean;
 }
 export type AsideHeaderInnerProps = AsideHeaderGeneralProps & AsideHeaderDefaultProps & AsideHeaderContextType;
@@ -58,4 +61,53 @@ export interface AsideHeaderProps extends AsideHeaderGeneralProps, LayoutProps,
 export declare enum InnerPanels {
     AllPages = "all-pages"
 }
+export interface AsideHeaderItem extends MenuItem {
+    enableTooltip?: boolean;
+    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    bringForward?: boolean;
+    compact?: boolean;
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupVisible?: PopupProps['open'];
+    /**
+     * Floating element anchor ref object
+     *
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupRef?: React.RefObject<HTMLElement>;
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupPlacement?: PopupProps['placement'];
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupOffset?: PopupProps['offset'];
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupKeepMounted?: PopupProps['keepMounted'];
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    renderPopupContent?: () => React.ReactNode;
+    /**
+     * This callback will be called when Escape key pressed on keyboard, or click outside was made
+     * This behaviour could be disabled with `disableEscapeKeyDown`
+     * and `disableOutsideClick` options
+     *
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    onOpenChangePopup?: PopupProps['onOpenChange'];
+}
+export interface GroupedMenuItem extends MenuItem {
+    groupId: string;
+    collapsible: boolean;
+    isCollapsed: boolean;
+    isDisabled: boolean;
+    collapsedByDefault?: boolean;
+    items: MenuItemsWithGroups[];
+}
+export type MenuItemsWithGroups = MenuItem | GroupedMenuItem;
 export {};

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.d.ts

@@ -2,4 +2,8 @@ import { AsideHeaderInnerContextType } from './AsideHeaderContext';
 import { AsideHeaderProps } from './types';
 export declare const useAsideHeaderInnerContextValue: (props: AsideHeaderProps & {
     size: number;
+    compact: boolean;
+    isExpanded: boolean;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
 }) => AsideHeaderInnerContextType;

package/build/cjs/components/AsideHeader/utils/getGroupHeight.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemsWithGroups } from '../types';
+export declare function getGroupBlockHeight(items: MenuItemsWithGroups[]): number;

package/build/cjs/components/MobileHeader/i18n/index.d.ts

@@ -1,4 +1,12 @@
 declare const _default: ((key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "gn-MobileHeader": Record<"burger_button_close" | "burger_button_open" | "overlap_button_close", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/MobileHeader/types.d.ts

@@ -10,9 +10,10 @@ export interface ModalItem {
     onClose?: () => void;
 }
 type MobileMenuItemType = 'regular' | 'divider';
-export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'pinned' | 'rightAdornment' | 'afterMoreButton' | 'itemWrapper' | 'onItemClick'> {
+export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'pinned' | 'rightAdornment' | 'itemWrapper' | 'onItemClick' | 'href'> {
     type?: MobileMenuItemType;
     closeMenuOnClick?: boolean;
+    link?: string;
     onItemClick?: (item: MobileMenuItem) => void;
     itemWrapper?: (node: React.ReactNode, item: MobileMenuItem) => React.ReactNode;
 }

package/build/cjs/components/Settings/i18n/index.d.ts

@@ -1,4 +1,12 @@
 declare const _default: ((key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "gn-Settings": Record<"label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/Title/i18n/index.d.ts

@@ -1,4 +1,12 @@
 declare const _default: ((key: "button_close", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "button_close", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "button_close", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "gn-Title": Record<"button_close", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/constants.d.ts

@@ -1,5 +1,5 @@
-export declare const ASIDE_HEADER_ICON_SIZE = 18;
+export declare const ASIDE_HEADER_ICON_SIZE = 16;
 export declare const ASIDE_HEADER_COMPACT_WIDTH = 56;
 export declare const ASIDE_HEADER_EXPANDED_WIDTH = 236;
-export declare const ITEM_HEIGHT = 40;
+export declare const ITEM_HEIGHT = 36;
 export declare const HEADER_DIVIDER_HEIGHT = 29;

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

@@ -1,10 +1,4 @@
-export { AsideHeader } from './AsideHeader/AsideHeader';
-export type { AsideHeaderProps } from './AsideHeader/types';
-export { AsideHeaderContextProvider, useAsideHeaderContext } from './AsideHeader/AsideHeaderContext';
-export { FooterItem, type FooterItemProps } from './FooterItem/FooterItem';
-export { PageLayout, type PageLayoutProps } from './AsideHeader/components/PageLayout/PageLayout';
-export { PageLayoutAside } from './AsideHeader/components/PageLayout/PageLayoutAside';
-export { AsideFallback } from './AsideHeader/components/PageLayout/AsideFallback';
+export * from './AsideHeader';
 export * from './Drawer';
 export * from './ActionBar';
 export * from './Title';

package/build/cjs/components/types.d.ts

@@ -1,6 +1,5 @@
 import React, { HTMLAttributeAnchorTarget } from 'react';
 import { AlertProps, IconProps, QAProps } from '@gravity-ui/uikit';
-import { ItemProps } from './CompositeBar/Item/Item';
 export type MenuItemType = 'regular' | 'action' | 'divider';
 export type OpenModalSubscriber = (open: boolean) => void;
 export interface MakeItemParams {
@@ -14,12 +13,11 @@ export interface MenuItem extends QAProps {
     icon?: IconProps['data'];
     iconSize?: number | string;
     iconQa?: string;
-    link?: string;
+    href?: string;
     current?: boolean;
     pinned?: boolean;
     onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onItemClickCapture?: (event: React.SyntheticEvent) => void;
-    onCollapseItemClick?: () => void;
     itemWrapper?: (p: MakeItemParams, makeItem: (p: MakeItemParams) => React.ReactNode, opts: {
         collapsed: boolean;
         compact: boolean;
@@ -29,11 +27,6 @@ export interface MenuItem extends QAProps {
     preventUserRemoving?: boolean;
     rightAdornment?: React.ReactNode;
     type?: MenuItemType;
-    afterMoreButton?: boolean;
-    /**
-     * Order number. Used to determine the display order in the side menu
-     */
-    order?: number;
     /**
      * Visibility flag in the side menu
      */
@@ -42,9 +35,24 @@ export interface MenuItem extends QAProps {
      * The category to which the menu item belongs. Need for grouping in the display/editing mode of all pages
      */
     category?: string;
-    className?: string;
+    /**
+     * The group ID to which the menu item belongs. Used for grouping menu items
+     */
+    groupId?: string;
+}
+export interface MenuGroup {
+    id: string;
+    title: string;
+    icon?: IconProps['data'];
+    /** Hide the group from display */
+    hidden?: boolean;
+    /** Allow collapsing the group via UI */
+    collapsible?: boolean;
+    /** Initial collapsed state when collapsible is true */
+    collapsedByDefault?: boolean;
+    /** Current collapsed state */
+    collapsed: boolean;
 }
-export type SubheaderMenuItem = Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'>;
 export interface LogoProps {
     text: (() => React.ReactNode) | string;
     className?: string;

package/build/cjs/{index-ByqQO5fB.js → index-B9p8boXH.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
-var index = require('./index-D9NSuTiN.js');
+var index = require('./index-BF-1v7O1.js');
 require('@bem-react/classname');
 require('@gravity-ui/icons');
 require('@gravity-ui/uikit/i18n');
@@ -73,4 +73,4 @@ const TopAlert = ({ alert, className, mobileView = false }) => {
 };
 
 exports.TopAlert = TopAlert;
-//# sourceMappingURL=index-ByqQO5fB.js.map
+//# sourceMappingURL=index-B9p8boXH.js.map

package/build/cjs/{index-ByqQO5fB.js.map → index-B9p8boXH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-ByqQO5fB.js","sources":["../../../src/components/TopAlert/useTopAlertHeight.ts","../../../src/components/TopAlert/TopAlert.tsx"],"sourcesContent":["import React from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nimport {TopAlertProps} from '../types';\n\ntype TopAlertHeightControls = {\n    alertRef: React.RefObject<HTMLDivElement>;\n    updateTopSize: () => void;\n};\n\nconst G_ROOT_CLASS_NAME = 'g-root';\n\nexport const useTopAlertHeight = ({alert}: {alert?: TopAlertProps}): TopAlertHeightControls => {\n    const alertRef = React.useRef<HTMLDivElement>(null);\n\n    const setAsideTopPanelHeight = React.useCallback((clientHeight: number) => {\n        const gRootElement = document\n            .getElementsByClassName(G_ROOT_CLASS_NAME)\n            .item(0) as HTMLElement | null;\n        gRootElement?.style.setProperty('--gn-top-alert-height', clientHeight + 'px');\n    }, []);\n\n    const updateTopSize = React.useCallback(() => {\n        setAsideTopPanelHeight(alertRef.current?.clientHeight || 0);\n    }, [setAsideTopPanelHeight]);\n\n    React.useLayoutEffect(() => {\n        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, {leading: true});\n\n        if (alert) {\n            window.addEventListener('resize', updateTopSizeDebounce);\n            updateTopSizeDebounce();\n        }\n        return () => {\n            window.removeEventListener('resize', updateTopSizeDebounce);\n            setAsideTopPanelHeight(0);\n        };\n    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);\n\n    return {\n        alertRef,\n        updateTopSize,\n    };\n};\n","import React from 'react';\n\nimport {Alert, Text} from '@gravity-ui/uikit';\n\nimport {TopAlertProps} from '../types';\nimport {block} from '../utils/cn';\n\nimport {useTopAlertHeight} from './useTopAlertHeight';\n\nimport './TopAlert.scss';\n\nconst b = block('top-alert');\n\ntype Props = {\n    alert?: TopAlertProps;\n    className?: string;\n    mobileView?: boolean;\n};\n\nexport const TopAlert = ({alert, className, mobileView = false}: Props) => {\n    const {alertRef, updateTopSize} = useTopAlertHeight({alert});\n\n    const [opened, setOpened] = React.useState(true);\n\n    const handleClose = React.useCallback(() => {\n        setOpened(false);\n\n        if (alert && 'onCloseTopAlert' in alert) {\n            alert.onCloseTopAlert?.();\n        }\n    }, [alert]);\n\n    React.useEffect(() => {\n        if (!opened) {\n            updateTopSize();\n        }\n    }, [opened, updateTopSize]);\n\n    if (!alert) {\n        return null;\n    }\n\n    const {render} = alert;\n\n    if (typeof render === 'function') {\n        return (\n            <div\n                ref={alertRef}\n                className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n            >\n                {opened && render({handleClose})}\n            </div>\n        );\n    }\n\n    return (\n        <div\n            ref={alertRef}\n            className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n        >\n            {opened && (\n                <Alert\n                    className={b('', {\n                        centered: alert.centered,\n                        dense: alert.dense,\n                    })}\n                    corners=\"square\"\n                    layout=\"horizontal\"\n                    align={alert.align}\n                    theme={alert.theme || 'warning'}\n                    view={alert.view}\n                    icon={alert.icon}\n                    title={alert.title}\n                    message={\n                        mobileView ? (\n                            <Text ellipsisLines={5} variant=\"body-2\">\n                                {alert.message}\n                            </Text>\n                        ) : (\n                            alert.message\n                        )\n                    }\n                    actions={alert.actions}\n                    onClose={alert.closable ? handleClose : undefined}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["debounceFn","block","Alert","Text"],"mappings":"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"}
+{"version":3,"file":"index-B9p8boXH.js","sources":["../../../src/components/TopAlert/useTopAlertHeight.ts","../../../src/components/TopAlert/TopAlert.tsx"],"sourcesContent":["import React from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nimport {TopAlertProps} from '../types';\n\ntype TopAlertHeightControls = {\n    alertRef: React.RefObject<HTMLDivElement>;\n    updateTopSize: () => void;\n};\n\nconst G_ROOT_CLASS_NAME = 'g-root';\n\nexport const useTopAlertHeight = ({alert}: {alert?: TopAlertProps}): TopAlertHeightControls => {\n    const alertRef = React.useRef<HTMLDivElement>(null);\n\n    const setAsideTopPanelHeight = React.useCallback((clientHeight: number) => {\n        const gRootElement = document\n            .getElementsByClassName(G_ROOT_CLASS_NAME)\n            .item(0) as HTMLElement | null;\n        gRootElement?.style.setProperty('--gn-top-alert-height', clientHeight + 'px');\n    }, []);\n\n    const updateTopSize = React.useCallback(() => {\n        setAsideTopPanelHeight(alertRef.current?.clientHeight || 0);\n    }, [setAsideTopPanelHeight]);\n\n    React.useLayoutEffect(() => {\n        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, {leading: true});\n\n        if (alert) {\n            window.addEventListener('resize', updateTopSizeDebounce);\n            updateTopSizeDebounce();\n        }\n        return () => {\n            window.removeEventListener('resize', updateTopSizeDebounce);\n            setAsideTopPanelHeight(0);\n        };\n    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);\n\n    return {\n        alertRef,\n        updateTopSize,\n    };\n};\n","import React from 'react';\n\nimport {Alert, Text} from '@gravity-ui/uikit';\n\nimport {TopAlertProps} from '../types';\nimport {block} from '../utils/cn';\n\nimport {useTopAlertHeight} from './useTopAlertHeight';\n\nimport './TopAlert.scss';\n\nconst b = block('top-alert');\n\ntype Props = {\n    alert?: TopAlertProps;\n    className?: string;\n    mobileView?: boolean;\n};\n\nexport const TopAlert = ({alert, className, mobileView = false}: Props) => {\n    const {alertRef, updateTopSize} = useTopAlertHeight({alert});\n\n    const [opened, setOpened] = React.useState(true);\n\n    const handleClose = React.useCallback(() => {\n        setOpened(false);\n\n        if (alert && 'onCloseTopAlert' in alert) {\n            alert.onCloseTopAlert?.();\n        }\n    }, [alert]);\n\n    React.useEffect(() => {\n        if (!opened) {\n            updateTopSize();\n        }\n    }, [opened, updateTopSize]);\n\n    if (!alert) {\n        return null;\n    }\n\n    const {render} = alert;\n\n    if (typeof render === 'function') {\n        return (\n            <div\n                ref={alertRef}\n                className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n            >\n                {opened && render({handleClose})}\n            </div>\n        );\n    }\n\n    return (\n        <div\n            ref={alertRef}\n            className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n        >\n            {opened && (\n                <Alert\n                    className={b('', {\n                        centered: alert.centered,\n                        dense: alert.dense,\n                    })}\n                    corners=\"square\"\n                    layout=\"horizontal\"\n                    align={alert.align}\n                    theme={alert.theme || 'warning'}\n                    view={alert.view}\n                    icon={alert.icon}\n                    title={alert.title}\n                    message={\n                        mobileView ? (\n                            <Text ellipsisLines={5} variant=\"body-2\">\n                                {alert.message}\n                            </Text>\n                        ) : (\n                            alert.message\n                        )\n                    }\n                    actions={alert.actions}\n                    onClose={alert.closable ? handleClose : undefined}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["debounceFn","block","Alert","Text"],"mappings":";;;;;;;;;;;;AAWA,MAAM,iBAAiB,GAAG,QAAQ;AAE3B,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAA0B,KAA4B;IAC1F,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;IAEnD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,YAAoB,KAAI;QACtE,MAAM,YAAY,GAAG;aAChB,sBAAsB,CAAC,iBAAiB;aACxC,IAAI,CAAC,CAAC,CAAuB;AAClC,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,YAAY,GAAG,IAAI,CAAC;KAChF,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;;QACzC,sBAAsB,CAAC,CAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC,CAAC;AAC/D,KAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAE5B,IAAA,KAAK,CAAC,eAAe,CAAC,MAAK;AACvB,QAAA,MAAM,qBAAqB,GAAGA,gBAAU,CAAC,aAAa,EAAE,GAAG,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;QAE7E,IAAI,KAAK,EAAE;AACP,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC;AACxD,YAAA,qBAAqB,EAAE;;AAE3B,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC;YAC3D,sBAAsB,CAAC,CAAC,CAAC;AAC7B,SAAC;KACJ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,sBAAsB,CAAC,CAAC;IAE5D,OAAO;QACH,QAAQ;QACR,aAAa;KAChB;AACL,CAAC;;;;;ACjCD,MAAM,CAAC,GAAGC,WAAK,CAAC,WAAW,CAAC;AAQrB,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAQ,KAAI;AACtE,IAAA,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAC,GAAG,iBAAiB,CAAC,EAAC,KAAK,EAAC,CAAC;AAE5D,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;AAEhD,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;;QACvC,SAAS,CAAC,KAAK,CAAC;AAEhB,QAAA,IAAI,KAAK,IAAI,iBAAiB,IAAI,KAAK,EAAE;AACrC,YAAA,CAAA,EAAA,GAAA,KAAK,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAI;;AAEjC,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;QACjB,IAAI,CAAC,MAAM,EAAE;AACT,YAAA,aAAa,EAAE;;AAEvB,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAE3B,IAAI,CAAC,KAAK,EAAE;AACR,QAAA,OAAO,IAAI;;AAGf,IAAA,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK;AAEtB,IAAA,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;AAC9B,QAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,oBAAoB,EAAE,CAAC,UAAU,IAAI,MAAM,EAAC,EAAE,SAAS,CAAC,IAEhF,MAAM,IAAI,MAAM,CAAC,EAAC,WAAW,EAAC,CAAC,CAC9B;;AAId,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,oBAAoB,EAAE,CAAC,UAAU,IAAI,MAAM,EAAC,EAAE,SAAS,CAAC,EAAA,EAEhF,MAAM,KACH,KAAC,CAAA,aAAA,CAAAC,WAAK,IACF,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,KAAK,CAAC,KAAK;SACrB,CAAC,EACF,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EACH,UAAU,IACN,oBAACC,UAAI,EAAA,EAAC,aAAa,EAAE,CAAC,EAAE,OAAO,EAAC,QAAQ,EACnC,EAAA,KAAK,CAAC,OAAO,CACX,KAEP,KAAK,CAAC,OAAO,CAChB,EAEL,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAG,WAAW,GAAG,SAAS,EACnD,CAAA,CACL,CACC;AAEd;;;;"}