@topconsultnpm/sdkui-react 6.21.0-dev1.9 → 6.21.0-dev2.3

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

@@ -8,7 +8,7 @@ import TMBlogCommentForm from '../blog/TMBlogCommentForm';
 import TMBlogsPost from '../../grids/TMBlogsPost';
 import TMSpinner from '../../base/TMSpinner';
 import { TMExceptionBoxManager } from '../../base/TMPopUp';
-const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, onRefreshBlogDatagrid, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
+const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, onRefreshBlogDatagrid, showFloatingCommentButton = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
     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
@@ -74,7 +74,7 @@ const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, onRefreshBlogDa
         }
     };
     return (_jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsx(StyledContainer, { children: _jsx(StyledSectionContainer, { style: { position: 'relative' }, children: _jsx(StyledBoardContainer, { children: !did ? _jsx(TMNothingToShow, { text: `${SDKUI_Localizator.NoDcmtSelected}.`, secondText: `${SDKUI_Localizator.BlogCase} - ${SDKUI_Localizator.NotAvailable}`, icon: _jsx(IconBoard, { fontSize: 96 }) }) :
-                            _jsx(TMBlogsPost, { context: { engine: 'SearchEngine', object: { tid, did } }, id: "dcmt-blog", displayMode: 'chat', scrollToSelected: true, posts: blogsDatasource, showExtendedAttachments: false, showFloatingCommentButton: true, showCommentFormCallback: showCommentFormCallback, refreshCallback: refreshCallback, contextMenuParams: {
+                            _jsx(TMBlogsPost, { context: { engine: 'SearchEngine', object: { tid, did } }, id: "dcmt-blog", displayMode: 'chat', scrollToSelected: true, posts: blogsDatasource, showExtendedAttachments: false, showFloatingCommentButton: showFloatingCommentButton, showCommentFormCallback: showCommentFormCallback, refreshCallback: refreshCallback, contextMenuParams: {
                                     isShowHideFilterEnabled: true,
                                     isShowHideIDEnaled: true,
                                     isCommentEnabled: true,

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevelsEx, AppModules, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
+import { AccessLevelsEx, AppModules, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, DossierCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkingGroupCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
 import { FormModes, SearchResultContext } from '../../../ts';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { getWorkItemSetIDAsync, handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
@@ -114,6 +114,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     const [refreshPreviewTrigger, setRefreshPreviewTrigger] = useState(0);
     const [wfError, setWfError] = useState(null);
     const [metadataDcmtOrigin, setMetadataDcmtOrigin] = useState(null);
+    const { workflowApproveData, getWorkItemsByDID } = useWorkflowApprove();
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
     // This avoids unnecessary re-renders by only recalculating when deviceType changes.
@@ -235,7 +236,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     const handleReset = useCallback(() => {
         setDcmtFile(null);
     }, []);
-    const onRefreshSearchAsync = useCallback(async () => {
+    const loadDocumentFormDataAsync = useCallback(async () => {
         try {
             setFetchError(false);
             if (!TID)
@@ -254,12 +255,34 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                 layoutMode === LayoutModes.Update
                     ? LayoutCacheService.GetAsync(TID, LayoutModes.None)
                     : Promise.resolve(undefined),
-                // 4. Opcionalmente FindAllReferencesAsync se abilitato nelle impostazioni e se i bottoni sono richiesti
-                (() => {
-                    const refs = SDKUI_Globals?.userSettings?.searchSettings?.autoFindReferences ?? [];
-                    const hasRefs = allowButtonsRefs && Array.isArray(refs) && refs.length > 0;
+                // 4. FindAllReferencesAsync - Cerca riferimenti a WorkingGroup, Dossier e Workflow se presenti nel sistema e se allowButtonsRefs è abilitato
+                (async () => {
+                    // Array per raccogliere le classi di riferimento da cercare
+                    const refs = [];
+                    // Recupera working groups, dossier e dati di approvazione workflow in parallelo
+                    const [workingGroups, dossiers] = await Promise.all([
+                        WorkingGroupCacheService.GetAllAsync(),
+                        DossierCacheService.GetAllAsync(),
+                    ]);
+                    // Aggiunge WorkingGroup se esistono WG diversi da quello di sistema (id=1)
+                    if (workingGroups.filter(wg => wg.id !== 1).length > 0) {
+                        refs.push(ObjectClasses.WorkingGroup);
+                    }
+                    // Aggiunge Dossier se ne esistono
+                    if (dossiers.length > 0) {
+                        refs.push(ObjectClasses.Dossier);
+                    }
+                    // Aggiunge Workflow se ci sono dati di approvazione presenti
+                    if (workflowApproveData.length > 0) {
+                        refs.push(ObjectClasses.Workflow);
+                    }
+                    // Recupera le preferenze utente per autoFindReferences e le merge con i refs già raccolti
+                    const userRefs = SDKUI_Globals?.userSettings?.searchSettings?.autoFindReferences ?? [];
+                    const mergedRefs = [...new Set([...refs, ...userRefs])];
+                    // Verifica se ci sono riferimenti da cercare e se i bottoni sono abilitati
+                    const hasRefs = allowButtonsRefs && Array.isArray(mergedRefs) && mergedRefs.length > 0;
                     return hasRefs
-                        ? SDK_Globals.tmSession?.NewSearchEngine().FindAllReferencesAsync(TID, DID, refs) ?? Promise.resolve(undefined)
+                        ? SDK_Globals.tmSession?.NewSearchEngine().FindAllReferencesAsync(TID, DID, mergedRefs) ?? Promise.resolve(undefined)
                         : Promise.resolve(undefined);
                 })()
             ];
@@ -342,8 +365,8 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         context: SearchResultContext.DCMT_FORM,
         documentData: {
             dtd: fromDTD,
-            selectedItems: currentDcmt ? [{ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, rowIndex: 0 }] : [],
-            focusedItem: currentDcmt ? { TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, rowIndex: 0 } : undefined,
+            selectedItems: currentDcmt ? [{ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, ISSIGNED: currentDcmt.isSigned ?? 0, rowIndex: 0 }] : [],
+            focusedItem: currentDcmt ? { TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, ISSIGNED: currentDcmt.isSigned ?? 0, rowIndex: 0 } : undefined,
             searchResult: currentSearchResults ? currentSearchResults[0] : undefined,
             currentSearchResults,
             currentMetadataValues: formData,
@@ -385,7 +408,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         },
         callbacks: {
             // Refresh operations (data consistency)
-            onRefreshSearchAsync,
+            onRefreshSearchAsync: loadDocumentFormDataAsync,
             onSavedAsyncCallback,
             // Workflow operations
             onWFOperationCompleted,
@@ -413,7 +436,6 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         if (!allowButtonsRefs)
             setDcmtReferences(undefined);
     }, [allowButtonsRefs]);
-    const { workflowApproveData, getWorkItemsByDID } = useWorkflowApprove();
     const fetchErrorShownRef = useRef(false);
     useEffect(() => {
         if (!TID)
@@ -467,12 +489,12 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                 // Distinguish between initial load and navigation
                 if (isInitialLoading) {
                     // First load - keep isInitialLoading true
-                    await onRefreshSearchAsync();
+                    await loadDocumentFormDataAsync();
                 }
                 else {
                     // Navigation - use isNavigating instead
                     setIsNavigating(true);
-                    await onRefreshSearchAsync();
+                    await loadDocumentFormDataAsync();
                 }
             }
             catch (e) {
@@ -486,7 +508,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             }
         };
         run();
-    }, [TID, DID, onRefreshSearchAsync]);
+    }, [TID, DID, loadDocumentFormDataAsync]);
     useEffect(() => {
         if (formData.length > 0) {
             setValidationItems(validateMetadataList(formData));
@@ -495,14 +517,16 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                 did: formData.find(o => o.mid == SystemMIDsAsNumber.DID)?.value,
                 fileCount: formData.find(o => o.mid == SystemMIDsAsNumber.FileCount)?.value,
                 fileSize: formData.find(o => o.mid == SystemMIDsAsNumber.FileSize)?.value,
-                fileExt: formData.find(o => o.mid == SystemMIDsAsNumber.FileExt)?.value
+                fileExt: formData.find(o => o.mid == SystemMIDsAsNumber.FileExt)?.value,
+                isSigned: formData.find(o => o.mid == SystemMIDsAsNumber.IsSigned)?.value?.toString() === '1' ? 1 : 0,
             };
             if (!currentDcmt ||
                 currentDcmt.tid !== newDcmt.tid ||
                 currentDcmt.did !== newDcmt.did ||
                 currentDcmt.fileExt !== newDcmt.fileExt ||
                 currentDcmt.fileSize !== newDcmt.fileSize ||
-                currentDcmt.fileCount !== newDcmt.fileCount) {
+                currentDcmt.fileCount !== newDcmt.fileCount ||
+                currentDcmt.isSigned !== newDcmt.isSigned) {
                 setCurrentDcmt(newDcmt);
             }
         }
@@ -1238,7 +1262,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             },
             {
                 id: 'tmDcmtPreview',
-                name: SDKUI_Localizator.PreviewDocument,
+                name: layoutMode === LayoutModes.Update ? SDKUI_Localizator.PreviewDocument : SDKUI_Localizator.UploadFile,
                 contentOptions: { component: tmDcmtPreview },
                 toolbarOptions: {
                     icon: _jsx(IconShow, { fontSize: 24 }),
@@ -1421,8 +1445,8 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                         position: 'relative',
                         overflow: 'hidden'
                     }, children: [_jsxs("div", { style: { width: '100%', height: '100%', display: isOpenDetails || isOpenMaster ? 'none' : 'flex' }, children: [isNavigating && _jsx(Spinner, { description: SDKUI_Localizator.Loading, flat: false }), (fromDTD) && _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: useWaitPanelLocalState ? showWaitPanelLocal : showWaitPanel, showWaitPanelPrimary: useWaitPanelLocalState ? showPrimaryLocal : showPrimary, showWaitPanelSecondary: useWaitPanelLocalState ? showSecondaryLocal : showSecondary, waitPanelTitle: useWaitPanelLocalState ? waitPanelTitleLocal : waitPanelTitle, waitPanelTextPrimary: useWaitPanelLocalState ? waitPanelTextPrimaryLocal : waitPanelTextPrimary, waitPanelValuePrimary: useWaitPanelLocalState ? waitPanelValuePrimaryLocal : waitPanelValuePrimary, waitPanelMaxValuePrimary: useWaitPanelLocalState ? waitPanelMaxValuePrimaryLocal : waitPanelMaxValuePrimary, waitPanelTextSecondary: useWaitPanelLocalState ? waitPanelTextSecondaryLocal : waitPanelTextSecondary, waitPanelValueSecondary: useWaitPanelLocalState ? waitPanelValueSecondaryLocal : waitPanelValueSecondary, waitPanelMaxValueSecondary: useWaitPanelLocalState ? waitPanelMaxValueSecondaryLocal : waitPanelMaxValueSecondary, isCancelable: useWaitPanelLocalState ? dcmtFile ? dcmtFile.size >= 1000000 : false : true, abortController: useWaitPanelLocalState ? abortControllerLocal : abortController, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: [(groupId && groupId.length > 0)
-                                                ? _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })
-                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile ? hasSavedLayout() : false, persistPanelStates: !isMobile ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: getPersistedPanelStates(), children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] }), isOpenDistinctValues &&
+                                                ? _jsxs(_Fragment, { children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] })
+                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile ? hasSavedLayout() : false, persistPanelStates: !isMobile ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: getPersistedPanelStates(), children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] }), isOpenDistinctValues &&
                                                 _jsx(TMDistinctValues, { tid: TID, mid: focusedMetadataValue?.mid, isModal: true, showHeader: false, layoutMode: layoutMode, onClosePanelCallback: () => setIsOpenDistinctValues(false), onSelectionChanged: (e) => {
                                                         if (!e)
                                                             return;
@@ -1512,7 +1536,7 @@ const validateMaxLength = (mvd, value, validationItems) => {
 };
 //#endregion Validation
 // Synchronizes panel visibility and toolbar button disabled states when panels become disabled
-const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled }) => {
+const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled, isPreviewDisabled }) => {
     const { setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility } = useTMPanelManagerContext();
     useEffect(() => {
         // Aggiorna lo stato disabled del bottone toolbar
@@ -1520,6 +1544,7 @@ const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoar
         setToolbarButtonDisabled('tmBlog', isBoardDisabled);
         setToolbarButtonDisabled('tmWF', isWFDisabled);
         setToolbarButtonDisabled('tmDcmtTasks', isDcmtTasksDisabled);
+        setToolbarButtonDisabled('tmDcmtPreview', isPreviewDisabled);
         // Chiude il pannello solo se è attualmente visibile e deve essere disabilitato
         if (isSysMetadataDisabled && panelVisibility['tmSysMetadata']) {
             setPanelVisibilityById('tmSysMetadata', false);
@@ -1533,7 +1558,10 @@ const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoar
         if (isDcmtTasksDisabled && panelVisibility['tmDcmtTasks']) {
             setPanelVisibilityById('tmDcmtTasks', false);
         }
-    }, [isSysMetadataDisabled, isBoardDisabled, isWFDisabled, isDcmtTasksDisabled, setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility]);
+        if (isPreviewDisabled && panelVisibility['tmDcmtPreview']) {
+            setPanelVisibilityById('tmDcmtPreview', false);
+        }
+    }, [isSysMetadataDisabled, isBoardDisabled, isWFDisabled, isDcmtTasksDisabled, isPreviewDisabled, setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility]);
     return null;
 };
 const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, fromDTD, currentDcmt, layoutMode, dcmtFile, deviceType, isVisible, onFileUpload, openFileUploaderPdfEditor, enableDragDropOverlay = false, onScanRequest }) => {

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

@@ -1,22 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useRef } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { ObjectClasses, SDK_Globals } from "@topconsultnpm/sdk-ts";
-import { TASK_MORE_INFO_PREFIX_NAME, SDKUI_Localizator, PDGS_COLORS } from "../../../helper";
+import { TASK_MORE_INFO_PREFIX_NAME, SDKUI_Localizator, PDGS_COLORS, calcResponsiveSizes } from "../../../helper";
 import { TMColors } from "../../../utils/theme";
-import { ReferencesContainer, StyledReferenceButton } from "../../base/Styled";
+import { StyledReferenceButton } from "../../base/Styled";
 import TMButton from "../../base/TMButton";
+import TMModal from "../../base/TMModal";
 import TMTooltip from "../../base/TMTooltip";
 import { WorkFlowOperationButtons } from "../workflow/TMWorkflowPopup";
 const TMDcmtFormActionButtons = (props) => {
     const { showToppyForApprove, workItems, deviceType, isMobile, handleSignApprove, updateShowApprovePopup, updateShowRejectPopup, updateShowReAssignPopup, updateShowMoreInfoPopup, fromDTD, showToppyForCompleteMoreInfo, moreInfoTasks, setShowCommentForm, showToppyForReferences, dcmtReferences, referenceActionMap, handleNavigateToReference, setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask } = props;
+    const [showAllMoreInfoModal, setShowAllMoreInfoModal] = useState(false);
+    const [showAllDossiersModal, setShowAllDossiersModal] = useState(false);
+    const [showAllWorkingGroupsModal, setShowAllWorkingGroupsModal] = useState(false);
     const tasksNumber = useMemo(() => moreInfoTasks?.length ?? 0, [moreInfoTasks]);
-    const currentTask = useMemo(() => {
+    const firstTask = useMemo(() => {
         if (!moreInfoTasks || moreInfoTasks.length === 0)
             return null;
-        if (moreInfoTasks.length === 1)
-            return moreInfoTasks[0];
-        // If there are multiple tasks, we cannot determine which one is relevant, so we return null
-        return null;
+        return moreInfoTasks[0];
     }, [moreInfoTasks]);
     const { hasMoreInfo, hasApprove, hasReferences } = useMemo(() => {
         const referencesExist = showToppyForReferences && dcmtReferences?.some(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup);
@@ -31,8 +32,31 @@ const TMDcmtFormActionButtons = (props) => {
         showToppyForReferences,
         dcmtReferences
     ]);
+    // Raggruppa references per categoria
+    const { dossierRefs, workingGroupRefs } = useMemo(() => {
+        const dossiers = dcmtReferences?.filter(ref => ref.objClass === ObjectClasses.Dossier) ?? [];
+        const workingGroups = dcmtReferences?.filter(ref => ref.objClass === ObjectClasses.WorkingGroup) ?? [];
+        return { dossierRefs: dossiers, workingGroupRefs: workingGroups };
+    }, [dcmtReferences]);
+    const refButtonMouseMoved = useRef(false);
+    const handleRefButtonMouseDown = useCallback(() => { refButtonMouseMoved.current = false; }, []);
+    const handleRefButtonMouseMove = useCallback(() => { refButtonMouseMoved.current = true; }, []);
+    const handleRefButtonClick = useCallback((ref) => {
+        if (!refButtonMouseMoved.current) {
+            handleNavigateToReference(ref);
+        }
+    }, [handleNavigateToReference]);
     const Divider = () => (_jsx("div", { style: { height: '1px', width: '100%', background: 'linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent)', margin: '3px 0', opacity: 0.8, } }));
-    return _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [hasMoreInfo && (tasksNumber === 1 ? (_jsx("div", { style: { display: 'flex', gap: "10px", flexDirection: 'column', alignItems: 'center' }, children: _jsx("div", { style: {
+    const truncate = (str, maxLength) => str && str.length > maxLength ? str.substring(0, maxLength) + '...' : str;
+    const formatBadgeCount = (count) => count > 99 ? '99+' : `+${count}`;
+    const renderMoreInfoCard = (task, showOthersIndicator = false) => {
+        const userID = SDK_Globals.tmSession?.SessionDescr?.userID;
+        const isSender = task?.fromID !== undefined && task.fromID === userID;
+        const isRecipient = task?.toID !== undefined && task.toID === userID;
+        const senderNameTruncated = task?.fromName ? truncate(task.fromName, 30) : 'N/A';
+        const recipientNameTruncated = task?.toName ? truncate(task.toName, 30) : 'N/A';
+        const taskNameTrunc = task?.name ? truncate(task.name.replace(TASK_MORE_INFO_PREFIX_NAME ?? '', ''), 30) : 'N/A';
+        return (_jsxs("div", { style: { position: 'relative', display: 'flex' }, children: [_jsxs("div", { style: {
                         padding: '10px',
                         color: '#FFFFFF',
                         maxWidth: '240px',
@@ -46,58 +70,218 @@ const TMDcmtFormActionButtons = (props) => {
                         textAlign: 'center',
                         gap: '10px',
                         cursor: 'default',
-                    }, children: (() => {
+                        flex: 1,
+                    }, children: [(isSender && !isRecipient) && (_jsx(TaskLink, { messagePrefix: `Hai richiesto maggiori informazioni a "${recipientNameTruncated}" tramite l'attività`, name: task.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: task.description ?? 'N/A', currentTask: task, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask })), (isRecipient && !isSender) && (_jsxs("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                alignItems: 'center',
+                                gap: '10px'
+                            }, children: [_jsx(TaskLink, { messagePrefix: `"${senderNameTruncated}" ti ha richiesto maggiori informazioni tramite l'attività`, name: task.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: task.description ?? 'N/A', currentTask: task, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx("span", { className: "dx-icon-chat" }), caption: SDKUI_Localizator.CommentAndComplete, width: "180px", disabled: false, onClick: () => setShowCommentForm(true), onMouseDown: e => e.stopPropagation(), advancedColor: TMColors.success, color: "success" })] })), (!isSender && !isRecipient) && (_jsx(TaskLink, { messagePrefix: `Richiesta maggiori informazioni tramite l'attività`, name: task.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: task.description ?? 'N/A', currentTask: task, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask }))] }), showOthersIndicator && tasksNumber > 1 && ((() => {
+                    const bgColor = '#0077BE';
+                    const bgColorHover = '#1E90FF';
+                    return (_jsx("div", { onClick: () => setShowAllMoreInfoModal(true), onMouseDown: e => e.stopPropagation(), style: {
+                            position: 'absolute',
+                            right: '-36px',
+                            top: '50%',
+                            transform: 'translateY(-50%)',
+                            width: '28px',
+                            height: '28px',
+                            background: bgColor,
+                            border: '2px solid rgba(255,255,255,0.5)',
+                            borderRadius: '50%',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            cursor: 'pointer',
+                            color: '#FFFFFF',
+                            fontSize: '11px',
+                            fontWeight: 700,
+                            boxShadow: '0 2px 8px rgba(0, 0, 50, 0.3)',
+                            transition: 'all 0.2s',
+                        }, onMouseEnter: e => {
+                            e.currentTarget.style.background = bgColorHover;
+                            e.currentTarget.style.transform = 'translateY(-50%) scale(1.1)';
+                        }, onMouseLeave: e => {
+                            e.currentTarget.style.background = bgColor;
+                            e.currentTarget.style.transform = 'translateY(-50%)';
+                        }, children: formatBadgeCount(tasksNumber - 1) }));
+                })())] }));
+    };
+    const renderReferenceCard = (ref, allRefs, showOthersIndicator, onShowAll, onClickRef) => {
+        const mapEntry = referenceActionMap[String(ref.objClass)];
+        const label = mapEntry?.label ?? 'Vai a riferimento';
+        const othersCount = allRefs.length - 1;
+        let backgroundColor;
+        switch (ref.objClass) {
+            case ObjectClasses.WorkingGroup:
+                backgroundColor = PDGS_COLORS.WORKING_GROUP;
+                break;
+            case ObjectClasses.Dossier:
+                backgroundColor = PDGS_COLORS.DOSSIER;
+                break;
+            case ObjectClasses.Document:
+                backgroundColor = PDGS_COLORS.DOCUMENT;
+                break;
+            default:
+                backgroundColor = "#C2388B";
+                break;
+        }
+        return (_jsxs("div", { style: { position: 'relative', display: 'inline-flex' }, children: [_jsxs(StyledReferenceButton, { onMouseDown: handleRefButtonMouseDown, onMouseMove: handleRefButtonMouseMove, onClick: () => {
+                        handleRefButtonClick(ref);
+                        onClickRef?.();
+                    }, onDoubleClick: (e) => { e.preventDefault(); e.stopPropagation(); }, "$bgColor": backgroundColor, children: [_jsx("span", { children: label }), _jsx("span", { children: `"${ref.objName}"` })] }), showOthersIndicator && othersCount > 0 && (_jsx("div", { onClick: (e) => { e.stopPropagation(); onShowAll(); }, onMouseDown: e => e.stopPropagation(), style: {
+                        position: 'absolute',
+                        right: '-36px',
+                        top: '50%',
+                        transform: 'translateY(-50%)',
+                        width: '28px',
+                        height: '28px',
+                        background: backgroundColor,
+                        border: '2px solid rgba(255,255,255,0.5)',
+                        borderRadius: '50%',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        cursor: 'pointer',
+                        color: '#FFFFFF',
+                        fontSize: '11px',
+                        fontWeight: 700,
+                        boxShadow: '0 2px 8px rgba(0, 0, 50, 0.3)',
+                        transition: 'all 0.2s',
+                    }, onMouseEnter: e => {
+                        e.currentTarget.style.filter = 'brightness(1.2)';
+                        e.currentTarget.style.transform = 'translateY(-50%) scale(1.1)';
+                    }, onMouseLeave: e => {
+                        e.currentTarget.style.filter = 'none';
+                        e.currentTarget.style.transform = 'translateY(-50%)';
+                    }, children: formatBadgeCount(othersCount) }))] }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [hasMoreInfo && firstTask && (_jsx("div", { style: { display: 'flex', gap: "10px", flexDirection: 'column', alignItems: 'center', paddingRight: tasksNumber > 1 ? '36px' : '0' }, children: renderMoreInfoCard(firstTask, tasksNumber > 1) })), hasMoreInfo && hasApprove && _jsx(Divider, {}), hasApprove && (workItems.length === 1 ?
+                        _jsx(WorkFlowOperationButtons, { dtd: fromDTD, deviceType: deviceType, onApprove: () => updateShowApprovePopup(true), onSignApprove: handleSignApprove, onReject: () => updateShowRejectPopup(true), onReAssign: () => updateShowReAssignPopup(true), onMoreInfo: () => updateShowMoreInfoPopup(true) })
+                        :
+                            _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Questo documento è associato a ${workItems.length} workitem.`, _jsx("br", {}), `Per approvare, vai alla pagina "Approvazione workflow".`] })), (hasApprove && hasReferences) || (hasMoreInfo && !hasApprove && hasReferences) ? (_jsx(Divider, {})) : null, hasReferences && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px', alignItems: 'center' }, children: [dossierRefs.length > 0 && (_jsx("div", { style: { paddingRight: dossierRefs.length > 1 ? '36px' : '0' }, children: renderReferenceCard(dossierRefs[0], dossierRefs, dossierRefs.length > 1, () => setShowAllDossiersModal(true)) })), workingGroupRefs.length > 0 && (_jsx("div", { style: { paddingRight: workingGroupRefs.length > 1 ? '36px' : '0' }, children: renderReferenceCard(workingGroupRefs[0], workingGroupRefs, workingGroupRefs.length > 1, () => setShowAllWorkingGroupsModal(true)) }))] }))] }), showAllMoreInfoModal && moreInfoTasks && moreInfoTasks.length > 1 && (_jsx(TMModal, { title: `Altre richieste maggiori informazioni (${moreInfoTasks.length - 1})`, onClose: () => setShowAllMoreInfoModal(false), width: calcResponsiveSizes(deviceType, '450px', '450px', '95%'), height: 'auto', children: _jsx("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '8px',
+                        padding: '15px',
+                        maxHeight: '50vh',
+                        overflowY: 'auto',
+                        scrollbarWidth: 'thin',
+                        scrollbarColor: '#888 #f1f1f1'
+                    }, children: moreInfoTasks.slice(1).map((task, index) => {
                         const userID = SDK_Globals.tmSession?.SessionDescr?.userID;
-                        const isSender = currentTask?.fromID !== undefined && currentTask.fromID === userID;
-                        const isRecipient = currentTask?.toID !== undefined && currentTask.toID === userID;
-                        const truncate = (str, maxLength) => str && str.length > maxLength ? str.substring(0, maxLength) + '...' : str;
-                        const senderNameTruncated = currentTask?.fromName ? truncate(currentTask.fromName, 30) : 'N/A';
-                        const recipientNameTruncated = currentTask?.toName ? truncate(currentTask.toName, 30) : 'N/A';
-                        const taskNameTrunc = currentTask?.name ? truncate(currentTask.name.replace(TASK_MORE_INFO_PREFIX_NAME ?? '', ''), 30) : 'N/A';
-                        return (_jsxs(_Fragment, { children: [(isSender && !isRecipient) && (_jsx(TaskLink, { messagePrefix: `Hai richiesto maggiori informazioni a "${recipientNameTruncated}" tramite l'attività`, name: currentTask.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: currentTask.description ?? 'N/A', currentTask: currentTask, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask })), (isRecipient && !isSender) && (_jsxs("div", { style: {
-                                        display: 'flex',
-                                        flexDirection: 'column',
-                                        alignItems: 'center',
-                                        gap: '10px'
-                                    }, children: [_jsx(TaskLink, { messagePrefix: `"${senderNameTruncated}" ti ha richiesto maggiori informazioni tramite l'attività`, name: currentTask.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: currentTask.description ?? 'N/A', currentTask: currentTask, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx("span", { className: "dx-icon-chat" }), caption: SDKUI_Localizator.CommentAndComplete, width: "180px", disabled: false, onClick: () => setShowCommentForm(true), onMouseDown: e => e.stopPropagation(), advancedColor: TMColors.success, color: "success" })] }))] }));
-                    })() }) })) : (_jsx("div", { style: {
-                    padding: '10px',
-                    color: '#FFFFFF',
-                    maxWidth: '240px',
-                    background: 'linear-gradient(135deg, #1E90FF 0%, #0077BE 60%, #00509E 100%)',
-                    border: '1px solid rgba(255,255,255,0.15)',
-                    boxShadow: '0 8px 20px rgba(0, 0, 50, 0.4)',
-                    backdropFilter: 'blur(6px)',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                    textAlign: 'center',
-                    gap: '10px',
-                    cursor: 'default',
-                }, children: `Ci sono ${moreInfoTasks?.length ?? 0} richieste di maggiori informazioni. ${SDKUI_Localizator.ManageFromTaskPanel}` }))), hasMoreInfo && hasApprove && _jsx(Divider, {}), hasApprove && (workItems.length === 1 ?
-                _jsx(WorkFlowOperationButtons, { dtd: fromDTD, deviceType: deviceType, onApprove: () => updateShowApprovePopup(true), onSignApprove: handleSignApprove, onReject: () => updateShowRejectPopup(true), onReAssign: () => updateShowReAssignPopup(true), onMoreInfo: () => updateShowMoreInfoPopup(true) })
-                :
-                    _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Questo documento è associato a ${workItems.length} workitem.`, _jsx("br", {}), `Per approvare, vai alla pagina "Approvazione workflow".`] })), (hasApprove && hasReferences) || (hasMoreInfo && !hasApprove && hasReferences) ? (_jsx(Divider, {})) : null, hasReferences && (_jsx(ReferencesContainer, { children: dcmtReferences?.filter(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup)
-                    .map((ref, index) => {
-                    const mapEntry = referenceActionMap[String(ref.objClass)];
-                    const label = mapEntry?.label ?? 'Vai a riferimento';
-                    let backgroundColor;
-                    switch (ref.objClass) {
-                        case ObjectClasses.WorkingGroup:
-                            backgroundColor = PDGS_COLORS.WORKING_GROUP;
-                            break;
-                        case ObjectClasses.Dossier:
-                            backgroundColor = PDGS_COLORS.DOSSIER;
-                            break;
-                        case ObjectClasses.Document:
-                            backgroundColor = PDGS_COLORS.DOCUMENT;
-                            break;
-                        default:
-                            backgroundColor = "#C2388B";
-                            break;
-                    }
-                    return (_jsxs(StyledReferenceButton, { onClick: () => handleNavigateToReference(ref), onDoubleClick: (e) => { e.preventDefault(); e.stopPropagation(); }, "$bgColor": backgroundColor, children: [_jsx("span", { children: label }), _jsx("span", { children: `"${ref.objName}"` })] }, `ref-${index}-${ref.objID}`));
-                }) }))] });
+                        const isSender = task?.fromID !== undefined && task.fromID === userID;
+                        const isRecipient = task?.toID !== undefined && task.toID === userID;
+                        const taskName = task?.name?.replace(TASK_MORE_INFO_PREFIX_NAME ?? '', '') ?? 'N/A';
+                        let roleInfo = '';
+                        if (isSender && !isRecipient) {
+                            roleInfo = `Richiesta a: ${task.toName ?? 'N/A'}`;
+                        }
+                        else if (isRecipient && !isSender) {
+                            roleInfo = `Da: ${task.fromName ?? 'N/A'}`;
+                        }
+                        return (_jsxs("div", { onClick: () => {
+                                setShowMoreInfoTaskPopup(true);
+                                setShowMoreInfoTaskTask(task);
+                                setShowAllMoreInfoModal(false);
+                            }, style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: '12px',
+                                padding: '12px 16px',
+                                borderRadius: '8px',
+                                backgroundColor: '#f5f5f5',
+                                cursor: 'pointer',
+                                transition: 'background-color 0.2s',
+                            }, onMouseEnter: e => e.currentTarget.style.backgroundColor = '#e8e8e8', onMouseLeave: e => e.currentTarget.style.backgroundColor = '#f5f5f5', children: [_jsx("div", { style: {
+                                        width: '8px',
+                                        height: '8px',
+                                        borderRadius: '50%',
+                                        backgroundColor: '#0077BE',
+                                        flexShrink: 0
+                                    } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px' }, children: [_jsx("span", { style: {
+                                                fontSize: '1rem',
+                                                color: '#333',
+                                                wordBreak: 'break-word',
+                                                fontWeight: 500
+                                            }, children: taskName }), roleInfo && (_jsx("span", { style: {
+                                                fontSize: '1rem',
+                                                color: '#333',
+                                                wordBreak: 'break-word'
+                                            }, children: roleInfo }))] })] }, `moreinfo-task-${index}-${task.id}`));
+                    }) }) })), showAllDossiersModal && dossierRefs.length > 1 && (_jsx(TMModal, { title: `Altre ${SDKUI_Localizator.Dossiers} (${dossierRefs.length - 1})`, onClose: () => setShowAllDossiersModal(false), width: calcResponsiveSizes(deviceType, '450px', '450px', '95%'), height: calcResponsiveSizes(deviceType, 'auto', 'auto', '95%'), children: _jsx("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '8px',
+                        padding: '15px',
+                        maxHeight: '50vh',
+                        overflowY: 'auto',
+                        scrollbarWidth: 'thin',
+                        scrollbarColor: '#888 #f1f1f1'
+                    }, children: dossierRefs.slice(1).map((ref, index) => {
+                        const mapEntry = referenceActionMap[String(ref.objClass)];
+                        const label = mapEntry?.label ?? 'Vai a riferimento';
+                        return (_jsxs("div", { onClick: () => { handleNavigateToReference(ref); setShowAllDossiersModal(false); }, style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: '12px',
+                                padding: '12px 16px',
+                                borderRadius: '8px',
+                                backgroundColor: '#f5f5f5',
+                                cursor: 'pointer',
+                                transition: 'background-color 0.2s',
+                            }, onMouseEnter: e => e.currentTarget.style.backgroundColor = '#e8e8e8', onMouseLeave: e => e.currentTarget.style.backgroundColor = '#f5f5f5', children: [_jsx("div", { style: {
+                                        width: '8px',
+                                        height: '8px',
+                                        borderRadius: '50%',
+                                        backgroundColor: PDGS_COLORS.DOSSIER,
+                                        flexShrink: 0
+                                    } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px' }, children: [_jsxs("span", { style: {
+                                                fontSize: '1rem',
+                                                color: '#333'
+                                            }, children: [label, ":"] }), _jsx("span", { style: {
+                                                fontSize: '1rem',
+                                                color: '#333',
+                                                wordBreak: 'break-word',
+                                                fontWeight: 500
+                                            }, children: ref.objName })] })] }, `dossier-ref-${index}-${ref.objID}`));
+                    }) }) })), showAllWorkingGroupsModal && workingGroupRefs.length > 1 && (_jsx(TMModal, { title: `Altri ${SDKUI_Localizator.WorkingGroups} (${workingGroupRefs.length - 1})`, onClose: () => setShowAllWorkingGroupsModal(false), width: calcResponsiveSizes(deviceType, '450px', '450px', '95%'), height: calcResponsiveSizes(deviceType, 'auto', 'auto', '95%'), children: _jsx("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '8px',
+                        padding: '15px',
+                        maxHeight: '50vh',
+                        overflowY: 'auto',
+                        scrollbarWidth: 'thin',
+                        scrollbarColor: '#888 #f1f1f1'
+                    }, children: workingGroupRefs.slice(1).map((ref, index) => {
+                        const mapEntry = referenceActionMap[String(ref.objClass)];
+                        const label = mapEntry?.label ?? 'Vai a riferimento';
+                        return (_jsxs("div", { onClick: () => { handleNavigateToReference(ref); setShowAllWorkingGroupsModal(false); }, style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: '12px',
+                                padding: '12px 16px',
+                                borderRadius: '8px',
+                                backgroundColor: '#f5f5f5',
+                                cursor: 'pointer',
+                                transition: 'background-color 0.2s',
+                            }, onMouseEnter: e => e.currentTarget.style.backgroundColor = '#e8e8e8', onMouseLeave: e => e.currentTarget.style.backgroundColor = '#f5f5f5', children: [_jsx("div", { style: {
+                                        width: '8px',
+                                        height: '8px',
+                                        borderRadius: '50%',
+                                        backgroundColor: PDGS_COLORS.WORKING_GROUP,
+                                        flexShrink: 0
+                                    } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px' }, children: [_jsxs("span", { style: {
+                                                fontSize: '1rem',
+                                                color: '#333'
+                                            }, children: [label, ":"] }), _jsx("span", { style: {
+                                                fontSize: '1rem',
+                                                color: '#333',
+                                                wordBreak: 'break-word',
+                                                fontWeight: 500
+                                            }, children: ref.objName })] })] }, `wg-ref-${index}-${ref.objID}`));
+                    }) }) }))] }));
 };
 export default TMDcmtFormActionButtons;
 const TaskLink = (props) => {

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

@@ -25,7 +25,9 @@ export declare const TMNothingToShow: ({ text, secondText, fileExt, icon }: {
     fileExt?: string;
     icon?: any;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const StyledHeaderIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledHeaderIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & {
     $color: string;
-}>> & string;
-export declare const StyledPanelStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & {
+    $color: string;
+}, never>>> & string;
+export declare const StyledPanelStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

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

@@ -8,7 +8,10 @@ const TMDragDropOverlay = (props) => {
     useEffect(() => {
         const handleWindowDragEnter = (e) => {
             e.preventDefault();
-            setDragOver(true);
+            // Attiva solo se si trascina un file
+            if (e.dataTransfer?.types.includes('Files')) {
+                setDragOver(true);
+            }
         };
         const handleWindowDragOver = (e) => {
             e.preventDefault();
@@ -60,7 +63,9 @@ const TMDragDropOverlay = (props) => {
             boxShadow: '0 8px 20px rgba(0,0,0,0.3)',
             backdropFilter: 'blur(5px)',
             transition: 'opacity 0.2s, transform 0.2s, background 0.2s',
-        }, onDragEnter: (e) => { e.preventDefault(); e.stopPropagation(); setDragOver(true); }, onDragOver: (e) => { e.preventDefault(); e.stopPropagation(); setDragOver(true); }, onDragLeave: (e) => {
+        }, onDragEnter: (e) => { e.preventDefault(); e.stopPropagation(); if (e.dataTransfer?.types.includes('Files'))
+            setDragOver(true); }, onDragOver: (e) => { e.preventDefault(); e.stopPropagation(); if (e.dataTransfer?.types.includes('Files'))
+            setDragOver(true); }, onDragLeave: (e) => {
             e.preventDefault();
             e.stopPropagation();
             // Solo se il cursore ha lasciato il div principale