@topconsultnpm/sdkui-react 6.20.0-dev1.123 → 6.20.0-dev1.125

package/lib/components/NewComponents/ContextMenu/styles.js

@@ -239,11 +239,11 @@ export const Submenu = styled.div `
   position: fixed;
   left: ${props => {
     const spaceOnRight = globalThis.innerWidth - props.$parentRect.right;
-    return spaceOnRight > 240 ? `${props.$parentRect.right - 8}px` : 'auto';
+    return spaceOnRight > 240 ? `${props.$parentRect.right - 4}px` : 'auto';
 }};
   right: ${props => {
     const spaceOnRight = globalThis.innerWidth - props.$parentRect.right;
-    return spaceOnRight > 240 ? 'auto' : `${globalThis.innerWidth - props.$parentRect.left + 8}px`;
+    return spaceOnRight > 240 ? 'auto' : `${globalThis.innerWidth - props.$parentRect.left + 4}px`;
 }};
   /* Vertical positioning: Each submenu independently decides direction based on its own space */
   top: ${props => {
@@ -266,25 +266,25 @@ export const Submenu = styled.div `
   backdrop-filter: blur(10px);
   border: 1px solid rgba(0, 0, 0, 0.06);
   
-  /* Add invisible padding to bridge the gap - works for both sides */
+  /* Invisible hover bridge on the LEFT side (for submenus opening left) */
   &::before {
     content: '';
     position: absolute;
     right: 100%;
-    top: 0;
-    bottom: 0;
-    width: 15px;
+    top: -20px;
+    bottom: -20px;
+    width: 25px;
     background: transparent;
   }
   
-  /* Bridge on the right side for nested submenus */
+  /* Invisible hover bridge on the RIGHT side (for submenus opening right) */
   &::after {
     content: '';
     position: absolute;
     left: 100%;
-    top: 0;
-    bottom: 0;
-    width: 15px;
+    top: -20px;
+    bottom: -20px;
+    width: 25px;
     background: transparent;
   }
 
@@ -328,30 +328,7 @@ export const Submenu = styled.div `
     &::-webkit-scrollbar-thumb:hover {
       background: rgba(0, 0, 0, 0.3);
     }
-  ` : `
-    /* Fallback max-height for submenus that fit */
-    max-height: calc(100vh - 40px);
-    overflow-y: auto;
-    overflow-x: hidden;
-    
-    &::-webkit-scrollbar {
-      width: 8px;
-    }
-    
-    &::-webkit-scrollbar-track {
-      background: rgba(0, 0, 0, 0.05);
-      border-radius: 4px;
-    }
-    
-    &::-webkit-scrollbar-thumb {
-      background: rgba(0, 0, 0, 0.2);
-      border-radius: 4px;
-    }
-    
-    &::-webkit-scrollbar-thumb:hover {
-      background: rgba(0, 0, 0, 0.3);
-    }
-  `}
+  ` : ``}
   
   [data-theme='dark'] & {
     &::-webkit-scrollbar-track {

package/lib/components/NewComponents/FloatingMenuBar/TMFloatingMenuBar.js

@@ -7,7 +7,7 @@ import * as S from './styles';
 import { IconDelete, IconMenuVertical, IconPin, IconRotate, IconSeparator, SDKUI_Globals } from '../../../helper';
 const Separator = (props) => (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: _jsx("path", { d: "M12 2v20", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" }) }));
 const IconDraggableDots = (props) => (_jsx("svg", { fontSize: 18, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: _jsx("path", { d: "M9 3a2 2 0 11-4 0 2 2 0 014 0zm0 9a2 2 0 11-4 0 2 2 0 014 0zm0 9a2 2 0 11-4 0 2 2 0 014 0zm10-18a2 2 0 11-4 0 2 2 0 014 0zm0 9a2 2 0 11-4 0 2 2 0 014 0zm0 9a2 2 0 11-4 0 2 2 0 014 0z" }) }));
-const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained = false, defaultPosition = { x: 1, y: 90 }, defaultOrientation = 'horizontal', maxItems = 100, contextMenuDefaultPinnedIds = [], defaultItems = [], enableConfigMode = true, bgColor = undefined, hasContextMenu = true, pinnedItemIds: externalPinnedItemIds, onPinChange, }) => {
+const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained = false, defaultPosition = { x: 1, y: 90 }, defaultOrientation = 'horizontal', maxItems = 100, defaultPinnedItems = [], fixedItems = [], enableConfigMode = true, bgColor = undefined, hasContextMenu = true, pinnedItemIds: externalPinnedItemIds, onPinChange, }) => {
     const percentToPixels = (percent, containerSize) => {
         return (percent / 100) * containerSize;
     };
@@ -28,7 +28,7 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
     };
     const getDefaultConfig = () => ({
         orientation: defaultOrientation,
-        savedItemIds: contextMenuDefaultPinnedIds,
+        savedItemIds: defaultPinnedItems,
         position: defaultPosition,
     });
     const resetFloatingBarSettings = () => {
@@ -44,14 +44,14 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
         if (!enableConfigMode) {
             return {
                 orientation: defaultOrientation,
-                savedItemIds: contextMenuDefaultPinnedIds,
+                savedItemIds: defaultPinnedItems,
                 position: defaultPosition,
             };
         }
         try {
             const settings = SDKUI_Globals.userSettings.searchSettings.floatingMenuBar;
-            // If localStorage is empty (first time), use props as defaults
-            if (!settings || !settings.position || !settings.itemIds) {
+            // If localStorage is empty (first time) or itemIds is empty array, use props as defaults
+            if (!settings || !settings.position || !settings.itemIds || settings.itemIds.length === 0) {
                 return getDefaultConfig();
             }
             // Validate position
@@ -145,6 +145,7 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
     const isSyncingFromExternal = useRef(false);
     const isLocalChange = useRef(false);
     const dragStartPosition = useRef(null);
+    const isItemsInitialized = useRef(false);
     useEffect(() => {
         floatingBarItemIds.current = new Set(state.items.map(i => i.id));
         floatingBarItemNames.current = new Set(state.items.map(i => i.name));
@@ -204,49 +205,56 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
         });
         return result;
     }, [state.items]);
-    // Restore items on mount from savedItemIds
+    // Restore items on mount (and when contextMenuItems become available) from savedItemIds
     useEffect(() => {
-        if (contextMenuItems.length > 0 || initialConfig.savedItemIds.length > 0 || defaultItems.length > 0) {
-            const flatItems = flattenMenuItems(contextMenuItems);
-            let itemsToSet = [];
-            // If enableConfigMode is false and defaultItems provided, use only defaultItems
-            if (!enableConfigMode && defaultItems.length > 0) {
-                itemsToSet = defaultItems;
-            }
-            else if (enableConfigMode && initialConfig.savedItemIds.length > 0) {
-                // Restore items in the saved order from localStorage (only if config mode is enabled)
-                const restoredItems = initialConfig.savedItemIds
-                    .map((id) => {
-                    if (id.startsWith('separator-')) {
-                        return {
-                            id,
-                            name: 'Separator',
-                            icon: _jsx(Separator, {}),
-                            onClick: () => { },
-                            isSeparator: true,
-                        };
-                    }
-                    return flatItems.find(item => item.id === id);
-                })
-                    .filter((item) => item !== undefined);
-                itemsToSet = restoredItems;
-            }
-            else if (contextMenuDefaultPinnedIds.length > 0) {
-                // First time: Use contextMenuDefaultPinnedIds from props to find items by ID
-                const defaultPinnedItems = contextMenuDefaultPinnedIds
-                    .map((id) => flatItems.find(item => item.id === id))
-                    .filter((item) => item !== undefined);
-                itemsToSet = defaultPinnedItems;
-            }
-            else if (defaultItems.length > 0) {
-                // Use defaultItems as fallback
-                itemsToSet = defaultItems;
-            }
-            if (itemsToSet.length > 0) {
-                setState(s => ({ ...s, items: itemsToSet }));
+        // For enableConfigMode=false: always sync with fixedItems
+        if (!enableConfigMode) {
+            if (fixedItems.length > 0) {
+                setState(s => ({ ...s, items: fixedItems }));
             }
+            return;
+        }
+        // For enableConfigMode=true: only initialize once
+        if (isItemsInitialized.current)
+            return;
+        // Wait until contextMenuItems is populated
+        if (contextMenuItems.length === 0)
+            return;
+        const flatItems = flattenMenuItems(contextMenuItems);
+        if (flatItems.length === 0)
+            return;
+        let itemsToSet = [];
+        if (initialConfig.savedItemIds.length > 0) {
+            // Restore items in the saved order from localStorage
+            const restoredItems = initialConfig.savedItemIds
+                .map((id) => {
+                if (id.startsWith('separator-')) {
+                    return {
+                        id,
+                        name: 'Separator',
+                        icon: _jsx(Separator, {}),
+                        onClick: () => { },
+                        isSeparator: true,
+                    };
+                }
+                return flatItems.find(item => item.id === id);
+            })
+                .filter((item) => item !== undefined);
+            itemsToSet = restoredItems;
+        }
+        // If still empty, try defaultPinnedItems
+        if (itemsToSet.length === 0 && defaultPinnedItems.length > 0) {
+            const resolvedDefaultItems = defaultPinnedItems
+                .map((id) => flatItems.find(item => item.id === id))
+                .filter((item) => item !== undefined);
+            itemsToSet = resolvedDefaultItems;
         }
-    }, enableConfigMode ? [] : [defaultItems]); // Update when defaultItems change if config mode is disabled
+        if (itemsToSet.length > 0) {
+            isItemsInitialized.current = true;
+            setState(s => ({ ...s, items: itemsToSet }));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [contextMenuItems, fixedItems, enableConfigMode]);
     // Sync with external pinnedItemIds when they change (from parent component)
     useEffect(() => {
         // Skip sync if a local change was just made (e.g. right-click remove/add separator)
@@ -256,6 +264,10 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
         }
         if (externalPinnedItemIds === undefined || !enableConfigMode)
             return;
+        // Skip sync if external is empty but we have initialized items (first login case)
+        // The parent hook starts with [] but we've initialized with defaults
+        if (externalPinnedItemIds.length === 0 && state.items.length > 0)
+            return;
         const flatItems = flattenMenuItems(contextMenuItems);
         // Build items from external pinned IDs
         const itemsFromExternal = externalPinnedItemIds

package/lib/components/NewComponents/FloatingMenuBar/types.d.ts

@@ -16,9 +16,9 @@ export interface TMFloatingMenuBarProps {
     isConstrained?: boolean;
     defaultPosition?: Position;
     maxItems?: number;
-    contextMenuDefaultPinnedIds?: string[];
+    defaultPinnedItems?: string[];
     defaultOrientation?: 'horizontal' | 'vertical';
-    defaultItems?: TMFloatingMenuItem[];
+    fixedItems?: TMFloatingMenuItem[];
     enableConfigMode?: boolean;
     bgColor?: string;
     hasContextMenu?: boolean;

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

@@ -614,7 +614,7 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
                                                 _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, disableAccordionIfSingleCategory: disableAccordionIfSingleCategory, selectedTID: selectedSearchResultTID, selectedSearchResult: selectedSearchResult, autoSelectFirst: !isMobile || currentSearchResults.length === 1, onSelectionChanged: onSearchResultSelectionChanged }) })
                                                 :
                                                     _jsx(_Fragment, {}), _jsx(TMLayoutItem, { children: _jsx(TMSearchResultGrid, { showSearch: showSearch, fromDTD: fromDTD, allUsers: allUsers, inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], lastUpdateSearchTime: lastUpdateSearchTime, openInOffice: openInOffice, onDblClick: () => openFormHandler(LayoutModes.Update), floatingMenuItems: floatingMenuItems, onSelectionChanged: (items) => { setSelectedItems(items); }, onVisibleItemChanged: setVisibleItems, onFocusedItemChanged: setFocusedItem, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync(inputDcmts, downloadType, downloadMode, onFileOpened, confirmAttachments), showExportForm: showExportForm, onCloseExportForm: onCloseExportForm }) })] }), allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE &&
-                                        _jsx(TMFloatingMenuBar, { containerRef: floatingBarContainerRef, contextMenuItems: floatingMenuItems, isConstrained: true, defaultPosition: { x: 1, y: 88 }, contextMenuDefaultPinnedIds: ['rel-det', 'rel-mst', 'dl'], defaultOrientation: 'horizontal', hasContextMenu: false, pinnedItemIds: pinnedItemIds, onPinChange: setPinnedItemIds })] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { TID: focusedItem?.TID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: onWFOperationCompleted, onClose: () => setShowMoreInfoPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: `${SDKUI_Localizator.BatchUpdate} (${getSelectionDcmtInfo().length} documenti selezionati)`, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
+                                        _jsx(TMFloatingMenuBar, { containerRef: floatingBarContainerRef, contextMenuItems: floatingMenuItems, isConstrained: true, defaultPosition: { x: 1, y: 88 }, defaultPinnedItems: ['rel-det', 'rel-mst', 'dl'], defaultOrientation: 'horizontal', hasContextMenu: false, pinnedItemIds: pinnedItemIds, onPinChange: setPinnedItemIds })] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { TID: focusedItem?.TID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: onWFOperationCompleted, onClose: () => setShowMoreInfoPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: `${SDKUI_Localizator.BatchUpdate} (${getSelectionDcmtInfo().length} documenti selezionati)`, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
                                     setIsOpenBatchUpdate(false);
                                 }, onSavedCallbackAsync: async () => {
                                     setIsOpenBatchUpdate(false);

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

@@ -187,55 +187,50 @@ const TMViewHistoryDcmt = (props) => {
         const tooltipContent = (_jsxs("div", { style: { textAlign: 'left' }, children: [_jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "ID:" }), " ", data.id ?? '-'] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "DID:" }), " ", data.DID ?? '-'] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "TID:" }), " ", data.TID ?? '-'] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Author, ":"] }), " ", data.UpdaterDisplayName ?? '-'] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Version, ":"] }), " ", data.Version] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Size, ":"] }), " ", formatBytes(Number(data.FileSize ?? 0))] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.CreationTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(data.CreationTime)] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.LastUpdateTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(data.LastUpdateTime)] })] }));
         return _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx(TMDcmtIcon, { tid: Number(data.TID), did: Number(data.DID), fileExtension: data.FileExt, downloadMode: 'openInNewWindow', tooltipContent: tooltipContent }) });
     }, []);
-    const onContextMenuPreparing = (e) => {
-        if (e === undefined)
-            return;
-        if (e.target === 'content') {
-            e.items = e.items || [];
-            e.items = [
-                {
-                    icon: "datafield",
-                    text: SDKUI_Localizator.OpenForm,
-                    disabled: focusedRowKey === undefined,
-                    onClick: () => setShowDcmtForm(true),
-                },
-                {
-                    icon: "download",
-                    text: 'Download',
-                    disabled: focusedRowKey === undefined,
-                    onClick: () => downloadFilesCallback(),
-                },
-                {
-                    icon: "trash",
-                    text: SDKUI_Localizator.Delete,
-                    disabled: focusedRowKey === undefined,
-                    onClick: deleteFilesCallback,
-                    beginGroup: true
-                },
-                {
-                    icon: showSearch ? "eyeclose" : "eyeopen",
-                    onClick: () => setShowSearch(prevShowSearch => !prevShowSearch),
-                    text: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
-                    visible: true,
-                    disabled: false,
-                    beginGroup: true
-                },
-                {
-                    icon: showId ? 'eyeclose' : 'eyeopen',
-                    onClick: () => setShowId(prevShowId => !prevShowId),
-                    text: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
-                    visible: true,
-                    disabled: false,
-                },
-                {
-                    icon: "refresh",
-                    text: SDKUI_Localizator.Refresh,
-                    disabled: false,
-                    onClick: loadData,
-                },
-            ];
-        }
-    };
+    const customContextMenuItems = useMemo(() => {
+        return [
+            {
+                icon: _jsx("span", { className: "dx-icon-datafield" }),
+                name: SDKUI_Localizator.OpenForm,
+                disabled: focusedRowKey === undefined,
+                onClick: () => setShowDcmtForm(true),
+            },
+            {
+                icon: _jsx("span", { className: "dx-icon-download" }),
+                name: 'Download',
+                disabled: focusedRowKey === undefined,
+                onClick: () => downloadFilesCallback(),
+            },
+            {
+                icon: _jsx("span", { className: "dx-icon-trash" }),
+                name: SDKUI_Localizator.Delete,
+                disabled: focusedRowKey === undefined,
+                onClick: deleteFilesCallback,
+                beginGroup: true
+            },
+            {
+                icon: _jsx("span", { className: showSearch ? "dx-icon-eyeclose" : "dx-icon-eyeopen" }),
+                onClick: () => setShowSearch(prevShowSearch => !prevShowSearch),
+                name: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
+                visible: true,
+                disabled: false,
+                beginGroup: true
+            },
+            {
+                icon: _jsx("span", { className: showId ? "dx-icon-eyeclose" : "dx-icon-eyeopen" }),
+                onClick: () => setShowId(prevShowId => !prevShowId),
+                name: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
+                visible: true,
+                disabled: false,
+            },
+            {
+                icon: _jsx("span", { className: "dx-icon-refresh" }),
+                name: SDKUI_Localizator.Refresh,
+                disabled: false,
+                onClick: async () => await loadData(),
+            },
+        ];
+    }, [focusedRowKey, showSearch, showId]);
     // Handler for double-click cell event
     const onCellDblClick = useCallback((e) => {
         if (e.column.dataField === "FileExt")
@@ -279,7 +274,7 @@ const TMViewHistoryDcmt = (props) => {
             { dataField: "LastUpdateTimeDisplay", caption: SDKUI_Localizator.LastUpdateTime },
         ]);
     }, [showId]);
-    return _jsx(TMModal, { title: `${SDKUI_Localizator.SearchResult} \u2014 ${SDKUI_Localizator.History + ": " + (fromDTD.nameLoc ?? SDKUI_Localizator.Document) + " (DID:" + inputDcmt.DID})`, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '80%', '80%', '95%'), onClose: onClose, children: _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: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showLocalWaitPanel, showWaitPanelPrimary: showLocalPrimary, waitPanelTitle: waitLocalPanelTitle, waitPanelTextPrimary: waitLocalPanelTextPrimary, waitPanelValuePrimary: waitLocalPanelValuePrimary, waitPanelMaxValuePrimary: waitLocalPanelMaxValuePrimary, isCancelable: true, abortController: abortLocalController, children: [_jsx(TMDataGrid, { dataSource: dcmtHistory, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selection: selection, onContextMenuPreparing: onContextMenuPreparing, onFocusedRowChanged: onFocusedRowChanged, onCellDblClick: onCellDblClick, noDataText: SDKUI_Localizator.NoDataToDisplay, showSearchPanel: showSearch }), (showDcmtForm && selectedDcmt !== undefined) &&
+    return _jsx(TMModal, { title: `${SDKUI_Localizator.SearchResult} \u2014 ${SDKUI_Localizator.History + ": " + (fromDTD.nameLoc ?? SDKUI_Localizator.Document) + " (DID:" + inputDcmt.DID})`, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '80%', '80%', '95%'), onClose: onClose, children: _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: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showLocalWaitPanel, showWaitPanelPrimary: showLocalPrimary, waitPanelTitle: waitLocalPanelTitle, waitPanelTextPrimary: waitLocalPanelTextPrimary, waitPanelValuePrimary: waitLocalPanelValuePrimary, waitPanelMaxValuePrimary: waitLocalPanelMaxValuePrimary, isCancelable: true, abortController: abortLocalController, children: [_jsx(TMDataGrid, { dataSource: dcmtHistory, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selection: selection, customContextMenuItems: customContextMenuItems, onFocusedRowChanged: onFocusedRowChanged, onCellDblClick: onCellDblClick, noDataText: SDKUI_Localizator.NoDataToDisplay, showSearchPanel: showSearch }), (showDcmtForm && selectedDcmt !== undefined) &&
                         _jsx(TMDcmtForm, { TID: Number(selectedDcmt.TID), DID: Number(selectedDcmt.DID), formMode: FormModes.ReadOnly, isModal: true, widthModal: "95%", heightModal: "95%", titleModal: fromDTD.name ?? SDKUI_Localizator.SearchResult, allowNavigation: dcmtHistory.length > 0, itemIndex: selectedIndex + 1, count: dcmtHistory.length, onClose: () => { setShowDcmtForm(false); }, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, moreInfoTasks: getMoreInfoTasksForDocument(allTasks ?? [], Number(selectedDcmt.TID), Number(selectedDcmt.DID)) })] }) }) });
 };
 export default TMViewHistoryDcmt;

package/lib/components/features/workflow/diagram/WFDiagram.js

@@ -1822,7 +1822,7 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
     }, [isFullScreen]);
     const diagramContent = (_jsxs(CanvasContainer, { onDoubleClick: handleCanvasDoubleClick, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".xml" // Filtra per file XML
                 , onChange: handleFileChange, style: { display: 'none' } }), SDK_Globals.tmSession?.SessionDescr?.appModuleID === AppModules.SURFER ?
-                _jsx(TMFloatingMenuBar, { containerRef: diagramRef, defaultPosition: { x: 45, y: 85 }, enableConfigMode: false, defaultItems: [
+                _jsx(TMFloatingMenuBar, { containerRef: diagramRef, defaultPosition: { x: 45, y: 85 }, enableConfigMode: false, fixedItems: [
                         { icon: _jsx(IconZoomIn, {}), name: SDKUI_Localizator.ZoomIn, disabled: isAutoZoomEnabled, onClick: () => { handleZoomIn(); }, id: 'zoom-in', isPinned: true },
                         { icon: _jsx(IconZoomOut, {}), name: SDKUI_Localizator.ZoomOut, disabled: isAutoZoomEnabled, onClick: () => { handleZoomOut(); }, id: 'zoom-out', isPinned: true },
                         { icon: _jsx(IconZoomAuto, {}), name: 'AutoZoom', onClick: () => { handleToggleAutoZoom(); }, id: 'zoom-auto', isPinned: true, isToggle: isAutoZoomEnabled },

package/lib/helper/SDKUI_Localizator.d.ts

@@ -83,8 +83,7 @@ export declare class SDKUI_Localizator {
     static get Calendar(): "Kalender" | "Calendar" | "Calendario" | "Calendrier" | "Calendário";
     static get CancelCheckOut(): string;
     static get CassettoDoganaleExportMRN(): "MRN-Erholung für den Export" | "MRN recovery for export" | "Recuperación MRN para exportación" | "Récupération MRN pour l'export" | "Recuperação MRN para exportação" | "Recupero MRN per Export";
-    static get CassettoDoganaleExportVU(): "Wiederherstellung des Ausreisevisums" | "Exit Visa Recovery" | "Recuperación de Visa de Salida" | "Sortie Récupération Visa" | "Recuperação de Visto de Saída" | "Recupero Visto Uscire per Export";
-    static get CassettoDoganaleExportEUR1(): "EUR1-Erholung für den Export" | "EUR1 recovery for export" | "Recuperación EUR1 para exportación" | "Récupération EUR1 pour l'export" | "Recuperação EUR1 para exportação" | "Recupero EUR1 per Export";
+    static get CassettoDoganaleExportVUEur1(): "Wiederherstellung des Ausreisevisums" | "Exit Visa Recovery" | "Recuperación de Visa de Salida" | "Sortie Récupération Visa" | "Recuperação de Visto de Saída" | "Recupero Visto Uscire ed EUR1 per Export";
     static get CassettoDoganaleImportMRN(): "MRN-Erholung für den Import" | "MRN recovery for import" | "Recuperación MRN para importación" | "Récupération MRN à l'import" | "Recuperação MRN para importação" | "Recupero MRN per Import";
     static get CassettoDoganalePlus_UserName(): "STD-Benutzer des ADM-Portals" | "STD User of the ADM Portal" | "Usuario STD del Portal ADM" | "Utilisateur STD du portail ADM" | "Utilizador DST do Portal ADM" | "Utente STD del Portale ADM";
     static get Cancel(): "Abbrechen" | "Cancel" | "Anular" | "Annuler" | "Cancelar" | "Annulla";
@@ -256,7 +255,7 @@ export declare class SDKUI_Localizator {
     static get ExportMRNOuputFile(): "Dateipfad für den Export (MRN)" | "File Path for Export (MRN)" | "Ruta de archivo para exportación (MRN)" | "Chemin du fichier à exporter (MRN)" | "Caminho do arquivo para exportação (MRN)" | "Percorso del File per Export (MRN)";
     static get ExportVU(): "Exportieren – Gesehener Ausgang" | "Export - Seen Exit" | "Exportar - Salida vista" | "Exporter - Vu Sortie" | "Exportar - Saída vista" | "Export - Visto Uscire";
     static get ExportVUDayBack(): "Anzahl der Tage für die Exportdatenwiederherstellung (Gesehener Ausgang)" | "Number of days for export data recovery (Seen Exit)" | "Número de días para la recuperación de datos de exportación (Salida vista)" | "Nombre de jours pour la récupération des données d'exportation (Vu Sortie)" | "Número de dias para recuperação de dados de exportação (Saída vista)" | "Numero di giorni per il recupero dei dati di Export (Visto Uscire)";
-    static get ExportVUOuputFile(): "Dateipfad für den Export (Gesehener Ausgang)" | "File Path for Export (Seen Exit)" | "Ruta de archivo para exportación (Salida vista)" | "Chemin du fichier à exporter (Vu Sortie)" | "Caminho do arquivo para exportação (Saída vista)" | "Percorso del File per Export (Visto Uscire)";
+    static get ExportVUEUR1OuputFile(): "Dateipfad für den Export (Gesehener Ausgang und EUR1)" | "File Path for Export (Seen Exit and EUR1)" | "Ruta de archivo para exportación (Salida vista y EUR1)" | "Chemin du fichier à exporter (Vu Sortie et EUR1)" | "Caminho do arquivo para exportação (Saída vista e EUR1)" | "Percorso del File per Export (Visto Uscire ed EUR1)";
     static get Extension(): string;
     static get Favorites(): "Favoriten" | "Favorites" | "Favoritos" | "Favoris" | "Preferiti";
     static get FavoritesAndRecentDcmts(): "Zuletzt verwendete und bevorzugte Dokumente" | "Preferred and recent documents" | "Documentos preferidos y recientes" | "Documents préférés et récents" | "Documentos preferidos e recentes" | "Documenti preferiti e recenti";
@@ -355,7 +354,7 @@ export declare class SDKUI_Localizator {
     static get Login(): string;
     static get LogDelete(): "Löschen der Logik" | "Logical delete" | "Cancelación lógica" | "Suppression logique" | "Lógica de cancelamento" | "Cancellazione logica";
     static get Logout(): "Abmelden" | "Logout" | "Cerrar sesión" | "Déconnexion" | "Sair" | "Esci";
-    static get LogScreenFolder(): "Ordner für Screenshot-Protokolle" | "Log screenshot folder" | "Carpeta de registro de capturas de pantalla" | "Dossier de journal des captures d'écran" | "Pasta de log de capturas de tela" | "Cartella di log screenshot";
+    static get LogFolder(): "Protokollordner" | "Log folder" | "Carpeta de registro" | "Dossier de journal" | "Pasta de registro" | "Cartella di log";
     static get Low(): "Niedrig" | "Low" | "Baja" | "Faible" | "Baixa" | "Bassa";
     static get MakeEditable(): "Bearbeitbar machen" | "Make editable" | "Hacer editable" | "Rendre modifiable" | "Faça editável" | "Rendi editabile";
     static get ManageFromTaskPanel(): string;

package/lib/helper/SDKUI_Localizator.js

@@ -785,24 +785,14 @@ export class SDKUI_Localizator {
             default: return "Recupero MRN per Export";
         }
     }
-    static get CassettoDoganaleExportVU() {
+    static get CassettoDoganaleExportVUEur1() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Wiederherstellung des Ausreisevisums";
             case CultureIDs.En_US: return "Exit Visa Recovery";
             case CultureIDs.Es_ES: return "Recuperación de Visa de Salida";
             case CultureIDs.Fr_FR: return "Sortie Récupération Visa";
             case CultureIDs.Pt_PT: return "Recuperação de Visto de Saída";
-            default: return "Recupero Visto Uscire per Export";
-        }
-    }
-    static get CassettoDoganaleExportEUR1() {
-        switch (this._cultureID) {
-            case CultureIDs.De_DE: return "EUR1-Erholung für den Export";
-            case CultureIDs.En_US: return "EUR1 recovery for export";
-            case CultureIDs.Es_ES: return "Recuperación EUR1 para exportación";
-            case CultureIDs.Fr_FR: return "Récupération EUR1 pour l'export";
-            case CultureIDs.Pt_PT: return "Recuperação EUR1 para exportação";
-            default: return "Recupero EUR1 per Export";
+            default: return "Recupero Visto Uscire ed EUR1 per Export";
         }
     }
     static get CassettoDoganaleImportMRN() {
@@ -2527,14 +2517,14 @@ export class SDKUI_Localizator {
             default: return "Numero di giorni per il recupero dei dati di Export (Visto Uscire)";
         }
     }
-    static get ExportVUOuputFile() {
+    static get ExportVUEUR1OuputFile() {
         switch (this._cultureID) {
-            case CultureIDs.De_DE: return "Dateipfad für den Export (Gesehener Ausgang)";
-            case CultureIDs.En_US: return "File Path for Export (Seen Exit)";
-            case CultureIDs.Es_ES: return "Ruta de archivo para exportación (Salida vista)";
-            case CultureIDs.Fr_FR: return "Chemin du fichier à exporter (Vu Sortie)";
-            case CultureIDs.Pt_PT: return "Caminho do arquivo para exportação (Saída vista)";
-            default: return "Percorso del File per Export (Visto Uscire)";
+            case CultureIDs.De_DE: return "Dateipfad für den Export (Gesehener Ausgang und EUR1)";
+            case CultureIDs.En_US: return "File Path for Export (Seen Exit and EUR1)";
+            case CultureIDs.Es_ES: return "Ruta de archivo para exportación (Salida vista y EUR1)";
+            case CultureIDs.Fr_FR: return "Chemin du fichier à exporter (Vu Sortie et EUR1)";
+            case CultureIDs.Pt_PT: return "Caminho do arquivo para exportação (Saída vista e EUR1)";
+            default: return "Percorso del File per Export (Visto Uscire ed EUR1)";
         }
     }
     static get Extension() {
@@ -3516,14 +3506,14 @@ export class SDKUI_Localizator {
             default: return "Esci";
         }
     }
-    static get LogScreenFolder() {
+    static get LogFolder() {
         switch (this._cultureID) {
-            case CultureIDs.De_DE: return "Ordner für Screenshot-Protokolle";
-            case CultureIDs.En_US: return "Log screenshot folder";
-            case CultureIDs.Es_ES: return "Carpeta de registro de capturas de pantalla";
-            case CultureIDs.Fr_FR: return "Dossier de journal des captures d'écran";
-            case CultureIDs.Pt_PT: return "Pasta de log de capturas de tela";
-            default: return "Cartella di log screenshot";
+            case CultureIDs.De_DE: return "Protokollordner";
+            case CultureIDs.En_US: return "Log folder";
+            case CultureIDs.Es_ES: return "Carpeta de registro";
+            case CultureIDs.Fr_FR: return "Dossier de journal";
+            case CultureIDs.Pt_PT: return "Pasta de registro";
+            default: return "Cartella di log";
         }
     }
     static get Low() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.123",
+  "version": "6.20.0-dev1.125",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",