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

package/dist/esm/components/menu/utilities/flip-position.js.map

@@ -1 +1 @@
-{"version":3,"file":"flip-position.js","sources":["../../../../../src/components/menu/utilities/flip-position.ts"],"sourcesContent":["import { MenuPosition } from '../constants';\n\n/**\n * Flips the given position to its opposite.\n *\n * @param pos - The position to flip. Can be 'left', 'right', 'top', or 'bottom'.\n * @returns The flipped position. Will be 'right' for 'left', 'left' for 'right', 'bottom' for 'top', and 'top' for 'bottom'.\n */\nexport const flipPosition = (pos: MenuPosition): MenuPosition => {\n\tswitch (pos) {\n\t\tcase 'left':\n\t\t\treturn 'right';\n\t\tcase 'right':\n\t\t\treturn 'left';\n\t\tcase 'top':\n\t\t\treturn 'bottom';\n\t\tcase 'bottom':\n\t\t\treturn 'top';\n\t}\n\treturn pos;\n};\n"],"names":["flipPosition","pos"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,GAAiB,EAAmB;AAChE,EAAA,QAAQA,GAAG;AACV,IAAA,KAAK,MAAM;AACV,MAAA,OAAO,OAAO;AACf,IAAA,KAAK,OAAO;AACX,MAAA,OAAO,MAAM;AACd,IAAA,KAAK,KAAK;AACT,MAAA,OAAO,QAAQ;AAChB,IAAA,KAAK,QAAQ;AACZ,MAAA,OAAO,KAAK;AACd;AACA,EAAA,OAAOA,GAAG;AACX;;;;"}
+{"version":3,"file":"flip-position.js","sources":["../../../../../src/components/menu/utilities/flip-position.ts"],"sourcesContent":["import { MenuPosition } from '../constants';\n\n/**\n * Flips the given position to its opposite.\n *\n * @param pos - The position to flip. Can be 'left', 'right', 'top', or 'bottom'.\n * @returns The flipped position. Will be 'right' for 'left', 'left' for 'right', 'bottom' for 'top', and 'top' for 'bottom'.\n */\nexport const flipPosition = (pos: MenuPosition): MenuPosition => {\n\tswitch (pos) {\n\t\tcase 'left':\n\t\t\treturn 'right';\n\t\tcase 'right':\n\t\t\treturn 'left';\n\t\tcase 'top':\n\t\t\treturn 'bottom';\n\t\tcase 'bottom':\n\t\t\treturn 'top';\n\t}\n\treturn pos;\n};\n"],"names":["flipPosition","pos"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,YAAY,GAAIC,GAAiB,IAAmB;AAChE,EAAA,QAAQA,GAAG;AACV,IAAA,KAAK,MAAM;AACV,MAAA,OAAO,OAAO;AACf,IAAA,KAAK,OAAO;AACX,MAAA,OAAO,MAAM;AACd,IAAA,KAAK,KAAK;AACT,MAAA,OAAO,QAAQ;AAChB,IAAA,KAAK,QAAQ;AACZ,MAAA,OAAO,KAAK;AACd;AACA,EAAA,OAAOA,GAAG;AACX;;;;"}

package/dist/esm/components/modal/MrlModal/MrlModal.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import { defaults, TransitionDuration } from '../constants.js';
 import { close } from '@muraldevkit/ds-icons';
@@ -45,7 +45,7 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
    * Reference to the modal
    */
   var modal = React.useRef(null);
-  React.useImperativeHandle(ref, function () {
+  React.useImperativeHandle(ref, () => {
     return modalContainer.current;
   });
 
@@ -62,9 +62,7 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
   /**
    * Open/Closed state of the modal
    */
-  var _React$useState = React.useState(function () {
-      return state;
-    }),
+  var _React$useState = React.useState(() => state),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     modalState = _React$useState2[0],
     setModalState = _React$useState2[1];
@@ -125,7 +123,7 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
    * Handles when the user clicks on the overlay to close the modal
    * @param {React.KeyEvent} e - key event data
    */
-  var handleKeyDismiss = function handleKeyDismiss(e) {
+  var handleKeyDismiss = e => {
     if (e.key === 'Escape') setModalState('close');
   };
 
@@ -133,7 +131,7 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
    * Handles when the user clicks on the overlay to close the modal
    * @param {MouseEvent} e - mouse event data
    */
-  var handleDismiss = function handleDismiss(e) {
+  var handleDismiss = e => {
     if (modalContainer.current !== e.target) return;
     handleClose();
   };
@@ -141,14 +139,14 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
   /**
    * Handler logic for closing the modal
    */
-  var handleClose = React.useCallback(function () {
+  var handleClose = React.useCallback(() => {
     setFadeState(styles['fade-out']);
 
     /**
      * Set timeout to allow for fade out animation to complete
      * before we hide the modal from the DOM and call the close hook
      */
-    var timeoutId = setTimeout(function () {
+    var timeoutId = setTimeout(() => {
       if (modal.current) {
         setDisplayState(styles['hide']);
       }
@@ -157,7 +155,7 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
     if (preventBackgroundScroll) document.body.style.overflow = prevOverflow;
 
     // cleanup setTimeout
-    return function () {
+    return () => {
       clearTimeout(timeoutId);
     };
   }, [hookClose, prevOverflow, preventBackgroundScroll]);
@@ -165,7 +163,7 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
   /**
    * Handler logic for opening the modal
    */
-  var handleOpen = React.useCallback(function () {
+  var handleOpen = React.useCallback(() => {
     setDisplayState(styles['display']);
     setFadeState(styles['fade-in']);
     if (preventBackgroundScroll) {
@@ -177,7 +175,7 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
   /**
    * Sets the open/close state of the UI
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (modalState === 'open') {
       handleOpen();
     } else if (modalState === 'close') {
@@ -192,14 +190,14 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
   /**
    * Sets modal state when the state prop changes
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     setModalState(state);
   }, [state]);
 
   /**
    * ComponentDidLoad
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     var el = modalContainer.current;
     if (el) {
       /**
@@ -222,13 +220,15 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
   /**
    * Cleanup overflow hidden when component unmounts
    */
-  React.useEffect(function () {
-    return function () {
+  React.useEffect(() => {
+    return () => {
       document.body.style.overflow = '';
     };
   }, []);
   var containerClasses = classnames('mrl-modal-container', 'mrl-modal-backdrop', className, styles['mrl-modal-backdrop'], fadeState, displayState);
-  var modalClasses = classnames('mrl-modal', styles['mrl-modal'], attrs["class"] || attrs.className, _defineProperty({}, "mrl-modal--".concat(size), size !== defaults.size));
+  var modalClasses = classnames('mrl-modal', styles['mrl-modal'], attrs.class || attrs.className, {
+    ["mrl-modal--".concat(size)]: size !== defaults.size
+  });
   var closeClasses = classnames('mrl-modal-close', styles['mrl-modal-close']);
   var attrConfig = _objectSpread2(_objectSpread2({
     'aria-hidden': (modalState === 'close').toString()
@@ -242,15 +242,15 @@ var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
     'aria-modal': 'true',
     role: 'dialog'
   });
-  delete attrs["class"];
+  delete attrs.class;
   delete attrs.className;
   var attributes = setAttributes(attrs, attrConfig);
   return /*#__PURE__*/React.createElement(MrlModalContext.Provider, {
     value: {
-      scrollableContent: scrollableContent,
-      setScrollableContent: setScrollableContent,
-      setTitle: setTitle,
-      title: title
+      scrollableContent,
+      setScrollableContent,
+      setTitle,
+      title
     }
   }, /*#__PURE__*/React.createElement(MrlFocusTrap, {
     disabled: loading,

package/dist/esm/components/modal/MrlModal/MrlModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlModal.js","sources":["../../../../../src/components/modal/MrlModal/MrlModal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlComponentProps, setAttributes, getUniqueId } from '../../../utils';\nimport { defaults, ModalSize, ModalState, TransitionDuration } from '../constants';\nimport { MrlIconButton, MrlFocusTrap, MrlSvg } from '../../';\nimport { close } from '@muraldevkit/ds-icons';\nimport classNames from 'classnames';\nimport styles from './MrlModal.module.scss';\nimport { PORTAL_LAYERS } from '../../../utils/layers';\nimport './MrlModal.global.scss';\nimport { MrlModalContext } from '../MrlModalContext';\n\ninterface ModalProps extends MrlComponentProps {\n\t/**\n\t * Aria label for the modal\n\t */\n\tariaLabel?: string;\n\n\t/**\n\t * Content of the modal\n\t */\n\tchildren: React.ReactElement | React.ReactElement[];\n\n\t/**\n\t * Modal Wrapper Class\n\t */\n\tclassName?: string;\n\n\t/**\n\t * !!!!! WARNING: do not use this prop without an explicit requirement from the design team !!!!!\n\t *\n\t * Enables/disables the ability to close the modal. This prop does the following:\n\t * - removes close button\n\t * - disables clicking on the overlay to close the modal\n\t * - disables the escape key to close the modal\n\t */\n\tclosable?: boolean;\n\n\t/**\n\t * Tells the modal whether we are in a loading state.\n\t * This is used to disabled FocusTrap until the contents of the modal are loaded\n\t */\n\tloading?: boolean;\n\n\t/**\n\t * Prevents the background from scrolling when the modal is open\n\t */\n\tpreventBackgroundScroll?: boolean;\n\n\t/** The size of the modal container */\n\tsize?: ModalSize;\n\n\t/** Current state of the modal based on user interactions or permissions */\n\tstate?: ModalState;\n\n\t/** Additional function to be run when the modal closes */\n\thookClose?: (() => void) | undefined;\n}\n\n/**\n * Modal Component.\n * @param props - Modal props\n * @returns an instance of the MrlModal\n */\nexport const MrlModal = React.forwardRef<HTMLDivElement, ModalProps>(\n\tfunction MrlModal(props, ref): JSX.Element {\n\t\tconst {\n\t\t\tariaLabel,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tclosable = true,\n\t\t\tloading = false,\n\t\t\tsize = defaults.size,\n\t\t\tstate = 'close',\n\t\t\thookClose = undefined,\n\t\t\tpreventBackgroundScroll = true,\n\t\t\tattrs = {},\n\t\t\t...rest\n\t\t} = props;\n\t\t/**\n\t\t * Reference to the modal container.\n\t\t */\n\t\tconst modalContainer = React.useRef<HTMLDivElement>(null);\n\n\t\t/**\n\t\t * Reference to the modal\n\t\t */\n\t\tconst modal = React.useRef<HTMLDivElement>(null);\n\n\t\tReact.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(ref, () => {\n\t\t\treturn modalContainer.current;\n\t\t});\n\n\t\t/**\n\t\t * Reference to the modal close button.\n\t\t */\n\t\tconst closeButton = React.useRef<HTMLButtonElement | null>(null);\n\n\t\t/**\n\t\t * Reference to the modal heading element.\n\t\t */\n\t\tconst heading = React.useRef<HTMLHeadingElement | null>(null);\n\n\t\t/**\n\t\t * Open/Closed state of the modal\n\t\t */\n\t\tconst [modalState, setModalState] = React.useState(() => state);\n\n\t\t/**\n\t\t * Sets the state of the modal for fading in and out opacity\n\t\t */\n\t\tconst [fadeState, setFadeState] = React.useState('');\n\n\t\t/**\n\t\t * Sets state of the modal for when it is completely hidden from the DOM\n\t\t */\n\t\tconst [displayState, setDisplayState] = React.useState('hide');\n\n\t\t/**\n\t\t * Sets aria-labelledby attribute on the modal for assistive technology\n\t\t */\n\t\tconst [modalLabel, setModalLabel] = React.useState<string | null>(null);\n\n\t\t/**\n\t\t * Store the previous overflow value of the body before we set it to hidden\n\t\t */\n\t\tconst [prevOverflow, setPrevOverflow] = React.useState('');\n\n\t\t/**\n\t\t *  Indicates if the content is scrollable, calculated in the MrlModalContent component\n\t\t */\n\t\tconst [scrollableContent, setScrollableContent] = React.useState({\n\t\t\thasScrollBottom: false,\n\t\t\thasScrollTop: false,\n\t\t\tisContentScrollable: false\n\t\t});\n\n\t\t/**\n\t\t * Modal title for context\n\t\t */\n\t\tconst [title, setTitle] = React.useState('');\n\n\t\t/**\n\t\t * Handles when the user clicks on the overlay to close the modal\n\t\t * @param {React.KeyEvent} e - key event data\n\t\t */\n\t\tconst handleKeyDismiss = (e: React.KeyboardEvent): void => {\n\t\t\tif (e.key === 'Escape') setModalState('close');\n\t\t};\n\n\t\t/**\n\t\t * Handles when the user clicks on the overlay to close the modal\n\t\t * @param {MouseEvent} e - mouse event data\n\t\t */\n\t\tconst handleDismiss = (e: React.MouseEvent): void => {\n\t\t\tif (modalContainer.current !== e.target) return;\n\n\t\t\thandleClose();\n\t\t};\n\n\t\t/**\n\t\t * Handler logic for closing the modal\n\t\t */\n\t\tconst handleClose = React.useCallback(() => {\n\t\t\tsetFadeState(styles['fade-out']);\n\n\t\t\t/**\n\t\t\t * Set timeout to allow for fade out animation to complete\n\t\t\t * before we hide the modal from the DOM and call the close hook\n\t\t\t */\n\t\t\tconst timeoutId = setTimeout(() => {\n\t\t\t\tif (modal.current) {\n\t\t\t\t\tsetDisplayState(styles['hide']);\n\t\t\t\t}\n\t\t\t\thookClose && hookClose();\n\t\t\t}, TransitionDuration);\n\n\t\t\tif (preventBackgroundScroll) document.body.style.overflow = prevOverflow;\n\n\t\t\t// cleanup setTimeout\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(timeoutId);\n\t\t\t};\n\t\t}, [hookClose, prevOverflow, preventBackgroundScroll]);\n\n\t\t/**\n\t\t * Handler logic for opening the modal\n\t\t */\n\t\tconst handleOpen = React.useCallback(() => {\n\t\t\tsetDisplayState(styles['display']);\n\t\t\tsetFadeState(styles['fade-in']);\n\n\t\t\tif (preventBackgroundScroll) {\n\t\t\t\tsetPrevOverflow(document.body.style.overflow);\n\t\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t\t}\n\t\t}, [preventBackgroundScroll]);\n\n\t\t/**\n\t\t * Sets the open/close state of the UI\n\t\t */\n\t\tReact.useEffect(() => {\n\t\t\tif (modalState === 'open') {\n\t\t\t\thandleOpen();\n\t\t\t} else if (modalState === 'close') {\n\t\t\t\t// setup reference so we can clean up the funciton\n\t\t\t\tconst cleanup = handleClose();\n\n\t\t\t\t// cleanup handleClose\n\t\t\t\treturn cleanup;\n\t\t\t}\n\t\t}, [modalState, handleOpen, handleClose]);\n\n\t\t/**\n\t\t * Sets modal state when the state prop changes\n\t\t */\n\t\tReact.useEffect(() => {\n\t\t\tsetModalState(state);\n\t\t}, [state]);\n\n\t\t/**\n\t\t * ComponentDidLoad\n\t\t */\n\t\tReact.useEffect(() => {\n\t\t\tconst el = modalContainer.current;\n\n\t\t\tif (el) {\n\t\t\t\t/**\n\t\t\t\t * Setting up aria-labelledby association for assitive technology users\n\t\t\t\t */\n\t\t\t\tif (el.getAttribute('aria-labelledby') === null) {\n\t\t\t\t\theading.current = el.querySelector('.mrl-modal-text-heading');\n\n\t\t\t\t\tif (heading.current) {\n\t\t\t\t\t\tlet id = heading.current.getAttribute('id');\n\t\t\t\t\t\tif (!id) {\n\t\t\t\t\t\t\tid = getUniqueId('mrl-modal');\n\t\t\t\t\t\t\theading.current.setAttribute('id', id);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetModalLabel(id);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}, []);\n\n\t\t/**\n\t\t * Cleanup overflow hidden when component unmounts\n\t\t */\n\t\tReact.useEffect(() => {\n\t\t\treturn () => {\n\t\t\t\tdocument.body.style.overflow = '';\n\t\t\t};\n\t\t}, []);\n\t\tconst containerClasses = classNames(\n\t\t\t'mrl-modal-container',\n\t\t\t'mrl-modal-backdrop',\n\t\t\tclassName,\n\t\t\tstyles['mrl-modal-backdrop'],\n\t\t\tfadeState,\n\t\t\tdisplayState\n\t\t);\n\n\t\tconst modalClasses = classNames(\n\t\t\t'mrl-modal',\n\t\t\tstyles['mrl-modal'],\n\t\t\tattrs.class || attrs.className,\n\t\t\t{\n\t\t\t\t[`mrl-modal--${size}`]: size !== defaults.size\n\t\t\t}\n\t\t);\n\n\t\tconst closeClasses = classNames('mrl-modal-close', styles['mrl-modal-close']);\n\n\t\tconst attrConfig = {\n\t\t\t'aria-hidden': (modalState === 'close').toString(),\n\t\t\t...(ariaLabel\n\t\t\t\t? { 'aria-label': ariaLabel }\n\t\t\t\t: modalLabel !== null\n\t\t\t\t\t? { 'aria-labelledby': modalLabel }\n\t\t\t\t\t: { 'aria-label': 'Modal' }),\n\t\t\t'aria-modal': 'true',\n\t\t\trole: 'dialog'\n\t\t};\n\n\t\tdelete attrs.class;\n\t\tdelete attrs.className;\n\n\t\tconst attributes = setAttributes(attrs, attrConfig);\n\n\t\treturn (\n\t\t\t<MrlModalContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tscrollableContent,\n\t\t\t\t\tsetScrollableContent,\n\t\t\t\t\tsetTitle,\n\t\t\t\t\ttitle\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<MrlFocusTrap disabled={loading} containerRef={modalContainer}>\n\t\t\t\t\t{/*eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions*/}\n\t\t\t\t\t<div\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\tid={PORTAL_LAYERS.MODAL.name}\n\t\t\t\t\t\tref={modalContainer}\n\t\t\t\t\t\t{...attributes}\n\t\t\t\t\t\tclassName={containerClasses}\n\t\t\t\t\t\t{...(closable && { onMouseDown: handleDismiss })}\n\t\t\t\t\t\t{...(closable && { onKeyDown: handleKeyDismiss })}\n\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\tstyle={{ zIndex: PORTAL_LAYERS.MODAL.zIndex }}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div ref={modal} className={modalClasses}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t{closable && (\n\t\t\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\t\t\twrapperClassName={closeClasses}\n\t\t\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\t\t\tref={closeButton}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</MrlFocusTrap>\n\t\t\t</MrlModalContext.Provider>\n\t\t);\n\t}\n);\n"],"names":["MrlModal","React","forwardRef","props","ref","ariaLabel","children","className","_props$closable","closable","_props$loading","loading","_props$size","size","defaults","_props$state","state","_props$hookClose","hookClose","undefined","_props$preventBackgro","preventBackgroundScroll","_props$attrs","attrs","rest","_objectWithoutProperties","_excluded","modalContainer","useRef","modal","useImperativeHandle","current","closeButton","heading","_React$useState","useState","_React$useState2","_slicedToArray","modalState","setModalState","_React$useState3","_React$useState4","fadeState","setFadeState","_React$useState5","_React$useState6","displayState","setDisplayState","_React$useState7","_React$useState8","modalLabel","setModalLabel","_React$useState9","_React$useState0","prevOverflow","setPrevOverflow","_React$useState1","hasScrollBottom","hasScrollTop","isContentScrollable","_React$useState10","scrollableContent","setScrollableContent","_React$useState11","_React$useState12","title","setTitle","handleKeyDismiss","e","key","handleDismiss","target","handleClose","useCallback","styles","timeoutId","setTimeout","TransitionDuration","document","body","style","overflow","clearTimeout","handleOpen","useEffect","cleanup","el","getAttribute","querySelector","id","getUniqueId","setAttribute","containerClasses","classNames","modalClasses","_defineProperty","concat","closeClasses","attrConfig","_objectSpread","toString","role","attributes","setAttributes","createElement","MrlModalContext","Provider","value","MrlFocusTrap","disabled","containerRef","_extends","PORTAL_LAYERS","MODAL","name","onMouseDown","onKeyDown","zIndex","MrlIconButton","wrapperClassName","icon","MrlSvg","svg","close","onClick","text","position","tipAnchor"],"mappings":"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"}
+{"version":3,"file":"MrlModal.js","sources":["../../../../../src/components/modal/MrlModal/MrlModal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlComponentProps, setAttributes, getUniqueId } from '../../../utils';\nimport { defaults, ModalSize, ModalState, TransitionDuration } from '../constants';\nimport { MrlIconButton, MrlFocusTrap, MrlSvg } from '../../';\nimport { close } from '@muraldevkit/ds-icons';\nimport classNames from 'classnames';\nimport styles from './MrlModal.module.scss';\nimport { PORTAL_LAYERS } from '../../../utils/layers';\nimport './MrlModal.global.scss';\nimport { MrlModalContext } from '../MrlModalContext';\n\ninterface ModalProps extends MrlComponentProps {\n\t/**\n\t * Aria label for the modal\n\t */\n\tariaLabel?: string;\n\n\t/**\n\t * Content of the modal\n\t */\n\tchildren: React.ReactElement | React.ReactElement[];\n\n\t/**\n\t * Modal Wrapper Class\n\t */\n\tclassName?: string;\n\n\t/**\n\t * !!!!! WARNING: do not use this prop without an explicit requirement from the design team !!!!!\n\t *\n\t * Enables/disables the ability to close the modal. This prop does the following:\n\t * - removes close button\n\t * - disables clicking on the overlay to close the modal\n\t * - disables the escape key to close the modal\n\t */\n\tclosable?: boolean;\n\n\t/**\n\t * Tells the modal whether we are in a loading state.\n\t * This is used to disabled FocusTrap until the contents of the modal are loaded\n\t */\n\tloading?: boolean;\n\n\t/**\n\t * Prevents the background from scrolling when the modal is open\n\t */\n\tpreventBackgroundScroll?: boolean;\n\n\t/** The size of the modal container */\n\tsize?: ModalSize;\n\n\t/** Current state of the modal based on user interactions or permissions */\n\tstate?: ModalState;\n\n\t/** Additional function to be run when the modal closes */\n\thookClose?: (() => void) | undefined;\n}\n\n/**\n * Modal Component.\n * @param props - Modal props\n * @returns an instance of the MrlModal\n */\nexport const MrlModal = React.forwardRef<HTMLDivElement, ModalProps>(\n\tfunction MrlModal(props, ref): JSX.Element {\n\t\tconst {\n\t\t\tariaLabel,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tclosable = true,\n\t\t\tloading = false,\n\t\t\tsize = defaults.size,\n\t\t\tstate = 'close',\n\t\t\thookClose = undefined,\n\t\t\tpreventBackgroundScroll = true,\n\t\t\tattrs = {},\n\t\t\t...rest\n\t\t} = props;\n\t\t/**\n\t\t * Reference to the modal container.\n\t\t */\n\t\tconst modalContainer = React.useRef<HTMLDivElement>(null);\n\n\t\t/**\n\t\t * Reference to the modal\n\t\t */\n\t\tconst modal = React.useRef<HTMLDivElement>(null);\n\n\t\tReact.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(ref, () => {\n\t\t\treturn modalContainer.current;\n\t\t});\n\n\t\t/**\n\t\t * Reference to the modal close button.\n\t\t */\n\t\tconst closeButton = React.useRef<HTMLButtonElement | null>(null);\n\n\t\t/**\n\t\t * Reference to the modal heading element.\n\t\t */\n\t\tconst heading = React.useRef<HTMLHeadingElement | null>(null);\n\n\t\t/**\n\t\t * Open/Closed state of the modal\n\t\t */\n\t\tconst [modalState, setModalState] = React.useState(() => state);\n\n\t\t/**\n\t\t * Sets the state of the modal for fading in and out opacity\n\t\t */\n\t\tconst [fadeState, setFadeState] = React.useState('');\n\n\t\t/**\n\t\t * Sets state of the modal for when it is completely hidden from the DOM\n\t\t */\n\t\tconst [displayState, setDisplayState] = React.useState('hide');\n\n\t\t/**\n\t\t * Sets aria-labelledby attribute on the modal for assistive technology\n\t\t */\n\t\tconst [modalLabel, setModalLabel] = React.useState<string | null>(null);\n\n\t\t/**\n\t\t * Store the previous overflow value of the body before we set it to hidden\n\t\t */\n\t\tconst [prevOverflow, setPrevOverflow] = React.useState('');\n\n\t\t/**\n\t\t *  Indicates if the content is scrollable, calculated in the MrlModalContent component\n\t\t */\n\t\tconst [scrollableContent, setScrollableContent] = React.useState({\n\t\t\thasScrollBottom: false,\n\t\t\thasScrollTop: false,\n\t\t\tisContentScrollable: false\n\t\t});\n\n\t\t/**\n\t\t * Modal title for context\n\t\t */\n\t\tconst [title, setTitle] = React.useState('');\n\n\t\t/**\n\t\t * Handles when the user clicks on the overlay to close the modal\n\t\t * @param {React.KeyEvent} e - key event data\n\t\t */\n\t\tconst handleKeyDismiss = (e: React.KeyboardEvent): void => {\n\t\t\tif (e.key === 'Escape') setModalState('close');\n\t\t};\n\n\t\t/**\n\t\t * Handles when the user clicks on the overlay to close the modal\n\t\t * @param {MouseEvent} e - mouse event data\n\t\t */\n\t\tconst handleDismiss = (e: React.MouseEvent): void => {\n\t\t\tif (modalContainer.current !== e.target) return;\n\n\t\t\thandleClose();\n\t\t};\n\n\t\t/**\n\t\t * Handler logic for closing the modal\n\t\t */\n\t\tconst handleClose = React.useCallback(() => {\n\t\t\tsetFadeState(styles['fade-out']);\n\n\t\t\t/**\n\t\t\t * Set timeout to allow for fade out animation to complete\n\t\t\t * before we hide the modal from the DOM and call the close hook\n\t\t\t */\n\t\t\tconst timeoutId = setTimeout(() => {\n\t\t\t\tif (modal.current) {\n\t\t\t\t\tsetDisplayState(styles['hide']);\n\t\t\t\t}\n\t\t\t\thookClose && hookClose();\n\t\t\t}, TransitionDuration);\n\n\t\t\tif (preventBackgroundScroll) document.body.style.overflow = prevOverflow;\n\n\t\t\t// cleanup setTimeout\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(timeoutId);\n\t\t\t};\n\t\t}, [hookClose, prevOverflow, preventBackgroundScroll]);\n\n\t\t/**\n\t\t * Handler logic for opening the modal\n\t\t */\n\t\tconst handleOpen = React.useCallback(() => {\n\t\t\tsetDisplayState(styles['display']);\n\t\t\tsetFadeState(styles['fade-in']);\n\n\t\t\tif (preventBackgroundScroll) {\n\t\t\t\tsetPrevOverflow(document.body.style.overflow);\n\t\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t\t}\n\t\t}, [preventBackgroundScroll]);\n\n\t\t/**\n\t\t * Sets the open/close state of the UI\n\t\t */\n\t\tReact.useEffect(() => {\n\t\t\tif (modalState === 'open') {\n\t\t\t\thandleOpen();\n\t\t\t} else if (modalState === 'close') {\n\t\t\t\t// setup reference so we can clean up the funciton\n\t\t\t\tconst cleanup = handleClose();\n\n\t\t\t\t// cleanup handleClose\n\t\t\t\treturn cleanup;\n\t\t\t}\n\t\t}, [modalState, handleOpen, handleClose]);\n\n\t\t/**\n\t\t * Sets modal state when the state prop changes\n\t\t */\n\t\tReact.useEffect(() => {\n\t\t\tsetModalState(state);\n\t\t}, [state]);\n\n\t\t/**\n\t\t * ComponentDidLoad\n\t\t */\n\t\tReact.useEffect(() => {\n\t\t\tconst el = modalContainer.current;\n\n\t\t\tif (el) {\n\t\t\t\t/**\n\t\t\t\t * Setting up aria-labelledby association for assitive technology users\n\t\t\t\t */\n\t\t\t\tif (el.getAttribute('aria-labelledby') === null) {\n\t\t\t\t\theading.current = el.querySelector('.mrl-modal-text-heading');\n\n\t\t\t\t\tif (heading.current) {\n\t\t\t\t\t\tlet id = heading.current.getAttribute('id');\n\t\t\t\t\t\tif (!id) {\n\t\t\t\t\t\t\tid = getUniqueId('mrl-modal');\n\t\t\t\t\t\t\theading.current.setAttribute('id', id);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetModalLabel(id);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}, []);\n\n\t\t/**\n\t\t * Cleanup overflow hidden when component unmounts\n\t\t */\n\t\tReact.useEffect(() => {\n\t\t\treturn () => {\n\t\t\t\tdocument.body.style.overflow = '';\n\t\t\t};\n\t\t}, []);\n\t\tconst containerClasses = classNames(\n\t\t\t'mrl-modal-container',\n\t\t\t'mrl-modal-backdrop',\n\t\t\tclassName,\n\t\t\tstyles['mrl-modal-backdrop'],\n\t\t\tfadeState,\n\t\t\tdisplayState\n\t\t);\n\n\t\tconst modalClasses = classNames(\n\t\t\t'mrl-modal',\n\t\t\tstyles['mrl-modal'],\n\t\t\tattrs.class || attrs.className,\n\t\t\t{\n\t\t\t\t[`mrl-modal--${size}`]: size !== defaults.size\n\t\t\t}\n\t\t);\n\n\t\tconst closeClasses = classNames('mrl-modal-close', styles['mrl-modal-close']);\n\n\t\tconst attrConfig = {\n\t\t\t'aria-hidden': (modalState === 'close').toString(),\n\t\t\t...(ariaLabel\n\t\t\t\t? { 'aria-label': ariaLabel }\n\t\t\t\t: modalLabel !== null\n\t\t\t\t\t? { 'aria-labelledby': modalLabel }\n\t\t\t\t\t: { 'aria-label': 'Modal' }),\n\t\t\t'aria-modal': 'true',\n\t\t\trole: 'dialog'\n\t\t};\n\n\t\tdelete attrs.class;\n\t\tdelete attrs.className;\n\n\t\tconst attributes = setAttributes(attrs, attrConfig);\n\n\t\treturn (\n\t\t\t<MrlModalContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tscrollableContent,\n\t\t\t\t\tsetScrollableContent,\n\t\t\t\t\tsetTitle,\n\t\t\t\t\ttitle\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<MrlFocusTrap disabled={loading} containerRef={modalContainer}>\n\t\t\t\t\t{/*eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions*/}\n\t\t\t\t\t<div\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\tid={PORTAL_LAYERS.MODAL.name}\n\t\t\t\t\t\tref={modalContainer}\n\t\t\t\t\t\t{...attributes}\n\t\t\t\t\t\tclassName={containerClasses}\n\t\t\t\t\t\t{...(closable && { onMouseDown: handleDismiss })}\n\t\t\t\t\t\t{...(closable && { onKeyDown: handleKeyDismiss })}\n\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\tstyle={{ zIndex: PORTAL_LAYERS.MODAL.zIndex }}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div ref={modal} className={modalClasses}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t{closable && (\n\t\t\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\t\t\twrapperClassName={closeClasses}\n\t\t\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\t\t\tref={closeButton}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</MrlFocusTrap>\n\t\t\t</MrlModalContext.Provider>\n\t\t);\n\t}\n);\n"],"names":["MrlModal","React","forwardRef","props","ref","ariaLabel","children","className","_props$closable","closable","_props$loading","loading","_props$size","size","defaults","_props$state","state","_props$hookClose","hookClose","undefined","_props$preventBackgro","preventBackgroundScroll","_props$attrs","attrs","rest","_objectWithoutProperties","_excluded","modalContainer","useRef","modal","useImperativeHandle","current","closeButton","heading","_React$useState","useState","_React$useState2","_slicedToArray","modalState","setModalState","_React$useState3","_React$useState4","fadeState","setFadeState","_React$useState5","_React$useState6","displayState","setDisplayState","_React$useState7","_React$useState8","modalLabel","setModalLabel","_React$useState9","_React$useState0","prevOverflow","setPrevOverflow","_React$useState1","hasScrollBottom","hasScrollTop","isContentScrollable","_React$useState10","scrollableContent","setScrollableContent","_React$useState11","_React$useState12","title","setTitle","handleKeyDismiss","e","key","handleDismiss","target","handleClose","useCallback","styles","timeoutId","setTimeout","TransitionDuration","document","body","style","overflow","clearTimeout","handleOpen","useEffect","cleanup","el","getAttribute","querySelector","id","getUniqueId","setAttribute","containerClasses","classNames","modalClasses","class","concat","closeClasses","attrConfig","_objectSpread","toString","role","attributes","setAttributes","createElement","MrlModalContext","Provider","value","MrlFocusTrap","disabled","containerRef","_extends","PORTAL_LAYERS","MODAL","name","onMouseDown","onKeyDown","zIndex","MrlIconButton","wrapperClassName","icon","MrlSvg","svg","close","onClick","text","position","tipAnchor"],"mappings":"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"}

package/dist/esm/components/modal/MrlModalContent/MrlModalContent.js

@@ -14,7 +14,7 @@ var _excluded = ["children", "className"];
  * @param {React.ReactElement} props.children - The children to be rendered within the component
  * @returns {React.ReactElement}} The rendered MrlModalContent component
  */
-var MrlModalContent = function MrlModalContent(_ref) {
+var MrlModalContent = _ref => {
   var children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -24,7 +24,7 @@ var MrlModalContent = function MrlModalContent(_ref) {
     title = _useMrlModalContext.title;
   var contentAreaRef = React.useRef(null);
   var hasFocusableDescendant = useHasFocusableDescendant(contentAreaRef);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!contentAreaRef.current) return;
 
     /**
@@ -38,18 +38,18 @@ var MrlModalContent = function MrlModalContent(_ref) {
      * https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/
      */
     var contentArea = contentAreaRef.current;
-    contentArea.addEventListener('scroll', function () {
+    contentArea.addEventListener('scroll', () => {
       setScrollableContent(_objectSpread2(_objectSpread2({}, hasScrollContent(contentArea)), {}, {
         isContentScrollable: isElementScrollable(contentArea)
       }));
     });
-    var observer = new ResizeObserver(function () {
+    var observer = new ResizeObserver(() => {
       setScrollableContent(_objectSpread2(_objectSpread2({}, hasScrollContent(contentArea)), {}, {
         isContentScrollable: isElementScrollable(contentArea)
       }));
     });
     observer.observe(contentArea);
-    return function () {
+    return () => {
       observer.disconnect();
     };
   }, [setScrollableContent]);

package/dist/esm/components/modal/MrlModalContent/MrlModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlModalContent.js","sources":["../../../../../src/components/modal/MrlModalContent/MrlModalContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\nimport { isElementScrollable } from '../../../utils/isElementScrollable';\n\nimport styles from './MrlModalContent.module.scss';\nimport { useMrlModalContext } from '../MrlModalContext';\nimport { hasScrollContent } from '../../../utils/hasScrollContent/hasScrollContent';\nimport { useHasFocusableDescendant } from '../../../hooks/useHasFocusableDescendant';\n\ninterface MrlModalContentProps {\n\t/**\n\t * Children to be rendered within the component.\n\t */\n\tchildren: React.ReactElement | React.ReactElement[];\n\n\t/**\n\t * Wrapper Class\n\t */\n\tclassName?: string;\n}\n\n/**\n * Modal Content component for the MrlModal\n * @param {object} props - The props object\n * @param {React.ReactElement} props.children - The children to be rendered within the component\n * @returns {React.ReactElement}} The rendered MrlModalContent component\n */\nexport const MrlModalContent = ({\n\tchildren,\n\tclassName,\n\t...rest\n}: MrlModalContentProps): JSX.Element => {\n\tconst { scrollableContent, setScrollableContent, title } = useMrlModalContext();\n\tconst contentAreaRef = React.useRef<HTMLDivElement>(null);\n\tconst hasFocusableDescendant = useHasFocusableDescendant(contentAreaRef);\n\n\tReact.useEffect(() => {\n\t\tif (!contentAreaRef.current) return;\n\n\t\t/**\n\t\t * Sets up observer to toggle tabindex value on the scrollable region within the modal. When\n\t\t * the content area is overflowed and has no focusable descendants, we want to set tabindex\n\t\t * to 0 so that keyboard-only users can scroll through the content. Per ACT rule 0ssw9k a\n\t\t * scrollable region passes WCAG 2.1.1 Keyboard either by being focusable itself or by having\n\t\t * a focusable descendant, so we omit `tabindex=\"0\"` whenever a descendant control is\n\t\t * already keyboard reachable. The labeled `role=\"region\"` is preserved whenever the modal\n\t\t * content overflows so screen-reader users get a landmark in either case.\n\t\t * https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/\n\t\t */\n\t\tconst contentArea = contentAreaRef.current;\n\n\t\tcontentArea.addEventListener('scroll', () => {\n\t\t\tsetScrollableContent({\n\t\t\t\t...hasScrollContent(contentArea),\n\t\t\t\tisContentScrollable: isElementScrollable(contentArea)\n\t\t\t});\n\t\t});\n\n\t\tconst observer = new ResizeObserver(() => {\n\t\t\tsetScrollableContent({\n\t\t\t\t...hasScrollContent(contentArea),\n\t\t\t\tisContentScrollable: isElementScrollable(contentArea)\n\t\t\t});\n\t\t});\n\n\t\tobserver.observe(contentArea);\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [setScrollableContent]);\n\n\tconst contentClasses = classNames('mrl-modal-content', className, styles['mrl-modal-content'], {\n\t\t'mrl-modal-content-scrollable': scrollableContent.isContentScrollable\n\t});\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tref={contentAreaRef}\n\t\t\tclassName={contentClasses}\n\t\t\t{...(scrollableContent.isContentScrollable && {\n\t\t\t\t'aria-label': title ? `${title} modal scrollable content` : 'modal scrollable content',\n\t\t\t\trole: 'region',\n\t\t\t\t...(!hasFocusableDescendant && { tabIndex: 0 })\n\t\t\t})}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["MrlModalContent","_ref","children","className","rest","_objectWithoutProperties","_excluded","_useMrlModalContext","useMrlModalContext","scrollableContent","setScrollableContent","title","contentAreaRef","React","useRef","hasFocusableDescendant","useHasFocusableDescendant","useEffect","current","contentArea","addEventListener","_objectSpread","hasScrollContent","isContentScrollable","isElementScrollable","observer","ResizeObserver","observe","disconnect","contentClasses","classNames","styles","createElement","_extends","ref","concat","role","tabIndex"],"mappings":";;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACA;IACaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAIa;AAAA,EAAA,IAHxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAEP,EAAA,IAAAC,mBAAA,GAA2DC,kBAAkB,EAAE;IAAvEC,iBAAiB,GAAAF,mBAAA,CAAjBE,iBAAiB;IAAEC,oBAAoB,GAAAH,mBAAA,CAApBG,oBAAoB;IAAEC,KAAK,GAAAJ,mBAAA,CAALI,KAAK;AACtD,EAAA,IAAMC,cAAc,GAAGC,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;AACzD,EAAA,IAAMC,sBAAsB,GAAGC,yBAAyB,CAACJ,cAAc,CAAC;EAExEC,KAAK,CAACI,SAAS,CAAC,YAAM;AACrB,IAAA,IAAI,CAACL,cAAc,CAACM,OAAO,EAAE;;AAE7B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE,IAAA,IAAMC,WAAW,GAAGP,cAAc,CAACM,OAAO;AAE1CC,IAAAA,WAAW,CAACC,gBAAgB,CAAC,QAAQ,EAAE,YAAM;MAC5CV,oBAAoB,CAAAW,cAAA,CAAAA,cAAA,KAChBC,gBAAgB,CAACH,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;QAChCI,mBAAmB,EAAEC,mBAAmB,CAACL,WAAW;AAAC,OAAA,CACrD,CAAC;AACH,IAAA,CAAC,CAAC;AAEF,IAAA,IAAMM,QAAQ,GAAG,IAAIC,cAAc,CAAC,YAAM;MACzChB,oBAAoB,CAAAW,cAAA,CAAAA,cAAA,KAChBC,gBAAgB,CAACH,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;QAChCI,mBAAmB,EAAEC,mBAAmB,CAACL,WAAW;AAAC,OAAA,CACrD,CAAC;AACH,IAAA,CAAC,CAAC;AAEFM,IAAAA,QAAQ,CAACE,OAAO,CAACR,WAAW,CAAC;AAE7B,IAAA,OAAO,YAAM;MACZM,QAAQ,CAACG,UAAU,EAAE;IACtB,CAAC;AACF,EAAA,CAAC,EAAE,CAAClB,oBAAoB,CAAC,CAAC;AAE1B,EAAA,IAAMmB,cAAc,GAAGC,UAAU,CAAC,mBAAmB,EAAE3B,SAAS,EAAE4B,MAAM,CAAC,mBAAmB,CAAC,EAAE;IAC9F,8BAA8B,EAAEtB,iBAAiB,CAACc;AACnD,GAAC,CAAC;AAEF,EAAA,oBACCV,KAAA,CAAAmB,aAAA,CAAA,KAAA,EAAAC,QAAA,KACK7B,IAAI,EAAA;AACR8B,IAAAA,GAAG,EAAEtB,cAAe;AACpBT,IAAAA,SAAS,EAAE0B;AAAe,GAAA,EACrBpB,iBAAiB,CAACc,mBAAmB,IAAAF,cAAA,CAAA;AACzC,IAAA,YAAY,EAAEV,KAAK,GAAA,EAAA,CAAAwB,MAAA,CAAMxB,KAAK,iCAA8B,0BAA0B;AACtFyB,IAAAA,IAAI,EAAE;GAAQ,EACV,CAACrB,sBAAsB,IAAI;AAAEsB,IAAAA,QAAQ,EAAE;GAAG,CAC9C,CAAA,EAEAnC,QACG,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlModalContent.js","sources":["../../../../../src/components/modal/MrlModalContent/MrlModalContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\nimport { isElementScrollable } from '../../../utils/isElementScrollable';\n\nimport styles from './MrlModalContent.module.scss';\nimport { useMrlModalContext } from '../MrlModalContext';\nimport { hasScrollContent } from '../../../utils/hasScrollContent/hasScrollContent';\nimport { useHasFocusableDescendant } from '../../../hooks/useHasFocusableDescendant';\n\ninterface MrlModalContentProps {\n\t/**\n\t * Children to be rendered within the component.\n\t */\n\tchildren: React.ReactElement | React.ReactElement[];\n\n\t/**\n\t * Wrapper Class\n\t */\n\tclassName?: string;\n}\n\n/**\n * Modal Content component for the MrlModal\n * @param {object} props - The props object\n * @param {React.ReactElement} props.children - The children to be rendered within the component\n * @returns {React.ReactElement}} The rendered MrlModalContent component\n */\nexport const MrlModalContent = ({\n\tchildren,\n\tclassName,\n\t...rest\n}: MrlModalContentProps): JSX.Element => {\n\tconst { scrollableContent, setScrollableContent, title } = useMrlModalContext();\n\tconst contentAreaRef = React.useRef<HTMLDivElement>(null);\n\tconst hasFocusableDescendant = useHasFocusableDescendant(contentAreaRef);\n\n\tReact.useEffect(() => {\n\t\tif (!contentAreaRef.current) return;\n\n\t\t/**\n\t\t * Sets up observer to toggle tabindex value on the scrollable region within the modal. When\n\t\t * the content area is overflowed and has no focusable descendants, we want to set tabindex\n\t\t * to 0 so that keyboard-only users can scroll through the content. Per ACT rule 0ssw9k a\n\t\t * scrollable region passes WCAG 2.1.1 Keyboard either by being focusable itself or by having\n\t\t * a focusable descendant, so we omit `tabindex=\"0\"` whenever a descendant control is\n\t\t * already keyboard reachable. The labeled `role=\"region\"` is preserved whenever the modal\n\t\t * content overflows so screen-reader users get a landmark in either case.\n\t\t * https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/\n\t\t */\n\t\tconst contentArea = contentAreaRef.current;\n\n\t\tcontentArea.addEventListener('scroll', () => {\n\t\t\tsetScrollableContent({\n\t\t\t\t...hasScrollContent(contentArea),\n\t\t\t\tisContentScrollable: isElementScrollable(contentArea)\n\t\t\t});\n\t\t});\n\n\t\tconst observer = new ResizeObserver(() => {\n\t\t\tsetScrollableContent({\n\t\t\t\t...hasScrollContent(contentArea),\n\t\t\t\tisContentScrollable: isElementScrollable(contentArea)\n\t\t\t});\n\t\t});\n\n\t\tobserver.observe(contentArea);\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [setScrollableContent]);\n\n\tconst contentClasses = classNames('mrl-modal-content', className, styles['mrl-modal-content'], {\n\t\t'mrl-modal-content-scrollable': scrollableContent.isContentScrollable\n\t});\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tref={contentAreaRef}\n\t\t\tclassName={contentClasses}\n\t\t\t{...(scrollableContent.isContentScrollable && {\n\t\t\t\t'aria-label': title ? `${title} modal scrollable content` : 'modal scrollable content',\n\t\t\t\trole: 'region',\n\t\t\t\t...(!hasFocusableDescendant && { tabIndex: 0 })\n\t\t\t})}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["MrlModalContent","_ref","children","className","rest","_objectWithoutProperties","_excluded","_useMrlModalContext","useMrlModalContext","scrollableContent","setScrollableContent","title","contentAreaRef","React","useRef","hasFocusableDescendant","useHasFocusableDescendant","useEffect","current","contentArea","addEventListener","_objectSpread","hasScrollContent","isContentScrollable","isElementScrollable","observer","ResizeObserver","observe","disconnect","contentClasses","classNames","styles","createElement","_extends","ref","concat","role","tabIndex"],"mappings":";;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,eAAe,GAAGC,IAAA,IAIU;AAAA,EAAA,IAHxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAEP,EAAA,IAAAC,mBAAA,GAA2DC,kBAAkB,EAAE;IAAvEC,iBAAiB,GAAAF,mBAAA,CAAjBE,iBAAiB;IAAEC,oBAAoB,GAAAH,mBAAA,CAApBG,oBAAoB;IAAEC,KAAK,GAAAJ,mBAAA,CAALI,KAAK;AACtD,EAAA,IAAMC,cAAc,GAAGC,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;AACzD,EAAA,IAAMC,sBAAsB,GAAGC,yBAAyB,CAACJ,cAAc,CAAC;EAExEC,KAAK,CAACI,SAAS,CAAC,MAAM;AACrB,IAAA,IAAI,CAACL,cAAc,CAACM,OAAO,EAAE;;AAE7B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE,IAAA,IAAMC,WAAW,GAAGP,cAAc,CAACM,OAAO;AAE1CC,IAAAA,WAAW,CAACC,gBAAgB,CAAC,QAAQ,EAAE,MAAM;MAC5CV,oBAAoB,CAAAW,cAAA,CAAAA,cAAA,KAChBC,gBAAgB,CAACH,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;QAChCI,mBAAmB,EAAEC,mBAAmB,CAACL,WAAW;AAAC,OAAA,CACrD,CAAC;AACH,IAAA,CAAC,CAAC;AAEF,IAAA,IAAMM,QAAQ,GAAG,IAAIC,cAAc,CAAC,MAAM;MACzChB,oBAAoB,CAAAW,cAAA,CAAAA,cAAA,KAChBC,gBAAgB,CAACH,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;QAChCI,mBAAmB,EAAEC,mBAAmB,CAACL,WAAW;AAAC,OAAA,CACrD,CAAC;AACH,IAAA,CAAC,CAAC;AAEFM,IAAAA,QAAQ,CAACE,OAAO,CAACR,WAAW,CAAC;AAE7B,IAAA,OAAO,MAAM;MACZM,QAAQ,CAACG,UAAU,EAAE;IACtB,CAAC;AACF,EAAA,CAAC,EAAE,CAAClB,oBAAoB,CAAC,CAAC;AAE1B,EAAA,IAAMmB,cAAc,GAAGC,UAAU,CAAC,mBAAmB,EAAE3B,SAAS,EAAE4B,MAAM,CAAC,mBAAmB,CAAC,EAAE;IAC9F,8BAA8B,EAAEtB,iBAAiB,CAACc;AACnD,GAAC,CAAC;AAEF,EAAA,oBACCV,KAAA,CAAAmB,aAAA,CAAA,KAAA,EAAAC,QAAA,KACK7B,IAAI,EAAA;AACR8B,IAAAA,GAAG,EAAEtB,cAAe;AACpBT,IAAAA,SAAS,EAAE0B;AAAe,GAAA,EACrBpB,iBAAiB,CAACc,mBAAmB,IAAAF,cAAA,CAAA;AACzC,IAAA,YAAY,EAAEV,KAAK,GAAA,EAAA,CAAAwB,MAAA,CAAMxB,KAAK,iCAA8B,0BAA0B;AACtFyB,IAAAA,IAAI,EAAE;GAAQ,EACV,CAACrB,sBAAsB,IAAI;AAAEsB,IAAAA,QAAQ,EAAE;GAAG,CAC9C,CAAA,EAEAnC,QACG,CAAC;AAER;;;;"}

package/dist/esm/components/modal/MrlModalContext/MrlModalContext.js

@@ -7,7 +7,7 @@ var MrlModalContext = /*#__PURE__*/React.createContext(undefined);
  *
  * @returns The MrlModalContext state.
  */
-var useMrlModalContext = function useMrlModalContext() {
+var useMrlModalContext = () => {
   var context = React.useContext(MrlModalContext);
   if (!context) {
     throw new Error('MrlModalContext must be used within a MrlModalContextProvider');

package/dist/esm/components/modal/MrlModalContext/MrlModalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlModalContext.js","sources":["../../../../../src/components/modal/MrlModalContext/MrlModalContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type MrlModalScrollableContent = {\n\tisContentScrollable: boolean;\n\thasScrollTop: boolean;\n\thasScrollBottom: boolean;\n};\n\nexport type MrlModalContextState = {\n\tscrollableContent: MrlModalScrollableContent;\n\tsetScrollableContent: React.Dispatch<React.SetStateAction<MrlModalScrollableContent>>;\n\ttitle: string;\n\tsetTitle: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const MrlModalContext = React.createContext<MrlModalContextState | undefined>(undefined);\n\n/**\n * Returns the MrlModalContext state.\n *\n * @returns The MrlModalContext state.\n */\nexport const useMrlModalContext = (): MrlModalContextState => {\n\tconst context = React.useContext(MrlModalContext);\n\tif (!context) {\n\t\tthrow new Error('MrlModalContext must be used within a MrlModalContextProvider');\n\t}\n\treturn context;\n};\n"],"names":["MrlModalContext","React","createContext","undefined","useMrlModalContext","context","useContext","Error"],"mappings":";;AAeO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAa,CAAmCC,SAAS;;AAE9F;AACA;AACA;AACA;AACA;IACaC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAA+B;AAC7D,EAAA,IAAMC,OAAO,GAAGJ,KAAK,CAACK,UAAU,CAACN,eAAe,CAAC;EACjD,IAAI,CAACK,OAAO,EAAE;AACb,IAAA,MAAM,IAAIE,KAAK,CAAC,+DAA+D,CAAC;AACjF,EAAA;AACA,EAAA,OAAOF,OAAO;AACf;;;;"}
+{"version":3,"file":"MrlModalContext.js","sources":["../../../../../src/components/modal/MrlModalContext/MrlModalContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type MrlModalScrollableContent = {\n\tisContentScrollable: boolean;\n\thasScrollTop: boolean;\n\thasScrollBottom: boolean;\n};\n\nexport type MrlModalContextState = {\n\tscrollableContent: MrlModalScrollableContent;\n\tsetScrollableContent: React.Dispatch<React.SetStateAction<MrlModalScrollableContent>>;\n\ttitle: string;\n\tsetTitle: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const MrlModalContext = React.createContext<MrlModalContextState | undefined>(undefined);\n\n/**\n * Returns the MrlModalContext state.\n *\n * @returns The MrlModalContext state.\n */\nexport const useMrlModalContext = (): MrlModalContextState => {\n\tconst context = React.useContext(MrlModalContext);\n\tif (!context) {\n\t\tthrow new Error('MrlModalContext must be used within a MrlModalContextProvider');\n\t}\n\treturn context;\n};\n"],"names":["MrlModalContext","React","createContext","undefined","useMrlModalContext","context","useContext","Error"],"mappings":";;AAeO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAa,CAAmCC,SAAS;;AAE9F;AACA;AACA;AACA;AACA;AACO,IAAMC,kBAAkB,GAAGA,MAA4B;AAC7D,EAAA,IAAMC,OAAO,GAAGJ,KAAK,CAACK,UAAU,CAACN,eAAe,CAAC;EACjD,IAAI,CAACK,OAAO,EAAE;AACb,IAAA,MAAM,IAAIE,KAAK,CAAC,+DAA+D,CAAC;AACjF,EAAA;AACA,EAAA,OAAOF,OAAO;AACf;;;;"}

package/dist/esm/components/modal/MrlModalFooter/MrlModalFooter.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import styles from './MrlModalFooter.module.scss.js';
@@ -12,7 +12,7 @@ var _excluded = ["attrs", "children", "className"];
  * @param {AttrsObject} attrs - Additional HTML attributes for the `mrl-modal` element
  * @returns {React.ReactElement} The rendered MrlModalFooter component
  */
-var MrlModalFooter = function MrlModalFooter(_ref) {
+var MrlModalFooter = _ref => {
   var _ref$attrs = _ref.attrs,
     attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
     children = _ref.children,
@@ -22,8 +22,11 @@ var MrlModalFooter = function MrlModalFooter(_ref) {
     scrollableContent = _useMrlModalContext.scrollableContent;
   var breakpoint = useBreakpoint();
   var attributes = setAttributes(attrs);
-  var modalFooterClasses = classnames(className, 'mrl-modal-footer', styles['mrl-modal-footer'], _defineProperty(_defineProperty({}, styles['slotted'], breakpoint === 'xs'), styles['mrl-modal-scroll-shadow-bottom'], scrollableContent.hasScrollBottom));
-  delete attributes["class"];
+  var modalFooterClasses = classnames(className, 'mrl-modal-footer', styles['mrl-modal-footer'], {
+    [styles['slotted']]: breakpoint === 'xs',
+    [styles['mrl-modal-scroll-shadow-bottom']]: scrollableContent.hasScrollBottom
+  });
+  delete attributes.class;
   delete attributes.className;
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, attributes, {
     className: modalFooterClasses

package/dist/esm/components/modal/MrlModalFooter/MrlModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlModalFooter.js","sources":["../../../../../src/components/modal/MrlModalFooter/MrlModalFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AttrsObject, MrlComponentProps, setAttributes } from '../../../utils';\nimport classNames from 'classnames';\n\nimport styles from './MrlModalFooter.module.scss';\nimport './MrlModalFooter.global.scss';\nimport { useBreakpoint } from '../../../hooks/useBreakpoint';\nimport { useMrlModalContext } from '../MrlModalContext';\n\ninterface MrlModalFooterProps extends MrlComponentProps {\n\t/**\n\t * Content of the modal footer\n\t */\n\tchildren?: React.ReactElement | React.ReactElement[];\n\n\t/**\n\t * Wrapper Class\n\t */\n\tclassName?: string;\n}\n\n/**\n * Modal Footer component for the MrlModal\n * @param {AttrsObject} attrs - Additional HTML attributes for the `mrl-modal` element\n * @returns {React.ReactElement} The rendered MrlModalFooter component\n */\nexport const MrlModalFooter = ({\n\tattrs = {},\n\tchildren,\n\tclassName,\n\t...rest\n}: MrlModalFooterProps): JSX.Element => {\n\tconst { scrollableContent } = useMrlModalContext();\n\tconst breakpoint = useBreakpoint();\n\tconst attributes = setAttributes(attrs);\n\tconst modalFooterClasses = classNames(className, 'mrl-modal-footer', styles['mrl-modal-footer'], {\n\t\t[styles['slotted']]: breakpoint === 'xs',\n\t\t[styles['mrl-modal-scroll-shadow-bottom']]: scrollableContent.hasScrollBottom\n\t});\n\n\tdelete attributes.class;\n\tdelete attributes.className;\n\n\treturn (\n\t\t<div {...rest} {...attributes} className={modalFooterClasses}>\n\t\t\t<div className={classNames('mrl-modal-footer-wrapper', styles['mrl-modal-footer-wrapper'])}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["MrlModalFooter","_ref","_ref$attrs","attrs","children","className","rest","_objectWithoutProperties","_excluded","_useMrlModalContext","useMrlModalContext","scrollableContent","breakpoint","useBreakpoint","attributes","setAttributes","modalFooterClasses","classNames","styles","_defineProperty","hasScrollBottom","React","createElement","_extends"],"mappings":";;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAKa;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAJvCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAAC,mBAAA,GAA8BC,kBAAkB,EAAE;IAA1CC,iBAAiB,GAAAF,mBAAA,CAAjBE,iBAAiB;AACzB,EAAA,IAAMC,UAAU,GAAGC,aAAa,EAAE;AAClC,EAAA,IAAMC,UAAU,GAAGC,aAAa,CAACZ,KAAK,CAAC;AACvC,EAAA,IAAMa,kBAAkB,GAAGC,UAAU,CAACZ,SAAS,EAAE,kBAAkB,EAAEa,MAAM,CAAC,kBAAkB,CAAC,EAAAC,eAAA,CAAAA,eAAA,CAAA,EAAA,EAC7FD,MAAM,CAAC,SAAS,CAAC,EAAGN,UAAU,KAAK,IAAI,CAAA,EACvCM,MAAM,CAAC,gCAAgC,CAAC,EAAGP,iBAAiB,CAACS,eAAe,CAC7E,CAAC;AAEF,EAAA,OAAON,UAAU,CAAA,OAAA,CAAM;EACvB,OAAOA,UAAU,CAACT,SAAS;EAE3B,oBACCgB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA,EAAA,EAASjB,IAAI,EAAMQ,UAAU,EAAA;AAAET,IAAAA,SAAS,EAAEW;GAAmB,CAAA,eAC5DK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKjB,SAAS,EAAEY,UAAU,CAAC,0BAA0B,EAAEC,MAAM,CAAC,0BAA0B,CAAC;GAAE,EACzFd,QACG,CACD,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlModalFooter.js","sources":["../../../../../src/components/modal/MrlModalFooter/MrlModalFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AttrsObject, MrlComponentProps, setAttributes } from '../../../utils';\nimport classNames from 'classnames';\n\nimport styles from './MrlModalFooter.module.scss';\nimport './MrlModalFooter.global.scss';\nimport { useBreakpoint } from '../../../hooks/useBreakpoint';\nimport { useMrlModalContext } from '../MrlModalContext';\n\ninterface MrlModalFooterProps extends MrlComponentProps {\n\t/**\n\t * Content of the modal footer\n\t */\n\tchildren?: React.ReactElement | React.ReactElement[];\n\n\t/**\n\t * Wrapper Class\n\t */\n\tclassName?: string;\n}\n\n/**\n * Modal Footer component for the MrlModal\n * @param {AttrsObject} attrs - Additional HTML attributes for the `mrl-modal` element\n * @returns {React.ReactElement} The rendered MrlModalFooter component\n */\nexport const MrlModalFooter = ({\n\tattrs = {},\n\tchildren,\n\tclassName,\n\t...rest\n}: MrlModalFooterProps): JSX.Element => {\n\tconst { scrollableContent } = useMrlModalContext();\n\tconst breakpoint = useBreakpoint();\n\tconst attributes = setAttributes(attrs);\n\tconst modalFooterClasses = classNames(className, 'mrl-modal-footer', styles['mrl-modal-footer'], {\n\t\t[styles['slotted']]: breakpoint === 'xs',\n\t\t[styles['mrl-modal-scroll-shadow-bottom']]: scrollableContent.hasScrollBottom\n\t});\n\n\tdelete attributes.class;\n\tdelete attributes.className;\n\n\treturn (\n\t\t<div {...rest} {...attributes} className={modalFooterClasses}>\n\t\t\t<div className={classNames('mrl-modal-footer-wrapper', styles['mrl-modal-footer-wrapper'])}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["MrlModalFooter","_ref","_ref$attrs","attrs","children","className","rest","_objectWithoutProperties","_excluded","_useMrlModalContext","useMrlModalContext","scrollableContent","breakpoint","useBreakpoint","attributes","setAttributes","modalFooterClasses","classNames","styles","hasScrollBottom","class","React","createElement","_extends"],"mappings":";;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,GAAGC,IAAA,IAKU;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAJvCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAAC,mBAAA,GAA8BC,kBAAkB,EAAE;IAA1CC,iBAAiB,GAAAF,mBAAA,CAAjBE,iBAAiB;AACzB,EAAA,IAAMC,UAAU,GAAGC,aAAa,EAAE;AAClC,EAAA,IAAMC,UAAU,GAAGC,aAAa,CAACZ,KAAK,CAAC;AACvC,EAAA,IAAMa,kBAAkB,GAAGC,UAAU,CAACZ,SAAS,EAAE,kBAAkB,EAAEa,MAAM,CAAC,kBAAkB,CAAC,EAAE;AAChG,IAAA,CAACA,MAAM,CAAC,SAAS,CAAC,GAAGN,UAAU,KAAK,IAAI;AACxC,IAAA,CAACM,MAAM,CAAC,gCAAgC,CAAC,GAAGP,iBAAiB,CAACQ;AAC/D,GAAC,CAAC;EAEF,OAAOL,UAAU,CAACM,KAAK;EACvB,OAAON,UAAU,CAACT,SAAS;EAE3B,oBACCgB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA,EAAA,EAASjB,IAAI,EAAMQ,UAAU,EAAA;AAAET,IAAAA,SAAS,EAAEW;GAAmB,CAAA,eAC5DK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKjB,SAAS,EAAEY,UAAU,CAAC,0BAA0B,EAAEC,MAAM,CAAC,0BAA0B,CAAC;GAAE,EACzFd,QACG,CACD,CAAC;AAER;;;;"}

package/dist/esm/components/modal/MrlModalHeader/MrlModalHeader.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import styles from './MrlModalHeader.module.scss.js';
@@ -13,7 +13,7 @@ var _excluded = ["attrs", "children", "className", "text"];
  * @param {AttrsObject} props.attrs - Additional HTML attributes for the `mrl-modal` element
  * @returns {React.ReactElement} The rendered MrlModalFooter component
  */
-var MrlModalHeader = function MrlModalHeader(_ref) {
+var MrlModalHeader = _ref => {
   var _ref$attrs = _ref.attrs,
     attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
     children = _ref.children,
@@ -24,11 +24,13 @@ var MrlModalHeader = function MrlModalHeader(_ref) {
     scrollableContent = _useMrlModalContext.scrollableContent,
     setTitle = _useMrlModalContext.setTitle;
   var attributes = setAttributes(attrs);
-  var classes = classnames(className, 'mrl-modal-header', styles['mrl-modal-header'], _defineProperty({}, styles['mrl-modal-scroll-shadow-top'], scrollableContent.hasScrollTop));
-  React.useEffect(function () {
+  var classes = classnames(className, 'mrl-modal-header', styles['mrl-modal-header'], {
+    [styles['mrl-modal-scroll-shadow-top']]: scrollableContent.hasScrollTop
+  });
+  React.useEffect(() => {
     setTitle(text);
   }, [text, setTitle]);
-  delete attrs["class"];
+  delete attrs.class;
   delete attrs.className;
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, attributes, {
     className: classes

package/dist/esm/components/modal/MrlModalHeader/MrlModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlModalHeader.js","sources":["../../../../../src/components/modal/MrlModalHeader/MrlModalHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AttrsObject, MrlComponentProps, setAttributes } from '../../../utils';\nimport classNames from 'classnames';\nimport { MrlTextHeading } from '../../';\n\nimport styles from './MrlModalHeader.module.scss';\nimport { useMrlModalContext } from '../MrlModalContext';\n\nexport interface MrlModalHeaderProps extends MrlComponentProps {\n\t/**\n\t * Content of the modal header\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Wrapper Class\n\t */\n\tclassName?: string;\n\n\t/**\n\t * Text the h1 element of modal header\n\t */\n\ttext: string;\n}\n\n/**\n * Modal Header component for the MrlModal.\n * @param {MrlModalHeaderProps} props - The props for the MrlModalFooter component\n * @param {AttrsObject} props.attrs - Additional HTML attributes for the `mrl-modal` element\n * @returns {React.ReactElement} The rendered MrlModalFooter component\n */\nexport const MrlModalHeader = ({\n\tattrs = {},\n\tchildren,\n\tclassName,\n\ttext,\n\t...rest\n}: MrlModalHeaderProps): JSX.Element => {\n\tconst { scrollableContent, setTitle } = useMrlModalContext();\n\tconst attributes = setAttributes(attrs);\n\tconst classes = classNames(className, 'mrl-modal-header', styles['mrl-modal-header'], {\n\t\t[styles['mrl-modal-scroll-shadow-top']]: scrollableContent.hasScrollTop\n\t});\n\n\tReact.useEffect(() => {\n\t\tsetTitle(text);\n\t}, [text, setTitle]);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\treturn (\n\t\t<div {...rest} {...attributes} className={classes}>\n\t\t\t<MrlTextHeading\n\t\t\t\tattrs={{ className: 'mrl-modal-text-heading' }}\n\t\t\t\tlevel=\"2\"\n\t\t\t\ttext={text}\n\t\t\t\tsize=\"large\"\n\t\t\t/>\n\t\t\t{children}\n\t\t\t{/* Looking for the close button? The close button is intentionally part of the overall modal container, not the header */}\n\t\t</div>\n\t);\n};\n"],"names":["MrlModalHeader","_ref","_ref$attrs","attrs","children","className","text","rest","_objectWithoutProperties","_excluded","_useMrlModalContext","useMrlModalContext","scrollableContent","setTitle","attributes","setAttributes","classes","classNames","styles","_defineProperty","hasScrollTop","React","useEffect","createElement","_extends","MrlTextHeading","level","size"],"mappings":";;;;;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAMa;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CALvCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,IAAI,GAAAL,IAAA,CAAJK,IAAI;AACDC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAAC,mBAAA,GAAwCC,kBAAkB,EAAE;IAApDC,iBAAiB,GAAAF,mBAAA,CAAjBE,iBAAiB;IAAEC,QAAQ,GAAAH,mBAAA,CAARG,QAAQ;AACnC,EAAA,IAAMC,UAAU,GAAGC,aAAa,CAACZ,KAAK,CAAC;EACvC,IAAMa,OAAO,GAAGC,UAAU,CAACZ,SAAS,EAAE,kBAAkB,EAAEa,MAAM,CAAC,kBAAkB,CAAC,EAAAC,eAAA,CAAA,EAAA,EAClFD,MAAM,CAAC,6BAA6B,CAAC,EAAGN,iBAAiB,CAACQ,YAAY,CACvE,CAAC;EAEFC,KAAK,CAACC,SAAS,CAAC,YAAM;IACrBT,QAAQ,CAACP,IAAI,CAAC;AACf,EAAA,CAAC,EAAE,CAACA,IAAI,EAAEO,QAAQ,CAAC,CAAC;AAEpB,EAAA,OAAOV,KAAK,CAAA,OAAA,CAAM;EAClB,OAAOA,KAAK,CAACE,SAAS;EACtB,oBACCgB,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA,EAAA,EAASjB,IAAI,EAAMO,UAAU,EAAA;AAAET,IAAAA,SAAS,EAAEW;AAAQ,GAAA,CAAA,eACjDK,KAAA,CAAAE,aAAA,CAACE,cAAc,EAAA;AACdtB,IAAAA,KAAK,EAAE;AAAEE,MAAAA,SAAS,EAAE;KAA2B;AAC/CqB,IAAAA,KAAK,EAAC,GAAG;AACTpB,IAAAA,IAAI,EAAEA,IAAK;AACXqB,IAAAA,IAAI,EAAC;GACL,CAAC,EACDvB,QAEG,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlModalHeader.js","sources":["../../../../../src/components/modal/MrlModalHeader/MrlModalHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AttrsObject, MrlComponentProps, setAttributes } from '../../../utils';\nimport classNames from 'classnames';\nimport { MrlTextHeading } from '../../';\n\nimport styles from './MrlModalHeader.module.scss';\nimport { useMrlModalContext } from '../MrlModalContext';\n\nexport interface MrlModalHeaderProps extends MrlComponentProps {\n\t/**\n\t * Content of the modal header\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Wrapper Class\n\t */\n\tclassName?: string;\n\n\t/**\n\t * Text the h1 element of modal header\n\t */\n\ttext: string;\n}\n\n/**\n * Modal Header component for the MrlModal.\n * @param {MrlModalHeaderProps} props - The props for the MrlModalFooter component\n * @param {AttrsObject} props.attrs - Additional HTML attributes for the `mrl-modal` element\n * @returns {React.ReactElement} The rendered MrlModalFooter component\n */\nexport const MrlModalHeader = ({\n\tattrs = {},\n\tchildren,\n\tclassName,\n\ttext,\n\t...rest\n}: MrlModalHeaderProps): JSX.Element => {\n\tconst { scrollableContent, setTitle } = useMrlModalContext();\n\tconst attributes = setAttributes(attrs);\n\tconst classes = classNames(className, 'mrl-modal-header', styles['mrl-modal-header'], {\n\t\t[styles['mrl-modal-scroll-shadow-top']]: scrollableContent.hasScrollTop\n\t});\n\n\tReact.useEffect(() => {\n\t\tsetTitle(text);\n\t}, [text, setTitle]);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\treturn (\n\t\t<div {...rest} {...attributes} className={classes}>\n\t\t\t<MrlTextHeading\n\t\t\t\tattrs={{ className: 'mrl-modal-text-heading' }}\n\t\t\t\tlevel=\"2\"\n\t\t\t\ttext={text}\n\t\t\t\tsize=\"large\"\n\t\t\t/>\n\t\t\t{children}\n\t\t\t{/* Looking for the close button? The close button is intentionally part of the overall modal container, not the header */}\n\t\t</div>\n\t);\n};\n"],"names":["MrlModalHeader","_ref","_ref$attrs","attrs","children","className","text","rest","_objectWithoutProperties","_excluded","_useMrlModalContext","useMrlModalContext","scrollableContent","setTitle","attributes","setAttributes","classes","classNames","styles","hasScrollTop","React","useEffect","class","createElement","_extends","MrlTextHeading","level","size"],"mappings":";;;;;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,GAAGC,IAAA,IAMU;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CALvCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,IAAI,GAAAL,IAAA,CAAJK,IAAI;AACDC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAAC,mBAAA,GAAwCC,kBAAkB,EAAE;IAApDC,iBAAiB,GAAAF,mBAAA,CAAjBE,iBAAiB;IAAEC,QAAQ,GAAAH,mBAAA,CAARG,QAAQ;AACnC,EAAA,IAAMC,UAAU,GAAGC,aAAa,CAACZ,KAAK,CAAC;AACvC,EAAA,IAAMa,OAAO,GAAGC,UAAU,CAACZ,SAAS,EAAE,kBAAkB,EAAEa,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACrF,IAAA,CAACA,MAAM,CAAC,6BAA6B,CAAC,GAAGN,iBAAiB,CAACO;AAC5D,GAAC,CAAC;EAEFC,KAAK,CAACC,SAAS,CAAC,MAAM;IACrBR,QAAQ,CAACP,IAAI,CAAC;AACf,EAAA,CAAC,EAAE,CAACA,IAAI,EAAEO,QAAQ,CAAC,CAAC;EAEpB,OAAOV,KAAK,CAACmB,KAAK;EAClB,OAAOnB,KAAK,CAACE,SAAS;EACtB,oBACCe,KAAA,CAAAG,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA,EAAA,EAASjB,IAAI,EAAMO,UAAU,EAAA;AAAET,IAAAA,SAAS,EAAEW;AAAQ,GAAA,CAAA,eACjDI,KAAA,CAAAG,aAAA,CAACE,cAAc,EAAA;AACdtB,IAAAA,KAAK,EAAE;AAAEE,MAAAA,SAAS,EAAE;KAA2B;AAC/CqB,IAAAA,KAAK,EAAC,GAAG;AACTpB,IAAAA,IAAI,EAAEA,IAAK;AACXqB,IAAAA,IAAI,EAAC;GACL,CAAC,EACDvB,QAEG,CAAC;AAER;;;;"}

package/dist/esm/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import styles from './MrlSidebarNavItem.module.scss.js';
@@ -18,7 +18,11 @@ function MrlSidebarNavItem(_ref) {
     text = _ref.text,
     renderLink = _ref.renderLink,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var allClasses = classnames('MrlSidebarNavItem', styles['MrlSidebarNavItem'], _defineProperty(_defineProperty(_defineProperty({}, styles['MrlSidebarNavItem-selected'], isSelected), 'MrlSidebarNavItem-selected', isSelected), styles['hasIcon'], typeof icon !== 'undefined'), className);
+  var allClasses = classnames('MrlSidebarNavItem', styles['MrlSidebarNavItem'], {
+    [styles['MrlSidebarNavItem-selected']]: isSelected,
+    'MrlSidebarNavItem-selected': isSelected,
+    [styles['hasIcon']]: typeof icon !== 'undefined'
+  }, className);
   return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
     "data-qa": qa,
     className: allClasses

package/dist/esm/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSidebarNavItem.js","sources":["../../../../../src/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { DSIconType, MrlSvg } from '../../';\n\nimport styles from './MrlSidebarNavItem.module.scss';\n\ninterface MrlSidebarNavItemProps {\n\t/** Additional class to add to the li element */\n\tclassName?: string;\n\t/** A string value used for data-qa attribute. */\n\t['data-qa']?: string;\n\t/** Leading icon of the sidebar nav item */\n\ticon?: DSIconType;\n\t/** Sets the selected state for the sidebar nav item */\n\tisSelected?: boolean;\n\t/**\n\t * Render function used to wrap the sidebar nav item with a link component.\n\t * It allows users to wrap the sidebar nav item with different link implementations, react-router's link for example.\n\t * @example\n\t * <MrlSidebarNavItem renderLink={({linkContent}) => <Link to=\"/\">{linkContent}</Link>}/>\n\t * <MrlSidebarNavItem renderLink={({linkContent}) => <a href=\"/\">{linkContent}</a>}/>\n\t */\n\trenderLink: ({ linkContent }: { linkContent: React.ReactNode }) => JSX.Element;\n\t/** The text of the sidebar item */\n\ttext?: React.ReactNode;\n}\n\n/**\n * Sidebar nav item component\n * @param {MrlSidebarNavItemProps} props - the component props\n * @returns a sidebar nav item\n */\nexport function MrlSidebarNavItem({\n\tclassName,\n\t['data-qa']: qa,\n\ticon,\n\tisSelected,\n\ttext,\n\trenderLink,\n\t...rest\n}: MrlSidebarNavItemProps): JSX.Element {\n\tconst allClasses = classnames(\n\t\t'MrlSidebarNavItem',\n\t\tstyles['MrlSidebarNavItem'],\n\t\t{\n\t\t\t[styles['MrlSidebarNavItem-selected']]: isSelected,\n\t\t\t'MrlSidebarNavItem-selected': isSelected,\n\t\t\t[styles['hasIcon']]: typeof icon !== 'undefined'\n\t\t},\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<li {...rest} data-qa={qa} className={allClasses}>\n\t\t\t{renderLink({\n\t\t\t\tlinkContent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{icon && (\n\t\t\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tsvg={icon}\n\t\t\t\t\t\t\t\tclassName={styles['MrlSidebarNavItem-icon']}\n\t\t\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</>\n\t\t\t\t)\n\t\t\t})}\n\t\t</li>\n\t);\n}\n"],"names":["MrlSidebarNavItem","_ref","className","qa","icon","isSelected","text","renderLink","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","_defineProperty","React","createElement","_extends","linkContent","Fragment","MrlSvg","svg","size"],"mappings":";;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAAAC,IAAA,EAQO;AAAA,EAAA,IAPvCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACIC,EAAE,GAAAF,IAAA,CAAd,SAAS,CAAA;IACVG,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,UAAU,GAAAN,IAAA,CAAVM,UAAU;AACPC,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAC5B,mBAAmB,EACnBC,MAAM,CAAC,mBAAmB,CAAC,EAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,KAEzBD,MAAM,CAAC,4BAA4B,CAAC,EAAGR,UAAU,CAAA,EAClD,4BAA4B,EAAEA,UAAU,GACvCQ,MAAM,CAAC,SAAS,CAAC,EAAG,OAAOT,IAAI,KAAK,WAAW,CAAA,EAEjDF,SACD,CAAC;AAED,EAAA,oBACCa,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,QAAA,KAAQT,IAAI,EAAA;AAAE,IAAA,SAAA,EAASL,EAAG;AAACD,IAAAA,SAAS,EAAES;AAAW,GAAA,CAAA,EAC/CJ,UAAU,CAAC;AACXW,IAAAA,WAAW,eACVH,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAI,QAAA,EAAA,IAAA,EACEf,IAAI,iBACJW,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AACN,MAAA,aAAA,EAAY,MAAM;AAClBC,MAAAA,GAAG,EAAEjB,IAAK;AACVF,MAAAA,SAAS,EAAEW,MAAM,CAAC,wBAAwB,CAAE;AAC5CS,MAAAA,IAAI,EAAC;KACL,CACD,EACAhB,IACA;AAEJ,GAAC,CACE,CAAC;AAEP;;;;"}
+{"version":3,"file":"MrlSidebarNavItem.js","sources":["../../../../../src/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { DSIconType, MrlSvg } from '../../';\n\nimport styles from './MrlSidebarNavItem.module.scss';\n\ninterface MrlSidebarNavItemProps {\n\t/** Additional class to add to the li element */\n\tclassName?: string;\n\t/** A string value used for data-qa attribute. */\n\t['data-qa']?: string;\n\t/** Leading icon of the sidebar nav item */\n\ticon?: DSIconType;\n\t/** Sets the selected state for the sidebar nav item */\n\tisSelected?: boolean;\n\t/**\n\t * Render function used to wrap the sidebar nav item with a link component.\n\t * It allows users to wrap the sidebar nav item with different link implementations, react-router's link for example.\n\t * @example\n\t * <MrlSidebarNavItem renderLink={({linkContent}) => <Link to=\"/\">{linkContent}</Link>}/>\n\t * <MrlSidebarNavItem renderLink={({linkContent}) => <a href=\"/\">{linkContent}</a>}/>\n\t */\n\trenderLink: ({ linkContent }: { linkContent: React.ReactNode }) => JSX.Element;\n\t/** The text of the sidebar item */\n\ttext?: React.ReactNode;\n}\n\n/**\n * Sidebar nav item component\n * @param {MrlSidebarNavItemProps} props - the component props\n * @returns a sidebar nav item\n */\nexport function MrlSidebarNavItem({\n\tclassName,\n\t['data-qa']: qa,\n\ticon,\n\tisSelected,\n\ttext,\n\trenderLink,\n\t...rest\n}: MrlSidebarNavItemProps): JSX.Element {\n\tconst allClasses = classnames(\n\t\t'MrlSidebarNavItem',\n\t\tstyles['MrlSidebarNavItem'],\n\t\t{\n\t\t\t[styles['MrlSidebarNavItem-selected']]: isSelected,\n\t\t\t'MrlSidebarNavItem-selected': isSelected,\n\t\t\t[styles['hasIcon']]: typeof icon !== 'undefined'\n\t\t},\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<li {...rest} data-qa={qa} className={allClasses}>\n\t\t\t{renderLink({\n\t\t\t\tlinkContent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{icon && (\n\t\t\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tsvg={icon}\n\t\t\t\t\t\t\t\tclassName={styles['MrlSidebarNavItem-icon']}\n\t\t\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</>\n\t\t\t\t)\n\t\t\t})}\n\t\t</li>\n\t);\n}\n"],"names":["MrlSidebarNavItem","_ref","className","qa","icon","isSelected","text","renderLink","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","React","createElement","_extends","linkContent","Fragment","MrlSvg","svg","size"],"mappings":";;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAAAC,IAAA,EAQO;AAAA,EAAA,IAPvCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACIC,EAAE,GAAAF,IAAA,CAAd,SAAS,CAAA;IACVG,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,UAAU,GAAAN,IAAA,CAAVM,UAAU;AACPC,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;EAEP,IAAMC,UAAU,GAAGC,UAAU,CAC5B,mBAAmB,EACnBC,MAAM,CAAC,mBAAmB,CAAC,EAC3B;AACC,IAAA,CAACA,MAAM,CAAC,4BAA4B,CAAC,GAAGR,UAAU;AAClD,IAAA,4BAA4B,EAAEA,UAAU;AACxC,IAAA,CAACQ,MAAM,CAAC,SAAS,CAAC,GAAG,OAAOT,IAAI,KAAK;GACrC,EACDF,SACD,CAAC;AAED,EAAA,oBACCY,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,QAAA,KAAQR,IAAI,EAAA;AAAE,IAAA,SAAA,EAASL,EAAG;AAACD,IAAAA,SAAS,EAAES;AAAW,GAAA,CAAA,EAC/CJ,UAAU,CAAC;AACXU,IAAAA,WAAW,eACVH,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAI,QAAA,EAAA,IAAA,EACEd,IAAI,iBACJU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AACN,MAAA,aAAA,EAAY,MAAM;AAClBC,MAAAA,GAAG,EAAEhB,IAAK;AACVF,MAAAA,SAAS,EAAEW,MAAM,CAAC,wBAAwB,CAAE;AAC5CQ,MAAAA,IAAI,EAAC;KACL,CACD,EACAf,IACA;AAEJ,GAAC,CACE,CAAC;AAEP;;;;"}

package/dist/esm/components/notification/MrlBlockNotification/MrlBlockNotification.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import { close, warning, check, info, error } from '@muraldevkit/ds-icons';
 import classnames from 'classnames';
@@ -15,10 +15,10 @@ var _excluded = ["attrs", "autoCloseAfterMs", "children", "className", "closeQa"
  * Configuration options for icons
  */
 var iconOptions = {
-  error: error,
-  info: info,
+  error,
+  info,
   success: check,
-  warning: warning
+  warning
 };
 
 /**
@@ -26,7 +26,7 @@ var iconOptions = {
  * @param props - Component props
  * @returns {Element} Block Notification
  */
-var MrlBlockNotification = function MrlBlockNotification(props) {
+var MrlBlockNotification = props => {
   var attrs = props.attrs,
     autoCloseAfterMs = props.autoCloseAfterMs,
     children = props.children,
@@ -69,9 +69,9 @@ var MrlBlockNotification = function MrlBlockNotification(props) {
   /**
    * Handles logic for opening the notification
    */
-  var handleOpen = React.useCallback(function () {
+  var handleOpen = React.useCallback(() => {
     setNotificationState('open');
-    setTimeout(function () {
+    setTimeout(() => {
       hookOpen && hookOpen();
     }, TransitionDuration);
   }, [hookOpen]);
@@ -91,9 +91,9 @@ var MrlBlockNotification = function MrlBlockNotification(props) {
   /**
    * Handles logic for closing the notification
    */
-  var handleClose = React.useCallback(function () {
+  var handleClose = React.useCallback(() => {
     setNotificationState('close');
-    setTimeout(function () {
+    setTimeout(() => {
       var _notification$current;
       // add class mrl-is--closed
       (_notification$current = notification.current) === null || _notification$current === void 0 ? void 0 : _notification$current.classList.add('mrl-is--closed');
@@ -104,7 +104,7 @@ var MrlBlockNotification = function MrlBlockNotification(props) {
   /**
    * Toggles the open/closed state based on the state of the component
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (notificationState === 'open' && autoClosed !== true) {
       handleOpen();
     } else {
@@ -115,7 +115,7 @@ var MrlBlockNotification = function MrlBlockNotification(props) {
   /**
    * Updates the internal state of the component when the state prop changes
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     setNotificationState(state || defaults.state);
   }, [state]);
 
@@ -123,7 +123,7 @@ var MrlBlockNotification = function MrlBlockNotification(props) {
    * Renders a custom icon or a default icon if the kind supports it.
    * @returns ReactElement | null
    */
-  var renderIcon = function renderIcon() {
+  var renderIcon = () => {
     var notificationIcon = typeof customIcon === 'undefined' ? iconOptions[kind] : customIcon;
 
     // It could be undefined if the kind doesn't support a default icon.
@@ -142,11 +142,14 @@ var MrlBlockNotification = function MrlBlockNotification(props) {
     'aria-live': kind === 'error' ? 'assertive' : 'polite',
     role: 'status'
   });
-  var allClasses = classnames(styles['mrl-blockNotification'], className, 'mrl-blockNotification', _defineProperty(_defineProperty({}, styles['mrl-blockNotification--dismissible'], Boolean(dismissible)), 'mrl-is--transitioning', notificationState === 'close'));
-  var closeButtonKind = React.useMemo(function () {
+  var allClasses = classnames(styles['mrl-blockNotification'], className, 'mrl-blockNotification', {
+    [styles['mrl-blockNotification--dismissible']]: Boolean(dismissible),
+    'mrl-is--transitioning': notificationState === 'close'
+  });
+  var closeButtonKind = React.useMemo(() => {
     return kind === 'warning' ? 'ghost' : 'ghost-inverse';
   }, [kind]);
-  delete attributes["class"];
+  delete attributes.class;
   delete attributes.className;
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: allClasses