@gravity-ui/navigation 0.23.1 → 0.23.3

package/build/cjs/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/cjs/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/cjs/index.js

@@ -5031,17 +5031,19 @@ const FirstPanel = React__default["default"].forwardRef((_props, ref) => {
     const { size, onItemClick, headerDecoration, multipleTooltip, menuMoreTitle, renderFooter, compact, } = useAsideHeaderInnerContext();
     const visibleMenuItems = useVisibleMenuItems();
     const asideRef = React.useRef(null);
-    const popupAnchorRef = React.useMemo(() => ref || asideRef, [ref, asideRef]);
+    React__default["default"].useEffect(() => {
+        uikit.setRef(ref, asideRef.current);
+    }, [ref]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: b$m('aside'), style: { width: size } },
-            React__default["default"].createElement("div", { className: b$m('aside-popup-anchor'), ref: popupAnchorRef }),
+            React__default["default"].createElement("div", { className: b$m('aside-popup-anchor'), ref: asideRef }),
             React__default["default"].createElement("div", { className: b$m('aside-content', { ['with-decoration']: headerDecoration }) },
                 React__default["default"].createElement(Header, null),
                 (visibleMenuItems === null || visibleMenuItems === void 0 ? void 0 : visibleMenuItems.length) ? (React__default["default"].createElement(CompositeBar, { type: "menu", items: visibleMenuItems, menuMoreTitle: menuMoreTitle !== null && menuMoreTitle !== void 0 ? menuMoreTitle : i18n$3('label_more'), onItemClick: onItemClick, multipleTooltip: multipleTooltip })) : (React__default["default"].createElement("div", { className: b$m('menu-items') })),
                 React__default["default"].createElement("div", { className: b$m('footer') }, renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter({
                     size,
                     compact: Boolean(compact),
-                    asideRef: popupAnchorRef,
+                    asideRef,
                 })),
                 React__default["default"].createElement(CollapseButton, null))),
         React__default["default"].createElement(Panels, null)));
@@ -5113,7 +5115,7 @@ const AsideHeader = React__default["default"].forwardRef((props, ref) => {
     const asideHeaderInnerContextValue = useAsideHeaderInnerContextValue(Object.assign(Object.assign({}, props), { size }));
     return (React__default["default"].createElement(AsideHeaderContextProvider, { value: asideHeaderContextValue },
         React__default["default"].createElement(AsideHeaderInnerContextProvider, { value: asideHeaderInnerContextValue },
-            React__default["default"].createElement("div", { className: b$m({ compact }, className) },
+            React__default["default"].createElement("div", { className: b$m({ compact }, className), style: Object.assign({}, { '--gn-aside-header-size': `${size}px` }) },
                 React__default["default"].createElement("div", { className: b$m('pane-container') },
                     React__default["default"].createElement(FirstPanel, { ref: ref }),
                     React__default["default"].createElement(Content, { size: size, renderContent: props.renderContent, className: b$m('content') }))))));