@topconsultnpm/sdkui-react 6.22.0-dev2.10 → 6.22.0-dev2.12

package/lib/components/base/TMPanel.d.ts

@@ -10,6 +10,7 @@ export interface ITMPanelProps {
     children?: React.ReactNode;
     showHeader?: boolean;
     title?: React.ReactNode;
+    enableTitleMarquee?: boolean;
     displayedItemsCount?: number;
     totalItems?: number;
     toolbar?: any;

package/lib/components/base/TMPanel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useRef, useState, forwardRef, useImperativeHandle } from 'react';
-import styled from 'styled-components';
+import styled, { css, keyframes } from 'styled-components';
 import { getAppModuleGradient, IconArrowLeft, IconClearButton, IconWindowMaximize, IconWindowMinimize, isPositiveNumber, SDKUI_Localizator } from '../../helper';
 import TMButton from './TMButton';
 import { Gutters } from '../../utils/theme';
@@ -96,6 +96,77 @@ const StyledPanelContent = styled.div `
         outline: none;
     }
 `;
+// Allineata al TABLET_BREAKPOINT (768) di TMDeviceProvider
+const MOBILE_MEDIA_QUERY = '(max-width: 767.98px)';
+// L'eccedenza da scorrere è "larghezza viewport - larghezza testo", ma nessuna delle due
+// è nota al CSS. La si ottiene componendo due percentuali che si risolvono su box diversi:
+// la track (larga quanto il viewport) va a +100% della PROPRIA larghezza, il testo a -100%
+// della SUA. Le due animazioni hanno stessa durata ed easing, quindi lo scostamento netto
+// in ogni istante è esattamente e(t) * (viewport - testo).
+const panelTitleTrackMarquee = keyframes `
+    0%, 15% { transform: translateX(0); }
+    45%, 55% { transform: translateX(100%); }
+    85%, 100% { transform: translateX(0); }
+`;
+const panelTitleTextMarquee = keyframes `
+    0%, 15% { transform: translateX(0); }
+    45%, 55% { transform: translateX(-100%); }
+    85%, 100% { transform: translateX(0); }
+`;
+// Ritaglia il testo in eccesso: è l'unico box con overflow hidden, la track ci scorre dentro
+const StyledPanelTitleViewport = styled.div `
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    min-width: 0;
+    overflow: hidden;
+    padding: 0 8px;
+`;
+// Larga quanto il viewport: è il metro con cui il -100% del testo viene compensato.
+const StyledPanelTitleTrack = styled.div `
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+
+    ${({ $marquee }) => $marquee && css `
+        @media ${MOBILE_MEDIA_QUERY} {
+            animation: ${panelTitleTrackMarquee} 10s ease-in-out infinite;
+
+            @media (prefers-reduced-motion: reduce) {
+                animation: none;
+            }
+        }
+    `}
+`;
+// Senza $marquee resta il troncamento con i puntini di sempre
+const StyledPanelTitle = styled.div `
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    ${({ $marquee }) => $marquee && css `
+        @media ${MOBILE_MEDIA_QUERY} {
+            flex: 0 0 auto;
+            width: max-content;
+            min-width: 100%;
+            max-width: none;
+            overflow: visible;
+            text-overflow: clip;
+            animation: ${panelTitleTextMarquee} 10s ease-in-out infinite;
+
+            @media (prefers-reduced-motion: reduce) {
+                animation: none;
+                width: auto;
+                min-width: 0;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+    `}
+`;
 /**
  * TMPanel - Pannello con supporto Controlled/Uncontrolled
  *
@@ -103,7 +174,7 @@ const StyledPanelContent = styled.div `
  *   - Se NON passata → Uncontrolled: gestione interna dello stato attivo (plug-and-play)
  *   - Se passata → Controlled: il parent gestisce lo stato tramite onActivate
  */
-const TMPanel = forwardRef(({ allowMaximize = true, color, backgroundColor, backgroundColorContainer, children, showHeader = true, title, totalItems, displayedItemsCount, toolbar, padding = '5px', isVisible = true, panelID = 'tmpanel', isActive, // Questa prop determinerà la modalità
+const TMPanel = forwardRef(({ allowMaximize = true, color, backgroundColor, backgroundColorContainer, children, showHeader = true, title, enableTitleMarquee = false, totalItems, displayedItemsCount, toolbar, padding = '5px', isVisible = true, panelID = 'tmpanel', isActive, // Questa prop determinerà la modalità
 onActivate, onBack, onClose, onHeaderDoubleClick, onMaximize, onActiveChanged }, ref) => {
     const [isMaximized, setIsMaximized] = useState(false);
     // Detect device type (e.g., mobile or desktop)
@@ -157,6 +228,7 @@ onActivate, onBack, onClose, onHeaderDoubleClick, onMaximize, onActiveChanged },
             handleFocusUncontrolled();
         }
     };
+    const titleMarqueeKey = enableTitleMarquee && (typeof title === 'string' || typeof title === 'number') ? String(title) : undefined;
     // handler for external maximize management
     const handleMaximize = () => {
         setIsMaximized(prevState => {
@@ -188,24 +260,11 @@ onActivate, onBack, onClose, onHeaderDoubleClick, onMaximize, onActiveChanged },
                                     flexDirection: 'row',
                                     alignItems: 'center',
                                     flexShrink: 0
-                                }, children: _jsxs(StyledBackButton, { "$isActive": currentIsActive, onClick: () => onBack ? onBack() : null, title: SDKUI_Localizator.Back, children: [_jsx(IconArrowLeft, {}), !isMobile && _jsx("span", { children: SDKUI_Localizator.Back })] }) }), _jsx("div", { style: {
-                                    flex: 1,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'flex-start',
-                                    minWidth: 0,
-                                    overflow: 'hidden',
-                                    padding: '0 8px'
-                                }, children: _jsxs("div", { style: {
-                                        whiteSpace: 'nowrap',
-                                        overflow: 'hidden',
-                                        textOverflow: 'ellipsis',
-                                        margin: 0
-                                    }, children: [title, isPositiveNumber(displayedItemsCount) && isPositiveNumber(totalItems)
-                                            ? ` (${displayedItemsCount} / ${totalItems})`
-                                            : isPositiveNumber(totalItems)
-                                                ? ` (${totalItems})`
-                                                : ''] }) }), _jsxs("div", { style: {
+                                }, children: _jsxs(StyledBackButton, { "$isActive": currentIsActive, onClick: () => onBack ? onBack() : null, title: SDKUI_Localizator.Back, children: [_jsx(IconArrowLeft, {}), !isMobile && _jsx("span", { children: SDKUI_Localizator.Back })] }) }), _jsx(StyledPanelTitleViewport, { children: _jsx(StyledPanelTitleTrack, { "$marquee": enableTitleMarquee, children: _jsxs(StyledPanelTitle, { "$marquee": enableTitleMarquee, children: [title, isPositiveNumber(displayedItemsCount) && isPositiveNumber(totalItems)
+                                                ? ` (${displayedItemsCount} / ${totalItems})`
+                                                : isPositiveNumber(totalItems)
+                                                    ? ` (${totalItems})`
+                                                    : ''] }) }, titleMarqueeKey) }), _jsxs("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
                                     alignItems: 'center',

package/lib/components/base/TMTreeView.js

@@ -77,6 +77,11 @@ const TMTreeView = ({ dataSource = [], focusedItem, selectedItems = [], allowMul
     const getVisibleItems = useCallback((node) => {
         if (!node.items)
             return [];
+        // Con la virtualizzazione react-window renderizza già solo le righe visibili:
+        // la paginazione nasconderebbe gli items oltre itemsPerPage senza renderizzare
+        // il paginatore, presente solo nel render standard (renderTree).
+        if (enableVirtualization)
+            return node.items;
         const totalItems = node.items.length;
         // Se non c'è paginazione attiva o gli items sono pochi, mostra tutti
         if (totalItems <= itemsPerPage || !showLoadMoreButton) {
@@ -87,7 +92,7 @@ const TMTreeView = ({ dataSource = [], focusedItem, selectedItems = [], allowMul
         const startIndex = currentPage * itemsPerPage;
         const endIndex = startIndex + itemsPerPage;
         return node.items.slice(startIndex, endIndex);
-    }, [itemsPerPage, showLoadMoreButton]);
+    }, [itemsPerPage, showLoadMoreButton, enableVirtualization]);
     // Misura le dimensioni del container per react-window
     useEffect(() => {
         if (!enableVirtualization || !containerRef.current)

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

@@ -7,7 +7,7 @@ import { DcmtOperationTypes, FormModes } from '../../../ts';
 import { StyledToolbarCardContainer, StyledFormButtonsContainer } from '../../base/Styled';
 import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
 import { TMSplitterLayout } from '../../base/TMLayout';
-import { TMExceptionBoxManager } from '../../base/TMPopUp';
+import { TMExceptionBoxManager, TMMessageBoxManager, ButtonNames } from '../../base/TMPopUp';
 import TMShowAllOrMaxItemsButton from '../../base/TMShowAllOrMaxItemsButton';
 import TMSpinner from '../../base/TMSpinner';
 import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
@@ -114,10 +114,24 @@ const TMBatchUpdateForm = ({ inputDcmts, TID, DID, isExpertMode = SDKUI_Globals.
     const totalItems = metadataValues.filter(o => o.mid && o.mid > 100).length;
     const metadataValuesSource = metadataValues.filter(o => o.mid && o.mid > 100).slice(0, showAll ? metadataValues.filter(o => o.mid && o.mid > 100).length : listMaxItems);
     const metadataValuesSourceOrig = metadataValuesOrig.filter(o => o.mid && o.mid > 100).slice(0, showAll ? metadataValuesOrig.filter(o => o.mid && o.mid > 100).length : listMaxItems);
+    /**
+     * Chiusura del form: con modifiche pendenti chiede conferma prima di scartarle.
+     * Il TMModal è montato con askClosingConfirm, quindi non si auto-nasconde: la chiusura
+     * effettiva avviene solo quando onBack smonta il componente.
+     */
+    const handleClose = () => {
+        if (!isModified) {
+            onBack?.();
+            return;
+        }
+        TMMessageBoxManager.show({
+            title: SDKUI_Localizator.Cancel, message: SDKUI_Localizator.ConfirmOnCancel, buttons: [ButtonNames.YES, ButtonNames.NO],
+            onButtonClick: (e) => { if (e === ButtonNames.YES)
+                onBack?.(); }
+        });
+    };
     const renderContent = () => {
-        return (_jsx(TMLayoutWaitingContainer, { showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: Gutters.getGutters(), separatorColor: 'transparent', separatorActiveColor: 'transparent', showSeparator: showFormulaEditor, start: showFormulaEditor ? ['50%', '50%'] : ['100%', '0%'], min: ['0', '0'], children: [_jsx(TMPanel, { title: isModal ? 'Modifica i metadati' : `${SDKUI_Localizator.BatchUpdate} (${inputDcmts.length} documenti selezionati)`, onBack: deviceType === DeviceType.MOBILE ? onBack : undefined, 
-                        // onClose={deviceType !== DeviceType.MOBILE ? onBack : undefined}
-                        allowMaximize: !isModal, showHeader: !isModal, children: _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, isExpertMode: isExpertMode, showCheckBoxes: ShowCheckBoxesMode.Always, showNullValueCheckBoxes: true, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => { setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
+        return (_jsx(TMLayoutWaitingContainer, { showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: Gutters.getGutters(), separatorColor: 'transparent', separatorActiveColor: 'transparent', showSeparator: showFormulaEditor, start: showFormulaEditor ? ['50%', '50%'] : ['100%', '0%'], min: ['0', '0'], children: [_jsx(TMPanel, { title: isModal ? 'Modifica i metadati' : `${SDKUI_Localizator.BatchUpdate} (${inputDcmts.length} documenti selezionati)`, onBack: deviceType === DeviceType.MOBILE ? handleClose : undefined, allowMaximize: !isModal, showHeader: !isModal, children: _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, isExpertMode: isExpertMode, showCheckBoxes: ShowCheckBoxesMode.Always, showNullValueCheckBoxes: true, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => { setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
                                         setMetadataValues((prevItems) => prevItems.map((item) => {
                                             const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
                                             return newItem ? { ...item, ...newItem } : item;
@@ -153,7 +167,7 @@ const TMBatchUpdateForm = ({ inputDcmts, TID, DID, isExpertMode = SDKUI_Globals.
                                         } })] }) })] }) }));
     };
     return (_jsx(_Fragment, { children: (isModal && onBack)
-            ? _jsx(TMModal, { title: titleModal, onClose: onBack, width: widthModal ?? '100%', height: heightModal ?? '100%', hidePopup: false, askClosingConfirm: true, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block', padding: "4px" }, children: renderContent() }) })
+            ? _jsx(TMModal, { title: titleModal, onClose: handleClose, width: widthModal ?? '100%', height: heightModal ?? '100%', hidePopup: false, askClosingConfirm: true, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block', padding: "4px" }, children: renderContent() }) })
             : renderContent() }));
 };
 export default TMBatchUpdateForm;

package/lib/components/features/search/TMSearchResult.d.ts

@@ -37,6 +37,7 @@ interface ITMSearchResultProps {
     openInOffice?: (selectedDcmtsOrFocused: Array<DcmtInfo>) => Promise<void>;
     onWFOperationCompleted?: () => Promise<void>;
     onSelectedTIDChanged?: (TID: number) => void;
+    onSelectedTIDCleared?: () => void;
     onRefreshSearchAsyncDatagrid?: () => Promise<void>;
     onRefreshAfterAddDcmtToFavs?: () => void;
     onFileOpened?: (blob: File | undefined) => void;

package/lib/components/features/search/TMSearchResult.js

@@ -57,7 +57,7 @@ groupId, searchResults = [], context = SearchResultContext.METADATA_SEARCH, titl
 // Boolean flags to enable/disable features
 autoFocusFirstRow = true, formAutoOpen, isVisible = true, allowRelations = true, openDcmtFormAsModal = false, showSearchResultSidebar = true, showDcmtFormSidebar = true, showSelector = false, isClosable = false, allowFloatingBar = true, showToolbarHeader = true, showBackButton = true, disableAccordionIfSingleCategory = false, editPdfForm = false, openS4TViewer = false, showTodoDcmtForm = false, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, showNoDcmtFoundMessage = true, enablePinIcons = true, 
 // Callbacks (optional)
-openInOffice, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsyncDatagrid, onSelectedTIDChanged, onWFOperationCompleted, onClose, onFileOpened, onTaskCreateRequest, openWGsCopyMoveForm, openCommentFormCallback, openAddDocumentForm, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, passToArchiveCallback, onReferenceClick, 
+openInOffice, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsyncDatagrid, onSelectedTIDChanged, onSelectedTIDCleared, onWFOperationCompleted, onClose, onFileOpened, onTaskCreateRequest, openWGsCopyMoveForm, openCommentFormCallback, openAddDocumentForm, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, passToArchiveCallback, onReferenceClick, 
 // Tasks
 allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, 
 // Navigation
@@ -69,13 +69,19 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
     // Quando l'utente seleziona manualmente, il ref viene settato a false e il focus automatico
     // torna al comportamento normale.
     const isFirstAutoFocusRef = useRef(true);
+    // Mostra il pannello lista. È una ref perché il TMPanelManagerProvider sta dentro al JSX di
+    // questo componente, quindi qui il context non si può usare: la riempie ShowMainPanelBridge.
+    const showMainPanelRef = useRef(null);
     // ID state to force remount of components
     const [id, setID] = useState('');
     // Document type descriptor of the currently document
     const [fromDTD, setFromDTD] = useState();
     const [currentDcmt, setCurrentDcmt] = useState();
-    // State to specify if the details form is open or not
-    const [splitterSize, setSplitterSize] = useState(['100%', '0']);
+    // Passo corrente. Su mobile decide anche quale pannello è a schermo (vedi isSteppedLayout).
+    //   'auto'     -> l'utente non ha ancora scelto: si può selezionare il primo tipo documento
+    //   'selector' -> è tornato indietro col back: non selezionare niente al posto suo
+    //   'results'  -> è sulla griglia del tipo scelto
+    const [navStep, setNavStep] = useState('auto');
     // State to control the selected search result
     const [selectedSearchResult, setSelectedSearchResult] = useState();
     // State to control the search results to show in the datagrid
@@ -377,9 +383,20 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
             openTaskFormHandler,
         },
     });
-    const { isOpenDcmtForm, openFormHandler, dcmtFormLayoutMode, onDcmtFormOpenChange, showSearchTMDatagrid, showExportForm, isOpenBatchUpdate, isModifiedBatchUpdate, updateBatchUpdateForm, closeDcmtFormHandler, handleSignApprove, checkoutInfo: { showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, }, dcmtOperations: { abortController, showWaitPanel, showPrimary, waitPanelTitle, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync, }, relatedDocumentsInfo: { isOpenDetails, isOpenMaster, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, }, toppyOperations: { showApprovePopup, showRejectPopup, showReAssignPopup, showMoreInfoPopup, updateShowApprovePopup, updateShowRejectPopup, updateShowReAssignPopup, updateShowMoreInfoPopup } } = features;
+    const { isOpenDcmtForm, openFormHandler, dcmtFormLayoutMode, onDcmtFormOpenChange, showSearchTMDatagrid, showDcmtTypesSelection, showExportForm, updateBatchUpdateForm, closeDcmtFormHandler, handleSignApprove, checkoutInfo: { showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, }, dcmtOperations: { abortController, showWaitPanel, showPrimary, waitPanelTitle, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync, }, relatedDocumentsInfo: { isOpenDetails, isOpenMaster, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, }, toppyOperations: { showApprovePopup, showRejectPopup, showReAssignPopup, showMoreInfoPopup, updateShowApprovePopup, updateShowRejectPopup, updateShowReAssignPopup, updateShowMoreInfoPopup } } = features;
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
+    const hasSingleDcmtType = currentSearchResults.length === 1;
+    // Su mobile si vede un pannello per volta; su desktop selettore e griglia sono affiancati
+    const isSteppedLayout = showSelector && isMobile;
+    // Un solo tipo documento su desktop: non c'è niente da scegliere, quindi il selettore sparisce
+    // (larghezza 0, nessun separatore) e lo spazio va tutto alla griglia. Il menu "Altro" permette
+    // di riaprirlo (vedi canToggleDcmtTypesSelection nell'hook).
+    const isSelectorCollapsed = showSelector && !isSteppedLayout && hasSingleDcmtType && !showDcmtTypesSelection;
+    // Senza selettore lo spazio va tutto alla griglia; altrimenti a step su mobile, affiancati su desktop
+    const splitterSizes = (!showSelector || isSelectorCollapsed) ? ['0%', '100%']
+        : isSteppedLayout ? (navStep === 'results' ? ['0', '100%'] : ['100%', '0'])
+            : ['30%', '70%'];
     const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
     // Disable the "Sign/Approve" button if:
     // 1. No document or multiple documents are selected, OR
@@ -400,8 +417,14 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
             setSelectedSearchResult(undefined);
             return;
         }
+        // Un solo tipo documento: selezionalo e vai ai risultati, a meno che l'utente sia tornato indietro
         if (searchResults.length === 1) {
+            if (navStep === 'selector') {
+                setSelectedSearchResult(undefined);
+                return;
+            }
             setSelectedSearchResult(searchResults[0]);
+            setNavStep('results');
             return;
         }
         // Se il TID precedentemente selezionato esiste ancora nei nuovi risultati, mantienilo.
@@ -415,6 +438,11 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                 return;
             }
         }
+        // L'utente è sul selettore
+        if (isMobile && navStep !== 'results') {
+            setSelectedSearchResult(undefined);
+            return;
+        }
         // Altrimenti seleziona il primo risultato ordinato
         setSelectedSearchResult(orderByName(searchResults)[0]);
     }, [searchResults]);
@@ -533,47 +561,75 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
         let counters = (showSelector && disableAccordionIfSingleCategory && searchResults.length > 1) ? getSearchResultCountersSingleCategory(searchResults) : "";
         if (title)
             return title + counters;
-        let titleHeader = 'Ricerca per metadati';
+        // Nome del tipo documento selezionato, accodato al titolo
+        const selectedDcmtTypeName = selectedSearchResult?.fromName ?? (searchResults?.length === 1 ? searchResults[0]?.fromName : undefined);
+        const withSelectedDcmtTypeName = (baseTitle) => selectedDcmtTypeName ? `${baseTitle} - ${selectedDcmtTypeName}` : baseTitle;
+        let titleHeader = withSelectedDcmtTypeName('Ricerca per metadati');
         switch (context) {
             case SearchResultContext.MASTER_DETAIL:
             case SearchResultContext.METADATA_SEARCH:
                 titleHeader = `${searchResults?.length > 1 ? selectedSearchResult?.fromName ?? 'Ricerca per metadati' : searchResults[0]?.fromName ?? 'Ricerca per metadati'}`;
                 break;
             case SearchResultContext.FAVORITES_AND_RECENTS:
-                titleHeader = SDKUI_Localizator.FavoritesAndRecentDcmts;
+                titleHeader = withSelectedDcmtTypeName(SDKUI_Localizator.FavoritesAndRecentDcmts);
                 break;
             case SearchResultContext.WORKFLOW_APPROVE:
-                titleHeader = SDKUI_Localizator.WorkflowApproval;
+                titleHeader = withSelectedDcmtTypeName(SDKUI_Localizator.WorkflowApproval);
                 break;
             case SearchResultContext.FREE_SEARCH:
-                titleHeader = `Risultato della ricerca full text`;
+                titleHeader = withSelectedDcmtTypeName('Risultato della ricerca full text');
                 break;
         }
         return titleHeader + counters;
     };
-    const onBack = () => {
-        if (isOpenBatchUpdate && isModifiedBatchUpdate) {
-            TMMessageBoxManager.show({
-                title: SDKUI_Localizator.Cancel, message: SDKUI_Localizator.ConfirmOnCancel, buttons: [ButtonNames.YES, ButtonNames.NO],
-                onButtonClick: (e) => {
-                    if (e !== ButtonNames.YES)
-                        return;
-                    setSplitterSize(['100%', '0']);
-                    onClose?.();
-                }
-            });
-        }
-        else if (isOpenDcmtForm) {
-            onDcmtFormOpenChange(false, LayoutModes.Update);
-        }
-        else {
-            if (isMobile && currentSearchResults.length > 1) {
-                setSelectedSearchResult(undefined);
-            }
-            setSplitterSize(['100%', '0']);
-            onClose?.();
+    // Dai risultati si risale al selettore dei tipi documento
+    const canGoBackToSelector = isSteppedLayout && navStep === 'results' && selectedSearchResult !== undefined;
+    /**
+     * Back di tutti i pannelli (e X di chiusura se isClosable). Su mobile risale un livello alla volta:
+     * pannello secondario -> lista dei risultati -> selettore dei tipi documento -> uscita.
+     * Su desktop i pannelli sono affiancati, quindi resta solo l'uscita.
+     *
+     * @param fromSecondaryPanel - true se il back arriva da un pannello secondario
+     */
+    const onBack = useCallback((fromSecondaryPanel = false) => {
+        // Non è previsto nessun modo di uscire: non fare niente
+        if (!showBackButton && !isClosable)
+            return;
+        // Torna alla lista senza toccare gli stati: l'utente deve ritrovare la sua selezione
+        if (fromSecondaryPanel) {
+            showMainPanelRef.current?.();
+            return;
         }
-    };
+        // Sia il ritorno al selettore sia l'uscita ripartono da una lista pulita
+        setSelectedSearchResult(undefined);
+        setFocusedItem(undefined);
+        setSelectedItems([]);
+        setSelectedRowKeysFromDataGrid([]);
+        setCurrentDcmt(undefined);
+        setCurrentMetadataValues([]);
+        setShowIndexingInfo(false);
+        isFirstAutoFocusRef.current = true;
+        // Il chiamante può tenere allineato il suo TID selezionato (es. selectedSearchResultTID)
+        onSelectedTIDCleared?.();
+        // [2] l'utente ha chiesto la lista: resta lì finché non sceglie lui, niente auto-selezione.
+        // [1] si esce: si riparte da capo, quindi l'auto-selezione torna permessa.
+        setNavStep(canGoBackToSelector ? 'selector' : 'auto');
+        // [2] C'è ancora un livello sopra: restiamo dentro, sul selettore
+        if (canGoBackToSelector)
+            return;
+        // [1] Si esce e si avvisa il chiamante
+        onClose?.();
+    }, [canGoBackToSelector, showBackButton, isClosable, onClose, onSelectedTIDCleared]);
+    /**
+     * Back del pannello lista. `undefined` = freccia non renderizzata, quindi la mostriamo solo se
+     * ha dove tornare: uno step intermedio, o un onClose per uscire. Con `isClosable` basta la X.
+     */
+    const backHandler = (showBackButton && !isClosable && (canGoBackToSelector || onClose !== undefined)) ? onBack : undefined;
+    /**
+     * Back dei pannelli secondari: la stessa onBack marcata come livello [3]. Solo su mobile:
+     * su desktop stanno affiancati alla lista e non c'è niente da cui tornare.
+     */
+    const backHandlerSecondary = useMemo(() => (isMobile && backHandler) ? () => backHandler(true) : undefined, [isMobile, backHandler]);
     const refreshDataGridAfterRemoveAsync = async () => {
         let index = selectedSearchResult?.dtdResult?.columns?.findIndex(col => col.caption === 'DID');
         let selectedRows = [];
@@ -605,21 +661,6 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
             return newResults;
         });
     };
-    /**
-     * Restituisce l'handler onBack per i pannelli, evitando duplicazione di codice.
-     * @param isMainPanel - Se true, è il pannello principale dei risultati di ricerca
-     */
-    const getOnBackHandler = (isMainPanel = false) => {
-        // Se showBackButton è false, non mostrare mai il back
-        if (showBackButton === false)
-            return undefined;
-        // Mobile: mostra back su tutti i pannelli (se showBackButton è definito e non è closable)
-        if (isMobile) {
-            return (showBackButton !== undefined && !isClosable) ? onBack : undefined;
-        }
-        // Desktop: mostra back solo sul pannello principale dei risultati (se showBackButton è definito e non è closable)
-        return (showBackButton !== undefined && isMainPanel && !isClosable) ? onBack : undefined;
-    };
     const removeDcmtFromFavsOrRecents = async () => {
         switch (selectedSearchResult?.category) {
             case "Favorites":
@@ -636,9 +677,9 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
     };
     const onSearchResultSelectionChanged = (e) => {
         setSelectedSearchResult(e);
-        if (deviceType === DeviceType.MOBILE) {
-            setSplitterSize(['0', '100%']);
-        }
+        // Scelto il tipo documento si passa ai risultati (a livello di layout è ignorato se i due
+        // step sono affiancati, ma vale comunque come "l'utente non è più fermo sul selettore")
+        setNavStep('results');
         onSelectedTIDChanged?.(e.fromTID);
     };
     const showToppyForApprove = useMemo(() => {
@@ -666,8 +707,8 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
     const tmSearchResult = useMemo(() => (!searchResults || searchResults.length <= 0)
         ? _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%' }, children: [_jsx(IconBoard, { fontSize: 96 }), showNoDcmtFoundMessage && _jsx("div", { style: { fontSize: "15px", marginTop: "10px" }, children: SDKUI_Localizator.NoDcmtFound }), openAddDocumentForm && _jsx("div", { style: { marginTop: "10px" }, children: _jsx(TMButton, { fontSize: "15px", icon: _jsx("i", { className: 'dx-icon-share' }), caption: SDKUI_Localizator.Share, onClick: openAddDocumentForm }) })] })
         :
-            _jsxs(_Fragment, { children: [_jsxs(TMLayoutItem, { height: '100%', children: [_jsxs("div", { ref: floatingBarContainerRef, style: { position: 'relative', height: '100%', width: '100%' }, children: [_jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: Gutters.getGutters(), separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && deviceType !== DeviceType.MOBILE, start: showSelector ? deviceType !== DeviceType.MOBILE ? ['30%', '70%'] : splitterSize : ['0%', '100%'], children: [showSelector ?
-                                                _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, disableAccordionIfSingleCategory: disableAccordionIfSingleCategory, selectedTID: selectedSearchResultTID, selectedSearchResult: selectedSearchResult, autoSelectFirst: !isMobile || currentSearchResults.length === 1, onSelectionChanged: onSearchResultSelectionChanged }) })
+            _jsxs(_Fragment, { children: [_jsxs(TMLayoutItem, { height: '100%', children: [_jsxs("div", { ref: floatingBarContainerRef, style: { position: 'relative', height: '100%', width: '100%' }, children: [_jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: Gutters.getGutters(), separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && !isSteppedLayout && !isSelectorCollapsed, start: splitterSizes, children: [showSelector ?
+                                                _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, disableAccordionIfSingleCategory: disableAccordionIfSingleCategory, selectedTID: selectedSearchResultTID, selectedSearchResult: selectedSearchResult, autoSelectFirst: !isMobile || hasSingleDcmtType, onSelectionChanged: onSearchResultSelectionChanged }) })
                                                 :
                                                     _jsx(_Fragment, {}), _jsx(TMLayoutItem, { children: _jsx(TMSearchResultGrid, { openInOffice: openInOffice, fromDTD: fromDTD, operationItems: operationItems, allUsers: allUsers, inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, showExportForm: showExportForm, onFocusedItemChanged: handleFocusedItemChangedFromGrid, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync({ inputDcmts, downloadType, downloadMode, onFileDownloaded: onFileOpened, confirmAttachments }), lastUpdateSearchTime: lastUpdateSearchTime, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], onSelectionChanged: (items) => { setSelectedItems(items); }, onDblClick: () => openFormHandler(LayoutModes.Update), showSearchTMDatagrid: showSearchTMDatagrid, onVisibleItemChanged: setVisibleItems, updateDataColumnsFromDataGrid: updateDataColumnsFromDataGrid, updateDataSourceFromDataGrid: updateDataSourceFromDataGrid, updateSelectedRowKeysFromDataGrid: updateSelectedRowKeysFromDataGrid, disableAutoFocus: autoFocusFirstRow === false && isFirstAutoFocusRef.current, dcmtsReturned: dcmtsReturned, dcmtsFound: dcmtsFound }) })] }), renderFloatingBar] }), _jsx(TMToppyDraggableHelpCenter, { usePortal: toppyHelpCenterUsePortal, isVisible: isToppyHelpCenterVisible, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { dtd: fromDTD, deviceType: deviceType, onApprove: () => {
                                             updateShowApprovePopup(true);
@@ -689,7 +730,6 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
         showApprovePopup,
         showRejectPopup,
         showReAssignPopup,
-        isOpenBatchUpdate,
         isOpenDetails,
         isOpenMaster,
         isOpenDcmtForm,
@@ -700,6 +740,10 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
         openS4TViewer,
         showBackButton,
         isMobile,
+        navStep,
+        isSteppedLayout,
+        isSelectorCollapsed,
+        currentSearchResults,
         currentMetadataValues,
         onRefreshSearchAsyncDatagrid,
         handleNavigateToWGs,
@@ -709,7 +753,7 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
     ]);
     const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: focusedItem?.TID, did: focusedItem?.DID, fetchBlogDataTrigger: refreshBlogTrigger, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [focusedItem, allTasks, refreshBlogTrigger, handleNavigateToWGs, handleNavigateToDossiers, onRefreshBlogDatagrid]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: LayoutModes.Update, openChooserBySingleClick: true, TID: focusedItem?.TID, isReadOnly: true, deviceType: deviceType, metadataValues: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] }), [focusedItem, currentMetadataValues, deviceType]);
-    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, currentDcmt: currentDcmt, onBack: getOnBackHandler() }), [currentDcmt, refreshPreviewTrigger]);
+    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, currentDcmt: currentDcmt, onBack: backHandlerSecondary }), [currentDcmt, refreshPreviewTrigger, backHandlerSecondary]);
     // Auto-fetch indexing info when drawer is open and focusedItem changes
     useEffect(() => {
         if (!focusedItem || !showIndexingInfo)
@@ -788,9 +832,10 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                 component: tmSearchResult,
                 panelContainer: {
                     title: getTitleHeader(),
+                    enableTitleMarquee: true,
                     showHeader: showToolbarHeader,
                     allowMaximize: !isMobile,
-                    onBack: getOnBackHandler(true),
+                    onBack: backHandler,
                     onClose: isClosable ? onBack : undefined,
                     toolbar: searchResutlToolbar
                 },
@@ -805,7 +850,7 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                 panelContainer: {
                     title: SDKUI_Localizator.BlogCase,
                     allowMaximize: !isMobile,
-                    onBack: getOnBackHandler(),
+                    onBack: backHandlerSecondary,
                 }
             },
             toolbarOptions: { icon: _jsx(IconBoard, { fontSize: 24 }), visible: getSearchToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmBlog, orderNumber: 2, isActive: allInitialPanelVisibility['tmBlog'] }
@@ -818,7 +863,7 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                 panelContainer: {
                     title: SDKUI_Localizator.MetadataSystem,
                     allowMaximize: !isMobile,
-                    onBack: getOnBackHandler(),
+                    onBack: backHandlerSecondary,
                 }
             },
             toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: getSearchToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmSysMetadata, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
@@ -832,7 +877,7 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                     panelContainer: {
                         title: SDKUI_Localizator.ResultDetails,
                         allowMaximize: !isMobile,
-                        onBack: getOnBackHandler(),
+                        onBack: backHandlerSecondary,
                     }
                 },
                 toolbarOptions: { icon: _jsx(IconPlatform, { fontSize: 20 }), visible: getSearchToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmFullTextSearch, orderNumber: 4, isActive: allInitialPanelVisibility['tmFullTextSearch'] }
@@ -846,7 +891,7 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
             },
             toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), visible: getSearchToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmDcmtPreview, orderNumber: context === SearchResultContext.FREE_SEARCH ? 5 : 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
         }
-    ], [tmSearchResult, tmBlog, tmSysMetadata, tmDcmtPreview, tmFullTextSearch, showToolbarHeader, context, isMobile]);
+    ], [tmSearchResult, tmBlog, tmSysMetadata, tmDcmtPreview, tmFullTextSearch, showToolbarHeader, context, isMobile, backHandler, backHandlerSecondary, isClosable, onBack]);
     return (_jsxs(StyledMultiViewPanel, { "$isVisible": isVisible, children: [_jsx(StyledMultiViewPanel, { "$isVisible": !isOpenDcmtForm && !isOpenDetails && !isOpenMaster, style: {
                     display: 'flex',
                     flexDirection: isMobile ? 'column' : 'row',
@@ -855,9 +900,9 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                     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(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: (groupId && groupId.length > 0) ?
-                            _jsxs(_Fragment, { children: [_jsx(PanelDisabledStateHandler, { isBoardDisabled: isBoardDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })] })
+                            _jsxs(_Fragment, { children: [_jsx(PanelDisabledStateHandler, { isBoardDisabled: isBoardDisabled }), _jsx(ShowMainPanelBridge, { showMainPanelRef: showMainPanelRef }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })] })
                             :
-                                _jsxs(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', children: [_jsx(PanelDisabledStateHandler, { isBoardDisabled: isBoardDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })] }) }) }) }), renderDcmtOperations] }));
+                                _jsxs(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', children: [_jsx(PanelDisabledStateHandler, { isBoardDisabled: isBoardDisabled }), _jsx(ShowMainPanelBridge, { showMainPanelRef: showMainPanelRef }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })] }) }) }) }), renderDcmtOperations] }));
 };
 export default TMSearchResult;
 const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, inputFocusedItem, allowMultipleSelection = true, showExportForm = false, onFocusedItemChanged, onDownloadDcmtsAsync, onVisibleItemChanged, inputSelectedItems = [], lastUpdateSearchTime, searchResult, onSelectionChanged, onDblClick, showSearchTMDatagrid, updateDataColumnsFromDataGrid, updateDataSourceFromDataGrid, updateSelectedRowKeysFromDataGrid, disableAutoFocus = false, dcmtsReturned, dcmtsFound }) => {
@@ -1319,14 +1364,29 @@ const TMSearchResultSelector = ({ searchResults = [], disableAccordionIfSingleCa
             }
         }
     }, [sortedCategories.length, autoSelectFirst]);
+    // La preselezione esterna va applicata una volta per valore: riapplicarla a ogni cambio di
+    // searchResults faceva sì che un refresh annullasse la navigazione dell'utente.
+    const appliedSelectedTIDRef = useRef(undefined);
     useEffect(() => {
-        if (selectedTID !== undefined) {
-            const found = searchResults.find(r => Number(r.fromTID) === selectedTID);
-            handleSelect(found);
+        // Richiesta ritirata: dimentichiamo il valore applicato, così se il chiamante richiede di
+        // nuovo lo stesso TID la preselezione riparte
+        if (selectedTID === undefined) {
+            appliedSelectedTIDRef.current = undefined;
+            return;
         }
+        if (appliedSelectedTIDRef.current === selectedTID)
+            return;
+        const found = searchResults.find(r => Number(r.fromTID) === selectedTID);
+        if (!found)
+            return; // risultati non ancora arrivati: riproviamo al prossimo giro
+        appliedSelectedTIDRef.current = selectedTID;
+        handleSelect(found);
     }, [selectedTID, searchResults]);
-    const handleSelect = useCallback((result) => {
-        if (selectedResult !== result && result !== undefined) {
+    // force = true per i click dell'utente: la selezione va notificata anche se il tipo documento è già quello selezionato
+    const handleSelect = useCallback((result, force = false) => {
+        if (result === undefined)
+            return;
+        if (selectedResult !== result || force) {
             setSelectedResult(result);
             onSelectionChanged?.(result);
         }
@@ -1371,14 +1431,24 @@ const TMSearchResultSelector = ({ searchResults = [], disableAccordionIfSingleCa
         renderItem: (result, isSelected) => (_jsxs("div", { style: { width: '100%', padding: '5px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(TMTidViewer, { tid: result.fromTID, did: Number(result.dtdResult?.rows?.[0]?.[1]), showIcon: true }), _jsx("div", { style: { padding: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white', color: 'gray', borderRadius: 3 }, children: result.dcmtsReturned })] })),
         itemHeight: 40
     })), [sortedCategories, groupedResults, searchResults]);
-    const renderCategoryItems = (category) => (_jsx("div", { style: { padding: '5px', height: '100%', overflow: 'auto' }, children: groupedResults[category].map((result, index) => (_jsx(MemoizedStyledItemTemplate, { "$isSelected": selectedResult === result, onClick: () => handleSelect(result), children: renderItemTemplate(result) }, index))) }));
+    const renderCategoryItems = (category) => (_jsx("div", { style: { padding: '5px', height: '100%', overflow: 'auto' }, children: groupedResults[category].map((result, index) => (_jsx(MemoizedStyledItemTemplate, { "$isSelected": selectedResult === result, onClick: () => handleSelect(result, true), children: renderItemTemplate(result) }, index))) }));
     if (disableAccordionIfSingleCategory && sortedCategories.length === 1) {
         const category = sortedCategories[0];
         return renderCategoryItems(category);
     }
-    return (_jsx(TMAccordionNew, { groups: accordionGroups, selectedItem: selectedResult, onSelectedItemChange: (result) => handleSelect(result) }));
+    return (_jsx(TMAccordionNew, { groups: accordionGroups, selectedItem: selectedResult, onSelectedItemChange: (result) => handleSelect(result, true) }));
 };
 //#endregion TMSearchResultSelector
+/** Senza UI: vive dentro il provider e passa a onBack, via ref, l'azione "mostra il pannello lista". */
+const ShowMainPanelBridge = ({ showMainPanelRef }) => {
+    const { setPanelVisibilityById } = useTMPanelManagerContext();
+    useEffect(() => {
+        // Su mobile mostrare un pannello nasconde gli altri; su desktop la lista è già visibile
+        showMainPanelRef.current = () => setPanelVisibilityById('tmSearchResult', true);
+        return () => { showMainPanelRef.current = null; };
+    }, [setPanelVisibilityById, showMainPanelRef]);
+    return null;
+};
 const PanelDisabledStateHandler = ({ isBoardDisabled }) => {
     const { setPanelVisibilityById, setToolbarButtonDisabled } = useTMPanelManagerContext();
     useEffect(() => {

package/lib/helper/SDKUI_Localizator.d.ts

@@ -405,6 +405,7 @@ export declare class SDKUI_Localizator {
     static get Grids(): string;
     static get Hide_CompleteName(): "Vollständigen Namen ausblenden" | "Hide full name" | "Ocultar nombre completo" | "Masquer le nom complet" | "Ocultar nome completo" | "Nascondi nome completo";
     static get HideAll(): "Alle ausblenden" | "Hide all" | "Ocultar todo" | "Masquer tout" | "Ocultar tudo" | "Nascondi tutti";
+    static get HideDcmtTypes(): string;
     static get HideDetailsWithZeroDocs(): string;
     static get HideFloatingBar(): string;
     static get HideFilters(): string;
@@ -764,6 +765,7 @@ export declare class SDKUI_Localizator {
     static get Shortcuts(): "Tastenkombinationen" | "Shortcuts" | "Atajos" | "Raccourcis" | "Atalhos" | "Scorciatoie";
     static get ShowAll(): "Alle anzeigen" | "Show all" | "Mostrar todo" | "Tout afficher" | "Mostrar tudo" | "Mostra tutti";
     static get ShowColumnSelection(): string;
+    static get ShowDcmtTypes(): string;
     static get ShowFloatingBar(): string;
     static get ShowLess(): "Weniger anzeigen" | "Show less" | "Mostrar menos" | "Afficher moins" | "Mostra meno";
     static get Show_CompleteName(): "Vollständigen Namen anzeigen" | "View full name" | "Mostrar nombre completo" | "Afficher le nom complet" | "Mostrar nome completo" | "Visualizza nome completo";

package/lib/helper/SDKUI_Localizator.js

@@ -4018,6 +4018,16 @@ export class SDKUI_Localizator {
             default: return "Nascondi tutti";
         }
     }
+    static get HideDcmtTypes() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Dokumenttypen ausblenden";
+            case CultureIDs.En_US: return "Hide document types";
+            case CultureIDs.Es_ES: return "Ocultar tipos de documento";
+            case CultureIDs.Fr_FR: return "Masquer les types de document";
+            case CultureIDs.Pt_PT: return "Ocultar tipos de documento";
+            default: return "Nascondi tipi documento";
+        }
+    }
     static get HideDetailsWithZeroDocs() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Details mit 0 Dokumenten ausblenden";
@@ -7620,6 +7630,16 @@ export class SDKUI_Localizator {
             default: return "Mostra selezione colonne";
         }
     }
+    static get ShowDcmtTypes() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Dokumenttypen anzeigen";
+            case CultureIDs.En_US: return "Show document types";
+            case CultureIDs.Es_ES: return "Mostrar tipos de documento";
+            case CultureIDs.Fr_FR: return "Afficher les types de document";
+            case CultureIDs.Pt_PT: return "Mostrar tipos de documento";
+            default: return "Mostra tipi documento";
+        }
+    }
     static get ShowFloatingBar() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Floating-Leiste anzeigen";

package/lib/hooks/useDocumentOperations.d.ts

@@ -118,6 +118,7 @@ export interface UseDocumentOperationsResult {
         closeDcmtFormHandler: () => void;
         handleSignApprove: () => void;
         showSearchTMDatagrid: boolean;
+        showDcmtTypesSelection: boolean;
         showExportForm: boolean;
         checkoutInfo: UseCheckInOutOperationsReturn;
         relatedDocumentsInfo: UseRelatedDocumentsReturn;

package/lib/hooks/useDocumentOperations.js

@@ -152,6 +152,7 @@ export const useDocumentOperations = (props) => {
     const [currentCustomButton, setCurrentCustomButton] = useState();
     // State to control the visibility of the details form
     const [showSearchTMDatagrid, setShowSearchTMDatagrid] = useState(false);
+    const [showDcmtTypesSelection, setShowDcmtTypesSelection] = useState(false);
     const [secondaryMasterDcmts, setSecondaryMasterDcmts] = useState([]);
     const [isOpenSharedArchive, setIsOpenSharedArchive] = useState(false);
     const [sharedDcmtFile, setSharedDcmtFile] = useState(undefined);
@@ -1054,6 +1055,7 @@ export const useDocumentOperations = (props) => {
             ]
         };
     };
+    const canToggleDcmtTypesSelection = !isMobile && context === SearchResultContext.WORKFLOW_APPROVE;
     const otherOperationsMenuItem = () => {
         return {
             id: 'oth',
@@ -1085,7 +1087,15 @@ export const useDocumentOperations = (props) => {
                             disabled: false,
                             onClick: () => setShowFloatingBar(prev => !prev)
                         }]
-                    : [])
+                    : []),
+                {
+                    id: 'oth-dcmt-types',
+                    icon: showDcmtTypesSelection ? _jsx(IconHide, {}) : _jsx(IconShow, {}),
+                    name: showDcmtTypesSelection ? SDKUI_Localizator.HideDcmtTypes : SDKUI_Localizator.ShowDcmtTypes,
+                    visible: canToggleDcmtTypesSelection,
+                    disabled: false,
+                    onClick: () => setShowDcmtTypesSelection(prev => !prev)
+                }
             ]
         };
     };
@@ -1454,6 +1464,7 @@ export const useDocumentOperations = (props) => {
             dcmtFormLayoutMode,
             onDcmtFormOpenChange,
             showSearchTMDatagrid,
+            showDcmtTypesSelection,
             showExportForm,
             isOpenBatchUpdate,
             isModifiedBatchUpdate,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev2.10",
+    "version": "6.22.0-dev2.12",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.22.0-dev2.4",
+        "@topconsultnpm/sdk-ts": "6.22.0-dev2.5",
         "@zip.js/zip.js": "2.8.26",
         "buffer": "^6.0.3",
         "devextreme": "^25.2.6",