@topconsultnpm/sdkui-react 6.20.0-dev2.2 → 6.20.0-dev2.4

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: 20 }), 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',
@@ -1408,10 +1435,14 @@ const StyledCachedIcon = styled.div `
     justify-content: center;
     color: #4CAF50;
     font-size: 16px;
-    
-    svg {
-        color: #4CAF50;
-    }
+`;
+const StyledRefreshIcon = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    cursor: pointer;
+    transition: transform 0.2s ease;
 `;
 const StyledChevron = styled.span `
     transition: transform 0.2s ease;
@@ -1420,6 +1451,7 @@ const StyledChevron = styled.span `
     font-size: 12px;
 `;
 const StyledIndexingInfoBox = styled.div `
+    position: relative;
     background: white;
     border: 1px solid #e0e0e0;
     border-radius: 6px;

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.20.0-dev2.2",
+    "version": "6.20.0-dev2.4",
     "description": "",
     "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1",
+        "test": "echo \"Error: no test specified\" \u0026\u0026 exit 1",
         "clean": "powershell Remove-Item lib/ -recurse",
         "copy-files": "copyfiles -u 1 src/assets/*.* src/assets/ImageLibrary/*.* src/assets/thumbnails/*.* src/assets/IconsS4t/*.* src/assets/Metadata/*.* src/css/tm-sdkui.css lib/",
-        "tm-build": "npm run clean && tsc && npm run copy-files",
+        "tm-build": "npm run clean \u0026\u0026 tsc \u0026\u0026 npm run copy-files",
         "tm-watch": "tsc -w",
         "tm-publish": "npm publish --tag latest",
         "tm-publish_wl": "npm publish",
@@ -40,18 +40,18 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.20.0-test1",
+        "react-router-dom": "^6.15.0",
+        "react-pdf": "^10.3.0",
+        "htmlparser2": "^10.0.0",
         "buffer": "^6.0.3",
-        "devextreme": "25.2.4",
-        "devextreme-react": "25.2.4",
+        "@topconsultnpm/sdk-ts": "6.20.0-test1",
         "exceljs": "^4.4.0",
-        "htmlparser2": "^10.0.0",
+        "devextreme": "25.2.4",
+        "styled-components": "^6.1.1",
         "pdfjs-dist": "5.4.296",
-        "react-pdf": "^10.3.0",
-        "react-router-dom": "^6.15.0",
-        "styled-components": "^6.1.1"
+        "devextreme-react": "25.2.4"
     },
     "overrides": {
         "esbuild": "^0.25.0"
     }
-}
+}