@topconsultnpm/sdkui-react-beta 6.10.3 → 6.10.5

package/lib/components/base/TMRightSidebar.d.ts

@@ -4,7 +4,6 @@ export type ITMRightSidebarItem = {
     icon: any;
     visibleName: string;
     disabled?: boolean;
-    primary?: boolean;
     isActive?: boolean;
     visible?: boolean;
     beginGroup?: boolean;
@@ -14,7 +13,6 @@ export interface ITMRightSidebarProps {
     onItemClick?: (id: string, isActive: boolean) => void;
     selectedItem?: string;
     showPanel?: boolean;
-    allowMultipleActive?: boolean;
 }
 declare const TMRightSidebar: React.FC<ITMRightSidebarProps>;
 export default TMRightSidebar;

package/lib/components/base/TMRightSidebar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import styled, { keyframes } from 'styled-components';
 import { TMColors } from '../../utils/theme';
-const TMRightSidebar = ({ items = [], onItemClick, selectedItem, showPanel = false, allowMultipleActive = false }) => {
+const TMRightSidebar = ({ items = [], onItemClick, selectedItem, showPanel = false }) => {
     const [hoveredItem, setHoveredItem] = useState(null);
     const [activeItems, setActiveItems] = useState(new Set());
     useEffect(() => {
@@ -10,15 +10,9 @@ const TMRightSidebar = ({ items = [], onItemClick, selectedItem, showPanel = fal
     }, [items]);
     useEffect(() => {
         if (selectedItem) {
-            setActiveItems(prev => {
-                const newActiveItems = new Set(prev);
-                if (!allowMultipleActive)
-                    newActiveItems.clear();
-                newActiveItems.add(selectedItem);
-                return newActiveItems;
-            });
+            setActiveItems(new Set([selectedItem]));
         }
-    }, [selectedItem, allowMultipleActive]);
+    }, [selectedItem]);
     const toggleItem = (id) => {
         setActiveItems(prev => {
             const newActiveItems = new Set(prev);
@@ -26,8 +20,6 @@ const TMRightSidebar = ({ items = [], onItemClick, selectedItem, showPanel = fal
                 newActiveItems.delete(id);
             }
             else {
-                if (!allowMultipleActive)
-                    newActiveItems.clear();
                 newActiveItems.add(id);
             }
             return newActiveItems;
@@ -39,7 +31,7 @@ const TMRightSidebar = ({ items = [], onItemClick, selectedItem, showPanel = fal
             onItemClick && onItemClick(item.id, activeItems.has(item.id));
         }
     };
-    return (_jsx(SidebarContainer, { children: items.map((item, index) => (item.visible !== false && (_jsxs(StyledMenuItem, { "$disabled": item.disabled, style: { paddingTop: index === 0 ? '15px' : '10px' }, "$isHovered": hoveredItem === item.id, "$isSelected": activeItems.has(item.id), onMouseEnter: () => setHoveredItem(item.id), onMouseLeave: () => setHoveredItem(null), onClick: () => onClickHandler(item), children: [_jsx(StyledAnimatedComponentScaleColor, { "$delay": `${(index * 150) + 650}ms`, children: item.icon }), _jsx("span", { children: item.visibleName })] }, item.id)))) }));
+    return (_jsx(SidebarContainer, { children: items.map((item, index) => (item.visible !== false && (_jsxs(StyledMenuItem, { "$disabled": item.disabled, style: { paddingTop: '10px', borderTop: item.beginGroup ? '2px solid #9c9c9c' : 'none' }, "$isHovered": hoveredItem === item.id, "$isSelected": item.isActive, onMouseEnter: () => setHoveredItem(item.id), onMouseLeave: () => setHoveredItem(null), onClick: () => onClickHandler(item), children: [_jsx(StyledAnimatedComponentScaleColor, { "$delay": `${(index * 150) + 650}ms`, children: item.icon }), _jsx("span", { children: item.visibleName })] }, item.id)))) }));
 };
 export default TMRightSidebar;
 // Styled Components
@@ -67,7 +59,7 @@ const StyledMenuItem = styled.div `
   display: flex;
   align-items: center;
   padding: 8px 0;
-  color: ${props => !props.$disabled ? (props.$isSelected ? props.$selectedColor ?? '#6291de' : '#fff') : '#929292'};
+  color: ${props => !props.$disabled ? (props.$isSelected ? props.$selectedColor ?? (TMColors.tertiary) : '#fff') : '#929292'};
   cursor: ${props => props.$disabled ? 'default' : 'pointer'};
   position: relative;
   justify-content: center;
@@ -75,7 +67,7 @@ const StyledMenuItem = styled.div `
   transition: background-color 0.3s ease, color 0.3s ease;
 
   &:hover {
-    background-color: ${props => !props.$disabled && (props.$isSelected ? '#2e2e2e' : TMColors.primaryColor)};
+    background-color: ${props => !props.$disabled && (TMColors.primaryColor)};
   }
 
   svg {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.10.3",
+    "version": "6.10.5",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",