@gravity-ui/navigation 2.29.0 → 2.31.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/README.md +4 -4
- package/build/cjs/AsideHeader.js +2 -2
- package/build/cjs/Drawer.js +6 -4
- package/build/cjs/Drawer.js.map +1 -1
- package/build/cjs/{FooterItem-286094ab.js → FooterItem-de603636.js} +1 -1
- package/build/cjs/{FooterItem-286094ab.js.map → FooterItem-de603636.js.map} +1 -1
- package/build/cjs/FooterItem.js +1 -1
- package/build/cjs/{HotkeysPanel-4b97825e.js → HotkeysPanel-1ed9fc32.js} +1 -1
- package/build/cjs/{HotkeysPanel-4b97825e.js.map → HotkeysPanel-1ed9fc32.js.map} +1 -1
- package/build/cjs/{Item-122f7db4.js → Item-ff6bc440.js} +2 -2
- package/build/cjs/{Item-122f7db4.js.map → Item-ff6bc440.js.map} +1 -1
- package/build/cjs/{PageLayoutAside-e99bda93.js → PageLayoutAside-c30e7399.js} +2 -2
- package/build/cjs/{PageLayoutAside-e99bda93.js.map → PageLayoutAside-c30e7399.js.map} +1 -1
- package/build/cjs/PageLayoutAside.js +2 -2
- package/build/cjs/components/Drawer/Drawer.d.ts +2 -0
- package/build/cjs/components/Drawer/utils.d.ts +1 -0
- package/build/cjs/index.js +4 -4
- package/build/cjs/index4.js +1 -1
- package/build/cjs/index6.js +1 -1
- package/build/esm/AsideHeader.js +2 -2
- package/build/esm/Drawer.js +6 -4
- package/build/esm/Drawer.js.map +1 -1
- package/build/esm/{FooterItem-2552f5a6.js → FooterItem-3cc816a3.js} +1 -1
- package/build/esm/{FooterItem-2552f5a6.js.map → FooterItem-3cc816a3.js.map} +1 -1
- package/build/esm/FooterItem.js +1 -1
- package/build/esm/{HotkeysPanel-cab8d5ab.js → HotkeysPanel-0576deee.js} +1 -1
- package/build/esm/{HotkeysPanel-cab8d5ab.js.map → HotkeysPanel-0576deee.js.map} +1 -1
- package/build/esm/{Item-e9769642.js → Item-55899ec8.js} +2 -2
- package/build/esm/{Item-e9769642.js.map → Item-55899ec8.js.map} +1 -1
- package/build/esm/{PageLayoutAside-b12b91cd.js → PageLayoutAside-348cef92.js} +2 -2
- package/build/esm/{PageLayoutAside-b12b91cd.js.map → PageLayoutAside-348cef92.js.map} +1 -1
- package/build/esm/PageLayoutAside.js +2 -2
- package/build/esm/components/Drawer/Drawer.d.ts +2 -0
- package/build/esm/components/Drawer/utils.d.ts +1 -0
- package/build/esm/index.js +5 -5
- package/build/esm/index4.js +1 -1
- package/build/esm/index6.js +1 -1
- package/package.json +1 -1
package/build/esm/Drawer.js
CHANGED
|
@@ -3060,7 +3060,7 @@ function useResizeHandlers({ onStart, onMove, onEnd }) {
|
|
|
3060
3060
|
};
|
|
3061
3061
|
}
|
|
3062
3062
|
function useResizableDrawerItem(params) {
|
|
3063
|
-
const { direction, width, minResizeWidth = DRAWER_ITEM_MIN_RESIZE_WIDTH, maxResizeWidth = DRAWER_ITEM_MAX_RESIZE_WIDTH, onResize, } = params;
|
|
3063
|
+
const { direction, width, minResizeWidth = DRAWER_ITEM_MIN_RESIZE_WIDTH, maxResizeWidth = DRAWER_ITEM_MAX_RESIZE_WIDTH, onResizeStart, onResize, } = params;
|
|
3064
3064
|
const [isResizing, setIsResizing] = React.useState(false);
|
|
3065
3065
|
const [resizeDelta, setResizeDelta] = React.useState(0);
|
|
3066
3066
|
const [internalWidth, setInternalWidth] = React.useState(width !== null && width !== void 0 ? width : DRAWER_ITEM_INITIAL_RESIZE_WIDTH);
|
|
@@ -3073,7 +3073,8 @@ function useResizableDrawerItem(params) {
|
|
|
3073
3073
|
const onStart = React.useCallback(() => {
|
|
3074
3074
|
setIsResizing(true);
|
|
3075
3075
|
setResizeDelta(0);
|
|
3076
|
-
|
|
3076
|
+
onResizeStart === null || onResizeStart === void 0 ? void 0 : onResizeStart();
|
|
3077
|
+
}, [onResizeStart]);
|
|
3077
3078
|
const onMove = React.useCallback((delta) => {
|
|
3078
3079
|
setResizeDelta(delta);
|
|
3079
3080
|
}, []);
|
|
@@ -3082,7 +3083,7 @@ function useResizableDrawerItem(params) {
|
|
|
3082
3083
|
setIsResizing(false);
|
|
3083
3084
|
setInternalWidth(newWidth);
|
|
3084
3085
|
onResize === null || onResize === void 0 ? void 0 : onResize(newWidth);
|
|
3085
|
-
}, [
|
|
3086
|
+
}, [getResizedWidth, onResize]);
|
|
3086
3087
|
const displayWidth = isResizing
|
|
3087
3088
|
? getResizedWidth(resizeDelta)
|
|
3088
3089
|
: getClampedWidth(width !== null && width !== void 0 ? width : internalWidth);
|
|
@@ -3096,7 +3097,7 @@ styleInject(css_248z);
|
|
|
3096
3097
|
const b = block('drawer');
|
|
3097
3098
|
const TIMEOUT = 300;
|
|
3098
3099
|
const DrawerItem = React__default.forwardRef(function DrawerItem(props, ref) {
|
|
3099
|
-
const { visible, content, children, direction = 'left', className, resizable, width, minResizeWidth, maxResizeWidth, onResize, keepMounted = false, } = props;
|
|
3100
|
+
const { visible, content, children, direction = 'left', className, resizable, width, minResizeWidth, maxResizeWidth, onResizeStart, onResize, keepMounted = false, } = props;
|
|
3100
3101
|
const [isInitialRender, setInitialRender] = React__default.useState(true);
|
|
3101
3102
|
const itemRef = React__default.useRef(null);
|
|
3102
3103
|
const handleRef = useForkRef(ref, itemRef);
|
|
@@ -3106,6 +3107,7 @@ const DrawerItem = React__default.forwardRef(function DrawerItem(props, ref) {
|
|
|
3106
3107
|
width,
|
|
3107
3108
|
minResizeWidth,
|
|
3108
3109
|
maxResizeWidth,
|
|
3110
|
+
onResizeStart,
|
|
3109
3111
|
onResize,
|
|
3110
3112
|
});
|
|
3111
3113
|
React__default.useEffect(() => {
|