@muraldevkit/ui-toolkit 4.67.0 → 4.68.0-dev-NFbt.1

package/dist/esm/components/popover/MrlPopover/MrlPopover.js

@@ -0,0 +1,396 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { close } from '@muraldevkit/ds-icons';
+import { useTriggerPosition } from '../../../hooks/useTriggerPosition/index.js';
+import { useBrowserEdgeScroll } from '../../menu/hooks/useBrowserEdgeScroll.js';
+import { useClickOutside } from '../../../hooks/useClickOutside/index.js';
+import { useSubMenuElementPosition } from '../../menu/hooks/useSubMenuElementPosition.js';
+import { PORTAL_LAYERS } from '../../../utils/layers/index.js';
+import { useTransition, animated } from '@react-spring/web';
+import { SELECT_MENU_LIST_CLASS_NAME } from '../../form/select/MrlSelect/MrlSelect.js';
+import { MULTI_SELECT_MENU_LIST_CLASS_NAME } from '../../form/select/MrlMultiSelect/MrlMultiSelect.js';
+import styles from './MrlPopover.module.scss.js';
+import { flipPosition } from '../../menu/utilities/flip-position.js';
+import { getDataPoint } from './utilities/get-data-point.js';
+import { getOffset } from './utilities/get-offset.js';
+import { useMrlPopoverEventHandlers } from './hooks/use-mrl-popover-event-handlers.js';
+import { MrlPopoverContext } from './context/MrlPopoverContext.js';
+import { MrlPopoverScrollContainer } from './MrlPopoverScrollContainer.js';
+import { getFocusableElementsInsideElement } from '../../../utils/trapFocus/index.js';
+import { MrlFocusTrap } from '../../focus-trap/MrlFocusTrap/MrlFocusTrap.js';
+import { isElementAriaDisabled } from '../../../utils/isElementAriaDisabled/isElementAriaDisabled.js';
+import { findAdjacentInteractiveElement } from '../../../utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.js';
+import { preventDefault } from '../../../utils/preventDefault/preventDefault.js';
+import { MrlPortal } from '../../portal/MrlPortal.js';
+import { MrlIconButton } from '../../button/MrlIconButton/MrlIconButton.js';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["alignment", "ariaLabel", "ariaLabelledBy", "children", "className", "customPosition", "disableClickToOpen", "disableClickOutside", "disableFlipping", "disableFocusTrap", "hasCloseButton", "spacing", "id", "isSubMenu", "actionState", "position", "point", "portalProps", "kind", "offset", "onClose", "onOpen", "triggerRef"];
+var POPOVER_CLICKOUTSIDE_WHITELIST = ['#mrl-select-portal', '#mrl-popover-menu-portal', ".".concat(SELECT_MENU_LIST_CLASS_NAME), ".".concat(MULTI_SELECT_MENU_LIST_CLASS_NAME)];
+/**
+ * MrlPopover
+ *
+ * Renders a popover component with position and alignment relative to a trigger element
+ * @param {MrlPopoverProps} props - The props for the MrlPopover component
+ * @returns {Element} - rendered MrlPopover component
+ */
+function MrlPopover(_ref) {
+  var _ref$alignment = _ref.alignment,
+    alignment = _ref$alignment === void 0 ? 'center' : _ref$alignment,
+    ariaLabel = _ref.ariaLabel,
+    ariaLabelledBy = _ref.ariaLabelledBy,
+    children = _ref.children,
+    className = _ref.className,
+    customPosition = _ref.customPosition,
+    _ref$disableClickToOp = _ref.disableClickToOpen,
+    disableClickToOpen = _ref$disableClickToOp === void 0 ? false : _ref$disableClickToOp,
+    _ref$disableClickOuts = _ref.disableClickOutside,
+    disableClickOutside = _ref$disableClickOuts === void 0 ? false : _ref$disableClickOuts,
+    _ref$disableFlipping = _ref.disableFlipping,
+    disableFlipping = _ref$disableFlipping === void 0 ? false : _ref$disableFlipping,
+    _ref$disableFocusTrap = _ref.disableFocusTrap,
+    disableFocusTrap = _ref$disableFocusTrap === void 0 ? false : _ref$disableFocusTrap,
+    _ref$hasCloseButton = _ref.hasCloseButton,
+    hasCloseButton = _ref$hasCloseButton === void 0 ? false : _ref$hasCloseButton,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
+    id = _ref.id,
+    _ref$isSubMenu = _ref.isSubMenu,
+    isSubMenu = _ref$isSubMenu === void 0 ? false : _ref$isSubMenu,
+    _ref$actionState = _ref.actionState,
+    actionState = _ref$actionState === void 0 ? {
+      actionType: null,
+      isOpen: false
+    } : _ref$actionState,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottom' : _ref$position,
+    _ref$point = _ref.point,
+    point = _ref$point === void 0 ? true : _ref$point,
+    _ref$portalProps = _ref.portalProps,
+    portalProps = _ref$portalProps === void 0 ? {
+      id: PORTAL_LAYERS.POPOVER.name
+    } : _ref$portalProps,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? 'primary' : _ref$kind,
+    offset = _ref.offset,
+    onClose = _ref.onClose,
+    onOpen = _ref.onOpen,
+    triggerRef = _ref.triggerRef,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState({
+      actionType: null,
+      isOpen: actionState.isOpen || false
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    state = _React$useState2[0],
+    setState = _React$useState2[1];
+
+  // stores all of the interactive elements in the popover for focus management
+  var _React$useState3 = React.useState([]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    interactiveElements = _React$useState4[0],
+    setInteractiveElements = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    menuRect = _React$useState6[0],
+    setMenuRect = _React$useState6[1];
+  var menuRef = React.useRef(null);
+  /** Snapshot of trigger `aria-expanded` before we manage it; restored on popover unmount only. */
+  var triggerExpandedRestoreRef = React.useRef(null);
+
+  /**
+   * Checks if the trigger element is disabled
+   * @returns {boolean} - true if the trigger element is disabled, false otherwise
+   */
+  var isTriggerDisabled = React.useCallback(function () {
+    return isElementAriaDisabled(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current);
+  }, [triggerRef]);
+
+  /**
+   * Opening and closing the menu
+   */
+  var closeMenu = React.useCallback(function () {
+    setState({
+      actionType: null,
+      isOpen: false
+    });
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  }, [onClose]);
+  var _useMrlPopoverEventHa = useMrlPopoverEventHandlers({
+      closeMenu: closeMenu,
+      disableClickToOpen: disableClickToOpen,
+      disableFocusTrap: disableFocusTrap,
+      hasCloseButton: hasCloseButton,
+      interactiveElements: interactiveElements,
+      isSubMenu: isSubMenu,
+      isTriggerDisabled: isTriggerDisabled,
+      menuRef: menuRef,
+      setState: setState,
+      state: state,
+      triggerRef: triggerRef
+    }),
+    handleClose = _useMrlPopoverEventHa.handleClose,
+    handleMenuKey = _useMrlPopoverEventHa.handleMenuKey,
+    hideMenuHover = _useMrlPopoverEventHa.hideMenuHover,
+    handleTriggerSiblingKey = _useMrlPopoverEventHa.handleTriggerSiblingKey,
+    toggleMenuKey = _useMrlPopoverEventHa.toggleMenuKey,
+    toggleMenuTrigger = _useMrlPopoverEventHa.toggleMenuTrigger,
+    showMenuHover = _useMrlPopoverEventHa.showMenuHover;
+  useClickOutside(menuRef, triggerRef, 'mouseup', closeMenu, disableClickOutside || !state.isOpen, POPOVER_CLICKOUTSIDE_WHITELIST);
+  React.useEffect(function () {
+    if (isTriggerDisabled()) return;
+    if (!isSubMenu) {
+      setState({
+        actionType: actionState.actionType,
+        isOpen: actionState.isOpen
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSubMenu, actionState.actionType, actionState.isOpen]);
+
+  // This use effect handles storing the rect in state for positioning calculations
+  React.useLayoutEffect(function () {
+    if (!state.isOpen) return;
+
+    // For consistent calculations, we are storing the menu rect in state
+    // Anytime we need to use the menu rect, we want to make sure the values are based
+    // on the original state of the menu for proper transformations
+    if (!menuRect && menuRef.current) {
+      var _menuRef$current;
+      var newRect = (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.getBoundingClientRect();
+      setMenuRect(newRect || null);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [state.isOpen, isSubMenu]);
+
+  // This use effect handles getting and setting the interactive elements in the popover.
+  // These elements are used for focus management when focus trap is not enabled to ensure
+  // that our tab order matches the visual order of the page
+  React.useEffect(function () {
+    if (state.isOpen && !isSubMenu && menuRef.current) {
+      if (disableFocusTrap) {
+        // set the interactive elements so we can track focus location
+        var elements = getFocusableElementsInsideElement(menuRef.current);
+        setInteractiveElements(elements);
+
+        // without focus trap enabled, we want to focus the first interactive element
+        elements[0].focus();
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [state.isOpen, menuRef.current]);
+
+  // This use effect handles setting all of the event handlers for different parts of the component.
+  // - trigger event handlers
+  // - submenu event handlers
+  // - menu event handlers
+  // - "next element" event handlers, which are event handlers attached to the next interactive element after the trigger
+  //
+  React.useEffect(function () {
+    var triggerElement = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
+    var menuElement = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
+    var nextElement = findAdjacentInteractiveElement(triggerRef, 'next');
+    if (triggerElement) {
+      triggerElement.addEventListener('mousedown', function (e) {
+        return e.stopPropagation();
+      });
+      triggerElement.addEventListener('click', toggleMenuTrigger);
+      triggerElement.addEventListener('keydown', toggleMenuKey);
+      if (nextElement) nextElement.addEventListener('keydown', handleTriggerSiblingKey);
+
+      // Setup event listeners for when the menu is a submenu
+      if (isSubMenu) {
+        var _menuElement = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
+        triggerElement.addEventListener('mouseover', showMenuHover);
+        triggerElement.addEventListener('mouseout', hideMenuHover);
+        if (_menuElement) {
+          _menuElement.addEventListener('mouseover', showMenuHover);
+          _menuElement.addEventListener('mouseout', hideMenuHover);
+        }
+      }
+      return function () {
+        triggerElement.removeEventListener('mousedown', preventDefault);
+        triggerElement.removeEventListener('click', toggleMenuTrigger);
+        triggerElement.removeEventListener('keydown', toggleMenuKey);
+        if (nextElement) nextElement.removeEventListener('keydown', handleTriggerSiblingKey);
+        if (isSubMenu) {
+          triggerElement.removeEventListener('mouseover', showMenuHover);
+          triggerElement.removeEventListener('mouseout', hideMenuHover);
+          if (menuElement) {
+            menuElement.removeEventListener('mouseover', showMenuHover);
+            menuElement.removeEventListener('mouseout', hideMenuHover);
+          }
+        }
+      };
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [closeMenu, isSubMenu, toggleMenuKey, toggleMenuTrigger, triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current, hideMenuHover, showMenuHover, hasCloseButton, handleClose]);
+
+  /**
+   * Popover triggers are not necessarily modal dialogs; use the generic 'true' (see ARIA in HTML).
+   * Restore the previous DOM value when the trigger changes or this popover unmounts so host-owned
+   * ARIA (e.g. aria-haspopup="menu") is not left stale after a callout dismisses.
+   */
+  React.useEffect(function () {
+    var el = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
+    if (!el) return;
+    var previousValue = el.getAttribute('aria-haspopup');
+    el.setAttribute('aria-haspopup', 'true');
+
+    // Restore the previous value of the aria-haspopup attribute when the callout is removed from the DOM
+    return function () {
+      if (previousValue === null) {
+        el.removeAttribute('aria-haspopup');
+      } else {
+        el.setAttribute('aria-haspopup', previousValue);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current]);
+  React.useEffect(function () {
+    var el = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
+    if (!el) return;
+
+    // Store the previous value of the aria-expanded attribute when the callout is added to the DOM
+    if (!triggerExpandedRestoreRef.current || triggerExpandedRestoreRef.current.el !== el) {
+      triggerExpandedRestoreRef.current = {
+        el: el,
+        value: el.hasAttribute('aria-expanded') ? el.getAttribute('aria-expanded') : null
+      };
+    }
+
+    // Set the aria-expanded attribute to the current state of the popover
+    el.setAttribute('aria-expanded', state.isOpen.toString());
+    if (state.isOpen) onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [state.isOpen, onOpen, triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current]);
+
+  /**
+   * Restore the previous value of the aria-expanded attribute when the callout is removed from the DOM
+   */
+  React.useEffect(function () {
+    return function () {
+      var _document, _document$documentEle;
+      var snap = triggerExpandedRestoreRef.current;
+      if (!snap) return;
+      var el = snap.el,
+        value = snap.value;
+      if (!((_document = document) !== null && _document !== void 0 && (_document$documentEle = _document.documentElement) !== null && _document$documentEle !== void 0 && _document$documentEle.contains(el))) return;
+      if (value === null) {
+        el.removeAttribute('aria-expanded');
+      } else {
+        el.setAttribute('aria-expanded', value);
+      }
+    };
+  }, []);
+
+  /**
+   * Setup positioning styles, submenu positioning styles, scroll styles, and transition.
+   */
+  var memoizedCustomPosition = React.useMemo(function () {
+    return customPosition;
+  }, [customPosition]);
+  var customPopoverPosition = memoizedCustomPosition || {
+    left: 0,
+    top: 0
+  };
+  var menuPosition = useTriggerPosition(triggerRef, menuRef, {
+    align: alignment,
+    customPosition: customPopoverPosition,
+    position: position
+  }, state.isOpen, offset || getOffset(position, point), isSubMenu, disableFlipping);
+  var subMenuPosition = useSubMenuElementPosition(triggerRef, menuRef, isSubMenu, state.isOpen, menuRect, !isSubMenu);
+  var menuPositionState = menuPosition.flipped ? flipPosition(position) : position;
+  var scrollStyles = useBrowserEdgeScroll(menuRef, menuPositionState, alignment);
+  var inlineStyles = {
+    menu: {
+      left: menuPosition.left,
+      position: 'fixed',
+      top: menuPosition.top
+    },
+    submenu: {
+      left: subMenuPosition.left,
+      top: subMenuPosition.top
+    }
+  };
+
+  /**
+   * React Spring transitions for the menu
+   */
+  var transitions = useTransition(state.isOpen, {
+    config: {
+      duration: 150
+    },
+    enter: {
+      opacity: 1,
+      transform: 'translateY(0)'
+    },
+    from: {
+      opacity: 0,
+      transform: 'translateY(4px)'
+    },
+    leave: {
+      opacity: 0,
+      transform: 'translateY(4px)'
+    }
+  });
+  var menuClasses = classnames(styles['MrlPopover'], 'MrlPopover', styles['MrlPopover--scrolling'], className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles['MrlPopover--submenu'], isSubMenu), styles['inverse'], kind === 'inverse'), styles['primary'], kind === 'primary'), styles['compact'], spacing === 'compact'), styles['default'], spacing === 'default'));
+  var positionStyles = isSubMenu ? inlineStyles.submenu : inlineStyles.menu;
+  var renderMenu = function renderMenu() {
+    var inlineScrollStyles = isSubMenu ? {} : scrollStyles ? scrollStyles.styles : {};
+    var scrollClasses = classnames(styles['MrlPopover--content'], styles['MrlPopover--scrolling--content']);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, transitions(function (style, item) {
+      return item && /*#__PURE__*/React.createElement(MrlFocusTrap, {
+        disabled: disableFocusTrap,
+        containerRef: menuRef
+      }, /*#__PURE__*/React.createElement(animated.div, _extends({
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        className: menuClasses,
+        id: id,
+        tabIndex: -1,
+        style: _objectSpread2(_objectSpread2({}, positionStyles), style),
+        onKeyDown: handleMenuKey,
+        ref: menuRef
+      }, rest), /*#__PURE__*/React.createElement(MrlPopoverScrollContainer, {
+        className: scrollClasses,
+        style: inlineScrollStyles
+      }, typeof children === 'function' && children({
+        closeMenu: closeMenu
+      }), typeof children !== 'function' && children, hasCloseButton && /*#__PURE__*/React.createElement(MrlIconButton, {
+        "data-qa": "popover-close-button",
+        wrapperClassName: styles['MrlPopover--close'],
+        icon: /*#__PURE__*/React.createElement(MrlSvg, {
+          svg: close
+        }),
+        kind: kind === 'inverse' ? 'ghost-inverse' : 'ghost',
+        text: "Close",
+        state: "default",
+        position: "right",
+        tipAnchor: "center",
+        onMouseUp: closeMenu,
+        onKeyDown: handleClose,
+        size: "small"
+      }), point && /*#__PURE__*/React.createElement("div", {
+        className: styles['MrlPopover--point'],
+        "data-point": getDataPoint(menuPositionState, alignment)
+      }))));
+    }));
+  };
+
+  /* eslint-disable */
+  return /*#__PURE__*/React.createElement(MrlPopoverContext.Provider, {
+    value: {
+      closeMenu: closeMenu
+    }
+  }, isSubMenu ? renderMenu() : /*#__PURE__*/React.createElement(MrlPortal, _extends({
+    layer: portalProps.layer || PORTAL_LAYERS.POPOVER
+  }, portalProps), renderMenu()));
+  /* eslint-enable */
+}
+MrlPopover.componentType = 'Popover';
+
+export { MrlPopover };
+//# sourceMappingURL=MrlPopover.js.map

package/dist/esm/components/popover/MrlPopover/MrlPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPopover.js","sources":["../../../../../src/components/popover/MrlPopover/MrlPopover.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { close } from '@muraldevkit/ds-icons';\nimport { MrlFocusTrap, MrlIconButton, MrlPortal, MrlSvg, PortalProps } from '../../';\nimport { useTriggerPosition } from '../../../hooks/useTriggerPosition';\nimport { useBrowserEdgeScroll } from '../../menu/hooks/useBrowserEdgeScroll';\nimport { useClickOutside } from '../../../hooks/useClickOutside';\nimport { useSubMenuElementPosition } from '../../menu/hooks/useSubMenuElementPosition';\nimport { MenuPosition, MenuAlignment, ActionState, CustomMenuPosition } from '../../menu/constants';\nimport {\n\tpreventDefault,\n\tgetFocusableElementsInsideElement,\n\tfindAdjacentInteractiveElement,\n\tisElementAriaDisabled\n} from '../../../utils';\nimport { PORTAL_LAYERS } from '../../../utils/layers';\nimport { useTransition, animated } from '@react-spring/web';\nimport { SELECT_MENU_LIST_CLASS_NAME } from '../../form/select/MrlSelect/MrlSelect';\nimport { MULTI_SELECT_MENU_LIST_CLASS_NAME } from '../../form/select/MrlMultiSelect/MrlMultiSelect';\nimport styles from './MrlPopover.module.scss';\nimport { flipPosition } from '../../menu/utilities/flip-position';\nimport { getDataPoint } from './utilities/get-data-point';\nimport { getOffset } from './utilities/get-offset';\nimport { useMrlPopoverEventHandlers } from './hooks/use-mrl-popover-event-handlers';\nimport { MrlPopoverContext } from './context/MrlPopoverContext';\nimport { MrlPopoverScrollContainer } from './MrlPopoverScrollContainer';\n\nconst POPOVER_CLICKOUTSIDE_WHITELIST = [\n\t'#mrl-select-portal',\n\t'#mrl-popover-menu-portal',\n\t`.${SELECT_MENU_LIST_CLASS_NAME}`,\n\t`.${MULTI_SELECT_MENU_LIST_CLASS_NAME}`\n];\n\ntype RenderPropFn = ({ closeMenu }: { closeMenu: () => void }) => JSX.Element;\n\nexport interface MrlPopoverProps {\n\t/**\n\t * Set initial state of menu\n\t * @default { actionType: null, isOpen: false }\n\t */\n\tactionState?: ActionState;\n\n\t/** Label for the popover */\n\tariaLabel?: string;\n\n\t/** ID of element to associate a label */\n\tariaLabelledBy?: string;\n\n\t/** Children to be rendered within the menu component*/\n\tchildren: React.ReactNode | RenderPropFn;\n\n\t/** Custom class names for the popover */\n\tclassName?: string;\n\n\t/** Custom position for the menu */\n\tcustomPosition?: CustomMenuPosition;\n\n\t/**\n\t * If the popover should disable click to open\n\t *\n\t * Example usage: if you do not want your component opened via click, set to true\n\t */\n\tdisableClickToOpen?: boolean;\n\n\t/**\n\t * If the popover should close when clicking outside of the menu\n\t *\n\t * Example usage: MrlCallout component should not close when clicking outside, so it's set to true\n\t */\n\tdisableClickOutside?: boolean;\n\n\t/**\n\t * Disable flipping of the popover when it goes off the screen\n\t * @default false\n\t */\n\tdisableFlipping?: boolean;\n\n\t/**\n\t * If the popover should disable focus trap\n\t *\n\t * The impact of enabling or disabling focus trap:\n\t * - enabled : focus will remain trapped in the popover until a user closes the popover\n\t * - disabled : focus will move to the next interactive element in the DOM when the user\n\t * tabs out of the popover. Focus will move to the trigger when the user shift+tabs out of the popover\n\t *\n\t * Additional scenarios to consider with focus trap is disabled. When hasCloseButton is set to true/false:\n\t * - true : if a user shows the close button, the popover will stay open until explicitly dismissed\n\t * - false : if a user hides the close button, the popover will close when a user tabs out of it from the beginning or end\n\t */\n\tdisableFocusTrap?: boolean;\n\n\t/** If the popover should have a close button */\n\thasCloseButton?: boolean;\n\n\t/** Unique identifier for the menu */\n\tid?: string;\n\n\t/** If the menu is a submenu */\n\tisSubMenu?: boolean;\n\n\t/**\n\t * Horizontal and vertical alignment of the menu relative to the trigger element\n\t *\n\t * This does not impact submenus\n\t * @default 'bottom'\n\t */\n\tposition?: MenuPosition;\n\n\t/**\n\t * Alignment of the popover along the axis perpendicular to its position\n\t * - For position 'top'/'bottom': 'start' = left, 'end' = right, 'center' = center horizontally\n\t * - For position 'left'/'right': 'start' = top, 'end' = bottom, 'center' = center vertically\n\t *\n\t * @default 'center'\n\t *\n\t * This does not impact submenus\n\t */\n\talignment?: MenuAlignment;\n\n\t/**\n\t * spacing of menu\n\t * - 'default' has 16px padding\n\t * - 'compact' has 12px padding\n\t */\n\tspacing?: 'default' | 'compact';\n\n\t/**\n\t * Reference to the DOM element that triggers this menu.\n\t */\n\ttriggerRef?: React.RefObject<HTMLElement>;\n\n\t/**\n\t * If the menu should be rendered with the inverse theme\n\t * @default 'primary'\n\t */\n\tkind?: 'primary' | 'inverse';\n\n\t/**\n\t * If the menu should have a pointer element\n\t * @default false\n\t */\n\tpoint?: boolean;\n\n\t/**\n\t * Configuration for the portal component\n\t */\n\tportalProps?: Omit<PortalProps, 'children'>;\n\n\t/**\n\t * Offset in pixels for the popover\n\t *\n\t * The popover automatically calculates the proper offset based on the position and alignment\n\t * this prop will override those values.\n\t */\n\toffset?: number;\n\n\t/**\n\t * Callback to be called when the menu is opened\n\t */\n\tonOpen?: () => void;\n\n\t/**\n\t * Callback to be called when the menu is closed\n\t * @param type - type of close event\n\t */\n\tonClose?: (type?: string) => void;\n\n\t/**\n\t * data-qa attribute for the popover\n\t */\n\t['data-qa']?: string;\n}\n\n/**\n * MrlPopover\n *\n * Renders a popover component with position and alignment relative to a trigger element\n * @param {MrlPopoverProps} props - The props for the MrlPopover component\n * @returns {Element} - rendered MrlPopover component\n */\nexport function MrlPopover({\n\talignment = 'center',\n\tariaLabel,\n\tariaLabelledBy,\n\tchildren,\n\tclassName,\n\tcustomPosition,\n\tdisableClickToOpen = false,\n\tdisableClickOutside = false,\n\tdisableFlipping = false,\n\tdisableFocusTrap = false,\n\thasCloseButton = false,\n\tspacing = 'default',\n\tid,\n\tisSubMenu = false,\n\tactionState = { actionType: null, isOpen: false },\n\tposition = 'bottom',\n\tpoint = true,\n\tportalProps = { id: PORTAL_LAYERS.POPOVER.name },\n\tkind = 'primary',\n\toffset,\n\tonClose,\n\tonOpen,\n\ttriggerRef,\n\t...rest\n}: MrlPopoverProps): JSX.Element {\n\tconst [state, setState] = React.useState({\n\t\tactionType: null,\n\t\tisOpen: actionState.isOpen || false\n\t} as ActionState);\n\n\t// stores all of the interactive elements in the popover for focus management\n\tconst [interactiveElements, setInteractiveElements] = React.useState<HTMLElement[]>([]);\n\tconst [menuRect, setMenuRect] = React.useState<DOMRect | null>(null);\n\tconst menuRef = React.useRef<HTMLDivElement>(null);\n\t/** Snapshot of trigger `aria-expanded` before we manage it; restored on popover unmount only. */\n\tconst triggerExpandedRestoreRef = React.useRef<{\n\t\tel: HTMLElement;\n\t\tvalue: string | null;\n\t} | null>(null);\n\n\t/**\n\t * Checks if the trigger element is disabled\n\t * @returns {boolean} - true if the trigger element is disabled, false otherwise\n\t */\n\tconst isTriggerDisabled = React.useCallback((): boolean => {\n\t\treturn isElementAriaDisabled(triggerRef?.current);\n\t}, [triggerRef]);\n\n\t/**\n\t * Opening and closing the menu\n\t */\n\tconst closeMenu = React.useCallback(() => {\n\t\tsetState({ actionType: null, isOpen: false });\n\t\tonClose?.();\n\t}, [onClose]);\n\n\tconst {\n\t\thandleClose,\n\t\thandleMenuKey,\n\t\thideMenuHover,\n\t\thandleTriggerSiblingKey,\n\t\ttoggleMenuKey,\n\t\ttoggleMenuTrigger,\n\t\tshowMenuHover\n\t} = useMrlPopoverEventHandlers({\n\t\tcloseMenu,\n\t\tdisableClickToOpen,\n\t\tdisableFocusTrap,\n\t\thasCloseButton,\n\t\tinteractiveElements,\n\t\tisSubMenu,\n\t\tisTriggerDisabled,\n\t\tmenuRef,\n\t\tsetState,\n\t\tstate,\n\t\ttriggerRef\n\t});\n\n\tuseClickOutside(\n\t\tmenuRef,\n\t\ttriggerRef,\n\t\t'mouseup',\n\t\tcloseMenu,\n\t\tdisableClickOutside || !state.isOpen,\n\t\tPOPOVER_CLICKOUTSIDE_WHITELIST\n\t);\n\n\tReact.useEffect(() => {\n\t\tif (isTriggerDisabled()) return;\n\n\t\tif (!isSubMenu) {\n\t\t\tsetState({ actionType: actionState.actionType, isOpen: actionState.isOpen });\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [isSubMenu, actionState.actionType, actionState.isOpen]);\n\n\t// This use effect handles storing the rect in state for positioning calculations\n\tReact.useLayoutEffect(() => {\n\t\tif (!state.isOpen) return;\n\n\t\t// For consistent calculations, we are storing the menu rect in state\n\t\t// Anytime we need to use the menu rect, we want to make sure the values are based\n\t\t// on the original state of the menu for proper transformations\n\t\tif (!menuRect && menuRef.current) {\n\t\t\tconst newRect = menuRef.current?.getBoundingClientRect();\n\t\t\tsetMenuRect(newRect || null);\n\t\t}\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [state.isOpen, isSubMenu]);\n\n\t// This use effect handles getting and setting the interactive elements in the popover.\n\t// These elements are used for focus management when focus trap is not enabled to ensure\n\t// that our tab order matches the visual order of the page\n\tReact.useEffect(() => {\n\t\tif (state.isOpen && !isSubMenu && menuRef.current) {\n\t\t\tif (disableFocusTrap) {\n\t\t\t\t// set the interactive elements so we can track focus location\n\t\t\t\tconst elements = getFocusableElementsInsideElement(menuRef.current as HTMLElement);\n\t\t\t\tsetInteractiveElements(elements);\n\n\t\t\t\t// without focus trap enabled, we want to focus the first interactive element\n\t\t\t\telements[0].focus();\n\t\t\t}\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [state.isOpen, menuRef.current]);\n\n\t// This use effect handles setting all of the event handlers for different parts of the component.\n\t// - trigger event handlers\n\t// - submenu event handlers\n\t// - menu event handlers\n\t// - \"next element\" event handlers, which are event handlers attached to the next interactive element after the trigger\n\t//\n\tReact.useEffect(() => {\n\t\tconst triggerElement = triggerRef?.current;\n\t\tconst menuElement = menuRef?.current;\n\t\tconst nextElement = findAdjacentInteractiveElement(triggerRef, 'next');\n\n\t\tif (triggerElement) {\n\t\t\ttriggerElement.addEventListener('mousedown', (e) => e.stopPropagation());\n\t\t\ttriggerElement.addEventListener('click', toggleMenuTrigger);\n\t\t\ttriggerElement.addEventListener('keydown', toggleMenuKey);\n\n\t\t\tif (nextElement) nextElement.addEventListener('keydown', handleTriggerSiblingKey);\n\n\t\t\t// Setup event listeners for when the menu is a submenu\n\t\t\tif (isSubMenu) {\n\t\t\t\tconst menuElement = menuRef?.current;\n\n\t\t\t\ttriggerElement.addEventListener('mouseover', showMenuHover);\n\t\t\t\ttriggerElement.addEventListener('mouseout', hideMenuHover);\n\n\t\t\t\tif (menuElement) {\n\t\t\t\t\tmenuElement.addEventListener('mouseover', showMenuHover);\n\t\t\t\t\tmenuElement.addEventListener('mouseout', hideMenuHover);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn () => {\n\t\t\t\ttriggerElement.removeEventListener('mousedown', preventDefault);\n\t\t\t\ttriggerElement.removeEventListener('click', toggleMenuTrigger);\n\t\t\t\ttriggerElement.removeEventListener('keydown', toggleMenuKey);\n\n\t\t\t\tif (nextElement) nextElement.removeEventListener('keydown', handleTriggerSiblingKey);\n\n\t\t\t\tif (isSubMenu) {\n\t\t\t\t\ttriggerElement.removeEventListener('mouseover', showMenuHover);\n\t\t\t\t\ttriggerElement.removeEventListener('mouseout', hideMenuHover);\n\n\t\t\t\t\tif (menuElement) {\n\t\t\t\t\t\tmenuElement.removeEventListener('mouseover', showMenuHover);\n\t\t\t\t\t\tmenuElement.removeEventListener('mouseout', hideMenuHover);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\tcloseMenu,\n\t\tisSubMenu,\n\t\ttoggleMenuKey,\n\t\ttoggleMenuTrigger,\n\t\ttriggerRef?.current,\n\t\thideMenuHover,\n\t\tshowMenuHover,\n\t\thasCloseButton,\n\t\thandleClose\n\t]);\n\n\t/**\n\t * Popover triggers are not necessarily modal dialogs; use the generic 'true' (see ARIA in HTML).\n\t * Restore the previous DOM value when the trigger changes or this popover unmounts so host-owned\n\t * ARIA (e.g. aria-haspopup=\"menu\") is not left stale after a callout dismisses.\n\t */\n\tReact.useEffect(() => {\n\t\tconst el = triggerRef?.current;\n\t\tif (!el) return;\n\n\t\tconst previousValue = el.getAttribute('aria-haspopup');\n\t\tel.setAttribute('aria-haspopup', 'true');\n\n\t\t// Restore the previous value of the aria-haspopup attribute when the callout is removed from the DOM\n\t\treturn () => {\n\t\t\tif (previousValue === null) {\n\t\t\t\tel.removeAttribute('aria-haspopup');\n\t\t\t} else {\n\t\t\t\tel.setAttribute('aria-haspopup', previousValue);\n\t\t\t}\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [triggerRef?.current]);\n\n\tReact.useEffect(() => {\n\t\tconst el = triggerRef?.current;\n\t\tif (!el) return;\n\n\t\t// Store the previous value of the aria-expanded attribute when the callout is added to the DOM\n\t\tif (!triggerExpandedRestoreRef.current || triggerExpandedRestoreRef.current.el !== el) {\n\t\t\ttriggerExpandedRestoreRef.current = {\n\t\t\t\tel,\n\t\t\t\tvalue: el.hasAttribute('aria-expanded') ? el.getAttribute('aria-expanded') : null\n\t\t\t};\n\t\t}\n\n\t\t// Set the aria-expanded attribute to the current state of the popover\n\t\tel.setAttribute('aria-expanded', state.isOpen.toString());\n\n\t\tif (state.isOpen) onOpen?.();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [state.isOpen, onOpen, triggerRef?.current]);\n\n\t/**\n\t * Restore the previous value of the aria-expanded attribute when the callout is removed from the DOM\n\t */\n\tReact.useEffect(() => {\n\t\treturn () => {\n\t\t\tconst snap = triggerExpandedRestoreRef.current;\n\t\t\tif (!snap) return;\n\t\t\tconst { el, value } = snap;\n\n\t\t\tif (!document?.documentElement?.contains(el)) return;\n\n\t\t\tif (value === null) {\n\t\t\t\tel.removeAttribute('aria-expanded');\n\t\t\t} else {\n\t\t\t\tel.setAttribute('aria-expanded', value);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t/**\n\t * Setup positioning styles, submenu positioning styles, scroll styles, and transition.\n\t */\n\tconst memoizedCustomPosition = React.useMemo(() => customPosition, [customPosition]);\n\tconst customPopoverPosition = memoizedCustomPosition || { left: 0, top: 0 };\n\n\tconst menuPosition = useTriggerPosition(\n\t\ttriggerRef,\n\t\tmenuRef,\n\t\t{\n\t\t\talign: alignment,\n\t\t\tcustomPosition: customPopoverPosition,\n\t\t\tposition: position\n\t\t},\n\t\tstate.isOpen,\n\t\toffset || getOffset(position, point),\n\t\tisSubMenu,\n\t\tdisableFlipping\n\t);\n\n\tconst subMenuPosition = useSubMenuElementPosition(\n\t\ttriggerRef,\n\t\tmenuRef,\n\t\tisSubMenu,\n\t\tstate.isOpen,\n\t\tmenuRect,\n\t\t!isSubMenu\n\t);\n\n\tconst menuPositionState = menuPosition.flipped ? flipPosition(position) : position;\n\tconst scrollStyles = useBrowserEdgeScroll(menuRef, menuPositionState, alignment);\n\n\tconst inlineStyles = {\n\t\tmenu: {\n\t\t\tleft: menuPosition.left,\n\t\t\tposition: 'fixed' as const,\n\t\t\ttop: menuPosition.top\n\t\t},\n\t\tsubmenu: {\n\t\t\tleft: subMenuPosition.left,\n\t\t\ttop: subMenuPosition.top\n\t\t}\n\t};\n\n\t/**\n\t * React Spring transitions for the menu\n\t */\n\tconst transitions = useTransition(state.isOpen, {\n\t\tconfig: { duration: 150 },\n\t\tenter: { opacity: 1, transform: 'translateY(0)' },\n\t\tfrom: { opacity: 0, transform: 'translateY(4px)' },\n\t\tleave: { opacity: 0, transform: 'translateY(4px)' }\n\t});\n\n\tconst menuClasses = classnames(\n\t\tstyles['MrlPopover'],\n\t\t'MrlPopover',\n\t\tstyles['MrlPopover--scrolling'],\n\t\tclassName,\n\t\t{\n\t\t\t[styles['MrlPopover--submenu']]: isSubMenu,\n\t\t\t[styles['inverse']]: kind === 'inverse',\n\t\t\t[styles['primary']]: kind === 'primary',\n\t\t\t[styles['compact']]: spacing === 'compact',\n\t\t\t[styles['default']]: spacing === 'default'\n\t\t}\n\t);\n\n\tconst positionStyles = isSubMenu ? inlineStyles.submenu : inlineStyles.menu;\n\n\tconst renderMenu = () => {\n\t\tconst inlineScrollStyles = isSubMenu ? {} : scrollStyles ? scrollStyles.styles : {};\n\t\tconst scrollClasses = classnames(\n\t\t\tstyles['MrlPopover--content'],\n\t\t\tstyles['MrlPopover--scrolling--content']\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{transitions(\n\t\t\t\t\t(style, item) =>\n\t\t\t\t\t\titem && (\n\t\t\t\t\t\t\t<MrlFocusTrap disabled={disableFocusTrap} containerRef={menuRef}>\n\t\t\t\t\t\t\t\t<animated.div\n\t\t\t\t\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\t\t\t\t\tclassName={menuClasses}\n\t\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\t\tstyle={{ ...positionStyles, ...style }}\n\t\t\t\t\t\t\t\t\tonKeyDown={handleMenuKey}\n\t\t\t\t\t\t\t\t\tref={menuRef}\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<MrlPopoverScrollContainer className={scrollClasses} style={inlineScrollStyles}>\n\t\t\t\t\t\t\t\t\t\t{typeof children === 'function' && children({ closeMenu })}\n\t\t\t\t\t\t\t\t\t\t{typeof children !== 'function' && children}\n\t\t\t\t\t\t\t\t\t\t{hasCloseButton && (\n\t\t\t\t\t\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\t\t\t\t\t\tdata-qa=\"popover-close-button\"\n\t\t\t\t\t\t\t\t\t\t\t\twrapperClassName={styles['MrlPopover--close']}\n\t\t\t\t\t\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\t\t\t\t\t\tkind={kind === 'inverse' ? 'ghost-inverse' : 'ghost'}\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t\t\t\t\t\t\tposition=\"right\"\n\t\t\t\t\t\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\t\t\t\t\t\tonMouseUp={closeMenu}\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={handleClose}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{point && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={styles['MrlPopover--point']}\n\t\t\t\t\t\t\t\t\t\t\t\tdata-point={getDataPoint(menuPositionState, alignment)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</MrlPopoverScrollContainer>\n\t\t\t\t\t\t\t\t</animated.div>\n\t\t\t\t\t\t\t</MrlFocusTrap>\n\t\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t};\n\n\t/* eslint-disable */\n\treturn (\n\t\t<MrlPopoverContext.Provider\n\t\t\tvalue={{\n\t\t\t\tcloseMenu\n\t\t\t}}\n\t\t>\n\t\t\t{isSubMenu ? (\n\t\t\t\trenderMenu()\n\t\t\t) : (\n\t\t\t\t<MrlPortal layer={portalProps.layer || PORTAL_LAYERS.POPOVER} {...portalProps}>\n\t\t\t\t\t{renderMenu()}\n\t\t\t\t</MrlPortal>\n\t\t\t)}\n\t\t</MrlPopoverContext.Provider>\n\t);\n\t/* eslint-enable */\n}\n\nMrlPopover.componentType = 'Popover';\n"],"names":["POPOVER_CLICKOUTSIDE_WHITELIST","concat","SELECT_MENU_LIST_CLASS_NAME","MULTI_SELECT_MENU_LIST_CLASS_NAME","MrlPopover","_ref","_ref$alignment","alignment","ariaLabel","ariaLabelledBy","children","className","customPosition","_ref$disableClickToOp","disableClickToOpen","_ref$disableClickOuts","disableClickOutside","_ref$disableFlipping","disableFlipping","_ref$disableFocusTrap","disableFocusTrap","_ref$hasCloseButton","hasCloseButton","_ref$spacing","spacing","id","_ref$isSubMenu","isSubMenu","_ref$actionState","actionState","actionType","isOpen","_ref$position","position","_ref$point","point","_ref$portalProps","portalProps","PORTAL_LAYERS","POPOVER","name","_ref$kind","kind","offset","onClose","onOpen","triggerRef","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","state","setState","_React$useState3","_React$useState4","interactiveElements","setInteractiveElements","_React$useState5","_React$useState6","menuRect","setMenuRect","menuRef","useRef","triggerExpandedRestoreRef","isTriggerDisabled","useCallback","isElementAriaDisabled","current","closeMenu","_useMrlPopoverEventHa","useMrlPopoverEventHandlers","handleClose","handleMenuKey","hideMenuHover","handleTriggerSiblingKey","toggleMenuKey","toggleMenuTrigger","showMenuHover","useClickOutside","useEffect","useLayoutEffect","_menuRef$current","newRect","getBoundingClientRect","elements","getFocusableElementsInsideElement","focus","triggerElement","menuElement","nextElement","findAdjacentInteractiveElement","addEventListener","e","stopPropagation","removeEventListener","preventDefault","el","previousValue","getAttribute","setAttribute","removeAttribute","value","hasAttribute","toString","_document","_document$documentEle","snap","document","documentElement","contains","memoizedCustomPosition","useMemo","customPopoverPosition","left","top","menuPosition","useTriggerPosition","align","getOffset","subMenuPosition","useSubMenuElementPosition","menuPositionState","flipped","flipPosition","scrollStyles","useBrowserEdgeScroll","inlineStyles","menu","submenu","transitions","useTransition","config","duration","enter","opacity","transform","from","leave","menuClasses","classnames","styles","_defineProperty","positionStyles","renderMenu","inlineScrollStyles","scrollClasses","createElement","Fragment","style","item","MrlFocusTrap","disabled","containerRef","animated","div","_extends","tabIndex","_objectSpread","onKeyDown","ref","MrlPopoverScrollContainer","MrlIconButton","wrapperClassName","icon","MrlSvg","svg","close","text","tipAnchor","onMouseUp","size","getDataPoint","MrlPopoverContext","Provider","MrlPortal","layer","componentType"],"mappings":"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"}

package/dist/esm/components/popover/MrlPopover/MrlPopover.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"primary":"primary--Vz5Xk","inverse":"inverse--tA1Uc","default":"default--kJtD1","compact":"compact--IsSC7","MrlPopover":"MrlPopover--NHYhK","MrlPopover--submenu":"MrlPopover--submenu--NcjJf","MrlPopover--close":"MrlPopover--close--KxF7l","MrlPopover--scrolling--content":"MrlPopover--scrolling--content--xZZhQ","MrlPopover--point":"MrlPopover--point--RMoNb"};
+
+export { styles as default };
+//# sourceMappingURL=MrlPopover.module.scss.js.map

package/dist/esm/components/popover/MrlPopover/MrlPopover.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPopover.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/popover/MrlPopover/MrlPopoverScrollContainer.js

@@ -0,0 +1,29 @@
+import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import { useScrollbarInfo } from '../../../hooks/useScrollbarInfo/index.js';
+
+/**
+ * Scrollable wrapper for the popover content.
+ *
+ * @param {MrlPopoverScrollContainerProps} props - the component props
+ * @returns the rendered scrollable popover content wrapper
+ */
+function MrlPopoverScrollContainer(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    children = _ref.children;
+  var _useScrollbarInfo = useScrollbarInfo(),
+    scrollableContainerRef = _useScrollbarInfo.scrollableContainerRef,
+    verticalScrollbarWidth = _useScrollbarInfo.verticalScrollbarWidth;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: scrollableContainerRef,
+    className: className,
+    style: _objectSpread2(_objectSpread2({}, style), verticalScrollbarWidth > 0 && {
+      // Subtract the scrollbar width, plus a small gap so content doesn't touch the scrollbar
+      paddingRight: "calc(var(--mrl-popover-padding) - ".concat(verticalScrollbarWidth, "px + var(--mrl-spacing-02))")
+    })
+  }, children);
+}
+
+export { MrlPopoverScrollContainer };
+//# sourceMappingURL=MrlPopoverScrollContainer.js.map

package/dist/esm/components/popover/MrlPopover/MrlPopoverScrollContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPopoverScrollContainer.js","sources":["../../../../../src/components/popover/MrlPopover/MrlPopoverScrollContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useScrollbarInfo } from '../../../hooks/useScrollbarInfo';\n\nexport interface MrlPopoverScrollContainerProps {\n\t/** class names for the scrollable wrapper */\n\tclassName: string;\n\t/** inline styles for the scrollable wrapper */\n\tstyle: React.CSSProperties;\n\t/** popover content to render inside the scrollable wrapper */\n\tchildren: React.ReactNode;\n}\n\n/**\n * Scrollable wrapper for the popover content.\n *\n * @param {MrlPopoverScrollContainerProps} props - the component props\n * @returns the rendered scrollable popover content wrapper\n */\nexport function MrlPopoverScrollContainer({\n\tclassName,\n\tstyle,\n\tchildren\n}: MrlPopoverScrollContainerProps): JSX.Element {\n\tconst { scrollableContainerRef, verticalScrollbarWidth } = useScrollbarInfo<HTMLDivElement>();\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollableContainerRef}\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\t...(verticalScrollbarWidth > 0 && {\n\t\t\t\t\t// Subtract the scrollbar width, plus a small gap so content doesn't touch the scrollbar\n\t\t\t\t\tpaddingRight: `calc(var(--mrl-popover-padding) - ${verticalScrollbarWidth}px + var(--mrl-spacing-02))`\n\t\t\t\t})\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["MrlPopoverScrollContainer","_ref","className","style","children","_useScrollbarInfo","useScrollbarInfo","scrollableContainerRef","verticalScrollbarWidth","React","createElement","ref","_objectSpread","paddingRight","concat"],"mappings":";;;;AAYA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,yBAAyBA,CAAAC,IAAA,EAIO;AAAA,EAAA,IAH/CC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AAER,EAAA,IAAAC,iBAAA,GAA2DC,gBAAgB,EAAkB;IAArFC,sBAAsB,GAAAF,iBAAA,CAAtBE,sBAAsB;IAAEC,sBAAsB,GAAAH,iBAAA,CAAtBG,sBAAsB;EAEtD,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACCC,IAAAA,GAAG,EAAEJ,sBAAuB;AAC5BL,IAAAA,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAAS,cAAA,CAAAA,cAAA,CAAA,EAAA,EACDT,KAAK,CAAA,EACJK,sBAAsB,GAAG,CAAC,IAAI;AACjC;MACAK,YAAY,EAAA,oCAAA,CAAAC,MAAA,CAAuCN,sBAAsB,EAAA,6BAAA;KACzE;AACA,GAAA,EAEDJ,QACG,CAAC;AAER;;;;"}

package/dist/esm/components/popover/MrlPopover/context/MrlPopoverContext.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+/**
+ * Adds context for the MrlPopover component
+ */
+var MrlPopoverContext = /*#__PURE__*/React.createContext(undefined);
+
+export { MrlPopoverContext };
+//# sourceMappingURL=MrlPopoverContext.js.map

package/dist/esm/components/popover/MrlPopover/context/MrlPopoverContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPopoverContext.js","sources":["../../../../../../src/components/popover/MrlPopover/context/MrlPopoverContext.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype MrlPopoverContext = {\n\t/**\n\t * Close menu is shared in context to allow for closing the popover from a child component\n\t *\n\t * @returns {void}\n\t */\n\tcloseMenu: () => void;\n};\n\n/**\n * Adds context for the MrlPopover component\n */\nexport const MrlPopoverContext = React.createContext<MrlPopoverContext | undefined>(undefined);\n\n/**\n * Returns the MrlPopoverContext state.\n *\n * @returns The MrlPopoverContext state.\n */\nexport const useMrlPopoverContext = (): MrlPopoverContext => {\n\tconst context = React.useContext(MrlPopoverContext);\n\tif (!context) {\n\t\tthrow new Error('useMrlPopoverContext must be used within a MrlPopoverContext.Provider');\n\t}\n\treturn context;\n};\n"],"names":["MrlPopoverContext","React","createContext","undefined"],"mappings":";;AAWA;AACA;AACA;AACO,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAgCC,SAAS;;;;"}