@topconsultnpm/sdkui-react 6.22.0-dev4.21 → 6.22.0-dev4.23

package/lib/components/features/assistant/TMToppyDraggableHelpCenter.d.ts

@@ -11,5 +11,5 @@ interface TMToppyDraggableHelpCenterProps {
     /** Callback chiamato quando si clicca sull'immagine di Toppy */
     onToppyImageClick?: () => void;
 }
-declare const TMToppyDraggableHelpCenter: (props: TMToppyDraggableHelpCenterProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMToppyDraggableHelpCenter: (props: TMToppyDraggableHelpCenterProps) => React.JSX.Element;
 export default TMToppyDraggableHelpCenter;

package/lib/components/features/blog/TMBlogCommentForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { BlogPost, UserDescriptor } from "@topconsultnpm/sdk-ts";
 import { FileItem } from '../../base/TMFileManagerUtils';
 import { TMBlogContextDescriptor } from '../../grids/TMBlogsPostUtils';
@@ -18,5 +19,5 @@ interface TMBlogCommentFormProps {
     /** External save handler - when provided, bypasses internal engine logic */
     onCustomSave?: (blogPost: BlogPost) => Promise<void>;
 }
-declare const TMBlogCommentForm: (props: TMBlogCommentFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMBlogCommentForm: (props: TMBlogCommentFormProps) => React.JSX.Element;
 export default TMBlogCommentForm;

package/lib/components/features/documents/TMDcmtForm.js

@@ -1910,35 +1910,35 @@ const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, fromDTD, currentDcmt, lay
         _jsx(TMDcmtPreview, { dcmtData: currentDcmt, isVisible: isVisible, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, onBack: onBack, isResizingActive: isResizingActive, onFileRetrieved: onFileRetrieved }, refreshPreviewTrigger) :
         _jsx(TMFileUploader, { fromDTD: fromDTD, onFileUpload: onFileUpload, openFileUploaderPdfEditor: openFileUploaderPdfEditor, onClose: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, isRequired: fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && dcmtFile === null, defaultBlob: dcmtFile, deviceType: deviceType, isResizingActive: isResizingActive, enableDragDropOverlay: panelVisibility['tmDcmtPreview'] && enableDragDropOverlay, onScanRequest: onScanRequest }));
 };
-const Ribbon = styled.div `
-    font-size: 0.85rem;
-    font-weight: 600;
-    color: #fff;
-    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-    --f: .4em; /* control the folded part */
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    z-index: 1200;
-    line-height: 1.6;
-    padding-inline: 0.8lh;
-    padding-bottom: var(--f);
-    border-image: conic-gradient(#0008 0 0) 51%/var(--f);
-    clip-path: polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
-    transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
-    transform-origin: 100% 100%;
-    background-color: rgba(217, 148, 13, 0.92);
-    display: inline-block;
-    padding-top: 0.1em;
-    white-space: nowrap;
-    transition: ${props => props.$isMobile ? 'none' : 'all 0.3s ease'};
-    cursor: 'default';
-    
-    ${props => !props.$isMobile && `
-        &:hover {
-            background-color: #d9940d;
-            font-size: 1.1rem;
-            transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg) scale(1.05);
-        }
-    `}
+const Ribbon = styled.div `
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: #fff;
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+    --f: .4em; /* control the folded part */
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    z-index: 1200;
+    line-height: 1.6;
+    padding-inline: 0.8lh;
+    padding-bottom: var(--f);
+    border-image: conic-gradient(#0008 0 0) 51%/var(--f);
+    clip-path: polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
+    transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
+    transform-origin: 100% 100%;
+    background-color: rgba(217, 148, 13, 0.92);
+    display: inline-block;
+    padding-top: 0.1em;
+    white-space: nowrap;
+    transition: ${props => props.$isMobile ? 'none' : 'all 0.3s ease'};
+    cursor: 'default';
+    
+    ${props => !props.$isMobile && `
+        &:hover {
+            background-color: #d9940d;
+            font-size: 1.1rem;
+            transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg) scale(1.05);
+        }
+    `}
 `;

package/lib/components/features/documents/TMDcmtFormActionButtons.d.ts

@@ -41,5 +41,5 @@ interface TMDcmtFormActionButtonsProps {
     setShowMoreInfoTaskPopup: React.Dispatch<React.SetStateAction<boolean>>;
     setShowMoreInfoTaskTask: React.Dispatch<React.SetStateAction<TaskDescriptor | undefined>>;
 }
-declare const TMDcmtFormActionButtons: (props: TMDcmtFormActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMDcmtFormActionButtons: (props: TMDcmtFormActionButtonsProps) => React.JSX.Element;
 export default TMDcmtFormActionButtons;

package/lib/components/features/documents/TMDcmtIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DcmtInfo, DownloadModes, DownloadTypes } from '../../../ts';
 import { FileDescriptor } from '@topconsultnpm/sdk-ts';
 interface ITMDcmtIconProps {
@@ -14,5 +15,5 @@ interface ITMDcmtIconProps {
     openInOffice?: (selectedDcmtsOrFocused: Array<DcmtInfo>) => Promise<void>;
     onDownloadDcmtsAsync?: (inputDcmts: DcmtInfo[] | undefined, downloadType: DownloadTypes, downloadMode: DownloadModes, onFileDownloaded?: (dcmtFile: File | undefined) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>) => Promise<void>;
 }
-declare const TMDcmtIcon: ({ fileExtension, fileCount, isLexProt, isSigned, isMail, isShared, tid, did, downloadMode, tooltipContent, openInOffice, onDownloadDcmtsAsync }: ITMDcmtIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMDcmtIcon: ({ fileExtension, fileCount, isLexProt, isSigned, isMail, isShared, tid, did, downloadMode, tooltipContent, openInOffice, onDownloadDcmtsAsync }: ITMDcmtIconProps) => React.JSX.Element;
 export default TMDcmtIcon;

package/lib/components/features/documents/TMDcmtPreview.d.ts

@@ -27,10 +27,12 @@ export declare const TMNothingToShow: ({ text, secondText, fileExt, icon }: {
     secondText?: any;
     fileExt?: string;
     icon?: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const StyledHeaderIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & {
+}) => React.JSX.Element;
+export declare const StyledHeaderIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $color: string;
-}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & {
-    $color: string;
-}, never>>> & string;
-export declare const StyledPanelStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+}>> & string;
+export declare const StyledPanelStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/lib/components/features/documents/TMDcmtTasks.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormModes, TaskContext } from "../../../ts";
 import { HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
 interface TMDcmtTasksProps {
@@ -12,5 +13,5 @@ interface TMDcmtTasksProps {
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
     onBack?: () => void;
 }
-declare const TMDcmtTasks: (props: TMDcmtTasksProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMDcmtTasks: (props: TMDcmtTasksProps) => React.JSX.Element;
 export default TMDcmtTasks;

package/lib/components/features/documents/TMDragDropOverlay.d.ts

@@ -2,5 +2,5 @@ interface TMDragDropOverlayProps {
     handleFile: (file: File) => void;
     refocusAfterFileInput: () => void;
 }
-declare const TMDragDropOverlay: (props: TMDragDropOverlayProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMDragDropOverlay: (props: TMDragDropOverlayProps) => import("react").JSX.Element;
 export default TMDragDropOverlay;

package/lib/components/features/documents/TMFileUploader.js

@@ -112,27 +112,27 @@ const TMFileUploader = ({ fromDTD, deviceType = DeviceType.DESKTOP, onClose, onF
     }, [deviceType, fromDTD, onClose]);
     return showTMPanel ? (_jsx(TMPanel, { ref: fileUploaderPanelRef, panelID: 'file-uploader-panel', title: SDKUI_Localizator.FileUpload, onBack: deviceType === DeviceType.MOBILE ? () => onClose?.() : undefined, toolbar: toolbar, children: innerContent })) : (innerContent);
 };
-const UploadContainer = styled.div ` 
-position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 5px;
-  border: 2px dashed ${props => props.$isRequired ? () => TMColors.error : () => TMColors.primaryColor};
-  /* max-height: 100px; */
-  width: 100%;
-  height: 100%;
-  border-radius: 8px;
-  padding: 30px;
-  text-align: center;
-  color: ${props => props.$isRequired ? () => TMColors.error : () => TMColors.primaryColor};
-  transition: background-color 0.3s;
-  &:hover {
-    background-color: #658cab;
-  } 
+const UploadContainer = styled.div ` 
+position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 5px;
+  border: 2px dashed ${props => props.$isRequired ? () => TMColors.error : () => TMColors.primaryColor};
+  /* max-height: 100px; */
+  width: 100%;
+  height: 100%;
+  border-radius: 8px;
+  padding: 30px;
+  text-align: center;
+  color: ${props => props.$isRequired ? () => TMColors.error : () => TMColors.primaryColor};
+  transition: background-color 0.3s;
+  &:hover {
+    background-color: #658cab;
+  } 
 `;
-const HiddenInput = styled.input `
-  display: none;
+const HiddenInput = styled.input `
+  display: none;
 `;
 export default TMFileUploader;

package/lib/components/features/documents/TMMasterDetailDcmts.js

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { AppModules, DcmtTypeListCacheService, LayoutModes, ObjectClasses, SDK_Globals, SDK_Localizator } from '@topconsultnpm/sdk-ts';
 import TMRelationViewer from './TMRelationViewer';
 import TMContextMenu from '../../NewComponents/ContextMenu/TMContextMenu';
-import { IconMultipleSelection, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, IconMenuVertical, IconDataList, IconPreview, IconSearchCheck, IconBoard, IconDcmtTypeSys, IconShow, getMoreInfoTasksForDocument, isApprovalWorkflowView, searchResultToMetadataValues, IconRefresh, SDKUI_Globals } from '../../../helper';
+import { IconMultipleSelection, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, IconMenuVertical, IconDataList, IconPreview, IconSearchCheck, IconBoard, IconDcmtTypeSys, IconShow, getMoreInfoTasksForDocument, isApprovalWorkflowView, searchResultToMetadataValues, IconRefresh, SDKUI_Globals, mergeSearchResultsAppend, generateUniqueColumnKeys } from '../../../helper';
 import { FormModes, SearchResultContext } from '../../../ts';
 import { TMColors } from '../../../utils/theme';
 import ShowAlert from '../../base/TMAlert';
@@ -515,6 +515,7 @@ const TMRelationViewerWrapper = ({ refreshKey, inputDcmts, isForMaster, showCurr
     const { setPanelVisibilityById, setToolbarButtonVisibility } = useTMPanelManagerContext();
     // Monitor device type changes to restore panel visibility when switching from mobile to desktop
     const deviceType = useDeviceType();
+    const isMobile = deviceType === DeviceType.MOBILE;
     const prevDeviceTypeRef = useRef(deviceType);
     // Restore panel visibility when switching from mobile to desktop
     useEffect(() => {
@@ -543,8 +544,11 @@ const TMRelationViewerWrapper = ({ refreshKey, inputDcmts, isForMaster, showCurr
         }
     }, [deviceType, focusedItem, setPanelVisibilityById, setToolbarButtonVisibility]);
     // Handle focused item changes with panel visibility management
-    const handleFocusedItemChanged = useCallback((item) => {
+    const handleFocusedItemChanged = useCallback((item, isAutoFocus) => {
         onFocusedItemChanged?.(item);
+        // In mobile il fuoco automatico non lascia la lista
+        if (isAutoFocus && isMobile)
+            return;
         // Toggle panels based on item type
         if (item?.isDcmt) {
             setPanelVisibilityById('tmSearchResult', false);
@@ -558,26 +562,78 @@ const TMRelationViewerWrapper = ({ refreshKey, inputDcmts, isForMaster, showCurr
             setToolbarButtonVisibility('tmSearchResult', true);
             setToolbarButtonVisibility('tmDcmtForm', false);
         }
-    }, [onFocusedItemChanged, setPanelVisibilityById, setToolbarButtonVisibility]);
+    }, [onFocusedItemChanged, isMobile, setPanelVisibilityById, setToolbarButtonVisibility]);
     const onContextMenu = useCallback((item, e) => {
         // Ferma la propagazione per evitare che l'evento arrivi al div contenitore
         // (che ha il suo handler per il context menu sullo spazio bianco)
         e.stopPropagation();
-        handleFocusedItemChanged(item);
+        // In mobile (pressione prolungata) solo il fuoco: cambiare pannello aprirebbe il form sotto il menu
+        if (isMobile)
+            onFocusedItemChanged?.(item);
+        else
+            handleFocusedItemChanged(item);
         // Il setTimeout è necessario per permettere a React di completare il re-render
         // dopo il cambio di focus (handleFocusedItemChanged aggiorna stato e visibilità pannelli).
         // Senza il delay, il context menu potrebbe mostrare opzioni basate sul vecchio stato.
         setTimeout(() => {
             onItemContextMenu?.(item, e);
         }, 100);
-    }, [onItemContextMenu, handleFocusedItemChanged]);
+    }, [onItemContextMenu, handleFocusedItemChanged, onFocusedItemChanged, isMobile]);
     return (_jsx(TMRelationViewer, { inputDcmts: inputDcmts, isForMaster: isForMaster, showCurrentDcmtIndicator: showCurrentDcmtIndicator, initialShowZeroDcmts: showZeroDcmts, customItemRender: customItemRender, allowMultipleSelection: allowMultipleSelection, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: onSelectedItemsChanged, maxDepthLevel: 1, invertMasterNavigation: false, showExpandAllButton: true, onNoRelationsFound: onNoRelationsFound, onItemContextMenu: onContextMenu, onLoadingStateChanged: onLoadingStateChanged, onStopCalculationReady: onStopCalculationReady, onCalculationStopped: onCalculationStopped, initialTreeState: initialTreeState, onTreeStateChange: onTreeStateChange }, refreshKey));
 };
+/**
+ * Una cartella raccoglie un risultato per ogni documento di partenza: quelli con lo stesso TID
+ * si uniscono, così la griglia mostra tutti i figli e non solo il primo risultato.
+ */
+const mergeSearchResultsByTID = (searchResults) => {
+    if (searchResults.length <= 1)
+        return searchResults;
+    // Si uniscono solo risultati con le stesse colonne della griglia: altrimenti le righe non sarebbero allineate
+    const groups = new Map();
+    for (const sr of searchResults) {
+        const groupKey = `${sr.fromTID}|${generateUniqueColumnKeys(sr.dtdResult?.columns, sr.fromTID).join(',')}`;
+        groups.set(groupKey, [...(groups.get(groupKey) ?? []), sr]);
+    }
+    return [...groups.values()].map(group => {
+        // mergeSearchResultsAppend mette in cima le righe del secondo argomento: da destra si mantiene l'ordine
+        const merged = group.reduceRight((acc, sr) => mergeSearchResultsAppend(acc, sr), undefined) ?? group[0];
+        if (group.length === 1 || !merged.dtdResult?.rows)
+            return merged;
+        // Lo stesso documento può comparire sotto più documenti di partenza: come nell'albero, una volta sola
+        const didIndex = merged.dtdResult.columns?.findIndex(col => col.caption?.toUpperCase() === 'DID') ?? -1;
+        if (didIndex < 0)
+            return merged;
+        const seenDIDs = new Set();
+        const rows = merged.dtdResult.rows.filter(row => {
+            if (seenDIDs.has(row[didIndex]))
+                return false;
+            seenDIDs.add(row[didIndex]);
+            return true;
+        });
+        if (rows.length === merged.dtdResult.rows.length)
+            return merged;
+        // Copia: merged può essere uno dei risultati originali dell'albero
+        const deduped = structuredClone(merged);
+        deduped.dtdResult.rows = rows;
+        deduped.dcmtsFound = deduped.dcmtsReturned = rows.length;
+        return deduped;
+    });
+};
 const TMFormOrResultWrapper = ({ refreshKey, deviceType, focusedItem, onTaskCreateRequest, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, onRefreshAfterAddDcmtToFavs, editPdfForm, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, onRefreshSearchAsyncDatagrid, onRefreshSearchResults, handleNavigateToReference, fetchRemoteCertificates }) => {
     const { setPanelVisibilityById } = useTMPanelManagerContext();
+    // Il back azzera la selezione di TMSearchResult: si rimonta, altrimenti la stessa cartella resterebbe vuota
+    const [searchResultMountKey, setSearchResultMountKey] = useState(0);
+    const handleSearchResultClose = useCallback(() => {
+        setPanelVisibilityById('tmTreeView', true);
+        setSearchResultMountKey(prev => prev + 1);
+    }, [setPanelVisibilityById]);
+    // Memo: TMSearchResult ricarica a ogni nuovo riferimento di searchResults
+    const searchResults = useMemo(() => mergeSearchResultsByTID(focusedItem?.searchResult ?? []), [focusedItem?.searchResult]);
     return (_jsx(_Fragment, { children: focusedItem?.isDcmt ?
             _jsx(TMDcmtForm, { groupId: 'tmFormOrResult', TID: focusedItem?.tid, DID: focusedItem.did, allowButtonsRefs: true, isClosable: deviceType !== DeviceType.MOBILE, allowNavigation: false, allowRelations: deviceType !== DeviceType.MOBILE, showDcmtFormSidebar: false, onClose: () => { setPanelVisibilityById('tmTreeView', true); }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onReferenceClick: handleNavigateToReference, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, focusedItem?.tid, focusedItem?.did), openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, datagridUtility: {
                     onRefreshSearchAsyncDatagrid,
                 }, fetchRemoteCertificates: fetchRemoteCertificates }, refreshKey) :
-            focusedItem?.searchResult === undefined ? (_jsx(TMPanel, { title: SDKUI_Localizator.SearchResult, children: _jsx(TMToppyMessage, { message: SDKUI_Localizator.SelectDocumentToViewSearchResults }) })) : (_jsx(TMSearchResult, { groupId: 'tmFormOrResult', isClosable: deviceType !== DeviceType.MOBILE, context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, allowRelations: false, openDcmtFormAsModal: true, searchResults: focusedItem?.searchResult ?? [], showSearchResultSidebar: false, showDcmtFormSidebar: false, autoFocusFirstRow: false, onTaskCreateRequest: onTaskCreateRequest, onClose: () => { setPanelVisibilityById('tmTreeView', true); }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, editPdfForm: editPdfForm, onOpenPdfEditorRequest: onOpenPdfEditorRequest, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, enablePinIcons: false, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, showBackButton: false, onRefreshSearchAsyncDatagrid: onRefreshSearchResults, onReferenceClick: handleNavigateToReference, fetchRemoteCertificates: fetchRemoteCertificates }, refreshKey)) }));
+            focusedItem?.searchResult === undefined ? (_jsx(TMPanel, { title: SDKUI_Localizator.SearchResult, 
+                // In mobile è l'unico pannello a video: senza back non si torna all'albero
+                onBack: deviceType === DeviceType.MOBILE ? () => setPanelVisibilityById('tmTreeView', true) : undefined, children: _jsx(TMToppyMessage, { message: SDKUI_Localizator.SelectDocumentToViewSearchResults }) })) : (_jsx(TMSearchResult, { groupId: 'tmFormOrResult', isClosable: deviceType !== DeviceType.MOBILE, context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, allowRelations: false, openDcmtFormAsModal: true, searchResults: searchResults, showSearchResultSidebar: false, showDcmtFormSidebar: false, autoFocusFirstRow: false, onTaskCreateRequest: onTaskCreateRequest, onClose: handleSearchResultClose, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, editPdfForm: editPdfForm, onOpenPdfEditorRequest: onOpenPdfEditorRequest, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, enablePinIcons: false, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsyncDatagrid: onRefreshSearchResults, onReferenceClick: handleNavigateToReference, fetchRemoteCertificates: fetchRemoteCertificates }, `${refreshKey}-${searchResultMountKey}`)) }));
 };

package/lib/components/features/documents/TMMasterInfoFields.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DcmtTypeDescriptor } from '@topconsultnpm/sdk-ts';
 import { DcmtInfo } from '../../../ts';
 interface TMMasterInfoFieldsProps {
@@ -15,5 +16,5 @@ interface TMMasterInfoFieldsProps {
      */
     isExpandedView?: boolean;
 }
-declare const TMMasterInfoFields: ({ dtd, dcmt, getValuesByMidAsync, reloadToken, isExpandedView }: TMMasterInfoFieldsProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMMasterInfoFields: ({ dtd, dcmt, getValuesByMidAsync, reloadToken, isExpandedView }: TMMasterInfoFieldsProps) => React.JSX.Element;
 export default TMMasterInfoFields;

package/lib/components/features/documents/TMMergeToPdfForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DcmtInfo } from '../../../ts';
 import { HomeBlogPost, TaskDescriptor } from '@topconsultnpm/sdk-ts';
 import { TMCopyToFolderMode } from '../../../hooks/useDocumentOperations';
@@ -19,5 +20,5 @@ interface ITMMergeToPdfFormProps {
  * Form per l'unione di più documenti PDF in un singolo file.
  * Condivide TMDownloadRelationViewerSection e gli helper in copyAndMergeDcmtsShared con TMCopyToFolderForm.
  */
-declare const TMMergeToPdfForm: (props: ITMMergeToPdfFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMMergeToPdfForm: (props: ITMMergeToPdfFormProps) => React.JSX.Element;
 export default TMMergeToPdfForm;

package/lib/components/features/documents/TMMultiMasterDetailDcmtsForm.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DcmtTypeDescriptor, HomeBlogPost, ObjectRef, TaskDescriptor } from "@topconsultnpm/sdk-ts";
 import { DcmtInfo, IGraphometricManagerProp, TaskContext } from "../../../ts";
 import { IntesiCertificateData } from "../../../helper";
@@ -41,5 +42,5 @@ interface TMMultiMasterDetailDcmtsFormProps {
     }>, tid?: number) => void;
     openWGsCopyMoveForm?: (mode: "copyToWgDraft" | "copyToWgArchivedDoc", dcmtTypeDescriptor: DcmtTypeDescriptor, documents: Array<DcmtInfo>) => void;
 }
-declare const TMMultiMasterDetailDcmtsForm: (props: TMMultiMasterDetailDcmtsFormProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const TMMultiMasterDetailDcmtsForm: (props: TMMultiMasterDetailDcmtsFormProps) => React.JSX.Element | null;
 export default TMMultiMasterDetailDcmtsForm;

package/lib/components/features/documents/TMMultiMasterDetailDcmtsUtils.d.ts

@@ -312,7 +312,7 @@ export interface RenderStepperParams {
     /** Click su uno step completato: riceve la fase di destinazione */
     onStepClick: (phase: number) => void;
 }
-export declare const renderStepper: ({ steps, phase, hasMultipleTypes, isBackLocked, showBackArrow, onBack, onStepClick }: RenderStepperParams) => import("react/jsx-runtime").JSX.Element;
+export declare const renderStepper: ({ steps, phase, hasMultipleTypes, isBackLocked, showBackArrow, onBack, onStepClick }: RenderStepperParams) => React.JSX.Element;
 export interface RenderSelectDcmtTypeParams {
     /** Relazioni di dettaglio fra cui scegliere */
     detailRelationItems: Array<DetailRelationItem>;
@@ -321,7 +321,7 @@ export interface RenderSelectDcmtTypeParams {
     /** Selezione di una relazione */
     onSelectRelation: (item: DetailRelationItem) => void;
 }
-export declare const renderSelectDcmtType: ({ detailRelationItems, selectedRelation, onSelectRelation }: RenderSelectDcmtTypeParams) => import("react/jsx-runtime").JSX.Element;
+export declare const renderSelectDcmtType: ({ detailRelationItems, selectedRelation, onSelectRelation }: RenderSelectDcmtTypeParams) => React.JSX.Element;
 export interface RenderAccordionHeaderParams {
     /** Sezione a cui appartiene la testata */
     section: AccordionSection;
@@ -340,7 +340,7 @@ export interface RenderAccordionHeaderParams {
     /** Apre/chiude la sezione */
     onToggleOpen: (section: AccordionSection, isOpen: boolean) => void;
 }
-export declare const renderAccordionHeader: ({ section, isOpen, tooltip, count, title, actions, panel, onToggleOpen }: RenderAccordionHeaderParams) => import("react/jsx-runtime").JSX.Element;
+export declare const renderAccordionHeader: ({ section, isOpen, tooltip, count, title, actions, panel, onToggleOpen }: RenderAccordionHeaderParams) => React.JSX.Element;
 /**
  * Contenuto di un pannello: il contesto del panel manager è leggibile solo dentro l'albero del
  * provider, quindi è qui che si prende lo stato di ingrandimento da passare alla sezione
@@ -349,7 +349,7 @@ export declare const TMSummarySectionSlot: ({ section, render, onBeforeMaximize
     section: AccordionSection;
     render: (panel: SectionPanelState) => React.ReactNode;
     onBeforeMaximize?: (section: AccordionSection) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 /**
  * Segnala che l'utente ha spostato un separatore: è l'unico caso in cui le altezze dei pannelli sono
  * una sua scelta, quindi la sola da salvare. Le quote calcolate all'apertura del riepilogo o al

package/lib/components/features/documents/TMRelationViewer.d.ts

@@ -50,8 +50,8 @@ export interface TMRelationViewerProps {
     focusedItem?: RelationTreeItem | null;
     /** Currently selected items (controlled) */
     selectedItems?: RelationTreeItem[];
-    /** Callback when focused item changes */
-    onFocusedItemChanged?: (item: RelationTreeItem | null) => void;
+    /** Callback when focused item changes. `isAutoFocus`: fuoco iniziale o ripristinato, non dell'utente */
+    onFocusedItemChanged?: (item: RelationTreeItem | null, isAutoFocus?: boolean) => void;
     /** Callback when selected items change */
     onSelectedItemsChanged?: (items: RelationTreeItem[]) => void;
     /** Callback fired when the internal tree data changes, providing a flattened list of all items currently rendered */

package/lib/components/features/documents/TMRelationViewer.js

@@ -940,9 +940,19 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
             return;
         // Il padre azzera il fuoco all'avvio di un refresh: si conserva l'ultimo noto
         const state = collectRelationTreeState(treeData, getInputKey(), focusedItem?.key, lastReportedStateRef.current?.focusedPath);
+        // Lo scroll non dipende dall'albero: si conserva l'ultimo
+        state.scrollTop = lastReportedStateRef.current?.scrollTop;
         lastReportedStateRef.current = state;
         onTreeStateChange(state);
     }, [treeData, focusedItem, getInputKey, onTreeStateChange]);
+    /** Notifica lo scroll della lista insieme allo stato dell'albero */
+    const handleScrollTopChanged = useCallback((scrollTop) => {
+        if (!onTreeStateChange || !lastReportedStateRef.current)
+            return;
+        const state = { ...lastReportedStateRef.current, scrollTop };
+        lastReportedStateRef.current = state;
+        onTreeStateChange(state);
+    }, [onTreeStateChange]);
     /**
      * Notify parent with a flattened list of all items whenever the merged tree data changes.
      */
@@ -1037,7 +1047,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
         if (focusPathToRestore) {
             const nodeToFocus = findRelationNodeByPath(treeData, focusPathToRestore);
             if (nodeToFocus) {
-                onFocusedItemChanged(nodeToFocus);
+                onFocusedItemChanged(nodeToFocus, true);
                 lastFocusedInputRef.current = currentInputKey;
                 return;
             }
@@ -1062,7 +1072,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
         const docNode = findFirstRootDocument(treeData);
         if (docNode) {
             // Set the focused item and mark this inputKey as focused
-            onFocusedItemChanged(docNode);
+            onFocusedItemChanged(docNode, true);
             lastFocusedInputRef.current = currentInputKey;
         }
     }, [treeData, loadedInputKey, showMainDocument, onFocusedItemChanged, inputDcmts, getInputKey]);
@@ -1698,7 +1708,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                                 whiteSpace: 'nowrap',
                                 outline: 'none',
                                 transition: 'background 0.2s'
-                            }, children: [_jsx(IconChevronRight, { fontSize: 14 }), _jsx("span", { children: SDKUI_Localizator.CollapseAll })] }) })] })), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: _jsx(TMTreeView, { dataSource: mergedTreeData, itemRender: finalItemRender, calculateItemsForNode: calculateItemsForNode, onDataChanged: handleDataChanged, focusedItem: focusedItem, onFocusedItemChanged: handleFocusedItemChanged, allowMultipleSelection: allowMultipleSelection, selectedItems: selectedItems, itemsPerPage: 100, onSelectionChanged: handleSelectedItemsChanged, onItemContextMenu: isExpansionLoading ? undefined : onItemContextMenu, enableVirtualization: true, shouldDelayFocusOnEvent: (node, e) => {
+                            }, children: [_jsx(IconChevronRight, { fontSize: 14 }), _jsx("span", { children: SDKUI_Localizator.CollapseAll })] }) })] })), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: _jsx(TMTreeView, { dataSource: mergedTreeData, itemRender: finalItemRender, calculateItemsForNode: calculateItemsForNode, onDataChanged: handleDataChanged, focusedItem: focusedItem, onFocusedItemChanged: handleFocusedItemChanged, allowMultipleSelection: allowMultipleSelection, selectedItems: selectedItems, itemsPerPage: 100, onSelectionChanged: handleSelectedItemsChanged, onItemContextMenu: isExpansionLoading ? undefined : onItemContextMenu, enableVirtualization: true, initialScrollTop: initialTreeState?.scrollTop, onScrollTopChanged: onTreeStateChange ? handleScrollTopChanged : undefined, shouldDelayFocusOnEvent: (node, e) => {
                         // Ritarda il focus quando si clicca sull'icona del documento
                         // per permettere al doppio click di funzionare
                         const target = e.target;

package/lib/components/features/documents/relationTreeState.d.ts

@@ -14,6 +14,8 @@ export interface RelationTreeState {
      */
     loadedPaths: string[];
     focusedPath?: string;
+    /** Posizione di scroll della lista */
+    scrollTop?: number;
 }
 /** Carica i figli di un documento durante il ripristino. */
 export type LoadChildrenFn = (node: RelationTreeItem) => Promise<RelationTreeItem[]>;

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

@@ -1,8 +1,9 @@
+import React from "react";
 import { DcmtInfo } from "../../../ts";
 interface TMDcmtCheckoutInfoFormProps {
     dtdName: string;
     selectedDcmtOrFocused: DcmtInfo;
     onClose: () => void;
 }
-declare const TMDcmtCheckoutInfoForm: (props: TMDcmtCheckoutInfoFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMDcmtCheckoutInfoForm: (props: TMDcmtCheckoutInfoFormProps) => React.JSX.Element;
 export default TMDcmtCheckoutInfoForm;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { MetadataDescriptor, QueryDescriptor, SelectItem } from "@topconsultnpm/sdk-ts";
 interface TMMetadataOutputFormProps {
     /** QueryDescriptor da cui estrarre i metadati disponibili */
@@ -13,5 +14,5 @@ interface TMMetadataOutputFormProps {
     /** Callback chiamata quando l'utente conferma la selezione dei SelectItem */
     onChoose?: (selectItems: SelectItem[] | undefined) => void;
 }
-declare const TMMetadataOutputForm: (props: TMMetadataOutputFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMMetadataOutputForm: (props: TMMetadataOutputFormProps) => React.JSX.Element;
 export default TMMetadataOutputForm;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { MetadataDescriptor, OrderByItem, QueryDescriptor } from "@topconsultnpm/sdk-ts";
 interface TMMetadataSorterFormProps {
     /** QueryDescriptor da cui estrarre i metadati disponibili */
@@ -13,5 +14,5 @@ interface TMMetadataSorterFormProps {
     /** Callback chiamata quando l'utente conferma la selezione degli OrderByItem */
     onChoose?: (orderByItems: OrderByItem[] | undefined) => void;
 }
-declare const TMMetadataSorterForm: (props: TMMetadataSorterFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMMetadataSorterForm: (props: TMMetadataSorterFormProps) => React.JSX.Element;
 export default TMMetadataSorterForm;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SavedQueryDescriptor } from '@topconsultnpm/sdk-ts';
-export declare const getTooltipBySqd: (sqd: SavedQueryDescriptor | undefined) => import("react/jsx-runtime").JSX.Element | null;
+export declare const getTooltipBySqd: (sqd: SavedQueryDescriptor | undefined) => React.JSX.Element | null;
 interface ITMSavedQuerySelectorProps {
     height?: string;
     items?: SavedQueryDescriptor[];
@@ -12,5 +12,5 @@ interface ITMSavedQuerySelectorProps {
     refreshFavoriteSavedQueries?: (sqd: SavedQueryDescriptor) => void;
     onRefreshData?: () => void;
 }
-declare const TMSavedQuerySelector: React.MemoExoticComponent<({ items, selectedId, allowShowSearch, height, manageDefault, onItemClick, onDeleted, refreshFavoriteSavedQueries, onRefreshData }: ITMSavedQuerySelectorProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TMSavedQuerySelector: React.MemoExoticComponent<({ items, selectedId, allowShowSearch, height, manageDefault, onItemClick, onDeleted, refreshFavoriteSavedQueries, onRefreshData }: ITMSavedQuerySelectorProps) => React.JSX.Element>;
 export default TMSavedQuerySelector;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SavedQueryDescriptor, DcmtTypeDescriptor, TaskDescriptor, ObjectRef, HomeBlogPost } from '@topconsultnpm/sdk-ts';
 import { IntesiCertificateData } from '../../../helper';
 import { DcmtInfo, IGraphometricManagerProp, TaskContext } from '../../../ts';
@@ -45,5 +46,5 @@ interface ITMSearchProps {
     fetchRemoteCertificates?: (email: string) => Promise<IntesiCertificateData[]>;
     graphometricManager?: IGraphometricManagerProp;
 }
-declare const TMSearch: (props: ITMSearchProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMSearch: (props: ITMSearchProps) => React.JSX.Element;
 export default TMSearch;

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

@@ -29,6 +29,12 @@ interface ITMSearchQueryPanelProps {
 declare const TMSearchQueryPanel: React.FunctionComponent<ITMSearchQueryPanelProps>;
 export default TMSearchQueryPanel;
 export declare const refreshLastSearch: (qd: QueryDescriptor | undefined) => Promise<SearchResultDescriptor[] | undefined>;
-export declare const StyledToppyTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledToppyText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
-export declare const StyledToppyImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
+export declare const StyledToppyTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledToppyText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledToppyImage: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

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

@@ -1,7 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
 import styled from 'styled-components';
-import { LoadIndicator } from 'devextreme-react';
 import { AppModules, DataColumnTypes, DataListViewModes, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, SDK_Globals, SystemMIDsAsNumber, UserListCacheService, } from '@topconsultnpm/sdk-ts';
 import { customizeSearchByDisplayText, deepCompare, formatDateTimeByMetadataFormat, formatNumberByMetadataFormat, generateUniqueColumnKeys, genUniqueId, getColumnFormatInfo, getDateDisplayText, getNumberDisplayText, getSearchToolbarVisibility, IconAll, IconBoard, IconDcmtTypeSys, IconDelete, IconDuplicate, IconEdit, IconMenuVertical, IconPlatform, IconRefresh, IconSearchCheck, IconShow, isApprovalWorkflowView, isSign4TopEnabled, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, getTraceShowFileMids, getTraceShowFileNotUpdatedMessage, getDcmtMetadataValuesAsync, SDKUI_Globals, SDKUI_Localizator, IconCloseOutline, getSearchResultPanelLayout, getSearchResultPanelLayoutSignature, hasSearchResultPanelLayout, saveSearchResultPanelLayout, subscribeSearchResultPanelLayout, VIRTUAL_RENDERING_THRESHOLD, VIRTUAL_RENDERING_CELL_THRESHOLD } from '../../../helper';
 import { CounterItemKey, formatCount } from '../../base/TMCounterContainer';
@@ -18,7 +17,7 @@ import TMDataGrid, { TMDataGridPageSize } from '../../base/TMDataGrid';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import TMLayoutContainer, { TMLayoutItem, TMSplitterLayout } from '../../base/TMLayout';
 import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from '../../base/TMPopUp';
-import TMSpinner from '../../base/TMSpinner';
+import TMSpinner, { SpinnerGraphic } from '../../base/TMSpinner';
 import { StyledMultiViewPanel } from '../../base/Styled';
 import TMMetadataValues from '../../editors/TMMetadataValues';
 import TMTidViewer from '../../viewers/TMTidViewer';
@@ -529,8 +528,8 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                 return;
             }
         }
-        // L'utente è sul selettore
-        if (isMobile && navStep !== 'results') {
+        // L'utente è sul selettore (solo layout a step: senza selettore si seleziona il primo)
+        if (isSteppedLayout && navStep !== 'results') {
             setSelectedSearchResult(undefined);
             return;
         }
@@ -1562,7 +1561,7 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
     const gridCounterConfig = showCounterConfig
         ? { ...counterConfig, show: true, items: counterConfig?.items ?? defaultCounterItems }
         : { show: false };
-    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, customizeColumns: customizeColumns, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: disableAutoFocus ? undefined : Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearchTMDatagrid, showFilterPanel: true, sorting: gridSorting, selection: gridSelection, scrolling: gridScrolling, pageSize: pageSize, compactPager: compactPager, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, showHeaderColumnChooser: true, onKeyDown: onKeyDown, customContextMenuItems: operationItems, counterConfig: gridCounterConfig })] });
+    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(SpinnerGraphic, {}), _jsx("div", { children: SDKUI_Localizator.Loading })] })), isDataGridReady && _jsx(TMDataGrid, { ref: dataGridRef, id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, customizeColumns: customizeColumns, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: disableAutoFocus ? undefined : Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearchTMDatagrid, showFilterPanel: true, sorting: gridSorting, selection: gridSelection, scrolling: gridScrolling, pageSize: pageSize, compactPager: compactPager, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, showHeaderColumnChooser: true, onKeyDown: onKeyDown, customContextMenuItems: operationItems, counterConfig: gridCounterConfig })] });
 };
 //#region TMSearchResultSelector
 const StyledItemTemplate = styled.div ` 

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

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