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

package/dist/cjs/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js

@@ -0,0 +1,518 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _excluded = ["activeSelector", "allowDisabled", "children", "delayMount", "focusOnInit", "focusWithShortcut", "forceUpdate", "hasChildRoving", "ignoreElements", "isFocused", "onBlur", "onRefocus", "orientation", "qa"];
+/**
+ * Gets tabbable elements in a given bit of the DOM, excluding disabled elements
+ * @param {RefType} ref - the ref of the container
+ * @param {string} selector - the selector to query (should already exclude disabled elements)
+ * @returns {HTMLElement[]} - an array of tabbable HTML elements
+ */
+var getTabbableElements = (ref, selector) => {
+  var elements = ref === null || ref === void 0 ? void 0 : ref.querySelectorAll(selector);
+  if (!elements) return [];
+  return Array.prototype.slice.call(elements);
+};
+var arraysEqual = (a, b) => a.length === b.length && a.every((el, i) => el === b[i]);
+/**
+ * Default value for allowDisabled prop.
+ * When true, disabled elements are included in the roving tabindex navigation.
+ */
+var DEFAULT_ALLOW_DISABLED = true;
+
+/**
+ * CSS selector to exclude disabled elements.
+ * Excludes both native disabled attribute and ARIA-compliant disabled elements.
+ */
+var DISABLED_EXCLUSION = ':not([disabled]):not([aria-disabled="true"])';
+
+/**
+ * CSS selector suffix to exclude nested roving tabindex elements.
+ * Prevents deeply nested elements from being included in parent roving tabindex.
+ */
+var NESTED_ROVING_EXCLUSION = ':not(.helpers-roving-tabindex-container .helpers-roving-tabindex-container [data-roving])';
+
+/**
+ * Builds the appropriate CSS selector based on configuration.
+ * @param allowDisabled - Whether to include disabled elements in the roving tabindex
+ * @param hasChildRoving - Whether nested roving tabindex containers should be excluded
+ * @returns CSS selector string for querying roving elements
+ */
+var buildSelector = (allowDisabled, hasChildRoving) => {
+  var disabledPart = allowDisabled ? '' : DISABLED_EXCLUSION;
+  var nestedPart = hasChildRoving ? NESTED_ROVING_EXCLUSION : '';
+  return "[data-roving]".concat(disabledPart).concat(nestedPart);
+};
+
+/**
+ * Component to create a Roving Tabindex in the DOM
+ * @returns {HTMLDivElement}
+ */
+class MrlRovingTabindex extends React__namespace.Component {
+  /**
+   * MrlRovingTabindex class constructor
+   * @param props - the MrlRovingTabindex props
+   * @returns new instance
+   */
+  constructor(props) {
+    super(props);
+    _rollupPluginBabelHelpers.defineProperty(this, "elements", void 0);
+    _rollupPluginBabelHelpers.defineProperty(this, "orientation", void 0);
+    _rollupPluginBabelHelpers.defineProperty(this, "ref", void 0);
+    _rollupPluginBabelHelpers.defineProperty(this, "selector", void 0);
+    _rollupPluginBabelHelpers.defineProperty(this, "handleRef", ref => {
+      this.ref = ref;
+      // Set up focus listener when ref becomes available
+      if (ref) {
+        ref.addEventListener('focusout', this.handleFocusOut);
+      }
+      return ref;
+    });
+    /**
+     * Handles focus out events to detect when focus leaves the roving tabindex container
+     * @param {FocusEvent} event - the focus out event
+     * @returns {void}
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "handleFocusOut", event => {
+      var _this$ref;
+      var onBlur = this.props.onBlur;
+      var relatedTarget = event.relatedTarget;
+
+      // Check if focus is moving to an element outside the container
+      if (relatedTarget && !((_this$ref = this.ref) !== null && _this$ref !== void 0 && _this$ref.contains(relatedTarget))) {
+        // Focus has moved from inside the container to outside
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+      }
+    });
+    /**
+     * Sets component array of elements
+     * @returns {void}
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "setElements", () => {
+      if (!this.ref) return;
+      this.elements = getTabbableElements(this.ref, this.selector);
+    });
+    /**
+     * Queries for a single element matching the selector within the container.
+     * @param selector - CSS selector to query
+     * @returns The matching element or null
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "queryElement", selector => {
+      var _this$ref2;
+      return (_this$ref2 = this.ref) === null || _this$ref2 === void 0 ? void 0 : _this$ref2.querySelector(selector);
+    });
+    /**
+     * Gets the active element based on priority order:
+     * 1. Element matching the custom `activeSelector` prop (e.g., custom radio elements)
+     * 2. Element with `data-roving-active` attribute (programmatically set active)
+     * 3. First element with `data-roving` attribute (default fallback)
+     *
+     * Disabled elements are excluded unless `allowDisabled` is true.
+     * @returns The active HTML element, or undefined if none found
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "getActiveElement", () => {
+      var _this$ref3;
+      var _this$props = this.props,
+        activeSelector = _this$props.activeSelector,
+        _this$props$allowDisa = _this$props.allowDisabled,
+        allowDisabled = _this$props$allowDisa === void 0 ? DEFAULT_ALLOW_DISABLED : _this$props$allowDisa;
+      var disabledFilter = allowDisabled ? '' : DISABLED_EXCLUSION;
+
+      // Priority 1: Custom active selector (e.g., for radio button groups)
+      // An element with the matching activeSelector prop (example usage: custom radio elements)
+      if (activeSelector) {
+        var customActiveElement = this.queryElement("".concat(activeSelector, "[data-roving]").concat(disabledFilter));
+        if (customActiveElement) return customActiveElement;
+      }
+
+      // Priority 2: Programmatically marked active element
+      // An element with a `data-roving-active` attribute, indicating the current active element
+      var markedActiveElement = this.queryElement("[data-roving][data-roving-active]".concat(disabledFilter));
+      if (markedActiveElement) return markedActiveElement;
+
+      // Priority 3: First roving element (uses pre-built selector with disabled handling)
+      // If no active element is found, the first instance of an element with `data-roving="true"`
+      var firstRovingElement = (_this$ref3 = this.ref) === null || _this$ref3 === void 0 ? void 0 : _this$ref3.querySelectorAll(this.selector)[0];
+      return firstRovingElement;
+    });
+    /**
+     * Sets an element to `tabindex=0` and sets all other elements to `tabindex=-1`
+     * @param {HTMLElement | undefined} el - the element to set as active
+     * @returns {void}
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "setActiveElement", el => {
+      if (!el) return;
+      this.unsetTabbableElements();
+      el.setAttribute('tabindex', '0');
+    });
+    /**
+     * Sets focus to a specific element
+     * @param {HTMLElement | undefined} el - the element to set in focus
+     * @returns {void}
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "setElementFocus", el => {
+      if (!el) return;
+
+      /**
+       * Why data-roving-active?
+       *
+       * We only want to set data-roving-active when 'setElementFocus' is triggered because we don't want [tabindex=0] to be mutally exclusive with
+       * [data-roving-active]. An item with [data-roving-active] can exist without having [tabindex=0] and vice versa. We only want to set [data-roving-active]
+       * intentionally when a user action has occured to change it. Such as a keyboard event or moving focus manually with Javascript.
+       */
+      var current = this.getActiveElement();
+      if (current) current.removeAttribute('data-roving-active');
+      el.setAttribute('data-roving-active', 'true');
+      this.setActiveElement(el);
+      el.focus();
+    });
+    /**
+     * Sets focus to an element based on a direction (`forward` or `back`)
+     * Disabled elements are already excluded from this.elements via CSS selector
+     * @param {NavigationDirection} direction 'forward' | 'back'
+     * @returns {void}
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "setFocusByDirection", direction => {
+      var itemsLen = this.elements.length;
+      if (itemsLen > 0) {
+        var currentIndex = this.elements.indexOf(document.activeElement);
+        var directionSum = direction === 'back' ? -1 : 1;
+        var nextIndex = currentIndex + directionSum;
+        if (direction === 'back') {
+          nextIndex = nextIndex < 0 ? itemsLen - 1 : nextIndex;
+        }
+        if (direction === 'forward') {
+          nextIndex = nextIndex >= itemsLen ? 0 : nextIndex;
+        }
+        this.setElementFocus(this.elements[nextIndex]);
+      }
+    });
+    /**
+     * Sets all tabindex for elements of this component to -1
+     * Also ensures disabled elements (excluded from roving tabindex) have tabindex=-1
+     * @returns {void}
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "unsetTabbableElements", () => {
+      if (!this.elements) return;
+
+      // Set tabindex=-1 for all roving tabindex elements
+      this.elements.forEach(el => {
+        el && el.setAttribute('tabindex', '-1');
+      });
+
+      // Also set tabindex=-1 for disabled elements that are excluded from roving tabindex
+      // This ensures disabled elements are not tabbable even though they're not in the navigation order
+      if (!this.ref || this.props.allowDisabled) return;
+      var disabledElements = this.ref.querySelectorAll("[data-roving][disabled], [data-roving][aria-disabled=\"true\"]");
+      disabledElements.forEach(el => {
+        el.setAttribute('tabindex', '-1');
+      });
+    });
+    /**
+     * Will return `false` if the orientation param matches the
+     * orientation of the component and the actively focused element has a menu or select
+     * @param orientation : 'horizontal' | 'vertical'
+     * @returns boolean
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "canUseArrows", orientation => {
+      var _document = document,
+        activeElement = _document.activeElement;
+      var role = activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('role');
+      var hasMenuOrSelect = (activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-haspopup')) === 'true' || role === 'combobox' || role === 'option' || role === 'listbox';
+      return !(this.orientation === orientation && hasMenuOrSelect);
+    });
+    _rollupPluginBabelHelpers.defineProperty(this, "handleKeyUp", e => {
+      var _document$activeEleme;
+      var ignoreElements = this.props.ignoreElements;
+      var allowKeyPress = !ignoreElements ? true : !((_document$activeEleme = document.activeElement) !== null && _document$activeEleme !== void 0 && _document$activeEleme.closest(ignoreElements));
+      var modifierPressed = e.ctrlKey || e.metaKey || e.shiftKey;
+      if (modifierPressed) return;
+
+      /**
+       * If elements within MrlRovingTabindex are added after the component mounts
+       * they will not automatically be a `part of this.elements`. This checks if
+       * `this.elements` contains all elements that MrlRovingTabindex should be aware
+       * of and will update `this.elements` if neccessary.
+       */
+      var knownTabbableElements = this.elements;
+      var allTabbableElements = getTabbableElements(this.ref, this.selector);
+      if (knownTabbableElements.length !== allTabbableElements.length || !arraysEqual(knownTabbableElements, allTabbableElements)) {
+        this.setElements();
+        this.setActiveElement(this.getActiveElement());
+      }
+      var isActiveRoving = this.getActiveElement() === document.activeElement;
+      if (allowKeyPress && isActiveRoving) {
+        e.stopPropagation();
+        switch (e.key) {
+          case 'ArrowDown':
+            if (this.canUseArrows('horizontal')) this.setFocusByDirection('forward');
+            break;
+          case 'ArrowUp':
+            if (this.canUseArrows('horizontal')) this.setFocusByDirection('back');
+            break;
+          case 'ArrowRight':
+            if (this.canUseArrows('vertical')) this.setFocusByDirection('forward');
+            break;
+          case 'ArrowLeft':
+            if (this.canUseArrows('vertical')) this.setFocusByDirection('back');
+            break;
+          case 'End':
+            this.handleFocusedLast();
+            break;
+          case 'Home':
+            this.handleFocusedFirst();
+            break;
+        }
+      }
+    });
+    _rollupPluginBabelHelpers.defineProperty(this, "handleFocusedFirst", () => this.setElementFocus(this.elements[0]));
+    _rollupPluginBabelHelpers.defineProperty(this, "handleFocusedLast", () => this.setElementFocus(this.elements[this.elements.length - 1]));
+    _rollupPluginBabelHelpers.defineProperty(this, "handleRefocus", () => {
+      var _this$props$onRefocus, _this$props2;
+      this.setActiveElement(document.activeElement);
+      (_this$props$onRefocus = (_this$props2 = this.props).onRefocus) === null || _this$props$onRefocus === void 0 ? void 0 : _this$props$onRefocus.call(_this$props2, false);
+    });
+    var _props$allowDisabled = props.allowDisabled,
+      _allowDisabled = _props$allowDisabled === void 0 ? DEFAULT_ALLOW_DISABLED : _props$allowDisabled,
+      _props$hasChildRoving = props.hasChildRoving,
+      hasChildRoving = _props$hasChildRoving === void 0 ? false : _props$hasChildRoving,
+      _orientation = props.orientation;
+    this.elements = [];
+    this.orientation = _orientation || 'horizontal';
+    this.selector = buildSelector(_allowDisabled, hasChildRoving);
+  }
+
+  /**
+   * Runs when the MrlRovingTabindex component mounts
+   */
+  componentDidMount() {
+    var delayMount = this.props.delayMount;
+    if (delayMount) {
+      setTimeout(() => this.mount(), delayMount);
+      return;
+    }
+    this.mount();
+  }
+
+  /**
+   * Runs when the MrlRovingTabindex component unmounts
+   */
+  componentWillUnmount() {
+    // Remove focus event listener
+    if (this.ref) {
+      this.ref.removeEventListener('focusout', this.handleFocusOut);
+    }
+  }
+
+  /**
+   * Runs when the MrlRovingTabindex component updates
+   * @param {RovingPropTypes} prevProps - the props before the component updated
+   */
+  componentDidUpdate(prevProps) {
+    var _this$props3 = this.props,
+      _this$props3$allowDis = _this$props3.allowDisabled,
+      allowDisabled = _this$props3$allowDis === void 0 ? DEFAULT_ALLOW_DISABLED : _this$props3$allowDis,
+      children = _this$props3.children,
+      focusWithShortcut = _this$props3.focusWithShortcut,
+      _this$props3$hasChild = _this$props3.hasChildRoving,
+      hasChildRoving = _this$props3$hasChild === void 0 ? false : _this$props3$hasChild,
+      isFocused = _this$props3.isFocused,
+      onBlur = _this$props3.onBlur,
+      onRefocus = _this$props3.onRefocus;
+
+    /**
+     * If allowDisabled or hasChildRoving prop changes, rebuild the selector
+     * and re-scan for elements to reflect the new configuration.
+     */
+    if (prevProps.allowDisabled !== allowDisabled || prevProps.hasChildRoving !== hasChildRoving) {
+      this.selector = buildSelector(allowDisabled, hasChildRoving);
+      this.setElements();
+      this.setActiveElement(this.getActiveElement());
+    }
+
+    /**
+     * If focus is programatically moved to the MrlRovingTabindex
+     * component from outside of the MrlRovingTabindex, passing
+     * the prop of `onRefocus` will cause the component to go
+     * through and make sure that only the  active element
+     * has a tabindex set to 0.
+     */
+    if (onRefocus) {
+      this.handleRefocus();
+    }
+
+    /**
+     * When children change, re-scan for elements and update tabindex values.
+     * This ensures that dynamically added/removed buttons are properly managed.
+     */
+    if (prevProps.children !== children && !focusWithShortcut) {
+      this.setElements();
+      this.setActiveElement(this.getActiveElement());
+    }
+    if (focusWithShortcut) {
+      var _this$ref4;
+      /**
+       * If the component within MrlRovingTabindex shows on the page before it should
+       * be reached with a keyboard the prop `focusWithiShortcut` can be used to
+       * achieve that. The conditions below handle the various states that a
+       * component can experience under this scenario.
+       */
+      if (!isFocused && !prevProps.isFocused) {
+        /**
+         * The component was not focus before and is not ready to be focused on
+         */
+        this.unsetTabbableElements();
+      }
+      if (prevProps.isFocused && !isFocused) {
+        /**
+         * The component was focused but is not focused anymore
+         */
+        this.unsetTabbableElements();
+        // Only call onBlur if focus has truly left the container
+        if (this.ref && !this.ref.contains(document.activeElement)) {
+          onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+        }
+      }
+      if (!prevProps.isFocused && isFocused) {
+        /**
+         * The component was not focused before and is ready to be focused
+         */
+        this.setElements();
+        this.setElementFocus(this.getActiveElement());
+      }
+      if (prevProps.children !== children && !isFocused && !prevProps.isFocused) {
+        /**
+         * Children changed but component is not focused
+         * Ensure all new elements have tabindex=-1 to prevent Tab key access
+         */
+        this.setElements();
+        this.unsetTabbableElements();
+      }
+      if (prevProps.children !== children && prevProps.isFocused && isFocused && !((_this$ref4 = this.ref) !== null && _this$ref4 !== void 0 && _this$ref4.contains(document.activeElement))) {
+        /**
+         * While the component was focused an action was performed that
+         * changed the elements of the component and focus was moved to
+         * a different element on the page
+         */
+        this.setElements();
+        this.setActiveElement(this.getActiveElement());
+        if (this.getActiveElement()) {
+          /**
+           * The active element is still within the roving tabindex so focus
+           * on the element that should receive focus
+           */
+          this.setElementFocus(this.getActiveElement());
+        } else {
+          /**
+           * The active element has been moved outside of the MrlRovingTabindex
+           * component so reset the component
+           */
+          // Only call onBlur if focus has truly left the container
+          if (this.ref && !this.ref.contains(document.activeElement)) {
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+          }
+        }
+      }
+    }
+  }
+  /**
+   * Mounts the MrlRovingTabindex component
+   * @returns {void}
+   */
+  mount() {
+    var _this$props4 = this.props,
+      focusOnInit = _this$props4.focusOnInit,
+      focusWithShortcut = _this$props4.focusWithShortcut,
+      isFocused = _this$props4.isFocused;
+    if (!focusWithShortcut) {
+      // get initial set of elements for the component
+      this.setElements();
+
+      // sets the first element of the component to tabindex=0 but does not move focus
+      // this allows users to tab to the component naturally based on tab order
+      this.setActiveElement(this.getActiveElement());
+    } else {
+      // When focusWithShortcut is true, we need to set up elements
+      // but only set tabindex values based on isFocused state
+      this.setElements();
+      if (!isFocused) {
+        // If not focused initially, set all elements to tabindex=-1
+        this.unsetTabbableElements();
+      } else {
+        // If focused initially, set the active element properly
+        this.setActiveElement(this.getActiveElement());
+      }
+    }
+    if (focusOnInit && this.elements.length > 0) {
+      if (focusOnInit === 'first') {
+        this.handleFocusedFirst();
+        return;
+      }
+      this.handleFocusedLast();
+    }
+  }
+
+  /**
+   * Renders the MrlRovingTabindex component
+   * @returns {HTMLDivElement} - the rendered MrlRovingTabindex component
+   */
+  render() {
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    // Destructure component-specific props to prevent them from being spread to the DOM
+    var _this$props5 = this.props;
+      _this$props5.activeSelector;
+      _this$props5.allowDisabled;
+      var children = _this$props5.children;
+      _this$props5.delayMount;
+      _this$props5.focusOnInit;
+      _this$props5.focusWithShortcut;
+      _this$props5.forceUpdate;
+      _this$props5.hasChildRoving;
+      _this$props5.ignoreElements;
+      _this$props5.isFocused;
+      _this$props5.onBlur;
+      _this$props5.onRefocus;
+      _this$props5.orientation;
+      var qa = _this$props5.qa,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props5, _excluded);
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+
+    var dataQa = "".concat(qa || 'generic', "-roving");
+    return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+      className: "helpers-roving-tabindex-container",
+      "data-qa": dataQa,
+      onKeyUp: this.handleKeyUp,
+      ref: this.handleRef,
+      role: "presentation"
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      ,
+      tabIndex: -1
+    }), children);
+  }
+}
+
+exports.MrlRovingTabindex = MrlRovingTabindex;
+exports.getTabbableElements = getTabbableElements;
+//# sourceMappingURL=MrlRovingTabindex.js.map

package/dist/cjs/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlRovingTabindex.js","sources":["../../../../../src/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype RefType = HTMLElement | HTMLDivElement | null;\n\n/**\n * Gets tabbable elements in a given bit of the DOM, excluding disabled elements\n * @param {RefType} ref - the ref of the container\n * @param {string} selector - the selector to query (should already exclude disabled elements)\n * @returns {HTMLElement[]} - an array of tabbable HTML elements\n */\nexport const getTabbableElements = (ref: RefType, selector: string): HTMLElement[] => {\n\tconst elements = ref?.querySelectorAll(selector);\n\tif (!elements) return [];\n\treturn Array.prototype.slice.call(elements);\n};\n\nconst arraysEqual = (a: (Element | null)[], b: (Element | null)[]): boolean =>\n\ta.length === b.length && a.every((el, i) => el === b[i]);\n\nexport type FocusOnInitPosition = 'first' | 'last';\nexport interface RovingPropTypes {\n\tactiveSelector?: string;\n\t/**\n\t * If true, disabled elements (with disabled attribute or aria-disabled=\"true\")\n\t * will be included in the roving tabindex. Defaults to true (disabled elements are included).\n\t */\n\tallowDisabled?: boolean;\n\tchildren: React.ReactNode;\n\t/**\n\t * delayMount is used to apply a delay to the mounting\n\t * of the RovingTabindex component. This can be helpful in\n\t * the event that a component's children have not been fully\n\t * rendered by the time the componentDidMount function is triggered\n\t */\n\tdelayMount?: number;\n\tfocusOnInit?: FocusOnInitPosition;\n\tfocusWithShortcut?: boolean;\n\tforceUpdate?: boolean;\n\thasChildRoving?: boolean;\n\tignoreElements?: string;\n\tisFocused?: boolean;\n\tonBlur?: () => void;\n\tonRefocus?: (shouldRefocus: boolean) => void;\n\torientation?: RovingOrientation;\n\tqa?: string;\n}\n\ntype RovingOrientation = 'horizontal' | 'vertical';\ntype NavigationDirection = 'forward' | 'back';\n\n/**\n * Default value for allowDisabled prop.\n * When true, disabled elements are included in the roving tabindex navigation.\n */\nconst DEFAULT_ALLOW_DISABLED = true;\n\n/**\n * CSS selector to exclude disabled elements.\n * Excludes both native disabled attribute and ARIA-compliant disabled elements.\n */\nconst DISABLED_EXCLUSION = ':not([disabled]):not([aria-disabled=\"true\"])';\n\n/**\n * CSS selector suffix to exclude nested roving tabindex elements.\n * Prevents deeply nested elements from being included in parent roving tabindex.\n */\nconst NESTED_ROVING_EXCLUSION =\n\t':not(.helpers-roving-tabindex-container .helpers-roving-tabindex-container [data-roving])';\n\n/**\n * Builds the appropriate CSS selector based on configuration.\n * @param allowDisabled - Whether to include disabled elements in the roving tabindex\n * @param hasChildRoving - Whether nested roving tabindex containers should be excluded\n * @returns CSS selector string for querying roving elements\n */\nconst buildSelector = (allowDisabled: boolean, hasChildRoving: boolean): string => {\n\tconst disabledPart = allowDisabled ? '' : DISABLED_EXCLUSION;\n\tconst nestedPart = hasChildRoving ? NESTED_ROVING_EXCLUSION : '';\n\treturn `[data-roving]${disabledPart}${nestedPart}`;\n};\n\n/**\n * Component to create a Roving Tabindex in the DOM\n * @returns {HTMLDivElement}\n */\nclass MrlRovingTabindex extends React.Component<RovingPropTypes> {\n\telements: Array<Element | null>;\n\torientation: RovingOrientation;\n\tref!: HTMLDivElement | null;\n\tselector: string;\n\n\t/**\n\t * MrlRovingTabindex class constructor\n\t * @param props - the MrlRovingTabindex props\n\t * @returns new instance\n\t */\n\tconstructor(props: RovingPropTypes) {\n\t\tsuper(props);\n\n\t\tconst { allowDisabled = DEFAULT_ALLOW_DISABLED, hasChildRoving = false, orientation } = props;\n\n\t\tthis.elements = [];\n\t\tthis.orientation = orientation || 'horizontal';\n\t\tthis.selector = buildSelector(allowDisabled, hasChildRoving);\n\t}\n\n\t/**\n\t * Runs when the MrlRovingTabindex component mounts\n\t */\n\tcomponentDidMount(): void {\n\t\tconst { delayMount } = this.props;\n\t\tif (delayMount) {\n\t\t\tsetTimeout(() => this.mount(), delayMount);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.mount();\n\t}\n\n\t/**\n\t * Runs when the MrlRovingTabindex component unmounts\n\t */\n\tcomponentWillUnmount(): void {\n\t\t// Remove focus event listener\n\t\tif (this.ref) {\n\t\t\tthis.ref.removeEventListener('focusout', this.handleFocusOut);\n\t\t}\n\t}\n\n\t/**\n\t * Runs when the MrlRovingTabindex component updates\n\t * @param {RovingPropTypes} prevProps - the props before the component updated\n\t */\n\tcomponentDidUpdate(prevProps: RovingPropTypes): void {\n\t\tconst {\n\t\t\tallowDisabled = DEFAULT_ALLOW_DISABLED,\n\t\t\tchildren,\n\t\t\tfocusWithShortcut,\n\t\t\thasChildRoving = false,\n\t\t\tisFocused,\n\t\t\tonBlur,\n\t\t\tonRefocus\n\t\t} = this.props;\n\n\t\t/**\n\t\t * If allowDisabled or hasChildRoving prop changes, rebuild the selector\n\t\t * and re-scan for elements to reflect the new configuration.\n\t\t */\n\t\tif (prevProps.allowDisabled !== allowDisabled || prevProps.hasChildRoving !== hasChildRoving) {\n\t\t\tthis.selector = buildSelector(allowDisabled, hasChildRoving);\n\t\t\tthis.setElements();\n\t\t\tthis.setActiveElement(this.getActiveElement());\n\t\t}\n\n\t\t/**\n\t\t * If focus is programatically moved to the MrlRovingTabindex\n\t\t * component from outside of the MrlRovingTabindex, passing\n\t\t * the prop of `onRefocus` will cause the component to go\n\t\t * through and make sure that only the  active element\n\t\t * has a tabindex set to 0.\n\t\t */\n\t\tif (onRefocus) {\n\t\t\tthis.handleRefocus();\n\t\t}\n\n\t\t/**\n\t\t * When children change, re-scan for elements and update tabindex values.\n\t\t * This ensures that dynamically added/removed buttons are properly managed.\n\t\t */\n\t\tif (prevProps.children !== children && !focusWithShortcut) {\n\t\t\tthis.setElements();\n\t\t\tthis.setActiveElement(this.getActiveElement());\n\t\t}\n\n\t\tif (focusWithShortcut) {\n\t\t\t/**\n\t\t\t * If the component within MrlRovingTabindex shows on the page before it should\n\t\t\t * be reached with a keyboard the prop `focusWithiShortcut` can be used to\n\t\t\t * achieve that. The conditions below handle the various states that a\n\t\t\t * component can experience under this scenario.\n\t\t\t */\n\t\t\tif (!isFocused && !prevProps.isFocused) {\n\t\t\t\t/**\n\t\t\t\t * The component was not focus before and is not ready to be focused on\n\t\t\t\t */\n\t\t\t\tthis.unsetTabbableElements();\n\t\t\t}\n\n\t\t\tif (prevProps.isFocused && !isFocused) {\n\t\t\t\t/**\n\t\t\t\t * The component was focused but is not focused anymore\n\t\t\t\t */\n\t\t\t\tthis.unsetTabbableElements();\n\t\t\t\t// Only call onBlur if focus has truly left the container\n\t\t\t\tif (this.ref && !this.ref.contains(document.activeElement)) {\n\t\t\t\t\tonBlur?.();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (!prevProps.isFocused && isFocused) {\n\t\t\t\t/**\n\t\t\t\t * The component was not focused before and is ready to be focused\n\t\t\t\t */\n\t\t\t\tthis.setElements();\n\t\t\t\tthis.setElementFocus(this.getActiveElement());\n\t\t\t}\n\n\t\t\tif (prevProps.children !== children && !isFocused && !prevProps.isFocused) {\n\t\t\t\t/**\n\t\t\t\t * Children changed but component is not focused\n\t\t\t\t * Ensure all new elements have tabindex=-1 to prevent Tab key access\n\t\t\t\t */\n\t\t\t\tthis.setElements();\n\t\t\t\tthis.unsetTabbableElements();\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tprevProps.children !== children &&\n\t\t\t\tprevProps.isFocused &&\n\t\t\t\tisFocused &&\n\t\t\t\t!this.ref?.contains(document.activeElement)\n\t\t\t) {\n\t\t\t\t/**\n\t\t\t\t * While the component was focused an action was performed that\n\t\t\t\t * changed the elements of the component and focus was moved to\n\t\t\t\t * a different element on the page\n\t\t\t\t */\n\t\t\t\tthis.setElements();\n\t\t\t\tthis.setActiveElement(this.getActiveElement());\n\n\t\t\t\tif (this.getActiveElement()) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The active element is still within the roving tabindex so focus\n\t\t\t\t\t * on the element that should receive focus\n\t\t\t\t\t */\n\t\t\t\t\tthis.setElementFocus(this.getActiveElement());\n\t\t\t\t} else {\n\t\t\t\t\t/**\n\t\t\t\t\t * The active element has been moved outside of the MrlRovingTabindex\n\t\t\t\t\t * component so reset the component\n\t\t\t\t\t */\n\t\t\t\t\t// Only call onBlur if focus has truly left the container\n\t\t\t\t\tif (this.ref && !this.ref.contains(document.activeElement)) {\n\t\t\t\t\t\tonBlur?.();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\thandleRef = (ref: HTMLDivElement): HTMLDivElement => {\n\t\tthis.ref = ref;\n\t\t// Set up focus listener when ref becomes available\n\t\tif (ref) {\n\t\t\tref.addEventListener('focusout', this.handleFocusOut);\n\t\t}\n\t\treturn ref;\n\t};\n\n\t/**\n\t * Handles focus out events to detect when focus leaves the roving tabindex container\n\t * @param {FocusEvent} event - the focus out event\n\t * @returns {void}\n\t */\n\thandleFocusOut = (event: FocusEvent): void => {\n\t\tconst { onBlur } = this.props;\n\t\tconst relatedTarget = (event as FocusEvent & { relatedTarget?: HTMLElement }).relatedTarget;\n\n\t\t// Check if focus is moving to an element outside the container\n\t\tif (relatedTarget && !this.ref?.contains(relatedTarget)) {\n\t\t\t// Focus has moved from inside the container to outside\n\t\t\tonBlur?.();\n\t\t}\n\t};\n\n\t/**\n\t * Sets component array of elements\n\t * @returns {void}\n\t */\n\tsetElements = (): void => {\n\t\tif (!this.ref) return;\n\t\tthis.elements = getTabbableElements(this.ref, this.selector);\n\t};\n\n\t/**\n\t * Queries for a single element matching the selector within the container.\n\t * @param selector - CSS selector to query\n\t * @returns The matching element or null\n\t */\n\tqueryElement = (selector: string): HTMLElement | null => {\n\t\treturn this.ref?.querySelector(selector) as HTMLElement | null;\n\t};\n\n\t/**\n\t * Gets the active element based on priority order:\n\t * 1. Element matching the custom `activeSelector` prop (e.g., custom radio elements)\n\t * 2. Element with `data-roving-active` attribute (programmatically set active)\n\t * 3. First element with `data-roving` attribute (default fallback)\n\t *\n\t * Disabled elements are excluded unless `allowDisabled` is true.\n\t * @returns The active HTML element, or undefined if none found\n\t */\n\tgetActiveElement = (): HTMLElement | undefined => {\n\t\tconst { activeSelector, allowDisabled = DEFAULT_ALLOW_DISABLED } = this.props;\n\t\tconst disabledFilter = allowDisabled ? '' : DISABLED_EXCLUSION;\n\n\t\t// Priority 1: Custom active selector (e.g., for radio button groups)\n\t\t// An element with the matching activeSelector prop (example usage: custom radio elements)\n\t\tif (activeSelector) {\n\t\t\tconst customActiveElement = this.queryElement(\n\t\t\t\t`${activeSelector}[data-roving]${disabledFilter}`\n\t\t\t);\n\t\t\tif (customActiveElement) return customActiveElement;\n\t\t}\n\n\t\t// Priority 2: Programmatically marked active element\n\t\t// An element with a `data-roving-active` attribute, indicating the current active element\n\t\tconst markedActiveElement = this.queryElement(\n\t\t\t`[data-roving][data-roving-active]${disabledFilter}`\n\t\t);\n\t\tif (markedActiveElement) return markedActiveElement;\n\n\t\t// Priority 3: First roving element (uses pre-built selector with disabled handling)\n\t\t// If no active element is found, the first instance of an element with `data-roving=\"true\"`\n\t\tconst firstRovingElement = this.ref?.querySelectorAll(this.selector)[0];\n\t\treturn firstRovingElement as HTMLElement | undefined;\n\t};\n\n\t/**\n\t * Sets an element to `tabindex=0` and sets all other elements to `tabindex=-1`\n\t * @param {HTMLElement | undefined} el - the element to set as active\n\t * @returns {void}\n\t */\n\tsetActiveElement = (el: HTMLElement | undefined): void => {\n\t\tif (!el) return;\n\n\t\tthis.unsetTabbableElements();\n\t\tel.setAttribute('tabindex', '0');\n\t};\n\n\t/**\n\t * Sets focus to a specific element\n\t * @param {HTMLElement | undefined} el - the element to set in focus\n\t * @returns {void}\n\t */\n\tsetElementFocus = (el: HTMLElement | undefined): void => {\n\t\tif (!el) return;\n\n\t\t/**\n\t\t * Why data-roving-active?\n\t\t *\n\t\t * We only want to set data-roving-active when 'setElementFocus' is triggered because we don't want [tabindex=0] to be mutally exclusive with\n\t\t * [data-roving-active]. An item with [data-roving-active] can exist without having [tabindex=0] and vice versa. We only want to set [data-roving-active]\n\t\t * intentionally when a user action has occured to change it. Such as a keyboard event or moving focus manually with Javascript.\n\t\t */\n\t\tconst current = this.getActiveElement();\n\t\tif (current) current.removeAttribute('data-roving-active');\n\t\tel.setAttribute('data-roving-active', 'true');\n\n\t\tthis.setActiveElement(el);\n\t\tel.focus();\n\t};\n\n\t/**\n\t * Sets focus to an element based on a direction (`forward` or `back`)\n\t * Disabled elements are already excluded from this.elements via CSS selector\n\t * @param {NavigationDirection} direction 'forward' | 'back'\n\t * @returns {void}\n\t */\n\tsetFocusByDirection = (direction: NavigationDirection): void => {\n\t\tconst itemsLen = this.elements.length;\n\n\t\tif (itemsLen > 0) {\n\t\t\tconst currentIndex = this.elements.indexOf(document.activeElement);\n\n\t\t\tconst directionSum = direction === 'back' ? -1 : 1;\n\t\t\tlet nextIndex = currentIndex + directionSum;\n\n\t\t\tif (direction === 'back') {\n\t\t\t\tnextIndex = nextIndex < 0 ? itemsLen - 1 : nextIndex;\n\t\t\t}\n\n\t\t\tif (direction === 'forward') {\n\t\t\t\tnextIndex = nextIndex >= itemsLen ? 0 : nextIndex;\n\t\t\t}\n\n\t\t\tthis.setElementFocus(this.elements[nextIndex] as HTMLElement);\n\t\t}\n\t};\n\n\t/**\n\t * Sets all tabindex for elements of this component to -1\n\t * Also ensures disabled elements (excluded from roving tabindex) have tabindex=-1\n\t * @returns {void}\n\t */\n\tunsetTabbableElements = (): void => {\n\t\tif (!this.elements) return;\n\n\t\t// Set tabindex=-1 for all roving tabindex elements\n\t\tthis.elements.forEach((el: Element | null) => {\n\t\t\tel && el.setAttribute('tabindex', '-1');\n\t\t});\n\n\t\t// Also set tabindex=-1 for disabled elements that are excluded from roving tabindex\n\t\t// This ensures disabled elements are not tabbable even though they're not in the navigation order\n\t\tif (!this.ref || this.props.allowDisabled) return;\n\n\t\tconst disabledElements = this.ref.querySelectorAll(\n\t\t\t`[data-roving][disabled], [data-roving][aria-disabled=\"true\"]`\n\t\t);\n\t\tdisabledElements.forEach((el) => {\n\t\t\tel.setAttribute('tabindex', '-1');\n\t\t});\n\t};\n\n\t/**\n\t * Will return `false` if the orientation param matches the\n\t * orientation of the component and the actively focused element has a menu or select\n\t * @param orientation : 'horizontal' | 'vertical'\n\t * @returns boolean\n\t */\n\tcanUseArrows = (orientation: RovingOrientation): boolean => {\n\t\tconst { activeElement } = document;\n\t\tconst role = activeElement?.getAttribute('role');\n\t\tconst hasMenuOrSelect =\n\t\t\tactiveElement?.getAttribute('aria-haspopup') === 'true' ||\n\t\t\trole === 'combobox' ||\n\t\t\trole === 'option' ||\n\t\t\trole === 'listbox';\n\n\t\treturn !(this.orientation === orientation && hasMenuOrSelect);\n\t};\n\n\thandleKeyUp = (e: React.KeyboardEvent): void => {\n\t\tconst { ignoreElements } = this.props;\n\t\tconst allowKeyPress = !ignoreElements ? true : !document.activeElement?.closest(ignoreElements);\n\n\t\tconst modifierPressed = e.ctrlKey || e.metaKey || e.shiftKey;\n\n\t\tif (modifierPressed) return;\n\n\t\t/**\n\t\t * If elements within MrlRovingTabindex are added after the component mounts\n\t\t * they will not automatically be a `part of this.elements`. This checks if\n\t\t * `this.elements` contains all elements that MrlRovingTabindex should be aware\n\t\t * of and will update `this.elements` if neccessary.\n\t\t */\n\t\tconst knownTabbableElements = this.elements;\n\t\tconst allTabbableElements = getTabbableElements(this.ref, this.selector);\n\n\t\tif (\n\t\t\tknownTabbableElements.length !== allTabbableElements.length ||\n\t\t\t!arraysEqual(knownTabbableElements, allTabbableElements)\n\t\t) {\n\t\t\tthis.setElements();\n\t\t\tthis.setActiveElement(this.getActiveElement());\n\t\t}\n\n\t\tconst isActiveRoving = this.getActiveElement() === document.activeElement;\n\n\t\tif (allowKeyPress && isActiveRoving) {\n\t\t\te.stopPropagation();\n\t\t\tswitch (e.key) {\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\tif (this.canUseArrows('horizontal')) this.setFocusByDirection('forward');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\tif (this.canUseArrows('horizontal')) this.setFocusByDirection('back');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowRight':\n\t\t\t\t\tif (this.canUseArrows('vertical')) this.setFocusByDirection('forward');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowLeft':\n\t\t\t\t\tif (this.canUseArrows('vertical')) this.setFocusByDirection('back');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'End':\n\t\t\t\t\tthis.handleFocusedLast();\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Home':\n\t\t\t\t\tthis.handleFocusedFirst();\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t};\n\n\thandleFocusedFirst = (): void => this.setElementFocus(this.elements[0] as HTMLElement);\n\n\thandleFocusedLast = (): void =>\n\t\tthis.setElementFocus(this.elements[this.elements.length - 1] as HTMLElement);\n\n\thandleRefocus = (): void => {\n\t\tthis.setActiveElement(document.activeElement as HTMLElement);\n\t\tthis.props.onRefocus?.(false);\n\t};\n\n\t/**\n\t * Mounts the MrlRovingTabindex component\n\t * @returns {void}\n\t */\n\tmount(): void {\n\t\tconst { focusOnInit, focusWithShortcut, isFocused } = this.props;\n\n\t\tif (!focusWithShortcut) {\n\t\t\t// get initial set of elements for the component\n\t\t\tthis.setElements();\n\n\t\t\t// sets the first element of the component to tabindex=0 but does not move focus\n\t\t\t// this allows users to tab to the component naturally based on tab order\n\t\t\tthis.setActiveElement(this.getActiveElement());\n\t\t} else {\n\t\t\t// When focusWithShortcut is true, we need to set up elements\n\t\t\t// but only set tabindex values based on isFocused state\n\t\t\tthis.setElements();\n\n\t\t\tif (!isFocused) {\n\t\t\t\t// If not focused initially, set all elements to tabindex=-1\n\t\t\t\tthis.unsetTabbableElements();\n\t\t\t} else {\n\t\t\t\t// If focused initially, set the active element properly\n\t\t\t\tthis.setActiveElement(this.getActiveElement());\n\t\t\t}\n\t\t}\n\n\t\tif (focusOnInit && this.elements.length > 0) {\n\t\t\tif (focusOnInit === 'first') {\n\t\t\t\tthis.handleFocusedFirst();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.handleFocusedLast();\n\t\t}\n\t}\n\n\t/**\n\t * Renders the MrlRovingTabindex component\n\t * @returns {HTMLDivElement} - the rendered MrlRovingTabindex component\n\t */\n\trender(): JSX.Element {\n\t\t/* eslint-disable @typescript-eslint/no-unused-vars */\n\t\t// Destructure component-specific props to prevent them from being spread to the DOM\n\t\tconst {\n\t\t\tactiveSelector,\n\t\t\tallowDisabled,\n\t\t\tchildren,\n\t\t\tdelayMount,\n\t\t\tfocusOnInit,\n\t\t\tfocusWithShortcut,\n\t\t\tforceUpdate,\n\t\t\thasChildRoving,\n\t\t\tignoreElements,\n\t\t\tisFocused,\n\t\t\tonBlur,\n\t\t\tonRefocus,\n\t\t\torientation,\n\t\t\tqa,\n\t\t\t...rest\n\t\t} = this.props;\n\t\t/* eslint-enable @typescript-eslint/no-unused-vars */\n\n\t\tconst dataQa = `${qa || 'generic'}-roving`;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\t{...rest}\n\t\t\t\tclassName=\"helpers-roving-tabindex-container\"\n\t\t\t\tdata-qa={dataQa}\n\t\t\t\tonKeyUp={this.handleKeyUp}\n\t\t\t\tref={this.handleRef}\n\t\t\t\trole=\"presentation\"\n\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n\t\t\t\ttabIndex={-1}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nexport { MrlRovingTabindex };\n"],"names":["getTabbableElements","ref","selector","elements","querySelectorAll","Array","prototype","slice","call","arraysEqual","a","b","length","every","el","i","DEFAULT_ALLOW_DISABLED","DISABLED_EXCLUSION","NESTED_ROVING_EXCLUSION","buildSelector","allowDisabled","hasChildRoving","disabledPart","nestedPart","concat","MrlRovingTabindex","React","Component","constructor","props","_defineProperty","addEventListener","handleFocusOut","event","_this$ref","onBlur","relatedTarget","contains","_this$ref2","querySelector","_this$ref3","_this$props","activeSelector","_this$props$allowDisa","disabledFilter","customActiveElement","queryElement","markedActiveElement","firstRovingElement","unsetTabbableElements","setAttribute","current","getActiveElement","removeAttribute","setActiveElement","focus","direction","itemsLen","currentIndex","indexOf","document","activeElement","directionSum","nextIndex","setElementFocus","forEach","disabledElements","orientation","_document","role","getAttribute","hasMenuOrSelect","e","_document$activeEleme","ignoreElements","allowKeyPress","closest","modifierPressed","ctrlKey","metaKey","shiftKey","knownTabbableElements","allTabbableElements","setElements","isActiveRoving","stopPropagation","key","canUseArrows","setFocusByDirection","handleFocusedLast","handleFocusedFirst","_this$props$onRefocus","_this$props2","onRefocus","_props$allowDisabled","_props$hasChildRoving","componentDidMount","delayMount","setTimeout","mount","componentWillUnmount","removeEventListener","componentDidUpdate","prevProps","_this$props3","_this$props3$allowDis","children","focusWithShortcut","_this$props3$hasChild","isFocused","handleRefocus","_this$ref4","_this$props4","focusOnInit","render","_this$props5","forceUpdate","qa","rest","_objectWithoutProperties","_excluded","dataQa","createElement","_extends","className","onKeyUp","handleKeyUp","handleRef","tabIndex"],"mappings":"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"}

package/dist/cjs/components/skeleton/MrlSkeleton/MrlSkeleton.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var classnames = require('classnames');
+var React = require('react');
+var MrlSkeleton_module = require('./MrlSkeleton.module.scss.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _excluded = ["height", "shape", "style", "width", "className"];
+/**
+ * MrlSkeleton React component.
+ *
+ * @param props {MrlSkeletonProps} - component props
+ * @returns a MrlSkeleton React component.
+ */
+function MrlSkeleton(_ref) {
+  var _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 'var(--mrl-spacing-05)' : _ref$height,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'default' : _ref$shape,
+    style = _ref.style,
+    width = _ref.width,
+    className = _ref.className,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var classes = classnames__default.default(MrlSkeleton_module.default['MrlSkeleton'], {
+    [MrlSkeleton_module.default["MrlSkeleton-".concat(shape)]]: shape !== 'default'
+  }, className);
+  var skeletonStyle = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, {
+    height,
+    width
+  }, shape === 'circle' && {
+    width: height
+  });
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    "aria-hidden": "true",
+    className: classes,
+    style: skeletonStyle
+  }, rest));
+}
+
+exports.MrlSkeleton = MrlSkeleton;
+//# sourceMappingURL=MrlSkeleton.js.map