@topconsultnpm/sdkui-react 6.22.0-dev2.28 → 6.22.0-dev2.29

package/lib/components/base/TMDataGrid.js

@@ -36,6 +36,9 @@ const TMDataGrid = React.forwardRef((props, ref) => {
     const [customContextMenuVisible, setCustomContextMenuVisible] = useState(false);
     const [customContextMenuPosition, setCustomContextMenuPosition] = useState({ x: 0, y: 0 });
     const [customContextMenuRowKey, setCustomContextMenuRowKey] = useState(undefined);
+    // true quando il menu contestuale viene aperto su spazio vuoto senza alcuna riga di riferimento:
+    // in tal caso i comandi legati alla riga (singleRow/multiRow) devono risultare disabilitati
+    const [customContextMenuOnEmptyArea, setCustomContextMenuOnEmptyArea] = useState(false);
     const gridContainerRef = useRef(null);
     // Ref per evitare focus ripetuti sulla search panel
     const searchPanelFocusedRef = useRef(false);
@@ -76,16 +79,17 @@ const TMDataGrid = React.forwardRef((props, ref) => {
                 const rowKey = internalRef.current.instance().getKeyByRowIndex(rowIndex);
                 internalRef.current.instance().option('focusedRowKey', rowKey);
                 setCustomContextMenuRowKey(rowKey);
+                setCustomContextMenuOnEmptyArea(false);
             }
             else {
                 // Right-click su spazio vuoto: ricade sulla riga focalizzata solo se esiste ancora.
-                // Dopo un'eliminazione focusedRowKey può puntare a una riga non più presente:
-                // in tal caso non si mostra il menu (evita di riproporre le azioni della riga eliminata)
+                // Se non c'è una riga focalizzata (es. primo click dopo l'apertura) o se focusedRowKey punta a
+                // una riga non più presente (dopo un'eliminazione), il menu viene comunque mostrato ma senza
+                // riga di riferimento: i comandi di riga restano disabilitati, quelli generali utilizzabili
                 const grid = internalRef.current?.instance();
                 const focusedRowExists = focusedRowKey !== undefined && !!grid && grid.getRowIndexByKey(focusedRowKey) >= 0;
-                if (!focusedRowExists)
-                    return;
-                setCustomContextMenuRowKey(focusedRowKey);
+                setCustomContextMenuRowKey(focusedRowExists ? focusedRowKey : undefined);
+                setCustomContextMenuOnEmptyArea(!focusedRowExists);
             }
             setCustomContextMenuVisible(true);
             setCustomContextMenuPosition({ x: e.clientX, y: e.clientY });
@@ -122,6 +126,7 @@ const TMDataGrid = React.forwardRef((props, ref) => {
             setCustomContextMenuVisible(true);
             setCustomContextMenuPosition({ x: clientX, y: clientY });
             setCustomContextMenuRowKey(rowKey);
+            setCustomContextMenuOnEmptyArea(false);
         },
     });
     // Creating a ref to store the timestamp of the last selection change
@@ -230,7 +235,8 @@ const TMDataGrid = React.forwardRef((props, ref) => {
         return items.map(item => {
             let disabled = item.disabled ?? false;
             let disabledCalculation = false;
-            const id = focusedRowEnabled ? focusedRowKey : rowID;
+            // Menu aperto su spazio vuoto senza riga di riferimento: nessun id, i comandi di riga sono disabilitati
+            const id = customContextMenuOnEmptyArea ? undefined : (focusedRowEnabled ? focusedRowKey : rowID);
             if (item.operationType === 'singleRow') {
                 disabledCalculation = selectedRowKeys.length > 1 || id === undefined;
             }
@@ -245,7 +251,10 @@ const TMDataGrid = React.forwardRef((props, ref) => {
                     if (item.operationType === 'singleRow' && id !== undefined) {
                         originalOnClick(id);
                     }
-                    else if (item.operationType === 'multiRow' && id !== undefined) {
+                    else if (item.operationType === 'multiRow' && (selectedRowKeys.length > 0 || id !== undefined)) {
+                        // Condizione allineata a quella di disabilitazione: con righe selezionate il comando è
+                        // attivo anche senza riga di riferimento (es. menu aperto su spazio vuoto), quindi qui
+                        // devono comunque essere passate le chiavi selezionate e non un onClick senza argomenti
                         if (selectedRowKeys.length > 0) {
                             originalOnClick(selectedRowKeys);
                         }
@@ -260,7 +269,7 @@ const TMDataGrid = React.forwardRef((props, ref) => {
                 submenu: item.submenu ? processCustomContextMenuItems(item.submenu, id) : undefined,
             };
         });
-    }, [focusedRowEnabled, focusedRowKey, selectedRowKeys]);
+    }, [focusedRowEnabled, focusedRowKey, selectedRowKeys, customContextMenuOnEmptyArea]);
     // Gestisce la preparazione del menu contestuale della griglia (header e righe)
     const onContextMenuPreparingCallback = useCallback((e) => {
         if (e === undefined)

package/lib/components/base/TMFileManager.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { extractTextsFromDirectory, findFileItems, setFolderTreeViewItems } from "./TMFileManagerUtils";
+import { extractTextsFromDirectory, findFileItems, resolveFileItemUserNames, setFolderTreeViewItems } from "./TMFileManagerUtils";
 import { DeviceType, useDeviceType } from "./TMDeviceProvider";
 import { formatBytes, Globalization, IconDashboard, IconFolder, IconHide, IconList, IconMenuVertical, IconRefresh, IconShow, SDKUI_Globals, SDKUI_Localizator, TMCommandsContextMenu, TMConditionalWrapper } from "../../helper";
 import TMContextMenu from '../NewComponents/ContextMenu/TMContextMenu';
@@ -91,10 +91,12 @@ const TMFileManager = (props) => {
                     (Globalization.getDateTimeDisplayValue(item.lastUpdateTime)?.toLowerCase().toString().includes(searchText.toLowerCase().trim())) ||
                     (Globalization.getDateTimeDisplayValue(item.creationTime)?.toLowerCase().toString().includes(searchText.toLowerCase().trim())) ||
                     (item.version?.toString().includes(searchText.toLowerCase().trim()))));
-            setFilteredFileItems(filtered);
+            // I nomi utente possono mancare quando la lista viene ricostruita senza i partecipanti
+            // (es. refresh dopo la condivisione di un file): vengono risolti qui dagli ID
+            setFilteredFileItems(filtered.map(item => resolveFileItemUserNames(item, allUsers)));
         };
         filterItems();
-    }, [searchText, selectedFolder]);
+    }, [searchText, selectedFolder, allUsers]);
     // Callback to handle the "back" action (closing the draft list view)
     const onBackCallback = useCallback(() => {
         setOpenDraftList(false);

package/lib/components/base/TMFileManagerUtils.d.ts

@@ -26,6 +26,14 @@ export interface FileItem {
     version?: number;
     isSigned?: number;
 }
+/**
+ * Completa i nomi utente (autore e utente di check-out) di un FileItem quando mancano, risolvendoli dagli ID.
+ * buildFolderHierarchy popola i nomi solo se riceve la lista dei partecipanti: nei refresh parziali
+ * (es. dopo la condivisione di un nuovo file) i partecipanti possono non essere disponibili e i nomi
+ * arrivano vuoti, svuotando la colonna Autore fino al ricaricamento completo.
+ * Restituisce lo stesso oggetto se non c'è nulla da risolvere, per non invalidare le reference inutilmente.
+ */
+export declare const resolveFileItemUserNames: (item: FileItem, users: Array<UserDescriptor>) => FileItem;
 export interface TMFileManagerTreeViewDirectory {
     id: number;
     text: string;

package/lib/components/base/TMFileManagerUtils.js

@@ -12,6 +12,28 @@ export const isSigned = (ext) => {
     const parts = normalized.split('.');
     return parts.some(part => SIGNATURE_EXTENSIONS.has(part));
 };
+/**
+ * Completa i nomi utente (autore e utente di check-out) di un FileItem quando mancano, risolvendoli dagli ID.
+ * buildFolderHierarchy popola i nomi solo se riceve la lista dei partecipanti: nei refresh parziali
+ * (es. dopo la condivisione di un nuovo file) i partecipanti possono non essere disponibili e i nomi
+ * arrivano vuoti, svuotando la colonna Autore fino al ricaricamento completo.
+ * Restituisce lo stesso oggetto se non c'è nulla da risolvere, per non invalidare le reference inutilmente.
+ */
+export const resolveFileItemUserNames = (item, users) => {
+    if (!users || users.length === 0)
+        return item;
+    const isValidUserID = (id) => id !== undefined && Number.isFinite(id) && id > 0;
+    const needsUpdaterName = !item.updaterName && isValidUserID(item.updaterID);
+    const needsCheckOutUserName = !item.checkOutUserName && isValidUserID(item.checkOutUserID);
+    if (!needsUpdaterName && !needsCheckOutUserName)
+        return item;
+    const resolved = { ...item };
+    if (needsUpdaterName)
+        resolved.updaterName = users.find(user => user.id === item.updaterID)?.name ?? item.updaterName;
+    if (needsCheckOutUserName)
+        resolved.checkOutUserName = users.find(user => user.id === item.checkOutUserID)?.name ?? item.checkOutUserName;
+    return resolved;
+};
 export var TMFileManagerPageSize;
 (function (TMFileManagerPageSize) {
     TMFileManagerPageSize[TMFileManagerPageSize["Small"] = 30] = "Small";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev2.28",
+    "version": "6.22.0-dev2.29",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",