@topconsultnpm/sdkui-react 6.21.0-dev2.9 → 6.21.0-dev3.2

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

@@ -57,7 +57,7 @@ export var InvocationContext;
 let abortControllerLocal = new AbortController();
 ;
 //#endregion
-const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMode = FormModes.Update, invocationContext = InvocationContext.Default, showHeader = true, showBackButton = true, showDcmtFormSidebar = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, isModal = false, titleModal, widthModal = "100%", heightModal = "100%", allowNavigation = true, canNext, canPrev, count, itemIndex, onNext, onPrev, inputFile = null, inputMids = [], connectorFileSave = undefined, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowRelations = true, allowButtonsRefs = false, openS4TViewer = false, enableDragDropOverlay = false, onClose, onSavedAsyncCallback, onSaveRecents, onWFOperationCompleted, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, onTaskCompleted, onTaskCreateRequest, moreInfoTasks, taskFormDialogComponent, handleNavigateToWGs, handleNavigateToDossiers, onReferenceClick, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, s4TViewerDialogComponent, onScanRequest, passToSearch, datagridUtility }) => {
+const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMode = FormModes.Update, invocationContext = InvocationContext.Default, showHeader = true, showBackButton = true, showDcmtFormSidebar = true, isClosable = false, showTodoDcmtForm = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, isModal = false, titleModal, widthModal = "100%", heightModal = "100%", allowNavigation = true, canNext, canPrev, count, itemIndex, onNext, onPrev, inputFile = null, inputMids = [], connectorFileSave = undefined, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowRelations = true, allowButtonsRefs = false, openS4TViewer = false, enableDragDropOverlay = false, onClose, onSavedAsyncCallback, onSaveRecents, onWFOperationCompleted, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, onTaskCompleted, onTaskCreateRequest, moreInfoTasks, taskFormDialogComponent, handleNavigateToWGs, handleNavigateToDossiers, onReferenceClick, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, s4TViewerDialogComponent, onScanRequest, passToSearch, datagridUtility }) => {
     const { onRefreshSearchAsyncDatagrid, onRefreshBlogDatagrid, onRefreshPreviewDatagrid } = datagridUtility || {};
     const floatingBarContainerRef = useRef(null);
     const [id, setID] = useState('');
@@ -91,6 +91,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     const formDataRef = useRef([]);
     const fromDTDRef = useRef();
     const dcmtFileRef = useRef(null);
+    const metadataDcmtOriginRef = useRef(null);
     const [isOpenDistinctValues, setIsOpenDistinctValues] = useState(false);
     const [isOpenFormulaEditor, setIsOpenFormulaEditor] = useState(false);
     const [currentTIDHasDetailRelations, setCurrentTIDHasDetailRelations] = useState();
@@ -135,7 +136,30 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             if (!did)
                 return;
             TMSpinner.show({ description: 'Loading Metadata...' });
-            let res = getMetadataResult ?? await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(TID, did, true);
+            let res = getMetadataResult;
+            if (!res) {
+                try {
+                    res = await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(TID, did, true);
+                }
+                catch (metadataError) {
+                    // Estrai ErrorCode dal campo detail se disponibile
+                    let errorCode = undefined;
+                    if (metadataError?.isApiException && metadataError?.response?.detail) {
+                        try {
+                            const detailObj = JSON.parse(metadataError.response.detail);
+                            errorCode = detailObj?.ErrorCode;
+                        }
+                        catch (parseError) {
+                            console.log("Impossibile parsare il detail dell'eccezione:", parseError);
+                        }
+                    }
+                    // Se ErrorCode è -5, ignora silenziosamente, altrimenti mostra l'eccezione originale
+                    if (errorCode !== -5) {
+                        TMExceptionBoxManager.show({ exception: metadataError });
+                    }
+                    return;
+                }
+            }
             const origin = { fromName: res?.fromName, fromTID: res?.fromTID };
             let dtd = res?.dtdResult;
             let rows = dtd.rows ? dtd.rows[0] : [];
@@ -307,7 +331,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             }
             else {
                 const renderedMetadata = dtd?.metadata?.filter((metadata) => handleArchiveVisibility(metadata)) ?? [];
-                const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode, isReadOnlyOriginCallback(metadataDcmtOrigin?.fromTID));
+                const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode, isReadOnlyOriginCallback(metadataDcmtOriginRef.current?.fromTID));
                 setFormDataOrig(structuredClone(metadataList));
                 setFormData(structuredClone(metadataList));
                 formDataOrigRef.current = structuredClone(metadataList);
@@ -322,7 +346,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             setIsInitialLoading(false);
             setIsNavigating(false);
         }
-    }, [TID, DID, layoutMode, inputFile, setMetadataList, handleReset, allowButtonsRefs, isReadOnlyOriginCallback, metadataDcmtOrigin?.fromTID]);
+    }, [TID, DID, layoutMode, inputFile, setMetadataList, handleReset, allowButtonsRefs, isReadOnlyOriginCallback]);
     const currentSearchResults = useMemo(() => {
         if (!formData || formData.length === 0 || !TID || !DID)
             return [];
@@ -477,6 +501,9 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     useEffect(() => {
         dcmtFileRef.current = dcmtFile;
     }, [dcmtFile]);
+    useEffect(() => {
+        metadataDcmtOriginRef.current = metadataDcmtOrigin;
+    }, [metadataDcmtOrigin]);
     useEffect(() => {
         if (!inputFile || inputFile === null)
             return;
@@ -775,7 +802,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         // Verifica che ci siano riferimenti renderizzabili (solo Dossier o WorkingGroup)
         return dcmtReferences.some(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup);
     }, [allowButtonsRefs, layoutMode, dcmtReferences, isOpenDetails, isOpenMaster]);
-    const isToppyVisible = useMemo(() => Boolean((showToppyForApprove || showToppyForCompleteMoreInfo || showToppyForReferences) && !openS4TViewer), [showToppyForApprove, showToppyForCompleteMoreInfo, showToppyForReferences, openS4TViewer]);
+    const isToppyVisible = useMemo(() => Boolean((showToppyForApprove || showToppyForCompleteMoreInfo || showToppyForReferences) && !openS4TViewer && !showTodoDcmtForm), [showToppyForApprove, showToppyForCompleteMoreInfo, showToppyForReferences, openS4TViewer, showTodoDcmtForm]);
     const isModified = useMemo(() => calcIsModified(formData, formDataOrig), [formData, formDataOrig]);
     const formToolbar = useMemo(() => _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [allowNavigation && canPrev != undefined && _jsx("p", { style: { textAlign: 'center', padding: '1px 4px', display: 'flex' }, children: `${itemIndex}/${count}` }), allowNavigation && canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: isModified, formMode: formMode, canPrev: canPrev, onPrev: onPrev }), allowNavigation && canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: isModified, formMode: formMode, canNext: canNext, onNext: onNext }), layoutMode === LayoutModes.Update &&
                 _jsx(ContextMenu, { items: operationItems, trigger: "left", children: _jsx(IconMenuVertical, { color: 'white', cursor: 'pointer' }) }), layoutMode === LayoutModes.Ark &&
@@ -844,7 +871,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     const handleArchiveCompleted = useCallback(async () => {
         let firstBlock = true;
         let maxFileSize = 0;
-        let operationTitle = 'Archiviazione';
+        let operationTitle = SDKUI_Localizator.Archiving;
         setUseWaitPanelLocalState(true);
         setShowWaitPanelLocal(true);
         setShowPrimaryLocal(false);
@@ -893,11 +920,16 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                     firstBlock = false;
                 }
                 setWaitPanelValueSecondaryLocal(pd.ProgressBarValue);
-                setWaitPanelTextSecondaryLocal(`Archiviazione... ${Globalization.getNumberDisplayValue(pd.ProgressBarValue, true)} / ${Globalization.getNumberDisplayValue(maxFileSize, true)}`);
+                setWaitPanelTextSecondaryLocal(`${SDKUI_Localizator.Archiving}... ${Globalization.getNumberDisplayValue(pd.ProgressBarValue, true)} / ${Globalization.getNumberDisplayValue(maxFileSize, true)}`);
                 if (pd.ProgressBarValue === pd.ProgressBarMaximum) {
-                    setWaitPanelMaxValueSecondaryLocal(0);
-                    setWaitPanelValueSecondaryLocal(0);
-                    setWaitPanelTextSecondaryLocal('');
+                    // Cambia subito il titolo alla fase 2 quando l'upload termina
+                    // e mostra la progress bar primaria con valore iniziale 20%
+                    setWaitPanelTitleLocal(SDKUI_Localizator.ArchivingCompletionInProgress);
+                    setShowSecondaryLocal(false);
+                    setShowPrimaryLocal(true);
+                    setWaitPanelMaxValuePrimaryLocal(3);
+                    setWaitPanelValuePrimaryLocal(0.6); // 20% di 3
+                    setWaitPanelTextPrimaryLocal(SDKUI_Localizator.ArchivingCompletionInProgress);
                     firstBlock = true;
                 }
             });
@@ -906,11 +938,22 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             const savedFormData = structuredClone(formDataRef.current);
             setFormDataOrig(savedFormData);
             formDataOrigRef.current = savedFormData;
+            // Fase 2: Completamento archiviazione (la progress bar primaria è già visibile dal callback)
+            // Imposta il titolo anche qui per sicurezza, nel caso il callback non venga eseguito
+            setWaitPanelTitleLocal(SDKUI_Localizator.ArchivingCompletionInProgress);
+            // Step 1/3: Aggiornamento griglia di ricerca
+            setWaitPanelValuePrimaryLocal(1);
             await onRefreshSearchAsyncDatagrid?.();
+            // Step 2/3: Callback di salvataggio
+            setWaitPanelValuePrimaryLocal(2);
             await onSavedAsyncCallback?.(ae.TID, newDID);
+            // Step 3/3: Aggiornamento lista metadati
+            setWaitPanelValuePrimaryLocal(3);
             // Usa fromDTDRef.current invece di fromDTD per evitare stale closure,
             // garantendo di avere il descrittore del tipo documento corrente.
             await setMetadataList(fromDTDRef.current?.metadata ?? [], undefined, true, newDID);
+            // Breve pausa per mostrare il completamento al 100%
+            await new Promise(resolve => setTimeout(resolve, 200));
             handleReset();
             let newMruTIDS = updateMruTids(SDKUI_Globals.userSettings.archivingSettings.mruTIDs, TID);
             SDKUI_Globals.userSettings.archivingSettings.mruTIDs = newMruTIDS;
@@ -924,12 +967,6 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             TMExceptionBoxManager.show({ exception: err });
         }
         finally {
-            setWaitPanelTextPrimaryLocal('');
-            setWaitPanelMaxValuePrimaryLocal(0);
-            setWaitPanelValuePrimaryLocal(0);
-            setWaitPanelTextSecondaryLocal('');
-            setWaitPanelMaxValueSecondaryLocal(0);
-            setWaitPanelValueSecondaryLocal(0);
             setShowWaitPanelLocal(false);
             setUseWaitPanelLocalState(false);
         }
@@ -1016,6 +1053,21 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         fd.tid = TID;
         return fd;
     }, [focusedMetadataValue?.value, focusedMetadataValue?.mid, TID]);
+    /**
+     * Restituisce l'handler onBack per i pannelli, evitando duplicazione di codice.
+     * @param isMainPanel - Se true, è il pannello principale (tmDcmtForm)
+     */
+    const getOnBackHandler = (isMainPanel = false) => {
+        // Se showBackButton è false, non mostrare mai il back
+        if (showBackButton === false)
+            return undefined;
+        // Mobile: mostra back su tutti i pannelli (se showBackButton è definito e non è closable)
+        if (isMobile) {
+            return (showBackButton !== undefined && !isClosable) ? handleClose : undefined;
+        }
+        // Desktop: mostra back solo sul pannello principale (se showBackButton è definito e non è closable)
+        return (showBackButton !== undefined && isMainPanel && !isClosable) ? handleClose : undefined;
+    };
     // Determina se showAll deve essere automaticamente true
     // Best practice: usa useMemo per calcolare valori derivati invece di useEffect con setState
     const shouldShowAll = useMemo(() => {
@@ -1100,7 +1152,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     ]);
     const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: TID, did: DID, fetchBlogDataTrigger: refreshBlogTrigger, onRefreshBlogDatagrid: onRefreshBlogDatagrid, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [TID, DID, allTasks, refreshBlogTrigger, handleNavigateToWGs, handleNavigateToDossiers]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: layoutMode, openChooserBySingleClick: !isOpenDistinctValues, TID: TID, isReadOnly: true, deviceType: deviceType, metadataValues: formData.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: formData.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [], inputMids: inputMids }), [TID, layoutMode, formData, deviceType, inputMids]);
-    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, fromDTD: fromDTD, currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? inputFile, deviceType: deviceType, layoutMode: layoutMode, onFileUpload: (file) => { setDcmtFile(file); }, openFileUploaderPdfEditor: openFileUploaderPdfEditor, enableDragDropOverlay: enableDragDropOverlay, onScanRequest: onScanRequest }), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, inputFile, enableDragDropOverlay, setDcmtFile, onScanRequest, openFileUploaderPdfEditor, refreshPreviewTrigger]);
+    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, fromDTD: fromDTD, currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? inputFile, deviceType: deviceType, onBack: getOnBackHandler(), layoutMode: layoutMode, onFileUpload: (file) => { setDcmtFile(file); }, openFileUploaderPdfEditor: openFileUploaderPdfEditor, enableDragDropOverlay: enableDragDropOverlay, onScanRequest: onScanRequest }), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, inputFile, enableDragDropOverlay, setDcmtFile, onScanRequest, openFileUploaderPdfEditor, refreshPreviewTrigger]);
     const tmWF = useMemo(() => {
         if (isWFDataLoading) {
             return (_jsx("div", { style: {
@@ -1171,7 +1223,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                     did: Number(DID),
                     name: fromDTD?.nameLoc ?? SDKUI_Localizator.Widget_Activities,
                 },
-            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, afterTaskSaved: afterTaskSaved, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }));
+            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, afterTaskSaved: afterTaskSaved, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onBack: getOnBackHandler() }));
     }, [allTasks, TID, DID, fromDTD]);
     const normalizedTID = TID !== undefined ? Number(TID) : undefined;
     const defaultPanelDimensions = {
@@ -1230,7 +1282,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                         showHeader: showHeader,
                         title: titleDcmtFormPanel,
                         allowMaximize: !isMobile,
-                        onBack: showBackButton ? (isClosable && deviceType !== DeviceType.MOBILE) ? undefined : handleClose : undefined,
+                        onBack: getOnBackHandler(true),
                         onClose: isClosable ? () => { } : undefined,
                         toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {})
                     },
@@ -1245,7 +1297,14 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             {
                 id: 'tmBlog',
                 name: SDKUI_Localizator.BlogCase,
-                contentOptions: { component: tmBlog, panelContainer: { title: SDKUI_Localizator.BlogCase, allowMaximize: !isMobile } },
+                contentOptions: {
+                    component: tmBlog,
+                    panelContainer: {
+                        title: SDKUI_Localizator.BlogCase,
+                        allowMaximize: !isMobile,
+                        onBack: getOnBackHandler(),
+                    }
+                },
                 toolbarOptions: {
                     icon: _jsx(IconBoard, { fontSize: 24 }),
                     visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmBlog,
@@ -1257,7 +1316,14 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             {
                 id: 'tmSysMetadata',
                 name: SDKUI_Localizator.MetadataSystem,
-                contentOptions: { component: tmSysMetadata, panelContainer: { title: SDKUI_Localizator.MetadataSystem, allowMaximize: !isMobile } },
+                contentOptions: {
+                    component: tmSysMetadata,
+                    panelContainer: {
+                        title: SDKUI_Localizator.MetadataSystem,
+                        allowMaximize: !isMobile,
+                        onBack: getOnBackHandler(),
+                    }
+                },
                 toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmSysMetadata, disabled: isSysMetadataDisabled, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
             },
             {
@@ -1278,7 +1344,8 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                 contentOptions: {
                     component: tmWF,
                     panelContainer: {
-                        title: "Workflow", allowMaximize: !isMobile
+                        title: "Workflow", allowMaximize: !isMobile,
+                        onBack: getOnBackHandler(),
                     }
                 },
                 toolbarOptions: {
@@ -1537,38 +1604,59 @@ const validateMaxLength = (mvd, value, validationItems) => {
 //#endregion Validation
 // Synchronizes panel visibility and toolbar button disabled states when panels become disabled
 const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled, isPreviewDisabled }) => {
-    const { setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility } = useTMPanelManagerContext();
+    const { setPanelVisibilityById, setToolbarButtonDisabled } = useTMPanelManagerContext();
     useEffect(() => {
-        // Aggiorna lo stato disabled del bottone toolbar
-        setToolbarButtonDisabled('tmSysMetadata', isSysMetadataDisabled);
-        setToolbarButtonDisabled('tmBlog', isBoardDisabled);
-        setToolbarButtonDisabled('tmWF', isWFDisabled);
-        setToolbarButtonDisabled('tmDcmtTasks', isDcmtTasksDisabled);
-        setToolbarButtonDisabled('tmDcmtPreview', isPreviewDisabled);
-        // Chiude il pannello solo se è attualmente visibile e deve essere disabilitato
-        if (isSysMetadataDisabled && panelVisibility['tmSysMetadata']) {
+        if (isSysMetadataDisabled) {
+            setToolbarButtonDisabled('tmSysMetadata', true);
             setPanelVisibilityById('tmSysMetadata', false);
         }
-        if (isBoardDisabled && panelVisibility['tmBlog']) {
+        else {
+            setToolbarButtonDisabled('tmSysMetadata', false);
+        }
+    }, [isSysMetadataDisabled]);
+    useEffect(() => {
+        if (isBoardDisabled) {
+            setToolbarButtonDisabled('tmBlog', true);
             setPanelVisibilityById('tmBlog', false);
         }
-        if (isWFDisabled && panelVisibility['tmWF']) {
+        else {
+            setToolbarButtonDisabled('tmBlog', false);
+        }
+    }, [isBoardDisabled]);
+    useEffect(() => {
+        if (isWFDisabled) {
+            setToolbarButtonDisabled('tmWF', true);
             setPanelVisibilityById('tmWF', false);
         }
-        if (isDcmtTasksDisabled && panelVisibility['tmDcmtTasks']) {
+        else {
+            setToolbarButtonDisabled('tmWF', false);
+        }
+    }, [isWFDisabled]);
+    useEffect(() => {
+        if (isDcmtTasksDisabled) {
+            setToolbarButtonDisabled('tmDcmtTasks', true);
             setPanelVisibilityById('tmDcmtTasks', false);
         }
-        if (isPreviewDisabled && panelVisibility['tmDcmtPreview']) {
+        else {
+            setToolbarButtonDisabled('tmDcmtTasks', false);
+        }
+    }, [isDcmtTasksDisabled]);
+    useEffect(() => {
+        if (isPreviewDisabled) {
+            setToolbarButtonDisabled('tmDcmtPreview', true);
             setPanelVisibilityById('tmDcmtPreview', false);
         }
-    }, [isSysMetadataDisabled, isBoardDisabled, isWFDisabled, isDcmtTasksDisabled, isPreviewDisabled, setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility]);
+        else {
+            setToolbarButtonDisabled('tmDcmtPreview', false);
+        }
+    }, [isPreviewDisabled]);
     return null;
 };
-const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, fromDTD, currentDcmt, layoutMode, dcmtFile, deviceType, isVisible, onFileUpload, openFileUploaderPdfEditor, enableDragDropOverlay = false, onScanRequest }) => {
+const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, fromDTD, currentDcmt, layoutMode, dcmtFile, deviceType, isVisible, onFileUpload, openFileUploaderPdfEditor, enableDragDropOverlay = false, onScanRequest, onBack }) => {
     const { setPanelVisibilityById, toggleMaximize, isResizingActive, countVisibleLeafPanels, panelVisibility } = useTMPanelManagerContext();
     const isMobile = deviceType === DeviceType.MOBILE;
     return (layoutMode === LayoutModes.Update ?
-        _jsx(TMDcmtPreview, { dcmtData: currentDcmt, isVisible: isVisible, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, isResizingActive: isResizingActive }, refreshPreviewTrigger) :
+        _jsx(TMDcmtPreview, { dcmtData: currentDcmt, isVisible: isVisible, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, onBack: onBack, isResizingActive: isResizingActive }, refreshPreviewTrigger) :
         _jsx(TMFileUploader, { fromDTD: fromDTD, onFileUpload: onFileUpload, openFileUploaderPdfEditor: openFileUploaderPdfEditor, onClose: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, isRequired: fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && dcmtFile === null, defaultBlob: dcmtFile, deviceType: deviceType, isResizingActive: isResizingActive, enableDragDropOverlay: panelVisibility['tmDcmtPreview'] && enableDragDropOverlay, onScanRequest: onScanRequest }));
 };
 const Ribbon = styled.div `

package/lib/components/features/documents/TMDcmtPreview.d.ts

@@ -9,6 +9,7 @@ interface ITMDcmtPreviewProps {
     onNext?: () => void;
     onPrev?: () => void;
     onClosePanel?: () => void;
+    onBack?: () => void;
     allowMaximize?: boolean;
     onMaximizePanel?: () => void;
 }

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

@@ -22,7 +22,7 @@ const ErrorContent = ({ error, isAbortError, onRetry }) => {
     }
     return _jsx(TMNothingToShow, { icon: _jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), text: error });
 };
-const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev, onClosePanel, onNext, onPrev, allowMaximize = true, onMaximizePanel }) => {
+const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev, onClosePanel, onBack, onNext, onPrev, allowMaximize = true, onMaximizePanel }) => {
     const [dcmtBlob, setDcmtBlob] = useState(undefined);
     const [showPreview, setShowPreview] = useState(false);
     const [isFromCache, setIsFromCache] = useState(false);
@@ -183,7 +183,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
         { icon: _jsx(IconCloseCircle, {}), name: SDKUI_Localizator.RemoveFromCache, onClick: () => { removeDcmtsFileCache(cacheKey); setIsFromCache(false); } },
         { icon: _jsx(IconClear, {}), name: SDKUI_Localizator.ClearCache, onClick: () => { clearDcmtsFileCache(); setIsFromCache(false); } },
     ], [cacheKey, removeDcmtsFileCache, clearDcmtsFileCache, setIsFromCache]);
-    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMPanel, { padding: '0', title: titleHandler(), onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [onPrev && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), onNext && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(StyledHeaderIcon, { "$color": TMColors.primaryColor, children: _jsx(ContextMenu, { items: cacheMenuItems, trigger: "left", children: _jsx(IconMenuVertical, {}) }) }), _jsx(StyledHeaderIcon, { onClick: reOpenDcmt, "$color": TMColors.primaryColor, children: _jsx(TMTooltip, { content: SDKUI_Localizator.ReopenDocument, children: _jsx(IconRefresh, {}) }) })] }), children: error
+    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMPanel, { padding: '0', title: titleHandler(), onClose: onClosePanel, onBack: onBack, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [onPrev && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), onNext && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(StyledHeaderIcon, { "$color": TMColors.primaryColor, children: _jsx(ContextMenu, { items: cacheMenuItems, trigger: "left", children: _jsx(IconMenuVertical, {}) }) }), _jsx(StyledHeaderIcon, { onClick: reOpenDcmt, "$color": TMColors.primaryColor, children: _jsx(TMTooltip, { content: SDKUI_Localizator.ReopenDocument, children: _jsx(IconRefresh, {}) }) })] }), children: error
                 ? _jsx(ErrorContent, { error: error, isAbortError: isAbortError, onRetry: reOpenDcmt })
                 : renderedPreview(dcmtData?.tid, dcmtData?.did, dcmtData?.fileExt, dcmtData?.fileSize, dcmtData?.fileCount, extensionHandler(dcmtData?.fileExt), showPreview, isResizingActive, () => { isBasketMode ? loadBasketFile() : loadDocumentWithCache(); setShowPreview(true); }, dcmtBlob, isBasketMode) }) }));
 };

package/lib/components/features/documents/TMDcmtTasks.d.ts

@@ -10,6 +10,7 @@ interface TMDcmtTasksProps {
     afterTaskSaved: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
     handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
+    onBack?: () => void;
 }
 declare const TMDcmtTasks: (props: TMDcmtTasksProps) => import("react/jsx-runtime").JSX.Element;
 export default TMDcmtTasks;

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

@@ -6,7 +6,7 @@ import { useTMPanelManagerContext } from "../../layout/panelManager/TMPanelManag
 import TMPanel from "../../base/TMPanel";
 import TMTasksPanelContent from "../tasks/TMTasksPanelContent";
 const TMDcmtTasks = (props) => {
-    const { taskContext, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers } = props;
+    const { taskContext, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers, onBack } = props;
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
     // This avoids unnecessary re-renders by only recalculating when deviceType changes.
@@ -19,6 +19,6 @@ const TMDcmtTasks = (props) => {
                 text: SDKUI_Localizator.Refresh,
             },
         ], children: _jsx(IconMenuVertical, { id: "TMTaksPanel-Commands-Header", color: 'white', cursor: 'pointer' }) }), []);
-    return _jsx("div", { style: { width: "100%", height: "100%", position: 'relative' }, children: _jsx(TMPanel, { title: SDKUI_Localizator.Widget_Activities, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onClose: countVisibleLeafPanels() > 1 ? () => togglePanelVisibility("tmDcmtTasks") : undefined, onMaximize: countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmDcmtTasks") : undefined, toolbar: toolbar, children: _jsx(TMTasksPanelContent, { id: "dcmtTasks", taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs ? handleNavigateToWGs : () => { return Promise.resolve(); }, handleNavigateToDossiers: handleNavigateToDossiers ? handleNavigateToDossiers : () => { return Promise.resolve(); }, afterTaskSaved: afterTaskSaved }) }) });
+    return _jsx("div", { style: { width: "100%", height: "100%", position: 'relative' }, children: _jsx(TMPanel, { title: SDKUI_Localizator.Widget_Activities, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onClose: countVisibleLeafPanels() > 1 ? () => togglePanelVisibility("tmDcmtTasks") : undefined, onMaximize: countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmDcmtTasks") : undefined, toolbar: toolbar, onBack: onBack, children: _jsx(TMTasksPanelContent, { id: "dcmtTasks", taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs ? handleNavigateToWGs : () => { return Promise.resolve(); }, handleNavigateToDossiers: handleNavigateToDossiers ? handleNavigateToDossiers : () => { return Promise.resolve(); }, afterTaskSaved: afterTaskSaved }) }) });
 };
 export default TMDcmtTasks;

package/lib/components/features/documents/TMDownloadRelationViewerSection.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { HomeBlogPost, TaskDescriptor } from '@topconsultnpm/sdk-ts';
+import { DcmtInfo } from '../../../ts';
+import { IRelatedDcmt } from './TMMasterDetailDcmts';
+interface ITMDownloadRelationViewerSectionProps {
+    selectedDcmtInfos: Array<DcmtInfo>;
+    /** Notifica al parent la lista dei documenti correlati selezionati (deduplicati) */
+    onSelectionChanged: (items: Array<IRelatedDcmt>) => void;
+    allTasks?: Array<TaskDescriptor>;
+    getAllTasks?: () => Promise<void>;
+    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
+    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
+}
+/**
+ * Sezione condivisa tra TMCopyToFolderForm e TMMergeToPdfForm
+ * che mostra l'elenco dei documenti correlati e il tree di selezione
+ * per tipo documento / "solo metadati".
+ */
+declare const TMDownloadRelationViewerSection: React.FC<ITMDownloadRelationViewerSectionProps>;
+export default TMDownloadRelationViewerSection;

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

@@ -0,0 +1,173 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import TreeView from 'devextreme-react/tree-view';
+import { LayoutModes } from '@topconsultnpm/sdk-ts';
+import { SDKUI_Localizator } from '../../../helper';
+import { TMColors } from '../../../utils/theme';
+import { TMSplitterLayout } from '../../base/TMLayout';
+import TMRelationViewer from './TMRelationViewer';
+import TMDcmtForm from './TMDcmtForm';
+import { dedupeByTidDid, getDcmtKey, getFloatingLabelStyle, } from './copyAndMergeDcmtsShared';
+/**
+ * Sezione condivisa tra TMCopyToFolderForm e TMMergeToPdfForm
+ * che mostra l'elenco dei documenti correlati e il tree di selezione
+ * per tipo documento / "solo metadati".
+ */
+const TMDownloadRelationViewerSection = ({ selectedDcmtInfos, onSelectionChanged, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
+    const [focusedItem, setFocusedItem] = useState(null);
+    const [selectedItems, setSelectedItems] = useState([]);
+    const [allItems, setAllItems] = useState([]);
+    const didInitSelectionRef = useRef(false);
+    // State for TMDcmtForm modal
+    const [isOpenDcmtForm, setIsOpenDcmtForm] = useState(false);
+    const [dcmtFormTID, setDcmtFormTID] = useState(undefined);
+    const [dcmtFormDID, setDcmtFormDID] = useState(undefined);
+    const [dcmtFormTitle, setDcmtFormTitle] = useState('');
+    const updateSelection = useCallback((items) => {
+        const deduped = dedupeByTidDid(items);
+        setSelectedItems(deduped);
+        onSelectionChanged(deduped);
+    }, [onSelectionChanged]);
+    const handleFocusedItemChanged = useCallback((item) => {
+        setFocusedItem(item);
+    }, []);
+    const handleSelectedItemsChanged = useCallback((items) => {
+        updateSelection(items);
+    }, [updateSelection]);
+    const handleAllItemsChanged = useCallback((items) => {
+        setAllItems(items);
+        if (!didInitSelectionRef.current && items.some(i => i.isDcmt)) {
+            didInitSelectionRef.current = true;
+            updateSelection(items.filter(i => i.isDcmt));
+        }
+    }, [updateSelection]);
+    const handleDocumentDoubleClick = useCallback((tid, did, name) => {
+        setDcmtFormTID(tid);
+        setDcmtFormDID(did);
+        setDcmtFormTitle(name ?? '');
+        setIsOpenDcmtForm(true);
+    }, []);
+    return (_jsxs("div", { style: {
+            position: 'relative',
+            height: '100%',
+            minHeight: 0,
+            display: 'flex',
+            flexDirection: 'column',
+            boxSizing: 'border-box'
+        }, children: [_jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'visible', paddingTop: '10px' }, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: true, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', overflow: 'visible', min: ["50", "50"], start: ["75%", "25%"], children: [_jsxs("div", { style: {
+                                position: 'relative',
+                                height: '100%',
+                                minHeight: 0,
+                                overflow: 'visible',
+                                border: `1px solid ${TMColors.border_normal}`,
+                                borderRadius: '8px',
+                                padding: '4px 2px 2px 2px',
+                                backgroundColor: '#fff',
+                                boxSizing: 'border-box',
+                                display: 'flex',
+                                flexDirection: 'column'
+                            }, children: [_jsxs("span", { style: getFloatingLabelStyle(), title: `Documenti correlati (${SDKUI_Localizator.Selected}: ${selectedItems.filter(item => item.isDcmt).length})`, children: ["Documenti correlati (", SDKUI_Localizator.Selected, ": ", selectedItems.filter(item => item.isDcmt).length, ")"] }), _jsx("div", { style: { flex: 1, minHeight: 0, overflowX: 'auto', overflowY: 'auto' }, children: _jsx("div", { style: { minWidth: 'max-content', height: '100%' }, children: _jsx(TMRelationViewer, { inputDcmts: selectedDcmtInfos, isForMaster: false, defaultExpandAll: true, showMetadataNames: true, allowMultipleSelection: true, showExpandAllButton: true, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: handleSelectedItemsChanged, onAllItemsChanged: handleAllItemsChanged, onDocumentDoubleClick: handleDocumentDoubleClick }) }) })] }), _jsxs("div", { style: {
+                                position: 'relative',
+                                height: '100%',
+                                minHeight: 0,
+                                overflow: 'visible',
+                                border: `1px solid ${TMColors.border_normal}`,
+                                borderRadius: '8px',
+                                padding: '4px 2px 2px 2px',
+                                backgroundColor: '#fff',
+                                boxSizing: 'border-box',
+                                display: 'flex',
+                                flexDirection: 'column'
+                            }, children: [_jsx("span", { style: getFloatingLabelStyle(), title: "Tipo documento o vista", children: "Tipo documento o vista" }), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto', padding: '8px', display: 'flex', flexDirection: 'column', gap: '6px' }, children: (() => {
+                                        const dcmtItems = dedupeByTidDid(allItems.filter(item => item.isDcmt));
+                                        const metadataOnlyItems = dcmtItems.filter(item => item.fileExt === null || item.fileExt === undefined);
+                                        const totalDcmts = dcmtItems.length;
+                                        const totalMetadataOnly = metadataOnlyItems.length;
+                                        const selectedDcmtsList = selectedItems.filter(item => item.isDcmt);
+                                        const selectedDcmts = selectedDcmtsList.length;
+                                        const allSelected = totalDcmts > 0 && selectedDcmts === totalDcmts;
+                                        const selectedMetadataOnlyCount = selectedDcmtsList.filter(item => item.fileExt === null || item.fileExt === undefined).length;
+                                        const allMetadataOnlySelected = totalMetadataOnly > 0 && selectedMetadataOnlyCount === totalMetadataOnly;
+                                        // Raggruppa per nome del DcmtTypeDescriptor (campo dtd.name)
+                                        const getDtdName = (item) => item.dtd?.name ?? undefined;
+                                        const dtdGroups = new Map();
+                                        for (const item of dcmtItems) {
+                                            const name = getDtdName(item);
+                                            if (!name)
+                                                continue;
+                                            const arr = dtdGroups.get(name);
+                                            if (arr)
+                                                arr.push(item);
+                                            else
+                                                dtdGroups.set(name, [item]);
+                                        }
+                                        const sortedDtdNames = Array.from(dtdGroups.keys()).sort((a, b) => a.localeCompare(b));
+                                        const selectedKeysSet = new Set(selectedDcmtsList.map(getDcmtKey));
+                                        const dtdGroupInfos = sortedDtdNames.map((name) => {
+                                            const items = dtdGroups.get(name) ?? [];
+                                            const selectedCount = items.filter(it => selectedKeysSet.has(getDcmtKey(it))).length;
+                                            return {
+                                                name,
+                                                items,
+                                                total: items.length,
+                                                allSelected: items.length > 0 && selectedCount === items.length,
+                                            };
+                                        });
+                                        const treeItems = [
+                                            {
+                                                id: 'all',
+                                                text: `Seleziona tutti (${totalDcmts})`,
+                                                expanded: true,
+                                                selected: allSelected,
+                                                items: [
+                                                    ...dtdGroupInfos.map((g) => ({
+                                                        id: `dtd::${g.name}`,
+                                                        text: `${g.name} (${g.total})`,
+                                                        selected: g.allSelected,
+                                                    })),
+                                                    {
+                                                        id: 'metadataOnly',
+                                                        text: `Documenti di soli metadati (${totalMetadataOnly})`,
+                                                        selected: allMetadataOnlySelected,
+                                                    },
+                                                ]
+                                            }
+                                        ];
+                                        const handleItemSelectionChanged = (e) => {
+                                            const itemData = e.itemData;
+                                            if (!itemData)
+                                                return;
+                                            if (itemData.id === 'all') {
+                                                updateSelection(itemData.selected ? dcmtItems : []);
+                                            }
+                                            else if (itemData.id === 'metadataOnly') {
+                                                if (itemData.selected) {
+                                                    updateSelection([...selectedItems, ...metadataOnlyItems]);
+                                                }
+                                                else {
+                                                    const metadataKeys = new Set(metadataOnlyItems.map(getDcmtKey));
+                                                    updateSelection(selectedItems.filter(item => !metadataKeys.has(getDcmtKey(item))));
+                                                }
+                                            }
+                                            else if (typeof itemData.id === 'string' && itemData.id.startsWith('dtd::')) {
+                                                const dtdName = itemData.id.substring('dtd::'.length);
+                                                const groupItems = dtdGroups.get(dtdName) ?? [];
+                                                if (itemData.selected) {
+                                                    updateSelection([...selectedItems, ...groupItems]);
+                                                }
+                                                else {
+                                                    const groupKeys = new Set(groupItems.map(getDcmtKey));
+                                                    updateSelection(selectedItems.filter(item => !groupKeys.has(getDcmtKey(item))));
+                                                }
+                                            }
+                                        };
+                                        const dtdSignature = dtdGroupInfos.map(g => `${g.name}:${g.total}:${g.allSelected ? 1 : 0}`).join('|');
+                                        return (_jsx("div", { style: { minWidth: '280px', width: 'max-content', flexShrink: 0 }, children: _jsx(TreeView, { items: treeItems, showCheckBoxesMode: 'normal', selectionMode: 'multiple', selectNodesRecursive: false, selectByClick: true, onItemSelectionChanged: handleItemSelectionChanged }, `tv-${allSelected}-${allMetadataOnlySelected}-${totalDcmts}-${totalMetadataOnly}-${dtdSignature}`) }));
+                                    })() })] })] }, "TMDocumentDownload-relation-horizontal") }), isOpenDcmtForm && dcmtFormTID !== undefined && dcmtFormDID !== undefined && (_jsx(TMDcmtForm, { isModal: true, titleModal: dcmtFormTitle, TID: dcmtFormTID, DID: dcmtFormDID, layoutMode: LayoutModes.Update, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onClose: () => {
+                    setIsOpenDcmtForm(false);
+                    setDcmtFormTID(undefined);
+                    setDcmtFormDID(undefined);
+                    setDcmtFormTitle('');
+                } }))] }));
+};
+export default TMDownloadRelationViewerSection;

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

@@ -97,7 +97,7 @@ const TMFileUploader = ({ fromDTD, deviceType = DeviceType.DESKTOP, onClose, onF
         document.getElementById('fileInput')?.click();
     }, []);
     let content = !uploadedFile ?
-        _jsxs("div", { style: { display: 'flex', gap: 10, width: '100%', height: '100%' }, children: [_jsx(HiddenInput, { id: "fileInput", type: "file", onChange: handleInputChange }), _jsxs(UploadContainer, { ref: uploaderRef, tabIndex: 0, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, style: { backgroundColor: dragOver ? '#76b1e6' : 'white' }, onDoubleClick: browseHandler, "$isRequired": isRequired, children: [_jsxs("div", { style: { display: 'flex', gap: '10px', flexDirection: 'column', position: 'absolute', right: 5, top: 5 }, children: [_jsx(TMButton, { btnStyle: 'icon', caption: 'Sfoglia', color: isRequired && !uploadedFile ? 'error' : 'primary', onClick: browseHandler, icon: _jsx(IconFolderOpen, { fontSize: 22 }) }), showScannerIcon && isScannerLicenseConfigured() && onScanRequest && _jsx(TMButton, { btnStyle: 'icon', caption: 'Scanner', color: 'primary', onClick: () => { onScanRequest((file) => { onFileUpload?.(file); }); }, icon: _jsx(IconScanner, { fontSize: 22 }) }), showScannerIcon && isScannerLicenseConfigured() && !onScanRequest && _jsx(TMButton, { btnStyle: 'icon', caption: 'Scanner', color: 'primary', onClick: () => { ShowAlert({ message: SDKUI_Localizator.ScanFeatureUnavailableInThisContext, mode: 'info', duration: 3000, title: 'Scanner' }); }, icon: _jsx(IconScanner, { fontSize: 22 }) })] }), _jsx("p", { style: { fontSize: '1.2rem', fontWeight: 'bold' }, children: deviceType === DeviceType.MOBILE ? 'Clicca per sfogliare il tuo file' : 'Trascina il tuo file o fai doppio click per sfogliarlo' }), isRequired && _jsxs("p", { style: { fontWeight: 'bold' }, children: [" ", SDKUI_Localizator.RequiredField, " "] })] })] }) :
+        _jsxs("div", { style: { display: 'flex', gap: 10, width: '100%', height: '100%' }, children: [_jsx(HiddenInput, { id: "fileInput", type: "file", onChange: handleInputChange }), _jsxs(UploadContainer, { ref: uploaderRef, tabIndex: 0, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, style: { backgroundColor: dragOver ? '#76b1e6' : 'white' }, onDoubleClick: browseHandler, "$isRequired": isRequired, children: [_jsxs("div", { style: { display: 'flex', gap: '10px', flexDirection: 'column', position: 'absolute', right: 5, top: 5 }, children: [_jsx(TMButton, { btnStyle: 'icon', caption: 'Sfoglia', color: isRequired && !uploadedFile ? 'error' : 'primary', onClick: browseHandler, icon: _jsx(IconFolderOpen, { fontSize: 22 }) }), showScannerIcon && isScannerLicenseConfigured() && onScanRequest && _jsx(TMButton, { btnStyle: 'icon', caption: 'Scanner', color: 'primary', onClick: () => { onScanRequest((file) => { onFileUpload?.(file); }); }, icon: _jsx(IconScanner, { fontSize: 22 }) }), showScannerIcon && isScannerLicenseConfigured() && !onScanRequest && _jsx(TMButton, { btnStyle: 'icon', caption: 'Scanner', color: 'primary', onClick: () => { ShowAlert({ message: SDKUI_Localizator.ScanFeatureUnavailableInThisContext, mode: 'info', duration: 3000, title: 'Scanner' }); }, icon: _jsx(IconScanner, { fontSize: 22 }) })] }), _jsx("p", { style: { fontSize: '1.2rem', fontWeight: 'bold' }, children: deviceType === DeviceType.MOBILE ? SDKUI_Localizator.ClickToBrowseFile : SDKUI_Localizator.DragOrDoubleClickToBrowseFile }), isRequired && _jsxs("p", { style: { fontWeight: 'bold' }, children: [" ", SDKUI_Localizator.RequiredField, " "] })] })] }) :
         _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 10, width: '100%', height: '100%' }, children: [_jsxs("div", { style: { backgroundColor: 'white', padding: '5px 10px', borderRadius: 8, display: 'flex', alignItems: 'center', justifyContent: 'space-between', color: TMColors.primaryColor }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 5 }, children: [_jsx("p", { children: "File name:" }), _jsxs("div", { style: { fontWeight: 'bold' }, children: [fileName, " ", _jsxs("span", { children: [" ", ` (${formatBytes(fileSize)})`, " "] })] })] }), uploadedFile && _jsx(TMButton, { btnStyle: 'icon', color: 'error', caption: 'Pulisci', onClick: () => clearFile(true), icon: _jsx(IconClear, { fontSize: 22 }) })] }), extensionHandler(fileExt) === FileExtensionHandler.READY_TO_SHOW ? _jsx(TMFileViewer, { fileBlob: uploadedFile, isResizingActive: isResizingActive }) :
                     _jsx("div", { style: { backgroundColor: '#f6dbdb', padding: '5px 10px', borderRadius: 8, display: 'flex', alignItems: 'center', justifyContent: 'space-between', color: TMColors.error }, children: _jsxs("div", { children: [" ", 'Anteprima non disponibile.', fileExt && _jsx("b", { children: ` (*.${fileExt})` })] }) })] });
     const innerContent = (_jsxs("div", { style: { width: '100%', height: '100%', padding: '2px', display: 'flex', flexDirection: 'column', gap: 10 }, children: [enableDragDropOverlay && _jsx(TMDragDropOverlay, { handleFile: handleFile, refocusAfterFileInput: refocusAfterFileInput }), content] }));

package/lib/components/features/documents/TMMasterDetailDcmts.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { HomeBlogPost, SearchResultDescriptor, TaskDescriptor } from '@topconsultnpm/sdk-ts';
+import { RelationTreeItem } from './TMRelationViewer';
 import { DcmtInfo, TaskContext, MetadataValueDescriptorEx } from '../../../ts';
 import { DeviceContextProps } from '../../base/TMDeviceProvider';
+export type IRelatedDcmt = RelationTreeItem;
 interface ITMMasterDetailDcmtsProps extends DeviceContextProps {
     allTasks?: Array<TaskDescriptor>;
     getAllTasks?: () => Promise<void>;