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

package/dist/cjs/components/live-region/MrlLiveRegion/MrlLiveRegion.js

@@ -5,7 +5,10 @@ var classnames = require('classnames');
 var uniqueId = require('lodash.uniqueid');
 var React = require('react');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -22,7 +25,9 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var uniqueId__default = /*#__PURE__*/_interopDefault(uniqueId);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var _excluded = ["ariaAtomic", "ariaLive", "ariaRelevant", "id", "srContent", "visible", "shouldClearContent"];
 /**
@@ -31,7 +36,7 @@ var _excluded = ["ariaAtomic", "ariaLive", "ariaRelevant", "id", "srContent", "v
  * @param props - The live region component props.
  * @returns The live region component.
  */
-var MrlLiveRegion = function MrlLiveRegion(_ref) {
+var MrlLiveRegion = _ref => {
   var ariaAtomic = _ref.ariaAtomic,
     ariaLive = _ref.ariaLive,
     ariaRelevant = _ref.ariaRelevant,
@@ -46,24 +51,20 @@ var MrlLiveRegion = function MrlLiveRegion(_ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     content = _useState2[0],
     setContent = _useState2[1];
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     setContent(srContent);
     if (shouldClearContent) {
-      var contentTimeout = setTimeout(function () {
+      var contentTimeout = setTimeout(() => {
         setContent('');
         clearTimeout(contentTimeout);
       }, 1000);
-      return function () {
-        return clearTimeout(contentTimeout);
-      };
+      return () => clearTimeout(contentTimeout);
     }
   }, [shouldClearContent, srContent]);
-  var nodeId = React.useMemo(function () {
-    return id || uniqueId('live-region-');
-  }, [id]);
+  var nodeId = React.useMemo(() => id || uniqueId__default.default('live-region-'), [id]);
   var dataQaProp = props['data-qa'];
   var dataQa = dataQaProp || "".concat(nodeId, "-live-region");
-  var classes = classnames('MrlLiveRegion', {
+  var classes = classnames__default.default('MrlLiveRegion', {
     // eslint-disable-next-line @typescript-eslint/naming-convention
     'mrl-visually-hidden': !visible
   });

package/dist/cjs/components/live-region/MrlLiveRegion/MrlLiveRegion.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlLiveRegion.js","sources":["../../../../../src/components/live-region/MrlLiveRegion/MrlLiveRegion.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport uniqueId from 'lodash.uniqueid';\nimport * as React from 'react';\nimport { useMemo, useState } from 'react';\n\ntype AriaRelevant = 'additions' | 'all' | 'removals' | 'text' | 'additions text' | undefined;\n\nexport interface MrlLiveRegionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n\tariaAtomic?: boolean;\n\tariaLive: 'polite' | 'assertive' | 'off';\n\tariaRelevant?: AriaRelevant;\n\tid?: string;\n\tshouldClearContent?: boolean;\n\tsrContent: string;\n\tvisible?: boolean;\n}\n\n/**\n * Live region component to render an HTML live region with the provided content.\n *\n * @param props - The live region component props.\n * @returns The live region component.\n */\nexport const MrlLiveRegion = ({\n\tariaAtomic,\n\tariaLive,\n\tariaRelevant,\n\tid,\n\tsrContent,\n\tvisible = false,\n\tshouldClearContent = false,\n\t...props\n}: MrlLiveRegionProps): React.ReactElement => {\n\tconst [content, setContent] = useState('');\n\n\tReact.useEffect(() => {\n\t\tsetContent(srContent);\n\n\t\tif (shouldClearContent) {\n\t\t\tconst contentTimeout = setTimeout(() => {\n\t\t\t\tsetContent('');\n\t\t\t\tclearTimeout(contentTimeout);\n\t\t\t}, 1000);\n\n\t\t\treturn () => clearTimeout(contentTimeout);\n\t\t}\n\t}, [shouldClearContent, srContent]);\n\n\tconst nodeId = useMemo(() => id || uniqueId('live-region-'), [id]);\n\n\tconst dataQaProp = (props as { 'data-qa'?: string })['data-qa'];\n\tconst dataQa = dataQaProp || `${nodeId}-live-region`;\n\n\tconst classes = classNames('MrlLiveRegion', {\n\t\t// eslint-disable-next-line @typescript-eslint/naming-convention\n\t\t'mrl-visually-hidden': !visible\n\t});\n\n\treturn (\n\t\t<p\n\t\t\t{...(ariaAtomic ? { 'aria-atomic': ariaAtomic } : {})}\n\t\t\taria-live={ariaLive}\n\t\t\t{...(ariaRelevant ? { 'aria-relevant': ariaRelevant } : {})}\n\t\t\tclassName={classes}\n\t\t\tdata-qa={dataQa}\n\t\t\tid={nodeId}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</p>\n\t);\n};\n"],"names":["MrlLiveRegion","_ref","ariaAtomic","ariaLive","ariaRelevant","id","srContent","_ref$visible","visible","_ref$shouldClearConte","shouldClearContent","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","content","setContent","React","useEffect","contentTimeout","setTimeout","clearTimeout","nodeId","useMemo","uniqueId","dataQaProp","dataQa","concat","classes","classNames","createElement","_extends","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EASoB;AAAA,EAAA,IAR7CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,YAAA,GAAAN,IAAA,CACTO,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IAAAE,qBAAA,GAAAR,IAAA,CACfS,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;AACvBE,IAAAA,KAAK,GAAAC,iDAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAA8BC,cAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;EAE1BI,gBAAK,CAACC,SAAS,CAAC,YAAM;IACrBF,UAAU,CAACb,SAAS,CAAC;AAErB,IAAA,IAAII,kBAAkB,EAAE;AACvB,MAAA,IAAMY,cAAc,GAAGC,UAAU,CAAC,YAAM;QACvCJ,UAAU,CAAC,EAAE,CAAC;QACdK,YAAY,CAACF,cAAc,CAAC;MAC7B,CAAC,EAAE,IAAI,CAAC;MAER,OAAO,YAAA;QAAA,OAAME,YAAY,CAACF,cAAc,CAAC;AAAA,MAAA,CAAA;AAC1C,IAAA;AACD,EAAA,CAAC,EAAE,CAACZ,kBAAkB,EAAEJ,SAAS,CAAC,CAAC;EAEnC,IAAMmB,MAAM,GAAGC,aAAO,CAAC,YAAA;AAAA,IAAA,OAAMrB,EAAE,IAAIsB,QAAQ,CAAC,cAAc,CAAC;EAAA,CAAA,EAAE,CAACtB,EAAE,CAAC,CAAC;AAElE,EAAA,IAAMuB,UAAU,GAAIjB,KAAK,CAA4B,SAAS,CAAC;AAC/D,EAAA,IAAMkB,MAAM,GAAGD,UAAU,OAAAE,MAAA,CAAOL,MAAM,EAAA,cAAA,CAAc;AAEpD,EAAA,IAAMM,OAAO,GAAGC,UAAU,CAAC,eAAe,EAAE;AAC3C;AACA,IAAA,qBAAqB,EAAE,CAACxB;AACzB,GAAC,CAAC;AAEF,EAAA,oBACCY,gBAAA,CAAAa,aAAA,MAAAC,iCAAA,CAAA,EAAA,EACMhC,UAAU,GAAG;AAAE,IAAA,aAAa,EAAEA;GAAY,GAAG,EAAE,EAAA;IACpD,WAAA,EAAWC;AAAS,GAAA,EACfC,YAAY,GAAG;AAAE,IAAA,eAAe,EAAEA;GAAc,GAAG,EAAE,EAAA;AAC1D+B,IAAAA,SAAS,EAAEJ,OAAQ;AACnB,IAAA,SAAA,EAASF,MAAO;AAChBxB,IAAAA,EAAE,EAAEoB;GAAO,EACPd,KAAK,CAAA,EAERO,OACC,CAAC;AAEN;;;;"}
+{"version":3,"file":"MrlLiveRegion.js","sources":["../../../../../src/components/live-region/MrlLiveRegion/MrlLiveRegion.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport uniqueId from 'lodash.uniqueid';\nimport * as React from 'react';\nimport { useMemo, useState } from 'react';\n\ntype AriaRelevant = 'additions' | 'all' | 'removals' | 'text' | 'additions text' | undefined;\n\nexport interface MrlLiveRegionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n\tariaAtomic?: boolean;\n\tariaLive: 'polite' | 'assertive' | 'off';\n\tariaRelevant?: AriaRelevant;\n\tid?: string;\n\tshouldClearContent?: boolean;\n\tsrContent: string;\n\tvisible?: boolean;\n}\n\n/**\n * Live region component to render an HTML live region with the provided content.\n *\n * @param props - The live region component props.\n * @returns The live region component.\n */\nexport const MrlLiveRegion = ({\n\tariaAtomic,\n\tariaLive,\n\tariaRelevant,\n\tid,\n\tsrContent,\n\tvisible = false,\n\tshouldClearContent = false,\n\t...props\n}: MrlLiveRegionProps): React.ReactElement => {\n\tconst [content, setContent] = useState('');\n\n\tReact.useEffect(() => {\n\t\tsetContent(srContent);\n\n\t\tif (shouldClearContent) {\n\t\t\tconst contentTimeout = setTimeout(() => {\n\t\t\t\tsetContent('');\n\t\t\t\tclearTimeout(contentTimeout);\n\t\t\t}, 1000);\n\n\t\t\treturn () => clearTimeout(contentTimeout);\n\t\t}\n\t}, [shouldClearContent, srContent]);\n\n\tconst nodeId = useMemo(() => id || uniqueId('live-region-'), [id]);\n\n\tconst dataQaProp = (props as { 'data-qa'?: string })['data-qa'];\n\tconst dataQa = dataQaProp || `${nodeId}-live-region`;\n\n\tconst classes = classNames('MrlLiveRegion', {\n\t\t// eslint-disable-next-line @typescript-eslint/naming-convention\n\t\t'mrl-visually-hidden': !visible\n\t});\n\n\treturn (\n\t\t<p\n\t\t\t{...(ariaAtomic ? { 'aria-atomic': ariaAtomic } : {})}\n\t\t\taria-live={ariaLive}\n\t\t\t{...(ariaRelevant ? { 'aria-relevant': ariaRelevant } : {})}\n\t\t\tclassName={classes}\n\t\t\tdata-qa={dataQa}\n\t\t\tid={nodeId}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</p>\n\t);\n};\n"],"names":["MrlLiveRegion","_ref","ariaAtomic","ariaLive","ariaRelevant","id","srContent","_ref$visible","visible","_ref$shouldClearConte","shouldClearContent","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","content","setContent","React","useEffect","contentTimeout","setTimeout","clearTimeout","nodeId","useMemo","uniqueId","dataQaProp","dataQa","concat","classes","classNames","createElement","_extends","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAGC,IAAA,IASiB;AAAA,EAAA,IAR7CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,YAAA,GAAAN,IAAA,CACTO,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IAAAE,qBAAA,GAAAR,IAAA,CACfS,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;AACvBE,IAAAA,KAAK,GAAAC,iDAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAA8BC,cAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;EAE1BI,gBAAK,CAACC,SAAS,CAAC,MAAM;IACrBF,UAAU,CAACb,SAAS,CAAC;AAErB,IAAA,IAAII,kBAAkB,EAAE;AACvB,MAAA,IAAMY,cAAc,GAAGC,UAAU,CAAC,MAAM;QACvCJ,UAAU,CAAC,EAAE,CAAC;QACdK,YAAY,CAACF,cAAc,CAAC;MAC7B,CAAC,EAAE,IAAI,CAAC;AAER,MAAA,OAAO,MAAME,YAAY,CAACF,cAAc,CAAC;AAC1C,IAAA;AACD,EAAA,CAAC,EAAE,CAACZ,kBAAkB,EAAEJ,SAAS,CAAC,CAAC;AAEnC,EAAA,IAAMmB,MAAM,GAAGC,aAAO,CAAC,MAAMrB,EAAE,IAAIsB,yBAAQ,CAAC,cAAc,CAAC,EAAE,CAACtB,EAAE,CAAC,CAAC;AAElE,EAAA,IAAMuB,UAAU,GAAIjB,KAAK,CAA4B,SAAS,CAAC;AAC/D,EAAA,IAAMkB,MAAM,GAAGD,UAAU,OAAAE,MAAA,CAAOL,MAAM,EAAA,cAAA,CAAc;AAEpD,EAAA,IAAMM,OAAO,GAAGC,2BAAU,CAAC,eAAe,EAAE;AAC3C;AACA,IAAA,qBAAqB,EAAE,CAACxB;AACzB,GAAC,CAAC;AAEF,EAAA,oBACCY,gBAAA,CAAAa,aAAA,MAAAC,iCAAA,CAAA,EAAA,EACMhC,UAAU,GAAG;AAAE,IAAA,aAAa,EAAEA;GAAY,GAAG,EAAE,EAAA;IACpD,WAAA,EAAWC;AAAS,GAAA,EACfC,YAAY,GAAG;AAAE,IAAA,eAAe,EAAEA;GAAc,GAAG,EAAE,EAAA;AAC1D+B,IAAAA,SAAS,EAAEJ,OAAQ;AACnB,IAAA,SAAA,EAASF,MAAO;AAChBxB,IAAAA,EAAE,EAAEoB;GAAO,EACPd,KAAK,CAAA,EAERO,OACC,CAAC;AAEN;;;;"}

package/dist/cjs/components/loader/MrlProgressBar/MrlProgressBar.js

@@ -7,7 +7,10 @@ var constants = require('../constants.js');
 var MrlProgressBar_module = require('./MrlProgressBar.module.scss.js');
 var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -24,7 +27,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["children", "className", "indeterminate", "name", "percent", "showText", "text", "time"];
 
@@ -50,12 +54,18 @@ function MrlProgressBar(_ref) {
     time = _ref$time === void 0 ? 0 : _ref$time,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var roundPercent = percent ? Math.round(percent) : 0;
-  var containerClasses = classnames(MrlProgressBar_module.default['MrlProgressBar-container'], 'MrlProgressBar-container', _rollupPluginBabelHelpers.defineProperty({}, "".concat(className, "-container"), className !== ''));
-  var progressBarClasses = classnames(MrlProgressBar_module.default['MrlProgressBar'], 'MrlProgressBar', className);
-  var textContainerClass = classnames(MrlProgressBar_module.default['MrlProgressBar--textContainer'], 'MrlProgressBar--textContainer', {
+  var containerClasses = classnames__default.default(MrlProgressBar_module.default['MrlProgressBar-container'], 'MrlProgressBar-container', {
+    ["".concat(className, "-container")]: className !== ''
+  });
+  var progressBarClasses = classnames__default.default(MrlProgressBar_module.default['MrlProgressBar'], 'MrlProgressBar', className);
+  var textContainerClass = classnames__default.default(MrlProgressBar_module.default['MrlProgressBar--textContainer'], 'MrlProgressBar--textContainer', {
     'mrl-visually-hidden': !showText
   });
-  var completeClasses = classnames(MrlProgressBar_module.default['MrlProgressBar--complete'], _rollupPluginBabelHelpers.defineProperty({}, MrlProgressBar_module.default['MrlProgressBar--timed'], time > 0 && !indeterminate), _rollupPluginBabelHelpers.defineProperty({}, MrlProgressBar_module.default['MrlProgressBar--indeterminate'], indeterminate));
+  var completeClasses = classnames__default.default(MrlProgressBar_module.default['MrlProgressBar--complete'], {
+    [MrlProgressBar_module.default['MrlProgressBar--timed']]: time > 0 && !indeterminate
+  }, {
+    [MrlProgressBar_module.default['MrlProgressBar--indeterminate']]: indeterminate
+  });
   var completeStyle = time > 0 && !indeterminate ? {
     'animation-duration': "".concat(time, "ms")
   } : indeterminate ? {

package/dist/cjs/components/loader/MrlProgressBar/MrlProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlProgressBar.js","sources":["../../../../../src/components/loader/MrlProgressBar/MrlProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlTextHeading } from '../../';\nimport { ProgressBarComponent, progressBarDefaults } from '../constants';\n\nimport styles from './MrlProgressBar.module.scss';\nimport '../../../styles/shared/a11y-helpers/a11y.global.scss';\n\n/**\n * MrlProgressBar React component.\n *\n * @param props - component props\n * @returns a MrlProgressBar React component.\n */\nexport function MrlProgressBar({\n\tchildren,\n\tclassName = '',\n\tindeterminate = false,\n\tname,\n\tpercent = progressBarDefaults.percent,\n\tshowText = progressBarDefaults.showText,\n\ttext,\n\ttime = 0,\n\t...rest\n}: ProgressBarComponent): JSX.Element {\n\tconst roundPercent = percent ? Math.round(percent) : 0;\n\tconst containerClasses = classnames(\n\t\tstyles['MrlProgressBar-container'],\n\t\t'MrlProgressBar-container',\n\t\t{\n\t\t\t[`${className}-container`]: className !== ''\n\t\t}\n\t);\n\tconst progressBarClasses = classnames(styles['MrlProgressBar'], 'MrlProgressBar', className);\n\tconst textContainerClass = classnames(\n\t\tstyles['MrlProgressBar--textContainer'],\n\t\t'MrlProgressBar--textContainer',\n\t\t{\n\t\t\t'mrl-visually-hidden': !showText\n\t\t}\n\t);\n\tconst completeClasses = classnames(\n\t\tstyles['MrlProgressBar--complete'],\n\t\t{\n\t\t\t[styles['MrlProgressBar--timed']]: time > 0 && !indeterminate\n\t\t},\n\t\t{\n\t\t\t[styles['MrlProgressBar--indeterminate']]: indeterminate\n\t\t}\n\t);\n\tconst completeStyle =\n\t\ttime > 0 && !indeterminate\n\t\t\t? {\n\t\t\t\t\t'animation-duration': `${time}ms`\n\t\t\t\t}\n\t\t\t: indeterminate\n\t\t\t\t? {\n\t\t\t\t\t\twidth: '100%'\n\t\t\t\t\t}\n\t\t\t\t: {\n\t\t\t\t\t\twidth: `${roundPercent}%`\n\t\t\t\t\t};\n\tconst defaultText =\n\t\ttime > 0 || indeterminate ? 'Loading' : `${roundPercent?.toString()}% complete`;\n\tconst ariaValues =\n\t\ttime > 0 || indeterminate\n\t\t\t? {}\n\t\t\t: {\n\t\t\t\t\t'aria-valuemin': 0,\n\t\t\t\t\t'aria-valuemax': 100,\n\t\t\t\t\t'aria-valuetext': `${roundPercent}%`,\n\t\t\t\t\t'aria-valuenow': roundPercent\n\t\t\t\t};\n\n\treturn (\n\t\t<div {...rest} className={containerClasses}>\n\t\t\t<div className={progressBarClasses} aria-label={name} role=\"progressbar\" {...ariaValues}>\n\t\t\t\t<div className={completeClasses} style={completeStyle} />\n\t\t\t</div>\n\t\t\t<div className={textContainerClass} role=\"status\">\n\t\t\t\t<MrlTextHeading hierarchy=\"secondary\" kind=\"title\" level=\"2\" size=\"xsmall\">\n\t\t\t\t\t{text || defaultText}\n\t\t\t\t</MrlTextHeading>\n\t\t\t</div>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["MrlProgressBar","_ref","children","_ref$className","className","_ref$indeterminate","indeterminate","name","_ref$percent","percent","progressBarDefaults","_ref$showText","showText","text","_ref$time","time","rest","_objectWithoutProperties","_excluded","roundPercent","Math","round","containerClasses","classnames","styles","_defineProperty","concat","progressBarClasses","textContainerClass","completeClasses","completeStyle","width","defaultText","toString","ariaValues","React","createElement","_extends","role","style","MrlTextHeading","hierarchy","kind","level","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAAC,IAAA,EAUQ;AAAA,EAAA,IATrCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CACRG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,kBAAA,GAAAJ,IAAA,CACdK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,kBAAA;IACrBE,IAAI,GAAAN,IAAA,CAAJM,IAAI;IAAAC,YAAA,GAAAP,IAAA,CACJQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGE,6BAAmB,CAACD,OAAO,GAAAD,YAAA;IAAAG,aAAA,GAAAV,IAAA,CACrCW,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGD,6BAAmB,CAACE,QAAQ,GAAAD,aAAA;IACvCE,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IAAAC,SAAA,GAAAb,IAAA,CACJc,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,CAAC,GAAAA,SAAA;AACLE,IAAAA,IAAI,GAAAC,iDAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;EAEP,IAAMC,YAAY,GAAGV,OAAO,GAAGW,IAAI,CAACC,KAAK,CAACZ,OAAO,CAAC,GAAG,CAAC;EACtD,IAAMa,gBAAgB,GAAGC,UAAU,CAClCC,6BAAM,CAAC,0BAA0B,CAAC,EAClC,0BAA0B,EAAAC,wCAAA,CAAA,EAAA,EAAA,EAAA,CAAAC,MAAA,CAErBtB,SAAS,iBAAeA,SAAS,KAAK,EAAE,CAE9C,CAAC;AACD,EAAA,IAAMuB,kBAAkB,GAAGJ,UAAU,CAACC,6BAAM,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,EAAEpB,SAAS,CAAC;EAC5F,IAAMwB,kBAAkB,GAAGL,UAAU,CACpCC,6BAAM,CAAC,+BAA+B,CAAC,EACvC,+BAA+B,EAC/B;AACC,IAAA,qBAAqB,EAAE,CAACZ;AACzB,GACD,CAAC;AACD,EAAA,IAAMiB,eAAe,GAAGN,UAAU,CACjCC,6BAAM,CAAC,0BAA0B,CAAC,EAAAC,wCAAA,CAAA,EAAA,EAEhCD,6BAAM,CAAC,uBAAuB,CAAC,EAAGT,IAAI,GAAG,CAAC,IAAI,CAACT,aAAa,GAAAmB,wCAAA,CAAA,EAAA,EAG5DD,6BAAM,CAAC,+BAA+B,CAAC,EAAGlB,aAAa,CAE1D,CAAC;EACD,IAAMwB,aAAa,GAClBf,IAAI,GAAG,CAAC,IAAI,CAACT,aAAa,GACvB;IACA,oBAAoB,EAAA,EAAA,CAAAoB,MAAA,CAAKX,IAAI,EAAA,IAAA;GAC7B,GACAT,aAAa,GACZ;AACAyB,IAAAA,KAAK,EAAE;AACR,GAAC,GACA;IACAA,KAAK,EAAA,EAAA,CAAAL,MAAA,CAAKP,YAAY,EAAA,GAAA;GACtB;EACL,IAAMa,WAAW,GAChBjB,IAAI,GAAG,CAAC,IAAIT,aAAa,GAAG,SAAS,GAAA,EAAA,CAAAoB,MAAA,CAAMP,YAAY,aAAZA,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZA,YAAY,CAAEc,QAAQ,EAAE,EAAA,YAAA,CAAY;EAChF,IAAMC,UAAU,GACfnB,IAAI,GAAG,CAAC,IAAIT,aAAa,GACtB,EAAE,GACF;AACA,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,eAAe,EAAE,GAAG;AACpB,IAAA,gBAAgB,EAAA,EAAA,CAAAoB,MAAA,CAAKP,YAAY,EAAA,GAAA,CAAG;AACpC,IAAA,eAAe,EAAEA;GACjB;AAEJ,EAAA,oBACCgB,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,KAASrB,IAAI,EAAA;AAAEZ,IAAAA,SAAS,EAAEkB;AAAiB,GAAA,CAAA,eAC1Ca,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;AAAKjC,IAAAA,SAAS,EAAEuB,kBAAmB;AAAC,IAAA,YAAA,EAAYpB,IAAK;AAAC+B,IAAAA,IAAI,EAAC;AAAa,GAAA,EAAKJ,UAAU,CAAA,eACtFC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAEyB,eAAgB;AAACU,IAAAA,KAAK,EAAET;AAAc,GAAE,CACpD,CAAC,eACNK,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAEwB,kBAAmB;AAACU,IAAAA,IAAI,EAAC;AAAQ,GAAA,eAChDH,gBAAA,CAAAC,aAAA,CAACI,6BAAc,EAAA;AAACC,IAAAA,SAAS,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,OAAO;AAACC,IAAAA,KAAK,EAAC,GAAG;AAACC,IAAAA,IAAI,EAAC;AAAQ,GAAA,EACxE/B,IAAI,IAAImB,WACM,CACZ,CAAC,EACL9B,QACG,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlProgressBar.js","sources":["../../../../../src/components/loader/MrlProgressBar/MrlProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlTextHeading } from '../../';\nimport { ProgressBarComponent, progressBarDefaults } from '../constants';\n\nimport styles from './MrlProgressBar.module.scss';\nimport '../../../styles/shared/a11y-helpers/a11y.global.scss';\n\n/**\n * MrlProgressBar React component.\n *\n * @param props - component props\n * @returns a MrlProgressBar React component.\n */\nexport function MrlProgressBar({\n\tchildren,\n\tclassName = '',\n\tindeterminate = false,\n\tname,\n\tpercent = progressBarDefaults.percent,\n\tshowText = progressBarDefaults.showText,\n\ttext,\n\ttime = 0,\n\t...rest\n}: ProgressBarComponent): JSX.Element {\n\tconst roundPercent = percent ? Math.round(percent) : 0;\n\tconst containerClasses = classnames(\n\t\tstyles['MrlProgressBar-container'],\n\t\t'MrlProgressBar-container',\n\t\t{\n\t\t\t[`${className}-container`]: className !== ''\n\t\t}\n\t);\n\tconst progressBarClasses = classnames(styles['MrlProgressBar'], 'MrlProgressBar', className);\n\tconst textContainerClass = classnames(\n\t\tstyles['MrlProgressBar--textContainer'],\n\t\t'MrlProgressBar--textContainer',\n\t\t{\n\t\t\t'mrl-visually-hidden': !showText\n\t\t}\n\t);\n\tconst completeClasses = classnames(\n\t\tstyles['MrlProgressBar--complete'],\n\t\t{\n\t\t\t[styles['MrlProgressBar--timed']]: time > 0 && !indeterminate\n\t\t},\n\t\t{\n\t\t\t[styles['MrlProgressBar--indeterminate']]: indeterminate\n\t\t}\n\t);\n\tconst completeStyle =\n\t\ttime > 0 && !indeterminate\n\t\t\t? {\n\t\t\t\t\t'animation-duration': `${time}ms`\n\t\t\t\t}\n\t\t\t: indeterminate\n\t\t\t\t? {\n\t\t\t\t\t\twidth: '100%'\n\t\t\t\t\t}\n\t\t\t\t: {\n\t\t\t\t\t\twidth: `${roundPercent}%`\n\t\t\t\t\t};\n\tconst defaultText =\n\t\ttime > 0 || indeterminate ? 'Loading' : `${roundPercent?.toString()}% complete`;\n\tconst ariaValues =\n\t\ttime > 0 || indeterminate\n\t\t\t? {}\n\t\t\t: {\n\t\t\t\t\t'aria-valuemin': 0,\n\t\t\t\t\t'aria-valuemax': 100,\n\t\t\t\t\t'aria-valuetext': `${roundPercent}%`,\n\t\t\t\t\t'aria-valuenow': roundPercent\n\t\t\t\t};\n\n\treturn (\n\t\t<div {...rest} className={containerClasses}>\n\t\t\t<div className={progressBarClasses} aria-label={name} role=\"progressbar\" {...ariaValues}>\n\t\t\t\t<div className={completeClasses} style={completeStyle} />\n\t\t\t</div>\n\t\t\t<div className={textContainerClass} role=\"status\">\n\t\t\t\t<MrlTextHeading hierarchy=\"secondary\" kind=\"title\" level=\"2\" size=\"xsmall\">\n\t\t\t\t\t{text || defaultText}\n\t\t\t\t</MrlTextHeading>\n\t\t\t</div>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["MrlProgressBar","_ref","children","_ref$className","className","_ref$indeterminate","indeterminate","name","_ref$percent","percent","progressBarDefaults","_ref$showText","showText","text","_ref$time","time","rest","_objectWithoutProperties","_excluded","roundPercent","Math","round","containerClasses","classnames","styles","concat","progressBarClasses","textContainerClass","completeClasses","completeStyle","width","defaultText","toString","ariaValues","React","createElement","_extends","role","style","MrlTextHeading","hierarchy","kind","level","size"],"mappings":"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"}

package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var constants = require('../constants.js');
 var MrlSpinner_module = require('./MrlSpinner.module.scss.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className", "logo", "kind", "role", "size", "text"];
 
@@ -47,8 +51,16 @@ function MrlSpinner(_ref) {
     _ref$text = _ref.text,
     text = _ref$text === void 0 ? constants.spinnerDefaults.text : _ref$text,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var containerClasses = classnames(MrlSpinner_module.default['MrlSpinner-container'], 'MrlSpinner-container', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(className, "-container"), className !== ''), MrlSpinner_module.default["MrlSpinner-container--".concat(size)], size !== constants.spinnerDefaults.size), MrlSpinner_module.default["MrlSpinner-container--logo"], logo !== constants.spinnerDefaults.logo), 'MrlSpinner-container--logo', logo !== constants.spinnerDefaults.logo));
-  var spinnerClasses = classnames(MrlSpinner_module.default['MrlSpinner'], 'MrlSpinner', className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlSpinner_module.default["MrlSpinner--".concat(kind)], kind !== constants.spinnerDefaults.kind), MrlSpinner_module.default["MrlSpinner--".concat(size)], size !== constants.spinnerDefaults.size));
+  var containerClasses = classnames__default.default(MrlSpinner_module.default['MrlSpinner-container'], 'MrlSpinner-container', {
+    ["".concat(className, "-container")]: className !== '',
+    [MrlSpinner_module.default["MrlSpinner-container--".concat(size)]]: size !== constants.spinnerDefaults.size,
+    [MrlSpinner_module.default["MrlSpinner-container--logo"]]: logo !== constants.spinnerDefaults.logo,
+    ['MrlSpinner-container--logo']: logo !== constants.spinnerDefaults.logo
+  });
+  var spinnerClasses = classnames__default.default(MrlSpinner_module.default['MrlSpinner'], 'MrlSpinner', className, {
+    [MrlSpinner_module.default["MrlSpinner--".concat(kind)]]: kind !== constants.spinnerDefaults.kind,
+    [MrlSpinner_module.default["MrlSpinner--".concat(size)]]: size !== constants.spinnerDefaults.size
+  });
   return /*#__PURE__*/React__namespace.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
     className: containerClasses,
     role: role

package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSpinner.js","sources":["../../../../../src/components/loader/MrlSpinner/MrlSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { SpinnerComponent, spinnerDefaults } from '../constants';\n\nimport styles from './MrlSpinner.module.scss';\nimport '../../../styles/shared/a11y-helpers/a11y.global.scss';\n\n/**\n * MrlSpinner React component.\n *\n * @param props - component props\n * @returns a MrlSpinner React component.\n */\nexport function MrlSpinner({\n\tclassName = '',\n\tlogo = false,\n\tkind = spinnerDefaults.kind,\n\trole = spinnerDefaults.role,\n\tsize = spinnerDefaults.size,\n\ttext = spinnerDefaults.text,\n\t...rest\n}: SpinnerComponent): JSX.Element {\n\tconst containerClasses = classnames(styles['MrlSpinner-container'], 'MrlSpinner-container', {\n\t\t[`${className}-container`]: className !== '',\n\t\t[styles[`MrlSpinner-container--${size}`]]: size !== spinnerDefaults.size,\n\t\t[styles[`MrlSpinner-container--logo`]]: logo !== spinnerDefaults.logo,\n\t\t['MrlSpinner-container--logo']: logo !== spinnerDefaults.logo\n\t});\n\tconst spinnerClasses = classnames(styles['MrlSpinner'], 'MrlSpinner', className, {\n\t\t[styles[`MrlSpinner--${kind}`]]: kind !== spinnerDefaults.kind,\n\t\t[styles[`MrlSpinner--${size}`]]: size !== spinnerDefaults.size\n\t});\n\n\treturn (\n\t\t<span {...rest} className={containerClasses} role={role}>\n\t\t\t<span className={spinnerClasses} />\n\t\t\t{logo && (\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tviewBox=\"0 0 99 30\"\n\t\t\t\t\tdata-mrl-svg-name=\"brandWordmark\"\n\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\tclassName={styles.MrlSpinnerLogo}\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#00843F\"\n\t\t\t\t\t\td=\"M80.557 29.328c-5.36 0-9.722-4.577-9.722-10.194 0-5.617 4.361-10.194 9.722-10.194 5.36 0 9.721 4.577 9.721 10.194 0 5.617-4.374 10.194-9.721 10.194Zm.594-15.73c-2.836 0-5.131 2.484-5.131 5.522 0 3.052 2.309 5.523 5.13 5.523 2.823 0 5.132-2.484 5.132-5.523 0-3.038-2.31-5.522-5.131-5.522Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#000\" d=\"M35.836 9.21h-5.185v19.794h5.185V9.21Z\"></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#FF4B4B\"\n\t\t\t\t\t\td=\"M11.234 29.004V9.21A3.028 3.028 0 0 0 8.21 6.185 3.02 3.02 0 0 0 5.185 9.21H0c0-4.524 3.686-8.197 8.21-8.197 4.523 0 8.21 3.687 8.21 8.21v14.61h3.01V9.21c0-4.524 3.686-8.21 8.21-8.21 4.523 0 8.21 3.686 8.21 8.21h-5.186a3.028 3.028 0 0 0-3.024-3.025 3.028 3.028 0 0 0-3.025 3.025v19.794h-13.38Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#000\"\n\t\t\t\t\t\td=\"M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#5887FF\"\n\t\t\t\t\t\td=\"M46.908 29.328c-4.942 0-8.966-4.023-8.966-8.965h5.185c0 2.08 1.702 3.78 3.781 3.78 2.08 0 3.78-1.7 3.78-3.78h5.186c0 4.942-4.024 8.965-8.966 8.965Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#000\" d=\"M43.141 9.21h-5.185v11.166h5.185V9.21Z\"></path>\n\t\t\t\t\t<path fill=\"#FC83FF\" d=\"M98.772 1.324h-5.185V9.21h5.185V1.324Z\"></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#000\"\n\t\t\t\t\t\td=\"M91.467 9.21h-5.185v19.794h5.185V9.21Zm7.305 0h-5.185v19.794h5.185V9.21Zm-35.58 5.171h-5.185v14.61h5.185V14.38Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#FA0\" d=\"M70.767 9.21h-12.76v5.185h12.76V9.21Z\"></path>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t<span className=\"mrl-visually-hidden\">{text || spinnerDefaults.text}</span>\n\t\t</span>\n\t);\n}\n"],"names":["MrlSpinner","_ref","_ref$className","className","_ref$logo","logo","_ref$kind","kind","spinnerDefaults","_ref$role","role","_ref$size","size","_ref$text","text","rest","_objectWithoutProperties","_excluded","containerClasses","classnames","styles","_defineProperty","concat","spinnerClasses","React","createElement","_extends","xmlns","fill","viewBox","MrlSpinnerLogo","d"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CAAAC,IAAA,EAQQ;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAPjCE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,SAAA,GAAAH,IAAA,CACdI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,SAAA;IAAAE,SAAA,GAAAL,IAAA,CACZM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,yBAAe,CAACD,IAAI,GAAAD,SAAA;IAAAG,SAAA,GAAAR,IAAA,CAC3BS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGD,yBAAe,CAACE,IAAI,GAAAD,SAAA;IAAAE,SAAA,GAAAV,IAAA,CAC3BW,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGH,yBAAe,CAACI,IAAI,GAAAD,SAAA;IAAAE,SAAA,GAAAZ,IAAA,CAC3Ba,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGL,yBAAe,CAACM,IAAI,GAAAD,SAAA;AACxBE,IAAAA,IAAI,GAAAC,iDAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA;EAEP,IAAMC,gBAAgB,GAAGC,UAAU,CAACC,yBAAM,CAAC,sBAAsB,CAAC,EAAE,sBAAsB,EAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAAA,EAAA,CAAAC,MAAA,CACrFnB,SAAS,EAAA,YAAA,CAAA,EAAeA,SAAS,KAAK,EAAE,CAAA,EAC3CiB,yBAAM,0BAAAE,MAAA,CAA0BV,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAKJ,yBAAe,CAACI,IAAI,CAAA,EACvEQ,yBAAM,CAAA,4BAAA,CAA8B,EAAGf,IAAI,KAAKG,yBAAe,CAACH,IAAI,CAAA,EACpE,4BAA4B,EAAGA,IAAI,KAAKG,yBAAe,CAACH,IAAI,CAC7D,CAAC;AACF,EAAA,IAAMkB,cAAc,GAAGJ,UAAU,CAACC,yBAAM,CAAC,YAAY,CAAC,EAAE,YAAY,EAAEjB,SAAS,EAAAkB,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAC7ED,yBAAM,gBAAAE,MAAA,CAAgBf,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAKC,yBAAe,CAACD,IAAI,CAAA,EAC7Da,yBAAM,CAAA,cAAA,CAAAE,MAAA,CAAgBV,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAKJ,yBAAe,CAACI,IAAI,CAC9D,CAAC;AAEF,EAAA,oBACCY,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAAC,iCAAA,KAAUX,IAAI,EAAA;AAAEZ,IAAAA,SAAS,EAAEe,gBAAiB;AAACR,IAAAA,IAAI,EAAEA;GAAK,CAAA,eACvDc,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMtB,IAAAA,SAAS,EAAEoB;AAAe,GAAE,CAAC,EAClClB,IAAI,iBACJmB,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACCE,IAAAA,KAAK,EAAC,4BAA4B;AAClCC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnB,IAAA,mBAAA,EAAkB,eAAe;AACjCnB,IAAAA,IAAI,EAAC,cAAc;IACnBP,SAAS,EAAEiB,yBAAM,CAACU;GAAe,eAEjCN,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACCG,IAAAA,IAAI,EAAC,SAAS;AACdG,IAAAA,CAAC,EAAC;AAAiS,GAC7R,CAAC,eACRP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMG,IAAAA,IAAI,EAAC,MAAM;AAACG,IAAAA,CAAC,EAAC;AAAwC,GAAO,CAAC,eACpEP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACCG,IAAAA,IAAI,EAAC,SAAS;AACdG,IAAAA,CAAC,EAAC;AAAuS,GACnS,CAAC,eACRP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACCG,IAAAA,IAAI,EAAC,MAAM;AACXG,IAAAA,CAAC,EAAC;AAAqE,GACjE,CAAC,eACRP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACCG,IAAAA,IAAI,EAAC,SAAS;AACdG,IAAAA,CAAC,EAAC;AAAqJ,GACjJ,CAAC,eACRP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMG,IAAAA,IAAI,EAAC,MAAM;AAACG,IAAAA,CAAC,EAAC;AAAwC,GAAO,CAAC,eACpEP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMG,IAAAA,IAAI,EAAC,SAAS;AAACG,IAAAA,CAAC,EAAC;AAAwC,GAAO,CAAC,eACvEP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACCG,IAAAA,IAAI,EAAC,MAAM;AACXG,IAAAA,CAAC,EAAC;AAAiH,GAC7G,CAAC,eACRP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMG,IAAAA,IAAI,EAAC,MAAM;AAACG,IAAAA,CAAC,EAAC;AAAuC,GAAO,CAC9D,CACL,eACDP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMtB,IAAAA,SAAS,EAAC;AAAqB,GAAA,EAAEW,IAAI,IAAIN,yBAAe,CAACM,IAAW,CACrE,CAAC;AAET;;;;"}
+{"version":3,"file":"MrlSpinner.js","sources":["../../../../../src/components/loader/MrlSpinner/MrlSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { SpinnerComponent, spinnerDefaults } from '../constants';\n\nimport styles from './MrlSpinner.module.scss';\nimport '../../../styles/shared/a11y-helpers/a11y.global.scss';\n\n/**\n * MrlSpinner React component.\n *\n * @param props - component props\n * @returns a MrlSpinner React component.\n */\nexport function MrlSpinner({\n\tclassName = '',\n\tlogo = false,\n\tkind = spinnerDefaults.kind,\n\trole = spinnerDefaults.role,\n\tsize = spinnerDefaults.size,\n\ttext = spinnerDefaults.text,\n\t...rest\n}: SpinnerComponent): JSX.Element {\n\tconst containerClasses = classnames(styles['MrlSpinner-container'], 'MrlSpinner-container', {\n\t\t[`${className}-container`]: className !== '',\n\t\t[styles[`MrlSpinner-container--${size}`]]: size !== spinnerDefaults.size,\n\t\t[styles[`MrlSpinner-container--logo`]]: logo !== spinnerDefaults.logo,\n\t\t['MrlSpinner-container--logo']: logo !== spinnerDefaults.logo\n\t});\n\tconst spinnerClasses = classnames(styles['MrlSpinner'], 'MrlSpinner', className, {\n\t\t[styles[`MrlSpinner--${kind}`]]: kind !== spinnerDefaults.kind,\n\t\t[styles[`MrlSpinner--${size}`]]: size !== spinnerDefaults.size\n\t});\n\n\treturn (\n\t\t<span {...rest} className={containerClasses} role={role}>\n\t\t\t<span className={spinnerClasses} />\n\t\t\t{logo && (\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tviewBox=\"0 0 99 30\"\n\t\t\t\t\tdata-mrl-svg-name=\"brandWordmark\"\n\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\tclassName={styles.MrlSpinnerLogo}\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#00843F\"\n\t\t\t\t\t\td=\"M80.557 29.328c-5.36 0-9.722-4.577-9.722-10.194 0-5.617 4.361-10.194 9.722-10.194 5.36 0 9.721 4.577 9.721 10.194 0 5.617-4.374 10.194-9.721 10.194Zm.594-15.73c-2.836 0-5.131 2.484-5.131 5.522 0 3.052 2.309 5.523 5.13 5.523 2.823 0 5.132-2.484 5.132-5.523 0-3.038-2.31-5.522-5.131-5.522Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#000\" d=\"M35.836 9.21h-5.185v19.794h5.185V9.21Z\"></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#FF4B4B\"\n\t\t\t\t\t\td=\"M11.234 29.004V9.21A3.028 3.028 0 0 0 8.21 6.185 3.02 3.02 0 0 0 5.185 9.21H0c0-4.524 3.686-8.197 8.21-8.197 4.523 0 8.21 3.687 8.21 8.21v14.61h3.01V9.21c0-4.524 3.686-8.21 8.21-8.21 4.523 0 8.21 3.686 8.21 8.21h-5.186a3.028 3.028 0 0 0-3.024-3.025 3.028 3.028 0 0 0-3.025 3.025v19.794h-13.38Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#000\"\n\t\t\t\t\t\td=\"M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#5887FF\"\n\t\t\t\t\t\td=\"M46.908 29.328c-4.942 0-8.966-4.023-8.966-8.965h5.185c0 2.08 1.702 3.78 3.781 3.78 2.08 0 3.78-1.7 3.78-3.78h5.186c0 4.942-4.024 8.965-8.966 8.965Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#000\" d=\"M43.141 9.21h-5.185v11.166h5.185V9.21Z\"></path>\n\t\t\t\t\t<path fill=\"#FC83FF\" d=\"M98.772 1.324h-5.185V9.21h5.185V1.324Z\"></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#000\"\n\t\t\t\t\t\td=\"M91.467 9.21h-5.185v19.794h5.185V9.21Zm7.305 0h-5.185v19.794h5.185V9.21Zm-35.58 5.171h-5.185v14.61h5.185V14.38Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#FA0\" d=\"M70.767 9.21h-12.76v5.185h12.76V9.21Z\"></path>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t<span className=\"mrl-visually-hidden\">{text || spinnerDefaults.text}</span>\n\t\t</span>\n\t);\n}\n"],"names":["MrlSpinner","_ref","_ref$className","className","_ref$logo","logo","_ref$kind","kind","spinnerDefaults","_ref$role","role","_ref$size","size","_ref$text","text","rest","_objectWithoutProperties","_excluded","containerClasses","classnames","styles","concat","spinnerClasses","React","createElement","_extends","xmlns","fill","viewBox","MrlSpinnerLogo","d"],"mappings":"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"}

package/dist/cjs/components/menu/MrlMenu/MrlMenu.js

@@ -19,7 +19,10 @@ var preventDefault = require('../../../utils/preventDefault/preventDefault.js');
 var findAdjacentInteractiveElement = require('../../../utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.js');
 var MrlPortal = require('../../portal/MrlPortal.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -36,7 +39,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["actionState", "alignment", "children", "closeOnScroll", "closeParent", "customPosition", "clickOutsideEvent", "disableArrowOpen", "disableFlipping", "id", "isInternal", "isSubMenu", "spacing", "menuOffset", "portalProps", "position", "triggerStopPropagation", "onClose", "triggerRef"];
 var MENU_ITEM_SELECTOR = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]';
@@ -109,7 +113,7 @@ function MrlMenu(_ref) {
    * Checks if the trigger element is disabled
    * @returns {boolean} - true if the trigger element is disabled, false otherwise
    */
-  var isTriggerDisabled = React__namespace.useCallback(function () {
+  var isTriggerDisabled = React__namespace.useCallback(() => {
     return isElementAriaDisabled.isElementAriaDisabled(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current);
   }, [triggerRef]);
 
@@ -117,37 +121,33 @@ function MrlMenu(_ref) {
    * Sets up trigger event listeners to open and close the menu
    * @param e - mouse event
    */
-  var toggleMenuTrigger = React__namespace.useCallback(function (e) {
+  var toggleMenuTrigger = React__namespace.useCallback(e => {
     if (isTriggerDisabled()) return;
     if (triggerStopPropagation) {
       preventDefault.preventDefault(e);
     }
-    setState(function (prevState) {
-      return {
-        actionType: 'click',
-        isOpen: !prevState.isOpen
-      };
-    });
+    setState(prevState => ({
+      actionType: 'click',
+      isOpen: !prevState.isOpen
+    }));
   }, [triggerStopPropagation, isTriggerDisabled]);
 
   /**
    * Used to display the menu when hovering over a menu item that has a submenu
    */
-  var showMenuHover = React__namespace.useCallback(function () {
+  var showMenuHover = React__namespace.useCallback(() => {
     setState({
       actionType: 'click',
       isOpen: true
     });
   }, []);
-  var showMenuTap = React__namespace.useCallback(function () {
-    setState(function (prevState) {
-      return {
-        actionType: 'click',
-        isOpen: !prevState.isOpen
-      };
-    });
+  var showMenuTap = React__namespace.useCallback(() => {
+    setState(prevState => ({
+      actionType: 'click',
+      isOpen: !prevState.isOpen
+    }));
   }, []);
-  var hideMenuHover = React__namespace.useCallback(function (event) {
+  var hideMenuHover = React__namespace.useCallback(event => {
     var relatedTarget = event.relatedTarget;
 
     // If the related target is not a child of the menu, close the menu
@@ -163,8 +163,8 @@ function MrlMenu(_ref) {
   /**
    * Sets up trigger event listeners to open and close the menu with a keyboard
    */
-  var toggleMenuKey = React__namespace.useCallback(function (e) {
-    var openMenu = function openMenu() {
+  var toggleMenuKey = React__namespace.useCallback(e => {
+    var openMenu = () => {
       if (isTriggerDisabled()) return;
       setState({
         actionType: e.key,
@@ -224,7 +224,7 @@ function MrlMenu(_ref) {
    */
   var disableClickOutside = !state.isOpen || position === 'static';
   index$1.useClickOutside(menuRef, triggerRef, clickOutsideEvent, closeMenu, disableClickOutside);
-  var handleMenuKeyUp = function handleMenuKeyUp(e) {
+  var handleMenuKeyUp = e => {
     var actions = ['ArrowUp', 'ArrowDown', 'ArrowRight', 'Enter', 'Escape', ' '];
     if (actions.includes(e.key)) {
       preventDefault.preventDefault(e);
@@ -235,11 +235,9 @@ function MrlMenu(_ref) {
    * Focus management when someone is using a keyboard to navigate the menu
    * @param e - keyboard event
    */
-  var handleMenuKey = function handleMenuKey(e) {
+  var handleMenuKey = e => {
     var _menuItems$nextIndex, _menuItems$nextIndex2, _triggerRef$current;
-    var currentIndex = menuItems.findIndex(function (item) {
-      return document.activeElement === item;
-    });
+    var currentIndex = menuItems.findIndex(item => document.activeElement === item);
     var nextIndex;
     if (state.isOpen) {
       switch (e.key) {
@@ -290,13 +288,13 @@ function MrlMenu(_ref) {
    * useEffect hooks to handle menu state changes
    */
 
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     if (triggerRef !== null && triggerRef !== void 0 && triggerRef.current) {
       triggerRef.current.setAttribute('aria-haspopup', 'menu');
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     if (position === 'static') {
       setState({
         actionType: 'click',
@@ -304,12 +302,12 @@ function MrlMenu(_ref) {
       });
     }
   }, [position]);
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     var _triggerRef$current2;
     triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.setAttribute('aria-expanded', state.isOpen.toString());
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.isOpen]);
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     if (!isSubMenu && position !== 'static') setState({
       actionType: actionState.actionType,
       isOpen: actionState.isOpen
@@ -317,7 +315,7 @@ function MrlMenu(_ref) {
   }, [actionState.isOpen, actionState.actionType, isSubMenu, position]);
 
   // setup event handlers for mouse, keyboard, and scroll interactions
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     var triggerElement = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
     var menuElement = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
     var menuItems = menuElement === null || menuElement === void 0 ? void 0 : menuElement.querySelectorAll(MENU_ITEM_SELECTOR);
@@ -342,24 +340,20 @@ function MrlMenu(_ref) {
       if (closeOnScroll) {
         scrollableParent = getScrollableParent.getScrollableParent(triggerElement);
         if (scrollableParent) {
-          scrollableParent.addEventListener('scroll', function () {
-            return closeMenu();
-          }, {
+          scrollableParent.addEventListener('scroll', () => closeMenu(), {
             capture: true,
             passive: true
           });
         }
       }
-      return function () {
+      return () => {
         triggerElement.removeEventListener('mousedown', preventDefault.preventDefault);
         if (!isSubMenu) triggerElement.removeEventListener('click', toggleMenuTrigger);
         triggerElement.removeEventListener('keydown', toggleMenuKey);
         if (menuItems) {
-          menuItems.forEach(function (item) {
+          menuItems.forEach(item => {
             if (!item.getAttribute('aria-haspopup')) {
-              item.removeEventListener('mousedown', function () {
-                return closeMenu();
-              });
+              item.removeEventListener('mousedown', () => closeMenu());
             }
           });
         }
@@ -375,9 +369,7 @@ function MrlMenu(_ref) {
           }
         }
         if (closeOnScroll && scrollableParent) {
-          scrollableParent.removeEventListener('scroll', function () {
-            return closeMenu();
-          });
+          scrollableParent.removeEventListener('scroll', () => closeMenu());
         }
       };
     }
@@ -387,7 +379,7 @@ function MrlMenu(_ref) {
   // - making sure that the menu component is aware of it's menu items
   // - adding a class to the trigger element when the submenu is open for styling
   // - storing the menu rect in state for positioning calculations
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     if (state.isOpen) {
       var _menuRef$current;
       var foundMenuItems = Array.from(((_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.querySelectorAll(MENU_ITEM_SELECTOR)) || []);
@@ -416,7 +408,7 @@ function MrlMenu(_ref) {
   /**
    * Focus management for when the menu is opening or closing
    */
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     var _menuItemToFocus, _menuItemToFocus2;
     if (menuItems.length > 0) {
       var menuItemToFocus;
@@ -434,7 +426,7 @@ function MrlMenu(_ref) {
           // Scroll to the bottom of the menu when the last item is focused
           // setTimeout is required to ensure the element has been rendered
           // and the scrollHeight is accurate prior to scrolling
-          setTimeout(function () {
+          setTimeout(() => {
             if (listRef.current) {
               listRef.current.scrollTo(0, listRef.current.scrollHeight);
             }
@@ -526,27 +518,33 @@ function MrlMenu(_ref) {
     }
   };
   var transitions = web.useTransition(state.isOpen, position === 'static' ? transitionStatic : transitionConfig);
-  var menuClasses = classnames(MrlMenu_module.default['MrlMenu'], 'MrlMenu', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlMenu_module.default['MrlMenu--submenu'], isSubMenu), MrlMenu_module.default.open, state.isOpen), MrlMenu_module.default['MrlMenu--compact'], spacing === 'compact'), MrlMenu_module.default['MrlMenu--static'], position === 'static'), MrlMenu_module.default['MrlMenu--internal'], isInternal), MrlMenu_module.default['MrlMenu--scrolling'], menuScroll.isScrolling), MrlMenu_module.default['MrlMenu--ignore'], position === 'ignore'));
+  var menuClasses = classnames__default.default(MrlMenu_module.default['MrlMenu'], 'MrlMenu', {
+    [MrlMenu_module.default['MrlMenu--submenu']]: isSubMenu,
+    [MrlMenu_module.default.open]: state.isOpen,
+    [MrlMenu_module.default['MrlMenu--compact']]: spacing === 'compact',
+    [MrlMenu_module.default['MrlMenu--static']]: position === 'static',
+    [MrlMenu_module.default['MrlMenu--internal']]: isInternal,
+    [MrlMenu_module.default['MrlMenu--scrolling']]: menuScroll.isScrolling,
+    [MrlMenu_module.default['MrlMenu--ignore']]: position === 'ignore'
+  });
   var positionStyles = isSubMenu ? inlineStyles.submenu : position !== 'static' ? inlineStyles.menu : {};
   var menuScrollStyles = menuScroll.maxHeight !== undefined && {
     maxHeight: menuScroll.maxHeight
   } || undefined;
-  var renderMenu = function renderMenu() {
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, transitions(function (style, item) {
-      return item && /*#__PURE__*/React__namespace.createElement(web.animated.div, _rollupPluginBabelHelpers.extends({
-        className: menuClasses,
-        id: id,
-        style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, positionStyles), style),
-        onKeyUp: handleMenuKeyUp,
-        onKeyDown: handleMenuKey,
-        ref: menuRef,
-        role: "none"
-      }, remainingProps), /*#__PURE__*/React__namespace.createElement("ul", {
-        ref: listRef,
-        role: "menu",
-        style: menuScrollStyles
-      }, children));
-    }));
+  var renderMenu = () => {
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, transitions((style, item) => item && /*#__PURE__*/React__namespace.createElement(web.animated.div, _rollupPluginBabelHelpers.extends({
+      className: menuClasses,
+      id: id,
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, positionStyles), style),
+      onKeyUp: handleMenuKeyUp,
+      onKeyDown: handleMenuKey,
+      ref: menuRef,
+      role: "none"
+    }, remainingProps), /*#__PURE__*/React__namespace.createElement("ul", {
+      ref: listRef,
+      role: "menu",
+      style: menuScrollStyles
+    }, children))));
   };
 
   // For managing and restoring focus to the original menu trigger
@@ -555,7 +553,7 @@ function MrlMenu(_ref) {
   var contextTriggerRef = isSubMenu ? parentContext === null || parentContext === void 0 ? void 0 : parentContext.triggerRef : triggerRef;
   return /*#__PURE__*/React__namespace.createElement(MrlMenuContext.MrlMenuContext.Provider, {
     value: {
-      closeMenu: closeMenu,
+      closeMenu,
       closeParent: !isSubMenu ? closeMenu : undefined,
       triggerRef: contextTriggerRef
     }