@muraldevkit/ui-toolkit 4.38.0-dev-qOWj.1 → 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/components/tabs/MrlTabLink/MrlTabLink.d.ts

@@ -3,6 +3,8 @@ import { NavLinkProps } from 'react-router-dom';
 export interface MrlTabLinkProps extends NavLinkProps {
     /** Class to be applied to the NavLink element of the MrlTabLink */
     className?: string;
+    /** Children to be rendered within the text component */
+    children?: React.ReactNode;
     icon?: React.ReactElement;
     /**
      * The id that will be passed to the MrlTabContext to set the active state.
@@ -11,7 +13,11 @@ export interface MrlTabLinkProps extends NavLinkProps {
     id: string;
     /** An addition function to call when clicking on a tab */
     hookClick?: () => void;
-    text: string;
+    /**
+     * Textual content when it's a static string; if you have nested elements,
+     * use children to provide content
+     */
+    text?: string;
 }
 /**
  * Renders a tab component
@@ -19,4 +25,4 @@ export interface MrlTabLinkProps extends NavLinkProps {
  * @param {MrlTabLinkProps} props the props for your MrlTabLink
  * @returns {React.ReactElement} an a element containing the text you pass
  */
-export declare const MrlTabLink: ({ className, icon, id, hookClick, text, to, ...remainingProps }: MrlTabLinkProps) => React.ReactElement;
+export declare const MrlTabLink: ({ className, children, icon, id, hookClick, text, to, ...remainingProps }: MrlTabLinkProps) => React.ReactElement;

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;