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

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":";;;;;;;;;;;;AA6CA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAIC,KAAsB,IAAyB;AACzE;AACA;AACA;AACA,EAAA,IAAMC,YAAY,GAAGC,MAAM,EAAqB;EAChD,IAAIF,KAAK,CAACG,IAAI,EAAE;IACfF,YAAY,CAACG,OAAO,GAAG;MACtBC,SAAS,EAAEL,KAAK,CAACK,SAAS;MAC1BC,WAAW,EAAEN,KAAK,CAACM,WAAW;MAC9BC,OAAO,EAAEP,KAAK,CAACO,OAAO;MACtBC,KAAK,EAAER,KAAK,CAACQ,KAAK;MAClBC,IAAI,EAAET,KAAK,CAACS,IAAI;MAChBC,KAAK,EAAEV,KAAK,CAACU;KACb;AACF,EAAA;AAEA,EAAA,IAAAC,IAAA,GAqBIX,KAAK,CAACG,IAAI,GAAGH,KAAK,GAAAY,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAQZ,KAAK,GAAKC,YAAY,CAACG,OAAO,CAAE;IApB7DS,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAAC,cAAA,GAAAH,IAAA,CACZN,SAAS;AAATA,IAAAA,SAAS,GAAAS,cAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,cAAA;IACpBC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRT,WAAW,GAAAK,IAAA,CAAXL,WAAW;IAAAU,qBAAA,GAAAL,IAAA,CACXM,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAAP,IAAA,CAC1BQ,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;IACvBX,OAAO,GAAAI,IAAA,CAAPJ,OAAO;IAAAa,mBAAA,GAAAT,IAAA,CACPU,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;IACrBZ,KAAK,GAAAG,IAAA,CAALH,KAAK;IAAAc,SAAA,GAAAX,IAAA,CACLF,IAAI;AAAJA,IAAAA,IAAI,GAAAa,SAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,SAAA;IAChBC,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,OAAO,GAAAb,IAAA,CAAPa,OAAO;IAAAC,UAAA,GAAAd,IAAA,CACPe,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,UAAA;IAAAE,aAAA,GAAAhB,IAAA,CACZiB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,aAAA;IACnBE,UAAU,GAAAlB,IAAA,CAAVkB,UAAU;IACVC,YAAY,GAAAnB,IAAA,CAAZmB,YAAY;IAAAC,SAAA,GAAApB,IAAA,CACZR,IAAI;AAAJA,IAAAA,IAAI,GAAA4B,SAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,SAAA;IACXC,OAAO,GAAArB,IAAA,CAAPqB,OAAO;IACPtB,KAAK,GAAAC,IAAA,CAALD,KAAK;AACFuB,IAAAA,IAAI,GAAAC,wBAAA,CAAAvB,IAAA,EAAAwB,SAAA,CAAA;AAGR,EAAA,iBAAIC,KAAK,CAACC,cAAc,CAACtB,QAAQ,CAAC,IAAIA,QAAQ,CAACuB,IAAI,KAAKF,KAAK,CAACG,QAAQ,EAAE;AACvE,IAAA,MAAM,IAAIC,KAAK,CACd,oFACD,CAAC;AACF,EAAA;AAEA,EAAA,IAAMC,SAAS,GAAGL,KAAK,CAACM,OAAO,CAAC,MAAMC,WAAW,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC;AACxE,EAAA,IAAMC,UAAU,GAAGR,KAAK,CAAClC,MAAM,CAAqB,IAAI,CAAC;AAEzD,EAAA,IAAM2C,YAAY,GAAGT,KAAK,CAACM,OAAO,CAAC,MAAM;IACxC,OAAON,KAAK,CAACU,QAAQ,CAACC,GAAG,CAAChC,QAAQ,EAAGiC,KAAK,IAAK;MAC9C,oBAAOZ,KAAK,CAACa,YAAY,CAACD,KAAK,EAAApC,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAC3BoC,KAAK,CAAChD,KAAK,CAAA,EAEVgD,KAAK,CAACV,IAAI,KAAK,QAAQ,IAAI;AAAEY,QAAAA,IAAI,EAAE;OAAU,CAAA,EAAA,EAAA,EAAA;AACjD,QAAA,eAAe,EAAErC,YAAY;AAC7B,QAAA,eAAe,EAAEV,IAAI;AACrBgD,QAAAA,EAAE,EAAEV;AAAS,OAAA,CACb,CAAC;AACH,IAAA,CAAC,CAAC;EACH,CAAC,EAAE,CAACA,SAAS,EAAE1B,QAAQ,EAAEZ,IAAI,EAAEU,YAAY,CAAC,CAAC;;AAE7C;AACA;AACA;AACA;EACAuB,KAAK,CAACgB,SAAS,CAAC,MAAM;IACrBR,UAAU,CAACxC,OAAO,GAAGiD,QAAQ,CAACC,aAAa,CAAA,GAAA,CAAAC,MAAA,CAAKd,SAAS,CAAE,CAAgB;AAC5E,EAAA,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAMe,WAAW,GAAG/C,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS;EAC9D,IAAMgD,cAAc,GAAGhD,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,WAAW;EACnE,IAAMiD,gBAAgB,GAAGjD,IAAI,KAAK,SAAS,GAAG,eAAe,GAAG,OAAO;AAEvE,EAAA,oBACC2B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAG,QAAA,EAAA,IAAA,EACEM,YAAY,EACZD,UAAU,iBACVR,KAAA,CAAAuB,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACVC,IAAAA,WAAW,EAAE;AAAEC,MAAAA,UAAU,EAAE,OAAO;AAAEC,MAAAA,MAAM,EAAE7D;KAAO;AACnDE,IAAAA,SAAS,EAAEA,SAAU;AACrB4D,IAAAA,SAAS,EAAEC,MAAM,CAAC,YAAY,CAAE;IAChCC,kBAAkB,EAAA,IAAA;AAClBlD,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCE,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCE,IAAAA,cAAc,EAAEA,cAAe;AAC/BZ,IAAAA,IAAI,EAAE+C,WAAY;AAClBhC,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,MAAM,EAAEA,MAAO;AACfG,IAAAA,KAAK,EAAEA,KAAM;AACb0C,IAAAA,WAAW,EAAE;AACZjB,MAAAA,EAAE,EAAEkB,aAAa,CAACC,OAAO,CAACC,IAAI;MAC9BC,KAAK,EAAEH,aAAa,CAACC;KACpB;AACF1C,IAAAA,QAAQ,EAAEA,QAAS;AACnBI,IAAAA,OAAO,EAAEA,OAAQ;AACjBY,IAAAA,UAAU,EAAEA;AAAW,GAAA,EACnBX,IAAI,CAAA,eAERG,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEC,MAAM,CAAC,qBAAqB;AAAE,GAAA,EAC5C3D,OAAO,iBACP6B,KAAA,CAAAuB,aAAA,CAACc,OAAO,EAAA;AAACC,IAAAA,KAAK,EAAE;MAAET,SAAS,EAAEC,MAAM,CAAC,qBAAqB;KAAI;AAACS,IAAAA,IAAI,EAAEpE;GAAU,CAC9E,EACAG,KAAK,iBACL0B,KAAA,CAAAuB,aAAA,CAACiB,cAAc,EAAA;AAACX,IAAAA,SAAS,EAAEC,MAAM,CAAC,mBAAmB,CAAE;AAACW,IAAAA,KAAK,EAAC,GAAG;AAACF,IAAAA,IAAI,EAAEjE;AAAM,GAAE,CAChF,EACAJ,WAAW,iBACX8B,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEC,MAAM,CAAC,yBAAyB;GAAE,EAChD,OAAO5D,WAAW,KAAK,QAAQ,gBAAG8B,KAAA,CAAAuB,aAAA,CAACc,OAAO,EAAA;AAACE,IAAAA,IAAI,EAAErE;GAAc,CAAC,GAAGA,WAChE,CACL,EACAE,KAAK,iBAAI4B,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEC,MAAM,CAAC,mBAAmB;GAAE,EAAE1D,KAAW,CAAC,EACnE,CAACqB,UAAU,IAAIC,YAAY,kBAC3BM,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEC,MAAM,CAAC,oBAAoB;AAAE,GAAA,EAC3CpC,YAAY,iBACZM,KAAA,CAAAuB,aAAA,CAACmB,SAAS,EAAA;IACT,SAAA,EAAShD,YAAY,CAACiD,MAAO;AAC7BtE,IAAAA,IAAI,EAAEiD,gBAAiB;IACvBsB,OAAO,EAAElD,YAAY,CAACkD,OAAQ;IAC9BL,IAAI,EAAE7C,YAAY,CAAC6C,IAAK;AACxBM,IAAAA,IAAI,EAAC;GACL,CACD,EACApD,UAAU,iBACVO,KAAA,CAAAuB,aAAA,CAACmB,SAAS,EAAA;IACT,SAAA,EAASjD,UAAU,CAACkD,MAAO;AAC3BtE,IAAAA,IAAI,EAAEgD,cAAe;IACrBuB,OAAO,EAAEnD,UAAU,CAACmD,OAAQ;IAC5BL,IAAI,EAAE9C,UAAU,CAAC8C,IAAK;AACtBM,IAAAA,IAAI,EAAC;AAAO,GACZ,CAEE,CAEF,CACM,CAEZ,CAAC;AAEL;;;;"}

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,40 @@
+import { objectWithoutProperties as _objectWithoutProperties, 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({
+    '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","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,CAC5B;AACC,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,CAACC,MAAM,CAACZ,YAAY,GAAG,IAAI;IAC3B,CAACY,MAAM,CAAA,gBAAA,CAAAC,MAAA,CAAkBR,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAKC,QAAQ,CAACD,IAAI;AACzD,IAAA,CAAA,gBAAA,CAAAQ,MAAA,CAAkBR,IAAI,IAAKA,IAAI,KAAKC,QAAQ,CAACD;GAC7C,EACDF,SACD,CAAC;AAED,EAAA,oBACCW,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,KAAST,cAAc,EAAA;AAAEJ,IAAAA,SAAS,EAAEO;AAAW,GAAA,CAAA,EAC7CL,IAAI,KAAK,gBAAgB,gBACzBS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCZ,SAAS,EAAEQ,UAAU,CACpBC,MAAM,CAAC,wCAAwC,CAAC,EAChD,wCACD;GAAE,eAEFE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCZ,SAAS,EAAEQ,UAAU,CACpBC,MAAM,CAAC,sCAAsC,CAAC,EAC9C,sCACD;GACA,CAAC,eACFE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,EAAMb,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,70 @@
+import { objectWithoutProperties as _objectWithoutProperties, 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({
+    'mrl-divider': true,
+    [styles.MrlDivider]: true,
+    [styles['MrlDivider--center']]: hasDefinedLength,
+    [styles["MrlDivider--".concat(kind)]]: kind !== defaults.kind,
+    // The implementation between the two different orientations is so different so
+    // we want to make sure we are always scoping our CSS instead of overwriting it
+    [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","class","attributes","setAttributes","allClasses","classnames","styles","concat","style","height","width","React","createElement","_extends","role"],"mappings":";;;;;;;;AA8CA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CAAAC,IAAA,EASO;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CARhCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAH,IAAA,CACVI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,SAAA,GAAAL,IAAA,CACdM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,QAAQ,CAACD,IAAI,GAAAD,SAAA;IACpBG,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAAC,gBAAA,GAAAT,IAAA,CACNU,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAGF,QAAQ,CAACG,WAAW,GAAAD,gBAAA;IAAAE,YAAA,GAAAX,IAAA,CAClCY,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGJ,QAAQ,CAACK,OAAO,GAAAD,YAAA;IAAAE,WAAA,GAAAb,IAAA,CAC1Bc,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGN,QAAQ,CAACO,MAAM,GAAAD,WAAA;AACrBE,IAAAA,cAAc,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;EAEjB,IAAMC,gBAAgB,GAAG,OAAOV,MAAM,KAAK,WAAW,IAAIA,MAAM,KAAK,EAAE;EAEvE,OAAON,KAAK,CAACiB,KAAK;EAClB,OAAOjB,KAAK,CAACE,SAAS;AAEtB,EAAA,IAAMgB,UAAU,GAAGC,aAAa,CAACnB,KAAK,CAAC;AACvC;AACA;EACA,IAAMoB,UAAU,GAAGC,UAAU,CAC5B;AACC,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,CAACC,MAAM,CAACzB,UAAU,GAAG,IAAI;AACzB,IAAA,CAACyB,MAAM,CAAC,oBAAoB,CAAC,GAAGN,gBAAgB;IAChD,CAACM,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBnB,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAKC,QAAQ,CAACD,IAAI;AACvD;AACA;AACA,IAAA,CAACkB,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBf,WAAW,CAAA,CAAG,GAAG,IAAI;AAC5C,IAAA,CAACc,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBb,OAAO,CAAA,CAAG,GAChCF,WAAW,KAAK,YAAY,GAAGE,OAAO,KAAKL,QAAQ,CAACK,OAAO,GAAGA,OAAO,KAAK,MAAM;IACjF,CAACY,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBX,MAAM,EAAG,GAAGA,MAAM,KAAKP,QAAQ,CAACO;GACvD,EACDV,SACD,CAAC;AACD;;AAEA,EAAA,IAAIc,gBAAgB,EAAE;AACrB,IAAA,IAAI,OAAOE,UAAU,CAACM,KAAK,KAAK,WAAW,EAAE;AAC5CN,MAAAA,UAAU,CAACM,KAAK,GAAG,EAAE;AACtB,IAAA;IAEA,IAAIhB,WAAW,KAAK,UAAU,EAAE;AAC/BU,MAAAA,UAAU,CAACM,KAAK,CAACC,MAAM,GAAGnB,MAAM;AACjC,IAAA,CAAC,MAAM;AACNY,MAAAA,UAAU,CAACM,KAAK,CAACE,KAAK,GAAGpB,MAAM;AAChC,IAAA;AACD,EAAA;AAEA,EAAA,oBACCqB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACCC,IAAAA,IAAI,EAAC,WAAW;AAChB,IAAA,kBAAA,EAAkBtB,WAAY;IAC9B,aAAA,EAAY;GAAM,EACdU,UAAU,EACVL,cAAc,EAAA;AAClBX,IAAAA,SAAS,EAAEkB;AAAW,GAAA,CACtB,CAAC;AAEJ;;;;"}

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 = _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;AACO,IAAMA,QAAQ,GAAGC,IAAA,IAMU;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 = _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;AACO,IAAMA,aAAa,GAAGC,IAAA,IAMU;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,69 @@
+import { defineProperty as _defineProperty } 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
+ */
+class ErrorBoundary extends React.Component {
+  /**
+   * Error boundry
+   *
+   * @param props fallback and logError
+   */
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+
+  /**
+   * 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
+
+  /**
+   * componentDidCatch react lifecycle method
+   *
+   * @param error error object
+   * @param errorInfo react.error info
+   */
+  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
+   */
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback;
+    }
+    return this.props.children;
+  }
+}
+_defineProperty(ErrorBoundary, "getDerivedStateFromError", _error => {
+  return {
+    hasError: true
+  };
+});
+var MrlErrorBoundary = ErrorBoundary;
+
+export { MrlErrorBoundary };
+//# sourceMappingURL=MrlErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MrlErrorBoundary.js","sources":["../../../../src/components/error-boundary/MrlErrorBoundary.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface ErrorProps {\n\tchildren?: React.ReactNode;\n\t/**\n\t * Required to log the error to observability.\n\t *\n\t * @param error\n\t * @param errorInfo\n\t * @returns void\n\t */\n\tlogError: (error: Error, errorInfo: React.ErrorInfo) => void;\n\t/**\n\t * Fallback component to render when there is an error.\n\t */\n\tfallback: React.ReactNode;\n}\n\ninterface State {\n\thasError: boolean;\n}\n\n/**\n * When an error occurs during rendering, this component catches the error.\n * Renders a fallback component for a user friendly msg and calls the log error callback.\n *\n * Error boundaries DO NOT catch errors for:\n * Event handlers\n * Asynchronous code (e.g. setTimeout or requestAnimationFrame callbacks)\n * Server side rendering\n * Errors thrown in the error boundary itself (rather than its children)\n *\n * @param ErrorProps\n * @returns ErrorBoundary component\n */\nclass ErrorBoundary extends React.Component<ErrorProps, State> {\n\t/**\n\t * Error boundry\n\t *\n\t * @param props fallback and logError\n\t */\n\tconstructor(props: ErrorProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\thasError: false\n\t\t};\n\t}\n\n\t/**\n\t * Update state so the next render will show the fallback UI.\n\t *\n\t * @param _error Error\n\t * @returns State\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tstatic getDerivedStateFromError = (_error: Error): State => {\n\t\treturn { hasError: true };\n\t};\n\n\t/**\n\t * componentDidCatch react lifecycle method\n\t *\n\t * @param error error object\n\t * @param errorInfo react.error info\n\t */\n\tcomponentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n\t\tthis.props.logError?.(error, errorInfo);\n\t}\n\n\t/**\n\t * Renders react node wrapped in error handler.\n\t *\n\t * @returns React.ReactNode\n\t */\n\trender(): React.ReactNode {\n\t\tif (this.state.hasError) {\n\t\t\treturn this.props.fallback;\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n\nexport const MrlErrorBoundary = ErrorBoundary;\n"],"names":["ErrorBoundary","React","Component","constructor","props","state","hasError","componentDidCatch","error","errorInfo","_this$props$logError","_this$props","logError","call","render","fallback","children","_defineProperty","_error","MrlErrorBoundary"],"mappings":";;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,aAAa,SAASC,KAAK,CAACC,SAAS,CAAoB;AAC9D;AACD;AACA;AACA;AACA;EACCC,WAAWA,CAACC,KAAiB,EAAE;IAC9B,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;AACZC,MAAAA,QAAQ,EAAE;KACV;AACF,EAAA;;AAEA;AACD;AACA;AACA;AACA;AACA;AACC;;AAKA;AACD;AACA;AACA;AACA;AACA;AACCC,EAAAA,iBAAiBA,CAACC,KAAY,EAAEC,SAA0B,EAAQ;IAAA,IAAAC,oBAAA,EAAAC,WAAA;IACjE,CAAAD,oBAAA,IAAAC,WAAA,GAAA,IAAI,CAACP,KAAK,EAACQ,QAAQ,MAAA,IAAA,IAAAF,oBAAA,uBAAnBA,oBAAA,CAAAG,IAAA,CAAAF,WAAA,EAAsBH,KAAK,EAAEC,SAAS,CAAC;AACxC,EAAA;;AAEA;AACD;AACA;AACA;AACA;AACCK,EAAAA,MAAMA,GAAoB;AACzB,IAAA,IAAI,IAAI,CAACT,KAAK,CAACC,QAAQ,EAAE;AACxB,MAAA,OAAO,IAAI,CAACF,KAAK,CAACW,QAAQ;AAC3B,IAAA;AAEA,IAAA,OAAO,IAAI,CAACX,KAAK,CAACY,QAAQ;AAC3B,EAAA;AACD;AAACC,eAAA,CA9CKjB,aAAa,EAAA,0BAAA,EAoBiBkB,MAAa,IAAY;EAC3D,OAAO;AAAEZ,IAAAA,QAAQ,EAAE;GAAM;AAC1B,CAAC,CAAA;AA0BK,IAAMa,gBAAgB,GAAGnB;;;;"}

package/dist/esm/components/filter/MrlFilter/MrlFilter.js

@@ -0,0 +1,38 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlFilter.module.scss.js';
+import { MrlFilterContextProvider } from '../MrlFilterContext/MrlFilterContext.js';
+import { MrlRovingTabindex } from '../../rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js';
+
+var _excluded = ["children", "className", "defaultCheckedValue", "onFilterChange", "orientation", "radioGroupLabel", "data-qa"];
+/**
+ * MrlFilter component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilter component.
+ */
+function MrlFilter(props) {
+  var children = props.children,
+    className = props.className,
+    defaultCheckedValue = props.defaultCheckedValue,
+    onFilterChange = props.onFilterChange,
+    orientation = props.orientation,
+    radioGroupLabel = props.radioGroupLabel,
+    dataQa = props['data-qa'],
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(MrlFilterContextProvider, {
+    defaultCheckedValue: defaultCheckedValue,
+    onFilterChange: onFilterChange
+  }, /*#__PURE__*/React.createElement(MrlRovingTabindex, {
+    orientation: orientation
+  }, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    "data-qa": dataQa,
+    "aria-label": radioGroupLabel,
+    role: "radiogroup",
+    className: classnames(styles['MrlFilter'], 'MrlFilter', className)
+  }), children)));
+}
+
+export { MrlFilter };
+//# sourceMappingURL=MrlFilter.js.map

package/dist/esm/components/filter/MrlFilter/MrlFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFilter.js","sources":["../../../../../src/components/filter/MrlFilter/MrlFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlFilterContextProvider } from '../MrlFilterContext';\nimport classnames from 'classnames';\nimport styles from './MrlFilter.module.scss';\nimport { MrlRovingTabindex, RovingPropTypes } from '../../rovingTabindex';\nimport { DataQa } from '../../../utils/dataQa';\n\nexport type MrlFilterProps = {\n\t/**\n\t * The label for the radio group.\n\t */\n\tradioGroupLabel: string;\n\t/**\n\t * The children elements to be rendered within the MrlFilter component.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * Callback function that is called when the filter value changes.\n\t */\n\tonFilterChange?: (checked: string) => void;\n\t/**\n\t * The default checked value for the filter. It will match the value of the MrlFilterItem.\n\t */\n\tdefaultCheckedValue?: string;\n} & Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultChecked' | 'defaultValue'> &\n\tRequired<Pick<RovingPropTypes, 'orientation'>> &\n\tDataQa;\n\n/**\n * MrlFilter component.\n *\n * @param props - The component props.\n * @returns The MrlFilter component.\n */\nexport function MrlFilter(props: MrlFilterProps): React.ReactElement {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tdefaultCheckedValue,\n\t\tonFilterChange,\n\t\torientation,\n\t\tradioGroupLabel,\n\t\t['data-qa']: dataQa,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<MrlFilterContextProvider\n\t\t\tdefaultCheckedValue={defaultCheckedValue}\n\t\t\tonFilterChange={onFilterChange}\n\t\t>\n\t\t\t<MrlRovingTabindex orientation={orientation}>\n\t\t\t\t<div\n\t\t\t\t\t{...rest}\n\t\t\t\t\tdata-qa={dataQa}\n\t\t\t\t\taria-label={radioGroupLabel}\n\t\t\t\t\trole=\"radiogroup\"\n\t\t\t\t\tclassName={classnames(styles['MrlFilter'], 'MrlFilter', className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</MrlRovingTabindex>\n\t\t</MrlFilterContextProvider>\n\t);\n}\n"],"names":["MrlFilter","props","children","className","defaultCheckedValue","onFilterChange","orientation","radioGroupLabel","dataQa","rest","_objectWithoutProperties","_excluded","React","createElement","MrlFilterContextProvider","MrlRovingTabindex","_extends","role","classnames","styles"],"mappings":";;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAACC,KAAqB,EAAsB;AACpE,EAAA,IACCC,QAAQ,GAQLD,KAAK,CARRC,QAAQ;IACRC,SAAS,GAONF,KAAK,CAPRE,SAAS;IACTC,mBAAmB,GAMhBH,KAAK,CANRG,mBAAmB;IACnBC,cAAc,GAKXJ,KAAK,CALRI,cAAc;IACdC,WAAW,GAIRL,KAAK,CAJRK,WAAW;IACXC,eAAe,GAGZN,KAAK,CAHRM,eAAe;IACFC,MAAM,GAEhBP,KAAK,CAFP,SAAS,CAAA;AACPQ,IAAAA,IAAI,GAAAC,wBAAA,CACJT,KAAK,EAAAU,SAAA,CAAA;AAET,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,wBAAwB,EAAA;AACxBV,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,cAAc,EAAEA;AAAe,GAAA,eAE/BO,KAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AAACT,IAAAA,WAAW,EAAEA;AAAY,GAAA,eAC3CM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAG,QAAA,KACKP,IAAI,EAAA;AACR,IAAA,SAAA,EAASD,MAAO;AAChB,IAAA,YAAA,EAAYD,eAAgB;AAC5BU,IAAAA,IAAI,EAAC,YAAY;IACjBd,SAAS,EAAEe,UAAU,CAACC,MAAM,CAAC,WAAW,CAAC,EAAE,WAAW,EAAEhB,SAAS;GAAE,CAAA,EAElED,QACG,CACa,CACM,CAAC;AAE7B;;;;"}

package/dist/esm/components/filter/MrlFilter/MrlFilter.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlFilter":"MrlFilter--f_g2l"};
+
+export { styles as default };
+//# sourceMappingURL=MrlFilter.module.scss.js.map

package/dist/esm/components/filter/MrlFilter/MrlFilter.module.scss.js.map

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

package/dist/esm/components/filter/MrlFilterContext/MrlFilterContext.js

@@ -0,0 +1,73 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+/**
+ * Context for the MrlFilter component.
+ *
+ * This context provides the state and dispatch function for managing the filter state.
+ * It is used internally by the MrlFilterContextProvider and can be accessed via the useMrlFilterContext hook.
+ */
+var MrlFilterContext = /*#__PURE__*/React.createContext(undefined);
+var mrlFilterReducer = (state, action) => {
+  switch (action.type) {
+    case 'SET_CHECKED':
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          checked: action.payload
+        });
+      }
+    default:
+      return state;
+  }
+};
+/**
+ * MrlFilterContextProvider component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilterContextProvider component.
+ */
+function MrlFilterContextProvider(props) {
+  var children = props.children,
+    _props$defaultChecked = props.defaultCheckedValue,
+    defaultCheckedValue = _props$defaultChecked === void 0 ? '' : _props$defaultChecked,
+    onFilterChange = props.onFilterChange;
+  var isInitialRenderRef = React.useRef(true);
+  var _React$useReducer = React.useReducer(mrlFilterReducer, {
+      checked: defaultCheckedValue
+    }),
+    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  React.useEffect(() => {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else {
+      onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(state.checked);
+    }
+  }, [state.checked, onFilterChange]);
+  return /*#__PURE__*/React.createElement(MrlFilterContext.Provider, {
+    value: {
+      dispatch,
+      state
+    }
+  }, children);
+}
+
+/**
+ * Custom hook to use the MrlFilterContext.
+ *
+ * This hook provides access to the MrlFilterContext value.
+ *
+ * @returns The MrlFilterContext value.
+ * @throws Will throw an error if used outside of a MrlFilterContextProvider.
+ */
+var useMrlFilterContext = () => {
+  var context = React.useContext(MrlFilterContext);
+  if (!context) {
+    throw new Error('useMrlFilterContext must be used within a MrlFilterContextProvider');
+  }
+  return context;
+};
+
+export { MrlFilterContextProvider, useMrlFilterContext };
+//# sourceMappingURL=MrlFilterContext.js.map

package/dist/esm/components/filter/MrlFilterContext/MrlFilterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFilterContext.js","sources":["../../../../../src/components/filter/MrlFilterContext/MrlFilterContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlFilterProps } from '../MrlFilter/MrlFilter';\n\ntype MrlFilterState = {\n\tchecked: string;\n};\n\ntype MrlFilterContextValue = {\n\tstate: MrlFilterState;\n\tdispatch: React.Dispatch<MrlFilterAction>;\n};\n\n/**\n * Context for the MrlFilter component.\n *\n * This context provides the state and dispatch function for managing the filter state.\n * It is used internally by the MrlFilterContextProvider and can be accessed via the useMrlFilterContext hook.\n */\nconst MrlFilterContext = React.createContext<MrlFilterContextValue | undefined>(undefined);\n\ntype SET_CHECKED = {\n\ttype: 'SET_CHECKED';\n\tpayload: string;\n};\n\ntype MrlFilterAction = SET_CHECKED;\n\nconst mrlFilterReducer = (state: MrlFilterState, action: MrlFilterAction): MrlFilterState => {\n\tswitch (action.type) {\n\t\tcase 'SET_CHECKED': {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tchecked: action.payload\n\t\t\t};\n\t\t}\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\ntype MrlFilterContextProviderProps = {\n\tchildren: React.ReactNode;\n} & Pick<MrlFilterProps, 'defaultCheckedValue' | 'onFilterChange'>;\n\n/**\n * MrlFilterContextProvider component.\n *\n * @param props - The component props.\n * @returns The MrlFilterContextProvider component.\n */\nexport function MrlFilterContextProvider(props: MrlFilterContextProviderProps): JSX.Element {\n\tconst { children, defaultCheckedValue = '', onFilterChange } = props;\n\tconst isInitialRenderRef = React.useRef(true);\n\n\tconst [state, dispatch] = React.useReducer(mrlFilterReducer, {\n\t\tchecked: defaultCheckedValue\n\t});\n\n\tReact.useEffect(() => {\n\t\tif (isInitialRenderRef.current) {\n\t\t\tisInitialRenderRef.current = false;\n\t\t} else {\n\t\t\tonFilterChange?.(state.checked);\n\t\t}\n\t}, [state.checked, onFilterChange]);\n\n\treturn (\n\t\t<MrlFilterContext.Provider value={{ dispatch, state }}>{children}</MrlFilterContext.Provider>\n\t);\n}\n\n/**\n * Custom hook to use the MrlFilterContext.\n *\n * This hook provides access to the MrlFilterContext value.\n *\n * @returns The MrlFilterContext value.\n * @throws Will throw an error if used outside of a MrlFilterContextProvider.\n */\nexport const useMrlFilterContext = (): MrlFilterContextValue => {\n\tconst context = React.useContext(MrlFilterContext);\n\tif (!context) {\n\t\tthrow new Error('useMrlFilterContext must be used within a MrlFilterContextProvider');\n\t}\n\treturn context;\n};\n"],"names":["MrlFilterContext","React","createContext","undefined","mrlFilterReducer","state","action","type","_objectSpread","checked","payload","MrlFilterContextProvider","props","children","_props$defaultChecked","defaultCheckedValue","onFilterChange","isInitialRenderRef","useRef","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","dispatch","useEffect","current","createElement","Provider","value","useMrlFilterContext","context","useContext","Error"],"mappings":";;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAAoCC,SAAS,CAAC;AAS1F,IAAMC,gBAAgB,GAAGA,CAACC,KAAqB,EAAEC,MAAuB,KAAqB;EAC5F,QAAQA,MAAM,CAACC,IAAI;AAClB,IAAA,KAAK,aAAa;AAAE,MAAA;AACnB,QAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIH,KAAK,CAAA,EAAA,EAAA,EAAA;UACRI,OAAO,EAAEH,MAAM,CAACI;AAAO,SAAA,CAAA;AAEzB,MAAA;AACA,IAAA;AACC,MAAA,OAAOL,KAAK;AACd;AACD,CAAC;AAMD;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,wBAAwBA,CAACC,KAAoC,EAAe;AAC3F,EAAA,IAAQC,QAAQ,GAA+CD,KAAK,CAA5DC,QAAQ;IAAAC,qBAAA,GAA+CF,KAAK,CAAlDG,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;AAC1D,EAAA,IAAMC,kBAAkB,GAAGhB,KAAK,CAACiB,MAAM,CAAC,IAAI,CAAC;AAE7C,EAAA,IAAAC,iBAAA,GAA0BlB,KAAK,CAACmB,UAAU,CAAChB,gBAAgB,EAAE;AAC5DK,MAAAA,OAAO,EAAEM;AACV,KAAC,CAAC;IAAAM,kBAAA,GAAAC,cAAA,CAAAH,iBAAA,EAAA,CAAA,CAAA;AAFKd,IAAAA,KAAK,GAAAgB,kBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,kBAAA,CAAA,CAAA,CAAA;EAItBpB,KAAK,CAACuB,SAAS,CAAC,MAAM;IACrB,IAAIP,kBAAkB,CAACQ,OAAO,EAAE;MAC/BR,kBAAkB,CAACQ,OAAO,GAAG,KAAK;AACnC,IAAA,CAAC,MAAM;MACNT,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,MAAA,GAAA,MAAA,GAAdA,cAAc,CAAGX,KAAK,CAACI,OAAO,CAAC;AAChC,IAAA;EACD,CAAC,EAAE,CAACJ,KAAK,CAACI,OAAO,EAAEO,cAAc,CAAC,CAAC;AAEnC,EAAA,oBACCf,KAAA,CAAAyB,aAAA,CAAC1B,gBAAgB,CAAC2B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MAAEL,QAAQ;AAAElB,MAAAA;AAAM;AAAE,GAAA,EAAEQ,QAAoC,CAAC;AAE/F;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMgB,mBAAmB,GAAGA,MAA6B;AAC/D,EAAA,IAAMC,OAAO,GAAG7B,KAAK,CAAC8B,UAAU,CAAC/B,gBAAgB,CAAC;EAClD,IAAI,CAAC8B,OAAO,EAAE;AACb,IAAA,MAAM,IAAIE,KAAK,CAAC,oEAAoE,CAAC;AACtF,EAAA;AACA,EAAA,OAAOF,OAAO;AACf;;;;"}