@muraldevkit/ui-toolkit 2.64.0 → 2.65.0

package/dist/components/menu/MrlMenu/MrlMenu.d.ts

@@ -1,4 +1,5 @@
 import React, { RefObject } from 'react';
+import { PortalProps } from '../../../components';
 import { MenuPosition, MenuAlignment, ActionState, CustomMenuPosition } from '../constants';
 export interface MrlMenuProps {
     /** Custom position for the menu */
@@ -7,6 +8,15 @@ export interface MrlMenuProps {
     children: React.ReactNode;
     /** Event to close the menu */
     clickOutsideEvent?: 'mouseup' | 'mousedown' | 'click';
+    /**
+     * Disable arrows from opening the menu
+     * - This is useful when you want to disable the default browser behavior of opening a menu on arrow down.
+     *
+     * Example usage: the menu is within a vertical toolbar and you want to use the arrow keys to navigate the toolbar.
+     * By using this prop you can disable the arrow key open/close so that navigating the toolbar does not conflict
+     *  with opening/closing the menu.
+     */
+    disableArrowOpen?: boolean;
     /** Unique identifier for the menu */
     id?: string;
     /**
@@ -39,6 +49,10 @@ export interface MrlMenuProps {
      * @default 10px
      */
     menuOffset?: number;
+    /**
+     * Configuration for the portal component
+     */
+    portalProps?: Omit<PortalProps, 'children'>;
     /**
      * Horizontal and vertical alignment of the menu relative to the trigger element
      * - position 'left', 'right', 'top', 'bottom' position relative to the trigger
@@ -91,7 +105,7 @@ export interface MrlMenuProps {
  * @param {MrlMenuProps} props - The props for the MrlMenu component
  * @returns {Element} - rendered MrlMenu component
  */
-export declare function MrlMenu({ actionState, alignment, children, customPosition, clickOutsideEvent, id, isInternal, isSubMenu, spacing, menuOffset, position, triggerStopPropagation, onClose, triggerRef, ...remainingProps }: MrlMenuProps): JSX.Element;
+export declare function MrlMenu({ actionState, alignment, children, customPosition, clickOutsideEvent, disableArrowOpen, id, isInternal, isSubMenu, spacing, menuOffset, portalProps, position, triggerStopPropagation, onClose, triggerRef, ...remainingProps }: MrlMenuProps): JSX.Element;
 export declare namespace MrlMenu {
     var componentType: string;
 }