@topconsultnpm/sdkui-react 6.20.0-dev1.72 → 6.20.0-dev1.74

package/lib/components/base/TMFileManager.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { extractTextsFromDirectory, findFileItems, setFolderTreeViewItems } from "./TMFileManagerUtils";
 import { DeviceType, useDeviceType } from "./TMDeviceProvider";
-import { formatBytes, Globalization, IconDashboard, IconFolder, IconHide, IconList, IconMenuVertical, IconRefresh, IconShow, SDKUI_Globals, SDKUI_Localizator, svgToString, TMCommandsContextMenu, TMConditionalWrapper } from "../../helper";
+import { formatBytes, Globalization, IconDashboard, IconFolder, IconHide, IconList, IconMenuVertical, IconRefresh, IconShow, SDKUI_Globals, SDKUI_Localizator, TMCommandsContextMenu, TMConditionalWrapper } from "../../helper";
 import TMTooltip from "./TMTooltip";
 import { TMColors } from "../../utils/theme";
 import TMPanel from "./TMPanel";
@@ -98,18 +98,18 @@ const TMFileManager = (props) => {
     const onBackCallback = useCallback(() => {
         setOpenDraftList(false);
     }, []);
-    const toolbar = useMemo(() => _jsxs(_Fragment, { children: [_jsx(IconMenuVertical, { id: "TMPanel-FileManager-Commands-Header", color: 'white', cursor: 'pointer' }), _jsx(TMCommandsContextMenu, { target: '#TMPanel-FileManager-Commands-Header', menuItems: [
-                    {
-                        icon: isLeftPanelCollapsed ? "eyeclose" : "eyeopen",
-                        onClick: () => setIsLeftPanelCollapsed(prev => !prev),
-                        text: isLeftPanelCollapsed ? SDKUI_Localizator.ShowLeftPanel : SDKUI_Localizator.HideLeftPanel,
-                    },
-                    {
-                        icon: svgToString(_jsx(IconRefresh, {})),
-                        onClick: async () => await refreshCallback(),
-                        text: SDKUI_Localizator.Refresh,
-                    },
-                ], showEvent: "click" })] }), [isLeftPanelCollapsed]);
+    const toolbar = useMemo(() => _jsx(TMCommandsContextMenu, { target: '#TMPanel-FileManager-Commands-Header', menuItems: [
+            {
+                icon: isLeftPanelCollapsed ? _jsx(IconShow, {}) : _jsx(IconHide, {}),
+                onClick: () => setIsLeftPanelCollapsed(prev => !prev),
+                text: isLeftPanelCollapsed ? SDKUI_Localizator.ShowLeftPanel : SDKUI_Localizator.HideLeftPanel,
+            },
+            {
+                icon: _jsx(IconRefresh, {}),
+                onClick: async () => await refreshCallback(),
+                text: SDKUI_Localizator.Refresh,
+            },
+        ], showEvent: "click", children: _jsx(IconMenuVertical, { id: "TMPanel-FileManager-Commands-Header", color: 'white', cursor: 'pointer' }) }), [isLeftPanelCollapsed]);
     // Handle closing the context menu
     const closeTreeViewContextMenu = useCallback(() => {
         setTreeViewAnchor(null);

package/lib/components/features/documents/TMDcmtTasks.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { IconMenuVertical, IconRefresh, SDKUI_Localizator, svgToString, TMCommandsContextMenu } from "../../../helper";
+import { IconMenuVertical, IconRefresh, SDKUI_Localizator, TMCommandsContextMenu } from "../../../helper";
 import { DeviceType, useDeviceType } from "../../base/TMDeviceProvider";
 import { useTMPanelManagerContext } from "../../layout/panelManager/TMPanelManagerContext";
 import TMPanel from "../../base/TMPanel";
@@ -12,13 +12,13 @@ const TMDcmtTasks = (props) => {
     // This avoids unnecessary re-renders by only recalculating when deviceType changes.
     let isMobile = useMemo(() => { return deviceType === DeviceType.MOBILE; }, [deviceType]);
     const { togglePanelVisibility, toggleMaximize, countVisibleLeafPanels } = useTMPanelManagerContext();
-    const toolbar = useMemo(() => _jsxs(_Fragment, { children: [_jsx(IconMenuVertical, { id: "TMTaksPanel-Commands-Header", color: 'white', cursor: 'pointer' }), _jsx(TMCommandsContextMenu, { target: '#TMTaksPanel-Commands-Header', showEvent: "click", menuItems: [
-                    {
-                        icon: svgToString(_jsx(IconRefresh, {})),
-                        onClick: async () => await getAllTasks(),
-                        text: SDKUI_Localizator.Refresh,
-                    },
-                ] })] }), []);
+    const toolbar = useMemo(() => _jsx(TMCommandsContextMenu, { target: '#TMTaksPanel-Commands-Header', showEvent: "click", menuItems: [
+            {
+                icon: _jsx(IconRefresh, {}),
+                onClick: async () => await getAllTasks(),
+                text: SDKUI_Localizator.Refresh,
+            },
+        ], children: _jsx(IconMenuVertical, { id: "TMTaksPanel-Commands-Header", color: 'white', cursor: 'pointer' }) }), []);
     return _jsx("div", { style: { width: "100%", height: "100%", position: 'relative' }, children: _jsx(TMPanel, { title: SDKUI_Localizator.Widget_Activities, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onClose: countVisibleLeafPanels() > 1 ? () => togglePanelVisibility("tmDcmtTasks") : undefined, onMaximize: countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmDcmtTasks") : undefined, toolbar: toolbar, children: _jsx(TMTasksPanelContent, { id: "dcmtTasks", taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: () => { return Promise.resolve(); }, handleNavigateToDossiers: () => { return Promise.resolve(); }, afterTaskSaved: afterTaskSaved }) }) });
 };
 export default TMDcmtTasks;

package/lib/components/features/tasks/TMTasksUtils.js

@@ -497,21 +497,21 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
             onClick: () => setShowSearch(prevShowSearch => !prevShowSearch),
             disabled: false,
             beginGroup: true,
-            operationType: 'singleRow'
+            operationType: 'multiRow'
         },
         {
             name: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
             icon: _jsx("span", { className: showId ? "dx-icon-eyeclose" : "dx-icon-eyeopen" }),
             onClick: () => setShowId(prevShowId => !prevShowId),
             disabled: false,
-            operationType: 'singleRow'
+            operationType: 'multiRow'
         },
         {
             name: SDKUI_Localizator.Refresh,
             icon: _jsx("span", { className: "dx-icon-refresh" }),
             onClick: () => getAllTasks(),
             disabled: false,
-            operationType: 'singleRow'
+            operationType: 'multiRow'
         },
     ];
     // Apply filters

package/lib/helper/TMCommandsContextMenu.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { HidingEvent } from "devextreme/ui/context_menu";
 interface TMCommandsContextMenuProps {
-    target: string | Element | undefined;
+    target?: string | Element | undefined;
     menuItems: Array<any>;
     id?: string;
     showEvent?: string | {
@@ -9,6 +9,8 @@ interface TMCommandsContextMenuProps {
         name?: string;
     } | undefined;
     onHiding?: ((e: HidingEvent<any>) => void) | undefined;
+    trigger?: 'right' | 'left';
+    children?: React.ReactNode;
 }
-export declare const TMCommandsContextMenu: React.MemoExoticComponent<({ target, menuItems, id, showEvent, onHiding }: TMCommandsContextMenuProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TMCommandsContextMenu: React.MemoExoticComponent<({ target, menuItems, id, showEvent, onHiding, trigger, children }: TMCommandsContextMenuProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/lib/helper/TMCommandsContextMenu.js

@@ -1,6 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { ContextMenu } from "devextreme-react";
-export const TMCommandsContextMenu = React.memo(({ target, menuItems, id, showEvent = 'contextmenu', onHiding }) => {
-    return (_jsx(ContextMenu, { target: target, dataSource: menuItems, id: id, showEvent: showEvent, onHiding: onHiding }));
+import React, { useMemo } from "react";
+import { ContextMenu } from "../components/NewComponents/ContextMenu";
+export const TMCommandsContextMenu = React.memo(({ target, menuItems, id, showEvent = 'contextmenu', onHiding, trigger = 'left', children }) => {
+    // Convert DevExtreme menu items format to TMContextMenu format
+    const convertedItems = useMemo(() => {
+        return menuItems.map(item => ({
+            name: item.text,
+            icon: item.icon,
+            onClick: item.onClick,
+            disabled: item.disabled,
+            beginGroup: item.beginGroup,
+            visible: item.visible,
+        }));
+    }, [menuItems]);
+    return (_jsx(ContextMenu, { target: typeof target === 'string' ? target : undefined, items: convertedItems, trigger: trigger, children: children }));
 });

package/lib/index.js

@@ -12,5 +12,5 @@ export * from './hooks/useRelatedDocuments';
 export * from './hooks/useSettingsFeedback';
 export * from './services';
 import config from 'devextreme/core/config';
-// DevExtreme License Key (valid for v25.1 and earlier versions)
-config({ licenseKey: 'ewogICJmb3JtYXQiOiAxLAogICJjdXN0b21lcklkIjogIjE1ODg1NDc4LTNjNTItNGUzYy1hNDI1LTU5NjAzMzQ0ZDVjMyIsCiAgIm1heFZlcnNpb25BbGxvd2VkIjogMjUxCn0=.sy0jZ9UWNR//KApWWp2wwKhxX90FmWl/0EHN4i7AnYQReSCtBSB2MlTTMYzYWv4kmD4lKynH4XC85dWwgGLU7RQmchZ916g5iBogVs6CpLeZErO1QJj7OGhLOM2BLfaODN5v9w==' });
+// DevExtreme License Key (valid for v25.2 and earlier versions)
+config({ licenseKey: 'ewogICJmb3JtYXQiOiAxLAogICJjdXN0b21lcklkIjogIjE1ODg1NDc4LTNjNTItNGUzYy1hNDI1LTU5NjAzMzQ0ZDVjMyIsCiAgIm1heFZlcnNpb25BbGxvd2VkIjogMjUyCn0=.ClI5PeQ2vnl48q0hwdwPHM6oDArs6XTeZ9u4JfN6kxaHoKgszVywO996SluAQfPdFhtzWz6OZsyDdenKv28UU2dOF5wppP88hGEJ17PAg+N/OpUkL1L/CMFNXlOIsYd2517GWA==' });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.72",
+  "version": "6.20.0-dev1.74",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -42,8 +42,8 @@
   "dependencies": {
     "@topconsultnpm/sdk-ts": "6.20.0-dev1.5",
     "buffer": "^6.0.3",
-    "devextreme": "25.1.7",
-    "devextreme-react": "25.1.7",
+    "devextreme": "25.2.4",
+    "devextreme-react": "25.2.4",
     "exceljs": "^4.4.0",
     "htmlparser2": "^10.0.0",
     "pdfjs-dist": "5.4.296",