@topconsultnpm/sdkui-react 6.20.0-dev2.5 → 6.20.0-dev2.50

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,10 +335,9 @@ 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) => {
     let vil = [];
@@ -404,6 +431,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 +492,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 +645,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";
@@ -631,6 +661,7 @@ export const filterTreeTask = (tasks, filtersApplied) => {
         [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";
@@ -545,7 +545,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

@@ -63,11 +63,12 @@ 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 }: {
+export declare const WorkFlowMoreInfoPopUp: ({ DID, TID, deviceType, onClose, onCompleted, getAllTasks }: {
     TID?: number;
     DID?: number;
     deviceType?: DeviceType;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
+    getAllTasks?: () => Promise<void>;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -282,7 +282,7 @@ 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 = ({ DID = 0, TID = 0, deviceType = DeviceType.DESKTOP, onClose, onCompleted, getAllTasks }) => {
     const [users, setUsers] = useState([]);
     const [task, setTask] = useState();
     const [taskOrig, setTaskOrig] = useState();
@@ -316,6 +316,7 @@ export const WorkFlowMoreInfoPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
                 name: `${TASK_MORE_INFO_PREFIX_NAME}${nameInput}`
             };
             await SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_MoreInfoAsync(TID, DID, taskWithPrefix);
+            await getAllTasks?.();
             ShowAlert({ mode: 'success', position: 'TOP_RIGHT', title: SDKUI_Localizator.MoreInformation, message: SDKUI_Localizator.MoreInfoSent, duration: 3000 });
         }
         catch (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

package/lib/components/forms/Login/TMLoginForm.js

@@ -115,7 +115,7 @@ const TMLoginForm = (props) => {
     const [dcmtArchive, setDcmtArchive] = useState();
     const [manualArchiveID, setManualArchiveID] = useState('');
     const [authMode, setAuthMode] = useState(AuthenticationModes.TopMedia);
-    const [username, setUsername] = useState('SysAdmin');
+    const [username, setUsername] = useState('');
     const [password, setPassword] = useState('');
     const [authDomain, setAuthDomain] = useState('');
     const [usernameOnBehalf, setUsernameOnBehalf] = useState('');

package/lib/components/forms/TMSaveForm.js

@@ -11,7 +11,7 @@ import { TMColors } from '../../utils/theme';
 import TMValidationItemsList from '../grids/TMValidationItemsList';
 import TMModal from '../base/TMModal';
 import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
-const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipIsModifiedCheck = false, title, children, isModal, exception, customToolbarElements, hasNavigation, showSaveButton = true, customSaveButton, customTooltipSaveButton, showBackButton, showWarningsCount = true, showErrorCount = true, showUndoButton = true, onClose, onSaveAsync, onNext, onPrev, canNext, canPrev, isModified, onShowList, validationItems = [], onUndo, onCancel, width, height, askClosingConfirm = false, showTitleFormMode = true, showCloseButton = true }) => {
+const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipIsModifiedCheck = false, title, children, isModal, exception, customToolbarElements, hasNavigation, showSaveButton = true, customSaveButton, customTooltipSaveButton, showBackButton, showWarningsCount = true, showErrorCount = true, showUndoButton = true, onClose, onSaveAsync, onNext, onPrev, canNext, canPrev, isModified, onShowList, validationItems = [], onUndo, onCancel, width, height, askClosingConfirm = false, showTitleFormMode = true, showCloseButton = true, resizable = true }) => {
     const [showList, setShowList] = useState(true);
     const [showErrorGrid, setShowErrorGrid] = useState(false);
     const deviceType = useDeviceType();
@@ -65,26 +65,74 @@ const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipI
             }
         });
     };
-    const doClose = () => {
+    const doClose = async () => {
+        // Se non ci sono modifiche o vogliamo ignorare il controllo delle modifiche
         if (!isModified || skipIsModifiedCheck) {
             onClose?.();
-            deviceType === DeviceType.MOBILE && setShowList(true), onShowList?.(true);
+            // Se il dispositivo è mobile, mostra di nuovo la lista
+            if (deviceType === DeviceType.MOBILE) {
+                setShowList(true);
+                onShowList?.(true);
+            }
             return;
         }
+        // Determina il messaggio e i pulsanti da mostrare in base alla presenza di errori
+        const hasValidationErrors = validationItems.length > 0;
+        const message = (isModified && hasValidationErrors) ? SDKUI_Localizator.FormErrorsProceedQuestion : SDKUI_Localizator.SaveQuestion;
+        const buttons = hasValidationErrors
+            ? [ButtonNames.YES, ButtonNames.NO]
+            : [ButtonNames.YES, ButtonNames.NO, ButtonNames.CANCEL];
+        // Mostra il messaggio di conferma
         TMMessageBoxManager.show({
-            parentId: isModal ? "TMSaveFormShowConfirmForClose-" + id : undefined,
-            message: SDKUI_Localizator.SaveQuestion, buttons: [ButtonNames.YES, ButtonNames.NO, ButtonNames.CANCEL],
-            onButtonClick: async (e) => {
+            parentId: isModal ? `TMSaveFormShowConfirmForClose-${id}` : undefined,
+            message,
+            buttons,
+            onButtonClick: async (buttonClicked) => {
                 try {
-                    if (e == ButtonNames.CANCEL)
-                        return;
-                    if (e == ButtonNames.NO)
-                        deviceType === DeviceType.MOBILE && (onUndo(), setShowList(true), onShowList?.(true));
-                    if (e == ButtonNames.YES)
-                        deviceType === DeviceType.MOBILE ? (await onSaveAsync?.(), setShowList(true), onShowList?.(true)) : await onSaveAsync?.();
+                    // Caso con errori di validazione
+                    if (hasValidationErrors) {
+                        if (buttonClicked === ButtonNames.NO)
+                            return; // Non fare nulla
+                        if (buttonClicked === ButtonNames.YES) {
+                            if (deviceType === DeviceType.MOBILE) {
+                                onUndo();
+                                setShowList(true);
+                                onShowList?.(true);
+                            }
+                            else {
+                                onUndo();
+                            }
+                        }
+                    }
+                    else {
+                        // Caso senza errori
+                        switch (buttonClicked) {
+                            case ButtonNames.CANCEL:
+                                return; // Non fare nulla
+                            case ButtonNames.NO:
+                                if (deviceType === DeviceType.MOBILE) {
+                                    onUndo();
+                                    setShowList(true);
+                                    onShowList?.(true);
+                                }
+                                break;
+                            case ButtonNames.YES:
+                                if (deviceType === DeviceType.MOBILE) {
+                                    await onSaveAsync?.();
+                                    setShowList(true);
+                                    onShowList?.(true);
+                                }
+                                else {
+                                    await onSaveAsync?.();
+                                }
+                                break;
+                        }
+                    }
+                    // Chiude il form/modal
                     onClose?.();
                 }
                 catch (ex) {
+                    // Mostra eventuali eccezioni
                     TMExceptionBoxManager.show({ exception: ex });
                 }
             }
@@ -102,7 +150,7 @@ const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipI
                                         _jsx("div", { style: { width: '100%', height: '100%', marginTop: '50px', display: 'flex', alignItems: 'center', justifyContent: 'center', flexDirection: 'column', color: getColor('error') }, children: 'Si è verificato un errore' })
                                     : _jsx(_Fragment, { children: children }) }), showErrorGrid && validationItems.length > 0 ? _jsx(TMCard, { scrollY: true, padding: false, showBorder: false, children: _jsx(TMValidationItemsList, { validationItems: validationItems }) }) : _jsx(_Fragment, {})] }) }), (isModal && onClose) && _jsx("div", { id: "TMSaveFormShowConfirmForClose-" + id })] }));
     };
-    return (_jsx(_Fragment, { children: (isModal && onClose) ? _jsx(_Fragment, { children: _jsx(TMModal, { title: `${title}${showTitleFormMode ? ` - ${LocalizeFormModes(formMode)}` : ''}`, onClose: doClose, width: width ?? '100%', height: height ?? '100%', hidePopup: false, askClosingConfirm: askClosingConfirm, showCloseButton: showCloseButton, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block' }, children: renderSaveForm() }) }) })
+    return (_jsx(_Fragment, { children: (isModal && onClose) ? _jsx(_Fragment, { children: _jsx(TMModal, { title: `${title}${showTitleFormMode ? ` - ${LocalizeFormModes(formMode)}` : ''}`, onClose: doClose, width: width ?? '100%', height: height ?? '100%', hidePopup: false, askClosingConfirm: askClosingConfirm, showCloseButton: showCloseButton, resizable: resizable, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block' }, children: renderSaveForm() }) }) })
             : renderSaveForm() }));
 };
 export default TMSaveForm;

package/lib/components/grids/TMBlogsPost.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { DossierEngine, LayoutModes, ObjectClasses, ResultTypes, SDK_Globals, TaskDescriptor, WorkingGroupEngine } from "@topconsultnpm/sdk-ts";
 import { ContextMenu as TMContextMenu } from "../NewComponents/ContextMenu";
-import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper, calcResponsiveSizes, getMoreInfoTasksForDocument } from "../../helper";
+import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper, getMoreInfoTasksForDocument, taskModalSizes } from "../../helper";
 import TMToppyMessage from "../../helper/TMToppyMessage";
 import { useDcmtOperations } from "../../hooks/useDcmtOperations";
 import { DownloadTypes, FormModes } from "../../ts";
@@ -684,7 +684,7 @@ const TMBlogsPost = (props) => {
                                             visible: menuVisible,
                                             position: menuPosition,
                                             onClose: closeContextMenu,
-                                        } })] }), (showTaskForm && handleNavigateToWGs && handleNavigateToDossiers && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback) && _jsx("div", { style: { height: "100%", width: "100%" }, children: _jsx(TMTaskForm, { id: -1, title: SDKUI_Localizator.ContextualTask, isModal: true, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '670px', '80%', '95%'), formMode: FormModes.Create, visualizedTasks: [], currentTask: currentTask, setCurrentTask: () => { }, selectedRowKeys: [], handleFocusedRowKeyChange: () => { }, onStatusChanged: () => { }, onSaved: onSavedTaskFormCallback, onClose: () => closeTaskFormCallback(), onCancel: () => closeTaskFormCallback(), usersList: participants, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, isContextualCreate: true, taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback }) }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onReferenceClick: handleNavigateToReference, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, Number(dcmtForm.dcmt.TID), Number(dcmtForm.dcmt.DID)) }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
+                                        } })] }), (showTaskForm && handleNavigateToWGs && handleNavigateToDossiers && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback) && _jsx("div", { style: { height: "100%", width: "100%" }, children: _jsx(TMTaskForm, { id: -1, title: SDKUI_Localizator.ContextualTask, isModal: true, width: taskModalSizes(deviceType, FormModes.Create).width, height: taskModalSizes(deviceType, FormModes.Create).height, formMode: FormModes.Create, visualizedTasks: [], currentTask: currentTask, setCurrentTask: () => { }, selectedRowKeys: [], handleFocusedRowKeyChange: () => { }, onStatusChanged: () => { }, onSaved: onSavedTaskFormCallback, onClose: () => closeTaskFormCallback(), onCancel: () => closeTaskFormCallback(), usersList: participants, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, isContextualCreate: true, taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback }) }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onReferenceClick: handleNavigateToReference, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, Number(dcmtForm.dcmt.TID), Number(dcmtForm.dcmt.DID)) }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
                                     position: 'absolute',
                                     bottom: '18px',
                                     right: '20px',

package/lib/components/index.d.ts

@@ -43,6 +43,8 @@ export { editorColorManager } from './editors/TMEditorStyled';
 export { default as TMLocalizedTextBox } from './editors/TMLocalizedTextBox';
 export * from './choosers/TMCultureIDPicker';
 export * from './choosers/TMDataListItemChooser';
+export * from './choosers/TMDataListItemFields';
+export * from './choosers/TMImageIDChooser';
 export * from './choosers/TMDistinctValues';
 export * from './choosers/TMDiskChooser';
 export * from './choosers/TMDynDataListItemChooser';

package/lib/components/index.js

@@ -46,6 +46,8 @@ export { default as TMLocalizedTextBox } from './editors/TMLocalizedTextBox';
 // chooserss
 export * from './choosers/TMCultureIDPicker';
 export * from './choosers/TMDataListItemChooser';
+export * from './choosers/TMDataListItemFields';
+export * from './choosers/TMImageIDChooser';
 export * from './choosers/TMDistinctValues';
 export * from './choosers/TMDiskChooser';
 export * from './choosers/TMDynDataListItemChooser';

package/lib/components/layout/panelManager/TMPanelManagerContainer.js

@@ -4,9 +4,10 @@ import styled from 'styled-components';
 import { useTMPanelManagerContext } from './TMPanelManagerContext';
 import TMPanelWrapper from './TMPanelWrapper';
 import TMPanelManagerToolbar from './TMPanelManagerToolbar';
-import { IconInfo, SDKUI_Localizator } from '../../../helper';
+import { getPanelManagerToolbarColor, IconInfo, SDKUI_Localizator } from '../../../helper';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { Gutters } from '../../../utils/theme';
+import { AppModules, SDK_Globals } from '@topconsultnpm/sdk-ts';
 // Styled Component per il contenitore principale di PanelContainer
 const StyledPanelContainerWrapper = styled.div `
   display: ${props => (props.$hasVisiblePanels ? 'flex' : 'none')};
@@ -206,7 +207,7 @@ const TMPanelManagerContainer = (props) => {
                     alignItems: 'center',
                     width: isMobile ? '100%' : '50px',
                     height: isMobile ? '50px' : 'max-content',
-                    background: 'transparent linear-gradient(90deg, #CCE0F4 0%, #7EC1E7 14%, #39A6DB 28%, #1E9CD7 35%, #0075BE 78%, #005B97 99%) 0% 0% no-repeat padding-box',
+                    background: getPanelManagerToolbarColor(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER),
                     borderRadius: isMobile ? '10px' : '10px 0px 0px 10px',
                     padding: '10px',
                     gap: '10px'

package/lib/components/pages/TMPage.js

@@ -41,6 +41,8 @@ const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastR
         let itemsCount = gridInstance?.instance().getDataSource().items().length;
         if (itemsCount && itemsCount > 0) {
             gridInstance?.instance().selectRows(selectedItems?.map((item) => item.id) ?? [], false);
+            if (selectedItems && selectedItems.length > 0 && (selectedItems?.[0]).id)
+                gridInstance?.instance()?.navigateToRow((selectedItems?.[0]).id);
         }
     }, [selectedItems]);
     useEffect(() => {
@@ -52,6 +54,8 @@ const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastR
     useEffect(() => {
         if (lastRefreshTime) {
             loadDataAsync(id);
+            if (id)
+                gridInstance?.instance()?.navigateToRow(id);
         }
     }, [lastRefreshTime]);
     useEffect(() => {

package/lib/components/query/TMQueryEditor.d.ts

@@ -48,6 +48,7 @@ interface ITMQueryEditor extends ITMApplyFormProps<QueryDescriptor> {
     ShowOnlySAP?: boolean;
     updateIsModalOpen?: (isOpen: boolean) => void;
     showSearchResultSidebar?: boolean;
+    showDcmtFormSidebar?: boolean;
     showToppyDraggableHelpCenter?: boolean;
     toppyHelpCenterUsePortal?: boolean;
 }

package/lib/components/query/TMQueryEditor.js

@@ -62,7 +62,7 @@ export function useQueryApplyForm(d, formMode, inputData, onApplied, parameters)
     const [validationItems, setValidationItems] = useState([]);
     return { formData, setFormData, formDataOrig, validationItems, setValidationItems, exception, applyData };
 }
-const TMQueryEditor = ({ formMode, inputData, onQDChanged, isExpertMode, showDistinct = false, showToolbar = true, validateSelect = true, validateOrderBy = true, raiseWarningForOnlyMetadataDcmtTypes = false, onApplied, onClose, height = 'auto', borderRadius = '4px', searchText, showApply, showUndo, showBack, onFromTIDChanged, ShowOnlySAP, updateIsModalOpen, showSearchResultSidebar = true, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false }) => {
+const TMQueryEditor = ({ formMode, inputData, onQDChanged, isExpertMode, showDistinct = false, showToolbar = true, validateSelect = true, validateOrderBy = true, raiseWarningForOnlyMetadataDcmtTypes = false, onApplied, onClose, height = 'auto', borderRadius = '4px', searchText, showApply, showUndo, showBack, onFromTIDChanged, ShowOnlySAP, updateIsModalOpen, showSearchResultSidebar = true, showDcmtFormSidebar = true, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false }) => {
     const [confirmQueryParams, ConfirmQueryParamsDialog] = useQueryParametersDialog();
     const { formData, setFormData, formDataOrig, validationItems, setValidationItems, exception, applyData } = useQueryApplyForm(Descriptors.Query, formMode, inputData, onApplied);
     const [dcmtTypesList, setDcmtTypesList] = useState([]);
@@ -598,7 +598,7 @@ const TMQueryEditor = ({ formMode, inputData, onQDChanged, isExpertMode, showDis
     // #region Ricerca 
     const renderResultSearchForm = (_jsx(TMSearchResult, { context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, onClose: () => {
             setShowResultSearch(false);
-        }, searchResults: resultSearch, showSearchResultSidebar: showSearchResultSidebar, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal }));
+        }, searchResults: resultSearch, showSearchResultSidebar: showSearchResultSidebar, showDcmtFormSidebar: showDcmtFormSidebar, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal }));
     const onSearchAsync = async (qdInput) => {
         try {
             let qdSearch = await prepareQdForSearchAsync(qdInput);

package/lib/helper/Enum_Localizator.js

@@ -101,6 +101,11 @@ export function LocalizeJobTypes(value) {
                 case CultureIDs.It_IT: return value?.toString();
                 default: return "CustomsDrawerPlus";
             }
+        case JobTypes.CassettoDoganaleDistiller:
+            switch (cultureID) {
+                case CultureIDs.It_IT: return value?.toString();
+                default: return "CustomsDrawerDistiller";
+            }
         default: return value?.toString() ?? '';
     }
 }

package/lib/helper/GlobalStyles.js

@@ -6,5 +6,8 @@ const GlobalStyle = createGlobalStyle `
   * {
     font-family: var(--base-font-family, "Inter"), sans-serif;
   }
+  .dx-filemanager-dirs-tree-item-text{
+	  font-size: var(--base-font-size, 13px);
+  }
 `;
 export default GlobalStyle;

package/lib/helper/SDKUI_Globals.d.ts

@@ -16,6 +16,7 @@ export declare class UserSettings {
     fullTextSettings: FullTextSettings;
     searchSettings: SearchSettings;
     themeSettings: ThemeSettings;
+    devSettings: DevSettings;
     dcmtFormSettings: DcmtFormSettings[];
     wgDraftCheckoutInfo: CheckoutInfo[];
     dcmtCheckoutInfo: CheckoutInfo[];
@@ -84,6 +85,9 @@ export declare class ArchivingSettings {
 export declare class FullTextSettings {
     mruTerms: string[];
 }
+export declare class DevSettings {
+    betaFeatures: number;
+}
 export declare class AdvancedSettings {
     private _expertMode;
     get expertMode(): number;

package/lib/helper/SDKUI_Globals.js

@@ -18,6 +18,7 @@ export class UserSettings {
         this.fullTextSettings = new FullTextSettings();
         this.searchSettings = new SearchSettings();
         this.themeSettings = new ThemeSettings(true);
+        this.devSettings = new DevSettings();
         this.dcmtFormSettings = [];
         this.wgDraftCheckoutInfo = [];
         this.dcmtCheckoutInfo = [];
@@ -120,6 +121,11 @@ export class FullTextSettings {
         this.mruTerms = [];
     }
 }
+export class DevSettings {
+    constructor() {
+        this.betaFeatures = 0;
+    }
+}
 export class AdvancedSettings {
     constructor() {
         this._expertMode = 0;