@skbkontur/side-menu 3.4.9 → 3.5.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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": "3.4.9",
+  "version": "3.5.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -20,10 +20,11 @@
   },
   "devDependencies": {
     "@skbkontur/react-ui": "^5.0.0",
+    "@skbkontur/ui-cdn-components": "^1.9.0",
     "typescript": "5.8.3"
   },
   "dependencies": {
-    "@skbkontur/bell-widget-npm-loader": "^0.2.3",
+    "@skbkontur/bell-widget-npm-loader": "^0.3.0",
     "@skbkontur/empty-state": "^1.1.4",
     "@skbkontur/icons": "^1.20.2",
     "@skbkontur/react-ui-addons": "^5.3.3",

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 btnTopPosition = getBtnTopPosition();
     var theme = getSideMenuTheme(useContext(ThemeContext));
     var hasCustomWrapperHeight = theme.sideMenuNotificationsWrapperHeight !== SideMenuTheme.sideMenuNotificationsWrapperHeight;
@@ -32,6 +32,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;
@@ -39,7 +40,7 @@ export var BellWidget = function (props) {
                         wrapper.classList.add(jsStyles.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 SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown';
 export interface NotificationApiProps extends Omit<SideMenuDropdownProps, 'icon' | 'marker' | 'subCaption'> {
     /**
@@ -22,13 +22,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';
 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 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(NotificationBellAlarmIcon24Regular, null) : React.createElement(NotificationBellIcon24Regular, 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)));
 });
 /**

package/src/SideMenuNotifications/SideMenuNotifications.md

@@ -30,7 +30,7 @@ const renderErrorButton = (error: ImportFaults | RenderFault, retryRender: () =>
 <SideMenu.Notifications renderErrorButton={renderErrorButton} />;
 ```
 
-Проп `renderErrorMessage` — добавляет возможность полностью переопределить отображение экрана ошибка виджета. retryRender - предоставляет возможность повторить загрузку виджета, работает только при ошибке рендера виджета.
+Проп `renderErrorMessage` — добавляет возможность полностью переопределить отображение экрана ошибки виджета. retryRender - предоставляет возможность повторить загрузку виджета, работает только при ошибке рендера виджета.
 
 ```jsx harmony
 import type { ImportFaults, RenderFault } from '@skbkontur/bell-widget-npm-loader';
@@ -63,6 +63,19 @@ import { SideMenu, SideMenuThemeIn } from '@skbkontur/side-menu';
 </SideMenu>
 ```
 
+Проп `redirect` используется когда необходимо открыть ссылку в той же вкладке. Подробнее смотреть в документации Колокольчика - https://wiki.skbkontur.ru/pages/viewpage.action?pageId=1040164041
+
+```jsx static
+import { createSuccess, createFailure } from '@skbkontur/operation-result';
+import { SideMenu } from '@skbkontur/side-menu';
+
+const handleOpenLink = async (to, options) => {
+  // ...
+};
+
+<SideMenu.Notifications redirect={handleOpenLink} />;
+```
+
 ## Переменные кастомизации (см. [ThemeContext](https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext))
 
 ```js