@skbkontur/side-menu 3.2.5 → 3.2.7

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.2.7](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.2.6...@skbkontur/side-menu@3.2.7) (2025-07-24)
+
+
+### Bug Fixes
+
+* **SideMenu:** update scrollbar and items after dynamic updates ([b26abdf](https://git.skbkontur.ru/ui/ui-parking-2/commits/b26abdff7aed26e2fa01387119cae6157dc5388d))
+
+
+
+
+
+## [3.2.6](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.2.5...@skbkontur/side-menu@3.2.6) (2025-07-04)
+
+**Note:** Version bump only for package @skbkontur/side-menu
+
+
+
+
+
 ## [3.2.5](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.2.4...@skbkontur/side-menu@3.2.5) (2025-06-26)
 
 **Note:** Version bump only for package @skbkontur/side-menu

package/SideMenuDataTids.d.ts

@@ -5,4 +5,5 @@ export declare const SideMenuDataTids: {
     separatedSubMenu: string;
     rightBorder: string;
     clickableElement: string;
+    footer: string;
 };

package/SideMenuDataTids.js

@@ -5,4 +5,5 @@ export var SideMenuDataTids = {
     separatedSubMenu: 'SideMenu__separatedSubMenu',
     rightBorder: 'SideMenu__rightBorder',
     clickableElement: 'SideMenu__clickableElement',
+    footer: 'SideMenu__footer',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "3.2.5",
+  "version": "3.2.7",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/src/SideMenu/SideMenu.d.ts

@@ -57,7 +57,7 @@ export interface SideMenuProps extends CommonProps {
     /**
      * Открывает и закрывает меню
      *
-     * Примечание: при заданном пропе `isOpen` автоматическое открытие/зарытие меню не работает
+     * Примечание: при заданном пропе `isOpen` автоматическое открытие/закрытие меню не работает
      */
     isOpen?: boolean;
     /**

package/src/SideMenu/SideMenu.js

@@ -35,6 +35,7 @@ var SideMenuInner = forwardRef(function (_a, ref) {
     var _f, _g;
     var children = _a.children, value = _a.value, activeItem = _a.activeItem, _h = _a.size, size = _h === void 0 ? 'small' : _h, _j = _a.isSeparatedMenu, isSeparatedMenu = _j === void 0 ? false : _j, className = _a.className, _k = _a.disableSwipe, disableSwipe = _k === void 0 ? false : _k, _l = _a.disableCollapsing, disableCollapsing = _l === void 0 ? false : _l, desktopMediaQuery = _a.desktopMediaQuery, narrowDesktopMediaQuery = _a.narrowDesktopMediaQuery, tabletMediaQuery = _a.tabletMediaQuery, mobileMediaQuery = _a.mobileMediaQuery, _m = _a.showScrollBar, showScrollBar = _m === void 0 ? 'hover' : _m, isOpen = _a.isOpen, isPinned = _a.isPinned, onValueChange = _a.onValueChange, onActiveItemChange = _a.onActiveItemChange, onOpen = _a.onOpen, onClose = _a.onClose, onPinnedValueChange = _a.onPinnedValueChange, rest = __rest(_a, ["children", "value", "activeItem", "size", "isSeparatedMenu", "className", "disableSwipe", "disableCollapsing", "desktopMediaQuery", "narrowDesktopMediaQuery", "tabletMediaQuery", "mobileMediaQuery", "showScrollBar", "isOpen", "isPinned", "onValueChange", "onActiveItemChange", "onOpen", "onClose", "onPinnedValueChange"]);
     var transitionTimer = useRef(null);
+    var timerScrollbar = useRef(null);
     var sideMenuRef = useRef(null);
     var contentWrapperRef = useRef(null);
     var scrollContainerRef = useRef(null);
@@ -99,7 +100,8 @@ var SideMenuInner = forwardRef(function (_a, ref) {
         if (isMobile && isSeparatedMenuShown) {
             return;
         }
-        setTimeout(function () {
+        clearTimeout(timerScrollbar.current);
+        timerScrollbar.current = setTimeout(function () {
             var _a;
             var contentWrapper = contentWrapperRef.current;
             var scrollContainer = (_a = scrollContainerRef.current) === null || _a === void 0 ? void 0 : _a.inner;
@@ -108,7 +110,10 @@ var SideMenuInner = forwardRef(function (_a, ref) {
             }
             setHasScrollBar(scrollContainer.clientHeight < contentWrapper.scrollHeight);
         }, 50);
-    }, [activeMenuItem, isOpened, isBeingTransitioned]);
+        return function () {
+            clearTimeout(timerScrollbar.current);
+        };
+    });
     useEffect(function () {
         isDesktopQuery && setIsOpened(!isPinned);
     }, [isPinned, isDesktopQuery]);

package/src/SideMenuFooter/SideMenuFooter.js

@@ -5,6 +5,7 @@ import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
 import { SideMenuContext } from '../SideMenuContext';
 import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { SideMenuDataTids } from '../../SideMenuDataTids';
 import { jsStyles } from './SideMenuFooter.styles';
 var SideMenuFooterInner = forwardRef(function (_a, ref) {
     var _b;
@@ -16,7 +17,7 @@ var SideMenuFooterInner = forwardRef(function (_a, ref) {
         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 = {},
+        return (React.createElement("footer", __assign({ "data-tid": SideMenuDataTids.footer, "data-visual-state-fixed": isFixed, className: cx((_b = {},
                 _b[jsStyles.root(theme)] = true,
                 _b[jsStyles.rootFixed(theme)] = isFixed,
                 _b[jsStyles.rootTransitionedForTabletsOrMobiles()] = context.isBeingTransitioned && (context.isMobile || context.isTablet),

package/src/internal/ClickableElement.d.ts

@@ -2,9 +2,9 @@ import type { ReactNode } from 'react';
 import React from 'react';
 import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
 export interface CommonClickableElementProps extends CommonProps {
-    children?: React.ReactNode;
+    children?: ReactNode;
     icon: React.ReactElement;
-    marker?: string | true;
+    marker?: ReactNode;
     caption?: ReactNode;
     subCaption?: ReactNode;
     id?: string;