@topconsultnpm/sdkui-react 6.20.0 → 6.21.0-dev1.3

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

@@ -1,54 +1,37 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, DcmtTypeListCacheService, SystemMIDsAsNumber, RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, AccessLevelsEx, LayoutCacheService, UserListCacheService, AppModules } from '@topconsultnpm/sdk-ts';
 import styled from 'styled-components';
-import { getAllFieldSelectedDcmtsOrFocused, getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
-import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, deepCompare, generateUniqueColumnKeys, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMImageLibrary, convertSearchResultDescriptorToFileItems, IconCustom, isApprovalWorkflowView, SDKUI_Globals, getMoreInfoTasksForDocument, IconPlatform, getSearchToolbarVisibility } from '../../../helper';
-import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
-import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
-import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
-import { DcmtOperationTypes, SearchResultContext } from '../../../ts';
+import { LoadIndicator } from 'devextreme-react';
+import { AppModules, DataColumnTypes, DataListViewModes, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataFormats, SDK_Globals, SystemMIDsAsNumber, UserListCacheService, } from '@topconsultnpm/sdk-ts';
+import { deepCompare, generateUniqueColumnKeys, genUniqueId, getSearchToolbarVisibility, IconBoard, IconDcmtTypeSys, IconDelete, IconMenuVertical, IconPlatform, IconRefresh, IconSearchCheck, IconShow, isApprovalWorkflowView, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, SDKUI_Localizator, } from '../../../helper';
+import { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
+import { DcmtOperationTypes, SearchResultContext, } from '../../../ts';
 import { Gutters } from '../../../utils/theme';
-import { StyledModalContainer, StyledMultiViewPanel } from '../../base/Styled';
+import { useDataListItem } from '../../../hooks/useDataListItem';
+import { useDataUserIdItem } from '../../../hooks/useDataUserIdItem';
+import { getSelectedDcmtsOrFocused, useDocumentOperations } from '../../../hooks/useDocumentOperations';
+import ShowAlert from '../../base/TMAlert';
+import TMAccordionNew from '../../base/TMAccordionNew';
 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 { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
+import { TMLayoutItem, TMSplitterLayout } from '../../base/TMLayout';
+import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from '../../base/TMPopUp';
+import TMSpinner from '../../base/TMSpinner';
+import { StyledMultiViewPanel } from '../../base/Styled';
 import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
 import TMMetadataValues from '../../editors/TMMetadataValues';
 import TMTidViewer from '../../viewers/TMTidViewer';
-import TMDcmtPreview from '../documents/TMDcmtPreview';
-import TMFloatingMenuBar from '../../NewComponents/FloatingMenuBar/TMFloatingMenuBar';
+import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
+import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 import TMContextMenu from '../../NewComponents/ContextMenu/TMContextMenu';
-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 TMToppyDraggableHelpCenter from '../assistant/TMToppyDraggableHelpCenter';
 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 TMDcmtPreview from '../documents/TMDcmtPreview';
+import { WorkFlowOperationButtons } from '../workflow/TMWorkflowPopup';
+// Local
 import TMSearchResultFloatingActionButton from './TMSearchResultFloatingActionButton';
-import ShowAlert from '../../base/TMAlert';
-import TMSpinner from '../../base/TMSpinner';
-import TMChooserForm from '../../forms/TMChooserForm';
-import TMModal from '../../base/TMModal';
-import TMSearch from './TMSearch';
-import TMArchive from '../archive/TMArchive';
-import TMCustomButton from '../../base/TMCustomButton';
-import { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
-import TMViewHistoryDcmt from './TMViewHistoryDcmt';
-import TMBlogCommentForm from '../blog/TMBlogCommentForm';
-import { useCheckInOutOperations } from '../../../hooks/useCheckInOutOperations';
-import { useFloatingBarPinnedItems } from '../../../hooks/useFloatingBarPinnedItems';
-import TMDcmtCheckoutInfoForm from './TMDcmtCheckoutInfoForm';
-import { useDataListItem } from '../../../hooks/useDataListItem';
-import { useDataUserIdItem } from '../../../hooks/useDataUserIdItem';
-import { LoadIndicator } from 'devextreme-react';
-import TMToppyDraggableHelpCenter from '../assistant/TMToppyDraggableHelpCenter';
 let abortControllerLocal = new AbortController();
 //#region Helper Methods
 export const getSearchResultCountersSingleCategory = (searchResults) => {
@@ -67,74 +50,321 @@ const orderByName = (array) => {
         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, showDcmtFormSidebar = 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, editPdfForm = false, openEditPdf, openCommentFormCallback, openAddDocumentForm, openS4TViewer = false, onOpenS4TViewerRequest, passToArchiveCallback, showTodoDcmtForm = false, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, showNoDcmtFoundMessage = true, onReferenceClick, }) => {
+const TMSearchResult = ({ 
+// Data
+groupId, searchResults = [], context = SearchResultContext.METADATA_SEARCH, title, selectedSearchResultTID, floatingActionConfig, workingGroupContext = undefined, 
+// Boolean flags to enable/disable features
+isVisible = true, allowRelations = true, openDcmtFormAsModal = false, showSearchResultSidebar = true, showDcmtFormSidebar = true, showSelector = false, isClosable = false, allowFloatingBar = true, showToolbarHeader = true, showBackButton = true, disableAccordionIfSingleCategory = false, editPdfForm = false, openS4TViewer = false, showTodoDcmtForm = false, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, showNoDcmtFoundMessage = true, enablePinIcons = true, 
+// Callbacks (optional)
+openInOffice, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsyncDatagrid, onSelectedTIDChanged, onWFOperationCompleted, onClose, onFileOpened, onTaskCreateRequest, openWGsCopyMoveForm, openCommentFormCallback, openAddDocumentForm, onOpenS4TViewerRequest, onOpenPdfEditorRequest, passToArchiveCallback, onReferenceClick, 
+// Tasks
+allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, 
+// Navigation
+handleNavigateToWGs, handleNavigateToDossiers, }) => {
+    // Ref for the floating bar container (used to position the floating action buttons)
+    const floatingBarContainerRef = useRef(null);
+    // ID state to force remount of components
     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();
+    // Document type descriptor of the currently document
     const [fromDTD, setFromDTD] = useState();
+    const [currentDcmt, setCurrentDcmt] = useState();
+    // State to specify if the details form is open or not
+    const [splitterSize, setSplitterSize] = useState(['100%', '0']);
+    // State to control the selected search result
     const [selectedSearchResult, setSelectedSearchResult] = useState();
+    // State to control the search results to show in the datagrid
     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([]);
+    // State to control the metadata values of the currently focused document
+    const [currentMetadataValues, setCurrentMetadataValues] = useState([]);
+    // Focused item state
     const [focusedItem, setFocusedItem] = useState();
+    // Selected items state
     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);
+    // State to control the visible items in the datagrid
+    const [visibleItems, setVisibleItems] = useState([]);
+    // State to control the columns and dataSource of the datagrid
+    const [dataColumnsFromDataGrid, setDataColumnsFromDataGrid] = useState([]);
+    const [dataSourceFromDataGrid, setDataSourceFromDataGrid] = useState([]);
+    // State to control the selected rows in the datagrid
+    const [selectedRowKeysFromDataGrid, setSelectedRowKeysFromDataGrid] = useState([]);
+    // Triggers TMDcmtBlog refresh after metadata or workflow changes
+    const [refreshBlogTrigger, setRefreshBlogTrigger] = useState(0);
+    // Trigger TMDcmtPreview refresh 
+    const [refreshPreviewTrigger, setRefreshPreviewTrigger] = useState(0);
+    // Trigger operationItems refresh (after file substitution, etc.)
+    const [refreshOperationsTrigger, setRefreshOperationsTrigger] = useState(0);
+    // State to control the refresh of the search result after an operation in the workflow popups
+    const [lastUpdateSearchTime, setLastUpdateSearchTime] = useState();
     const [showIndexingInfo, setShowIndexingInfo] = useState(false);
     const [loadingIndexingInfo, setLoadingIndexingInfo] = useState(false);
     const [indexingInfo, setIndexingInfo] = useState('');
-    const floatingBarContainerRef = useRef(null);
-    const [confirmFormat, ConfirmFormatDialog] = useInputCvtFormatDialog();
-    const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
-    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync, getDcmtFileAsync } = useDcmtOperations();
-    const { showHistory, showHistoryCallback, hideHistoryCallback, showCheckoutInformationForm, commentFormState, hideCommentFormCallback, showCheckoutInformationFormCallback, hideCheckoutInformationFormCallback, copyCheckoutPathToClipboardCallback, handleCheckOutCallback, handleCheckInCallback, refreshPreviewTrigger, showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, } = useCheckInOutOperations();
-    const relatedDocuments = useRelatedDocuments({ selectedSearchResult, focusedItem, currentSearchResults });
-    const { relatedDcmts, showRelatedDcmtsChooser, archiveType, isOpenDetails, isOpenMaster, isOpenArchiveRelationForm, archiveRelatedDcmtFormTID, archiveRelatedDcmtFormMids, relatedDcmtsChooserDataSource, showPairDcmtsModal, isPairingManyToMany, pairedSearchResults, manyToManyRelations, selectedManyToManyRelation, showManyToManyChooser, manyToManyChooserDataSource, showPairSearchModal, pairSearchModalTargetTID, pairSearchModalParentTID, pairSearchModalParentDID, pairSearchModalRelation, pairSearchModalInputMids, currentTIDHasDetailRelations, currentTIDHasMasterRelations, canArchiveMasterRelation, canArchiveDetailRelation, hasManyToManyRelation, setIsOpenDetails, setIsOpenMaster, setShowRelatedDcmtsChooser, setShowManyToManyChooser, setShowPairDcmtsModal, setShowPairSearchModal, setIsOpenArchiveRelationForm, setArchiveType, setArchiveRelatedDcmtFormTID, setArchiveRelatedDcmtFormMids, pairFloatingActionConfig, pairSearchModalFloatingActionConfig, archiveMasterDocuments, archiveDetailDocuments, pairManyToMany, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, archiveRelatedDcmtHandler, executeManyToManyPairing, } = relatedDocuments;
+    // State to control the layout of the custom buttons
     const [customButtonsLayout, setCustomButtonsLayout] = useState();
-    const [customButton, setCustomButton] = useState();
+    const [allUsers, setAllUsers] = useState([]);
+    useEffect(() => {
+        const fetchAllUsers = async () => {
+            const users = await UserListCacheService.GetAllAsync();
+            setAllUsers(users ?? []);
+        };
+        fetchAllUsers();
+    }, []);
+    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 updateDataColumnsFromDataGrid = useCallback((dataColumns) => {
+        setDataColumnsFromDataGrid(dataColumns);
+    }, []);
+    // Increments trigger counter to force TMDcmtBlog to re-fetch data
+    const onRefreshBlogDatagrid = useCallback(async () => {
+        setRefreshBlogTrigger(prev => prev + 1);
+    }, []);
+    // Increments trigger counter to force TMDcmtPreview to re-fetch data
+    const onRefreshPreviewDatagrid = useCallback(async () => {
+        setRefreshPreviewTrigger(prev => prev + 1);
+    }, []);
+    // Increments trigger counter to force operationItems to re-calculate
+    const onRefreshOperationsDatagrid = useCallback(async () => {
+        setRefreshOperationsTrigger(prev => prev + 1);
+    }, []);
+    const updateDataSourceFromDataGrid = useCallback((dataSource) => {
+        setDataSourceFromDataGrid(dataSource);
+    }, []);
+    const updateSelectedRowKeysFromDataGrid = useCallback((selectedRowKeys) => {
+        setSelectedRowKeysFromDataGrid(selectedRowKeys);
+    }, []);
+    // Reloads metadata for a single document (by TID/DID) and updates or removes its row in the grid
+    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()));
+    };
+    // Refreshes metadata for selected documents (or focused one) and triggers grid re-render
+    const onRefreshDataRowsAsync = async () => {
+        let dcmts = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
+        for (const dcmt of dcmts) {
+            await refreshFocusedDataRowAsync(dcmt.TID, dcmt.DID);
+        }
+        setLastUpdateSearchTime(new Date(Date.now()));
+    };
+    // Callback after document save: refreshes the row with fetched metadata
+    const onSavedAsyncCallback = useCallback(async (tid, did, metadataResult) => {
+        await refreshFocusedDataRowAsync(tid, did, true, metadataResult);
+    }, [refreshFocusedDataRowAsync]);
+    const openTaskFormHandler = (onTaskCreated) => {
+        if (selectedItems.length > 1)
+            return;
+        const item = selectedItems.length === 1 ? selectedItems[0] : focusedItem;
+        if (item?.TID && item?.DID) {
+            const createTaskFromDocumentOrWorkItem = async () => {
+                try {
+                    const dtd = await DcmtTypeListCacheService.GetWithNotGrantedAsync(item.TID, item?.DID);
+                    if (dtd) {
+                        const isWorkItem = isApprovalWorkflowView(dtd);
+                        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);
+                }
+            };
+            createTaskFromDocumentOrWorkItem();
+        }
+    };
+    const { operationItems, renderFloatingBar, renderDcmtOperations, features } = useDocumentOperations({
+        context: context,
+        documentData: {
+            dtd: fromDTD,
+            selectedItems,
+            focusedItem,
+            currentSearchResults,
+            currentMetadataValues,
+            allUsers,
+            searchResult: selectedSearchResult,
+            datagridUtility: {
+                visibleItems,
+                onRefreshSearchAsyncDatagrid,
+                onRefreshDataRowsAsync,
+                refreshFocusedDataRowAsync,
+                onRefreshBlogDatagrid,
+                onRefreshPreviewDatagrid,
+                refreshOperationsTrigger,
+                onRefreshOperationsDatagrid,
+            }
+        },
+        exportData: {
+            dataColumns: dataColumnsFromDataGrid,
+            dataSource: dataSourceFromDataGrid,
+            selectedRowKeys: selectedRowKeysFromDataGrid,
+        },
+        uiConfig: {
+            floatingBarContainerRef,
+            customButtonsLayout,
+            workingGroupContext,
+            openS4TViewer,
+            openDcmtFormAsModal,
+            showDcmtFormSidebar,
+            allowFloatingBar,
+            enablePinIcons,
+            allowRelations,
+        },
+        tasks: {
+            allTasks: allTasks,
+            getAllTasks: getAllTasks,
+            deleteTaskByIdsCallback: deleteTaskByIdsCallback,
+            addTaskCallback: addTaskCallback,
+            editTaskCallback: editTaskCallback
+        },
+        callbacks: {
+            // Refresh operations (data consistency)
+            onSavedAsyncCallback,
+            onRefreshAfterAddDcmtToFavs,
+            // Workflow operations
+            onWFOperationCompleted,
+            // Navigation
+            canNavigateHandler,
+            onNavigateHandler,
+            handleNavigateToWGs,
+            handleNavigateToDossiers,
+            onReferenceClick,
+            // Document forms/operations
+            openAddDocumentForm,
+            openCommentFormCallback,
+            onFileOpened,
+            passToArchiveCallback,
+            openWGsCopyMoveForm,
+            onOpenS4TViewerRequest,
+            onOpenPdfEditorRequest,
+            // Task related
+            onTaskCreateRequest,
+            openTaskFormHandler,
+        },
+    });
+    const { isOpenDcmtForm, openFormHandler, dcmtFormLayoutMode, onDcmtFormOpenChange, showSearchTMDatagrid, showExportForm, isOpenBatchUpdate, isModifiedBatchUpdate, updateBatchUpdateForm, handleSignApprove, checkoutInfo: { showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, }, dcmtOperations: { abortController, showWaitPanel, showPrimary, waitPanelTitle, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync, }, relatedDocumentsInfo: { isOpenDetails, isOpenMaster, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, }, toppyOperations: { showApprovePopup, showRejectPopup, showReAssignPopup, showMoreInfoPopup, updateShowApprovePopup, updateShowRejectPopup, updateShowReAssignPopup, updateShowMoreInfoPopup } } = features;
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
-    const { pinnedItemIds, togglePin, setPinnedItemIds } = useFloatingBarPinnedItems();
     const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
-    const allFieldSelectedDocs = useMemo(() => getAllFieldSelectedDcmtsOrFocused(selectedItems, focusedItem), [selectedItems, focusedItem]);
     // Disable the "Sign/Approve" button if:
     // 1. No document or multiple documents are selected, OR
     // 2. Exactly one document is selected but its FILEEXT property is null
     const disableSignApproveDisable = selectedDocs.length !== 1 || (selectedDocs.length === 1 && selectedDocs[0].FILEEXT === null);
     const dcmtsReturned = (searchResults?.length > 1 ? selectedSearchResult?.dcmtsReturned : searchResults[0]?.dcmtsReturned ?? 0);
     const dcmtsFound = (searchResults?.length > 1 ? selectedSearchResult?.dcmtsFound : searchResults[0]?.dcmtsFound ?? 0);
-    const [allUsers, setAllUsers] = useState([]);
-    // Stato per triggerare il refresh del blog dall'esterno
-    const [refreshBlogTrigger, setRefreshBlogTrigger] = useState(0);
-    const triggerBlogRefresh = useCallback(async () => {
-        setRefreshBlogTrigger(prev => prev + 1);
-    }, []);
-    useEffect(() => {
-        const fetchAllUsers = async () => {
-            const users = await UserListCacheService.GetAllAsync();
-            setAllUsers(users ?? []);
-        };
-        fetchAllUsers();
-    }, []);
     useEffect(() => { setID(genUniqueId()); }, []);
     useEffect(() => {
         setSelectedItems([]);
-        setIsOpenBatchUpdate(false);
+        updateBatchUpdateForm(false);
         setCurrentSearchResults(searchResults);
         if (searchResults.length <= 0) {
             setSelectedSearchResult(undefined);
@@ -205,110 +435,6 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
         };
         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 = isApprovalWorkflowView(dtd);
-                        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 copyCheckoutPathToClipboardOperationCallback = () => {
-        const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
-        const firstDoc = selectedDocs?.[0];
-        if (!firstDoc)
-            return;
-        copyCheckoutPathToClipboardCallback(firstDoc, fromDTD?.name ?? SDKUI_Localizator.SearchResult);
-    };
     const getTitleHeader = () => {
         let counters = (showSelector && disableAccordionIfSingleCategory && searchResults.length > 1) ? getSearchResultCountersSingleCategory(searchResults) : "";
         if (title)
@@ -331,18 +457,6 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
         }
         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({
@@ -356,7 +470,7 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
             });
         }
         else if (isOpenDcmtForm) {
-            setIsOpenDcmtForm(false);
+            onDcmtFormOpenChange(false, LayoutModes.Update);
         }
         else {
             if (isMobile && currentSearchResults.length > 1) {
@@ -366,34 +480,6 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
             onClose?.();
         }
     };
-    const customButtonMenuItems = () => {
-        const customButtonsItems = customButtonsLayout?.customButtons?.filter((customButton) => customButton.isForSearchResult && customButton.isForSearchResult > 0)
-            .map((customButton) => ({
-            icon: TMImageLibrary({ imageID: customButton.glyphID }),
-            name: customButton.title || 'Bottone personalizzato',
-            onClick: () => setCustomButton(customButton)
-        }));
-        return customButtonsItems && customButtonsItems.length > 0 ? {
-            icon: _jsx(IconCustom, {}),
-            name: SDKUI_Localizator.CustomButtons,
-            submenu: customButtonsItems
-        } : {};
-    };
-    const handleCheckOutOperationCallback = async (checkout) => {
-        const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
-        const firstDoc = selectedDocs?.[0];
-        if (!firstDoc)
-            return;
-        await handleCheckOutCallback(firstDoc, checkout, fromDTD?.name ?? SDKUI_Localizator.SearchResult, downloadDcmtsAsync, undefined, refreshFocusedDataRowAsync);
-    };
-    const handleCheckInOperationCallback = async () => {
-        const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
-        const firstDoc = selectedDocs?.[0];
-        if (!firstDoc)
-            return;
-        firstDoc.fileName = fromDTD?.name ?? SDKUI_Localizator.SearchResult;
-        await handleCheckInCallback(firstDoc, undefined, refreshFocusedDataRowAsync);
-    };
     const refreshDataGridAfterRemoveAsync = async () => {
         let index = selectedSearchResult?.dtdResult?.columns?.findIndex(col => col.caption === 'DID');
         let selectedRows = [];
@@ -446,141 +532,6 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
         }
         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 handleAddItem = (tid, did) => {
-        let newItem = { TID: tid ?? 0, DID: did ?? 0 };
-        setSecondaryMasterDcmts((prevItems) => [...prevItems, newItem]);
-    };
-    const handleRemoveItem = (tid, did) => {
-        setSecondaryMasterDcmts((prevItems) => prevItems.filter(item => item.TID !== tid && item.DID !== did));
-    };
-    const handleSavedAsyncCallback = useCallback(async (tid, did, metadataResult) => {
-        await refreshFocusedDataRowAsync(tid, did, true, metadataResult);
-    }, [refreshFocusedDataRowAsync]);
     const showToppyForApprove = useMemo(() => {
         return Boolean(isVisible && fromDTD && isApprovalWorkflowView(fromDTD) && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster);
     }, [isVisible, fromDTD, isOpenDcmtForm, isOpenDetails, isOpenMaster]);
@@ -601,144 +552,55 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
             && !openS4TViewer
             && !showTodoDcmtForm);
     }, [showToppyForApprove, showToppyDraggableHelpCenter, selectedDocs, showApprovePopup, showRejectPopup, showReAssignPopup, showMoreInfoPopup, editPdfForm, openS4TViewer, showTodoDcmtForm]);
-    const floatingMenuItems = useMemo(() => {
-        const baseMenuItems = 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, handleCheckOutOperationCallback, handleCheckInOperationCallback, showCheckoutInformationFormCallback, showHistoryCallback, copyCheckoutPathToClipboardOperationCallback, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, currentTIDHasMasterRelations, currentTIDHasDetailRelations, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToMany, hasManyToManyRelation, pinnedItemIds, togglePin);
-        const customButtons = customButtonMenuItems();
-        return customButtons.name ? baseMenuItems.concat([customButtons]) : baseMenuItems;
-    }, [
-        isMobile, fromDTD, allUsers, selectedItems, focusedItem, context,
-        showFloatingBar, workingGroupContext, showSearch, currentTIDHasMasterRelations,
-        currentTIDHasDetailRelations, canArchiveMasterRelation, canArchiveDetailRelation,
-        hasManyToManyRelation, customButtonsLayout, pinnedItemIds, togglePin
-    ]);
     const searchResutlToolbar = _jsxs(_Fragment, { children: [(dcmtsReturned != dcmtsFound) && _jsx("p", { style: { textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${dcmtsReturned}/${dcmtsFound} restituiti` }), context === SearchResultContext.FAVORITES_AND_RECENTS &&
-                _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(TMContextMenu, { items: floatingMenuItems, trigger: "left", children: _jsx(IconMenuVertical, { color: 'white', cursor: 'pointer' }) })] });
+                _jsx("div", { style: { display: 'flex', alignItems: 'center', gap: '5px' }, children: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconDelete, { color: 'white' }), caption: "Rimuovi da " + (selectedSearchResult?.category === "Favorites" ? '"Preferiti"' : '"Recenti"'), disabled: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length <= 0, onClick: removeDcmtFromFavsOrRecents }) }), _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconRefresh, { color: 'white' }), caption: SDKUI_Localizator.Refresh, onClick: onRefreshSearchAsyncDatagrid }), _jsx(TMContextMenu, { items: operationItems, trigger: "left", children: _jsx(IconMenuVertical, { color: 'white', cursor: 'pointer' }) })] });
     const tmSearchResult = useMemo(() => (!searchResults || searchResults.length <= 0)
         ? _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%' }, children: [_jsx(IconBoard, { fontSize: 96 }), showNoDcmtFoundMessage && _jsx("div", { style: { fontSize: "15px", marginTop: "10px" }, children: SDKUI_Localizator.NoDcmtFound }), openAddDocumentForm && _jsx("div", { style: { marginTop: "10px" }, children: _jsx(TMButton, { fontSize: "15px", icon: _jsx("i", { className: 'dx-icon-share' }), caption: SDKUI_Localizator.Share, onClick: openAddDocumentForm }) })] })
         :
             _jsxs(_Fragment, { children: [_jsxs(TMLayoutItem, { height: '100%', children: [_jsxs("div", { ref: floatingBarContainerRef, style: { position: 'relative', height: '100%', width: '100%' }, children: [_jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: Gutters.getGutters(), separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && deviceType !== DeviceType.MOBILE, start: showSelector ? deviceType !== DeviceType.MOBILE ? ['30%', '70%'] : splitterSize : ['0%', '100%'], children: [showSelector ?
                                                 _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, disableAccordionIfSingleCategory: disableAccordionIfSingleCategory, selectedTID: selectedSearchResultTID, selectedSearchResult: selectedSearchResult, autoSelectFirst: !isMobile || currentSearchResults.length === 1, onSelectionChanged: onSearchResultSelectionChanged }) })
                                                 :
-                                                    _jsx(_Fragment, {}), _jsx(TMLayoutItem, { children: _jsx(TMSearchResultGrid, { 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), floatingMenuItems: floatingMenuItems, 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 &&
-                                        _jsx(TMFloatingMenuBar, { containerRef: floatingBarContainerRef, contextMenuItems: floatingMenuItems, isConstrained: true, defaultPosition: { x: 1, y: 88 }, defaultPinnedItems: ['rel-det', 'rel-mst', 'dl'], defaultOrientation: 'horizontal', hasContextMenu: false, pinnedItemIds: pinnedItemIds, onPinChange: setPinnedItemIds })] }), 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, { fromDTD: fromDTD, TID: focusedItem?.TID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: onWFOperationCompleted, onClose: () => setShowMoreInfoPopup(false), getAllTasks: getAllTasks, triggerBlogRefresh: triggerBlogRefresh }), 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(TMToppyDraggableHelpCenter, { usePortal: toppyHelpCenterUsePortal, isVisible: isToppyHelpCenterVisible, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { dtd: fromDTD, deviceType: deviceType, onApprove: () => {
-                                            setShowApprovePopup(true);
+                                                    _jsx(_Fragment, {}), _jsx(TMLayoutItem, { children: _jsx(TMSearchResultGrid, { openInOffice: openInOffice, fromDTD: fromDTD, operationItems: operationItems, allUsers: allUsers, inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, showExportForm: showExportForm, onFocusedItemChanged: setFocusedItem, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync(inputDcmts, downloadType, downloadMode, onFileOpened, confirmAttachments), lastUpdateSearchTime: lastUpdateSearchTime, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], onSelectionChanged: (items) => { setSelectedItems(items); }, onDblClick: () => openFormHandler(LayoutModes.Update), showSearchTMDatagrid: showSearchTMDatagrid, onVisibleItemChanged: setVisibleItems, updateDataColumnsFromDataGrid: updateDataColumnsFromDataGrid, updateDataSourceFromDataGrid: updateDataSourceFromDataGrid, updateSelectedRowKeysFromDataGrid: updateSelectedRowKeysFromDataGrid }) })] }), renderFloatingBar] }), _jsx(TMToppyDraggableHelpCenter, { usePortal: toppyHelpCenterUsePortal, isVisible: isToppyHelpCenterVisible, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { dtd: fromDTD, deviceType: deviceType, onApprove: () => {
+                                            updateShowApprovePopup(true);
                                         }, onSignApprove: () => {
                                             handleSignApprove();
                                         }, onReject: () => {
-                                            setShowRejectPopup(true);
+                                            updateShowRejectPopup(true);
                                         }, onReAssign: () => {
-                                            setShowReAssignPopup(true);
+                                            updateShowReAssignPopup(true);
                                         }, onMoreInfo: () => {
-                                            setShowMoreInfoPopup(true);
-                                        }, approveDisable: selectedDocs.length === 0, signApproveDisable: disableSignApproveDisable, rejectDisable: selectedDocs.length === 0, reassignDisable: selectedDocs.length === 0, infoDisable: selectedDocs.length !== 1 }) }) })] }), _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, editPdfForm: editPdfForm, 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, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter }) }), showPairSearchModal &&
-                        _jsx(TMModal, { title: "Ricerca documenti", onClose: () => setShowPairSearchModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearch, { onlyShowSearchQueryPanel: true, inputTID: pairSearchModalTargetTID, inputMids: pairSearchModalInputMids, floatingActionConfig: pairSearchModalFloatingActionConfig, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), isOpenSharedArchive && _jsx(TMModal, { title: "Archiviazione condivisa", onClose: () => {
-                            setIsOpenSharedArchive(false);
-                        }, width: isMobile ? '90%' : '60%', height: isMobile ? '90%' : '80%', children: _jsx(TMArchive, { inputDID: focusedItem?.DID, inputTID: focusedItem?.TID, inputMids: currentMetadataValues.filter(md => md.mid && md.mid > 100).map(md => ({ mid: md.mid, value: md.value ?? '' })), isSharedArchive: true, inputFile: sharedDcmtFile, onSavedAsyncCallback: async (tid, did) => {
-                                setIsOpenSharedArchive(false);
-                                await onRefreshSearchAsync?.();
-                            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), sharedDcmtSearchResults.length > 0 &&
-                        _jsx(TMModal, { title: "Documenti condivisi", onClose: () => {
-                                setSharedDcmtSearchResults([]);
-                            }, width: isMobile ? '90%' : '60%', height: isMobile ? '90%' : '80%', children: _jsx(TMSearchResult, { searchResults: sharedDcmtSearchResults, allowFloatingBar: false, showSelector: true, disableAccordionIfSingleCategory: true, showBackButton: isMobile, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), (showCheckoutInformationForm && fromDTD && getSelectedDcmtsOrFocused(selectedItems, focusedItem).length > 0) &&
-                        _jsx(TMDcmtCheckoutInfoForm, { dtdName: fromDTD.name ?? SDKUI_Localizator.SearchResult, selectedDcmtOrFocused: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0], onClose: hideCheckoutInformationFormCallback }), (floatingActionConfig && floatingActionConfig.isVisible) && _jsx(TMSearchResultFloatingActionButton, { selectedDcmtsOrFocused: getSelectedDcmtsOrFocused(selectedItems, focusedItem), config: floatingActionConfig })] }), [
+                                            updateShowMoreInfoPopup(true);
+                                        }, approveDisable: selectedDocs.length === 0, signApproveDisable: disableSignApproveDisable, rejectDisable: selectedDocs.length === 0, reassignDisable: selectedDocs.length === 0, infoDisable: selectedDocs.length !== 1 }) }) })] }), (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,
+        onRefreshSearchAsyncDatagrid,
         handleNavigateToWGs,
         handleNavigateToDossiers,
         editPdfForm,
         showNoDcmtFoundMessage
     ]);
-    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, handleNavigateToWGs, handleNavigateToDossiers]);
+    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, handleNavigateToWGs, handleNavigateToDossiers, onRefreshBlogDatagrid]);
     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 tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, currentDcmt: currentDcmt }), [currentDcmt, refreshPreviewTrigger]);
     // Auto-fetch indexing info when drawer is open and focusedItem changes
     useEffect(() => {
         if (!focusedItem || !showIndexingInfo)
@@ -865,32 +727,30 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
                 }, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: (groupId && groupId.length > 0) ?
                             _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })
                             :
-                                _jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar }) }) }) }) }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDetails, children: isOpenDetails && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: focusedItem && selectedItems.length <= 0, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onBack: () => setIsOpenDetails(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), _jsxs(StyledMultiViewPanel, { "$isVisible": isOpenMaster, children: [isOpenMaster && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: focusedItem && selectedItems.length <= 0, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
-                        return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }, `${index}-${dcmt.DID}`));
-                    })] }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDcmtForm, children: isOpenDcmtForm && focusedItem?.TID !== undefined && focusedItem?.DID !== undefined && _jsx(TMDcmtForm, { isModal: openDcmtFormAsModal || (dcmtFormLayoutMode === LayoutModes.Ark && focusedItem?.DID), titleModal: fromDTD?.name ?? '', TID: focusedItem.TID, DID: focusedItem.DID, allowButtonsRefs: true, layoutMode: dcmtFormLayoutMode, count: visibleItems.length, itemIndex: visibleItems.findIndex(o => o.rowIndex === focusedItem?.rowIndex) + 1, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onClose: () => { setIsOpenDcmtForm(false); }, onWFOperationCompleted: onWFOperationCompleted, onTaskCreateRequest: onTaskCreateRequest, onSavedAsyncCallback: handleSavedAsyncCallback, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onReferenceClick: onReferenceClick, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, focusedItem?.TID, focusedItem?.DID), showDcmtFormSidebar: showDcmtFormSidebar }) }), 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, showDcmtFormSidebar: showDcmtFormSidebar }), (showHistory && fromDTD && getSelectedDcmtsOrFocused(selectedItems, focusedItem).length > 0) && _jsx(TMViewHistoryDcmt, { fromDTD: fromDTD, deviceType: deviceType, inputDcmt: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0], onClose: hideHistoryCallback, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (commentFormState.show && getSelectedDcmtsOrFocused(selectedItems, focusedItem).length > 0) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].TID, did: getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].DID } }, onClose: hideCommentFormCallback, refreshCallback: triggerBlogRefresh, participants: [], showAttachmentsSection: true, allArchivedDocumentsFileItems: convertSearchResultDescriptorToFileItems(currentSearchResults ?? []), isCommentRequired: commentFormState.isRequired, removeAndEditAttachment: commentFormState.removeAndEditAttachment, selectedAttachmentDid: [Number(getSelectedDcmtsOrFocused(selectedItems, focusedItem)[0].DID)] })] }));
+                                _jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar }) }) }) }) }), renderDcmtOperations] }));
 };
 export default TMSearchResult;
-const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem, showSearch, allowMultipleSelection = true, showExportForm = false, onCloseExportForm, onFocusedItemChanged, onDownloadDcmtsAsync, onVisibleItemChanged, inputSelectedItems = [], lastUpdateSearchTime, searchResult, floatingMenuItems, onSelectionChanged, onDblClick }) => {
+const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, inputFocusedItem, allowMultipleSelection = true, showExportForm = false, onFocusedItemChanged, onDownloadDcmtsAsync, onVisibleItemChanged, inputSelectedItems = [], lastUpdateSearchTime, searchResult, onSelectionChanged, onDblClick, showSearchTMDatagrid, updateDataColumnsFromDataGrid, updateDataSourceFromDataGrid, updateSelectedRowKeysFromDataGrid }) => {
     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([]);
     const [pageSize, setPageSize] = useState(SDKUI_Globals.userSettings.searchSettings?.pageSize ?? TMDataGridPageSize.Large);
     const [isDataGridReady, setIsDataGridReady] = useState(false);
     const dataGridRef = useRef(null);
+    // Sincronizza selectedRowKeys con il componente padre ad ogni modifica
+    useEffect(() => {
+        updateSelectedRowKeysFromDataGrid(selectedRowKeys);
+    }, [selectedRowKeys]);
+    // Sincronizza columns con il componente padre ad ogni modifica
+    useEffect(() => {
+        updateDataColumnsFromDataGrid(columns);
+    }, [columns]);
+    // Sincronizza dataSource con il componente padre ad ogni modifica
+    useEffect(() => {
+        updateDataSourceFromDataGrid(dataSource ?? []);
+    }, [dataSource]);
     const { loadDataListsAsync, renderDataListCell, dataListsCache } = useDataListItem();
     const { loadUsersAsync, renderUserIdViewer, usersCache } = useDataUserIdItem();
     useEffect(() => {
@@ -927,7 +787,8 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
                     const currentDataSource = dataSource ?? [];
                     setTimeout(() => {
                         // Remove the selected item from the data source by filtering it out.
-                        setDataSource(currentDataSource.filter((data) => data.rowIndex !== current.rowIndex));
+                        const updatedDataSource = currentDataSource.filter((data) => data.rowIndex !== current.rowIndex);
+                        setDataSource(updatedDataSource);
                         // Clear any selection, focused item, and update callbacks.
                         onSelectionChanged?.([]);
                         setSelectedRowKeys([]);
@@ -954,7 +815,8 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
                         const currentDataSource = dataSource ?? [];
                         setTimeout(() => {
                             // Remove all selected items from the data source.
-                            setDataSource(currentDataSource.filter((data) => !dcmts.some((d) => d.rowIndex === data.rowIndex)));
+                            const updatedDataSource = currentDataSource.filter((data) => !dcmts.some((d) => d.rowIndex === data.rowIndex));
+                            setDataSource(updatedDataSource);
                             // Clear selections and focus after deletion.
                             onSelectionChanged?.([]);
                             setSelectedRowKeys([]);
@@ -1250,10 +1112,11 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
         if (setVisibleItems === undefined)
             return;
         const visibleRows = e.component.getVisibleRows();
-        setVisibleItems(visibleRows.map((row) => { return row.data; }));
+        const visibleData = visibleRows.map((row) => row.data);
+        setVisibleItems(visibleData);
     }, []);
     useEffect(() => { onVisibleItemChanged?.(visibleItems); }, [visibleItems]);
-    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [!isDataGridReady && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', gap: '10px' }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsx("div", { children: SDKUI_Localizator.Loading })] })), isDataGridReady && _jsx(TMDataGrid, { ref: dataGridRef, id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearch, showFilterPanel: true, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: pageSize, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, showHeaderColumnChooser: true, onKeyDown: onKeyDown, customContextMenuItems: floatingMenuItems, counterConfig: { show: true } }), (showExportForm && searchResult && onCloseExportForm) && _jsx(TMDataGridExportForm, { dataColumns: dataColumns, dataSource: dataSource, selectedRowKeys: selectedRowKeys, onCloseExportForm: onCloseExportForm, searchResult: searchResult })] });
+    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [!isDataGridReady && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', gap: '10px' }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsx("div", { children: SDKUI_Localizator.Loading })] })), isDataGridReady && _jsx(TMDataGrid, { ref: dataGridRef, id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearchTMDatagrid, showFilterPanel: true, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: pageSize, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, showHeaderColumnChooser: true, onKeyDown: onKeyDown, customContextMenuItems: operationItems, counterConfig: { show: true } })] });
 };
 //#region TMSearchResultSelector
 const StyledItemTemplate = styled.div ` 
@@ -1366,7 +1229,7 @@ const TMSearchResultSelector = ({ searchResults = [], disableAccordionIfSingleCa
         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 }), _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))) }));
+    const renderCategoryItems = (category) => (_jsx("div", { style: { padding: '5px', height: '100%', overflow: 'auto' }, 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);
@@ -1374,11 +1237,11 @@ const TMSearchResultSelector = ({ searchResults = [], disableAccordionIfSingleCa
     return (_jsx(TMAccordionNew, { groups: accordionGroups, selectedItem: selectedResult, onSelectedItemChange: (result) => handleSelect(result) }));
 };
 //#endregion TMSearchResultSelector
-const TMDcmtPreviewWrapper = ({ currentDcmt, isVisible }) => {
+const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, 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 }));
+    return (_jsx(TMDcmtPreview, { dcmtData: currentDcmt, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, isResizingActive: isResizingActive, isVisible: isVisible }, refreshPreviewTrigger));
 };
 // Styled Components
 const StyledPlaceholder = styled.div `