@gravity-ui/navigation 2.29.0 → 2.30.0

package/README.md

@@ -18,20 +18,20 @@ npm install --dev @gravity-ui/uikit@^6.15.0 @gravity-ui/icons@2.2.0 @gravity-ui/
 
 ## Components
 
-- [AsideHeader](/src/components/AsideHeader/README.md)
+- [AsideHeader](https://github.com/gravity-ui/navigation/tree/main/src/components/AsideHeader/README.md)
 - MobileHeader
 - FooterItem
 - MobileHeaderFooterItem
-- [Drawer](/src/components/Drawer/README.md)
+- [Drawer](https://github.com/gravity-ui/navigation/tree/main/src/components/Drawer/README.md)
 - DrawerItem
 - PageLayout
 - PageLayoutAside
 - AsideFallback
-- [Logo](/src/components/Logo/Readme.md)
+- [Logo](https://github.com/gravity-ui/navigation/tree/main/src/components/Logo/Readme.md)
 - MobileLogo
 - Footer
 - MobileFooter
-- [HotkeysPanel](/src/components/HotkeysPanel/README.md)
+- [HotkeysPanel](https://github.com/gravity-ui/navigation/tree/main/src/components/HotkeysPanel/README.md)
 
 ## CSS variables
 

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-e99bda93.js');
+var PageLayoutAside = require('./PageLayoutAside-4daccf5e.js');
 require('./Content-64d5738a.js');
 require('./constants-d81c3867.js');
 require('./AsideHeaderContext.js');
@@ -16,7 +16,7 @@ require('./style-inject.es-dcee06b6.js');
 require('@gravity-ui/uikit');
 require('@gravity-ui/icons');
 require('@gravity-ui/uikit/i18n');
-require('./Item-122f7db4.js');
+require('./Item-57dff146.js');
 require('./debounce-8772fd80.js');
 require('./divider-collapsed-b743122e.js');
 require('./Drawer.js');

package/build/cjs/Drawer.js

@@ -3087,7 +3087,7 @@ function useResizeHandlers({ onStart, onMove, onEnd }) {
     };
 }
 function useResizableDrawerItem(params) {
-    const { direction, width, minResizeWidth = DRAWER_ITEM_MIN_RESIZE_WIDTH, maxResizeWidth = DRAWER_ITEM_MAX_RESIZE_WIDTH, onResize, } = params;
+    const { direction, width, minResizeWidth = DRAWER_ITEM_MIN_RESIZE_WIDTH, maxResizeWidth = DRAWER_ITEM_MAX_RESIZE_WIDTH, onResizeStart, onResize, } = params;
     const [isResizing, setIsResizing] = React__namespace.useState(false);
     const [resizeDelta, setResizeDelta] = React__namespace.useState(0);
     const [internalWidth, setInternalWidth] = React__namespace.useState(width !== null && width !== void 0 ? width : DRAWER_ITEM_INITIAL_RESIZE_WIDTH);
@@ -3100,7 +3100,8 @@ function useResizableDrawerItem(params) {
     const onStart = React__namespace.useCallback(() => {
         setIsResizing(true);
         setResizeDelta(0);
-    }, [setIsResizing, setResizeDelta]);
+        onResizeStart === null || onResizeStart === void 0 ? void 0 : onResizeStart();
+    }, [onResizeStart]);
     const onMove = React__namespace.useCallback((delta) => {
         setResizeDelta(delta);
     }, []);
@@ -3109,7 +3110,7 @@ function useResizableDrawerItem(params) {
         setIsResizing(false);
         setInternalWidth(newWidth);
         onResize === null || onResize === void 0 ? void 0 : onResize(newWidth);
-    }, [setIsResizing, setInternalWidth, getResizedWidth, onResize]);
+    }, [getResizedWidth, onResize]);
     const displayWidth = isResizing
         ? getResizedWidth(resizeDelta)
         : getClampedWidth(width !== null && width !== void 0 ? width : internalWidth);
@@ -3123,7 +3124,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, keepMounted = false, } = props;
+    const { visible, content, children, direction = 'left', className, resizable, width, minResizeWidth, maxResizeWidth, onResizeStart, onResize, keepMounted = false, } = props;
     const [isInitialRender, setInitialRender] = React__default["default"].useState(true);
     const itemRef = React__default["default"].useRef(null);
     const handleRef = uikit.useForkRef(ref, itemRef);
@@ -3133,6 +3134,7 @@ const DrawerItem = React__default["default"].forwardRef(function DrawerItem(prop
         width,
         minResizeWidth,
         maxResizeWidth,
+        onResizeStart,
         onResize,
     });
     React__default["default"].useEffect(() => {