@muraldevkit/ui-toolkit 4.38.0 → 4.39.0

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

@@ -30,6 +30,12 @@ export interface MrlMenuProps {
      *  with opening/closing the menu.
      */
     disableArrowOpen?: boolean;
+    /**
+     * Disable flipping of the menu when it goes off the screen
+     *
+     * @default false
+     */
+    disableFlipping?: boolean;
     /** Unique identifier for the menu */
     id?: string;
     /**
@@ -118,7 +124,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, closeOnScroll, closeParent, customPosition, clickOutsideEvent, disableArrowOpen, id, isInternal, isSubMenu, spacing, menuOffset, portalProps, position, triggerStopPropagation, onClose, triggerRef, ...remainingProps }: MrlMenuProps): JSX.Element;
+export declare function MrlMenu({ actionState, alignment, children, closeOnScroll, closeParent, customPosition, clickOutsideEvent, disableArrowOpen, disableFlipping, id, isInternal, isSubMenu, spacing, menuOffset, portalProps, position, triggerStopPropagation, onClose, triggerRef, ...remainingProps }: MrlMenuProps): JSX.Element;
 export declare namespace MrlMenu {
     var componentType: string;
 }

package/dist/components/popover/MrlPopover/MrlPopover.d.ts

@@ -33,6 +33,12 @@ export interface MrlPopoverProps {
      * Example usage: MrlCallout component should not close when clicking outside, so it's set to true
      */
     disableClickOutside?: boolean;
+    /**
+     * Disable flipping of the popover when it goes off the screen
+     *
+     * @default false
+     */
+    disableFlipping?: boolean;
     /**
      * If the popover should disable focus trap
      *
@@ -125,7 +131,7 @@ export interface MrlPopoverProps {
  * @param {MrlPopoverProps} props - The props for the MrlPopover component
  * @returns {Element} - rendered MrlPopover component
  */
-export declare function MrlPopover({ alignment, ariaLabel, ariaLabelledBy, children, className, customPosition, disableClickToOpen, disableClickOutside, disableFocusTrap, hasCloseButton, spacing, id, isSubMenu, actionState, position, point, portalProps, kind, offset, onClose, onOpen, triggerRef, ...rest }: MrlPopoverProps): JSX.Element;
+export declare function MrlPopover({ alignment, ariaLabel, ariaLabelledBy, children, className, customPosition, disableClickToOpen, disableClickOutside, disableFlipping, disableFocusTrap, hasCloseButton, spacing, id, isSubMenu, actionState, position, point, portalProps, kind, offset, onClose, onOpen, triggerRef, ...rest }: MrlPopoverProps): JSX.Element;
 export declare namespace MrlPopover {
     var componentType: string;
 }

package/dist/hooks/useTriggerPosition/index.d.ts

@@ -11,6 +11,7 @@ import { Alignment, Position } from './constants';
  * @param {boolean} isElementVisible - Tells the hook if the element is visible. If false, the hook will not calculate the position.
  * @param {number} menuOffset - The offset of the menu from the trigger element.
  * @param disable - Whether to disable the hook.
+ * @param disableFlipping - Whether to disable flipping logic when the menu overflows the screen.
  * @returns {Position} The calculated position of the menu element.
  */
-export declare const useTriggerPosition: (triggerRef: RefObject<HTMLElement> | undefined, elementRef: RefObject<HTMLElement>, menuAlign: Alignment, isElementVisible?: boolean, menuOffset?: number, disable?: boolean) => Position;
+export declare const useTriggerPosition: (triggerRef: RefObject<HTMLElement> | undefined, elementRef: RefObject<HTMLElement>, menuAlign: Alignment, isElementVisible?: boolean, menuOffset?: number, disable?: boolean, disableFlipping?: boolean) => Position;

package/dist/hooks/useTriggerPosition/utilities.d.ts

@@ -6,6 +6,7 @@ import { Alignment, Position } from './constants';
  * @param {number} offset - The offset distance between the menu and the trigger.
  * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
  * @param {DOMRect} [triggerRect] - The bounding rectangle of the trigger element.
+ * @param {boolean} [disableFlipping] - If true, prevents flipping to the opposite side when overflowing.
  * @returns {Position} The calculated position of the menu.
  */
-export declare const getPosition: (menuAlign: Alignment, offset: number, elementRect: DOMRect, triggerRect?: DOMRect) => Position;
+export declare const getPosition: (menuAlign: Alignment, offset: number, elementRect: DOMRect, triggerRect?: DOMRect, disableFlipping?: boolean) => Position;