@gravity-ui/navigation 2.15.1 → 2.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/AsideHeader.js +1 -1
- package/build/cjs/Drawer.js +8 -9
- package/build/cjs/Drawer.js.map +1 -1
- package/build/cjs/{FooterItem-d326838c.js → FooterItem-e11d85c6.js} +2 -10
- package/build/cjs/FooterItem-e11d85c6.js.map +1 -0
- package/build/cjs/{HotkeysPanel-4ad41893.js → HotkeysPanel-c6e4a0d9.js} +1 -1
- package/build/cjs/{HotkeysPanel-4ad41893.js.map → HotkeysPanel-c6e4a0d9.js.map} +1 -1
- package/build/cjs/{PageLayoutAside-e132c9b4.js → PageLayoutAside-3fd5e2be.js} +4 -5
- package/build/cjs/PageLayoutAside-3fd5e2be.js.map +1 -0
- package/build/cjs/PageLayoutAside.js +1 -1
- package/build/cjs/components/Drawer/Drawer.d.ts +24 -2
- package/build/cjs/index.js +3 -3
- package/build/cjs/index4.js +1 -1
- package/build/cjs/index6.js +1 -1
- package/build/esm/AsideHeader.js +1 -1
- package/build/esm/Drawer.js +8 -9
- package/build/esm/Drawer.js.map +1 -1
- package/build/esm/{FooterItem-e77f1035.js → FooterItem-095251e4.js} +2 -10
- package/build/esm/FooterItem-095251e4.js.map +1 -0
- package/build/esm/{HotkeysPanel-9138824c.js → HotkeysPanel-a46d3bf8.js} +1 -1
- package/build/esm/{HotkeysPanel-9138824c.js.map → HotkeysPanel-a46d3bf8.js.map} +1 -1
- package/build/esm/{PageLayoutAside-258cc501.js → PageLayoutAside-1a3b5dcf.js} +4 -5
- package/build/esm/PageLayoutAside-1a3b5dcf.js.map +1 -0
- package/build/esm/PageLayoutAside.js +1 -1
- package/build/esm/components/Drawer/Drawer.d.ts +24 -2
- package/build/esm/index.js +4 -4
- package/build/esm/index4.js +1 -1
- package/build/esm/index6.js +1 -1
- package/package.json +1 -1
- package/build/cjs/FooterItem-d326838c.js.map +0 -1
- package/build/cjs/PageLayoutAside-e132c9b4.js.map +0 -1
- package/build/esm/FooterItem-e77f1035.js.map +0 -1
- package/build/esm/PageLayoutAside-258cc501.js.map +0 -1
package/build/cjs/AsideHeader.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib_es6 = require('./tslib.es6-705c6589.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var PageLayout = require('./PageLayout.js');
|
|
8
|
-
var PageLayoutAside = require('./PageLayoutAside-
|
|
8
|
+
var PageLayoutAside = require('./PageLayoutAside-3fd5e2be.js');
|
|
9
9
|
require('./Content-64d5738a.js');
|
|
10
10
|
require('./constants-d81c3867.js');
|
|
11
11
|
require('./AsideHeaderContext.js');
|
package/build/cjs/Drawer.js
CHANGED
|
@@ -3038,18 +3038,17 @@ styleInject_es.styleInject(css_248z);
|
|
|
3038
3038
|
|
|
3039
3039
|
const b = cn.block('drawer');
|
|
3040
3040
|
const TIMEOUT = 300;
|
|
3041
|
-
const DrawerItem = ({ visible, content, direction, className }) => {
|
|
3041
|
+
const DrawerItem = ({ visible, content, children, direction = 'left', className, }) => {
|
|
3042
3042
|
const itemRef = React__default["default"].useRef(null);
|
|
3043
3043
|
const cssDirection = direction === 'left' ? undefined : direction;
|
|
3044
3044
|
return (React__default["default"].createElement(CSSTransition, { in: visible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('item-transition', { direction: cssDirection }), nodeRef: itemRef },
|
|
3045
|
-
React__default["default"].createElement("div", { ref: itemRef, className: b('item', { direction: cssDirection }, className) }, content)));
|
|
3045
|
+
React__default["default"].createElement("div", { ref: itemRef, className: b('item', { direction: cssDirection }, className) }, children !== null && children !== void 0 ? children : content)));
|
|
3046
3046
|
};
|
|
3047
3047
|
const Drawer = ({ className, children, style, onVeilClick, onEscape, preventScrollBody = true, }) => {
|
|
3048
3048
|
let someItemVisible = false;
|
|
3049
3049
|
React__default["default"].Children.forEach(children, (child) => {
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
const childVisible = Boolean(childElem.props.visible);
|
|
3050
|
+
if (React__default["default"].isValidElement(child) && child.type === DrawerItem) {
|
|
3051
|
+
const childVisible = Boolean(child.props.visible);
|
|
3053
3052
|
if (childVisible) {
|
|
3054
3053
|
someItemVisible = true;
|
|
3055
3054
|
}
|
|
@@ -3077,10 +3076,10 @@ const Drawer = ({ className, children, style, onVeilClick, onEscape, preventScro
|
|
|
3077
3076
|
React__default["default"].createElement(CSSTransition, { in: childrenVisible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('veil-transition'), nodeRef: veilRef },
|
|
3078
3077
|
React__default["default"].createElement("div", { ref: veilRef, className: b('veil'), onClick: onVeilClick })),
|
|
3079
3078
|
React__default["default"].Children.map(children, (child) => {
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
const childVisible = Boolean(
|
|
3083
|
-
return React__default["default"].cloneElement(
|
|
3079
|
+
if (React__default["default"].isValidElement(child) &&
|
|
3080
|
+
child.type === DrawerItem) {
|
|
3081
|
+
const childVisible = Boolean(child.props.visible);
|
|
3082
|
+
return React__default["default"].cloneElement(child, Object.assign(Object.assign({}, child.props), { visible: childVisible && childrenVisible }));
|
|
3084
3083
|
}
|
|
3085
3084
|
return child;
|
|
3086
3085
|
})));
|