@topconsultnpm/sdkui-react 6.20.0-dev2.1 → 6.20.0-dev2.3

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, FileFormats } from '@topconsultnpm/sdk-ts';
-import { extensionHandler, sleep, getExceptionMessage, formatBytes, IconMenuVertical, IconCloseCircle, IconClear, IconCloseOutline, IconPreview, SDKUI_Globals, IconZoomOutLinear, IconZoomInLinear, IconPrintOutline, SDKUI_Localizator, IconRefresh, IconCache } from '../../../helper';
+import { RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, FileFormats, SDK_Globals } from '@topconsultnpm/sdk-ts';
+import { extensionHandler, sleep, getExceptionMessage, formatBytes, IconMenuVertical, IconCloseCircle, IconClear, IconCloseOutline, IconPreview, SDKUI_Globals, IconZoomOutLinear, IconZoomInLinear, IconPrintOutline, SDKUI_Localizator, IconRefresh, IconCache, dcmtsFileCachePreview, CACHE_SIZE_LIMIT } from '../../../helper';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { FileExtensionHandler, FormModes } from '../../../ts';
 import { TMColors } from '../../../utils/theme';
@@ -29,7 +29,15 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
     const [error, setError] = useState('');
     const [isAbortError, setIsAbortError] = useState(false);
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, getDcmtFileAsync, clearDcmtsFileCache, removeDcmtsFileCache, isDcmtFileInCache } = useDcmtOperations();
-    const cacheKey = dcmtData ? `${dcmtData.tid}-${dcmtData.did}` : '00';
+    const isBasketMode = !!(dcmtData?.btid !== undefined && dcmtData?.bid !== undefined && dcmtData?.bfid !== undefined);
+    const getCacheKey = () => {
+        if (!dcmtData)
+            return '00';
+        if (isBasketMode)
+            return `basket-${dcmtData.btid}-${dcmtData.bid}-${dcmtData.bfid}`;
+        return `${dcmtData.tid}-${dcmtData.did}`;
+    };
+    const cacheKey = getCacheKey();
     const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false);
     const [lastLoadedDid, setLastLoadedDid] = useState(undefined);
     useEffect(() => {
@@ -41,10 +49,10 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             setShowPreview(false);
             return;
         }
-        const currentCacheKey = `${dcmtData.tid}-${dcmtData.did}`;
+        const currentCacheKey = isBasketMode ? `basket-${dcmtData.btid}-${dcmtData.bid}-${dcmtData.bfid}` : `${dcmtData.tid}-${dcmtData.did}`;
         const shouldFetch = isVisible && (!hasLoadedDataOnce || currentCacheKey !== lastLoadedDid);
         if (isDcmtFileInCache(currentCacheKey)) {
-            loadDocumentWithCache();
+            isBasketMode ? loadBasketFile() : loadDocumentWithCache();
             setShowPreview(true);
             return;
         }
@@ -52,7 +60,11 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             setDcmtBlob(undefined);
             setError('');
             setIsAbortError(false);
-            if ((extensionHandler(dcmtData.fileExt) !== FileExtensionHandler.NONE) && ((dcmtData.fileSize ?? 0) <= (SDKUI_Globals.userSettings.searchSettings.previewThreshold * 1024))) {
+            if (isBasketMode) {
+                loadBasketFile();
+                setShowPreview(true);
+            }
+            else if ((extensionHandler(dcmtData.fileExt) !== FileExtensionHandler.NONE) && ((dcmtData.fileSize ?? 0) <= (SDKUI_Globals.userSettings.searchSettings.previewThreshold * 1024))) {
                 loadDocumentWithCache();
                 setShowPreview(true);
             }
@@ -63,6 +75,46 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             setLastLoadedDid(currentCacheKey);
         }
     }, [dcmtData?.did, isVisible, hasLoadedDataOnce, lastLoadedDid]);
+    const loadBasketFile = async () => {
+        try {
+            // Check cache first
+            if (dcmtsFileCachePreview.has(cacheKey)) {
+                setDcmtBlob(dcmtsFileCachePreview.get(cacheKey));
+                setIsFromCache(true);
+                setError('');
+                setIsAbortError(false);
+                return;
+            }
+            await sleep(300);
+            const basketEngine = SDK_Globals.tmSession?.NewBasketEngine();
+            const file = await basketEngine?.RetrieveFileAsync(dcmtData?.btid, dcmtData?.bid, dcmtData?.bfid, abortController.signal);
+            // Store in cache
+            if (file) {
+                if (dcmtsFileCachePreview.size >= CACHE_SIZE_LIMIT) {
+                    const oldestKey = dcmtsFileCachePreview.keys().next().value;
+                    dcmtsFileCachePreview.delete(oldestKey);
+                }
+                dcmtsFileCachePreview.set(cacheKey, file);
+            }
+            setDcmtBlob(file);
+            setIsFromCache(false);
+            setError('');
+            setIsAbortError(false);
+        }
+        catch (ex) {
+            const err = ex;
+            if (err.name === 'CanceledError') {
+                setError('Operazione annullata.');
+                setIsAbortError(true);
+                ShowAlert({ message: err.message, mode: 'warning', duration: 3000, title: 'Abort' });
+            }
+            else {
+                setError(getExceptionMessage(ex));
+                setIsAbortError(false);
+                TMExceptionBoxManager.show({ exception: ex });
+            }
+        }
+    };
     const loadDocumentWithCache = async () => {
         const rfo = new RetrieveFileOptions();
         rfo.retrieveReason = DcmtOpers.None;
@@ -94,7 +146,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
     };
     const titleHandler = () => {
         let title = 'Anteprima ';
-        if (!dcmtData?.did)
+        if (!dcmtData?.did && !isBasketMode)
             return title;
         let extensionInfo;
         if (dcmtData.fileExt !== null) {
@@ -120,7 +172,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
         setIsAbortError(false);
         setDcmtBlob(undefined);
         try {
-            await loadDocumentWithCache();
+            isBasketMode ? await loadBasketFile() : await loadDocumentWithCache();
         }
         catch (error) {
             console.error('Error reopening document:', error);
@@ -132,7 +184,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
     ], [cacheKey, removeDcmtsFileCache, clearDcmtsFileCache, setIsFromCache]);
     return (_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(TMPanel, { padding: '0', title: titleHandler(), onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [onPrev && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), onNext && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(StyledHeaderIcon, { "$color": TMColors.primaryColor, children: _jsx(ContextMenu, { items: cacheMenuItems, trigger: "left", children: _jsx(IconMenuVertical, {}) }) }), _jsx(StyledHeaderIcon, { onClick: reOpenDcmt, "$color": TMColors.primaryColor, children: _jsx(TMTooltip, { content: SDKUI_Localizator.ReopenDocument, children: _jsx(IconRefresh, {}) }) })] }), children: error
                 ? _jsx(ErrorContent, { error: error, isAbortError: isAbortError, onRetry: reOpenDcmt })
-                : renderedPreview(dcmtData?.tid, dcmtData?.did, dcmtData?.fileExt, dcmtData?.fileSize, dcmtData?.fileCount, extensionHandler(dcmtData?.fileExt), showPreview, isResizingActive, () => { loadDocumentWithCache(); setShowPreview(true); }, dcmtBlob) }) }));
+                : renderedPreview(dcmtData?.tid, dcmtData?.did, dcmtData?.fileExt, dcmtData?.fileSize, dcmtData?.fileCount, extensionHandler(dcmtData?.fileExt), showPreview, isResizingActive, () => { isBasketMode ? loadBasketFile() : loadDocumentWithCache(); setShowPreview(true); }, dcmtBlob, isBasketMode) }) }));
 };
 export default TMDcmtPreview;
 export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
@@ -382,13 +434,13 @@ const ImageViewer = ({ fileBlob, alt = 'Image', className }) => {
 export const TMNothingToShow = ({ text = '', secondText, fileExt, icon = _jsx(IconPreview, { fontSize: 96 }) }) => {
     return (_jsx(StyledAnimatedComponentOpacity, { style: { width: '100%', height: '100%' }, children: _jsxs(StyledPanelStatusContainer, { children: [icon, _jsxs(StyledPreviewNotAvailable, { children: [text && _jsx("div", { children: text }), _jsxs("div", { children: [" ", secondText ?? SDKUI_Localizator.PreviewNotAvailable, fileExt && _jsx("b", { children: ` (*.${fileExt})` })] })] })] }) }));
 };
-const renderedPreview = (tid, did, fileExt, fileSize, fileCount, extHandler, showPreview, isResizingActive, onDownloadShowPreviewClick, dcmtBlob) => {
-    if (!did)
+const renderedPreview = (tid, did, fileExt, fileSize, fileCount, extHandler, showPreview, isResizingActive, onDownloadShowPreviewClick, dcmtBlob, isBasketMode) => {
+    if (!isBasketMode && !did)
         return _jsx(TMNothingToShow, { text: `${SDKUI_Localizator.NoDcmtSelected}.` });
-    if (fileCount == 0) {
+    if (!isBasketMode && fileCount == 0) {
         return _jsx(TMNothingToShow, { text: SDKUI_Localizator.MetadataOnlyDocument });
     }
-    if (fileExt && extHandler === FileExtensionHandler.NONE) {
+    if (!isBasketMode && fileExt && extHandler === FileExtensionHandler.NONE) {
         return _jsx(TMNothingToShow, { fileExt: fileExt });
     }
     if (showPreview) {

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

@@ -3,7 +3,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, DcmtTypeListCacheService, SystemMIDsAsNumber, RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, AccessLevelsEx, LayoutCacheService, UserListCacheService } from '@topconsultnpm/sdk-ts';
 import styled from 'styled-components';
 import { getAllFieldSelectedDcmtsOrFocused, getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
-import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, deepCompare, generateUniqueColumnKeys, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMImageLibrary, convertSearchResultDescriptorToFileItems, IconCustom, isApprovalWorkflowView, SDKUI_Globals, getMoreInfoTasksForDocument, IconInfo, IconCache } from '../../../helper';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, deepCompare, generateUniqueColumnKeys, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMImageLibrary, convertSearchResultDescriptorToFileItems, IconCustom, isApprovalWorkflowView, SDKUI_Globals, getMoreInfoTasksForDocument, IconInfo, IconCache, IconPlatform } from '../../../helper';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
 import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
@@ -101,6 +101,7 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
     const [indexingInfoCache, setIndexingInfoCache] = useState(new Map());
     const [showIndexingInfo, setShowIndexingInfo] = useState(false);
     const [loadingIndexingInfo, setLoadingIndexingInfo] = useState(false);
+    const [openedDrawerItems, setOpenedDrawerItems] = useState(new Set());
     const floatingBarContainerRef = useRef(null);
     const [confirmFormat, ConfirmFormatDialog] = useInputCvtFormatDialog();
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
@@ -736,23 +737,49 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
     const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: focusedItem?.TID, did: focusedItem?.DID, fetchBlogDataTrigger: refreshBlogTrigger, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [focusedItem, allTasks, refreshBlogTrigger, handleNavigateToWGs, handleNavigateToDossiers]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: LayoutModes.Update, openChooserBySingleClick: true, TID: focusedItem?.TID, isReadOnly: true, deviceType: deviceType, metadataValues: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] }), [focusedItem, currentMetadataValues, deviceType]);
     const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { currentDcmt: currentDcmt }, refreshPreviewTrigger), [currentDcmt, refreshPreviewTrigger]);
+    useEffect(() => {
+        if (!focusedItem)
+            return;
+        const cacheKey = `${focusedItem.TID}-${focusedItem.DID}`;
+        setShowIndexingInfo(openedDrawerItems.has(cacheKey));
+    }, [focusedItem, openedDrawerItems]);
     const handleToggleIndexingInfo = async () => {
         if (!focusedItem)
             return;
+        const cacheKey = `${focusedItem.TID}-${focusedItem.DID}`;
         if (showIndexingInfo) {
+            setOpenedDrawerItems(prev => {
+                const newSet = new Set(prev);
+                newSet.delete(cacheKey);
+                return newSet;
+            });
             setShowIndexingInfo(false);
             return;
         }
-        const cacheKey = `${focusedItem.TID}-${focusedItem.DID}`;
-        if (indexingInfoCache.has(cacheKey)) {
-            setShowIndexingInfo(true);
-            return;
+        setOpenedDrawerItems(prev => new Set(prev).add(cacheKey));
+        setShowIndexingInfo(true);
+        if (!indexingInfoCache.has(cacheKey)) {
+            try {
+                setLoadingIndexingInfo(true);
+                const msg = await SDK_Globals.tmSession?.NewSearchEngine().FreeSearchGetDcmtInfoAsync(focusedItem.TID, focusedItem.DID);
+                setIndexingInfoCache(prev => new Map(prev).set(cacheKey, msg ?? ''));
+            }
+            catch (e) {
+                TMExceptionBoxManager.show({ exception: e });
+            }
+            finally {
+                setLoadingIndexingInfo(false);
+            }
         }
+    };
+    const handleRefreshIndexingInfo = async () => {
+        if (!focusedItem)
+            return;
+        const cacheKey = `${focusedItem.TID}-${focusedItem.DID}`;
         try {
             setLoadingIndexingInfo(true);
             const msg = await SDK_Globals.tmSession?.NewSearchEngine().FreeSearchGetDcmtInfoAsync(focusedItem.TID, focusedItem.DID);
             setIndexingInfoCache(prev => new Map(prev).set(cacheKey, msg ?? ''));
-            setShowIndexingInfo(true);
         }
         catch (e) {
             TMExceptionBoxManager.show({ exception: e });
@@ -780,21 +807,21 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
         }
         const cacheKey = `${focusedItem.TID}-${focusedItem.DID}`;
         const cachedInfo = indexingInfoCache.get(cacheKey);
-        return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', overflow: 'hidden' }, children: [_jsx("div", { style: { padding: '10px', overflow: 'auto', flex: 1 }, children: _jsx("div", { dangerouslySetInnerHTML: { __html: ftExplanation } }) }), _jsxs(StyledIndexingInfoSection, { children: [_jsxs(StyledIndexingToggle, { onClick: handleToggleIndexingInfo, disabled: loadingIndexingInfo, children: [_jsxs(StyledLeftContent, { children: [_jsx(IconInfo, {}), _jsx("span", { children: showIndexingInfo ? 'Nascondi info' : SDKUI_Localizator.IndexingInformation })] }), _jsxs(StyledRightContent, { children: [cachedInfo && (_jsx(TMTooltip, { content: "Da cache", children: _jsx(StyledCachedIcon, { children: _jsx(IconCache, {}) }) })), _jsx(StyledChevron, { "$isOpen": showIndexingInfo, children: "\u25BC" })] })] }), loadingIndexingInfo && (_jsxs("div", { style: { marginTop: '10px', color: '#666' }, children: [SDKUI_Localizator.Loading, "..."] })), showIndexingInfo && cachedInfo && !loadingIndexingInfo && (_jsx(StyledIndexingInfoBox, { children: _jsx("div", { dangerouslySetInnerHTML: { __html: cachedInfo } }) }))] })] }));
+        return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', overflow: 'hidden', width: '100%' }, children: [_jsx("div", { style: { padding: '10px', overflow: 'auto', flex: 1 }, children: _jsx("div", { dangerouslySetInnerHTML: { __html: ftExplanation } }) }), _jsxs(StyledIndexingInfoSection, { children: [_jsxs(StyledIndexingToggle, { onClick: handleToggleIndexingInfo, disabled: loadingIndexingInfo, children: [_jsxs(StyledLeftContent, { children: [_jsx(IconInfo, {}), _jsx("span", { children: showIndexingInfo ? 'Nascondi' : SDKUI_Localizator.IndexingInformation })] }), _jsxs(StyledRightContent, { children: [cachedInfo && (_jsxs(_Fragment, { children: [_jsx(TMTooltip, { content: "Aggiorna", children: _jsx(StyledRefreshIcon, { onClick: (e) => { e.stopPropagation(); handleRefreshIndexingInfo(); }, children: _jsx(IconRefresh, {}) }) }), _jsx(TMTooltip, { content: "Da cache", children: _jsx(StyledCachedIcon, { children: _jsx(IconCache, {}) }) })] })), _jsx(StyledChevron, { "$isOpen": showIndexingInfo, children: "\u25BC" })] })] }), loadingIndexingInfo && !cachedInfo && (_jsxs("div", { style: { marginTop: '10px', color: '#666' }, children: [SDKUI_Localizator.Loading, "..."] })), showIndexingInfo && cachedInfo && (_jsxs(StyledIndexingInfoBox, { children: [_jsx("div", { dangerouslySetInnerHTML: { __html: cachedInfo } }), loadingIndexingInfo && (_jsxs("div", { style: { position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', background: 'rgba(255, 255, 255, 0.9)', padding: '10px', borderRadius: '4px', boxShadow: '0 2px 8px rgba(0,0,0,0.15)' }, children: [SDKUI_Localizator.Loading, "..."] }))] }))] })] }));
     }, [selectedSearchResult, focusedItem, indexingInfoCache, showIndexingInfo, loadingIndexingInfo]);
     const allInitialPanelVisibility = {
         'tmSearchResult': true,
         'tmBlog': false,
         'tmSysMetadata': false,
         'tmDcmtPreview': false,
-        // 'tmFullTextSearch': false,
+        'tmFullTextSearch': false,
     };
     const initialPanelDimensions = {
         'tmSearchResult': { width: '25%', height: '100%' },
         'tmBlog': { width: '25%', height: '100%' },
         'tmSysMetadata': { width: '25%', height: '100%' },
         'tmDcmtPreview': { width: '25%', height: '100%' },
-        // 'tmFullTextSearch': { width: '25%', height: '100%' },
+        'tmFullTextSearch': { width: '25%', height: '100%' },
     };
     const initialPanels = useMemo(() => [
         {
@@ -833,14 +860,14 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
             contentOptions: { component: tmDcmtPreview },
             toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
         },
-        // ...(context === SearchResultContext.FREE_SEARCH ? [
-        //     {
-        //         id: 'tmFullTextSearch',
-        //         name: 'Ricerca FullText',
-        //         contentOptions: { component: tmFullTextSearch, panelContainer: { title: 'Ricerca FullText', allowMaximize: !isMobile } },
-        //         toolbarOptions: { icon: <IconMenuFullTextSearch fontSize={24} />, visible: true, orderNumber: 5, isActive: allInitialPanelVisibility['tmFullTextSearch'] }
-        //     }
-        // ] : [])
+        ...(context === SearchResultContext.FREE_SEARCH ? [
+            {
+                id: 'tmFullTextSearch',
+                name: SDKUI_Localizator.ResultDetails,
+                contentOptions: { component: tmFullTextSearch, panelContainer: { title: SDKUI_Localizator.ResultDetails, allowMaximize: !isMobile } },
+                toolbarOptions: { icon: _jsx(IconPlatform, { fontSize: 24 }), visible: true, orderNumber: 5, isActive: allInitialPanelVisibility['tmFullTextSearch'] }
+            }
+        ] : [])
     ], [tmSearchResult, tmBlog, tmSysMetadata, tmDcmtPreview, tmFullTextSearch, showToolbarHeader, context, isMobile]);
     return (_jsxs(StyledMultiViewPanel, { "$isVisible": isVisible, children: [_jsx(StyledMultiViewPanel, { "$isVisible": !isOpenDcmtForm && !isOpenDetails && !isOpenMaster, style: {
                     display: 'flex',
@@ -1413,6 +1440,23 @@ const StyledCachedIcon = styled.div `
         color: #4CAF50;
     }
 `;
+const StyledRefreshIcon = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #2196F3;
+    font-size: 16px;
+    cursor: pointer;
+    transition: transform 0.2s ease;
+    
+    &:hover {
+        transform: rotate(180deg);
+    }
+    
+    svg {
+        color: #2196F3;
+    }
+`;
 const StyledChevron = styled.span `
     transition: transform 0.2s ease;
     transform: ${props => props.$isOpen ? 'rotate(180deg)' : 'rotate(0deg)'};
@@ -1420,6 +1464,7 @@ const StyledChevron = styled.span `
     font-size: 12px;
 `;
 const StyledIndexingInfoBox = styled.div `
+    position: relative;
     background: white;
     border: 1px solid #e0e0e0;
     border-radius: 6px;

package/lib/ts/types.d.ts

@@ -297,6 +297,9 @@ export interface ITMDcmt {
     fileExt?: string;
     fileSize?: number;
     fileCount?: number;
+    btid?: number;
+    bid?: number;
+    bfid?: number;
 }
 export declare enum moduleTypes {
     SDK = "SDK",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.20.0-dev2.1",
+    "version": "6.20.0-dev2.3",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" \u0026\u0026 exit 1",