@cube-dev/ui-kit 0.66.0 → 0.67.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @cube-dev/ui-kit
 
+## 0.67.0
+
+### Minor Changes
+
+- [#725](https://github.com/cube-js/cube-ui-kit/pull/725) [`4b789d2b`](https://github.com/cube-js/cube-ui-kit/commit/4b789d2bddc3bee1c91194c2d76b1c5946cc9cbc) Thanks [@tenphi](https://github.com/tenphi)! - Add useEventBus hook to emit global events and subscribe to them.
+
+- [#725](https://github.com/cube-js/cube-ui-kit/pull/725) [`4b789d2b`](https://github.com/cube-js/cube-ui-kit/commit/4b789d2bddc3bee1c91194c2d76b1c5946cc9cbc) Thanks [@tenphi](https://github.com/tenphi)! - Add useContextMenu hook to invoke a context menu in the exact place of the click.
+
+- [#725](https://github.com/cube-js/cube-ui-kit/pull/725) [`4b789d2b`](https://github.com/cube-js/cube-ui-kit/commit/4b789d2bddc3bee1c91194c2d76b1c5946cc9cbc) Thanks [@tenphi](https://github.com/tenphi)! - Add useAnchoredMenu hook to programmatically invoke a menu anchored to the specific element.
+
+## 0.66.1
+
+### Patch Changes
+
+- [#722](https://github.com/cube-js/cube-ui-kit/pull/722) [`7eaf393`](https://github.com/cube-js/cube-ui-kit/commit/7eaf393cedb574237afee6579ab21b7abf57f83e) Thanks [@tenphi](https://github.com/tenphi)! - Fix a bug when CommandMenu is unable to be navigated via keys when the search input is filled with any value.
+
 ## 0.66.0
 
 ### Minor Changes

package/es/_internal/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-chained-callback.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-debounced-value.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-deprecation-warning.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-effect-once.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-event.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-is-first-render.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-sync-ref.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-timer/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-timer/timer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-timer/use-timer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-update-effect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-warn.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/_internal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/Block.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/GlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/HiddenInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/OpenTrasition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/Root.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 
@@ -14,6 +14,7 @@ import { TrackingProvider } from '../providers/TrackingProvider';
 import { BASE_STYLES, BLOCK_STYLES, extractStyles, filterBaseProps, tasty, } from '../tasty';
 import { TOKENS } from '../tokens';
 import { useViewportSize } from '../utils/react';
+import { EventBusProvider } from '../utils/react/useEventBus';
 import { GlobalStyles } from './GlobalStyles';
 import { AlertDialogApiProvider } from './overlays/AlertDialog';
 import { NotificationsProvider } from './overlays/NewNotifications/NotificationsContext/NotificationsProvider';
@@ -83,7 +84,7 @@ export function Root(allProps) {
                             ? height + 'px'
                             : '100dvh',
                         ...style,
-                    }, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont, fontDisplay: fontDisplay }), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }) }) }) })] }) }) }) }));
+                    }, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont, fontDisplay: fontDisplay }), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(EventBusProvider, { children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }) }) }) }) })] }) }) }) }));
 }
 
         

package/es/components/actions/Action/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Button/Button.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Button/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/actions/CommandMenu/CommandMenu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 
@@ -148,6 +148,7 @@ function CommandMenuBase(props, ref) {
     const hasSections = collectionItems.some((item) => item.type === 'section');
     // Track focused key for aria-activedescendant
     const [focusedKey, setFocusedKey] = React.useState(null);
+    const focusedKeyRef = useRef(null);
     // Apply filtering to collection items for rendering and empty state checks
     const filteredCollectionItems = useMemo(() => {
         const term = searchValue.trim();
@@ -272,28 +273,31 @@ function CommandMenuBase(props, ref) {
             return () => clearTimeout(timeoutId);
         }
     }, [autoFocus, contextProps.autoFocus]);
+    // Track the previous search value to only run auto-focus when search actually changes
+    const prevSearchValueRef = useRef('');
     // Auto-focus first item when search value changes (but not on initial render)
     React.useEffect(() => {
-        // Only auto-focus when search value changes, not on initial mount
-        if (searchValue.trim() !== '') {
+        const currentSearchValue = searchValue.trim();
+        const prevSearchValue = prevSearchValueRef.current;
+        // Only auto-focus when search value actually changes
+        if (currentSearchValue !== prevSearchValue && currentSearchValue !== '') {
             const firstSelectableKey = findFirstSelectableItem();
             if (firstSelectableKey && hasFilteredItems) {
                 // Focus the first item in the selection manager
                 treeState.selectionManager.setFocusedKey(firstSelectableKey);
                 setFocusedKey(firstSelectableKey);
+                focusedKeyRef.current = firstSelectableKey;
             }
             else {
                 // Clear focus if no items are available
                 treeState.selectionManager.setFocusedKey(null);
                 setFocusedKey(null);
+                focusedKeyRef.current = null;
             }
         }
-    }, [
-        searchValue,
-        findFirstSelectableItem,
-        hasFilteredItems,
-        treeState.selectionManager,
-    ]);
+        // Update the previous search value
+        prevSearchValueRef.current = currentSearchValue;
+    }, [searchValue, findFirstSelectableItem, hasFilteredItems]);
     // Extract styles
     const extractedStyles = useMemo(() => extractStyles(props, CONTAINER_STYLES), [props]);
     // Determine if we should show empty state based on actual filtered collection
@@ -327,74 +331,77 @@ function CommandMenuBase(props, ref) {
                     if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
                         e.preventDefault();
                         const isArrowDown = e.key === 'ArrowDown';
-                        const { selectionManager, collection } = treeState;
-                        const currentKey = selectionManager.focusedKey;
-                        // Helper function to find next selectable key in a direction
-                        const findNextSelectableKey = (startKey, direction) => {
-                            if (startKey == null) {
-                                return null;
-                            }
-                            // First check if the startKey itself is selectable
-                            const startNode = collection.getItem(startKey);
-                            if (startNode &&
-                                startNode.type === 'item' &&
-                                !selectionManager.isDisabled(startKey)) {
-                                return startKey;
-                            }
-                            // If startKey is not selectable, find the next selectable key
-                            let keys = [...collection.getKeys()];
-                            if (direction === 'backward') {
-                                keys = keys.reverse();
-                            }
-                            let startIndex = keys.indexOf(startKey);
-                            if (startIndex === -1) {
-                                return null;
+                        const { selectionManager } = treeState;
+                        // Use the ref to get the current focused key synchronously
+                        const currentKey = focusedKeyRef.current || selectionManager.focusedKey;
+                        // Helper function to get all visible item keys by applying filter to tree state collection
+                        const getVisibleItemKeys = () => {
+                            const keys = [];
+                            const term = searchValue.trim();
+                            // Use the tree state's collection and apply filter manually
+                            for (const item of treeState.collection) {
+                                if (item.type === 'item') {
+                                    const text = item.textValue ?? String(item.rendered ?? '');
+                                    if (enhancedFilter(text, term, item.props)) {
+                                        keys.push(item.key);
+                                    }
+                                }
                             }
-                            for (let i = startIndex + 1; i < keys.length; i++) {
-                                const key = keys[i];
-                                const node = collection.getItem(key);
-                                if (node &&
-                                    node.type === 'item' &&
-                                    !selectionManager.isDisabled(key)) {
+                            return keys;
+                        };
+                        // Helper function to find next selectable key in a direction
+                        const findNextSelectableKey = (currentIndex, direction, visibleKeys) => {
+                            const increment = direction === 'forward' ? 1 : -1;
+                            for (let i = currentIndex + increment; i >= 0 && i < visibleKeys.length; i += increment) {
+                                const key = visibleKeys[i];
+                                if (!selectionManager.isDisabled(key)) {
                                     return key;
                                 }
                             }
                             return null;
                         };
                         // Helper function to find first or last selectable key
-                        const findFirstLastSelectableKey = (direction) => {
-                            const keys = [...collection.getKeys()];
-                            const keysToCheck = direction === 'forward' ? keys : keys.reverse();
+                        const findFirstLastSelectableKey = (direction, visibleKeys) => {
+                            const keysToCheck = direction === 'forward'
+                                ? visibleKeys
+                                : [...visibleKeys].reverse();
                             for (const key of keysToCheck) {
-                                const node = collection.getItem(key);
-                                if (node &&
-                                    node.type === 'item' &&
-                                    !selectionManager.isDisabled(key)) {
+                                if (!selectionManager.isDisabled(key)) {
                                     return key;
                                 }
                             }
                             return null;
                         };
+                        const visibleKeys = getVisibleItemKeys();
+                        if (visibleKeys.length === 0) {
+                            return; // No visible items to navigate
+                        }
                         let nextKey;
                         const direction = isArrowDown ? 'forward' : 'backward';
                         if (currentKey == null) {
                             // No current focus, start from the first/last item
-                            nextKey = findFirstLastSelectableKey(direction);
+                            nextKey = findFirstLastSelectableKey(direction, visibleKeys);
                         }
                         else {
-                            // Find next selectable item from current position
-                            const candidateKey = direction === 'forward'
-                                ? collection.getKeyAfter(currentKey)
-                                : collection.getKeyBefore(currentKey);
-                            nextKey = findNextSelectableKey(candidateKey, direction);
-                            // If no next key found and focus wrapping is enabled, wrap to first/last selectable item
-                            if (nextKey == null) {
-                                nextKey = findFirstLastSelectableKey(direction);
+                            // Find current position in visible keys
+                            const currentIndex = visibleKeys.indexOf(currentKey);
+                            if (currentIndex === -1) {
+                                // Current key not in visible items, start from beginning/end
+                                nextKey = findFirstLastSelectableKey(direction, visibleKeys);
+                            }
+                            else {
+                                // Find next selectable item from current position
+                                nextKey = findNextSelectableKey(currentIndex, direction, visibleKeys);
+                                // If no next key found, wrap to first/last selectable item
+                                if (nextKey == null) {
+                                    nextKey = findFirstLastSelectableKey(direction, visibleKeys);
+                                }
                             }
                         }
                         if (nextKey != null) {
                             selectionManager.setFocusedKey(nextKey);
                             setFocusedKey(nextKey);
+                            focusedKeyRef.current = nextKey; // Update ref immediately
                         }
                     }
                     else if (e.key === 'Enter' ||

package/es/components/actions/CommandMenu/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/actions/CommandMenu/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 
@@ -28,7 +28,6 @@ export const StyledCommandMenu = tasty({
             'popover | tray': '0px 5px 15px #dark.05',
         },
         overflow: 'hidden',
-        width: '20x 50x',
         height: {
             '': 'initial',
             popover: 'initial max-content (50vh - 4x)',

package/es/components/actions/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/MenuItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/MenuSection.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/MenuTrigger.js

@@ -1,48 +1,58 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PressResponder } from '@react-aria/interactions';
 import { useDOMRef, useIsMobileDevice } from '@react-spectrum/utils';
-import { forwardRef, Fragment, useRef } from 'react';
+import { forwardRef, Fragment, useEffect, useMemo, useRef, } from 'react';
 import { DismissButton, useMenuTrigger, useOverlayPosition, } from 'react-aria';
 import { useMenuTriggerState } from 'react-stately';
+import { generateRandomId } from '../../../utils/random';
 import { SlotProvider } from '../../../utils/react';
+import { useEventBus } from '../../../utils/react/useEventBus';
 import { Popover, Tray } from '../../overlays/Modal';
 import { MenuContext } from './context';
 function MenuTrigger(props, ref) {
     const menuPopoverRef = useRef(null);
     const triggerRef = useRef();
     const domRef = useDOMRef(ref);
-    const menuTriggerRef = domRef || triggerRef;
+    const menuTriggerRef = props.targetRef || domRef || triggerRef;
     const menuRef = useRef(null);
-    const { children, align = 'start', shouldFlip = true, direction = 'bottom', closeOnSelect, trigger = 'press', isDisabled, } = props;
+    const { children, shouldFlip = true, closeOnSelect, trigger = 'press', isDisabled, isDummy, } = props;
+    // Generate a unique ID for this menu instance
+    const menuId = useMemo(() => generateRandomId(), []);
+    // Get event bus for menu synchronization
+    const { emit, on } = useEventBus();
     if (!Array.isArray(children) || children.length > 2) {
         throw new Error('MenuTrigger must have exactly 2 children');
     }
     let [menuTrigger, menu] = children;
     const state = useMenuTriggerState(props);
+    // Listen for other menus opening and close this one if needed
+    useEffect(() => {
+        const unsubscribe = on('menu:open', (data) => {
+            // If another menu is opening and this menu is open, close this one
+            if (data.menuId !== menuId && state.isOpen && !isDummy) {
+                state.close();
+            }
+        });
+        return unsubscribe;
+    }, [on, menuId, state]);
+    // Emit event when this menu opens
+    useEffect(() => {
+        if (state.isOpen && !isDummy) {
+            emit('menu:open', { menuId });
+        }
+    }, [state.isOpen, emit, menuId, isDummy]);
     if (typeof menuTrigger === 'function') {
         menuTrigger = menuTrigger(state);
     }
     const { menuTriggerProps, menuProps } = useMenuTrigger({ isDisabled }, state, menuTriggerRef);
-    let initialPlacement;
-    switch (direction) {
-        case 'left':
-        case 'right':
-        case 'start':
-        case 'end':
-            initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
-            break;
-        case 'bottom':
-        case 'top':
-        default:
-            initialPlacement = `${direction} ${align}`;
-    }
+    let initialPlacement = props.placement ?? 'bottom start';
     const isMobile = useIsMobileDevice();
     const { overlayProps: positionProps, placement } = useOverlayPosition({
         targetRef: menuTriggerRef,
@@ -53,8 +63,8 @@ function MenuTrigger(props, ref) {
         isOpen: state.isOpen && !isMobile,
         onClose: state.close,
         containerPadding: props.containerPadding,
-        offset: props.offset || 8,
-        crossOffset: props.crossOffset,
+        offset: props.offset ?? 8,
+        crossOffset: props.crossOffset ?? 0,
     });
     const menuContext = {
         ...menuProps,
@@ -80,9 +90,26 @@ function MenuTrigger(props, ref) {
         overlay = (_jsx(Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }));
     }
     else {
-        overlay = (_jsx(Popover, { ref: menuPopoverRef, hideArrow: true, isNonModal: true, isOpen: state.isOpen, style: positionProps.style, placement: placement, onClose: state.close, children: contents }));
+        overlay = (_jsx(Popover, { ref: menuPopoverRef, hideArrow: true, isNonModal: true, isOpen: state.isOpen, style: positionProps.style, placement: placement, shouldCloseOnInteractOutside: (el) => {
+                const menuTriggerEl = el.closest('[data-menu-trigger]');
+                // If no menu trigger was clicked, allow closing
+                if (!menuTriggerEl)
+                    return true;
+                // For dummy triggers (like useAnchoredMenu), check if the clicked element
+                // is the target element or its descendant
+                if (isDummy &&
+                    (menuTriggerEl === menuTriggerRef.current ||
+                        menuTriggerRef.current?.contains(el))) {
+                    return true;
+                }
+                // If the same trigger that opened this menu was clicked, allow closing
+                if (menuTriggerEl === menuTriggerRef.current)
+                    return true;
+                // Otherwise, don't close (let event mechanism handle it)
+                return false;
+            }, onClose: state.close, children: contents }));
     }
-    return (_jsxs(Fragment, { children: [_jsx(SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: _jsx(PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }) }), _jsx(MenuContext.Provider, { value: menuContext, children: overlay })] }));
+    return (_jsxs(Fragment, { children: [_jsx(SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: !isDummy ? (_jsx(PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, "data-menu-trigger": true, isPressed: state.isOpen, children: menuTrigger })) : null }), _jsx(MenuContext.Provider, { value: menuContext, children: overlay })] }));
 }
 /**
  * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,

package/es/components/actions/Menu/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.0
+ * @cube-dev/ui-kit v0.67.0
  * Released under the MIT license.
  */