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

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

@@ -0,0 +1,522 @@
+import { inherits as _inherits, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from '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 = function 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 = function arraysEqual(a, b) {
+  return a.length === b.length && a.every(function (el, i) {
+    return 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 = function 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}
+ */
+var MrlRovingTabindex = /*#__PURE__*/function (_React$Component) {
+  /**
+   * MrlRovingTabindex class constructor
+   * @param props - the MrlRovingTabindex props
+   * @returns new instance
+   */
+  function MrlRovingTabindex(props) {
+    var _this;
+    _classCallCheck(this, MrlRovingTabindex);
+    _this = _callSuper(this, MrlRovingTabindex, [props]);
+    _defineProperty(_this, "elements", void 0);
+    _defineProperty(_this, "orientation", void 0);
+    _defineProperty(_this, "ref", void 0);
+    _defineProperty(_this, "selector", void 0);
+    _defineProperty(_this, "handleRef", function (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}
+     */
+    _defineProperty(_this, "handleFocusOut", function (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}
+     */
+    _defineProperty(_this, "setElements", function () {
+      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
+     */
+    _defineProperty(_this, "queryElement", function (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
+     */
+    _defineProperty(_this, "getActiveElement", function () {
+      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}
+     */
+    _defineProperty(_this, "setActiveElement", function (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}
+     */
+    _defineProperty(_this, "setElementFocus", function (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}
+     */
+    _defineProperty(_this, "setFocusByDirection", function (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}
+     */
+    _defineProperty(_this, "unsetTabbableElements", function () {
+      if (!_this.elements) return;
+
+      // Set tabindex=-1 for all roving tabindex elements
+      _this.elements.forEach(function (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(function (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
+     */
+    _defineProperty(_this, "canUseArrows", function (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);
+    });
+    _defineProperty(_this, "handleKeyUp", function (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;
+        }
+      }
+    });
+    _defineProperty(_this, "handleFocusedFirst", function () {
+      return _this.setElementFocus(_this.elements[0]);
+    });
+    _defineProperty(_this, "handleFocusedLast", function () {
+      return _this.setElementFocus(_this.elements[_this.elements.length - 1]);
+    });
+    _defineProperty(_this, "handleRefocus", function () {
+      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);
+    return _this;
+  }
+
+  /**
+   * Runs when the MrlRovingTabindex component mounts
+   */
+  _inherits(MrlRovingTabindex, _React$Component);
+  return _createClass(MrlRovingTabindex, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var delayMount = this.props.delayMount;
+      if (delayMount) {
+        setTimeout(function () {
+          return _this2.mount();
+        }, delayMount);
+        return;
+      }
+      this.mount();
+    }
+
+    /**
+     * Runs when the MrlRovingTabindex component unmounts
+     */
+  }, {
+    key: "componentWillUnmount",
+    value: function 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
+     */
+  }, {
+    key: "componentDidUpdate",
+    value: function 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();
+            }
+          }
+        }
+      }
+    }
+  }, {
+    key: "mount",
+    value:
+    /**
+     * Mounts the MrlRovingTabindex component
+     * @returns {void}
+     */
+    function 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
+     */
+  }, {
+    key: "render",
+    value: function 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 = _objectWithoutProperties(_this$props5, _excluded);
+      /* eslint-enable @typescript-eslint/no-unused-vars */
+
+      var dataQa = "".concat(qa || 'generic', "-roving");
+      return /*#__PURE__*/React.createElement("div", _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);
+    }
+  }]);
+}(React.Component);
+
+export { MrlRovingTabindex, getTabbableElements };
+//# sourceMappingURL=MrlRovingTabindex.js.map

package/dist/esm/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","props","_this","_classCallCheck","_callSuper","_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","_inherits","_createClass","value","componentDidMount","_this2","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","React","createElement","_extends","className","onKeyUp","handleKeyUp","handleRef","tabIndex","Component"],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import classnames from 'classnames';
+import * as React from 'react';
+import styles from './MrlSkeleton.module.scss.js';
+
+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 = _objectWithoutProperties(_ref, _excluded);
+  var classes = classnames(styles['MrlSkeleton'], _defineProperty({}, styles["MrlSkeleton-".concat(shape)], shape !== 'default'), className);
+  var skeletonStyle = _objectSpread2(_objectSpread2({}, style), {}, {
+    height: height,
+    width: width
+  }, shape === 'circle' && {
+    width: height
+  });
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "aria-hidden": "true",
+    className: classes,
+    style: skeletonStyle
+  }, rest));
+}
+
+export { MrlSkeleton };
+//# sourceMappingURL=MrlSkeleton.js.map

package/dist/esm/components/skeleton/MrlSkeleton/MrlSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSkeleton.js","sources":["../../../../../src/components/skeleton/MrlSkeleton/MrlSkeleton.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\n\nimport styles from './MrlSkeleton.module.scss';\n\nexport interface MrlSkeletonProps extends React.ComponentProps<'div'> {\n\t/** An object with CSS properties */\n\tstyle?: React.CSSProperties;\n\t/** MrlSkeleton wrapper class */\n\tclassName?: string;\n\t/** The height of the MrlSkeleton component */\n\theight?: React.CSSProperties['height'];\n\t/** The width of the MrlSkeleton component */\n\twidth?: React.CSSProperties['width'];\n\t/** The shape of the Skeleton component */\n\tshape?: 'circle' | 'default';\n}\n\n/**\n * MrlSkeleton React component.\n *\n * @param props {MrlSkeletonProps} - component props\n * @returns a MrlSkeleton React component.\n */\nexport function MrlSkeleton({\n\theight = 'var(--mrl-spacing-05)',\n\tshape = 'default',\n\tstyle,\n\twidth,\n\tclassName,\n\t...rest\n}: MrlSkeletonProps): JSX.Element {\n\tconst classes = classnames(\n\t\tstyles['MrlSkeleton'],\n\t\t{\n\t\t\t[styles[`MrlSkeleton-${shape}`]]: shape !== 'default'\n\t\t},\n\t\tclassName\n\t);\n\n\tconst skeletonStyle = {\n\t\t...style,\n\t\theight,\n\t\twidth,\n\t\t...(shape === 'circle' && { width: height })\n\t};\n\n\treturn <div aria-hidden=\"true\" className={classes} style={skeletonStyle}\n\t\t{...rest} />;\n}\n"],"names":["MrlSkeleton","_ref","_ref$height","height","_ref$shape","shape","style","width","className","rest","_objectWithoutProperties","_excluded","classes","classnames","styles","_defineProperty","concat","skeletonStyle","_objectSpread","React","createElement","_extends"],"mappings":";;;;;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAWA,CAAAC,IAAA,EAOO;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CANjCE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,uBAAuB,GAAAA,WAAA;IAAAE,UAAA,GAAAH,IAAA,CAChCI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,UAAA;IACjBE,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,SAAS,GAAAP,IAAA,CAATO,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;EAEP,IAAMC,OAAO,GAAGC,UAAU,CACzBC,MAAM,CAAC,aAAa,CAAC,EAAAC,eAAA,CAAA,EAAA,EAEnBD,MAAM,CAAA,cAAA,CAAAE,MAAA,CAAgBX,KAAK,CAAA,CAAG,EAAGA,KAAK,KAAK,SAAS,CAAA,EAEtDG,SACD,CAAC;AAED,EAAA,IAAMS,aAAa,GAAAC,cAAA,CAAAA,cAAA,KACfZ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRH,IAAAA,MAAM,EAANA,MAAM;AACNI,IAAAA,KAAK,EAALA;GAAK,EACDF,KAAK,KAAK,QAAQ,IAAI;AAAEE,IAAAA,KAAK,EAAEJ;AAAO,GAAC,CAC3C;AAED,EAAA,oBAAOgB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAK,IAAA,aAAA,EAAY,MAAM;AAACb,IAAAA,SAAS,EAAEI,OAAQ;AAACN,IAAAA,KAAK,EAAEW;GAAc,EACnER,IAAI,CAAG,CAAC;AACd;;;;"}

package/dist/esm/components/skeleton/MrlSkeleton/MrlSkeleton.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlSkeleton":"MrlSkeleton--L9ZOR","shimmer":"shimmer--eczHY","MrlSkeleton-circle":"MrlSkeleton-circle--V35an"};
+
+export { styles as default };
+//# sourceMappingURL=MrlSkeleton.module.scss.js.map

package/dist/esm/components/skeleton/MrlSkeleton/MrlSkeleton.module.scss.js.map

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