@skbkontur/side-menu 3.3.2 → 3.3.4

package/src/SideMenuNotifications/BellWidget.js

@@ -1,63 +1,60 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BellWidget = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var XIcon20Regular_1 = require("@skbkontur/icons/icons/XIcon/XIcon20Regular");
-var Center_1 = require("@skbkontur/react-ui/components/Center/Center");
-var Spinner_1 = require("@skbkontur/react-ui/components/Spinner/Spinner");
-var Button_1 = require("@skbkontur/react-ui/components/Button/Button");
-var ThemeContext_1 = require("@skbkontur/react-ui/lib/theming/ThemeContext");
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var operation_result_1 = require("@skbkontur/operation-result");
-var widget_consumer_react_utils_1 = require("@skbkontur/widget-consumer-react-utils");
-var SideMenuDataTids_1 = require("../../SideMenuDataTids");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
-var SideMenuTheme_1 = require("../../internal/themes/SideMenuTheme");
-var BellWidgetView_styles_1 = require("./BellWidgetView.styles");
-var SideMenuNotifications_1 = require("./SideMenuNotifications");
-var BellWidgetError_1 = require("./BellWidgetError");
+import { __awaiter, __generator } from "tslib";
+import React, { useContext } from 'react';
+import { XIcon20Regular } from '@skbkontur/icons/icons/XIcon/XIcon20Regular';
+import { Center } from '@skbkontur/react-ui/components/Center/Center';
+import { Spinner } from '@skbkontur/react-ui/components/Spinner/Spinner';
+import { Button } from '@skbkontur/react-ui/components/Button/Button';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { createFailure, createSuccess, isFailure } from '@skbkontur/operation-result';
+import { usePersistentCallback, WidgetRenderer } from '@skbkontur/widget-consumer-react-utils';
+import { SideMenuDataTids } from '../../SideMenuDataTids';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { SideMenuTheme } from '../../internal/themes/SideMenuTheme';
+import { customStyles, jsStyles } from './BellWidgetView.styles';
+import { BELL_SIDE_MENU_DATA_ITEM } from './SideMenuNotifications';
+import { BellWidgetError } from './BellWidgetError';
 var getBtnTopPosition = function () {
     var _a;
-    var bellDropDownItem = document.querySelector("[data-item=\"".concat(SideMenuNotifications_1.BELL_SIDE_MENU_DATA_ITEM, "\"]"));
+    var bellDropDownItem = document.querySelector("[data-item=\"".concat(BELL_SIDE_MENU_DATA_ITEM, "\"]"));
     return (_a = bellDropDownItem === null || bellDropDownItem === void 0 ? void 0 : bellDropDownItem.offsetTop) !== null && _a !== void 0 ? _a : 0;
 };
-var BellWidget = function (props) {
+export var BellWidget = function (props) {
     var widgetApi = props.widgetApi, onClose = props.onClose, renderErrorButton = props.renderErrorButton, renderErrorMessage = props.renderErrorMessage, onError = props.onError;
     var btnTopPosition = getBtnTopPosition();
-    var theme = (0, ThemeHelpers_1.getSideMenuTheme)((0, react_1.useContext)(ThemeContext_1.ThemeContext));
-    var hasCustomWrapperHeight = theme.sideMenuNotificationsWrapperHeight !== SideMenuTheme_1.SideMenuTheme.sideMenuNotificationsWrapperHeight;
-    var renderWidget = (0, widget_consumer_react_utils_1.usePersistentCallback)(function (container) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var theme = getSideMenuTheme(useContext(ThemeContext));
+    var hasCustomWrapperHeight = theme.sideMenuNotificationsWrapperHeight !== SideMenuTheme.sideMenuNotificationsWrapperHeight;
+    var renderWidget = usePersistentCallback(function (container) { return __awaiter(void 0, void 0, void 0, function () {
         var api, wrapper, renderResult;
-        return tslib_1.__generator(this, function (_a) {
+        return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, widgetApi];
                 case 1:
                     api = _a.sent();
-                    if ((0, operation_result_1.isFailure)(api)) {
-                        return [2 /*return*/, (0, operation_result_1.createFailure)(api.fault)];
+                    if (isFailure(api)) {
+                        return [2 /*return*/, createFailure(api.fault)];
                     }
                     wrapper = container.parentElement;
                     if (wrapper) {
-                        wrapper.classList.add(BellWidgetView_styles_1.jsStyles.widgetWrapper());
+                        wrapper.classList.add(jsStyles.widgetWrapper());
                     }
                     container.style.height = '100%';
                     return [4 /*yield*/, api.value.render({ container: container })];
                 case 2:
                     renderResult = _a.sent();
-                    if ((0, operation_result_1.isFailure)(renderResult)) {
+                    if (isFailure(renderResult)) {
                         onError === null || onError === void 0 ? void 0 : onError(renderResult.fault);
-                        return [2 /*return*/, (0, operation_result_1.createFailure)(renderResult.fault)];
+                        return [2 /*return*/, createFailure(renderResult.fault)];
                     }
-                    return [2 /*return*/, (0, operation_result_1.createSuccess)({
-                            dispose: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                    return [2 /*return*/, createSuccess({
+                            dispose: function () { return __awaiter(void 0, void 0, void 0, function () {
                                 var disposeResult;
-                                return tslib_1.__generator(this, function (_a) {
+                                return __generator(this, function (_a) {
                                     switch (_a.label) {
                                         case 0: return [4 /*yield*/, renderResult.value.dispose()];
                                         case 1:
                                             disposeResult = _a.sent();
-                                            if ((0, operation_result_1.isFailure)(disposeResult)) {
+                                            if (isFailure(disposeResult)) {
                                                 onError === null || onError === void 0 ? void 0 : onError(disposeResult.fault);
                                             }
                                             return [2 /*return*/];
@@ -72,16 +69,15 @@ var BellWidget = function (props) {
         btnBorderRadiusMedium: '20px',
     };
     var wrapperHeightClass = hasCustomWrapperHeight
-        ? BellWidgetView_styles_1.customStyles.customHeight(theme.sideMenuNotificationsWrapperHeight)
-        : BellWidgetView_styles_1.customStyles.defaultHeight(btnTopPosition);
-    return (react_1.default.createElement("div", { className: (0, Emotion_1.cx)(BellWidgetView_styles_1.jsStyles.root(), wrapperHeightClass) },
-        react_1.default.createElement("div", { className: BellWidgetView_styles_1.jsStyles.header(), "data-tid": SideMenuDataTids_1.SideMenuDataTids.bellHeader },
-            react_1.default.createElement("span", { className: BellWidgetView_styles_1.jsStyles.headerText() }, "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F"),
-            react_1.default.createElement(Button_1.Button, { use: "text", size: "medium", width: 40, icon: react_1.default.createElement(XIcon20Regular_1.XIcon20Regular, null), onClick: onClose, theme: buttonCloseTheme, "data-tid": SideMenuDataTids_1.SideMenuDataTids.bellCloseButton, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F" })),
-        react_1.default.createElement(widget_consumer_react_utils_1.WidgetRenderer, { renderWidget: renderWidget, renderFault: function (_a) {
+        ? customStyles.customHeight(theme.sideMenuNotificationsWrapperHeight)
+        : customStyles.defaultHeight(btnTopPosition);
+    return (React.createElement("div", { className: cx(jsStyles.root(), wrapperHeightClass) },
+        React.createElement("div", { className: jsStyles.header(), "data-tid": SideMenuDataTids.bellHeader },
+            React.createElement("span", { className: jsStyles.headerText() }, "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F"),
+            React.createElement(Button, { use: "text", size: "medium", width: 40, icon: React.createElement(XIcon20Regular, null), onClick: onClose, theme: buttonCloseTheme, "data-tid": SideMenuDataTids.bellCloseButton, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F" })),
+        React.createElement(WidgetRenderer, { renderWidget: renderWidget, renderFault: function (_a) {
                 var fault = _a.fault, retryRender = _a.retryRender;
-                return (react_1.default.createElement(BellWidgetError_1.BellWidgetError, { renderErrorButton: renderErrorButton, error: fault, renderErrorMessage: renderErrorMessage, retryRender: retryRender }));
-            }, loader: react_1.default.createElement(Center_1.Center, null,
-                react_1.default.createElement(Spinner_1.Spinner, { caption: "\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F..." })) })));
+                return (React.createElement(BellWidgetError, { renderErrorButton: renderErrorButton, error: fault, renderErrorMessage: renderErrorMessage, retryRender: retryRender }));
+            }, loader: React.createElement(Center, null,
+                React.createElement(Spinner, { caption: "\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F..." })) })));
 };
-exports.BellWidget = BellWidget;

package/src/SideMenuNotifications/BellWidgetError.js

@@ -1,26 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BellWidgetError = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var Center_1 = require("@skbkontur/react-ui/components/Center/Center");
-var empty_state_1 = require("@skbkontur/empty-state");
-var WarningTriangleIcon64Solid_1 = require("@skbkontur/icons/icons/WarningTriangleIcon/WarningTriangleIcon64Solid");
-var ArrowUiAuthLoginIcon64Regular_1 = require("@skbkontur/icons/icons/ArrowUiAuthLoginIcon/ArrowUiAuthLoginIcon64Regular");
-var getNotificationsErrorMessages_1 = require("./utils/getNotificationsErrorMessages");
-var BellWidgetError = function (_a) {
+import React from 'react';
+import { Center } from '@skbkontur/react-ui/components/Center/Center';
+import { EmptyState } from '@skbkontur/empty-state';
+import { WarningTriangleIcon64Solid } from '@skbkontur/icons/icons/WarningTriangleIcon/WarningTriangleIcon64Solid';
+import { ArrowUiAuthLoginIcon64Regular } from '@skbkontur/icons/icons/ArrowUiAuthLoginIcon/ArrowUiAuthLoginIcon64Regular';
+import { getErrorMessages } from './utils/getNotificationsErrorMessages';
+export var BellWidgetError = function (_a) {
     var renderErrorButton = _a.renderErrorButton, error = _a.error, renderErrorMessage = _a.renderErrorMessage, retryRender = _a.retryRender;
     if (renderErrorMessage) {
-        return react_1.default.createElement(react_1.default.Fragment, null, renderErrorMessage(error, retryRender));
+        return React.createElement(React.Fragment, null, renderErrorMessage(error, retryRender));
     }
     var isNotAuthorizedError = error.type === 'userNotAuthorized';
     var errorButton = renderErrorButton === null || renderErrorButton === void 0 ? void 0 : renderErrorButton(error, retryRender);
-    var _b = (0, getNotificationsErrorMessages_1.getErrorMessages)(isNotAuthorizedError), titleMessage = _b.titleMessage, errorMessage = _b.errorMessage;
-    var icon = isNotAuthorizedError ? (react_1.default.createElement(ArrowUiAuthLoginIcon64Regular_1.ArrowUiAuthLoginIcon64Regular, { color: "#FCB73E" })) : (react_1.default.createElement(WarningTriangleIcon64Solid_1.WarningTriangleIcon64Solid, { color: "#FCB73E" }));
-    return (react_1.default.createElement(Center_1.Center, null,
-        react_1.default.createElement(empty_state_1.EmptyState, { use: "status" },
-            react_1.default.createElement(empty_state_1.EmptyState.Header, { icon: icon }, titleMessage),
-            react_1.default.createElement(empty_state_1.EmptyState.Body, null, errorMessage),
-            errorButton && react_1.default.createElement(empty_state_1.EmptyState.Footer, null, errorButton))));
+    var _b = getErrorMessages(isNotAuthorizedError), titleMessage = _b.titleMessage, errorMessage = _b.errorMessage;
+    var icon = isNotAuthorizedError ? (React.createElement(ArrowUiAuthLoginIcon64Regular, { color: "#FCB73E" })) : (React.createElement(WarningTriangleIcon64Solid, { color: "#FCB73E" }));
+    return (React.createElement(Center, null,
+        React.createElement(EmptyState, { use: "status" },
+            React.createElement(EmptyState.Header, { icon: icon }, titleMessage),
+            React.createElement(EmptyState.Body, null, errorMessage),
+            errorButton && React.createElement(EmptyState.Footer, null, errorButton))));
 };
-exports.BellWidgetError = BellWidgetError;

package/src/SideMenuNotifications/BellWidgetView.styles.js

@@ -1,31 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.jsStyles = exports.customStyles = void 0;
-var tslib_1 = require("tslib");
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
+import { __makeTemplateObject } from "tslib";
+import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
 var styles = {
     root: function () {
-        return (0, Emotion_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      display: flex;\n      flex-direction: column;\n      min-height: 400px;\n      max-height: 784px;\n      width: 100%;\n      max-width: 100vw;\n\n      @media (min-width: 768px) {\n        width: 448px;\n      }\n    "], ["\n      display: flex;\n      flex-direction: column;\n      min-height: 400px;\n      max-height: 784px;\n      width: 100%;\n      max-width: 100vw;\n\n      @media (min-width: 768px) {\n        width: 448px;\n      }\n    "])));
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n      flex-direction: column;\n      min-height: 400px;\n      max-height: 784px;\n      width: 100%;\n      max-width: 100vw;\n\n      @media (min-width: 768px) {\n        width: 448px;\n      }\n    "], ["\n      display: flex;\n      flex-direction: column;\n      min-height: 400px;\n      max-height: 784px;\n      width: 100%;\n      max-width: 100vw;\n\n      @media (min-width: 768px) {\n        width: 448px;\n      }\n    "])));
     },
     widgetWrapper: function () {
-        return (0, Emotion_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      min-height: 0;\n      flex-grow: 1;\n    "], ["\n      min-height: 0;\n      flex-grow: 1;\n    "])));
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      min-height: 0;\n      flex-grow: 1;\n    "], ["\n      min-height: 0;\n      flex-grow: 1;\n    "])));
     },
     header: function () {
-        return (0, Emotion_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      display: flex;\n      padding: 6px 6px 0 20px;\n      align-items: center;\n      justify-content: space-between;\n    "], ["\n      display: flex;\n      padding: 6px 6px 0 20px;\n      align-items: center;\n      justify-content: space-between;\n    "])));
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      padding: 6px 6px 0 20px;\n      align-items: center;\n      justify-content: space-between;\n    "], ["\n      display: flex;\n      padding: 6px 6px 0 20px;\n      align-items: center;\n      justify-content: space-between;\n    "])));
     },
     headerText: function () {
-        return (0, Emotion_1.css)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n      font-size: 18px;\n      line-height: 24px;\n      font-weight: 700;\n    "], ["\n      font-size: 18px;\n      line-height: 24px;\n      font-weight: 700;\n    "])));
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-size: 18px;\n      line-height: 24px;\n      font-weight: 700;\n    "], ["\n      font-size: 18px;\n      line-height: 24px;\n      font-weight: 700;\n    "])));
     },
 };
-exports.customStyles = {
+export var customStyles = {
     defaultHeight: function (offsetTop) {
         var offsetBottom = '20px';
-        return (0, Emotion_1.css)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n      height: calc(100vh - ", "px - ", ");\n    "], ["\n      height: calc(100vh - ", "px - ", ");\n    "])), offsetTop, offsetBottom);
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      height: calc(100vh - ", "px - ", ");\n    "], ["\n      height: calc(100vh - ", "px - ", ");\n    "])), offsetTop, offsetBottom);
     },
     customHeight: function (value) {
-        return (0, Emotion_1.css)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n      height: ", ";\n    "], ["\n      height: ", ";\n    "])), value);
+        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      height: ", ";\n    "], ["\n      height: ", ";\n    "])), value);
     },
 };
-exports.jsStyles = (0, ThemeHelpers_1.memoizeStyle)(styles);
+export var jsStyles = memoizeStyle(styles);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/src/SideMenuNotifications/SideMenuNotifications.js

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideMenuNotifications = exports.BELL_SIDE_MENU_DATA_ITEM = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var NotificationBellIcon24Regular_1 = require("@skbkontur/icons/icons/NotificationBellIcon/NotificationBellIcon24Regular");
-var NotificationBellAlarmIcon24Regular_1 = require("@skbkontur/icons/icons/NotificationBellAlarmIcon/NotificationBellAlarmIcon24Regular");
-var ThemeContext_1 = require("@skbkontur/react-ui/lib/theming/ThemeContext");
-var ThemeFactory_1 = require("@skbkontur/react-ui/lib/theming/ThemeFactory");
-var SideMenuDropdown_1 = require("../SideMenuDropdown/SideMenuDropdown");
-var SideMenu_1 = require("../SideMenu/SideMenu");
-var SideMenuDataTids_1 = require("../../SideMenuDataTids");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
-var BellWidget_1 = require("./BellWidget");
-var getMarker_1 = require("./utils/getMarker");
-exports.BELL_SIDE_MENU_DATA_ITEM = 'bell_side-menu-button';
-var SideMenuNotificationsInner = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, _b = _a.positions, positions = _b === void 0 ? ['right top'] : _b, widgetApi = _a.widgetApi, count = _a.count, showDivider = _a.showDivider, onClose = _a.onClose, renderErrorButton = _a.renderErrorButton, renderErrorMessage = _a.renderErrorMessage, onError = _a.onError, rest = tslib_1.__rest(_a, ["children", "positions", "widgetApi", "count", "showDivider", "onClose", "renderErrorButton", "renderErrorMessage", "onError"]);
-    var marker = (0, getMarker_1.getMarker)(count);
-    var currentIcon = marker ? react_1.default.createElement(NotificationBellAlarmIcon24Regular_1.NotificationBellAlarmIcon24Regular, null) : react_1.default.createElement(NotificationBellIcon24Regular_1.NotificationBellIcon24Regular, null);
-    var theme = (0, ThemeHelpers_1.getSideMenuTheme)((0, react_1.useContext)(ThemeContext_1.ThemeContext));
-    var bellDropDownItem = document.querySelector("[data-item=\"".concat(exports.BELL_SIDE_MENU_DATA_ITEM, "\"]"));
+import { __assign, __rest } from "tslib";
+import React, { forwardRef, useContext } from 'react';
+import { NotificationBellIcon24Regular } from '@skbkontur/icons/icons/NotificationBellIcon/NotificationBellIcon24Regular';
+import { NotificationBellAlarmIcon24Regular } from '@skbkontur/icons/icons/NotificationBellAlarmIcon/NotificationBellAlarmIcon24Regular';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
+import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
+import { SideMenu } from '../SideMenu/SideMenu';
+import { SideMenuDataTids } from '../../SideMenuDataTids';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { BellWidget } from './BellWidget';
+import { getMarker } from './utils/getMarker';
+export var BELL_SIDE_MENU_DATA_ITEM = 'bell_side-menu-button';
+var SideMenuNotificationsInner = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.positions, positions = _b === void 0 ? ['right top'] : _b, widgetApi = _a.widgetApi, count = _a.count, showDivider = _a.showDivider, onClose = _a.onClose, renderErrorButton = _a.renderErrorButton, renderErrorMessage = _a.renderErrorMessage, onError = _a.onError, rest = __rest(_a, ["children", "positions", "widgetApi", "count", "showDivider", "onClose", "renderErrorButton", "renderErrorMessage", "onError"]);
+    var marker = getMarker(count);
+    var currentIcon = marker ? React.createElement(NotificationBellAlarmIcon24Regular, null) : React.createElement(NotificationBellIcon24Regular, null);
+    var theme = getSideMenuTheme(useContext(ThemeContext));
+    var bellDropDownItem = document.querySelector("[data-item=\"".concat(BELL_SIDE_MENU_DATA_ITEM, "\"]"));
     var bellDropDownButton = bellDropDownItem === null || bellDropDownItem === void 0 ? void 0 : bellDropDownItem.querySelector('button');
     var handleClose = function () {
         onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -28,7 +25,7 @@ var SideMenuNotificationsInner = (0, react_1.forwardRef)(function (_a, ref) {
         }
         bellDropDownButton === null || bellDropDownButton === void 0 ? void 0 : bellDropDownButton.click();
     };
-    return (react_1.default.createElement(ThemeContext_1.ThemeContext.Provider, { value: ThemeFactory_1.ThemeFactory.create({
+    return (React.createElement(ThemeContext.Provider, { value: ThemeFactory.create({
             popupBorderRadius: '16px',
             menuBorderRadius: '16px',
             menuPaddingX: '0px',
@@ -36,14 +33,14 @@ var SideMenuNotificationsInner = (0, react_1.forwardRef)(function (_a, ref) {
             menuScrollContainerContentWrapperPaddingY: '0px',
             sideMenuMarkerBg: theme.sideMenuNotificationsMarkerBg,
         }, theme) },
-        react_1.default.createElement(SideMenuDropdown_1.SideMenuDropdown, tslib_1.__assign({ ref: ref, icon: currentIcon, marker: marker, positions: positions, "data-tid": SideMenuDataTids_1.SideMenuDataTids.bellSideMenuDropdownButton, "data-item": exports.BELL_SIDE_MENU_DATA_ITEM, caption: "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F", onClose: handleClose }, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(BellWidget_1.BellWidget, { widgetApi: widgetApi, onClose: function () { return bellDropDownButton === null || bellDropDownButton === void 0 ? void 0 : bellDropDownButton.click(); }, renderErrorButton: renderErrorButton, renderErrorMessage: renderErrorMessage, onError: onError }))),
-        showDivider && react_1.default.createElement(SideMenu_1.SideMenu.Divider, null)));
+        React.createElement(SideMenuDropdown, __assign({ ref: ref, icon: currentIcon, marker: marker, positions: positions, "data-tid": SideMenuDataTids.bellSideMenuDropdownButton, "data-item": BELL_SIDE_MENU_DATA_ITEM, caption: "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F", onClose: handleClose }, rest), children !== null && children !== void 0 ? children : (React.createElement(BellWidget, { widgetApi: widgetApi, onClose: function () { return bellDropDownButton === null || bellDropDownButton === void 0 ? void 0 : bellDropDownButton.click(); }, renderErrorButton: renderErrorButton, renderErrorMessage: renderErrorMessage, onError: onError }))),
+        showDivider && React.createElement(SideMenu.Divider, null)));
 });
 /**
  * Список уведомлений
  *
  * @visibleName SideMenu.Notifications
  */
-exports.SideMenuNotifications = Object.assign(SideMenuNotificationsInner, {
+export var SideMenuNotifications = Object.assign(SideMenuNotificationsInner, {
     __KONTUR_REACT_UI__: 'SideMenuSideMenuNotifications',
 });

package/src/SideMenuNotifications/utils/getMarker.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMarker = getMarker;
-function getMarker(count) {
+export function getMarker(count) {
     if (count > 99) {
         return '99+';
     }

package/src/SideMenuNotifications/utils/getNotificationsErrorMessages.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getErrorMessages = void 0;
 var DEFAULT_MESSAGE = 'Попробуйте обновить страницу';
 var SUPPORT_MESSAGE = 'Если проблема не\u00A0решится, обратитесь в\u00A0поддержку';
 var AUTHORIZE_MESSAGE = 'Войдите в учетную запись, чтобы\u00A0посмотреть уведомления';
@@ -11,9 +8,8 @@ var getErrorMessage = function (isNotAuthorizedError) {
 var getTitleMessage = function (isNotAuthorizedError) {
     return isNotAuthorizedError ? AUTHORIZE_MESSAGE : DEFAULT_ERROR_MESSAGE;
 };
-var getErrorMessages = function (isNotAuthorizedError) {
+export var getErrorMessages = function (isNotAuthorizedError) {
     var titleMessage = getTitleMessage(isNotAuthorizedError);
     var errorMessage = getErrorMessage(isNotAuthorizedError);
     return { titleMessage: titleMessage, errorMessage: errorMessage };
 };
-exports.getErrorMessages = getErrorMessages;

package/src/SideMenuOrganisations/SideMenuOrganisations.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideMenuOrganisations = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var SideMenuDropdown_1 = require("../SideMenuDropdown/SideMenuDropdown");
-var SideMenuOrganisationsInner = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, _b = _a.caption, caption = _b === void 0 ? 'СКБ Контур' : _b, rest = tslib_1.__rest(_a, ["children", "caption"]);
-    return (react_1.default.createElement(SideMenuDropdown_1.SideMenuDropdown, tslib_1.__assign({ caption: caption, menuWidth: '240px', positions: ['top left'], ref: ref }, rest), children));
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
+var SideMenuOrganisationsInner = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.caption, caption = _b === void 0 ? 'СКБ Контур' : _b, rest = __rest(_a, ["children", "caption"]);
+    return (React.createElement(SideMenuDropdown, __assign({ caption: caption, menuWidth: '240px', positions: ['top left'], ref: ref }, rest), children));
 });
 SideMenuOrganisationsInner.displayName = 'SideMenuOrganisations';
 /**
@@ -14,6 +11,6 @@ SideMenuOrganisationsInner.displayName = 'SideMenuOrganisations';
  *
  * @visibleName SideMenu.Organisations
  */
-exports.SideMenuOrganisations = Object.assign(SideMenuOrganisationsInner, {
+export var SideMenuOrganisations = Object.assign(SideMenuOrganisationsInner, {
     __KONTUR_REACT_UI__: 'SideMenuOrganisations',
 });

package/src/SideMenuSubItem/SideMenuSubItem.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideMenuSubItem = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var SideMenuItem_1 = require("../SideMenuItem/SideMenuItem");
-var SideMenuSubItemInner = (0, react_1.forwardRef)(function (_a, ref) {
-    var props = tslib_1.__rest(_a, []);
-    return (react_1.default.createElement("li", { ref: ref },
-        react_1.default.createElement(SideMenuItem_1.SideMenuItem, tslib_1.__assign({ _isSubMenu: true }, props))));
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
+var SideMenuSubItemInner = forwardRef(function (_a, ref) {
+    var props = __rest(_a, []);
+    return (React.createElement("li", { ref: ref },
+        React.createElement(SideMenuItem, __assign({ _isSubMenu: true }, props))));
 });
 SideMenuSubItemInner.displayName = 'SideMenuSubItem';
 /**
@@ -15,4 +12,4 @@ SideMenuSubItemInner.displayName = 'SideMenuSubItem';
  *
  * @visibleName SideMenu.SubItem
  */
-exports.SideMenuSubItem = Object.assign(SideMenuSubItemInner, { __KONTUR_REACT_UI__: 'SideMenuSubItem' });
+export var SideMenuSubItem = Object.assign(SideMenuSubItemInner, { __KONTUR_REACT_UI__: 'SideMenuSubItem' });

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideMenuSubItemHeader = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var ThemeContext_1 = require("@skbkontur/react-ui/lib/theming/ThemeContext");
-var SideMenuContext_1 = require("../SideMenuContext");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
-var SideMenuSubItemHeader_styles_1 = require("./SideMenuSubItemHeader.styles");
-var SideMenuSubItemHeaderInner = (0, react_1.forwardRef)(function (_a, ref) {
+import { __assign, __rest } from "tslib";
+import React, { forwardRef, useContext } from 'react';
+import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import { SideMenuContext } from '../SideMenuContext';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { jsStyles } from './SideMenuSubItemHeader.styles';
+var SideMenuSubItemHeaderInner = forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, children = _a.children, rest = tslib_1.__rest(_a, ["className", "children"]);
-    var context = (0, react_1.useContext)(SideMenuContext_1.SideMenuContext);
-    var theme = (0, ThemeHelpers_1.getSideMenuTheme)((0, react_1.useContext)(ThemeContext_1.ThemeContext));
-    return (react_1.default.createElement("p", tslib_1.__assign({ className: (0, Emotion_1.cx)((_b = {},
-            _b[SideMenuSubItemHeader_styles_1.jsStyles.root(theme)] = true,
-            _b[SideMenuSubItemHeader_styles_1.jsStyles.rootInSeparatedSubMenu()] = context.isSeparatedMenu,
+    var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
+    var context = useContext(SideMenuContext);
+    var theme = getSideMenuTheme(useContext(ThemeContext));
+    return (React.createElement("p", __assign({ className: cx((_b = {},
+            _b[jsStyles.root(theme)] = true,
+            _b[jsStyles.rootInSeparatedSubMenu()] = context.isSeparatedMenu,
             _b), className), ref: ref }, rest), children));
 });
 SideMenuSubItemHeaderInner.displayName = 'SideMenuSubItemHeader';
@@ -24,6 +21,6 @@ SideMenuSubItemHeaderInner.displayName = 'SideMenuSubItemHeader';
  *
  * @visibleName SideMenu.SubItemHeader
  */
-exports.SideMenuSubItemHeader = Object.assign(SideMenuSubItemHeaderInner, {
+export var SideMenuSubItemHeader = Object.assign(SideMenuSubItemHeaderInner, {
     __KONTUR_REACT_UI__: 'SideMenuSubItemHeader',
 });

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.jsStyles = void 0;
-var tslib_1 = require("tslib");
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
+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 (0, Emotion_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      font-size: ", ";\n      color: ", ";\n      padding: ", ";\n      margin: 0;\n    "], ["\n      font-size: ", ";\n      color: ", ";\n      padding: ", ";\n      margin: 0;\n    "])), t.sideMenuSubItemHeaderFontSize, t.sideMenuSubItemHeaderColor, t.sideMenuSubItemHeaderPadding);
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-size: ", ";\n      color: ", ";\n      padding: ", ";\n      margin: 0;\n    "], ["\n      font-size: ", ";\n      color: ", ";\n      padding: ", ";\n      margin: 0;\n    "])), t.sideMenuSubItemHeaderFontSize, t.sideMenuSubItemHeaderColor, t.sideMenuSubItemHeaderPadding);
     },
     rootInSeparatedSubMenu: function () {
-        return (0, Emotion_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      padding-left: 8px;\n    "], ["\n      padding-left: 8px;\n    "])));
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding-left: 8px;\n    "], ["\n      padding-left: 8px;\n    "])));
     },
 };
-exports.jsStyles = (0, ThemeHelpers_1.memoizeStyle)(styles);
+export var jsStyles = memoizeStyle(styles);
 var templateObject_1, templateObject_2;

package/src/SideMenuSubLink/SideMenuSubLink.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideMenuSubLink = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var SideMenuLink_1 = require("../SideMenuLink/SideMenuLink");
-var SideMenuSubLinkInner = (0, react_1.forwardRef)(function (props, ref) {
-    return (react_1.default.createElement("li", { ref: ref },
-        react_1.default.createElement(SideMenuLink_1.SideMenuLink, tslib_1.__assign({ _isSubMenu: true }, props))));
+import { __assign } from "tslib";
+import React, { forwardRef } from 'react';
+import { SideMenuLink } from '../SideMenuLink/SideMenuLink';
+var SideMenuSubLinkInner = forwardRef(function (props, ref) {
+    return (React.createElement("li", { ref: ref },
+        React.createElement(SideMenuLink, __assign({ _isSubMenu: true }, props))));
 });
 SideMenuSubLinkInner.displayName = 'SideMenuSubLink';
 /**
@@ -18,4 +15,4 @@ SideMenuSubLinkInner.displayName = 'SideMenuSubLink';
  *
  * @visibleName SideMenu.SubLink
  */
-exports.SideMenuSubLink = Object.assign(SideMenuSubLinkInner, { __KONTUR_REACT_UI__: 'SideMenuSubLink' });
+export var SideMenuSubLink = Object.assign(SideMenuSubLinkInner, { __KONTUR_REACT_UI__: 'SideMenuSubLink' });

package/src/Tree.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tree = exports.TreeNode = void 0;
-var tslib_1 = require("tslib");
+import { __generator, __values } from "tslib";
 var TreeNode = /** @class */ (function () {
     function TreeNode(id, value, parent) {
         if (value === void 0) { value = null; }
@@ -20,7 +17,7 @@ var TreeNode = /** @class */ (function () {
     });
     return TreeNode;
 }());
-exports.TreeNode = TreeNode;
+export { TreeNode };
 var Tree = /** @class */ (function () {
     function Tree(id, value) {
         if (value === void 0) { value = null; }
@@ -30,7 +27,7 @@ var Tree = /** @class */ (function () {
         var _a, _b, child, e_1_1;
         var e_1, _c;
         if (node === void 0) { node = this.root; }
-        return tslib_1.__generator(this, function (_d) {
+        return __generator(this, function (_d) {
             switch (_d.label) {
                 case 0: return [4 /*yield*/, node];
                 case 1:
@@ -39,12 +36,12 @@ var Tree = /** @class */ (function () {
                     _d.label = 2;
                 case 2:
                     _d.trys.push([2, 7, 8, 9]);
-                    _a = tslib_1.__values(node.children), _b = _a.next();
+                    _a = __values(node.children), _b = _a.next();
                     _d.label = 3;
                 case 3:
                     if (!!_b.done) return [3 /*break*/, 6];
                     child = _b.value;
-                    return [5 /*yield**/, tslib_1.__values(this.preOrderTraversal(child))];
+                    return [5 /*yield**/, __values(this.preOrderTraversal(child))];
                 case 4:
                     _d.sent();
                     _d.label = 5;
@@ -73,7 +70,7 @@ var Tree = /** @class */ (function () {
             return false;
         }
         try {
-            for (var _b = tslib_1.__values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var node = _c.value;
                 if (node.id === parentId && node.children.every(function (node) { return node.id !== id; })) {
                     node.children.push(new TreeNode(id, value, node));
@@ -93,7 +90,7 @@ var Tree = /** @class */ (function () {
     Tree.prototype.remove = function (id) {
         var e_3, _a;
         try {
-            for (var _b = tslib_1.__values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var node = _c.value;
                 var filtered = node.children.filter(function (c) { return c.id !== id; });
                 if (filtered.length !== node.children.length) {
@@ -117,7 +114,7 @@ var Tree = /** @class */ (function () {
             return undefined;
         }
         try {
-            for (var _b = tslib_1.__values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var node = _c.value;
                 if (node.id === id) {
                     return node;
@@ -135,4 +132,4 @@ var Tree = /** @class */ (function () {
     };
     return Tree;
 }());
-exports.Tree = Tree;
+export { Tree };

package/src/internal/BackButton.js

@@ -1,28 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackButton = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var ArrowALeftIcon20Regular_1 = require("@skbkontur/icons/icons/ArrowALeftIcon/ArrowALeftIcon20Regular");
-var SideMenuDataTids_1 = require("../../SideMenuDataTids");
-var SideMenuItem_1 = require("../SideMenuItem/SideMenuItem");
-var SideMenuContext_1 = require("../SideMenuContext");
-var Navigation_1 = require("../Navigation");
+import React, { forwardRef, useContext } from 'react';
+import { ArrowALeftIcon20Regular } from '@skbkontur/icons/icons/ArrowALeftIcon/ArrowALeftIcon20Regular';
+import { SideMenuDataTids } from '../../SideMenuDataTids';
+import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
+import { SideMenuContext } from '../SideMenuContext';
+import { navigationAttributeBackButton } from '../Navigation';
 /**
  * Кнопка возврата в меню первого уровня
  *
  * @visibleName BackButton
  */
-var BackButton = (0, react_1.forwardRef)(function (_a, ref) {
+var BackButton = forwardRef(function (_a, ref) {
     var _b;
     var caption = _a.caption, id = _a.id;
-    var context = (0, react_1.useContext)(SideMenuContext_1.SideMenuContext);
+    var context = useContext(SideMenuContext);
     var handleClick = function () {
         var _a;
         (_a = context.navigation) === null || _a === void 0 ? void 0 : _a.switchActiveMenuItem(id);
     };
-    return (react_1.default.createElement(SideMenuItem_1.SideMenuItem, (_b = { "data-tid": SideMenuDataTids_1.SideMenuDataTids.backButton, icon: react_1.default.createElement(ArrowALeftIcon20Regular_1.ArrowALeftIcon20Regular, null), caption: caption, _isSubMenu: true, onClick: handleClick, _isBackButton: true, ref: ref }, _b[Navigation_1.navigationAttributeBackButton] = '', _b)));
+    return (React.createElement(SideMenuItem, (_b = { "data-tid": SideMenuDataTids.backButton, icon: React.createElement(ArrowALeftIcon20Regular, null), caption: caption, _isSubMenu: true, onClick: handleClick, _isBackButton: true, ref: ref }, _b[navigationAttributeBackButton] = '', _b)));
 });
 BackButton.displayName = 'BackButton';
 var BackButtonWithStaticFields = Object.assign(BackButton, { __KONTUR_REACT_UI__: 'BackButton' });
-exports.BackButton = BackButtonWithStaticFields;
+export { BackButtonWithStaticFields as BackButton };