@topconsultnpm/sdkui-react 6.22.0-dev3.3 → 6.22.0-dev3.31

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

@@ -0,0 +1,32 @@
+import type { RelationTreeItem } from './TMRelationViewer';
+/**
+ * Conserva lo stato di un albero delle correlazioni (nodi espansi e fuoco) attraverso
+ * un refresh che ricarica i dati da zero. I nodi non sono confrontabili per `key`, che
+ * contiene un GUID rigenerato ad ogni caricamento: si usa un percorso costruito sui campi.
+ */
+export interface RelationTreeState {
+    /** Documenti di input a cui lo stato si riferisce: non va applicato ad altri */
+    inputKey: string;
+    expandedPaths: string[];
+    /**
+     * Documenti espansi che avevano già i figli caricati. Quelli espansi ma vuoti
+     * (es. il root) non vanno ricaricati: mostrerebbero più di quanto c'era prima.
+     */
+    loadedPaths: string[];
+    focusedPath?: string;
+}
+/** Carica i figli di un documento durante il ripristino. */
+export type LoadChildrenFn = (node: RelationTreeItem) => Promise<RelationTreeItem[]>;
+/**
+ * Fotografa lo stato dell'albero.
+ * `previousFocusedPath` viene usato quando il fuoco è già stato azzerato dall'esterno.
+ */
+export declare const collectRelationTreeState: (nodes: RelationTreeItem[], inputKey: string, focusedKey: string | undefined, previousFocusedPath?: string) => RelationTreeState;
+/**
+ * Riapplica lo stato all'albero appena caricato. I nodi che non compaiono nello stato,
+ * o che non esistono più (es. documento cancellato), restano chiusi: il confronto per
+ * percorso è tollerante per costruzione.
+ */
+export declare const applyRelationTreeState: (nodes: RelationTreeItem[], state: RelationTreeState, loadChildren: LoadChildrenFn, isAborted: () => boolean) => Promise<RelationTreeItem[]>;
+/** Cerca un nodo per percorso, per rimettere il fuoco dov'era. */
+export declare const findRelationNodeByPath: (nodes: RelationTreeItem[], path: string) => RelationTreeItem | null;

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

@@ -0,0 +1,89 @@
+/** I nodi generati (messaggi informativi, separatori) non hanno identità stabile. */
+const hasStableIdentity = (node) => !node.isInfoMessage && !node.isSeparator;
+const getNodeIdentity = (node) => node.isDcmt
+    ? `d:${node.tid ?? ''}:${node.did ?? ''}:${node.relationId ?? ''}`
+    : `c:${node.tid ?? ''}:${node.relationId ?? ''}:${node.name ?? ''}`;
+/** Il percorso include i padri: lo stesso documento può comparire sotto padri diversi. */
+const getNodePath = (node, parentPath) => {
+    const identity = getNodeIdentity(node);
+    return parentPath ? `${parentPath}>${identity}` : identity;
+};
+/**
+ * Fotografa lo stato dell'albero.
+ * `previousFocusedPath` viene usato quando il fuoco è già stato azzerato dall'esterno.
+ */
+export const collectRelationTreeState = (nodes, inputKey, focusedKey, previousFocusedPath) => {
+    const expandedPaths = [];
+    const loadedPaths = [];
+    let focusedPath;
+    const collect = (items, parentPath) => {
+        for (const node of items) {
+            if (!hasStableIdentity(node))
+                continue;
+            const path = getNodePath(node, parentPath);
+            if (node.expanded)
+                expandedPaths.push(path);
+            if (node.expanded && node.isDcmt && node.items)
+                loadedPaths.push(path);
+            // Entro la stessa istanza montata la key è univoca
+            if (focusedKey && node.key === focusedKey)
+                focusedPath = path;
+            if (node.items)
+                collect(node.items, path);
+        }
+    };
+    collect(nodes, '');
+    return { inputKey, expandedPaths, loadedPaths, focusedPath: focusedPath ?? previousFocusedPath };
+};
+/**
+ * Riapplica lo stato all'albero appena caricato. I nodi che non compaiono nello stato,
+ * o che non esistono più (es. documento cancellato), restano chiusi: il confronto per
+ * percorso è tollerante per costruzione.
+ */
+export const applyRelationTreeState = async (nodes, state, loadChildren, isAborted) => {
+    const expandedPaths = new Set(state.expandedPaths);
+    const loadedPaths = new Set(state.loadedPaths);
+    const apply = async (items, parentPath) => {
+        const result = [];
+        for (const node of items) {
+            if (!hasStableIdentity(node)) {
+                result.push(node);
+                continue;
+            }
+            const path = getNodePath(node, parentPath);
+            const wasExpanded = expandedPaths.has(path);
+            let children = node.items;
+            let isLoaded = node.isLoaded;
+            let itemsCount = node.itemsCount;
+            // I figli dei documenti sono lazy: vanno ricaricati se l'utente li aveva aperti
+            if (wasExpanded && node.isDcmt && !children && loadedPaths.has(path) && !isAborted()) {
+                children = await loadChildren(node);
+                isLoaded = true;
+                itemsCount = children.length;
+            }
+            const updatedItems = children ? await apply(children, path) : children;
+            result.push({ ...node, expanded: wasExpanded, items: updatedItems, isLoaded, itemsCount });
+        }
+        return result;
+    };
+    return await apply(nodes, '');
+};
+/** Cerca un nodo per percorso, per rimettere il fuoco dov'era. */
+export const findRelationNodeByPath = (nodes, path) => {
+    const find = (items, parentPath) => {
+        for (const node of items) {
+            if (!hasStableIdentity(node))
+                continue;
+            const currentPath = getNodePath(node, parentPath);
+            if (currentPath === path)
+                return node;
+            if (node.items) {
+                const found = find(node.items, currentPath);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    };
+    return find(nodes, '');
+};

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

@@ -46,5 +46,5 @@ interface ITMSearchProps {
     fetchRemoteCertificates?: (email: string) => Promise<IntesiCertificateData[]>;
     graphometricManager?: IGraphometricManagerProp;
 }
-declare const TMSearch: React.FunctionComponent<ITMSearchProps>;
+declare const TMSearch: (props: ITMSearchProps) => React.JSX.Element;
 export default TMSearch;

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

@@ -1,12 +1,12 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { SavedQueryCacheService, DcmtTypeListCacheService, SDK_Localizator, LayoutModes } from '@topconsultnpm/sdk-ts';
 import TMSavedQuerySelector from './TMSavedQuerySelector';
 import TMTreeSelector from './TMTreeSelector';
-import { TabPanel, Item } from 'devextreme-react/tab-panel';
 import TMSearchQueryPanel, { refreshLastSearch } from './TMSearchQueryPanel';
 import { getSysAllDcmtsSQD, SYS_ALL_DCMTS_SQD_ID, IconFilter, IconRecentlyViewed, IconSavedQuery, IconTree, mergeSearchResultsAppend, removeMruTid, SDKUI_Globals, SDKUI_Localizator, updateMruTids } from '../../../helper';
 import TMSearchResult from './TMSearchResult';
+import TMTabControl, { TMTabPanel, useTMTabs } from '../../base/TMTabControl';
 import TMRecentsManager from '../../grids/TMRecentsManager';
 import { SearchResultContext } from '../../../ts';
 import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
@@ -20,7 +20,7 @@ var TMSearchViews;
     TMSearchViews[TMSearchViews["Search"] = 0] = "Search";
     TMSearchViews[TMSearchViews["Result"] = 1] = "Result";
 })(TMSearchViews || (TMSearchViews = {}));
-const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, openInOffice, isVisible, inputTID, inputSqdID, inputMids, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, floatingActionConfig, onFileOpened, onRefreshAfterAddDcmtToFavs, onTaskCreateRequest, openWGsCopyMoveForm, editPdfForm = false, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, showTodoDcmtForm, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, passToArchiveCallback, onCurrentTIDChangedCallback, onlyShowSearchQueryPanel, onReferenceClick, refreshFavoriteSavedQueries, inputDID, formAutoOpen, fetchRemoteCertificates, graphometricManager }) => {
+const TMSearchInstance = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, openInOffice, isVisible, inputTID, inputSqdID, inputMids, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, floatingActionConfig, onFileOpened, onRefreshAfterAddDcmtToFavs, onTaskCreateRequest, openWGsCopyMoveForm, editPdfForm = false, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, showTodoDcmtForm, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, passToArchiveCallback, onCurrentTIDChangedCallback, onlyShowSearchQueryPanel, onReferenceClick, refreshFavoriteSavedQueries, inputDID, formAutoOpen, fetchRemoteCertificates, graphometricManager, onSelectedNameChanged }) => {
     const [allSQDs, setAllSQDs] = useState([]);
     const [filteredByTIDSQDs, setFilteredByTIDSQDs] = useState([]);
     const [currentSQD, setCurrentSQD] = useState();
@@ -34,6 +34,20 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
     const [lastQdSearched, setLastQdSearched] = useState();
     const [showSearchResults, setShowSearchResults] = useState(!onlyShowSearchQueryPanel);
     const [maxDcmtsToBeReturned, setMaxDcmtsToBeReturned] = useState(SDKUI_Globals.userSettings.searchSettings?.maxDcmtsToBeReturned ?? 1000);
+    // Il titolo del tab e' il nome del tipo documento dell'ultima scelta dell'utente, sia questa fatta
+    // dall'albero, dalle scorciatoie o da una ricerca rapida (di cui conta il tipo documento, non il nome).
+    // La callback sta in un ref cosi non entra nelle dipendenze di effetti e memo.
+    const selectedNameRef = useRef(onSelectedNameChanged);
+    selectedNameRef.current = onSelectedNameChanged;
+    // Il nome del tipo documento scelto arriva dal descrittore, che qui e' gia' in cache
+    const notifySelectedTIDAsync = useCallback(async (tid) => {
+        if (!tid || !selectedNameRef.current)
+            return;
+        const dtd = await DcmtTypeListCacheService.GetAsync(tid);
+        const name = dtd?.nameLoc ?? dtd?.name;
+        if (name)
+            selectedNameRef.current(name);
+    }, []);
     const deviceType = useDeviceType();
     useEffect(() => {
         if (onCurrentTIDChangedCallback) {
@@ -47,6 +61,7 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
     useEffect(() => {
         if (!inputTID)
             return;
+        notifySelectedTIDAsync(inputTID);
         setCurrentTID(inputTID);
         setCurrentSearchView(TMSearchViews.Search);
     }, [inputTID]);
@@ -54,6 +69,7 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
         const loadSqd = async () => {
             try {
                 const resultSqd = await SavedQueryCacheService.GetAsync(inputSqdID);
+                notifySelectedTIDAsync(resultSqd?.masterTID);
                 await setSQDAsync(resultSqd);
                 // Mostra la vista Search per visualizzare i filtri della SavedQuery caricata
                 setCurrentSearchView(TMSearchViews.Search);
@@ -141,12 +157,13 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             setCurrentMruTID(0);
     };
     const onSQDItemClick = useCallback(async (sqd, setSqdAsync) => {
+        notifySelectedTIDAsync(sqd.masterTID);
         // Forza ricaricamento completo se la query è già selezionata
         if (sqd.id === currentSQD?.id) {
             await setSqdAsync(undefined);
         }
         await setSqdAsync(sqd);
-    }, [currentSQD]);
+    }, [currentSQD, notifySelectedTIDAsync]);
     const onSQDDeleted = useCallback(async (sqd, sqdToBeSet, setSqdAsync) => {
         await loadDataSQDsAsync(true, sqd.masterTID);
         if (sqdToBeSet)
@@ -230,30 +247,35 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
     const isTabletOrMobile = deviceType === DeviceType.TABLET || deviceType === DeviceType.MOBILE;
     // --- JSX WRAPPERS ---
     const tmTreeSelectorElement = useMemo(() => _jsx(TMTreeSelectorWrapper, { isMobile: isTabletOrMobile, onSelectedTIDChanged: (tid) => {
+            notifySelectedTIDAsync(tid);
             setCurrentTID(tid);
             if (tid && mruTIDs.includes(tid))
                 setCurrentMruTID(tid);
             else
                 setCurrentMruTID(0);
-        } }), [isTabletOrMobile, mruTIDs]);
+        } }), [isTabletOrMobile, mruTIDs, notifySelectedTIDAsync]);
     const tmRecentsManagerElement = useMemo(() => _jsx(TMRecentsManagerWrapper, { mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => {
+            notifySelectedTIDAsync(tid);
             setCurrentMruTID(tid);
             setCurrentTID(tid);
         }, onDeletedTID: (tid) => {
             let newMruTIDS = removeMruTid(SDKUI_Globals.userSettings.searchSettings.mruTIDs, tid);
             SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
             setMruTIDs(newMruTIDS);
-        } }), [mruTIDs, currentMruTID, deviceType]);
+        } }), [mruTIDs, currentMruTID, deviceType, notifySelectedTIDAsync]);
     const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { isSearchViewOnScreen: currentSearchView === TMSearchViews.Search, passToArchiveCallback: passToArchiveCallback, isExpertMode: isExpertMode, showBackToResultButton: searchResult.length > 0, fromDTD: fromDTD, SQD: currentSQD, inputMids: inputMids, maxDcmtsToBeReturned: maxDcmtsToBeReturned, onBackToResult: () => { if (onlyShowSearchQueryPanel)
             setShowSearchResults(true); setCurrentSearchView(TMSearchViews.Result); }, onSearchCompleted: handleSearchCompleted, onRefreshRequested: refreshSearchQueryPanelAsync, onDcmtTypeReloaded: handleDcmtTypeReloaded, onSqdSaved: async (newSqd) => {
             await loadDataSQDsAsync(true, newSqd.masterTID);
             await setSQDAsync(newSqd);
         } }), [fromDTD, showSearchResults, setShowSearchResults, currentSQD, currentSearchView, isExpertMode, mruTIDs, searchResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned, handleSearchCompleted, refreshSearchQueryPanelAsync, handleDcmtTypeReloaded, onlyShowSearchQueryPanel]);
-    const tmSavedQuerySelectorElement = useMemo(() => _jsxs(TabPanel, { width: "100%", height: "100%", showNavButtons: true, repaintChangesOnly: true, selectedIndex: currentSQDMode, onSelectedIndexChange: (index) => setCurrentSQDMode(index), children: [(currentTID || currentSQD) ? _jsx(Item, { title: fromDTD?.nameLoc, children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: false, items: filteredByTIDSQDs, selectedId: currentSQD?.id, onRefreshData: () => { loadDataSQDsAsync(true); }, onItemClick: (sqd) => {
+    // I due tab delle ricerche rapide nell'ordine in cui compaiono: il primo c'e' solo con un tipo
+    // documento o una ricerca rapida correnti. currentSQDMode resta la posizione nell'elenco visibile.
+    const sqdTabIds = useMemo(() => (currentTID || currentSQD) ? ['byTID', 'all'] : ['all'], [currentTID, currentSQD]);
+    const tmSavedQuerySelectorElement = useMemo(() => _jsxs(TMTabControl, { variant: 'module', style: { height: '100%', width: '100%' }, contentStyle: { display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }, selectedId: sqdTabIds[currentSQDMode] ?? sqdTabIds[sqdTabIds.length - 1], onSelectedIdChange: (id) => setCurrentSQDMode(sqdTabIds.indexOf(id)), children: [_jsx(TMTabPanel, { id: 'byTID', label: fromDTD?.nameLoc, visible: !!(currentTID || currentSQD), children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: false, items: filteredByTIDSQDs, selectedId: currentSQD?.id, onRefreshData: () => { loadDataSQDsAsync(true); }, onItemClick: (sqd) => {
                         onSQDItemClick(sqd, setSQDAsync);
-                    }, onDeleted: (sqd) => onSQDDeleted(sqd, sqd.id == currentSQD?.id ? filteredByTIDSQDs.find(o => o.id == 1) : currentSQD, setSQDAsync), refreshFavoriteSavedQueries: refreshFavoriteSavedQueries }) }) : _jsx(_Fragment, {}), _jsx(Item, { title: SDKUI_Localizator.AllFemale, children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: true, items: allSQDs, manageDefault: false, onItemClick: (sqd) => {
+                    }, onDeleted: (sqd) => onSQDDeleted(sqd, sqd.id == currentSQD?.id ? filteredByTIDSQDs.find(o => o.id == 1) : currentSQD, setSQDAsync), refreshFavoriteSavedQueries: refreshFavoriteSavedQueries }) }), _jsx(TMTabPanel, { id: 'all', label: SDKUI_Localizator.AllFemale, children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: true, items: allSQDs, manageDefault: false, onItemClick: (sqd) => {
                         onSQDItemClick(sqd, setSQDAsync);
-                    }, onDeleted: (sqd) => onSQDDeleted(sqd, sqd.id == currentSQD?.id ? undefined : currentSQD, setSQDAsync), refreshFavoriteSavedQueries: refreshFavoriteSavedQueries }) })] }), [currentSQDMode, currentTID, currentSQD, fromDTD, filteredByTIDSQDs, allSQDs]);
+                    }, onDeleted: (sqd) => onSQDDeleted(sqd, sqd.id == currentSQD?.id ? undefined : currentSQD, setSQDAsync), refreshFavoriteSavedQueries: refreshFavoriteSavedQueries }) })] }), [currentSQDMode, sqdTabIds, currentTID, currentSQD, fromDTD, filteredByTIDSQDs, allSQDs]);
     // Returns the current panelLayout from user settings, falling back to an empty object if not present.
     const getPanelLayoutSetting = () => {
         return SDKUI_Globals.userSettings.searchSettings.panelLayout ?? {};
@@ -347,6 +369,43 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
                 : _jsx(StyledMultiViewPanel, { $isVisible: currentSearchView === TMSearchViews.Search, children: _jsx(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'TMRecentsManager', isPersistenceEnabled: !isMobile ? hasSavedLayout() : false, persistPanelStates: !isMobile ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: getPersistedPanelStates(), children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true, minPanelSizePx: !isMobile ? 250 : 150 }) }) }), showSearchResults && _jsx(TMSearchResult, { isVisible: isVisible && currentSearchView === TMSearchViews.Result, context: SearchResultContext.METADATA_SEARCH, searchResults: searchResult, floatingActionConfig: floatingActionConfig, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, openInOffice: openInOffice, onRefreshSearchAsyncDatagrid: onRefreshSearchAsyncDatagrid, onClose: () => { if (onlyShowSearchQueryPanel)
                     setShowSearchResults(false); setCurrentSearchView(TMSearchViews.Search); }, backCaption: onlyShowSearchQueryPanel ? SDKUI_Localizator.BackToSearch : undefined, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, editPdfForm: editPdfForm, onOpenPdfEditorRequest: onOpenPdfEditorRequest, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, openFileUploaderPdfEditor: openFileUploaderPdfEditor, passToArchiveCallback: passToArchiveCallback, onSelectedTIDChanged: onCurrentTIDChangedCallback, showTodoDcmtForm: showTodoDcmtForm, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal, onReferenceClick: onReferenceClick, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, inputDID: inputDID, formAutoOpen: formAutoOpen, fetchRemoteCertificates: fetchRemoteCertificates, graphometricManager: graphometricManager })] }));
 };
+const ENABLE_SEARCH_TABS = false;
+// Ogni tab e' un TMSearch completo e indipendente: TMTabControl li tiene tutti montati, cosi piu ricerche
+// restano vive insieme, ognuna con i suoi tipi documento, i suoi filtri e i suoi risultati.
+const TMSearch = (props) => {
+    const { isVisible, inputTID, inputSqdID, inputDID, onlyShowSearchQueryPanel, onCurrentTIDChangedCallback } = props;
+    const tabs = useTMTabs({ label: SDKUI_Localizator.Search });
+    // Tab attivo leggibile senza rilanciare l'effetto qui sotto a ogni cambio tab
+    const activeIdRef = useRef(tabs.activeId);
+    activeIdRef.current = tabs.activeId;
+    // Titoli correnti leggibili dalla callback senza rigenerarla a ogni rinomina
+    const itemsRef = useRef(tabs.items);
+    itemsRef.current = tabs.items;
+    // Il titolo del tab e' il nome appena selezionato; se un altro tab ha gia' quel titolo si numera
+    // tra parentesi a partire da 2: NomeTipoDocumento, NomeTipoDocumento (2), NomeTipoDocumento (3)...
+    const setTabTitle = useCallback((id, name) => {
+        const used = new Set(itemsRef.current.filter(t => t.id !== id).map(t => t.label));
+        let label = name;
+        for (let i = 2; used.has(label); i++)
+            label = `${name} (${i})`;
+        tabs.rename(id, label);
+    }, [tabs.rename]);
+    // Una richiesta dall'esterno (tipo documento, ricerca rapida, documento) riguarda il tab a video in
+    // quel momento: gli altri restano sulla ricerca che stanno svolgendo.
+    const [inputsTabId, setInputsTabId] = useState(tabs.activeId);
+    useEffect(() => { setInputsTabId(activeIdRef.current); }, [inputTID, inputSqdID, inputDID]);
+    // Nella modalita a solo pannello di ricerca (es. abbinamento molti a molti) i tab non servono,
+    // cosi come non servono finche' i tab non vengono rilasciati
+    if (!ENABLE_SEARCH_TABS || onlyShowSearchQueryPanel)
+        return _jsx(TMSearchInstance, { ...props });
+    return (_jsx(TMTabControl, { ...tabs.controlProps, contentAnimation: 'none', onTabRename: undefined, variant: 'module', style: { height: '100%', width: '100%' }, contentStyle: { display: 'flex', flex: 1, minHeight: 0, position: 'relative' }, children: tabs.items.map(t => {
+            const isActiveTab = t.id === tabs.activeId;
+            const hasInputs = t.id === inputsTabId;
+            return (_jsx(TMTabPanel, { id: t.id, label: t.label, children: _jsx(TMSearchInstance, { ...props, isVisible: isVisible && isActiveTab, inputTID: hasInputs ? inputTID : undefined, inputSqdID: hasInputs ? inputSqdID : undefined, inputDID: hasInputs ? inputDID : undefined, 
+                    // Il tipo documento corrente lo comunica solo il tab a video
+                    onCurrentTIDChangedCallback: isActiveTab ? onCurrentTIDChangedCallback : undefined, onSelectedNameChanged: (name) => setTabTitle(t.id, name) }) }, t.id));
+        }) }));
+};
 export default TMSearch;
 const TMTreeSelectorWrapper = ({ isMobile, onSelectedTIDChanged }) => {
     const { setPanelVisibilityById, toggleMaximize, countVisibleLeafPanels } = useTMPanelManagerContext();

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.d.ts

@@ -23,6 +23,11 @@ interface ITMSearchResultProps {
     openDcmtFormAsModal?: boolean;
     showSearchResultSidebar?: boolean;
     showDcmtFormSidebar?: boolean;
+    /** Mostra accanto alla griglia il selettore dei tipi documento trovati:
+     * su desktop sono affiancati (30/70),
+     * su mobile si naviga a step tra selettore e risultati.
+     * Se il risultato ha un solo tipo documento il selettore resta chiuso
+     * e lo spazio va tutto alla griglia, riapribile dal menu "Altro" */
     showSelector?: boolean;
     showToolbarHeader?: boolean;
     showBackButton?: boolean;

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

@@ -16,11 +16,10 @@ import TMAccordionNew from '../../base/TMAccordionNew';
 import TMButton from '../../base/TMButton';
 import TMDataGrid, { TMDataGridPageSize } from '../../base/TMDataGrid';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
-import { TMLayoutItem, TMSplitterLayout } from '../../base/TMLayout';
+import TMLayoutContainer, { 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 { useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
@@ -34,7 +33,6 @@ import TMDcmtPreview from '../documents/TMDcmtPreview';
 import { WorkFlowOperationButtons } from '../workflow/TMWorkflowPopup';
 // Local
 import TMSearchResultFloatingActionButton from './TMSearchResultFloatingActionButton';
-let abortControllerLocal = new AbortController();
 //#region Helper Methods
 export const getSearchResultCountersSingleCategory = (searchResults) => {
     // let totDcmtTypes = searchResults.length;
@@ -362,6 +360,7 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
             allowRelations,
             showTodoDcmtForm,
             graphometricManager,
+            showSelector,
         },
         tasks: {
             allTasks: allTasks,
@@ -396,7 +395,7 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
             openTaskFormHandler,
         },
     });
-    const { isOpenDcmtForm, isDcmtFormModal, openFormHandler, dcmtFormLayoutMode, onDcmtFormOpenChange, showSearchTMDatagrid, showDcmtTypesSelection, showExportForm, updateBatchUpdateForm, closeDcmtFormHandler, 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 { isOpenDcmtForm, isDcmtFormModal, openFormHandler, dcmtFormLayoutMode, onDcmtFormOpenChange, showSearchTMDatagrid, showDcmtTypesSelection, showExportForm, updateBatchUpdateForm, closeDcmtFormHandler, handleSignApprove, dcmtOperations: { downloadDcmtsAsync, runOperationAsync, }, relatedDocumentsInfo: { isOpenDetails, isOpenMaster, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, }, toppyOperations: { showApprovePopup, showRejectPopup, showReAssignPopup, showMoreInfoPopup, updateShowApprovePopup, updateShowRejectPopup, updateShowReAssignPopup, updateShowMoreInfoPopup } } = features;
     // ----- Azioni della colonna di riga (showActionsColumn) -----------------------------------------
     // Le voci di operationItems agiscono sui documenti selezionati o, in mancanza, su quello a fuoco:
     // non accettano una riga come argomento. Il click sull'icona quindi azzera la selezione e porta il
@@ -621,11 +620,11 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
     }, [currentMetadataValues]);
     const getTitleHeader = () => {
         let counters = (showSelector && disableAccordionIfSingleCategory && searchResults.length > 1) ? getSearchResultCountersSingleCategory(searchResults) : "";
-        if (title)
-            return title + counters;
         // Nome del tipo documento selezionato, accodato al titolo
         const selectedDcmtTypeName = selectedSearchResult?.fromName ?? (searchResults?.length === 1 ? searchResults[0]?.fromName : undefined);
         const withSelectedDcmtTypeName = (baseTitle) => selectedDcmtTypeName ? `${baseTitle} - ${selectedDcmtTypeName}` : baseTitle;
+        if (title)
+            return withSelectedDcmtTypeName(title) + counters;
         let titleHeader = withSelectedDcmtTypeName('Ricerca per metadati');
         switch (context) {
             case SearchResultContext.MASTER_DETAIL:
@@ -770,7 +769,7 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
     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 && !isSteppedLayout && !isSelectorCollapsed, start: splitterSizes, children: [showSelector ?
+            _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: isSteppedLayout ? 'hidden' : 'visible', separatorSize: Gutters.getGutters(), separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && !isSteppedLayout && !isSelectorCollapsed, start: splitterSizes, children: [showSelector ?
                                                 _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, disableAccordionIfSingleCategory: disableAccordionIfSingleCategory, selectedTID: selectedSearchResultTID, selectedSearchResult: selectedSearchResult, autoSelectFirst: !isMobile || hasSingleDcmtType, onSelectionChanged: onSearchResultSelectionChanged }) })
                                                 :
                                                     _jsx(_Fragment, {}), _jsx(TMLayoutItem, { children: _jsx(TMSearchResultGrid, { openInOffice: openInOffice, fromDTD: fromDTD, operationItems: operationItems, allUsers: allUsers, inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, showExportForm: showExportForm, onFocusedItemChanged: handleFocusedItemChangedFromGrid, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync({ inputDcmts, downloadType, downloadMode, onFileDownloaded: 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, disableAutoFocus: autoFocusFirstRow === false && isFirstAutoFocusRef.current, dcmtsReturned: dcmtsReturned, dcmtsFound: dcmtsFound, showCounterConfig: showCounterConfig, counterConfig: counterConfig, showActionsColumn: showActionsColumn, compactPager: compactPager, onRowActionRequest: requestRowAction }) })] }), 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: () => {
@@ -986,10 +985,10 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                     gap: Gutters.getGutters(),
                     width: '100%',
                     height: '100%',
-                }, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: (groupId && groupId.length > 0) ? panelManagerContent
-                            // Senza le prop di persistenza il provider si comporta come quello base:
-                            // i contesti che non ricordano il layout restano come prima
-                            : _jsx(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', isPersistenceEnabled: isLayoutPersisted && hasSearchResultPanelLayout(), persistPanelStates: isLayoutPersisted ? (state) => saveSearchResultPanelLayout(state, disabledLayoutPanelIds) : undefined, persistedPanelStates: isLayoutPersisted ? getSearchResultPanelLayout() : undefined, children: panelManagerContent }) }) }) }), renderDcmtOperations] }));
+                }, children: _jsx(TMLayoutContainer, { direction: 'vertical', children: (groupId && groupId.length > 0) ? panelManagerContent
+                        // Senza le prop di persistenza il provider si comporta come quello base:
+                        // i contesti che non ricordano il layout restano come prima
+                        : _jsx(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', isPersistenceEnabled: isLayoutPersisted && hasSearchResultPanelLayout(), persistPanelStates: isLayoutPersisted ? (state) => saveSearchResultPanelLayout(state, disabledLayoutPanelIds) : undefined, persistedPanelStates: isLayoutPersisted ? getSearchResultPanelLayout() : undefined, children: panelManagerContent }) }) }), renderDcmtOperations] }));
 };
 export default TMSearchResult;
 /** Cerca una voce di operazione per id, anche dentro i sottomenu */
@@ -1392,6 +1391,14 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
         let newDataSource = searchResultDescriptorToSimpleArray(searchResult);
         setDataSource(newDataSource);
     }, [lastUpdateSearchTime]);
+    const gridSorting = useMemo(() => ({ mode: 'multiple' }), []);
+    const gridSelection = useMemo(() => ({ mode: allowMultipleSelection ? 'multiple' : 'single' }), [allowMultipleSelection]);
+    const useNativeScrollbar = SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar === 1;
+    const gridScrolling = useMemo(() => ({
+        columnRenderingMode: 'virtual',
+        rowRenderingMode: 'standard',
+        useNative: useNativeScrollbar
+    }), [useNativeScrollbar]);
     // Handles selection change in the data grid
     const handleSelectionChange = useCallback((e) => {
         if (onSelectionChanged === undefined)
@@ -1506,7 +1513,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: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, 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(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 })] });
 };
 //#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;

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

@@ -1,8 +1,9 @@
+import React from "react";
 import { DcmtInfo, IGraphometricManagerProp } from "../../../ts";
 interface TMSignatureInfoContentProps {
     inputDcmt: DcmtInfo;
     graphometricManager?: IGraphometricManagerProp;
     onClose?: () => void;
 }
-declare const TMSignatureInfoContent: (props: TMSignatureInfoContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMSignatureInfoContent: (props: TMSignatureInfoContentProps) => React.JSX.Element;
 export default TMSignatureInfoContent;