@gravity-ui/navigation 2.15.3 → 2.16.0

package/build/esm/Drawer.js

@@ -3029,18 +3029,17 @@ styleInject(css_248z);
 
 const b = block('drawer');
 const TIMEOUT = 300;
-const DrawerItem = ({ visible, content, direction, className }) => {
+const DrawerItem = ({ visible, content, children, direction = 'left', className, }) => {
     const itemRef = React__default.useRef(null);
     const cssDirection = direction === 'left' ? undefined : direction;
     return (React__default.createElement(CSSTransition, { in: visible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('item-transition', { direction: cssDirection }), nodeRef: itemRef },
-        React__default.createElement("div", { ref: itemRef, className: b('item', { direction: cssDirection }, className) }, content)));
+        React__default.createElement("div", { ref: itemRef, className: b('item', { direction: cssDirection }, className) }, children !== null && children !== void 0 ? children : content)));
 };
 const Drawer = ({ className, children, style, onVeilClick, onEscape, preventScrollBody = true, }) => {
     let someItemVisible = false;
     React__default.Children.forEach(children, (child) => {
-        const childElem = child;
-        if (childElem.type === DrawerItem) {
-            const childVisible = Boolean(childElem.props.visible);
+        if (React__default.isValidElement(child) && child.type === DrawerItem) {
+            const childVisible = Boolean(child.props.visible);
             if (childVisible) {
                 someItemVisible = true;
             }
@@ -3068,10 +3067,10 @@ const Drawer = ({ className, children, style, onVeilClick, onEscape, preventScro
             React__default.createElement(CSSTransition, { in: childrenVisible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('veil-transition'), nodeRef: veilRef },
                 React__default.createElement("div", { ref: veilRef, className: b('veil'), onClick: onVeilClick })),
             React__default.Children.map(children, (child) => {
-                const childElem = child;
-                if (childElem.type === DrawerItem) {
-                    const childVisible = Boolean(childElem.props.visible);
-                    return React__default.cloneElement(childElem, Object.assign(Object.assign({}, childElem.props), { visible: childVisible && childrenVisible }));
+                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 child;
             })));