@gravity-ui/navigation 2.25.0 → 2.26.0

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;
             })));