@skbkontur/side-menu 3.1.7 → 3.2.0

package/src/Navigation.js

@@ -1,156 +1,191 @@
-import { __read, __spread } from "tslib";
-import { Tree } from './Tree';
-var MENU_ROOT_ID = 'menu-root-id';
-export var navigationAttribute = 'data-navigation-id';
-export var navigationAttributeForSeparatedMenu = 'data-parent-navigation-id';
-export var navigationAttributeBackButton = 'data-navigation-back-button';
-var MenuNavigation = /** @class */ (function () {
-    function MenuNavigation(options) {
-        this.navigationTree = null;
-        this.menuItemsIds = '';
-        this.navigationTree = new Tree(MENU_ROOT_ID);
-        this.activeMenuItemTreeNode = this.navigationTree.find(options.activeMenuItem);
-        this.rootRef = options.rootRef;
-        this.activeMenuItem = options.activeMenuItem;
-        this.setActiveMenuItem = options.setActiveMenuItem;
-        this.isSeparatedMenu = options.isSeparatedMenu;
-        this.isSeparatedMenuShown = options.isSeparatedMenuShown;
-        this.setIsSeparatedMenuShown = options.setIsSeparatedMenuShown;
-        this.isOpened = options.isOpened;
-        this.isDesktop = options.isDesktopQuery;
-        this.isMobile = options.isMobile;
-        this.isCollapsable = options.isCollapsable;
-    }
-    MenuNavigation.prototype.updateNavigationTree = function () {
-        var _this = this;
-        var _a;
-        if ((_a = this.rootRef) === null || _a === void 0 ? void 0 : _a.current) {
-            var menuItems = Array.from(this.rootRef.current.querySelectorAll("[" + navigationAttribute + "]")).filter(function (item) { return !item.querySelector("[" + navigationAttributeBackButton + "]"); });
-            var newItemsIds = menuItems.map(function (node) { return node.getAttribute(navigationAttribute); }).join('');
-            if (this.menuItemsIds === newItemsIds) {
-                return;
-            }
-            this.menuItemsIds = newItemsIds;
-            menuItems.forEach(function (menuItem) {
-                var _a, _b, _c;
-                var id = menuItem.getAttribute(navigationAttribute);
-                var parentId = _this.getParentId(menuItem);
-                var oldValue = (_b = (_a = _this.navigationTree) === null || _a === void 0 ? void 0 : _a.find(id)) === null || _b === void 0 ? void 0 : _b.value;
-                (_c = _this.navigationTree) === null || _c === void 0 ? void 0 : _c.insert(parentId, id, oldValue);
-            });
-        }
-    };
-    MenuNavigation.prototype.addValue = function (id, value) {
-        var _a, _b, _c;
-        this.updateNavigationTree();
-        var foundTreeNode = (_a = this.navigationTree) === null || _a === void 0 ? void 0 : _a.find(id);
-        if (foundTreeNode) {
-            foundTreeNode.value = value;
-        }
-        if ((foundTreeNode === null || foundTreeNode === void 0 ? void 0 : foundTreeNode.parent) && foundTreeNode.parent.parent && foundTreeNode.parent.parent.id !== MENU_ROOT_ID) {
-            (_b = foundTreeNode.value) === null || _b === void 0 ? void 0 : _b.setIsNestedSubMenu(true);
-        }
-        if (this.isSeparatedMenu && (foundTreeNode === null || foundTreeNode === void 0 ? void 0 : foundTreeNode.hasChildren)) {
-            (_c = foundTreeNode.value) === null || _c === void 0 ? void 0 : _c.setHasSubIcons(true);
-        }
-    };
-    MenuNavigation.prototype.switchActiveMenuItem = function (id, isButton) {
-        var _a, _b, _c, _d;
-        !isButton &&
-            __spread((_a = this.navigationTree) === null || _a === void 0 ? void 0 : _a.preOrderTraversal()).map(function (x) {
-                var _a;
-                (_a = x.value) === null || _a === void 0 ? void 0 : _a.setIsActive(false);
-            });
-        var foundTreeNode = (_b = this.navigationTree) === null || _b === void 0 ? void 0 : _b.find(id);
-        var oldFirstLevelParent = this.getFirstLevelParent(this.activeMenuItemTreeNode);
-        var firstLevelParent = this.getFirstLevelParent(foundTreeNode);
-        var firstLevelParentChanged = oldFirstLevelParent !== firstLevelParent;
-        if (foundTreeNode) {
-            if (!isButton) {
-                this.activeMenuItem = foundTreeNode.id;
-                this.activeMenuItemTreeNode = foundTreeNode;
-                (_c = this.setActiveMenuItem) === null || _c === void 0 ? void 0 : _c.call(this, foundTreeNode.id);
-                this.setHighlightedFirstLevelMenuItemInMinimizedInnerMenu(firstLevelParent);
-                (_d = foundTreeNode.value) === null || _d === void 0 ? void 0 : _d.setIsActive(true);
-            }
-            this.isSeparatedMenu && this.switchVisibilityOfSeparatedMenu();
-            this.openMenuItems(foundTreeNode, firstLevelParentChanged);
-        }
-    };
-    MenuNavigation.prototype.switchIsSeparatedMenu = function (value) {
-        this.isSeparatedMenu = value;
-        this.switchVisibilityOfSeparatedMenu();
-    };
-    MenuNavigation.prototype.setHighlightedFirstLevelMenuItemInMinimizedInnerMenu = function (firstLevelParent) {
-        var _a, _b;
-        __spread((_a = this.navigationTree) === null || _a === void 0 ? void 0 : _a.preOrderTraversal()).map(function (x) {
-            var _a;
-            (_a = x.value) === null || _a === void 0 ? void 0 : _a.setIsFirstLevelParentOfActiveMenuItem(false);
-        });
-        (_b = firstLevelParent === null || firstLevelParent === void 0 ? void 0 : firstLevelParent.value) === null || _b === void 0 ? void 0 : _b.setIsFirstLevelParentOfActiveMenuItem(true);
-    };
-    MenuNavigation.prototype.getFirstLevelParent = function (treeNode) {
-        if (!treeNode)
-            return;
-        var parentTreeNode = treeNode.parent;
-        while (parentTreeNode) {
-            var foundNode = parentTreeNode.parent;
-            if ((foundNode === null || foundNode === void 0 ? void 0 : foundNode.id) === MENU_ROOT_ID) {
-                break;
-            }
-            parentTreeNode = foundNode;
-        }
-        return parentTreeNode;
-    };
-    MenuNavigation.prototype.openMenuItems = function (treeNode, firstLevelParentChanged) {
-        var _a, _b, _c;
-        (!((_a = treeNode.value) === null || _a === void 0 ? void 0 : _a.isSubMenu) || firstLevelParentChanged) &&
-            __spread((_b = this.navigationTree) === null || _b === void 0 ? void 0 : _b.preOrderTraversal()).map(function (x) { var _a; return (_a = x.value) === null || _a === void 0 ? void 0 : _a.setIsOpened(false); });
-        if (treeNode.children.length > 0) {
-            (_c = treeNode.value) === null || _c === void 0 ? void 0 : _c.setIsOpened(true);
-        }
-        this.openAllParents(treeNode);
-    };
-    MenuNavigation.prototype.openAllParents = function (treeNode) {
-        var _a;
-        var parentTreeNode = treeNode.parent;
-        while (parentTreeNode && parentTreeNode.id !== MENU_ROOT_ID) {
-            (_a = parentTreeNode.value) === null || _a === void 0 ? void 0 : _a.setIsOpened(true);
-            parentTreeNode = parentTreeNode.parent;
-        }
-    };
-    MenuNavigation.prototype.getParentId = function (menuItem) {
-        var _a, _b, _c;
-        var parentElement;
-        var clickableElementSelector = "[" + navigationAttribute + "]";
-        var separatedMenuSelector = "[" + navigationAttributeForSeparatedMenu + "]";
-        parentElement = (_a = menuItem.parentElement) === null || _a === void 0 ? void 0 : _a.closest(clickableElementSelector);
-        if (!parentElement) {
-            var separatedMenu = menuItem.closest(separatedMenuSelector);
-            if (separatedMenu) {
-                var firstLevelMenuId = separatedMenu.getAttribute(navigationAttributeForSeparatedMenu);
-                parentElement = (_c = (_b = this.rootRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.querySelector("[" + navigationAttribute + "=\"" + firstLevelMenuId + "\"]");
-            }
-        }
-        return (parentElement === null || parentElement === void 0 ? void 0 : parentElement.getAttribute(navigationAttribute)) || MENU_ROOT_ID;
-    };
-    MenuNavigation.prototype.switchVisibilityOfSeparatedMenu = function () {
-        var _a, _b, _c, _d, _e, _f;
-        if (!this.isSeparatedMenu) {
-            this.isSeparatedMenuShown = false;
-            return (_a = this.setIsSeparatedMenuShown) === null || _a === void 0 ? void 0 : _a.call(this, false);
-        }
-        var activeItemHasParent = (_c = (_b = this.activeMenuItemTreeNode) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.isSubMenu;
-        var activeMenuItemHasChildren = (_d = this.activeMenuItemTreeNode) === null || _d === void 0 ? void 0 : _d.hasChildren;
-        var isActive = activeItemHasParent || activeMenuItemHasChildren || false;
-        var isMinimizedInWideDesktop = !this.isOpened && this.isDesktop && !this.isCollapsable;
-        if (this.isMobile && !activeItemHasParent && this.isSeparatedMenuShown) {
-            this.isSeparatedMenuShown = false;
-            return (_e = this.setIsSeparatedMenuShown) === null || _e === void 0 ? void 0 : _e.call(this, false);
-        }
-        this.isSeparatedMenuShown = isActive && !isMinimizedInWideDesktop;
-        (_f = this.setIsSeparatedMenuShown) === null || _f === void 0 ? void 0 : _f.call(this, this.isSeparatedMenuShown);
-    };
-    return MenuNavigation;
-}());
-export { MenuNavigation };
+import { __values } from "tslib";
+import { Tree } from './Tree';
+var MENU_ROOT_ID = 'menu-root-id';
+export var navigationAttribute = 'data-navigation-id';
+export var navigationAttributeForSeparatedMenu = 'data-parent-navigation-id';
+export var navigationAttributeBackButton = 'data-navigation-back-button';
+var MenuNavigation = /** @class */ (function () {
+    function MenuNavigation(options) {
+        this.navigationTree = null;
+        this.menuItemsIds = '';
+        this.navigationTree = new Tree(MENU_ROOT_ID);
+        this.activeMenuItemTreeNode = this.navigationTree.find(options.activeMenuItem);
+        this.rootRef = options.rootRef;
+        this.activeMenuItem = options.activeMenuItem;
+        this.setActiveMenuItem = options.setActiveMenuItem;
+        this.isSeparatedMenu = options.isSeparatedMenu;
+        this.isSeparatedMenuShown = options.isSeparatedMenuShown;
+        this.setIsSeparatedMenuShown = options.setIsSeparatedMenuShown;
+        this.isOpened = options.isOpened;
+        this.isDesktop = options.isDesktopQuery;
+        this.isMobile = options.isMobile;
+        this.isCollapsable = options.isCollapsable;
+    }
+    MenuNavigation.prototype.updateNavigationTree = function () {
+        var _this = this;
+        var _a;
+        if ((_a = this.rootRef) === null || _a === void 0 ? void 0 : _a.current) {
+            var menuItems = Array.from(this.rootRef.current.querySelectorAll("[".concat(navigationAttribute, "]"))).filter(function (item) { return !item.querySelector("[".concat(navigationAttributeBackButton, "]")); });
+            var newItemsIds = menuItems.map(function (node) { return node.getAttribute(navigationAttribute); }).join('');
+            if (this.menuItemsIds === newItemsIds) {
+                return;
+            }
+            this.menuItemsIds = newItemsIds;
+            menuItems.forEach(function (menuItem) {
+                var _a, _b, _c;
+                var id = menuItem.getAttribute(navigationAttribute);
+                var parentId = _this.getParentId(menuItem);
+                var oldValue = (_b = (_a = _this.navigationTree) === null || _a === void 0 ? void 0 : _a.find(id)) === null || _b === void 0 ? void 0 : _b.value;
+                (_c = _this.navigationTree) === null || _c === void 0 ? void 0 : _c.insert(parentId, id, oldValue);
+            });
+        }
+    };
+    MenuNavigation.prototype.addValue = function (id, value) {
+        var _a, _b, _c;
+        this.updateNavigationTree();
+        var foundTreeNode = (_a = this.navigationTree) === null || _a === void 0 ? void 0 : _a.find(id);
+        if (foundTreeNode) {
+            foundTreeNode.value = value;
+        }
+        if ((foundTreeNode === null || foundTreeNode === void 0 ? void 0 : foundTreeNode.parent) && foundTreeNode.parent.parent && foundTreeNode.parent.parent.id !== MENU_ROOT_ID) {
+            (_b = foundTreeNode.value) === null || _b === void 0 ? void 0 : _b.setIsNestedSubMenu(true);
+        }
+        if (this.isSeparatedMenu && (foundTreeNode === null || foundTreeNode === void 0 ? void 0 : foundTreeNode.hasChildren)) {
+            (_c = foundTreeNode.value) === null || _c === void 0 ? void 0 : _c.setHasSubIcons(true);
+        }
+    };
+    MenuNavigation.prototype.switchActiveMenuItem = function (id, isButton) {
+        var e_1, _a;
+        var _b, _c, _d, _e, _f;
+        if (!isButton) {
+            try {
+                for (var _g = __values(((_b = this.navigationTree) === null || _b === void 0 ? void 0 : _b.preOrderTraversal()) || []), _h = _g.next(); !_h.done; _h = _g.next()) {
+                    var node = _h.value;
+                    (_c = node.value) === null || _c === void 0 ? void 0 : _c.setIsActive(false);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_h && !_h.done && (_a = _g.return)) _a.call(_g);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+        var foundTreeNode = (_d = this.navigationTree) === null || _d === void 0 ? void 0 : _d.find(id);
+        var oldFirstLevelParent = this.getFirstLevelParent(this.activeMenuItemTreeNode);
+        var firstLevelParent = this.getFirstLevelParent(foundTreeNode);
+        var firstLevelParentChanged = oldFirstLevelParent !== firstLevelParent;
+        if (foundTreeNode) {
+            if (!isButton) {
+                this.activeMenuItem = foundTreeNode.id;
+                this.activeMenuItemTreeNode = foundTreeNode;
+                (_e = this.setActiveMenuItem) === null || _e === void 0 ? void 0 : _e.call(this, foundTreeNode.id);
+                this.setHighlightedFirstLevelMenuItemInMinimizedInnerMenu(firstLevelParent);
+                (_f = foundTreeNode.value) === null || _f === void 0 ? void 0 : _f.setIsActive(true);
+            }
+            this.isSeparatedMenu && this.switchVisibilityOfSeparatedMenu();
+            this.openMenuItems(foundTreeNode, firstLevelParentChanged);
+        }
+    };
+    MenuNavigation.prototype.switchIsSeparatedMenu = function (value) {
+        this.isSeparatedMenu = value;
+        this.switchVisibilityOfSeparatedMenu();
+    };
+    MenuNavigation.prototype.setHighlightedFirstLevelMenuItemInMinimizedInnerMenu = function (firstLevelParent) {
+        var e_2, _a;
+        var _b, _c, _d;
+        try {
+            for (var _e = __values(((_b = this.navigationTree) === null || _b === void 0 ? void 0 : _b.preOrderTraversal()) || []), _f = _e.next(); !_f.done; _f = _e.next()) {
+                var node = _f.value;
+                (_c = node.value) === null || _c === void 0 ? void 0 : _c.setIsFirstLevelParentOfActiveMenuItem(false);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        (_d = firstLevelParent === null || firstLevelParent === void 0 ? void 0 : firstLevelParent.value) === null || _d === void 0 ? void 0 : _d.setIsFirstLevelParentOfActiveMenuItem(true);
+    };
+    MenuNavigation.prototype.getFirstLevelParent = function (treeNode) {
+        if (!treeNode)
+            return;
+        var parentTreeNode = treeNode.parent;
+        while (parentTreeNode) {
+            var foundNode = parentTreeNode.parent;
+            if ((foundNode === null || foundNode === void 0 ? void 0 : foundNode.id) === MENU_ROOT_ID) {
+                break;
+            }
+            parentTreeNode = foundNode;
+        }
+        return parentTreeNode;
+    };
+    MenuNavigation.prototype.openMenuItems = function (treeNode, firstLevelParentChanged) {
+        var e_3, _a;
+        var _b, _c, _d, _e;
+        if (!((_b = treeNode.value) === null || _b === void 0 ? void 0 : _b.isSubMenu) || firstLevelParentChanged) {
+            try {
+                for (var _f = __values(((_c = this.navigationTree) === null || _c === void 0 ? void 0 : _c.preOrderTraversal()) || []), _g = _f.next(); !_g.done; _g = _f.next()) {
+                    var node = _g.value;
+                    (_d = node.value) === null || _d === void 0 ? void 0 : _d.setIsOpened(false);
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (_g && !_g.done && (_a = _f.return)) _a.call(_f);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+        }
+        if (treeNode.children.length > 0) {
+            (_e = treeNode.value) === null || _e === void 0 ? void 0 : _e.setIsOpened(true);
+        }
+        this.openAllParents(treeNode);
+    };
+    MenuNavigation.prototype.openAllParents = function (treeNode) {
+        var _a;
+        var parentTreeNode = treeNode.parent;
+        while (parentTreeNode && parentTreeNode.id !== MENU_ROOT_ID) {
+            (_a = parentTreeNode.value) === null || _a === void 0 ? void 0 : _a.setIsOpened(true);
+            parentTreeNode = parentTreeNode.parent;
+        }
+    };
+    MenuNavigation.prototype.getParentId = function (menuItem) {
+        var _a, _b, _c;
+        var parentElement;
+        var clickableElementSelector = "[".concat(navigationAttribute, "]");
+        var separatedMenuSelector = "[".concat(navigationAttributeForSeparatedMenu, "]");
+        parentElement = (_a = menuItem.parentElement) === null || _a === void 0 ? void 0 : _a.closest(clickableElementSelector);
+        if (!parentElement) {
+            var separatedMenu = menuItem.closest(separatedMenuSelector);
+            if (separatedMenu) {
+                var firstLevelMenuId = separatedMenu.getAttribute(navigationAttributeForSeparatedMenu);
+                parentElement = (_c = (_b = this.rootRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.querySelector("[".concat(navigationAttribute, "=\"").concat(firstLevelMenuId, "\"]"));
+            }
+        }
+        return (parentElement === null || parentElement === void 0 ? void 0 : parentElement.getAttribute(navigationAttribute)) || MENU_ROOT_ID;
+    };
+    MenuNavigation.prototype.switchVisibilityOfSeparatedMenu = function () {
+        var _a, _b, _c, _d, _e, _f;
+        if (!this.isSeparatedMenu) {
+            this.isSeparatedMenuShown = false;
+            return (_a = this.setIsSeparatedMenuShown) === null || _a === void 0 ? void 0 : _a.call(this, false);
+        }
+        var activeItemHasParent = (_c = (_b = this.activeMenuItemTreeNode) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.isSubMenu;
+        var activeMenuItemHasChildren = (_d = this.activeMenuItemTreeNode) === null || _d === void 0 ? void 0 : _d.hasChildren;
+        var isActive = activeItemHasParent || activeMenuItemHasChildren || false;
+        var isMinimizedInWideDesktop = !this.isOpened && this.isDesktop && !this.isCollapsable;
+        if (this.isMobile && !activeItemHasParent && this.isSeparatedMenuShown) {
+            this.isSeparatedMenuShown = false;
+            return (_e = this.setIsSeparatedMenuShown) === null || _e === void 0 ? void 0 : _e.call(this, false);
+        }
+        this.isSeparatedMenuShown = isActive && !isMinimizedInWideDesktop;
+        (_f = this.setIsSeparatedMenuShown) === null || _f === void 0 ? void 0 : _f.call(this, this.isSeparatedMenuShown);
+    };
+    return MenuNavigation;
+}());
+export { MenuNavigation };

package/src/SideMenu/SideMenu.d.ts

@@ -1,90 +1,90 @@
-import React from 'react';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
-import { SideMenuOrganisations } from '../SideMenuOrganisations/SideMenuOrganisations';
-import { SideMenuBody } from '../SideMenuBody/SideMenuBody';
-import { SideMenuFooter } from '../SideMenuFooter/SideMenuFooter';
-import { SideMenuHeader } from '../SideMenuHeader/SideMenuHeader';
-import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
-import { SideMenuAvatar } from '../SideMenuAvatar/SideMenuAvatar';
-import { SideMenuSubItem } from '../SideMenuSubItem/SideMenuSubItem';
-import { SideMenuDivider } from '../SideMenuDivider/SideMenuDivider';
-import { SideMenuSubItemHeader } from '../SideMenuSubItemHeader/SideMenuSubItemHeader';
-import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
-import { SideMenuLink } from '../SideMenuLink/SideMenuLink';
-import { SideMenuSubLink } from '../SideMenuSubLink/SideMenuSubLink';
-export declare type showScrollBarType = 'always' | 'scroll' | 'hover' | 'never';
-export interface SideMenuProps extends CommonProps {
-    children?: React.ReactNode;
-    size?: 'small' | 'large';
-    /**
-     * Проп для отображения подменю в отдельной колонке
-     */
-    isSeparatedMenu?: boolean;
-    /**
-     * Проп для закрепленного состояния (работает только на широких экранах)
-     */
-    isPinned?: boolean;
-    /**
-     * Коллбэк для закрепленного состояния (работает только на широких экранах)
-     */
-    onPinnedValueChange?: (isPinned: boolean) => void;
-    /**
-     * @deprecated use disableCollapsing
-     */
-    disableSwipe?: boolean;
-    /**
-     * Заблокировать возможность сворачивания меню до иконок на широких экранах
-     */
-    disableCollapsing?: boolean;
-    /**
-     * @deprecated use activeItem
-     */
-    value?: string;
-    /**
-     * @deprecated use onActiveItemChange
-     */
-    onValueChange?: (value: string) => void;
-    activeItem?: string;
-    onActiveItemChange?: (value: string) => void;
-    desktopMediaQuery?: string;
-    narrowDesktopMediaQuery?: string;
-    tabletMediaQuery?: string;
-    mobileMediaQuery?: string;
-    /**
-     * Показывать скроллбар
-     */
-    showScrollBar?: showScrollBarType;
-    /**
-     * Открывает и закрывает меню
-     *
-     * Примечание: при заданном пропе `isOpen` автоматическое открытие/зарытие меню не работает
-     */
-    isOpen?: boolean;
-    /**
-     * Действие при открытии меню
-     */
-    onOpen?: () => void;
-    /**
-     * Действие при закрытии меню
-     */
-    onClose?: () => void;
-}
-interface SubComponents {
-    Body: typeof SideMenuBody;
-    Footer: typeof SideMenuFooter;
-    Header: typeof SideMenuHeader;
-    Item: typeof SideMenuItem;
-    SubItem: typeof SideMenuSubItem;
-    SubItemHeader: typeof SideMenuSubItemHeader;
-    Avatar: typeof SideMenuAvatar;
-    Organisations: typeof SideMenuOrganisations;
-    Divider: typeof SideMenuDivider;
-    Dropdown: typeof SideMenuDropdown;
-    Link: typeof SideMenuLink;
-    SubLink: typeof SideMenuSubLink;
-    __KONTUR_REACT_UI__: string;
-}
-export declare const transitionDuration = 300;
-export declare const burgerTransitionDuration: number;
-export declare const SideMenu: React.ForwardRefExoticComponent<SideMenuProps & React.RefAttributes<HTMLElement>> & SubComponents;
-export {};
+import React from 'react';
+import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+import { SideMenuOrganisations } from '../SideMenuOrganisations/SideMenuOrganisations';
+import { SideMenuBody } from '../SideMenuBody/SideMenuBody';
+import { SideMenuFooter } from '../SideMenuFooter/SideMenuFooter';
+import { SideMenuHeader } from '../SideMenuHeader/SideMenuHeader';
+import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
+import { SideMenuAvatar } from '../SideMenuAvatar/SideMenuAvatar';
+import { SideMenuSubItem } from '../SideMenuSubItem/SideMenuSubItem';
+import { SideMenuDivider } from '../SideMenuDivider/SideMenuDivider';
+import { SideMenuSubItemHeader } from '../SideMenuSubItemHeader/SideMenuSubItemHeader';
+import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
+import { SideMenuLink } from '../SideMenuLink/SideMenuLink';
+import { SideMenuSubLink } from '../SideMenuSubLink/SideMenuSubLink';
+export type showScrollBarType = 'always' | 'scroll' | 'hover' | 'never';
+export interface SideMenuProps extends CommonProps {
+    children?: React.ReactNode;
+    size?: 'small' | 'large';
+    /**
+     * Проп для отображения подменю в отдельной колонке
+     */
+    isSeparatedMenu?: boolean;
+    /**
+     * Проп для закрепленного состояния (работает только на широких экранах)
+     */
+    isPinned?: boolean;
+    /**
+     * Коллбэк для закрепленного состояния (работает только на широких экранах)
+     */
+    onPinnedValueChange?: (isPinned: boolean) => void;
+    /**
+     * @deprecated use disableCollapsing
+     */
+    disableSwipe?: boolean;
+    /**
+     * Заблокировать возможность сворачивания меню до иконок на широких экранах
+     */
+    disableCollapsing?: boolean;
+    /**
+     * @deprecated use activeItem
+     */
+    value?: string;
+    /**
+     * @deprecated use onActiveItemChange
+     */
+    onValueChange?: (value: string) => void;
+    activeItem?: string;
+    onActiveItemChange?: (value: string) => void;
+    desktopMediaQuery?: string;
+    narrowDesktopMediaQuery?: string;
+    tabletMediaQuery?: string;
+    mobileMediaQuery?: string;
+    /**
+     * Показывать скроллбар
+     */
+    showScrollBar?: showScrollBarType;
+    /**
+     * Открывает и закрывает меню
+     *
+     * Примечание: при заданном пропе `isOpen` автоматическое открытие/зарытие меню не работает
+     */
+    isOpen?: boolean;
+    /**
+     * Действие при открытии меню
+     */
+    onOpen?: () => void;
+    /**
+     * Действие при закрытии меню
+     */
+    onClose?: () => void;
+}
+interface SubComponents {
+    Body: typeof SideMenuBody;
+    Footer: typeof SideMenuFooter;
+    Header: typeof SideMenuHeader;
+    Item: typeof SideMenuItem;
+    SubItem: typeof SideMenuSubItem;
+    SubItemHeader: typeof SideMenuSubItemHeader;
+    Avatar: typeof SideMenuAvatar;
+    Organisations: typeof SideMenuOrganisations;
+    Divider: typeof SideMenuDivider;
+    Dropdown: typeof SideMenuDropdown;
+    Link: typeof SideMenuLink;
+    SubLink: typeof SideMenuSubLink;
+    __KONTUR_REACT_UI__: string;
+}
+export declare const transitionDuration = 300;
+export declare const burgerTransitionDuration: number;
+export declare const SideMenu: React.ForwardRefExoticComponent<SideMenuProps & React.RefAttributes<HTMLElement>> & SubComponents;
+export {};