@topconsultnpm/sdkui-react 6.20.0-dev1.13 → 6.20.0-dev1.130

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';
@@ -296,7 +297,20 @@ newTasks // Array of new tasks to merge
     return Array.from(taskMap.values());
 };
 export const getOriginLabel = (pdg, ID1Name) => {
-    return pdg ? (ID1Name ?? '') : SDKUI_Localizator.NoSource;
+    let label = ID1Name ?? SDKUI_Localizator.NoSource;
+    try {
+        if (typeof label === 'string' && label.length > 0) {
+            // Rimuove: (TID: 123), (DID: 456), TID: 123, DID: 456
+            label = label.replace(/\s*\(\s*\b(?:TID|DID):\s*\d+\s*\)|\s*\b(?:TID|DID):\s*\d+/gi, '');
+            // Rimuove eventuali spazi multipli rimasti
+            label = label.replace(/\s{2,}/g, ' ').trim();
+        }
+    }
+    catch {
+        label = ID1Name ?? SDKUI_Localizator.NoSource;
+    }
+    // Se pdg esiste ritorna la label (anche se vuota), altrimenti ritorna sempre NoSource
+    return pdg ? label : SDKUI_Localizator.NoSource;
 };
 export const taskValidatorAsync = async (taskDescriptor) => {
     let vil = [];
@@ -399,59 +413,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 +479,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 +488,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 +549,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);
-    }, []);
-    const handleNavigateToWGsWrapper = useCallback(async (workGroupId) => {
+        await handleNavigateToDossiers(value);
+    }, [handleNavigateToDossiers]);
+    const handleNavigateToWGsWrapper = useCallback(async (value) => {
         setShowTaskForm(false);
-        await handleNavigateToWGs(workGroupId);
-    }, []);
-    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);
-        }
-    };
+        await handleNavigateToWGs(value);
+    }, [handleNavigateToWGs]);
     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/components/features/workflow/TMWorkflowPopup.d.ts

@@ -1,5 +1,6 @@
-import { DcmtTypeDescriptor } from '@topconsultnpm/sdk-ts';
+import { DcmtTypeDescriptor, WFDescriptor } from '@topconsultnpm/sdk-ts';
 import { DeviceType } from "../../base/TMDeviceProvider";
+import { WorkItemDetail } from "../../../ts";
 interface IWorkflowOperationButtonsProps {
     dtd: DcmtTypeDescriptor | undefined;
     approveDisable?: boolean;
@@ -24,13 +25,43 @@ export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, isReje
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, selectedItems, onCompleted }: {
+export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, selectedItems, onCompleted, wf, workItemDetail }: {
     TID?: number;
     DID?: number;
     deviceType?: DeviceType;
     onClose?: () => void;
     selectedItems?: any[];
     onCompleted?: () => Promise<void>;
+    wf?: WFDescriptor;
+    workItemDetail?: WorkItemDetail;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Modal per forzare l'approvazione di un work item
+ */
+export declare const WorkflowForceApproveModal: ({ detail, onClose, onCompleted }: {
+    detail: WorkItemDetail;
+    onClose?: () => void;
+    onCompleted?: () => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Modal per forzare il rifiuto di un work item
+ */
+export declare const WorkflowForceRejectModal: ({ detail, onClose, onCompleted }: {
+    detail: WorkItemDetail;
+    onClose?: () => void;
+    onCompleted?: () => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Modal per terminare le istanze workflow selezionate
+ */
+export declare const WorkflowEndInstanceModal: ({ selectedInstances, onClose, onCompleted }: {
+    selectedInstances: Array<{
+        wfid?: number;
+        tid?: number;
+        did?: number;
+    }>;
+    onClose?: () => void;
+    onCompleted?: () => Promise<void>;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const WorkFlowMoreInfoPopUp: ({ DID, TID, deviceType, onClose, onCompleted }: {
     TID?: number;