@topconsultnpm/sdkui-react 6.22.0-dev3.4 → 6.22.0-dev3.6

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

@@ -90,12 +90,19 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
         setIsCheckingFirstLoad(false);
         handleBack();
     }, [handleBack]);
+    // Avanzamento del calcolo correlazioni, mostrato nell'overlay di primo caricamento
+    const [relationsProgress, setRelationsProgress] = useState({ value: 0, max: 0 });
+    const handleRelationsProgress = useCallback((value, max) => {
+        setRelationsProgress({ value, max });
+    }, []);
     // Notifica all'utente che i dati mostrati sono parziali (non quando si sta uscendo)
-    const handleRelationsCalculationStopped = useCallback(() => {
+    const handleRelationsCalculationStopped = useCallback((loadedCount, totalCount) => {
         if (isLeavingRef.current)
             return;
+        // Con piu' documenti in input, indica quanti sono stati completati (es. "3/10")
+        const progress = totalCount > 1 ? ` (${loadedCount}/${totalCount})` : '';
         ShowAlert({
-            message: SDKUI_Localizator.RelationsCalculationStopped,
+            message: `${SDKUI_Localizator.RelationsCalculationStopped}${progress}`,
             title: SDKUI_Localizator.Attention,
             duration: 4000,
             mode: 'info',
@@ -379,7 +386,7 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
                         setContextMenuVisible(true);
                     }, children: [_jsx(TMRelationViewerWrapper, { refreshKey: refreshKey, inputDcmts: inputDcmts, isForMaster: isForMaster, showCurrentDcmtIndicator: showCurrentDcmtIndicator, showZeroDcmts: showZeroDcmts, 
                             // customItemRender={customItemRender}
-                            allowMultipleSelection: allowMultipleSelection, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: handleSelectedItemsChanged, onNoRelationsFound: handleNoRelationsFound, onItemContextMenu: isRelationViewerLoading ? undefined : onItemContextMenu, focusedItemFormData: focusedItemFormData, onLoadingStateChanged: setIsRelationViewerLoading, onStopCalculationReady: handleStopCalculationReady, onCalculationStopped: handleRelationsCalculationStopped }), _jsx(TMContextMenu, { items: operationItems, externalControl: {
+                            allowMultipleSelection: allowMultipleSelection, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: handleSelectedItemsChanged, onNoRelationsFound: handleNoRelationsFound, onItemContextMenu: isRelationViewerLoading ? undefined : onItemContextMenu, focusedItemFormData: focusedItemFormData, onLoadingStateChanged: setIsRelationViewerLoading, onLoadingProgress: handleRelationsProgress, onStopCalculationReady: handleStopCalculationReady, onCalculationStopped: handleRelationsCalculationStopped }), _jsx(TMContextMenu, { items: operationItems, externalControl: {
                                 visible: contextMenuVisible,
                                 position: contextMenuPosition,
                                 onClose: () => setContextMenuVisible(false)
@@ -463,7 +470,9 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
             toolbarOptions: { icon: _jsx(IconSearchCheck, { fontSize: 24 }), visible: false, orderNumber: 2, isActive: allInitialPanelVisibility['tmFormOrResult'] }
         }
     ], [tmTreeView, tmFormOrResult, focusedItem?.isDcmt, dtdMaster]);
-    return (_jsxs("div", { style: { width: '100%', height: '100%', position: 'relative' }, children: [isCheckingFirstLoad && (_jsx(TMLoadingOverlay, { onCancel: handleCancelFirstLoad, onStop: handleStopRelationsCalculation })), _jsxs("div", { style: isCheckingFirstLoad ? { position: 'absolute', width: 0, height: 0, overflow: 'hidden', opacity: 0, pointerEvents: 'none' } : { width: '100%', height: '100%' }, children: [_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(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmTreeView', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true }) }) }), renderDcmtOperations, renderFloatingBar] })] }));
+    return (_jsxs("div", { style: { width: '100%', height: '100%', position: 'relative' }, children: [isCheckingFirstLoad && (_jsx(TMLoadingOverlay, { onCancel: handleCancelFirstLoad, onStop: handleStopRelationsCalculation, description: relationsProgress.max > 1
+                    ? `${isForMaster ? SDKUI_Localizator.LoadingMasterDocuments : SDKUI_Localizator.LoadingDetailDocuments} (${relationsProgress.value}/${relationsProgress.max})`
+                    : undefined, progressValue: relationsProgress.value, progressMax: relationsProgress.max })), _jsxs("div", { style: isCheckingFirstLoad ? { position: 'absolute', width: 0, height: 0, overflow: 'hidden', opacity: 0, pointerEvents: 'none' } : { width: '100%', height: '100%' }, children: [_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(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmTreeView', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true }) }) }), renderDcmtOperations, renderFloatingBar] })] }));
 };
 export default TMMasterDetailDcmts;
 /**
@@ -472,7 +481,7 @@ export default TMMasterDetailDcmts;
  * - Panel visibility toggling
  * - Focus delay handling
  */
-const TMRelationViewerWrapper = ({ refreshKey, inputDcmts, isForMaster, showCurrentDcmtIndicator, showZeroDcmts, customItemRender, allowMultipleSelection, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged, onNoRelationsFound, onItemContextMenu, focusedItemFormData, onLoadingStateChanged, onStopCalculationReady, onCalculationStopped }) => {
+const TMRelationViewerWrapper = ({ refreshKey, inputDcmts, isForMaster, showCurrentDcmtIndicator, showZeroDcmts, customItemRender, allowMultipleSelection, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged, onNoRelationsFound, onItemContextMenu, focusedItemFormData, onLoadingStateChanged, onLoadingProgress, onStopCalculationReady, onCalculationStopped }) => {
     const { setPanelVisibilityById, setToolbarButtonVisibility } = useTMPanelManagerContext();
     // Monitor device type changes to restore panel visibility when switching from mobile to desktop
     const deviceType = useDeviceType();
@@ -532,7 +541,7 @@ const TMRelationViewerWrapper = ({ refreshKey, inputDcmts, isForMaster, showCurr
             onItemContextMenu?.(item, e);
         }, 100);
     }, [onItemContextMenu, handleFocusedItemChanged]);
-    return (_jsx(TMRelationViewer, { inputDcmts: inputDcmts, isForMaster: isForMaster, showCurrentDcmtIndicator: showCurrentDcmtIndicator, initialShowZeroDcmts: showZeroDcmts, customItemRender: customItemRender, allowMultipleSelection: allowMultipleSelection, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: onSelectedItemsChanged, maxDepthLevel: 1, invertMasterNavigation: false, showExpandAllButton: true, onNoRelationsFound: onNoRelationsFound, onItemContextMenu: onContextMenu, focusedItemFormData: focusedItemFormData, onLoadingStateChanged: onLoadingStateChanged, onStopCalculationReady: onStopCalculationReady, onCalculationStopped: onCalculationStopped }, refreshKey));
+    return (_jsx(TMRelationViewer, { inputDcmts: inputDcmts, isForMaster: isForMaster, showCurrentDcmtIndicator: showCurrentDcmtIndicator, initialShowZeroDcmts: showZeroDcmts, customItemRender: customItemRender, allowMultipleSelection: allowMultipleSelection, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: onSelectedItemsChanged, maxDepthLevel: 1, invertMasterNavigation: false, showExpandAllButton: true, onNoRelationsFound: onNoRelationsFound, onItemContextMenu: onContextMenu, focusedItemFormData: focusedItemFormData, onLoadingStateChanged: onLoadingStateChanged, onLoadingProgress: onLoadingProgress, onStopCalculationReady: onStopCalculationReady, onCalculationStopped: onCalculationStopped }, refreshKey));
 };
 const TMFormOrResultWrapper = ({ refreshKey, deviceType, focusedItem, onTaskCreateRequest, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, onRefreshAfterAddDcmtToFavs, editPdfForm, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, onRefreshSearchAsyncDatagrid, onRefreshSearchResults, handleNavigateToReference, fetchRemoteCertificates }) => {
     const { setPanelVisibilityById } = useTMPanelManagerContext();
@@ -542,7 +551,11 @@ const TMFormOrResultWrapper = ({ refreshKey, deviceType, focusedItem, onTaskCrea
                 }, fetchRemoteCertificates: fetchRemoteCertificates }, refreshKey) :
             focusedItem?.searchResult === undefined ? (_jsx(TMPanel, { title: SDKUI_Localizator.SearchResult, children: _jsx(TMToppyMessage, { message: SDKUI_Localizator.SelectDocumentToViewSearchResults }) })) : (_jsx(TMSearchResult, { groupId: 'tmFormOrResult', isClosable: deviceType !== DeviceType.MOBILE, context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, allowRelations: false, openDcmtFormAsModal: true, searchResults: focusedItem?.searchResult ?? [], showSearchResultSidebar: false, showDcmtFormSidebar: false, autoFocusFirstRow: false, onTaskCreateRequest: onTaskCreateRequest, onClose: () => { setPanelVisibilityById('tmTreeView', true); }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, editPdfForm: editPdfForm, onOpenPdfEditorRequest: onOpenPdfEditorRequest, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, enablePinIcons: false, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, showBackButton: false, onRefreshSearchAsyncDatagrid: onRefreshSearchResults, onReferenceClick: handleNavigateToReference, fetchRemoteCertificates: fetchRemoteCertificates }, refreshKey)) }));
 };
-const TMLoadingOverlay = ({ onCancel, onStop, description, cancelText, stopText }) => {
+const TMLoadingOverlay = ({ onCancel, onStop, description, cancelText, stopText, progressValue, progressMax }) => {
+    // Stesso calcolo di TMWaitPanel: 0 quando il massimo non è ancora noto
+    const progressPercent = (progressMax ?? 0) > 0
+        ? Math.min(100, ((progressValue ?? 0) / (progressMax ?? 1)) * 100)
+        : 0;
     return (_jsx("div", { style: {
             position: 'absolute',
             top: 0,
@@ -612,7 +625,7 @@ const TMLoadingOverlay = ({ onCancel, onStop, description, cancelText, stopText
 						.tm-spinner-animation div:nth-child(7):after { top: 63px; left: 17px; background: #782b7d; }
 						.tm-spinner-animation div:nth-child(8) { animation-delay: -0.288s; }
 						.tm-spinner-animation div:nth-child(8):after { top: 56px; left: 12px; background: #782b7d; }
-					` }), _jsxs("div", { className: "tm-spinner-animation", children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {})] })] }), _jsx("span", { style: { fontSize: '14px', color: '#334155', textAlign: 'center' }, children: description ?? SDKUI_Localizator.Loading }), (onStop || onCancel) && (_jsxs("div", { style: { marginTop: '4px', display: 'flex', alignItems: 'center', justifyContent: 'center', flexWrap: 'wrap', gap: '10px' }, children: [onStop && (_jsx("button", { onClick: onStop, title: SDKUI_Localizator.StopRelationsCalculation, style: {
+					` }), _jsxs("div", { className: "tm-spinner-animation", children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {})] })] }), _jsx("span", { style: { fontSize: '14px', color: '#334155', textAlign: 'center' }, children: description ?? SDKUI_Localizator.Loading }), (progressMax ?? 0) > 1 && (_jsxs("div", { style: { width: '260px' }, children: [_jsx("div", { style: { width: '100%', height: '20px', background: '#e0e0e0', borderRadius: '10px', overflow: 'hidden' }, children: _jsx("div", { style: { width: `${progressPercent.toFixed(2)}%`, height: '100%', background: '#4caf50', transition: 'width 0.3s ease' } }) }), _jsxs("p", { style: { fontWeight: 'bold', color: '#333', margin: '8px 0 0', textAlign: 'center' }, children: [progressPercent.toFixed(2), "%"] })] })), (onStop || onCancel) && (_jsxs("div", { style: { marginTop: '4px', display: 'flex', alignItems: 'center', justifyContent: 'center', flexWrap: 'wrap', gap: '10px' }, children: [onStop && (_jsx("button", { onClick: onStop, title: SDKUI_Localizator.StopRelationsCalculation, style: {
                                 padding: '8px 24px',
                                 fontSize: '13px',
                                 fontWeight: 500,

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

@@ -132,6 +132,11 @@ export interface TMRelationViewerProps {
      * Useful to disable interactions (like context menu) during loading.
      */
     onLoadingStateChanged?: (isLoading: boolean) => void;
+    /**
+     * Invoked while the initial correlations load progresses, with how many input
+     * documents have been processed out of the total.
+     */
+    onLoadingProgress?: (value: number, max: number) => void;
     /**
      * Invoked on mount to hand over a function that stops the ongoing correlations
      * calculation: no further GetMetadata calls are performed and only the
@@ -143,8 +148,9 @@ export interface TMRelationViewerProps {
     /**
      * Callback invoked when the calculation has actually been stopped
      * (loadData terminated after an abort request).
+     * Riceve quanti documenti di input sono stati completati sul totale.
      */
-    onCalculationStopped?: () => void;
+    onCalculationStopped?: (loadedCount: number, totalCount: number) => void;
 }
 /**
  * Check if document type has detail relations
@@ -160,8 +166,10 @@ export declare const hasMasterRelations: (dTID: number | undefined) => Promise<b
 export declare const getDisplayValueByColumn: (col: DataColumnDescriptor | undefined, value: any) => any;
 /**
  * Convert SearchResultDescriptor to structured data source with metadata
- * For each document, fetches complete metadata using GetMetadataAsync to ensure
- * all metadata properties (isSpecialSearchOutput, permissions, etc.) are available
+ * I valori dei documenti sono GIÀ presenti nelle righe restituite dalla ricerca:
+ * qui vengono solo abbinati ai rispettivi MetadataDescriptor (perm,
+ * isSpecialSearchOutput, ...), risolti UNA SOLA VOLTA per tipo documento.
+ * Nessuna chiamata al server per riga.
  */
 export declare const searchResultToDataSource: (searchResult: SearchResultDescriptor | undefined, hideSysMetadata?: boolean, signal?: AbortSignal) => Promise<any[]>;
 export declare const DEFAULT_RELATION_EXPAND_LEVEL = 4;

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

@@ -67,8 +67,10 @@ export const getDisplayValueByColumn = (col, value) => {
 };
 /**
  * Convert SearchResultDescriptor to structured data source with metadata
- * For each document, fetches complete metadata using GetMetadataAsync to ensure
- * all metadata properties (isSpecialSearchOutput, permissions, etc.) are available
+ * I valori dei documenti sono GIÀ presenti nelle righe restituite dalla ricerca:
+ * qui vengono solo abbinati ai rispettivi MetadataDescriptor (perm,
+ * isSpecialSearchOutput, ...), risolti UNA SOLA VOLTA per tipo documento.
+ * Nessuna chiamata al server per riga.
  */
 export const searchResultToDataSource = async (searchResult, hideSysMetadata, signal) => {
     const rows = searchResult?.dtdResult?.rows ?? [];
@@ -77,27 +79,28 @@ export const searchResultToDataSource = async (searchResult, hideSysMetadata, si
     const columns = searchResult?.dtdResult?.columns ?? [];
     const tidColIndex = columns.findIndex(col => col.caption?.toUpperCase() === 'TID');
     const didColIndex = columns.findIndex(col => col.caption?.toUpperCase() === 'DID');
+    const firstRow = rows[0] ?? [];
+    const tid = tidColIndex >= 0 && firstRow.length > 0 ? Number(firstRow[tidColIndex]) : searchResult?.fromTID;
+    const firstDid = didColIndex >= 0 && firstRow.length > 0 ? Number(firstRow[didColIndex]) : undefined;
+    const dtdWithMetadata = await DcmtTypeListCacheService.GetWithNotGrantedAsync(tid, firstDid, searchResult);
+    const mdList = dtdWithMetadata?.metadata ?? [];
+    // Posizione di ogni MID nelle colonne del risultato: identica per tutte le righe,
+    // quindi calcolata una volta sola invece di una find() per metadato per riga.
+    const mids = columns.map(col => Number(col.extendedProperties?.["MID"] ?? "0"));
+    const columnByMid = new Map();
+    columns.forEach((col, i) => { if (!columnByMid.has(mids[i]))
+        columnByMid.set(mids[i], col); });
+    const dtdResult = searchResult?.dtdResult;
     for (let index = 0; index < rows.length; index++) {
         // Interruzione richiesta dall'utente: restituisce i documenti già elaborati
         if (signal?.aborted)
             break;
         const row = rows[index];
-        // Extract TID and DID from row
-        const tid = tidColIndex >= 0 ? Number(row[tidColIndex]) : searchResult?.fromTID;
-        const did = didColIndex >= 0 ? Number(row[didColIndex]) : undefined;
-        // Fetch complete metadata for this specific document (like getFilteredMetadata does)
-        const metadata = await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(tid, did, true);
-        if (metadata) {
-            // Get full DTD with metadata for this document
-            const dtdResult = metadata.dtdResult;
-            const metadataRows = dtdResult?.rows?.[0] ?? [];
-            const mids = metadata.selectMIDs;
-            const dtdWithMetadata = await DcmtTypeListCacheService.GetWithNotGrantedAsync(tid, did, metadata);
-            const mdList = dtdWithMetadata?.metadata ?? [];
+        const item = { rowIndex: index };
+        if (mdList.length > 0) {
             // Convert to MetadataValueDescriptorEx array
-            const metadataList = searchResultToMetadataValues(tid, dtdResult, metadataRows, mids, mdList, LayoutModes.Update);
+            const metadataList = searchResultToMetadataValues(tid, dtdResult, row, mids, mdList, LayoutModes.Update);
             // Convert to DcmtMetadataMap format (like getFilteredMetadata does)
-            const item = { rowIndex: index };
             for (const mvd of metadataList) {
                 if (hideSysMetadata && mvd.mid !== undefined && mvd.mid < 100)
                     continue;
@@ -106,23 +109,18 @@ export const searchResultToDataSource = async (searchResult, hideSysMetadata, si
                     : (mvd.md?.name ?? '');
                 if (key) {
                     // Find the corresponding column by MID to format the value
-                    const column = dtdResult?.columns?.find(c => Number(c.extendedProperties?.["MID"] ?? "0") === mvd.mid);
                     item[key] = {
                         md: mvd.md,
-                        value: getDisplayValueByColumn(column, mvd.value)
+                        value: getDisplayValueByColumn(columnByMid.get(mvd.mid ?? 0), mvd.value)
                     };
                 }
             }
-            output.push(item);
         }
         else {
-            // Fallback: use original row data with basic parsing
-            const item = { rowIndex: index };
-            const fallbackTid = searchResult?.fromTID;
-            const dtd = await DcmtTypeListCacheService.GetWithNotGrantedAsync(fallbackTid, undefined, searchResult);
+            // Fallback: il DTD non è risolvibile, usa le colonne grezze del risultato
             for (let i = 0; i < row.length; i++) {
-                const column = searchResult?.dtdResult?.columns?.[i];
-                const mid = Number(column?.extendedProperties?.["MID"] ?? "0");
+                const column = columns[i];
+                const mid = mids[i];
                 if (hideSysMetadata && mid < 100)
                     continue;
                 let key = column?.caption ?? '';
@@ -134,20 +132,18 @@ export const searchResultToDataSource = async (searchResult, hideSysMetadata, si
                         key = `${key}_${mid}`;
                     }
                 }
-                const value = row[i];
-                const md = dtd?.metadata?.find(o => o.id == mid);
                 item[key] = {
-                    md: md,
-                    value: getDisplayValueByColumn(column, value)
+                    md: undefined,
+                    value: getDisplayValueByColumn(column, row[i])
                 };
             }
-            output.push(item);
         }
+        output.push(item);
     }
     return output;
 };
 export const DEFAULT_RELATION_EXPAND_LEVEL = 4; // Default maximum depth level for expansion (can be adjusted)
-const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndicator = true, allowShowZeroDcmts = true, initialShowZeroDcmts = false, allowedTIDs, allowMultipleSelection = false, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged, onAllItemsChanged, onDocumentDoubleClick, customItemRender, customDocumentStyle, customMainContainerContent, customDocumentContent, showMetadataNames = false, maxDepthLevel = 2, invertMasterNavigation = true, additionalStaticItems, showMainDocument = true, labelMainContainer, onNoRelationsFound, onItemContextMenu, focusedItemFormData = [], showExpandAllButton = false, defaultExpandAll = false, onLoadingStateChanged, onStopCalculationReady, onCalculationStopped }) => {
+const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndicator = true, allowShowZeroDcmts = true, initialShowZeroDcmts = false, allowedTIDs, allowMultipleSelection = false, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged, onAllItemsChanged, onDocumentDoubleClick, customItemRender, customDocumentStyle, customMainContainerContent, customDocumentContent, showMetadataNames = false, maxDepthLevel = 2, invertMasterNavigation = true, additionalStaticItems, showMainDocument = true, labelMainContainer, onNoRelationsFound, onItemContextMenu, focusedItemFormData = [], showExpandAllButton = false, defaultExpandAll = false, onLoadingStateChanged, onLoadingProgress, onStopCalculationReady, onCalculationStopped }) => {
     // State
     const [dcmtTypes, setDcmtTypes] = useState([]);
     const [treeData, setTreeData] = useState([]);
@@ -196,6 +192,11 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
         const isLoading = showWaitPanel || showExpansionWaitPanel;
         onLoadingStateChanged?.(isLoading);
     }, [showWaitPanel, showExpansionWaitPanel, onLoadingStateChanged]);
+    // Notifica al padre l'avanzamento del caricamento iniziale (documenti processati
+    // sul totale), così può mostrarlo nel proprio overlay che copre il wait panel interno
+    useEffect(() => {
+        onLoadingProgress?.(waitPanelValuePrimary, waitPanelMaxValuePrimary);
+    }, [waitPanelValuePrimary, waitPanelMaxValuePrimary, onLoadingProgress]);
     // Mantiene l'AbortController dell'espansione in corso accessibile da callback stabili
     const expansionAbortControllerRef = React.useRef(undefined);
     useEffect(() => {
@@ -638,6 +639,11 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                         }
                     }
                 }
+                // Interruzione richiesta dall'utente: il documento corrente non è stato
+                // caricato per intero, quindi non viene aggiunto all'albero. Il parziale
+                // resta così a granularità di documento (es. 3 completi su 10).
+                if (abortController.signal.aborted)
+                    break;
                 // Aggiungi i master come root, raggruppando per TID e relationId
                 for (const masterContainer of masterDocs) {
                     const existingContainer = tree.find(c => c.tid === masterContainer.tid && c.relationId === masterContainer.relationId && c.isContainer);
@@ -666,6 +672,9 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                 const relatedDocs = isForMaster
                     ? await getMasterDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel, abortController.signal)
                     : await getDetailDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel, abortController.signal);
+                // Interruzione richiesta dall'utente
+                if (abortController.signal.aborted)
+                    break;
                 // Se showMainDocument è false, mostra i container dei dettagli direttamente sotto il container principale
                 if (!showMainDocument) {
                     // Check if a container for this TID already exists in the tree
@@ -817,7 +826,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
         const wasStopped = abortController.signal.aborted;
         if (wasStopped) {
             setLoadStoppedByUser(true);
-            onCalculationStopped?.();
+            onCalculationStopped?.(processedCount, inputDcmts.length);
         }
         // If no relations found, notify parent
         if (!wasStopped && hasNoRelations && onNoRelationsFound) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev3.4",
+    "version": "6.22.0-dev3.6",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",