@gravity-ui/navigation 3.7.4 → 3.7.5

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

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

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

@@ -7,13 +7,11 @@ export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     allPagesIsAvailable: boolean;
     onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
-export declare const AsideHeaderInnerContext: React.Context<AsideHeaderInnerContextType | undefined>;
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;
 export declare const useAsideHeaderInnerContext: () => AsideHeaderInnerContextType;
 export interface AsideHeaderContextType {
     compact: boolean;
     size: number;
 }
-export declare const AsideHeaderContext: React.Context<AsideHeaderContextType | undefined>;
 export declare const AsideHeaderContextProvider: React.Provider<AsideHeaderContextType | undefined>;
 export declare const useAsideHeaderContext: () => AsideHeaderContextType;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import './CollapseButton.scss';
-export interface CollapseButtonProps {
+interface CollapseButtonProps {
     className?: string;
 }
 export declare const CollapseButton: ({ className }: CollapseButtonProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+export {};

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { QAProps } from '@gravity-ui/uikit';
-export interface Props extends QAProps {
+interface Props extends QAProps {
     headerDecoration?: boolean;
     subheaderItemsCount?: number;
 }
 export declare const AsideFallback: React.FC<Props>;
+export {};

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

@@ -8,14 +8,14 @@ export interface LayoutProps {
     className?: string;
     topAlert?: TopAlertProps;
 }
-export interface EditMenuProps {
+interface EditMenuProps {
     onOpenEditMode?: () => void;
     onToggleMenuItem?: (changedItem: MenuItem) => void;
     onResetSettingsToDefault?: () => void;
     enableSorting?: boolean;
     onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;
 }
-export interface AsideHeaderGeneralProps extends QAProps {
+interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
     multipleTooltip?: boolean;
     className?: string;
@@ -43,7 +43,7 @@ export interface AsideHeaderGeneralProps extends QAProps {
     onAllPagesClick?: () => void;
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
 }
-export interface AsideHeaderDefaultProps {
+interface AsideHeaderDefaultProps {
     panelItems?: DrawerItemProps[];
     subheaderItems?: SubheaderMenuItem[];
     menuItems?: MenuItem[];
@@ -57,3 +57,4 @@ export interface AsideHeaderProps extends AsideHeaderGeneralProps, LayoutProps,
 export declare enum InnerPanels {
     AllPages = "all-pages"
 }
+export {};

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

@@ -9,7 +9,7 @@ type CompositeBarItems = {
     type: 'subheader';
     items: SubheaderMenuItem[];
 };
-export type CompositeBarProps = CompositeBarItems & {
+type CompositeBarProps = CompositeBarItems & {
     onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     multipleTooltip?: boolean;
     menuMoreTitle?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopupPlacement, PopupProps } from '@gravity-ui/uikit';
+import { PopupProps } from '@gravity-ui/uikit';
 import { MenuItem } from '../../types';
 import './Item.scss';
 interface ItemPopup {
@@ -39,7 +39,5 @@ interface ItemInnerProps extends ItemProps {
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
 }
-export declare const defaultPopupPlacement: PopupPlacement;
-export declare const defaultPopupOffset: NonNullable<PopupProps['offset']>;
 export declare const Item: React.FC<ItemInnerProps>;
 export {};

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

@@ -2,7 +2,8 @@ import React from 'react';
 import { PopupProps } from '@gravity-ui/uikit';
 import { MenuItem } from '../../types';
 import './MultipleTooltip.scss';
-export type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
+type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
     items: MenuItem[];
 };
 export declare const MultipleTooltip: React.FC<MultipleTooltipProps>;
+export {};

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

@@ -1,3 +1,2 @@
-export type { MultipleTooltipProps } from './MultipleTooltip';
 export { MultipleTooltip } from './MultipleTooltip';
 export { MultipleTooltipContext, MultipleTooltipProvider } from './MultipleTooltipContext';

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

@@ -3,7 +3,6 @@ import { MenuItem } from './../types';
 export declare function getItemHeight(item: CompositeBarItem): 40 | 50 | 15;
 export declare function getItemsHeight<T extends CompositeBarItem>(items: T[]): number;
 export declare function getSelectedItemIndex(items: MenuItem[]): number | undefined;
-export declare function getPinnedItems(items: MenuItem[]): MenuItem[];
 export declare function getItemsMinHeight(items: MenuItem[]): number;
 export declare function getMoreButtonItem(menuMoreTitle?: string): MenuItem;
 export declare function getAutosizeListItems(items: MenuItem[], height: number, collapseItem: MenuItem): {

package/build/cjs/components/Drawer/utils.d.ts

@@ -1,22 +1,9 @@
 import * as React from 'react';
-export declare const DRAWER_ITEM_MIN_RESIZE_WIDTH = 200;
-export declare const DRAWER_ITEM_MAX_RESIZE_WIDTH = 800;
-export declare const DRAWER_ITEM_INITIAL_RESIZE_WIDTH = 400;
 export type DrawerDirection = 'right' | 'left' | 'top' | 'bottom';
 export type OnResizeHandler = (width: number, event: MouseEvent | TouchEvent) => void;
 export type OnResizeContinueHandler = (width: number) => void;
 export declare function useScrollLock(enabled: boolean): void;
-export interface UseResizeHandlersParams {
-    onStart: () => void;
-    onMove: (delta: number) => void;
-    onEnd: (delta: number, event: MouseEvent | TouchEvent) => void;
-    direction?: 'horizontal' | 'vertical';
-}
-export declare function useResizeHandlers({ onStart, onMove, onEnd, direction, }: UseResizeHandlersParams): {
-    onMouseDown: (e: React.MouseEvent | React.TouchEvent) => void;
-    onTouchStart: (e: React.MouseEvent | React.TouchEvent) => void;
-};
-export interface UseResizableDrawerItemParams {
+interface UseResizableDrawerItemParams {
     direction?: DrawerDirection;
     width?: number;
     minResizeWidth?: number;
@@ -33,3 +20,4 @@ export declare function useResizableDrawerItem(params: UseResizableDrawerItemPar
     };
     isResizing: boolean;
 };
+export {};

package/build/cjs/components/Footer/MenuItem/MenuItem.d.ts

@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import { FooterMenuItem } from '../types';
 import './MenuItem.scss';
-export type MenuItemProps = FooterMenuItem;
+type MenuItemProps = FooterMenuItem;
 export declare const MenuItem: FC<MenuItemProps>;
+export {};

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

@@ -9,7 +9,7 @@ export interface ModalItem {
     renderContent?: () => React.ReactNode;
     onClose?: () => void;
 }
-export type MobileMenuItemType = 'regular' | 'divider';
+type MobileMenuItemType = 'regular' | 'divider';
 export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'pinned' | 'rightAdornment' | 'afterMoreButton' | 'itemWrapper' | 'onItemClick'> {
     type?: MobileMenuItemType;
     closeMenuOnClick?: boolean;
@@ -25,3 +25,4 @@ export type ItemEventsConfig = {
 export type MobileHeaderEventOptions = {
     panelName?: string;
 };
+export {};

package/build/cjs/components/Settings/collect-settings.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
 import { SettingsSelection } from './Selection/types';
 export type SettingsMenu = (SettingsMenuGroup | SettingsMenuItem)[];
-export interface SettingsMenuGroup {
+interface SettingsMenuGroup {
     groupTitle: string;
     items: SettingsMenuItem[];
 }
@@ -47,3 +47,4 @@ export interface SettingsDescription {
 }
 export declare function getSettingsFromChildren(children: React.ReactNode, searchText?: string): SettingsDescription;
 export declare function getSelectedSettingsPart(pages: Record<string, SettingsPage>, selection: SettingsSelection): SelectedSettingsPart;
+export {};

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

@@ -2,7 +2,7 @@ import type React from 'react';
 import type { IconProps } from '@gravity-ui/uikit';
 import type { SettingsSelection } from './Selection';
 import type { SettingsPageSection } from './collect-settings';
-export interface GroupItem {
+interface GroupItem {
     groupTitle: string;
     items: Item[];
 }

package/build/cjs/components/utils/cn.d.ts

@@ -1,5 +1,3 @@
-export type CnMods = Record<string, string | boolean | undefined>;
 export declare const NAMESPACE = "gn-";
 export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
 export declare const block: import("@bem-react/classname").ClassNameInitilizer;
-export type CnBlock = ReturnType<typeof cn>;

package/build/cjs/hooks/useOverflowingHorizontalListItems/index.d.ts

@@ -1 +1 @@
-export * from './useOverflowingHorizontalListItems';
+export { useOverflowingHorizontalListItems } from './useOverflowingHorizontalListItems';

package/build/cjs/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from 'react';
-export type UseOverflowingContainerListItemsProps<ItemType extends unknown> = {
+type UseOverflowingContainerListItemsProps<ItemType extends unknown> = {
     containerRef: RefObject<HTMLElement>;
     items?: ItemType[];
     itemSelector: string;
@@ -10,3 +10,4 @@ export declare function useOverflowingHorizontalListItems<ItemType>({ containerR
     hiddenItems: ItemType[];
     measured: boolean;
 };
+export {};

package/build/cjs/{index-6IkDuB63.js → index-CLbIRuop.js}

@@ -141,7 +141,7 @@ function styleInject(css, ref) {
 var css_248z$u = ".g-root{--gn-aside-top-panel-height:0px}.gn-aside-header{--gn-aside-header-min-width:56px;--_--item-icon-background-size:38px;--_--background-color:var(--g-color-base-background);--_--decoration-collapsed-background-color:var(--g-color-base-warning-light);--_--decoration-expanded-background-color:var(--g-color-base-warning-light);--_--vertical-divider-line-color:var(--g-color-line-generic);--_--horizontal-divider-line-color:var(--g-color-line-generic);background-color:var(--g-color-base-background);height:100%;position:relative;width:100%}.gn-aside-header__aside{background-color:var(--gn-aside-header-expanded-background-color,var(--gn-aside-header-background-color,var(--_--background-color)));box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin-top:var(--gn-top-alert-height,0);max-height:calc(100vh - var(--gn-top-alert-height, 0));position:sticky;top:var(--gn-top-alert-height,0);width:inherit;z-index:var(--gn-aside-header-z-index,100)}.gn-aside-header__aside:after{background-color:var(--gn-aside-header-divider-vertical-color,var(--_--vertical-divider-line-color));content:\"\";height:100%;position:absolute;right:0;top:0;width:1px;z-index:2}.gn-aside-header__aside-popup-anchor{inset:0;position:absolute;z-index:1}.gn-aside-header__aside-content{--gradient-height:334px;display:flex;flex-direction:column;height:inherit;overflow-x:hidden;padding-top:var(--gn-aside-header-padding-top);position:relative;user-select:none;width:inherit;z-index:2}.gn-aside-header__aside-content>.gn-aside-header-logo{margin:8px 0}.gn-aside-header__aside-content_with-decoration{background:linear-gradient(180deg,var(--gn-aside-header-decoration-expanded-background-color,var(--_--decoration-expanded-background-color)) calc(var(--gradient-height)*.33),transparent calc(var(--gradient-height)*.88))}.gn-aside-header__aside-custom-background{bottom:0;display:flex;position:absolute;top:0;width:var(--gn-aside-header-size);z-index:-1}.gn-aside-header_compact .gn-aside-header__aside{background-color:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--_--background-color)))}.gn-aside-header_compact .gn-aside-header__aside-content{background:transparent}.gn-aside-header__header{--gn-aside-header-header-divider-height:29px;box-sizing:border-box;flex:none;padding-bottom:22px;padding-top:8px;position:relative;width:100%;z-index:1}.gn-aside-header__header .gn-aside-header__header-divider{bottom:0;color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));display:none;left:0;position:absolute;z-index:-2}.gn-aside-header__header_with-decoration:before{background-color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));content:\"\";display:none;height:calc(100% - var(--gn-aside-header-header-divider-height));left:0;position:absolute;top:0;width:100%;z-index:-2}.gn-aside-header__header:after{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));bottom:12px;content:\"\";height:1px;left:0;position:absolute;width:100%;z-index:-2}.gn-aside-header_compact .gn-aside-header__header:before,.gn-aside-header_compact .gn-aside-header__header_with-decoration .gn-aside-header__header-divider{display:block}.gn-aside-header_compact .gn-aside-header__header_with-decoration:after{display:none}.gn-aside-header__logo-button .gn-aside-header__logo-icon-place{height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));width:var(--gn-aside-header-min-width)}.gn-aside-header__menu-items{flex-grow:1}.gn-aside-header__footer{display:flex;flex-direction:column;flex-shrink:0;margin:8px 0;width:100%}.gn-aside-header__panels{--gn-drawer-z-index:var(--gn-aside-header-panel-z-index,98);display:flex;flex-direction:column;inset:var(--gn-top-alert-height,0) 0 0;max-height:calc(100vh - var(--gn-top-alert-height, 0));overflow:auto;position:fixed}.gn-aside-header__panel{flex-grow:1;height:auto}.gn-aside-header__pane-container{display:flex;flex-direction:row;outline:none;overflow:visible;user-select:text}.gn-aside-header__top-alert{background:var(--g-color-base-background);position:fixed;top:0;width:100%;z-index:var(--gn-aside-header-pane-top-z-index,98)}.gn-aside-header__content{margin-top:var(--gn-top-alert-height,0);width:calc(100% - var(--gn-aside-header-size));z-index:var(--gn-aside-header-content-z-index,95)}";
 styleInject(css_248z$u);
 
-const TopAlert$1 = React.lazy(() => Promise.resolve().then(function () { return require('./index-Dbssunyq.js'); }).then((module) => ({ default: module.TopAlert })));
+const TopAlert$1 = React.lazy(() => Promise.resolve().then(function () { return require('./index-tQGJrJNG.js'); }).then((module) => ({ default: module.TopAlert })));
 const Layout = ({ compact, className, children, topAlert }) => {
     const size = compact ? ASIDE_HEADER_COMPACT_WIDTH : ASIDE_HEADER_EXPANDED_WIDTH;
     const asideHeaderContextValue = React.useMemo(() => ({ size, compact }), [compact, size]);
@@ -5700,10 +5700,10 @@ const OverlapPanel = ({ title, renderContent, className, onClose, action, closeT
             React.createElement("div", { className: b$5('content') }, renderContent()))));
 };
 
-var css_248z$4 = ".gn-mobile-header{--mobile-header-min-heigth:50px;--mobile-header-icon-size:20px;background-color:var(--g-color-base-background)}.gn-mobile-header__header-container{background-color:var(--g-color-base-background);position:sticky;top:0;z-index:var(--gn-mobile-header-z-index,100)}.gn-mobile-header__header{align-items:center;border-bottom:1px solid var(--g-color-line-generic);box-sizing:border-box;display:flex;justify-content:space-between;padding:0 10px}.gn-mobile-header__burger{padding:12px}.gn-mobile-header__panel-item{--gn-drawer-item-position:var(--gn-mobile-header-panel-position,absolute)}.gn-mobile-header__burger-menu,.gn-mobile-header__panel-item{background-color:var(--g-color-base-background);max-height:100%;max-width:90vw;width:320px}.gn-mobile-header__user-menu{overflow-y:auto}.gn-mobile-header__overlap-panel,.gn-mobile-header__panels{z-index:var(--gn-mobile-header-panel-z-index,98)}.gn-mobile-header__panels{inset:var(--mobile-header-min-heigth) 0 0;overflow:hidden;position:fixed}.gn-mobile-header__panel-item{top:unset}.gn-mobile-header__content{overflow:auto}";
+var css_248z$4 = ".gn-mobile-header{--mobile-header-min-heigth:50px;--mobile-header-icon-size:20px;background-color:var(--g-color-base-background)}.gn-mobile-header__header-container{background-color:var(--g-color-base-background);position:sticky;top:0;z-index:var(--gn-mobile-header-z-index,100)}.gn-mobile-header__header{align-items:center;border-bottom:1px solid var(--g-color-line-generic);box-sizing:border-box;display:flex;justify-content:space-between;padding:0 10px}.gn-mobile-header__burger{padding:12px}.gn-mobile-header__panel-item{--gn-drawer-item-position:var(--gn-mobile-header-panel-position,absolute)}.gn-mobile-header__burger-menu,.gn-mobile-header__panel-item{background-color:var(--g-color-base-background);max-height:100%;max-width:90vw;width:320px}.gn-mobile-header__user-menu{overflow-y:auto}.gn-mobile-header__overlap-panel,.gn-mobile-header__panels{z-index:var(--gn-mobile-header-panel-z-index,98)}.gn-mobile-header__panels{inset:var(--mobile-header-min-heigth) 0 0;overflow:hidden;position:fixed}.gn-mobile-header__panel-item{height:100%;top:unset}.gn-mobile-header__content{overflow:auto}";
 styleInject(css_248z$4);
 
-const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('./index-Dbssunyq.js'); }).then((module) => ({ default: module.TopAlert })));
+const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('./index-tQGJrJNG.js'); }).then((module) => ({ default: module.TopAlert })));
 const b$4 = block('mobile-header');
 const MobileHeader = React.forwardRef(({ logo, burgerMenu, burgerCloseTitle = i18n('burger_button_close'), burgerOpenTitle = i18n('burger_button_open'), panelItems = [], renderContent, sideItemRenderContent, onClosePanel, onEvent, className, contentClassName, overlapPanel, topAlert, }, ref) => {
     const targetRef = useForwardRef(ref);
@@ -5787,7 +5787,14 @@ const MobileHeader = React.forwardRef(({ logo, burgerMenu, burgerCloseTitle = i1
     const burgerPanelItem = React.useMemo(() => ({
         id: BURGER_PANEL_ITEM_ID,
         content: (React.createElement(BurgerMenu, { items: burgerMenu.items, modalItem: burgerMenu.modalItem, renderFooter: renderBurgerMenuFooter, onItemClick: onBurgerMenuItemClick, className: b$4('burger-menu') })),
-    }), [burgerMenu.items, burgerMenu.modalItem, onBurgerMenuItemClick, renderBurgerMenuFooter]);
+        className: burgerMenu.className,
+    }), [
+        burgerMenu.items,
+        burgerMenu.modalItem,
+        burgerMenu.className,
+        onBurgerMenuItemClick,
+        renderBurgerMenuFooter,
+    ]);
     React.useEffect(() => {
         const node = targetRef === null || targetRef === undefined ? undefined : targetRef.current;
         if (node) {
@@ -6022,4 +6029,4 @@ exports.styleInject = styleInject;
 exports.useAsideHeaderContext = useAsideHeaderContext;
 exports.useSettingsContext = useSettingsContext;
 exports.useSettingsSelectionContext = useSettingsSelectionContext;
-//# sourceMappingURL=index-6IkDuB63.js.map
+//# sourceMappingURL=index-CLbIRuop.js.map