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

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

@@ -1,1327 +0,0 @@
-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, 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, getExceptionMessage, IconCheck, svgToString, TMImageLibrary, SDKUI_Globals, convertSearchResultDescriptorToFileItems, dcmtsFileCachePreview, removeDcmtsFileCache } 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 { TMResultManager } from '../../forms/TMResultDialog';
-import TMCustomButton from '../../base/TMCustomButton';
-import ToppyDraggableHelpCenter from '../assistant/ToppyDraggableHelpCenter';
-import TMSignSettingsForm from './TMSignSettingsForm';
-import { getDcmtCicoStatus, cicoDownloadFilesCallback, getCicoDownloadFileName, renderCicoCheckInContent, validateCicoFileName, updateCicoCheckoutStorageItem } from '../../../helper/checkinCheckoutManager';
-import TMSearchResultCheckoutInfoForm from './TMSearchResultCheckoutInfoForm';
-import TMViewHistoryDcmt from './TMViewHistoryDcmt';
-import TMBlogCommentForm from '../blog/TMBlogCommentForm';
-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 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);
-    // State to manage show history selected file
-    const [showHistory, setShowHistory] = useState(false);
-    const [allUsers, setAllUsers] = useState([]);
-    // State to manage show history selected file
-    const [showCheckoutInformationForm, setShowCheckoutInformationForm] = useState(false);
-    // State variable to control the visibility of the wait panel
-    const [showLocalWaitPanel, setShowLocalWaitPanel] = useState(false);
-    // State variable to store the title of the wait panel
-    const [localWaitPanelTitle, setLocalWaitPanelTitle] = useState('');
-    // State variable to control the visibility of the primary section of the wait panel
-    const [localShowPrimary, setLocalShowPrimary] = useState(false);
-    // State variable to store the primary text of the wait panel
-    const [localWaitPanelTextPrimary, setLocalWaitPanelTextPrimary] = useState('');
-    // State variable to track the current value of the primary progress indicator in the wait panel
-    const [localWaitPanelValuePrimary, setLocalWaitPanelValuePrimary] = useState(0);
-    // State variable to define the maximum value for the primary progress indicator in the wait panel
-    const [localWaitPanelMaxValuePrimary, setLocalWaitPanelMaxValuePrimary] = useState(0);
-    /* State to manage show attachment badge on comment form */
-    const [removeAndEditAttachmentCommentForm, setRemoveAndEditAttachmentCommentForm] = useState(true);
-    // State to manage show comment form selected file
-    const [showCommentForm, setShowCommentForm] = useState(false);
-    // State to manage show comment form close button    
-    const [isCommentRequired, setIsCommentRequired] = useState(false);
-    // Stato per triggerare il refresh del blog dall'esterno
-    const [refreshBlogTrigger, setRefreshBlogTrigger] = useState(0);
-    // Stato per triggerare il refresh della preview dall'esterno
-    const [refreshPreviewTrigger, setRefreshPreviewTrigger] = useState(0);
-    const triggerBlogRefresh = useCallback(async () => {
-        setRefreshBlogTrigger(prev => prev + 1);
-    }, []);
-    const triggerPreviewRefresh = useCallback(() => {
-        setRefreshPreviewTrigger(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 viewHistoryCallback = useCallback(() => {
-        setShowHistory(true);
-    }, []);
-    const showCheckoutInformationFormCallback = useCallback(() => {
-        setShowCheckoutInformationForm(true);
-    }, []);
-    const showCommentFormCallback = useCallback(() => {
-        setShowCommentForm(true);
-    }, []);
-    const infoCheckCopyToClipboard = () => {
-        const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
-        const firstDoc = selectedDocs?.[0];
-        if (!firstDoc)
-            return;
-        const defaultCheckInOutFolder = SDKUI_Globals.userSettings.defaultCheckInOutFolder ?? "Download";
-        const wGSDraftCheckoutItemCurrentItems = [...SDKUI_Globals.userSettings.dcmtCheckoutInfo];
-        const existingItem = wGSDraftCheckoutItemCurrentItems.find((item) => item.TID === firstDoc.TID.toString() && item.DID === firstDoc.DID.toString());
-        const folder = existingItem && existingItem.checkoutFolder && existingItem.checkoutFolder !== "" ? existingItem.checkoutFolder : defaultCheckInOutFolder;
-        const name = existingItem?.checkoutName ?? getCicoDownloadFileName({ type: 'dcmtInfo', dcmtInfo: firstDoc, originalFileName: fromDTD?.name ?? SDKUI_Localizator.SearchResult }, true, false);
-        const textToCopy = folder ? `${folder}\\${name}` : name;
-        navigator.clipboard.writeText(textToCopy)
-            .then(() => {
-            ShowAlert({ message: SDKUI_Localizator.OperationSuccess, mode: 'success', duration: 5000, title: SDKUI_Localizator.CopyToClipboard });
-        })
-            .catch(err => {
-            ShowAlert({ message: err, mode: 'error', duration: 5000, title: SDKUI_Localizator.OperationResult });
-        });
-    };
-    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, viewHistoryCallback, infoCheckCopyToClipboard, 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) => {
-                if (e !== ButtonNames.YES)
-                    return;
-                let result = [];
-                try {
-                    setLocalWaitPanelTitle(title);
-                    setShowLocalWaitPanel(true);
-                    setLocalShowPrimary(true);
-                    abortControllerLocal = new AbortController();
-                    let i = 0;
-                    const ue = SDK_Globals.tmSession?.NewUpdateEngineByID();
-                    if (ue) {
-                        ue.TID = firstDoc.TID;
-                        ue.DID = firstDoc.DID;
-                        if (checkout) {
-                            await ue.CheckOutAsync()
-                                .then(async () => {
-                                const filename = fromDTD?.nameLoc || SDKUI_Localizator.SearchResult;
-                                await cicoDownloadFilesCallback([{ type: 'dcmtInfo', dcmtInfo: firstDoc, originalFileName: filename }], true, downloadDcmtsAsync);
-                                result.push({ rowIndex: i, id1: firstDoc.TID, id2: firstDoc.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
-                                await refreshFocusedDataRowAsync(firstDoc.TID, firstDoc.DID, true);
-                            })
-                                .catch((error) => {
-                                result.push({ rowIndex: i, id1: firstDoc.TID, id2: firstDoc.DID, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
-                                throw error;
-                            });
-                        }
-                        else {
-                            await ue.UndoCheckOutAsync()
-                                .then(async () => {
-                                result.push({ rowIndex: i, id1: firstDoc.TID, id2: firstDoc.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
-                                // Remove the corresponding draft checkout item
-                                updateCicoCheckoutStorageItem({ TID: firstDoc.TID.toString(), DID: firstDoc.DID.toString(), checkoutFolder: "", checkoutName: "" }, "dcmtInfo", "remove");
-                                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 {
-                    setLocalWaitPanelTextPrimary('');
-                    setLocalWaitPanelMaxValuePrimary(0);
-                    setLocalWaitPanelValuePrimary(0);
-                    setShowLocalWaitPanel(false);
-                    TMResultManager.show(result, title, "ID", undefined);
-                }
-            }
-        });
-    };
-    const triggerCommentOnFileAdd = (addedFiles) => {
-        if (addedFiles.length > 0) {
-            showCommentFormCallback();
-            setIsCommentRequired(true);
-            setRemoveAndEditAttachmentCommentForm(false);
-        }
-    };
-    const handleCheckInOperationCallback = useCallback(() => {
-        const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
-        const firstDoc = selectedDocs?.[0];
-        if (!firstDoc)
-            return;
-        // Create a new file input element
-        const input = document.createElement("input");
-        // Set the input type to "file" to allow file selection
-        input.type = "file";
-        // Set the accepted file types (e.g., images, PDFs, etc.)
-        input.accept = "*/*";
-        // Enable the input to accept one file at once
-        input.multiple = false;
-        // Add an event listener for when the file selection changes
-        input.addEventListener('change', async (event) => {
-            const fileInput = event.target;
-            if (!fileInput.files || fileInput.files.length === 0)
-                return;
-            const file = fileInput.files[0];
-            firstDoc.fileName = fromDTD?.name ?? SDKUI_Localizator.SearchResult;
-            const validateFileName = validateCicoFileName({ type: 'dcmtInfo', dcmtInfo: firstDoc, originalFileName: firstDoc.fileName }, file.name);
-            TMMessageBoxManager.show({
-                resizable: true,
-                buttons: [ButtonNames.YES, ButtonNames.NO],
-                message: renderCicoCheckInContent({ type: 'dcmtInfo', dcmtInfo: firstDoc, originalFileName: firstDoc.fileName }, file, validateFileName.isValid, validateFileName.validationResults),
-                title: "Check in",
-                onButtonClick: async (e) => {
-                    if (e !== ButtonNames.YES)
-                        return;
-                    setLocalWaitPanelTitle('Check in');
-                    setShowLocalWaitPanel(true);
-                    setLocalShowPrimary(true);
-                    abortControllerLocal = new AbortController();
-                    let result = [];
-                    let i = 0;
-                    if (firstDoc.TID && firstDoc.DID) {
-                        try {
-                            const ue = SDK_Globals.tmSession?.NewUpdateEngineByID();
-                            if (ue) {
-                                ue.TID = firstDoc.TID;
-                                ue.DID = firstDoc.DID;
-                                await ue.CheckInAsync(file, "", abortControllerLocal.signal);
-                                // Remove the corresponding draft checkout item
-                                updateCicoCheckoutStorageItem({ TID: firstDoc.TID.toString(), DID: firstDoc.DID.toString(), checkoutFolder: "", checkoutName: "" }, "dcmtInfo", "remove");
-                                result.push({ rowIndex: i, id1: firstDoc.DID, id2: firstDoc.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
-                                await refreshFocusedDataRowAsync(firstDoc.TID, firstDoc.DID, true);
-                                const cacheKey = `${firstDoc.TID}-${firstDoc.DID}`;
-                                if (dcmtsFileCachePreview.has(cacheKey))
-                                    removeDcmtsFileCache(cacheKey);
-                                triggerPreviewRefresh();
-                                triggerCommentOnFileAdd([firstDoc.DID]);
-                            }
-                        }
-                        catch (err) {
-                            result.push({ rowIndex: i, id1: i, id2: i, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
-                        }
-                        finally {
-                            setLocalWaitPanelTextPrimary('');
-                            setLocalWaitPanelMaxValuePrimary(0);
-                            setLocalWaitPanelValuePrimary(0);
-                            setShowLocalWaitPanel(false);
-                            TMResultManager.show(result, 'Check in', "ID", undefined, SDKUI_Localizator.CheckInSuccessMessage, 6000);
-                        }
-                    }
-                },
-            });
-        });
-        input.click();
-    }, [selectedItems, focusedItem, getSelectedDcmtsOrFocused]);
-    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, viewHistoryCallback, infoCheckCopyToClipboard, 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);
-    }, []);
-    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, viewHistoryCallback, infoCheckCopyToClipboard, 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(TMSearchResultCheckoutInfoForm, { dtdName: fromDTD.name ?? SDKUI_Localizator.SearchResult, selectedDcmtOrFocused: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0], onClose: () => setShowCheckoutInformationForm(false) }), (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: showLocalWaitPanel, showWaitPanelPrimary: localShowPrimary, waitPanelTitle: localWaitPanelTitle, waitPanelTextPrimary: localWaitPanelTextPrimary, waitPanelValuePrimary: localWaitPanelValuePrimary, waitPanelMaxValuePrimary: localWaitPanelMaxValuePrimary, 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: () => setShowHistory(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (showCommentForm && getSelectedDcmtsOrFocused(selectedItems, focusedItem).length > 0) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].TID, did: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].DID } }, onClose: () => setShowCommentForm(false), refreshCallback: triggerBlogRefresh, participants: [], showAttachmentsSection: true, allArchivedDocumentsFileItems: convertSearchResultDescriptorToFileItems(currentSearchResults ?? []), isCommentRequired: isCommentRequired, removeAndEditAttachment: removeAndEditAttachmentCommentForm, 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"]
-            },
-            ...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, 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 }));
-};