@gravity-ui/navigation 2.24.1 → 2.26.0

package/build/cjs/AsideHeader.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('./tslib.es6-705c6589.js');
 var React = require('react');
 var PageLayout = require('./PageLayout.js');
-var PageLayoutAside = require('./PageLayoutAside-af13d746.js');
+var PageLayoutAside = require('./PageLayoutAside-946fbebf.js');
 require('./Content-64d5738a.js');
 require('./constants-d81c3867.js');
 require('./AsideHeaderContext.js');

package/build/cjs/Drawer.js

@@ -3123,7 +3123,7 @@ styleInject_es.styleInject(css_248z);
 const b = cn.block('drawer');
 const TIMEOUT = 300;
 const DrawerItem = React__default["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["default"].useRef(null);
     const handleRef = uikit.useForkRef(ref, itemRef);
     const cssDirection = direction === 'left' ? undefined : direction;
@@ -3136,11 +3136,11 @@ const DrawerItem = React__default["default"].forwardRef(function DrawerItem(prop
     });
     const resizerElement = resizable ? (React__default["default"].createElement("div", Object.assign({ className: b('resizer', { direction }) }, resizerHandlers),
         React__default["default"].createElement("div", { className: b('resizer-handle') }))) : null;
-    return (React__default["default"].createElement(CSSTransition, { in: visible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('item-transition', { direction: cssDirection }), nodeRef: itemRef },
+    return (React__default["default"].createElement(CSSTransition, { in: visible, timeout: TIMEOUT, mountOnEnter: !keepMounted, unmountOnExit: !keepMounted, classNames: b('item-transition', { direction: cssDirection }), nodeRef: itemRef },
         React__default["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["default"].Children.forEach(children, (child) => {
         if (React__default["default"].isValidElement(child) && child.type === DrawerItem) {
@@ -3166,7 +3166,7 @@ const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEsca
     uikit.useBodyScrollLock({ enabled: preventScrollBody && someItemVisible });
     const containerRef = React__default["default"].useRef(null);
     const veilRef = React__default["default"].useRef(null);
-    const drawer = (React__default["default"].createElement(Transition, { in: someItemVisible, timeout: { enter: 0, exit: TIMEOUT }, mountOnEnter: true, unmountOnExit: true, nodeRef: containerRef }, (state) => {
+    const drawer = (React__default["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["default"].createElement("div", { ref: containerRef, className: b({ hideVeil }, className), style: style },
             React__default["default"].createElement(CSSTransition, { in: childrenVisible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('veil-transition'), nodeRef: veilRef },
@@ -3175,7 +3175,7 @@ const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEsca
                 if (React__default["default"].isValidElement(child) &&
                     child.type === DrawerItem) {
                     const childVisible = Boolean(child.props.visible);
-                    return React__default["default"].cloneElement(child, Object.assign(Object.assign({}, child.props), { visible: childVisible && childrenVisible }));
+                    return React__default["default"].cloneElement(child, Object.assign(Object.assign({ keepMounted }, child.props), { visible: childVisible && childrenVisible }));
                 }
                 return child;
             })));