@topconsultnpm/sdkui-react 6.20.0-dev1.122 → 6.20.0-dev1.124

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/documents/TMDcmtForm.js

@@ -38,7 +38,7 @@ import WFDiagram from '../workflow/diagram/WFDiagram';
 import TMTooltip from '../../base/TMTooltip';
 import TMDcmtTasks from './TMDcmtTasks';
 import TMToppyMessage from '../../../helper/TMToppyMessage';
-import { getTaskAssignedToMe } from '../tasks/TMTasksUtils';
+import { getTaskAssignedByMe, getTaskAssignedToMe } from '../tasks/TMTasksUtils';
 import TMCustomButton from '../../base/TMCustomButton';
 import { useCheckInOutOperations } from '../../../hooks/useCheckInOutOperations';
 import TMViewHistoryDcmt from '../search/TMViewHistoryDcmt';
@@ -1353,89 +1353,112 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         'tmWF': false,
         'tmDcmtTasks': false,
     };
-    const initialPanels = useMemo(() => [
-        {
-            id: 'tmDcmtForm',
-            name: SDK_Localizator.Metadatas,
-            contentOptions: {
-                component: tmDcmtForm,
-                isClosable: isClosable,
-                panelContainer: {
-                    showHeader: showHeader,
-                    title: fromDTD?.nameLoc,
-                    allowMaximize: !isMobile,
-                    onBack: showBackButton ? (isClosable && deviceType !== DeviceType.MOBILE) ? undefined : handleClose : undefined,
-                    onClose: isClosable ? () => { } : undefined,
-                    toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {})
+    const getDcmtTasksCounter = (TID, DID, allTasks) => {
+        if (!TID || !DID || !allTasks || allTasks.length === 0) {
+            return {
+                assignedToMe: 0,
+                assignedByMe: 0
+            };
+        }
+        try {
+            const assignedToMe = getTaskAssignedToMe(allTasks).filter(task => task.iD1?.toString() === TID.toString() && task.iD2?.toString() === DID.toString() && task.state !== Task_States.Completed).length ?? 0;
+            const assignedByMe = getTaskAssignedByMe(allTasks).filter(task => task.iD1?.toString() === TID.toString() && task.iD2?.toString() === DID.toString() && task.state !== Task_States.Completed).length ?? 0;
+            return {
+                assignedToMe,
+                assignedByMe
+            };
+        }
+        catch (error) {
+            return {
+                assignedToMe: 0,
+                assignedByMe: 0
+            };
+        }
+    };
+    const initialPanels = useMemo(() => {
+        const { assignedToMe, assignedByMe } = getDcmtTasksCounter(TID, DID, allTasks);
+        const panels = [
+            {
+                id: 'tmDcmtForm',
+                name: SDK_Localizator.Metadatas,
+                contentOptions: {
+                    component: tmDcmtForm,
+                    isClosable: isClosable,
+                    panelContainer: {
+                        showHeader: showHeader,
+                        title: fromDTD?.nameLoc,
+                        allowMaximize: !isMobile,
+                        onBack: showBackButton ? (isClosable && deviceType !== DeviceType.MOBILE) ? undefined : handleClose : undefined,
+                        onClose: isClosable ? () => { } : undefined,
+                        toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {})
+                    },
                 },
+                toolbarOptions: {
+                    icon: _jsx(IconPreview, { fontSize: 24 }),
+                    visible: true,
+                    orderNumber: 1,
+                    isActive: allInitialPanelVisibility['tmDcmtForm']
+                }
             },
-            toolbarOptions: {
-                icon: _jsx(IconPreview, { fontSize: 24 }),
-                visible: true,
-                orderNumber: 1,
-                isActive: allInitialPanelVisibility['tmDcmtForm']
-            }
-        },
-        {
-            id: 'tmBlog',
-            name: SDKUI_Localizator.BlogCase,
-            contentOptions: { component: tmBlog, panelContainer: { title: SDKUI_Localizator.BlogCase, allowMaximize: !isMobile } },
-            toolbarOptions: {
-                icon: _jsx(IconBoard, { fontSize: 24 }),
-                visible: true,
-                disabled: isBoardDisabled,
-                orderNumber: 2,
-                isActive: allInitialPanelVisibility['tmBlog']
-            }
-        },
-        {
-            id: 'tmSysMetadata',
-            name: SDKUI_Localizator.MetadataSystem,
-            contentOptions: { component: tmSysMetadata, panelContainer: { title: SDKUI_Localizator.MetadataSystem, allowMaximize: !isMobile } },
-            toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: true, disabled: isSysMetadataDisabled, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
-        },
-        {
-            id: 'tmDcmtPreview',
-            name: SDKUI_Localizator.PreviewDocument,
-            contentOptions: { component: tmDcmtPreview },
-            toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), disabled: isPreviewDisabled, visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
-        },
-        {
-            id: 'tmWF',
-            name: "Workflow",
-            contentOptions: {
-                component: tmWF,
-                panelContainer: {
-                    title: "Workflow", allowMaximize: !isMobile
+            {
+                id: 'tmBlog',
+                name: SDKUI_Localizator.BlogCase,
+                contentOptions: { component: tmBlog, panelContainer: { title: SDKUI_Localizator.BlogCase, allowMaximize: !isMobile } },
+                toolbarOptions: {
+                    icon: _jsx(IconBoard, { fontSize: 24 }),
+                    visible: true,
+                    disabled: isBoardDisabled,
+                    orderNumber: 2,
+                    isActive: allInitialPanelVisibility['tmBlog']
                 }
             },
-            toolbarOptions: {
-                icon: _jsx(IconWorkflow, { fontSize: 24 }),
-                visible: true,
-                disabled: isWFDisabled,
-                orderNumber: 5,
-                isActive: allInitialPanelVisibility['tmWF']
-            }
-        },
-        {
-            id: 'tmDcmtTasks',
-            name: SDKUI_Localizator.Widget_Activities,
-            contentOptions: {
-                component: tmDcmtTasks,
+            {
+                id: 'tmSysMetadata',
+                name: SDKUI_Localizator.MetadataSystem,
+                contentOptions: { component: tmSysMetadata, panelContainer: { title: SDKUI_Localizator.MetadataSystem, allowMaximize: !isMobile } },
+                toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: true, disabled: isSysMetadataDisabled, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
             },
-            toolbarOptions: {
-                icon: _jsx(IconActivity, { fontSize: 24 }),
-                visible: layoutMode !== LayoutModes.Ark,
-                orderNumber: 6,
-                isActive: allInitialPanelVisibility['tmDcmtTasks'],
-                count: (TID && DID && allTasks && allTasks.length > 0) ?
-                    getTaskAssignedToMe(allTasks).filter(task => task.iD1?.toString() === TID.toString()
-                        && task.iD2?.toString() === DID.toString()
-                        && task.state !== Task_States.Completed).length ?? 0
-                    : 0
-            }
-        },
-    ], [fromDTD, showBackButton, tmDcmtForm, tmBlog, tmSysMetadata, tmDcmtPreview, tmWF, tmDcmtTasks, isPreviewDisabled, isSysMetadataDisabled, isBoardDisabled, isWFDisabled, inputFile, isClosable, allTasks, DID, TID]);
+            {
+                id: 'tmDcmtPreview',
+                name: SDKUI_Localizator.PreviewDocument,
+                contentOptions: { component: tmDcmtPreview },
+                toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), disabled: isPreviewDisabled, visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
+            },
+            {
+                id: 'tmWF',
+                name: "Workflow",
+                contentOptions: {
+                    component: tmWF,
+                    panelContainer: {
+                        title: "Workflow", allowMaximize: !isMobile
+                    }
+                },
+                toolbarOptions: {
+                    icon: _jsx(IconWorkflow, { fontSize: 24 }),
+                    visible: true,
+                    disabled: isWFDisabled,
+                    orderNumber: 5,
+                    isActive: allInitialPanelVisibility['tmWF']
+                }
+            },
+            {
+                id: 'tmDcmtTasks',
+                name: SDKUI_Localizator.Widget_Activities,
+                contentOptions: {
+                    component: tmDcmtTasks,
+                },
+                toolbarOptions: {
+                    icon: _jsx(IconActivity, { fontSize: 24 }),
+                    visible: layoutMode !== LayoutModes.Ark,
+                    orderNumber: 6,
+                    isActive: allInitialPanelVisibility['tmDcmtTasks'],
+                    count: assignedToMe + assignedByMe,
+                    tooltip: _jsx("div", { children: assignedToMe + assignedByMe === 0 ? (SDKUI_Localizator.Widget_Activities) : (_jsxs("div", { children: [_jsx("div", { style: { textAlign: 'center', fontWeight: 'bold' }, children: SDKUI_Localizator.Widget_Activities }), _jsxs("div", { style: { textAlign: 'left' }, children: [_jsxs("div", { children: [SDKUI_Localizator.AssignedToMe, ": ", assignedToMe] }), _jsxs("div", { children: [SDKUI_Localizator.AssignedByMe, ": ", assignedByMe] })] })] })) })
+                }
+            },
+        ];
+        return panels;
+    }, [fromDTD, showBackButton, tmDcmtForm, tmBlog, tmSysMetadata, tmDcmtPreview, tmWF, tmDcmtTasks, isPreviewDisabled, isSysMetadataDisabled, isBoardDisabled, isWFDisabled, inputFile, isClosable, allTasks, DID, TID]);
     // Retrieves the current document form setting based on the normalized TID
     const getCurrentDcmtFormSetting = () => {
         const settings = SDKUI_Globals.userSettings.dcmtFormSettings;

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/tasks/TMTaskForm.js

@@ -417,7 +417,7 @@ const TMTaskForm = (props) => {
                                                                 const originLabel = getOriginLabel(formData.pdG, formData.iD1Name);
                                                                 if (!originLabel)
                                                                     return null;
-                                                                const maxLength = isMobileDevice ? 10 : 30;
+                                                                const maxLength = isMobileDevice ? 10 : 25;
                                                                 const displayText = originLabel.length > maxLength
                                                                     ? originLabel.slice(0, maxLength) + "..."
                                                                     : originLabel;

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

@@ -302,7 +302,7 @@ export declare class SDKUI_Localizator {
     static get GetFileUploadErrorMessage(): "Fehler beim Hochladen" | "Error during upload" | "Error al subir el archivo" | "Erreur lors du téléchargement" | "Erro ao carregar o arquivo" | "Errore nel caricamento";
     static get GetFolderDeletionErrorMessage(): "Fehler beim Löschen des Ordners" | "Error deleting the folder" | "Error al eliminar la carpeta" | "Erreur lors de la suppression du dossier" | "Erro ao excluir a pasta" | "Errore nell'eliminazione della cartella";
     static get GoTo(): "Gehe zu" | "Go to" | "Ir a" | "Aller à" | "Vai a";
-    static get GoToDocument(): "Gehe zum Dokument" | "Go to document" | "Ir al documento" | "Aller au document" | "Ir ao documento" | "Vai al documento";
+    static get GoToDocument(): "Zum Dokumentformular gehen" | "Go to the document form" | "Ir al formulario del documento" | "Aller au formulaire du document" | "Ir para o formulário do documento" | "Vai al form del documento";
     static get GoToDossier(): "Gehe zur Praxis" | "Go to practice" | "Ir a la práctica" | "Aller à la pratique" | "Ir à prática" | "Vai alla pratica";
     static get GoToToday(): "Gehe zu heute" | "Go to today" | "Ir a hoy" | "Aller à aujourd'hui" | "Ir para hoje" | "Vai a oggi";
     static get GoToWorkgroup(): "Gehe zur Arbeitsgruppe" | "Go to workgroup" | "Ir al grupo de trabajo" | "Aller au groupe de travail" | "Ir para grupo de trabalho" | "Vai al gruppo di lavoro";

package/lib/helper/SDKUI_Localizator.js

@@ -2988,12 +2988,12 @@ export class SDKUI_Localizator {
     }
     static get GoToDocument() {
         switch (this._cultureID) {
-            case CultureIDs.De_DE: return "Gehe zum Dokument";
-            case CultureIDs.En_US: return "Go to document";
-            case CultureIDs.Es_ES: return "Ir al documento";
-            case CultureIDs.Fr_FR: return "Aller au document";
-            case CultureIDs.Pt_PT: return "Ir ao documento";
-            default: return "Vai al documento";
+            case CultureIDs.De_DE: return "Zum Dokumentformular gehen";
+            case CultureIDs.En_US: return "Go to the document form";
+            case CultureIDs.Es_ES: return "Ir al formulario del documento";
+            case CultureIDs.Fr_FR: return "Aller au formulaire du document";
+            case CultureIDs.Pt_PT: return "Ir para o formulário do documento";
+            default: return "Vai al form del documento";
         }
     }
     static get GoToDossier() {

package/lib/helper/helpers.js

@@ -27,7 +27,7 @@ const openApps = async (appModule, tmSession, appRoutes) => {
         toTMSession.SessionDescr = toSessionDescr;
         let str = (JSON.stringify(toTMSession));
         let sessionToBase64 = Buffer.from(str).toString("base64");
-        window.open(appRoutes?.find(route => route.appName === appModule).URL + '/Homepage' + '?session=' + sessionToBase64);
+        window.open(appRoutes?.find(route => route.appName === appModule).URL + '/Homepage' + '?session=' + encodeURIComponent(sessionToBase64));
     }
     catch (e) {
         TMExceptionBoxManager.show({ exception: e.message });

package/package.json

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