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

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

@@ -0,0 +1,290 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, 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';
+import classnames from 'classnames';
+import styles from './MrlModal.module.scss.js';
+import { PORTAL_LAYERS } from '../../../utils/layers/index.js';
+import { getUniqueId, setAttributes } from '../../../utils/setAttributes/setAttributes.js';
+import { MrlModalContext } from '../MrlModalContext/MrlModalContext.js';
+import { MrlFocusTrap } from '../../focus-trap/MrlFocusTrap/MrlFocusTrap.js';
+import { MrlIconButton } from '../../button/MrlIconButton/MrlIconButton.js';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["ariaLabel", "children", "className", "closable", "loading", "size", "state", "hookClose", "preventBackgroundScroll", "attrs"];
+/**
+ * Modal Component.
+ * @param props - Modal props
+ * @returns an instance of the MrlModal
+ */
+var MrlModal = /*#__PURE__*/React.forwardRef(function MrlModal(props, ref) {
+  var ariaLabel = props.ariaLabel,
+    children = props.children,
+    className = props.className,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    _props$size = props.size,
+    size = _props$size === void 0 ? defaults.size : _props$size,
+    _props$state = props.state,
+    state = _props$state === void 0 ? 'close' : _props$state,
+    _props$hookClose = props.hookClose,
+    hookClose = _props$hookClose === void 0 ? undefined : _props$hookClose,
+    _props$preventBackgro = props.preventBackgroundScroll,
+    preventBackgroundScroll = _props$preventBackgro === void 0 ? true : _props$preventBackgro,
+    _props$attrs = props.attrs,
+    attrs = _props$attrs === void 0 ? {} : _props$attrs,
+    rest = _objectWithoutProperties(props, _excluded);
+  /**
+   * Reference to the modal container.
+   */
+  var modalContainer = React.useRef(null);
+
+  /**
+   * Reference to the modal
+   */
+  var modal = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return modalContainer.current;
+  });
+
+  /**
+   * Reference to the modal close button.
+   */
+  var closeButton = React.useRef(null);
+
+  /**
+   * Reference to the modal heading element.
+   */
+  var heading = React.useRef(null);
+
+  /**
+   * Open/Closed state of the modal
+   */
+  var _React$useState = React.useState(function () {
+      return state;
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    modalState = _React$useState2[0],
+    setModalState = _React$useState2[1];
+
+  /**
+   * Sets the state of the modal for fading in and out opacity
+   */
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    fadeState = _React$useState4[0],
+    setFadeState = _React$useState4[1];
+
+  /**
+   * Sets state of the modal for when it is completely hidden from the DOM
+   */
+  var _React$useState5 = React.useState('hide'),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    displayState = _React$useState6[0],
+    setDisplayState = _React$useState6[1];
+
+  /**
+   * Sets aria-labelledby attribute on the modal for assistive technology
+   */
+  var _React$useState7 = React.useState(null),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    modalLabel = _React$useState8[0],
+    setModalLabel = _React$useState8[1];
+
+  /**
+   * Store the previous overflow value of the body before we set it to hidden
+   */
+  var _React$useState9 = React.useState(''),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    prevOverflow = _React$useState0[0],
+    setPrevOverflow = _React$useState0[1];
+
+  /**
+   *  Indicates if the content is scrollable, calculated in the MrlModalContent component
+   */
+  var _React$useState1 = React.useState({
+      hasScrollBottom: false,
+      hasScrollTop: false,
+      isContentScrollable: false
+    }),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    scrollableContent = _React$useState10[0],
+    setScrollableContent = _React$useState10[1];
+
+  /**
+   * Modal title for context
+   */
+  var _React$useState11 = React.useState(''),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    title = _React$useState12[0],
+    setTitle = _React$useState12[1];
+
+  /**
+   * Handles when the user clicks on the overlay to close the modal
+   * @param {React.KeyEvent} e - key event data
+   */
+  var handleKeyDismiss = function handleKeyDismiss(e) {
+    if (e.key === 'Escape') setModalState('close');
+  };
+
+  /**
+   * Handles when the user clicks on the overlay to close the modal
+   * @param {MouseEvent} e - mouse event data
+   */
+  var handleDismiss = function handleDismiss(e) {
+    if (modalContainer.current !== e.target) return;
+    handleClose();
+  };
+
+  /**
+   * Handler logic for closing the modal
+   */
+  var handleClose = React.useCallback(function () {
+    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 () {
+      if (modal.current) {
+        setDisplayState(styles['hide']);
+      }
+      hookClose && hookClose();
+    }, TransitionDuration);
+    if (preventBackgroundScroll) document.body.style.overflow = prevOverflow;
+
+    // cleanup setTimeout
+    return function () {
+      clearTimeout(timeoutId);
+    };
+  }, [hookClose, prevOverflow, preventBackgroundScroll]);
+
+  /**
+   * Handler logic for opening the modal
+   */
+  var handleOpen = React.useCallback(function () {
+    setDisplayState(styles['display']);
+    setFadeState(styles['fade-in']);
+    if (preventBackgroundScroll) {
+      setPrevOverflow(document.body.style.overflow);
+      document.body.style.overflow = 'hidden';
+    }
+  }, [preventBackgroundScroll]);
+
+  /**
+   * Sets the open/close state of the UI
+   */
+  React.useEffect(function () {
+    if (modalState === 'open') {
+      handleOpen();
+    } else if (modalState === 'close') {
+      // setup reference so we can clean up the funciton
+      var cleanup = handleClose();
+
+      // cleanup handleClose
+      return cleanup;
+    }
+  }, [modalState, handleOpen, handleClose]);
+
+  /**
+   * Sets modal state when the state prop changes
+   */
+  React.useEffect(function () {
+    setModalState(state);
+  }, [state]);
+
+  /**
+   * ComponentDidLoad
+   */
+  React.useEffect(function () {
+    var el = modalContainer.current;
+    if (el) {
+      /**
+       * Setting up aria-labelledby association for assitive technology users
+       */
+      if (el.getAttribute('aria-labelledby') === null) {
+        heading.current = el.querySelector('.mrl-modal-text-heading');
+        if (heading.current) {
+          var id = heading.current.getAttribute('id');
+          if (!id) {
+            id = getUniqueId('mrl-modal');
+            heading.current.setAttribute('id', id);
+          }
+          setModalLabel(id);
+        }
+      }
+    }
+  }, []);
+
+  /**
+   * Cleanup overflow hidden when component unmounts
+   */
+  React.useEffect(function () {
+    return function () {
+      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 closeClasses = classnames('mrl-modal-close', styles['mrl-modal-close']);
+  var attrConfig = _objectSpread2(_objectSpread2({
+    'aria-hidden': (modalState === 'close').toString()
+  }, ariaLabel ? {
+    'aria-label': ariaLabel
+  } : modalLabel !== null ? {
+    'aria-labelledby': modalLabel
+  } : {
+    'aria-label': 'Modal'
+  }), {}, {
+    'aria-modal': 'true',
+    role: 'dialog'
+  });
+  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
+    }
+  }, /*#__PURE__*/React.createElement(MrlFocusTrap, {
+    disabled: loading,
+    containerRef: modalContainer
+  }, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    id: PORTAL_LAYERS.MODAL.name,
+    ref: modalContainer
+  }, attributes, {
+    className: containerClasses
+  }, closable && {
+    onMouseDown: handleDismiss
+  }, closable && {
+    onKeyDown: handleKeyDismiss
+  }, {
+    role: "dialog",
+    style: {
+      zIndex: PORTAL_LAYERS.MODAL.zIndex
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: modal,
+    className: modalClasses
+  }, children, closable && /*#__PURE__*/React.createElement(MrlIconButton, {
+    wrapperClassName: closeClasses,
+    icon: /*#__PURE__*/React.createElement(MrlSvg, {
+      svg: close
+    }),
+    onClick: handleClose,
+    text: "Close",
+    state: "default",
+    position: "bottom",
+    tipAnchor: "center",
+    ref: closeButton
+  })))));
+});
+
+export { MrlModal };
+//# sourceMappingURL=MrlModal.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,4 @@
+var styles = {"mrl-modal":"mrl-modal--zpjbp","mrl-modal-backdrop":"mrl-modal-backdrop--omXDu","fade-in":"fade-in--FQdjA","fade-out":"fade-out--c_sPn","display":"display--GKMDd","hide":"hide--DHOpR","mrl-modal-close":"mrl-modal-close--amYN3"};
+
+export { styles as default };
+//# sourceMappingURL=MrlModal.module.scss.js.map

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

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

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

@@ -0,0 +1,71 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { isElementScrollable } from '../../../utils/isElementScrollable/index.js';
+import styles from './MrlModalContent.module.scss.js';
+import { hasScrollContent } from '../../../utils/hasScrollContent/hasScrollContent.js';
+import { useHasFocusableDescendant } from '../../../hooks/useHasFocusableDescendant/index.js';
+import { useMrlModalContext } from '../MrlModalContext/MrlModalContext.js';
+
+var _excluded = ["children", "className"];
+/**
+ * Modal Content component for the MrlModal
+ * @param {object} props - The props object
+ * @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 children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useMrlModalContext = useMrlModalContext(),
+    scrollableContent = _useMrlModalContext.scrollableContent,
+    setScrollableContent = _useMrlModalContext.setScrollableContent,
+    title = _useMrlModalContext.title;
+  var contentAreaRef = React.useRef(null);
+  var hasFocusableDescendant = useHasFocusableDescendant(contentAreaRef);
+  React.useEffect(function () {
+    if (!contentAreaRef.current) return;
+
+    /**
+     * Sets up observer to toggle tabindex value on the scrollable region within the modal. When
+     * the content area is overflowed and has no focusable descendants, we want to set tabindex
+     * to 0 so that keyboard-only users can scroll through the content. Per ACT rule 0ssw9k a
+     * scrollable region passes WCAG 2.1.1 Keyboard either by being focusable itself or by having
+     * a focusable descendant, so we omit `tabindex="0"` whenever a descendant control is
+     * already keyboard reachable. The labeled `role="region"` is preserved whenever the modal
+     * content overflows so screen-reader users get a landmark in either case.
+     * https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/
+     */
+    var contentArea = contentAreaRef.current;
+    contentArea.addEventListener('scroll', function () {
+      setScrollableContent(_objectSpread2(_objectSpread2({}, hasScrollContent(contentArea)), {}, {
+        isContentScrollable: isElementScrollable(contentArea)
+      }));
+    });
+    var observer = new ResizeObserver(function () {
+      setScrollableContent(_objectSpread2(_objectSpread2({}, hasScrollContent(contentArea)), {}, {
+        isContentScrollable: isElementScrollable(contentArea)
+      }));
+    });
+    observer.observe(contentArea);
+    return function () {
+      observer.disconnect();
+    };
+  }, [setScrollableContent]);
+  var contentClasses = classnames('mrl-modal-content', className, styles['mrl-modal-content'], {
+    'mrl-modal-content-scrollable': scrollableContent.isContentScrollable
+  });
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    ref: contentAreaRef,
+    className: contentClasses
+  }, scrollableContent.isContentScrollable && _objectSpread2({
+    'aria-label': title ? "".concat(title, " modal scrollable content") : 'modal scrollable content',
+    role: 'region'
+  }, !hasFocusableDescendant && {
+    tabIndex: 0
+  })), children);
+};
+
+export { MrlModalContent };
+//# sourceMappingURL=MrlModalContent.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,4 @@
+var styles = {"mrl-modal-content":"mrl-modal-content--khend"};
+
+export { styles as default };
+//# sourceMappingURL=MrlModalContent.module.scss.js.map

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

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

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+var MrlModalContext = /*#__PURE__*/React.createContext(undefined);
+
+/**
+ * Returns the MrlModalContext state.
+ *
+ * @returns The MrlModalContext state.
+ */
+var useMrlModalContext = function useMrlModalContext() {
+  var context = React.useContext(MrlModalContext);
+  if (!context) {
+    throw new Error('MrlModalContext must be used within a MrlModalContextProvider');
+  }
+  return context;
+};
+
+export { MrlModalContext, useMrlModalContext };
+//# sourceMappingURL=MrlModalContext.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,36 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlModalFooter.module.scss.js';
+import { useBreakpoint } from '../../../hooks/useBreakpoint/index.js';
+import { useMrlModalContext } from '../MrlModalContext/MrlModalContext.js';
+import { setAttributes } from '../../../utils/setAttributes/setAttributes.js';
+
+var _excluded = ["attrs", "children", "className"];
+/**
+ * Modal Footer component for the MrlModal
+ * @param {AttrsObject} attrs - Additional HTML attributes for the `mrl-modal` element
+ * @returns {React.ReactElement} The rendered MrlModalFooter component
+ */
+var MrlModalFooter = function MrlModalFooter(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useMrlModalContext = useMrlModalContext(),
+    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"];
+  delete attributes.className;
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, attributes, {
+    className: modalFooterClasses
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classnames('mrl-modal-footer-wrapper', styles['mrl-modal-footer-wrapper'])
+  }, children));
+};
+
+export { MrlModalFooter };
+//# sourceMappingURL=MrlModalFooter.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,4 @@
+var styles = {"slotted":"slotted--k3mz9","mrl-modal-footer":"mrl-modal-footer--YG1gr","mrl-modal-footer-wrapper":"mrl-modal-footer-wrapper--NkwuH","mrl-modal-scroll-shadow-bottom":"mrl-modal-scroll-shadow-bottom--dcFcV"};
+
+export { styles as default };
+//# sourceMappingURL=MrlModalFooter.module.scss.js.map

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

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

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

@@ -0,0 +1,46 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlModalHeader.module.scss.js';
+import { useMrlModalContext } from '../MrlModalContext/MrlModalContext.js';
+import { setAttributes } from '../../../utils/setAttributes/setAttributes.js';
+import { MrlTextHeading } from '../../text/MrlTextHeading/MrlTextHeading.js';
+
+var _excluded = ["attrs", "children", "className", "text"];
+/**
+ * Modal Header component for the MrlModal.
+ * @param {MrlModalHeaderProps} props - The props for the MrlModalFooter component
+ * @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 _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    children = _ref.children,
+    className = _ref.className,
+    text = _ref.text,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useMrlModalContext = useMrlModalContext(),
+    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 () {
+    setTitle(text);
+  }, [text, setTitle]);
+  delete attrs["class"];
+  delete attrs.className;
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, attributes, {
+    className: classes
+  }), /*#__PURE__*/React.createElement(MrlTextHeading, {
+    attrs: {
+      className: 'mrl-modal-text-heading'
+    },
+    level: "2",
+    text: text,
+    size: "large"
+  }), children);
+};
+
+export { MrlModalHeader };
+//# sourceMappingURL=MrlModalHeader.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,4 @@
+var styles = {"mrl-modal-header":"mrl-modal-header--LAa4V","mrl-modal-scroll-shadow-top":"mrl-modal-scroll-shadow-top--uMyh_"};
+
+export { styles as default };
+//# sourceMappingURL=MrlModalHeader.module.scss.js.map

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

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

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

@@ -0,0 +1,21 @@
+/*
+ * Modal component
+ * ------------------------------------------------------------------
+ */
+var allowedValues = {
+  sizes: ['small', 'medium', 'large'],
+  states: ['open', 'close']
+};
+/**
+ * Default values for props on the Modal component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  attrs: {},
+  size: 'medium',
+  state: 'close'
+};
+var TransitionDuration = 300;
+
+export { TransitionDuration, allowedValues, defaults };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/modal/constants.ts"],"sourcesContent":["import { AttrsObject } from '../../utils';\n\n/*\n * Modal component\n * ------------------------------------------------------------------\n */\nexport const allowedValues = {\n\tsizes: ['small', 'medium', 'large'] as const,\n\tstates: ['open', 'close'] as const\n};\n\nexport type ModalSize = (typeof allowedValues.sizes)[number];\nexport type ModalState = (typeof allowedValues.states)[number];\n\nexport interface ModalDefaults {\n\tattrs: AttrsObject;\n\tsize: ModalSize;\n\tstate: ModalState;\n}\n\n/**\n * Default values for props on the Modal component;\n * Shared between the component and Storybook\n */\nexport const defaults: ModalDefaults = {\n\tattrs: {},\n\tsize: 'medium',\n\tstate: 'close'\n};\n\nexport const TransitionDuration = 300;\n"],"names":["allowedValues","sizes","states","defaults","attrs","size","state","TransitionDuration"],"mappings":"AAEA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG;AAC5BC,EAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU;AAC5CC,EAAAA,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO;AACzB;AAWA;AACA;AACA;AACA;AACO,IAAMC,QAAuB,GAAG;EACtCC,KAAK,EAAE,EAAE;AACTC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,KAAK,EAAE;AACR;AAEO,IAAMC,kBAAkB,GAAG;;;;"}