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

package/dist/esm/components/button/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/components/button/helpers.ts"],"sourcesContent":["import { MrlButtonState, ToggleStyle } from './MrlButton';\nimport { MrlButtonKind, MrlGhostIconButtonSize, allowedButtonValues } from './constants';\nimport { SpinnerComponent, SpinnerSize, SpinnerStyle } from '../loader/constants';\n\n/**\n * Determines what loader should be displayed in which types of buttons.\n *\n * @private\n * @param {MrlButtonKind} [buttonKind] - the kind of the current button.\n * @param {MrlGhostIconButtonSize} [buttonSize] - the size of the current button.\n * @returns {SpinnerComponent} - an MrlSpinner element themed to the button.\n */\nexport const _spinnerProps = (\n\tbuttonKind: MrlButtonKind,\n\tbuttonSize: MrlGhostIconButtonSize\n): SpinnerComponent => {\n\t/** Set the Spinner kind */\n\tconst spinnerStyle: SpinnerStyle =\n\t\tbuttonKind === 'primary' || buttonKind === 'ghost-inverse' ? 'inverse' : 'default';\n\t/** Set the Spinner size */\n\tconst spinnerSize: SpinnerSize =\n\t\tbuttonSize === 'large' || buttonSize === 'medium'\n\t\t\t? 'medium'\n\t\t\t: buttonSize === 'xsmall'\n\t\t\t\t? 'xsmall'\n\t\t\t\t: 'small';\n\n\treturn {\n\t\tkind: spinnerStyle,\n\t\tsize: spinnerSize\n\t};\n};\n\n/**\n * Determines if the button is disabled since multiple states represent disabled\n *\n * @private\n * @param {MrlButtonState} [currentState] - the value of this.state from the component.\n * @param {boolean} [isLoading] - if the button is loading\n * @param {MrlButtonState} [enforcedState] - optionally pass in a state to check against.\n * \t\tThis is used for @Watch statements where this.state is not consistent.\n * @returns {boolean} - if the button is disabled\n */\nexport const _isDisabled = (\n\tcurrentState: MrlButtonState,\n\tisLoading: boolean,\n\tenforcedState?: MrlButtonState\n): boolean => {\n\tconst value = enforcedState || currentState;\n\t// We treat Skeleton as disabled so users can't interact with it\n\t// Note: this may need to be re-evaluated a bit when we allow screen reader and\n\t// keyboard users access to disabled buttons as we would still not want them to\n\t// access hydrated skeletons.\n\treturn isLoading || value === 'disabled' || value === 'selected-disabled' || value === 'skeleton'\n\t\t? true\n\t\t: false;\n};\n\n/**\n * Determines if the button is selected since multiple states represent selected\n *\n * @private\n * @param {MrlButtonState} [currentState] - the value of this.state from the component.\n * @param {MrlButtonState} [enforcedState] - optionally pass in a state to check against.\n * \t\tThis is used for @Watch statements where this.state is not consistent.\n * @returns {boolean} - if the button is disabled\n */\nexport const _isSelected = (\n\tcurrentState: MrlButtonState,\n\tenforcedState?: MrlButtonState\n): boolean => {\n\tconst value = enforcedState || currentState;\n\treturn value === 'selected' || value === 'selected-disabled' ? true : false;\n};\n\n/**\n * MrlIconButton and MrlAnimatedIconButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'\n *\n * @param {ToggleStyle} toggleStyle type of toggle\n * @returns {boolean} returns boolean if it's togglable\n */\nexport const _isToggleButton = (toggleStyle: ToggleStyle): boolean =>\n\ttoggleStyle && allowedButtonValues.toggleStyles.includes(toggleStyle);\n"],"names":["_spinnerProps","buttonKind","buttonSize","spinnerStyle","spinnerSize","kind","size","_isDisabled","currentState","isLoading","enforcedState","value","_isSelected","_isToggleButton","toggleStyle","allowedButtonValues","toggleStyles","includes"],"mappings":";;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CACzBC,UAAyB,EACzBC,UAAkC,EACZ;AACtB;AACA,EAAA,IAAMC,YAA0B,GAC/BF,UAAU,KAAK,SAAS,IAAIA,UAAU,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS;AACnF;AACA,EAAA,IAAMG,WAAwB,GAC7BF,UAAU,KAAK,OAAO,IAAIA,UAAU,KAAK,QAAQ,GAC9C,QAAQ,GACRA,UAAU,KAAK,QAAQ,GACtB,QAAQ,GACR,OAAO;EAEZ,OAAO;AACNG,IAAAA,IAAI,EAAEF,YAAY;AAClBG,IAAAA,IAAI,EAAEF;GACN;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CACvBC,YAA4B,EAC5BC,SAAkB,EAClBC,aAA8B,EACjB;AACb,EAAA,IAAMC,KAAK,GAAGD,aAAa,IAAIF,YAAY;AAC3C;AACA;AACA;AACA;AACA,EAAA,OAAOC,SAAS,IAAIE,KAAK,KAAK,UAAU,IAAIA,KAAK,KAAK,mBAAmB,IAAIA,KAAK,KAAK,UAAU,GAC9F,IAAI,GACJ,KAAK;AACT;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CACvBJ,YAA4B,EAC5BE,aAA8B,EACjB;AACb,EAAA,IAAMC,KAAK,GAAGD,aAAa,IAAIF,YAAY;EAC3C,OAAOG,KAAK,KAAK,UAAU,IAAIA,KAAK,KAAK,mBAAmB,GAAG,IAAI,GAAG,KAAK;AAC5E;;AAEA;AACA;AACA;AACA;AACA;AACA;IACaE,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,WAAwB,EAAA;EAAA,OACvDA,WAAW,IAAIC,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACH,WAAW,CAAC;AAAA;;;;"}

package/dist/esm/components/callout/MrlCallout/MrlCallout.js

@@ -0,0 +1,149 @@
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import { useRef } from 'react';
+import styles from './MrlCallout.module.scss.js';
+import { PORTAL_LAYERS } from '../../../utils/layers/index.js';
+import { getUniqueId } from '../../../utils/setAttributes/setAttributes.js';
+import { MrlPopover } from '../../popover/MrlPopover/MrlPopover.js';
+import { MrlText } from '../../text/MrlText/MrlText.js';
+import { MrlTextHeading } from '../../text/MrlTextHeading/MrlTextHeading.js';
+import { MrlButton } from '../../button/MrlButton/MrlButton.js';
+
+var _excluded = ["ariaControls", "alignment", "children", "description", "disableClickOutside", "disableFocusTrap", "eyebrow", "hasCloseButton", "image", "kind", "onOpen", "onClose", "point", "position", "primaryCta", "secondaryCta", "show", "spacing", "title"];
+/**
+ * MrlCallout component.
+ *
+ * @param props - The props.
+ * @returns {React.ReactElement} The MrlCallout component.
+ */
+var MrlCallout = function MrlCallout(props) {
+  // In some cases when `show` is false, the content is also null or empty.
+  // At the same time callout shows fade-out animation and do not disappear immediately.
+  // Saving last visible content to show it while animating on close.
+  var savedContent = useRef();
+  if (props.show) {
+    savedContent.current = {
+      alignment: props.alignment,
+      description: props.description,
+      eyebrow: props.eyebrow,
+      image: props.image,
+      kind: props.kind,
+      title: props.title
+    };
+  }
+  var _ref = props.show ? props : _objectSpread2(_objectSpread2({}, props), savedContent.current),
+    ariaControls = _ref.ariaControls,
+    _ref$alignment = _ref.alignment,
+    alignment = _ref$alignment === void 0 ? 'center' : _ref$alignment,
+    children = _ref.children,
+    description = _ref.description,
+    _ref$disableClickOuts = _ref.disableClickOutside,
+    disableClickOutside = _ref$disableClickOuts === void 0 ? true : _ref$disableClickOuts,
+    _ref$disableFocusTrap = _ref.disableFocusTrap,
+    disableFocusTrap = _ref$disableFocusTrap === void 0 ? true : _ref$disableFocusTrap,
+    eyebrow = _ref.eyebrow,
+    _ref$hasCloseButton = _ref.hasCloseButton,
+    hasCloseButton = _ref$hasCloseButton === void 0 ? true : _ref$hasCloseButton,
+    image = _ref.image,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? 'primary' : _ref$kind,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose,
+    _ref$point = _ref.point,
+    point = _ref$point === void 0 ? true : _ref$point,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottom' : _ref$position,
+    primaryCta = _ref.primaryCta,
+    secondaryCta = _ref.secondaryCta,
+    _ref$show = _ref.show,
+    show = _ref$show === void 0 ? true : _ref$show,
+    spacing = _ref.spacing,
+    title = _ref.title,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (/*#__PURE__*/React.isValidElement(children) && children.type === React.Fragment) {
+    throw new Error('MrlCallout accepts a single child and does not accept a React.Fragment as a child.');
+  }
+  var calloutId = React.useMemo(function () {
+    return getUniqueId('callout-append');
+  }, []);
+  var triggerRef = React.useRef(null);
+  var childElement = React.useMemo(function () {
+    return React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.cloneElement(child, _objectSpread2(_objectSpread2(_objectSpread2({}, child.props), child.type !== 'button' && {
+        role: 'button'
+      }), {}, {
+        'aria-controls': ariaControls,
+        'aria-expanded': show,
+        id: calloutId
+      }));
+    });
+  }, [calloutId, children, show, ariaControls]);
+
+  // Setting trigger ref to the element with the calloutId (set above in the childElement useMemo)
+  //
+  // We are using querySelector to set the triggerRef instead of assigning a ref directly in childElement because
+  // a child element may already have a ref assigned to it and we don't want to override it.
+  React.useEffect(function () {
+    triggerRef.current = document.querySelector("#".concat(calloutId));
+  }, [calloutId]);
+  var popoverKind = kind === 'primary' ? 'inverse' : 'primary';
+  var primaryCtaKind = kind === 'primary' ? 'inverse' : 'secondary';
+  var secondaryCtaKind = kind === 'primary' ? 'ghost-inverse' : 'ghost';
+  return /*#__PURE__*/React.createElement(React.Fragment, null, childElement, triggerRef && /*#__PURE__*/React.createElement(MrlPopover, _extends({
+    actionState: {
+      actionType: 'click',
+      isOpen: show
+    },
+    alignment: alignment,
+    className: styles['MrlCallout'],
+    disableClickToOpen: true,
+    disableClickOutside: disableClickOutside,
+    disableFocusTrap: disableFocusTrap,
+    hasCloseButton: hasCloseButton,
+    kind: popoverKind,
+    onClose: onClose,
+    onOpen: onOpen,
+    point: point,
+    portalProps: {
+      id: PORTAL_LAYERS.CALLOUT.name,
+      layer: PORTAL_LAYERS.CALLOUT
+    },
+    position: position,
+    spacing: spacing,
+    triggerRef: triggerRef
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: styles['MrlCallout--content']
+  }, eyebrow && /*#__PURE__*/React.createElement(MrlText, {
+    attrs: {
+      className: styles['MrlCallout--eyebrow']
+    },
+    text: eyebrow
+  }), title && /*#__PURE__*/React.createElement(MrlTextHeading, {
+    className: styles['MrlCallout--title'],
+    level: "2",
+    text: title
+  }), description && /*#__PURE__*/React.createElement("div", {
+    className: styles['MrlCallout--description']
+  }, typeof description === 'string' ? /*#__PURE__*/React.createElement(MrlText, {
+    text: description
+  }) : description), image && /*#__PURE__*/React.createElement("div", {
+    className: styles['MrlCallout--image']
+  }, image), (primaryCta || secondaryCta) && /*#__PURE__*/React.createElement("div", {
+    className: styles['MrlCallout--footer']
+  }, secondaryCta && /*#__PURE__*/React.createElement(MrlButton, {
+    "data-qa": secondaryCta.dataQa,
+    kind: secondaryCtaKind,
+    onClick: secondaryCta.onClick,
+    text: secondaryCta.text,
+    size: "small"
+  }), primaryCta && /*#__PURE__*/React.createElement(MrlButton, {
+    "data-qa": primaryCta.dataQa,
+    kind: primaryCtaKind,
+    onClick: primaryCta.onClick,
+    text: primaryCta.text,
+    size: "small"
+  })))));
+};
+
+export { MrlCallout };
+//# sourceMappingURL=MrlCallout.js.map

package/dist/esm/components/callout/MrlCallout/MrlCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCallout.js","sources":["../../../../../src/components/callout/MrlCallout/MrlCallout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlPopover, MrlPopoverProps } from '../../popover';\nimport { MrlText, MrlTextHeading } from '../../text';\nimport styles from './MrlCallout.module.scss';\nimport { MrlButton } from '../../button';\nimport { getUniqueId } from '../../../utils';\nimport { PORTAL_LAYERS } from '../../../utils/layers';\nimport { useRef } from 'react';\n\nexport type MrlCalloutPopoverProps = Omit<\n\tMrlPopoverProps,\n\t'children' | 'actionState' | 'isSubMenu' | 'triggerRef' | 'kind'\n>;\n\ninterface MrlCalloutCTA {\n\tonClick: () => void;\n\tdataQa?: string;\n\ttext: string;\n}\n\nexport type CalloutKind = 'primary' | 'secondary';\n\nexport interface MrlCalloutProps extends MrlCalloutPopoverProps {\n\t/** a unique id that binds the callout content and the trigger for assistive technologies */\n\tariaControls?: string;\n\tautoFocus?: boolean;\n\tchildren: React.ReactElement;\n\tdisableClickOutside?: boolean;\n\tdescription?: string | JSX.Element;\n\teyebrow?: string;\n\tid?: string;\n\timage?: JSX.Element;\n\tkind?: CalloutKind;\n\trenderWithPortal?: boolean;\n\tshow: boolean;\n\ttitle?: string;\n\tprimaryCta?: MrlCalloutCTA;\n\tsecondaryCta?: MrlCalloutCTA;\n}\n\ntype MrlCalloutContent = Pick<\n\tMrlCalloutProps,\n\t'alignment' | 'description' | 'eyebrow' | 'image' | 'kind' | 'title'\n>;\n\n/**\n * MrlCallout component.\n *\n * @param props - The props.\n * @returns {React.ReactElement} The MrlCallout component.\n */\nexport const MrlCallout = (props: MrlCalloutProps): React.ReactElement => {\n\t// In some cases when `show` is false, the content is also null or empty.\n\t// At the same time callout shows fade-out animation and do not disappear immediately.\n\t// Saving last visible content to show it while animating on close.\n\tconst savedContent = useRef<MrlCalloutContent>();\n\tif (props.show) {\n\t\tsavedContent.current = {\n\t\t\talignment: props.alignment,\n\t\t\tdescription: props.description,\n\t\t\teyebrow: props.eyebrow,\n\t\t\timage: props.image,\n\t\t\tkind: props.kind,\n\t\t\ttitle: props.title\n\t\t};\n\t}\n\n\tconst {\n\t\tariaControls,\n\t\talignment = 'center',\n\t\tchildren,\n\t\tdescription,\n\t\tdisableClickOutside = true,\n\t\tdisableFocusTrap = true,\n\t\teyebrow,\n\t\thasCloseButton = true,\n\t\timage,\n\t\tkind = 'primary',\n\t\tonOpen,\n\t\tonClose,\n\t\tpoint = true,\n\t\tposition = 'bottom',\n\t\tprimaryCta,\n\t\tsecondaryCta,\n\t\tshow = true,\n\t\tspacing,\n\t\ttitle,\n\t\t...rest\n\t} = props.show ? props : { ...props, ...savedContent.current };\n\n\tif (React.isValidElement(children) && children.type === React.Fragment) {\n\t\tthrow new Error(\n\t\t\t'MrlCallout accepts a single child and does not accept a React.Fragment as a child.'\n\t\t);\n\t}\n\n\tconst calloutId = React.useMemo(() => getUniqueId('callout-append'), []);\n\tconst triggerRef = React.useRef<HTMLElement | null>(null);\n\n\tconst childElement = React.useMemo(() => {\n\t\treturn React.Children.map(children, (child) => {\n\t\t\treturn React.cloneElement(child, {\n\t\t\t\t...child.props,\n\t\t\t\t/** if the callout is tied to an interactive element we need to ensure that it has role=\"button\" */\n\t\t\t\t...(child.type !== 'button' && { role: 'button' }),\n\t\t\t\t'aria-controls': ariaControls,\n\t\t\t\t'aria-expanded': show,\n\t\t\t\tid: calloutId\n\t\t\t});\n\t\t});\n\t}, [calloutId, children, show, ariaControls]);\n\n\t// Setting trigger ref to the element with the calloutId (set above in the childElement useMemo)\n\t//\n\t// We are using querySelector to set the triggerRef instead of assigning a ref directly in childElement because\n\t// a child element may already have a ref assigned to it and we don't want to override it.\n\tReact.useEffect(() => {\n\t\ttriggerRef.current = document.querySelector(`#${calloutId}`) as HTMLElement;\n\t}, [calloutId]);\n\n\tconst popoverKind = kind === 'primary' ? 'inverse' : 'primary';\n\tconst primaryCtaKind = kind === 'primary' ? 'inverse' : 'secondary';\n\tconst secondaryCtaKind = kind === 'primary' ? 'ghost-inverse' : 'ghost';\n\n\treturn (\n\t\t<>\n\t\t\t{childElement}\n\t\t\t{triggerRef && (\n\t\t\t\t<MrlPopover\n\t\t\t\t\tactionState={{ actionType: 'click', isOpen: show }}\n\t\t\t\t\talignment={alignment}\n\t\t\t\t\tclassName={styles['MrlCallout']}\n\t\t\t\t\tdisableClickToOpen\n\t\t\t\t\tdisableClickOutside={disableClickOutside}\n\t\t\t\t\tdisableFocusTrap={disableFocusTrap}\n\t\t\t\t\thasCloseButton={hasCloseButton}\n\t\t\t\t\tkind={popoverKind}\n\t\t\t\t\tonClose={onClose}\n\t\t\t\t\tonOpen={onOpen}\n\t\t\t\t\tpoint={point}\n\t\t\t\t\tportalProps={{\n\t\t\t\t\t\tid: PORTAL_LAYERS.CALLOUT.name,\n\t\t\t\t\t\tlayer: PORTAL_LAYERS.CALLOUT\n\t\t\t\t\t}}\n\t\t\t\t\tposition={position}\n\t\t\t\t\tspacing={spacing}\n\t\t\t\t\ttriggerRef={triggerRef}\n\t\t\t\t\t{...rest}\n\t\t\t\t>\n\t\t\t\t\t<div className={styles['MrlCallout--content']}>\n\t\t\t\t\t\t{eyebrow && (\n\t\t\t\t\t\t\t<MrlText attrs={{ className: styles['MrlCallout--eyebrow'] }} text={eyebrow} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t<MrlTextHeading className={styles['MrlCallout--title']} level=\"2\" text={title} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{description && (\n\t\t\t\t\t\t\t<div className={styles['MrlCallout--description']}>\n\t\t\t\t\t\t\t\t{typeof description === 'string' ? <MrlText text={description} /> : description}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{image && <div className={styles['MrlCallout--image']}>{image}</div>}\n\t\t\t\t\t\t{(primaryCta || secondaryCta) && (\n\t\t\t\t\t\t\t<div className={styles['MrlCallout--footer']}>\n\t\t\t\t\t\t\t\t{secondaryCta && (\n\t\t\t\t\t\t\t\t\t<MrlButton\n\t\t\t\t\t\t\t\t\t\tdata-qa={secondaryCta.dataQa}\n\t\t\t\t\t\t\t\t\t\tkind={secondaryCtaKind}\n\t\t\t\t\t\t\t\t\t\tonClick={secondaryCta.onClick}\n\t\t\t\t\t\t\t\t\t\ttext={secondaryCta.text}\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{primaryCta && (\n\t\t\t\t\t\t\t\t\t<MrlButton\n\t\t\t\t\t\t\t\t\t\tdata-qa={primaryCta.dataQa}\n\t\t\t\t\t\t\t\t\t\tkind={primaryCtaKind}\n\t\t\t\t\t\t\t\t\t\tonClick={primaryCta.onClick}\n\t\t\t\t\t\t\t\t\t\ttext={primaryCta.text}\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</MrlPopover>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["MrlCallout","props","savedContent","useRef","show","current","alignment","description","eyebrow","image","kind","title","_ref","_objectSpread","ariaControls","_ref$alignment","children","_ref$disableClickOuts","disableClickOutside","_ref$disableFocusTrap","disableFocusTrap","_ref$hasCloseButton","hasCloseButton","_ref$kind","onOpen","onClose","_ref$point","point","_ref$position","position","primaryCta","secondaryCta","_ref$show","spacing","rest","_objectWithoutProperties","_excluded","React","isValidElement","type","Fragment","Error","calloutId","useMemo","getUniqueId","triggerRef","childElement","Children","map","child","cloneElement","role","id","useEffect","document","querySelector","concat","popoverKind","primaryCtaKind","secondaryCtaKind","createElement","MrlPopover","_extends","actionState","actionType","isOpen","className","styles","disableClickToOpen","portalProps","PORTAL_LAYERS","CALLOUT","name","layer","MrlText","attrs","text","MrlTextHeading","level","MrlButton","dataQa","onClick","size"],"mappings":"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"}

package/dist/esm/components/callout/MrlCallout/MrlCallout.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlCallout--content":"MrlCallout--content--o1NZT","MrlCallout--title":"MrlCallout--title--rEMq8","MrlCallout--eyebrow":"MrlCallout--eyebrow--zPSfr","MrlCallout--description":"MrlCallout--description--s524D","MrlCallout--image":"MrlCallout--image--F809e","MrlCallout--footer":"MrlCallout--footer--sjbLA","MrlCallout":"MrlCallout--O6y8L"};
+
+export { styles as default };
+//# sourceMappingURL=MrlCallout.module.scss.js.map

package/dist/esm/components/callout/MrlCallout/MrlCallout.module.scss.js.map

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

package/dist/esm/components/container/MrlContainer/MrlContainer.js

@@ -0,0 +1,37 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { defaults } from '../constants.js';
+import styles from './MrlContainer.module.scss.js';
+
+var _excluded = ["children", "className", "kind"];
+
+// If we dont omit style from MrlComponentProps and re-add it in MrlContainerProps, we get an error.
+
+/**
+ * Used to visually and group content and
+ * provide structure in layouts.
+ *
+ * @param props - component props
+ * @returns a MrlContainer React component.
+ */
+function MrlContainer(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames(_defineProperty(_defineProperty(_defineProperty({
+    'mrl-container': true
+  }, styles.MrlContainer, true), styles["MrlContainer--".concat(kind)], kind !== defaults.kind), "MrlContainer--".concat(kind), kind !== defaults.kind), className);
+  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
+    className: allClasses
+  }), kind === 'nested-options' ? /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles['MrlContainer--nested-options-container'], 'MrlContainer--nested-options-container')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles['MrlContainer--nested-options-divider'], 'MrlContainer--nested-options-divider')
+  }), /*#__PURE__*/React.createElement("div", null, children)) : children);
+}
+
+export { MrlContainer };
+//# sourceMappingURL=MrlContainer.js.map

package/dist/esm/components/container/MrlContainer/MrlContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlContainer.js","sources":["../../../../../src/components/container/MrlContainer/MrlContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { defaults, Kind } from '../constants';\nimport { MrlComponentProps } from '../../../utils';\nimport styles from './MrlContainer.module.scss';\n\n// If we dont omit style from MrlComponentProps and re-add it in MrlContainerProps, we get an error.\nexport interface MrlContainerProps\n\textends Omit<MrlComponentProps, 'style'>,\n\t\tReact.ComponentProps<'div'> {\n\t/** Children to be rendered within the component */\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\t/**\n\t * Defines which color scheme to used based on the background color of the container.\n\t * White/light backgrounds should use \"default\" and dark/saturated color backgrounds\n\t * should use \"inverse\".\n\t */\n\tkind?: Kind;\n}\n\n/**\n * Used to visually and group content and\n * provide structure in layouts.\n *\n * @param props - component props\n * @returns a MrlContainer React component.\n */\nexport function MrlContainer({\n\tchildren,\n\tclassName,\n\tkind = defaults.kind,\n\t...remainingProps\n}: MrlContainerProps): JSX.Element {\n\tconst allClasses = classnames(\n\t\t{\n\t\t\t'mrl-container': true,\n\t\t\t[styles.MrlContainer]: true,\n\t\t\t[styles[`MrlContainer--${kind}`]]: kind !== defaults.kind,\n\t\t\t[`MrlContainer--${kind}`]: kind !== defaults.kind\n\t\t},\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<div {...remainingProps} className={allClasses}>\n\t\t\t{kind === 'nested-options' ? (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlContainer--nested-options-container'],\n\t\t\t\t\t\t'MrlContainer--nested-options-container'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\tstyles['MrlContainer--nested-options-divider'],\n\t\t\t\t\t\t\t'MrlContainer--nested-options-divider'\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div>{children}</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["MrlContainer","_ref","children","className","_ref$kind","kind","defaults","remainingProps","_objectWithoutProperties","_excluded","allClasses","classnames","_defineProperty","styles","concat","React","createElement","_extends"],"mappings":";;;;;;;;AAMA;;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAAAC,IAAA,EAKO;AAAA,EAAA,IAJlCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,SAAA,GAAAH,IAAA,CACTI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,QAAQ,CAACD,IAAI,GAAAD,SAAA;AACjBG,IAAAA,cAAc,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;EAEjB,IAAMC,UAAU,GAAGC,UAAU,CAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;AAE3B,IAAA,eAAe,EAAE;AAAI,GAAA,EACpBC,MAAM,CAACb,YAAY,EAAG,IAAI,CAAA,EAC1Ba,MAAM,CAAA,gBAAA,CAAAC,MAAA,CAAkBT,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAKC,QAAQ,CAACD,IAAI,CAAA,EAAA,gBAAA,CAAAS,MAAA,CACvCT,IAAI,CAAA,EAAKA,IAAI,KAAKC,QAAQ,CAACD,IAAI,CAAA,EAElDF,SACD,CAAC;AAED,EAAA,oBACCY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,KAASV,cAAc,EAAA;AAAEJ,IAAAA,SAAS,EAAEO;AAAW,GAAA,CAAA,EAC7CL,IAAI,KAAK,gBAAgB,gBACzBU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCb,SAAS,EAAEQ,UAAU,CACpBE,MAAM,CAAC,wCAAwC,CAAC,EAChD,wCACD;GAAE,eAEFE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCb,SAAS,EAAEQ,UAAU,CACpBE,MAAM,CAAC,sCAAsC,CAAC,EAC9C,sCACD;GACA,CAAC,eACFE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,EAAMd,QAAc,CAChB,CAAC,GAENA,QAEG,CAAC;AAER;;;;"}

package/dist/esm/components/container/MrlContainer/MrlContainer.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlContainer":"MrlContainer--NL5F9","MrlContainer--helper":"MrlContainer--helper--F3ZW8","MrlContainer--nested":"MrlContainer--nested--r_XRG","MrlContainer--nested-options":"MrlContainer--nested-options--eLXfi","MrlContainer--nested-options-container":"MrlContainer--nested-options-container--DWNqy","MrlContainer--nested-options-divider":"MrlContainer--nested-options-divider--TTuWA"};
+
+export { styles as default };
+//# sourceMappingURL=MrlContainer.module.scss.js.map

package/dist/esm/components/container/MrlContainer/MrlContainer.module.scss.js.map

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

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

@@ -0,0 +1,10 @@
+/**
+ * Default values for props on the MrlContainer component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  kind: 'default'
+};
+
+export { defaults };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/container/constants.ts"],"sourcesContent":["export const allowedValues = {\n\tkinds: ['default', 'helper', 'nested', 'nested-options'] as const\n};\n\nexport type Kind = (typeof allowedValues.kinds)[number];\n\nexport interface ContainerDefaults {\n\tkind: Kind;\n}\n\n/**\n * Default values for props on the MrlContainer component;\n * Shared between the component and Storybook\n */\nexport const defaults: ContainerDefaults = {\n\tkind: 'default'\n};\n"],"names":["defaults","kind"],"mappings":"AAUA;AACA;AACA;AACA;AACO,IAAMA,QAA2B,GAAG;AAC1CC,EAAAA,IAAI,EAAE;AACP;;;;"}

package/dist/esm/components/divider/MrlDivider/MrlDivider.js

@@ -0,0 +1,62 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import classnames from 'classnames';
+import * as React from 'react';
+import { defaults } from '../constants.js';
+import styles from './MrlDivider.module.scss.js';
+import { setAttributes } from '../../../utils/setAttributes/setAttributes.js';
+
+var _excluded = ["attrs", "className", "kind", "length", "orientation", "spacing", "weight"];
+/**
+ * Used to visually and semantically separate two elements.
+ * For visual separation only view this package's mixins
+ *
+ * @param props - component props
+ * @returns a MrlDivider React component.
+ */
+function MrlDivider(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
+    length = _ref.length,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? defaults.orientation : _ref$orientation,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? defaults.spacing : _ref$spacing,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? defaults.weight : _ref$weight,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
+  var hasDefinedLength = typeof length !== 'undefined' && length !== '';
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes(attrs);
+  // apply classes in a logic order, not based on alphabetization
+  /* eslint-disable sort-keys */
+  var allClasses = classnames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    'mrl-divider': true
+  }, styles.MrlDivider, true), styles['MrlDivider--center'], hasDefinedLength), styles["MrlDivider--".concat(kind)], kind !== defaults.kind), styles["MrlDivider--".concat(orientation)], true), styles["MrlDivider--".concat(spacing)], orientation === 'horizontal' ? spacing !== defaults.spacing : spacing === 'none'), styles["MrlDivider--".concat(weight)], weight !== defaults.weight), className);
+  /* eslint-enable sort-keys */
+
+  if (hasDefinedLength) {
+    if (typeof attributes.style === 'undefined') {
+      attributes.style = {};
+    }
+    if (orientation === 'vertical') {
+      attributes.style.height = length;
+    } else {
+      attributes.style.width = length;
+    }
+  }
+  return /*#__PURE__*/React.createElement("div", _extends({
+    role: "separator",
+    "aria-orientation": orientation,
+    "aria-hidden": "true"
+  }, attributes, remainingProps, {
+    className: allClasses
+  }));
+}
+
+export { MrlDivider };
+//# sourceMappingURL=MrlDivider.js.map

package/dist/esm/components/divider/MrlDivider/MrlDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlDivider.js","sources":["../../../../../src/components/divider/MrlDivider/MrlDivider.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\nimport { AttrsObject, setAttributes } from '../../../utils';\nimport { defaults, Kind, Orientation, Spacing, Weight } from '../constants';\nimport styles from './MrlDivider.module.scss';\n\ninterface MrlDividerProps {\n\t/**\n\t * Applies additional HTML attributes to the divider element.\n\t */\n\tattrs?: AttrsObject;\n\tclassName?: string;\n\t/**\n\t * Defines which color scheme to used based on the background color of the container.\n\t * White/light backgrounds should use \"default\" and dark/saturated color backgrounds\n\t * should use \"inverse\".\n\t */\n\tkind?: Kind;\n\t/**\n\t * Use to set a width/height of a divider to create an offset from surrounding content.\n\t * This is commonly found in toolbars. Value can be any valid CSS `width/height` value, such as\n\t * a CSS variable or rem value. Warning, vertical dividers may not work if set to a percentage,\n\t * due to browser limitations with calculating dynamic heights. You should not set the parent to\n\t * a static height to make this work as that poses accessibility issues.\n\t */\n\tlength?: string;\n\t/**\n\t * Determines the orientation of the divider based on the sibling elements' orientation.\n\t * Stacked elements should use \"horizontal\" and elements displayed in a row should use\n\t * \"vertical\". Note for the \"vertical\" orientation, only usage between a row of Icon Buttons\n\t * is currently supported.\n\t */\n\torientation?: Orientation;\n\t/**\n\t * Determines how much space to provide between the elements that the divider is separating.\n\t * This option only applies to horizontal orientation.\n\t */\n\tspacing?: Spacing;\n\n\t/**\n\t * Controls the thickness of the divider line. Use \"thin\" for a more subtle divider\n\t * appearance, or \"default\" for the standard divider thickness.\n\t */\n\tweight?: Weight;\n}\n\n/**\n * Used to visually and semantically separate two elements.\n * For visual separation only view this package's mixins\n *\n * @param props - component props\n * @returns a MrlDivider React component.\n */\nexport function MrlDivider({\n\tattrs = {},\n\tclassName = '',\n\tkind = defaults.kind,\n\tlength,\n\torientation = defaults.orientation,\n\tspacing = defaults.spacing,\n\tweight = defaults.weight,\n\t...remainingProps\n}: MrlDividerProps): JSX.Element {\n\tconst hasDefinedLength = typeof length !== 'undefined' && length !== '';\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\t// apply classes in a logic order, not based on alphabetization\n\t/* eslint-disable sort-keys */\n\tconst allClasses = classnames(\n\t\t{\n\t\t\t'mrl-divider': true,\n\t\t\t[styles.MrlDivider]: true,\n\t\t\t[styles['MrlDivider--center']]: hasDefinedLength,\n\t\t\t[styles[`MrlDivider--${kind}`]]: kind !== defaults.kind,\n\t\t\t// The implementation between the two different orientations is so different so\n\t\t\t// we want to make sure we are always scoping our CSS instead of overwriting it\n\t\t\t[styles[`MrlDivider--${orientation}`]]: true,\n\t\t\t[styles[`MrlDivider--${spacing}`]]:\n\t\t\t\torientation === 'horizontal' ? spacing !== defaults.spacing : spacing === 'none',\n\t\t\t[styles[`MrlDivider--${weight}`]]: weight !== defaults.weight\n\t\t},\n\t\tclassName\n\t);\n\t/* eslint-enable sort-keys */\n\n\tif (hasDefinedLength) {\n\t\tif (typeof attributes.style === 'undefined') {\n\t\t\tattributes.style = {};\n\t\t}\n\n\t\tif (orientation === 'vertical') {\n\t\t\tattributes.style.height = length;\n\t\t} else {\n\t\t\tattributes.style.width = length;\n\t\t}\n\t}\n\n\treturn (\n\t\t<div\n\t\t\trole=\"separator\"\n\t\t\taria-orientation={orientation}\n\t\t\taria-hidden=\"true\"\n\t\t\t{...attributes}\n\t\t\t{...remainingProps}\n\t\t\tclassName={allClasses}\n\t\t/>\n\t);\n}\n"],"names":["MrlDivider","_ref","_ref$attrs","attrs","_ref$className","className","_ref$kind","kind","defaults","length","_ref$orientation","orientation","_ref$spacing","spacing","_ref$weight","weight","remainingProps","_objectWithoutProperties","_excluded","hasDefinedLength","attributes","setAttributes","allClasses","classnames","_defineProperty","styles","concat","style","height","width","React","createElement","_extends","role"],"mappings":"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"}

package/dist/esm/components/divider/MrlDivider/MrlDivider.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlDivider":"MrlDivider--ShT5H","MrlDivider--none":"MrlDivider--none--tdZix","MrlDivider--small":"MrlDivider--small--nbQys","MrlDivider--large":"MrlDivider--large--aKJM5","MrlDivider--xlarge":"MrlDivider--xlarge--pHvCK","MrlDivider--inverse":"MrlDivider--inverse--tyQXp","MrlDivider--vertical":"MrlDivider--vertical--to2id","MrlDivider--thin":"MrlDivider--thin--wHNtu","MrlDivider--horizontal":"MrlDivider--horizontal--EUB9p","MrlDivider--center":"MrlDivider--center--CrRjf"};
+
+export { styles as default };
+//# sourceMappingURL=MrlDivider.module.scss.js.map

package/dist/esm/components/divider/MrlDivider/MrlDivider.module.scss.js.map

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

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

@@ -0,0 +1,13 @@
+/**
+ * Default values for props on the Divider component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  kind: 'default',
+  orientation: 'horizontal',
+  spacing: 'medium',
+  weight: 'default'
+};
+
+export { defaults };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/divider/constants.ts"],"sourcesContent":["export const allowedValues = {\n\tkinds: ['default', 'inverse'] as const,\n\torientations: ['horizontal', 'vertical'] as const,\n\tspacings: ['none', 'small', 'medium', 'large', 'xlarge'] as const,\n\tweight: ['thin', 'default'] as const\n};\n\nexport type Kind = (typeof allowedValues.kinds)[number];\nexport type Orientation = (typeof allowedValues.orientations)[number];\nexport type Spacing = (typeof allowedValues.spacings)[number];\nexport type Weight = (typeof allowedValues.weight)[number];\n\nexport interface DividerDefaults {\n\tkind: Kind;\n\torientation: Orientation;\n\tspacing: Spacing;\n\tweight: Weight;\n}\n\n/**\n * Default values for props on the Divider component;\n * Shared between the component and Storybook\n */\nexport const defaults: DividerDefaults = {\n\tkind: 'default',\n\torientation: 'horizontal',\n\tspacing: 'medium',\n\tweight: 'default'\n};\n"],"names":["defaults","kind","orientation","spacing","weight"],"mappings":"AAmBA;AACA;AACA;AACA;AACO,IAAMA,QAAyB,GAAG;AACxCC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,WAAW,EAAE,YAAY;AACzBC,EAAAA,OAAO,EAAE,QAAQ;AACjBC,EAAAA,MAAM,EAAE;AACT;;;;"}

package/dist/esm/components/empty/MrlEmpty.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"mrl-empty":"mrl-empty--bBaPG","mrl-empty-default":"mrl-empty-default--UfKTY","mrl-empty-large":"mrl-empty-large--jiZ0b","mrl-empty-text":"mrl-empty-text--EE6Hx","mrl-empty-text-large":"mrl-empty-text-large--tKa8r","mrl-empty-color-text-secondary":"mrl-empty-color-text-secondary--cR3LB"};
+
+export { styles as default };
+//# sourceMappingURL=MrlEmpty.module.scss.js.map

package/dist/esm/components/empty/MrlEmpty.module.scss.js.map

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

package/dist/esm/components/empty/default/MrlEmpty.js

@@ -0,0 +1,58 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from '../MrlEmpty.module.scss.js';
+import { MrlGrid } from '../../grid/MrlGrid/MrlGrid.js';
+import { MrlRow } from '../../grid/MrlRow/MrlRow.js';
+import { MrlCol } from '../../grid/MrlCol/MrlCol.js';
+import { MrlTextHeading } from '../../text/MrlTextHeading/MrlTextHeading.js';
+import { MrlText } from '../../text/MrlText/MrlText.js';
+
+var _excluded = ["graphic", "description", "action", "heading"];
+/**
+ * MrlEmpty for when there is no data to display for a single component.
+ * @param MrlEmptyProps props
+ * @returns MrlEmpty component
+ */
+var MrlEmpty = function MrlEmpty(_ref) {
+  var graphic = _ref.graphic,
+    description = _ref.description,
+    action = _ref.action,
+    heading = _ref.heading,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var classNames = classnames(styles['mrl-empty'], styles['mrl-empty-default']);
+  return /*#__PURE__*/React.createElement(MrlGrid, _extends({
+    className: classNames
+  }, rest), graphic && /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, graphic)), /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center",
+    className: styles['mrl-empty-text']
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React.createElement(MrlTextHeading, {
+    level: "4",
+    hierarchy: "primary",
+    size: "medium",
+    kind: "title"
+  }, heading)), /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React.createElement(MrlText, {
+    size: "xsmall",
+    attrs: {
+      className: styles['mrl-empty-color-text-secondary']
+    }
+  }, description))), action && /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, action)));
+};
+
+export { MrlEmpty };
+//# sourceMappingURL=MrlEmpty.js.map

package/dist/esm/components/empty/default/MrlEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlEmpty.js","sources":["../../../../../src/components/empty/default/MrlEmpty.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlCol, MrlGrid, MrlRow } from '../../grid';\nimport { MrlText, MrlTextHeading } from '../../text';\nimport styles from '../MrlEmpty.module.scss';\n\ninterface MrlEmptyProps {\n\t// icon or graphic\n\tgraphic?: JSX.Element;\n\t// heading\n\theading: string;\n\t// user friendl description\n\tdescription: string;\n\t// action you wish the user to take\n\taction?: JSX.Element;\n}\n\n/**\n * MrlEmpty for when there is no data to display for a single component.\n * @param MrlEmptyProps props\n * @returns MrlEmpty component\n */\nexport const MrlEmpty = ({\n\tgraphic,\n\tdescription,\n\taction,\n\theading,\n\t...rest\n}: MrlEmptyProps): JSX.Element => {\n\tconst classNames = classnames(styles['mrl-empty'], styles['mrl-empty-default']);\n\n\treturn (\n\t\t<MrlGrid className={classNames} {...rest}>\n\t\t\t{graphic && (\n\t\t\t\t<MrlRow align=\"center\" justify=\"center\">\n\t\t\t\t\t<MrlCol col={12}>{graphic}</MrlCol>\n\t\t\t\t</MrlRow>\n\t\t\t)}\n\t\t\t<MrlRow align=\"center\" justify=\"center\" className={styles['mrl-empty-text']}>\n\t\t\t\t<MrlCol col={12}>\n\t\t\t\t\t<MrlTextHeading level=\"4\" hierarchy=\"primary\" size=\"medium\" kind=\"title\">\n\t\t\t\t\t\t{heading}\n\t\t\t\t\t</MrlTextHeading>\n\t\t\t\t</MrlCol>\n\t\t\t\t<MrlCol col={12}>\n\t\t\t\t\t<MrlText size=\"xsmall\" attrs={{ className: styles['mrl-empty-color-text-secondary'] }}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</MrlText>\n\t\t\t\t</MrlCol>\n\t\t\t</MrlRow>\n\t\t\t{action && (\n\t\t\t\t<MrlRow align=\"center\" justify=\"center\">\n\t\t\t\t\t<MrlCol col={12}>{action}</MrlCol>\n\t\t\t\t</MrlRow>\n\t\t\t)}\n\t\t</MrlGrid>\n\t);\n};\n"],"names":["MrlEmpty","_ref","graphic","description","action","heading","rest","_objectWithoutProperties","_excluded","classNames","classnames","styles","React","createElement","MrlGrid","_extends","className","MrlRow","align","justify","MrlCol","col","MrlTextHeading","level","hierarchy","size","kind","MrlText","attrs"],"mappings":";;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAMa;AAAA,EAAA,IALjCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;AACJC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,WAAW,CAAC,EAAEA,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAE/E,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAEP;GAAW,EAAKH,IAAI,GACtCJ,OAAO,iBACPU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEnB,OAAgB,CAC3B,CACR,eACDU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC,QAAQ;IAACH,SAAS,EAAEL,MAAM,CAAC,gBAAgB;AAAE,GAAA,eAC3EC,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AAACC,IAAAA,KAAK,EAAC,GAAG;AAACC,IAAAA,SAAS,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,QAAQ;AAACC,IAAAA,IAAI,EAAC;GAAO,EACtErB,OACc,CACT,CAAC,eACTO,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;AAACF,IAAAA,IAAI,EAAC,QAAQ;AAACG,IAAAA,KAAK,EAAE;MAAEZ,SAAS,EAAEL,MAAM,CAAC,gCAAgC;AAAE;GAAE,EACpFR,WACO,CACF,CACD,CAAC,EACRC,MAAM,iBACNQ,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEjB,MAAe,CAC1B,CAED,CAAC;AAEZ;;;;"}

package/dist/esm/components/empty/large/MrlEmptyLarge.js

@@ -0,0 +1,58 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import styles from '../MrlEmpty.module.scss.js';
+import classnames from 'classnames';
+import { MrlGrid } from '../../grid/MrlGrid/MrlGrid.js';
+import { MrlRow } from '../../grid/MrlRow/MrlRow.js';
+import { MrlCol } from '../../grid/MrlCol/MrlCol.js';
+import { MrlTextHeading } from '../../text/MrlTextHeading/MrlTextHeading.js';
+import { MrlText } from '../../text/MrlText/MrlText.js';
+
+var _excluded = ["graphic", "heading", "description", "action"];
+/**
+ * MrlEmptyLarge for when there is no data to display for an entire page.
+ * @param MrlEmptyProps props
+ * @returns MrlEmptyLarge
+ */
+var MrlEmptyLarge = function MrlEmptyLarge(_ref) {
+  var graphic = _ref.graphic,
+    heading = _ref.heading,
+    description = _ref.description,
+    action = _ref.action,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var classNames = classnames(styles['mrl-empty'], styles['mrl-empty-large']);
+  return /*#__PURE__*/React.createElement(MrlGrid, _extends({
+    className: classNames
+  }, rest), graphic && /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, graphic)), /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center",
+    className: styles['mrl-empty-text-large']
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React.createElement(MrlTextHeading, {
+    level: "4",
+    hierarchy: "primary",
+    size: "large",
+    kind: "title"
+  }, heading)), /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React.createElement(MrlText, {
+    size: "medium",
+    attrs: {
+      className: styles['mrl-empty-color-text-secondary']
+    }
+  }, description))), action && /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, action)));
+};
+
+export { MrlEmptyLarge };
+//# sourceMappingURL=MrlEmptyLarge.js.map

package/dist/esm/components/empty/large/MrlEmptyLarge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlEmptyLarge.js","sources":["../../../../../src/components/empty/large/MrlEmptyLarge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlCol, MrlGrid, MrlRow } from '../../grid';\nimport { MrlText, MrlTextHeading } from '../../text';\nimport styles from '../MrlEmpty.module.scss';\nimport classnames from 'classnames';\n\ninterface MrlEmptyLargeProps {\n\t// icon or graphic\n\tgraphic?: JSX.Element;\n\t// heading\n\theading: string;\n\t// user friendl description\n\tdescription: string;\n\t// action you wish the user to take\n\taction?: JSX.Element;\n}\n\n/**\n * MrlEmptyLarge for when there is no data to display for an entire page.\n * @param MrlEmptyProps props\n * @returns MrlEmptyLarge\n */\nexport const MrlEmptyLarge = ({\n\tgraphic,\n\theading,\n\tdescription,\n\taction,\n\t...rest\n}: MrlEmptyLargeProps): JSX.Element => {\n\tconst classNames = classnames(styles['mrl-empty'], styles['mrl-empty-large']);\n\n\treturn (\n\t\t<MrlGrid className={classNames} {...rest}>\n\t\t\t{graphic && (\n\t\t\t\t<MrlRow align=\"center\" justify=\"center\">\n\t\t\t\t\t<MrlCol col={12}>{graphic}</MrlCol>\n\t\t\t\t</MrlRow>\n\t\t\t)}\n\t\t\t<MrlRow align=\"center\" justify=\"center\" className={styles['mrl-empty-text-large']}>\n\t\t\t\t<MrlCol col={12}>\n\t\t\t\t\t<MrlTextHeading level=\"4\" hierarchy=\"primary\" size=\"large\" kind=\"title\">\n\t\t\t\t\t\t{heading}\n\t\t\t\t\t</MrlTextHeading>\n\t\t\t\t</MrlCol>\n\t\t\t\t<MrlCol col={12}>\n\t\t\t\t\t<MrlText size=\"medium\" attrs={{ className: styles['mrl-empty-color-text-secondary'] }}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</MrlText>\n\t\t\t\t</MrlCol>\n\t\t\t</MrlRow>\n\t\t\t{action && (\n\t\t\t\t<MrlRow align=\"center\" justify=\"center\">\n\t\t\t\t\t<MrlCol col={12}>{action}</MrlCol>\n\t\t\t\t</MrlRow>\n\t\t\t)}\n\t\t</MrlGrid>\n\t);\n};\n"],"names":["MrlEmptyLarge","_ref","graphic","heading","description","action","rest","_objectWithoutProperties","_excluded","classNames","classnames","styles","React","createElement","MrlGrid","_extends","className","MrlRow","align","justify","MrlCol","col","MrlTextHeading","level","hierarchy","size","kind","MrlText","attrs"],"mappings":";;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAMa;AAAA,EAAA,IALtCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,MAAM,GAAAJ,IAAA,CAANI,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,WAAW,CAAC,EAAEA,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAE7E,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAEP;GAAW,EAAKH,IAAI,GACtCJ,OAAO,iBACPU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEnB,OAAgB,CAC3B,CACR,eACDU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC,QAAQ;IAACH,SAAS,EAAEL,MAAM,CAAC,sBAAsB;AAAE,GAAA,eACjFC,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AAACC,IAAAA,KAAK,EAAC,GAAG;AAACC,IAAAA,SAAS,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,OAAO;AAACC,IAAAA,IAAI,EAAC;GAAO,EACrEvB,OACc,CACT,CAAC,eACTS,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;AAACF,IAAAA,IAAI,EAAC,QAAQ;AAACG,IAAAA,KAAK,EAAE;MAAEZ,SAAS,EAAEL,MAAM,CAAC,gCAAgC;AAAE;GAAE,EACpFP,WACO,CACF,CACD,CAAC,EACRC,MAAM,iBACNO,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEhB,MAAe,CAC1B,CAED,CAAC;AAEZ;;;;"}

package/dist/esm/components/error-boundary/MrlErrorBoundary.js

@@ -0,0 +1,78 @@
+import { inherits as _inherits, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+/**
+ * When an error occurs during rendering, this component catches the error.
+ * Renders a fallback component for a user friendly msg and calls the log error callback.
+ *
+ * Error boundaries DO NOT catch errors for:
+ * Event handlers
+ * Asynchronous code (e.g. setTimeout or requestAnimationFrame callbacks)
+ * Server side rendering
+ * Errors thrown in the error boundary itself (rather than its children)
+ *
+ * @param ErrorProps
+ * @returns ErrorBoundary component
+ */
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  /**
+   * Error boundry
+   *
+   * @param props fallback and logError
+   */
+  function ErrorBoundary(props) {
+    var _this;
+    _classCallCheck(this, ErrorBoundary);
+    _this = _callSuper(this, ErrorBoundary, [props]);
+    _this.state = {
+      hasError: false
+    };
+    return _this;
+  }
+
+  /**
+   * Update state so the next render will show the fallback UI.
+   *
+   * @param _error Error
+   * @returns State
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  _inherits(ErrorBoundary, _React$Component);
+  return _createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value:
+    /**
+     * componentDidCatch react lifecycle method
+     *
+     * @param error error object
+     * @param errorInfo react.error info
+     */
+    function componentDidCatch(error, errorInfo) {
+      var _this$props$logError, _this$props;
+      (_this$props$logError = (_this$props = this.props).logError) === null || _this$props$logError === void 0 ? void 0 : _this$props$logError.call(_this$props, error, errorInfo);
+    }
+
+    /**
+     * Renders react node wrapped in error handler.
+     *
+     * @returns React.ReactNode
+     */
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.hasError) {
+        return this.props.fallback;
+      }
+      return this.props.children;
+    }
+  }]);
+}(React.Component);
+_defineProperty(ErrorBoundary, "getDerivedStateFromError", function (_error) {
+  return {
+    hasError: true
+  };
+});
+var MrlErrorBoundary = ErrorBoundary;
+
+export { MrlErrorBoundary };
+//# sourceMappingURL=MrlErrorBoundary.js.map