@topconsultnpm/sdkui-react 6.22.0-t2 → 6.22.0-t3

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { DcmtTypeListCacheService, LayoutModes, ObjectClasses, SDK_Globals, SDK_Localizator } from '@topconsultnpm/sdk-ts';
 import TMRelationViewer from './TMRelationViewer';
@@ -14,12 +14,13 @@ import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/p
 import TMSearchResult from '../search/TMSearchResult';
 import TMDcmtForm from './TMDcmtForm';
 import { TMNothingToShow } from './TMDcmtPreview';
-import { TMButton, TMLayoutWaitingContainer } from '../..';
+import { TMButton } from '../..';
+import TMLayoutContainer from '../../base/TMLayout';
 import { useDocumentOperations } from '../../../hooks/useDocumentOperations';
 import TMToppyMessage from '../../../helper/TMToppyMessage';
 import TMPanel from '../../base/TMPanel';
-import sixLogo from '../../../assets/six.png';
-const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, deviceType, inputDcmts, isForMaster, showCurrentDcmtIndicator = true, allowNavigation, canNext, canPrev, onNext, onPrev, onBack, appendMasterDcmts, onTaskCreateRequest, onRefreshAfterAddDcmtToFavs, editPdfForm, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, datagridUtility, dcmtUtility, fetchRemoteCertificates }) => {
+import TMSpinner from '../../base/TMSpinner';
+const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, deviceType, inputDcmts, isForMaster, showCurrentDcmtIndicator = true, allowNavigation, canNext, canPrev, onNext, onPrev, onBack, onFirstLoadCompleted, appendMasterDcmts, onTaskCreateRequest, onRefreshAfterAddDcmtToFavs, editPdfForm, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, datagridUtility, dcmtUtility, fetchRemoteCertificates }) => {
     const floatingBarContainerRef = useRef(null);
     const [focusedItem, setFocusedItem] = useState();
     const [selectedItems, setSelectedItems] = useState([]);
@@ -45,6 +46,13 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
     const [refreshKey, setRefreshKey] = useState(0);
     // Separate refresh key for TMFormOrResultWrapper only (doesn't affect tmTreeView)
     const [refreshKeyFormOrResult, setRefreshKeyFormOrResult] = useState(0);
+    // Stato dell'albero conservato qui perché il bump di refreshKey rimonta TMRelationViewer:
+    // una ref interna al viewer non sopravvivrebbe. Riletto dal useMemo di tmTreeView,
+    // che si ricalcola proprio al refresh.
+    const treeStateRef = useRef(undefined);
+    const handleTreeStateChange = useCallback((state) => {
+        treeStateRef.current = state;
+    }, []);
     /** State for transformed focusedItem metadata values (similar to formData in TMDcmtForm) */
     const [focusedItemFormData, setFocusedItemFormData] = useState([]);
     // Trigger operationItems refresh (after file substitution, etc.)
@@ -64,6 +72,24 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
             setIsCheckingFirstLoad(false);
         }
     }, [isRelationViewerLoading, isCheckingFirstLoad]);
+    useEffect(() => {
+        if (!isCheckingFirstLoad)
+            onFirstLoadCompleted?.();
+    }, [isCheckingFirstLoad, onFirstLoadCompleted]);
+    // Dal montaggio fino all'apertura del wait panel del viewer (il tempo di caricare i
+    // tipi documento) la pagina resta nascosta: senza spinner non si vedrebbe nulla.
+    const [waitingFirstLoad, setWaitingFirstLoad] = useState(true);
+    useEffect(() => {
+        if (!waitingFirstLoad)
+            return;
+        // Da qui in avanti e' il wait panel a dare riscontro
+        if (isRelationViewerLoading) {
+            setWaitingFirstLoad(false);
+            return;
+        }
+        TMSpinner.show({ description: SDKUI_Localizator.Loading });
+        return () => TMSpinner.hide();
+    }, [waitingFirstLoad, isRelationViewerLoading]);
     // Increments trigger counter to force operationItems to re-calculate
     const onRefreshOperationsDatagrid = useCallback(async () => {
         setRefreshOperationsTrigger(prev => prev + 1);
@@ -72,12 +98,6 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
     const handleStopCalculationReady = useCallback((stopCalculation) => {
         stopRelationsCalculationRef.current = stopCalculation;
     }, []);
-    // Interrompe il calcolo delle correlazioni: mostra subito quelle già calcolate
-    // senza attendere le restanti chiamate GetMetadata
-    const handleStopRelationsCalculation = useCallback(() => {
-        stopRelationsCalculationRef.current?.();
-        setIsCheckingFirstLoad(false); // Nasconde l'overlay e mostra l'albero (parziale)
-    }, []);
     // Esce dalla maschera interrompendo anche le chiamate GetMetadata ancora in coda:
     // l'interruzione è invocata in modo sincrono perché onBack può smontare il componente
     // (un effect non farebbe in tempo a propagare l'interruzione)
@@ -86,18 +106,30 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
         stopRelationsCalculationRef.current?.();
         onBack?.();
     }, [onBack]);
-    const handleCancelFirstLoad = useCallback(() => {
-        setIsCheckingFirstLoad(false);
-        handleBack();
-    }, [handleBack]);
-    // Notifica all'utente che i dati mostrati sono parziali (non quando si sta uscendo)
-    const handleRelationsCalculationStopped = useCallback(() => {
+    // Letta da handleRelationsCalculationStopped, che deve restare stabile: arriva fino
+    // alle dipendenze di loadData nel viewer, dove un cambio farebbe ripartire il calcolo
+    const handleBackRef = useRef(handleBack);
+    handleBackRef.current = handleBack;
+    // Notifica all'utente che i dati mostrati sono parziali
+    const handleRelationsCalculationStopped = useCallback((loadedCount, totalCount) => {
         if (isLeavingRef.current)
             return;
+        // Interrotto prima di calcolare qualcosa: non c'è nulla da mostrare, si torna indietro
+        if (loadedCount === 0) {
+            ShowAlert({
+                message: SDKUI_Localizator.RelationsCalculationStoppedEmpty,
+                title: SDKUI_Localizator.Attention,
+                duration: 6000,
+                mode: 'warning',
+            });
+            handleBackRef.current();
+            return;
+        }
+        // Testo breve: il box di ShowAlert ha altezza fissa e taglia oltre le due righe
         ShowAlert({
-            message: SDKUI_Localizator.RelationsCalculationStopped,
+            message: SDKUI_Localizator.RelationsCalculationStoppedProgress.replaceParams(loadedCount.toString(), totalCount.toString()),
             title: SDKUI_Localizator.Attention,
-            duration: 4000,
+            duration: 6000,
             mode: 'info',
         });
     }, []);
@@ -275,7 +307,6 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
             onRefreshAfterAddDcmtToFavs,
         },
     });
-    const { dcmtOperations: { abortController, showWaitPanel, showPrimary, waitPanelTitle, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, }, } = features;
     // Nuovi documenti in input: il componente non sta più uscendo dalla maschera
     // (chiave stabile: l'array inputDcmts può essere ricreato a ogni render)
     const inputDcmtsKey = useMemo(() => (inputDcmts ?? []).map(d => `${d.TID}-${d.DID}`).join('|'), [inputDcmts]);
@@ -379,11 +410,11 @@ 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, onLoadingStateChanged: setIsRelationViewerLoading, onStopCalculationReady: handleStopCalculationReady, onCalculationStopped: handleRelationsCalculationStopped, initialTreeState: treeStateRef.current, onTreeStateChange: handleTreeStateChange }), _jsx(TMContextMenu, { items: operationItems, externalControl: {
                                 visible: contextMenuVisible,
                                 position: contextMenuPosition,
                                 onClose: () => setContextMenuVisible(false)
-                            } })] }) }), [inputDcmts, isForMaster, showCurrentDcmtIndicator, showZeroDcmts, allowMultipleSelection, focusedItem, selectedItems, handleFocusedItemChanged, handleSelectedItemsChanged, handleNoRelationsFound, onItemContextMenu, contextMenuVisible, contextMenuPosition, refreshKey, focusedItemFormData, isRelationViewerLoading, handleStopCalculationReady, handleRelationsCalculationStopped]);
+                            } })] }) }), [inputDcmts, isForMaster, showCurrentDcmtIndicator, showZeroDcmts, allowMultipleSelection, focusedItem, selectedItems, handleFocusedItemChanged, handleSelectedItemsChanged, handleNoRelationsFound, onItemContextMenu, contextMenuVisible, contextMenuPosition, refreshKey, focusedItemFormData, isRelationViewerLoading, handleStopCalculationReady, handleRelationsCalculationStopped, handleTreeStateChange]);
     const tmFormOrResult = useMemo(() => _jsx(TMFormOrResultWrapper, { refreshKey: refreshKeyFormOrResult, deviceType: deviceType, focusedItem: focusedItem, onTaskCreateRequest: onTaskCreateRequest, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, handleNavigateToReference: handleNavigateToReference, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, editPdfForm: editPdfForm, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, onRefreshSearchResults: onRefreshAllPanels }), [focusedItem, deviceType, allTasks, handleNavigateToWGs, handleNavigateToDossiers, handleNavigateToReference, editPdfForm, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, onRefreshAfterAddDcmtToFavs, refreshKeyFormOrResult]);
     const initialPanelDimensions = {
         'tmTreeView': { width: '50%', height: '100%' },
@@ -463,7 +494,7 @@ 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 (_jsx("div", { style: { width: '100%', height: '100%', position: 'relative' }, children: _jsxs("div", { style: isCheckingFirstLoad ? { position: 'absolute', width: 0, height: 0, overflow: 'hidden', opacity: 0, pointerEvents: 'none' } : { width: '100%', height: '100%' }, children: [_jsx(TMLayoutContainer, { direction: 'vertical', 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 +503,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, onLoadingStateChanged, onStopCalculationReady, onCalculationStopped, initialTreeState, onTreeStateChange }) => {
     const { setPanelVisibilityById, setToolbarButtonVisibility } = useTMPanelManagerContext();
     // Monitor device type changes to restore panel visibility when switching from mobile to desktop
     const deviceType = useDeviceType();
@@ -532,7 +563,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, onLoadingStateChanged: onLoadingStateChanged, onStopCalculationReady: onStopCalculationReady, onCalculationStopped: onCalculationStopped, initialTreeState: initialTreeState, onTreeStateChange: onTreeStateChange }, 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,109 +573,3 @@ 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 }) => {
-    return (_jsx("div", { style: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            backgroundColor: 'rgba(248, 250, 252, 0.92)',
-            zIndex: 1000,
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-        }, children: _jsxs("div", { style: {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-                gap: '16px',
-                padding: '24px 32px',
-                background: '#fcfcfc',
-                borderRadius: '8px',
-                boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',
-            }, children: [_jsxs("div", { style: { position: 'relative', width: '80px', height: '80px' }, children: [_jsx("img", { style: {
-                                position: 'absolute',
-                                top: '50%',
-                                left: '50%',
-                                transform: 'translate(-54%, -54%)'
-                            }, src: sixLogo, width: 35, alt: "" }), _jsx("style", { children: `
-						@keyframes tmSpinnerRotate {
-							0% { transform: rotate(0deg); }
-							100% { transform: rotate(360deg); }
-						}
-						.tm-spinner-animation {
-							display: inline-block;
-							width: 80px;
-							height: 80px;
-							position: absolute;
-							top: 50%;
-							left: 50%;
-							transform: translate(-50%, -50%);
-						}
-						.tm-spinner-animation div {
-							animation: tmSpinnerRotate 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-							transform-origin: 40px 40px;
-						}
-						.tm-spinner-animation div:after {
-							content: " ";
-							display: block;
-							position: absolute;
-							width: 7px;
-							height: 7px;
-							border-radius: 50%;
-							background: #0c448e;
-							margin: -4px 0 0 -4px;
-						}
-						.tm-spinner-animation div:nth-child(1) { animation-delay: -0.036s; }
-						.tm-spinner-animation div:nth-child(1):after { top: 63px; left: 63px; background: #f7a51f; }
-						.tm-spinner-animation div:nth-child(2) { animation-delay: -0.072s; }
-						.tm-spinner-animation div:nth-child(2):after { top: 68px; left: 56px; background: #f7a51f; }
-						.tm-spinner-animation div:nth-child(3) { animation-delay: -0.108s; }
-						.tm-spinner-animation div:nth-child(3):after { top: 71px; left: 48px; background: #d3237b; }
-						.tm-spinner-animation div:nth-child(4) { animation-delay: -0.144s; }
-						.tm-spinner-animation div:nth-child(4):after { top: 72px; left: 40px; background: #d3237b; }
-						.tm-spinner-animation div:nth-child(5) { animation-delay: -0.18s; }
-						.tm-spinner-animation div:nth-child(5):after { top: 71px; left: 32px; background: #d12a1c; }
-						.tm-spinner-animation div:nth-child(6) { animation-delay: -0.216s; }
-						.tm-spinner-animation div:nth-child(6):after { top: 68px; left: 24px; background: #d12a1c; }
-						.tm-spinner-animation div:nth-child(7) { animation-delay: -0.252s; }
-						.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: {
-                                padding: '8px 24px',
-                                fontSize: '13px',
-                                fontWeight: 500,
-                                color: 'white',
-                                background: '#0c448e',
-                                border: '1.5px solid #0c448e',
-                                borderRadius: '6px',
-                                cursor: 'pointer',
-                                transition: 'all 0.2s ease',
-                            }, onMouseEnter: (e) => {
-                                e.currentTarget.style.background = '#0a3872';
-                                e.currentTarget.style.borderColor = '#0a3872';
-                            }, onMouseLeave: (e) => {
-                                e.currentTarget.style.background = '#0c448e';
-                                e.currentTarget.style.borderColor = '#0c448e';
-                            }, children: stopText ?? SDKUI_Localizator.ShowPartialResults })), onCancel && (_jsx("button", { onClick: onCancel, style: {
-                                padding: '8px 24px',
-                                fontSize: '13px',
-                                fontWeight: 500,
-                                color: '#64748b',
-                                background: 'transparent',
-                                border: '1.5px solid #cbd5e1',
-                                borderRadius: '6px',
-                                cursor: 'pointer',
-                                transition: 'all 0.2s ease',
-                            }, onMouseEnter: (e) => {
-                                e.currentTarget.style.background = '#f1f5f9';
-                                e.currentTarget.style.borderColor = '#94a3b8';
-                                e.currentTarget.style.color = '#475569';
-                            }, onMouseLeave: (e) => {
-                                e.currentTarget.style.background = 'transparent';
-                                e.currentTarget.style.borderColor = '#cbd5e1';
-                                e.currentTarget.style.color = '#64748b';
-                            }, children: cancelText ?? SDKUI_Localizator.Back }))] }))] }) }));
-};

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { DataListViewModes, MetadataDataDomains, SDK_Globals } from '@topconsultnpm/sdk-ts';
 import { hoverStyle, IconChevronDown, IconClearButton, IconCopy, IconSearch, IconSuccess, SDKUI_Localizator } from '../../../helper';
-import { formatScalarValue, getUserMetadataSorted } from '../../../helper/dcmtsHelper';
+import { canViewMetadata, formatScalarValue, getUserMetadataSorted } from '../../../helper/dcmtsHelper';
 import { useDataListItem } from '../../../hooks/useDataListItem';
 import { TMColors } from '../../../utils/theme';
 import ShowAlert from '../../base/TMAlert';
@@ -84,7 +84,8 @@ const TMMasterInfoFields = ({ dtd, dcmt, getValuesByMidAsync, reloadToken, isExp
                     setRows([]);
                     return;
                 }
-                const metadata = getUserMetadataSorted(dtd);
+                // I metadati che l'utente non può vedere non si mostrano, come nel risultato di ricerca
+                const metadata = getUserMetadataSorted(dtd).filter(canViewMetadata);
                 // Precarica le liste dati referenziate dai metadati, così le card mostrano subito il valore leggibile
                 const dataListIDs = new Set();
                 metadata.forEach(md => { if (md.dataDomain === MetadataDataDomains.DataList && md.dataListID)
@@ -158,9 +159,7 @@ const TMMasterInfoFields = ({ dtd, dcmt, getValuesByMidAsync, reloadToken, isExp
         const hasValue = item.value !== undefined && item.value !== null && item.value !== '';
         const displayNode = item.dataListID > 0 && hasValue ? renderDataListCell(item.value, item.dataListID, item.viewMode) : (hasValue ? formatScalarValue(item.value, item.dataType, item.format, item.formatCulture) : '');
         return (_jsx(MetadataCard, { caption: item.caption, copyText: getCopyText(item), children: hasValue
-                ? (
-                // Tooltip con il valore esteso (utile quando è troncato)
-                _jsx(TMTooltip, { content: displayNode, parentStyle: { flex: 1, minWidth: 0 }, childStyle: { maxWidth: '100%', minWidth: 0 }, children: _jsx("span", { style: { ...styles.value, minWidth: 0 }, children: displayNode }) }))
+                ? (_jsx(TMTooltip, { content: displayNode, parentStyle: { flex: 1, minWidth: 0 }, childStyle: { maxWidth: '100%', minWidth: 0 }, children: _jsx("span", { style: { ...styles.value, minWidth: 0 }, children: displayNode }) }))
                 // Segnaposto per i metadati vuoti: la card mantiene la stessa altezza
                 : _jsx("span", { style: { ...styles.value, ...styles.emptyValue }, children: "\u2014" }) }, item.mid));
     };

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

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState } from 'react';
 import { DownloadTypes } from '../../../ts';
 import { calcResponsiveSizes, getExceptionMessage, IconFolderOpen, IconPlay, IconUndo, SDKUI_Globals, SDKUI_Localizator, } from '../../../helper';
-import { DcmtOpers, FileFormats, GeneralRetrieveFormats, InvoiceRetrieveFormats, OrderRetrieveFormats, ResultTypes, RetrieveFileOptions, ValidationItem, } from '@topconsultnpm/sdk-ts';
+import { DcmtOpers, FileFormats, GeneralRetrieveFormats, InvoiceRetrieveFormats, OrderRetrieveFormats, ResultTypes, ValidationItem, } from '@topconsultnpm/sdk-ts';
 import TMModal from '../../base/TMModal';
 import { useDeviceType } from '../../base/TMDeviceProvider';
 import TMTextBox from '../../editors/TMTextBox';
 import { ButtonNames, TMMessageBoxManager } from '../../base/TMPopUp';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
-import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
 import { TMSplitterLayout } from '../../base/TMLayout';
+import TMWaitPanelManager from '../../base/waitPanel/TMWaitPanelManager';
 import { TMColors } from '../../../utils/theme';
 import TMDownloadRelationViewerSection from './TMDownloadRelationViewerSection';
 import { getDcmtInfosToDownload, getFloatingLabelStyle, isDirectoryPickerSupported, MIN_PDF_FOR_MERGE, } from './copyAndMergeDcmtsShared';
@@ -50,16 +50,12 @@ const toPdfOrderRetrieveFormat = (format) => {
  */
 const TMMergeToPdfForm = (props) => {
     const { mode, selectedDcmtInfos, selectedItemsFull, onClose, showTMRelationViewer, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers } = props;
-    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, } = useDcmtOperations();
+    // Il wait panel del download lo apre e lo aggiorna l'hook: qui serve solo la funzione.
+    const { downloadDcmtsAsync } = useDcmtOperations();
     const deviceType = useDeviceType();
     const [pdfFileName, setPdfFileName] = useState(`${SDKUI_Localizator.Result.toLowerCase()}.pdf`);
     const [destinationFolder, setDestinationFolder] = useState('Download');
     const [selectedItemsRelationViewer, setSelectedItemsRelationViewer] = useState([]);
-    // ---- Stato per il merge PDF (progress bar) ----
-    const [isMergingPdf, setIsMergingPdf] = useState(false);
-    const [mergeProgressText, setMergeProgressText] = useState('');
-    const [mergeProgressValue, setMergeProgressValue] = useState(0);
-    const [mergeProgressMax, setMergeProgressMax] = useState(0);
     // ---- Ref per la selezione cartella (File System Access API) ----
     const folderHandleRef = useRef(null);
     const skipSelectFolderRef = useRef(false);
@@ -156,32 +152,36 @@ const TMMergeToPdfForm = (props) => {
         // Raccoglie gli errori come downloadDcmtsAsync
         const metadataConversionResults = [];
         if (metadataOnlyDcmts.length > 0) {
-            setIsMergingPdf(true);
-            setMergeProgressMax(metadataOnlyDcmts.length);
-            setMergeProgressValue(0);
-            setMergeProgressText('Creazione PDF metadati...');
+            const metadataPanel = TMWaitPanelManager.show({
+                title: SDKUI_Localizator.MergeToPdf,
+                subtitle: 'Creazione PDF metadati...',
+                max: metadataOnlyDcmts.length,
+            });
             for (let i = 0; i < metadataOnlyDcmts.length; i++) {
                 const dcmt = metadataOnlyDcmts[i];
                 try {
-                    setMergeProgressValue(i);
-                    setMergeProgressText(`Creazione PDF metadati... (${i + 1}/${metadataOnlyDcmts.length})`);
+                    metadataPanel.setSubtitle(`Creazione PDF metadati... (${i + 1}/${metadataOnlyDcmts.length})`);
                     const conversionResult = await createMetadataPdfFromDocument(dcmt);
                     if (conversionResult) {
                         pdfFilesMap.set(`${dcmt.TID}_${dcmt.DID}`, conversionResult.file);
                         metadataConversionResults.push({ rowIndex: i, id1: dcmt.TID, id2: dcmt.DID, resultType: ResultTypes.SUCCESS });
+                        metadataPanel.ok();
                     }
                     else {
                         // createMetadataPdfFromDocument ha restituito null (errore interno loggato)
                         metadataConversionResults.push({ rowIndex: i, id1: dcmt.TID, id2: dcmt.DID, resultType: ResultTypes.ERROR, description: 'Creazione PDF metadati fallita' });
+                        metadataPanel.error();
                     }
                 }
                 catch (error) {
                     console.error(`Errore creazione PDF metadati per TID=${dcmt.TID}, DID=${dcmt.DID}`, error);
                     metadataConversionResults.push({ rowIndex: i, id1: dcmt.TID, id2: dcmt.DID, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
+                    metadataPanel.error();
                 }
+                // Avanza a conversione conclusa: con un solo documento la barra non parte dal 100%
+                await metadataPanel.step();
             }
-            setMergeProgressValue(metadataOnlyDcmts.length);
-            setIsMergingPdf(false);
+            metadataPanel.close();
             // Mostra riepilogo errori se presenti (come downloadDcmtsAsync)
             const hasErrors = metadataConversionResults.some(r => r.resultType === ResultTypes.ERROR);
             if (hasErrors) {
@@ -190,12 +190,13 @@ const TMMergeToPdfForm = (props) => {
         }
         // Per i documenti con file, usa il download normale
         if (dcmtsWithFile.length > 0) {
-            const rfo = new RetrieveFileOptions();
-            rfo.retrieveReason = DcmtOpers.None;
-            rfo.generalRetrieveFormat = GeneralRetrieveFormats.OriginalUnsigned;
-            rfo.cvtFormat = FileFormats.PDF;
-            rfo.invoiceRetrieveFormat = toPdfInvoiceRetrieveFormat(SDKUI_Globals.userSettings?.searchSettings.invoiceRetrieveFormat);
-            rfo.orderRetrieveFormat = toPdfOrderRetrieveFormat(SDKUI_Globals.userSettings?.searchSettings.orderRetrieveFormat);
+            const rfo = {
+                retrieveReason: DcmtOpers.None,
+                generalRetrieveFormat: GeneralRetrieveFormats.OriginalUnsigned,
+                cvtFormat: FileFormats.PDF,
+                invoiceRetrieveFormat: toPdfInvoiceRetrieveFormat(SDKUI_Globals.userSettings?.searchSettings.invoiceRetrieveFormat),
+                orderRetrieveFormat: toPdfOrderRetrieveFormat(SDKUI_Globals.userSettings?.searchSettings.orderRetrieveFormat),
+            };
             const collectFileForMerge = async (file, dcmtInfo) => {
                 pdfFilesMap.set(`${dcmtInfo.TID}_${dcmtInfo.DID}`, file);
             };
@@ -226,16 +227,17 @@ const TMMergeToPdfForm = (props) => {
         if (!pdfFiles)
             return;
         const finalName = pdfFileName.trim().toLowerCase().endsWith('.pdf') ? pdfFileName.trim() : pdfFileName.trim() + '.pdf';
-        // Inizializza progress bar per il merge
-        setIsMergingPdf(true);
-        setMergeProgressMax(pdfFiles.length);
-        setMergeProgressValue(0);
-        setMergeProgressText(SDKUI_Localizator.MergeToPdf);
+        // Il merge non e' interrompibile: pannello senza Interrompi.
+        const mergePanel = TMWaitPanelManager.show({
+            title: SDKUI_Localizator.MergeToPdf,
+            subtitle: SDKUI_Localizator.MergeToPdf,
+            max: pdfFiles.length,
+            showCounters: false,
+        });
         try {
             const mergeOptions = {
                 onProgress: (current, total, file) => {
-                    setMergeProgressValue(current);
-                    setMergeProgressText(`${SDKUI_Localizator.MergeToPdf}: ${file.name}`);
+                    mergePanel.update({ value: current, subtitle: `${SDKUI_Localizator.MergeToPdf}: ${file.name}` });
                 }
             };
             // Se c'è una cartella selezionata (non Download di default), salva direttamente nella cartella
@@ -259,7 +261,7 @@ const TMMergeToPdfForm = (props) => {
             return;
         }
         finally {
-            setIsMergingPdf(false);
+            mergePanel.close();
         }
         onClose();
     };
@@ -360,29 +362,29 @@ const TMMergeToPdfForm = (props) => {
                                                 ? SDKUI_Localizator.FileNotPdfWillBeExcluded.replaceParams(extLabel)
                                                 : SDKUI_Localizator.FilesNotPdfWillBeExcluded.replaceParams(nonPdfSelectedItems.length.toString(), extLabel);
                                         })() }))] })] }))] })] }));
-    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel || isMergingPdf, showWaitPanelPrimary: isMergingPdf ? true : showPrimary, showWaitPanelSecondary: isMergingPdf ? false : showSecondary, waitPanelTitle: isMergingPdf ? SDKUI_Localizator.MergeToPdf : waitPanelTitle, waitPanelTextPrimary: isMergingPdf ? mergeProgressText : waitPanelTextPrimary, waitPanelValuePrimary: isMergingPdf ? mergeProgressValue : waitPanelValuePrimary, waitPanelMaxValuePrimary: isMergingPdf ? mergeProgressMax : waitPanelMaxValuePrimary, waitPanelTextSecondary: isMergingPdf ? '' : waitPanelTextSecondary, waitPanelValueSecondary: isMergingPdf ? 0 : waitPanelValueSecondary, waitPanelMaxValueSecondary: isMergingPdf ? 0 : waitPanelMaxValueSecondary, isCancelable: !isMergingPdf, abortController: abortController, usePortal: true, children: _jsx(TMModal, { width: calcResponsiveSizes(deviceType, showTMRelationViewer ? '90%' : '500px', showTMRelationViewer ? '90%' : '500px', '95%'), height: showTMRelationViewer ? '95%' : 'auto', title: getTitle(), onClose: onClose, showCloseButton: true, children: _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { display: 'flex', flexDirection: 'column', gap: '16px', padding: '16px', width: '100%', height: '100%', boxSizing: 'border-box', overflow: 'hidden' }, children: [showTMRelationViewer ? (_jsx("div", { style: { flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column' }, children: _jsxs(TMSplitterLayout, { direction: 'vertical', showSeparator: true, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', overflow: 'hidden', min: ["50", "50"], start: ["70%", "30%"], children: [_jsx(TMDownloadRelationViewerSection, { selectedDcmtInfos: selectedDcmtInfos, onSelectionChanged: setSelectedItemsRelationViewer, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), configSection] }, "TMMergeToPdf-relation-config") })) : (configSection), _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexShrink: 0, marginTop: '12px' }, children: _jsxs("button", { disabled: !isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0) || !hasEnoughPdfForMerge, onClick: run, style: {
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                gap: '6px',
-                                padding: '8px 20px',
-                                fontSize: '0.95rem',
-                                fontWeight: 600,
-                                color: '#fff',
-                                background: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0) || !hasEnoughPdfForMerge)
-                                    ? '#b0b0b0'
-                                    : 'linear-gradient(135deg, #28a745 0%, #218838 100%)',
-                                border: 'none',
-                                borderRadius: '6px',
-                                cursor: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0) || !hasEnoughPdfForMerge) ? 'not-allowed' : 'pointer',
-                                boxShadow: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0) || !hasEnoughPdfForMerge)
-                                    ? 'none'
-                                    : '0 2px 8px rgba(40, 167, 69, 0.35)',
-                                transition: 'all 0.2s ease',
-                            }, children: [_jsx(IconPlay, {}), _jsx("span", { children: mergeableSelectedCount === 0
-                                        ? SDKUI_Localizator.MergeToPdf
-                                        : mergeableSelectedCount > 999
-                                            ? _jsx(TMTooltip, { content: mergeableSelectedCount.toString(), children: SDKUI_Localizator.MergeFilesToPdf.replaceParams('999+') })
-                                            : SDKUI_Localizator.MergeFilesToPdf.replaceParams(mergeableSelectedCount.toString()) })] }) })] }) }) }));
+    return (_jsx(TMModal, { width: calcResponsiveSizes(deviceType, showTMRelationViewer ? '90%' : '500px', showTMRelationViewer ? '90%' : '500px', '95%'), height: showTMRelationViewer ? '95%' : 'auto', title: getTitle(), onClose: onClose, showCloseButton: true, children: _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { display: 'flex', flexDirection: 'column', gap: '16px', padding: '16px', width: '100%', height: '100%', boxSizing: 'border-box', overflow: 'hidden' }, children: [showTMRelationViewer ? (_jsx("div", { style: { flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column' }, children: _jsxs(TMSplitterLayout, { direction: 'vertical', showSeparator: true, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', overflow: 'hidden', min: ["50", "50"], start: ["70%", "30%"], children: [_jsx(TMDownloadRelationViewerSection, { selectedDcmtInfos: selectedDcmtInfos, onSelectionChanged: setSelectedItemsRelationViewer, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), configSection] }, "TMMergeToPdf-relation-config") })) : (configSection), _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexShrink: 0, marginTop: '12px' }, children: _jsxs("button", { disabled: !isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0) || !hasEnoughPdfForMerge, onClick: run, style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            gap: '6px',
+                            padding: '8px 20px',
+                            fontSize: '0.95rem',
+                            fontWeight: 600,
+                            color: '#fff',
+                            background: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0) || !hasEnoughPdfForMerge)
+                                ? '#b0b0b0'
+                                : 'linear-gradient(135deg, #28a745 0%, #218838 100%)',
+                            border: 'none',
+                            borderRadius: '6px',
+                            cursor: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0) || !hasEnoughPdfForMerge) ? 'not-allowed' : 'pointer',
+                            boxShadow: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0) || !hasEnoughPdfForMerge)
+                                ? 'none'
+                                : '0 2px 8px rgba(40, 167, 69, 0.35)',
+                            transition: 'all 0.2s ease',
+                        }, children: [_jsx(IconPlay, {}), _jsx("span", { children: mergeableSelectedCount === 0
+                                    ? SDKUI_Localizator.MergeToPdf
+                                    : mergeableSelectedCount > 999
+                                        ? _jsx(TMTooltip, { content: mergeableSelectedCount.toString(), children: SDKUI_Localizator.MergeFilesToPdf.replaceParams('999+') })
+                                        : SDKUI_Localizator.MergeFilesToPdf.replaceParams(mergeableSelectedCount.toString()) })] }) })] }) }));
 };
 export default TMMergeToPdfForm;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { LayoutModes } from "@topconsultnpm/sdk-ts";
 import { LoadIndicator } from "devextreme-react/load-indicator";
@@ -6,7 +6,6 @@ import { SearchResultContext } from "../../../ts";
 import { getFullFileExtension, getMultiDetailModalSize, getMultiDetailPanelStates, hasMultiDetailPanelStates, hoverStyle, IconArchive, IconArrowDown, IconArrowUp, IconDelete, IconDuplicate, IconEdit, IconEraser, IconInfo, IconMenuVertical, IconRefresh, IconSearch, IconSearchCheck, saveMultiDetailModalSize, saveMultiDetailPanelStates, SDKUI_Localizator } from "../../../helper";
 import { TMColors } from "../../../utils/theme";
 import { DeviceType, useDeviceType } from "../../base/TMDeviceProvider";
-import { TMLayoutWaitingContainer } from "../../base/TMWaitPanel";
 import TMModal from "../../base/TMModal";
 import TMDataGrid from "../../base/TMDataGrid";
 import TMTooltip from "../../base/TMTooltip";
@@ -48,7 +47,7 @@ const styles = {
 const MOBILE_SECTION = 'archiveList';
 const TMMultiMasterDetailDcmtsForm = (props) => {
     const { dtd, masterDcmt, onClose, canNavigateMaster, onNavigateMaster, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showDcmtFormSidebar, showTodoDcmtForm, openFileUploaderPdfEditor, graphometricManager, editPdfForm, openS4TViewer, showToppyDraggableHelpCenter, toppyHelpCenterUsePortal, fetchRemoteCertificates, onOpenS4TViewerRequest, onOpenPdfEditorRequest, onReferenceClick, onTaskCreateRequest, onRefreshAfterAddDcmtToFavs, onFileOpened, passToArchiveCallback, openWGsCopyMoveForm } = props;
-    const { isLoading, isSummaryReady, phase, setPhase, detailRelationItems, selectedRelation, selectedItem, hasMultipleTypes, selectRelation, backToTypeSelection, isBackLocked, closeModal, isMasterNavigationEnabled, canNavigateMasterPrev, canNavigateMasterNext, navigateMaster, sectionsOpen, setSectionOpen, openAllSections, clearLayout, layoutResetToken, hasSavedLayout, setHasSavedLayout, canUpdateMaster, masterFieldsCount, getMasterMetadataAsync, masterInfoReloadToken, isOpenMasterForm, setIsOpenMasterForm, handleMasterSavedAsync, archivedDetailResults, archivedDetailsCount, isLoadingArchivedDetails, refreshArchivedDetailsAsync, detailColumns, detailSupportsFile, archiveRows, currentRows, focusedRowKey, setFocusedRowKey, selectedRowKeys, setSelectedRowKeys, isOpenAddForm, editingRowId, editingRow, formInputMids, openAddForm, openEditForm, closeAddForm, deleteRow, duplicateRow, upsertRow, updateRowValues, copyArchivedDetailToRows, stopOnFirstError, setStopOnFirstError, isArchiving, archiveAllAsync, waitPanel, abortController, } = useMultiMasterDetailDcmts({ dtd, masterDcmt, onClose, canNavigateMaster, onNavigateMaster });
+    const { isLoading, isSummaryReady, phase, setPhase, detailRelationItems, selectedRelation, selectedItem, hasMultipleTypes, selectRelation, backToTypeSelection, isBackLocked, closeModal, isMasterNavigationEnabled, canNavigateMasterPrev, canNavigateMasterNext, navigateMaster, sectionsOpen, setSectionOpen, openAllSections, clearLayout, layoutResetToken, hasSavedLayout, setHasSavedLayout, canUpdateMaster, masterFieldsCount, getMasterMetadataAsync, masterInfoReloadToken, isOpenMasterForm, setIsOpenMasterForm, handleMasterSavedAsync, archivedDetailResults, archivedDetailsCount, isLoadingArchivedDetails, refreshArchivedDetailsAsync, detailColumns, detailSupportsFile, archiveRows, currentRows, focusedRowKey, setFocusedRowKey, selectedRowKeys, setSelectedRowKeys, isOpenAddForm, editingRowId, editingRow, formInputMids, openAddForm, openEditForm, closeAddForm, deleteRow, duplicateRow, upsertRow, updateRowValues, copyArchivedDetailToRows, stopOnFirstError, setStopOnFirstError, isArchiving, archiveAllAsync, } = useMultiMasterDetailDcmts({ dtd, masterDcmt, onClose, canNavigateMaster, onNavigateMaster });
     const deviceType = useDeviceType();
     // Su mobile il panel manager mostra un pannello alla volta: le sezioni si raggiungono dalla sua barra
     const isMobile = useMemo(() => deviceType === DeviceType.MOBILE, [deviceType]);
@@ -301,9 +300,7 @@ const TMMultiMasterDetailDcmtsForm = (props) => {
     // ----- Render principale --------------------------------------------------------------------
     if (isLoading)
         return null;
-    return _jsxs(_Fragment, { children: [_jsx(TMLayoutWaitingContainer, { direction: 'vertical', ...waitPanel, isCancelable: true, abortController: abortController, usePortal: true, children: _jsx(TMModal, { width: modalSize.width, height: modalSize.height, onClose: closeModal, onResized: persistModalSize, 
-                    // Cancellato il layout il popup torna alle dimensioni di default
-                    sizeResetToken: layoutResetToken, title: modalTitle, hidePopup: false, askClosingConfirm: archiveRows.length > 0, recenterOnResize: true, titleActions: renderTitleActions(), children: _jsxs("div", { style: styles.content, children: [hasMultipleTypes && _jsx("div", { style: styles.header, children: renderStepper({
+    return _jsxs(_Fragment, { children: [_jsx("div", { style: { width: 0, height: 0 }, children: _jsx(TMModal, { width: modalSize.width, height: modalSize.height, onClose: closeModal, onResized: persistModalSize, sizeResetToken: layoutResetToken, title: modalTitle, hidePopup: false, askClosingConfirm: archiveRows.length > 0, recenterOnResize: true, titleActions: renderTitleActions(), children: _jsxs("div", { style: styles.content, children: [hasMultipleTypes && _jsx("div", { style: styles.header, children: renderStepper({
                                     steps,
                                     phase,
                                     hasMultipleTypes,

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

@@ -87,7 +87,7 @@ export declare const toGridNumber: (value: unknown) => number | undefined;
  * si rilegge nel form, si mostra in griglia e si archivia come una riga compilata a mano
  */
 export declare const toArchiveRowValue: (value: MetadataScalarValue, dataType: MetadataDataTypes | undefined) => string;
-/** Colonne della griglia di riepilogo dai metadati (utente) del tipo documento */
+/** Colonne della griglia di riepilogo dai metadati (utente) del tipo documento, esclusi quelli che l'utente non può vedere */
 export declare const buildColumnsFromDtd: (dtd: DcmtTypeDescriptor | undefined, renderDataListCell: (value: string | Date | number | undefined, dataListID: number, viewMode: DataListViewModes) => React.ReactElement) => Array<IColumnProps>;
 export declare const getDetailDtdAsync: (detailTID: number | undefined) => Promise<DcmtTypeDescriptor | undefined>;
 /** Nome visualizzato del tipo documento (localizzato se richiesto) */

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

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef } from 'react';
 import { AccessLevelsEx, DataListViewModes, DcmtTypeListCacheService, MetadataDataDomains, MetadataDataTypes, SDK_Globals } from '@topconsultnpm/sdk-ts';
 import { hoverStyle, IconChevronRight, IconWindowMaximize, IconWindowMinimize, SDKUI_Localizator } from '../../../helper';
-import { formatScalarValue, getUserMetadataSorted } from '../../../helper/dcmtsHelper';
+import { canViewMetadata, formatScalarValue, getUserMetadataSorted } from '../../../helper/dcmtsHelper';
 import { TMColors } from '../../../utils/theme';
 import { TMDcmtTypeIcon } from '../../viewers/TMTidViewer';
 import TMTooltip from '../../base/TMTooltip';
@@ -71,8 +71,8 @@ export const toArchiveRowValue = (value, dataType) => {
     }
     return String(value);
 };
-/** Colonne della griglia di riepilogo dai metadati (utente) del tipo documento */
-export const buildColumnsFromDtd = (dtd, renderDataListCell) => getUserMetadataSorted(dtd).map(md => {
+/** Colonne della griglia di riepilogo dai metadati (utente) del tipo documento, esclusi quelli che l'utente non può vedere */
+export const buildColumnsFromDtd = (dtd, renderDataListCell) => getUserMetadataSorted(dtd).filter(canViewMetadata).map(md => {
     const dataListID = md.dataListID ?? 0;
     const isDataList = md.dataDomain === MetadataDataDomains.DataList && dataListID > 0;
     const viewMode = md.dataListViewMode ?? DataListViewModes.None;