@muraldevkit/ui-toolkit 2.29.4 → 2.29.6

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

@@ -6,6 +6,8 @@ interface MrlMenuItemProps {
       Children to be rendered within the menu component
      */
     children: React.ReactNode | string;
+    /** Classname for the menu item */
+    className?: string;
     /** If the menu item is disabled */
     disabled?: boolean;
     /** Icon for menu item */
@@ -27,5 +29,5 @@ interface MrlMenuItemProps {
  * @param {MrlMenuItemProps} props - The props for the MrlMenuItem component
  * @returns {Element} - rendered MrlMenuItem component
  */
-export declare function MrlMenuItem({ ariaDescribedBy, children, dataQa, disabled, icon, id, onClick, selected }: MrlMenuItemProps): JSX.Element;
+export declare function MrlMenuItem({ ariaDescribedBy, children, className, dataQa, disabled, icon, id, onClick, selected }: MrlMenuItemProps): JSX.Element;
 export {};

package/dist/components/menu/demo/MenuWithActionState.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { CustomMenuPosition } from '..';
+import { MenuPosition, MenuAlignment } from '../constants';
+interface MenuWithTriggerProps {
+    position?: MenuPosition;
+    spacing?: 'default' | 'compact';
+    alignment?: MenuAlignment;
+    onClose?: () => void;
+    customPosition?: CustomMenuPosition;
+    triggerAlignment?: 'left' | 'right' | 'center';
+}
+/**
+ * Demo of a menu that is manually opened by setting the action state.
+ *
+ * @param {MenuWithTriggerProps} props - The props for the menu with trigger
+ * @returns {Element} The menu with trigger demo
+ */
+export declare const MenuWithActionState: ({ alignment, position, spacing, customPosition, onClose, triggerAlignment }: MenuWithTriggerProps) => JSX.Element;
+export {};

package/dist/components/menu/hooks/useBrowserEdgeScroll.d.ts

@@ -16,5 +16,5 @@ interface AdjustedElementStyle {
  * @param elementAlign - the alignment of the menu
  * @returns AdjustedElementStyle - returns the new updated style for scrolling the menu
  */
-export declare const useBrowserEdgeScroll: (elementRef: React.RefObject<HTMLElement>, elementAlign?: MenuPosition) => ElementScrollStyles;
+export declare const useBrowserEdgeScroll: (elementRef: React.RefObject<HTMLElement>, elementAlign?: MenuPosition) => ElementScrollStyles | null;
 export {};

package/dist/components/menu/hooks/useSubMenuElementPosition.d.ts

@@ -11,7 +11,8 @@ interface SubMenuPosition {
  * @param isSubMenu - Is the menu a sub menu
  * @param isOpen - Is the element visible
  * @param originalMenuRect - The menu element rect
+ * @param disable - Should the menu be disabled
  * @returns The sub menu position
  */
-export declare const useSubMenuElementPosition: (triggerRef: RefObject<HTMLElement> | undefined, menuRef: RefObject<HTMLDivElement>, isSubMenu: boolean, isOpen: boolean, originalMenuRect: DOMRect | null) => SubMenuPosition;
+export declare const useSubMenuElementPosition: (triggerRef: RefObject<HTMLElement> | undefined, menuRef: RefObject<HTMLDivElement>, isSubMenu: boolean, isOpen: boolean, originalMenuRect: DOMRect | null, disable?: boolean) => SubMenuPosition;
 export {};