@topconsultnpm/sdkui-react 6.21.0-t2 → 6.21.0-t4

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

@@ -3,7 +3,8 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import styled from 'styled-components';
 import { LoadIndicator } from 'devextreme-react';
 import { AppModules, DataColumnTypes, DataListViewModes, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataFormats, SDK_Globals, SystemMIDsAsNumber, UserListCacheService, } from '@topconsultnpm/sdk-ts';
-import { deepCompare, generateUniqueColumnKeys, genUniqueId, getSearchToolbarVisibility, IconBoard, IconDcmtTypeSys, IconDelete, IconMenuVertical, IconPlatform, IconRefresh, IconSearchCheck, IconShow, isApprovalWorkflowView, isSign4TopEnabled, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, SDKUI_Localizator, } from '../../../helper';
+import { deepCompare, generateUniqueColumnKeys, genUniqueId, getSearchToolbarVisibility, IconAll, IconBoard, IconDcmtTypeSys, IconDelete, IconMenuVertical, IconPlatform, IconRefresh, IconSearchCheck, IconShow, isApprovalWorkflowView, isSign4TopEnabled, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, SDKUI_Localizator } from '../../../helper';
+import { CounterItemKey } from '../../base/TMCounterContainer';
 import { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
 import { DcmtOperationTypes, SearchResultContext, } from '../../../ts';
 import { Gutters } from '../../../utils/theme';
@@ -54,15 +55,20 @@ const TMSearchResult = ({
 // Data
 groupId, searchResults = [], context = SearchResultContext.METADATA_SEARCH, title, selectedSearchResultTID, floatingActionConfig, workingGroupContext = undefined, inputDID, 
 // Boolean flags to enable/disable features
-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, mergePdfManager, 
+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, 
 // Tasks
 allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, 
 // Navigation
-handleNavigateToWGs, handleNavigateToDossiers, }) => {
+handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, }) => {
     // Ref for the floating bar container (used to position the floating action buttons)
     const floatingBarContainerRef = useRef(null);
+    // Ref per tracciare se autoFocusFirstRow=false deve bloccare l'auto-focus.
+    // Resta true finché l'utente non clicca manualmente sulla griglia per selezionare una riga.
+    // Quando l'utente seleziona manualmente, il ref viene settato a false e il focus automatico
+    // torna al comportamento normale.
+    const isFirstAutoFocusRef = useRef(true);
     // ID state to force remount of components
     const [id, setID] = useState('');
     // Document type descriptor of the currently document
@@ -139,6 +145,12 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
             }
         }
     };
+    // Handler unico per tutte le azioni utente che cambiano il focus (click, navigazione, etc.).
+    // Resetta isFirstAutoFocusRef perché da questo momento autoFocusFirstRow non deve più essere considerato.
+    const handleFocusedItemChangedFromGrid = useCallback((item) => {
+        isFirstAutoFocusRef.current = false;
+        setFocusedItem(item);
+    }, []);
     const onNavigateHandler = (dir) => {
         let index = -1;
         if (visibleItems && focusedItem) {
@@ -146,10 +158,10 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
         }
         switch (dir) {
             case 'next':
-                setFocusedItem(visibleItems[index + 1]);
+                handleFocusedItemChangedFromGrid(visibleItems[index + 1]);
                 break;
             default:
-                setFocusedItem(visibleItems[index - 1]);
+                handleFocusedItemChangedFromGrid(visibleItems[index - 1]);
                 break;
         }
     };
@@ -300,6 +312,7 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
             currentSearchResults,
             currentMetadataValues,
             allUsers,
+            fetchRemoteCertificates,
             searchResult: selectedSearchResult,
             datagridUtility: {
                 visibleItems,
@@ -361,7 +374,6 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
             onTaskCreateRequest,
             openTaskFormHandler,
         },
-        mergePdfManager,
     });
     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 deviceType = useDeviceType();
@@ -379,6 +391,9 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
         updateBatchUpdateForm(false);
         closeDcmtFormHandler();
         setCurrentSearchResults(searchResults);
+        // Resetta il ref quando arrivano nuovi risultati di ricerca,
+        // così la logica autoFocusFirstRow=false si riapplica per ogni nuova ricerca
+        isFirstAutoFocusRef.current = true;
         if (searchResults.length <= 0) {
             setSelectedSearchResult(undefined);
             return;
@@ -414,6 +429,12 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
         });
         checkRelatedDcmtsArchiveCapability();
         checkManyToManyCapability();
+        // se autoFocusFirstRow è false, non selezionare automaticamente la prima riga del nuovo risultato della ricerca
+        // Il ref resta true finché l'utente non clicca manualmente sulla griglia
+        if (autoFocusFirstRow === false && isFirstAutoFocusRef.current) {
+            setFocusedItem(undefined);
+            return;
+        }
         // Ricava il nuovo dataSource
         const newDataSource = searchResultDescriptorToSimpleArray(selectedSearchResult);
         // Se esiste almeno una riga, seleziona la prima
@@ -421,6 +442,12 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
     }, [selectedSearchResult, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability]);
     // Quando inputDID è fornito e i dati della griglia sono pronti, seleziona il documento corrispondente
     useEffect(() => {
+        // Se autoFocusFirstRow è false, non selezionare automaticamente la riga corrispondente a inputDID
+        // Il ref resta true finché l'utente non clicca manualmente sulla griglia
+        if (autoFocusFirstRow === false && isFirstAutoFocusRef.current) {
+            setFocusedItem(undefined);
+            return;
+        }
         if (!inputDID || visibleItems.length === 0)
             return;
         const targetItem = visibleItems.find((item) => item.DID == inputDID);
@@ -468,8 +495,10 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
         onOpenS4TViewerRequest?.([{ TID: focusedItem.TID, DID: focusedItem.DID }]);
     }, [openS4TViewer, inputDID, focusedItem, fromDTD]);
     useEffect(() => {
-        if (!focusedItem)
+        if (!focusedItem) {
+            setCurrentDcmt(undefined);
             return;
+        }
         if (!fromDTD)
             return;
         let dtd = searchResults.length > 1 ? searchResults.find(res => res.fromTID == focusedItem?.TID)?.dtdResult : searchResults[0]?.dtdResult;
@@ -628,7 +657,7 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
             && !openS4TViewer
             && !showTodoDcmtForm);
     }, [showToppyForApprove, showToppyDraggableHelpCenter, selectedDocs, showApprovePopup, showRejectPopup, showReAssignPopup, showMoreInfoPopup, editPdfForm, openS4TViewer, showTodoDcmtForm]);
-    const searchResutlToolbar = _jsxs(_Fragment, { children: [(dcmtsReturned != dcmtsFound) && _jsx("p", { style: { textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${dcmtsReturned}/${dcmtsFound} restituiti` }), context === SearchResultContext.FAVORITES_AND_RECENTS &&
+    const searchResutlToolbar = _jsxs(_Fragment, { children: [context === SearchResultContext.FAVORITES_AND_RECENTS &&
                 _jsx("div", { style: { display: 'flex', alignItems: 'center', gap: '5px' }, children: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconDelete, { color: 'white' }), caption: "Rimuovi da " + (selectedSearchResult?.category === "Favorites" ? '"Preferiti"' : '"Recenti"'), disabled: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length <= 0, onClick: removeDcmtFromFavsOrRecents }) }), _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconRefresh, { color: 'white' }), caption: SDKUI_Localizator.Refresh, onClick: onRefreshSearchAsyncDatagrid }), _jsx(TMContextMenu, { items: operationItems, trigger: "left", children: _jsx(IconMenuVertical, { color: 'white', cursor: 'pointer' }) })] });
     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 }) })] })
@@ -636,7 +665,7 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
             _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 }) })
                                                 :
-                                                    _jsx(_Fragment, {}), _jsx(TMLayoutItem, { children: _jsx(TMSearchResultGrid, { openInOffice: openInOffice, fromDTD: fromDTD, operationItems: operationItems, allUsers: allUsers, inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, showExportForm: showExportForm, onFocusedItemChanged: setFocusedItem, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync(inputDcmts, downloadType, downloadMode, 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 }) })] }), 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: () => {
+                                                    _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);
                                         }, onSignApprove: () => {
                                             handleSignApprove();
@@ -827,7 +856,7 @@ handleNavigateToWGs, handleNavigateToDossiers, }) => {
                                 _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] }));
 };
 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 }) => {
+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 }) => {
     const [dataSource, setDataSource] = useState();
     const [columns, setColumns] = useState([]);
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
@@ -851,6 +880,7 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
     const { loadDataListsAsync, renderDataListCell, dataListsCache } = useDataListItem();
     const { loadUsersAsync, renderUserIdViewer, usersCache } = useDataUserIdItem();
     useEffect(() => {
+        // Sincronizza focusedItem con inputFocusedItem dal padre
         if (deepCompare(inputFocusedItem, focusedItem))
             return;
         setFocusedItem(inputFocusedItem);
@@ -1035,10 +1065,25 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
                 // Recupera gli elementi della DataList dalla cache
                 const dataListItems = dataListsCache.current.get(dataListID);
                 if (dataListItems && dataListItems.length > 0) {
-                    // Crea il datasource per l'headerFilter mostrando il nome (text) ma filtrando per valore (value)
+                    // Raccoglie i valori unici presenti nei risultati di ricerca per questa colonna
+                    let valuesInResults;
+                    try {
+                        valuesInResults = new Set();
+                        searchResult?.dtdResult?.rows?.forEach(row => {
+                            const cellValue = row[index];
+                            if (cellValue != null) {
+                                valuesInResults.add(String(cellValue));
+                            }
+                        });
+                    }
+                    catch {
+                        // Fallback: mostra tutti i valori della DataList
+                        valuesInResults = undefined;
+                    }
+                    // Crea il datasource per l'headerFilter
                     headerFilterConfig = {
                         dataSource: dataListItems
-                            .filter(item => item.name != null && item.value != null)
+                            .filter(item => item.name != null && item.value != null && (valuesInResults === undefined || valuesInResults.has(String(item.value))))
                             .map(item => ({
                             text: item.name,
                             value: item.value
@@ -1051,10 +1096,28 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
                 // Recupera tutti gli utenti dalla cache
                 const users = Array.from(usersCache.current.values());
                 if (users.length > 0) {
+                    // Raccoglie gli ID utente presenti nei risultati di ricerca per questa colonna
+                    let userIdsInResults;
+                    try {
+                        userIdsInResults = new Set();
+                        searchResult?.dtdResult?.rows?.forEach(row => {
+                            const cellValue = row[index];
+                            if (cellValue != null) {
+                                const userId = Number(cellValue);
+                                if (userId > 0) {
+                                    userIdsInResults.add(userId);
+                                }
+                            }
+                        });
+                    }
+                    catch {
+                        // Fallback: mostra tutti gli utenti
+                        userIdsInResults = undefined;
+                    }
                     // Crea il datasource per l'headerFilter mostrando nome utente completo (dominio\nome)
                     headerFilterConfig = {
                         dataSource: users
-                            .filter(user => user.name != null && user.id != null)
+                            .filter(user => user.name != null && user.id != null && (userIdsInResults === undefined || userIdsInResults.has(user.id)))
                             .map(user => ({
                             text: user.domain ? `${user.domain}\\${user.name}` : user.name,
                             value: user.id
@@ -1125,8 +1188,7 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
             // 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]);
+            const columnsChanged = oldFields.length !== newFields.length || oldFields.some((f, i) => f !== newFields[i]);
             if (columnsChanged) {
                 const gridInstance = dataGridRef.current?.instance();
                 if (gridInstance) {
@@ -1144,7 +1206,6 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
     useEffect(() => {
         let newDataSource = searchResultDescriptorToSimpleArray(searchResult);
         setDataSource(newDataSource);
-        // setFocusedItem(newDataSource?.find(o => o?.rowIndex === focusedItem?.rowIndex));
     }, [lastUpdateSearchTime]);
     // Handles selection change in the data grid
     const handleSelectionChange = useCallback((e) => {
@@ -1155,14 +1216,9 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
     }, [onSelectionChanged]);
     // Handles focus change in the data grid
     const handleFocusedRowChange = useCallback((e) => {
-        // if (setFocusedItem === undefined) return;
-        // if (e.row === undefined) { setFocusedItem(undefined); return; }
-        // setFocusedItem(e.row.data);
+        // Non bloccare mai questo handler: è chiamato quando l'utente clicca su una riga
         onFocusedItemChanged?.(e.row?.data);
-    }, [setFocusedItem]);
-    // useEffect(() => {
-    //     onFocusedItemChanged?.(focusedItem)
-    // }, [focusedItem])
+    }, [onFocusedItemChanged]);
     // Handler for double-click row event
     const onRowDblClick = useCallback((e) => {
         if (onDblClick === undefined)
@@ -1183,7 +1239,6 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
             });
             return;
         }
-        // setFocusedItem(e.data);
         onFocusedItemChanged?.(e.data);
         onDblClick();
     }, [onDblClick]);
@@ -1213,7 +1268,21 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
         setVisibleItems(visibleData);
     }, []);
     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, { ref: dataGridRef, id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearchTMDatagrid, 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: operationItems, counterConfig: { show: true } })] });
+    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: disableAutoFocus ? undefined : Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearchTMDatagrid, 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: operationItems, counterConfig: {
+                    show: true,
+                    items: dcmtsReturned !== undefined && dcmtsFound !== undefined
+                        ? new Map([
+                            [CounterItemKey.allItems, {
+                                    key: CounterItemKey.allItems,
+                                    show: true,
+                                    caption: `${dcmtsReturned} restituiti su ${dcmtsFound} trovati`,
+                                    value: `${dcmtsReturned}/${dcmtsFound}`,
+                                    icon: _jsx(IconAll, {}),
+                                    order: -1
+                                }]
+                        ])
+                        : undefined
+                } })] });
 };
 //#region TMSearchResultSelector
 const StyledItemTemplate = styled.div ` 

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

@@ -12,5 +12,5 @@ interface TMSearchResultFloatingActionButtonProps {
     selectedDcmtsOrFocused: Array<DcmtInfo>;
     config: TMSearchResultFloatingActionConfig;
 }
-export declare const TMSearchResultFloatingActionButton: (props: TMSearchResultFloatingActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMSearchResultFloatingActionButton: (props: TMSearchResultFloatingActionButtonProps) => React.JSX.Element;
 export default TMSearchResultFloatingActionButton;

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

@@ -1,6 +1,7 @@
+import React from "react";
 import { DcmtInfo } from "../../../ts";
 interface TMSignatureInfoContentProps {
     inputDcmt: DcmtInfo;
 }
-declare const TMSignatureInfoContent: (props: TMSignatureInfoContentProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const TMSignatureInfoContent: (props: TMSignatureInfoContentProps) => React.JSX.Element | null;
 export default TMSignatureInfoContent;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { DcmtInfo } from "../../../ts/types";
 import { DeviceType } from "../../base/TMDeviceProvider";
 import { DcmtTypeDescriptor, HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
@@ -14,5 +15,5 @@ interface TMViewHistoryDcmtProps {
     handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
-declare const TMViewHistoryDcmt: (props: TMViewHistoryDcmtProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMViewHistoryDcmt: (props: TMViewHistoryDcmtProps) => React.JSX.Element;
 export default TMViewHistoryDcmt;

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

@@ -142,7 +142,7 @@ const TMViewHistoryDcmt = (props) => {
             files.push({ TID: Number(focusedRow.TID), DID: Number(focusedRow.DID), FILEEXT: focusedRow.FileExt });
         }
         if (files.length > 0)
-            await downloadDcmtsAsync(files, DownloadTypes.Dcmt, "download");
+            await downloadDcmtsAsync({ inputDcmts: files, downloadType: DownloadTypes.Dcmt, downloadMode: "download" });
     };
     const deleteFilesCallback = () => {
         if (!focusedRowKey)

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

@@ -0,0 +1,16 @@
+import { DcmtTypeDescriptor, MetadataDescriptor, QueryDescriptor } from "@topconsultnpm/sdk-ts";
+export type MetadataDescriptorWithKey = MetadataDescriptor & {
+    uniqueKey: string;
+};
+export declare function removeDuplicatesByTidMid<T extends {
+    tid?: number;
+    mid?: number;
+}>(items: T[]): T[];
+export declare function loadMetadataFromQd(qd: QueryDescriptor | undefined, filterMetadata?: (value: MetadataDescriptor, index: number, array: MetadataDescriptor[]) => unknown): Promise<{
+    metadata: MetadataDescriptorWithKey[];
+    dcmtTypes: DcmtTypeDescriptor[];
+}>;
+export declare function areArraysEqual<T extends {
+    tid?: number;
+    mid?: number;
+}>(arr1: T[], arr2: T[], additionalCompare?: (a: T, b: T) => boolean): boolean;

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

@@ -0,0 +1,77 @@
+import { DcmtTypeDescriptor, DcmtTypeListCacheService, SDK_Localizator } from "@topconsultnpm/sdk-ts";
+import { getTIDsByQd } from "../../../helper/queryHelper";
+import { SDKUI_Localizator } from "../../../helper";
+import TMSpinner from "../../base/TMSpinner";
+// =============================================================================
+// HELPER: Rimuove duplicati dalla lista (basato su tid + mid)
+// =============================================================================
+export function removeDuplicatesByTidMid(items) {
+    const seen = new Set();
+    return items.filter(item => {
+        const key = `${item.tid}_${item.mid}`;
+        if (seen.has(key))
+            return false;
+        seen.add(key);
+        return true;
+    });
+}
+// =============================================================================
+// FUNZIONE PRINCIPALE: Estrae i metadati dal QueryDescriptor
+// =============================================================================
+export async function loadMetadataFromQd(qd, filterMetadata) {
+    if (!qd)
+        return { metadata: [], dcmtTypes: [] };
+    const dtdList = [];
+    const metadata = [];
+    try {
+        const tidsFromQd = getTIDsByQd(qd);
+        const inputTIDs = tidsFromQd.map((item) => item.tid);
+        if (inputTIDs.length === 0)
+            return { metadata: [], dcmtTypes: [] };
+        TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.DcmtType} ...` });
+        const dtds = await DcmtTypeListCacheService.GetFromTIDsAsync(inputTIDs, true, undefined, false, false);
+        for (let i = 0; i < dtds.length; i++) {
+            const dtd = new DcmtTypeDescriptor();
+            dtd.init({ ...dtds[i] });
+            const alias = tidsFromQd?.[i]?.alias ?? '';
+            dtd.customData2 = alias;
+            dtd.metadata?.forEach((md) => {
+                const mdWithKey = md;
+                mdWithKey.customData1 = dtd.id;
+                mdWithKey.customData2 = alias;
+                mdWithKey.uniqueKey = `${dtd.id}_${md.id}_${alias}`;
+            });
+            const filteredMetadata = filterMetadata
+                ? dtd.metadata?.filter(filterMetadata)
+                : dtd.metadata;
+            dtdList.push({ ...dtd, metadata: filteredMetadata });
+        }
+        for (const dtd of dtdList) {
+            if (!dtd.metadata)
+                continue;
+            for (const md of dtd.metadata) {
+                metadata.push(md);
+            }
+        }
+        return { metadata, dcmtTypes: dtdList };
+    }
+    finally {
+        TMSpinner.hide();
+    }
+}
+// =============================================================================
+// HELPER: Confronta due array per determinare se sono stati modificati
+// =============================================================================
+export function areArraysEqual(arr1, arr2, additionalCompare) {
+    if (arr1.length !== arr2.length)
+        return false;
+    for (let i = 0; i < arr1.length; i++) {
+        const a = arr1[i];
+        const b = arr2[i];
+        if (a.tid !== b.tid || a.mid !== b.mid)
+            return false;
+        if (additionalCompare && !additionalCompare(a, b))
+            return false;
+    }
+    return true;
+}

package/lib/components/features/tasks/TMTaskForm.d.ts

@@ -36,5 +36,5 @@ export interface TMTaskFormProps {
     onOpenPdfEditorRequest?: (dcmtInfo: Array<DcmtInfo>, refreshDocumentPreview?: () => Promise<void>) => void;
     s4TViewerDialogComponent?: React.ReactNode;
 }
-declare const TMTaskForm: (props: TMTaskFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTaskForm: (props: TMTaskFormProps) => React.JSX.Element;
 export default TMTaskForm;

package/lib/components/features/tasks/TMTaskFormUtils.d.ts

@@ -8,7 +8,7 @@ interface TaskFormAssignmentNoticeSectionProps {
     users: Array<UserDescriptor>;
     requestMoreInfo?: boolean;
 }
-export declare const TaskFormAssignmentNoticeBadge: (props: TaskFormAssignmentNoticeSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TaskFormAssignmentNoticeBadge: (props: TaskFormAssignmentNoticeSectionProps) => React.JSX.Element | null;
 interface RenderContextBlockParams {
     condition: boolean;
     pdg: PdGs;
@@ -19,7 +19,7 @@ interface TaskFormContextualAttachmentsProps {
     currentTask: TaskDescriptor | undefined;
     taskContext: TaskContext | undefined;
 }
-export declare const TaskFormContextualAttachments: (props: TaskFormContextualAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TaskFormContextualAttachments: (props: TaskFormContextualAttachmentsProps) => React.JSX.Element;
 interface TaskFormAssignedToProps {
     formMode: FormModes;
     formData: TaskDescriptor | undefined;
@@ -31,7 +31,7 @@ interface TaskFormAssignedToProps {
     label?: string;
     onValueChanged: (newValue: Array<number> | undefined) => void;
 }
-export declare const TaskAssigneeField: (props: TaskFormAssignedToProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TaskAssigneeField: (props: TaskFormAssignedToProps) => React.JSX.Element;
 interface RenderFieldBaseProps {
     fieldsReadOnly: IFieldsEditability;
     formDataOrig?: TaskDescriptor;
@@ -50,12 +50,12 @@ interface RenderDateFieldProps extends RenderFieldProps {
     label?: string;
     onContentReady?: () => void;
 }
-export declare const RenderNameField: ({ requestMoreInfo, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderDescriptionField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderPriorityField: ({ formData, formDataOrig, fieldsReadOnly, onPriorityValueChange }: RenderPriorityFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderStartDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderEndDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderRemindDateField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RenderNameField: ({ requestMoreInfo, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
+export declare const RenderDescriptionField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
+export declare const RenderPriorityField: ({ formData, formDataOrig, fieldsReadOnly, onPriorityValueChange }: RenderPriorityFieldProps) => React.JSX.Element;
+export declare const RenderStartDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => React.JSX.Element;
+export declare const RenderEndDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => React.JSX.Element;
+export declare const RenderRemindDateField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
 interface RenderTaskFormStateFieldProps {
     formDataOrig: TaskDescriptor | undefined;
     formData: TaskDescriptor | undefined;
@@ -71,7 +71,7 @@ interface TMChangeStateFormProps {
     handleShowChangeStateForm: (value: boolean) => void;
     setFormData: React.Dispatch<React.SetStateAction<TaskDescriptor | undefined>>;
 }
-export declare const TMChangeStateForm: (props: TMChangeStateFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMChangeStateForm: (props: TMChangeStateFormProps) => React.JSX.Element;
 type TaskRole = "personal" | "sender" | "receiver";
 type StatusTransitionMap = {
     [key in Task_States]?: Task_States[];

package/lib/components/features/tasks/TMTasksAgenda.d.ts

@@ -15,5 +15,5 @@ interface TMTasksAgendaProps {
     handleFocusedRowChange: (row: TaskDescriptor | undefined) => void;
     menuItems: TMContextMenuItemProps[];
 }
-declare const TMTasksAgenda: (props: TMTasksAgendaProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksAgenda: (props: TMTasksAgendaProps) => React.JSX.Element;
 export default TMTasksAgenda;

package/lib/components/features/tasks/TMTasksCalendar.d.ts

@@ -19,5 +19,5 @@ interface TMTasksCalendarProps {
     handleFocusedRowChange: (row: TaskDescriptor | undefined) => void;
     menuItems: TMContextMenuItemProps[];
 }
-declare const TMTasksCalendar: (props: TMTasksCalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksCalendar: (props: TMTasksCalendarProps) => React.JSX.Element;
 export default TMTasksCalendar;

package/lib/components/features/tasks/TMTasksHeader.d.ts

@@ -10,5 +10,5 @@ interface TMTasksHeaderProps {
     color?: string;
     height?: string;
 }
-declare const TMTasksHeader: (props: TMTasksHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksHeader: (props: TMTasksHeaderProps) => React.JSX.Element;
 export default TMTasksHeader;

package/lib/components/features/tasks/TMTasksPanelContent.d.ts

@@ -16,5 +16,5 @@ interface TMTasksPanelContentProps {
     s4TViewerDialogComponent?: React.ReactNode;
     afterTaskSaved?: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
 }
-declare const TMTasksPanelContent: (props: TMTasksPanelContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksPanelContent: (props: TMTasksPanelContentProps) => React.JSX.Element;
 export default TMTasksPanelContent;

package/lib/components/features/tasks/TMTasksUtilsView.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { PdGs, Task_States, TaskDescriptor } from '@topconsultnpm/sdk-ts';
 import { FormModes } from "../../../ts";
 export declare const taskStateIconMap: (fontSize?: number) => Map<Task_States, JSX.Element>;
@@ -12,15 +12,15 @@ export declare const renderTaskIcons: (taskData: {
     remTime: Date | undefined;
     isNew: boolean;
     numberOfDays: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 interface TMActionCalendarProps {
     currentTask: TaskDescriptor;
     openTaskForm: (formMode: FormModes, task?: TaskDescriptor) => void;
     onDeleteCallback: (rowIds: Array<number>) => void;
 }
-export declare const TMActionCalendar: (props: TMActionCalendarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const priorityLegend: () => import("react/jsx-runtime").JSX.Element;
-export declare const highlightTaskText: (text: string, search: string, taskId: number) => string | (string | import("react/jsx-runtime").JSX.Element)[];
+export declare const TMActionCalendar: (props: TMActionCalendarProps) => React.JSX.Element;
+export declare const priorityLegend: () => React.JSX.Element;
+export declare const highlightTaskText: (text: string, search: string, taskId: number) => string | (string | React.JSX.Element)[];
 export declare const treeFilterDataSource: (allTasks: Array<TaskDescriptor>) => Array<{
     id: number;
     label: string;

package/lib/components/features/tasks/TMTasksView.d.ts

@@ -36,5 +36,5 @@ interface TMTasksViewProps {
     s4TViewerDialogComponent?: React.ReactNode;
     afterTaskSaved?: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
 }
-declare const TMTasksView: (props: TMTasksViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksView: (props: TMTasksViewProps) => React.JSX.Element;
 export default TMTasksView;

package/lib/components/features/wg/TMWGsCopyMoveForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DcmtTypeDescriptor, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
 import { FileItem } from '../../base/TMFileManagerUtils';
 /** Context descriptor for copy/move operations using different engines */
@@ -24,7 +25,7 @@ interface TMWGsCopyMoveFormProps {
     fetchTreeFileSystemForWorkingGroup?: (workingGroupId: number | undefined) => Promise<void>;
     fetchArchivedDocumentsForWorkingGroup?: (workingGroupId: number | undefined) => Promise<void>;
 }
-declare const TMWGsCopyMoveForm: (props: TMWGsCopyMoveFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMWGsCopyMoveForm: (props: TMWGsCopyMoveFormProps) => React.JSX.Element;
 export default TMWGsCopyMoveForm;
 interface StepItem {
     id: number | string;
@@ -36,4 +37,4 @@ interface TMStepNavigatorProps {
     currentStep: number;
     onStepChange: (stepIndex: number) => void;
 }
-export declare const TMStepNavigator: (props: TMStepNavigatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMStepNavigator: (props: TMStepNavigatorProps) => React.JSX.Element;