@skbkontur/side-menu 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@2.1.0...@skbkontur/side-menu@2.1.1) (2024-08-08)
+
+
+### Bug Fixes
+
+* **SideMenu:** use special attrs instead of data-tids attrs ([27db556](https://git.skbkontur.ru/ui/ui-parking/commits/27db5569a22014f8b18f4d6ce64844e7a61a722b))
+
+
+
+
+
 # [2.1.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@2.0.2...@skbkontur/side-menu@2.1.0) (2024-07-19)
 
 

package/package.json

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

package/src/Navigation.d.ts

@@ -2,6 +2,7 @@ import { RefObject } from 'react';
 import { Tree, TreeNode } from './Tree';
 export declare const navigationAttribute = "data-navigation-id";
 export declare const navigationAttributeForSeparatedMenu = "data-parent-navigation-id";
+export declare const navigationAttributeBackButton = "data-navigation-back-button";
 export interface NavigableElement {
     setIsActive: (value: boolean) => void;
     setIsOpened: (value: boolean) => void;

package/src/Navigation.js

@@ -1,9 +1,9 @@
 import { __read, __spread } from "tslib";
-import { SideMenuDataTids } from '../SideMenuDataTids';
 import { Tree } from './Tree';
 var MENU_ROOT_ID = 'menu-root-id';
 export var navigationAttribute = 'data-navigation-id';
 export var navigationAttributeForSeparatedMenu = 'data-parent-navigation-id';
+export var navigationAttributeBackButton = 'data-navigation-back-button';
 var MenuNavigation = /** @class */ (function () {
     function MenuNavigation(options) {
         this.navigationTree = null;
@@ -24,7 +24,7 @@ var MenuNavigation = /** @class */ (function () {
         var _this = this;
         var _a;
         if ((_a = this.rootRef) === null || _a === void 0 ? void 0 : _a.current) {
-            var menuItems = Array.from(this.rootRef.current.querySelectorAll("[data-tid=" + SideMenuDataTids.clickableElement + "]")).filter(function (item) { return !item.querySelector("button[data-tid=" + SideMenuDataTids.backButton + "]"); });
+            var menuItems = Array.from(this.rootRef.current.querySelectorAll("[" + navigationAttribute + "]")).filter(function (item) { return !item.querySelector("[" + navigationAttributeBackButton + "]"); });
             menuItems.forEach(function (menuItem) {
                 var _a, _b, _c;
                 var id = menuItem.getAttribute(navigationAttribute);
@@ -116,8 +116,8 @@ var MenuNavigation = /** @class */ (function () {
     MenuNavigation.prototype.getParentId = function (menuItem) {
         var _a, _b, _c;
         var parentElement;
-        var clickableElementSelector = "[data-tid=" + SideMenuDataTids.clickableElement + "]";
-        var separatedMenuSelector = "[data-tid=" + SideMenuDataTids.separatedSubMenu + "]";
+        var clickableElementSelector = "[" + navigationAttribute + "]";
+        var separatedMenuSelector = "[" + navigationAttributeForSeparatedMenu + "]";
         parentElement = (_a = menuItem.parentElement) === null || _a === void 0 ? void 0 : _a.closest(clickableElementSelector);
         if (!parentElement) {
             var separatedMenu = menuItem.closest(separatedMenuSelector);

package/src/internal/BackButton.js

@@ -1,21 +1,24 @@
+import { __assign } from "tslib";
 import React, { forwardRef, useContext } from 'react';
 import { SideMenuDataTids } from '../../SideMenuDataTids';
 import { ArrowALeftIcon20Regular } from '@skbkontur/icons/icons/ArrowALeftIcon/ArrowALeftIcon20Regular';
 import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
 import { SideMenuContext } from '../SideMenuContext';
+import { navigationAttributeBackButton } from '../Navigation';
 /**
  * Кнопка возврата в меню первого уровня
  *
  * @visibleName BackButton
  */
 var BackButton = forwardRef(function (_a, ref) {
+    var _b;
     var caption = _a.caption, id = _a.id, href = _a.href;
     var context = useContext(SideMenuContext);
     var handleClick = function () {
         var _a;
         (_a = context.navigation) === null || _a === void 0 ? void 0 : _a.switchActiveMenuItem(id);
     };
-    return (React.createElement(SideMenuItem, { "data-tid": SideMenuDataTids.backButton, icon: React.createElement(ArrowALeftIcon20Regular, null), caption: caption, _isSubMenu: true, onClick: handleClick, _isBackButton: true, ref: ref }));
+    return (React.createElement(SideMenuItem, __assign({ "data-tid": SideMenuDataTids.backButton, icon: React.createElement(ArrowALeftIcon20Regular, null), caption: caption, _isSubMenu: true, onClick: handleClick, _isBackButton: true, ref: ref }, (_b = {}, _b[navigationAttributeBackButton] = '', _b))));
 });
 BackButton.displayName = 'BackButton';
 var BackButtonWithStaticFields = Object.assign(BackButton, { __KONTUR_REACT_UI__: 'BackButton' });