@gravity-ui/navigation 5.0.0-beta.3 → 5.0.1

package/build/cjs/components/AsideHeader/components/Panels.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panels.js","sources":["../../../../../../src/components/AsideHeader/components/Panels.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {Drawer, DrawerProps} from '@gravity-ui/uikit';\n\nimport {useAsideHeaderInnerContext} from '../AsideHeaderContext';\nimport {b} from '../utils';\n\nexport const Panels: React.FC = () => {\n    const {panelItems, size, onClosePanel, onExpand, onFold} = useAsideHeaderInnerContext();\n\n    const handleVeilClick = useCallback(() => {\n        onFold?.();\n        onClosePanel?.();\n    }, [onClosePanel, onFold]);\n\n    const handleOpenChange: Required<DrawerProps>['onOpenChange'] = useCallback(\n        (open, _event, reason) => {\n            if (reason === 'outside-press') {\n                handleVeilClick();\n                return;\n            }\n\n            if (!open) {\n                onClosePanel?.();\n            }\n\n            return;\n        },\n        [handleVeilClick, onClosePanel],\n    );\n\n    return panelItems ? (\n        <React.Fragment>\n            {panelItems.map((item) => (\n                <Drawer\n                    key={item.id}\n                    className={b('panels')}\n                    open={item.visible}\n                    onOpenChange={handleOpenChange}\n                    style={{left: size}}\n                    contentClassName={b('panel', item.className)}\n                >\n                    <div onMouseEnter={onExpand} className={b('panel-content')}>\n                        {item.content}\n                    </div>\n                </Drawer>\n            ))}\n        </React.Fragment>\n    ) : null;\n};\n"],"names":["useAsideHeaderInnerContext","useCallback","Drawer","b"],"mappings":";;;;;;;AAOO,MAAM,MAAM,GAAa,MAAK;AACjC,IAAA,MAAM,EAAC,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAC,GAAGA,6CAA0B,EAAE;AAEvF,IAAA,MAAM,eAAe,GAAGC,iBAAW,CAAC,MAAK;AACrC,QAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,EAAI;AACV,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;AACpB,KAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAE1B,MAAM,gBAAgB,GAA0CA,iBAAW,CACvE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,KAAI;AACrB,QAAA,IAAI,MAAM,KAAK,eAAe,EAAE;AAC5B,YAAA,eAAe,EAAE;YACjB;;QAGJ,IAAI,CAAC,IAAI,EAAE;AACP,YAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;;QAGpB;AACJ,KAAC,EACD,CAAC,eAAe,EAAE,YAAY,CAAC,CAClC;AAED,IAAA,OAAO,UAAU,IACb,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA,EACV,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,MACjB,KAAC,CAAA,aAAA,CAAAC,YAAM,EACH,EAAA,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAEC,OAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAE,IAAI,CAAC,OAAO,EAClB,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EACnB,gBAAgB,EAAEA,OAAC,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EAAA;QAE5C,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAEA,OAAC,CAAC,eAAe,CAAC,EACrD,EAAA,IAAI,CAAC,OAAO,CACX,CACD,CACZ,CAAC,CACW,IACjB,IAAI;AACZ;;;;"}
+{"version":3,"file":"Panels.js","sources":["../../../../../../src/components/AsideHeader/components/Panels.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Drawer} from '@gravity-ui/uikit';\n\nimport {useAsideHeaderInnerContext} from '../AsideHeaderContext';\nimport {b} from '../utils';\n\nexport const Panels = () => {\n    const {panelItems, onClosePanel, size} = useAsideHeaderInnerContext();\n\n    return panelItems ? (\n        <React.Fragment>\n            {panelItems.map(({id, className, style: itemStyle, ...rest}) => (\n                <Drawer\n                    {...rest}\n                    key={id}\n                    className={b('panels')}\n                    onOpenChange={(open) => !open && onClosePanel?.()}\n                    style={{...itemStyle, left: size, top: 'var(--gn-top-alert-height, 0px)'}}\n                    contentClassName={b('panel', className)}\n                />\n            ))}\n        </React.Fragment>\n    ) : null;\n};\n"],"names":["useAsideHeaderInnerContext","__rest","Drawer","b"],"mappings":";;;;;;;;AAOO,MAAM,MAAM,GAAG,MAAK;IACvB,MAAM,EAAC,UAAU,EAAE,YAAY,EAAE,IAAI,EAAC,GAAGA,6CAA0B,EAAE;AAErE,IAAA,OAAO,UAAU,IACb,oBAAC,KAAK,CAAC,QAAQ,EAAA,IAAA,EACV,UAAU,CAAC,GAAG,CAAC,CAAC,EAA0C,KAAI;AAA9C,QAAA,IAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAA,GAAA,EAAU,EAAL,IAAI,GAAzCC,YAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,CAA0C,CAAD;QAAM,QAC5D,KAAC,CAAA,aAAA,CAAAC,YAAM,EACC,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,EAAE,EACP,SAAS,EAAEC,OAAC,CAAC,QAAQ,CAAC,EACtB,YAAY,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,KAAI,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,EAAI,CAAA,EACjD,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,SAAS,CAAA,EAAA,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,iCAAiC,EAAA,CAAA,EACxE,gBAAgB,EAAEA,OAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EACzC,CAAA,CAAA;AACL,KAAA,CAAC,CACW,IACjB,IAAI;AACZ;;;;"}

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

@@ -1,13 +1,10 @@
 import * as React from 'react';
-import { PopupProps, QAProps } from '@gravity-ui/uikit';
+import { DrawerProps, PopupProps, QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
-import { LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps } from '../types';
+import { LogoProps, MenuItem, OpenModalSubscriber, TopAlertProps } from '../types';
 import { AsideHeaderContextType } from './AsideHeaderContext';
-export interface PanelItemProps {
+export interface PanelItemProps extends DrawerProps {
     id: string;
-    content?: React.ReactNode;
-    visible?: boolean;
-    className?: string;
 }
 export interface LayoutProps {
     compact: boolean;
@@ -54,10 +51,7 @@ interface AsideHeaderDefaultProps {
     subheaderItems?: AsideHeaderItem[];
     menuItems?: AsideHeaderItem[];
     defaultMenuItems?: AsideHeaderItem[];
-    menuGroups?: MenuGroup[];
-    defaultMenuGroups?: MenuGroup[];
     onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;
-    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;
     headerDecoration?: boolean;
 }
 export type AsideHeaderInnerProps = AsideHeaderGeneralProps & AsideHeaderDefaultProps & AsideHeaderContextType;
@@ -106,13 +100,4 @@ export interface AsideHeaderItem extends MenuItem {
      */
     onOpenChangePopup?: PopupProps['onOpenChange'];
 }
-export interface GroupedMenuItem extends MenuItem {
-    groupId: string;
-    collapsible: boolean;
-    isCollapsed: boolean;
-    isDisabled: boolean;
-    collapsedByDefault?: boolean;
-    items: MenuItemsWithGroups[];
-}
-export type MenuItemsWithGroups = MenuItem | GroupedMenuItem;
 export {};

package/build/cjs/components/AsideHeader/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {PopupProps, QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\n\nexport interface PanelItemProps {\n    id: string;\n    content?: React.ReactNode;\n    visible?: boolean;\n    className?: string;\n}\n\nexport interface LayoutProps {\n    compact: boolean;\n    className?: string;\n    topAlert?: TopAlertProps;\n}\n\ninterface EditMenuProps {\n    onOpenEditMode?: () => void;\n    onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;\n    onResetSettingsToDefault?: () => void;\n    enableSorting?: boolean;\n    onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;\n}\n\ninterface AsideHeaderGeneralProps extends QAProps {\n    logo?: LogoProps;\n    multipleTooltip?: boolean;\n    className?: string;\n    collapseTitle?: string;\n    expandTitle?: string;\n    menuMoreTitle?: string;\n    topAlert?: TopAlertProps;\n    customBackground?: React.ReactNode;\n    customBackgroundClassName?: string;\n    hideCollapseButton?: boolean;\n    renderContent?: RenderContentType;\n    renderFooter?: (data: {\n        size: number;\n        compact: boolean;\n        asideRef: React.RefObject<HTMLDivElement>;\n    }) => React.ReactNode;\n    collapseButtonWrapper?: (\n        defaultButton: React.ReactNode,\n        data: {\n            compact: boolean;\n            onChangeCompact?: (compact: boolean) => void;\n        },\n    ) => React.ReactNode;\n    editMenuProps?: EditMenuProps;\n    onClosePanel?: () => void;\n    onChangeCompact?: (compact: boolean) => void;\n    onMenuMoreClick?: () => void;\n    onAllPagesClick?: () => void;\n    openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;\n}\n\ninterface AsideHeaderDefaultProps {\n    panelItems?: PanelItemProps[];\n    subheaderItems?: AsideHeaderItem[];\n    menuItems?: AsideHeaderItem[];\n    defaultMenuItems?: AsideHeaderItem[];\n    menuGroups?: MenuGroup[];\n    defaultMenuGroups?: MenuGroup[];\n    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;\n    headerDecoration?: boolean;\n}\n\nexport type AsideHeaderInnerProps = AsideHeaderGeneralProps &\n    AsideHeaderDefaultProps &\n    AsideHeaderContextType;\n\nexport interface AsideHeaderProps\n    extends AsideHeaderGeneralProps,\n        LayoutProps,\n        Partial<AsideHeaderDefaultProps> {}\n\nexport enum InnerPanels {\n    AllPages = 'all-pages',\n}\n\nexport interface AsideHeaderItem extends MenuItem {\n    enableTooltip?: boolean;\n    onItemClick?: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n    bringForward?: boolean;\n    compact?: boolean;\n\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupVisible?: PopupProps['open'];\n    /**\n     * Floating element anchor ref object\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupRef?: React.RefObject<HTMLElement>;\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupPlacement?: PopupProps['placement'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupOffset?: PopupProps['offset'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupKeepMounted?: PopupProps['keepMounted'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    renderPopupContent?: () => React.ReactNode;\n    /**\n     * This callback will be called when Escape key pressed on keyboard, or click outside was made\n     * This behaviour could be disabled with `disableEscapeKeyDown`\n     * and `disableOutsideClick` options\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    onOpenChangePopup?: PopupProps['onOpenChange'];\n}\n\nexport interface GroupedMenuItem extends MenuItem {\n    groupId: string;\n    collapsible: boolean;\n    isCollapsed: boolean;\n    isDisabled: boolean;\n    collapsedByDefault?: boolean;\n    items: MenuItemsWithGroups[];\n}\n\nexport type MenuItemsWithGroups = MenuItem | GroupedMenuItem;\n"],"names":["InnerPanels"],"mappings":";;AAmFYA;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {DrawerProps, PopupProps, QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {LogoProps, MenuItem, OpenModalSubscriber, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\n\nexport interface PanelItemProps extends DrawerProps {\n    id: string;\n}\n\nexport interface LayoutProps {\n    compact: boolean;\n    className?: string;\n    topAlert?: TopAlertProps;\n}\n\ninterface EditMenuProps {\n    onOpenEditMode?: () => void;\n    onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;\n    onResetSettingsToDefault?: () => void;\n    enableSorting?: boolean;\n    onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;\n}\n\ninterface AsideHeaderGeneralProps extends QAProps {\n    logo?: LogoProps;\n    multipleTooltip?: boolean;\n    className?: string;\n    collapseTitle?: string;\n    expandTitle?: string;\n    menuMoreTitle?: string;\n    topAlert?: TopAlertProps;\n    customBackground?: React.ReactNode;\n    customBackgroundClassName?: string;\n    hideCollapseButton?: boolean;\n    renderContent?: RenderContentType;\n    renderFooter?: (data: {\n        size: number;\n        compact: boolean;\n        asideRef: React.RefObject<HTMLDivElement>;\n    }) => React.ReactNode;\n    collapseButtonWrapper?: (\n        defaultButton: React.ReactNode,\n        data: {\n            compact: boolean;\n            onChangeCompact?: (compact: boolean) => void;\n        },\n    ) => React.ReactNode;\n    editMenuProps?: EditMenuProps;\n    onClosePanel?: () => void;\n    onChangeCompact?: (compact: boolean) => void;\n    onMenuMoreClick?: () => void;\n    onAllPagesClick?: () => void;\n    openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;\n}\n\ninterface AsideHeaderDefaultProps {\n    panelItems?: PanelItemProps[];\n    subheaderItems?: AsideHeaderItem[];\n    menuItems?: AsideHeaderItem[];\n    defaultMenuItems?: AsideHeaderItem[];\n    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n    headerDecoration?: boolean;\n}\n\nexport type AsideHeaderInnerProps = AsideHeaderGeneralProps &\n    AsideHeaderDefaultProps &\n    AsideHeaderContextType;\n\nexport interface AsideHeaderProps\n    extends AsideHeaderGeneralProps,\n        LayoutProps,\n        Partial<AsideHeaderDefaultProps> {}\n\nexport enum InnerPanels {\n    AllPages = 'all-pages',\n}\n\nexport interface AsideHeaderItem extends MenuItem {\n    enableTooltip?: boolean;\n    onItemClick?: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n    bringForward?: boolean;\n    compact?: boolean;\n\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupVisible?: PopupProps['open'];\n    /**\n     * Floating element anchor ref object\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupRef?: React.RefObject<HTMLElement>;\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupPlacement?: PopupProps['placement'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupOffset?: PopupProps['offset'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupKeepMounted?: PopupProps['keepMounted'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    renderPopupContent?: () => React.ReactNode;\n    /**\n     * This callback will be called when Escape key pressed on keyboard, or click outside was made\n     * This behaviour could be disabled with `disableEscapeKeyDown`\n     * and `disableOutsideClick` options\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    onOpenChangePopup?: PopupProps['onOpenChange'];\n}\n"],"names":["InnerPanels"],"mappings":";;AA6EYA;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;;"}

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

@@ -2,8 +2,4 @@ import { AsideHeaderInnerContextType } from './AsideHeaderContext';
 import { AsideHeaderProps } from './types';
 export declare const useAsideHeaderInnerContextValue: (props: AsideHeaderProps & {
     size: number;
-    compact: boolean;
-    isExpanded: boolean;
-    onExpand?: () => void;
-    onFold?: () => void;
 }) => AsideHeaderInnerContextType;

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.js

@@ -3,19 +3,20 @@
 var React = require('react');
 var AllPagesPanel = require('./components/AllPagesPanel/AllPagesPanel.js');
 var constants = require('./components/AllPagesPanel/constants.js');
+require('./AsideHeaderContext.js');
 var types = require('./types.js');
 
 const EMPTY_MENU_ITEMS = [];
 const useAsideHeaderInnerContextValue = (props) => {
-    const { size, onClosePanel, menuItems, menuGroups, defaultMenuGroups, panelItems, onMenuItemsChanged, onMenuGroupsChanged, onAllPagesClick, } = props;
+    const { size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick } = props;
     const [innerVisiblePanel, setInnerVisiblePanel] = React.useState();
     const ALL_PAGES_MENU_ITEM = React.useMemo(() => {
         return constants.getAllPagesMenuItem();
     }, []);
     const allPagesIsAvailable = Boolean(onMenuItemsChanged) && (!menuItems || (menuItems === null || menuItems === undefined ? undefined : menuItems.length) > 0);
     React.useEffect(() => {
-        // If any user panel became visible we need to switch off all inner panels
-        if (panelItems === null || panelItems === undefined ? undefined : panelItems.some((x) => x.visible)) {
+        // If any user panel became open we need to switch off all inner panels
+        if (panelItems === null || panelItems === undefined ? undefined : panelItems.some((x) => x.open)) {
             setInnerVisiblePanel(undefined);
         }
     }, [panelItems]);
@@ -34,17 +35,6 @@ const useAsideHeaderInnerContextValue = (props) => {
         }
         (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event);
     }, [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel]);
-    const onToggleGroupCollapsed = React.useCallback((groupId) => {
-        const updatedMenuGroups = menuGroups === null || menuGroups === undefined ? undefined : menuGroups.map((group) => {
-            if (group.id === groupId) {
-                return Object.assign(Object.assign({}, group), { collapsed: !group.collapsed });
-            }
-            return group;
-        });
-        if (updatedMenuGroups) {
-            onMenuGroupsChanged === null || onMenuGroupsChanged === undefined ? undefined : onMenuGroupsChanged(updatedMenuGroups);
-        }
-    }, [menuGroups, onMenuGroupsChanged]);
     const innerMenuItems = React.useMemo(() => allPagesIsAvailable
         ? [
             ...(menuItems || EMPTY_MENU_ITEMS),
@@ -59,16 +49,14 @@ const useAsideHeaderInnerContextValue = (props) => {
             ...(panelItems || []),
             {
                 id: types.InnerPanels.AllPages,
-                content: React.createElement(AllPagesPanel.AllPagesPanel, null),
-                visible: innerVisiblePanel === types.InnerPanels.AllPages,
+                children: React.createElement(AllPagesPanel.AllPagesPanel, null),
+                open: innerVisiblePanel === types.InnerPanels.AllPages,
+                size: 'auto',
             },
         ];
     }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);
-    return Object.assign(Object.assign({}, props), { onClosePanel: innerOnClosePanel, allPagesIsAvailable, menuItems: innerMenuItems, menuGroups,
-        defaultMenuGroups,
-        onMenuGroupsChanged, panelItems: innerPanelItems, size,
-        onItemClick,
-        onToggleGroupCollapsed });
+    return Object.assign(Object.assign({}, props), { onClosePanel: innerOnClosePanel, allPagesIsAvailable, menuItems: innerMenuItems, panelItems: innerPanelItems, size,
+        onItemClick });
 };
 
 exports.useAsideHeaderInnerContextValue = useAsideHeaderInnerContextValue;

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsideHeaderInnerContextValue.js","sources":["../../../../../src/components/AsideHeader/useAsideHeaderInnerContextValue.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerContextType} from './AsideHeaderContext';\nimport {AllPagesPanel, getAllPagesMenuItem} from './components/AllPagesPanel';\nimport {AsideHeaderItem, AsideHeaderProps, InnerPanels} from './types';\n\nconst EMPTY_MENU_ITEMS: AsideHeaderItem[] = [];\n\nexport const useAsideHeaderInnerContextValue = (\n    props: AsideHeaderProps & {\n        size: number;\n        compact: boolean;\n        isExpanded: boolean;\n        onExpand?: () => void;\n        onFold?: () => void;\n    },\n): AsideHeaderInnerContextType => {\n    const {\n        size,\n        onClosePanel,\n        menuItems,\n        menuGroups,\n        defaultMenuGroups,\n        panelItems,\n        onMenuItemsChanged,\n        onMenuGroupsChanged,\n        onAllPagesClick,\n    } = props;\n\n    const [innerVisiblePanel, setInnerVisiblePanel] = useState<InnerPanels | undefined>();\n    const ALL_PAGES_MENU_ITEM = React.useMemo(() => {\n        return getAllPagesMenuItem();\n    }, []);\n\n    const allPagesIsAvailable =\n        Boolean(onMenuItemsChanged) && (!menuItems || menuItems?.length > 0);\n\n    useEffect(() => {\n        // If any user panel became visible we need to switch off all inner panels\n        if (panelItems?.some((x) => x.visible)) {\n            setInnerVisiblePanel(undefined);\n        }\n    }, [panelItems]);\n\n    const innerOnClosePanel = useCallback(() => {\n        setInnerVisiblePanel(undefined);\n        onClosePanel?.();\n    }, [onClosePanel]);\n\n    const onItemClick = useCallback(\n        (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n            if (item.id === ALL_PAGES_MENU_ITEM.id) {\n                onClosePanel?.();\n                setInnerVisiblePanel((prev) =>\n                    prev === InnerPanels.AllPages ? undefined : InnerPanels.AllPages,\n                );\n            } else {\n                innerOnClosePanel();\n            }\n            item.onItemClick?.(item, collapsed, event);\n        },\n        [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel],\n    );\n\n    const onToggleGroupCollapsed = useCallback(\n        (groupId: string) => {\n            const updatedMenuGroups = menuGroups?.map((group) => {\n                if (group.id === groupId) {\n                    return {\n                        ...group,\n                        collapsed: !group.collapsed,\n                    };\n                }\n                return group;\n            });\n\n            if (updatedMenuGroups) {\n                onMenuGroupsChanged?.(updatedMenuGroups);\n            }\n        },\n        [menuGroups, onMenuGroupsChanged],\n    );\n\n    const innerMenuItems = useMemo(\n        () =>\n            allPagesIsAvailable\n                ? [\n                      ...(menuItems || EMPTY_MENU_ITEMS),\n                      {\n                          ...ALL_PAGES_MENU_ITEM,\n                          current: innerVisiblePanel === InnerPanels.AllPages,\n                          onItemClick: onAllPagesClick,\n                      },\n                  ]\n                : menuItems || EMPTY_MENU_ITEMS,\n        [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick],\n    );\n\n    const innerPanelItems = useMemo(() => {\n        if (!allPagesIsAvailable) {\n            return panelItems;\n        }\n        return [\n            ...(panelItems || []),\n            {\n                id: InnerPanels.AllPages,\n                content: <AllPagesPanel />,\n                visible: innerVisiblePanel === InnerPanels.AllPages,\n            },\n        ];\n    }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);\n\n    return {\n        ...props,\n        onClosePanel: innerOnClosePanel,\n        allPagesIsAvailable,\n        menuItems: innerMenuItems,\n        menuGroups,\n        defaultMenuGroups,\n        onMenuGroupsChanged,\n        panelItems: innerPanelItems,\n        size,\n        onItemClick,\n        onToggleGroupCollapsed,\n    };\n};\n"],"names":["useState","getAllPagesMenuItem","useEffect","useCallback","InnerPanels","useMemo","AllPagesPanel"],"mappings":"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"}
+{"version":3,"file":"useAsideHeaderInnerContextValue.js","sources":["../../../../../src/components/AsideHeader/useAsideHeaderInnerContextValue.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerContextType} from './AsideHeaderContext';\nimport {AllPagesPanel, getAllPagesMenuItem} from './components/AllPagesPanel';\nimport {AsideHeaderItem, AsideHeaderProps, InnerPanels, PanelItemProps} from './types';\n\nconst EMPTY_MENU_ITEMS: AsideHeaderItem[] = [];\n\nexport const useAsideHeaderInnerContextValue = (\n    props: AsideHeaderProps & {size: number},\n): AsideHeaderInnerContextType => {\n    const {size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick} = props;\n    const [innerVisiblePanel, setInnerVisiblePanel] = useState<InnerPanels | undefined>();\n    const ALL_PAGES_MENU_ITEM = React.useMemo(() => {\n        return getAllPagesMenuItem();\n    }, []);\n\n    const allPagesIsAvailable =\n        Boolean(onMenuItemsChanged) && (!menuItems || menuItems?.length > 0);\n\n    useEffect(() => {\n        // If any user panel became open we need to switch off all inner panels\n        if (panelItems?.some((x) => x.open)) {\n            setInnerVisiblePanel(undefined);\n        }\n    }, [panelItems]);\n\n    const innerOnClosePanel = useCallback(() => {\n        setInnerVisiblePanel(undefined);\n        onClosePanel?.();\n    }, [onClosePanel]);\n\n    const onItemClick = useCallback(\n        (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n            if (item.id === ALL_PAGES_MENU_ITEM.id) {\n                onClosePanel?.();\n                setInnerVisiblePanel((prev) =>\n                    prev === InnerPanels.AllPages ? undefined : InnerPanels.AllPages,\n                );\n            } else {\n                innerOnClosePanel();\n            }\n            item.onItemClick?.(item, collapsed, event);\n        },\n        [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel],\n    );\n\n    const innerMenuItems = useMemo(\n        () =>\n            allPagesIsAvailable\n                ? [\n                      ...(menuItems || EMPTY_MENU_ITEMS),\n                      {\n                          ...ALL_PAGES_MENU_ITEM,\n                          current: innerVisiblePanel === InnerPanels.AllPages,\n                          onItemClick: onAllPagesClick,\n                      },\n                  ]\n                : menuItems || EMPTY_MENU_ITEMS,\n        [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick],\n    );\n\n    const innerPanelItems = useMemo<PanelItemProps[] | undefined>(() => {\n        if (!allPagesIsAvailable) {\n            return panelItems;\n        }\n\n        return [\n            ...(panelItems || []),\n            {\n                id: InnerPanels.AllPages,\n                children: <AllPagesPanel />,\n                open: innerVisiblePanel === InnerPanels.AllPages,\n                size: 'auto',\n            },\n        ];\n    }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);\n\n    return {\n        ...props,\n        onClosePanel: innerOnClosePanel,\n        allPagesIsAvailable,\n        menuItems: innerMenuItems,\n        panelItems: innerPanelItems,\n        size,\n        onItemClick,\n    };\n};\n"],"names":["useState","getAllPagesMenuItem","useEffect","useCallback","InnerPanels","useMemo","AllPagesPanel"],"mappings":"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"}

package/build/cjs/components/Footer/MenuItem/MenuItem.js

@@ -1,7 +1,7 @@
 import './MenuItem.css';
 'use strict';
 
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
 var cn = require('../../utils/cn.js');
@@ -9,7 +9,7 @@ var MenuItem_module = require('./MenuItem.module.scss.js');
 
 const b = cn.createBlock('footer-menu-item', MenuItem_module.default);
 const MenuItem = (_a) => {
-    var { text, className } = _a, menuItemProps = tslib_es6.__rest(_a, ["text", "className"]);
+    var { text, className } = _a, menuItemProps = tslib.__rest(_a, ["text", "className"]);
     return (React.createElement(uikit.Menu.Item, Object.assign({ className: b(null, className) }, menuItemProps), text));
 };
 

package/build/cjs/components/Footer/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Footer/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type {FC} from 'react';\n\nimport {Menu} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../utils/cn';\nimport {FooterMenuItem} from '../types';\n\nimport styles from './MenuItem.module.scss';\n\nconst b = createBlock('footer-menu-item', styles);\n\ntype MenuItemProps = FooterMenuItem;\n\nexport const MenuItem: FC<MenuItemProps> = ({text, className, ...menuItemProps}) => {\n    return (\n        <Menu.Item className={b(null, className)} {...menuItemProps}>\n            {text}\n        </Menu.Item>\n    );\n};\n"],"names":["createBlock","styles","__rest","Menu"],"mappings":";;;;;;;;AAUA,MAAM,CAAC,GAAGA,cAAW,CAAC,kBAAkB,EAAEC,uBAAM,CAAC;AAIpC,MAAA,QAAQ,GAAsB,CAAC,EAAmC,KAAI;QAAvC,EAAC,IAAI,EAAE,SAAS,EAAA,GAAA,EAAmB,EAAd,aAAa,GAAAC,gBAAA,CAAA,EAAA,EAAlC,qBAAmC,CAAD;IAC1E,QACI,oBAACC,UAAI,CAAC,IAAI,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAM,EAAA,aAAa,GACtD,IAAI,CACG;AAEpB;;;;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Footer/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type {FC} from 'react';\n\nimport {Menu} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../utils/cn';\nimport {FooterMenuItem} from '../types';\n\nimport styles from './MenuItem.module.scss';\n\nconst b = createBlock('footer-menu-item', styles);\n\ntype MenuItemProps = FooterMenuItem;\n\nexport const MenuItem: FC<MenuItemProps> = ({text, className, ...menuItemProps}) => {\n    return (\n        <Menu.Item className={b(null, className)} {...menuItemProps}>\n            {text}\n        </Menu.Item>\n    );\n};\n"],"names":["createBlock","styles","__rest","Menu"],"mappings":";;;;;;;;AAUA,MAAM,CAAC,GAAGA,cAAW,CAAC,kBAAkB,EAAEC,uBAAM,CAAC;AAIpC,MAAA,QAAQ,GAAsB,CAAC,EAAmC,KAAI;QAAvC,EAAC,IAAI,EAAE,SAAS,EAAA,GAAA,EAAmB,EAAd,aAAa,GAAAC,YAAA,CAAA,EAAA,EAAlC,qBAAmC,CAAD;IAC1E,QACI,oBAACC,UAAI,CAAC,IAAI,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAM,EAAA,aAAa,GACtD,IAAI,CACG;AAEpB;;;;"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ReactNode } from 'react';
-import type { ListProps } from '@gravity-ui/uikit';
+import type { DrawerProps, HotkeyProps, ListProps } from '@gravity-ui/uikit';
 import type { HotkeysGroup, HotkeysListItem } from './types';
 export type HotkeysPanelProps<T> = {
     hotkeys: HotkeysGroup<T>[];
@@ -9,7 +9,7 @@ export type HotkeysPanelProps<T> = {
     filterable?: boolean;
     filterPlaceholder?: string;
     emptyState?: ReactNode;
-    visible: boolean;
+    open: boolean;
     onClose?: () => void;
     className?: string;
     drawerItemClassName?: string;
@@ -19,5 +19,9 @@ export type HotkeysPanelProps<T> = {
     listClassName?: string;
     leftOffset?: number | string;
     topOffset?: number | string;
+    style?: React.CSSProperties;
+    platform?: HotkeyProps['platform'];
+    drawerProps?: Omit<DrawerProps, 'style' | 'contentClassName' | 'open' | 'className'>;
+    disableNavigationOffset?: boolean;
 } & 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, hotkeys, itemClassName, filterable, filterPlaceholder, title, togglePanelHotkey, emptyState, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;
+export declare function HotkeysPanel<T = {}>({ open, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable, filterPlaceholder, title, togglePanelHotkey, emptyState, platform, drawerProps, style: styleProp, disableNavigationOffset, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;

package/build/cjs/components/HotkeysPanel/HotkeysPanel.js

@@ -1,9 +1,10 @@
 import './HotkeysPanel.css';
 'use strict';
 
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
+var AsideHeaderContext = require('../AsideHeader/AsideHeaderContext.js');
 var cn = require('../utils/cn.js');
 var filterHotkeys = require('./utils/filterHotkeys.js');
 var flattenHotkeyGroups = require('./utils/flattenHotkeyGroups.js');
@@ -11,8 +12,11 @@ var HotkeysPanel_module = require('./HotkeysPanel.module.scss.js');
 
 const b = cn.createBlock('hotkeys-panel', HotkeysPanel_module.default);
 function HotkeysPanel(_a) {
-    var { visible, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable = true, filterPlaceholder, title, togglePanelHotkey, emptyState } = _a, listProps = tslib_es6.__rest(_a, ["visible", "onClose", "leftOffset", "topOffset", "className", "drawerItemClassName", "filterClassName", "titleClassName", "listClassName", "itemContentClassName", "hotkeys", "itemClassName", "filterable", "filterPlaceholder", "title", "togglePanelHotkey", "emptyState"]);
+    var _b;
+    var { open, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable = true, filterPlaceholder, title, togglePanelHotkey, emptyState, platform, drawerProps, style: styleProp, disableNavigationOffset = false } = _a, listProps = tslib.__rest(_a, ["open", "onClose", "leftOffset", "topOffset", "className", "drawerItemClassName", "filterClassName", "titleClassName", "listClassName", "itemContentClassName", "hotkeys", "itemClassName", "filterable", "filterPlaceholder", "title", "togglePanelHotkey", "emptyState", "platform", "drawerProps", "style", "disableNavigationOffset"]);
+    const textInputRef = React.useRef(null);
     const [filter, setFilter] = React.useState('');
+    const { size } = (_b = AsideHeaderContext.useSafeAsideHeaderContext()) !== null && _b !== undefined ? _b : { size: 0 };
     const hotkeysList = React.useMemo(() => {
         const filteredHotkeys = filterHotkeys.filterHotkeys(hotkeys, filter);
         return flattenHotkeyGroups.flattenHotkeyGroups(filteredHotkeys);
@@ -21,17 +25,22 @@ function HotkeysPanel(_a) {
         React.createElement("span", null,
             item.title,
             item.hint && (React.createElement(uikit.HelpMark, { "aria-hidden": true, popoverProps: { className: b('item-hint-tooltip') }, className: b('item-hint') }, item.hint))),
-        item.value && React.createElement(uikit.Hotkey, { className: b('hotkey'), value: item.value }))), [itemContentClassName]);
+        item.value && (React.createElement(uikit.Hotkey, { className: b('hotkey'), value: item.value, platform: platform })))), [itemContentClassName, platform]);
     const drawerItemContent = (React.createElement(React.Fragment, null,
         React.createElement(uikit.Text, { variant: "subheader-3", as: 'h2', className: b('title', titleClassName) },
             title,
-            togglePanelHotkey && React.createElement(uikit.Hotkey, { value: togglePanelHotkey })),
-        filterable && (React.createElement(uikit.TextInput, { value: filter, onUpdate: setFilter, placeholder: filterPlaceholder, autoFocus: true, className: b('search', filterClassName), hasClear: true })),
+            togglePanelHotkey && React.createElement(uikit.Hotkey, { value: togglePanelHotkey, platform: platform })),
+        filterable && (React.createElement(uikit.TextInput, { controlRef: textInputRef, value: filter, onUpdate: setFilter, placeholder: filterPlaceholder, autoFocus: true, className: b('search', filterClassName), hasClear: true })),
         React.createElement(uikit.List, Object.assign({ className: b('list', listClassName), virtualized: false, filterable: false, items: hotkeysList, renderItem: renderItem, itemClassName: b('item', itemClassName), emptyPlaceholder: emptyState }, listProps))));
-    return (React.createElement(uikit.Drawer, { className: b(null, className), open: visible, onOpenChange: (open) => !open && (onClose === null || onClose === undefined ? undefined : onClose()), style: {
-            left: leftOffset,
-            top: topOffset,
-        }, contentClassName: b('drawer-item', drawerItemClassName) }, drawerItemContent));
+    const onOpenChange = React.useCallback((newOpen) => {
+        var _a;
+        if (!newOpen) {
+            onClose === null || onClose === undefined ? undefined : onClose();
+        }
+        (_a = drawerProps === null || drawerProps === undefined ? undefined : drawerProps.onOpenChange) === null || _a === undefined ? undefined : _a.call(drawerProps, newOpen);
+    }, [drawerProps, onClose]);
+    const style = React.useMemo(() => (Object.assign(Object.assign(Object.assign({ position: 'fixed', left: disableNavigationOffset ? undefined : size }, styleProp), (leftOffset !== undefined && { left: leftOffset })), (topOffset !== undefined && { top: topOffset }))), [disableNavigationOffset, styleProp, leftOffset, size, topOffset]);
+    return (React.createElement(uikit.Drawer, Object.assign({ className: b(null, className), open: open, initialFocus: filterable ? textInputRef : undefined, onOpenChange: onOpenChange, style: style, contentClassName: b('drawer-item', drawerItemClassName) }, drawerProps), drawerItemContent));
 }
 
 exports.HotkeysPanel = HotkeysPanel;

package/build/cjs/components/HotkeysPanel/HotkeysPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotkeysPanel.js","sources":["../../../../../src/components/HotkeysPanel/HotkeysPanel.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Drawer, HelpMark, Hotkey, List, Text, TextInput} from '@gravity-ui/uikit';\nimport type {ListProps} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../utils/cn';\n\nimport type {HotkeysGroup, HotkeysListItem} from './types';\nimport {filterHotkeys} from './utils/filterHotkeys';\nimport {flattenHotkeyGroups} from './utils/flattenHotkeyGroups';\n\nimport styles from './HotkeysPanel.module.scss';\n\nconst b = createBlock('hotkeys-panel', styles);\n\nexport type HotkeysPanelProps<T> = {\n    hotkeys: HotkeysGroup<T>[];\n    title?: ReactNode;\n    togglePanelHotkey?: string;\n    filterable?: boolean;\n    filterPlaceholder?: string;\n    emptyState?: ReactNode;\n    visible: boolean;\n    onClose?: () => void;\n    className?: string;\n    drawerItemClassName?: string;\n    filterClassName?: string;\n    titleClassName?: string;\n    itemContentClassName?: string;\n    listClassName?: string;\n    leftOffset?: number | string;\n    topOffset?: number | string;\n} & Omit<\n    ListProps<HotkeysListItem>,\n    | 'items'\n    | 'emptyPlaceholder'\n    | 'className'\n    | 'size'\n    | 'renderItem'\n    | 'filterable'\n    | 'autoFocus'\n    | 'filterPlaceholder'\n    | 'filterClassName'\n    | 'filter'\n    | 'filterItem'\n    | 'onFilterEnd'\n    | 'onFilterUpdate'\n>;\n\nexport function HotkeysPanel<T = {}>({\n    visible,\n    onClose,\n    leftOffset,\n    topOffset,\n    className,\n    drawerItemClassName,\n    filterClassName,\n    titleClassName,\n    listClassName,\n    itemContentClassName,\n    hotkeys,\n    itemClassName,\n    filterable = true,\n    filterPlaceholder,\n    title,\n    togglePanelHotkey,\n    emptyState,\n    ...listProps\n}: HotkeysPanelProps<T>) {\n    const [filter, setFilter] = useState('');\n\n    const hotkeysList = useMemo(() => {\n        const filteredHotkeys = filterHotkeys(hotkeys, filter);\n        return flattenHotkeyGroups(filteredHotkeys);\n    }, [hotkeys, filter]);\n\n    const renderItem = useCallback(\n        (item: HotkeysListItem) => (\n            <Text\n                as={item.group ? ('h3' as const) : ('p' as const)}\n                variant={item.group ? 'subheader-2' : 'body-1'}\n                className={b(\n                    'item-content',\n                    {type: item.group ? 'group' : 'item'},\n                    itemContentClassName,\n                )}\n                key={item.title}\n            >\n                <span>\n                    {item.title}\n                    {item.hint && (\n                        <HelpMark\n                            aria-hidden\n                            popoverProps={{className: b('item-hint-tooltip')}}\n                            className={b('item-hint')}\n                        >\n                            {item.hint}\n                        </HelpMark>\n                    )}\n                </span>\n                {item.value && <Hotkey className={b('hotkey')} value={item.value} />}\n            </Text>\n        ),\n        [itemContentClassName],\n    );\n\n    const drawerItemContent = (\n        <React.Fragment>\n            <Text variant=\"subheader-3\" as={'h2' as const} className={b('title', titleClassName)}>\n                {title}\n                {togglePanelHotkey && <Hotkey value={togglePanelHotkey} />}\n            </Text>\n            {filterable && (\n                <TextInput\n                    value={filter}\n                    onUpdate={setFilter}\n                    placeholder={filterPlaceholder}\n                    autoFocus\n                    className={b('search', filterClassName)}\n                    hasClear\n                />\n            )}\n            <List<HotkeysListItem>\n                className={b('list', listClassName)}\n                virtualized={false}\n                filterable={false}\n                items={hotkeysList}\n                renderItem={renderItem}\n                itemClassName={b('item', itemClassName)}\n                emptyPlaceholder={emptyState}\n                {...listProps}\n            />\n        </React.Fragment>\n    );\n\n    return (\n        <Drawer\n            className={b(null, className)}\n            open={visible}\n            onOpenChange={(open) => !open && onClose?.()}\n            style={{\n                left: leftOffset,\n                top: topOffset,\n            }}\n            contentClassName={b('drawer-item', drawerItemClassName)}\n        >\n            {drawerItemContent}\n        </Drawer>\n    );\n}\n"],"names":["createBlock","styles","__rest","useState","useMemo","filterHotkeys","flattenHotkeyGroups","useCallback","Text","HelpMark","Hotkey","TextInput","List","Drawer"],"mappings":"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"}
+{"version":3,"file":"HotkeysPanel.js","sources":["../../../../../src/components/HotkeysPanel/HotkeysPanel.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useRef, useState} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Drawer, HelpMark, Hotkey, List, Text, TextInput} from '@gravity-ui/uikit';\nimport type {DrawerProps, HotkeyProps, ListProps} from '@gravity-ui/uikit';\n\nimport {useSafeAsideHeaderContext} from '../AsideHeader/AsideHeaderContext';\nimport {createBlock} from '../utils/cn';\n\nimport type {HotkeysGroup, HotkeysListItem} from './types';\nimport {filterHotkeys} from './utils/filterHotkeys';\nimport {flattenHotkeyGroups} from './utils/flattenHotkeyGroups';\n\nimport styles from './HotkeysPanel.module.scss';\n\nconst b = createBlock('hotkeys-panel', styles);\n\nexport type HotkeysPanelProps<T> = {\n    hotkeys: HotkeysGroup<T>[];\n    title?: ReactNode;\n    togglePanelHotkey?: string;\n    filterable?: boolean;\n    filterPlaceholder?: string;\n    emptyState?: ReactNode;\n    open: boolean;\n    onClose?: () => void;\n    className?: string;\n    drawerItemClassName?: string;\n    filterClassName?: string;\n    titleClassName?: string;\n    itemContentClassName?: string;\n    listClassName?: string;\n    leftOffset?: number | string;\n    topOffset?: number | string;\n    style?: React.CSSProperties;\n    platform?: HotkeyProps['platform'];\n    drawerProps?: Omit<DrawerProps, 'style' | 'contentClassName' | 'open' | 'className'>;\n    disableNavigationOffset?: boolean;\n} & Omit<\n    ListProps<HotkeysListItem>,\n    | 'items'\n    | 'emptyPlaceholder'\n    | 'className'\n    | 'size'\n    | 'renderItem'\n    | 'filterable'\n    | 'autoFocus'\n    | 'filterPlaceholder'\n    | 'filterClassName'\n    | 'filter'\n    | 'filterItem'\n    | 'onFilterEnd'\n    | 'onFilterUpdate'\n>;\n\nexport function HotkeysPanel<T = {}>({\n    open,\n    onClose,\n    leftOffset,\n    topOffset,\n    className,\n    drawerItemClassName,\n    filterClassName,\n    titleClassName,\n    listClassName,\n    itemContentClassName,\n    hotkeys,\n    itemClassName,\n    filterable = true,\n    filterPlaceholder,\n    title,\n    togglePanelHotkey,\n    emptyState,\n    platform,\n    drawerProps,\n    style: styleProp,\n    disableNavigationOffset = false,\n    ...listProps\n}: HotkeysPanelProps<T>) {\n    const textInputRef = useRef<HTMLInputElement>(null);\n\n    const [filter, setFilter] = useState('');\n\n    const {size} = useSafeAsideHeaderContext() ?? {size: 0};\n\n    const hotkeysList = useMemo(() => {\n        const filteredHotkeys = filterHotkeys(hotkeys, filter);\n        return flattenHotkeyGroups(filteredHotkeys);\n    }, [hotkeys, filter]);\n\n    const renderItem = useCallback(\n        (item: HotkeysListItem) => (\n            <Text\n                as={item.group ? ('h3' as const) : ('p' as const)}\n                variant={item.group ? 'subheader-2' : 'body-1'}\n                className={b(\n                    'item-content',\n                    {type: item.group ? 'group' : 'item'},\n                    itemContentClassName,\n                )}\n                key={item.title}\n            >\n                <span>\n                    {item.title}\n                    {item.hint && (\n                        <HelpMark\n                            aria-hidden\n                            popoverProps={{className: b('item-hint-tooltip')}}\n                            className={b('item-hint')}\n                        >\n                            {item.hint}\n                        </HelpMark>\n                    )}\n                </span>\n                {item.value && (\n                    <Hotkey className={b('hotkey')} value={item.value} platform={platform} />\n                )}\n            </Text>\n        ),\n        [itemContentClassName, platform],\n    );\n\n    const drawerItemContent = (\n        <React.Fragment>\n            <Text variant=\"subheader-3\" as={'h2' as const} className={b('title', titleClassName)}>\n                {title}\n                {togglePanelHotkey && <Hotkey value={togglePanelHotkey} platform={platform} />}\n            </Text>\n            {filterable && (\n                <TextInput\n                    controlRef={textInputRef}\n                    value={filter}\n                    onUpdate={setFilter}\n                    placeholder={filterPlaceholder}\n                    autoFocus\n                    className={b('search', filterClassName)}\n                    hasClear\n                />\n            )}\n            <List<HotkeysListItem>\n                className={b('list', listClassName)}\n                virtualized={false}\n                filterable={false}\n                items={hotkeysList}\n                renderItem={renderItem}\n                itemClassName={b('item', itemClassName)}\n                emptyPlaceholder={emptyState}\n                {...listProps}\n            />\n        </React.Fragment>\n    );\n\n    const onOpenChange = useCallback(\n        (newOpen: boolean) => {\n            if (!newOpen) {\n                onClose?.();\n            }\n\n            drawerProps?.onOpenChange?.(newOpen);\n        },\n        [drawerProps, onClose],\n    );\n\n    const style = useMemo<React.CSSProperties>(\n        () => ({\n            position: 'fixed',\n            left: disableNavigationOffset ? undefined : size,\n            ...styleProp,\n            ...(leftOffset !== undefined && {left: leftOffset}),\n            ...(topOffset !== undefined && {top: topOffset}),\n        }),\n        [disableNavigationOffset, styleProp, leftOffset, size, topOffset],\n    );\n\n    return (\n        <Drawer\n            className={b(null, className)}\n            open={open}\n            initialFocus={filterable ? textInputRef : undefined}\n            onOpenChange={onOpenChange}\n            style={style}\n            contentClassName={b('drawer-item', drawerItemClassName)}\n            {...drawerProps}\n        >\n            {drawerItemContent}\n        </Drawer>\n    );\n}\n"],"names":["createBlock","styles","__rest","useRef","useState","useSafeAsideHeaderContext","useMemo","filterHotkeys","flattenHotkeyGroups","useCallback","Text","HelpMark","Hotkey","TextInput","List","Drawer"],"mappings":"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"}

package/build/cjs/components/Logo/Logo.css

@@ -1 +1 @@
-.Logo-module__gn-logo___u7qyb{align-items:center;display:flex;height:40px}.Logo-module__gn-logo__btn-logo___tvsre{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:flex-start;overflow-wrap:break-word;width:100%;word-break:break-word}.Logo-module__gn-logo__btn-logo___tvsre, .Logo-module__gn-logo__btn-logo___tvsre:active, .Logo-module__gn-logo__btn-logo___tvsre:focus, .Logo-module__gn-logo__btn-logo___tvsre:hover, .Logo-module__gn-logo__btn-logo___tvsre:visited{color:inherit;outline:none;text-decoration:none}.Logo-module__gn-logo__btn-logo___tvsre:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.Logo-module__gn-logo__logo___VTPuF{margin:0 var(--g-spacing-4) 0 var(--g-spacing-2)}.Logo-module__gn-logo__logo-enter-active___v-EHi, .Logo-module__gn-logo__logo-enter___guT20, .Logo-module__gn-logo__logo_compact___r0vWw{opacity:0}.Logo-module__gn-logo__logo-enter-done___rEUEb, .Logo-module__gn-logo__logo-exit___BtM0n{opacity:1;transition:opacity 50ms ease-in-out}.Logo-module__gn-logo__logo-exit-active___EJwFb, .Logo-module__gn-logo__logo-exit-done___1j9-s{opacity:0}.Logo-module__gn-logo__logo-icon-place___HUtrN{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:36px}
+.Logo-module__gn-logo___u7qyb{align-items:center;display:flex;height:40px}.Logo-module__gn-logo__btn-logo___tvsre{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:flex-start;overflow-wrap:break-word;width:100%;word-break:break-word}.Logo-module__gn-logo__btn-logo___tvsre, .Logo-module__gn-logo__btn-logo___tvsre:active, .Logo-module__gn-logo__btn-logo___tvsre:focus, .Logo-module__gn-logo__btn-logo___tvsre:hover, .Logo-module__gn-logo__btn-logo___tvsre:visited{color:inherit;outline:none;text-decoration:none}.Logo-module__gn-logo__btn-logo___tvsre:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.Logo-module__gn-logo__logo-icon-place___HUtrN{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:36px}

package/build/cjs/components/Logo/Logo.js

@@ -1,23 +1,13 @@
 import './Logo.css';
 'use strict';
 
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
-var reactTransitionGroup = require('react-transition-group');
-var constants = require('../constants.js');
 var cn = require('../utils/cn.js');
 var Logo_module = require('./Logo.module.scss.js');
 
 const b = cn.createBlock('logo', Logo_module.default);
-const logoTransitionClasses = {
-    enter: b('logo-enter'),
-    enterActive: b('logo-enter-active'),
-    enterDone: b('logo-enter-done'),
-    exit: b('logo-exit'),
-    exitActive: b('logo-exit-active'),
-    exitDone: b('logo-exit-done'),
-};
 const Logo = ({ text, icon, iconSrc, iconClassName, iconPlaceClassName, iconSize = 24, textSize = 15, href, target = '_self', wrapper, onClick, compact, className, buttonClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, }) => {
     const hasWrapper = typeof wrapper === 'function';
     let buttonIcon;
@@ -33,7 +23,7 @@ const Logo = ({ text, icon, iconSrc, iconClassName, iconPlaceClassName, iconSize
         logo = text();
     }
     else {
-        logo = (React.createElement("div", { className: b('logo', { compact }), style: { fontSize: textSize } }, text));
+        logo = (React.createElement("div", { className: b('logo'), style: { fontSize: textSize } }, text));
     }
     const _a = href
         ? {
@@ -44,10 +34,10 @@ const Logo = ({ text, icon, iconSrc, iconClassName, iconPlaceClassName, iconSize
             'aria-label': ariaLabel,
             'aria-labelledby': ariaLabelledby,
         }
-        : { tag: 'span' }, { tag: Button } = _a, buttonProps = tslib_es6.__rest(_a, ["tag"]);
+        : { tag: 'span' }, { tag: Button } = _a, buttonProps = tslib.__rest(_a, ["tag"]);
     const button = (React.createElement(Button, Object.assign({}, buttonProps, { className: b('btn-logo', buttonClassName), onClick: onClick }),
         React.createElement("span", { className: b('logo-icon-place', iconPlaceClassName) }, buttonIcon),
-        React.createElement(reactTransitionGroup.CSSTransition, { in: !compact, timeout: constants.ASIDE_HEADER_EXPAND_TRANSITION_DELAY, classNames: logoTransitionClasses }, logo)));
+        !compact && logo));
     return (React.createElement("div", { className: b(null, className) }, hasWrapper ? wrapper(button, Boolean(compact)) : button));
 };
 

package/build/cjs/components/Logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\nimport {CSSTransition} from 'react-transition-group';\n\nimport {ASIDE_HEADER_EXPAND_TRANSITION_DELAY} from '../constants';\nimport {LogoProps} from '../types';\nimport {createBlock} from '../utils/cn';\n\nimport styles from './Logo.module.scss';\n\nconst b = createBlock('logo', styles);\n\nconst logoTransitionClasses = {\n    enter: b('logo-enter'),\n    enterActive: b('logo-enter-active'),\n    enterDone: b('logo-enter-done'),\n    exit: b('logo-exit'),\n    exitActive: b('logo-exit-active'),\n    exitDone: b('logo-exit-done'),\n};\n\nexport const Logo: React.FC<\n    LogoProps & {compact?: boolean; buttonClassName?: string; iconPlaceClassName?: string}\n> = ({\n    text,\n    icon,\n    iconSrc,\n    iconClassName,\n    iconPlaceClassName,\n    iconSize = 24,\n    textSize = 15,\n    href,\n    target = '_self',\n    wrapper,\n    onClick,\n    compact,\n    className,\n    buttonClassName,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n}) => {\n    const hasWrapper = typeof wrapper === 'function';\n\n    let buttonIcon;\n\n    if (iconSrc) {\n        buttonIcon = (\n            <span className={iconClassName}>\n                <img alt=\"logo icon\" src={iconSrc} width={iconSize} height={iconSize} />\n            </span>\n        );\n    } else if (icon) {\n        buttonIcon = <Icon data={icon} size={iconSize} className={iconClassName} />;\n    }\n\n    let logo: React.ReactNode;\n\n    if (typeof text === 'function') {\n        logo = text();\n    } else {\n        logo = (\n            <div className={b('logo', {compact})} style={{fontSize: textSize}}>\n                {text}\n            </div>\n        );\n    }\n\n    const {tag: Button, ...buttonProps} = href\n        ? ({\n              tag: 'a',\n              target,\n              rel: target === '_self' ? undefined : 'noreferrer',\n              href,\n              'aria-label': ariaLabel,\n              'aria-labelledby': ariaLabelledby,\n          } as const)\n        : ({tag: 'span'} as const);\n\n    const button = (\n        <Button {...buttonProps} className={b('btn-logo', buttonClassName)} onClick={onClick}>\n            <span className={b('logo-icon-place', iconPlaceClassName)}>{buttonIcon}</span>\n\n            <CSSTransition\n                in={!compact}\n                timeout={ASIDE_HEADER_EXPAND_TRANSITION_DELAY}\n                classNames={logoTransitionClasses}\n            >\n                {logo}\n            </CSSTransition>\n        </Button>\n    );\n\n    return (\n        <div className={b(null, className)}>\n            {hasWrapper ? wrapper(button, Boolean(compact)) : button}\n        </div>\n    );\n};\n"],"names":["createBlock","styles","Icon","__rest","CSSTransition","ASIDE_HEADER_EXPAND_TRANSITION_DELAY"],"mappings":"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"}
+{"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {LogoProps} from '../types';\nimport {createBlock} from '../utils/cn';\n\nimport styles from './Logo.module.scss';\n\nconst b = createBlock('logo', styles);\n\nexport const Logo: React.FC<\n    LogoProps & {compact?: boolean; buttonClassName?: string; iconPlaceClassName?: string}\n> = ({\n    text,\n    icon,\n    iconSrc,\n    iconClassName,\n    iconPlaceClassName,\n    iconSize = 24,\n    textSize = 15,\n    href,\n    target = '_self',\n    wrapper,\n    onClick,\n    compact,\n    className,\n    buttonClassName,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n}) => {\n    const hasWrapper = typeof wrapper === 'function';\n\n    let buttonIcon;\n\n    if (iconSrc) {\n        buttonIcon = (\n            <span className={iconClassName}>\n                <img alt=\"logo icon\" src={iconSrc} width={iconSize} height={iconSize} />\n            </span>\n        );\n    } else if (icon) {\n        buttonIcon = <Icon data={icon} size={iconSize} className={iconClassName} />;\n    }\n\n    let logo: React.ReactNode;\n\n    if (typeof text === 'function') {\n        logo = text();\n    } else {\n        logo = (\n            <div className={b('logo')} style={{fontSize: textSize}}>\n                {text}\n            </div>\n        );\n    }\n\n    const {tag: Button, ...buttonProps} = href\n        ? ({\n              tag: 'a',\n              target,\n              rel: target === '_self' ? undefined : 'noreferrer',\n              href,\n              'aria-label': ariaLabel,\n              'aria-labelledby': ariaLabelledby,\n          } as const)\n        : ({tag: 'span'} as const);\n\n    const button = (\n        <Button {...buttonProps} className={b('btn-logo', buttonClassName)} onClick={onClick}>\n            <span className={b('logo-icon-place', iconPlaceClassName)}>{buttonIcon}</span>\n            {!compact && logo}\n        </Button>\n    );\n\n    return (\n        <div className={b(null, className)}>\n            {hasWrapper ? wrapper(button, Boolean(compact)) : button}\n        </div>\n    );\n};\n"],"names":["createBlock","styles","Icon","__rest"],"mappings":";;;;;;;;AASA,MAAM,CAAC,GAAGA,cAAW,CAAC,MAAM,EAAEC,mBAAM,CAAC;MAExB,IAAI,GAEb,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,MAAM,GAAG,OAAO,EAChB,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,eAAe,EACf,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GACpC,KAAI;AACD,IAAA,MAAM,UAAU,GAAG,OAAO,OAAO,KAAK,UAAU;AAEhD,IAAA,IAAI,UAAU;IAEd,IAAI,OAAO,EAAE;AACT,QAAA,UAAU,IACN,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,aAAa,EAAA;AAC1B,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,WAAW,EAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAI,CAAA,CACrE,CACV;;SACE,IAAI,IAAI,EAAE;AACb,QAAA,UAAU,GAAG,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,GAAI;;AAG/E,IAAA,IAAI,IAAqB;AAEzB,IAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;QAC5B,IAAI,GAAG,IAAI,EAAE;;SACV;QACH,IAAI,IACA,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EACjD,EAAA,IAAI,CACH,CACT;;AAGL,IAAA,MAAM,KAAgC;AAClC,UAAG;AACG,YAAA,GAAG,EAAE,GAAG;YACR,MAAM;YACN,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,GAAG,YAAY;YAClD,IAAI;AACJ,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,iBAAiB,EAAE,cAAc;AAC1B;AACb,UAAG,EAAC,GAAG,EAAE,MAAM,EAAW,EATxB,EAAC,GAAG,EAAE,MAAM,EASY,GAAA,EAAA,EATP,WAAW,GAA5BC,YAAA,CAAA,EAAA,EAAA,CAAA,KAAA,CAA6B,CASL;AAE9B,IAAA,MAAM,MAAM,IACR,oBAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,WAAW,EAAE,EAAA,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAA,CAAA;QAChF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAG,EAAA,UAAU,CAAQ;AAC7E,QAAA,CAAC,OAAO,IAAI,IAAI,CACZ,CACZ;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,EAAA,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CACtD;AAEd;;;;"}

package/build/cjs/components/Logo/Logo.module.scss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"gn-logo":"Logo-module__gn-logo___u7qyb","gnLogo":"Logo-module__gn-logo___u7qyb","gn-logo__btn-logo":"Logo-module__gn-logo__btn-logo___tvsre","gnLogoBtnLogo":"Logo-module__gn-logo__btn-logo___tvsre","gn-logo__logo":"Logo-module__gn-logo__logo___VTPuF","gnLogoLogo":"Logo-module__gn-logo__logo___VTPuF","gn-logo__logo_compact":"Logo-module__gn-logo__logo_compact___r0vWw","gnLogoLogoCompact":"Logo-module__gn-logo__logo_compact___r0vWw","gn-logo__logo-enter":"Logo-module__gn-logo__logo-enter___guT20","gnLogoLogoEnter":"Logo-module__gn-logo__logo-enter___guT20","gn-logo__logo-enter-active":"Logo-module__gn-logo__logo-enter-active___v-EHi","gnLogoLogoEnterActive":"Logo-module__gn-logo__logo-enter-active___v-EHi","gn-logo__logo-enter-done":"Logo-module__gn-logo__logo-enter-done___rEUEb","gnLogoLogoEnterDone":"Logo-module__gn-logo__logo-enter-done___rEUEb","gn-logo__logo-exit":"Logo-module__gn-logo__logo-exit___BtM0n","gnLogoLogoExit":"Logo-module__gn-logo__logo-exit___BtM0n","gn-logo__logo-exit-active":"Logo-module__gn-logo__logo-exit-active___EJwFb","gnLogoLogoExitActive":"Logo-module__gn-logo__logo-exit-active___EJwFb","gn-logo__logo-exit-done":"Logo-module__gn-logo__logo-exit-done___1j9-s","gnLogoLogoExitDone":"Logo-module__gn-logo__logo-exit-done___1j9-s","gn-logo__logo-icon-place":"Logo-module__gn-logo__logo-icon-place___HUtrN","gnLogoLogoIconPlace":"Logo-module__gn-logo__logo-icon-place___HUtrN"};
+var styles = {"gn-logo":"Logo-module__gn-logo___u7qyb","gnLogo":"Logo-module__gn-logo___u7qyb","gn-logo__btn-logo":"Logo-module__gn-logo__btn-logo___tvsre","gnLogoBtnLogo":"Logo-module__gn-logo__btn-logo___tvsre","gn-logo__logo-icon-place":"Logo-module__gn-logo__logo-icon-place___HUtrN","gnLogoLogoIconPlace":"Logo-module__gn-logo__logo-icon-place___HUtrN"};
 
 exports.default = styles;
 //# sourceMappingURL=Logo.module.scss.js.map

package/build/cjs/components/MobileHeader/BurgerMenu/BurgerCompositeBar/BurgerCompositeBar.css

@@ -1 +1 @@
-.BurgerCompositeBar-module__gn-burger-composite-bar___U5GNq{overflow-y:auto}.BurgerCompositeBar-module__gn-burger-composite-bar__item___Y4mly{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;height:100%;overflow:hidden;padding:4px 22px 4px 12px}.BurgerCompositeBar-module__gn-burger-composite-bar__item-icon-place___NANj1{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:8px;width:40px}.BurgerCompositeBar-module__gn-burger-composite-bar___U5GNq .BurgerCompositeBar-module__gn-burger-composite-bar__item-icon___-51fe{color:var(--g-color-text-misc)}.BurgerCompositeBar-module__gn-burger-composite-bar__item-title___dDS9B{font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-2-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg{align-items:center;display:flex;flex-grow:1;height:100%}.BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg, .BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg:active, .BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg:focus, .BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg:hover, .BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg:visited{color:inherit;outline:none;text-decoration:none}.BurgerCompositeBar-module__gn-burger-composite-bar__menu-divider___K5OsN{border-top:1px solid var(--g-color-line-generic);flex-grow:1;margin:0}.BurgerCompositeBar-module__gn-burger-composite-bar__root-menu-item___Gsf8J.g-list__item_selected{background-color:var(--g-color-base-selection)}.BurgerCompositeBar-module__gn-burger-composite-bar__root-menu-item___Gsf8J:not(.g-list__item_selected).g-list__item_active{background:none}
+.BurgerCompositeBar-module__gn-burger-composite-bar___U5GNq{overflow-y:auto}.BurgerCompositeBar-module__gn-burger-composite-bar__item___Y4mly{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;height:100%;overflow:hidden;padding:4px 22px 4px 12px}.BurgerCompositeBar-module__gn-burger-composite-bar__item-icon-place___NANj1{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:8px;width:40px}.BurgerCompositeBar-module__gn-burger-composite-bar___U5GNq .BurgerCompositeBar-module__gn-burger-composite-bar__item-icon___-51fe{color:var(--g-color-text-misc)}.BurgerCompositeBar-module__gn-burger-composite-bar__item-title___dDS9B{font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-2-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg{align-items:center;display:flex;flex-grow:1;height:100%}.BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg, .BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg:active, .BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg:focus, .BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg:hover, .BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg:visited{color:inherit;outline:none;text-decoration:none}.BurgerCompositeBar-module__gn-burger-composite-bar__menu-divider___K5OsN{border-top:1px solid var(--g-color-line-generic);flex-grow:1;margin:0}.BurgerCompositeBar-module__gn-burger-composite-bar__root-menu-item___Gsf8J.BurgerCompositeBar-module__g-list__item_selected___hOnlh{background-color:var(--g-color-base-selection)}.BurgerCompositeBar-module__gn-burger-composite-bar__root-menu-item___Gsf8J:not(.BurgerCompositeBar-module__g-list__item_selected___hOnlh).BurgerCompositeBar-module__g-list__item_active___Sm-U7{background:none}

package/build/cjs/components/MobileHeader/BurgerMenu/BurgerCompositeBar/BurgerCompositeBar.module.scss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"gn-burger-composite-bar":"BurgerCompositeBar-module__gn-burger-composite-bar___U5GNq","gnBurgerCompositeBar":"BurgerCompositeBar-module__gn-burger-composite-bar___U5GNq","gn-burger-composite-bar__item":"BurgerCompositeBar-module__gn-burger-composite-bar__item___Y4mly","gnBurgerCompositeBarItem":"BurgerCompositeBar-module__gn-burger-composite-bar__item___Y4mly","gn-burger-composite-bar__item-icon-place":"BurgerCompositeBar-module__gn-burger-composite-bar__item-icon-place___NANj1","gnBurgerCompositeBarItemIconPlace":"BurgerCompositeBar-module__gn-burger-composite-bar__item-icon-place___NANj1","gn-burger-composite-bar__item-icon":"BurgerCompositeBar-module__gn-burger-composite-bar__item-icon___-51fe","gnBurgerCompositeBarItemIcon":"BurgerCompositeBar-module__gn-burger-composite-bar__item-icon___-51fe","gn-burger-composite-bar__item-title":"BurgerCompositeBar-module__gn-burger-composite-bar__item-title___dDS9B","gnBurgerCompositeBarItemTitle":"BurgerCompositeBar-module__gn-burger-composite-bar__item-title___dDS9B","gn-burger-composite-bar__link":"BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg","gnBurgerCompositeBarLink":"BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg","gn-burger-composite-bar__menu-divider":"BurgerCompositeBar-module__gn-burger-composite-bar__menu-divider___K5OsN","gnBurgerCompositeBarMenuDivider":"BurgerCompositeBar-module__gn-burger-composite-bar__menu-divider___K5OsN","gn-burger-composite-bar__root-menu-item":"BurgerCompositeBar-module__gn-burger-composite-bar__root-menu-item___Gsf8J","gnBurgerCompositeBarRootMenuItem":"BurgerCompositeBar-module__gn-burger-composite-bar__root-menu-item___Gsf8J"};
+var styles = {"gn-burger-composite-bar":"BurgerCompositeBar-module__gn-burger-composite-bar___U5GNq","gnBurgerCompositeBar":"BurgerCompositeBar-module__gn-burger-composite-bar___U5GNq","gn-burger-composite-bar__item":"BurgerCompositeBar-module__gn-burger-composite-bar__item___Y4mly","gnBurgerCompositeBarItem":"BurgerCompositeBar-module__gn-burger-composite-bar__item___Y4mly","gn-burger-composite-bar__item-icon-place":"BurgerCompositeBar-module__gn-burger-composite-bar__item-icon-place___NANj1","gnBurgerCompositeBarItemIconPlace":"BurgerCompositeBar-module__gn-burger-composite-bar__item-icon-place___NANj1","gn-burger-composite-bar__item-icon":"BurgerCompositeBar-module__gn-burger-composite-bar__item-icon___-51fe","gnBurgerCompositeBarItemIcon":"BurgerCompositeBar-module__gn-burger-composite-bar__item-icon___-51fe","gn-burger-composite-bar__item-title":"BurgerCompositeBar-module__gn-burger-composite-bar__item-title___dDS9B","gnBurgerCompositeBarItemTitle":"BurgerCompositeBar-module__gn-burger-composite-bar__item-title___dDS9B","gn-burger-composite-bar__link":"BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg","gnBurgerCompositeBarLink":"BurgerCompositeBar-module__gn-burger-composite-bar__link___9uTNg","gn-burger-composite-bar__menu-divider":"BurgerCompositeBar-module__gn-burger-composite-bar__menu-divider___K5OsN","gnBurgerCompositeBarMenuDivider":"BurgerCompositeBar-module__gn-burger-composite-bar__menu-divider___K5OsN","gn-burger-composite-bar__root-menu-item":"BurgerCompositeBar-module__gn-burger-composite-bar__root-menu-item___Gsf8J","gnBurgerCompositeBarRootMenuItem":"BurgerCompositeBar-module__gn-burger-composite-bar__root-menu-item___Gsf8J","g-list__item_selected":"BurgerCompositeBar-module__g-list__item_selected___hOnlh","gListItemSelected":"BurgerCompositeBar-module__g-list__item_selected___hOnlh","g-list__item_active":"BurgerCompositeBar-module__g-list__item_active___Sm-U7","gListItemActive":"BurgerCompositeBar-module__g-list__item_active___Sm-U7"};
 
 exports.default = styles;
 //# sourceMappingURL=BurgerCompositeBar.module.scss.js.map

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { PanelItemProps } from '../AsideHeader';
 import { RenderContentType } from '../Content';
 import { LogoProps, TopAlertProps } from '../types';
 import { BurgerMenuInnerProps } from './BurgerMenu/BurgerMenu';
@@ -10,19 +11,14 @@ interface BurgerMenuProps extends Omit<BurgerMenuInnerProps, 'renderFooter'> {
         isCompact: boolean;
     }) => React.ReactNode;
 }
-type OverlapPanelProps = Omit<CommonOverlapPanelProps, 'onClose' | 'visible'>;
-interface PanelItem {
-    id: string;
-    content?: React.ReactNode;
-    className?: string;
-}
+type OverlapPanelProps = Omit<CommonOverlapPanelProps, 'onClose' | 'open'>;
 export interface MobileHeaderProps {
     logo: LogoProps;
     burgerMenu: BurgerMenuProps;
     overlapPanel?: OverlapPanelProps;
     burgerCloseTitle?: string;
     burgerOpenTitle?: string;
-    panelItems?: PanelItem[];
+    panelItems?: PanelItemProps[];
     topAlert?: TopAlertProps;
     renderContent?: RenderContentType;
     sideItemRenderContent?: RenderContentType;