@topconsultnpm/sdkui-react 6.20.0-dev1.99 → 6.20.0-dev2.2

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

@@ -8,7 +8,7 @@ import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
 import { getWorkItemSetIDAsync, handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
-import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary, IconStar, IconRelation, IconInfo, IconArchiveDoc, IconDelete, IconPair, IconUnpair, IconArchiveMaster, IconArchiveDetail, getExceptionMessage, isApprovalWorkflowView, getDcmtCicoStatus, IconFileDots, IconCustom, buildWorkItemsFromWFCtrl } from '../../../helper';
+import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary, IconStar, IconRelation, IconInfo, IconArchiveDoc, IconDelete, IconPair, IconUnpair, IconArchiveMaster, IconArchiveDetail, getExceptionMessage, isApprovalWorkflowView, getDcmtCicoStatus, IconFileDots, IconCustom, buildWorkItemsFromWFCtrl, IconLock } from '../../../helper';
 import { hasDetailRelations, hasMasterRelations, isXMLFileExt } from '../../../helper/dcmtsHelper';
 import { Gutters, TMColors } from '../../../utils/theme';
 import { StyledFormButtonsContainer, StyledLoadingContainer, StyledModalContainer, StyledReferenceButton, StyledSpinner, StyledToolbarCardContainer } from '../../base/Styled';
@@ -38,7 +38,7 @@ import WFDiagram from '../workflow/diagram/WFDiagram';
 import TMTooltip from '../../base/TMTooltip';
 import TMDcmtTasks from './TMDcmtTasks';
 import TMToppyMessage from '../../../helper/TMToppyMessage';
-import { getTaskAssignedToMe } from '../tasks/TMTasksUtils';
+import { getTaskAssignedByMe, getTaskAssignedToMe } from '../tasks/TMTasksUtils';
 import TMCustomButton from '../../base/TMCustomButton';
 import { useCheckInOutOperations } from '../../../hooks/useCheckInOutOperations';
 import TMViewHistoryDcmt from '../search/TMViewHistoryDcmt';
@@ -62,6 +62,7 @@ export var InvocationContext;
     // Aggiungi qui altri contesti futuri secondo necessità
 })(InvocationContext || (InvocationContext = {}));
 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, invocationContext = InvocationContext.Default, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, onTaskCreateRequest, inputFile = null, taskFormDialogComponent, moreInfoTasks, connectorFileSave = undefined, inputMids = [], openS4TViewer = false, onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
     const { showHistory, showHistoryCallback, hideHistoryCallback, showCheckoutInformationForm, commentFormState, hideCommentFormCallback, showCheckoutInformationFormCallback, hideCheckoutInformationFormCallback, copyCheckoutPathToClipboardCallback, handleCheckOutCallback, handleCheckInCallback, refreshPreviewTrigger, showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, } = useCheckInOutOperations();
@@ -121,6 +122,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     // Stato per triggerare il refresh del blog dall'esterno
     const [refreshBlogTrigger, setRefreshBlogTrigger] = useState(0);
     const [wfError, setWfError] = useState(null);
+    const [metadataDcmtOrigin, setMetadataDcmtOrigin] = useState(null);
     const triggerBlogRefresh = useCallback(async () => {
         setRefreshBlogTrigger(prev => prev + 1);
     }, []);
@@ -188,10 +190,11 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 return;
             TMSpinner.show({ description: 'Loading Metadata...' });
             let res = getMetadataResult ?? await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(TID, did, true);
+            const origin = { fromName: res?.fromName, fromTID: res?.fromTID };
             let dtd = res?.dtdResult;
             let rows = dtd.rows ? dtd.rows[0] : [];
             let mids = res?.selectMIDs;
-            let metadataList = searchResultToMetadataValues(TID, dtd, rows, mids, mdList, layoutMode);
+            let metadataList = searchResultToMetadataValues(TID, dtd, rows, mids, mdList, layoutMode, origin.fromTID?.toString() !== TID?.toString());
             if (archived) {
                 // Usa setFormData con funzione callback per accedere allo stato precedente
                 // invece di dipendere da formDataOrig nell'array di dipendenze
@@ -217,6 +220,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 });
                 return;
             }
+            setMetadataDcmtOrigin(origin);
             setFormDataOrig(structuredClone(metadataList));
             setFormData(structuredClone(metadataList));
             // Sincronizza il ref con i dati caricati per evitare stale closure in handleSave
@@ -278,7 +282,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             }
             else {
                 const renderedMetadata = dtd?.metadata?.filter((metadata) => handleArchiveVisibility(metadata)) ?? [];
-                const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode);
+                const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode, metadataDcmtOrigin?.fromTID?.toString() !== TID?.toString());
                 setFormDataOrig(structuredClone(metadataList));
                 setFormData(structuredClone(metadataList));
                 formDataOrigRef.current = structuredClone(metadataList);
@@ -293,7 +297,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             setIsInitialLoading(false);
             setIsNavigating(false);
         }
-    }, [TID, DID, layoutMode, inputFile, setMetadataList, handleReset, allowButtonsRefs]);
+    }, [TID, DID, layoutMode, inputFile, setMetadataList, handleReset, allowButtonsRefs, metadataDcmtOrigin?.fromTID]);
     const createChange = useCallback((mid, metadataType, modifiedValue) => {
         return { mid, metadataType, modifiedValue };
     }, []);
@@ -1212,7 +1216,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     }, [formData, fromDTD, isMobile]);
     const tmDcmtForm = useMemo(() => {
         return _jsxs(_Fragment, { children: [checkoutBadge && _jsx("div", { style: { padding: '10px', display: 'flex', justifyContent: 'center' }, children: checkoutBadge }), 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) => {
+                    _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, isReadOnlyOrigin: metadataDcmtOrigin?.fromTID?.toString() !== TID?.toString(), onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
                                     setFormData((prevItems) => prevItems.map((item) => {
                                         const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
                                         return newItem ? { ...item, ...newItem } : item;
@@ -1257,7 +1261,8 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         showAll,
         handleConfirmAction,
         handleUndo,
-        handleClearForm
+        handleClearForm,
+        metadataDcmtOrigin
     ]);
     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, handleNavigateToWGs, handleNavigateToDossiers]);
     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]);
@@ -1353,89 +1358,117 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         'tmWF': false,
         'tmDcmtTasks': false,
     };
-    const initialPanels = useMemo(() => [
-        {
-            id: 'tmDcmtForm',
-            name: SDK_Localizator.Metadatas,
-            contentOptions: {
-                component: tmDcmtForm,
-                isClosable: isClosable,
-                panelContainer: {
-                    showHeader: showHeader,
-                    title: fromDTD?.nameLoc,
-                    allowMaximize: !isMobile,
-                    onBack: showBackButton ? (isClosable && deviceType !== DeviceType.MOBILE) ? undefined : handleClose : undefined,
-                    onClose: isClosable ? () => { } : undefined,
-                    toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {})
+    const getDcmtTasksCounter = (TID, DID, allTasks) => {
+        if (!TID || !DID || !allTasks || allTasks.length === 0) {
+            return {
+                assignedToMe: 0,
+                assignedByMe: 0
+            };
+        }
+        try {
+            const assignedToMe = getTaskAssignedToMe(allTasks).filter(task => task.iD1?.toString() === TID.toString() && task.iD2?.toString() === DID.toString() && task.state !== Task_States.Completed).length ?? 0;
+            const assignedByMe = getTaskAssignedByMe(allTasks).filter(task => task.iD1?.toString() === TID.toString() && task.iD2?.toString() === DID.toString() && task.state !== Task_States.Completed).length ?? 0;
+            return {
+                assignedToMe,
+                assignedByMe
+            };
+        }
+        catch (error) {
+            return {
+                assignedToMe: 0,
+                assignedByMe: 0
+            };
+        }
+    };
+    const initialPanels = useMemo(() => {
+        const { assignedToMe, assignedByMe } = getDcmtTasksCounter(TID, DID, allTasks);
+        let titleDcmtFormPanel = fromDTD?.nameLoc ?? "";
+        // Caso: Il documento proviene da un'origine esterna
+        if (metadataDcmtOrigin?.fromTID?.toString() !== TID?.toString()) {
+            titleDcmtFormPanel = (_jsxs("div", { style: { display: 'inline-flex', alignItems: 'center', gap: '4px' }, children: [_jsx(TMTooltip, { content: _jsxs("div", { style: { textAlign: 'left' }, children: [_jsx("p", { children: "Questo documento proviene da un'altra origine e non pu\u00F2 essere modificato." }), _jsx("hr", {}), _jsxs("p", { children: [_jsx("strong", { children: "TID corrente:" }), " ", TID?.toString()] }), _jsxs("p", { children: [_jsx("strong", { children: "Nome corrente:" }), " ", fromDTD?.nameLoc] }), _jsx("hr", {}), _jsxs("p", { children: [_jsx("strong", { children: "TID origine:" }), " ", metadataDcmtOrigin?.fromTID?.toString()] }), _jsxs("p", { children: [_jsx("strong", { children: "Nome origine:" }), " ", metadataDcmtOrigin?.fromName] })] }), children: _jsx(IconLock, { fontSize: 16, style: { alignSelf: 'center' } }) }), metadataDcmtOrigin?.fromName] }));
+        }
+        const panels = [
+            {
+                id: 'tmDcmtForm',
+                name: SDK_Localizator.Metadatas,
+                contentOptions: {
+                    component: tmDcmtForm,
+                    isClosable: isClosable,
+                    panelContainer: {
+                        showHeader: showHeader,
+                        title: titleDcmtFormPanel,
+                        allowMaximize: !isMobile,
+                        onBack: showBackButton ? (isClosable && deviceType !== DeviceType.MOBILE) ? undefined : handleClose : undefined,
+                        onClose: isClosable ? () => { } : undefined,
+                        toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {})
+                    },
                 },
+                toolbarOptions: {
+                    icon: _jsx(IconPreview, { fontSize: 24 }),
+                    visible: true,
+                    orderNumber: 1,
+                    isActive: allInitialPanelVisibility['tmDcmtForm']
+                }
             },
-            toolbarOptions: {
-                icon: _jsx(IconPreview, { fontSize: 24 }),
-                visible: true,
-                orderNumber: 1,
-                isActive: allInitialPanelVisibility['tmDcmtForm']
-            }
-        },
-        {
-            id: 'tmBlog',
-            name: SDKUI_Localizator.BlogCase,
-            contentOptions: { component: tmBlog, panelContainer: { title: SDKUI_Localizator.BlogCase, allowMaximize: !isMobile } },
-            toolbarOptions: {
-                icon: _jsx(IconBoard, { fontSize: 24 }),
-                visible: true,
-                disabled: isBoardDisabled,
-                orderNumber: 2,
-                isActive: allInitialPanelVisibility['tmBlog']
-            }
-        },
-        {
-            id: 'tmSysMetadata',
-            name: SDKUI_Localizator.MetadataSystem,
-            contentOptions: { component: tmSysMetadata, panelContainer: { title: SDKUI_Localizator.MetadataSystem, allowMaximize: !isMobile } },
-            toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: true, disabled: isSysMetadataDisabled, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
-        },
-        {
-            id: 'tmDcmtPreview',
-            name: SDKUI_Localizator.PreviewDocument,
-            contentOptions: { component: tmDcmtPreview },
-            toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), disabled: isPreviewDisabled, visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
-        },
-        {
-            id: 'tmWF',
-            name: "Workflow",
-            contentOptions: {
-                component: tmWF,
-                panelContainer: {
-                    title: "Workflow", allowMaximize: !isMobile
+            {
+                id: 'tmBlog',
+                name: SDKUI_Localizator.BlogCase,
+                contentOptions: { component: tmBlog, panelContainer: { title: SDKUI_Localizator.BlogCase, allowMaximize: !isMobile } },
+                toolbarOptions: {
+                    icon: _jsx(IconBoard, { fontSize: 24 }),
+                    visible: true,
+                    disabled: isBoardDisabled,
+                    orderNumber: 2,
+                    isActive: allInitialPanelVisibility['tmBlog']
                 }
             },
-            toolbarOptions: {
-                icon: _jsx(IconWorkflow, { fontSize: 24 }),
-                visible: true,
-                disabled: isWFDisabled,
-                orderNumber: 5,
-                isActive: allInitialPanelVisibility['tmWF']
-            }
-        },
-        {
-            id: 'tmDcmtTasks',
-            name: SDKUI_Localizator.Widget_Activities,
-            contentOptions: {
-                component: tmDcmtTasks,
+            {
+                id: 'tmSysMetadata',
+                name: SDKUI_Localizator.MetadataSystem,
+                contentOptions: { component: tmSysMetadata, panelContainer: { title: SDKUI_Localizator.MetadataSystem, allowMaximize: !isMobile } },
+                toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: true, disabled: isSysMetadataDisabled, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
             },
-            toolbarOptions: {
-                icon: _jsx(IconActivity, { fontSize: 24 }),
-                visible: layoutMode !== LayoutModes.Ark,
-                orderNumber: 6,
-                isActive: allInitialPanelVisibility['tmDcmtTasks'],
-                count: (TID && DID && allTasks && allTasks.length > 0) ?
-                    getTaskAssignedToMe(allTasks).filter(task => task.iD1?.toString() === TID.toString()
-                        && task.iD2?.toString() === DID.toString()
-                        && task.state !== Task_States.Completed).length ?? 0
-                    : 0
-            }
-        },
-    ], [fromDTD, showBackButton, tmDcmtForm, tmBlog, tmSysMetadata, tmDcmtPreview, tmWF, tmDcmtTasks, isPreviewDisabled, isSysMetadataDisabled, isBoardDisabled, isWFDisabled, inputFile, isClosable, allTasks, DID, TID]);
+            {
+                id: 'tmDcmtPreview',
+                name: SDKUI_Localizator.PreviewDocument,
+                contentOptions: { component: tmDcmtPreview },
+                toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), disabled: isPreviewDisabled, visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
+            },
+            {
+                id: 'tmWF',
+                name: "Workflow",
+                contentOptions: {
+                    component: tmWF,
+                    panelContainer: {
+                        title: "Workflow", allowMaximize: !isMobile
+                    }
+                },
+                toolbarOptions: {
+                    icon: _jsx(IconWorkflow, { fontSize: 24 }),
+                    visible: true,
+                    disabled: isWFDisabled,
+                    orderNumber: 5,
+                    isActive: allInitialPanelVisibility['tmWF']
+                }
+            },
+            {
+                id: 'tmDcmtTasks',
+                name: SDKUI_Localizator.Widget_Activities,
+                contentOptions: {
+                    component: tmDcmtTasks,
+                },
+                toolbarOptions: {
+                    icon: _jsx(IconActivity, { fontSize: 24 }),
+                    visible: layoutMode !== LayoutModes.Ark,
+                    orderNumber: 6,
+                    isActive: allInitialPanelVisibility['tmDcmtTasks'],
+                    count: assignedToMe + assignedByMe,
+                    tooltip: _jsx("div", { children: assignedToMe + assignedByMe === 0 ? (SDKUI_Localizator.Widget_Activities) : (_jsxs("div", { children: [_jsx("div", { style: { textAlign: 'center', fontWeight: 'bold' }, children: SDKUI_Localizator.Widget_Activities }), _jsxs("div", { style: { textAlign: 'left' }, children: [_jsxs("div", { children: [SDKUI_Localizator.AssignedToMe, ": ", assignedToMe] }), _jsxs("div", { children: [SDKUI_Localizator.AssignedByMe, ": ", assignedByMe] })] })] })) })
+                }
+            },
+        ];
+        return panels;
+    }, [fromDTD, showBackButton, tmDcmtForm, tmBlog, tmSysMetadata, tmDcmtPreview, tmWF, tmDcmtTasks, isPreviewDisabled, isSysMetadataDisabled, isBoardDisabled, isWFDisabled, inputFile, isClosable, allTasks, DID, TID, metadataDcmtOrigin?.fromTID]);
     // Retrieves the current document form setting based on the normalized TID
     const getCurrentDcmtFormSetting = () => {
         const settings = SDKUI_Globals.userSettings.dcmtFormSettings;
@@ -1530,8 +1563,8 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     }, [onReferenceClick]);
     // Mapping for objClass specific label/action. Easy to extend for future objClass types.
     const referenceActionMap = useMemo(() => ({
-        [ObjectClasses.Dossier]: { label: 'Vai a pratica' },
-        [ObjectClasses.WorkingGroup]: { label: 'Vai a gruppo di lavoro' },
+        [ObjectClasses.Dossier]: { label: SDKUI_Localizator.GoToDossier },
+        [ObjectClasses.WorkingGroup]: { label: SDKUI_Localizator.GoToWorkgroup },
         // add other ObjectClasses here as needed
     }), []);
     const renderDcmtForm = () => {

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 } 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) {
@@ -107,8 +159,9 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             extensionInfo = '';
         title += extensionInfo;
         title += dcmtData.fileSize && dcmtData.fileSize > 0 ? formatBytes(dcmtData.fileSize) + ')' : '';
-        if ((isDcmtFileInCache(cacheKey) && isFromCache)) {
-            title += ' | da cache';
+        const isCached = isDcmtFileInCache(cacheKey) && isFromCache;
+        if (isCached) {
+            return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '3px' }, children: [title, _jsx(TMTooltip, { content: "da cache", children: _jsx(IconCache, { fontSize: 13 }) })] }));
         }
         return title;
     };
@@ -119,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);
@@ -131,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 }) => {
@@ -340,32 +393,28 @@ const ImageViewer = ({ fileBlob, alt = 'Image', className }) => {
         const doc = iframe.contentWindow?.document;
         if (!doc)
             return;
-        doc.open();
-        doc.write(`
-            <html>
-                <head>
-                    <title>Print Image</title>
-                    <style>
-                        body, html {
-                            margin: 0;
-                            padding: 0;
-                            height: 100%;
-                            display: flex;
-                            justify-content: center;
-                            align-items: center;
-                        }
-                        img {
-                            max-width: 100%;
-                            max-height: 100%;
-                        }
-                    </style>
-                </head>
-                <body>
-                    <img src="${dataUrl}" onload="setTimeout(() => { window.print(); window.close(); }, 100);" />
-                </body>
-            </html>
-        `);
-        doc.close();
+        doc.documentElement.innerHTML = `
+            <head>
+                <title>Print Image</title>
+                <style>
+                    body, html {
+                        margin: 0;
+                        padding: 0;
+                        height: 100%;
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+                    }
+                    img {
+                        max-width: 100%;
+                        max-height: 100%;
+                    }
+                </style>
+            </head>
+            <body>
+                <img src="${dataUrl}" onload="setTimeout(() => { window.print(); window.close(); }, 100);" />
+            </body>
+        `;
         iframe.contentWindow?.addEventListener('afterprint', () => {
             document.body.removeChild(iframe);
         });
@@ -385,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) {
@@ -404,7 +453,7 @@ const StyledPreviewContainer = styled.div `display: flex; justify-content: cente
 export const StyledHeaderIcon = styled.div ` color: ${props => props.$color};  cursor: pointer; display: flex; align-items: center; justify-content: center; &:hover{ color: white ; transition: 200ms ease; } `;
 export const StyledPanelStatusContainer = styled.div ` width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; `;
 const StyledPreviewNotAvailable = styled.div ` display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; `;
-const ImageContainer = styled.div ` width: calc(100% - 20px); height: 100%; left:10px; position: absolute; top:50px; overflow: hidden; background: #f5f5f5; touch-action: none; user-select: none; cursor: ${({ $cursor }) => $cursor ?? 'default'}; `;
+const ImageContainer = styled.div ` width: calc(100% - 20px); height: 100%; left:10px; position: absolute; top:50px; overflow: hidden; background: #f5f5f5; touch-action: none; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; cursor: ${({ $cursor }) => $cursor ?? 'default'}; `;
 const TopToolbar = styled.div ` position: absolute; top: 0; width: 100%; height: 40px; background-color: #e4e4e4; display: flex; justify-content: center; align-items: center; z-index: 10; `;
 const ToolbarCenter = styled.div ` display: flex; align-items: center; gap: 12px;`;
 const ToolbarIconButton = styled.button ` background: #f0f0f0; border: none; color: #313131; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 32px; width: 32px; padding: 0; border-radius: 50px; &:hover{ background-color: #c4c4c4; } &:disabled { color: #c2c2c2; cursor: not-allowed; } `;

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

@@ -133,8 +133,12 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             setCurrentMruTID(0);
     };
     const onSQDItemClick = useCallback(async (sqd, setSqdAsync) => {
+        // Forza ricaricamento completo se la query è già selezionata
+        if (sqd.id === currentSQD?.id) {
+            await setSqdAsync(undefined);
+        }
         await setSqdAsync(sqd);
-    }, []);
+    }, [currentSQD]);
     const onSQDDeleted = useCallback(async (sqd, sqdToBeSet, setSqdAsync) => {
         await loadDataSQDsAsync(true, sqd.masterTID);
         if (sqdToBeSet)

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

@@ -10,6 +10,7 @@ interface ITMSearchQueryEditorProps {
     onQdChanged?: (qd: QueryDescriptor) => void;
     onAdvancedMenuClick?: (e: AdvancedMenuClickEventArgs) => void;
     onFocusedMetadataChanged?: (tid_mid: TID_MID | undefined) => void;
+    updateIsModalOpen?: (isOpen: boolean) => void;
 }
 declare const _default: React.NamedExoticComponent<ITMSearchQueryEditorProps>;
 export default _default;