@topconsultnpm/sdkui-react 6.20.0-dev2.67 → 6.20.0-dev2.68

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

@@ -146,7 +146,18 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
             setSelectedSearchResult(searchResults[0]);
             return;
         }
-        // Seleziona sempre il primo risultato ordinato, sia su mobile che desktop
+        // Se il TID precedentemente selezionato esiste ancora nei nuovi risultati, mantienilo.
+        // Questo evita l'errore E1047 in modalità multi-TID: cambiando TID cambiano le colonne
+        // e il filtro applicato potrebbe riferire campi non più presenti.
+        const prevTID = selectedSearchResult?.fromTID;
+        if (prevTID !== undefined) {
+            const found = searchResults.find(r => r.fromTID === prevTID);
+            if (found) {
+                setSelectedSearchResult(found);
+                return;
+            }
+        }
+        // Altrimenti seleziona il primo risultato ordinato
         setSelectedSearchResult(orderByName(searchResults)[0]);
     }, [searchResults]);
     useEffect(() => {
@@ -887,6 +898,7 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
     const [visibleItems, setVisibleItems] = useState([]);
     const [pageSize, setPageSize] = useState(SDKUI_Globals.userSettings.searchSettings?.pageSize ?? TMDataGridPageSize.Large);
     const [isDataGridReady, setIsDataGridReady] = useState(false);
+    const dataGridRef = useRef(null);
     const { loadDataListsAsync, renderDataListCell, dataListsCache } = useDataListItem();
     const { loadUsersAsync, renderUserIdViewer, usersCache } = useDataUserIdItem();
     useEffect(() => {
@@ -1157,6 +1169,19 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
             ]);
             // Genera colonne con cache popolate per garantire headerFilter completi
             const cols = generateColumns();
+            // Cancella i filtri SOLO se le colonne sono cambiate (es. cambio TID).
+            // Se le colonne restano le stesse (es. refresh sullo stesso TID), il filtro resta valido.
+            // Previene l'errore E1047 quando il filtro riferisce campi non più presenti nelle nuove colonne.
+            const oldFields = columns.map(c => c.dataField);
+            const newFields = cols.map(c => c.dataField);
+            const columnsChanged = oldFields.length !== newFields.length ||
+                oldFields.some((f, i) => f !== newFields[i]);
+            if (columnsChanged) {
+                const gridInstance = dataGridRef.current?.instance();
+                if (gridInstance) {
+                    gridInstance.clearFilter();
+                }
+            }
             setColumns(cols);
             // Converte i risultati di ricerca in un array semplice per la griglia
             let newDataSource = searchResultDescriptorToSimpleArray(searchResult);
@@ -1236,7 +1261,7 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
         setVisibleItems(visibleRows.map((row) => { return row.data; }));
     }, []);
     useEffect(() => { onVisibleItemChanged?.(visibleItems); }, [visibleItems]);
-    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [!isDataGridReady && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', gap: '10px' }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsx("div", { children: SDKUI_Localizator.Loading })] })), isDataGridReady && _jsx(TMDataGrid, { id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearch, showFilterPanel: true, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: pageSize, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, showHeaderColumnChooser: true, onKeyDown: onKeyDown, customContextMenuItems: floatingMenuItems, counterConfig: { show: true } }), (showExportForm && searchResult && onCloseExportForm) && _jsx(TMDataGridExportForm, { dataColumns: dataColumns, dataSource: dataSource, selectedRowKeys: selectedRowKeys, onCloseExportForm: onCloseExportForm, searchResult: searchResult })] });
+    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [!isDataGridReady && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', gap: '10px' }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsx("div", { children: SDKUI_Localizator.Loading })] })), isDataGridReady && _jsx(TMDataGrid, { ref: dataGridRef, id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearch, showFilterPanel: true, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: pageSize, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, showHeaderColumnChooser: true, onKeyDown: onKeyDown, customContextMenuItems: floatingMenuItems, counterConfig: { show: true } }), (showExportForm && searchResult && onCloseExportForm) && _jsx(TMDataGridExportForm, { dataColumns: dataColumns, dataSource: dataSource, selectedRowKeys: selectedRowKeys, onCloseExportForm: onCloseExportForm, searchResult: searchResult })] });
 };
 //#region TMSearchResultSelector
 const StyledItemTemplate = styled.div ` 
@@ -1268,13 +1293,21 @@ const TMSearchResultSelector = ({ searchResults = [], disableAccordionIfSingleCa
     sortedCategories.forEach((category) => {
         groupedResults[category].sort((a, b) => (a.fromName ?? '').localeCompare(b.fromName ?? ''));
     });
-    // Reset internal selection when parent sets selectedSearchResult to undefined
-    // (this happens on mobile when clicking back to return to the list)
+    // Sincronizza la selezione interna con quella del parent.
+    // Quando selectedSearchResult è undefined (es. mobile back) resetta.
+    // Quando selectedSearchResult cambia (es. refresh dopo WF operation), cerca il corrispondente
+    // nel nuovo searchResults per aggiornare il reference e mantenere lo stile di selezione.
     useEffect(() => {
         if (selectedSearchResult === undefined) {
             setSelectedResult(undefined);
         }
-    }, [selectedSearchResult]);
+        else {
+            const found = searchResults.find(r => r.fromTID === selectedSearchResult.fromTID);
+            if (found) {
+                setSelectedResult(found);
+            }
+        }
+    }, [selectedSearchResult, searchResults]);
     // Auto-seleziona il primo risultato di ricerca solo se autoSelectFirst è true.
     // Su mobile con più risultati, autoSelectFirst è false per permettere all'utente 
     // di vedere prima la lista dei tipi documento e scegliere manualmente.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.20.0-dev2.67",
+    "version": "6.20.0-dev2.68",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",