@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.
Files changed (33) hide show
  1. package/build/cjs/AsideHeader.js +1 -1
  2. package/build/cjs/Drawer.js +8 -9
  3. package/build/cjs/Drawer.js.map +1 -1
  4. package/build/cjs/{FooterItem-d326838c.js → FooterItem-e11d85c6.js} +2 -10
  5. package/build/cjs/FooterItem-e11d85c6.js.map +1 -0
  6. package/build/cjs/{HotkeysPanel-4ad41893.js → HotkeysPanel-c6e4a0d9.js} +1 -1
  7. package/build/cjs/{HotkeysPanel-4ad41893.js.map → HotkeysPanel-c6e4a0d9.js.map} +1 -1
  8. package/build/cjs/{PageLayoutAside-e132c9b4.js → PageLayoutAside-3fd5e2be.js} +4 -5
  9. package/build/cjs/PageLayoutAside-3fd5e2be.js.map +1 -0
  10. package/build/cjs/PageLayoutAside.js +1 -1
  11. package/build/cjs/components/Drawer/Drawer.d.ts +24 -2
  12. package/build/cjs/index.js +3 -3
  13. package/build/cjs/index4.js +1 -1
  14. package/build/cjs/index6.js +1 -1
  15. package/build/esm/AsideHeader.js +1 -1
  16. package/build/esm/Drawer.js +8 -9
  17. package/build/esm/Drawer.js.map +1 -1
  18. package/build/esm/{FooterItem-e77f1035.js → FooterItem-095251e4.js} +2 -10
  19. package/build/esm/FooterItem-095251e4.js.map +1 -0
  20. package/build/esm/{HotkeysPanel-9138824c.js → HotkeysPanel-a46d3bf8.js} +1 -1
  21. package/build/esm/{HotkeysPanel-9138824c.js.map → HotkeysPanel-a46d3bf8.js.map} +1 -1
  22. package/build/esm/{PageLayoutAside-258cc501.js → PageLayoutAside-1a3b5dcf.js} +4 -5
  23. package/build/esm/PageLayoutAside-1a3b5dcf.js.map +1 -0
  24. package/build/esm/PageLayoutAside.js +1 -1
  25. package/build/esm/components/Drawer/Drawer.d.ts +24 -2
  26. package/build/esm/index.js +4 -4
  27. package/build/esm/index4.js +1 -1
  28. package/build/esm/index6.js +1 -1
  29. package/package.json +1 -1
  30. package/build/cjs/FooterItem-d326838c.js.map +0 -1
  31. package/build/cjs/PageLayoutAside-e132c9b4.js.map +0 -1
  32. package/build/esm/FooterItem-e77f1035.js.map +0 -1
  33. package/build/esm/PageLayoutAside-258cc501.js.map +0 -1
@@ -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-e132c9b4.js');
8
+ var PageLayoutAside = require('./PageLayoutAside-3fd5e2be.js');
9
9
  require('./Content-64d5738a.js');
10
10
  require('./constants-d81c3867.js');
11
11
  require('./AsideHeaderContext.js');
@@ -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
- const childElem = child;
3051
- if (childElem.type === DrawerItem) {
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
- const childElem = child;
3081
- if (childElem.type === DrawerItem) {
3082
- const childVisible = Boolean(childElem.props.visible);
3083
- return React__default["default"].cloneElement(childElem, Object.assign(Object.assign({}, childElem.props), { visible: childVisible && childrenVisible }));
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
  })));