@topconsultnpm/sdkui-react 6.20.0-dev2.9 → 6.20.0-dev3.1

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

@@ -134,6 +134,8 @@ export const getStatusLocalizatorValues = () => {
         switch (status) {
             case Task_States.Completed:
                 return ({ value: status, display: SDKUI_Localizator.Completed });
+            case Task_States.Closed:
+                return ({ value: status, display: SDKUI_Localizator.Closed });
             case Task_States.Deferred:
                 return ({ value: status, display: SDKUI_Localizator.Postponed });
             case Task_States.InProgress:
@@ -151,6 +153,8 @@ export const getStatusLocalizatorValue = (status) => {
     switch (status) {
         case Task_States.Completed:
             return SDKUI_Localizator.Completed;
+        case Task_States.Closed:
+            return SDKUI_Localizator.Closed;
         case Task_States.Deferred:
             return SDKUI_Localizator.Postponed;
         case Task_States.InProgress:
@@ -179,7 +183,8 @@ export const getTaskNotPersonalAssignedToMe = (tasks) => {
         .filter((task) => task.fromID !== undefined &&
         task.fromID !== userID &&
         task.toID === userID &&
-        task.state !== Task_States.Completed)
+        task.state !== Task_States.Completed &&
+        task.state !== Task_States.Closed)
         .sort((a, b) => {
         if (!a.endTime && !b.endTime)
             return 0;
@@ -196,7 +201,8 @@ export const getTaskPersonalAssignedToMe = (tasks) => {
         .filter((task) => task.fromID !== undefined &&
         task.fromID === userID &&
         task.toID === userID &&
-        task.state !== Task_States.Completed)
+        task.state !== Task_States.Completed &&
+        task.state !== Task_States.Closed)
         .sort((a, b) => {
         if (!a.endTime && !b.endTime)
             return 0;
@@ -216,7 +222,8 @@ export const getTaskNotCompletedAssignedByMe = (tasks) => {
     return tasks
         .filter((task) => task.toID !== undefined &&
         task.toID !== userID &&
-        task.state !== Task_States.Completed).sort((a, b) => {
+        task.state !== Task_States.Completed &&
+        task.state !== Task_States.Closed).sort((a, b) => {
         if (!a.endTime && !b.endTime)
             return 0;
         if (!a.endTime)
@@ -226,6 +233,24 @@ export const getTaskNotCompletedAssignedByMe = (tasks) => {
         return a.endTime.getTime() - b.endTime.getTime();
     });
 };
+export const getTaskCompletedAssignedByMe = (tasks) => {
+    const userID = SDK_Globals.tmSession?.SessionDescr?.userID;
+    return tasks
+        .filter((task) => task.toID !== undefined &&
+        task.toID !== userID &&
+        task.state === Task_States.Completed)
+        .sort((a, b) => {
+        // Task senza lastUpdateTime li mettiamo alla fine
+        if (!a.lastUpdateTime && !b.lastUpdateTime)
+            return 0;
+        if (!a.lastUpdateTime)
+            return 1; // a va dopo
+        if (!b.lastUpdateTime)
+            return -1; // b va dopo
+        // Ordine decrescente: più recente prima
+        return b.lastUpdateTime.getTime() - a.lastUpdateTime.getTime();
+    });
+};
 export const getHeaderStatusFilterConfig = () => ({
     enabled: true,
     dataSource: getStatusLocalizatorValues().map(item => ({
@@ -297,7 +322,10 @@ newTasks // Array of new tasks to merge
     return Array.from(taskMap.values());
 };
 export const getOriginLabel = (pdg, ID1Name) => {
-    let label = ID1Name ?? SDKUI_Localizator.NoSource;
+    if (!pdg) {
+        return SDKUI_Localizator.NoSource;
+    }
+    let label = ID1Name ?? '';
     try {
         if (typeof label === 'string' && label.length > 0) {
             // Rimuove: (TID: 123), (DID: 456), TID: 123, DID: 456
@@ -307,12 +335,11 @@ export const getOriginLabel = (pdg, ID1Name) => {
         }
     }
     catch {
-        label = ID1Name ?? SDKUI_Localizator.NoSource;
+        // Se fallisce, mantieni label così com'è ('' se undefined)
     }
-    // Se pdg esiste ritorna la label (anche se vuota), altrimenti ritorna sempre NoSource
-    return pdg ? label : SDKUI_Localizator.NoSource;
+    return label;
 };
-export const taskValidatorAsync = async (taskDescriptor) => {
+export const taskValidatorAsync = async (taskDescriptor, requestMoreInfo = false) => {
     let vil = [];
     // Validate task name
     if (!taskDescriptor.name || taskDescriptor.name === "")
@@ -331,13 +358,12 @@ export const taskValidatorAsync = async (taskDescriptor) => {
     // Validate that startTime is less than or equal to endTime
     if (taskDescriptor.startTime && taskDescriptor.endTime) {
         if (taskDescriptor.startTime > taskDescriptor.endTime) {
-            vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.ErrorStartEndDate, `${SDKUI_Localizator.StartDateMustBeBeforeEndDate}`));
-        }
-    }
-    // Validate that reminderTime is less than endTime
-    if (taskDescriptor.remTime && taskDescriptor.endTime) {
-        if (taskDescriptor.remTime >= taskDescriptor.endTime) {
-            vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.ErrorEndRemDate, `${SDKUI_Localizator.ReminderDateMustBeBeforeEndDate}`));
+            if (requestMoreInfo) {
+                vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.ErrorStartEndDate, `${SDKUI_Localizator.ExpirationDateMustBeAfterCurrentDateTime}`));
+            }
+            else {
+                vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.ErrorStartEndDate, `${SDKUI_Localizator.StartDateMustBeBeforeEndDate}`));
+            }
         }
     }
     return vil;
@@ -404,6 +430,7 @@ export const formatDate = (date) => {
     // Return the formatted date string
     return `${day}/${month}/${year} ${hours}:${minutes}:${seconds}`;
 };
+// Funzione per confrontare due ID e verificare se sono diversi
 export const areDifferentIDs = (fromID, userID) => {
     if (fromID && userID) {
         return fromID !== userID;
@@ -464,6 +491,7 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
                 { 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-imgarlock" }), name: SDKUI_Localizator.Closed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.Closed) },
                 { 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) }
             ]
@@ -616,6 +644,7 @@ export var FilterCategoryId;
     FilterCategoryId[FilterCategoryId["New"] = 1.2] = "New";
     FilterCategoryId[FilterCategoryId["InProgress"] = 1.3] = "InProgress";
     FilterCategoryId[FilterCategoryId["Completed"] = 1.4] = "Completed";
+    FilterCategoryId[FilterCategoryId["Closed"] = 1.45] = "Closed";
     FilterCategoryId[FilterCategoryId["Pending"] = 1.5] = "Pending";
     FilterCategoryId[FilterCategoryId["Postponed"] = 1.6] = "Postponed";
     FilterCategoryId[FilterCategoryId["Low"] = 2.1] = "Low";
@@ -627,10 +656,11 @@ export const filterTreeTask = (tasks, filtersApplied) => {
         [FilterCategoryId.AllStates]: (task) => !task.state || (Object.values(Task_States).includes(task.state)),
         [FilterCategoryId.AllPriorities]: (task) => !task.priority || (Object.values(Priorities).includes(task.priority)),
         [FilterCategoryId.NewAssignedActivities]: (task) => checkIfNew(task.fromID, task.isNew),
-        [FilterCategoryId.Expiring]: (task) => task.state !== Task_States.Completed && task.endTime && taskIsExpiringSoon(task.endTime, task.remTime),
+        [FilterCategoryId.Expiring]: (task) => task.state !== Task_States.Completed && task.state !== Task_States.Closed && task.endTime && taskIsExpiringSoon(task.endTime, task.remTime),
         [FilterCategoryId.New]: (task) => task.state === undefined || task.state === Task_States.NotStarted,
         [FilterCategoryId.InProgress]: (task) => task.state === Task_States.InProgress,
         [FilterCategoryId.Completed]: (task) => task.state === Task_States.Completed,
+        [FilterCategoryId.Closed]: (task) => task.state === Task_States.Closed,
         [FilterCategoryId.Pending]: (task) => task.state === Task_States.Waiting,
         [FilterCategoryId.Postponed]: (task) => task.state === Task_States.Deferred,
         // Low = Low + Normal: Merged 'Low' and 'Normal' filters for backwards compatibility

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

@@ -29,11 +29,4 @@ export declare const treeFilterDataSource: (allTasks: Array<TaskDescriptor>) =>
     expanded?: boolean;
     tooltipContent?: ReactNode;
 }>;
-type RenderContextBlockParams = {
-    condition: boolean;
-    pdg: PdGs;
-    label: string | undefined;
-    isMobile: boolean;
-};
-export declare const renderContextBlock: ({ condition, pdg, label, isMobile }: RenderContextBlockParams) => JSX.Element | null;
 export {};

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from "react";
 import { PdGs, Priorities, SDK_Globals, Task_States } from '@topconsultnpm/sdk-ts';
 import { Extended_Task_States, FilterCategoryId, filterTreeTask, gotoPDGExtendedLabel, prioritiesResourceData, taskIsExpiringSoon } from "./TMTasksUtils";
-import { getPdgsIconMap, SDKUI_Localizator, TMConditionalWrapper } from "../../../helper";
+import { getPdgsIconMap, SDKUI_Localizator } from "../../../helper";
 import { FormModes } from "../../../ts";
 import TMTooltip from "../../base/TMTooltip";
 const taskStateIconClassMap = () => {
@@ -11,6 +11,7 @@ const taskStateIconClassMap = () => {
         [Task_States.NotStarted, "dx-icon-product"],
         [Task_States.InProgress, "dx-icon-refresh"],
         [Task_States.Completed, "dx-icon-check"],
+        [Task_States.Closed, "dx-icon-imgarlock"],
         [Task_States.Waiting, "dx-icon-taskstop"],
         [Task_States.Deferred, "dx-icon-clock"],
     ]);
@@ -21,6 +22,7 @@ export const taskStateIconMap = (fontSize = 20) => {
         [Task_States.NotStarted, _jsx("i", { style: { fontSize }, className: taskStateIconClassMap().get(Task_States.NotStarted) }, "Task_States-NotStarted")],
         [Task_States.InProgress, _jsx("i", { style: { fontSize }, className: taskStateIconClassMap().get(Task_States.InProgress) }, "Task_States-InProgress")],
         [Task_States.Completed, _jsx("i", { style: { fontSize }, className: taskStateIconClassMap().get(Task_States.Completed) }, "Task_States-Completed")],
+        [Task_States.Closed, _jsx("i", { style: { fontSize }, className: taskStateIconClassMap().get(Task_States.Closed) }, "Task_States-Closed")],
         [Task_States.Waiting, _jsx("i", { style: { fontSize }, className: taskStateIconClassMap().get(Task_States.Waiting) }, "Task_States-Waiting")],
         [Task_States.Deferred, _jsx("i", { style: { fontSize }, className: taskStateIconClassMap().get(Task_States.Deferred) }, "Task_States-Deferred")]
     ]);
@@ -35,8 +37,8 @@ export const calculateNumberOfDays = (startTime, endTime) => {
 };
 export const renderTaskIcons = (taskData) => {
     const { stateLabel, stateTooltipLabel, pdg, ID1Name, endTime, remTime, isNew, numberOfDays } = taskData;
-    return (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [_jsx(TMTooltip, { content: stateTooltipLabel, children: _jsx("div", { className: "task-icon", children: taskStateIconMap().get(stateLabel) }) }), (stateLabel !== Task_States.Completed && endTime && taskIsExpiringSoon(endTime, remTime)) &&
-                _jsx(TMTooltip, { content: SDKUI_Localizator.Expiring, children: _jsx("i", { className: "dx-icon-warning task-icon" }) }), _jsx(TMTooltip, { content: gotoPDGExtendedLabel(false, pdg ?? PdGs.None, ID1Name), children: _jsx("div", { className: "task-icon", style: {
+    return (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [_jsx(TMTooltip, { content: stateTooltipLabel, children: _jsx("div", { className: "task-icon", children: taskStateIconMap().get(stateLabel) }) }), (stateLabel !== Task_States.Completed && stateLabel !== Task_States.Closed && endTime && taskIsExpiringSoon(endTime, remTime)) &&
+                _jsx(TMTooltip, { content: SDKUI_Localizator.Expiring, children: _jsx("i", { className: "dx-icon-warning task-icon", style: { fontSize: 20 } }) }), _jsx(TMTooltip, { content: gotoPDGExtendedLabel(false, pdg ?? PdGs.None, ID1Name), children: _jsx("div", { className: "task-icon", style: {
                         marginLeft: pdg === PdGs.CF || pdg === PdGs.WG ? "-4px" : undefined,
                         marginRight: pdg === PdGs.CF || pdg === PdGs.WG ? "-4px" : undefined,
                     }, children: getPdgsIconMap().get(pdg) }) }), numberOfDays > 1 &&
@@ -106,6 +108,7 @@ export const treeFilterDataSource = (allTasks) => {
     const newNotStartedLength = filterTreeTask(allTasks, [FilterCategoryId.New]).length ?? 0;
     const inProgressLength = filterTreeTask(allTasks, [FilterCategoryId.InProgress]).length ?? 0;
     const completedLength = filterTreeTask(allTasks, [FilterCategoryId.Completed]).length ?? 0;
+    const closedLength = filterTreeTask(allTasks, [FilterCategoryId.Closed]).length ?? 0;
     const pendingLength = filterTreeTask(allTasks, [FilterCategoryId.Pending]).length ?? 0;
     const postponedLength = filterTreeTask(allTasks, [FilterCategoryId.Postponed]).length ?? 0;
     const lowLength = filterTreeTask(allTasks, [FilterCategoryId.Low]).length ?? 0;
@@ -120,6 +123,7 @@ export const treeFilterDataSource = (allTasks) => {
         { id: FilterCategoryId.New, label: SDKUI_Localizator.NewFemale + " (" + newNotStartedLength + ")", value: Task_States.NotStarted, categoryId: FilterCategoryId.AllStates },
         { id: FilterCategoryId.InProgress, label: SDKUI_Localizator.InProgress + " (" + inProgressLength + ")", value: Task_States.InProgress, categoryId: FilterCategoryId.AllStates },
         { id: FilterCategoryId.Completed, label: SDKUI_Localizator.Completed + " (" + completedLength + ")", value: Task_States.Completed, categoryId: FilterCategoryId.AllStates },
+        { id: FilterCategoryId.Closed, label: SDKUI_Localizator.Closed + " (" + closedLength + ")", value: Task_States.Closed, categoryId: FilterCategoryId.AllStates },
         { id: FilterCategoryId.Pending, label: SDKUI_Localizator.Pending + " (" + pendingLength + ")", value: Task_States.Waiting, categoryId: FilterCategoryId.AllStates },
         { id: FilterCategoryId.Postponed, label: SDKUI_Localizator.Postponed + " (" + postponedLength + ")", value: Task_States.Deferred, categoryId: FilterCategoryId.AllStates },
         // Low = Low + Normal for backwards compatibility with version 5
@@ -127,14 +131,3 @@ export const treeFilterDataSource = (allTasks) => {
         { id: FilterCategoryId.High, label: SDKUI_Localizator.High + " (" + highLength + ")", value: Priorities.High, categoryId: FilterCategoryId.AllPriorities },
     ];
 };
-export const renderContextBlock = ({ condition, pdg, label, isMobile }) => {
-    if (!condition || !label)
-        return null;
-    return (_jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: (children) => (_jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 10 }, children: children })), children: _jsx("div", { style: {
-                width: isMobile ? '100%' : '50%',
-                display: 'flex',
-                alignItems: 'center',
-                color: "#2559A5",
-                marginTop: 10
-            }, children: _jsxs(TMTooltip, { content: label, children: [_jsx("span", { children: getPdgsIconMap().get(pdg) }), "\u00A0", _jsx("span", { children: label })] }) }) }));
-};

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

@@ -5,7 +5,7 @@ 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 { calcResponsiveSizes, getExceptionMessage, SDKUI_Localizator, StyledTabItem, TMCountBadge } from "../../../helper";
+import { getExceptionMessage, SDKUI_Localizator, StyledTabItem, taskModalSizes, TMCountBadge } from "../../../helper";
 import { useDeviceType } from "../../base/TMDeviceProvider";
 import { FormModes } from "../../../ts";
 import TMDataGrid from "../../base/TMDataGrid";
@@ -195,6 +195,7 @@ const TMTasksView = (props) => {
                 }
                 await deleteTaskByIdsCallback(deletedTaskIds);
                 handleSelectionChange([]);
+                handleFocusedRowChange(undefined);
                 setWaitPanelTextPrimary('');
                 setWaitPanelMaxValuePrimary(0);
                 setWaitPanelValuePrimary(0);
@@ -254,6 +255,7 @@ const TMTasksView = (props) => {
                 }
                 await getAllTasks().then(() => {
                     handleSelectionChange([]);
+                    handleFocusedRowChange(undefined);
                     setWaitPanelTextPrimary('');
                     setWaitPanelMaxValuePrimary(0);
                     setWaitPanelValuePrimary(0);
@@ -460,7 +462,7 @@ const TMTasksView = (props) => {
             },
             {
                 dataField: "name",
-                caption: SDKUI_Localizator.Name,
+                caption: SDKUI_Localizator.Subject,
                 dataType: 'string',
                 cellRender: cellDefaultRender,
                 headerCellRender: (e) => _jsx(RenderCustomHeader, { data: e }),
@@ -545,7 +547,7 @@ const TMTasksView = (props) => {
                                 _jsxs(_Fragment, { children: [activeComponent === TaskView.CALENDAR_TASK && getFromOrToCalendarElement(visualizedTasks, false, true), activeComponent === TaskView.AGENDA_TASK && getFromOrToAgendaElement(visualizedTasks, false, true), activeComponent === TaskView.LIST_TASK && getFromOrToDatagridElement(visualizedTasks, false, true)] }) : '' }), _jsx(Item, { title: SDKUI_Localizator.AllFemale, icon: "fields", tabRender: (params) => {
                                 return _jsxs(StyledTabItem, { "$isSelected": activeTabIndex === AssignedTab.All, children: [_jsxs(TMTooltip, { content: SDKUI_Localizator.AllFemale, children: [_jsx("i", { className: `dx-icon-${params.icon}` }), "\u00A0", params.title, " ", (allTasksFilteredCount > 0) ? `(${allTasksFilteredCount})` : ''] }), newTaskCount > 0 && (_jsx(TMTooltip, { content: SDKUI_Localizator.NewAssignedActivitiesNumber + ": " + newTaskCount, children: _jsx(TMCountBadge, { children: newTaskCount }) }))] });
                             }, render: () => activeTabIndex === AssignedTab.All ?
-                                _jsxs(_Fragment, { children: [activeComponent === TaskView.CALENDAR_TASK && getFromOrToCalendarElement(visualizedTasks, true, true), activeComponent === TaskView.AGENDA_TASK && getFromOrToAgendaElement(visualizedTasks, true, true), activeComponent === TaskView.LIST_TASK && getFromOrToDatagridElement(visualizedTasks, true, true)] }) : '' })] }) }), showTaskForm && _jsx(TMTaskForm, { id: currentTask?.id ?? -1, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), title: isContextualCreate ? SDKUI_Localizator.ContextualTask : SDKUI_Localizator.Widget_Activities, isModal: true, formMode: formMode ?? FormModes.Create, visualizedTasks: visualizedTasks, currentTask: currentTask, setCurrentTask: setCurrentTask, isContextualCreate: isContextualCreate, selectedRowKeys: selectedRowKeys, handleFocusedRowKeyChange: handleFocusedRowChange, taskContext: taskContext, usersList: usersList, onStatusChanged: () => { }, onClose: closeTaskFormCallback, onCancel: closeTaskFormCallback, showBackButton: false, onSaved: onSavedCallback, startDate: calendarStartDate, endDate: calendarEndDate, onOpenS4TViewerRequest: onOpenS4TViewerRequest, s4TViewerDialogComponent: s4TViewerDialogComponent, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGsWrapper, handleNavigateToDossiers: handleNavigateToDossiersWrapper }), _jsx("button", { style: {
+                                _jsxs(_Fragment, { children: [activeComponent === TaskView.CALENDAR_TASK && getFromOrToCalendarElement(visualizedTasks, true, true), activeComponent === TaskView.AGENDA_TASK && getFromOrToAgendaElement(visualizedTasks, true, true), activeComponent === TaskView.LIST_TASK && getFromOrToDatagridElement(visualizedTasks, true, true)] }) : '' })] }) }), showTaskForm && _jsx(TMTaskForm, { id: currentTask?.id ?? -1, width: taskModalSizes(deviceType, formMode ?? FormModes.Create).width, height: taskModalSizes(deviceType, formMode ?? FormModes.Create).height, title: isContextualCreate ? SDKUI_Localizator.ContextualTask : SDKUI_Localizator.Widget_Activities, isModal: true, formMode: formMode ?? FormModes.Create, visualizedTasks: visualizedTasks, currentTask: currentTask, setCurrentTask: setCurrentTask, isContextualCreate: isContextualCreate, selectedRowKeys: selectedRowKeys, handleFocusedRowKeyChange: handleFocusedRowChange, taskContext: taskContext, usersList: usersList, onStatusChanged: () => { }, onClose: closeTaskFormCallback, onCancel: closeTaskFormCallback, showBackButton: false, onSaved: onSavedCallback, startDate: calendarStartDate, endDate: calendarEndDate, onOpenS4TViewerRequest: onOpenS4TViewerRequest, s4TViewerDialogComponent: s4TViewerDialogComponent, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGsWrapper, handleNavigateToDossiers: handleNavigateToDossiersWrapper }), _jsx("button", { style: {
                     position: 'absolute',
                     bottom: hasFilters ? '90px' : '18px',
                     right: '20px',

package/lib/components/features/workflow/TMWorkflowPopup.d.ts

@@ -1,4 +1,4 @@
-import { DcmtTypeDescriptor, WFDescriptor } from '@topconsultnpm/sdk-ts';
+import { DcmtTypeDescriptor, HomeBlogPost, TaskDescriptor, WFDescriptor } from '@topconsultnpm/sdk-ts';
 import { DeviceType } from "../../base/TMDeviceProvider";
 import { WorkItemDetail } from "../../../ts";
 interface IWorkflowOperationButtonsProps {
@@ -14,6 +14,13 @@ interface IWorkflowOperationButtonsProps {
     onReject?: () => void;
     onReAssign?: () => void;
     onMoreInfo?: () => void;
+    allTasks?: Array<TaskDescriptor>;
+    getAllTasks?: () => Promise<void>;
+    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
+    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
 export declare const WorkFlowOperationButtons: (props: IWorkflowOperationButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, isReject, selectedItems, onClose, onCompleted }: {
@@ -63,11 +70,21 @@ export declare const WorkflowEndInstanceModal: ({ selectedInstances, onClose, on
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const WorkFlowMoreInfoPopUp: ({ DID, TID, deviceType, onClose, onCompleted }: {
+interface IWorkFlowMoreInfoPopUpProps {
+    fromDTD?: DcmtTypeDescriptor;
     TID?: number;
     DID?: number;
     deviceType?: DeviceType;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => import("react/jsx-runtime").JSX.Element;
+    allTasks?: Array<TaskDescriptor>;
+    getAllTasks?: () => Promise<void>;
+    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
+    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
+    triggerBlogRefresh?: () => Promise<void>;
+}
+export declare const WorkFlowMoreInfoPopUp: (props: IWorkFlowMoreInfoPopUpProps) => import("react/jsx-runtime").JSX.Element | undefined;
 export {};

package/lib/components/features/workflow/TMWorkflowPopup.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
-import { Priorities, ResultTypes, SDK_Globals, SDK_Localizator, TaskEngine, UserListCacheService, ValidationItem, WFEvents, WorkflowCacheService } from '@topconsultnpm/sdk-ts';
+import { SDK_Globals, UserListCacheService, WFEvents, WorkflowCacheService } from '@topconsultnpm/sdk-ts';
 import styled from "styled-components";
-import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo, DateDisplayTypes, TASK_MORE_INFO_PREFIX_NAME, IconSignaturePencil, isSign4TopEnabled, IconCheck, IconCloseCircle, IconStop } from "../../../helper";
+import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo, IconSignaturePencil, isSign4TopEnabled, IconCheck, IconCloseCircle, IconStop, taskModalSizes } from "../../../helper";
 import { TMColors } from "../../../utils/theme";
 import TMButton from "../../base/TMButton";
 import { DeviceType } from "../../base/TMDeviceProvider";
@@ -10,11 +10,9 @@ import TMModal from "../../base/TMModal";
 import { TMExceptionBoxManager } from "../../base/TMPopUp";
 import TMSpinner from "../../base/TMSpinner";
 import TMUserChooser from "../../choosers/TMUserChooser";
-import TMTextBox from "../../editors/TMTextBox";
-import TMTextArea from "../../editors/TMTextArea";
-import TMDropDown from "../../editors/TMDropDown";
-import TMDateBox from "../../editors/TMDateBox";
 import ShowAlert from "../../base/TMAlert";
+import { FormModes } from "../../../ts";
+import TMTaskForm from "../tasks/TMTaskForm";
 const StyledWorkFlowOperationButtonsContainer = styled.div `
     display: flex;
     align-items: center;
@@ -64,7 +62,7 @@ const StyledHorizontalContainer = styled.div `
     /* align-items: flex-end; */
 `;
 export const WorkFlowOperationButtons = (props) => {
-    const { dtd = undefined, deviceType = DeviceType.DESKTOP, approveDisable = false, signApproveDisable = false, rejectDisable = false, reassignDisable = false, infoDisable = false, onApprove, onSignApprove, onReject, onReAssign, onMoreInfo } = props;
+    const { dtd = undefined, deviceType = DeviceType.DESKTOP, approveDisable = false, signApproveDisable = false, rejectDisable = false, reassignDisable = false, infoDisable = false, onApprove, onSignApprove, onReject, onReAssign, onMoreInfo, } = props;
     const isMobile = deviceType === DeviceType.MOBILE;
     // Calcola direttamente se è un workflow di firma per evitare flickering durante il render
     const isSignWorkflow = useMemo(() => {
@@ -282,68 +280,20 @@ export const WorkflowEndInstanceModal = ({ selectedInstances, onClose, onComplet
         : `${SDKUI_Localizator.WorkflowEndInstance} (${selectedInstances.length} istanze)`;
     return (_jsx(TMModal, { title: title, onClose: onClose, width: '600px', height: '270px', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx("div", { style: { fontWeight: 600, marginBottom: '8px' }, children: "Motivazione (obbligatorio):" }), _jsx(StyledTextArea, { "$isValid": !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value), placeholder: "Inserisci il motivo della terminazione...", maxLength: 200 }), _jsxs(CharacterCounter, { children: [commentValue.length, "/200"] })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconStop, {}), caption: SDKUI_Localizator.WorkflowEndInstance, width: '150px', disabled: disable, onClick: () => !disable && endInstancesAsync(), advancedColor: TMColors.error }) })] }) }));
 };
-export const WorkFlowMoreInfoPopUp = ({ DID = 0, TID = 0, deviceType = DeviceType.DESKTOP, onClose, onCompleted }) => {
+export const WorkFlowMoreInfoPopUp = (props) => {
+    const { fromDTD, DID = 0, TID = 0, deviceType = DeviceType.DESKTOP, onClose, onCompleted, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, triggerBlogRefresh } = props;
+    const taskContext = useMemo(() => ({ document: { tid: TID, did: DID, name: `${fromDTD?.name ?? '-'} (DID: ${DID})` } }), [TID, DID, fromDTD?.id]);
     const [users, setUsers] = useState([]);
-    const [task, setTask] = useState();
-    const [taskOrig, setTaskOrig] = useState();
-    const [validationItems, setValidationItems] = useState([]);
-    const [nameInput, setNameInput] = useState(''); // State to hold the input value for the name
-    const disable = validationItems.filter(o => o.ResultType === ResultTypes.ERROR).length > 0;
-    const validatorMoreInfoAsync = async (taskDescriptor) => {
-        let vil = [];
-        // Validate task name
-        if (!nameInput || nameInput === "")
-            vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.Name, `${SDK_Localizator.RequiredField}`));
-        // Validate name length (max 100)
-        if (taskDescriptor.name && taskDescriptor.name.length > 100) {
-            vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.Name, SDKUI_Localizator.ValueTooLong));
-        }
-        // Validate description length (max 200)
-        if (taskDescriptor.description && taskDescriptor.description.length > 200) {
-            vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.Description, SDKUI_Localizator.ValueTooLong));
-        }
-        // Validate toID
-        if (!taskDescriptor.toID || taskDescriptor.toID <= 0)
-            vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.AssignedTo_Female, `${SDK_Localizator.RequiredField}`));
-        return vil;
-    };
-    const requestMoreInfoAsync = async () => {
-        try {
-            TMSpinner.show();
-            // Ensure the task name includes the prefix before sending
-            const taskWithPrefix = {
-                ...task,
-                name: `${TASK_MORE_INFO_PREFIX_NAME}${nameInput}`
-            };
-            await SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_MoreInfoAsync(TID, DID, taskWithPrefix);
-            ShowAlert({ mode: 'success', position: 'TOP_RIGHT', title: SDKUI_Localizator.MoreInformation, message: SDKUI_Localizator.MoreInfoSent, duration: 3000 });
-        }
-        catch (e) {
-            TMExceptionBoxManager.show({ exception: e });
-        }
-        finally {
-            onCompleted?.();
-            onClose?.();
-            TMSpinner.hide();
-        }
+    const onSaved = async (newTask) => {
+        await getAllTasks?.();
+        await triggerBlogRefresh?.();
+        await onCompleted?.();
+        onClose?.();
     };
     useEffect(() => {
         const fetchData = async () => {
             TMSpinner.show({ description: SDKUI_Localizator.LoadingParticipants });
             try {
-                let newTask = TaskEngine.NewTaskDescriptor();
-                newTask.toID = 0;
-                // Initialize nameInput from task.name if it exists and remove the prefix
-                const initialName = newTask.name?.startsWith(TASK_MORE_INFO_PREFIX_NAME)
-                    ? newTask.name.substring(TASK_MORE_INFO_PREFIX_NAME.length)
-                    : newTask.name || '';
-                setNameInput(initialName);
-                // Set task name with prefix for internal state consistency if needed by validation,
-                // or ensure validation handles it correctly. For now, we'll keep nameInput for the TMTextBox.
-                newTask.name = `${TASK_MORE_INFO_PREFIX_NAME}${initialName}`;
-                setTask(newTask);
-                setTaskOrig(structuredClone(newTask));
-                validatorMoreInfoAsync(newTask);
                 // Recupera tutti gli utenti (tranne me)
                 const allUsers = await UserListCacheService.GetAllAsync();
                 const filteredUsers = allUsers.filter(u => u.id !== SDK_Globals.tmSession?.SessionDescr?.userID);
@@ -360,33 +310,5 @@ export const WorkFlowMoreInfoPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
             return;
         fetchData();
     }, [TID]);
-    useEffect(() => {
-        if (!task)
-            return;
-        validatorMoreInfoAsync(task).then((vil) => setValidationItems(vil));
-    }, [task]);
-    const getPriorityLocalizatorValues = () => {
-        // Filtered enum for Low and High values
-        const filteredPriorities = { Low: Priorities.Low, High: Priorities.High };
-        return Object.values(filteredPriorities).map(priority => {
-            switch (priority) {
-                case Priorities.High:
-                    return ({ value: priority, display: SDKUI_Localizator.High });
-                default:
-                    return ({ value: priority, display: SDKUI_Localizator.Low });
-            }
-        });
-    };
-    return (_jsx(TMModal, { title: SDKUI_Localizator.MoreInformation, onClose: onClose, width: deviceType === DeviceType.MOBILE ? '95%' : '640px', height: deviceType === DeviceType.MOBILE ? '60%' : '440px', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx(TMUserChooser, { width: "250px", label: SDKUI_Localizator.RequestTo, dataSource: users, values: task?.toID ? [task.toID] : [], validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.AssignedTo_Female), onValueChanged: (IDs) => {
-                                if (IDs === undefined)
-                                    return;
-                                setTask({ ...task ?? {}, toID: IDs?.[0] });
-                            } }), _jsx(TMTextBox, { label: SDKUI_Localizator.Subject, value: nameInput, isModifiedWhen: nameInput !== (taskOrig?.name?.startsWith(TASK_MORE_INFO_PREFIX_NAME) ? taskOrig.name.substring(TASK_MORE_INFO_PREFIX_NAME.length) : taskOrig?.name || ''), autoFocus: true, maxLength: 100 - TASK_MORE_INFO_PREFIX_NAME.length, onValueChanged: (e) => {
-                                const newValue = e.target.value;
-                                setNameInput(newValue);
-                                // Update task.name with the prefix
-                                setTask({ ...task ?? {}, name: `${TASK_MORE_INFO_PREFIX_NAME}${newValue}` });
-                            }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Name) }), _jsx("p", { style: { fontStyle: 'italic', fontSize: '0.9rem' }, children: `${TASK_MORE_INFO_PREFIX_NAME}${nameInput}` }), _jsx(TMTextArea, { label: SDKUI_Localizator.Description, value: task?.description ?? '', rows: 2, maxLength: 200, isModifiedWhen: task?.description !== task?.description, onValueChanged: (e) => { setTask({ ...task ?? {}, description: e.target.value }); }, 
-                            // validationItems={validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Description)}
-                            resize: false }), _jsxs(StyledHorizontalContainer, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.Priority, width: "250px", value: task?.priority, dataSource: getPriorityLocalizatorValues(), isModifiedWhen: task?.priority !== taskOrig?.priority, onValueChanged: (e) => setTask({ ...task ?? {}, priority: e?.target?.value }) }), _jsx(TMDateBox, { width: "250px", resetTimeToZeroOnKeyPress: false, padding: "10px 0px", label: SDKUI_Localizator.ByDate, dateDisplayType: DateDisplayTypes.DateTime, value: task?.endTime, isModifiedWhen: task?.endTime !== taskOrig?.endTime, onValueChange: (value) => { setTask({ ...task ?? {}, endTime: value }); }, showClearButton: true })] })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Request, disabled: disable, onClick: () => !disable && requestMoreInfoAsync(), advancedColor: TMColors.tertiary }) })] }) }));
+    return (getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback && handleNavigateToWGs && handleNavigateToDossiers && (_jsx(TMTaskForm, { taskContext: taskContext, id: -1, showBackButton: false, width: taskModalSizes(deviceType, FormModes.Create).width, height: taskModalSizes(deviceType, FormModes.Create).height, title: SDKUI_Localizator.MoreInformation, isModal: true, formMode: FormModes.Create, requestMoreInfo: true, isContextualCreate: true, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, visualizedTasks: [], currentTask: null, selectedRowKeys: [], onClose: onClose, usersList: users, onSaved: onSaved })));
 };

package/lib/components/features/workflow/diagram/ConnectionComponent.d.ts

@@ -9,6 +9,7 @@ interface ConnectionComponentProps {
     onClick: (id: string, event: React.MouseEvent) => void;
     onDoubleClick: (id: string) => void;
     onConnectionEndpointMouseDown?: (connectionId: string, endpointType: 'source' | 'sink', mouseEvent: React.MouseEvent) => void;
+    onContextMenu?: (id: string, event: React.MouseEvent) => void;
 }
 declare const _default: React.NamedExoticComponent<ConnectionComponentProps>;
 export default _default;

package/lib/components/features/workflow/diagram/ConnectionComponent.js

@@ -37,7 +37,7 @@ const StyledSquareConnector = styled.rect `
   stroke-width: 1;
   pointer-events: all;
 `;
-const ConnectionComponent = ({ connection, isSelected, sourcePoint, sinkPoint, isTemporary, onClick, onDoubleClick, onConnectionEndpointMouseDown }) => {
+const ConnectionComponent = ({ connection, isSelected, sourcePoint, sinkPoint, isTemporary, onClick, onDoubleClick, onConnectionEndpointMouseDown, onContextMenu }) => {
     const connectionColor = getConnectionColor(connection.OutputStatus);
     // Funzione per renderizzare la forma della freccia
     const renderArrow = useCallback((arrowType, angle) => {
@@ -82,7 +82,11 @@ const ConnectionComponent = ({ connection, isSelected, sourcePoint, sinkPoint, i
         event.stopPropagation();
         onDoubleClick?.(connection.ID);
     }, [onDoubleClick, connection.ID]);
-    return (_jsxs("g", { children: [_jsx(StyledPathHitArea, { d: connection.PathGeometry, onClick: (e) => onClick(connection.ID, e), onDoubleClick: handleDoubleClick }), _jsx(StyledPath, { d: connection.PathGeometry, "$isSelected": isSelected, "$isTemporary": isTemporary, "$outputStatus": connection.OutputStatus, onClick: (e) => onClick(connection.ID, e), onDoubleClick: handleDoubleClick }), connection.SinkArrowSymbol !== ArrowSymbol.None && (_jsxs("g", { transform: calculateArrowTransform(true), children: [renderArrow(connection.SinkArrowSymbol, 0), " "] })), connection.SourceArrowSymbol !== ArrowSymbol.None && (_jsx("g", { transform: calculateArrowTransform(false) + ' rotate(180)', children: renderArrow(connection.SourceArrowSymbol, 0) })), isSelected && (_jsxs(_Fragment, { children: [_jsx(StyledSquareConnector, { "$color": connectionColor, x: sourcePoint.x - 5, y: sourcePoint.y - 5, width: 10, height: 10 }), _jsx(StyledSquareConnector, { "$color": connectionColor, x: sinkPoint.x - 5, y: sinkPoint.y - 5, width: 10, height: 10, cursor: 'move', onMouseDown: (e) => {
+    const handleContextMenu = useCallback((event) => {
+        event.stopPropagation();
+        onContextMenu?.(connection.ID, event);
+    }, [onContextMenu, connection.ID]);
+    return (_jsxs("g", { children: [_jsx(StyledPathHitArea, { d: connection.PathGeometry, onClick: (e) => onClick(connection.ID, e), onDoubleClick: handleDoubleClick, onContextMenu: handleContextMenu }), _jsx(StyledPath, { d: connection.PathGeometry, "$isSelected": isSelected, "$isTemporary": isTemporary, "$outputStatus": connection.OutputStatus, onClick: (e) => onClick(connection.ID, e), onDoubleClick: handleDoubleClick, onContextMenu: handleContextMenu }), connection.SinkArrowSymbol !== ArrowSymbol.None && (_jsxs("g", { transform: calculateArrowTransform(true), children: [renderArrow(connection.SinkArrowSymbol, 0), " "] })), connection.SourceArrowSymbol !== ArrowSymbol.None && (_jsx("g", { transform: calculateArrowTransform(false) + ' rotate(180)', children: renderArrow(connection.SourceArrowSymbol, 0) })), isSelected && (_jsxs(_Fragment, { children: [_jsx(StyledSquareConnector, { "$color": connectionColor, x: sourcePoint.x - 5, y: sourcePoint.y - 5, width: 10, height: 10 }), _jsx(StyledSquareConnector, { "$color": connectionColor, x: sinkPoint.x - 5, y: sinkPoint.y - 5, width: 10, height: 10, cursor: 'move', onMouseDown: (e) => {
                             e.stopPropagation(); // Impedisce la propagazione dell'evento a elementi sottostanti
                             onConnectionEndpointMouseDown?.(connection.ID, 'sink', e);
                         } })] }))] }));

package/lib/components/features/workflow/diagram/DiagramItemForm.js

@@ -392,7 +392,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     };
     // Function to render Status-specific fields
     const renderStatusFields = () => {
-        return (_jsx(TMDataListItemPicker, { dataListID: wf?.MStatusDLID, selectedValue: localItem.StatusValue, onItemSelect: handleStatusChange }));
+        return (_jsx(TMDataListItemPicker, { dataListID: wf?.MStatusDLID, selectedValue: localItem.StatusValue, onItemSelect: handleStatusChange, allowEdit: true }));
     };
     const renderAppFields = () => {
         return (_jsxs(_Fragment, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowAppType, dataSource: APP_TYPES_DATASOURCE, value: localItem.AppType, isModifiedWhen: localItem.AppType !== localItemOrig.AppType, validationItems: validationItems.filter(v => v.PropertyName === DiagramItemProps.AppType), onValueChanged: (e) => { handleAppTypeChange(e.target.value); } }), localItem.AppType === WFAppTypes.EXE