@topconsultnpm/sdkui-react 6.22.0-dev2.3 → 6.22.0-dev2.31

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

@@ -70,7 +70,7 @@ export const getDisplayValueByColumn = (col, value) => {
  * For each document, fetches complete metadata using GetMetadataAsync to ensure
  * all metadata properties (isSpecialSearchOutput, permissions, etc.) are available
  */
-export const searchResultToDataSource = async (searchResult, hideSysMetadata) => {
+export const searchResultToDataSource = async (searchResult, hideSysMetadata, signal) => {
     const rows = searchResult?.dtdResult?.rows ?? [];
     const output = [];
     // Find TID and DID column indices
@@ -78,6 +78,9 @@ export const searchResultToDataSource = async (searchResult, hideSysMetadata) =>
     const tidColIndex = columns.findIndex(col => col.caption?.toUpperCase() === 'TID');
     const didColIndex = columns.findIndex(col => col.caption?.toUpperCase() === 'DID');
     for (let index = 0; index < rows.length; index++) {
+        // Interruzione richiesta dall'utente: restituisce i documenti già elaborati
+        if (signal?.aborted)
+            break;
         const row = rows[index];
         // Extract TID and DID from row
         const tid = tidColIndex >= 0 ? Number(row[tidColIndex]) : searchResult?.fromTID;
@@ -144,7 +147,7 @@ export const searchResultToDataSource = async (searchResult, hideSysMetadata) =>
     return output;
 };
 export const DEFAULT_RELATION_EXPAND_LEVEL = 4; // Default maximum depth level for expansion (can be adjusted)
-const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndicator = true, allowShowZeroDcmts = true, initialShowZeroDcmts = false, allowedTIDs, allowMultipleSelection = false, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged, onAllItemsChanged, onDocumentDoubleClick, customItemRender, customDocumentStyle, customMainContainerContent, customDocumentContent, showMetadataNames = false, maxDepthLevel = 2, invertMasterNavigation = true, additionalStaticItems, showMainDocument = true, labelMainContainer, onNoRelationsFound, onItemContextMenu, focusedItemFormData = [], showExpandAllButton = false, defaultExpandAll = false, onLoadingStateChanged }) => {
+const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndicator = true, allowShowZeroDcmts = true, initialShowZeroDcmts = false, allowedTIDs, allowMultipleSelection = false, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged, onAllItemsChanged, onDocumentDoubleClick, customItemRender, customDocumentStyle, customMainContainerContent, customDocumentContent, showMetadataNames = false, maxDepthLevel = 2, invertMasterNavigation = true, additionalStaticItems, showMainDocument = true, labelMainContainer, onNoRelationsFound, onItemContextMenu, focusedItemFormData = [], showExpandAllButton = false, defaultExpandAll = false, onLoadingStateChanged, onStopCalculationReady, onCalculationStopped }) => {
     // State
     const [dcmtTypes, setDcmtTypes] = useState([]);
     const [treeData, setTreeData] = useState([]);
@@ -159,6 +162,8 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
     const [waitPanelValuePrimary, setWaitPanelValuePrimary] = useState(0);
     const [waitPanelMaxValuePrimary, setWaitPanelMaxValuePrimary] = useState(0);
     const [abortController] = useState(new AbortController());
+    // True quando l'utente ha interrotto il calcolo delle correlazioni (pulsante "Interrompi")
+    const [loadStoppedByUser, setLoadStoppedByUser] = useState(false);
     const [showExpansionWaitPanel, setShowExpansionWaitPanel] = useState(false);
     const [expansionWaitPanelText, setExpansionWaitPanelText] = useState('');
     const [expansionWaitPanelValue, setExpansionWaitPanelValue] = useState(0);
@@ -191,6 +196,27 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
         const isLoading = showWaitPanel || showExpansionWaitPanel;
         onLoadingStateChanged?.(isLoading);
     }, [showWaitPanel, showExpansionWaitPanel, onLoadingStateChanged]);
+    // Mantiene l'AbortController dell'espansione in corso accessibile da callback stabili
+    const expansionAbortControllerRef = React.useRef(undefined);
+    useEffect(() => {
+        expansionAbortControllerRef.current = expansionAbortController;
+    }, [expansionAbortController]);
+    /**
+     * Interrompe il calcolo delle correlazioni (iniziale e/o espansione in corso):
+     * non vengono eseguite ulteriori chiamate GetMetadata e vengono mantenute
+     * solo le correlazioni già calcolate.
+     * È sincrona: può essere invocata immediatamente prima di smontare il viewer
+     * (es. pulsante "Indietro"), quando un effect non farebbe in tempo.
+     */
+    const stopCalculation = useCallback(() => {
+        if (!abortController.signal.aborted)
+            abortController.abort();
+        expansionAbortControllerRef.current?.abort();
+    }, [abortController]);
+    // Espone la funzione di interruzione al componente padre
+    useEffect(() => {
+        onStopCalculationReady?.(stopCalculation);
+    }, [onStopCalculationReady, stopCalculation]);
     // Sincronizza expandLevel quando userSettings.searchSettings.relationExpandLevel cambia
     useEffect(() => {
         const globalExpandLevel = SDKUI_Globals.userSettings?.searchSettings?.relationExpandLevel;
@@ -220,7 +246,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
     /**
      * Recursively retrieve detail documents (adapted from TMMasterDetailDcmts.tsx)
      */
-    const getDetailDcmtsAsync = useCallback(async (mTID, mDID, maxLevel) => {
+    const getDetailDcmtsAsync = useCallback(async (mTID, mDID, maxLevel, signal) => {
         const items = [];
         if (!mTID)
             return [];
@@ -240,6 +266,9 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                 return items;
             const results = await searchEngine.GetAllDetailDcmtsAsync(mTID, mDID) ?? [];
             for (const searchResult of results) {
+                // Interruzione richiesta dall'utente: restituisce le correlazioni già calcolate
+                if (signal?.aborted)
+                    break;
                 // Skip if allowedTIDs is set and this TID is not allowed
                 if (allowedTIDs && searchResult.fromTID && !allowedTIDs.includes(searchResult.fromTID)) {
                     continue;
@@ -261,7 +290,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                     expanded: false,
                     hidden: false
                 };
-                const source = await searchResultToDataSource(searchResult);
+                const source = await searchResultToDataSource(searchResult, undefined, signal);
                 if (source && source.length > 0) {
                     const dcmtDetails = [];
                     // Check once if this document type can have detail relations
@@ -307,7 +336,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
     /**
      * Recursively retrieve master documents
      */
-    const getMasterDcmtsAsync = useCallback(async (dTID, dDID, maxLevel) => {
+    const getMasterDcmtsAsync = useCallback(async (dTID, dDID, maxLevel, signal) => {
         const items = [];
         if (!dTID)
             return [];
@@ -327,6 +356,9 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                 return items;
             const results = await searchEngine.GetAllMasterDcmtsAsync(dTID, dDID) ?? [];
             for (const searchResult of results) {
+                // Interruzione richiesta dall'utente: restituisce le correlazioni già calcolate
+                if (signal?.aborted)
+                    break;
                 // Skip if allowedTIDs is set and this TID is not allowed
                 if (allowedTIDs && searchResult.fromTID && !allowedTIDs.includes(searchResult.fromTID)) {
                     continue;
@@ -348,7 +380,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                     expanded: false,
                     hidden: false
                 };
-                const source = await searchResultToDataSource(searchResult);
+                const source = await searchResultToDataSource(searchResult, undefined, signal);
                 if (source && source.length > 0) {
                     const dcmtMasters = [];
                     // Check once if this document type can have master relations (for inverted mode)
@@ -576,7 +608,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
             }
             const dtd = await DcmtTypeListCacheService.GetAsync(dcmt.TID);
             // Parse document values
-            const docValues = await searchResultToDataSource(result);
+            const docValues = await searchResultToDataSource(result, undefined, abortController.signal);
             const docRow = docValues.length > 0 ? docValues[0] : undefined;
             // Generate unique GUID for this container
             const containerGUID = genUniqueId();
@@ -585,16 +617,21 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
             // ========================================================================
             if (isForMaster && !invertMasterNavigation) {
                 // Carica i master documents
-                const masterDocs = await getMasterDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel);
+                const masterDocs = await getMasterDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel, abortController.signal);
                 // Per ogni master, carica i suoi detail (incluso il documento corrente)
                 for (const masterContainer of masterDocs) {
+                    if (abortController.signal.aborted)
+                        break;
                     if (!masterContainer.items)
                         continue;
                     // Per ogni master document nel container, carica i detail
                     for (const masterDoc of masterContainer.items) {
+                        // Interruzione richiesta dall'utente: mantiene i dati già calcolati
+                        if (abortController.signal.aborted)
+                            break;
                         if (masterDoc.tid && masterDoc.did) {
                             // Carica i detail del master (incluso il documento di partenza)
-                            const detailDocs = await getDetailDcmtsAsync(masterDoc.tid, masterDoc.did, 1);
+                            const detailDocs = await getDetailDcmtsAsync(masterDoc.tid, masterDoc.did, 1, abortController.signal);
                             masterDoc.items = detailDocs;
                             masterDoc.itemsCount = detailDocs.length;
                             masterDoc.isLoaded = true;
@@ -627,8 +664,8 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
             else {
                 // Load related documents (detail or master based on isForMaster flag)
                 const relatedDocs = isForMaster
-                    ? await getMasterDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel)
-                    : await getDetailDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel);
+                    ? await getMasterDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel, abortController.signal)
+                    : await getDetailDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel, abortController.signal);
                 // Se showMainDocument è false, mostra i container dei dettagli direttamente sotto il container principale
                 if (!showMainDocument) {
                     // Check if a container for this TID already exists in the tree
@@ -775,8 +812,15 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
             // Check recursively if there are any actual documents
             return hasNoActualDocuments(container.items);
         });
+        // Calcolo interrotto dall'utente: mostra solo ciò che è stato calcolato,
+        // senza notificare l'assenza di correlazioni (il risultato è parziale, non definitivo)
+        const wasStopped = abortController.signal.aborted;
+        if (wasStopped) {
+            setLoadStoppedByUser(true);
+            onCalculationStopped?.();
+        }
         // If no relations found, notify parent
-        if (hasNoRelations && onNoRelationsFound) {
+        if (!wasStopped && hasNoRelations && onNoRelationsFound) {
             onNoRelationsFound();
         }
         // Update metadata error count state
@@ -804,7 +848,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
         // Now it will correctly detect expanded nodes and add infoMessage if all children are hidden
         const processedTree = updateHiddenProperty(expandedTree);
         setTreeData(processedTree);
-    }, [inputDcmts, dcmtTypes, maxDepthLevel, isForMaster, invertMasterNavigation, getDetailDcmtsAsync, getMasterDcmtsAsync, abortController, updateHiddenProperty, showMainDocument, labelMainContainer, onNoRelationsFound]);
+    }, [inputDcmts, dcmtTypes, maxDepthLevel, isForMaster, invertMasterNavigation, getDetailDcmtsAsync, getMasterDcmtsAsync, abortController, updateHiddenProperty, showMainDocument, labelMainContainer, onNoRelationsFound, onCalculationStopped]);
     /**
      * Merge main tree data with additional static items
      */
@@ -1047,15 +1091,15 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                 let loadedItems = [];
                 if (isForMaster && !invertMasterNavigation) {
                     // Original mode: detail documents load detail documents (natural detail→detail navigation)
-                    loadedItems = await getDetailDcmtsAsync(node.tid, node.did, 1);
+                    loadedItems = await getDetailDcmtsAsync(node.tid, node.did, 1, newAbortController.signal);
                 }
                 else if (isForMaster) {
                     // Inverted master mode: load master documents
-                    loadedItems = await getMasterDcmtsAsync(node.tid, node.did, 1);
+                    loadedItems = await getMasterDcmtsAsync(node.tid, node.did, 1, newAbortController.signal);
                 }
                 else {
                     // Standard mode: load detail documents
-                    loadedItems = await getDetailDcmtsAsync(node.tid, node.did, 1);
+                    loadedItems = await getDetailDcmtsAsync(node.tid, node.did, 1, newAbortController.signal);
                 }
                 // Espandi automaticamente il primo container se ci sono documenti correlati
                 if (loadedItems.length > 0 && loadedItems[0].isContainer) {
@@ -1417,13 +1461,13 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                             let loadedItems = [];
                             // Carica i documenti correlati (detail o master in base alla modalità)
                             if (isForMaster && !invertMasterNavigation) {
-                                loadedItems = await getDetailDcmtsAsync(node.tid, node.did, 1);
+                                loadedItems = await getDetailDcmtsAsync(node.tid, node.did, 1, newAbortController.signal);
                             }
                             else if (isForMaster) {
-                                loadedItems = await getMasterDcmtsAsync(node.tid, node.did, 1);
+                                loadedItems = await getMasterDcmtsAsync(node.tid, node.did, 1, newAbortController.signal);
                             }
                             else {
-                                loadedItems = await getDetailDcmtsAsync(node.tid, node.did, 1);
+                                loadedItems = await getDetailDcmtsAsync(node.tid, node.did, 1, newAbortController.signal);
                             }
                             // Applica le regole di visibilità (showZeroDcmts)
                             expandedNode.items = updateHiddenProperty(loadedItems);
@@ -1524,6 +1568,10 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
         return _jsx("div", { style: { padding: '20px', textAlign: 'center' }, children: _jsx(TMWaitPanel, { title: SDKUI_Localizator.LoadingDetailDocuments, showPrimary: true, textPrimary: waitPanelTextPrimary, valuePrimary: waitPanelValuePrimary, maxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, onAbortClick: () => { setTimeout(() => { abortController.abort(); }, 1000); } }) });
     }
     if (mergedTreeData.length === 0) {
+        // Calcolo interrotto dall'utente prima di aver calcolato qualsiasi correlazione
+        if (loadStoppedByUser) {
+            return _jsx(TMToppyMessage, { message: SDKUI_Localizator.RelationsCalculationStopped });
+        }
         // Se NON isForMaster e tutti i GetMetadataAsync sono falliti
         if (!isForMaster && metadataErrorCount === inputDcmts.length) {
             return _jsx(TMToppyMessage, { message: SDKUI_Localizator.DocumentsNotAvailableOrNoCorrelations });
@@ -1534,7 +1582,8 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
         return _jsx("div", { style: { padding: '20px', textAlign: 'center', color: '#666' }, children: SDKUI_Localizator.NoRelationsAvailable });
     }
     // Se isForMaster e non ci sono master documents disponibili
-    if (isForMaster && totalMasterDocuments === 0) {
+    // (se il calcolo è stato interrotto l'albero parziale viene comunque mostrato)
+    if (isForMaster && totalMasterDocuments === 0 && !loadStoppedByUser) {
         return _jsx(TMToppyMessage, { message: SDKUI_Localizator.NoMasterDocumentsAvailable });
     }
     return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', minHeight: 0, width: '100%' }, children: [showExpandAllButton && (_jsxs("div", { style: { flexShrink: 0, display: 'flex', alignItems: 'center', gap: '6px', height: '40px', paddingLeft: '10px', backgroundColor: TMColors.toolbar_background }, children: [_jsx(TMTooltip, { content: expandLevel === 0

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

@@ -5,7 +5,7 @@ import TMSavedQuerySelector from './TMSavedQuerySelector';
 import TMTreeSelector from './TMTreeSelector';
 import { TabPanel, Item } from 'devextreme-react/tab-panel';
 import TMSearchQueryPanel, { refreshLastSearch } from './TMSearchQueryPanel';
-import { getSysAllDcmtsSQD, IconFilter, IconRecentlyViewed, IconSavedQuery, IconTree, removeMruTid, SDKUI_Globals, SDKUI_Localizator, updateMruTids } from '../../../helper';
+import { getSysAllDcmtsSQD, IconFilter, IconRecentlyViewed, IconSavedQuery, IconTree, mergeSearchResultsAppend, removeMruTid, SDKUI_Globals, SDKUI_Localizator, updateMruTids } from '../../../helper';
 import TMSearchResult from './TMSearchResult';
 import TMRecentsManager from '../../grids/TMRecentsManager';
 import { SearchResultContext } from '../../../ts';
@@ -164,6 +164,32 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             console.error("Error refreshing search:", error);
         }
     };
+    const handleSearchCompleted = useCallback((searchResult, qd, append) => {
+        if (searchResult.length <= 0) {
+            // In ricerca normale un array vuoto resetta i risultati; in accoda si mantiene il set accumulato
+            if (!append)
+                setSearchResult(searchResult);
+            return;
+        }
+        const newResult = searchResult[0];
+        // In modalità accoda unisce il nuovo risultato a quello precedente (più recenti in cima).
+        setSearchResult(prev => {
+            if (append && prev.length > 0 && prev[0]?.fromTID === newResult?.fromTID) {
+                const merged = mergeSearchResultsAppend(prev[0], newResult);
+                return merged ? [merged] : searchResult;
+            }
+            return searchResult;
+        });
+        setLastQdSearched(qd);
+        setCurrentSearchView(TMSearchViews.Result);
+        // Salvataggio ultimi 10 TIDs
+        let fromTID = searchResult?.[0].fromTID;
+        let newMruTIDS = updateMruTids(SDKUI_Globals.userSettings.searchSettings.mruTIDs, fromTID);
+        SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
+        setMruTIDs(newMruTIDS);
+        setCurrentMruTID(fromTID);
+        setShowSearchResults(true);
+    }, []);
     const isMobile = deviceType === DeviceType.MOBILE;
     const isTabletOrMobile = deviceType === DeviceType.TABLET || deviceType === DeviceType.MOBILE;
     // --- JSX WRAPPERS ---
@@ -182,23 +208,10 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
             setMruTIDs(newMruTIDS);
         } }), [mruTIDs, currentMruTID, deviceType]);
-    const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { passToArchiveCallback: passToArchiveCallback, isExpertMode: isExpertMode, showBackToResultButton: searchResult.length > 0, fromDTD: fromDTD, SQD: currentSQD, inputMids: inputMids, maxDcmtsToBeReturned: maxDcmtsToBeReturned, onBackToResult: () => { setCurrentSearchView(TMSearchViews.Result); }, onSearchCompleted: (searchResult, qd) => {
-            setSearchResult(searchResult);
-            if (searchResult.length <= 0)
-                return;
-            setLastQdSearched(qd);
-            setCurrentSearchView(TMSearchViews.Result);
-            // Salvataggio ultimi 10 TIDs 
-            let fromTID = searchResult?.[0].fromTID;
-            let newMruTIDS = updateMruTids(SDKUI_Globals.userSettings.searchSettings.mruTIDs, fromTID);
-            SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
-            setMruTIDs(newMruTIDS);
-            setCurrentMruTID(fromTID);
-            setShowSearchResults(true);
-        }, onSqdSaved: async (newSqd) => {
+    const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { passToArchiveCallback: passToArchiveCallback, isExpertMode: isExpertMode, showBackToResultButton: searchResult.length > 0, fromDTD: fromDTD, SQD: currentSQD, inputMids: inputMids, maxDcmtsToBeReturned: maxDcmtsToBeReturned, onBackToResult: () => { setCurrentSearchView(TMSearchViews.Result); }, onSearchCompleted: handleSearchCompleted, onSqdSaved: async (newSqd) => {
             await loadDataSQDsAsync(true, newSqd.masterTID);
             await setSQDAsync(newSqd);
-        } }), [fromDTD, showSearchResults, setShowSearchResults, currentSQD, isExpertMode, mruTIDs, searchResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned]);
+        } }), [fromDTD, showSearchResults, setShowSearchResults, currentSQD, isExpertMode, mruTIDs, searchResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned, handleSearchCompleted]);
     const tmSavedQuerySelectorElement = useMemo(() => _jsxs(TabPanel, { width: "100%", height: "100%", showNavButtons: true, repaintChangesOnly: true, selectedIndex: currentSQDMode, onSelectedIndexChange: (index) => setCurrentSQDMode(index), children: [(currentTID || currentSQD) ? _jsx(Item, { title: fromDTD?.nameLoc, children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: false, items: filteredByTIDSQDs, selectedId: currentSQD?.id, onRefreshData: () => { loadDataSQDsAsync(true); }, onItemClick: (sqd) => {
                         onSQDItemClick(sqd, setSQDAsync);
                     }, onDeleted: (sqd) => onSQDDeleted(sqd, sqd.id == currentSQD?.id ? filteredByTIDSQDs.find(o => o.id == 1) : currentSQD, setSQDAsync), refreshFavoriteSavedQueries: refreshFavoriteSavedQueries }) }) : _jsx(_Fragment, {}), _jsx(Item, { title: SDKUI_Localizator.AllFemale, children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: true, items: allSQDs, manageDefault: false, onItemClick: (sqd) => {

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

@@ -58,10 +58,12 @@ const TMSearchQueryEditor = ({ qd, dcmtTypesList = [], isExpertMode = SDKUI_Glob
     const handleItemSelect = useCallback((tid, mid) => {
         if (currentEditingMID !== mid)
             setCurrentEditingMID(mid);
-        if (!focusedTidMid || mid !== focusedTidMid.mid) {
-            setFocusedTidMid({ tid: tid, mid: mid });
+        if (!focusedTidMid || mid !== focusedTidMid.mid || tid !== focusedTidMid.tid) {
+            const newFocusedTidMid = { tid: tid, mid: mid };
+            setFocusedTidMid(newFocusedTidMid);
+            onFocusedMetadataChanged?.(newFocusedTidMid);
         }
-    }, [currentEditingMID, focusedTidMid]);
+    }, [currentEditingMID, focusedTidMid, onFocusedMetadataChanged]);
     const handleAdvancedMenuClick = useCallback((e) => {
         if (e.button === AdvancedMenuButtons.MakeEditable && e.mid) {
             addOrRemoveEditableList(e.mid);

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

@@ -12,7 +12,7 @@ interface ITMSearchQueryPanelProps {
     onBack?: () => void;
     onBackToResult?: () => void;
     onSqdSaved?: (newSqd: SavedQueryDescriptor) => void;
-    onSearchCompleted?: (searchResult: SearchResultDescriptor[], qd: QueryDescriptor | undefined) => void;
+    onSearchCompleted?: (searchResult: SearchResultDescriptor[], qd: QueryDescriptor | undefined, append?: boolean) => void;
     onClosePanel?: () => void;
     allowMaximize?: boolean;
     onMaximizePanel?: () => void;

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

@@ -46,6 +46,8 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     let initialMaxItems = deviceType === DeviceType.MOBILE ? 8 : 12;
     const appliedInputMidsRef = useRef(null);
     const pendingMidsRef = useRef(null);
+    // Flag "accoda": impostato dall'azione secondaria del bottone Ricerca, consumato in executeSearch
+    const appendNextSearchRef = useRef(false);
     useEffect(() => {
         if (!SQD)
             return;
@@ -122,7 +124,10 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     useEffect(() => {
         if (shouldSearch && qd) {
             const executeSearch = async () => {
-                await searchAsync(qd, showAdvancedSearch);
+                // Legge e consuma il flag "accoda" impostato dall'azione secondaria del bottone Ricerca
+                const append = appendNextSearchRef.current;
+                appendNextSearchRef.current = false;
+                await searchAsync(qd, showAdvancedSearch, append);
                 setShouldSearch(false); // Resetta il trigger dopo la ricerca
             };
             executeSearch();
@@ -167,8 +172,9 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
         });
         setQd({ ...qd, where: newWhere, orderBy: [] });
     };
-    const searchAsync = async (qdInput, isAdvancedSearch) => {
-        onSearchCompleted?.([], undefined); // reset results
+    const searchAsync = async (qdInput, isAdvancedSearch, append = false) => {
+        if (!append)
+            onSearchCompleted?.([], undefined); // reset results (solo in ricerca normale, non in accoda)
         let searchParams = { isAdvancedSearch: isAdvancedSearch, lastQdParams: lastQdParams, confirmQueryParams: confirmQueryParams, setLastQdParamsCallback: setLastQdParams };
         let searchResult = await searchByQdAsync(qdInput, searchParams);
         let dcmtsFound = searchResult?.result?.dcmtsFound ?? 0;
@@ -180,7 +186,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
                 results.push(searchResult?.result);
             // Before notifying onSearchComplete, let's set the panel to NOT active
             setIsQueryPanelActive(false);
-            onSearchCompleted?.(results, searchResult?.qd);
+            onSearchCompleted?.(results, searchResult?.qd, append);
         }
     };
     const updateIsModalOpen = useCallback((isOpen) => {
@@ -214,9 +220,24 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
         if (document.activeElement instanceof HTMLElement) {
             document.activeElement.blur();
         }
-        // Attiva il flag di ricerca anche per il click del bottone
+        // Ricerca normale: azzera l'eventuale flag accoda e avvia
+        appendNextSearchRef.current = false;
         setShouldSearch(true);
     }, []);
+    const handleSearchAndAppendClick = useCallback(() => {
+        // Propagazione blur
+        if (document.activeElement instanceof HTMLElement) {
+            document.activeElement.blur();
+        }
+        // Ricerca e accoda: imposta il flag consumato da executeSearch
+        appendNextSearchRef.current = true;
+        setShouldSearch(true);
+    }, []);
+    const searchButtonSecondaryActions = useMemo(() => [{
+            name: SDKUI_Localizator.SearchAndAppend,
+            icon: _jsx(IconSearch, {}),
+            onClick: handleSearchAndAppendClick
+        }], [handleSearchAndAppendClick]);
     const handleQdChanged = useCallback((newQd) => {
         if (!deepCompare(qd, newQd)) {
             setQd(newQd);
@@ -270,7 +291,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     }, [qd, fromDTD?.metadata, SQD?.masterTID]);
     const handleCloseOutputConfig = useCallback(() => setShowOutputConfig(false), []);
     const contextMenuItems = useMemo(() => [
-        ...(showBackToResultButton ? [{ icon: _jsx(IconArrowRight, {}), name: "Vai a risultato", onClick: () => { onBackToResult?.(); } }] : []),
+        ...(showBackToResultButton ? [{ icon: _jsx(IconArrowRight, {}), name: SDKUI_Localizator.BackToResult, onClick: () => { onBackToResult?.(); } }] : []),
         { icon: _jsx(IconAddCircleOutline, {}), name: SDKUI_Localizator.SavedQueryNew, beginGroup: showBackToResultButton, onClick: () => { openSqdForm(FormModes.Create); } },
         { icon: _jsx(IconEdit, {}), name: SDKUI_Localizator.SavedQueryUpdate, disabled: (SQD && SQD.id == 1), onClick: () => { openSqdForm(FormModes.Update); } },
         { icon: showAdvancedSearch ? _jsx(IconEasy, {}) : _jsx(IconAdvanced, {}), beginGroup: true, name: showAdvancedSearch ? SDKUI_Localizator.Search_Easy : SDKUI_Localizator.Search_Advanced, onClick: () => { changeAdvancedSearchAsync(!showAdvancedSearch); } },
@@ -353,7 +374,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
                                         alignItems: 'center',
                                         gap: '10px',
                                         width: '100%'
-                                    }, children: [_jsx(TMButton, { btnStyle: 'advanced', icon: _jsx(IconSearch, {}), showTooltip: false, width: '90px', caption: SDKUI_Localizator.Search, advancedColor: '#4A96D2', onClick: handleSearchButtonClick }), _jsx(TMButton, { width: '90px', btnStyle: 'advanced', advancedType: 'primary', showTooltip: false, caption: SDKUI_Localizator.Clear, icon: _jsx(IconClear, {}), advancedColor: 'white', color: 'primaryOutline', onClick: clearFilters }), (!showAdvancedSearch && qd?.where && qd.where.length > initialMaxItems) && (_jsx(TMButton, { width: '120px', btnStyle: isMobile ? 'icon' : 'advanced', advancedColor: TMColors.button_primary, caption: captionText, showTooltip: false, icon: isMobile ? (_jsx("div", { children: _jsx("p", { children: showAllMdWhere ? `-${diff}` : `+${diff}` }) })) : (_jsx("p", { children: showAllMdWhere ? `-${diff}` : `+${diff}` })), onClick: () => setShowAllMdWhere(!showAllMdWhere) }))] }), showFiltersConfig &&
+                                    }, children: [_jsx(TMButton, { btnStyle: 'advanced', icon: _jsx(IconSearch, {}), showTooltip: false, width: '120px', caption: SDKUI_Localizator.Search, advancedColor: '#4A96D2', onClick: handleSearchButtonClick, secondaryActions: searchButtonSecondaryActions }), _jsx(TMButton, { width: '90px', btnStyle: 'advanced', advancedType: 'primary', showTooltip: false, caption: SDKUI_Localizator.Clear, icon: _jsx(IconClear, {}), advancedColor: 'white', color: 'primaryOutline', onClick: clearFilters }), (!showAdvancedSearch && qd?.where && qd.where.length > initialMaxItems) && (_jsx(TMButton, { width: '120px', btnStyle: isMobile ? 'icon' : 'advanced', advancedColor: TMColors.button_primary, caption: captionText, showTooltip: false, icon: isMobile ? (_jsx("div", { children: _jsx("p", { children: showAllMdWhere ? `-${diff}` : `+${diff}` }) })) : (_jsx("p", { children: showAllMdWhere ? `-${diff}` : `+${diff}` })), onClick: () => setShowAllMdWhere(!showAllMdWhere) }))] }), showFiltersConfig &&
                                     _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, height: '500px', width: '600px', allowSysMetadata: true, filterMetadata: (o => o.perm?.canSearch === AccessLevels.Yes), qd: qd, selectedIDs: qd?.where?.map((w) => ({ tid: w.tid, mid: w.mid })), onClose: handleCloseFiltersConfig, onChoose: handleChooseFilters }), showOutputConfig &&
                                     _jsx(TMMetadataOutputForm, { qd: qd, selectedSelectItems: qd?.select, allowSysMetadata: true, filterMetadata: (o => o.perm?.canView === AccessLevels.Yes || o.perm?.canUpdate === AccessLevels.Yes), onClose: handleCloseOutputConfig, onChoose: (selectItems) => {
                                             setQd({ ...qd, select: selectItems });

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { DcmtTypeDescriptor, HomeBlogPost, ObjectRef, SearchResultDescriptor, TaskDescriptor, WorkingGroupDescriptor } from '@topconsultnpm/sdk-ts';
 import { IntesiCertificateData } from '../../../helper';
+import { ITMCounterContainerProps } from '../../base/TMCounterContainer';
 import { DcmtInfo, IGraphometricManagerProp, SearchResultContext, TaskContext } from '../../../ts';
 import { TMSearchResultFloatingActionConfig } from './TMSearchResultFloatingActionButton';
 export declare const getSearchResultCountersSingleCategory: (searchResults: SearchResultDescriptor[]) => string;
@@ -25,6 +26,7 @@ interface ITMSearchResultProps {
     showSelector?: boolean;
     showToolbarHeader?: boolean;
     showBackButton?: boolean;
+    showToolbarCloseButton?: boolean;
     disableAccordionIfSingleCategory?: boolean;
     enablePinIcons?: boolean;
     editPdfForm?: boolean;
@@ -33,10 +35,17 @@ interface ITMSearchResultProps {
     showToppyDraggableHelpCenter?: boolean;
     toppyHelpCenterUsePortal?: boolean;
     showNoDcmtFoundMessage?: boolean;
+    showCounterConfig?: boolean;
+    /** Mostra in testa alla griglia la colonna con le azioni di riga (modifica, duplica, cancella) */
+    showActionsColumn?: boolean;
+    /** Rende compatto il paginatore della griglia: utile quando il risultato è dentro pannelli bassi (es. accordion) */
+    compactPager?: boolean;
+    counterConfig?: ITMCounterContainerProps;
     onClose?: () => void;
     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;