@gravity-ui/navigation 0.23.1 → 0.23.3

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

@@ -14,7 +14,7 @@ export interface AsideHeaderGeneralProps {
     renderFooter?: (data: {
         size: number;
         compact: boolean;
-        asideRef: React.ForwardedRef<HTMLDivElement>;
+        asideRef: React.RefObject<HTMLDivElement>;
     }) => React.ReactNode;
     onClosePanel?: () => void;
     onChangeCompact?: (compact: boolean) => void;

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

@@ -3,11 +3,11 @@ import { PopupPlacement, PopupProps } from '@gravity-ui/uikit';
 import { MenuItem } from '../../types';
 import './Item.scss';
 interface ItemPopup {
-    popupVisible?: boolean;
-    popupAnchor?: React.RefObject<HTMLElement>;
-    popupPlacement?: PopupPlacement;
+    popupVisible?: PopupProps['open'];
+    popupAnchor?: PopupProps['anchorRef'];
+    popupPlacement?: PopupProps['placement'];
     popupOffset?: PopupProps['offset'];
-    popupKeepMounted?: boolean;
+    popupKeepMounted?: PopupProps['keepMounted'];
     renderPopupContent?: () => React.ReactNode;
     onClosePopup?: () => void;
 }

package/build/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { Component, createElement, useState, useMemo, useCallback, useEffect, useRef, useContext, Children, isValidElement, cloneElement } from 'react';
-import { Portal, Icon, Popup, List, Tooltip, Button, Flex, Text, useBodyScrollLock, Hotkey, TextInput, Tabs, Loader, Sheet, eventBroker } from '@gravity-ui/uikit';
+import { Portal, Icon, Popup, List, Tooltip, Button, Flex, Text, useBodyScrollLock, setRef, Hotkey, TextInput, Tabs, Loader, Sheet, eventBroker } from '@gravity-ui/uikit';
 import { withNaming } from '@bem-react/classname';
 import { Ellipsis, Pin, PinFill, Gear, Xmark } from '@gravity-ui/icons';
 import ReactDOM from 'react-dom';
@@ -5004,17 +5004,19 @@ const FirstPanel = React__default.forwardRef((_props, ref) => {
     const { size, onItemClick, headerDecoration, multipleTooltip, menuMoreTitle, renderFooter, compact, } = useAsideHeaderInnerContext();
     const visibleMenuItems = useVisibleMenuItems();
     const asideRef = useRef(null);
-    const popupAnchorRef = useMemo(() => ref || asideRef, [ref, asideRef]);
+    React__default.useEffect(() => {
+        setRef(ref, asideRef.current);
+    }, [ref]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: b$m('aside'), style: { width: size } },
-            React__default.createElement("div", { className: b$m('aside-popup-anchor'), ref: popupAnchorRef }),
+            React__default.createElement("div", { className: b$m('aside-popup-anchor'), ref: asideRef }),
             React__default.createElement("div", { className: b$m('aside-content', { ['with-decoration']: headerDecoration }) },
                 React__default.createElement(Header, null),
                 (visibleMenuItems === null || visibleMenuItems === void 0 ? void 0 : visibleMenuItems.length) ? (React__default.createElement(CompositeBar, { type: "menu", items: visibleMenuItems, menuMoreTitle: menuMoreTitle !== null && menuMoreTitle !== void 0 ? menuMoreTitle : i18n$3('label_more'), onItemClick: onItemClick, multipleTooltip: multipleTooltip })) : (React__default.createElement("div", { className: b$m('menu-items') })),
                 React__default.createElement("div", { className: b$m('footer') }, renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter({
                     size,
                     compact: Boolean(compact),
-                    asideRef: popupAnchorRef,
+                    asideRef,
                 })),
                 React__default.createElement(CollapseButton, null))),
         React__default.createElement(Panels, null)));
@@ -5086,7 +5088,7 @@ const AsideHeader = React__default.forwardRef((props, ref) => {
     const asideHeaderInnerContextValue = useAsideHeaderInnerContextValue(Object.assign(Object.assign({}, props), { size }));
     return (React__default.createElement(AsideHeaderContextProvider, { value: asideHeaderContextValue },
         React__default.createElement(AsideHeaderInnerContextProvider, { value: asideHeaderInnerContextValue },
-            React__default.createElement("div", { className: b$m({ compact }, className) },
+            React__default.createElement("div", { className: b$m({ compact }, className), style: Object.assign({}, { '--gn-aside-header-size': `${size}px` }) },
                 React__default.createElement("div", { className: b$m('pane-container') },
                     React__default.createElement(FirstPanel, { ref: ref }),
                     React__default.createElement(Content, { size: size, renderContent: props.renderContent, className: b$m('content') }))))));