@topconsultnpm/sdkui-react 6.21.0-t5 → 6.21.0

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

@@ -197,6 +197,7 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
                     onClick: item.onClick,
                     disabled: item.disabled,
                     isPinned: isPinned,
+                    visible: item.visible,
                 });
             }
             // Recursively process submenus
@@ -321,7 +322,7 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
             }
         });
     }, [maxItems]);
-    // Get current item state (disabled and onClick) from contextMenuItems
+    // Get current item state (disabled, onClick, visible) from contextMenuItems
     const getCurrentItemState = useCallback((itemId) => {
         const findInItems = (items) => {
             for (let i = 0; i < items.length; i++) {
@@ -341,7 +342,8 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
         const foundItem = findInItems(contextMenuItems);
         return {
             disabled: foundItem?.disabled,
-            onClick: foundItem?.onClick
+            onClick: foundItem?.onClick,
+            visible: foundItem?.visible
         };
     }, [contextMenuItems]);
     // Remove trailing separators from items array
@@ -842,6 +844,14 @@ const TMFloatingMenuBar = ({ containerRef, contextMenuItems = [], isConstrained
                         onClick: toggleOrientation,
                     },
                 ], trigger: "right", children: _jsx(S.GripHandle, { "$orientation": state.orientation, onMouseDown: handleMouseDown, onTouchStart: handleTouchStart, onDoubleClick: handleGripDoubleClick, children: _jsx(IconDraggableDots, {}) }) }), _jsx(S.Separator, { "$orientation": state.orientation }), state.items.map((item, index) => {
+                // Check visibility for non-separator items
+                if (!item.isSeparator) {
+                    const currentState = getCurrentItemState(item.id);
+                    // If contextMenuItems defines visible as false, don't render this item
+                    if (currentState.visible === false) {
+                        return null;
+                    }
+                }
                 // Handle separator items
                 if (item.isSeparator) {
                     return (_jsx(S.DraggableItem, { "$isDragging": state.draggedItemIndex === index, "$isDragOver": dragOverIndex === index && state.draggedItemIndex !== index, draggable: enableConfigMode, onDragStart: (e) => handleDragStart(e, index), onDragEnter: (e) => handleDragEnter(e, index), onDragOver: handleDragOver, onDragLeave: (e) => handleDragLeave(e, index), onDrop: (e) => handleDrop(e, index), onDragEnd: handleDragEnd, children: enableConfigMode ? (_jsx(ContextMenu, { items: getSeparatorRightClickMenuItems(index), trigger: "right", children: _jsx(S.ItemSeparator, { "$orientation": state.orientation, "$isConfigMode": false }) })) : (_jsx(S.ItemSeparator, { "$orientation": state.orientation, "$isConfigMode": false })) }, item.id));

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

@@ -9,6 +9,7 @@ export interface TMFloatingMenuItem {
     isSeparator?: boolean;
     isToggle?: boolean;
     staticItem?: React.ReactNode;
+    visible?: boolean;
 }
 export interface TMFloatingMenuBarProps {
     containerRef: React.RefObject<HTMLElement | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.21.0-t5",
+    "version": "6.21.0",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.21.0-t5",
+        "@topconsultnpm/sdk-ts": "6.21.0",
         "@zip.js/zip.js": "2.8.26",
         "buffer": "^6.0.3",
         "devextreme": "^25.2.6",