@topconsultnpm/sdkui-react-beta 6.13.36 → 6.13.37

package/lib/components/base/TMFileManager.js

@@ -210,7 +210,7 @@ const TMFileManager = (props) => {
     };
     // Main render of the file manager component with a split layout
     return _jsxs("div", { style: { height: "100%", width: "100%" }, children: [!isMobile &&
-                _jsx(TMPanel, { title: SDKUI_Localizator.Drafts, totalItems: dcmtsFound ?? 0, showHeader: showPanel, onClose: onClosePanel, onMaximize: onMaximizePanel, toolbar: _jsxs(_Fragment, { children: [_jsx(IconMenuVertical, { id: "TMPanel-Draft-Commands-Header", color: 'white', cursor: 'pointer' }), _jsx(ContextMenu, { showEvent: 'click', dataSource: [
+                _jsx(TMPanel, { title: SDKUI_Localizator.Drafts, totalItems: dcmtsFound ?? 0, showHeader: showPanel, onClose: onClosePanel, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsxs(_Fragment, { children: [_jsx(IconMenuVertical, { id: "TMPanel-Draft-Commands-Header", color: 'white', cursor: 'pointer' }), _jsx(ContextMenu, { showEvent: 'click', dataSource: [
                                     {
                                         icon: isLeftPanelCollapsed ? "eyeclose" : "eyeopen",
                                         onClick: () => setIsLeftPanelCollapsed(prev => !prev),

package/lib/components/base/TMPanelManager.js

@@ -408,7 +408,7 @@ const TMPanelManager = (props) => {
                     panelRefs.current[fullId] = el;
                 }, style: panelStyle, children: [_jsx("div", { style: contentStyle, children: hasChildren
                             ? renderPanels(panel.contentOptions.content, fullId, 'vertical')
-                            : panel.contentOptions?.panelContainer ? _jsx(TMPanel, { title: panel.contentOptions.panelContainer.title, totalItems: panel.contentOptions.panelContainer.totalItems, displayedItemsCount: panel.contentOptions.panelContainer.displayedItemsCount, onClose: () => handleTogglePanel(fullId), onMaximize: () => handleToggleMaximize(fullId), allowMaximize: !isMobile, children: typeof panel.contentOptions.content === "function" ? panel.contentOptions.content(handleTogglePanel, handleToggleMaximize, handleVisibilityButton, handleDisableButton) : panel.contentOptions.content })
+                            : panel.contentOptions?.panelContainer ? _jsx(TMPanel, { title: panel.contentOptions.panelContainer.title, totalItems: panel.contentOptions.panelContainer.totalItems, displayedItemsCount: panel.contentOptions.panelContainer.displayedItemsCount, onClose: () => handleTogglePanel(fullId), onMaximize: () => handleToggleMaximize(fullId), onHeaderDoubleClick: () => handleToggleMaximize(fullId), allowMaximize: !isMobile, children: typeof panel.contentOptions.content === "function" ? panel.contentOptions.content(handleTogglePanel, handleToggleMaximize, handleVisibilityButton, handleDisableButton) : panel.contentOptions.content })
                                 :
                                     typeof panel.contentOptions.content === "function" ? panel.contentOptions.content(handleTogglePanel, handleToggleMaximize, handleVisibilityButton, handleDisableButton) : panel.contentOptions.content }), !isLastVisible && isActive && maximizedPanelPath.length === 0 && (_jsx("div", { style: {
                             cursor: direction === 'horizontal' ? 'col-resize' : 'row-resize',

package/lib/components/base/TMPanelManagerToolbar.js

@@ -74,7 +74,7 @@ const TMPanelManagerToolbar = (props) => {
                     alignSelf: 'center',
                 } }, `sep-${p.fullId}`)) : null;
             // Button JSX
-            const button = (_jsx(TMTooltip, { content: p.config.name, position: 'left', children: _jsx("button", { disabled: isToolbarDisabled, onClick: () => { handleTogglePanel(p.fullId); if (handleClick)
+            const button = (_jsx(TMTooltip, { content: p.config.name, position: isMobile ? 'top' : 'left', children: _jsx("button", { disabled: isToolbarDisabled, onClick: () => { handleTogglePanel(p.fullId); if (handleClick)
                         handleClick(); }, style: {
                         display: 'flex',
                         alignItems: 'center',
@@ -89,7 +89,7 @@ const TMPanelManagerToolbar = (props) => {
                         transition: 'transform 0.2s ease, box-shadow 0.2s ease',
                         cursor: isToolbarDisabled ? 'not-allowed' : 'pointer',
                         opacity: isToolbarDisabled ? 0.6 : 1,
-                        backgroundColor: isActive ? '#81c784' : '#e57373',
+                        backgroundColor: isActive || p.config.toolbarOptions?.alwaysActiveColor ? '#81c784' : '#e57373',
                     }, onMouseEnter: (e) => { if (!isToolbarDisabled) {
                         e.currentTarget.style.transform = 'scale(1.1)';
                     } }, onMouseLeave: (e) => { e.currentTarget.style.transform = 'scale(1)'; }, children: typeof p.config.toolbarOptions?.icon === 'string' ? (_jsx("i", { className: `dx-icon dx-icon-${p.config.toolbarOptions?.icon}` })) : (p.config.toolbarOptions?.icon) }) }, p.fullId));

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

@@ -21,6 +21,7 @@ export type TMPanelItemConfig = {
         disabled?: boolean;
         orderNumber?: number;
         beginGroup?: boolean;
+        alwaysActiveColor?: boolean;
     };
 };
 export type TMPanelEntry = {

package/package.json

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