@topconsultnpm/sdkui-react 6.20.0-dev1.78 → 6.20.0-dev1.80

package/lib/components/NewComponents/ContextMenu/TMContextMenu.js

@@ -344,7 +344,7 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
         }));
     };
     const handleMouseEnter = (item, event, depth = 0) => {
-        if (isMobile || !item.submenu || item.submenu.length === 0)
+        if (isMobile || !item.submenu || item.submenu.length === 0 || item.disabled)
             return;
         if (submenuTimeoutRef.current) {
             clearTimeout(submenuTimeoutRef.current);
@@ -424,7 +424,7 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
                 item.onRightIconClick?.();
                 handleClose();
             };
-            return (_jsxs(S.MenuItem, { "$disabled": item.disabled, "$hasSubmenu": !!item.submenu && item.submenu.length > 0, "$beginGroup": item.beginGroup, onMouseDown: handleClick, onMouseEnter: (e) => !isMobile && handleMouseEnter(item, e, depth + 1), onMouseLeave: () => !isMobile && handleMouseLeave(depth + 1), title: item.tooltip, children: [_jsxs(S.MenuItemContent, { children: [item.icon && _jsx(S.IconWrapper, { children: item.icon }), _jsx(S.MenuItemName, { children: item.name })] }), item.rightIcon && item.onRightIconClick && (_jsx(S.RightIconButton, { onClick: handleRightIconClick, onMouseDown: (e) => e.stopPropagation(), "aria-label": `Action for ${item.name}`, children: item.rightIcon })), item.submenu && item.submenu.length > 0 && (_jsx(S.SubmenuIndicator, { "$isMobile": isMobile, children: isMobile ? '›' : '▸' }))] }, itemKey));
+            return (_jsxs(S.MenuItem, { "$disabled": item.disabled, "$hasSubmenu": !!item.submenu && item.submenu.length > 0, "$beginGroup": item.beginGroup, "data-disabled": item.disabled ? "true" : undefined, onMouseDown: handleClick, onMouseEnter: (e) => !isMobile && handleMouseEnter(item, e, depth + 1), onMouseLeave: () => !isMobile && handleMouseLeave(depth + 1), title: item.tooltip, children: [_jsxs(S.MenuItemContent, { children: [item.icon && _jsx(S.IconWrapper, { children: item.icon }), _jsx(S.MenuItemName, { children: item.name })] }), item.rightIcon && item.onRightIconClick && (_jsx(S.RightIconButton, { onClick: handleRightIconClick, onMouseDown: (e) => e.stopPropagation(), "aria-label": `Action for ${item.name}`, children: item.rightIcon })), item.submenu && item.submenu.length > 0 && (_jsx(S.SubmenuIndicator, { "$isMobile": isMobile, children: isMobile ? '›' : '▸' }))] }, itemKey));
         });
     };
     const currentParentName = menuState.parentNames.at(-1) || '';

package/lib/components/NewComponents/ContextMenu/styles.js

@@ -226,7 +226,7 @@ export const SubmenuIndicator = styled.span `
   opacity: 0.6;
   transition: transform 0.15s ease;
 
-  ${MenuItem}:hover & {
+  ${MenuItem}:hover:not([data-disabled="true"]) & {
     ${props => !props.$isMobile && `
       transform: translateX(2px);
       opacity: 1;

package/lib/components/NewComponents/ContextMenu/types.d.ts

@@ -3,7 +3,7 @@ export interface TMContextMenuItemProps {
     name: string;
     icon?: React.ReactNode;
     disabled?: boolean;
-    onClick?: () => void;
+    onClick?: (data?: any) => void;
     submenu?: TMContextMenuItemProps[];
     visible?: boolean;
     rightIcon?: React.ReactNode;

package/lib/components/base/TMDataGrid.js

@@ -59,25 +59,27 @@ const TMDataGrid = React.forwardRef((props, ref) => {
         const handleContextMenu = (e) => {
             e.preventDefault();
             e.stopPropagation();
-            // Get the clicked row
+            // Get the clicked row (if any)
             const target = e.target;
             const rowElement = target.closest('.dx-data-row');
             if (rowElement && internalRef.current) {
+                // Clicked on a row - focus that row
                 const rowIndex = Array.from(rowElement.parentElement?.children || []).indexOf(rowElement);
                 const rowKey = internalRef.current.instance().getKeyByRowIndex(rowIndex);
-                // Change focused row
                 internalRef.current.instance().option('focusedRowKey', rowKey);
-                // Show custom context menu
-                setCustomContextMenuVisible(true);
-                setCustomContextMenuPosition({ x: e.clientX, y: e.clientY });
                 setCustomContextMenuRowKey(rowKey);
             }
+            else {
+                setCustomContextMenuRowKey(focusedRowKey);
+            }
+            setCustomContextMenuVisible(true);
+            setCustomContextMenuPosition({ x: e.clientX, y: e.clientY });
         };
         gridContainer.addEventListener('contextmenu', handleContextMenu);
         return () => {
             gridContainer.removeEventListener('contextmenu', handleContextMenu);
         };
-    }, [customContextMenuItems]);
+    }, [customContextMenuItems, focusedRowKey]);
     // iOS-specific: Handle touch for focused row change and long-press for context menu
     useLongPress({
         containerRef: gridContainerRef,

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

@@ -8,7 +8,7 @@ import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
 import { getWorkItemSetIDAsync, handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
-import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary, IconStar, IconRelation, IconInfo, IconArchiveDoc, IconDelete, IconPair, IconUnpair, IconArchiveMaster, IconArchiveDetail, getExceptionMessage, isApprovalWorkflowView, getDcmtCicoStatus, IconFileDots, IconCustom } from '../../../helper';
+import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary, IconStar, IconRelation, IconInfo, IconArchiveDoc, IconDelete, IconPair, IconUnpair, IconArchiveMaster, IconArchiveDetail, getExceptionMessage, isApprovalWorkflowView, getDcmtCicoStatus, IconFileDots, IconCustom, buildWorkItemsFromWFCtrl } from '../../../helper';
 import { hasDetailRelations, hasMasterRelations, isXMLFileExt } from '../../../helper/dcmtsHelper';
 import { Gutters, TMColors } from '../../../utils/theme';
 import { StyledFormButtonsContainer, StyledLoadingContainer, StyledModalContainer, StyledReferenceButton, StyledSpinner, StyledToolbarCardContainer } from '../../base/Styled';
@@ -112,6 +112,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const [fetchError, setFetchError] = useState(false);
     const [isWFDataLoading, setIsWFDataLoading] = useState(false);
     const [workItems, setWorkItems] = useState([]);
+    const [workItemsForDiagram, setWorkItemsForDiagram] = useState([]);
     const [workflows, setWorkflows] = useState([]);
     const [showCommentForm, setShowCommentForm] = useState(false);
     const [isInitialLoading, setIsInitialLoading] = useState(true);
@@ -509,7 +510,13 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                         setID = await getWorkItemSetIDAsync(foundItem.tid, foundItem.did);
                     }
                     // Imposta un singolo work item con il setID caricato
-                    setWorkItems([{ ...foundItem, setID }]);
+                    setWorkItems([{
+                            wid: `${foundItem.tid}_${foundItem.did}`,
+                            tid: foundItem.tid,
+                            did: foundItem.did,
+                            setID: setID,
+                            details: []
+                        }]);
                     // Carica le informazioni complete del workflow
                     await loadWorkflowInfo(foundItem.tid);
                 }
@@ -528,14 +535,26 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                         else {
                             setID = await getWorkItemSetIDAsync(singleItem.tid, singleItem.did);
                         }
-                        setWorkItems([{ ...singleItem, setID }]);
+                        setWorkItems([{
+                                wid: `${singleItem.tid}_${singleItem.did}`,
+                                tid: singleItem.tid,
+                                did: singleItem.did,
+                                setID: setID,
+                                details: []
+                            }]);
                         // Carica le informazioni del workflow
                         await loadWorkflowInfo(singleItem.tid);
                     }
                     else if (itemsByDID.length > 1) {
                         // SCENARIO B.2: Più item trovati per lo stesso DID
                         // Ambiguità: lo stesso documento appare in più workflow diversi
-                        const finalWorkItems = itemsByDID.map((item, index) => ({ ...item, setID: undefined }));
+                        const finalWorkItems = itemsByDID.map((item, index) => ({
+                            wid: `${item.tid}_${item.did}_${index}`,
+                            tid: item.tid,
+                            did: item.did,
+                            setID: undefined,
+                            details: []
+                        }));
                         setWorkItems(finalWorkItems);
                         setWorkflows([]); // Non carichiamo il workflow in caso di ambiguità
                     }
@@ -558,6 +577,38 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         if (workItemSetIDValue !== undefined || workflowApproveData.length > 0)
             loadAllWfData();
     }, [hasFormData, workItemSetIDValue, workflowApproveData, getWorkItemsByDID, TID, DID, layoutMode, fromDTD?.templateTID, fromDTD?.id]);
+    // useEffect per costruire workItemsForDiagram quando l'utente è autorizzato a vedere il diagramma
+    useEffect(() => {
+        const buildWorkItemsForDiagram = async () => {
+            // Verifica se l'utente è autorizzato (ha accesso al diagramma)
+            const isAuthorized = !!workflows?.[0]?.diagram;
+            if (!isAuthorized || workItems.length === 0) {
+                setWorkItemsForDiagram([]);
+                return;
+            }
+            try {
+                // Estrai i dati necessari dal primo workItem
+                const firstWorkItem = workItems[0];
+                // Costruisci WFInstanceDescriptor dai dati disponibili
+                const wfInstance = {
+                    wfid: workflows[0].id,
+                    tid: TID,
+                    did: DID,
+                    instanceId: "", // Puoi adattare questo se hai un instanceId specifico,
+                    rowIndex: 0,
+                    values: []
+                };
+                // Chiama buildWorkItemsFromWFCtrl per ottenere i workItems completi
+                const detailedWorkItems = await buildWorkItemsFromWFCtrl(wfInstance);
+                setWorkItemsForDiagram(detailedWorkItems);
+            }
+            catch (error) {
+                console.error('Errore durante la costruzione dei work items per il diagramma:', error);
+                setWorkItemsForDiagram([]);
+            }
+        };
+        buildWorkItemsForDiagram();
+    }, [workflows, workItems]);
     const getSelectionDcmtInfo = useCallback(() => {
         let dcmts = [];
         dcmts.push({ TID: TID ?? 0, DID: DID ?? 0 });
@@ -583,7 +634,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const isSysMetadataDisabled = useMemo(() => layoutMode !== LayoutModes.Update, [layoutMode]);
     const isDetailsDisabled = useMemo(() => layoutMode !== LayoutModes.Update || !DID, [layoutMode, DID]);
     const isMasterDisabled = useMemo(() => layoutMode !== LayoutModes.Update || !DID, [layoutMode, DID]);
-    const isWFDisabled = useMemo(() => layoutMode !== LayoutModes.Update || fetchError || workItems.length <= 0, [layoutMode, fetchError, workItems.length]);
+    const isWFDisabled = useMemo(() => layoutMode !== LayoutModes.Update || fetchError || (workItems.length <= 0 && workItemsForDiagram.length <= 0), [layoutMode, fetchError, workItems.length, workItemsForDiagram.length]);
     const showToppyForApprove = useMemo(() => layoutMode === LayoutModes.Update && !fetchError && workItems.length > 0 && !isOpenDetails && !isOpenMaster, [layoutMode, fetchError, workItems.length, isOpenDetails, isOpenMaster]);
     const showToppyForCompleteMoreInfo = useMemo(() => layoutMode === LayoutModes.Update && !!isTaskMoreInfo(taskMoreInfo?.name) && taskMoreInfo?.state !== Task_States.Completed, [layoutMode, taskMoreInfo?.name, taskMoreInfo?.state]);
     const showToppyForReferences = useMemo(() => allowButtonsRefs && layoutMode === LayoutModes.Update && !!(dcmtReferences && dcmtReferences.length > 0) && !isOpenDetails && !isOpenMaster, [allowButtonsRefs, layoutMode, dcmtReferences, isOpenDetails, isOpenMaster]);
@@ -1215,7 +1266,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         const isAuthorized = !!workflows?.[0]?.diagram;
         return (_jsxs("div", { style: { position: 'relative', width: '100%', height: '100%', display: 'flex', flexDirection: 'column', gap: 3 }, children: [workItems.length > 0
                     ? (isAuthorized
-                        ? _jsx(WFDiagram, { xmlDiagramString: workflows?.[0]?.diagram || '', allowEdit: false, currentSetID: workitemSetID })
+                        ? _jsx(WFDiagram, { xmlDiagramString: workflows?.[0]?.diagram || '', allowEdit: false, currentSetID: workitemSetID, defaultAutoZoom: true, workitems: workItemsForDiagram })
                         : _jsx("div", { style: {
                                 position: 'absolute',
                                 top: '50%',
@@ -1259,7 +1310,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                             backgroundColor: 'khaki',
                             borderRadius: 8
                         }, children: SDKUI_Localizator.WorkItemTechnicalNote_SetID })] }));
-    }, [workflows, formData, workitemSetID, workItems, isWFDataLoading]);
+    }, [workflows, formData, workitemSetID, workItems, workItemsForDiagram, isWFDataLoading, wfError, isMobile]);
     const tmDcmtTasks = useMemo(() => {
         const isReady = TID && DID && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback;
         if (!isReady) {

package/lib/components/features/tasks/TMTasksAgenda.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { TaskDescriptor } from "@topconsultnpm/sdk-ts";
 import { FormModes } from "../../../ts";
+import { TMContextMenuItemProps } from "../../NewComponents/ContextMenu";
 interface TMTasksAgendaProps {
     id: string;
     showId: boolean;
@@ -12,6 +13,7 @@ interface TMTasksAgendaProps {
     setCurrentAgendaDate: React.Dispatch<React.SetStateAction<Date>>;
     openTaskForm: (formMode: FormModes, task?: TaskDescriptor) => void;
     handleFocusedRowChange: (row: TaskDescriptor | undefined) => void;
+    menuItems: TMContextMenuItemProps[];
 }
-declare const TMTasksAgenda: React.MemoExoticComponent<(props: TMTasksAgendaProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TMTasksAgenda: (props: TMTasksAgendaProps) => import("react/jsx-runtime").JSX.Element;
 export default TMTasksAgenda;

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

@@ -1,5 +1,5 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import ArrayStore from "devextreme/data/array_store";
 import Scheduler from "devextreme-react/scheduler";
 import { calculateNumberOfDays, highlightTaskText, priorityLegend, renderTaskIcons } from "./TMTasksUtilsView";
@@ -11,14 +11,31 @@ import { FormModes } from "../../../ts";
 import { SDKUI_Localizator } from "../../../helper";
 import TMCustomSearchBar from "../../../helper/TMCustomSearchBar";
 import TMTooltip from "../../base/TMTooltip";
-const TMTasksAgenda = React.memo((props) => {
+import TMContextMenu from "../../NewComponents/ContextMenu/TMContextMenu";
+const MemoizedScheduler = React.memo(({ dataSource, currentAgendaDate, appointmentRender, onAppointmentDblClick, onCurrentDateChange, onAppointmentContextMenu, onAppointmentClick }) => {
     const views = ['agenda'];
-    const { id, showId, showSearch, visualizedTasks, fromCell, toCell, currentAgendaDate, setCurrentAgendaDate, openTaskForm, handleFocusedRowChange } = props;
+    return (_jsx(Scheduler, { id: "tasks-agenda", defaultCurrentView: "agenda", dataSource: dataSource, width: "100%", height: "100%", editing: false, views: views, currentDate: currentAgendaDate, appointmentRender: appointmentRender, onAppointmentDblClick: onAppointmentDblClick, onCurrentDateChange: onCurrentDateChange, onAppointmentContextMenu: onAppointmentContextMenu, onAppointmentClick: onAppointmentClick }));
+});
+const TMTasksAgenda = (props) => {
+    const { id, showId, showSearch, visualizedTasks, fromCell, toCell, currentAgendaDate, setCurrentAgendaDate, openTaskForm, handleFocusedRowChange, menuItems } = props;
     const [schedulerData, setSchedulerData] = useState([]);
     const [loading, setLoading] = useState(false);
     const [searchText, setSearchText] = useState('');
+    const [contextMenuVisible, setContextMenuVisible] = useState(false);
+    const [contextMenuPosition, setContextMenuPosition] = useState({ x: 0, y: 0 });
+    const prevTasksRef = useRef({ length: 0 });
     useEffect(() => {
-        setSchedulerData(convertToSchedulerAppointments(visualizedTasks));
+        const currentSignature = {
+            length: visualizedTasks.length,
+            firstId: visualizedTasks[0]?.id,
+            lastId: visualizedTasks[visualizedTasks.length - 1]?.id
+        };
+        if (prevTasksRef.current.length !== currentSignature.length ||
+            prevTasksRef.current.firstId !== currentSignature.firstId ||
+            prevTasksRef.current.lastId !== currentSignature.lastId) {
+            prevTasksRef.current = currentSignature;
+            setSchedulerData(convertToSchedulerAppointments(visualizedTasks));
+        }
     }, [visualizedTasks]);
     useEffect(() => {
         let timeoutId;
@@ -74,13 +91,16 @@ const TMTasksAgenda = React.memo((props) => {
         if (e === undefined || e.event === undefined || e.appointmentData.id === undefined)
             return;
         e.event.preventDefault();
+        e.event.stopPropagation();
         const { id } = e.appointmentData;
-        // Update the state with the new set of selected appointments
         const task = visualizedTasks.find(task => task.id === id);
         if (task) {
             handleFocusedRowChange(task);
         }
-    }, []);
+        const event = e.event;
+        setContextMenuPosition({ x: event.clientX, y: event.clientY });
+        setContextMenuVisible(true);
+    }, [visualizedTasks, handleFocusedRowChange]);
     const onCurrentDateChange = useCallback((value) => {
         // Exit early if it's not a valid Date
         if (!(value instanceof Date) || isNaN(value.getTime())) {
@@ -101,7 +121,26 @@ const TMTasksAgenda = React.memo((props) => {
             openTaskForm(FormModes.Update, task);
         }
     }, [visualizedTasks]);
+    const handleWrapperContextMenu = useCallback((e) => {
+        handleFocusedRowChange(undefined);
+        setContextMenuPosition({ x: e.clientX, y: e.clientY });
+        setContextMenuVisible(true);
+    }, [handleFocusedRowChange]);
+    const handleCloseContextMenu = useCallback(() => {
+        setContextMenuVisible(false);
+    }, []);
+    const dataSourceRef = useRef(new ArrayStore({ key: `tasks-agenda-data`, data: schedulerData }));
+    const dataLengthRef = useRef(0);
+    if (dataLengthRef.current !== schedulerData.length) {
+        dataLengthRef.current = schedulerData.length;
+        dataSourceRef.current = new ArrayStore({ key: `tasks-agenda-data`, data: schedulerData });
+    }
+    const memoizedDataSource = useMemo(() => dataSourceRef.current, [schedulerData.length]);
     return _jsxs("div", { style: { height: "100%", width: "100%" }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', width: '100%', height: "48px" }, children: [_jsx("div", { style: { width: showSearch ? "160px" : "0", marginLeft: '10px' }, children: showSearch && (_jsx(TMCustomSearchBar, { initialValue: searchText, onSearchChange: (value) => setSearchText(value) })) }), _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: "default" }, children: _jsxs(TMTooltip, { content: priorityLegend(), children: [" ", SDKUI_Localizator.PriorityLegend] }) })] }), _jsx("div", { style: { height: "calc(100% - 48px)", width: "100%" }, children: loading ? _jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", width: "100%" }, children: _jsx(LoadIndicator, {}) })
-                    : _jsx("div", { id: `tasks-agenda-wrapper-${id}`, style: { width: "100%", height: "100%" }, onContextMenu: () => { handleFocusedRowChange(undefined); }, onClick: () => { handleFocusedRowChange(undefined); }, children: _jsx(Scheduler, { id: "tasks-agenda", defaultCurrentView: "agenda", dataSource: new ArrayStore({ key: `tasks-agenda-data`, data: schedulerData }), width: "100%", height: "100%", editing: false, views: views, currentDate: currentAgendaDate, appointmentRender: appointmentRender, onAppointmentDblClick: handleAppointmentDblClick, onCurrentDateChange: onCurrentDateChange, onAppointmentContextMenu: onAppointmentContextMenu, onAppointmentClick: handleAppointmentClick }) }) })] });
-});
+                    : _jsxs(_Fragment, { children: [_jsx(TMContextMenu, { items: menuItems, externalControl: {
+                                    visible: contextMenuVisible,
+                                    position: contextMenuPosition,
+                                    onClose: handleCloseContextMenu
+                                } }), _jsx("div", { id: `tasks-agenda-wrapper-${id}`, style: { width: "100%", height: "100%" }, onContextMenu: handleWrapperContextMenu, children: _jsx(MemoizedScheduler, { dataSource: memoizedDataSource, currentAgendaDate: currentAgendaDate, appointmentRender: appointmentRender, onAppointmentDblClick: handleAppointmentDblClick, onCurrentDateChange: onCurrentDateChange, onAppointmentContextMenu: onAppointmentContextMenu, onAppointmentClick: handleAppointmentClick }) })] }) })] });
+};
 export default TMTasksAgenda;

package/lib/components/features/tasks/TMTasksCalendar.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TaskDescriptor } from "@topconsultnpm/sdk-ts";
 import { FormModes } from '../../../ts';
+import { TMContextMenuItemProps } from '../../NewComponents/ContextMenu/types';
 interface TMTasksCalendarProps {
     id: string;
     visualizedTasks: Array<TaskDescriptor>;
@@ -16,6 +17,7 @@ interface TMTasksCalendarProps {
     setCalendarEndDate: React.Dispatch<React.SetStateAction<Date | undefined>>;
     focusedRowKey: number | undefined;
     handleFocusedRowChange: (row: TaskDescriptor | undefined) => void;
+    menuItems: TMContextMenuItemProps[];
 }
 declare const TMTasksCalendar: (props: TMTasksCalendarProps) => import("react/jsx-runtime").JSX.Element;
 export default TMTasksCalendar;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import ArrayStore from 'devextreme/data/array_store';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { Priorities, Task_States } from "@topconsultnpm/sdk-ts";
@@ -10,13 +10,15 @@ import { FormModes } from '../../../ts';
 import { SDKUI_Localizator } from '../../../helper';
 import TMTooltip from '../../base/TMTooltip';
 import TMCustomSearchBar from '../../../helper/TMCustomSearchBar';
+import TMContextMenu from '../../NewComponents/ContextMenu/TMContextMenu';
 const views = ['month'];
-let clickTimeout = null; // Timeout reference
+let clickTimeout = null;
 let clickCount = 0; // Click counter
 let lastClickedCell = null;
 const TMTasksCalendar = (props) => {
-    const { id, visualizedTasks, showId, showSearch, fromCell, toCell, openTaskForm, onDeleteCallback, currentCalendarDate, setCurrentCalendarDate, focusedRowKey, handleFocusedRowChange, setCalendarStartDate, setCalendarEndDate } = props;
+    const { id, visualizedTasks, showId, showSearch, fromCell, toCell, openTaskForm, onDeleteCallback, currentCalendarDate, setCurrentCalendarDate, focusedRowKey, handleFocusedRowChange, setCalendarStartDate, setCalendarEndDate, menuItems } = props;
     const [isMobile, setIsMobile] = useState(false);
+    const [contextMenuControl, setContextMenuControl] = useState({ visible: false, position: { x: 0, y: 0 } });
     const mobileBreakpoint = 768;
     const [schedulerData, setSchedulerData] = useState([]);
     const [isRange, setIsRange] = useState(false);
@@ -228,13 +230,23 @@ const TMTasksCalendar = (props) => {
             }
         }
     };
-    const onWrapperContextMenu = useCallback(() => {
-        handleFocusedRowChange(undefined);
-    }, []);
     const onWrapperClick = useCallback(() => {
         handleFocusedRowChange(undefined);
     }, []);
+    const handleWrapperContextMenu = useCallback((e) => {
+        setContextMenuControl({
+            visible: true,
+            position: { x: e.clientX, y: e.clientY }
+        });
+    }, []);
+    const handleCloseContextMenu = useCallback(() => {
+        setContextMenuControl(prev => ({ ...prev, visible: false }));
+    }, []);
     return (_jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', width: '100%', height: "48px", padding: 5 }, children: [_jsx("div", { style: { width: showSearch ? "160px" : "0", marginLeft: '10px' }, children: showSearch && (_jsx(TMCustomSearchBar, { initialValue: searchText, onSearchChange: (value) => setSearchText(value) })) }), _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: "default" }, children: _jsx(TMTooltip, { content: priorityLegend(), children: SDKUI_Localizator.PriorityLegend }) })] }), _jsx("div", { style: { height: "calc(100% - 48px)", width: "100%" }, children: loading ? _jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", width: "100%" }, children: _jsx(LoadIndicator, {}) })
-                    : _jsx("div", { id: `tasks-calendar-wrapper-${id}`, style: { width: "100%", height: "100%" }, onContextMenu: onWrapperContextMenu, onClick: onWrapperClick, children: _jsx(Scheduler, { ref: schedulerRef, id: "tasks-calendar", dataSource: new ArrayStore({ key: 'tasks-calendar-data', data: schedulerData }), views: views, defaultCurrentView: "month", adaptivityEnabled: isMobile, editing: false, width: "100%", height: "100%", currentDate: currentCalendarDate, appointmentComponent: appointmentComponent, onAppointmentFormOpening: handleAppointmentFormOpening, appointmentTooltipComponent: appointmentTooltipComponent, onAppointmentDblClick: handleAppointmentDblClick, onCurrentDateChange: onCurrentCalendarDateChange, onAppointmentContextMenu: onAppointmentContextMenu, onCellContextMenu: onCellContextMenu, onCellClick: handleCellClick, onAppointmentClick: handleAppointmentClick, onContentReady: handleContentReady, onOptionChanged: onOptionChanged, children: _jsx(Resource, { dataSource: prioritiesResourceData, fieldExpr: "priority", label: "Priority" }) }) }) })] }));
+                    : _jsxs(_Fragment, { children: [_jsx(TMContextMenu, { items: menuItems, externalControl: {
+                                    visible: contextMenuControl.visible,
+                                    position: contextMenuControl.position,
+                                    onClose: handleCloseContextMenu
+                                } }), _jsx("div", { id: `tasks-calendar-wrapper-${id}`, style: { width: "100%", height: "100%" }, onContextMenu: handleWrapperContextMenu, onClick: onWrapperClick, children: _jsx(Scheduler, { ref: schedulerRef, id: "tasks-calendar", dataSource: new ArrayStore({ key: 'tasks-calendar-data', data: schedulerData }), views: views, defaultCurrentView: "month", adaptivityEnabled: isMobile, editing: false, width: "100%", height: "100%", currentDate: currentCalendarDate, appointmentComponent: appointmentComponent, onAppointmentFormOpening: handleAppointmentFormOpening, appointmentTooltipComponent: appointmentTooltipComponent, onAppointmentDblClick: handleAppointmentDblClick, onCurrentDateChange: onCurrentCalendarDateChange, onAppointmentContextMenu: onAppointmentContextMenu, onCellContextMenu: onCellContextMenu, onCellClick: handleCellClick, onAppointmentClick: handleAppointmentClick, onContentReady: handleContentReady, onOptionChanged: onOptionChanged, children: _jsx(Resource, { dataSource: prioritiesResourceData, fieldExpr: "priority", label: "Priority" }) }) })] }) })] }));
 };
 export default TMTasksCalendar;

package/lib/components/features/tasks/TMTasksUtils.d.ts

@@ -2,7 +2,7 @@ import { Appointment } from 'devextreme/ui/scheduler';
 import { ContextMenuTypes } from 'devextreme-react/context-menu';
 import { TaskDescriptor, Task_States, PdGs, Priorities, ValidationItem } from '@topconsultnpm/sdk-ts';
 import { FormModes, TaskContext } from '../../../ts';
-import { TMDataGridContextMenuItem } from '../../base/TMDataGrid';
+import { TMContextMenuItemProps } from '../../NewComponents/ContextMenu';
 export declare const TEXT_SELECTED_COLOR = "#ff5e1a";
 export declare const BG_COLOR_INACTIVE_WIDGET = "#fff";
 export declare const BG_COLOR_ACTIVE_WIDGET = "#fff0b7";
@@ -100,7 +100,7 @@ export declare const gotoPDGExtendedLabel: (gotoVisible: boolean, pdg: PdGs, iD1
 export declare const convertToSchedulerAppointments: (tasks: Array<TaskDescriptor>) => Array<Appointment>;
 export declare const formatDate: (date: Date) => string;
 export declare const areDifferentIDs: (fromID: number | undefined, userID: number | undefined) => boolean;
-export declare const createTasksMenuItems: (taskDescriptor: TaskDescriptor | undefined, showId: boolean, setShowId: React.Dispatch<React.SetStateAction<boolean>>, showSearch: boolean, setShowSearch: React.Dispatch<React.SetStateAction<boolean>>, openTaskForm: (formMode: FormModes, task?: TaskDescriptor, isContextual?: boolean) => void, openEditTaskForm: (rowId: number | undefined) => void, openDuplicateTaskForm: (rowId: number | undefined) => void, onDeleteCallback: (rowIds: Array<number>) => void, markAsStatus: (rowIds: Array<number>, status: Task_States) => void, getAllTasks: () => Promise<void>, fromWG: boolean, showContextualWG: boolean, setShowContextualWG: React.Dispatch<React.SetStateAction<boolean>>, fromDossier: boolean, showContextualDossier: boolean, setShowContextualDossier: React.Dispatch<React.SetStateAction<boolean>>, fromDocument: boolean, showContextualDocument: boolean, setShowContextualDocument: React.Dispatch<React.SetStateAction<boolean>>, showGoToToday: boolean, handleGoToToday?: () => void, fromDatagrid?: boolean) => Array<TMDataGridContextMenuItem>;
+export declare const createTasksMenuItems: (taskDescriptor: TaskDescriptor | undefined, showId: boolean, setShowId: React.Dispatch<React.SetStateAction<boolean>>, showSearch: boolean, setShowSearch: React.Dispatch<React.SetStateAction<boolean>>, openTaskForm: (formMode: FormModes, task?: TaskDescriptor, isContextual?: boolean) => void, openEditTaskForm: (rowId: number | undefined) => void, openDuplicateTaskForm: (rowId: number | undefined) => void, onDeleteCallback: (rowIds: Array<number>) => void, markAsStatus: (rowIds: Array<number>, status: Task_States) => void, getAllTasks: () => Promise<void>, fromWG: boolean, showContextualWG: boolean, setShowContextualWG: React.Dispatch<React.SetStateAction<boolean>>, fromDossier: boolean, showContextualDossier: boolean, setShowContextualDossier: React.Dispatch<React.SetStateAction<boolean>>, fromDocument: boolean, showContextualDocument: boolean, setShowContextualDocument: React.Dispatch<React.SetStateAction<boolean>>, showGoToToday: boolean, handleGoToToday?: () => void, fromDatagrid?: boolean) => Array<TMContextMenuItemProps>;
 export declare const checkIfNew: (fromId: number | undefined, isNew: number | undefined) => boolean;
 export declare const getNewTaskCount: (tasks: Array<TaskDescriptor>) => number;
 export declare const isTaskAssignedToAnotherUser: (task: TaskDescriptor) => boolean;

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Task_States, PdGs, Priorities, ValidationItem, SDK_Localizator, ResultTypes, SDK_Globals } from '@topconsultnpm/sdk-ts';
 import { TMColors } from '../../../utils/theme';
 import { SDKUI_Localizator } from '../../../helper';
@@ -399,59 +400,65 @@ export const areDifferentIDs = (fromID, userID) => {
 export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSearch, setShowSearch, openTaskForm, openEditTaskForm, openDuplicateTaskForm, onDeleteCallback, markAsStatus, getAllTasks, fromWG, showContextualWG, setShowContextualWG, fromDossier, showContextualDossier, setShowContextualDossier, fromDocument, showContextualDocument, setShowContextualDocument, showGoToToday, handleGoToToday, fromDatagrid = true) => {
     const isTaskDescriptorDefined = taskDescriptor !== undefined;
     const isTaskFromAnotherUser = isTaskDescriptorDefined && areDifferentIDs(taskDescriptor.fromID, SDK_Globals.tmSession?.SessionDescr?.userID);
+    const getRowIdsAsArray = (rowIds) => {
+        if (fromDatagrid) {
+            return Array.isArray(rowIds) ? rowIds : [rowIds];
+        }
+        return taskDescriptor?.id ? [taskDescriptor.id] : [];
+    };
     const menuItems = [
         {
             id: 'createContextualTask',
-            text: SDKUI_Localizator.CreateContextualTask,
-            icon: 'plus',
+            name: SDKUI_Localizator.CreateContextualTask,
+            icon: _jsx("span", { className: "dx-icon-plus" }),
             onClick: () => { openTaskForm(FormModes.Create, undefined, true); },
             disabled: false
         },
         {
-            text: SDKUI_Localizator.Create,
-            icon: 'plus',
+            name: SDKUI_Localizator.Create,
+            icon: _jsx("span", { className: "dx-icon-plus" }),
             onClick: () => { openTaskForm(FormModes.Create, undefined, false); },
             disabled: false
         },
         {
-            text: SDKUI_Localizator.Update,
-            icon: 'edit',
-            onClick: openEditTaskForm,
+            name: SDKUI_Localizator.Update,
+            icon: _jsx("span", { className: "dx-icon-edit" }),
+            onClick: (rowId) => openEditTaskForm(fromDatagrid ? rowId : taskDescriptor?.id),
             operationType: 'singleRow',
             disabled: fromDatagrid ? false : !isTaskDescriptorDefined
         },
         {
-            text: SDKUI_Localizator.Duplicate,
-            icon: 'copy',
-            onClick: openDuplicateTaskForm,
+            name: SDKUI_Localizator.Duplicate,
+            icon: _jsx("span", { className: "dx-icon-copy" }),
+            onClick: (rowId) => openDuplicateTaskForm(fromDatagrid ? rowId : taskDescriptor?.id),
             operationType: 'singleRow',
             disabled: fromDatagrid ? isTaskFromAnotherUser : !isTaskDescriptorDefined || isTaskFromAnotherUser
         },
         {
-            text: SDKUI_Localizator.Delete,
-            icon: 'trash',
-            onClick: onDeleteCallback,
+            name: SDKUI_Localizator.Delete,
+            icon: _jsx("span", { className: "dx-icon-trash" }),
+            onClick: (rowIds) => onDeleteCallback(getRowIdsAsArray(rowIds)),
             operationType: 'multiRow',
             disabled: fromDatagrid ? isTaskFromAnotherUser : !isTaskDescriptorDefined || isTaskFromAnotherUser
         },
         {
-            icon: 'optionsgear',
-            text: SDKUI_Localizator.MarkAs,
+            icon: _jsx("span", { className: "dx-icon-optionsgear" }),
+            name: SDKUI_Localizator.MarkAs,
             id: "markAs",
             operationType: 'multiRow',
             disabled: fromDatagrid ? false : !isTaskDescriptorDefined,
-            items: [
-                { icon: 'product', text: SDKUI_Localizator.NewFemale, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.NotStarted) },
-                { icon: 'refresh', text: SDKUI_Localizator.InProgress, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.InProgress) },
-                { icon: 'check', text: SDKUI_Localizator.Completed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.Completed) },
-                { icon: 'taskstop', text: SDKUI_Localizator.Pending, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.Waiting) },
-                { icon: 'clock', text: SDKUI_Localizator.Postponed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.Deferred) }
+            submenu: [
+                { icon: _jsx("span", { className: "dx-icon-product" }), name: SDKUI_Localizator.NewFemale, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.NotStarted) },
+                { icon: _jsx("span", { className: "dx-icon-refresh" }), name: SDKUI_Localizator.InProgress, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.InProgress) },
+                { icon: _jsx("span", { className: "dx-icon-check" }), name: SDKUI_Localizator.Completed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.Completed) },
+                { icon: _jsx("span", { className: "dx-icon-taskstop" }), name: SDKUI_Localizator.Pending, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.Waiting) },
+                { icon: _jsx("span", { className: "dx-icon-clock" }), name: SDKUI_Localizator.Postponed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.Deferred) }
             ]
         },
         {
             id: 'wgContextFilter',
-            text: showContextualWG ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
-            icon: 'filter',
+            name: showContextualWG ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
+            icon: _jsx("span", { className: "dx-icon-filter" }),
             onClick: () => { setShowContextualWG(prev => !prev); },
             disabled: false,
             beginGroup: true,
@@ -459,8 +466,8 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
         },
         {
             id: 'dossierContextFilter',
-            text: showContextualDossier ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
-            icon: 'filter',
+            name: showContextualDossier ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
+            icon: _jsx("span", { className: "dx-icon-filter" }),
             onClick: () => { setShowContextualDossier(prev => !prev); },
             disabled: false,
             beginGroup: !fromWG && !fromDocument,
@@ -468,38 +475,38 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
         },
         {
             id: 'documentContextFilter',
-            text: showContextualDocument ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
-            icon: 'filter',
+            name: showContextualDocument ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
+            icon: _jsx("span", { className: "dx-icon-filter" }),
             onClick: () => { setShowContextualDocument(prev => !prev); },
             disabled: false,
             beginGroup: !fromDossier && !fromWG,
             visible: fromDocument
         },
         {
-            icon: "event",
+            icon: _jsx("span", { className: "dx-icon-event" }),
             onClick: () => { if (handleGoToToday) {
                 handleGoToToday();
             } },
-            text: SDKUI_Localizator.GoToToday,
+            name: SDKUI_Localizator.GoToToday,
             disabled: false,
             beginGroup: true,
         },
         {
             beginGroup: true,
-            icon: showSearch ? "eyeclose" : "eyeopen",
+            icon: showSearch ? _jsx("span", { className: "dx-icon-eyeclose" }) : _jsx("span", { className: "dx-icon-eyeopen" }),
             onClick: () => setShowSearch(prevShowSearch => !prevShowSearch),
-            text: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
+            name: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
             disabled: false
         },
         {
-            icon: showId ? "eyeclose" : "eyeopen",
+            icon: showId ? _jsx("span", { className: "dx-icon-eyeclose" }) : _jsx("span", { className: "dx-icon-eyeopen" }),
             onClick: () => setShowId(prevShowId => !prevShowId),
-            text: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
+            name: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
             disabled: false
         },
         {
-            text: SDKUI_Localizator.Refresh,
-            icon: 'refresh',
+            name: SDKUI_Localizator.Refresh,
+            icon: _jsx("span", { className: "dx-icon-refresh" }),
             onClick: () => getAllTasks(),
             disabled: false,
         },
@@ -529,7 +536,7 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
             item.visible === undefined);
     }
     if (showGoToToday === false) {
-        filteredMenuItems = filteredMenuItems.filter(item => item.text !== SDKUI_Localizator.GoToToday);
+        filteredMenuItems = filteredMenuItems.filter(item => item.name !== SDKUI_Localizator.GoToToday);
     }
     return filteredMenuItems;
 };

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

@@ -5,7 +5,6 @@ import { TabPanel, Item } from 'devextreme-react/tab-panel';
 import { Priorities, ResultTypes, SDK_Globals, Task_States } from "@topconsultnpm/sdk-ts";
 import { calculateNumberOfDays, renderTaskIcons } from "./TMTasksUtilsView";
 import { getPriorityLocalizatorValue } from "../tasks/TMTasksUtils";
-import ContextMenu from 'devextreme-react/context-menu';
 import { calcResponsiveSizes, getExceptionMessage, SDKUI_Localizator, StyledTabItem, TMCountBadge } from "../../../helper";
 import { useDeviceType } from "../../base/TMDeviceProvider";
 import { FormModes } from "../../../ts";
@@ -85,8 +84,9 @@ const TMTasksView = (props) => {
                 onDeleteCallback([focusedRowKey]); }, (rowIds, status) => { if (focusedRowKey)
                 markAsStatus([focusedRowKey], status); }, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, taskContext?.document?.tid !== undefined && taskContext?.document?.did !== undefined, showContextualDocument, setShowContextualDocument, true, () => { setCurrentCalendarDate(new Date()); setCurrentAgendaDate(new Date()); }, false),
         ];
-    }, [visualizedTasks, focusedRowKey, showId, showSearch, showContextualWG, showContextualDossier, taskContext]);
+    }, [focusedRowKey, showId, showSearch, showContextualWG, showContextualDossier, taskContext]);
     const [menuItems, setMenuItems] = useState(agendaCalendarItems());
+    const [datagridMenu, setDatagridMenu] = useState([]);
     const newTaskCount = getNewTaskCount(allTasks);
     useEffect(() => {
         setMenuItems(agendaCalendarItems());
@@ -266,6 +266,23 @@ const TMTasksView = (props) => {
             }
         });
     }, [visualizedTasks]);
+    const listMenuItems = useCallback(() => {
+        const taskDescriptor = visualizedTasks.find(task => task.id === focusedRowKey);
+        return createTasksMenuItems(taskDescriptor, showId, setShowId, showSearch, setShowSearch, openTaskFormCallback, (rowId) => { if (rowId) {
+            const task = visualizedTasks.find(t => t.id === rowId);
+            if (task)
+                openTaskFormCallback(FormModes.Update, task);
+        } }, (rowId) => { if (rowId) {
+            const task = visualizedTasks.find(t => t.id === rowId);
+            if (task)
+                openTaskFormCallback(FormModes.Duplicate, task);
+        } }, onDeleteCallback, markAsStatus, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, taskContext?.document?.tid !== undefined && taskContext?.document?.did !== undefined, showContextualDocument, setShowContextualDocument, false, // showGoToToday 
+        undefined, true // fromDatagrid
+        );
+    }, [visualizedTasks, focusedRowKey, showId, showSearch, showContextualWG, showContextualDossier, showContextualDocument, taskContext, openTaskFormCallback, onDeleteCallback, markAsStatus, getAllTasks]);
+    useEffect(() => {
+        setDatagridMenu(listMenuItems());
+    }, [listMenuItems]);
     const onSavedCallback = async (task) => {
         // If task is undefined or has no ID, exit early
         if (task === undefined || task.id === undefined)
@@ -295,22 +312,14 @@ const TMTasksView = (props) => {
         }
         setShowTaskForm(false);
     };
-    const handleNavigateToDossiersWrapper = useCallback(async (dossierId) => {
+    const handleNavigateToDossiersWrapper = useCallback(async (value) => {
         setShowTaskForm(false);
-        await handleNavigateToDossiers(dossierId);
+        await handleNavigateToDossiers(value);
     }, [handleNavigateToDossiers]);
-    const handleNavigateToWGsWrapper = useCallback(async (workGroupId) => {
+    const handleNavigateToWGsWrapper = useCallback(async (value) => {
         setShowTaskForm(false);
-        await handleNavigateToWGs(workGroupId);
+        await handleNavigateToWGs(value);
     }, [handleNavigateToWGs]);
-    const onContextMenuPreparing = (e) => {
-        if (e === undefined)
-            return;
-        if (e.target === 'content') {
-            e.items = e.items || [];
-            e.items = createTasksMenuItems(e.row?.data, showId, setShowId, showSearch, setShowSearch, openTaskFormCallback, () => { openTaskFormCallback(FormModes.Update, e.row?.data); }, () => { openTaskFormCallback(FormModes.Duplicate, e.row?.data); }, onDeleteCallback, markAsStatus, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, taskContext?.document?.tid !== undefined && taskContext?.document?.did !== undefined, showContextualDocument, setShowContextualDocument, false);
-        }
-    };
     const RenderCustomHeader = ({ data }) => { return _jsx("p", { style: { color: TEXT_NOT_SELECTED_COLOR }, children: data.column.caption }); };
     const cellDefaultRender = useCallback((cellData) => {
         const data = cellData.data;
@@ -519,13 +528,13 @@ const TMTasksView = (props) => {
         ];
     }, [showId]);
     const getFromOrToDatagridElement = (fromOrToDataSource, fromCell = false, toCell = false) => {
-        return _jsx(TMDataGrid, { dataSource: fromOrToDataSource, dataColumns: getDataColumns(fromCell, toCell), selection: { mode: 'multiple', showCheckBoxesMode: "always" }, focusedRowKey: focusedRowKey, selectedRowKeys: [...selectedRowKeys], onFocusedRowChanged: onFocusedRowChanged, onSelectionChanged: onSelectionChanged, onRowDblClick: onRowDblClick, onContextMenuPreparing: onContextMenuPreparing, showSearchPanel: showSearch, noDataText: SDKUI_Localizator.TasksEmpty, counterConfig: { show: true }, onHasFiltersChange: (active) => setHasFilters(active) });
+        return _jsx(TMDataGrid, { dataSource: fromOrToDataSource, dataColumns: getDataColumns(fromCell, toCell), selection: { mode: 'multiple', showCheckBoxesMode: "always" }, focusedRowKey: focusedRowKey, selectedRowKeys: [...selectedRowKeys], onFocusedRowChanged: onFocusedRowChanged, onSelectionChanged: onSelectionChanged, onRowDblClick: onRowDblClick, customContextMenuItems: datagridMenu, showSearchPanel: showSearch, noDataText: SDKUI_Localizator.TasksEmpty, counterConfig: { show: true }, onHasFiltersChange: (active) => setHasFilters(active) });
     };
     const getFromOrToAgendaElement = (fromOrToDataSource, fromCell = false, toCell = false) => {
-        return _jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', overflow: "auto" }, children: [_jsx(ContextMenu, { dataSource: menuItems, target: `#tasks-agenda-wrapper-${id}` }), _jsx("div", { style: { width: "100%", height: "100%" }, children: _jsx(TMTasksAgenda, { id: id, showId: showId, showSearch: showSearch, visualizedTasks: fromOrToDataSource, fromCell: fromCell, toCell: toCell, currentAgendaDate: currentAgendaDate, setCurrentAgendaDate: setCurrentAgendaDate, openTaskForm: openTaskFormCallback, handleFocusedRowChange: handleFocusedRowChange }) })] });
+        return _jsx("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', overflow: "auto" }, children: _jsx("div", { style: { width: "100%", height: "100%" }, children: _jsx(TMTasksAgenda, { id: id, showId: showId, showSearch: showSearch, visualizedTasks: fromOrToDataSource, fromCell: fromCell, toCell: toCell, currentAgendaDate: currentAgendaDate, setCurrentAgendaDate: setCurrentAgendaDate, openTaskForm: openTaskFormCallback, handleFocusedRowChange: handleFocusedRowChange, menuItems: menuItems }) }) });
     };
     const getFromOrToCalendarElement = (fromOrToDataSource, fromCell = false, toCell = false) => {
-        return _jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', overflow: "auto" }, children: [_jsx(ContextMenu, { dataSource: menuItems, target: `#tasks-calendar-wrapper-${id}` }), _jsx("div", { style: { width: "100%", height: "100%" }, children: _jsx(TMTasksCalendar, { id: id, visualizedTasks: fromOrToDataSource, showId: showId, fromCell: fromCell, toCell: toCell, showSearch: showSearch, currentCalendarDate: currentCalendarDate, setCurrentCalendarDate: setCurrentCalendarDate, openTaskForm: openTaskFormCallback, onDeleteCallback: onDeleteCallback, setCalendarStartDate: setCalendarStartDate, setCalendarEndDate: setCalendarEndDate, focusedRowKey: focusedRowKey, handleFocusedRowChange: handleFocusedRowChange }) })] });
+        return _jsx("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', overflow: "auto" }, children: _jsx("div", { style: { width: "100%", height: "100%" }, children: _jsx(TMTasksCalendar, { id: id, visualizedTasks: fromOrToDataSource, showId: showId, fromCell: fromCell, toCell: toCell, showSearch: showSearch, currentCalendarDate: currentCalendarDate, setCurrentCalendarDate: setCurrentCalendarDate, openTaskForm: openTaskFormCallback, onDeleteCallback: onDeleteCallback, setCalendarStartDate: setCalendarStartDate, setCalendarEndDate: setCalendarEndDate, focusedRowKey: focusedRowKey, handleFocusedRowChange: handleFocusedRowChange, menuItems: menuItems }) }) });
     };
     return _jsxs("div", { style: { width: '100%', height: '100%' }, onContextMenu: (e) => e.preventDefault(), children: [_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TabPanel, { width: "100%", height: "100%", animationEnabled: false, swipeEnabled: false, loop: false, showNavButtons: true, repaintChangesOnly: true, stylingMode: "primary", iconPosition: 'start', tabsPosition: 'top', selectedIndex: activeTabIndex, onSelectedIndexChange: onSelectedIndexChange, id: "task-centered-tab-title", children: [_jsx(Item, { title: SDKUI_Localizator.AssignedToMe, icon: "user", tabRender: (params) => {
                                 return _jsxs(StyledTabItem, { "$isSelected": activeTabIndex === AssignedTab.AssignedToMe, children: [_jsxs(TMTooltip, { content: SDKUI_Localizator.AssignedToMe, children: [_jsx("i", { className: `dx-icon-${params.icon}` }), "\u00A0", params.title, " ", (assignedToMeCount > 0) ? `(${assignedToMeCount})` : ''] }), newTaskCount > 0 && (_jsx(TMTooltip, { content: SDKUI_Localizator.NewAssignedActivitiesNumber + ": " + newTaskCount, children: _jsx(TMCountBadge, { children: newTaskCount }) }))] });

package/lib/helper/index.d.ts

@@ -13,3 +13,4 @@ export * from './TMPdfViewer';
 export * from './TMToppyMessage';
 export * from './GlobalStyles';
 export * from './checkinCheckoutManager';
+export * from './workItemsHelper';

package/lib/helper/index.js

@@ -13,3 +13,4 @@ export * from './TMPdfViewer';
 export * from './TMToppyMessage';
 export * from './GlobalStyles';
 export * from './checkinCheckoutManager';
+export * from './workItemsHelper';

package/lib/helper/workItemsHelper.d.ts

@@ -0,0 +1,6 @@
+import { IWorkItemData, WFInstanceDescriptor } from '../ts';
+/**
+ * Helper function per costruire IWorkItemData da un WFInstanceDescriptor
+ * Effettua le chiamate API necessarie e popola tutti i campi disponibili
+ */
+export declare const buildWorkItemsFromWFCtrl: (wfInstance: WFInstanceDescriptor) => Promise<IWorkItemData[]>;

package/lib/helper/workItemsHelper.js

@@ -0,0 +1,230 @@
+import { SDK_Globals, WorkItemMetadataNames, SystemDataListIDs } from '@topconsultnpm/sdk-ts';
+import { WorkflowCacheService, DataListCacheService, UserListCacheService, DcmtTypeListCacheService } from '@topconsultnpm/sdk-ts';
+import { parseWfDiagramXml } from '../components/features/workflow/diagram/xmlParser';
+/**
+ * Helper function per costruire IWorkItemData da un WFInstanceDescriptor
+ * Effettua le chiamate API necessarie e popola tutti i campi disponibili
+ */
+export const buildWorkItemsFromWFCtrl = async (wfInstance) => {
+    const { wfid, tid: mtid, did: mdid, instanceId } = wfInstance;
+    if (!wfid || !mtid || !mdid) {
+        return [];
+    }
+    // Recupera il workflow descriptor
+    const workflow = await WorkflowCacheService.GetWFCtrlInfoAsync(wfid);
+    // Recupera tutti i work items per questo workflow usando WFCtrl_RetrieveAllWIsAsync
+    const workItemsResult = await SDK_Globals.tmSession?.NewWorkflowEngine().WFCtrl_RetrieveAllWIsAsync(wfid, mtid, mdid, instanceId);
+    // Se non ci sono work items, restituisci array vuoto
+    if (!workItemsResult || workItemsResult.dcmtsFound === 0 || !workItemsResult.dtdResult?.rows) {
+        return [];
+    }
+    // Recupera la DataList degli stati del workflow
+    const dldStatus = await DataListCacheService.GetAsync(SystemDataListIDs.WIStates);
+    // Parse del diagramma del workflow per ottenere type e name dai diagramItems
+    let wfDiagram;
+    if (workflow?.diagram) {
+        try {
+            wfDiagram = parseWfDiagramXml(workflow.diagram);
+        }
+        catch (error) {
+            console.warn('Errore nel parsing del diagramma workflow:', error);
+        }
+    }
+    // Recupera il DTD per ottenere i MID dai nomi dei metadati
+    const dtd = await DcmtTypeListCacheService.GetAsync(workItemsResult.fromTID);
+    if (!dtd?.metadata) {
+        return [];
+    }
+    // Crea una mappa nome metadato -> MID
+    const metadataNameToMID = {};
+    for (const meta of dtd.metadata) {
+        if (meta.name) {
+            metadataNameToMID[meta.name] = meta.id;
+        }
+    }
+    const columns = workItemsResult.dtdResult.columns || [];
+    // Funzione helper per trovare l'indice di una colonna tramite MID
+    const findColumnIndexByMID = (mid) => {
+        if (mid === -1)
+            return -1;
+        return columns.findIndex(col => col.extendedProperties?.MID === mid.toString());
+    };
+    // Mappa degli indici delle colonne usando MID
+    const columnIndices = {
+        tid: 0, // TID è sempre il primo
+        did: 1, // DID è sempre il secondo
+        setID: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_SetID] ?? -1),
+        creationTime: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_CreationTime] ?? -1),
+        response: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_Response] ?? -1),
+        completionTime: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_CompletionTime] ?? -1),
+        from: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_From] ?? -1),
+        to: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_To] ?? -1),
+        or: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_Or] ?? -1),
+        status: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_Status] ?? -1),
+        category: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_Category] ?? -1),
+        description: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_Description] ?? -1),
+        setStatus: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_SetStatus] ?? -1),
+        setRule: findColumnIndexByMID(metadataNameToMID[WorkItemMetadataNames.WI_SetRule] ?? -1),
+    };
+    // Crea i WorkItemDetail
+    const details = [];
+    for (let i = 0; i < workItemsResult.dtdResult.rows.length; i++) {
+        const row = workItemsResult.dtdResult.rows[i];
+        const tid = Number(row[columnIndices.tid]);
+        const did = Number(row[columnIndices.did]);
+        const setID = columnIndices.setID !== -1 ? row[columnIndices.setID] : '';
+        const toUserID = columnIndices.to !== -1 ? Number(row[columnIndices.to]) : undefined;
+        // Risolvi l'utente usando la cache
+        let toUser = undefined;
+        if (toUserID !== undefined) {
+            try {
+                toUser = await UserListCacheService.GetAsync(toUserID);
+            }
+            catch (error) {
+                console.warn(`Impossibile recuperare l'utente con ID ${toUserID}:`, error);
+            }
+        }
+        // Calcola lo status come DataListItemDescriptor
+        let statusItem = undefined;
+        if (columnIndices.status !== -1) {
+            const rawStatusValue = row[columnIndices.status];
+            if (rawStatusValue !== undefined && rawStatusValue !== null && dldStatus?.items) {
+                statusItem = dldStatus.items.find(item => item.value === rawStatusValue);
+            }
+        }
+        details.push({
+            wid: `${tid}_${did}`,
+            tid,
+            did,
+            wfid: workflow?.id ?? 0,
+            approvalVID: workflow?.approvalVID ?? 0,
+            setID,
+            creationTime: columnIndices.creationTime !== -1 && row[columnIndices.creationTime]
+                ? new Date(row[columnIndices.creationTime])
+                : undefined,
+            response: columnIndices.response !== -1 ? row[columnIndices.response] : undefined,
+            completionTime: columnIndices.completionTime !== -1 && row[columnIndices.completionTime]
+                ? new Date(row[columnIndices.completionTime])
+                : undefined,
+            from: columnIndices.from !== -1 ? Number(row[columnIndices.from]) : undefined,
+            to: toUserID,
+            toUser: toUser,
+            or: columnIndices.or !== -1 ? Number(row[columnIndices.or]) : undefined,
+            status: statusItem,
+        });
+    }
+    // Raggruppa per setID considerando il creationTime e setStatus
+    // Ordiniamo tutti i details per creationTime (ordine cronologico)
+    const sortedAllDetails = [...details].sort((a, b) => {
+        if (!a.creationTime || !b.creationTime)
+            return 0;
+        return a.creationTime.getTime() - b.creationTime.getTime();
+    });
+    // Crea una mappa detail -> setStatus per avere accesso al setStatus di ogni detail
+    const detailSetStatusMap = new Map();
+    for (const detail of details) {
+        const row = workItemsResult.dtdResult?.rows?.find(r => Number(r[columnIndices.tid]) === detail.tid &&
+            Number(r[columnIndices.did]) === detail.did);
+        if (row && columnIndices.setStatus !== -1) {
+            const setStatusValue = row[columnIndices.setStatus];
+            detailSetStatusMap.set(detail, setStatusValue?.toString() ?? '');
+        }
+    }
+    /**
+     * Logica di raggruppamento sequenziale dei workitems:
+     *
+     * Regole:
+     * 1. Primo workitem o SetID diverso => Nuovo step
+     *    - Se SetStatus = "0" (Nuovo): attiva modalità aggregazione per tutti i successivi
+     *
+     * 2. Stesso SetID del precedente:
+     *    - In modalità aggregazione (SetStatus = "0"): aggrega sempre nello stesso step
+     *    - SetStatus != "0": raggruppa per stesso SetStatus
+     *      - Stesso SetStatus => aggrega
+     *      - SetStatus diverso => nuovo step
+     *    - SetStatus = "0": nuovo step e attiva modalità aggregazione
+     */
+    const groups = [];
+    let previousSetID = undefined;
+    let previousSetStatus = undefined;
+    let isInNewStatusMode = false;
+    for (const detail of sortedAllDetails) {
+        const currentSetStatus = detailSetStatusMap.get(detail) ?? '';
+        const currentSetID = detail.setID;
+        if (previousSetID === undefined || currentSetID !== previousSetID) {
+            // Nuovo SetID: crea nuovo step
+            groups.push([detail]);
+            previousSetID = currentSetID;
+            previousSetStatus = currentSetStatus;
+            isInNewStatusMode = currentSetStatus === '0';
+        }
+        else {
+            // Stesso SetID
+            if (isInNewStatusMode) {
+                // Modalità aggregazione attiva: aggrega sempre
+                groups[groups.length - 1].push(detail);
+            }
+            else {
+                if (currentSetStatus === '0') {
+                    // SetStatus "Nuovo": nuovo step e attiva modalità aggregazione
+                    groups.push([detail]);
+                    isInNewStatusMode = true;
+                    previousSetStatus = currentSetStatus;
+                }
+                else {
+                    // SetStatus diverso da "Nuovo": raggruppa per stesso SetStatus
+                    if (currentSetStatus !== previousSetStatus) {
+                        groups.push([detail]);
+                        previousSetStatus = currentSetStatus;
+                    }
+                    else {
+                        groups[groups.length - 1].push(detail);
+                    }
+                }
+            }
+        }
+    }
+    // Crea IWorkItemData per ogni gruppo con tutti i campi disponibili
+    const finalWorkItems = groups.map((groupDetails, groupIndex) => {
+        const setID = groupDetails[0].setID;
+        // Ordina per creationTime (più recente prima)
+        const sortedDetails = [...groupDetails].sort((a, b) => {
+            if (!a.creationTime || !b.creationTime)
+                return 0;
+            return b.creationTime.getTime() - a.creationTime.getTime();
+        });
+        const latest = sortedDetails[0];
+        const latestRow = workItemsResult.dtdResult?.rows?.find(row => Number(row[columnIndices.tid]) === latest.tid &&
+            Number(row[columnIndices.did]) === latest.did);
+        // Calcola il setStatus come DataListItemDescriptor
+        let setStatusItem = undefined;
+        if (latestRow && columnIndices.setStatus !== -1) {
+            const rawStatusValue = latestRow[columnIndices.setStatus];
+            if (rawStatusValue !== undefined && rawStatusValue !== null && dldStatus?.items) {
+                setStatusItem = dldStatus.items.find(item => item.value === rawStatusValue);
+            }
+        }
+        // Cerca il diagramItem corrispondente al setID nel workflow
+        const diagramItem = wfDiagram?.DiagramItems?.find(item => item.ID === setID);
+        return {
+            wid: `group_${setID}_${groupIndex}`,
+            setID,
+            creationTime: latest.creationTime,
+            groupIndex,
+            category: latestRow && columnIndices.category !== -1 ? latestRow[columnIndices.category] : undefined,
+            type: diagramItem?.Type,
+            name: diagramItem?.ItemName,
+            description: latestRow && columnIndices.description !== -1 ? latestRow[columnIndices.description] : undefined,
+            setStatus: setStatusItem,
+            setRule: latestRow && columnIndices.setRule !== -1 ? Number(latestRow[columnIndices.setRule]) : undefined,
+            details: sortedDetails,
+            wf: workflow,
+        };
+    });
+    // Ordina i gruppi per creationTime (più recente prima)
+    return finalWorkItems.sort((a, b) => {
+        if (!a.creationTime || !b.creationTime)
+            return 0;
+        return b.creationTime.getTime() - a.creationTime.getTime();
+    });
+};

package/lib/services/platform_services.d.ts

@@ -6,7 +6,7 @@ export declare class PlatformObjectService {
     static readonly retrieveAllAdminAsync: (objClass: ObjectClasses, jobType?: JobTypes) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor[] | DcmtTypeDescriptor[] | import("@topconsultnpm/sdk-ts").AreaDescriptor[] | import("@topconsultnpm/sdk-ts").RelationDescriptor[] | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor[] | import("@topconsultnpm/sdk-ts").DataListDescriptor[] | import("@topconsultnpm/sdk-ts").DiskDescriptor[] | import("@topconsultnpm/sdk-ts").GroupDescriptor[] | import("@topconsultnpm/sdk-ts").LDAPDescriptor[] | import("@topconsultnpm/sdk-ts").NumeratorDescriptor[] | ProcessDescriptor[] | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor[] | import("@topconsultnpm/sdk-ts").SignCertDescriptor[] | import("@topconsultnpm/sdk-ts").SignServerDescriptor[] | import("@topconsultnpm/sdk-ts").TreeDescriptor[] | import("@topconsultnpm/sdk-ts").TSADescriptor[] | import("@topconsultnpm/sdk-ts").WFDescriptor[] | undefined>;
     private static readonly loadCacheForJobAsync;
     private static readonly retrieveAdminJobAsync;
-    static readonly retrieveAdminAsync: (objClass: ObjectClasses, jobType: JobTypes, id: number) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor | DcmtTypeDescriptor | import("@topconsultnpm/sdk-ts").MailSenderJobDescriptor | import("@topconsultnpm/sdk-ts").SavedQueryDescriptor | import("@topconsultnpm/sdk-ts").DataListDescriptor | import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | import("@topconsultnpm/sdk-ts").BarcodeArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").BatchUpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganaleJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganalePlusJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleQueryJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleSenderJobDescriptor | import("@topconsultnpm/sdk-ts").CheckSequenceJobDescriptor | import("@topconsultnpm/sdk-ts").COSCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtConverterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtDeleterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtNoteJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtPrinterJobDescriptor | import("@topconsultnpm/sdk-ts").FEAttacherJobDescriptor | import("@topconsultnpm/sdk-ts").FECreatorTxtJobDescriptor | import("@topconsultnpm/sdk-ts").FEDetacherJobDescriptor | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor | import("@topconsultnpm/sdk-ts").FESenderWsJobDescriptor | import("@topconsultnpm/sdk-ts").FESplitterJobDescriptor | import("@topconsultnpm/sdk-ts").FEValidatorJobDescriptor | import("@topconsultnpm/sdk-ts").FileArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").FileCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").FileExecJobDescriptor | import("@topconsultnpm/sdk-ts").FileExportJobDescriptor | import("@topconsultnpm/sdk-ts").FileMoverJobDescriptor | import("@topconsultnpm/sdk-ts").LexJobDescriptor | import("@topconsultnpm/sdk-ts").LinkerJobDescriptor | import("@topconsultnpm/sdk-ts").MailArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").MailQueryJobDescriptor | import("@topconsultnpm/sdk-ts").MigrationJobDescriptor | import("@topconsultnpm/sdk-ts").PdDCreatorJobDescriptor | import("@topconsultnpm/sdk-ts").PDFArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PdVSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PostelQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PostelSenderJobDescriptor | import("@topconsultnpm/sdk-ts").ReplicatorJobDescriptor | import("@topconsultnpm/sdk-ts").SAPAlignerJobDescriptor | import("@topconsultnpm/sdk-ts").SAPBarcodeJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataReaderJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataWriterJobDescriptor | import("@topconsultnpm/sdk-ts").SignerJobDescriptor | import("@topconsultnpm/sdk-ts").SpoolArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").UpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").DiskDescriptor | import("@topconsultnpm/sdk-ts").GroupDescriptor | import("@topconsultnpm/sdk-ts").LDAPDescriptor | import("@topconsultnpm/sdk-ts").NumeratorDescriptor | ProcessDescriptor | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor | import("@topconsultnpm/sdk-ts").SignCertDescriptor | import("@topconsultnpm/sdk-ts").SignServerDescriptor | import("@topconsultnpm/sdk-ts").TreeDescriptor | import("@topconsultnpm/sdk-ts").TSADescriptor | import("@topconsultnpm/sdk-ts").WFDescriptor | undefined>;
+    static readonly retrieveAdminAsync: (objClass: ObjectClasses, jobType: JobTypes, id: number) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor | import("@topconsultnpm/sdk-ts").WFDescriptor | DcmtTypeDescriptor | import("@topconsultnpm/sdk-ts").MailSenderJobDescriptor | import("@topconsultnpm/sdk-ts").SavedQueryDescriptor | import("@topconsultnpm/sdk-ts").DataListDescriptor | import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | import("@topconsultnpm/sdk-ts").BarcodeArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").BatchUpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganaleJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganalePlusJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleQueryJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleSenderJobDescriptor | import("@topconsultnpm/sdk-ts").CheckSequenceJobDescriptor | import("@topconsultnpm/sdk-ts").COSCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtConverterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtDeleterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtNoteJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtPrinterJobDescriptor | import("@topconsultnpm/sdk-ts").FEAttacherJobDescriptor | import("@topconsultnpm/sdk-ts").FECreatorTxtJobDescriptor | import("@topconsultnpm/sdk-ts").FEDetacherJobDescriptor | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor | import("@topconsultnpm/sdk-ts").FESenderWsJobDescriptor | import("@topconsultnpm/sdk-ts").FESplitterJobDescriptor | import("@topconsultnpm/sdk-ts").FEValidatorJobDescriptor | import("@topconsultnpm/sdk-ts").FileArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").FileCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").FileExecJobDescriptor | import("@topconsultnpm/sdk-ts").FileExportJobDescriptor | import("@topconsultnpm/sdk-ts").FileMoverJobDescriptor | import("@topconsultnpm/sdk-ts").LexJobDescriptor | import("@topconsultnpm/sdk-ts").LinkerJobDescriptor | import("@topconsultnpm/sdk-ts").MailArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").MailQueryJobDescriptor | import("@topconsultnpm/sdk-ts").MigrationJobDescriptor | import("@topconsultnpm/sdk-ts").PdDCreatorJobDescriptor | import("@topconsultnpm/sdk-ts").PDFArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PdVSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PostelQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PostelSenderJobDescriptor | import("@topconsultnpm/sdk-ts").ReplicatorJobDescriptor | import("@topconsultnpm/sdk-ts").SAPAlignerJobDescriptor | import("@topconsultnpm/sdk-ts").SAPBarcodeJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataReaderJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataWriterJobDescriptor | import("@topconsultnpm/sdk-ts").SignerJobDescriptor | import("@topconsultnpm/sdk-ts").SpoolArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").UpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").DiskDescriptor | import("@topconsultnpm/sdk-ts").GroupDescriptor | import("@topconsultnpm/sdk-ts").LDAPDescriptor | import("@topconsultnpm/sdk-ts").NumeratorDescriptor | ProcessDescriptor | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor | import("@topconsultnpm/sdk-ts").SignCertDescriptor | import("@topconsultnpm/sdk-ts").SignServerDescriptor | import("@topconsultnpm/sdk-ts").TreeDescriptor | import("@topconsultnpm/sdk-ts").TSADescriptor | undefined>;
     private static readonly updateJobAsync;
     static readonly updateAsync: (objClass: ObjectClasses, jobType: JobTypes, d: any, ...args: any[]) => Promise<number | undefined>;
     private static readonly createJobAsync;

package/lib/ts/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { DataListItemDescriptor, FileFormats, ITopMediaSession, MetadataDescriptor, MetadataValueDescriptor, UserDescriptor, ValidationItem } from "@topconsultnpm/sdk-ts";
+import { DataListItemDescriptor, FileFormats, ITopMediaSession, MetadataDescriptor, MetadataValueDescriptor, UserDescriptor, ValidationItem, WFDescriptor } from "@topconsultnpm/sdk-ts";
 import { ITMEditorBase } from "../components/base/TMEditorBase";
 import { IColumnProps } from "devextreme-react/data-grid";
 export declare enum FormModes {
@@ -356,14 +356,17 @@ export interface WorkItemDetail {
  */
 export interface IWorkItemData {
     wid: string;
+    tid?: number;
+    did?: number;
     category?: any;
     type?: any;
     name?: string;
     description?: string;
-    setID: string;
+    setID: string | undefined;
     creationTime?: Date;
     setStatus?: DataListItemDescriptor;
     setRule?: number;
     details: WorkItemDetail[];
     groupIndex?: number;
+    wf?: WFDescriptor;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.78",
+  "version": "6.20.0-dev1.80",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -40,7 +40,7 @@
     "lib"
   ],
   "dependencies": {
-    "@topconsultnpm/sdk-ts": "6.20.0-dev1.5",
+    "@topconsultnpm/sdk-ts": "6.20.0-dev1.6",
     "buffer": "^6.0.3",
     "devextreme": "25.2.4",
     "devextreme-react": "25.2.4",