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

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

@@ -1 +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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"}
+{"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/esm/components/skeleton/MrlSkeleton/MrlSkeleton.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, 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';
@@ -19,10 +19,12 @@ function MrlSkeleton(_ref) {
     width = _ref.width,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var classes = classnames(styles['MrlSkeleton'], _defineProperty({}, styles["MrlSkeleton-".concat(shape)], shape !== 'default'), className);
+  var classes = classnames(styles['MrlSkeleton'], {
+    [styles["MrlSkeleton-".concat(shape)]]: shape !== 'default'
+  }, className);
   var skeletonStyle = _objectSpread2(_objectSpread2({}, style), {}, {
-    height: height,
-    width: width
+    height,
+    width
   }, shape === 'circle' && {
     width: height
   });

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

@@ -1 +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;;;;"}
+{"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","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,EACrB;IACC,CAACA,MAAM,gBAAAC,MAAA,CAAgBV,KAAK,CAAA,CAAG,GAAGA,KAAK,KAAK;GAC5C,EACDG,SACD,CAAC;AAED,EAAA,IAAMQ,aAAa,GAAAC,cAAA,CAAAA,cAAA,KACfX,KAAK,CAAA,EAAA,EAAA,EAAA;IACRH,MAAM;AACNI,IAAAA;GAAK,EACDF,KAAK,KAAK,QAAQ,IAAI;AAAEE,IAAAA,KAAK,EAAEJ;AAAO,GAAC,CAC3C;AAED,EAAA,oBAAOe,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAK,IAAA,aAAA,EAAY,MAAM;AAACZ,IAAAA,SAAS,EAAEI,OAAQ;AAACN,IAAAA,KAAK,EAAEU;GAAc,EACnEP,IAAI,CAAG,CAAC;AACd;;;;"}

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

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
 import * as React from 'react';
 import styles from './MrlSkeletonText.module.scss.js';
@@ -21,12 +21,14 @@ function MrlSkeletonText(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var classes = classnames(styles['MrlSkeletonText'], _defineProperty({}, styles["MrlSkeletonText-".concat(size)], !!size), className);
-  var skeletonTextLines = React.useMemo(function () {
+  var classes = classnames(styles['MrlSkeletonText'], {
+    [styles["MrlSkeletonText-".concat(size)]]: !!size
+  }, className);
+  var skeletonTextLines = React.useMemo(() => {
     var skeletonStyle = _objectSpread2(_objectSpread2({}, style), {}, {
-      width: width
+      width
     });
-    return new Array(lines).fill(0).map(function () {
+    return new Array(lines).fill(0).map(() => {
       return /*#__PURE__*/React.createElement("div", _extends({
         "aria-hidden": "true",
         className: classes,

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

@@ -1 +1 @@
-{"version":3,"file":"MrlSkeletonText.js","sources":["../../../../../src/components/skeleton/MrlSkeletonText/MrlSkeletonText.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\n\nimport styles from './MrlSkeletonText.module.scss';\nimport { getUniqueId } from '../../../utils';\nimport { TextSizes } from '../../text/constants';\n\nexport interface MrlSkeletonTextProps extends React.ComponentProps<'div'> {\n\t/** An object of CSS properties */\n\tstyle?: React.CSSProperties;\n\t/** MrlSkeletonText wrapper class */\n\tclassName?: string;\n\t/** The width of the MrlSkeletonText component */\n\twidth?: React.CSSProperties['width'];\n\t/** Number of lines to render */\n\tlines?: number;\n\t/** Size of the text which is the same as MrlText component */\n\tsize?: TextSizes;\n}\n\n/**\n * MrlSkeletonText React component. Used to create skeleton elements as placeholders\n * for the MrlText component. It supports the same text sizes as the MrlText component.\n *\n * @param props {MrlSkeletonTextProps} - component props\n * @returns a MrlSkeleton React component.\n */\nexport function MrlSkeletonText({\n\tclassName,\n\tstyle,\n\twidth,\n\tlines = 1,\n\tsize = 'medium',\n\t...rest\n}: MrlSkeletonTextProps): JSX.Element {\n\tconst classes = classnames(\n\t\tstyles['MrlSkeletonText'],\n\t\t{\n\t\t\t[styles[`MrlSkeletonText-${size}`]]: !!size\n\t\t},\n\t\tclassName\n\t);\n\n\tconst skeletonTextLines = React.useMemo(() => {\n\t\tconst skeletonStyle = {\n\t\t\t...style,\n\t\t\twidth\n\t\t};\n\n\t\treturn new Array(lines).fill(0).map(() => {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={classes}\n\t\t\t\t\tkey={getUniqueId('MrlSkeletonText-line')}\n\t\t\t\t\tstyle={skeletonStyle}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t);\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [lines]);\n\n\treturn <>{skeletonTextLines}</>;\n}\n"],"names":["MrlSkeletonText","_ref","className","style","width","_ref$lines","lines","_ref$size","size","rest","_objectWithoutProperties","_excluded","classes","classnames","styles","_defineProperty","concat","skeletonTextLines","React","useMemo","skeletonStyle","_objectSpread","Array","fill","map","createElement","_extends","key","getUniqueId","Fragment"],"mappings":";;;;;;;AAoBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAeA,CAAAC,IAAA,EAOO;AAAA,EAAA,IANrCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,UAAA,GAAAJ,IAAA,CACLK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,CAAC,GAAAA,UAAA;IAAAE,SAAA,GAAAN,IAAA,CACTO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;AACZE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;EAEP,IAAMC,OAAO,GAAGC,UAAU,CACzBC,MAAM,CAAC,iBAAiB,CAAC,EAAAC,eAAA,CAAA,EAAA,EAEvBD,MAAM,CAAA,kBAAA,CAAAE,MAAA,CAAoBR,IAAI,CAAA,CAAG,EAAG,CAAC,CAACA,IAAI,CAAA,EAE5CN,SACD,CAAC;AAED,EAAA,IAAMe,iBAAiB,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;AAC7C,IAAA,IAAMC,aAAa,GAAAC,cAAA,CAAAA,cAAA,KACflB,KAAK,CAAA,EAAA,EAAA,EAAA;AACRC,MAAAA,KAAK,EAALA;KAAK,CACL;AAED,IAAA,OAAO,IAAIkB,KAAK,CAAChB,KAAK,CAAC,CAACiB,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,YAAM;AACzC,MAAA,oBACCN,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACC,QAAA,aAAA,EAAY,MAAM;AAClBxB,QAAAA,SAAS,EAAEU,OAAQ;AACnBe,QAAAA,GAAG,EAAEC,WAAW,CAAC,sBAAsB,CAAE;AACzCzB,QAAAA,KAAK,EAAEiB;OAAc,EACjBX,IAAI,CACR,CAAC;AAEJ,IAAA,CAAC,CAAC;AACF;AACD,EAAA,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,oBAAOY,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAW,QAAA,EAAA,IAAA,EAAGZ,iBAAoB,CAAC;AAChC;;;;"}
+{"version":3,"file":"MrlSkeletonText.js","sources":["../../../../../src/components/skeleton/MrlSkeletonText/MrlSkeletonText.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\n\nimport styles from './MrlSkeletonText.module.scss';\nimport { getUniqueId } from '../../../utils';\nimport { TextSizes } from '../../text/constants';\n\nexport interface MrlSkeletonTextProps extends React.ComponentProps<'div'> {\n\t/** An object of CSS properties */\n\tstyle?: React.CSSProperties;\n\t/** MrlSkeletonText wrapper class */\n\tclassName?: string;\n\t/** The width of the MrlSkeletonText component */\n\twidth?: React.CSSProperties['width'];\n\t/** Number of lines to render */\n\tlines?: number;\n\t/** Size of the text which is the same as MrlText component */\n\tsize?: TextSizes;\n}\n\n/**\n * MrlSkeletonText React component. Used to create skeleton elements as placeholders\n * for the MrlText component. It supports the same text sizes as the MrlText component.\n *\n * @param props {MrlSkeletonTextProps} - component props\n * @returns a MrlSkeleton React component.\n */\nexport function MrlSkeletonText({\n\tclassName,\n\tstyle,\n\twidth,\n\tlines = 1,\n\tsize = 'medium',\n\t...rest\n}: MrlSkeletonTextProps): JSX.Element {\n\tconst classes = classnames(\n\t\tstyles['MrlSkeletonText'],\n\t\t{\n\t\t\t[styles[`MrlSkeletonText-${size}`]]: !!size\n\t\t},\n\t\tclassName\n\t);\n\n\tconst skeletonTextLines = React.useMemo(() => {\n\t\tconst skeletonStyle = {\n\t\t\t...style,\n\t\t\twidth\n\t\t};\n\n\t\treturn new Array(lines).fill(0).map(() => {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={classes}\n\t\t\t\t\tkey={getUniqueId('MrlSkeletonText-line')}\n\t\t\t\t\tstyle={skeletonStyle}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t);\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [lines]);\n\n\treturn <>{skeletonTextLines}</>;\n}\n"],"names":["MrlSkeletonText","_ref","className","style","width","_ref$lines","lines","_ref$size","size","rest","_objectWithoutProperties","_excluded","classes","classnames","styles","concat","skeletonTextLines","React","useMemo","skeletonStyle","_objectSpread","Array","fill","map","createElement","_extends","key","getUniqueId","Fragment"],"mappings":";;;;;;;AAoBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAeA,CAAAC,IAAA,EAOO;AAAA,EAAA,IANrCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,UAAA,GAAAJ,IAAA,CACLK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,CAAC,GAAAA,UAAA;IAAAE,SAAA,GAAAN,IAAA,CACTO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;AACZE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;EAEP,IAAMC,OAAO,GAAGC,UAAU,CACzBC,MAAM,CAAC,iBAAiB,CAAC,EACzB;IACC,CAACA,MAAM,oBAAAC,MAAA,CAAoBP,IAAI,CAAA,CAAG,GAAG,CAAC,CAACA;GACvC,EACDN,SACD,CAAC;AAED,EAAA,IAAMc,iBAAiB,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;AAC7C,IAAA,IAAMC,aAAa,GAAAC,cAAA,CAAAA,cAAA,KACfjB,KAAK,CAAA,EAAA,EAAA,EAAA;AACRC,MAAAA;KAAK,CACL;AAED,IAAA,OAAO,IAAIiB,KAAK,CAACf,KAAK,CAAC,CAACgB,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAM;AACzC,MAAA,oBACCN,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACC,QAAA,aAAA,EAAY,MAAM;AAClBvB,QAAAA,SAAS,EAAEU,OAAQ;AACnBc,QAAAA,GAAG,EAAEC,WAAW,CAAC,sBAAsB,CAAE;AACzCxB,QAAAA,KAAK,EAAEgB;OAAc,EACjBV,IAAI,CACR,CAAC;AAEJ,IAAA,CAAC,CAAC;AACF;AACD,EAAA,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,oBAAOW,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAW,QAAA,EAAA,IAAA,EAAGZ,iBAAoB,CAAC;AAChC;;;;"}

package/dist/esm/components/svg/MrlSvg/MrlSvg.js

@@ -19,7 +19,7 @@ var _excluded = ["className", "size", "svg", "path", "attrs", "isClone", "lazyLo
  * @param {SvgPropTypes} props the props for your MrlSvg
  * @returns {React.ReactElement} a rendered SVG
  */
-var MrlSvg = /*#__PURE__*/React.memo(function (props) {
+var MrlSvg = /*#__PURE__*/React.memo(props => {
   var className = props.className,
     _props$size = props.size,
     size = _props$size === void 0 ? 'medium' : _props$size,
@@ -39,7 +39,7 @@ var MrlSvg = /*#__PURE__*/React.memo(function (props) {
    * @param {Record<string, unknown>} svgData - the SVG code
    * @returns {boolean} - a boolean for whether or not the string is valid JSON
    */
-  var isValidJSON = function isValidJSON(svgData) {
+  var isValidJSON = svgData => {
     try {
       isObject(svgData);
     } catch (err) {
@@ -76,7 +76,7 @@ var MrlSvg = /*#__PURE__*/React.memo(function (props) {
      *
      * @todo: Create react component for DS Icons and remove this code
      */
-    Object.keys(tagAttributes).forEach(function (key) {
+    Object.keys(tagAttributes).forEach(key => {
       var newKey = key;
       if (key === 'class') {
         newKey = 'className';
@@ -100,15 +100,11 @@ var MrlSvg = /*#__PURE__*/React.memo(function (props) {
       }, /*#__PURE__*/React.createElement("svg", _extends({}, tagAttributes, userAttributes, remainingProps, {
         className: classnames(styles.MrlSvg, styles["MrlSvg--".concat(size)], 'mrl-svg'),
         key: getUniqueId()
-      }), Array.isArray(svgObj.children) && svgObj.children.map(function (child) {
-        return _parseSVG(child);
-      })));
+      }), Array.isArray(svgObj.children) && svgObj.children.map(child => _parseSVG(child))));
     }
     return /*#__PURE__*/React.createElement(Tag, _extends({}, tagAttributes, {
       key: getUniqueId()
-    }), Array.isArray(svgObj.children) && svgObj.children.map(function (child) {
-      return _parseSVG(child);
-    }));
+    }), Array.isArray(svgObj.children) && svgObj.children.map(child => _parseSVG(child)));
   };
 
   // We do not want to re-render the icon if it's a cloned version
@@ -146,8 +142,8 @@ var MrlSvg = /*#__PURE__*/React.memo(function (props) {
   }
   var slot = attrs.slot;
   delete attrs.slot;
-  var allClasses = classnames(attrs["class"], attrs.className, className);
-  delete attrs["class"];
+  var allClasses = classnames(attrs.class, attrs.className, className);
+  delete attrs.class;
   delete attrs.className;
   var attributes = setAttributes(attrs, svgDefaults.attrs);
   var isSvgString = typeof svg === 'string';

package/dist/esm/components/svg/MrlSvg/MrlSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSvg.js","sources":["../../../../../src/components/svg/MrlSvg/MrlSvg.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport {\n\tMrlComponentProps,\n\ttype AttrsObject,\n\tisObject,\n\tgetCamelCase,\n\tgetUniqueId,\n\tsetAttributes\n} from '../../../utils';\nimport { svgDefaults, SVGSize, SVGObject } from '../constants';\nimport styles from './MrlSvg.module.scss';\n\nexport type DSIcons = typeof import('@muraldevkit/ds-icons');\nexport type DSPictograms = typeof import('@muraldevkit/ds-pictograms');\nexport type DSIconType = DSIcons[keyof DSIcons] | DSPictograms[keyof DSPictograms];\n\n// If we dont omit style from MrlComponentProps and re-add it in SvgPropTypes, we get an error.\nexport interface SvgPropTypes\n\textends Omit<MrlComponentProps, 'style'>,\n\t\tOmit<React.ComponentProps<'svg'>, 'ref'> {\n\t/** Any additional classes to style the SVG's container */\n\tclassName?: string;\n\t/**\n\t * URL path to a static SVG file. Must provide either path or svg prop.\n\t */\n\tpath?: string;\n\t/** Enable lazy loading when a path is provided. */\n\tlazyLoad?: boolean;\n\tisClone?: boolean;\n\t/** The size of an SVG Component */\n\tsize?: SVGSize;\n\t/**\n\t * A object of CSS properties. Please use style sparingly, and only in cases where your\n\t * needs can not be met by passing a class to the component.\n\t */\n\tstyle?: Record<string, unknown>;\n\t/** The SVG object to parse into an HTML SVG element. Must provide either path or svg prop. */\n\tsvg?: DSIconType;\n}\n\n/**\n * Creating and exporting component class for Mural SVG\n *\n * Supports both static SVG objects and dynamic URL loading.\n *\n * @param {SvgPropTypes} props the props for your MrlSvg\n * @returns {React.ReactElement} a rendered SVG\n */\nexport const MrlSvg = React.memo((props: SvgPropTypes): React.ReactElement => {\n\tconst {\n\t\tclassName,\n\t\tsize = 'medium',\n\t\tsvg,\n\t\tpath,\n\t\tattrs = {},\n\t\tisClone = false,\n\t\tlazyLoad,\n\t\t...remainingProps\n\t} = props;\n\n\tconst GENERIC_WARNING_MESSAGE = 'There has been an issue rendering your SVG!';\n\n\t/**\n\t * Checks to ensure a string is valid JSON before parsing\n\t *\n\t * @param {Record<string, unknown>} svgData - the SVG code\n\t * @returns {boolean} - a boolean for whether or not the string is valid JSON\n\t */\n\tconst isValidJSON = (svgData: Record<string, unknown>): boolean => {\n\t\ttry {\n\t\t\tisObject(svgData);\n\t\t} catch (err) {\n\t\t\t// This is not valid JSON\n\t\t\tconsole.warn(`${GENERIC_WARNING_MESSAGE} Invalid SVG code:`);\n\t\t\tconsole.warn(svgData);\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t};\n\n\t/**\n\t * Parses a JS Object of SVG code into an SVG HTML Element\n\t *\n\t * @param {SVGObject} svgObj - a JS object of SVG code\n\t * @param {AttrsObject} userAttributes - an optional set of attributes to be applied to the SVG\n\t * @param {string} classes - an optional object of classes to be applied to the SVG\n\t * @param {string} slot - an optional slot attribute for use in web components\n\t * @returns {React.ReactElement} - an SVG HTML Element\n\t */\n\tconst parseSVG = (\n\t\tsvgObj: SVGObject,\n\t\tuserAttributes = {},\n\t\tclasses?: string,\n\t\tslot?: string\n\t): React.ReactElement => {\n\t\tif (svgObj.type === 'text') {\n\t\t\treturn svgObj.value;\n\t\t}\n\n\t\tconst Tag = svgObj.name;\n\t\tconst tagAttributes = svgObj.attributes || {};\n\n\t\t/**\n\t\t * Formats SVG attributes to from kebab case to camel case for React syntax\n\t\t * Note: this excudes `data-` attributes\n\t\t *\n\t\t * @todo: Create react component for DS Icons and remove this code\n\t\t */\n\t\tObject.keys(tagAttributes).forEach((key) => {\n\t\t\tlet newKey = key;\n\t\t\tif (key === 'class') {\n\t\t\t\tnewKey = 'className';\n\t\t\t} else if (key.slice(0, 5) !== 'data-') {\n\t\t\t\tnewKey = getCamelCase(key);\n\t\t\t}\n\n\t\t\ttagAttributes[newKey] = tagAttributes[key];\n\n\t\t\tif (key !== newKey) {\n\t\t\t\tdelete tagAttributes[key];\n\t\t\t}\n\t\t});\n\n\t\t/**\n\t\t * We render the `svg` element explicitly here to ensure that the user applied\n\t\t * attributes and classes only get applied to the `svg` element.\n\t\t */\n\t\tif (Tag === 'svg') {\n\t\t\treturn (\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tstyles.MrlSvgContainer,\n\t\t\t\t\t\tstyles[`MrlSvgContainer--${size}`],\n\t\t\t\t\t\t'MrlSvgContainer',\n\t\t\t\t\t\tclasses\n\t\t\t\t\t)}\n\t\t\t\t\tslot={slot}\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\t{...tagAttributes}\n\t\t\t\t\t\t{...userAttributes}\n\t\t\t\t\t\t{...remainingProps}\n\t\t\t\t\t\tclassName={cn(styles.MrlSvg, styles[`MrlSvg--${size}`], 'mrl-svg')}\n\t\t\t\t\t\tkey={getUniqueId()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{Array.isArray(svgObj.children) &&\n\t\t\t\t\t\t\tsvgObj.children.map((child: Record<string, unknown>) => parseSVG(child))}\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Tag {...tagAttributes} key={getUniqueId()}>\n\t\t\t\t{Array.isArray(svgObj.children) &&\n\t\t\t\t\tsvgObj.children.map((child: Record<string, unknown>) => parseSVG(child))}\n\t\t\t</Tag>\n\t\t);\n\t};\n\n\t// We do not want to re-render the icon if it's a cloned version\n\tif (isClone) {\n\t\treturn <span></span>;\n\t}\n\n\t// Validation: must provide either path or svg\n\tif (!path && !svg) {\n\t\tconsole.warn(`${GENERIC_WARNING_MESSAGE} Must provide either \"path\" or \"svg\" prop`);\n\t\treturn <span></span>;\n\t}\n\n\t// Validation: cannot provide both path and svg\n\tif (path && svg) {\n\t\tconsole.warn(\n\t\t\t`${GENERIC_WARNING_MESSAGE} Cannot provide both \"path\" and \"svg\" props. Using \"svg\" prop.`\n\t\t);\n\t}\n\n\t// Handle path prop with img tag (only if svg is not provided)\n\tif (path && !svg) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\tstyles.MrlSvgContainer,\n\t\t\t\t\tstyles[`MrlSvgContainer--${size}`],\n\t\t\t\t\t'MrlSvgContainer',\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tsrc={path}\n\t\t\t\t\talt=\"\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={cn(styles.MrlSvg, styles[`MrlSvg--${size}`], 'mrl-svg')}\n\t\t\t\t\tloading={lazyLoad ? 'lazy' : 'eager'}\n\t\t\t\t/>\n\t\t\t</span>\n\t\t);\n\t}\n\n\t// don't render if SVG value is not defined\n\tif (!svg) {\n\t\treturn <span></span>;\n\t}\n\n\tconst slot = attrs.slot;\n\tdelete attrs.slot;\n\n\tconst allClasses = cn(attrs.class, attrs.className, className);\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs, svgDefaults.attrs);\n\n\tconst isSvgString = typeof svg === 'string';\n\n\tlet svgObject: SVGObject;\n\n\tif (isSvgString) {\n\t\ttry {\n\t\t\tconst parsedSvg = JSON.parse(svg);\n\t\t\tif (!isValidJSON(parsedSvg)) {\n\t\t\t\treturn <span></span>;\n\t\t\t}\n\t\t\tsvgObject = parsedSvg;\n\t\t} catch (err) {\n\t\t\tconsole.warn(`${GENERIC_WARNING_MESSAGE} Invalid JSON in svg prop:`, err);\n\t\t\treturn <span></span>;\n\t\t}\n\t} else {\n\t\tsvgObject = svg;\n\t}\n\n\treturn parseSVG(svgObject, attributes, allClasses, slot);\n});\n\nMrlSvg.displayName = 'MrlSvg';\n"],"names":["MrlSvg","React","memo","props","className","_props$size","size","svg","path","_props$attrs","attrs","_props$isClone","isClone","lazyLoad","remainingProps","_objectWithoutProperties","_excluded","GENERIC_WARNING_MESSAGE","isValidJSON","svgData","isObject","err","console","warn","concat","parseSVG","svgObj","userAttributes","arguments","length","undefined","classes","slot","type","value","Tag","name","tagAttributes","attributes","Object","keys","forEach","key","newKey","slice","getCamelCase","createElement","cn","styles","MrlSvgContainer","_extends","getUniqueId","Array","isArray","children","map","child","src","alt","loading","allClasses","setAttributes","svgDefaults","isSvgString","svgObject","parsedSvg","JSON","parse","displayName"],"mappings":";;;;;;;;;;;AAiBA;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,gBAAGC,KAAK,CAACC,IAAI,CAAC,UAACC,KAAmB,EAAyB;AAC7E,EAAA,IACCC,SAAS,GAQND,KAAK,CARRC,SAAS;IAAAC,WAAA,GAQNF,KAAK,CAPRG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,WAAA;IACfE,GAAG,GAMAJ,KAAK,CANRI,GAAG;IACHC,IAAI,GAKDL,KAAK,CALRK,IAAI;IAAAC,YAAA,GAKDN,KAAK,CAJRO,KAAK;AAALA,IAAAA,KAAK,GAAAD,YAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,YAAA;IAAAE,cAAA,GAIPR,KAAK,CAHRS,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,cAAA;IACfE,QAAQ,GAELV,KAAK,CAFRU,QAAQ;AACLC,IAAAA,cAAc,GAAAC,wBAAA,CACdZ,KAAK,EAAAa,SAAA,CAAA;EAET,IAAMC,uBAAuB,GAAG,6CAA6C;;AAE7E;AACD;AACA;AACA;AACA;AACA;AACC,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAgC,EAAc;IAClE,IAAI;MACHC,QAAQ,CAACD,OAAO,CAAC;IAClB,CAAC,CAAC,OAAOE,GAAG,EAAE;AACb;AACAC,MAAAA,OAAO,CAACC,IAAI,CAAA,EAAA,CAAAC,MAAA,CAAIP,uBAAuB,uBAAoB,CAAC;AAC5DK,MAAAA,OAAO,CAACC,IAAI,CAACJ,OAAO,CAAC;AAErB,MAAA,OAAO,KAAK;AACb,IAAA;AAEA,IAAA,OAAO,IAAI;EACZ,CAAC;;AAED;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACC,EAAA,IAAMM,SAAQ,GAAG,SAAXA,QAAQA,CACbC,MAAiB,EAIO;AAAA,IAAA,IAHxBC,cAAc,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;IAAA,IACnBG,OAAgB,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;IAAA,IAChBE,IAAa,GAAAJ,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAEb,IAAA,IAAIJ,MAAM,CAACO,IAAI,KAAK,MAAM,EAAE;MAC3B,OAAOP,MAAM,CAACQ,KAAK;AACpB,IAAA;AAEA,IAAA,IAAMC,GAAG,GAAGT,MAAM,CAACU,IAAI;AACvB,IAAA,IAAMC,aAAa,GAAGX,MAAM,CAACY,UAAU,IAAI,EAAE;;AAE7C;AACF;AACA;AACA;AACA;AACA;IACEC,MAAM,CAACC,IAAI,CAACH,aAAa,CAAC,CAACI,OAAO,CAAC,UAACC,GAAG,EAAK;MAC3C,IAAIC,MAAM,GAAGD,GAAG;MAChB,IAAIA,GAAG,KAAK,OAAO,EAAE;AACpBC,QAAAA,MAAM,GAAG,WAAW;AACrB,MAAA,CAAC,MAAM,IAAID,GAAG,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,EAAE;AACvCD,QAAAA,MAAM,GAAGE,YAAY,CAACH,GAAG,CAAC;AAC3B,MAAA;AAEAL,MAAAA,aAAa,CAACM,MAAM,CAAC,GAAGN,aAAa,CAACK,GAAG,CAAC;MAE1C,IAAIA,GAAG,KAAKC,MAAM,EAAE;QACnB,OAAON,aAAa,CAACK,GAAG,CAAC;AAC1B,MAAA;AACD,IAAA,CAAC,CAAC;;AAEF;AACF;AACA;AACA;IACE,IAAIP,GAAG,KAAK,KAAK,EAAE;MAClB,oBACClC,KAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA;AACC1C,QAAAA,SAAS,EAAE2C,UAAE,CACZC,MAAM,CAACC,eAAe,EACtBD,MAAM,CAAA,mBAAA,CAAAxB,MAAA,CAAqBlB,IAAI,CAAA,CAAG,EAClC,iBAAiB,EACjByB,OACD,CAAE;AACFC,QAAAA,IAAI,EAAEA;OAAK,eAEX/B,KAAA,CAAA6C,aAAA,CAAA,KAAA,EAAAI,QAAA,KACKb,aAAa,EACbV,cAAc,EACdb,cAAc,EAAA;AAClBV,QAAAA,SAAS,EAAE2C,UAAE,CAACC,MAAM,CAAChD,MAAM,EAAEgD,MAAM,CAAA,UAAA,CAAAxB,MAAA,CAAYlB,IAAI,CAAA,CAAG,EAAE,SAAS,CAAE;QACnEoC,GAAG,EAAES,WAAW;AAAG,OAAA,CAAA,EAElBC,KAAK,CAACC,OAAO,CAAC3B,MAAM,CAAC4B,QAAQ,CAAC,IAC9B5B,MAAM,CAAC4B,QAAQ,CAACC,GAAG,CAAC,UAACC,KAA8B,EAAA;QAAA,OAAK/B,SAAQ,CAAC+B,KAAK,CAAC;AAAA,MAAA,CAAA,CACpE,CACA,CAAC;AAET,IAAA;IAEA,oBACCvD,KAAA,CAAA6C,aAAA,CAACX,GAAG,EAAAe,QAAA,KAAKb,aAAa,EAAA;MAAEK,GAAG,EAAES,WAAW;AAAG,KAAA,CAAA,EACzCC,KAAK,CAACC,OAAO,CAAC3B,MAAM,CAAC4B,QAAQ,CAAC,IAC9B5B,MAAM,CAAC4B,QAAQ,CAACC,GAAG,CAAC,UAACC,KAA8B,EAAA;MAAA,OAAK/B,SAAQ,CAAC+B,KAAK,CAAC;AAAA,IAAA,CAAA,CACpE,CAAC;EAER,CAAC;;AAED;AACA,EAAA,IAAI5C,OAAO,EAAE;AACZ,IAAA,oBAAOX,KAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA,IAAY,CAAC;AACrB,EAAA;;AAEA;AACA,EAAA,IAAI,CAACtC,IAAI,IAAI,CAACD,GAAG,EAAE;AAClBe,IAAAA,OAAO,CAACC,IAAI,CAAA,EAAA,CAAAC,MAAA,CAAIP,uBAAuB,kDAA2C,CAAC;AACnF,IAAA,oBAAOhB,KAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA,IAAY,CAAC;AACrB,EAAA;;AAEA;EACA,IAAItC,IAAI,IAAID,GAAG,EAAE;AAChBe,IAAAA,OAAO,CAACC,IAAI,CAAA,EAAA,CAAAC,MAAA,CACRP,uBAAuB,yEAC3B,CAAC;AACF,EAAA;;AAEA;AACA,EAAA,IAAIT,IAAI,IAAI,CAACD,GAAG,EAAE;IACjB,oBACCN,KAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA;AACC1C,MAAAA,SAAS,EAAE2C,UAAE,CACZC,MAAM,CAACC,eAAe,EACtBD,MAAM,CAAA,mBAAA,CAAAxB,MAAA,CAAqBlB,IAAI,CAAA,CAAG,EAClC,iBAAiB,EACjBF,SACD;KAAE,eAEFH,KAAA,CAAA6C,aAAA,CAAA,KAAA,EAAA;AACCW,MAAAA,GAAG,EAAEjD,IAAK;AACVkD,MAAAA,GAAG,EAAC,EAAE;AACN,MAAA,aAAA,EAAY,MAAM;AAClBtD,MAAAA,SAAS,EAAE2C,UAAE,CAACC,MAAM,CAAChD,MAAM,EAAEgD,MAAM,CAAA,UAAA,CAAAxB,MAAA,CAAYlB,IAAI,CAAA,CAAG,EAAE,SAAS,CAAE;AACnEqD,MAAAA,OAAO,EAAE9C,QAAQ,GAAG,MAAM,GAAG;AAAQ,KACrC,CACI,CAAC;AAET,EAAA;;AAEA;EACA,IAAI,CAACN,GAAG,EAAE;AACT,IAAA,oBAAON,KAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA,IAAY,CAAC;AACrB,EAAA;AAEA,EAAA,IAAMd,IAAI,GAAGtB,KAAK,CAACsB,IAAI;EACvB,OAAOtB,KAAK,CAACsB,IAAI;AAEjB,EAAA,IAAM4B,UAAU,GAAGb,UAAE,CAACrC,KAAK,CAAA,OAAA,CAAM,EAAEA,KAAK,CAACN,SAAS,EAAEA,SAAS,CAAC;AAC9D,EAAA,OAAOM,KAAK,CAAA,OAAA,CAAM;EAClB,OAAOA,KAAK,CAACN,SAAS;EAEtB,IAAMkC,UAAU,GAAGuB,aAAa,CAACnD,KAAK,EAAEoD,WAAW,CAACpD,KAAK,CAAC;AAE1D,EAAA,IAAMqD,WAAW,GAAG,OAAOxD,GAAG,KAAK,QAAQ;AAE3C,EAAA,IAAIyD,SAAoB;AAExB,EAAA,IAAID,WAAW,EAAE;IAChB,IAAI;AACH,MAAA,IAAME,SAAS,GAAGC,IAAI,CAACC,KAAK,CAAC5D,GAAG,CAAC;AACjC,MAAA,IAAI,CAACW,WAAW,CAAC+C,SAAS,CAAC,EAAE;AAC5B,QAAA,oBAAOhE,KAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA,IAAY,CAAC;AACrB,MAAA;AACAkB,MAAAA,SAAS,GAAGC,SAAS;IACtB,CAAC,CAAC,OAAO5C,GAAG,EAAE;MACbC,OAAO,CAACC,IAAI,CAAA,EAAA,CAAAC,MAAA,CAAIP,uBAAuB,EAAA,4BAAA,CAAA,EAA8BI,GAAG,CAAC;AACzE,MAAA,oBAAOpB,KAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA,IAAY,CAAC;AACrB,IAAA;AACD,EAAA,CAAC,MAAM;AACNkB,IAAAA,SAAS,GAAGzD,GAAG;AAChB,EAAA;EAEA,OAAOkB,SAAQ,CAACuC,SAAS,EAAE1B,UAAU,EAAEsB,UAAU,EAAE5B,IAAI,CAAC;AACzD,CAAC;AAEDhC,MAAM,CAACoE,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"MrlSvg.js","sources":["../../../../../src/components/svg/MrlSvg/MrlSvg.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport {\n\tMrlComponentProps,\n\ttype AttrsObject,\n\tisObject,\n\tgetCamelCase,\n\tgetUniqueId,\n\tsetAttributes\n} from '../../../utils';\nimport { svgDefaults, SVGSize, SVGObject } from '../constants';\nimport styles from './MrlSvg.module.scss';\n\nexport type DSIcons = typeof import('@muraldevkit/ds-icons');\nexport type DSPictograms = typeof import('@muraldevkit/ds-pictograms');\nexport type DSIconType = DSIcons[keyof DSIcons] | DSPictograms[keyof DSPictograms];\n\n// If we dont omit style from MrlComponentProps and re-add it in SvgPropTypes, we get an error.\nexport interface SvgPropTypes\n\textends Omit<MrlComponentProps, 'style'>,\n\t\tOmit<React.ComponentProps<'svg'>, 'ref'> {\n\t/** Any additional classes to style the SVG's container */\n\tclassName?: string;\n\t/**\n\t * URL path to a static SVG file. Must provide either path or svg prop.\n\t */\n\tpath?: string;\n\t/** Enable lazy loading when a path is provided. */\n\tlazyLoad?: boolean;\n\tisClone?: boolean;\n\t/** The size of an SVG Component */\n\tsize?: SVGSize;\n\t/**\n\t * A object of CSS properties. Please use style sparingly, and only in cases where your\n\t * needs can not be met by passing a class to the component.\n\t */\n\tstyle?: Record<string, unknown>;\n\t/** The SVG object to parse into an HTML SVG element. Must provide either path or svg prop. */\n\tsvg?: DSIconType;\n}\n\n/**\n * Creating and exporting component class for Mural SVG\n *\n * Supports both static SVG objects and dynamic URL loading.\n *\n * @param {SvgPropTypes} props the props for your MrlSvg\n * @returns {React.ReactElement} a rendered SVG\n */\nexport const MrlSvg = React.memo((props: SvgPropTypes): React.ReactElement => {\n\tconst {\n\t\tclassName,\n\t\tsize = 'medium',\n\t\tsvg,\n\t\tpath,\n\t\tattrs = {},\n\t\tisClone = false,\n\t\tlazyLoad,\n\t\t...remainingProps\n\t} = props;\n\n\tconst GENERIC_WARNING_MESSAGE = 'There has been an issue rendering your SVG!';\n\n\t/**\n\t * Checks to ensure a string is valid JSON before parsing\n\t *\n\t * @param {Record<string, unknown>} svgData - the SVG code\n\t * @returns {boolean} - a boolean for whether or not the string is valid JSON\n\t */\n\tconst isValidJSON = (svgData: Record<string, unknown>): boolean => {\n\t\ttry {\n\t\t\tisObject(svgData);\n\t\t} catch (err) {\n\t\t\t// This is not valid JSON\n\t\t\tconsole.warn(`${GENERIC_WARNING_MESSAGE} Invalid SVG code:`);\n\t\t\tconsole.warn(svgData);\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t};\n\n\t/**\n\t * Parses a JS Object of SVG code into an SVG HTML Element\n\t *\n\t * @param {SVGObject} svgObj - a JS object of SVG code\n\t * @param {AttrsObject} userAttributes - an optional set of attributes to be applied to the SVG\n\t * @param {string} classes - an optional object of classes to be applied to the SVG\n\t * @param {string} slot - an optional slot attribute for use in web components\n\t * @returns {React.ReactElement} - an SVG HTML Element\n\t */\n\tconst parseSVG = (\n\t\tsvgObj: SVGObject,\n\t\tuserAttributes = {},\n\t\tclasses?: string,\n\t\tslot?: string\n\t): React.ReactElement => {\n\t\tif (svgObj.type === 'text') {\n\t\t\treturn svgObj.value;\n\t\t}\n\n\t\tconst Tag = svgObj.name;\n\t\tconst tagAttributes = svgObj.attributes || {};\n\n\t\t/**\n\t\t * Formats SVG attributes to from kebab case to camel case for React syntax\n\t\t * Note: this excudes `data-` attributes\n\t\t *\n\t\t * @todo: Create react component for DS Icons and remove this code\n\t\t */\n\t\tObject.keys(tagAttributes).forEach((key) => {\n\t\t\tlet newKey = key;\n\t\t\tif (key === 'class') {\n\t\t\t\tnewKey = 'className';\n\t\t\t} else if (key.slice(0, 5) !== 'data-') {\n\t\t\t\tnewKey = getCamelCase(key);\n\t\t\t}\n\n\t\t\ttagAttributes[newKey] = tagAttributes[key];\n\n\t\t\tif (key !== newKey) {\n\t\t\t\tdelete tagAttributes[key];\n\t\t\t}\n\t\t});\n\n\t\t/**\n\t\t * We render the `svg` element explicitly here to ensure that the user applied\n\t\t * attributes and classes only get applied to the `svg` element.\n\t\t */\n\t\tif (Tag === 'svg') {\n\t\t\treturn (\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tstyles.MrlSvgContainer,\n\t\t\t\t\t\tstyles[`MrlSvgContainer--${size}`],\n\t\t\t\t\t\t'MrlSvgContainer',\n\t\t\t\t\t\tclasses\n\t\t\t\t\t)}\n\t\t\t\t\tslot={slot}\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\t{...tagAttributes}\n\t\t\t\t\t\t{...userAttributes}\n\t\t\t\t\t\t{...remainingProps}\n\t\t\t\t\t\tclassName={cn(styles.MrlSvg, styles[`MrlSvg--${size}`], 'mrl-svg')}\n\t\t\t\t\t\tkey={getUniqueId()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{Array.isArray(svgObj.children) &&\n\t\t\t\t\t\t\tsvgObj.children.map((child: Record<string, unknown>) => parseSVG(child))}\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Tag {...tagAttributes} key={getUniqueId()}>\n\t\t\t\t{Array.isArray(svgObj.children) &&\n\t\t\t\t\tsvgObj.children.map((child: Record<string, unknown>) => parseSVG(child))}\n\t\t\t</Tag>\n\t\t);\n\t};\n\n\t// We do not want to re-render the icon if it's a cloned version\n\tif (isClone) {\n\t\treturn <span></span>;\n\t}\n\n\t// Validation: must provide either path or svg\n\tif (!path && !svg) {\n\t\tconsole.warn(`${GENERIC_WARNING_MESSAGE} Must provide either \"path\" or \"svg\" prop`);\n\t\treturn <span></span>;\n\t}\n\n\t// Validation: cannot provide both path and svg\n\tif (path && svg) {\n\t\tconsole.warn(\n\t\t\t`${GENERIC_WARNING_MESSAGE} Cannot provide both \"path\" and \"svg\" props. Using \"svg\" prop.`\n\t\t);\n\t}\n\n\t// Handle path prop with img tag (only if svg is not provided)\n\tif (path && !svg) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\tstyles.MrlSvgContainer,\n\t\t\t\t\tstyles[`MrlSvgContainer--${size}`],\n\t\t\t\t\t'MrlSvgContainer',\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tsrc={path}\n\t\t\t\t\talt=\"\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={cn(styles.MrlSvg, styles[`MrlSvg--${size}`], 'mrl-svg')}\n\t\t\t\t\tloading={lazyLoad ? 'lazy' : 'eager'}\n\t\t\t\t/>\n\t\t\t</span>\n\t\t);\n\t}\n\n\t// don't render if SVG value is not defined\n\tif (!svg) {\n\t\treturn <span></span>;\n\t}\n\n\tconst slot = attrs.slot;\n\tdelete attrs.slot;\n\n\tconst allClasses = cn(attrs.class, attrs.className, className);\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs, svgDefaults.attrs);\n\n\tconst isSvgString = typeof svg === 'string';\n\n\tlet svgObject: SVGObject;\n\n\tif (isSvgString) {\n\t\ttry {\n\t\t\tconst parsedSvg = JSON.parse(svg);\n\t\t\tif (!isValidJSON(parsedSvg)) {\n\t\t\t\treturn <span></span>;\n\t\t\t}\n\t\t\tsvgObject = parsedSvg;\n\t\t} catch (err) {\n\t\t\tconsole.warn(`${GENERIC_WARNING_MESSAGE} Invalid JSON in svg prop:`, err);\n\t\t\treturn <span></span>;\n\t\t}\n\t} else {\n\t\tsvgObject = svg;\n\t}\n\n\treturn parseSVG(svgObject, attributes, allClasses, slot);\n});\n\nMrlSvg.displayName = 'MrlSvg';\n"],"names":["MrlSvg","React","memo","props","className","_props$size","size","svg","path","_props$attrs","attrs","_props$isClone","isClone","lazyLoad","remainingProps","_objectWithoutProperties","_excluded","GENERIC_WARNING_MESSAGE","isValidJSON","svgData","isObject","err","console","warn","concat","parseSVG","svgObj","userAttributes","arguments","length","undefined","classes","slot","type","value","Tag","name","tagAttributes","attributes","Object","keys","forEach","key","newKey","slice","getCamelCase","createElement","cn","styles","MrlSvgContainer","_extends","getUniqueId","Array","isArray","children","map","child","src","alt","loading","allClasses","class","setAttributes","svgDefaults","isSvgString","svgObject","parsedSvg","JSON","parse","displayName"],"mappings":"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"}

package/dist/esm/components/svg/MrlSvgAnimate/MrlSvgAnimate.js

@@ -18,7 +18,7 @@ var _excluded = ["cdnFile", "className", "config", "delay", "fullPath", "state",
  * @param {MrlSvgAnimateProps} props - The properties for the MrlSvgAnimate component.
  * @returns {React.ReactElement} - The rendered MrlSvgAnimate component.
  */
-var MrlSvgAnimate = function MrlSvgAnimate(_ref) {
+var MrlSvgAnimate = _ref => {
   var cdnFile = _ref.cdnFile,
     className = _ref.className,
     config = _ref.config,
@@ -41,7 +41,7 @@ var MrlSvgAnimate = function MrlSvgAnimate(_ref) {
    * Construct Lottie options object to pass to loadAnimations method
    * @returns {AnimationConfigWithData<'svg'>} - Lottie options object
    */
-  var getConfig = React.useCallback(function () {
+  var getConfig = React.useCallback(() => {
     var fullConfig = _objectSpread2(_objectSpread2(_objectSpread2({}, baseLottieConfig), config && JSON.parse(config)), {}, {
       animationData: svgData && JSON.parse(svgData),
       container: animateRef.current,
@@ -60,11 +60,11 @@ var MrlSvgAnimate = function MrlSvgAnimate(_ref) {
   /**
    * Initialize Lottie animation
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (animateRef.current) {
       lottie.loadAnimation(getConfig());
     }
-    return function () {
+    return () => {
       lottie.destroy(animationId);
     };
   }, [getConfig, animationId, svgData]);
@@ -72,23 +72,23 @@ var MrlSvgAnimate = function MrlSvgAnimate(_ref) {
   /**
    * Control animation based on operating system reduced motion preference.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     setHasReducedMotion(window.matchMedia('(prefers-reduced-motion: reduce)').matches);
   }, []);
 
   /**
    * Delay start of animation
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     var timer;
     if (state === 'play' && !hasReducedMotion) {
-      timer = setTimeout(function () {
+      timer = setTimeout(() => {
         lottie.play(animationId);
       }, delay);
     } else {
       lottie.stop(animationId);
     }
-    return function () {
+    return () => {
       clearTimeout(timer);
     };
   }, [delay, hasReducedMotion, state, animationId, svgData]);

package/dist/esm/components/svg/MrlSvgAnimate/MrlSvgAnimate.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSvgAnimate.js","sources":["../../../../../src/components/svg/MrlSvgAnimate/MrlSvgAnimate.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web/build/player/lottie_light';\nimport { AnimatedState, baseLottieConfig } from '../constants';\nimport { AnimationConfigWithData } from 'lottie-web';\nimport { getUniqueId } from '../../../utils';\n\n/**\n * Props for MrlSvgAnimate component\n */\nexport interface MrlSvgAnimateProps {\n\t/** Any additional classes to style the SVG's container */\n\tclassName?: string;\n\t/**\n\t * JSON file contents used by Lottie to generate an animated SVG to render.\n\t * This attribute is mutually exclusive with fullPath and cdnFile.\n\t * Note: When dynamically changing the svgData, if a configuration change\n\t * is required be sure to set any new values before changing the svgData.\n\t */\n\tsvgData?: string;\n\n\t/**\n\t * Path to a JSON file used by Lottie to generate an animated SVG to render.\n\t * This attribute is mutually exclusive with svgData and cdnFile.\n\t * Note: When dynamically changing the fullPath, if a configuration change\n\t * is required be sure to set any new values before changing the fullPath.\n\t */\n\tfullPath?: string;\n\n\t/**\n\t * File name of an animation hosted on Mural's CDN used by Lottie to generate\n\t * an animated SVG to render. This is the preferred usage of this component\n\t * in terms of performance. It supports any file located at `static/animations`.\n\t * This attribute is mutually exclusive with fullPath and svgData.\n\t * Note: When dynamically changing the cdnFile, if a configuration change\n\t * is required be sure to set any new values before changing the cdnFile.\n\t */\n\tcdnFile?: string;\n\n\t/** Icon animation state. */\n\tstate?: AnimatedState;\n\n\t/** Delay (in ms) before animation begins. */\n\tdelay?: number;\n\n\t/**\n\t * Optional [Lottie configuration object](http://airbnb.io/lottie/#/web) for the\n\t * loadAnimation method\n\t */\n\tconfig?: string;\n}\n\n/**\n * MrlSvgAnimate\n *\n * This is a React functional component used for SVGs with robust After Effects animations.\n * @param {MrlSvgAnimateProps} props - The properties for the MrlSvgAnimate component.\n * @returns {React.ReactElement} - The rendered MrlSvgAnimate component.\n */\nexport const MrlSvgAnimate: React.FC<MrlSvgAnimateProps> = ({\n\tcdnFile,\n\tclassName,\n\tconfig,\n\tdelay = 0,\n\tfullPath,\n\tstate = 'stop',\n\tsvgData,\n\t...rest\n}) => {\n\tconst [hasReducedMotion, setHasReducedMotion] = React.useState<boolean>(false);\n\n\tconst animateRef = React.useRef<HTMLDivElement>(null);\n\tconst { current: animationId } = React.useRef<string>(getUniqueId('lottie-animation'));\n\n\t/**\n\t * Construct Lottie options object to pass to loadAnimations method\n\t * @returns {AnimationConfigWithData<'svg'>} - Lottie options object\n\t */\n\tconst getConfig = React.useCallback((): AnimationConfigWithData<'svg'> => {\n\t\tconst fullConfig = {\n\t\t\t...baseLottieConfig,\n\t\t\t...(config && JSON.parse(config)),\n\t\t\tanimationData: svgData && JSON.parse(svgData),\n\t\t\tcontainer: animateRef.current,\n\t\t\tname: animationId,\n\t\t\tpath:\n\t\t\t\t(fullPath && fullPath) ||\n\t\t\t\t(cdnFile && `https://static.muralcdn.com/static/animations/${cdnFile}.json`)\n\t\t};\n\n\t\t// This setting is not configurable due to security\n\t\tif (typeof fullConfig.rendererSettings === 'undefined') {\n\t\t\tfullConfig.rendererSettings = {};\n\t\t}\n\n\t\tfullConfig.rendererSettings.runExpressions = false;\n\n\t\treturn fullConfig;\n\t}, [cdnFile, config, fullPath, svgData, animationId]);\n\n\t/**\n\t * Initialize Lottie animation\n\t */\n\tReact.useEffect(() => {\n\t\tif (animateRef.current) {\n\t\t\tlottie.loadAnimation(getConfig());\n\t\t}\n\n\t\treturn () => {\n\t\t\tlottie.destroy(animationId);\n\t\t};\n\t}, [getConfig, animationId, svgData]);\n\n\t/**\n\t * Control animation based on operating system reduced motion preference.\n\t */\n\tReact.useEffect(() => {\n\t\tsetHasReducedMotion(window.matchMedia('(prefers-reduced-motion: reduce)').matches);\n\t}, []);\n\n\t/**\n\t * Delay start of animation\n\t */\n\tReact.useEffect(() => {\n\t\tlet timer: ReturnType<typeof setTimeout>;\n\n\t\tif (state === 'play' && !hasReducedMotion) {\n\t\t\ttimer = setTimeout(() => {\n\t\t\t\tlottie.play(animationId);\n\t\t\t}, delay);\n\t\t} else {\n\t\t\tlottie.stop(animationId);\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout(timer);\n\t\t};\n\t}, [delay, hasReducedMotion, state, animationId, svgData]);\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={classnames(className, 'MrlSvgAnimate-container')}\n\t\t\tref={animateRef}\n\t\t></div>\n\t);\n};\n\nexport default MrlSvgAnimate;\n"],"names":["MrlSvgAnimate","_ref","cdnFile","className","config","_ref$delay","delay","fullPath","_ref$state","state","svgData","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","hasReducedMotion","setHasReducedMotion","animateRef","useRef","_React$useRef","getUniqueId","animationId","current","getConfig","useCallback","fullConfig","_objectSpread","baseLottieConfig","JSON","parse","animationData","container","name","path","concat","rendererSettings","runExpressions","useEffect","lottie","loadAnimation","destroy","window","matchMedia","matches","timer","setTimeout","play","stop","clearTimeout","createElement","_extends","classnames","ref"],"mappings":"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"}
+{"version":3,"file":"MrlSvgAnimate.js","sources":["../../../../../src/components/svg/MrlSvgAnimate/MrlSvgAnimate.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web/build/player/lottie_light';\nimport { AnimatedState, baseLottieConfig } from '../constants';\nimport { AnimationConfigWithData } from 'lottie-web';\nimport { getUniqueId } from '../../../utils';\n\n/**\n * Props for MrlSvgAnimate component\n */\nexport interface MrlSvgAnimateProps {\n\t/** Any additional classes to style the SVG's container */\n\tclassName?: string;\n\t/**\n\t * JSON file contents used by Lottie to generate an animated SVG to render.\n\t * This attribute is mutually exclusive with fullPath and cdnFile.\n\t * Note: When dynamically changing the svgData, if a configuration change\n\t * is required be sure to set any new values before changing the svgData.\n\t */\n\tsvgData?: string;\n\n\t/**\n\t * Path to a JSON file used by Lottie to generate an animated SVG to render.\n\t * This attribute is mutually exclusive with svgData and cdnFile.\n\t * Note: When dynamically changing the fullPath, if a configuration change\n\t * is required be sure to set any new values before changing the fullPath.\n\t */\n\tfullPath?: string;\n\n\t/**\n\t * File name of an animation hosted on Mural's CDN used by Lottie to generate\n\t * an animated SVG to render. This is the preferred usage of this component\n\t * in terms of performance. It supports any file located at `static/animations`.\n\t * This attribute is mutually exclusive with fullPath and svgData.\n\t * Note: When dynamically changing the cdnFile, if a configuration change\n\t * is required be sure to set any new values before changing the cdnFile.\n\t */\n\tcdnFile?: string;\n\n\t/** Icon animation state. */\n\tstate?: AnimatedState;\n\n\t/** Delay (in ms) before animation begins. */\n\tdelay?: number;\n\n\t/**\n\t * Optional [Lottie configuration object](http://airbnb.io/lottie/#/web) for the\n\t * loadAnimation method\n\t */\n\tconfig?: string;\n}\n\n/**\n * MrlSvgAnimate\n *\n * This is a React functional component used for SVGs with robust After Effects animations.\n * @param {MrlSvgAnimateProps} props - The properties for the MrlSvgAnimate component.\n * @returns {React.ReactElement} - The rendered MrlSvgAnimate component.\n */\nexport const MrlSvgAnimate: React.FC<MrlSvgAnimateProps> = ({\n\tcdnFile,\n\tclassName,\n\tconfig,\n\tdelay = 0,\n\tfullPath,\n\tstate = 'stop',\n\tsvgData,\n\t...rest\n}) => {\n\tconst [hasReducedMotion, setHasReducedMotion] = React.useState<boolean>(false);\n\n\tconst animateRef = React.useRef<HTMLDivElement>(null);\n\tconst { current: animationId } = React.useRef<string>(getUniqueId('lottie-animation'));\n\n\t/**\n\t * Construct Lottie options object to pass to loadAnimations method\n\t * @returns {AnimationConfigWithData<'svg'>} - Lottie options object\n\t */\n\tconst getConfig = React.useCallback((): AnimationConfigWithData<'svg'> => {\n\t\tconst fullConfig = {\n\t\t\t...baseLottieConfig,\n\t\t\t...(config && JSON.parse(config)),\n\t\t\tanimationData: svgData && JSON.parse(svgData),\n\t\t\tcontainer: animateRef.current,\n\t\t\tname: animationId,\n\t\t\tpath:\n\t\t\t\t(fullPath && fullPath) ||\n\t\t\t\t(cdnFile && `https://static.muralcdn.com/static/animations/${cdnFile}.json`)\n\t\t};\n\n\t\t// This setting is not configurable due to security\n\t\tif (typeof fullConfig.rendererSettings === 'undefined') {\n\t\t\tfullConfig.rendererSettings = {};\n\t\t}\n\n\t\tfullConfig.rendererSettings.runExpressions = false;\n\n\t\treturn fullConfig;\n\t}, [cdnFile, config, fullPath, svgData, animationId]);\n\n\t/**\n\t * Initialize Lottie animation\n\t */\n\tReact.useEffect(() => {\n\t\tif (animateRef.current) {\n\t\t\tlottie.loadAnimation(getConfig());\n\t\t}\n\n\t\treturn () => {\n\t\t\tlottie.destroy(animationId);\n\t\t};\n\t}, [getConfig, animationId, svgData]);\n\n\t/**\n\t * Control animation based on operating system reduced motion preference.\n\t */\n\tReact.useEffect(() => {\n\t\tsetHasReducedMotion(window.matchMedia('(prefers-reduced-motion: reduce)').matches);\n\t}, []);\n\n\t/**\n\t * Delay start of animation\n\t */\n\tReact.useEffect(() => {\n\t\tlet timer: ReturnType<typeof setTimeout>;\n\n\t\tif (state === 'play' && !hasReducedMotion) {\n\t\t\ttimer = setTimeout(() => {\n\t\t\t\tlottie.play(animationId);\n\t\t\t}, delay);\n\t\t} else {\n\t\t\tlottie.stop(animationId);\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout(timer);\n\t\t};\n\t}, [delay, hasReducedMotion, state, animationId, svgData]);\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={classnames(className, 'MrlSvgAnimate-container')}\n\t\t\tref={animateRef}\n\t\t></div>\n\t);\n};\n\nexport default MrlSvgAnimate;\n"],"names":["MrlSvgAnimate","_ref","cdnFile","className","config","_ref$delay","delay","fullPath","_ref$state","state","svgData","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","hasReducedMotion","setHasReducedMotion","animateRef","useRef","_React$useRef","getUniqueId","animationId","current","getConfig","useCallback","fullConfig","_objectSpread","baseLottieConfig","JSON","parse","animationData","container","name","path","concat","rendererSettings","runExpressions","useEffect","lottie","loadAnimation","destroy","window","matchMedia","matches","timer","setTimeout","play","stop","clearTimeout","createElement","_extends","classnames","ref"],"mappings":";;;;;;;;;AAOA;AACA;AACA;;AA2CA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAA2C,GAAGC,IAAA,IASrD;AAAA,EAAA,IARLC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAAC,UAAA,GAAAJ,IAAA,CACNK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,CAAC,GAAAA,UAAA;IACTE,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAAC,UAAA,GAAAP,IAAA,CACRQ,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,UAAA;IACdE,OAAO,GAAAT,IAAA,CAAPS,OAAO;AACJC,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;AAEP,EAAA,IAAAC,eAAA,GAAgDC,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAvEK,IAAAA,gBAAgB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,mBAAmB,GAAAH,gBAAA,CAAA,CAAA,CAAA;AAE5C,EAAA,IAAMI,UAAU,GAAGN,KAAK,CAACO,MAAM,CAAiB,IAAI,CAAC;EACrD,IAAAC,aAAA,GAAiCR,KAAK,CAACO,MAAM,CAASE,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAArEC,WAAW,GAAAF,aAAA,CAApBG,OAAO;;AAEf;AACD;AACA;AACA;AACC,EAAA,IAAMC,SAAS,GAAGZ,KAAK,CAACa,WAAW,CAAC,MAAsC;AACzE,IAAA,IAAMC,UAAU,GAAAC,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACZC,gBAAgB,CAAA,EACf3B,MAAM,IAAI4B,IAAI,CAACC,KAAK,CAAC7B,MAAM,CAAC,CAAA,EAAA,EAAA,EAAA;MAChC8B,aAAa,EAAExB,OAAO,IAAIsB,IAAI,CAACC,KAAK,CAACvB,OAAO,CAAC;MAC7CyB,SAAS,EAAEd,UAAU,CAACK,OAAO;AAC7BU,MAAAA,IAAI,EAAEX,WAAW;MACjBY,IAAI,EACF9B,QAAQ,IAAIA,QAAQ,IACpBL,OAAO,IAAA,gDAAA,CAAAoC,MAAA,CAAqDpC,OAAO,EAAA,OAAA;KAAQ,CAC7E;;AAED;AACA,IAAA,IAAI,OAAO2B,UAAU,CAACU,gBAAgB,KAAK,WAAW,EAAE;AACvDV,MAAAA,UAAU,CAACU,gBAAgB,GAAG,EAAE;AACjC,IAAA;AAEAV,IAAAA,UAAU,CAACU,gBAAgB,CAACC,cAAc,GAAG,KAAK;AAElD,IAAA,OAAOX,UAAU;AAClB,EAAA,CAAC,EAAE,CAAC3B,OAAO,EAAEE,MAAM,EAAEG,QAAQ,EAAEG,OAAO,EAAEe,WAAW,CAAC,CAAC;;AAErD;AACD;AACA;EACCV,KAAK,CAAC0B,SAAS,CAAC,MAAM;IACrB,IAAIpB,UAAU,CAACK,OAAO,EAAE;AACvBgB,MAAAA,MAAM,CAACC,aAAa,CAAChB,SAAS,EAAE,CAAC;AAClC,IAAA;AAEA,IAAA,OAAO,MAAM;AACZe,MAAAA,MAAM,CAACE,OAAO,CAACnB,WAAW,CAAC;IAC5B,CAAC;EACF,CAAC,EAAE,CAACE,SAAS,EAAEF,WAAW,EAAEf,OAAO,CAAC,CAAC;;AAErC;AACD;AACA;EACCK,KAAK,CAAC0B,SAAS,CAAC,MAAM;IACrBrB,mBAAmB,CAACyB,MAAM,CAACC,UAAU,CAAC,kCAAkC,CAAC,CAACC,OAAO,CAAC;EACnF,CAAC,EAAE,EAAE,CAAC;;AAEN;AACD;AACA;EACChC,KAAK,CAAC0B,SAAS,CAAC,MAAM;AACrB,IAAA,IAAIO,KAAoC;AAExC,IAAA,IAAIvC,KAAK,KAAK,MAAM,IAAI,CAACU,gBAAgB,EAAE;MAC1C6B,KAAK,GAAGC,UAAU,CAAC,MAAM;AACxBP,QAAAA,MAAM,CAACQ,IAAI,CAACzB,WAAW,CAAC;MACzB,CAAC,EAAEnB,KAAK,CAAC;AACV,IAAA,CAAC,MAAM;AACNoC,MAAAA,MAAM,CAACS,IAAI,CAAC1B,WAAW,CAAC;AACzB,IAAA;AAEA,IAAA,OAAO,MAAM;MACZ2B,YAAY,CAACJ,KAAK,CAAC;IACpB,CAAC;AACF,EAAA,CAAC,EAAE,CAAC1C,KAAK,EAAEa,gBAAgB,EAAEV,KAAK,EAAEgB,WAAW,EAAEf,OAAO,CAAC,CAAC;AAE1D,EAAA,oBACCK,KAAA,CAAAsC,aAAA,CAAA,KAAA,EAAAC,QAAA,KACK3C,IAAI,EAAA;AACRR,IAAAA,SAAS,EAAEoD,UAAU,CAACpD,SAAS,EAAE,yBAAyB,CAAE;AAC5DqD,IAAAA,GAAG,EAAEnC;AAAW,GAAA,CACX,CAAC;AAET;;;;"}