@topconsultnpm/sdkui-react 6.20.0-test1 → 6.20.0

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

@@ -10,7 +10,7 @@ import TMTextBox from '../../../editors/TMTextBox';
 import TMButton from '../../../base/TMButton';
 import styled from 'styled-components';
 import TMQuerySummary from '../../../query/TMQuerySummary';
-import { CultureIDs, DcmtTypeListCacheService, FromItem, MetadataDataDomains, SDK_Globals, SearchEngine, Severities, WFAppTypes, WorkItemSetRules } from '@topconsultnpm/sdk-ts';
+import { CultureIDs, DcmtTypeListCacheService, FromItem, MetadataDataDomains, ResultTypes, SDK_Globals, SearchEngine, Severities, WFAppTypes, WorkItemSetRules } from '@topconsultnpm/sdk-ts';
 import TMLocalizedTextBox from '../../../editors/TMLocalizedTextBox';
 import TMDataListItemPicker from '../../../choosers/TMDataListItemPicker';
 import WorkitemRecipientsEditor, { actorsToTos, RecipientsContainer, tosToActors } from './WorkitemRecipientsEditor';
@@ -30,9 +30,16 @@ import { DiagramItemProps, wfDiagramItemValidator } from './workflowHelpers';
 const FormContainer = styled.div `
   display: flex;
   flex-direction: column;
-  gap: 5px;
+  height: 100%;
   padding: 10px;
 `;
+const FieldsContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+  overflow-y: auto;
+`;
 const FlexContainer = styled.div `
   display: flex;
   align-items: center;
@@ -76,7 +83,7 @@ const APP_TYPES_DATASOURCE = [
     { value: WFAppTypes.SP, display: "SP" },
     { value: WFAppTypes.REST, display: "REST" }
 ];
-const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
+const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply, onStatusItemEdited }) => {
     const [localItem, setLocalItem] = useState(itemToEdit);
     const [localItemOrig] = useState(structuredClone(itemToEdit));
     const [validationItems, setValidationItems] = useState([]);
@@ -392,7 +399,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, onItemEdited: onStatusItemEdited, 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
@@ -580,38 +587,38 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                 setDossierTypes(formattedList);
             });
         }, [localItem.Type]);
-        // Gestione di Tos e Tos2
-        const { andRecipients: tosRecipients } = useMemo(() => {
-            return tosToActors(localItem.Tos ?? '');
-        }, [localItem.Tos]);
-        const { andRecipients: tos2Recipients } = useMemo(() => {
+        // Owner = Tos2, Participants = Tos
+        const { andRecipients: ownerRecipients } = useMemo(() => {
             return tosToActors(localItem.Tos2 ?? '');
         }, [localItem.Tos2]);
-        const handleAddTosRecipients = useCallback((newRecipients, orValue) => {
-            const { andRecipients } = tosToActors(localItem.Tos ?? '');
-            const updatedRecipients = [...andRecipients, ...newRecipients.map(r => ({ ...r, Or: orValue }))];
-            const newTos = actorsToTos(updatedRecipients);
-            handleTosChange(newTos);
-        }, [localItem.Tos, handleTosChange]);
-        const handleRemoveTosRecipient = useCallback((recipientToRemove) => {
-            const { andRecipients } = tosToActors(localItem.Tos ?? '');
-            const updatedRecipients = andRecipients.filter(r => r.ActorType !== recipientToRemove.ActorType || r.ActorID !== recipientToRemove.ActorID);
-            const newTos = actorsToTos(updatedRecipients);
-            handleTosChange(newTos);
-        }, [localItem.Tos, handleTosChange]);
-        const handleAddTos2Recipients = useCallback((newRecipients, orValue) => {
+        const { andRecipients: participantRecipients } = useMemo(() => {
+            return tosToActors(localItem.Tos ?? '');
+        }, [localItem.Tos]);
+        const handleAddOwnerRecipients = useCallback((newRecipients, orValue) => {
             const { andRecipients } = tosToActors(localItem.Tos2 ?? '');
             const updatedRecipients = [...andRecipients, ...newRecipients.map(r => ({ ...r, Or: orValue }))];
             const newTos = actorsToTos(updatedRecipients);
             handleTos2Change(newTos);
         }, [localItem.Tos2, handleTos2Change]);
-        const handleRemoveTos2Recipient = useCallback((recipientToRemove) => {
+        const handleRemoveOwnerRecipient = useCallback((recipientToRemove) => {
             const { andRecipients } = tosToActors(localItem.Tos2 ?? '');
             const updatedRecipients = andRecipients.filter(r => r.ActorType !== recipientToRemove.ActorType || r.ActorID !== recipientToRemove.ActorID);
             const newTos = actorsToTos(updatedRecipients);
             handleTos2Change(newTos);
         }, [localItem.Tos2, handleTos2Change]);
-        return (_jsxs(_Fragment, { children: [_jsx(TMTextExpression, { label: `${SDKUI_Localizator.Name} (${SDKUI_Localizator.Dossier})`, value: localItem.PlatformObjName, valueOrig: localItemOrig.PlatformObjName, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjName ?? '') !== (localItemOrig.PlatformObjName ?? ''), onValueChanged: handlePlatformObjNameChange }), _jsx(TMDropDown, { dataSource: dossierTypes, label: `${SDKUI_Localizator.Description} (${SDKUI_Localizator.Dossier})`, value: localItem.Value3asInt, isModifiedWhen: (localItem.Value3asInt ?? 0) !== (localItemOrig.Value3asInt ?? 0), onValueChanged: (e) => { handleValue3asIntChange(e.target.value); } }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.Description} (${SDKUI_Localizator.Dossier})`, value: localItem.PlatformObjDescr, valueOrig: localItemOrig.PlatformObjDescr, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjDescr ?? '') !== (localItemOrig.PlatformObjDescr ?? ''), onValueChanged: handlePlatformObjDescrChange }), _jsx(TMCultureIDPicker, { label: SDKUI_Localizator.Format, selectedValue: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, openChooserBySingleClick: true, onSelectCultureID: handleFormatCultureIDChange }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.CommentText} (${SDKUI_Localizator.BlogCase})`, placeHolder: 'Inserisci il valore', rows: 2, value: localItem.Value1asString, valueOrig: localItemOrig.Value1asString, tid: wf?.MTID, isModifiedWhen: (localItem.Value1asString ?? '') !== (localItemOrig.Value1asString ?? ''), onValueChanged: handleValue1asStringChange }), _jsx(TMCheckBox, { value: localItem.Value1asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDcmtAsAttachment, isModifiedWhen: localItem.Value1asInt !== localItemOrig.Value1asInt, onValueChanged: handleValue1asIntChange }), _jsx(TMCheckBox, { value: localItem.Value2asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDcmtToDossier, isModifiedWhen: localItem.Value2asInt !== localItemOrig.Value2asInt, onValueChanged: handleValue2asIntChange }), _jsx(TMCheckBox, { value: localItem.Trunc ?? 0, label: SDKUI_Localizator.TruncateString, isModifiedWhen: localItem.Trunc !== localItemOrig.Trunc, onValueChanged: handleTruncChange }), _jsxs(RecipientsContainer, { children: [_jsx(RecipientList, { recipients: tosRecipients, title: SDKUI_Localizator.OwnerName, tid: wf?.MTID, onAdd: (newRecipients) => handleAddTosRecipients(newRecipients, 0), onRemove: handleRemoveTosRecipient }), _jsx(RecipientList, { recipients: tos2Recipients, title: SDKUI_Localizator.Participants, tid: wf?.MTID, onAdd: (newRecipients) => handleAddTos2Recipients(newRecipients, 0), onRemove: handleRemoveTos2Recipient })] })] }));
+        const handleAddParticipantRecipients = useCallback((newRecipients, orValue) => {
+            const { andRecipients } = tosToActors(localItem.Tos ?? '');
+            const updatedRecipients = [...andRecipients, ...newRecipients.map(r => ({ ...r, Or: orValue }))];
+            const newTos = actorsToTos(updatedRecipients);
+            handleTosChange(newTos);
+        }, [localItem.Tos, handleTosChange]);
+        const handleRemoveParticipantRecipient = useCallback((recipientToRemove) => {
+            const { andRecipients } = tosToActors(localItem.Tos ?? '');
+            const updatedRecipients = andRecipients.filter(r => r.ActorType !== recipientToRemove.ActorType || r.ActorID !== recipientToRemove.ActorID);
+            const newTos = actorsToTos(updatedRecipients);
+            handleTosChange(newTos);
+        }, [localItem.Tos, handleTosChange]);
+        return (_jsxs(_Fragment, { children: [_jsx(TMTextExpression, { label: `${SDKUI_Localizator.Name} (${SDKUI_Localizator.Dossier})`, value: localItem.PlatformObjName, valueOrig: localItemOrig.PlatformObjName, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjName ?? '') !== (localItemOrig.PlatformObjName ?? ''), onValueChanged: handlePlatformObjNameChange }), _jsx(TMDropDown, { dataSource: dossierTypes, label: SDKUI_Localizator.DossierType, value: localItem.Value3asInt, isModifiedWhen: (localItem.Value3asInt ?? 0) !== (localItemOrig.Value3asInt ?? 0), onValueChanged: (e) => { handleValue3asIntChange(e.target.value); } }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.Description} (${SDKUI_Localizator.Dossier})`, value: localItem.PlatformObjDescr, valueOrig: localItemOrig.PlatformObjDescr, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjDescr ?? '') !== (localItemOrig.PlatformObjDescr ?? ''), onValueChanged: handlePlatformObjDescrChange }), _jsx(TMCultureIDPicker, { label: SDKUI_Localizator.Format, selectedValue: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, openChooserBySingleClick: true, onSelectCultureID: handleFormatCultureIDChange }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.CommentText} (${SDKUI_Localizator.BlogCase})`, placeHolder: 'Inserisci il valore', rows: 2, value: localItem.Value1asString, valueOrig: localItemOrig.Value1asString, tid: wf?.MTID, isModifiedWhen: (localItem.Value1asString ?? '') !== (localItemOrig.Value1asString ?? ''), onValueChanged: handleValue1asStringChange }), _jsx(TMCheckBox, { value: localItem.Value1asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDcmtAsAttachment, isModifiedWhen: localItem.Value1asInt !== localItemOrig.Value1asInt, onValueChanged: handleValue1asIntChange }), _jsx(TMCheckBox, { value: localItem.Value2asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDcmtToDossier, isModifiedWhen: localItem.Value2asInt !== localItemOrig.Value2asInt, onValueChanged: handleValue2asIntChange }), _jsx(TMCheckBox, { value: localItem.Trunc ?? 0, label: SDKUI_Localizator.TruncateString, isModifiedWhen: localItem.Trunc !== localItemOrig.Trunc, onValueChanged: handleTruncChange }), _jsxs(RecipientsContainer, { children: [_jsx(RecipientList, { recipients: ownerRecipients, title: SDKUI_Localizator.OwnerName, tid: wf?.MTID, maxRecipients: 1, validationItems: validationItems.filter(v => v.PropertyName === DiagramItemProps.Tos2), onAdd: (newRecipients) => handleAddOwnerRecipients(newRecipients, 0), onRemove: handleRemoveOwnerRecipient }), _jsx(RecipientList, { recipients: participantRecipients, title: SDKUI_Localizator.Participants, tid: wf?.MTID, onAdd: (newRecipients) => handleAddParticipantRecipients(newRecipients, 0), onRemove: handleRemoveParticipantRecipient })] })] }));
     };
     const renderAddPartsFields = () => {
         const { andRecipients: tosRecipients } = useMemo(() => {
@@ -679,7 +686,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             default:
                 specificFields = null;
         }
-        return (_jsxs(FormContainer, { children: [renderCommonFields(), specificFields, _jsxs(ButtonsContainer, { children: [_jsx(TMButton, { caption: 'Applica', btnStyle: 'advanced', advancedColor: TMColors.tertiary, icon: _jsx(IconApply, {}), showTooltip: false, disabled: !isModified, onClick: handleSave }), _jsx(TMButton, { caption: 'Annulla', btnStyle: 'toolbar', color: 'primary', icon: _jsx(IconUndo, {}), showTooltip: false, disabled: !isModified, onClick: handleCancel })] })] }));
+        return (_jsxs(FormContainer, { children: [_jsxs(FieldsContainer, { children: [renderCommonFields(), specificFields] }), _jsxs(ButtonsContainer, { children: [_jsx(TMButton, { caption: 'Applica', btnStyle: 'advanced', advancedColor: TMColors.tertiary, icon: _jsx(IconApply, {}), showTooltip: false, disabled: !isModified || validationItems.some(v => v.ResultType === ResultTypes.ERROR), onClick: handleSave }), _jsx(TMButton, { caption: 'Annulla', btnStyle: 'toolbar', color: 'primary', icon: _jsx(IconUndo, {}), showTooltip: false, disabled: !isModified, onClick: handleCancel })] })] }));
     };
     return (_jsx(TMModal, { title: LocalizeDiagramItemType(localItem.Type), onClose: onClose, isModal: true, width: calculatedWidth, height: calculatedHeight, children: renderForm() }));
 };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QueryDescriptor } from '@topconsultnpm/sdk-ts';
+import { QueryDescriptor, ValidationItem } from '@topconsultnpm/sdk-ts';
 export declare enum WorkItemActorTypes {
     None = 0,
     UID = 1,
@@ -19,6 +19,8 @@ interface RecipientListProps {
     title: string;
     tid?: number;
     qd?: QueryDescriptor;
+    maxRecipients?: number;
+    validationItems?: ValidationItem[];
     onQDChange?: (newQd: QueryDescriptor | undefined) => void;
     onAdd: (recipient: WorkItemActor[]) => void;
     onRemove: (recipient: WorkItemActor) => void;

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

@@ -7,6 +7,7 @@ import { TMUserChooserForm } from '../../../choosers/TMUserChooser';
 import { TMGroupChooserForm, TMGroupIdViewer } from '../../../choosers/TMGroupChooser';
 import { TMMidViewer } from '../../../viewers/TMMidViewer';
 import { SDK_Globals, SDK_Localizator } from '@topconsultnpm/sdk-ts';
+import TMVilViewer from '../../../base/TMVilViewer';
 import { useOutsideClick } from '../../../../hooks/useOutsideClick';
 import { FormModes } from '../../../../ts';
 import { TMMessageBoxManager, ButtonNames } from '../../../base/TMPopUp';
@@ -70,7 +71,7 @@ const FloatingMenu = styled.div `
 const FloatingMenuButton = (props) => {
     return _jsx(TMButton, { width: "100%", ...props });
 };
-const RecipientList = ({ recipients, title, tid, qd, onAdd, onRemove, onQDChange }) => {
+const RecipientList = ({ recipients, title, tid, qd, maxRecipients, validationItems, onAdd, onRemove, onQDChange }) => {
     const [uiState, setUiState] = useState({
         isMenuOpen: false,
         showUserChooser: false,
@@ -102,7 +103,7 @@ const RecipientList = ({ recipients, title, tid, qd, onAdd, onRemove, onQDChange
             onAdd(recipientsToAdd);
         }
         setUiState(prevState => ({ ...prevState, showUserChooser: false }));
-    }, []);
+    }, [onAdd]);
     const handleGroupChosen = useCallback((IDs) => {
         if (IDs && IDs.length > 0) {
             const recipientsToAdd = IDs.map(id => ({
@@ -113,7 +114,7 @@ const RecipientList = ({ recipients, title, tid, qd, onAdd, onRemove, onQDChange
             onAdd(recipientsToAdd);
         }
         setUiState(prevState => ({ ...prevState, showGroupChooser: false }));
-    }, []);
+    }, [onAdd]);
     const handleMetadataChosen = useCallback((IDs) => {
         if (IDs && IDs.length > 0) {
             const recipientsToAdd = IDs.map(item => ({
@@ -124,8 +125,11 @@ const RecipientList = ({ recipients, title, tid, qd, onAdd, onRemove, onQDChange
             onAdd(recipientsToAdd);
         }
         setUiState(prevState => ({ ...prevState, showMetadataChooser: false }));
-    }, []);
+    }, [onAdd]);
+    const isMaxReached = maxRecipients !== undefined && recipients.length >= maxRecipients;
     const handleAddClick = () => {
+        if (isMaxReached)
+            return;
         setUiState(prevState => ({ ...prevState, isMenuOpen: !prevState.isMenuOpen }));
     };
     const handleRecipientClick = useCallback((index) => {
@@ -195,11 +199,11 @@ const RecipientList = ({ recipients, title, tid, qd, onAdd, onRemove, onQDChange
             document.removeEventListener('keydown', handleKeyPress);
         };
     }, [handleKeyPress]);
-    return (_jsxs(RecipientsColumn, { children: [_jsxs(HeaderContainer, { children: [_jsx("p", { style: { fontWeight: 600 }, children: title }), _jsx(TMButton, { btnStyle: 'icon', caption: SDKUI_Localizator.AddRecipient, icon: _jsx(IconAdd, {}), onClick: handleAddClick }), uiState.isMenuOpen && renderFloatingMenu()] }), _jsx("div", { style: { height: '150px', overflowY: 'auto', gap: '5px', display: 'flex', flexDirection: 'column' }, children: recipients.map((recipient, index) => (_jsxs(RecipientItem, { "$isSelected": uiState.selectedRecipientIndex === index, onClick: () => handleRecipientClick(index), tabIndex: 0, children: [_jsx(IconDelete, { color: '#c00', cursor: 'pointer', onClick: (e) => {
-                                e.stopPropagation();
-                                onRemove(recipient);
-                                setUiState(prevState => ({ ...prevState, selectedRecipientIndex: null })); // Resetta la selezione
-                            } }), renderActorViewer(recipient)] }, index))) }), uiState.showUserChooser && _jsx(TMUserChooserForm, { allowMultipleSelection: true, allowSorting: true, onClose: () => setUiState(prevState => ({ ...prevState, showUserChooser: false })), onChoose: (IDs) => handleUserChosen(IDs) }), uiState.showGroupChooser && _jsx(TMGroupChooserForm, { allowMultipleSelection: true, allowSorting: true, onClose: () => setUiState(prevState => ({ ...prevState, showGroupChooser: false })), onChoose: (IDs) => handleGroupChosen(IDs) }), uiState.showMetadataChooser && tid && _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, allowSorting: true, tids: [tid], onClose: () => setUiState(prevState => ({ ...prevState, showMetadataChooser: false })), onChoose: (IDs) => handleMetadataChosen(IDs) }), uiState.showQdEditor &&
+    return (_jsxs(RecipientsColumn, { children: [_jsxs(HeaderContainer, { children: [_jsx("p", { style: { fontWeight: 600 }, children: title }), _jsx(TMButton, { btnStyle: 'icon', caption: SDKUI_Localizator.AddRecipient, icon: _jsx(IconAdd, {}), onClick: handleAddClick, disabled: isMaxReached }), uiState.isMenuOpen && !isMaxReached && renderFloatingMenu()] }), _jsx(TMVilViewer, { vil: validationItems }), _jsx("div", { style: { height: '150px', overflowY: 'auto', gap: '5px', display: 'flex', flexDirection: 'column' }, children: recipients.map((recipient, index) => (_jsxs(RecipientItem, { "$isSelected": uiState.selectedRecipientIndex === index, onClick: () => handleRecipientClick(index), tabIndex: 0, children: [_jsx("span", { style: { display: 'flex', alignItems: 'center', flexShrink: 0 }, children: _jsx(IconDelete, { color: '#c00', cursor: 'pointer', onClick: (e) => {
+                                    e.stopPropagation();
+                                    onRemove(recipient);
+                                    setUiState(prevState => ({ ...prevState, selectedRecipientIndex: null }));
+                                } }) }), _jsx("span", { style: { flex: 1, minWidth: 0, display: 'flex', alignItems: 'center' }, children: renderActorViewer(recipient) })] }, index))) }), uiState.showUserChooser && _jsx(TMUserChooserForm, { allowMultipleSelection: true, allowSorting: true, onClose: () => setUiState(prevState => ({ ...prevState, showUserChooser: false })), onChoose: (IDs) => handleUserChosen(IDs) }), uiState.showGroupChooser && _jsx(TMGroupChooserForm, { allowMultipleSelection: true, allowSorting: true, onClose: () => setUiState(prevState => ({ ...prevState, showGroupChooser: false })), onChoose: (IDs) => handleGroupChosen(IDs) }), uiState.showMetadataChooser && tid && _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, allowSorting: true, tids: [tid], onClose: () => setUiState(prevState => ({ ...prevState, showMetadataChooser: false })), onChoose: (IDs) => handleMetadataChosen(IDs) }), uiState.showQdEditor &&
                 _jsx(TMModal, { title: SDKUI_Localizator.QueryDefine, onClose: () => setUiState(prevState => ({ ...prevState, showQdEditor: false })), children: _jsx(TMQueryEditor, { inputData: qd, formMode: FormModes.Update, showDistinct: true, onApplied: handleQdChosen, onClose: () => setUiState(prevState => ({ ...prevState, showQdEditor: false })) }) })] }));
 };
 export default RecipientList;

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

@@ -8,13 +8,15 @@ import ConnectionComponent from './ConnectionComponent';
 import DiagramItemComponent from './DiagramItemComponent';
 import DiagramItemSvgContent from './DiagramItemSvgContent';
 import { calculateArrowAngle, downloadFile, getConnectionPoint, getNewWfDiagram, isConnectionNonLinear, validateDiagram } from './workflowHelpers';
-import { IconFlowChart, IconUndo, IconRestore, IconAdjust, IconCopy, IconCut, IconPaste, IconPin, IconUnpin, IconChevronRight, IconCloseOutline, IconNew, SDKUI_Localizator, generateUUID, IconExport, IconImport, IconWindowMaximize, IconZoomIn, IconZoomOut, IconPencil, IconLock, LocalizeDiagramItemType, IconWindowMinimize, IconZoomAuto } from '../../../../helper';
+import { IconFlowChart, IconUndo, IconRestore, IconAdjust, IconCopy, IconCut, IconPaste, IconPin, IconUnpin, IconChevronRight, IconCloseOutline, IconNew, SDKUI_Localizator, generateUUID, IconExport, IconImport, IconWindowMaximize, IconZoomIn, IconZoomOut, IconPencil, IconLock, LocalizeDiagramItemType, IconWindowMinimize, IconZoomAuto, IconCloseCircle, IconSuccess } from '../../../../helper';
 import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from '../../../base/TMPopUp';
 import { StyledLoadingContainer, StyledSpinner } from '../../../base/Styled';
 import DiagramItemForm from './DiagramItemForm';
 import ReactDOM from 'react-dom';
 import ConnectionForm from './ConnectionForm';
 import TMFloatingMenuBar from '../../../NewComponents/FloatingMenuBar';
+import TMContextMenu from '../../../NewComponents/ContextMenu/TMContextMenu';
+import { TMColors } from '../../../../utils/theme';
 const ZoomLevelText = styled.span `
     font-size: 0.9em;
     color: #555; 
@@ -331,6 +333,9 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
     const [wfDiagram, setWfDiagram] = useState(null);
     const [selectedItems, setSelectedItems] = useState(new Set());
     const [selectedConnections, setSelectedConnections] = useState(new Set());
+    // Context menu per le connections
+    const [connectionContextMenuPosition, setConnectionContextMenuPosition] = useState({ x: 0, y: 0 });
+    const [contextMenuConnectionId, setContextMenuConnectionId] = useState(null);
     const [wfDiagramHistory, setWfDiagramHistory] = useState([]);
     const [historyIndex, setHistoryIndex] = useState(-1);
     const isUndoingRedoing = useRef(false);
@@ -1311,6 +1316,77 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
         if (!isCtrlPressed)
             setSelectedItems(new Set());
     }, [isReadOnly]);
+    const handleConnectionContextMenu = useCallback((id, event) => {
+        if (isReadOnly)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        // Trova la connection
+        const connection = wfDiagram?.Connections.find(conn => conn.ID === id);
+        if (!connection)
+            return;
+        // Verifica se esce da un DiagramItemTypes.Condition o Approval
+        const sourceItem = wfDiagram?.DiagramItems.find(item => item.ID === connection.Source.ParentDiagramItem.ID);
+        if (!sourceItem || ![DiagramItemTypes.Condition, DiagramItemTypes.Approval].includes(sourceItem.Type))
+            return;
+        // Mostra il context menu
+        setContextMenuConnectionId(id);
+        setConnectionContextMenuPosition({ x: event.clientX, y: event.clientY });
+    }, [isReadOnly, wfDiagram]);
+    const handleChangeConnectionOutputStatus = useCallback((connectionId) => {
+        if (isReadOnly || !wfDiagram)
+            return;
+        const connection = wfDiagram.Connections.find(conn => conn.ID === connectionId);
+        if (!connection)
+            return;
+        // Cambia l'OutputStatus da Completed a Rejected e viceversa
+        const newStatus = connection.OutputStatus === WorkItemStatus.Completed
+            ? WorkItemStatus.Rejected
+            : WorkItemStatus.Completed;
+        const oppositeStatus = newStatus === WorkItemStatus.Completed
+            ? WorkItemStatus.Rejected
+            : WorkItemStatus.Completed;
+        // Se esiste un'altra connection dallo stesso source con il newStatus,
+        // la si inverte in modo che non esistano mai 2 uscite con lo stesso OutputStatus.
+        const sourceId = connection.Source.ParentDiagramItem.ID;
+        const conflictingConn = wfDiagram.Connections.find(conn => conn.ID !== connectionId &&
+            conn.Source.ParentDiagramItem.ID === sourceId &&
+            conn.OutputStatus === newStatus);
+        const updatedDiagram = {
+            ...wfDiagram,
+            Connections: wfDiagram.Connections.map(conn => {
+                if (conn.ID === connectionId)
+                    return { ...conn, OutputStatus: newStatus };
+                if (conflictingConn && conn.ID === conflictingConn.ID)
+                    return { ...conn, OutputStatus: oppositeStatus };
+                return conn;
+            })
+        };
+        updateDiagram(updatedDiagram);
+        setWfDiagram(updatedDiagram);
+        setContextMenuConnectionId(null);
+    }, [isReadOnly, wfDiagram, updateDiagram]);
+    const closeConnectionContextMenu = useCallback(() => {
+        setContextMenuConnectionId(null);
+    }, []);
+    // Menu items per il context menu delle connections
+    const connectionContextMenuItems = useMemo(() => {
+        if (!contextMenuConnectionId || !wfDiagram)
+            return [];
+        const connection = wfDiagram.Connections.find(conn => conn.ID === contextMenuConnectionId);
+        if (!connection)
+            return [];
+        const targetStatus = connection.OutputStatus === WorkItemStatus.Completed
+            ? SDKUI_Localizator.WorkItemStatus_Rejected
+            : SDKUI_Localizator.WorkItemStatus_Completed;
+        return [{
+                icon: connection.OutputStatus === WorkItemStatus.Completed
+                    ? _jsx(IconCloseCircle, { color: TMColors.error, fontSize: 16 })
+                    : _jsx(IconSuccess, { color: TMColors.success, fontSize: 16 }),
+                name: SDKUI_Localizator.ChangeStatusTo.replaceParams(targetStatus),
+                onClick: () => handleChangeConnectionOutputStatus(contextMenuConnectionId)
+            }];
+    }, [contextMenuConnectionId, wfDiagram, handleChangeConnectionOutputStatus]);
     const handleDrag = useCallback((id, newX, newY) => {
         if (isReadOnly)
             return;
@@ -1393,10 +1469,15 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
             if (sourceItem.Type === DiagramItemTypes.Condition || sourceItem.Type === DiagramItemTypes.Approval) {
                 const existingConnectionsFromSource = wfDiagram.Connections.filter(conn => conn.Source.ParentDiagramItem.ID === sourceItem.ID);
                 if (existingConnectionsFromSource.length === 0) {
+                    // Prima connessione → Completed
                     outputStatus = WorkItemStatus.Completed;
                 }
                 else if (existingConnectionsFromSource.length === 1) {
-                    outputStatus = WorkItemStatus.Rejected;
+                    // Seconda connessione → contrario della prima
+                    const firstConnection = existingConnectionsFromSource[0];
+                    outputStatus = firstConnection.OutputStatus === WorkItemStatus.Completed
+                        ? WorkItemStatus.Rejected
+                        : WorkItemStatus.Completed;
                 }
             }
             const newConnection = {
@@ -1562,6 +1643,18 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
         const newDiagram = { ...wfDiagram, DiagramItems: updatedDiagramItems };
         updateDiagram(newDiagram);
     }, [wfDiagram, updateDiagram]);
+    const handleStatusItemEdited = useCallback((originalItem, editedItem) => {
+        if (!wfDiagram)
+            return;
+        const updatedDiagramItems = wfDiagram.DiagramItems.map(item => {
+            if (item.Type === DiagramItemTypes.Status && item.StatusValue === originalItem.value) {
+                return { ...item, ItemName: editedItem.name || '', StatusValue: editedItem.value };
+            }
+            return item;
+        });
+        const newDiagram = { ...wfDiagram, DiagramItems: updatedDiagramItems };
+        updateDiagram(newDiagram);
+    }, [wfDiagram, updateDiagram]);
     const handleUpdateConnection = useCallback((updatedConnection) => {
         setWfDiagram(prevDiagram => {
             if (!prevDiagram)
@@ -1820,7 +1913,7 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
             fullScreenRef.current.focus();
         }
     }, [isFullScreen]);
-    const diagramContent = (_jsxs(CanvasContainer, { onDoubleClick: handleCanvasDoubleClick, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".xml" // Filtra per file XML
+    const diagramContent = (_jsxs(CanvasContainer, { onDoubleClick: handleCanvasDoubleClick, onContextMenu: (e) => e.preventDefault(), children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".xml" // Filtra per file XML
                 , onChange: handleFileChange, style: { display: 'none' } }), SDK_Globals.tmSession?.SessionDescr?.appModuleID === AppModules.SURFER ?
                 _jsx(TMFloatingMenuBar, { containerRef: diagramRef, defaultPosition: { x: 45, y: 85 }, enableConfigMode: false, fixedItems: [
                         { icon: _jsx(IconZoomIn, {}), name: SDKUI_Localizator.ZoomIn, disabled: isAutoZoomEnabled, onClick: () => { handleZoomIn(); }, id: 'zoom-in', isPinned: true },
@@ -1842,8 +1935,12 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
                                 const sinkPoint = getConnectionPoint(sinkItem, connection.Sink.ConnectorName);
                                 // Determina se questa è la connessione che stiamo trascinando
                                 const isThisConnectionBeingDragged = isDraggingExistingConnectionEndpoint && draggingConnectionId === connection.ID;
-                                return (_jsx(ConnectionComponent, { connection: connection, isSelected: selectedConnections.has(connection.ID), sourcePoint: sourcePoint, sinkPoint: sinkPoint, isTemporary: isThisConnectionBeingDragged, onClick: handleConnectionClick, onDoubleClick: handleDoubleClickConnection, onConnectionEndpointMouseDown: handleConnectionEndpointMouseDown }, connection.ID));
-                            }), isDrawingConnection && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDraggingExistingConnectionEndpoint && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDrawingSelectionRect && currentSelectionRect && (_jsx(SelectionRect, { x: currentSelectionRect.x, y: currentSelectionRect.y, width: currentSelectionRect.width, height: currentSelectionRect.height }))] }) })) : (_jsx(DiagramMessage, { children: `${SDKUI_Localizator.WorkflowDiagramMissingOrInvalid} ...` })) }), isModalOpen && itemToEdit && (_jsx(DiagramItemForm, { itemToEdit: itemToEdit, wf: wfDiagram?.Info, onClose: handleCloseModal, onApply: handleUpdateDiagramItem })), isConnectionModalOpen && connectionToEdit && (_jsx(ConnectionForm, { connectionToEdit: connectionToEdit, onClose: () => setIsConnectionModalOpen(false), onApply: handleUpdateConnection }))] }));
+                                return (_jsx(ConnectionComponent, { connection: connection, isSelected: selectedConnections.has(connection.ID), sourcePoint: sourcePoint, sinkPoint: sinkPoint, isTemporary: isThisConnectionBeingDragged, onClick: handleConnectionClick, onDoubleClick: handleDoubleClickConnection, onConnectionEndpointMouseDown: handleConnectionEndpointMouseDown, onContextMenu: handleConnectionContextMenu }, connection.ID));
+                            }), isDrawingConnection && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDraggingExistingConnectionEndpoint && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDrawingSelectionRect && currentSelectionRect && (_jsx(SelectionRect, { x: currentSelectionRect.x, y: currentSelectionRect.y, width: currentSelectionRect.width, height: currentSelectionRect.height }))] }) })) : (_jsx(DiagramMessage, { children: `${SDKUI_Localizator.WorkflowDiagramMissingOrInvalid} ...` })) }), isModalOpen && itemToEdit && (_jsx(DiagramItemForm, { itemToEdit: itemToEdit, wf: wfDiagram?.Info, onClose: handleCloseModal, onApply: handleUpdateDiagramItem, onStatusItemEdited: handleStatusItemEdited })), isConnectionModalOpen && connectionToEdit && (_jsx(ConnectionForm, { connectionToEdit: connectionToEdit, onClose: () => setIsConnectionModalOpen(false), onApply: handleUpdateConnection })), _jsx(TMContextMenu, { items: connectionContextMenuItems, externalControl: {
+                    visible: contextMenuConnectionId !== null,
+                    position: connectionContextMenuPosition,
+                    onClose: closeConnectionContextMenu
+                } })] }));
     return (_jsxs(_Fragment, { children: [!isFullScreen && (_jsx(DiagramWrapper, { ref: diagramRef, children: diagramContent })), isFullScreen && ReactDOM.createPortal(_jsx(FullScreenContainer, { ref: fullScreenRef, tabIndex: 0, onKeyDown: handleFullScreenKeyDown, children: diagramContent }), document.body)] }));
 };
 export default WFDiagram;

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

@@ -1,6 +1,7 @@
-import { PlatformObjectValidator, QueryValidatorOptions, ResultTypes, TMPropertyNames, ValidationItem, WorkItemStatus } from '@topconsultnpm/sdk-ts';
+import { PlatformObjectValidator, QueryValidatorOptions, ResultTypes, ValidationItem, WorkItemStatus } from '@topconsultnpm/sdk-ts';
 import { DiagramItemTypes, ArrowSymbol } from './interfaces'; // Assicurati che il percorso sia corretto
-import { generateUUID, SDKUI_Localizator } from '../../../../helper';
+import { generateUUID, LocalizeDiagramItemType, SDKUI_Localizator } from '../../../../helper';
+import { tosToActors } from './WorkitemRecipientsEditor';
 /**
  * Calculates the angle in degrees of an arrow based on two points.
  * @param prevPoint The previous point on the trajectory.
@@ -318,72 +319,73 @@ export const workflowValidator = async (wf) => {
         const vil = await wfDiagramItemValidator(item);
         vil.forEach(v => v.PropertyScopes = ['diagramItem']);
         validationItems.push(...vil);
+        const itemType = LocalizeDiagramItemType(item.Type);
         switch (item.Type) {
             case DiagramItemTypes.Start:
                 if (wf.Connections.filter(c => c.Source.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.ERROR, `item-${item.ID}`, SDKUI_Localizator.WorkflowDiagramStartMustHaveOutgoing, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.ERROR, itemType, SDKUI_Localizator.WorkflowDiagramStartMustHaveOutgoing, ['diagramItem']));
                 }
                 if (wf.Connections.filter(c => c.Sink.ParentDiagramItem.ID === item.ID).length > 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.ERROR, `item-${item.ID}`, SDKUI_Localizator.WorkflowDiagramStartCannotHaveIncoming, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.ERROR, itemType, SDKUI_Localizator.WorkflowDiagramStartCannotHaveIncoming, ['diagramItem']));
                 }
                 break;
             case DiagramItemTypes.End:
             case DiagramItemTypes.Exit:
                 if (wf.Connections.filter(c => c.Sink.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.ERROR, `item-${item.ID}`, `L'elemento '${DiagramItemTypes[item.Type]}' deve avere almeno una connessione in ingresso.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.ERROR, itemType, SDKUI_Localizator.WorkflowDiagramElementMustHaveIncoming.replaceParams(itemType), ['diagramItem']));
                 }
                 if (wf.Connections.filter(c => c.Source.ParentDiagramItem.ID === item.ID).length > 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.ERROR, `item-${item.ID}`, `L'elemento '${DiagramItemTypes[item.Type]}' non può avere connessioni in uscita.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.ERROR, itemType, SDKUI_Localizator.WorkflowDiagramElementCannotHaveOutgoing.replaceParams(itemType), ['diagramItem']));
                 }
                 break;
             case DiagramItemTypes.Condition:
                 if (wf.Connections.filter(c => c.Source.ParentDiagramItem.ID === item.ID).length !== 2) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, SDKUI_Localizator.WorkflowDiagramConditionTwoOutgoing, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramConditionTwoOutgoing.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 if (wf.Connections.filter(c => c.Sink.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.ERROR, `item-${item.ID}`, SDKUI_Localizator.WorkflowDiagramConditionMustHaveIncoming, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.ERROR, itemType, SDKUI_Localizator.WorkflowDiagramConditionMustHaveIncoming.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 break;
             case DiagramItemTypes.Approval:
             case DiagramItemTypes.ExecTask:
             case DiagramItemTypes.DataEntry:
                 if (wf.Connections.filter(c => c.Source.ParentDiagramItem.ID === item.ID).length !== 2) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, SDKUI_Localizator.WorkflowDiagramElementShouldHaveTwoOutgoing.replace('{0}', item.ItemName), ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveTwoOutgoing.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 if (wf.Connections.filter(c => c.Sink.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, SDKUI_Localizator.WorkflowDiagramElementShouldHaveIncoming.replace('{0}', item.ItemName), ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveIncoming.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 break;
             case DiagramItemTypes.Notification:
                 if (wf.Connections.filter(c => c.Source.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, `L'elemento '${item.ItemName}' dovrebbe avere almeno una connessione in uscita.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveOutgoing.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 if (wf.Connections.filter(c => c.Sink.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, `L'elemento '${item.ItemName}' deve avere almeno una connessione in ingresso.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveIncoming.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 break;
             case DiagramItemTypes.UpdateDcmt:
                 if (wf.Connections.filter(c => c.Source.ParentDiagramItem.ID === item.ID).length !== 1) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, `L'elemento '${item.ItemName}' dovrebbe avere esattamente una connessione in uscita.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveOneOutgoing.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 if (wf.Connections.filter(c => c.Sink.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, `L'elemento '${item.ItemName}' deve avere almeno una connessione in ingresso.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveIncoming.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 break;
             case DiagramItemTypes.Status:
                 if (wf.Connections.filter(c => c.Source.ParentDiagramItem.ID === item.ID).length !== 1) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, `L'elemento '${item.ItemName}' dovrebbe avere esattamente una connessione in uscita.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveOneOutgoing.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 if (wf.Connections.filter(c => c.Sink.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, `L'elemento '${item.ItemName}' deve avere almeno una connessione in ingresso.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveIncoming.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 break;
             case DiagramItemTypes.RunApp:
                 if (wf.Connections.filter(c => c.Source.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, `L'elemento '${item.ItemName}' dovrebbe avere almeno una connessione in uscita.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveOutgoing.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 if (wf.Connections.filter(c => c.Sink.ParentDiagramItem.ID === item.ID).length === 0) {
-                    validationItems.push(new ValidationItem(ResultTypes.WARNING, `item-${item.ID}`, `L'elemento '${item.ItemName}' deve avere almeno una connessione in ingresso.`, ['diagramItem']));
+                    validationItems.push(new ValidationItem(ResultTypes.WARNING, itemType, SDKUI_Localizator.WorkflowDiagramElementShouldHaveIncoming.replaceParams(item.ItemName), ['diagramItem']));
                 }
                 break;
         }
@@ -480,7 +482,17 @@ export const wfDiagramItemValidator = async (d) => {
             qvo.DoOrderByValidation = false;
             await PlatformObjectValidator.QueryValidatorAsync(d.QD, vil, qvo);
             if (d.QD?.where === undefined || d.QD.where.length <= 0) {
-                vil.push(new ValidationItem(ResultTypes.ERROR, TMPropertyNames.where, "La query della condizione non contiene criteri di selezione", [DiagramItemProps.QD]));
+                vil.push(new ValidationItem(ResultTypes.ERROR, LocalizeDiagramItemType(d.Type), `La query della condizione '${d.ItemName}' non contiene criteri di selezione`, [DiagramItemProps.QD]));
+            }
+            break;
+        case DiagramItemTypes.CaseFlow_Create:
+            PlatformObjectValidator.RequiredStringValidator(d.ItemName, DiagramItemProps.ItemName, vil, SDKUI_Localizator.Name);
+            PlatformObjectValidator.RequiredStringValidator(d.Tos2, DiagramItemProps.Tos2, vil, SDKUI_Localizator.OwnerName);
+            if (d.Tos2) {
+                const { andRecipients } = tosToActors(d.Tos2);
+                if (andRecipients.length > 1) {
+                    vil.push(new ValidationItem(ResultTypes.ERROR, DiagramItemProps.Tos2, SDKUI_Localizator.WorkflowOnlyOneOwnerAllowed));
+                }
             }
             break;
     }

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;