@topconsultnpm/sdkui-react 6.19.0-test2 → 6.20.0-dev1.10

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

@@ -44,7 +44,7 @@ import TMCustomButton from '../../base/TMCustomButton';
 import ToppyDraggableHelpCenter from '../assistant/ToppyDraggableHelpCenter';
 let abortControllerLocal = new AbortController();
 //#endregion
-const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, showBackButton = true, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, onTaskCreateRequest, inputFile = null, taskFormDialogComponent, taskMoreInfo, connectorFileSave = undefined, inputMids = [], onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
+const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, showBackButton = true, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, onTaskCreateRequest, inputFile = null, taskFormDialogComponent, taskMoreInfo, connectorFileSave = undefined, inputMids = [], openS4TViewer = false, onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
     const [id, setID] = useState('');
     const [showWaitPanelLocal, setShowWaitPanelLocal] = useState(false);
     const [waitPanelTitleLocal, setWaitPanelTitleLocal] = useState('');
@@ -96,10 +96,11 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const [isInitialLoading, setIsInitialLoading] = useState(true);
     const [isNavigating, setIsNavigating] = useState(false);
     const [dcmtReferences, setDcmtReferences] = useState(undefined);
-    // Dcmt Blog states
-    const [blogsDatasource, setBlogsDatasource] = useState([]);
-    const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false); //traccia se *qualsiasi* dato è stato caricato per la prima volta
-    const [lastLoadedDid, setLastLoadedDid] = useState(undefined); // `lastLoadedDid` tiene traccia dell'ultimo `did` per cui abbiamo caricato i dati
+    // Stato per triggerare il refresh del blog dall'esterno
+    const [refreshBlogTrigger, setRefreshBlogTrigger] = useState(0);
+    const triggerBlogRefresh = useCallback(async () => {
+        setRefreshBlogTrigger(prev => prev + 1);
+    }, []);
     useEffect(() => {
         if (!allowButtonsRefs)
             setDcmtReferences(undefined);
@@ -237,11 +238,11 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             // Imposta il layout e customButtonsLayout immediatamente
             setLayout(resLayout);
             if (layoutMode === LayoutModes.Update && customButtonsLayoutResult) {
-                //disabilitato per ora
-                //setCustomButtonsLayout(customButtonsLayoutResult);
+                setCustomButtonsLayout(customButtonsLayoutResult);
             }
             // Carica DTD e metadata
             let dtd = await DcmtTypeListCacheService.GetWithNotGrantedAsync(TID, DID, getMetadataResult);
+            console.log('GetWithNotGrantedAsync DTD:', dtd);
             setFromDTD(dtd);
             if (layoutMode === LayoutModes.Update || (layoutMode === LayoutModes.Ark && DID)) {
                 await setMetadataList(dtd?.metadata ?? [], getMetadataResult);
@@ -408,9 +409,11 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     }, [inputMids, layoutMode, formData, formDataOrig]);
     // Memoizza solo il valore WI_SetID per evitare re-render quando altri metadata cambiano
     const workItemSetIDValue = useMemo(() => formData.find(o => o.md?.name === WorkItemMetadataNames.WI_SetID)?.value, [formData]);
+    // Valore derivato: true se formData ha elementi validi
+    const hasFormData = useMemo(() => formData.length > 0 && formData.some(md => md.mid && md.mid > 99), [formData]);
     useEffect(() => {
         const loadAllWfData = async () => {
-            if (layoutMode !== LayoutModes.Update || !DID) {
+            if (layoutMode !== LayoutModes.Update || !DID || fromDTD?.templateTID !== TemplateTIDs.WF_WIApprView) {
                 setWorkItems([]);
                 setWorkflows([]);
                 return;
@@ -460,7 +463,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 setWorkflows(validWorkflows);
             }
             catch (error) {
-                console.error("Errore durante il caricamento dei dati del workflow:", error);
+                TMExceptionBoxManager.show({ exception: error });
                 setWorkItems([]);
                 setWorkflows([]);
             }
@@ -468,9 +471,14 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 setIsWFDataLoading(false);
             }
         };
+        // Usa hasFormData invece di formDataRef.current
+        if (!hasFormData || !fromDTD?.id) {
+            // console.log("formData is empty or fromDTD not loaded, skipping loadAllWfData");
+            return;
+        }
         if (workItemSetIDValue !== undefined || workflowApproveData.length > 0)
             loadAllWfData();
-    }, [workItemSetIDValue, workflowApproveData, DID, layoutMode]);
+    }, [hasFormData, workItemSetIDValue, workflowApproveData, DID, layoutMode, fromDTD?.templateTID, fromDTD?.id]);
     const getSelectionDcmtInfo = useCallback(() => {
         let dcmts = [];
         dcmts.push({ TID: TID ?? 0, DID: DID ?? 0 });
@@ -673,13 +681,11 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 text: customButton.title || 'Bottone personalizzato',
                 onClick: () => setCustomButton(customButton)
             }));
-            //disabilitato per ora
-            /*
             items.push({
-                icon: svgToString(<IconCheck />),
+                icon: svgToString(_jsx(IconCheck, {})),
                 text: SDKUI_Localizator.CustomButtons,
                 items: customButtonsItems
-            } as TMDataGridContextMenuItem);*/
+            });
         }
         return items;
     }, [
@@ -1000,28 +1006,12 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             setShowAll(true);
         }
     }, [shouldShowAll, showAll]);
-    const fetchBlogDataAsync = useCallback(async (tid, did) => {
-        try {
-            TMSpinner.show({ description: 'Caricamento - Bacheca...' });
-            const res = await SDK_Globals.tmSession?.NewSearchEngine().BlogRetrieveAsync(tid, did);
-            setBlogsDatasource(res ?? []);
-            setHasLoadedDataOnce(true);
-            setLastLoadedDid(did);
-        }
-        catch (e) {
-            let err = e;
-            TMExceptionBoxManager.show({ exception: err });
-        }
-        finally {
-            TMSpinner.hide();
-        }
-    }, []);
     const afterTaskSaved = useCallback(async (task, formMode, forceRefresh = false) => {
         const shouldRefresh = forceRefresh || (task && task.state === Task_States.Completed) || formMode === FormModes.Create || formMode === FormModes.Duplicate;
         if (TID && DID && shouldRefresh) {
-            await fetchBlogDataAsync(TID, DID);
+            await triggerBlogRefresh();
         }
-    }, [TID, DID]);
+    }, [TID, DID, triggerBlogRefresh]);
     const tmDcmtForm = useMemo(() => {
         return _jsx(_Fragment, { children: metadataValuesSource.length > 0 &&
                 _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, isExpertMode: isExpertMode, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, isReadOnly: formMode === FormModes.ReadOnly, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, inputMids: inputMids, layout: layout, onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
@@ -1071,7 +1061,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         handleUndo,
         handleClearForm
     ]);
-    const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { blogsDatasource: blogsDatasource, hasLoadedDataOnce: hasLoadedDataOnce, lastLoadedDid: lastLoadedDid, setBlogsDatasource: setBlogsDatasource, setHasLoadedDataOnce: setHasLoadedDataOnce, setLastLoadedDid: setLastLoadedDid, fetchBlogDataAsync: fetchBlogDataAsync, tid: TID, did: DID, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [blogsDatasource, hasLoadedDataOnce, lastLoadedDid, TID, DID, allTasks]);
+    const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: TID, did: DID, allTasks: allTasks, fetchBlogDataTrigger: refreshBlogTrigger, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [TID, DID, allTasks, refreshBlogTrigger]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: layoutMode, openChooserBySingleClick: !isOpenDistinctValues, TID: TID, isReadOnly: true, deviceType: deviceType, metadataValues: formData.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: formData.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [], inputMids: inputMids }), [TID, layoutMode, formData, deviceType, inputMids]);
     const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? inputFile, deviceType: deviceType, fromDTD: fromDTD, layoutMode: layoutMode, onFileUpload: (file) => {
             setDcmtFile(file);
@@ -1356,7 +1346,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                                                 isEditable: true,
                                                 value: FormulaHelper.addFormulaTag(newFormula.expression)
                                             }));
-                                        } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowMoreInfoPopup(false) }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), _jsx(ToppyDraggableHelpCenter, { initialIsCollapsed: false, deviceType: deviceType, isVisible: showToppyForApprove || showToppyForCompleteMoreInfo || showToppyForReferences, content: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [showToppyForApprove && (workItems.length === 1 ?
+                                        } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowMoreInfoPopup(false) }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), _jsx(ToppyDraggableHelpCenter, { initialIsCollapsed: false, deviceType: deviceType, isVisible: (showToppyForApprove || showToppyForCompleteMoreInfo || showToppyForReferences) && !openS4TViewer, content: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [showToppyForApprove && (workItems.length === 1 ?
                                         _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: handleSignApprove, onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), onMoreInfo: () => setShowMoreInfoPopup(true), dtd: fromDTD })
                                         :
                                             _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Devi approvare ${workItems.length} workitem(s) per questo documento.`, `Vai alla sezione di approvazione.`] })), showToppyForCompleteMoreInfo && (_jsxs(_Fragment, { children: [_jsx("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: `${SDKUI_Localizator.MoreInfoCompleteRequestSentBy} ${taskMoreInfo?.fromName}!` }), _jsx(TMButton, { caption: SDKUI_Localizator.CommentAndComplete, color: 'success', showTooltip: false, onClick: () => {

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

@@ -136,32 +136,32 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     const [blobUrl, setBlobUrl] = useState(undefined);
     const [fileType, setFileType] = useState(undefined);
     const [formattedXml, setFormattedXml] = useState(undefined);
-    const [isMobile, setIsMobile] = useState(false);
-    useEffect(() => {
-        const checkIsMobile = () => {
-            const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-            // Only detect actual mobile/tablet devices, NOT desktop browsers
-            const isMobileDevice = 
-            // Traditional mobile detection (phones and tablets)
-            /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent) ||
-                // Additional Android tablet detection (covers tablets in landscape)
-                /android.*tablet|android.*mobile/i.test(userAgent) ||
-                // Touch-only devices (excludes laptops with touchscreen)
-                (('ontouchstart' in window || navigator.maxTouchPoints > 0) &&
-                    !/Windows NT|Macintosh|Linux/.test(userAgent)) ||
-                // Small screen mobile devices only
-                (window.screen.width <= 768 && /Mobi|Android/i.test(userAgent));
-            setIsMobile(isMobileDevice);
-        };
-        checkIsMobile();
-        // Listen for orientation changes (important for tablets)
-        window.addEventListener('orientationchange', checkIsMobile);
-        window.addEventListener('resize', checkIsMobile);
-        return () => {
-            window.removeEventListener('orientationchange', checkIsMobile);
-            window.removeEventListener('resize', checkIsMobile);
-        };
-    }, []);
+    // const [isMobile, setIsMobile] = useState<boolean>(false);
+    // useEffect(() => {
+    //     const checkIsMobile = () => {
+    //         const userAgent = navigator.userAgent || navigator.vendor || (window as any).opera;
+    //         // Only detect actual mobile/tablet devices, NOT desktop browsers
+    //         const isMobileDevice = 
+    //             // Traditional mobile detection (phones and tablets)
+    //             /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent) ||
+    //             // Additional Android tablet detection (covers tablets in landscape)
+    //             /android.*tablet|android.*mobile/i.test(userAgent) ||
+    //             // Touch-only devices (excludes laptops with touchscreen)
+    //             (('ontouchstart' in window || navigator.maxTouchPoints > 0) && 
+    //              !/Windows NT|Macintosh|Linux/.test(userAgent)) ||
+    //             // Small screen mobile devices only
+    //             (window.screen.width <= 768 && /Mobi|Android/i.test(userAgent));
+    //         setIsMobile(isMobileDevice);
+    //     };
+    //     checkIsMobile();
+    //     // Listen for orientation changes (important for tablets)
+    //     window.addEventListener('orientationchange', checkIsMobile);
+    //     window.addEventListener('resize', checkIsMobile);
+    //     return () => {
+    //         window.removeEventListener('orientationchange', checkIsMobile);
+    //         window.removeEventListener('resize', checkIsMobile);
+    //     };
+    // }, []);
     useEffect(() => {
         if (fileBlob) {
             setFileType(fileBlob.type);
@@ -222,44 +222,73 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     if (fileBlob.type.includes('image')) {
         return (_jsx(ImageViewer, { fileBlob: fileBlob, alt: '' }));
     }
-    // Check if device has limited PDF support (only for mobile/tablet devices)
-    const hasLimitedPDFSupport = () => {
-        const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-        // Only check for actual mobile/tablet devices, NOT desktop browsers
-        const isAndroidMobile = /android/i.test(userAgent) && (/mobile|tablet/i.test(userAgent) || window.screen.width <= 1024);
-        const isIOSMobile = /iphone|ipad|ipod/i.test(userAgent);
-        const isOtherMobile = /webos|blackberry|iemobile|opera mini/i.test(userAgent);
-        // Return true only for actual mobile devices, not desktop browsers
-        return isMobile && (isAndroidMobile || isIOSMobile || isOtherMobile);
-    };
-    if (fileType === 'application/pdf' && hasLimitedPDFSupport()) {
-        return (_jsxs("div", { style: {
-                padding: '40px',
-                textAlign: 'center',
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-                justifyContent: 'center',
-                height: '100%',
-                gap: '20px'
-            }, children: [_jsx(IconPreview, { fontSize: 96 }), _jsxs("div", { children: [_jsx("h3", { children: SDKUI_Localizator.PDFDocument }), _jsx("p", { children: SDKUI_Localizator.PreviewNotAvailableOnDevice })] }), _jsxs("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center' }, children: [_jsx("a", { href: blobUrl, download: "document.pdf", style: {
-                                minWidth: '180px',
-                                padding: '12px 24px',
-                                backgroundColor: TMColors.primaryColor,
-                                color: 'white',
-                                textDecoration: 'none',
-                                borderRadius: '4px',
-                                display: 'inline-block'
-                            }, children: SDKUI_Localizator.DownloadFile }), _jsx("a", { href: blobUrl, target: "_blank", rel: "noopener noreferrer", style: {
-                                minWidth: '180px',
-                                padding: '12px 24px',
-                                backgroundColor: TMColors.primaryColor,
-                                color: 'white',
-                                textDecoration: 'none',
-                                borderRadius: '4px',
-                                display: 'inline-block'
-                            }, children: SDKUI_Localizator.OpenInNewTab })] })] }));
-    }
+    // if (fileType === 'application/pdf' && isMobile) {
+    //     return (
+    //         <object
+    //             key={blobUrl}
+    //             data={blobUrl}
+    //             type="application/pdf"
+    //             width="100%"
+    //             height="100%"
+    //             style={{ 
+    //                 border: 'none', 
+    //                 zIndex: 0, 
+    //                 pointerEvents: isResizingActive === true ? "none" : "auto" 
+    //             }}
+    //         >
+    //             {/* Fallback UI if <object> tag fails to render PDF */}
+    //             <div style={{
+    //                 padding: '40px',
+    //                 textAlign: 'center',
+    //                 display: 'flex',
+    //                 flexDirection: 'column',
+    //                 alignItems: 'center',
+    //                 justifyContent: 'center',
+    //                 height: '100%',
+    //                 gap: '20px'
+    //             }}>
+    //                 <IconPreview fontSize={96} />
+    //                 <div>
+    //                     <h3>{SDKUI_Localizator.PDFDocument}</h3>
+    //                     <p>{SDKUI_Localizator.PreviewNotAvailableOnDevice}</p>
+    //                 </div>
+    //                 <div style={{ display: 'flex', gap: '10px', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center' }}>
+    //                     <a
+    //                         href={blobUrl}
+    //                         download="document.pdf"
+    //                         style={{
+    //                             minWidth: '180px',
+    //                             padding: '12px 24px',
+    //                             backgroundColor: TMColors.primaryColor,
+    //                             color: 'white',
+    //                             textDecoration: 'none',
+    //                             borderRadius: '4px',
+    //                             display: 'inline-block'
+    //                         }}
+    //                     >
+    //                         {SDKUI_Localizator.DownloadFile}
+    //                     </a>
+    //                     <a
+    //                         href={blobUrl}
+    //                         target="_blank"
+    //                         rel="noopener noreferrer"
+    //                         style={{
+    //                             minWidth: '180px',
+    //                             padding: '12px 24px',
+    //                             backgroundColor: TMColors.primaryColor,
+    //                             color: 'white',
+    //                             textDecoration: 'none',
+    //                             borderRadius: '4px',
+    //                             display: 'inline-block'
+    //                         }}
+    //                     >
+    //                         {SDKUI_Localizator.OpenInNewTab}
+    //                     </a>
+    //                 </div>
+    //             </div>
+    //         </object>
+    //     );
+    // }
     return (_jsx("iframe", { srcDoc: formattedXml ? `<html><body>${formattedXml}</body></html>` : undefined, src: !formattedXml
             ? (fileType === 'application/pdf' ? `${blobUrl}#view=FitH&scrollbar=1` : blobUrl)
             : undefined, title: "File Viewer", width: "100%", height: "100%", style: { border: 'none', zIndex: 0, pointerEvents: isResizingActive === true ? "none" : "auto" } }, blobUrl));

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

@@ -176,7 +176,7 @@ const TMSavedQuerySelector = React.memo(({ items, selectedId, allowShowSearch =
             TMExceptionBoxManager.show({ exception: ex });
         }
     };
-    return (_jsxs("div", { style: { height: height ?? '100%', width: '100%', display: 'flex', flexDirection: 'column', gap: '5px', paddingTop: allowShowSearch ? '5px' : undefined }, children: [allowShowSearch &&
+    return (_jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { height: height ?? '100%', width: '100%', display: 'flex', flexDirection: 'column', gap: '5px', paddingTop: allowShowSearch ? '5px' : undefined }, children: [allowShowSearch &&
                 _jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '10px', paddingBottom: '10px', paddingTop: '10px' }, children: _jsx(TMSearchBar, { marginLeft: '0px', maxWidth: '300px', searchValue: searchText, onSearchValueChanged: (e) => setSearchText(e) }) }), _jsx("div", { style: {
                     display: 'flex',
                     flexDirection: 'column',

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

@@ -314,7 +314,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
                                 { icon: _jsx(IconMenuCAArchive, { viewBox: '11 11.5 26 27', fontSize: 16, strokeWidth: 2, color: 'black' }), beginGroup: true, text: SDKUI_Localizator.PassToArchive, onClick: handlePassToArchive }
                             ], onMenuShown: () => setIsQueryPanelActive(true) })
                         : _jsx(_Fragment, {}) }), children: [_jsx(ConfirmQueryParamsDialog, {}), SQD
-                        ? _jsxs("div", { style: { height: '100%', width: '100%', position: 'relative', display: 'flex', flexDirection: 'column', gap: 5 }, children: [showAdvancedSearch
+                        ? _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { height: '100%', width: '100%', position: 'relative', display: 'flex', flexDirection: 'column', gap: 5 }, children: [showAdvancedSearch
                                     ? _jsx(TMQueryEditor, { formMode: FormModes.Update, showToolbar: false, inputData: qd, validateSelect: true, showApply: false, onQDChanged: handleQdChanged })
                                     : _jsx(TMSearchQueryEditor, { qd: qd, dcmtTypesList: dcmtTypesList, isExpertMode: isExpertMode, showAllMdWhere: showAllMdWhere, onQdChanged: handleQdChanged, onFocusedMetadataChanged: setFocusedTidMid, onAdvancedMenuClick: handleAdvancedMenuClick }), _jsxs("div", { style: {
                                         display: 'flex',