@topconsultnpm/sdkui-react 6.22.0-dev3.24 → 6.22.0-dev3.26

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

@@ -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([]);
@@ -71,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);
@@ -79,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)
@@ -93,25 +106,30 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
         stopRelationsCalculationRef.current?.();
         onBack?.();
     }, [onBack]);
-    const handleCancelFirstLoad = useCallback(() => {
-        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)
+    // 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;
-        // Con piu' documenti in input, indica quanti sono stati completati (es. "3/10")
-        const progress = totalCount > 1 ? ` (${loadedCount}/${totalCount})` : '';
+        // 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}${progress}`,
+            message: SDKUI_Localizator.RelationsCalculationStoppedProgress.replaceParams(loadedCount.toString(), totalCount.toString()),
             title: SDKUI_Localizator.Attention,
-            duration: 4000,
+            duration: 6000,
             mode: 'info',
         });
     }, []);
@@ -289,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]);
@@ -393,7 +410,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, onLoadingProgress: handleRelationsProgress, onStopCalculationReady: handleStopCalculationReady, onCalculationStopped: handleRelationsCalculationStopped, initialTreeState: treeStateRef.current, onTreeStateChange: handleTreeStateChange }), _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)
@@ -477,12 +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, description: relationsProgress.max > 1
-                    ? `${isForMaster ? SDKUI_Localizator.LoadingMasterDocuments : SDKUI_Localizator.LoadingDetailDocuments} (${relationsProgress.value}/${relationsProgress.max})`
-                    : undefined, progressValue: relationsProgress.value, progressMax: relationsProgress.max, 
-                // Con un solo documento in input la chiamata è unica: non ci sono
-                // risultati parziali da mostrare, quindi il pulsante resta disabilitato
-                stopDisabled: (inputDcmts?.length ?? 0) <= 1 })), _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;
 /**
@@ -491,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, onLoadingProgress, onStopCalculationReady, onCalculationStopped, initialTreeState, onTreeStateChange }) => {
+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();
@@ -551,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, onLoadingProgress: onLoadingProgress, onStopCalculationReady: onStopCalculationReady, onCalculationStopped: onCalculationStopped, initialTreeState: initialTreeState, onTreeStateChange: onTreeStateChange }, 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();
@@ -561,117 +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, progressValue, progressMax, stopDisabled }) => {
-    // 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,
-            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 }), (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, disabled: stopDisabled, title: SDKUI_Localizator.StopRelationsCalculation, style: {
-                                padding: '8px 24px',
-                                fontSize: '13px',
-                                fontWeight: 500,
-                                color: stopDisabled ? '#94a3b8' : 'white',
-                                background: stopDisabled ? '#e2e8f0' : '#0c448e',
-                                border: `1.5px solid ${stopDisabled ? '#e2e8f0' : '#0c448e'}`,
-                                borderRadius: '6px',
-                                cursor: stopDisabled ? 'not-allowed' : 'pointer',
-                                transition: 'all 0.2s ease',
-                            }, onMouseEnter: (e) => {
-                                if (stopDisabled)
-                                    return;
-                                e.currentTarget.style.background = '#0a3872';
-                                e.currentTarget.style.borderColor = '#0a3872';
-                            }, onMouseLeave: (e) => {
-                                if (stopDisabled)
-                                    return;
-                                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.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DcmtTypeDescriptor } from '@topconsultnpm/sdk-ts';
 import { DcmtInfo } from '../../../ts';
 interface TMMasterInfoFieldsProps {
@@ -16,5 +15,5 @@ interface TMMasterInfoFieldsProps {
      */
     isExpandedView?: boolean;
 }
-declare const TMMasterInfoFields: ({ dtd, dcmt, getValuesByMidAsync, reloadToken, isExpandedView }: TMMasterInfoFieldsProps) => React.JSX.Element;
+declare const TMMasterInfoFields: ({ dtd, dcmt, getValuesByMidAsync, reloadToken, isExpandedView }: TMMasterInfoFieldsProps) => import("react/jsx-runtime").JSX.Element;
 export default TMMasterInfoFields;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DcmtInfo } from '../../../ts';
 import { HomeBlogPost, TaskDescriptor } from '@topconsultnpm/sdk-ts';
 import { TMCopyToFolderMode } from '../../../hooks/useDocumentOperations';
@@ -20,5 +19,5 @@ interface ITMMergeToPdfFormProps {
  * Form per l'unione di più documenti PDF in un singolo file.
  * Condivide TMDownloadRelationViewerSection e gli helper in copyAndMergeDcmtsShared con TMCopyToFolderForm.
  */
-declare const TMMergeToPdfForm: (props: ITMMergeToPdfFormProps) => React.JSX.Element;
+declare const TMMergeToPdfForm: (props: ITMMergeToPdfFormProps) => import("react/jsx-runtime").JSX.Element;
 export default TMMergeToPdfForm;

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

@@ -8,8 +8,8 @@ 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) {
@@ -227,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
@@ -260,7 +261,7 @@ const TMMergeToPdfForm = (props) => {
             return;
         }
         finally {
-            setIsMergingPdf(false);
+            mergePanel.close();
         }
         onClose();
     };
@@ -361,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.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { DcmtTypeDescriptor, HomeBlogPost, ObjectRef, TaskDescriptor } from "@topconsultnpm/sdk-ts";
 import { DcmtInfo, IGraphometricManagerProp, TaskContext } from "../../../ts";
 import { IntesiCertificateData } from "../../../helper";
@@ -42,5 +41,5 @@ interface TMMultiMasterDetailDcmtsFormProps {
     }>, tid?: number) => void;
     openWGsCopyMoveForm?: (mode: "copyToWgDraft" | "copyToWgArchivedDoc", dcmtTypeDescriptor: DcmtTypeDescriptor, documents: Array<DcmtInfo>) => void;
 }
-declare const TMMultiMasterDetailDcmtsForm: (props: TMMultiMasterDetailDcmtsFormProps) => React.JSX.Element | null;
+declare const TMMultiMasterDetailDcmtsForm: (props: TMMultiMasterDetailDcmtsFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMMultiMasterDetailDcmtsForm;

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

@@ -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,19 +300,19 @@ const TMMultiMasterDetailDcmtsForm = (props) => {
     // ----- Render principale --------------------------------------------------------------------
     if (isLoading)
         return null;
-    return _jsxs(_Fragment, { children: [_jsx("div", { style: { width: 0, height: 0 }, 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, 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,
-                                        isBackLocked,
-                                        showBackArrow: isSummaryPhase,
-                                        onBack: backToTypeSelection,
-                                        onStepClick: (stepPhase) => (stepPhase === MultiDetailArchivePhase.SelectDcmtType ? backToTypeSelection() : setPhase(stepPhase)),
-                                    }) }), !isSummaryPhase
-                                    ? renderSelectDcmtType({ detailRelationItems, selectedRelation, onSelectRelation: selectRelation })
-                                    : (isSummaryReady
-                                        ? renderArchiveSummary()
-                                        : _jsx("div", { style: styles.loader, children: _jsx(LoadIndicator, { height: 40, width: 40 }) }))] }) }) }) }), isOpenAddForm && selectedRelation?.detailTID && (_jsx(TMDcmtForm, { isModal: true, titleModal: getDtdDisplayName(selectedItem?.detailDtd), TID: selectedRelation.detailTID, layoutMode: LayoutModes.Ark, showBackButton: false, allowButtonsRefs: false, inputMids: formInputMids, inputFile: editingRow?.__file ?? null, archiveListMode: {
+    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,
+                                    isBackLocked,
+                                    showBackArrow: isSummaryPhase,
+                                    onBack: backToTypeSelection,
+                                    onStepClick: (stepPhase) => (stepPhase === MultiDetailArchivePhase.SelectDcmtType ? backToTypeSelection() : setPhase(stepPhase)),
+                                }) }), !isSummaryPhase
+                                ? renderSelectDcmtType({ detailRelationItems, selectedRelation, onSelectRelation: selectRelation })
+                                : (isSummaryReady
+                                    ? renderArchiveSummary()
+                                    : _jsx("div", { style: styles.loader, children: _jsx(LoadIndicator, { height: 40, width: 40 }) }))] }) }) }), isOpenAddForm && selectedRelation?.detailTID && (_jsx(TMDcmtForm, { isModal: true, titleModal: getDtdDisplayName(selectedItem?.detailDtd), TID: selectedRelation.detailTID, layoutMode: LayoutModes.Ark, showBackButton: false, allowButtonsRefs: false, inputMids: formInputMids, inputFile: editingRow?.__file ?? null, archiveListMode: {
                     isEditingRow: editingRowId !== undefined,
                     onUpsertRow: (values, file) => upsertRow(values, file),
                 }, onClose: closeAddForm, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, showDcmtFormSidebar: showDcmtFormSidebar, showTodoDcmtForm: showTodoDcmtForm, openFileUploaderPdfEditor: openFileUploaderPdfEditor, graphometricManager: graphometricManager })), isOpenMasterForm && masterDcmt?.TID !== undefined && masterDcmt?.DID !== undefined && (_jsx(TMDcmtForm, { isModal: true, titleModal: `${SDKUI_Localizator.Update}: ${getDtdDisplayName(dtd)}`, TID: masterDcmt.TID, DID: masterDcmt.DID, layoutMode: LayoutModes.Update, showBackButton: false, allowRelations: false, allowButtonsRefs: false, onSavedAsyncCallback: handleMasterSavedAsync, onClose: () => setIsOpenMasterForm(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, onTaskCreateRequest: onTaskCreateRequest, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, showDcmtFormSidebar: showDcmtFormSidebar, showTodoDcmtForm: showTodoDcmtForm, openFileUploaderPdfEditor: openFileUploaderPdfEditor, graphometricManager: graphometricManager, editPdfForm: editPdfForm, openS4TViewer: openS4TViewer, fetchRemoteCertificates: fetchRemoteCertificates, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, onReferenceClick: onReferenceClick }))] });

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

@@ -312,7 +312,7 @@ export interface RenderStepperParams {
     /** Click su uno step completato: riceve la fase di destinazione */
     onStepClick: (phase: number) => void;
 }
-export declare const renderStepper: ({ steps, phase, hasMultipleTypes, isBackLocked, showBackArrow, onBack, onStepClick }: RenderStepperParams) => React.JSX.Element;
+export declare const renderStepper: ({ steps, phase, hasMultipleTypes, isBackLocked, showBackArrow, onBack, onStepClick }: RenderStepperParams) => import("react/jsx-runtime").JSX.Element;
 export interface RenderSelectDcmtTypeParams {
     /** Relazioni di dettaglio fra cui scegliere */
     detailRelationItems: Array<DetailRelationItem>;
@@ -321,7 +321,7 @@ export interface RenderSelectDcmtTypeParams {
     /** Selezione di una relazione */
     onSelectRelation: (item: DetailRelationItem) => void;
 }
-export declare const renderSelectDcmtType: ({ detailRelationItems, selectedRelation, onSelectRelation }: RenderSelectDcmtTypeParams) => React.JSX.Element;
+export declare const renderSelectDcmtType: ({ detailRelationItems, selectedRelation, onSelectRelation }: RenderSelectDcmtTypeParams) => import("react/jsx-runtime").JSX.Element;
 export interface RenderAccordionHeaderParams {
     /** Sezione a cui appartiene la testata */
     section: AccordionSection;
@@ -340,7 +340,7 @@ export interface RenderAccordionHeaderParams {
     /** Apre/chiude la sezione */
     onToggleOpen: (section: AccordionSection, isOpen: boolean) => void;
 }
-export declare const renderAccordionHeader: ({ section, isOpen, tooltip, count, title, actions, panel, onToggleOpen }: RenderAccordionHeaderParams) => React.JSX.Element;
+export declare const renderAccordionHeader: ({ section, isOpen, tooltip, count, title, actions, panel, onToggleOpen }: RenderAccordionHeaderParams) => import("react/jsx-runtime").JSX.Element;
 /**
  * Contenuto di un pannello: il contesto del panel manager è leggibile solo dentro l'albero del
  * provider, quindi è qui che si prende lo stato di ingrandimento da passare alla sezione
@@ -349,7 +349,7 @@ export declare const TMSummarySectionSlot: ({ section, render, onBeforeMaximize
     section: AccordionSection;
     render: (panel: SectionPanelState) => React.ReactNode;
     onBeforeMaximize?: (section: AccordionSection) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * Segnala che l'utente ha spostato un separatore: è l'unico caso in cui le altezze dei pannelli sono
  * una sua scelta, quindi la sola da salvare. Le quote calcolate all'apertura del riepilogo o al