@skbkontur/side-menu 3.1.7 → 3.2.0

package/src/SideMenuDropdown/SideMenuDropdown.js

@@ -1,40 +1,40 @@
-import { __assign, __rest } from "tslib";
-import React, { forwardRef, useContext } from 'react';
-import { ThemeContext, DropdownMenu } from '@skbkontur/react-ui';
-import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { jsStyles } from './SideMenuDropdown.styles';
-import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
-import { SideMenuContext } from '../SideMenuContext';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
-var SideMenuDropdownInner = forwardRef(function (_a, ref) {
-    var _b, _c;
-    var icon = _a.icon, id = _a.id, children = _a.children, caption = _a.caption, marker = _a.marker, subCaption = _a.subCaption, className = _a.className, _d = _a.disableAnimations, disableAnimations = _d === void 0 ? false : _d, menuWidth = _a.menuWidth, _isAvatar = _a._isAvatar, rest = __rest(_a, ["icon", "id", "children", "caption", "marker", "subCaption", "className", "disableAnimations", "menuWidth", "_isAvatar"]);
-    var context = useContext(SideMenuContext);
-    var theme = getSideMenuTheme(useContext(ThemeContext));
-    return (React.createElement("li", { className: cx((_b = {}, _b[jsStyles.wrapper()] = true, _b), className), ref: ref },
-        React.createElement(DropdownMenu, __assign({ caption: React.createElement("div", { className: cx((_c = {},
-                    _c[jsStyles.label(theme)] = true,
-                    _c[jsStyles.labelForTouchScreens(theme)] = context.isTouchScreen,
-                    _c[jsStyles.minimizedLabel()] = !context.isOpened,
-                    _c)) },
-                React.createElement(SideMenuItem, { icon: icon, caption: caption, subCaption: subCaption, marker: marker, id: id, _isDropdown: true, _isAvatar: _isAvatar })), positions: ['top left'], disableAnimations: true, menuWidth: menuWidth }, rest), React.Children.map(children, function (child) {
-            // @ts-expect-error: accessing private property
-            if (React.isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type.__KONTUR_REACT_UI__) === 'MenuItem') {
-                return React.cloneElement(child, {
-                    onClick: function () {
-                        var _a, _b, _c;
-                        (_a = context.toggleIsOpened) === null || _a === void 0 ? void 0 : _a.call(context);
-                        (_c = (_b = child.props).onClick) === null || _c === void 0 ? void 0 : _c.call(_b);
-                    },
-                });
-            }
-            return child;
-        }))));
-});
-SideMenuDropdownInner.displayName = 'SideMenuDropdown';
-/**
- * Элемент списка с выпадающим меню
- *
- * @visibleName SideMenu.Dropdown
- */
-export var SideMenuDropdown = Object.assign(SideMenuDropdownInner, { __KONTUR_REACT_UI__: 'SideMenuDropdown' });
+import { __assign, __rest } from "tslib";
+import React, { forwardRef, useContext } from 'react';
+import { ThemeContext, DropdownMenu } from '@skbkontur/react-ui';
+import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { jsStyles } from './SideMenuDropdown.styles';
+import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
+import { SideMenuContext } from '../SideMenuContext';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+var SideMenuDropdownInner = forwardRef(function (_a, ref) {
+    var _b, _c;
+    var icon = _a.icon, id = _a.id, children = _a.children, caption = _a.caption, marker = _a.marker, subCaption = _a.subCaption, className = _a.className, _d = _a.disableAnimations, disableAnimations = _d === void 0 ? false : _d, menuWidth = _a.menuWidth, _isAvatar = _a._isAvatar, rest = __rest(_a, ["icon", "id", "children", "caption", "marker", "subCaption", "className", "disableAnimations", "menuWidth", "_isAvatar"]);
+    var context = useContext(SideMenuContext);
+    var theme = getSideMenuTheme(useContext(ThemeContext));
+    return (React.createElement("li", { className: cx((_b = {}, _b[jsStyles.wrapper()] = true, _b), className), ref: ref },
+        React.createElement(DropdownMenu, __assign({ caption: React.createElement("div", { className: cx((_c = {},
+                    _c[jsStyles.label(theme)] = true,
+                    _c[jsStyles.labelForTouchScreens(theme)] = context.isTouchScreen,
+                    _c[jsStyles.minimizedLabel()] = !context.isOpened,
+                    _c)) },
+                React.createElement(SideMenuItem, { icon: icon, caption: caption, subCaption: subCaption, marker: marker, id: id, _isDropdown: true, _isAvatar: _isAvatar })), positions: ['top left'], disableAnimations: true, menuWidth: menuWidth }, rest), React.Children.map(children, function (child) {
+            // @ts-expect-error: accessing private property
+            if (React.isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type.__KONTUR_REACT_UI__) === 'MenuItem') {
+                return React.cloneElement(child, {
+                    onClick: function () {
+                        var _a, _b, _c;
+                        (_a = context.toggleIsOpened) === null || _a === void 0 ? void 0 : _a.call(context);
+                        (_c = (_b = child.props).onClick) === null || _c === void 0 ? void 0 : _c.call(_b);
+                    },
+                });
+            }
+            return child;
+        }))));
+});
+SideMenuDropdownInner.displayName = 'SideMenuDropdown';
+/**
+ * Элемент списка с выпадающим меню
+ *
+ * @visibleName SideMenu.Dropdown
+ */
+export var SideMenuDropdown = Object.assign(SideMenuDropdownInner, { __KONTUR_REACT_UI__: 'SideMenuDropdown' });

package/src/SideMenuDropdown/SideMenuDropdown.styles.d.ts

@@ -1,7 +1,7 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
-export declare const jsStyles: {
-    label(t: SideMenuTheme): string;
-    labelForTouchScreens(t: SideMenuTheme): string;
-    minimizedLabel(): string;
-    wrapper(): string;
-};
+import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+export declare const jsStyles: {
+    label(t: SideMenuTheme): string;
+    labelForTouchScreens(t: SideMenuTheme): string;
+    minimizedLabel(): string;
+    wrapper(): string;
+};

package/src/SideMenuDropdown/SideMenuDropdown.styles.js

@@ -1,20 +1,20 @@
-import { __makeTemplateObject } from "tslib";
-import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
-import { transitionDuration } from '../SideMenu/SideMenu';
-var styles = {
-    label: function (t) {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: calc(", " - 2 * ", ");\n      transition: width ", "ms ease-out;\n    "], ["\n      width: calc(", " - 2 * ", ");\n      transition: width ", "ms ease-out;\n    "])), t.sideMenuWidth, t.sideMenuMarginX, transitionDuration);
-    },
-    labelForTouchScreens: function (t) {
-        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: calc(", " - 2 * ", ");\n    "], ["\n      width: calc(", " - 2 * ", ");\n    "])), t.sideMenuWidthForTouchScreens, t.sideMenuMarginX);
-    },
-    minimizedLabel: function () {
-        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
-    },
-    wrapper: function () {
-        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      overflow-x: hidden;\n    "], ["\n      overflow-x: hidden;\n    "])));
-    },
-};
-export var jsStyles = memoizeStyle(styles);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+import { __makeTemplateObject } from "tslib";
+import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
+import { transitionDuration } from '../SideMenu/SideMenu';
+var styles = {
+    label: function (t) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: calc(", " - 2 * ", ");\n      transition: width ", "ms ease-out;\n    "], ["\n      width: calc(", " - 2 * ", ");\n      transition: width ", "ms ease-out;\n    "])), t.sideMenuWidth, t.sideMenuMarginX, transitionDuration);
+    },
+    labelForTouchScreens: function (t) {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: calc(", " - 2 * ", ");\n    "], ["\n      width: calc(", " - 2 * ", ");\n    "])), t.sideMenuWidthForTouchScreens, t.sideMenuMarginX);
+    },
+    minimizedLabel: function () {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
+    },
+    wrapper: function () {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      overflow-x: hidden;\n    "], ["\n      overflow-x: hidden;\n    "])));
+    },
+};
+export var jsStyles = memoizeStyle(styles);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/src/SideMenuFooter/SideMenuFooter.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
-export interface SideMenuFooterProps extends CommonProps {
-    children?: React.ReactNode;
-}
-/**
- * Нижняя часть меню
- *
- * @visibleName SideMenu.Footer
- */
-export declare const SideMenuFooter: React.ForwardRefExoticComponent<SideMenuFooterProps & React.RefAttributes<HTMLDivElement>> & {
-    __KONTUR_REACT_UI__: string;
-};
+import React from 'react';
+import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+export interface SideMenuFooterProps extends CommonProps {
+    children?: React.ReactNode;
+}
+/**
+ * Нижняя часть меню
+ *
+ * @visibleName SideMenu.Footer
+ */
+export declare const SideMenuFooter: React.ForwardRefExoticComponent<SideMenuFooterProps & React.RefAttributes<HTMLDivElement>> & {
+    __KONTUR_REACT_UI__: string;
+};

package/src/SideMenuFooter/SideMenuFooter.js

@@ -1,34 +1,34 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { forwardRef, useContext, useEffect, useState } from 'react';
-import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStyles } from './SideMenuFooter.styles';
-import { SideMenuContext } from '../SideMenuContext';
-import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
-var SideMenuFooterInner = forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
-    var context = useContext(SideMenuContext);
-    var theme = getSideMenuTheme(useContext(ThemeContext));
-    var _c = __read(useState(false), 2), isFixed = _c[0], setIsFixed = _c[1];
-    useEffect(function () {
-        setIsFixed(!!context.hasScrollBar && !(context.scrollState === 'bottom'));
-    }, [context.hasScrollBar, context.scrollState]);
-    if (!(context.isMobile || context.isTablet) || (context.isOpened && (context.isMobile || context.isTablet))) {
-        return (React.createElement("footer", __assign({ className: cx((_b = {},
-                _b[jsStyles.root(theme)] = true,
-                _b[jsStyles.rootFixed(theme)] = isFixed,
-                _b[jsStyles.rootTransitionedForTabletsOrMobiles()] = context.isBeingTransitioned && (context.isMobile || context.isTablet),
-                _b), className), ref: ref }, rest),
-            React.createElement("ul", { className: jsStylesForSideMenu.list() }, children)));
-    }
-    return null;
-});
-SideMenuFooterInner.displayName = 'SideMenuFooter';
-/**
- * Нижняя часть меню
- *
- * @visibleName SideMenu.Footer
- */
-export var SideMenuFooter = Object.assign(SideMenuFooterInner, { __KONTUR_REACT_UI__: 'SideMenuFooter' });
+import { __assign, __read, __rest } from "tslib";
+import React, { forwardRef, useContext, useEffect, useState } from 'react';
+import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import { jsStyles } from './SideMenuFooter.styles';
+import { SideMenuContext } from '../SideMenuContext';
+import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+var SideMenuFooterInner = forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
+    var context = useContext(SideMenuContext);
+    var theme = getSideMenuTheme(useContext(ThemeContext));
+    var _c = __read(useState(false), 2), isFixed = _c[0], setIsFixed = _c[1];
+    useEffect(function () {
+        setIsFixed(!!context.hasScrollBar && !(context.scrollState === 'bottom'));
+    }, [context.hasScrollBar, context.scrollState]);
+    if (!(context.isMobile || context.isTablet) || (context.isOpened && (context.isMobile || context.isTablet))) {
+        return (React.createElement("footer", __assign({ className: cx((_b = {},
+                _b[jsStyles.root(theme)] = true,
+                _b[jsStyles.rootFixed(theme)] = isFixed,
+                _b[jsStyles.rootTransitionedForTabletsOrMobiles()] = context.isBeingTransitioned && (context.isMobile || context.isTablet),
+                _b), className), ref: ref }, rest),
+            React.createElement("ul", { className: jsStylesForSideMenu.list() }, children)));
+    }
+    return null;
+});
+SideMenuFooterInner.displayName = 'SideMenuFooter';
+/**
+ * Нижняя часть меню
+ *
+ * @visibleName SideMenu.Footer
+ */
+export var SideMenuFooter = Object.assign(SideMenuFooterInner, { __KONTUR_REACT_UI__: 'SideMenuFooter' });

package/src/SideMenuFooter/SideMenuFooter.styles.d.ts

@@ -1,6 +1,6 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
-export declare const jsStyles: {
-    root(t: SideMenuTheme): string;
-    rootFixed(t: SideMenuTheme): string;
-    rootTransitionedForTabletsOrMobiles(): string;
-};
+import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+export declare const jsStyles: {
+    root(t: SideMenuTheme): string;
+    rootFixed(t: SideMenuTheme): string;
+    rootTransitionedForTabletsOrMobiles(): string;
+};

package/src/SideMenuFooter/SideMenuFooter.styles.js

@@ -1,16 +1,16 @@
-import { __makeTemplateObject } from "tslib";
-import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
-var styles = {
-    root: function (t) {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      flex-grow: 0;\n      position: sticky;\n      bottom: 0;\n      padding-bottom: ", ";\n      padding-top: ", ";\n      margin: 0 ", ";\n      background-color: ", ";\n    "], ["\n      flex-grow: 0;\n      position: sticky;\n      bottom: 0;\n      padding-bottom: ", ";\n      padding-top: ", ";\n      margin: 0 ", ";\n      background-color: ", ";\n    "])), t.sideMenuFooterPaddingBottom, t.sideMenuFooterPaddingTop, t.sideMenuMarginX, t.sideMenuBgColor);
-    },
-    rootFixed: function (t) {
-        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      box-shadow: 0 -1px 0 ", ";\n    "], ["\n      box-shadow: 0 -1px 0 ", ";\n    "])), t.sideMenuFooterDividerColor);
-    },
-    rootTransitionedForTabletsOrMobiles: function () {
-        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: static;\n    "], ["\n      position: static;\n    "])));
-    },
-};
-export var jsStyles = memoizeStyle(styles);
-var templateObject_1, templateObject_2, templateObject_3;
+import { __makeTemplateObject } from "tslib";
+import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
+var styles = {
+    root: function (t) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      flex-grow: 0;\n      position: sticky;\n      bottom: 0;\n      padding-bottom: ", ";\n      padding-top: ", ";\n      margin: 0 ", ";\n      background-color: ", ";\n    "], ["\n      flex-grow: 0;\n      position: sticky;\n      bottom: 0;\n      padding-bottom: ", ";\n      padding-top: ", ";\n      margin: 0 ", ";\n      background-color: ", ";\n    "])), t.sideMenuFooterPaddingBottom, t.sideMenuFooterPaddingTop, t.sideMenuMarginX, t.sideMenuBgColor);
+    },
+    rootFixed: function (t) {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      box-shadow: 0 -1px 0 ", ";\n    "], ["\n      box-shadow: 0 -1px 0 ", ";\n    "])), t.sideMenuFooterDividerColor);
+    },
+    rootTransitionedForTabletsOrMobiles: function () {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: static;\n    "], ["\n      position: static;\n    "])));
+    },
+};
+export var jsStyles = memoizeStyle(styles);
+var templateObject_1, templateObject_2, templateObject_3;

package/src/SideMenuHeader/SideMenuHeader.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { LogotypeProps } from '@skbkontur/react-ui-addons/components/Logotype';
-export interface SideMenuHeaderProps extends Partial<LogotypeProps> {
-    iconUrl?: string;
-}
-/**
- * Контейнер для логотипа
- *
- * @visibleName SideMenu.Header
- */
-export declare const SideMenuHeader: React.ForwardRefExoticComponent<SideMenuHeaderProps & React.RefAttributes<HTMLDivElement>> & {
-    __KONTUR_REACT_UI__: string;
-};
+import React from 'react';
+import { LogotypeProps } from '@skbkontur/react-ui-addons/components/Logotype';
+export interface SideMenuHeaderProps extends Partial<LogotypeProps> {
+    iconUrl?: string;
+}
+/**
+ * Контейнер для логотипа
+ *
+ * @visibleName SideMenu.Header
+ */
+export declare const SideMenuHeader: React.ForwardRefExoticComponent<SideMenuHeaderProps & React.RefAttributes<HTMLDivElement>> & {
+    __KONTUR_REACT_UI__: string;
+};

package/src/SideMenuHeader/SideMenuHeader.js

@@ -1,39 +1,39 @@
-import { __assign, __rest } from "tslib";
-import React, { forwardRef, useContext, useEffect, useRef } from 'react';
-import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { mergeRefs } from '@skbkontur/react-ui/lib/utils';
-import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStyles } from './SideMenuHeader.styles';
-import { SideMenuContext } from '../SideMenuContext';
-import { SideMenuLogotype } from '../internal/SideMenuLogotype';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
-import { getDOMRect } from '@skbkontur/react-ui/lib/dom/getDOMRect';
-var SideMenuHeaderInner = forwardRef(function (_a, ref) {
-    var _b;
-    var _c;
-    var className = _a.className, productLogo = _a.productLogo, konturLogo = _a.konturLogo, iconUrl = _a.iconUrl, style = _a.style, _d = _a.withWidget, withWidget = _d === void 0 ? true : _d, dataTid = _a["data-tid"], rest = __rest(_a, ["className", "productLogo", "konturLogo", "iconUrl", "style", "withWidget", 'data-tid']);
-    var context = useContext(SideMenuContext);
-    var theme = getSideMenuTheme(useContext(ThemeContext));
-    var headerWrapperRef = useRef(null);
-    useEffect(function () {
-        var _a;
-        if (headerWrapperRef.current) {
-            (_a = context.setHeaderHeight) === null || _a === void 0 ? void 0 : _a.call(context, getDOMRect(headerWrapperRef.current).height);
-        }
-    }, []);
-    return (React.createElement("header", { className: cx((_b = {},
-            _b[jsStyles.root(theme)] = true,
-            _b[jsStyles.rootForTabletsOrMobiles(theme)] = context.isMobile || context.isTablet,
-            _b[jsStyles.fixedRoot(theme)] = context.isOpened && !!context.hasScrollBar && !(context.scrollState === 'top'),
-            _b[jsStyles.collapsedRootForTabletsOrMobiles()] = !context.isOpened && (context.isMobile || context.isTablet),
-            _b[jsStyles.rootWithSeparatedMenuShown(theme)] = context.isOpened && context.isMobile && ((_c = context.navigation) === null || _c === void 0 ? void 0 : _c.isSeparatedMenuShown),
-            _b), className), ref: mergeRefs([headerWrapperRef, ref]), style: style, "data-tid": dataTid },
-        React.createElement(SideMenuLogotype, __assign({ productLogo: productLogo, konturLogo: konturLogo, iconUrl: iconUrl, withWidget: withWidget }, rest))));
-});
-SideMenuHeaderInner.displayName = 'SideMenuHeader';
-/**
- * Контейнер для логотипа
- *
- * @visibleName SideMenu.Header
- */
-export var SideMenuHeader = Object.assign(SideMenuHeaderInner, { __KONTUR_REACT_UI__: 'SideMenuHeader' });
+import { __assign, __rest } from "tslib";
+import React, { forwardRef, useContext, useEffect, useRef } from 'react';
+import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { mergeRefs } from '@skbkontur/react-ui/lib/utils';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import { jsStyles } from './SideMenuHeader.styles';
+import { SideMenuContext } from '../SideMenuContext';
+import { SideMenuLogotype } from '../internal/SideMenuLogotype';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { getDOMRect } from '@skbkontur/react-ui/lib/dom/getDOMRect';
+var SideMenuHeaderInner = forwardRef(function (_a, ref) {
+    var _b;
+    var _c;
+    var className = _a.className, productLogo = _a.productLogo, konturLogo = _a.konturLogo, iconUrl = _a.iconUrl, style = _a.style, _d = _a.withWidget, withWidget = _d === void 0 ? true : _d, dataTid = _a["data-tid"], rest = __rest(_a, ["className", "productLogo", "konturLogo", "iconUrl", "style", "withWidget", 'data-tid']);
+    var context = useContext(SideMenuContext);
+    var theme = getSideMenuTheme(useContext(ThemeContext));
+    var headerWrapperRef = useRef(null);
+    useEffect(function () {
+        var _a;
+        if (headerWrapperRef.current) {
+            (_a = context.setHeaderHeight) === null || _a === void 0 ? void 0 : _a.call(context, getDOMRect(headerWrapperRef.current).height);
+        }
+    }, []);
+    return (React.createElement("header", { className: cx((_b = {},
+            _b[jsStyles.root(theme)] = true,
+            _b[jsStyles.rootForTabletsOrMobiles(theme)] = context.isMobile || context.isTablet,
+            _b[jsStyles.fixedRoot(theme)] = context.isOpened && !!context.hasScrollBar && !(context.scrollState === 'top'),
+            _b[jsStyles.collapsedRootForTabletsOrMobiles()] = !context.isOpened && (context.isMobile || context.isTablet),
+            _b[jsStyles.rootWithSeparatedMenuShown(theme)] = context.isOpened && context.isMobile && ((_c = context.navigation) === null || _c === void 0 ? void 0 : _c.isSeparatedMenuShown),
+            _b), className), ref: mergeRefs([headerWrapperRef, ref]), style: style, "data-tid": dataTid },
+        React.createElement(SideMenuLogotype, __assign({ productLogo: productLogo, konturLogo: konturLogo, iconUrl: iconUrl, withWidget: withWidget }, rest))));
+});
+SideMenuHeaderInner.displayName = 'SideMenuHeader';
+/**
+ * Контейнер для логотипа
+ *
+ * @visibleName SideMenu.Header
+ */
+export var SideMenuHeader = Object.assign(SideMenuHeaderInner, { __KONTUR_REACT_UI__: 'SideMenuHeader' });

package/src/SideMenuHeader/SideMenuHeader.styles.d.ts

@@ -1,8 +1,8 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
-export declare const jsStyles: {
-    root(t: SideMenuTheme): string;
-    rootForTabletsOrMobiles(t: SideMenuTheme): string;
-    collapsedRootForTabletsOrMobiles(): string;
-    rootWithSeparatedMenuShown(t: SideMenuTheme): string;
-    fixedRoot(t: SideMenuTheme): string;
-};
+import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+export declare const jsStyles: {
+    root(t: SideMenuTheme): string;
+    rootForTabletsOrMobiles(t: SideMenuTheme): string;
+    collapsedRootForTabletsOrMobiles(): string;
+    rootWithSeparatedMenuShown(t: SideMenuTheme): string;
+    fixedRoot(t: SideMenuTheme): string;
+};

package/src/SideMenuHeader/SideMenuHeader.styles.js

@@ -1,22 +1,22 @@
-import { __makeTemplateObject } from "tslib";
-import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
-var styles = {
-    root: function (t) {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: sticky;\n      width: calc(100% - 2 * ", ");\n      top: 0;\n      z-index: 1;\n      padding: ", " 0 ", ";\n      margin: 0 ", ";\n      background-color: ", ";\n    "], ["\n      position: sticky;\n      width: calc(100% - 2 * ", ");\n      top: 0;\n      z-index: 1;\n      padding: ", " 0 ", ";\n      margin: 0 ", ";\n      background-color: ", ";\n    "])), t.sideMenuMarginX, t.sideMenuHeaderPaddingTop, t.sideMenuHeaderPaddingBottom, t.sideMenuMarginX, t.sideMenuBgColor);
-    },
-    rootForTabletsOrMobiles: function (t) {
-        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding-top: ", ";\n    "], ["\n      padding-top: ", ";\n    "])), t.sideMenuHeaderPaddingTopForTouchScreens);
-    },
-    collapsedRootForTabletsOrMobiles: function () {
-        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background: transparent;\n    "], ["\n      background: transparent;\n    "])));
-    },
-    rootWithSeparatedMenuShown: function (t) {
-        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n      z-index: 9000;\n    "], ["\n      background: ", ";\n      z-index: 9000;\n    "])), t.sideMenuSeparatedSubMenuBgColor);
-    },
-    fixedRoot: function (t) {
-        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      box-shadow: 0 1px 0 ", ";\n    "], ["\n      box-shadow: 0 1px 0 ", ";\n    "])), t.sideMenuHeaderDividerColor);
-    },
-};
-export var jsStyles = memoizeStyle(styles);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+import { __makeTemplateObject } from "tslib";
+import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
+var styles = {
+    root: function (t) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: sticky;\n      width: calc(100% - 2 * ", ");\n      top: 0;\n      z-index: 1;\n      padding: ", " 0 ", ";\n      margin: 0 ", ";\n      background-color: ", ";\n    "], ["\n      position: sticky;\n      width: calc(100% - 2 * ", ");\n      top: 0;\n      z-index: 1;\n      padding: ", " 0 ", ";\n      margin: 0 ", ";\n      background-color: ", ";\n    "])), t.sideMenuMarginX, t.sideMenuHeaderPaddingTop, t.sideMenuHeaderPaddingBottom, t.sideMenuMarginX, t.sideMenuBgColor);
+    },
+    rootForTabletsOrMobiles: function (t) {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding-top: ", ";\n    "], ["\n      padding-top: ", ";\n    "])), t.sideMenuHeaderPaddingTopForTouchScreens);
+    },
+    collapsedRootForTabletsOrMobiles: function () {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background: transparent;\n    "], ["\n      background: transparent;\n    "])));
+    },
+    rootWithSeparatedMenuShown: function (t) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n      z-index: 9000;\n    "], ["\n      background: ", ";\n      z-index: 9000;\n    "])), t.sideMenuSeparatedSubMenuBgColor);
+    },
+    fixedRoot: function (t) {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      box-shadow: 0 1px 0 ", ";\n    "], ["\n      box-shadow: 0 1px 0 ", ";\n    "])), t.sideMenuHeaderDividerColor);
+    },
+};
+export var jsStyles = memoizeStyle(styles);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/src/SideMenuItem/SideMenuItem.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { CommonClickableElementProps } from '../internal/ClickableElement';
-export interface SideMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonClickableElementProps {
-    component?: React.ComponentType<any>;
-}
-/**
- * Элемент списка
- *
- * Может принимать все атрибуты обычной HTML-кнопки
- *
- * @visibleName SideMenu.Item
- */
-export declare const SideMenuItem: React.ForwardRefExoticComponent<SideMenuItemProps & React.RefAttributes<HTMLButtonElement>> & {
-    __KONTUR_REACT_UI__: string;
-};
+import React from 'react';
+import { CommonClickableElementProps } from '../internal/ClickableElement';
+export interface SideMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonClickableElementProps {
+    component?: React.ComponentType<any>;
+}
+/**
+ * Элемент списка
+ *
+ * Может принимать все атрибуты обычной HTML-кнопки
+ *
+ * @visibleName SideMenu.Item
+ */
+export declare const SideMenuItem: React.ForwardRefExoticComponent<SideMenuItemProps & React.RefAttributes<HTMLButtonElement>> & {
+    __KONTUR_REACT_UI__: string;
+};

package/src/SideMenuItem/SideMenuItem.js

@@ -1,16 +1,16 @@
-import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
-import { ClickableElement } from '../internal/ClickableElement';
-var SideMenuItemInner = forwardRef(function (_a, ref) {
-    var component = _a.component, rest = __rest(_a, ["component"]);
-    return React.createElement(ClickableElement, __assign({}, rest, { ref: ref, element: component !== null && component !== void 0 ? component : 'button' }));
-});
-SideMenuItemInner.displayName = 'SideMenuItem';
-/**
- * Элемент списка
- *
- * Может принимать все атрибуты обычной HTML-кнопки
- *
- * @visibleName SideMenu.Item
- */
-export var SideMenuItem = Object.assign(SideMenuItemInner, { __KONTUR_REACT_UI__: 'SideMenuItem' });
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { ClickableElement } from '../internal/ClickableElement';
+var SideMenuItemInner = forwardRef(function (_a, ref) {
+    var component = _a.component, rest = __rest(_a, ["component"]);
+    return React.createElement(ClickableElement, __assign({}, rest, { ref: ref, element: component !== null && component !== void 0 ? component : 'button' }));
+});
+SideMenuItemInner.displayName = 'SideMenuItem';
+/**
+ * Элемент списка
+ *
+ * Может принимать все атрибуты обычной HTML-кнопки
+ *
+ * @visibleName SideMenu.Item
+ */
+export var SideMenuItem = Object.assign(SideMenuItemInner, { __KONTUR_REACT_UI__: 'SideMenuItem' });

package/src/SideMenuLink/SideMenuLink.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { CommonClickableElementProps } from '../internal/ClickableElement';
-export interface SideMenuLinkProps<T = string> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, CommonClickableElementProps {
-    component?: React.ComponentType<any>;
-    href: T;
-}
-/**
- * Ссылка для `SideMenu`
- *
- * Визуально повторяет `SideMenu.Item`
- *
- * Может принимать все атрибуты обычной HTML-ссылки
- *
- * @visibleName SideMenu.Link
- */
-export declare const SideMenuLink: <T = string>(props: SideMenuLinkProps<T>) => React.ReactElement;
+import React from 'react';
+import { CommonClickableElementProps } from '../internal/ClickableElement';
+export interface SideMenuLinkProps<T = string> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, CommonClickableElementProps {
+    component?: React.ComponentType<any>;
+    href: T;
+}
+/**
+ * Ссылка для `SideMenu`
+ *
+ * Визуально повторяет `SideMenu.Item`
+ *
+ * Может принимать все атрибуты обычной HTML-ссылки
+ *
+ * @visibleName SideMenu.Link
+ */
+export declare const SideMenuLink: <T = string>(props: SideMenuLinkProps<T>) => React.ReactElement;

package/src/SideMenuLink/SideMenuLink.js

@@ -1,21 +1,21 @@
-import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
-import { ClickableElement } from '../internal/ClickableElement';
-import { jsStyles } from './SideMenuLink.styles';
-import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-var SideMenuLinkInner = forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, component = _a.component, rest = __rest(_a, ["className", "component"]);
-    return (React.createElement(ClickableElement, __assign({}, rest, { ref: ref, element: component !== null && component !== void 0 ? component : 'a', className: cx((_b = {}, _b[jsStyles.link()] = true, _b), className) })));
-});
-SideMenuLinkInner.displayName = 'SideMenuLink';
-/**
- * Ссылка для `SideMenu`
- *
- * Визуально повторяет `SideMenu.Item`
- *
- * Может принимать все атрибуты обычной HTML-ссылки
- *
- * @visibleName SideMenu.Link
- */
-export var SideMenuLink = Object.assign(SideMenuLinkInner, { __KONTUR_REACT_UI__: 'SideMenuLink' });
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { ClickableElement } from '../internal/ClickableElement';
+import { jsStyles } from './SideMenuLink.styles';
+import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+var SideMenuLinkInner = forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, component = _a.component, rest = __rest(_a, ["className", "component"]);
+    return (React.createElement(ClickableElement, __assign({}, rest, { ref: ref, element: component !== null && component !== void 0 ? component : 'a', className: cx((_b = {}, _b[jsStyles.link()] = true, _b), className) })));
+});
+SideMenuLinkInner.displayName = 'SideMenuLink';
+/**
+ * Ссылка для `SideMenu`
+ *
+ * Визуально повторяет `SideMenu.Item`
+ *
+ * Может принимать все атрибуты обычной HTML-ссылки
+ *
+ * @visibleName SideMenu.Link
+ */
+export var SideMenuLink = Object.assign(SideMenuLinkInner, { __KONTUR_REACT_UI__: 'SideMenuLink' });

package/src/SideMenuLink/SideMenuLink.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const jsStyles: {
-    link(): string;
-};
+export declare const jsStyles: {
+    link(): string;
+};