@topconsultnpm/sdkui-react 6.17.0-test10

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

@@ -0,0 +1,1092 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, TemplateTIDs, DcmtTypeListCacheService, AccessLevels, SystemMIDsAsNumber, RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, AccessLevelsEx, ResultTypes, LayoutCacheService } from '@topconsultnpm/sdk-ts';
+import styled from 'styled-components';
+import { getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMCommandsContextMenu, getExceptionMessage, IconCheck, svgToString, TMImageLibrary } from '../../../helper';
+import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
+import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
+import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
+import { DcmtOperationTypes, SearchResultContext, DownloadTypes } from '../../../ts';
+import { Gutters, TMColors } from '../../../utils/theme';
+import { StyledModalContainer, StyledBadge, StyledMultiViewPanel } from '../../base/Styled';
+import TMButton from '../../base/TMButton';
+import TMDataGrid, { TMDataGridPageSize } from '../../base/TMDataGrid';
+import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
+import { TMSplitterLayout, TMLayoutItem } from '../../base/TMLayout';
+import { TMMessageBoxManager, ButtonNames, TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMTooltip from '../../base/TMTooltip';
+import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import { TMUserIdViewer } from '../../choosers/TMUserChooser';
+import TMMetadataValues from '../../editors/TMMetadataValues';
+import TMDataListItemViewer from '../../viewers/TMDataListItemViewer';
+import TMTidViewer from '../../viewers/TMTidViewer';
+import TMDcmtPreview from '../documents/TMDcmtPreview';
+import TMFloatingToolbar from '../../base/TMFloatingToolbar';
+import { WorkFlowApproveRejectPopUp, WorkFlowMoreInfoPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
+import TMMasterDetailDcmts from '../documents/TMMasterDetailDcmts';
+import TMBatchUpdateForm from '../../features/documents/TMBatchUpdateForm';
+import TMDcmtForm from '../documents/TMDcmtForm';
+import TMDcmtBlog from '../documents/TMDcmtBlog';
+import TMDcmtIcon from '../documents/TMDcmtIcon';
+import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
+import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
+import ToppyHelpCenter from '../assistant/ToppyHelpCenter';
+import TMAccordion from '../../base/TMAccordion';
+import TMDataGridExportForm from '../../base/TMDataGridExportForm';
+import TMSearchResultFloatingActionButton from './TMSearchResultFloatingActionButton';
+import ShowAlert from '../../base/TMAlert';
+import TMSpinner from '../../base/TMSpinner';
+import TMChooserForm from '../../forms/TMChooserForm';
+import TMModal from '../../base/TMModal';
+import TMSearch from './TMSearch';
+import TMArchive from '../archive/TMArchive';
+import { TMResultManager } from '../../forms/TMResultDialog';
+import TMCustomButton from '../../base/TMCustomButton';
+//#region Helper Methods
+export const getSearchResultCountersSingleCategory = (searchResults) => {
+    // let totDcmtTypes = searchResults.length;
+    let totDcmts = 0;
+    for (let dcmt of searchResults) {
+        totDcmts += dcmt.dcmtsFound ?? 0;
+    }
+    return ` (${totDcmts})`;
+};
+const orderByName = (array) => {
+    let arr = [...array];
+    return arr.sort((a, b) => { if (a['fromName'] < b['fromName']) {
+        return -1;
+    } if (a['fromName'] > b['fromName']) {
+        return 1;
+    } return 0; });
+};
+const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, context = SearchResultContext.METADATA_SEARCH, isVisible = true, allowRelations = true, openDcmtFormAsModal = false, searchResults = [], showSearchResultSidebar = true, showSelector = false, groupId, title, isClosable = false, allowFloatingBar = true, showToolbarHeader = true, showBackButton = true, selectedSearchResultTID, workingGroupContext = undefined, disableAccordionIfSingleCategory = false, floatingActionConfig, openInOffice, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync, onSelectedTIDChanged, onWFOperationCompleted, onClose, onFileOpened, onTaskCreateRequest, openWGsCopyMoveForm, openEditPdf, openCommentFormCallback, openAddDocumentForm, openS4TViewer = false, onOpenS4TViewerRequest, passToArchiveCallback, showTodoDcmtForm = false, onReferenceClick, }) => {
+    const [id, setID] = useState('');
+    const [showApprovePopup, setShowApprovePopup] = useState(false);
+    const [showRejectPopup, setShowRejectPopup] = useState(false);
+    const [showReAssignPopup, setShowReAssignPopup] = useState(false);
+    const [showMoreInfoPopup, setShowMoreInfoPopup] = useState(false);
+    const [splitterSize, setSplitterSize] = useState(['100%', '0']);
+    const [showFloatingBar, setShowFloatingBar] = useState(true);
+    const [lastUpdateSearchTime, setLastUpdateSearchTime] = useState();
+    const [fromDTD, setFromDTD] = useState();
+    const [selectedSearchResult, setSelectedSearchResult] = useState();
+    const [currentSearchResults, setCurrentSearchResults] = useState(searchResults || []);
+    const [showSearch, setShowSearch] = useState(false);
+    const [sharedDcmtSearchResults, setSharedDcmtSearchResults] = useState([]);
+    const [secondaryMasterDcmts, setSecondaryMasterDcmts] = useState([]);
+    const [isOpenDcmtForm, setIsOpenDcmtForm] = useState(false);
+    const [isOpenBatchUpdate, setIsOpenBatchUpdate] = useState(false);
+    const [isOpenSharedArchive, setIsOpenSharedArchive] = useState(false);
+    const [visibleItems, setVisibleItems] = useState([]);
+    const [focusedItem, setFocusedItem] = useState();
+    const [selectedItems, setSelectedItems] = useState([]);
+    const [currentDcmt, setCurrentDcmt] = useState();
+    const [currentMetadataValues, setCurrentMetadataValues] = useState([]);
+    const [dcmtFormLayoutMode, setDcmtFormLayoutMode] = useState(LayoutModes.Update);
+    const [isModifiedBatchUpdate, setIsModifiedBatchUpdate] = useState(false);
+    const [sharedDcmtFile, setSharedDcmtFile] = useState(undefined);
+    // State to control whether the export form (for exporting to Excel/CSV/txt and others) should be shown
+    const [showExportForm, setShowExportForm] = useState(false);
+    const [confirmFormat, ConfirmFormatDialog] = useInputCvtFormatDialog();
+    const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
+    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync, getDcmtFileAsync } = useDcmtOperations();
+    const relatedDocuments = useRelatedDocuments({ selectedSearchResult, focusedItem, currentSearchResults });
+    const { relatedDcmts, showRelatedDcmtsChooser, archiveType, isOpenDetails, isOpenMaster, isOpenArchiveRelationForm, archiveRelatedDcmtFormTID, archiveRelatedDcmtFormMids, relatedDcmtsChooserDataSource, showPairDcmtsModal, isPairingManyToMany, pairedSearchResults, manyToManyRelations, selectedManyToManyRelation, showManyToManyChooser, manyToManyChooserDataSource, showPairSearchModal, pairSearchModalTargetTID, pairSearchModalParentTID, pairSearchModalParentDID, pairSearchModalRelation, pairSearchModalInputMids, currentTIDHasDetailRelations, currentTIDHasMasterRelations, canArchiveMasterRelation, canArchiveDetailRelation, hasManyToManyRelation, setIsOpenDetails, setIsOpenMaster, setShowRelatedDcmtsChooser, setShowManyToManyChooser, setShowPairDcmtsModal, setShowPairSearchModal, setIsOpenArchiveRelationForm, setArchiveType, setArchiveRelatedDcmtFormTID, setArchiveRelatedDcmtFormMids, pairFloatingActionConfig, pairSearchModalFloatingActionConfig, archiveMasterDocuments, archiveDetailDocuments, pairManyToMany, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, archiveRelatedDcmtHandler, executeManyToManyPairing, } = relatedDocuments;
+    const [customButtonsLayout, setCustomButtonsLayout] = useState();
+    const [customButton, setCustomButton] = useState();
+    const deviceType = useDeviceType();
+    const isMobile = deviceType === DeviceType.MOBILE;
+    const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
+    // Disable the "Sign/Approve" button if:
+    // 1. No document or multiple documents are selected, OR
+    // 2. Exactly one document is selected but its FILEEXT property is null
+    const disableSignApproveDisable = selectedDocs.length !== 1 || (selectedDocs.length === 1 && selectedDocs[0].FILEEXT === null);
+    const dcmtsReturned = (searchResults?.length > 1 ? selectedSearchResult?.dcmtsReturned : searchResults[0]?.dcmtsReturned ?? 0);
+    const dcmtsFound = (searchResults?.length > 1 ? selectedSearchResult?.dcmtsFound : searchResults[0]?.dcmtsFound ?? 0);
+    // Dcmt Blog states
+    const [blogsDatasource, setBlogsDatasource] = useState([]);
+    const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false); //traccia se *qualsiasi* dato è stato caricato per la prima volta
+    const [lastLoadedDid, setLastLoadedDid] = useState(undefined); // `lastLoadedDid` tiene traccia dell'ultimo `did` per cui abbiamo caricato i dati
+    useEffect(() => { setID(genUniqueId()); }, []);
+    useEffect(() => {
+        setSelectedItems([]);
+        setFocusedItem(undefined);
+        setIsOpenBatchUpdate(false);
+        setCurrentSearchResults(searchResults);
+        if (searchResults.length <= 0)
+            return;
+        if (searchResults.length === 1) {
+            setSelectedSearchResult(searchResults[0]);
+            return;
+        }
+        setSelectedSearchResult(orderByName(searchResults)[0]);
+    }, [searchResults]);
+    useEffect(() => {
+        setFocusedItem(undefined);
+        setSelectedItems([]);
+        DcmtTypeListCacheService.GetWithNotGrantedAsync(selectedSearchResult?.fromTID, Number(selectedSearchResult?.dtdResult?.rows?.[0]?.[1])).then((dtd) => {
+            setFromDTD(dtd);
+        });
+        checkRelatedDcmtsArchiveCapability();
+        checkManyToManyCapability();
+        // Ricava il nuovo dataSource
+        const newDataSource = searchResultDescriptorToSimpleArray(selectedSearchResult);
+        // Se esiste almeno una riga, seleziona la prima
+        setFocusedItem(newDataSource && newDataSource.length > 0 ? newDataSource[0] : undefined);
+    }, [selectedSearchResult, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability]);
+    useEffect(() => {
+        if (!focusedItem)
+            return;
+        if (!fromDTD)
+            return;
+        let dtd = searchResults.length > 1 ? searchResults.find(res => res.fromTID == focusedItem?.TID)?.dtdResult : searchResults[0]?.dtdResult;
+        if (!dtd)
+            return;
+        let rows = dtd.rows ? dtd.rows[focusedItem.rowIndex] : [];
+        let mids = searchResults.length > 1 ? searchResults.find(res => res.fromTID == focusedItem?.TID)?.selectMIDs : searchResults[0]?.selectMIDs;
+        let metadataList = searchResultToMetadataValues(focusedItem?.TID, dtd, rows, mids, fromDTD?.metadata, LayoutModes.Update);
+        setCurrentMetadataValues(metadataList);
+    }, [focusedItem]);
+    useEffect(() => {
+        setCurrentDcmt({
+            tid: currentMetadataValues.find(o => o.mid == SystemMIDsAsNumber.TID)?.value,
+            did: currentMetadataValues.find(o => o.mid == SystemMIDsAsNumber.DID)?.value,
+            fileCount: currentMetadataValues.find(o => o.mid == SystemMIDsAsNumber.FileCount)?.value,
+            fileSize: currentMetadataValues.find(o => o.mid == SystemMIDsAsNumber.FileSize)?.value,
+            fileExt: currentMetadataValues.find(o => o.mid == SystemMIDsAsNumber.FileExt)?.value
+        });
+        const fetchLayout = async () => {
+            if (currentDcmt?.tid && dcmtFormLayoutMode === LayoutModes.Update) {
+                const layoutDescriptor = await LayoutCacheService.GetAsync(currentDcmt?.tid, LayoutModes.None);
+                setCustomButtonsLayout(layoutDescriptor);
+            }
+        };
+        fetchLayout();
+    }, [currentMetadataValues]);
+    const openFormHandler = (layoutMode) => {
+        setIsOpenDcmtForm(true);
+        setDcmtFormLayoutMode(layoutMode);
+    };
+    const openSharedArchiveHandler = async () => {
+        const dcmts = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
+        if (dcmts.length === 0) {
+            ShowAlert({ message: "Nessun documento selezionato", mode: "warning", title: 'Archivio Condivisa', duration: 3000 });
+            return;
+        }
+        if (fromDTD?.perm?.canArchive !== AccessLevelsEx.Yes && fromDTD?.perm?.canArchive !== AccessLevelsEx.Mixed) {
+            ShowAlert({
+                message: "Non hai i permessi per archiviare documenti di questo tipo.",
+                mode: 'warning',
+                title: 'Archivio Condivisa',
+                duration: 5000
+            });
+            return;
+        }
+        try {
+            const rfo = new RetrieveFileOptions();
+            rfo.retrieveReason = DcmtOpers.None;
+            rfo.generalRetrieveFormat = GeneralRetrieveFormats.OriginalUnsigned;
+            let dcmtFile = await getDcmtFileAsync({ TID: focusedItem?.TID, DID: focusedItem?.DID }, rfo, 'Archiviazione Condivisa', false, true);
+            if (dcmtFile) {
+                setSharedDcmtFile(dcmtFile?.file);
+            }
+            setIsOpenSharedArchive(true);
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+    };
+    const showSharedDcmtsHandler = async () => {
+        try {
+            TMSpinner.show({ description: "Caricamento documenti condivisi..." });
+            const se = SDK_Globals.tmSession?.NewSearchEngine();
+            const sharedDcmts = await se?.GetSharedDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].TID, getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].DID);
+            if (sharedDcmts && sharedDcmts.length > 0) {
+                console.log(sharedDcmts);
+                setSharedDcmtSearchResults(sharedDcmts);
+            }
+            else {
+                ShowAlert({ message: "Nessun documento condiviso trovato.", mode: "info", title: 'Documenti Condivisi', duration: 5000 });
+            }
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            TMSpinner.hide();
+        }
+    };
+    const openTaskFormHandler = (onTaskCreated) => {
+        if (selectedItems.length > 1)
+            return;
+        const item = selectedItems.length === 1 ? selectedItems[0] : focusedItem;
+        if (item?.TID && item?.DID) {
+            const fetchData = async () => {
+                try {
+                    const dtd = await DcmtTypeListCacheService.GetWithNotGrantedAsync(item.TID, item?.DID);
+                    if (dtd) {
+                        const isWorkItem = dtd?.templateTID === TemplateTIDs.WF_WIApprView;
+                        const name = `${dtd.name ?? '-'} (DID: ${item.DID})`;
+                        onTaskCreateRequest?.(isWorkItem
+                            ? { workItem: { tid: item.TID, did: item.DID, name } }
+                            : { document: { tid: item.TID, did: item.DID, name } }, onTaskCreated);
+                    }
+                }
+                catch (error) {
+                    console.error("Error fetching data:", error);
+                }
+            };
+            fetchData();
+        }
+    };
+    const openDetailDcmtsFormHandler = (value) => { setIsOpenDetails(value); };
+    const openMasterDcmtsFormHandler = (value) => { setIsOpenMaster(value); };
+    const openBatchUpdateFormHandler = (value) => { setIsOpenBatchUpdate(value); };
+    const openExportForm = useCallback(() => {
+        setShowExportForm(true);
+    }, []);
+    const onCloseExportForm = useCallback(() => {
+        setShowExportForm(false);
+    }, []);
+    const handleToggleSearch = () => {
+        setShowSearch(prev => !prev);
+    };
+    const getTitleHeader = () => {
+        let counters = (showSelector && disableAccordionIfSingleCategory && searchResults.length > 1) ? getSearchResultCountersSingleCategory(searchResults) : "";
+        if (title)
+            return title + counters;
+        let titleHeader = '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;
+                break;
+            case SearchResultContext.WORKFLOW_APPROVE:
+                titleHeader = SDKUI_Localizator.WorkflowApproval;
+                break;
+            case SearchResultContext.FREE_SEARCH:
+                titleHeader = `Risultato della ricerca full text`;
+                break;
+        }
+        return titleHeader + counters;
+    };
+    const handleSignApprove = () => {
+        if (onOpenS4TViewerRequest) {
+            onOpenS4TViewerRequest(getSelectedDcmtsOrFocused(selectedItems, focusedItem), onRefreshSearchAsync);
+            return;
+        }
+        ShowAlert({
+            message: "Non è stato possibile proseguire con la firma e l'approvazione.",
+            mode: "warning",
+            duration: 3000,
+            title: SDKUI_Localizator.SignatureAndApprove,
+        });
+    };
+    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) {
+            setIsOpenDcmtForm(false);
+        }
+        else {
+            setSplitterSize(['100%', '0']);
+            onClose?.();
+        }
+    };
+    const customButtonMenuItems = () => {
+        const customButtonsItems = customButtonsLayout?.customButtons?.filter((customButton) => customButton.isForSearchResult && customButton.isForSearchResult > 0)
+            .map((customButton) => ({
+            icon: svgToString(TMImageLibrary({ imageID: customButton.glyphID, showPath: true })),
+            text: customButton.title || 'Bottone personalizzato',
+            onClick: () => setCustomButton(customButton)
+        }));
+        return {
+            icon: svgToString(_jsx(IconCheck, {})),
+            text: SDKUI_Localizator.CustomButtons,
+            items: customButtonsItems
+        };
+    };
+    const onContextMenuPreparing = (e) => {
+        if (e === undefined)
+            return;
+        if (e.target === 'content') {
+            e.items = e.items || [];
+            const menuItems = getCommandsMenuItems(isMobile, fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, handleCheckOutOperationCallback, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, currentTIDHasMasterRelations, currentTIDHasDetailRelations, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToMany, hasManyToManyRelation);
+            e.items.push(...menuItems);
+            e.items.push(customButtonMenuItems());
+        }
+    };
+    const handleCheckOutOperationCallback = async (checkout) => {
+        const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
+        const firstDoc = selectedDocs?.[0];
+        if (!firstDoc)
+            return;
+        const title = checkout ? 'Check out' : SDKUI_Localizator.CancelCheckOut;
+        const msg = checkout ? SDKUI_Localizator.ExecuteCheckOutQuestion : SDKUI_Localizator.ExecuteCancelCheckOutQuestion;
+        TMMessageBoxManager.show({
+            title: title,
+            message: msg,
+            buttons: [ButtonNames.YES, ButtonNames.NO],
+            onButtonClick: async (e) => {
+                let result = [];
+                if (e !== ButtonNames.YES)
+                    return;
+                try {
+                    const ue = SDK_Globals.tmSession?.NewUpdateEngineByID();
+                    if (ue) {
+                        ue.TID = firstDoc.TID;
+                        ue.DID = firstDoc.DID;
+                        if (checkout) {
+                            await ue.CheckOutAsync()
+                                .then(async () => {
+                                await downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download");
+                                result.push({ rowIndex: 0, id1: firstDoc.TID, id2: firstDoc.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
+                                // await refreshSelectionDataRowsAsync();
+                                await refreshFocusedDataRowAsync(firstDoc.TID, firstDoc.DID, true);
+                            })
+                                .catch((error) => {
+                                result.push({ rowIndex: 0, id1: firstDoc.TID, id2: firstDoc.DID, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
+                                throw error;
+                            });
+                        }
+                        else {
+                            await ue.UndoCheckOutAsync()
+                                .then(async () => {
+                                result.push({ rowIndex: 0, id1: firstDoc.TID, id2: firstDoc.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
+                                // await refreshSelectionDataRowsAsync();
+                                await refreshFocusedDataRowAsync(firstDoc.TID, firstDoc.DID, true);
+                            })
+                                .catch((error) => {
+                                result.push({ rowIndex: 0, id1: firstDoc.TID, id2: firstDoc.DID, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
+                                throw error;
+                            });
+                        }
+                    }
+                }
+                catch (error) {
+                    result.push({ rowIndex: 0, id1: firstDoc.TID, id2: firstDoc.DID, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
+                }
+                finally {
+                    TMResultManager.show(result, title, "ID", undefined);
+                }
+            }
+        });
+    };
+    const refreshDataGridAfterRemoveAsync = async () => {
+        let index = selectedSearchResult?.dtdResult?.columns?.findIndex(col => col.caption === 'DID');
+        let selectedRows = [];
+        if (!index)
+            return;
+        for (let data of getSelectedDcmtsOrFocused(selectedItems, focusedItem)) {
+            selectedRows.push(selectedSearchResult?.dtdResult?.rows?.findIndex(row => row[index] === data.DID.toString()));
+        }
+        if (!selectedSearchResult?.dtdResult?.rows)
+            return;
+        let newRows = [];
+        for (let i = 0; i < selectedSearchResult.dtdResult.rows.length; i++) {
+            if (!selectedRows.includes(i))
+                newRows.push(selectedSearchResult.dtdResult.rows[i]);
+        }
+        let newSearchresult = structuredClone(selectedSearchResult);
+        let newDtd = structuredClone(selectedSearchResult.dtdResult);
+        newDtd.rows = newRows;
+        newSearchresult.dtdResult = newDtd;
+        newSearchresult.dcmtsReturned = newRows.length;
+        newSearchresult.dcmtsFound = newRows.length;
+        setSelectedSearchResult(newSearchresult);
+        setCurrentSearchResults((prev) => {
+            let newResults = [...prev];
+            let index = newResults.findIndex((res) => res.fromTID === selectedSearchResult?.fromTID);
+            if (index >= 0) {
+                newResults[index] = newSearchresult;
+            }
+            return newResults;
+        });
+    };
+    const removeDcmtFromFavsOrRecents = async () => {
+        switch (selectedSearchResult?.category) {
+            case "Favorites":
+                await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.RemoveFromFavs, refreshDataGridAfterRemoveAsync);
+                break;
+            case "RecentArchive":
+                await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.RemoveFromRecentsArk, refreshDataGridAfterRemoveAsync);
+                break;
+            case "RecentView":
+                await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.RemoveFromRecentsView, refreshDataGridAfterRemoveAsync);
+                break;
+            default: break;
+        }
+    };
+    const onSearchResultSelectionChanged = (e) => {
+        setSelectedSearchResult(e);
+        if (deviceType === DeviceType.MOBILE) {
+            setSplitterSize(['0', '100%']);
+        }
+        onSelectedTIDChanged?.(e.fromTID);
+    };
+    const refreshFocusedDataRowAsync = async (tid, did, refreshUI, metadataResult) => {
+        if (!tid || !did)
+            return;
+        let currentResult = searchResults.length > 1 ? selectedSearchResult : searchResults[0];
+        let currentResultColIndexTID = currentResult?.dtdResult?.columns?.findIndex(o => o.caption == "TID");
+        if (currentResultColIndexTID == undefined)
+            return;
+        let currentResultColIndexDID = currentResult?.dtdResult?.columns?.findIndex(o => o.caption == "DID");
+        if (currentResultColIndexDID == undefined)
+            return;
+        let newDcmt;
+        // Se metadataResult è null (non undefined!), significa che GetMetadataAsync è già fallito
+        // nel form e l'errore è già stato mostrato all'utente, quindi non ritentiamo
+        if (metadataResult === null) {
+            newDcmt = undefined;
+        }
+        // Se metadataResult è un oggetto valido, usiamolo
+        else if (metadataResult !== undefined) {
+            newDcmt = metadataResult;
+        }
+        // Altrimenti (metadataResult === undefined), tentiamo di ottenerlo
+        else {
+            try {
+                newDcmt = await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(tid, did, true);
+            }
+            catch (error) {
+                newDcmt = undefined;
+            }
+        }
+        // Se newDcmt è undefined o non ha righe, significa che il documento non esiste più
+        // o non è più accessibile. Rimuovi la riga dal risultato della ricerca
+        if (!newDcmt || !newDcmt.dtdResult?.rows?.[0]) {
+            if (currentResult?.dtdResult?.rows) {
+                // IMPORTANTE: Modifica direttamente l'oggetto originale per mantenere la sincronizzazione
+                currentResult.dtdResult.rows = currentResult.dtdResult.rows.filter((row) => !(row[currentResultColIndexTID] == tid?.toString() && row[currentResultColIndexDID] == did?.toString()));
+                currentResult.dcmtsReturned = currentResult.dtdResult.rows.length;
+                currentResult.dcmtsFound = Math.max(0, (currentResult.dcmtsFound ?? 0) - 1);
+                // Se il documento rimosso era quello focalizzato, resetta il focus
+                if (focusedItem?.TID === tid && focusedItem?.DID === did) {
+                    setFocusedItem(undefined);
+                    setSelectedItems([]);
+                }
+            }
+            // IMPORTANTE: forza l'aggiornamento della griglia
+            if (refreshUI)
+                setLastUpdateSearchTime(new Date(Date.now()));
+            return;
+        }
+        // Se il documento esiste, aggiorna i valori come prima
+        let newDcmtRow = newDcmt.dtdResult.rows[0];
+        let currentDcmtRow = currentResult?.dtdResult?.rows?.filter((row) => row[currentResultColIndexTID] == tid?.toString() && row[currentResultColIndexDID] == did?.toString()) ?? [];
+        for (const row of currentDcmtRow) {
+            let mids = currentResult?.selectMIDs ?? [];
+            for (let i = 0; i < mids.length; i++) {
+                const mid = mids[i];
+                let newDcmtMidIndex = newDcmt?.selectMIDs?.findIndex(o => o == mid) ?? -1;
+                if (newDcmtMidIndex >= 0 && row[i] != newDcmtRow[newDcmtMidIndex]) {
+                    row[i] = newDcmtRow[newDcmtMidIndex];
+                }
+            }
+        }
+        if (refreshUI)
+            setLastUpdateSearchTime(new Date(Date.now()));
+    };
+    const refreshSelectionDataRowsAsync = async () => {
+        let dcmts = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
+        for (const dcmt of dcmts) {
+            await refreshFocusedDataRowAsync(dcmt.TID, dcmt.DID);
+        }
+        setLastUpdateSearchTime(new Date(Date.now()));
+    };
+    const getSelectionDcmtInfo = () => { return getSelectedDcmtsOrFocused(selectedItems, focusedItem); };
+    const canNavigateHandler = (dir) => {
+        if (!focusedItem)
+            return false;
+        let index = -1;
+        if (visibleItems) {
+            index = visibleItems.findIndex(item => item.rowIndex === focusedItem.rowIndex);
+        }
+        switch (dir) {
+            case 'next': if (visibleItems && index < visibleItems.length - 1) {
+                return true;
+            }
+            else {
+                return false;
+            }
+            default: if (visibleItems && index > 0) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+    };
+    const onNavigateHandler = (dir) => {
+        let index = -1;
+        if (visibleItems && focusedItem) {
+            index = visibleItems.findIndex(item => item.rowIndex === focusedItem.rowIndex);
+        }
+        switch (dir) {
+            case 'next':
+                setFocusedItem(visibleItems[index + 1]);
+                break;
+            default:
+                setFocusedItem(visibleItems[index - 1]);
+                break;
+        }
+    };
+    const searchResutlToolbar = _jsxs(_Fragment, { children: [(dcmtsReturned != dcmtsFound) && _jsx("p", { style: { backgroundColor: `white`, color: TMColors.primaryColor, textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${dcmtsReturned}/${dcmtsFound} restituiti` }), 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: onRefreshSearchAsync }), _jsx(IconMenuVertical, { id: `commands-header-${id}`, color: 'white', cursor: 'pointer' }), _jsx(TMCommandsContextMenu, { target: `#commands-header-${id}`, showEvent: "click", menuItems: getCommandsMenuItems(isMobile, fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, handleCheckOutOperationCallback, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, currentTIDHasMasterRelations, currentTIDHasDetailRelations, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToMany, hasManyToManyRelation).concat([customButtonMenuItems()]) })] });
+    const handleAddItem = (tid, did) => {
+        let newItem = { TID: tid ?? 0, DID: did ?? 0 };
+        setSecondaryMasterDcmts((prevItems) => [...prevItems, newItem]);
+    };
+    const handleRemoveItem = (tid, did) => {
+        setSecondaryMasterDcmts((prevItems) => prevItems.filter(item => item.TID !== tid && item.DID !== did));
+    };
+    const fetchBlogDataAsync = useCallback(async (tid, did) => {
+        try {
+            TMSpinner.show({ description: 'Caricamento - Bacheca...' });
+            const res = await SDK_Globals.tmSession?.NewSearchEngine().BlogRetrieveAsync(tid, did);
+            setBlogsDatasource(res ?? []);
+            setHasLoadedDataOnce(true);
+            setLastLoadedDid(did);
+        }
+        catch (e) {
+            let err = e;
+            TMExceptionBoxManager.show({ exception: err });
+        }
+        finally {
+            TMSpinner.hide();
+        }
+    }, []);
+    const showToppyForApprove = (isVisible && fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster);
+    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 }), _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(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, onSelectionChanged: onSearchResultSelectionChanged }) })
+                                        :
+                                            _jsx(_Fragment, {}), _jsxs(TMLayoutItem, { children: [_jsx(TMSearchResultGrid, { showSearch: showSearch, inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], lastUpdateSearchTime: lastUpdateSearchTime, openInOffice: openInOffice, onDblClick: () => openFormHandler(LayoutModes.Update), onContextMenuPreparing: onContextMenuPreparing, onSelectionChanged: (items) => { setSelectedItems(items); }, onVisibleItemChanged: setVisibleItems, onFocusedItemChanged: setFocusedItem, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync(inputDcmts, downloadType, downloadMode, onFileOpened, confirmAttachments), showExportForm: showExportForm, onCloseExportForm: onCloseExportForm }), allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE &&
+                                                _jsxs(TMFloatingToolbar, { backgroundColor: TMColors.primaryColor, initialLeft: '10px', initialTop: 'calc(100% - 75px)', children: [fromDTD?.perm?.canRetrieveFile === AccessLevels.Yes && _jsx(TMButton, { btnStyle: 'icon', caption: "Download file", disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes || !focusedItem?.DID, icon: _jsx(IconDownload, { color: 'white' }), onClick: () => { downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download"); } }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasDetailRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white' }), caption: SDKUI_Localizator.DcmtsDetail, onClick: () => setIsOpenDetails(true) }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasMasterRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white', transform: 'scale(-1, 1)' }), caption: SDKUI_Localizator.DcmtsMaster, onClick: () => setIsOpenMaster(true) }), _jsx(IconMenuVertical, { id: `commands-floating-${id}`, color: 'white', cursor: 'pointer' }), _jsx(TMCommandsContextMenu, { target: `#commands-floating-${id}`, showEvent: "click", menuItems: getCommandsMenuItems(isMobile, fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, handleCheckOutOperationCallback, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, currentTIDHasMasterRelations, currentTIDHasDetailRelations, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToMany, hasManyToManyRelation).concat([customButtonMenuItems()]) })] })] })] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { TID: focusedItem?.TID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: onWFOperationCompleted, onClose: () => setShowMoreInfoPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: `${SDKUI_Localizator.BatchUpdate} (${getSelectionDcmtInfo().length} documenti selezionati)`, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
+                                    setIsOpenBatchUpdate(false);
+                                }, onSavedCallbackAsync: async () => {
+                                    setIsOpenBatchUpdate(false);
+                                    setIsModifiedBatchUpdate(false);
+                                    await refreshSelectionDataRowsAsync();
+                                }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), (showToppyForApprove && !showApprovePopup && !showRejectPopup && !showReAssignPopup && !showMoreInfoPopup && !openS4TViewer && !showTodoDcmtForm) &&
+                                _jsx(ToppyHelpCenter, { deviceType: deviceType, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => {
+                                                setShowApprovePopup(true);
+                                            }, onSignApprove: () => {
+                                                handleSignApprove();
+                                            }, onReject: () => {
+                                                setShowRejectPopup(true);
+                                            }, onReAssign: () => {
+                                                setShowReAssignPopup(true);
+                                            }, onMoreInfo: () => {
+                                                setShowMoreInfoPopup(true);
+                                            }, approveDisable: selectedDocs.length === 0, signApproveDisable: disableSignApproveDisable, rejectDisable: selectedDocs.length === 0, reassignDisable: selectedDocs.length === 0, infoDisable: selectedDocs.length !== 1, dtd: fromDTD }) }) })] }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {}), customButton && _jsx(TMCustomButton, { button: customButton, formData: currentMetadataValues, selectedItems: selectedItems, onClose: () => setCustomButton(undefined) }), showRelatedDcmtsChooser &&
+                        _jsx(TMChooserForm, { dataSource: relatedDcmtsChooserDataSource, onChoose: async (selectedRelation) => {
+                                try {
+                                    setShowRelatedDcmtsChooser(false);
+                                    TMSpinner.show({ description: SDKUI_Localizator.Loading });
+                                    const relation = relatedDcmts?.find(r => r.id === selectedRelation[0]);
+                                    if (!relation || !archiveType)
+                                        return;
+                                    await archiveRelatedDcmtHandler(relation, archiveType);
+                                }
+                                catch (error) {
+                                    TMExceptionBoxManager.show({ exception: error });
+                                }
+                                finally {
+                                    TMSpinner.hide();
+                                }
+                            }, onClose: () => setShowRelatedDcmtsChooser(false), manageUseLocalizedName: false }), showManyToManyChooser &&
+                        _jsx(TMChooserForm, { dataSource: manyToManyChooserDataSource, onChoose: async (selectedRelation) => {
+                                try {
+                                    setShowManyToManyChooser(false);
+                                    TMSpinner.show({ description: SDKUI_Localizator.Loading });
+                                    const relation = manyToManyRelations?.find(r => r.id === selectedRelation[0]);
+                                    if (!relation)
+                                        return;
+                                    await executeManyToManyPairing(relation, isPairingManyToMany);
+                                }
+                                catch (error) {
+                                    TMExceptionBoxManager.show({ exception: error });
+                                }
+                                finally {
+                                    TMSpinner.hide();
+                                }
+                            }, onClose: () => setShowManyToManyChooser(false), manageUseLocalizedName: false }), showPairDcmtsModal &&
+                        _jsx(TMModal, { title: (isPairingManyToMany ? "Abbina" : "Disabbina") + " documenti", onClose: () => setShowPairDcmtsModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearchResult, { searchResults: pairedSearchResults, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync: onRefreshSearchAsync, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, openEditPdf: openEditPdf, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, passToArchiveCallback: passToArchiveCallback, showTodoDcmtForm: showTodoDcmtForm, allowFloatingBar: false, floatingActionConfig: pairFloatingActionConfig, showBackButton: false, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), showPairSearchModal &&
+                        _jsx(TMModal, { title: "Ricerca documenti", onClose: () => setShowPairSearchModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearch, { onlyShowSearchQueryPanel: true, inputTID: pairSearchModalTargetTID, inputMids: pairSearchModalInputMids, floatingActionConfig: pairSearchModalFloatingActionConfig, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), isOpenSharedArchive && _jsx(TMModal, { title: "Archiviazione condivisa", onClose: () => {
+                            setIsOpenSharedArchive(false);
+                        }, width: isMobile ? '90%' : '60%', height: isMobile ? '90%' : '80%', children: _jsx(TMArchive, { inputDID: focusedItem?.DID, inputTID: focusedItem?.TID, inputMids: currentMetadataValues.filter(md => md.mid && md.mid > 100).map(md => ({ mid: md.mid, value: md.value ?? '' })), isSharedArchive: true, inputFile: sharedDcmtFile, onSavedAsyncCallback: async (tid, did) => {
+                                setIsOpenSharedArchive(false);
+                                await onRefreshSearchAsync?.();
+                            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), sharedDcmtSearchResults.length > 0 &&
+                        _jsx(TMModal, { title: "Documenti condivisi", onClose: () => {
+                                setSharedDcmtSearchResults([]);
+                            }, width: isMobile ? '90%' : '60%', height: isMobile ? '90%' : '80%', children: _jsx(TMSearchResult, { searchResults: sharedDcmtSearchResults, allowFloatingBar: false, showSelector: true, showBackButton: false, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), (floatingActionConfig && floatingActionConfig.isVisible) && _jsx(TMSearchResultFloatingActionButton, { selectedDcmtsOrFocused: getSelectedDcmtsOrFocused(selectedItems, focusedItem), config: floatingActionConfig })] }), [
+        searchResults,
+        selectedSearchResult,
+        lastUpdateSearchTime,
+        focusedItem,
+        selectedItems,
+        fromDTD,
+        currentTIDHasDetailRelations,
+        currentTIDHasMasterRelations,
+        canArchiveMasterRelation,
+        canArchiveDetailRelation,
+        showApprovePopup,
+        showRejectPopup,
+        showReAssignPopup,
+        showFloatingBar,
+        isOpenBatchUpdate,
+        isOpenDetails,
+        isOpenMaster,
+        isOpenDcmtForm,
+        isOpenArchiveRelationForm,
+        showToppyForApprove,
+        floatingActionConfig,
+        disableAccordionIfSingleCategory,
+        getTitleHeader,
+        openS4TViewer,
+        showRelatedDcmtsChooser,
+        relatedDcmts,
+        setShowRelatedDcmtsChooser,
+        relatedDcmtsChooserDataSource,
+        showManyToManyChooser,
+        manyToManyRelations,
+        manyToManyChooserDataSource,
+        showPairDcmtsModal,
+        isPairingManyToMany,
+        pairedSearchResults,
+        selectedManyToManyRelation,
+        pairFloatingActionConfig,
+        hasManyToManyRelation,
+        showPairSearchModal,
+        pairSearchModalFloatingActionConfig,
+        pairSearchModalTargetTID,
+        pairSearchModalParentTID,
+        pairSearchModalParentDID,
+        pairSearchModalRelation,
+        pairSearchModalInputMids,
+        isOpenSharedArchive,
+        sharedDcmtSearchResults,
+        showBackButton,
+        isMobile,
+        currentMetadataValues,
+        sharedDcmtFile,
+        onRefreshSearchAsync
+    ]);
+    const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { blogsDatasource: blogsDatasource, hasLoadedDataOnce: hasLoadedDataOnce, lastLoadedDid: lastLoadedDid, setBlogsDatasource: setBlogsDatasource, setHasLoadedDataOnce: setHasLoadedDataOnce, setLastLoadedDid: setLastLoadedDid, fetchBlogDataAsync: fetchBlogDataAsync, tid: focusedItem?.TID, did: focusedItem?.DID, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [focusedItem, allTasks]);
+    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, { currentDcmt: currentDcmt }), [currentDcmt]);
+    const allInitialPanelVisibility = {
+        'tmSearchResult': true,
+        'tmBlog': false,
+        'tmSysMetadata': false,
+        'tmDcmtPreview': false,
+    };
+    const initialPanelDimensions = {
+        'tmSearchResult': { width: '25%', height: '100%' },
+        'tmBlog': { width: '25%', height: '100%' },
+        'tmSysMetadata': { width: '25%', height: '100%' },
+        'tmDcmtPreview': { width: '25%', height: '100%' },
+    };
+    const initialPanels = useMemo(() => [
+        {
+            id: 'tmSearchResult',
+            name: getTitleHeader(),
+            contentOptions: {
+                component: tmSearchResult,
+                panelContainer: {
+                    title: getTitleHeader(),
+                    showHeader: showToolbarHeader,
+                    allowMaximize: !isMobile,
+                    onBack: showBackButton !== undefined
+                        ? (showBackButton ? onBack : undefined)
+                        : ((!isClosable && context === SearchResultContext.METADATA_SEARCH) || (isMobile && context !== SearchResultContext.METADATA_SEARCH && splitterSize[1] === '100%') ? onBack : undefined),
+                    onClose: isClosable ? onBack : undefined,
+                    toolbar: searchResutlToolbar
+                },
+            },
+            toolbarOptions: { icon: _jsx(IconSearchCheck, { fontSize: 24 }), visible: true, orderNumber: 1, isActive: allInitialPanelVisibility['tmSearchResult'] }
+        },
+        {
+            id: 'tmBlog',
+            name: SDKUI_Localizator.BlogCase,
+            contentOptions: { component: tmBlog, panelContainer: { title: SDKUI_Localizator.BlogCase, allowMaximize: !isMobile } },
+            toolbarOptions: { icon: _jsx(IconBoard, { fontSize: 24 }), visible: true, orderNumber: 2, isActive: allInitialPanelVisibility['tmBlog'] }
+        },
+        {
+            id: 'tmSysMetadata',
+            name: SDKUI_Localizator.MetadataSystem,
+            contentOptions: { component: tmSysMetadata, panelContainer: { title: SDKUI_Localizator.MetadataSystem, allowMaximize: !isMobile } },
+            toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: true, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
+        },
+        {
+            id: 'tmDcmtPreview',
+            name: SDKUI_Localizator.PreviewDocument,
+            contentOptions: { component: tmDcmtPreview },
+            toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
+        }
+    ], [tmSearchResult, tmBlog, tmSysMetadata, tmDcmtPreview, showToolbarHeader]);
+    return (_jsxs(StyledMultiViewPanel, { "$isVisible": isVisible, children: [_jsx(StyledMultiViewPanel, { "$isVisible": !isOpenDcmtForm && !isOpenDetails && !isOpenMaster, style: {
+                    display: 'flex',
+                    flexDirection: isMobile ? 'column' : 'row',
+                    justifyContent: 'space-between',
+                    gap: Gutters.getGutters(),
+                    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: (groupId && groupId.length > 0) ?
+                        _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })
+                        :
+                            _jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar }) }) }) }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDetails, children: isOpenDetails && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: focusedItem && selectedItems.length <= 0, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onBack: () => setIsOpenDetails(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), _jsxs(StyledMultiViewPanel, { "$isVisible": isOpenMaster, children: [isOpenMaster && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: focusedItem && selectedItems.length <= 0, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
+                        return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }, `${index}-${dcmt.DID}`));
+                    })] }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDcmtForm, children: isOpenDcmtForm && _jsx(TMDcmtForm, { isModal: openDcmtFormAsModal || (dcmtFormLayoutMode === LayoutModes.Ark && focusedItem?.DID), titleModal: fromDTD?.name ?? '', TID: focusedItem?.TID, DID: focusedItem?.DID, allowButtonsRefs: true, layoutMode: dcmtFormLayoutMode, count: visibleItems.length, itemIndex: visibleItems.findIndex(o => o.rowIndex === focusedItem?.rowIndex) + 1, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onClose: () => { setIsOpenDcmtForm(false); }, onWFOperationCompleted: onWFOperationCompleted, onTaskCreateRequest: onTaskCreateRequest, onSavedAsyncCallback: async (tid, did, metadataResult) => {
+                        await refreshFocusedDataRowAsync(tid, did, true, metadataResult);
+                    }, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onReferenceClick: onReferenceClick, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), isOpenArchiveRelationForm && _jsx(TMDcmtForm, { isModal: true, titleModal: SDKUI_Localizator.Archive + ' - ' + (archiveType === 'detail' ? SDKUI_Localizator.DcmtsDetail : SDKUI_Localizator.DcmtsMaster), TID: archiveRelatedDcmtFormTID, layoutMode: LayoutModes.Ark, inputMids: archiveRelatedDcmtFormMids, showBackButton: false, allowButtonsRefs: false, onClose: () => {
+                    setIsOpenArchiveRelationForm(false);
+                    setArchiveType(undefined);
+                    setArchiveRelatedDcmtFormTID(undefined);
+                    setArchiveRelatedDcmtFormMids([]);
+                }, onSavedAsyncCallback: async (tid, did, metadataResult) => {
+                    setIsOpenArchiveRelationForm(false);
+                    setArchiveType(undefined);
+                    setArchiveRelatedDcmtFormTID(undefined);
+                    setArchiveRelatedDcmtFormMids([]);
+                    await onRefreshSearchAsync?.();
+                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers })] }));
+};
+export default TMSearchResult;
+const renderDcmtIcon = (cellData, onDownloadDcmtsAsync, openInOffice) => {
+    return _jsx(TMDcmtIcon, { tid: cellData.data.TID, did: cellData.data.DID, fileExtension: cellData.data.FILEEXT, fileCount: cellData.data.FILECOUNT, isLexProt: cellData.data.IsLexProt, isMail: cellData.data.ISMAIL, isShared: cellData.data.ISSHARED, isSigned: cellData.data.ISSIGNED, downloadMode: 'openInNewWindow', onDownloadDcmtsAsync: onDownloadDcmtsAsync, openInOffice: openInOffice });
+};
+const TMSearchResultGrid = ({ openInOffice, inputFocusedItem, showSearch, allowMultipleSelection = true, showExportForm = false, onCloseExportForm, onFocusedItemChanged, onDownloadDcmtsAsync, onVisibleItemChanged, inputSelectedItems = [], lastUpdateSearchTime, searchResult, onContextMenuPreparing, onSelectionChanged, onDblClick }) => {
+    const [dataSource, setDataSource] = useState();
+    const [columns, setColumns] = useState([]);
+    // State to store selected row keys
+    const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+    const [focusedItem, setFocusedItem] = useState();
+    const [visibleItems, setVisibleItems] = useState([]);
+    useEffect(() => {
+        if (deepCompare(inputFocusedItem, focusedItem))
+            return;
+        setFocusedItem(inputFocusedItem);
+    }, [inputFocusedItem]);
+    useEffect(() => {
+        const inputSelectedItemsRowIndex = inputSelectedItems.map(e => e.rowIndex);
+        if (JSON.stringify(inputSelectedItemsRowIndex) === JSON.stringify(selectedRowKeys))
+            return;
+        setSelectedRowKeys(inputSelectedItemsRowIndex);
+    }, [inputSelectedItems]);
+    const onKeyDown = useCallback((e) => {
+        // Check if the pressed key is the "Delete" key.
+        if (e.event?.key === 'Delete' && !showExportForm) {
+            // Get the selected or focused documents/items from the grid.
+            const dcmts = getSelectedDcmtsOrFocused(inputSelectedItems, inputFocusedItem);
+            // If there are no selected or focused items, do nothing.
+            if (dcmts === undefined || dcmts.length === 0)
+                return;
+            // --- CASE 1: Only one item selected ---
+            if (dcmts.length === 1) {
+                const current = dcmts[0];
+                // If the selected item has a row index (valid entry)
+                if (current.rowIndex !== undefined) {
+                    TMSpinner.show({ description: SDKUI_Localizator.RemovingFromList });
+                    const currentDataSource = dataSource ?? [];
+                    setTimeout(() => {
+                        // Remove the selected item from the data source by filtering it out.
+                        setDataSource(currentDataSource.filter((data) => data.rowIndex !== current.rowIndex));
+                        // Clear any selection, focused item, and update callbacks.
+                        onSelectionChanged?.([]);
+                        setSelectedRowKeys([]);
+                        onFocusedItemChanged?.(undefined);
+                        setFocusedItem(undefined);
+                        TMSpinner.hide();
+                    }, 500);
+                }
+                return;
+            }
+            // --- CASE 2: Multiple items selected ---
+            if (dcmts.length > 1) {
+                // Show a confirmation message box before deleting multiple items.
+                TMMessageBoxManager.show({
+                    buttons: [ButtonNames.YES, ButtonNames.NO],
+                    title: SDKUI_Localizator.RemoveFromList,
+                    message: `${SDKUI_Localizator.ConfirmSelectedDocumentsMessage.replaceParams(dcmts.length)}`,
+                    confirmOnEnter: true,
+                    onButtonClick(e) {
+                        // Only proceed if user clicks "YES"
+                        if (e !== ButtonNames.YES)
+                            return;
+                        TMSpinner.show({ description: SDKUI_Localizator.RemovingFromList });
+                        const currentDataSource = dataSource ?? [];
+                        setTimeout(() => {
+                            // Remove all selected items from the data source.
+                            setDataSource(currentDataSource.filter((data) => !dcmts.some((d) => d.rowIndex === data.rowIndex)));
+                            // Clear selections and focus after deletion.
+                            onSelectionChanged?.([]);
+                            setSelectedRowKeys([]);
+                            onFocusedItemChanged?.(undefined);
+                            setFocusedItem(undefined);
+                            TMSpinner.hide();
+                        }, 500);
+                    },
+                });
+            }
+        }
+    }, [inputSelectedItems, inputFocusedItem, dataSource]);
+    const cellRender = useCallback((cellData, dataDomain, dataListID, dataListViewMode) => {
+        if (!cellData || cellData.value === undefined)
+            return null;
+        const isLogDel = cellData.data.ISLOGDEL == 1;
+        const isLexProt = cellData.data.IsLexProt == 1;
+        let style = {};
+        if (isLogDel) {
+            style = { color: 'gray', textDecoration: 'line-through' };
+        }
+        else if (isLexProt)
+            style = { color: 'blue' };
+        let child = _jsx("div", { children: cellData.text });
+        if (dataDomain === MetadataDataDomains.DataList) {
+            child = _jsx(TMDataListItemViewer, { dataListId: dataListID, viewMode: dataListViewMode, value: cellData.value });
+        }
+        if (dataDomain === MetadataDataDomains.UserID) {
+            child = _jsx(TMUserIdViewer, { userId: cellData.value, showIcon: true, noneSelectionText: '' });
+        }
+        return _jsx("div", { style: style, children: child });
+    }, []);
+    const dataType = useCallback((col) => {
+        switch (col.dataType) {
+            case DataColumnTypes.DateTime: return "datetime";
+            case DataColumnTypes.Bool: return "boolean";
+            case DataColumnTypes.Number: return "number";
+            default: return "string";
+        }
+    }, []);
+    const getDisplayFormat = useCallback((col) => {
+        if (col.dataType === DataColumnTypes.Text)
+            return undefined;
+        const format = MetadataFormats[(col.extendedProperties?.["Format"] ?? "None")];
+        const formatCulture = col.extendedProperties?.["FormatCulture"] ?? window.navigator.language;
+        if (col.dataType === DataColumnTypes.DateTime) {
+            return {
+                formatter: function (value) {
+                    switch (format) {
+                        case MetadataFormats.ShortDate: return value.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit" } : { dateStyle: 'short' });
+                        case MetadataFormats.ShortTime: return value.toLocaleString(formatCulture, { timeStyle: 'short' });
+                        case MetadataFormats.ShortDateLongTime: return value.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit', second: '2-digit' } : { dateStyle: 'short', timeStyle: 'medium' }).replace(',', '');
+                        case MetadataFormats.ShortDateShortTime: return value.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit' } : { dateStyle: 'short', timeStyle: 'short' }).replace(',', '');
+                        case MetadataFormats.LongDate: return value.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric" });
+                        case MetadataFormats.LongTime: return value.toLocaleString(formatCulture, { timeStyle: 'medium' });
+                        case MetadataFormats.LongDateLongTime: return value.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric", hour: '2-digit', minute: '2-digit', second: '2-digit' });
+                        case MetadataFormats.LongDateShortTime: return value.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric", hour: '2-digit', minute: '2-digit' });
+                        default: return value.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit" } : { dateStyle: 'short' });
+                    }
+                }
+            };
+        }
+        if (col.dataType === DataColumnTypes.Number) {
+            return {
+                formatter: function (value) {
+                    return value.toLocaleString(formatCulture, { useGrouping: format == MetadataFormats.NumberWithThousandsSeparator });
+                }
+            };
+        }
+        if (format == MetadataFormats.None)
+            return undefined;
+        if (format == MetadataFormats.CurrencyEuro)
+            return { type: 'currency', precision: 2, currency: "EUR" };
+        if (format == MetadataFormats.CurrencyDollar)
+            return { type: 'currency', precision: 2, currency: "USD" };
+        if (format == MetadataFormats.CurrencyPound)
+            return { type: 'currency', precision: 2, currency: "GBP" };
+        if (format == MetadataFormats.CurrencyYen)
+            return { type: 'currency', currency: "JPY" };
+        return undefined;
+    }, []);
+    useEffect(() => {
+        setFocusedItem(undefined); // resetta sempre prima
+        let cols = [];
+        searchResult?.dtdResult?.columns?.map((col, index) => {
+            let keyField = getDataColumnName(searchResult?.fromTID, col);
+            const isVisible = col.extendedProperties?.["Visibility"] != "Hidden";
+            const dataDomain = MetadataDataDomains[(col.extendedProperties?.["DataDomain"] ?? "None")];
+            const dataListID = Number(col.extendedProperties?.["DataListID"]);
+            const dataListViewMode = DataListViewModes[(col.extendedProperties?.["DataListViewMode"] ?? "None")];
+            cols.push({
+                dataField: keyField,
+                dataType: dataType(col),
+                visible: isVisible,
+                cellRender: (cellData) => cellRender(cellData, dataDomain, dataListID, dataListViewMode),
+                caption: col.caption,
+                format: getDisplayFormat(col),
+            });
+        });
+        setColumns(cols);
+        let newDataSource = searchResultDescriptorToSimpleArray(searchResult);
+        setDataSource(newDataSource);
+        // setFocusedItem(newDataSource && newDataSource.length > 0 ? newDataSource[0] : undefined);
+    }, [searchResult]);
+    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) => {
+        if (onSelectionChanged === undefined)
+            return;
+        const selectedRowsData = e.component.getSelectedRowsData() ?? [];
+        onSelectionChanged(selectedRowsData);
+    }, [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);
+        onFocusedItemChanged?.(e.row?.data);
+    }, [setFocusedItem]);
+    // useEffect(() => {
+    //     onFocusedItemChanged?.(focusedItem)
+    // }, [focusedItem])
+    // Handler for double-click row event
+    const onRowDblClick = useCallback((e) => {
+        if (onDblClick === undefined)
+            return;
+        if (e.data === undefined)
+            return;
+        if (e.event?.target.closest('.tm-dcmt-icon')) {
+            // Era sull'icona, non fare nulla
+            return;
+        }
+        // setFocusedItem(e.data);
+        onFocusedItemChanged?.(e.data);
+        onDblClick();
+    }, [onDblClick]);
+    const dataColumns = useMemo(() => {
+        return [
+            {
+                dataType: "object",
+                dataField: 'FILEEXT',
+                caption: '',
+                visible: true,
+                width: 50,
+                cellRender: (cellData) => renderDcmtIcon(cellData, onDownloadDcmtsAsync, openInOffice),
+                allowResizing: false,
+                filterOperations: ['=', "anyof"]
+            },
+            ...columns.filter(col => col.dataField !== 'FILEEXT')
+        ];
+    }, [columns, onDownloadDcmtsAsync, openInOffice]);
+    const onContentReady = useCallback((e) => {
+        if (e === undefined)
+            return;
+        if (setVisibleItems === undefined)
+            return;
+        const visibleRows = e.component.getVisibleRows();
+        setVisibleItems(visibleRows.map((row) => { return row.data; }));
+    }, []);
+    useEffect(() => { onVisibleItemChanged?.(visibleItems); }, [visibleItems]);
+    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_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: TMDataGridPageSize.Small, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, onContextMenuPreparing: onContextMenuPreparing, onKeyDown: onKeyDown, counterConfig: { show: true } }), (showExportForm && searchResult && onCloseExportForm) && _jsx(TMDataGridExportForm, { dataColumns: dataColumns, dataSource: dataSource, selectedRowKeys: selectedRowKeys, onCloseExportForm: onCloseExportForm, searchResult: searchResult })] });
+};
+//#region TMSearchResultSelector
+const StyledItemTemplate = styled.div ` 
+    background: ${(props) => props.$isSelected ? 'oklch(from var(--dx-color-primary) l c h / .2) !important' : 'transparent'};
+    cursor: pointer; 
+`;
+const MemoizedStyledItemTemplate = React.memo(StyledItemTemplate);
+const TMSearchResultSelector = ({ searchResults = [], disableAccordionIfSingleCategory = false, selectedTID, onSelectionChanged }) => {
+    const [selectedResult, setSelectedResult] = useState(undefined);
+    /**  Group results by category */
+    const groupedResults = useMemo(() => {
+        return searchResults.reduce((acc, result) => {
+            const category = result.category ?? 'Uncategorized';
+            if (!acc[category])
+                acc[category] = [];
+            acc[category].push(result);
+            return acc;
+        }, {});
+    }, [searchResults]);
+    /** Sort categories alphabetically */
+    const sortedCategories = useMemo(() => {
+        const cats = Object.keys(groupedResults);
+        cats.forEach((category) => {
+            groupedResults[category].sort((a, b) => (a.fromName ?? '').localeCompare(b.fromName ?? ''));
+        });
+        return cats.sort((a, b) => a.localeCompare(b));
+    }, [groupedResults]);
+    /** Sort items within each category alphabetically by fromName */
+    sortedCategories.forEach((category) => {
+        groupedResults[category].sort((a, b) => (a.fromName ?? '').localeCompare(b.fromName ?? ''));
+    });
+    useEffect(() => {
+        if (sortedCategories.length > 0) {
+            const firstCategory = sortedCategories[0];
+            if (groupedResults[firstCategory].length > 0) {
+                setSelectedResult(groupedResults[firstCategory][0]);
+                onSelectionChanged?.(groupedResults[firstCategory][0]);
+            }
+        }
+    }, [sortedCategories.length]);
+    useEffect(() => {
+        if (selectedTID !== undefined) {
+            const found = searchResults.find(r => Number(r.fromTID) === selectedTID);
+            handleSelect(found);
+        }
+    }, [selectedTID, searchResults]);
+    const handleSelect = useCallback((result) => {
+        if (selectedResult !== result && result !== undefined) {
+            setSelectedResult(result);
+            onSelectionChanged?.(result);
+        }
+    }, [selectedResult, onSelectionChanged]);
+    const resultDcmtCounter = (category) => {
+        let dcmts = searchResults.filter(res => res?.category === category || (res?.category === undefined && category === "Uncategorized"));
+        if (!dcmts)
+            return 0;
+        let counter = 0;
+        for (let dcmt of dcmts) {
+            counter += dcmt.dcmtsFound ?? 0;
+        }
+        return counter;
+    };
+    const getHeaderTitle = (category) => {
+        switch (category) {
+            case "RecentArchive": return SDKUI_Localizator.RecentDocs_Archived;
+            case "RecentView": return SDKUI_Localizator.RecentDocs_Visualized;
+            case "WFAppr": return SDKUI_Localizator.WorkflowApproval;
+            case "Favorites": return SDKUI_Localizator.Favorites;
+            case "FullText": return 'Full text';
+            case "Uncategorized": return "";
+            default: return category;
+        }
+    };
+    const renderItemTemplate = useCallback((data) => (_jsxs("div", { style: { width: '100%', padding: '5px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(TMTidViewer, { tid: data.fromTID, did: Number(data.dtdResult?.rows?.[0]?.[1]), showIcon: true, color: TMColors.primary }), _jsx("div", { style: { padding: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white', color: 'gray', borderRadius: 3 }, children: data.dcmtsReturned })] })), []);
+    const renderCategoryItems = (category) => (_jsx("div", { style: { padding: '5px' }, children: groupedResults[category].map((result, index) => (_jsx(MemoizedStyledItemTemplate, { "$isSelected": selectedResult === result, onClick: () => handleSelect(result), children: renderItemTemplate(result) }, index))) }));
+    if (disableAccordionIfSingleCategory && sortedCategories.length === 1) {
+        const category = sortedCategories[0];
+        return renderCategoryItems(category);
+    }
+    return (_jsx("div", { style: { height: '100%', width: '100%', overflow: 'auto' }, children: sortedCategories.map((category, index) => (_jsx(TMAccordion, { title: getHeaderTitle(category), titleSize: 'Small', firstCounter: _jsx(TMTooltip, { content: 'Numero di tipi documento', children: _jsx(StyledBadge, { style: { width: 'max-content' }, "$backgroundColor": TMColors.primaryColor, children: searchResults.length > 1 && searchResults?.filter(data => data.category === category || (data?.category === undefined && category === "Uncategorized")).length }) }), secondCounter: _jsx(TMTooltip, { content: 'Numero di tutti documenti', children: _jsx(StyledBadge, { style: { width: 'max-content' }, "$backgroundColor": TMColors.tertiary, children: resultDcmtCounter(category) }) }), defaultOpen: (index === 0), children: renderCategoryItems(category) }, category))) }));
+};
+//#endregion TMSearchResultSelector
+const TMDcmtPreviewWrapper = ({ currentDcmt, isVisible }) => {
+    const { setPanelVisibilityById, toggleMaximize, isResizingActive, countVisibleLeafPanels } = useTMPanelManagerContext();
+    const deviceType = useDeviceType();
+    const isMobile = deviceType === DeviceType.MOBILE;
+    return (_jsx(TMDcmtPreview, { onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, dcmtData: currentDcmt, isResizingActive: isResizingActive, isVisible: isVisible }));
+};