@gravity-ui/navigation 3.0.0-beta.0 → 3.0.0-beta.2

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.d.ts

@@ -4,7 +4,10 @@ import './AllPagesListItem.scss';
 interface AllPagesListItemProps {
     item: MenuItem;
     editMode?: boolean;
+    enableSorting?: boolean;
     onToggle: () => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
 }
 export declare const AllPagesListItem: React.FC<AllPagesListItemProps>;
 export {};

package/build/cjs/components/AsideHeader/AsideHeaderContext.d.ts

@@ -3,6 +3,7 @@ import { MenuItem } from '../types';
 import { AsideHeaderInnerProps } from './types';
 export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     menuItems: MenuItem[];
+    defaultMenuItems?: MenuItem[];
     allPagesIsAvailable: boolean;
     onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }

package/build/cjs/components/AsideHeader/__stories__/moc.d.ts

@@ -1,6 +1,6 @@
-import { MenuItem } from '../../types';
 import { AsideHeaderContextType } from '../AsideHeaderContext';
+import { AsideHeaderProps } from '../types';
 export declare const EMPTY_CONTEXT_VALUE: AsideHeaderContextType;
-export declare const menuItemsShowcase: MenuItem[];
+export declare const menuItemsShowcase: AsideHeaderProps['menuItems'];
 export declare const text = "\nDid you attend? He sang by grove ripe -\nThe bard of love, the singer of his mourning.\nWhen fields were silent by the early morning,\nTo sad and simple sounds of a pipe\nDid you attend?\n\nDid you behold in dark of forest leaf\nThe bard of love, the singer of his sadness?\nThe trace of tears, the smile, the utter paleness,\nThe quiet look, full of eternal grief,\nDid you behold?\n\nThen did you sigh when hearing how cries\nThe bard of love, the singer of his dole?\nWhen in the woods you saw the young man, sole,\nAnd met the look of his extinguished eyes,\nThen did you sigh?\n";
-export declare const menuItemsClamped: MenuItem[];
+export declare const menuItemsClamped: import("../..").MenuItem[];

package/build/cjs/components/AsideHeader/types.d.ts

@@ -12,6 +12,8 @@ export interface EditMenuProps {
     onOpenEditMode?: () => void;
     onToggleMenuItem?: (changedItem: MenuItem) => void;
     onResetSettingsToDefault?: () => void;
+    enableSorting?: boolean;
+    onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;
 }
 export interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
@@ -41,6 +43,7 @@ export interface AsideHeaderDefaultProps {
     panelItems?: DrawerItemProps[];
     subheaderItems?: SubheaderMenuItem[];
     menuItems?: MenuItem[];
+    defaultMenuItems?: MenuItem[];
     onMenuItemsChanged?: (items: MenuItem[]) => void;
     headerDecoration?: boolean;
 }

package/build/cjs/components/Drawer/Drawer.d.ts

@@ -48,11 +48,6 @@ type DrawerChild = React.ReactElement<DrawerItemProps>;
 export interface DrawerProps {
     /** Child components to be rendered within the drawer. This can be a single child or an array of children. */
     children: DrawerChild | DrawerChild[];
-    /**
-     * Optional flag to prevent the body from scrolling when the drawer is open, `true` by default.
-     * @default true
-     */
-    preventScrollBody?: boolean;
     /** Optional additional class names to style the drawer component. */
     className?: string;
     /** Optional inline styles to be applied to the drawer component. */

package/build/cjs/components/HotkeysPanel/HotkeysPanel.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { ListProps } from '@gravity-ui/uikit';
-import type { DrawerProps } from '../Drawer/Drawer';
 import type { HotkeysGroup, HotkeysListItem } from './types';
 import './HotkeysPanel.scss';
 export type HotkeysPanelProps<T> = {
@@ -20,6 +19,5 @@ export type HotkeysPanelProps<T> = {
     listClassName?: string;
     leftOffset?: number | string;
     topOffset?: number | string;
-    preventScrollBody?: DrawerProps['preventScrollBody'];
 } & Omit<ListProps<HotkeysListItem>, 'items' | 'emptyPlaceholder' | 'className' | 'size' | 'renderItem' | 'filterable' | 'autoFocus' | 'filterPlaceholder' | 'filterClassName' | 'filter' | 'filterItem' | 'onFilterEnd' | 'onFilterUpdate'>;
-export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, preventScrollBody, hotkeys, itemClassName, filterable, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;
+export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;

package/build/cjs/components/Settings/Settings.d.ts

@@ -28,7 +28,7 @@ export interface SettingsGroupProps {
 }
 export interface SettingsPageProps {
     id?: string;
-    title: string;
+    title?: string;
     icon?: IconProps;
     children: React.ReactNode;
 }
@@ -38,8 +38,6 @@ export interface SettingsSectionProps {
     header?: React.ReactNode;
     children: React.ReactNode;
     withBadge?: boolean;
-    showTitle?: boolean;
-    onlyChild?: boolean;
 }
 export interface SettingsItemProps {
     id?: string;

package/build/cjs/components/Settings/collect-settings.d.ts

@@ -26,8 +26,6 @@ export interface SettingsPageSection {
     items: SettingsItem[];
     hidden?: boolean;
     withBadge?: boolean;
-    showTitle?: boolean;
-    onlyChild?: boolean;
 }
 export interface SettingsItem {
     id?: string;

package/build/cjs/components/types.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributeAnchorTarget } from 'react';
-import { AlertProps, IconProps, QAProps } from '@gravity-ui/uikit';
+import { AlertProps, ButtonProps, IconProps, QAProps } from '@gravity-ui/uikit';
 import { ItemProps } from 'src/components/CompositeBar/Item/Item';
 export type MenuItemType = 'regular' | 'action' | 'divider';
 export type OpenModalSubscriber = (open: boolean) => void;
@@ -42,6 +42,10 @@ export interface MenuItem extends QAProps {
      * The category to which the menu item belongs. Need for grouping in the display/editing mode of all pages
      */
     category?: string;
+    /**
+     * Pass extra props to UIKit Button for action type item
+     */
+    extraButtonProps?: ButtonProps;
 }
 export type SubheaderMenuItem = Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'>;
 export interface LogoProps {

package/build/cjs/index3.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var HotkeysPanel = require('./HotkeysPanel-D1wI7tZj.js');
+var HotkeysPanel = require('./HotkeysPanel-C436myZY.js');
 require('./tslib.es6-D25eJ2i9.js');
 require('react');
 require('@gravity-ui/uikit');

package/build/cjs/index4.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Settings = require('./Settings-D6-a2hgE.js');
+var Settings = require('./Settings-x0a3P0Vr.js');
 require('./tslib.es6-D25eJ2i9.js');
 require('react');
 require('@gravity-ui/uikit');

package/build/cjs/index5.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var FooterItem = require('./FooterItem-Bl_XrJ67.js');
+var FooterItem = require('./FooterItem-CLk0aHrc.js');
 require('react');
 require('./Content-Dy2XkiRi.js');
 require('./Drawer.js');

package/build/cjs/index6.js

@@ -4,14 +4,14 @@ var AsideHeader = require('./AsideHeader.js');
 var AsideHeaderContext = require('./AsideHeaderContext.js');
 var FooterItem = require('./FooterItem.js');
 var PageLayout = require('./PageLayout.js');
-var PageLayoutAside = require('./PageLayoutAside-BzYF9W7M.js');
+var PageLayoutAside = require('./PageLayoutAside-SMHlPBAO.js');
 var AsideFallback = require('./AsideFallback.js');
 var Drawer = require('./Drawer.js');
 var ActionBar = require('./ActionBar-_qjZ9IMA.js');
 var Title = require('./Title-CzxcSMoP.js');
-var HotkeysPanel = require('./HotkeysPanel-D1wI7tZj.js');
-var Settings = require('./Settings-D6-a2hgE.js');
-var FooterItem$1 = require('./FooterItem-Bl_XrJ67.js');
+var HotkeysPanel = require('./HotkeysPanel-C436myZY.js');
+var Settings = require('./Settings-x0a3P0Vr.js');
+var FooterItem$1 = require('./FooterItem-CLk0aHrc.js');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
 var debounce = require('./debounce-RFF04eVR.js');
@@ -24,7 +24,7 @@ require('./constants-B0DLAQY9.js');
 require('./utils-BrRoop7o.js');
 require('@bem-react/classname');
 require('@gravity-ui/uikit/i18n');
-require('./Item-B_-IH1_h.js');
+require('./Item-CLHysLDd.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./divider-collapsed-BLSp99lJ.js');
 require('react-dom');

package/build/esm/AsideHeader.js

@@ -1,7 +1,7 @@
 import { _ as __rest } from './tslib.es6-BCqiemNI.js';
 import React__default from 'react';
 import { PageLayout } from './PageLayout.js';
-import { P as PageLayoutAside } from './PageLayoutAside-DQVfkCeA.js';
+import { P as PageLayoutAside } from './PageLayoutAside-Bd3aJNrH.js';
 import './Content-c3e3OunO.js';
 import './constants-ChYDZ5F2.js';
 import './AsideHeaderContext.js';
@@ -12,7 +12,7 @@ import './style-inject.es-Bff-fD1R.js';
 import '@gravity-ui/uikit';
 import '@gravity-ui/icons';
 import '@gravity-ui/uikit/i18n';
-import './Item-BnjbUb88.js';
+import './Item-BU0M-jfC.js';
 import './debounce-DW3XyyUs.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './divider-collapsed-BgKmR8h9.js';

package/build/esm/AsideHeaderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsideHeaderContext.js","sources":["../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerProps} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: MenuItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: MenuItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n}\n\nexport const AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(\n    undefined,\n);\nAsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';\n\nexport const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;\n\nexport const useAsideHeaderInnerContext = (): AsideHeaderInnerContextType => {\n    const contextValue = React.useContext(AsideHeaderInnerContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderInnerContext is not initialized.\n        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);\n    }\n    return contextValue;\n};\n\nexport interface AsideHeaderContextType {\n    compact: boolean;\n    size: number;\n}\n\nexport const AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({\n    compact: false,\n    size: 0,\n});\n\nAsideHeaderContext.displayName = 'AsideHeaderContext';\n\nexport const AsideHeaderContextProvider = AsideHeaderContext.Provider;\n\nexport const useAsideHeaderContext = (): AsideHeaderContextType => {\n    const contextValue = React.useContext(AsideHeaderContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderContext is not initialized.\n        Please check if you wrapped your component with AsideHeader\n        Context.Provider`);\n    }\n    return contextValue;\n};\n"],"names":["React"],"mappings":";;AAgBa,MAAA,uBAAuB,GAAGA,cAAK,CAAC,aAAa,CACtD,SAAS;AAEb,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;AAElD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAEhE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC;AAC9D,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC;;AAEtF,IAAA,OAAO,YAAY;AACvB;AAOa,MAAA,kBAAkB,GAAGA,cAAK,CAAC,aAAa,CAAqC;AACtF,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACV,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAExC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC;AAEtD,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AACzD,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC;;AAEtB,IAAA,OAAO,YAAY;AACvB;;;;"}
+{"version":3,"file":"AsideHeaderContext.js","sources":["../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerProps} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: MenuItem[];\n    defaultMenuItems?: MenuItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: MenuItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n}\n\nexport const AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(\n    undefined,\n);\nAsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';\n\nexport const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;\n\nexport const useAsideHeaderInnerContext = (): AsideHeaderInnerContextType => {\n    const contextValue = React.useContext(AsideHeaderInnerContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderInnerContext is not initialized.\n        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);\n    }\n    return contextValue;\n};\n\nexport interface AsideHeaderContextType {\n    compact: boolean;\n    size: number;\n}\n\nexport const AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({\n    compact: false,\n    size: 0,\n});\n\nAsideHeaderContext.displayName = 'AsideHeaderContext';\n\nexport const AsideHeaderContextProvider = AsideHeaderContext.Provider;\n\nexport const useAsideHeaderContext = (): AsideHeaderContextType => {\n    const contextValue = React.useContext(AsideHeaderContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderContext is not initialized.\n        Please check if you wrapped your component with AsideHeader\n        Context.Provider`);\n    }\n    return contextValue;\n};\n"],"names":["React"],"mappings":";;AAiBa,MAAA,uBAAuB,GAAGA,cAAK,CAAC,aAAa,CACtD,SAAS;AAEb,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;AAElD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAEhE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC;AAC9D,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC;;AAEtF,IAAA,OAAO,YAAY;AACvB;AAOa,MAAA,kBAAkB,GAAGA,cAAK,CAAC,aAAa,CAAqC;AACtF,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACV,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAExC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC;AAEtD,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AACzD,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC;;AAEtB,IAAA,OAAO,YAAY;AACvB;;;;"}

package/build/esm/Drawer.js

@@ -2395,7 +2395,7 @@ function useResizableDrawerItem(params) {
     return { resizedWidth: displayWidth, resizerHandlers: handlers };
 }
 
-var css_248z = ".gn-drawer{--_--item-shadow-default:0 1px 5px 0 var(--g-color-sfx-shadow);--_--resizer-width:8px;--_--resizer-color:var(--g-color-base-generic);--_--resizer-handle-color:var(--g-color-line-generic);--_--resizer-handle-color-hover:var(--g-color-line-generic-hover);--_--resizer-z-index:100;--_--veil-background-color:var(--g-color-sfx-veil);pointer-events:none}.gn-drawer_hideVeil{--_--item-shadow:var(--gn-drawer-item-shadow,var(--_--item-shadow-default))}.gn-drawer__item{background-color:var(--g-color-base-background);bottom:0;box-shadow:var(--_--item-shadow,none);height:100%;left:0;pointer-events:auto;position:absolute;top:0;will-change:transform;z-index:var(--gn-drawer-item-z-index)}.gn-drawer__item_direction_right{left:auto;right:0}.gn-drawer__item-transition-enter{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-enter{transform:translate(100%)}.gn-drawer__item-transition-enter-active,.gn-drawer__item-transition_direction_right-enter-active{transform:translate(0);transition:transform .3s}.gn-drawer__item-transition-enter-done,.gn-drawer__item-transition_direction_right-enter-done{filter:blur(0);transform:translateZ(0)}.gn-drawer__item-transition-exit,.gn-drawer__item-transition_direction_right-exit{transform:translate(0)}.gn-drawer__item-transition-exit-active,.gn-drawer__item-transition_direction_right-exit-active{transition:transform .3s}.gn-drawer__item-transition-exit-active{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-exit-active{transform:translate(100%)}.gn-drawer__item-transition-exit-done,.gn-drawer__item-transition_direction_right-exit-done,.gn-drawer__item_hidden{visibility:hidden}.gn-drawer__veil{background-color:var(--gn-drawer-veil-background-color,var(--_--veil-background-color));inset:0;pointer-events:auto;position:absolute;z-index:var(--gn-drawer-veil-z-index)}.gn-drawer__veil_hidden{display:none}.gn-drawer__veil-transition-enter{opacity:0}.gn-drawer__veil-transition-enter-active{opacity:1;transition:opacity .3s}.gn-drawer__veil-transition-exit{opacity:1}.gn-drawer__veil-transition-exit-active{opacity:0;transition:opacity .3s}.gn-drawer__veil-transition-exit-done{visibility:hidden}.gn-drawer__resizer-handle{background:var(--gn-drawer-item-resizer-handle-color,var(--_--resizer-handle-color));border-radius:2px;height:28px;width:2px}.gn-drawer__resizer{align-items:center;background:var(--gn-drawer-item-resizer-color,var(--_--resizer-color));cursor:col-resize;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;width:var(--gn-drawer-item-resizer-width,var(--_--resizer-width));z-index:var(--gn-drawer-item-resizer-z-index,var(--_--resizer-z-index))}.gn-drawer__resizer_direction_right{left:0}.gn-drawer__resizer_direction_left{right:0}.gn-drawer__resizer:hover .gn-drawer__resizer-handle{background:var(--gn-drawer-item-resizer-handle-color-hover,var(--_--resizer-handle-color-hover))}";
+var css_248z = ".gn-drawer{--_--item-shadow-default:0 1px 5px 0 var(--g-color-sfx-shadow);--_--item-position:fixed;--_--resizer-width:8px;--_--resizer-color:var(--g-color-base-generic);--_--resizer-handle-color:var(--g-color-line-generic);--_--resizer-handle-color-hover:var(--g-color-line-generic-hover);--_--resizer-z-index:100;--_--veil-background-color:var(--g-color-sfx-veil);pointer-events:none}.gn-drawer_hideVeil{--_--item-shadow:var(--gn-drawer-item-shadow,var(--_--item-shadow-default))}.gn-drawer__item{background-color:var(--g-color-base-background);bottom:0;box-shadow:var(--_--item-shadow,none);height:100%;left:var(--gn-aside-header-size);pointer-events:auto;position:var(--gn-drawer-item-position,var(--_--item-position));top:0;will-change:transform;z-index:var(--gn-drawer-item-z-index)}.gn-drawer__item_direction_right{left:auto;right:0}.gn-drawer__item-transition-enter{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-enter{transform:translate(100%)}.gn-drawer__item-transition-enter-active,.gn-drawer__item-transition_direction_right-enter-active{transform:translate(0);transition:transform .3s}.gn-drawer__item-transition-enter-done,.gn-drawer__item-transition_direction_right-enter-done{filter:blur(0);transform:translateZ(0)}.gn-drawer__item-transition-exit,.gn-drawer__item-transition_direction_right-exit{transform:translate(0)}.gn-drawer__item-transition-exit-active,.gn-drawer__item-transition_direction_right-exit-active{transition:transform .3s}.gn-drawer__item-transition-exit-active{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-exit-active{transform:translate(100%)}.gn-drawer__item-transition-exit-done,.gn-drawer__item-transition_direction_right-exit-done,.gn-drawer__item_hidden{visibility:hidden}.gn-drawer__veil{background-color:var(--gn-drawer-veil-background-color,var(--_--veil-background-color));inset:0;pointer-events:auto;position:absolute;z-index:var(--gn-drawer-veil-z-index)}.gn-drawer__veil_hidden{display:none}.gn-drawer__veil-transition-enter{opacity:0}.gn-drawer__veil-transition-enter-active{opacity:1;transition:opacity .3s}.gn-drawer__veil-transition-exit{opacity:1}.gn-drawer__veil-transition-exit-active{opacity:0;transition:opacity .3s}.gn-drawer__veil-transition-exit-done{visibility:hidden}.gn-drawer__resizer-handle{background:var(--gn-drawer-item-resizer-handle-color,var(--_--resizer-handle-color));border-radius:2px;height:28px;width:2px}.gn-drawer__resizer{align-items:center;background:var(--gn-drawer-item-resizer-color,var(--_--resizer-color));cursor:col-resize;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;width:var(--gn-drawer-item-resizer-width,var(--_--resizer-width));z-index:var(--gn-drawer-item-resizer-z-index,var(--_--resizer-z-index))}.gn-drawer__resizer_direction_right{left:0}.gn-drawer__resizer_direction_left{right:0}.gn-drawer__resizer:hover .gn-drawer__resizer-handle{background:var(--gn-drawer-item-resizer-handle-color-hover,var(--_--resizer-handle-color-hover))}";
 styleInject(css_248z);
 
 const b = block('drawer');
@@ -2423,9 +2423,7 @@ const DrawerItem = React__default.forwardRef(function DrawerItem(props, ref) {
         React__default.createElement("div", { ref: handleRef, className: b('item', { direction: cssDirection, hidden: isInitialRender && !visible }, [className]), style: { width: resizable ? `${resizedWidth}px` : undefined } },
             resizerElement, children !== null && children !== undefined ? children : content)));
 });
-const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEscape, 
-// preventScrollBody = true,
-hideVeil, disablePortal = true, keepMounted = false, }) => {
+const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEscape, hideVeil, disablePortal = true, keepMounted = false, }) => {
     let someItemVisible = false;
     React__default.Children.forEach(children, (child) => {
         if (React__default.isValidElement(child) && child.type === DrawerItem) {
@@ -2448,7 +2446,6 @@ hideVeil, disablePortal = true, keepMounted = false, }) => {
             window.removeEventListener('keydown', onKeyDown);
         };
     }, [onEscape, someItemVisible]);
-    // useBodyScrollLock({enabled: preventScrollBody && someItemVisible});
     const containerRef = React__default.useRef(null);
     const veilRef = React__default.useRef(null);
     const drawer = (React__default.createElement(Transition, { in: someItemVisible, timeout: { enter: 0, exit: TIMEOUT }, mountOnEnter: !keepMounted, unmountOnExit: !keepMounted, nodeRef: containerRef }, (state) => {