@gravity-ui/navigation 3.11.0 → 4.0.0

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js

@@ -0,0 +1,44 @@
+import './AllPagesListItem.css';
+'use strict';
+
+var React = require('react');
+var icons = require('@gravity-ui/icons');
+var uikit = require('@gravity-ui/uikit');
+var cn = require('../../../../utils/cn.js');
+var AllPagesListItem_module = require('./AllPagesListItem.module.scss.js');
+
+const b = cn.createBlock('all-pages-list-item', AllPagesListItem_module.default);
+const AllPagesListItem = (props) => {
+    const { item, editMode, onToggle } = props;
+    const ref = React.useRef(null);
+    const onPinButtonClick = React.useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onToggle();
+    }, [onToggle]);
+    const [Tag, tagProps] = item.href ? ['a', { href: item.href }] : ['button', {}];
+    const makeNode = React.useCallback((params) => {
+        const onItemClick = (e) => {
+            if (editMode) {
+                e.stopPropagation();
+                e.preventDefault();
+            }
+        };
+        return (React.createElement(Tag, Object.assign({}, tagProps, { className: b(), onClick: onItemClick, ref: ref }),
+            params.icon,
+            React.createElement("span", { className: b('text') }, params.title),
+            editMode && !item.preventUserRemoving && (React.createElement(uikit.Button, { onClick: onPinButtonClick, view: item.hidden ? 'flat-secondary' : 'flat-action' },
+                React.createElement(uikit.Button.Icon, null, item.hidden ? React.createElement(icons.Pin, null) : React.createElement(icons.PinFill, null))))));
+    }, [Tag, tagProps, editMode, item, onPinButtonClick]);
+    const iconNode = item.icon ? (React.createElement(uikit.Icon, { className: b('icon'), data: item.icon, size: item.iconSize })) : null;
+    const titleNode = item.title;
+    const params = { icon: iconNode, title: titleNode };
+    const opts = { collapsed: false, compact: false, item, ref };
+    if (typeof item.itemWrapper === 'function') {
+        return item.itemWrapper(params, makeNode, opts);
+    }
+    return makeNode(params);
+};
+
+exports.AllPagesListItem = AllPagesListItem;
+//# sourceMappingURL=AllPagesListItem.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesListItem.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx"],"sourcesContent":["import React, {MouseEvent, useCallback, useRef} from 'react';\n\nimport {Pin, PinFill} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\nimport {MakeItemParams} from 'src/components/types';\n\nimport {createBlock} from '../../../../utils/cn';\n\nimport styles from './AllPagesListItem.module.scss';\n\nconst b = createBlock('all-pages-list-item', styles);\n\ninterface AllPagesListItemProps {\n    item: AsideHeaderItem;\n    editMode?: boolean;\n    enableSorting?: boolean;\n    onToggle: () => void;\n    onDragStart?: () => void;\n    onDragEnd?: () => void;\n}\n\nexport const AllPagesListItem: React.FC<AllPagesListItemProps> = (props) => {\n    const {item, editMode, onToggle} = props;\n    const ref = useRef<HTMLAnchorElement & HTMLButtonElement>(null);\n\n    const onPinButtonClick = useCallback(\n        (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            e.stopPropagation();\n            e.preventDefault();\n            onToggle();\n        },\n        [onToggle],\n    );\n\n    const [Tag, tagProps] = item.href ? ['a' as const, {href: item.href}] : ['button' as const, {}];\n\n    const makeNode = useCallback(\n        (params: MakeItemParams) => {\n            const onItemClick = (e: MouseEvent<HTMLElement>) => {\n                if (editMode) {\n                    e.stopPropagation();\n                    e.preventDefault();\n                }\n            };\n\n            return (\n                <Tag {...tagProps} className={b()} onClick={onItemClick} ref={ref}>\n                    {params.icon}\n                    <span className={b('text')}>{params.title}</span>\n                    {editMode && !item.preventUserRemoving && (\n                        <Button\n                            onClick={onPinButtonClick}\n                            view={item.hidden ? 'flat-secondary' : 'flat-action'}\n                        >\n                            <Button.Icon>{item.hidden ? <Pin /> : <PinFill />}</Button.Icon>\n                        </Button>\n                    )}\n                </Tag>\n            );\n        },\n        [Tag, tagProps, editMode, item, onPinButtonClick],\n    );\n\n    const iconNode = item.icon ? (\n        <Icon className={b('icon')} data={item.icon} size={item.iconSize} />\n    ) : null;\n    const titleNode = item.title;\n    const params: MakeItemParams = {icon: iconNode, title: titleNode};\n    const opts = {collapsed: false, compact: false, item, ref};\n\n    if (typeof item.itemWrapper === 'function') {\n        return item.itemWrapper(params, makeNode, opts) as React.ReactElement;\n    }\n\n    return makeNode(params);\n};\n"],"names":["createBlock","styles","useRef","useCallback","Button","Pin","PinFill","Icon"],"mappings":";;;;;;;;AAYA,MAAM,CAAC,GAAGA,cAAW,CAAC,qBAAqB,EAAEC,+BAAM,CAAC;AAWvC,MAAA,gBAAgB,GAAoC,CAAC,KAAK,KAAI;IACvE,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK;AACxC,IAAA,MAAM,GAAG,GAAGC,YAAM,CAAwC,IAAI,CAAC;AAE/D,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAChC,CAAC,CAAoD,KAAI;QACrD,CAAC,CAAC,eAAe,EAAE;QACnB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,QAAQ,EAAE;AACd,KAAC,EACD,CAAC,QAAQ,CAAC,CACb;AAED,IAAA,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,GAAY,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC;AAE/F,IAAA,MAAM,QAAQ,GAAGA,iBAAW,CACxB,CAAC,MAAsB,KAAI;AACvB,QAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;YAC/C,IAAI,QAAQ,EAAE;gBACV,CAAC,CAAC,eAAe,EAAE;gBACnB,CAAC,CAAC,cAAc,EAAE;;AAE1B,SAAC;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,QAAQ,IAAE,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA;AAC5D,YAAA,MAAM,CAAC,IAAI;YACZ,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAG,EAAA,MAAM,CAAC,KAAK,CAAQ;YAChD,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB,KAClC,KAAC,CAAA,aAAA,CAAAC,YAAM,EACH,EAAA,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAAA;gBAEpD,KAAC,CAAA,aAAA,CAAAA,YAAM,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,MAAM,GAAG,KAAC,CAAA,aAAA,CAAAC,SAAG,OAAG,GAAG,KAAA,CAAA,aAAA,CAACC,aAAO,EAAA,IAAA,CAAG,CAAe,CAC3D,CACZ,CACC;AAEd,KAAC,EACD,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,CAAC,CACpD;AAED,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IACtB,KAAA,CAAA,aAAA,CAACC,UAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,IACpE,IAAI;AACR,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;IAC5B,MAAM,MAAM,GAAmB,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAC;AACjE,IAAA,MAAM,IAAI,GAAG,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAC;AAE1D,IAAA,IAAI,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;QACxC,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAuB;;AAGzE,IAAA,OAAO,QAAQ,CAAC,MAAM,CAAC;AAC3B;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"gn-all-pages-list-item":"AllPagesListItem-module__gn-all-pages-list-item___MhygP","gnAllPagesListItem":"AllPagesListItem-module__gn-all-pages-list-item___MhygP","gn-all-pages-list-item__text":"AllPagesListItem-module__gn-all-pages-list-item__text___Fgz1S","gnAllPagesListItemText":"AllPagesListItem-module__gn-all-pages-list-item__text___Fgz1S","gn-all-pages-list-item__icon":"AllPagesListItem-module__gn-all-pages-list-item__icon___9Cgg9","gnAllPagesListItemIcon":"AllPagesListItem-module__gn-all-pages-list-item__icon___9Cgg9","gn-all-pages-list-item_edit-mode":"AllPagesListItem-module__gn-all-pages-list-item_edit-mode___Mvea7","gnAllPagesListItemEditMode":"AllPagesListItem-module__gn-all-pages-list-item_edit-mode___Mvea7"};
+
+exports.default = styles;
+//# sourceMappingURL=AllPagesListItem.module.scss.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesListItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.css

@@ -0,0 +1 @@
+.AllPagesPanel-module__gn-all-pages-panel___RN6Kk{box-sizing:border-box;height:100%;min-width:300px;padding:var(--g-spacing-4) var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__content___XgBXG{flex:1;margin:0 calc(var(--g-spacing-6)*-1);overflow:auto}.AllPagesPanel-module__gn-all-pages-panel__category___iMBE-{padding:0 var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa{display:flex}.AllPagesPanel-module__gn-all-pages-panel__item_editMode___qNANp{padding:0 var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__drag-placeholder___ZDdN5{text-wrap:nowrap;padding-left:88px;padding-right:68px;visibility:hidden}

package/build/{esm → cjs/components/AsideHeader}/components/AllPagesPanel/AllPagesPanel.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './AllPagesPanel.scss';
 interface AllPagesPanelProps {
     className?: string;
     startEditIcon?: React.ReactNode;

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

@@ -0,0 +1,102 @@
+import './AllPagesPanel.css';
+'use strict';
+
+var React = require('react');
+var icons = require('@gravity-ui/icons');
+var uikit = require('@gravity-ui/uikit');
+var cn = require('../../../utils/cn.js');
+var AsideHeaderContext = require('../../AsideHeaderContext.js');
+var AllPagesListItem = require('./AllPagesListItem/AllPagesListItem.js');
+var constants = require('./constants.js');
+var index = require('./i18n/index.js');
+var useGroupedMenuItems = require('./useGroupedMenuItems.js');
+var AllPagesPanel_module = require('./AllPagesPanel.module.scss.js');
+
+const b = cn.createBlock('all-pages-panel', AllPagesPanel_module.default);
+const AllPagesPanel = (props) => {
+    const { startEditIcon, onEditModeChanged, className } = props;
+    const { menuItems, defaultMenuItems, onMenuItemsChanged, editMenuProps } = AsideHeaderContext.useAsideHeaderInnerContext();
+    const menuItemsRef = React.useRef(menuItems);
+    menuItemsRef.current = menuItems;
+    const [isEditMode, setIsEditMode] = React.useState(false);
+    const [draggingItemTitle, setDraggingItemTitle] = React.useState(null);
+    const toggleEditMode = React.useCallback(() => {
+        setIsEditMode((prev) => !prev);
+    }, []);
+    const groupedItems = useGroupedMenuItems.useGroupedMenuItems(menuItems);
+    React.useEffect(() => {
+        var _a;
+        onEditModeChanged === null || onEditModeChanged === undefined ? undefined : onEditModeChanged(isEditMode);
+        if (isEditMode) {
+            (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onOpenEditMode) === null || _a === undefined ? undefined : _a.call(editMenuProps);
+        }
+    }, [isEditMode, onEditModeChanged, editMenuProps]);
+    const onItemClick = React.useCallback((item, _index, _forwardKey, event) => {
+        var _a;
+        // TODO: make event an optional argument
+        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, false, event);
+    }, []);
+    const togglePageVisibility = React.useCallback((item) => {
+        var _a;
+        if (!onMenuItemsChanged) {
+            return;
+        }
+        const changedItem = Object.assign(Object.assign({}, item), { hidden: !item.hidden });
+        const originItems = menuItemsRef.current.filter((menuItem) => menuItem.id !== constants.ALL_PAGES_ID);
+        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onToggleMenuItem) === null || _a === undefined ? undefined : _a.call(editMenuProps, changedItem);
+        onMenuItemsChanged(originItems.map((menuItem) => {
+            if (menuItem.id !== changedItem.id) {
+                return menuItem;
+            }
+            return changedItem;
+        }));
+    }, [onMenuItemsChanged, editMenuProps]);
+    const onDragEnd = React.useCallback(() => {
+        setDraggingItemTitle(null);
+    }, [setDraggingItemTitle]);
+    const itemRender = React.useCallback((asideHeaderItem, _isActive, _itemIndex) => {
+        const onDragStart = () => {
+            setDraggingItemTitle(asideHeaderItem.title);
+        };
+        return (React.createElement(AllPagesListItem.AllPagesListItem, { item: asideHeaderItem, onDragStart: onDragStart, onDragEnd: onDragEnd, editMode: isEditMode, onToggle: () => togglePageVisibility(asideHeaderItem), enableSorting: editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting }));
+    }, [isEditMode, togglePageVisibility, onDragEnd, setDraggingItemTitle, editMenuProps]);
+    const onResetToDefaultClick = React.useCallback(() => {
+        var _a;
+        if (!onMenuItemsChanged) {
+            return;
+        }
+        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onResetSettingsToDefault) === null || _a === undefined ? undefined : _a.call(editMenuProps);
+        const originItems = defaultMenuItems === null || defaultMenuItems === undefined ? undefined : defaultMenuItems.filter(({ id }) => id !== constants.ALL_PAGES_ID);
+        if (originItems) {
+            onMenuItemsChanged(originItems);
+        }
+    }, [onMenuItemsChanged, editMenuProps, defaultMenuItems]);
+    const changeItemsOrder = React.useCallback(({ oldIndex, newIndex }) => {
+        var _a;
+        const newItems = menuItemsRef.current.filter(({ id }) => id !== constants.ALL_PAGES_ID);
+        const element = newItems.splice(oldIndex, 1)[0];
+        newItems.splice(newIndex, 0, element);
+        onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(newItems.filter(({ type }) => type !== 'divider'));
+        setDraggingItemTitle(null);
+        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onChangeItemsOrder) === null || _a === undefined ? undefined : _a.call(editMenuProps, element, oldIndex, newIndex);
+    }, [onMenuItemsChanged, editMenuProps]);
+    const sortableItems = React.useMemo(() => {
+        return menuItems.filter(({ id, afterMoreButton, type }) => id !== constants.ALL_PAGES_ID && !afterMoreButton && type !== 'divider');
+    }, [menuItems]);
+    return (React.createElement(uikit.Flex, { className: b(null, className), gap: "5", direction: "column" },
+        React.createElement(uikit.Flex, { gap: "4", alignItems: "center", justifyContent: "space-between" },
+            React.createElement(uikit.Text, { variant: "subheader-2" }, isEditMode ? index.default('all-panel.title.editing') : index.default('all-panel.title.main')),
+            React.createElement(uikit.Tooltip, { content: index.default('all-panel.title.editing') },
+                React.createElement(uikit.Button, { selected: isEditMode, view: "normal", onClick: toggleEditMode }, startEditIcon ? startEditIcon : React.createElement(uikit.Icon, { data: icons.Gear })))),
+        React.createElement(uikit.Flex, { className: b('content', { editMode: isEditMode }), gap: "5", direction: "column" }, isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? (React.createElement("div", null,
+            React.createElement(uikit.List, { itemClassName: b('item', { editMode: true }), itemHeight: 40, onSortEnd: changeItemsOrder, sortable: true, virtualized: false, filterable: false, items: sortableItems, onItemClick: onItemClick, renderItem: itemRender }),
+            draggingItemTitle && (React.createElement("div", { className: b('drag-placeholder') }, draggingItemTitle)))) : (Object.keys(groupedItems).map((category) => {
+            return (React.createElement(uikit.Flex, { key: category, direction: "column", gap: "3" },
+                React.createElement(uikit.Text, { className: b('category'), variant: "body-1", color: "secondary" }, category),
+                React.createElement(uikit.List, { virtualized: false, filterable: false, items: groupedItems[category], onItemClick: onItemClick, renderItem: itemRender })));
+        }))),
+        isEditMode && (React.createElement(uikit.Button, { onClick: onResetToDefaultClick }, index.default('all-panel.resetToDefault')))));
+};
+
+exports.AllPagesPanel = AllPagesPanel;
+//# sourceMappingURL=AllPagesPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesPanel.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.tsx"],"sourcesContent":["import React, {ReactNode, useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {Gear} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, List, ListItemData, ListProps, Text, Tooltip} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport {AsideHeaderItem} from '../../types';\n\nimport {AllPagesListItem} from './AllPagesListItem';\nimport {ALL_PAGES_ID} from './constants';\nimport i18n from './i18n';\nimport {useGroupedMenuItems} from './useGroupedMenuItems';\n\nimport styles from './AllPagesPanel.module.scss';\n\nconst b = createBlock('all-pages-panel', styles);\n\ninterface AllPagesPanelProps {\n    className?: string;\n    startEditIcon?: React.ReactNode;\n    onEditModeChanged?: (isEditMode: boolean) => void;\n}\n\nexport const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {\n    const {startEditIcon, onEditModeChanged, className} = props;\n    const {menuItems, defaultMenuItems, onMenuItemsChanged, editMenuProps} =\n        useAsideHeaderInnerContext();\n\n    const menuItemsRef = useRef(menuItems);\n    menuItemsRef.current = menuItems;\n\n    const [isEditMode, setIsEditMode] = useState(false);\n\n    const [draggingItemTitle, setDraggingItemTitle] = useState<ReactNode | null>(null);\n\n    const toggleEditMode = useCallback(() => {\n        setIsEditMode((prev) => !prev);\n    }, []);\n\n    const groupedItems = useGroupedMenuItems(menuItems);\n\n    useEffect(() => {\n        onEditModeChanged?.(isEditMode);\n\n        if (isEditMode) {\n            editMenuProps?.onOpenEditMode?.();\n        }\n    }, [isEditMode, onEditModeChanged, editMenuProps]);\n\n    const onItemClick = useCallback<NonNullable<ListProps<AsideHeaderItem>['onItemClick']>>(\n        (item, _index, _forwardKey, event) => {\n            // TODO: make event an optional argument\n            item.onItemClick?.(item, false, event as React.MouseEvent<HTMLElement, MouseEvent>);\n        },\n        [],\n    );\n\n    const togglePageVisibility = useCallback(\n        (item: AsideHeaderItem) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n            const changedItem: AsideHeaderItem = {\n                ...item,\n                hidden: !item.hidden,\n            };\n\n            const originItems = menuItemsRef.current.filter(\n                (menuItem) => menuItem.id !== ALL_PAGES_ID,\n            );\n            editMenuProps?.onToggleMenuItem?.(changedItem);\n            onMenuItemsChanged(\n                originItems.map((menuItem) => {\n                    if (menuItem.id !== changedItem.id) {\n                        return menuItem;\n                    }\n                    return changedItem;\n                }),\n            );\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const onDragEnd = useCallback(() => {\n        setDraggingItemTitle(null);\n    }, [setDraggingItemTitle]);\n\n    const itemRender = useCallback(\n        (\n            asideHeaderItem: ListItemData<AsideHeaderItem>,\n            _isActive: boolean,\n            _itemIndex: number,\n        ) => {\n            const onDragStart = () => {\n                setDraggingItemTitle(asideHeaderItem.title);\n            };\n\n            return (\n                <AllPagesListItem\n                    item={asideHeaderItem}\n                    onDragStart={onDragStart}\n                    onDragEnd={onDragEnd}\n                    editMode={isEditMode}\n                    onToggle={() => togglePageVisibility(asideHeaderItem)}\n                    enableSorting={editMenuProps?.enableSorting}\n                />\n            );\n        },\n        [isEditMode, togglePageVisibility, onDragEnd, setDraggingItemTitle, editMenuProps],\n    );\n\n    const onResetToDefaultClick = useCallback(() => {\n        if (!onMenuItemsChanged) {\n            return;\n        }\n        editMenuProps?.onResetSettingsToDefault?.();\n        const originItems = defaultMenuItems?.filter(({id}) => id !== ALL_PAGES_ID);\n\n        if (originItems) {\n            onMenuItemsChanged(originItems);\n        }\n    }, [onMenuItemsChanged, editMenuProps, defaultMenuItems]);\n\n    const changeItemsOrder = useCallback(\n        ({oldIndex, newIndex}: {oldIndex: number; newIndex: number}) => {\n            const newItems = menuItemsRef.current.filter(({id}) => id !== ALL_PAGES_ID);\n\n            const element = newItems.splice(oldIndex, 1)[0];\n            newItems.splice(newIndex, 0, element);\n\n            onMenuItemsChanged?.(newItems.filter(({type}) => type !== 'divider'));\n\n            setDraggingItemTitle(null);\n            editMenuProps?.onChangeItemsOrder?.(element, oldIndex, newIndex);\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const sortableItems = useMemo(() => {\n        return menuItems.filter(\n            ({id, afterMoreButton, type}) =>\n                id !== ALL_PAGES_ID && !afterMoreButton && type !== 'divider',\n        );\n    }, [menuItems]);\n\n    return (\n        <Flex className={b(null, className)} gap=\"5\" direction=\"column\">\n            <Flex gap=\"4\" alignItems=\"center\" justifyContent=\"space-between\">\n                <Text variant=\"subheader-2\">\n                    {isEditMode ? i18n('all-panel.title.editing') : i18n('all-panel.title.main')}\n                </Text>\n                <Tooltip content={i18n('all-panel.title.editing')}>\n                    <Button selected={isEditMode} view=\"normal\" onClick={toggleEditMode}>\n                        {startEditIcon ? startEditIcon : <Icon data={Gear} />}\n                    </Button>\n                </Tooltip>\n            </Flex>\n            <Flex className={b('content', {editMode: isEditMode})} gap=\"5\" direction=\"column\">\n                {isEditMode && editMenuProps?.enableSorting ? (\n                    <div>\n                        <List\n                            itemClassName={b('item', {editMode: true})}\n                            itemHeight={40}\n                            onSortEnd={changeItemsOrder}\n                            sortable\n                            virtualized={false}\n                            filterable={false}\n                            items={sortableItems}\n                            onItemClick={onItemClick}\n                            renderItem={itemRender}\n                        />\n\n                        {draggingItemTitle && (\n                            <div className={b('drag-placeholder')}>{draggingItemTitle}</div>\n                        )}\n                    </div>\n                ) : (\n                    Object.keys(groupedItems).map((category) => {\n                        return (\n                            <Flex key={category} direction=\"column\" gap=\"3\">\n                                <Text className={b('category')} variant=\"body-1\" color=\"secondary\">\n                                    {category}\n                                </Text>\n                                <List\n                                    virtualized={false}\n                                    filterable={false}\n                                    items={groupedItems[category]}\n                                    onItemClick={onItemClick}\n                                    renderItem={itemRender}\n                                />\n                            </Flex>\n                        );\n                    })\n                )}\n            </Flex>\n            {isEditMode && (\n                <Button onClick={onResetToDefaultClick}>{i18n('all-panel.resetToDefault')}</Button>\n            )}\n        </Flex>\n    );\n};\n"],"names":["createBlock","styles","useAsideHeaderInnerContext","useRef","useState","useCallback","useGroupedMenuItems","useEffect","ALL_PAGES_ID","AllPagesListItem","useMemo","Flex","Text","i18n","Tooltip","Button","Icon","Gear","List"],"mappings":"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"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"gn-all-pages-panel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gnAllPagesPanel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gn-all-pages-panel__content":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG","gnAllPagesPanelContent":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG","gn-all-pages-panel__category":"AllPagesPanel-module__gn-all-pages-panel__category___iMBE-","gnAllPagesPanelCategory":"AllPagesPanel-module__gn-all-pages-panel__category___iMBE-","gn-all-pages-panel__discoverable-feature-wrapper":"AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa","gnAllPagesPanelDiscoverableFeatureWrapper":"AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa","gn-all-pages-panel__item_editMode":"AllPagesPanel-module__gn-all-pages-panel__item_editMode___qNANp","gnAllPagesPanelItemEditMode":"AllPagesPanel-module__gn-all-pages-panel__item_editMode___qNANp","gn-all-pages-panel__drag-placeholder":"AllPagesPanel-module__gn-all-pages-panel__drag-placeholder___ZDdN5","gnAllPagesPanelDragPlaceholder":"AllPagesPanel-module__gn-all-pages-panel__drag-placeholder___ZDdN5"};
+
+exports.default = styles;
+//# sourceMappingURL=AllPagesPanel.module.scss.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesPanel.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.d.ts

@@ -0,0 +1,3 @@
+import { AsideHeaderItem } from '../../types';
+export declare const ALL_PAGES_ID: "all-pages";
+export declare function getAllPagesMenuItem(): AsideHeaderItem;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var icons = require('@gravity-ui/icons');
+var index = require('./i18n/index.js');
+
+const ALL_PAGES_ID = 'all-pages';
+function getAllPagesMenuItem() {
+    return {
+        id: ALL_PAGES_ID,
+        title: index.default('menu-item.all-pages.title'),
+        tooltipText: index.default('menu-item.all-pages.title'),
+        icon: icons.Ellipsis,
+    };
+}
+
+exports.ALL_PAGES_ID = ALL_PAGES_ID;
+exports.getAllPagesMenuItem = getAllPagesMenuItem;
+//# sourceMappingURL=constants.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/constants.ts"],"sourcesContent":["import {Ellipsis} from '@gravity-ui/icons';\n\nimport {AsideHeaderItem} from '../../types';\n\nimport i18n from './i18n';\n\nexport const ALL_PAGES_ID = 'all-pages' as const;\n\nexport function getAllPagesMenuItem(): AsideHeaderItem {\n    return {\n        id: ALL_PAGES_ID,\n        title: i18n('menu-item.all-pages.title'),\n        tooltipText: i18n('menu-item.all-pages.title'),\n        icon: Ellipsis,\n    };\n}\n"],"names":["i18n","Ellipsis"],"mappings":";;;;;AAMO,MAAM,YAAY,GAAG;SAEZ,mBAAmB,GAAA;IAC/B,OAAO;AACH,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAEA,aAAI,CAAC,2BAA2B,CAAC;AACxC,QAAA,WAAW,EAAEA,aAAI,CAAC,2BAA2B,CAAC;AAC9C,QAAA,IAAI,EAAEC,cAAQ;KACjB;AACL;;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var en = {
+	"menu-item.all-pages.title": "All pages",
+	"all-panel.menu.category.allOther": "All other",
+	"all-panel.resetToDefault": "Reset to default",
+	"all-panel.title.editing": "Configuring the menu bar",
+	"all-panel.title.main": "All pages"
+};
+
+exports.default = en;
+//# sourceMappingURL=en.json.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/index.d.ts

@@ -0,0 +1,14 @@
+declare const _default: ((key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string;
+    };
+    keysetData: {
+        "gn-AllPagesPanel": Record<"menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var i18n$1 = require('@gravity-ui/uikit/i18n');
+var cn = require('../../../../utils/cn.js');
+var en = require('./en.json.js');
+var ru = require('./ru.json.js');
+
+const COMPONENT = 'AllPagesPanel';
+var i18n = i18n$1.addComponentKeysets({ en: en.default, ru: ru.default }, `${cn.NAMESPACE}${COMPONENT}`);
+
+exports.default = i18n;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/i18n/index.ts"],"sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nconst COMPONENT = 'AllPagesPanel';\nexport default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);\n"],"names":["addComponentKeysets","en","ru","NAMESPACE"],"mappings":";;;;;;;;;AAOA,MAAM,SAAS,GAAG,eAAe;AACjC,WAAeA,0BAAmB,CAAC,MAACC,UAAE,MAAEC,UAAE,EAAC,EAAE,CAAA,EAAGC,YAAS,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ru = {
+	"menu-item.all-pages.title": "Все страницы",
+	"all-panel.menu.category.allOther": "Остальное",
+	"all-panel.resetToDefault": "Сбросить по умолчанию",
+	"all-panel.title.editing": "Настройка панели меню",
+	"all-panel.title.main": "Все страницы"
+};
+
+exports.default = ru;
+//# sourceMappingURL=ru.json.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.d.ts

@@ -0,0 +1,4 @@
+import { AsideHeaderItem } from '../../types';
+export declare const useGroupedMenuItems: (asideHeaderItems: AsideHeaderItem[]) => {
+    [key: string]: AsideHeaderItem[];
+};

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var React = require('react');
+var constants = require('./constants.js');
+var index = require('./i18n/index.js');
+
+const useGroupedMenuItems = (asideHeaderItems) => {
+    const allPagesMenuItems = React.useMemo(() => {
+        const filteredItems = asideHeaderItems.filter(({ id, type }) => type !== 'divider' && id !== constants.ALL_PAGES_ID);
+        filteredItems.sort(({ type: typeA }, { type: typeB }) => {
+            if (typeA === 'action') {
+                return 1;
+            }
+            if (typeB === 'action') {
+                return -1;
+            }
+            return 0;
+        });
+        const groupedItems = filteredItems.reduce((acc, asideHeaderItem) => {
+            const category = asideHeaderItem.category || index.default('all-panel.menu.category.allOther');
+            if (!acc[category]) {
+                acc[category] = [];
+            }
+            acc[category].push(asideHeaderItem);
+            return acc;
+        }, {});
+        return groupedItems;
+    }, [asideHeaderItems]);
+    return allPagesMenuItems;
+};
+
+exports.useGroupedMenuItems = useGroupedMenuItems;
+//# sourceMappingURL=useGroupedMenuItems.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupedMenuItems.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {AsideHeaderItem} from '../../types';\n\nimport {ALL_PAGES_ID} from './constants';\nimport i18n from './i18n';\n\nexport const useGroupedMenuItems = (asideHeaderItems: AsideHeaderItem[]) => {\n    const allPagesMenuItems = useMemo(() => {\n        const filteredItems = asideHeaderItems.filter(\n            ({id, type}) => type !== 'divider' && id !== ALL_PAGES_ID,\n        );\n        filteredItems.sort(({type: typeA}, {type: typeB}) => {\n            if (typeA === 'action') {\n                return 1;\n            }\n            if (typeB === 'action') {\n                return -1;\n            }\n            return 0;\n        });\n        const groupedItems = filteredItems.reduce(\n            (acc, asideHeaderItem) => {\n                const category =\n                    asideHeaderItem.category || i18n('all-panel.menu.category.allOther');\n                if (!acc[category]) {\n                    acc[category] = [];\n                }\n                acc[category].push(asideHeaderItem);\n                return acc;\n            },\n            {} as {[key: string]: AsideHeaderItem[]},\n        );\n        return groupedItems;\n    }, [asideHeaderItems]);\n\n    return allPagesMenuItems;\n};\n"],"names":["useMemo","ALL_PAGES_ID","i18n"],"mappings":";;;;;;AAOa,MAAA,mBAAmB,GAAG,CAAC,gBAAmC,KAAI;AACvE,IAAA,MAAM,iBAAiB,GAAGA,aAAO,CAAC,MAAK;QACnC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CACzC,CAAC,EAAC,EAAE,EAAE,IAAI,EAAC,KAAK,IAAI,KAAK,SAAS,IAAI,EAAE,KAAKC,sBAAY,CAC5D;AACD,QAAA,aAAa,CAAC,IAAI,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC,KAAI;AAChD,YAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;AACpB,gBAAA,OAAO,CAAC;;AAEZ,YAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;gBACpB,OAAO,EAAE;;AAEb,YAAA,OAAO,CAAC;AACZ,SAAC,CAAC;QACF,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CACrC,CAAC,GAAG,EAAE,eAAe,KAAI;YACrB,MAAM,QAAQ,GACV,eAAe,CAAC,QAAQ,IAAIC,aAAI,CAAC,kCAAkC,CAAC;AACxE,YAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;AAChB,gBAAA,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE;;YAEtB,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;AACnC,YAAA,OAAO,GAAG;SACb,EACD,EAAwC,CAC3C;AACD,QAAA,OAAO,YAAY;AACvB,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAEtB,IAAA,OAAO,iBAAiB;AAC5B;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.d.ts

@@ -0,0 +1,2 @@
+import { AsideHeaderItem } from '../../types';
+export declare const useVisibleMenuItems: () => AsideHeaderItem[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+var AsideHeaderContext = require('../../AsideHeaderContext.js');
+
+const useVisibleMenuItems = () => {
+    const { menuItems, allPagesIsAvailable } = AsideHeaderContext.useAsideHeaderInnerContext();
+    return React.useMemo(() => {
+        if (!allPagesIsAvailable) {
+            return menuItems;
+        }
+        let lastVisibleIndex = 0;
+        return menuItems.filter(({ type, hidden }, index, items) => {
+            if (hidden) {
+                return false;
+            }
+            if (index > 0 &&
+                type === 'divider' &&
+                (items[lastVisibleIndex].type === 'divider' || items[lastVisibleIndex].hidden)) {
+                return false;
+            }
+            lastVisibleIndex = index;
+            return true;
+        });
+    }, [allPagesIsAvailable, menuItems]);
+};
+
+exports.useVisibleMenuItems = useVisibleMenuItems;
+//# sourceMappingURL=useVisibleMenuItems.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleMenuItems.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport {AsideHeaderItem} from '../../types';\n\nexport const useVisibleMenuItems = (): AsideHeaderItem[] => {\n    const {menuItems, allPagesIsAvailable} = useAsideHeaderInnerContext();\n    return useMemo(() => {\n        if (!allPagesIsAvailable) {\n            return menuItems;\n        }\n        let lastVisibleIndex = 0;\n        return menuItems.filter(\n            ({type, hidden}: AsideHeaderItem, index: number, items: AsideHeaderItem[]): boolean => {\n                if (hidden) {\n                    return false;\n                }\n\n                if (\n                    index > 0 &&\n                    type === 'divider' &&\n                    (items[lastVisibleIndex].type === 'divider' || items[lastVisibleIndex].hidden)\n                ) {\n                    return false;\n                }\n                lastVisibleIndex = index;\n                return true;\n            },\n        );\n    }, [allPagesIsAvailable, menuItems]);\n};\n"],"names":["useAsideHeaderInnerContext","useMemo"],"mappings":";;;;;AAKO,MAAM,mBAAmB,GAAG,MAAwB;IACvD,MAAM,EAAC,SAAS,EAAE,mBAAmB,EAAC,GAAGA,6CAA0B,EAAE;IACrE,OAAOC,aAAO,CAAC,MAAK;QAChB,IAAI,CAAC,mBAAmB,EAAE;AACtB,YAAA,OAAO,SAAS;;QAEpB,IAAI,gBAAgB,GAAG,CAAC;AACxB,QAAA,OAAO,SAAS,CAAC,MAAM,CACnB,CAAC,EAAC,IAAI,EAAE,MAAM,EAAkB,EAAE,KAAa,EAAE,KAAwB,KAAa;YAClF,IAAI,MAAM,EAAE;AACR,gBAAA,OAAO,KAAK;;YAGhB,IACI,KAAK,GAAG,CAAC;AACT,gBAAA,IAAI,KAAK,SAAS;AAClB,iBAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,EAChF;AACE,gBAAA,OAAO,KAAK;;YAEhB,gBAAgB,GAAG,KAAK;AACxB,YAAA,OAAO,IAAI;AACf,SAAC,CACJ;AACL,KAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;AACxC;;;;"}

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.css

@@ -0,0 +1 @@
+.CollapseButton-module__gn-collapse-button___93DwB{--_--focus-outline-color:var(--g-color-line-focus);--_--focus-outline-offset:0;align-items:center;background:none;border:none;border-top:1px solid var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));box-sizing:content-box;color:inherit;cursor:pointer;display:flex;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);justify-content:center;min-height:20px;outline:none;padding:0;position:relative;width:100%}.CollapseButton-module__gn-collapse-button___93DwB:before{content:"";inset:0 2px 2px;position:absolute;z-index:-1}.CollapseButton-module__gn-collapse-button___93DwB:focus-visible:before{outline:var(--_--focus-outline-color) solid 2px;outline-offset:var(--_--focus-outline-offset)}.CollapseButton-module__gn-collapse-button___93DwB:not(.CollapseButton-module__gn-collapse-button_compact___IaLr3) .CollapseButton-module__gn-collapse-button__icon___iMooT{transform:rotate(180deg)}.CollapseButton-module__gn-collapse-button___93DwB:hover .CollapseButton-module__gn-collapse-button__icon___iMooT{color:var(--g-color-text-primary)}.CollapseButton-module__gn-collapse-button__icon___iMooT{color:var(--g-color-text-secondary)}

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import './CollapseButton.scss';
 interface CollapseButtonProps {
     className?: string;
 }

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

@@ -0,0 +1,30 @@
+import './CollapseButton.css';
+'use strict';
+
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+var cn = require('../../../utils/cn.js');
+var AsideHeaderContext = require('../../AsideHeaderContext.js');
+var index = require('../../i18n/index.js');
+var controlMenuButton = require('../../../../assets/icons/control-menu-button.svg.js');
+var CollapseButton_module = require('./CollapseButton.module.scss.js');
+
+const b = cn.createBlock('collapse-button', CollapseButton_module.default);
+const CollapseButton = ({ className }) => {
+    const { onChangeCompact, compact, expandTitle, collapseTitle, collapseButtonWrapper } = AsideHeaderContext.useAsideHeaderInnerContext();
+    const onCollapseButtonClick = React.useCallback(() => {
+        onChangeCompact === null || onChangeCompact === undefined ? undefined : onChangeCompact(!compact);
+    }, [compact, onChangeCompact]);
+    const buttonTitle = compact
+        ? expandTitle || index.default('button_expand')
+        : collapseTitle || index.default('button_collapse');
+    const defaultButton = (React.createElement("button", { className: b({ compact }, className), onClick: onCollapseButtonClick, title: buttonTitle },
+        React.createElement(uikit.Icon, { data: controlMenuButton.default, className: b('icon'), width: "16", height: "10" })));
+    if (collapseButtonWrapper) {
+        return collapseButtonWrapper(defaultButton, { compact, onChangeCompact });
+    }
+    return defaultButton;
+};
+
+exports.CollapseButton = CollapseButton;
+//# sourceMappingURL=CollapseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.js","sources":["../../../../../../../src/components/AsideHeader/components/CollapseButton/CollapseButton.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport i18n from '../../i18n';\n\nimport controlMenuButtonIcon from '../../../../../assets/icons/control-menu-button.svg';\n\nimport styles from './CollapseButton.module.scss';\n\nconst b = createBlock('collapse-button', styles);\n\ninterface CollapseButtonProps {\n    className?: string;\n}\n\nexport const CollapseButton = ({className}: CollapseButtonProps) => {\n    const {onChangeCompact, compact, expandTitle, collapseTitle, collapseButtonWrapper} =\n        useAsideHeaderInnerContext();\n\n    const onCollapseButtonClick = useCallback(() => {\n        onChangeCompact?.(!compact);\n    }, [compact, onChangeCompact]);\n\n    const buttonTitle = compact\n        ? expandTitle || i18n('button_expand')\n        : collapseTitle || i18n('button_collapse');\n\n    const defaultButton = (\n        <button\n            className={b({compact}, className)}\n            onClick={onCollapseButtonClick}\n            title={buttonTitle}\n        >\n            <Icon data={controlMenuButtonIcon} className={b('icon')} width=\"16\" height=\"10\" />\n        </button>\n    );\n\n    if (collapseButtonWrapper) {\n        return collapseButtonWrapper(defaultButton, {compact, onChangeCompact});\n    }\n\n    return defaultButton;\n};\n"],"names":["createBlock","styles","useAsideHeaderInnerContext","useCallback","i18n","Icon","controlMenuButtonIcon"],"mappings":";;;;;;;;;;AAYA,MAAM,CAAC,GAAGA,cAAW,CAAC,iBAAiB,EAAEC,6BAAM,CAAC;MAMnC,cAAc,GAAG,CAAC,EAAC,SAAS,EAAsB,KAAI;AAC/D,IAAA,MAAM,EAAC,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAC,GAC/EC,6CAA0B,EAAE;AAEhC,IAAA,MAAM,qBAAqB,GAAGC,iBAAW,CAAC,MAAK;QAC3C,eAAe,KAAA,IAAA,IAAf,eAAe,KAAf,SAAA,GAAA,SAAA,GAAA,eAAe,CAAG,CAAC,OAAO,CAAC;AAC/B,KAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG;AAChB,UAAE,WAAW,IAAIC,aAAI,CAAC,eAAe;AACrC,UAAE,aAAa,IAAIA,aAAI,CAAC,iBAAiB,CAAC;IAE9C,MAAM,aAAa,IACf,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,EAAE,SAAS,CAAC,EAClC,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAE,WAAW,EAAA;QAElB,KAAC,CAAA,aAAA,CAAAC,UAAI,IAAC,IAAI,EAAEC,yBAAqB,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAA,CAAG,CAC7E,CACZ;IAED,IAAI,qBAAqB,EAAE;QACvB,OAAO,qBAAqB,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC;;AAG3E,IAAA,OAAO,aAAa;AACxB;;;;"}

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"gn-collapse-button":"CollapseButton-module__gn-collapse-button___93DwB","gnCollapseButton":"CollapseButton-module__gn-collapse-button___93DwB","gn-collapse-button_compact":"CollapseButton-module__gn-collapse-button_compact___IaLr3","gnCollapseButtonCompact":"CollapseButton-module__gn-collapse-button_compact___IaLr3","gn-collapse-button__icon":"CollapseButton-module__gn-collapse-button__icon___iMooT","gnCollapseButtonIcon":"CollapseButton-module__gn-collapse-button__icon___iMooT"};
+
+exports.default = styles;
+//# sourceMappingURL=CollapseButton.module.scss.js.map

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.css

@@ -0,0 +1 @@
+.CompositeBar-module__gn-composite-bar___WoCDY{flex:1 0 auto;min-height:40px;width:100%}.CompositeBar-module__gn-composite-bar___WoCDY .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{background-color:transparent}

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

@@ -0,0 +1,14 @@
+import React, { FC } from 'react';
+import { AsideHeaderItem } from '../../types';
+type CompositeBarProps = {
+    type: 'menu' | 'subheader';
+    items: AsideHeaderItem[];
+    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    multipleTooltip?: boolean;
+    menuMoreTitle?: string;
+    onMoreClick?: () => void;
+    compact: boolean;
+    compositeId?: string;
+};
+export declare const CompositeBar: FC<CompositeBarProps>;
+export {};