@topconsultnpm/sdkui-react 6.20.0-dev1.15 → 6.20.0-dev1.17

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

@@ -0,0 +1,1154 @@
+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, LayoutCacheService, UserListCacheService } from '@topconsultnpm/sdk-ts';
+import styled from 'styled-components';
+import { getAllFieldSelectedDcmtsOrFocused, getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, deepCompare, generateUniqueColumnKeys, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMCommandsContextMenu, IconCheck, svgToString, TMImageLibrary, convertSearchResultDescriptorToFileItems } 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, 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 { 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 TMAccordionNew from '../../base/TMAccordionNew';
+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 TMCustomButton from '../../base/TMCustomButton';
+import ToppyDraggableHelpCenter from '../assistant/ToppyDraggableHelpCenter';
+import TMSignSettingsForm from './TMSignSettingsForm';
+import { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
+import TMViewHistoryDcmt from './TMViewHistoryDcmt';
+import TMBlogCommentForm from '../blog/TMBlogCommentForm';
+import { useCheckInOutOperations } from '../../../hooks/useCheckInOutOperations';
+import TMDcmtCheckoutInfoForm from './TMDcmtCheckoutInfoForm';
+let abortControllerLocal = new AbortController();
+//#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 [showSignSettingsForm, setShowSignSettingsForm] = 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 { showHistory, showHistoryCallback, hideHistoryCallback, showCheckoutInformationForm, commentFormState, hideCommentFormCallback, showCheckoutInformationFormCallback, hideCheckoutInformationFormCallback, copyCheckoutPathToClipboardCallback, handleCheckOutCallback, handleCheckInCallback, refreshPreviewTrigger, showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, } = useCheckInOutOperations();
+    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);
+    const allFieldSelectedDocs = useMemo(() => getAllFieldSelectedDcmtsOrFocused(selectedItems, focusedItem), [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);
+    const [allUsers, setAllUsers] = useState([]);
+    // Stato per triggerare il refresh del blog dall'esterno
+    const [refreshBlogTrigger, setRefreshBlogTrigger] = useState(0);
+    const triggerBlogRefresh = useCallback(async () => {
+        setRefreshBlogTrigger(prev => prev + 1);
+    }, []);
+    useEffect(() => {
+        const fetchAllUsers = async () => {
+            const users = await UserListCacheService.GetAllAsync();
+            setAllUsers(users ?? []);
+        };
+        fetchAllUsers();
+    }, []);
+    useEffect(() => { setID(genUniqueId()); }, []);
+    useEffect(() => {
+        setSelectedItems([]);
+        setIsOpenBatchUpdate(false);
+        setCurrentSearchResults(searchResults);
+        if (searchResults.length <= 0) {
+            setSelectedSearchResult(undefined);
+            return;
+        }
+        if (searchResults.length === 1) {
+            setSelectedSearchResult(searchResults[0]);
+            return;
+        }
+        // Seleziona sempre il primo risultato ordinato, sia su mobile che desktop
+        setSelectedSearchResult(orderByName(searchResults)[0]);
+    }, [searchResults]);
+    useEffect(() => {
+        setSelectedItems([]);
+        // Se non c'è un selectedSearchResult, resetta tutto
+        if (!selectedSearchResult) {
+            setFocusedItem(undefined);
+            setFromDTD(undefined);
+            return;
+        }
+        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) => {
+        // Verifica che ci sia un documento selezionato con TID e DID validi
+        if (!focusedItem || focusedItem.TID === undefined || focusedItem.DID === undefined) {
+            ShowAlert({
+                message: SDKUI_Localizator.InvalidDcmt,
+                mode: "warning",
+                title: layoutMode === LayoutModes.Ark ? SDKUI_Localizator.Archive : SDKUI_Localizator.OpenTheDocument,
+                duration: 3000
+            });
+            return;
+        }
+        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) {
+                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 openSignSettingsForm = () => {
+        setShowSignSettingsForm(true);
+    };
+    const closeSignSettingsForm = useCallback(() => {
+        setShowSignSettingsForm(false);
+    }, []);
+    const copyCheckoutPathToClipboardOperationCallback = () => {
+        const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
+        const firstDoc = selectedDocs?.[0];
+        if (!firstDoc)
+            return;
+        copyCheckoutPathToClipboardCallback(firstDoc, fromDTD?.name ?? SDKUI_Localizator.SearchResult);
+    };
+    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 {
+            if (isMobile && currentSearchResults.length > 1) {
+                setSelectedSearchResult(undefined);
+            }
+            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, allUsers, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, openSignSettingsForm, handleCheckOutOperationCallback, handleCheckInOperationCallback, showCheckoutInformationFormCallback, showHistoryCallback, copyCheckoutPathToClipboardOperationCallback, 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;
+        await handleCheckOutCallback(firstDoc, checkout, fromDTD?.name ?? SDKUI_Localizator.SearchResult, downloadDcmtsAsync, undefined, refreshFocusedDataRowAsync);
+    };
+    const handleCheckInOperationCallback = async () => {
+        const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
+        const firstDoc = selectedDocs?.[0];
+        if (!firstDoc)
+            return;
+        firstDoc.fileName = fromDTD?.name ?? SDKUI_Localizator.SearchResult;
+        await handleCheckInCallback(firstDoc, undefined, refreshFocusedDataRowAsync);
+    };
+    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];
+                }
+            }
+        }
+        // Aggiorna focusedItem e selectedItems con i nuovi dati
+        if (focusedItem?.TID === tid && focusedItem?.DID === did) {
+            const updatedFocusedItem = searchResultDescriptorToSimpleArray(currentResult)?.find(item => item.TID === tid && item.DID === did);
+            if (updatedFocusedItem) {
+                setFocusedItem(updatedFocusedItem);
+            }
+        }
+        if (selectedItems.length > 0) {
+            const updatedSelectedItems = selectedItems.map(item => {
+                if (item.TID === tid && item.DID === did) {
+                    const updatedItem = searchResultDescriptorToSimpleArray(currentResult)?.find(dataItem => dataItem.TID === tid && dataItem.DID === did);
+                    return updatedItem || item;
+                }
+                return item;
+            });
+            setSelectedItems(updatedSelectedItems);
+        }
+        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, allUsers, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, openSignSettingsForm, handleCheckOutOperationCallback, handleCheckInOperationCallback, showCheckoutInformationFormCallback, showHistoryCallback, copyCheckoutPathToClipboardOperationCallback, 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 handleSavedAsyncCallback = useCallback(async (tid, did, metadataResult) => {
+        await refreshFocusedDataRowAsync(tid, did, true, metadataResult);
+    }, [refreshFocusedDataRowAsync]);
+    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, selectedSearchResult: selectedSearchResult, autoSelectFirst: !isMobile || currentSearchResults.length === 1, onSelectionChanged: onSearchResultSelectionChanged }) })
+                                        :
+                                            _jsx(_Fragment, {}), _jsxs(TMLayoutItem, { children: [_jsx(TMSearchResultGrid, { showSearch: showSearch, fromDTD: fromDTD, allUsers: allUsers, 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, allUsers, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, openSignSettingsForm, handleCheckOutOperationCallback, handleCheckInOperationCallback, showCheckoutInformationFormCallback, showHistoryCallback, copyCheckoutPathToClipboardOperationCallback, 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); } }), _jsx(ToppyDraggableHelpCenter, { initialIsCollapsed: false, deviceType: deviceType, usePortal: true, isVisible: showToppyForApprove && !showApprovePopup && !showRejectPopup && !showReAssignPopup && !showMoreInfoPopup && !openS4TViewer && !showTodoDcmtForm, 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, disableAccordionIfSingleCategory: true, showBackButton: isMobile, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), (showCheckoutInformationForm && fromDTD && getSelectedDcmtsOrFocused(selectedItems, focusedItem).length > 0) &&
+                        _jsx(TMDcmtCheckoutInfoForm, { dtdName: fromDTD.name ?? SDKUI_Localizator.SearchResult, selectedDcmtOrFocused: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0], onClose: hideCheckoutInformationFormCallback }), (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, { tid: focusedItem?.TID, did: focusedItem?.DID, fetchBlogDataTrigger: refreshBlogTrigger, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [focusedItem, allTasks, refreshBlogTrigger]);
+    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 }, refreshPreviewTrigger), [currentDcmt, refreshPreviewTrigger]);
+    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: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: (groupId && groupId.length > 0) ?
+                            _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 && focusedItem?.TID !== undefined && focusedItem?.DID !== undefined && _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: handleSavedAsyncCallback, openS4TViewer: openS4TViewer, 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 }), (showSignSettingsForm && fromDTD) && _jsx(TMSignSettingsForm, { fromDTD: fromDTD, inputDcmts: allFieldSelectedDocs, onCloseSignSettingsForm: closeSignSettingsForm, onSavedAsyncCallback: handleSavedAsyncCallback }), (showHistory && fromDTD && getSelectedDcmtsOrFocused(selectedItems, focusedItem).length > 0) && _jsx(TMViewHistoryDcmt, { fromDTD: fromDTD, deviceType: deviceType, inputDcmt: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0], onClose: hideHistoryCallback, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (commentFormState.show && getSelectedDcmtsOrFocused(selectedItems, focusedItem).length > 0) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].TID, did: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].DID } }, onClose: hideCommentFormCallback, refreshCallback: triggerBlogRefresh, participants: [], showAttachmentsSection: true, allArchivedDocumentsFileItems: convertSearchResultDescriptorToFileItems(currentSearchResults ?? []), isCommentRequired: commentFormState.isRequired, removeAndEditAttachment: commentFormState.removeAndEditAttachment, selectedAttachmentDid: [Number(getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].DID)] })] }));
+};
+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, fromDTD, allUsers, 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;
+        // Prima colonna: la colonna numero 2 (dopo icona e selezione)
+        const isFirstColumn = cellData.columnIndex === 2;
+        const { checkoutStatus } = getDcmtCicoStatus(cellData.data, allUsers, fromDTD);
+        const shouldShowCheckoutIcon = isFirstColumn && checkoutStatus.isCheckedOut && checkoutStatus.icon;
+        let style = {};
+        if (isLogDel) {
+            style = { color: 'gray', textDecoration: 'line-through' };
+        }
+        else if (isLexProt) {
+            style = { color: 'blue' };
+        }
+        if (shouldShowCheckoutIcon) {
+            style = { ...style, display: 'flex', gap: '4px', whiteSpace: 'nowrap' };
+        }
+        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 (_jsxs("div", { style: style, children: [shouldShowCheckoutIcon && checkoutStatus.icon, child] }));
+    }, [fromDTD, allUsers]);
+    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(() => {
+        if (fromDTD === undefined || searchResult === undefined)
+            return;
+        setFocusedItem(undefined); // resetta sempre prima
+        let cols = [];
+        // Generate unique keys for all columns
+        const uniqueKeys = generateUniqueColumnKeys(searchResult?.dtdResult?.columns, searchResult?.fromTID);
+        searchResult?.dtdResult?.columns?.map((col, index) => {
+            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: uniqueKeys[index],
+                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, fromDTD, allUsers]);
+    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;
+        }
+        // Verifica che il documento abbia TID e DID validi prima di procedere
+        if (!e.data.TID || !e.data.DID) {
+            ShowAlert({
+                message: SDKUI_Localizator.InvalidDcmt,
+                mode: "warning",
+                title: SDKUI_Localizator.OpenForm,
+                duration: 3000
+            });
+            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"],
+                allowHiding: false,
+            },
+            ...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, showHeaderColumnChooser: true, 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, selectedSearchResult, autoSelectFirst = true, 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 ?? ''));
+    });
+    // Reset internal selection when parent sets selectedSearchResult to undefined
+    // (this happens on mobile when clicking back to return to the list)
+    useEffect(() => {
+        if (selectedSearchResult === undefined) {
+            setSelectedResult(undefined);
+        }
+    }, [selectedSearchResult]);
+    // Auto-seleziona il primo risultato di ricerca solo se autoSelectFirst è true.
+    // Su mobile con più risultati, autoSelectFirst è false per permettere all'utente 
+    // di vedere prima la lista dei tipi documento e scegliere manualmente.
+    useEffect(() => {
+        if (!autoSelectFirst)
+            return;
+        if (sortedCategories.length > 0) {
+            const firstCategory = sortedCategories[0];
+            if (groupedResults[firstCategory].length > 0) {
+                setSelectedResult(groupedResults[firstCategory][0]);
+                onSelectionChanged?.(groupedResults[firstCategory][0]);
+            }
+        }
+    }, [sortedCategories.length, autoSelectFirst]);
+    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 accordionGroups = useMemo(() => sortedCategories.map((category, index) => ({
+        id: category,
+        title: getHeaderTitle(category),
+        dataSource: groupedResults[category],
+        isExpanded: index === 0,
+        badges: [
+            {
+                badge: searchResults.length > 1 ? searchResults?.filter(data => data.category === category || (data?.category === undefined && category === "Uncategorized")).length : 0,
+                tooltip: 'Numero di tipi documento'
+            },
+            {
+                badge: resultDcmtCounter(category),
+                tooltip: 'Numero di tutti documenti'
+            }
+        ],
+        renderItem: (result, isSelected) => (_jsxs("div", { style: { width: '100%', padding: '5px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(TMTidViewer, { tid: result.fromTID, did: Number(result.dtdResult?.rows?.[0]?.[1]), showIcon: true, color: TMColors.primary }), _jsx("div", { style: { padding: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white', color: 'gray', borderRadius: 3 }, children: result.dcmtsReturned })] })),
+        itemHeight: 40
+    })), [sortedCategories, groupedResults, searchResults]);
+    const renderCategoryItems = (category) => (_jsx("div", { style: { padding: '5px' }, 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(TMAccordionNew, { groups: accordionGroups, selectedItem: selectedResult, onSelectedItemChange: (result) => handleSelect(result) }));
+};
+//#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 }));
+};