@gravity-ui/navigation 2.24.1 → 2.26.0

package/build/cjs/PageLayoutAside.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var PageLayoutAside = require('./PageLayoutAside-af13d746.js');
+var PageLayoutAside = require('./PageLayoutAside-946fbebf.js');
 require('@gravity-ui/uikit');
 require('./debounce-8772fd80.js');
 require('./utils-db3e03c2.js');

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

@@ -9,6 +9,11 @@ export interface LayoutProps {
     className?: string;
     topAlert?: AsideHeaderTopAlertProps;
 }
+export interface EditMenuProps {
+    onOpenEditMode?: () => void;
+    onToggleMenuItem?: (changedItem: MenuItem) => void;
+    onResetSettingsToDefault?: () => void;
+}
 export interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
     multipleTooltip?: boolean;
@@ -26,6 +31,7 @@ export interface AsideHeaderGeneralProps extends QAProps {
         compact: boolean;
         asideRef: React.RefObject<HTMLDivElement>;
     }) => React.ReactNode;
+    editMenuProps?: EditMenuProps;
     onClosePanel?: () => void;
     onChangeCompact?: (compact: boolean) => void;
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;

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

@@ -35,6 +35,11 @@ export interface DrawerItemProps {
     minResizeWidth?: number;
     /** The maximum width of the resizable drawer item */
     maxResizeWidth?: number;
+    /**
+     * Keep child components mounted when closed, prioritized over Drawer.keepMounted property
+     * @default false
+     * */
+    keepMounted?: boolean;
 }
 export declare const DrawerItem: React.ForwardRefExoticComponent<DrawerItemProps & React.RefAttributes<HTMLDivElement>>;
 type DrawerChild = React.ReactElement<DrawerItemProps>;
@@ -60,6 +65,11 @@ export interface DrawerProps {
     hideVeil?: boolean;
     /** Optional flag to not use `Portal` for drawer */
     disablePortal?: boolean;
+    /**
+     * Keep child components mounted when closed
+     * @default false
+     * */
+    keepMounted?: boolean;
 }
 export declare const Drawer: React.FC<DrawerProps>;
 export {};

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

@@ -25,6 +25,7 @@ export interface MenuItem extends QAProps {
         item: MenuItem;
         ref: React.RefObject<HTMLElement>;
     }) => React.ReactNode;
+    preventUserRemoving?: boolean;
     rightAdornment?: React.ReactNode;
     type?: MenuItemType;
     afterMoreButton?: boolean;

package/build/cjs/index.js

@@ -6,10 +6,10 @@ var AsideHeader = require('./AsideHeader.js');
 var AsideHeaderContext = require('./AsideHeaderContext.js');
 var FooterItem = require('./FooterItem.js');
 var PageLayout = require('./PageLayout.js');
-var PageLayoutAside = require('./PageLayoutAside-af13d746.js');
+var PageLayoutAside = require('./PageLayoutAside-946fbebf.js');
 var AsideFallback = require('./AsideFallback.js');
 var Drawer = require('./Drawer.js');
-var FooterItem$1 = require('./FooterItem-003eb137.js');
+var FooterItem$1 = require('./FooterItem-7491de3b.js');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
 var debounce = require('./debounce-8772fd80.js');
@@ -19,7 +19,7 @@ var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var icons = require('@gravity-ui/icons');
 var ActionBar = require('./ActionBar-3c6cdf57.js');
 var Title = require('./Title-54580605.js');
-var HotkeysPanel = require('./HotkeysPanel-d971b094.js');
+var HotkeysPanel = require('./HotkeysPanel-c3315c0b.js');
 var Settings = require('./Settings-8dc2a8ee.js');
 require('./Item-7c1b54f5.js');
 require('./constants-d81c3867.js');

package/build/cjs/index4.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var HotkeysPanel = require('./HotkeysPanel-d971b094.js');
+var HotkeysPanel = require('./HotkeysPanel-c3315c0b.js');
 require('./tslib.es6-705c6589.js');
 require('react');
 require('@gravity-ui/uikit');

package/build/cjs/index6.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FooterItem = require('./FooterItem-003eb137.js');
+var FooterItem = require('./FooterItem-7491de3b.js');
 require('react');
 require('./Content-64d5738a.js');
 require('./Drawer.js');

package/build/esm/AsideHeader.js

@@ -1,7 +1,7 @@
 import { _ as __rest } from './tslib.es6-3cd4e99f.js';
 import React__default from 'react';
 import { PageLayout } from './PageLayout.js';
-import { P as PageLayoutAside } from './PageLayoutAside-0c0d6943.js';
+import { P as PageLayoutAside } from './PageLayoutAside-d78babcb.js';
 import './Content-f94ba85d.js';
 import './constants-b1604ff5.js';
 import './AsideHeaderContext.js';

package/build/esm/Drawer.js

@@ -3096,7 +3096,7 @@ styleInject(css_248z);
 const b = block('drawer');
 const TIMEOUT = 300;
 const DrawerItem = React__default.forwardRef(function DrawerItem(props, ref) {
-    const { visible, content, children, direction = 'left', className, resizable, width, minResizeWidth, maxResizeWidth, onResize, } = props;
+    const { visible, content, children, direction = 'left', className, resizable, width, minResizeWidth, maxResizeWidth, onResize, keepMounted = false, } = props;
     const itemRef = React__default.useRef(null);
     const handleRef = useForkRef(ref, itemRef);
     const cssDirection = direction === 'left' ? undefined : direction;
@@ -3109,11 +3109,11 @@ const DrawerItem = React__default.forwardRef(function DrawerItem(props, ref) {
     });
     const resizerElement = resizable ? (React__default.createElement("div", Object.assign({ className: b('resizer', { direction }) }, resizerHandlers),
         React__default.createElement("div", { className: b('resizer-handle') }))) : null;
-    return (React__default.createElement(CSSTransition, { in: visible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('item-transition', { direction: cssDirection }), nodeRef: itemRef },
+    return (React__default.createElement(CSSTransition, { in: visible, timeout: TIMEOUT, mountOnEnter: !keepMounted, unmountOnExit: !keepMounted, classNames: b('item-transition', { direction: cssDirection }), nodeRef: itemRef },
         React__default.createElement("div", { ref: handleRef, className: b('item', { direction: cssDirection }, className), style: { width: resizable ? `${resizedWidth}px` : undefined } },
             resizerElement, children !== null && children !== void 0 ? children : content)));
 });
-const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEscape, preventScrollBody = true, hideVeil, disablePortal = true, }) => {
+const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEscape, preventScrollBody = true, hideVeil, disablePortal = true, keepMounted = false, }) => {
     let someItemVisible = false;
     React__default.Children.forEach(children, (child) => {
         if (React__default.isValidElement(child) && child.type === DrawerItem) {
@@ -3139,7 +3139,7 @@ const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEsca
     useBodyScrollLock({ enabled: preventScrollBody && someItemVisible });
     const containerRef = React__default.useRef(null);
     const veilRef = React__default.useRef(null);
-    const drawer = (React__default.createElement(Transition, { in: someItemVisible, timeout: { enter: 0, exit: TIMEOUT }, mountOnEnter: true, unmountOnExit: true, nodeRef: containerRef }, (state) => {
+    const drawer = (React__default.createElement(Transition, { in: someItemVisible, timeout: { enter: 0, exit: TIMEOUT }, mountOnEnter: !keepMounted, unmountOnExit: !keepMounted, nodeRef: containerRef }, (state) => {
         const childrenVisible = someItemVisible && state === 'entered';
         return (React__default.createElement("div", { ref: containerRef, className: b({ hideVeil }, className), style: style },
             React__default.createElement(CSSTransition, { in: childrenVisible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('veil-transition'), nodeRef: veilRef },
@@ -3148,7 +3148,7 @@ const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEsca
                 if (React__default.isValidElement(child) &&
                     child.type === DrawerItem) {
                     const childVisible = Boolean(child.props.visible);
-                    return React__default.cloneElement(child, Object.assign(Object.assign({}, child.props), { visible: childVisible && childrenVisible }));
+                    return React__default.cloneElement(child, Object.assign(Object.assign({ keepMounted }, child.props), { visible: childVisible && childrenVisible }));
                 }
                 return child;
             })));