@skbkontur/side-menu 4.0.0-beta.2 → 4.0.0

package/CHANGELOG.md

@@ -3,6 +3,52 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0](/compare/@skbkontur/side-menu@3.5.0...@skbkontur/side-menu@4.0.0) (2026-03-31)
+
+
+### Features
+
+  * **SideMenu:** add dark theme, refactor theme variables ([67d9cfd](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/67d9cfd))
+  * **SideMenu:** add focus state to Burger ([10f5f29](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/10f5f29))
+  * **SideMenu:** hide marker on disabled items ([111614f](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/111614f))
+  * **SideMenu:** use Kontur Colors in themes ([7cce950](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/7cce950))
+
+
+### Bug Fixes
+
+  * **SideMenu.Item:** change item focus color variable ([772e0ea](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/772e0ea))
+  * **SideMenu:** add full-width to nested MenuItems ([53c55e4](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/53c55e4))
+  * **SideMenuDropdown:** use correct ref ([410645f](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/410645f))
+  * **SideMenu:** remove horizontal scrolling in touchscreen ([5fef1ac](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/5fef1ac))
+
+
+### BREAKING CHANGES
+
+  * type module, esm-only build, exports ([60e9281](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/60e9281))
+  * update typescript to 5.9.3 ([8e3a23d](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/8e3a23d))
+  * add explicit types ([a95c75d](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/a95c75d))
+  * adopt react-ui v6 changes ([6521a68](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/6521a68))
+  * adopt react-ui v6 renderEnvironment context ([0c119ec](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/0c119ec))
+  * improve typescript usage ([9fdd79c](https://git.skbkontur.ru/ui/ui-parking-2/-/commit/9fdd79c))
+
+
+# [3.5.0](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.4.8...@skbkontur/side-menu@3.5.0) (2026-03-12)
+
+
+### Bug Fixes
+
+* **SideMenu:** add `aria-current="page"` to active menu item ([76a5e37](https://git.skbkontur.ru/ui/ui-parking-2/commits/76a5e3794cf8331d2970cf852354030774827824))
+* **SideMenu:** render RightBorder icon on top of scrollbar ([8ee36f4](https://git.skbkontur.ru/ui/ui-parking-2/commits/8ee36f43b1449d95df3d094baf87654902174d08))
+
+
+### Features
+
+* **SideMenu:** add redirect prop to SideMenu.Notifications ([521c5ac](https://git.skbkontur.ru/ui/ui-parking-2/commits/521c5acd2714c014642756e6c9010845e3792c6e))
+
+
+
+
+
 ## [3.4.9](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.4.8...@skbkontur/side-menu@3.4.9) (2025-12-25)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -26,17 +26,19 @@
   },
   "author": "Kontur",
   "peerDependencies": {
-    "@skbkontur/react-ui": ">=5 <7",
-    "react": ">=16.9 <20",
-    "react-dom": ">=16.9 <20"
+    "@skbkontur/react-ui": ">=5 <=6",
+    "react": ">=16.9 <=19",
+    "react-dom": ">=16.9 <=19"
+  },
+  "devDependencies": {
+    "@skbkontur/ui-cdn-components": "^1.9.0"
   },
-  "devDependencies": {},
   "dependencies": {
-    "@skbkontur/bell-widget-npm-loader": "^0.2.3",
-    "@skbkontur/colors": "^2.1.1",
-    "@skbkontur/empty-state": "^2.0.0-beta.2",
+    "@skbkontur/bell-widget-npm-loader": "^0.3.0",
+    "@skbkontur/colors": "^2.1.6",
+    "@skbkontur/empty-state": "^2.0.0",
     "@skbkontur/icons": ">=2 <3",
-    "@skbkontur/react-ui-addons": "^6.0.0-beta.1",
+    "@skbkontur/react-ui-addons": "^6.0.0",
     "@skbkontur/widget-consumer-react-utils": "^1.6.12",
     "tslib": "^2.8.0"
   }

package/src/SideMenuNotifications/BellWidget.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import type { OperationResult } from '@skbkontur/operation-result';
-import type { ImportFaults, WidgetApi, RenderFault, RenderDisposeFault } from '@skbkontur/bell-widget-npm-loader' assert { 'resolution-mode': 'import' };
+import type { ImportFaults, WidgetApi, RenderFault, RenderDisposeFault, Redirect } from '@skbkontur/bell-widget-npm-loader' assert { 'resolution-mode': 'import' };
 export interface BellWidgetProps {
     widgetApi: Promise<OperationResult<ImportFaults, WidgetApi>>;
     onClose(): void;
     onError?: (error: ImportFaults | RenderFault | RenderDisposeFault) => void;
     renderErrorButton?: (error: ImportFaults | RenderFault, retryRender: () => void) => React.ReactNode;
     renderErrorMessage?: (error: ImportFaults | RenderFault, retryRender: () => void) => React.ReactNode;
+    redirect?: Redirect | null;
 }
 export declare const BellWidget: React.FC<BellWidgetProps>;

package/src/SideMenuNotifications/BellWidget.js

@@ -20,7 +20,7 @@ var getBtnTopPosition = function () {
     return (_a = bellDropDownItem === null || bellDropDownItem === void 0 ? void 0 : bellDropDownItem.offsetTop) !== null && _a !== void 0 ? _a : 0;
 };
 export var BellWidget = function (props) {
-    var widgetApi = props.widgetApi, onClose = props.onClose, renderErrorButton = props.renderErrorButton, renderErrorMessage = props.renderErrorMessage, onError = props.onError;
+    var widgetApi = props.widgetApi, onClose = props.onClose, renderErrorButton = props.renderErrorButton, renderErrorMessage = props.renderErrorMessage, onError = props.onError, redirect = props.redirect;
     var theme = getSideMenuTheme(useContext(ThemeContext));
     var styles = useStyles(getStyles);
     var customStyles = useStyles(getCustomStyles);
@@ -35,6 +35,7 @@ export var BellWidget = function (props) {
                 case 1:
                     api = _a.sent();
                     if (isFailure(api)) {
+                        onError === null || onError === void 0 ? void 0 : onError(api.fault);
                         return [2 /*return*/, createFailure(api.fault)];
                     }
                     wrapper = container.parentElement;
@@ -42,7 +43,7 @@ export var BellWidget = function (props) {
                         wrapper.classList.add(styles.widgetWrapper());
                     }
                     container.style.height = '100%';
-                    return [4 /*yield*/, api.value.render({ container: container })];
+                    return [4 /*yield*/, api.value.render({ container: container, redirect: redirect })];
                 case 2:
                     renderResult = _a.sent();
                     if (isFailure(renderResult)) {

package/src/SideMenuNotifications/SideMenuNotifications.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { OperationResult } from '@skbkontur/operation-result';
-import type { ImportFaults, WidgetApi, RenderFault, RenderDisposeFault } from '@skbkontur/bell-widget-npm-loader' assert { 'resolution-mode': 'import' };
+import type { ImportFaults, WidgetApi, RenderFault, RenderDisposeFault, Redirect } from '@skbkontur/bell-widget-npm-loader' assert { 'resolution-mode': 'import' };
 import type { DropdownMenu } from '@skbkontur/react-ui/components/DropdownMenu';
 import { type SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown.js';
 export interface NotificationApiProps extends Omit<SideMenuDropdownProps, 'icon' | 'marker' | 'subCaption'> {
@@ -23,13 +23,17 @@ export interface NotificationApiProps extends Omit<SideMenuDropdownProps, 'icon'
      */
     renderErrorButton?: (error: ImportFaults | RenderFault, retryRender: () => void) => React.ReactNode;
     /**
-     * Полностью переопределяет отображение экрана ошибка виджета. retryRender - предоставляет возможность повторить загрузку виджета, работает только при ошибке рендера виджета
+     * Полностью переопределяет отображение экрана ошибки виджета. retryRender - предоставляет возможность повторить загрузку виджета, работает только при ошибке рендера виджета
      */
     renderErrorMessage?: (error: ImportFaults | RenderFault, retryRender: () => void) => React.ReactNode;
     /**
      * Типы ошибок брать из '@skbkontur/bell-widget-npm-loader'
      */
     onError?: (error: ImportFaults | RenderFault | RenderDisposeFault) => void;
+    /**
+     * Используется когда необходимо открыть ссылку в той же вкладке. Подробнее смотреть в документации Колокольчика - https://wiki.skbkontur.ru/pages/viewpage.action?pageId=1040164041
+     */
+    redirect?: Redirect | null;
 }
 export declare const BELL_SIDE_MENU_DATA_ITEM = "bell_side-menu-button";
 /**

package/src/SideMenuNotifications/SideMenuNotifications.js

@@ -12,7 +12,7 @@ import { BellWidget } from './BellWidget.js';
 import { getMarker } from './utils/getMarker.js';
 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 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, redirect = _a.redirect, rest = __rest(_a, ["children", "positions", "widgetApi", "count", "showDivider", "onClose", "renderErrorButton", "renderErrorMessage", "onError", "redirect"]);
     var marker = getMarker(count);
     var currentIcon = marker ? React.createElement(IconNotificationBellAlarmRegular24, null) : React.createElement(IconNotificationBellRegular24, null);
     var theme = getSideMenuTheme(useContext(ThemeContext));
@@ -33,7 +33,7 @@ var SideMenuNotificationsInner = forwardRef(function (_a, ref) {
             menuScrollContainerContentWrapperPaddingY: '0px',
             sideMenuMarkerBg: theme.sideMenuNotificationsMarkerBg,
         }, theme) },
-        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 }))),
+        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, redirect: redirect }))),
         showDivider && React.createElement(SideMenu.Divider, null)));
 });
 /**