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

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

@@ -0,0 +1,83 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlEmpty_module = require('../MrlEmpty.module.scss.js');
+var MrlGrid = require('../../grid/MrlGrid/MrlGrid.js');
+var MrlRow = require('../../grid/MrlRow/MrlRow.js');
+var MrlCol = require('../../grid/MrlCol/MrlCol.js');
+var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
+var MrlText = require('../../text/MrlText/MrlText.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var classNames = classnames__default.default(MrlEmpty_module.default['mrl-empty'], MrlEmpty_module.default['mrl-empty-default']);
+  return /*#__PURE__*/React__namespace.createElement(MrlGrid.MrlGrid, _rollupPluginBabelHelpers.extends({
+    className: classNames
+  }, rest), graphic && /*#__PURE__*/React__namespace.createElement(MrlRow.MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React__namespace.createElement(MrlCol.MrlCol, {
+    col: 12
+  }, graphic)), /*#__PURE__*/React__namespace.createElement(MrlRow.MrlRow, {
+    align: "center",
+    justify: "center",
+    className: MrlEmpty_module.default['mrl-empty-text']
+  }, /*#__PURE__*/React__namespace.createElement(MrlCol.MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
+    level: "4",
+    hierarchy: "primary",
+    size: "medium",
+    kind: "title"
+  }, heading)), /*#__PURE__*/React__namespace.createElement(MrlCol.MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
+    size: "xsmall",
+    attrs: {
+      className: MrlEmpty_module.default['mrl-empty-color-text-secondary']
+    }
+  }, description))), action && /*#__PURE__*/React__namespace.createElement(MrlRow.MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React__namespace.createElement(MrlCol.MrlCol, {
+    col: 12
+  }, action)));
+};
+
+exports.MrlEmpty = MrlEmpty;
+//# sourceMappingURL=MrlEmpty.js.map

package/dist/cjs/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,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,2BAAU,CAACC,uBAAM,CAAC,WAAW,CAAC,EAAEA,uBAAM,CAAC,mBAAmB,CAAC,CAAC;AAE/E,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,eAAO,EAAAC,iCAAA,CAAA;AAACC,IAAAA,SAAS,EAAEP;GAAW,EAAKH,IAAI,GACtCJ,OAAO,iBACPU,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,gBAAA,CAAAC,aAAA,CAACO,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEnB,OAAgB,CAC3B,CACR,eACDU,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC,QAAQ;IAACH,SAAS,EAAEL,uBAAM,CAAC,gBAAgB;AAAE,GAAA,eAC3EC,gBAAA,CAAAC,aAAA,CAACO,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,gBAAA,CAAAC,aAAA,CAACS,6BAAc,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,gBAAA,CAAAC,aAAA,CAACO,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,gBAAA,CAAAC,aAAA,CAACc,eAAO,EAAA;AAACF,IAAAA,IAAI,EAAC,QAAQ;AAACG,IAAAA,KAAK,EAAE;MAAEZ,SAAS,EAAEL,uBAAM,CAAC,gCAAgC;AAAE;GAAE,EACpFR,WACO,CACF,CACD,CAAC,EACRC,MAAM,iBACNQ,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,gBAAA,CAAAC,aAAA,CAACO,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEjB,MAAe,CAC1B,CAED,CAAC;AAEZ;;;;"}

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

@@ -0,0 +1,83 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var MrlEmpty_module = require('../MrlEmpty.module.scss.js');
+var classnames = require('classnames');
+var MrlGrid = require('../../grid/MrlGrid/MrlGrid.js');
+var MrlRow = require('../../grid/MrlRow/MrlRow.js');
+var MrlCol = require('../../grid/MrlCol/MrlCol.js');
+var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
+var MrlText = require('../../text/MrlText/MrlText.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var classNames = classnames__default.default(MrlEmpty_module.default['mrl-empty'], MrlEmpty_module.default['mrl-empty-large']);
+  return /*#__PURE__*/React__namespace.createElement(MrlGrid.MrlGrid, _rollupPluginBabelHelpers.extends({
+    className: classNames
+  }, rest), graphic && /*#__PURE__*/React__namespace.createElement(MrlRow.MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React__namespace.createElement(MrlCol.MrlCol, {
+    col: 12
+  }, graphic)), /*#__PURE__*/React__namespace.createElement(MrlRow.MrlRow, {
+    align: "center",
+    justify: "center",
+    className: MrlEmpty_module.default['mrl-empty-text-large']
+  }, /*#__PURE__*/React__namespace.createElement(MrlCol.MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
+    level: "4",
+    hierarchy: "primary",
+    size: "large",
+    kind: "title"
+  }, heading)), /*#__PURE__*/React__namespace.createElement(MrlCol.MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
+    size: "medium",
+    attrs: {
+      className: MrlEmpty_module.default['mrl-empty-color-text-secondary']
+    }
+  }, description))), action && /*#__PURE__*/React__namespace.createElement(MrlRow.MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React__namespace.createElement(MrlCol.MrlCol, {
+    col: 12
+  }, action)));
+};
+
+exports.MrlEmptyLarge = MrlEmptyLarge;
+//# sourceMappingURL=MrlEmptyLarge.js.map

package/dist/cjs/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,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,2BAAU,CAACC,uBAAM,CAAC,WAAW,CAAC,EAAEA,uBAAM,CAAC,iBAAiB,CAAC,CAAC;AAE7E,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,eAAO,EAAAC,iCAAA,CAAA;AAACC,IAAAA,SAAS,EAAEP;GAAW,EAAKH,IAAI,GACtCJ,OAAO,iBACPU,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,gBAAA,CAAAC,aAAA,CAACO,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEnB,OAAgB,CAC3B,CACR,eACDU,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC,QAAQ;IAACH,SAAS,EAAEL,uBAAM,CAAC,sBAAsB;AAAE,GAAA,eACjFC,gBAAA,CAAAC,aAAA,CAACO,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,gBAAA,CAAAC,aAAA,CAACS,6BAAc,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,gBAAA,CAAAC,aAAA,CAACO,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,gBAAA,CAAAC,aAAA,CAACc,eAAO,EAAA;AAACF,IAAAA,IAAI,EAAC,QAAQ;AAACG,IAAAA,KAAK,EAAE;MAAEZ,SAAS,EAAEL,uBAAM,CAAC,gCAAgC;AAAE;GAAE,EACpFP,WACO,CACF,CACD,CAAC,EACRC,MAAM,iBACNO,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,gBAAA,CAAAC,aAAA,CAACO,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEhB,MAAe,CAC1B,CAED,CAAC;AAEZ;;;;"}

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

@@ -0,0 +1,91 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(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__namespace.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;
+  }
+}
+_rollupPluginBabelHelpers.defineProperty(ErrorBoundary, "getDerivedStateFromError", _error => {
+  return {
+    hasError: true
+  };
+});
+var MrlErrorBoundary = ErrorBoundary;
+
+exports.MrlErrorBoundary = MrlErrorBoundary;
+//# sourceMappingURL=MrlErrorBoundary.js.map

package/dist/cjs/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,gBAAK,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,wCAAA,CA9CKjB,aAAa,EAAA,0BAAA,EAoBiBkB,MAAa,IAAY;EAC3D,OAAO;AAAEZ,IAAAA,QAAQ,EAAE;GAAM;AAC1B,CAAC,CAAA;AA0BK,IAAMa,gBAAgB,GAAGnB;;;;"}

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlFilter_module = require('./MrlFilter.module.scss.js');
+var MrlFilterContext = require('../MrlFilterContext/MrlFilterContext.js');
+var MrlRovingTabindex = require('../../rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__namespace.createElement(MrlFilterContext.MrlFilterContextProvider, {
+    defaultCheckedValue: defaultCheckedValue,
+    onFilterChange: onFilterChange
+  }, /*#__PURE__*/React__namespace.createElement(MrlRovingTabindex.MrlRovingTabindex, {
+    orientation: orientation
+  }, /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    "data-qa": dataQa,
+    "aria-label": radioGroupLabel,
+    role: "radiogroup",
+    className: classnames__default.default(MrlFilter_module.default['MrlFilter'], 'MrlFilter', className)
+  }), children)));
+}
+
+exports.MrlFilter = MrlFilter;
+//# sourceMappingURL=MrlFilter.js.map

package/dist/cjs/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,iDAAA,CACJT,KAAK,EAAAU,SAAA,CAAA;AAET,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,yCAAwB,EAAA;AACxBV,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,cAAc,EAAEA;AAAe,GAAA,eAE/BO,gBAAA,CAAAC,aAAA,CAACE,mCAAiB,EAAA;AAACT,IAAAA,WAAW,EAAEA;AAAY,GAAA,eAC3CM,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAG,iCAAA,KACKP,IAAI,EAAA;AACR,IAAA,SAAA,EAASD,MAAO;AAChB,IAAA,YAAA,EAAYD,eAAgB;AAC5BU,IAAAA,IAAI,EAAC,YAAY;IACjBd,SAAS,EAAEe,2BAAU,CAACC,wBAAM,CAAC,WAAW,CAAC,EAAE,WAAW,EAAEhB,SAAS;GAAE,CAAA,EAElED,QACG,CACa,CACM,CAAC;AAE7B;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlFilter":"MrlFilter--f_g2l"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlFilter.module.scss.js.map

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

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

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

@@ -0,0 +1,96 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(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__namespace.createContext(undefined);
+var mrlFilterReducer = (state, action) => {
+  switch (action.type) {
+    case 'SET_CHECKED':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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__namespace.useRef(true);
+  var _React$useReducer = React__namespace.useReducer(mrlFilterReducer, {
+      checked: defaultCheckedValue
+    }),
+    _React$useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  React__namespace.useEffect(() => {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else {
+      onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(state.checked);
+    }
+  }, [state.checked, onFilterChange]);
+  return /*#__PURE__*/React__namespace.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__namespace.useContext(MrlFilterContext);
+  if (!context) {
+    throw new Error('useMrlFilterContext must be used within a MrlFilterContextProvider');
+  }
+  return context;
+};
+
+exports.MrlFilterContextProvider = MrlFilterContextProvider;
+exports.useMrlFilterContext = useMrlFilterContext;
+//# sourceMappingURL=MrlFilterContext.js.map

package/dist/cjs/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,gBAAK,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,uCAAA,CAAAA,uCAAA,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,gBAAK,CAACiB,MAAM,CAAC,IAAI,CAAC;AAE7C,EAAA,IAAAC,iBAAA,GAA0BlB,gBAAK,CAACmB,UAAU,CAAChB,gBAAgB,EAAE;AAC5DK,MAAAA,OAAO,EAAEM;AACV,KAAC,CAAC;IAAAM,kBAAA,GAAAC,uCAAA,CAAAH,iBAAA,EAAA,CAAA,CAAA;AAFKd,IAAAA,KAAK,GAAAgB,kBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,kBAAA,CAAA,CAAA,CAAA;EAItBpB,gBAAK,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,gBAAA,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,gBAAK,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;;;;;"}

package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlFilterItem_module = require('./MrlFilterItem.module.scss.js');
+var MrlFilterContext = require('../MrlFilterContext/MrlFilterContext.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+var MrlBadge = require('../../badge/MrlBadge/MrlBadge.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+var _excluded = ["data-qa", "id", "children", "className", "value", "count"];
+/**
+ * MrlFilterItem component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilterItem component.
+ */
+function MrlFilterItem(props) {
+  var dataQa = props['data-qa'],
+    id = props.id,
+    children = props.children,
+    className = props.className,
+    value = props.value,
+    count = props.count,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var _useMrlFilterContext = MrlFilterContext.useMrlFilterContext(),
+    state = _useMrlFilterContext.state,
+    dispatch = _useMrlFilterContext.dispatch;
+  function handleFilterChange() {
+    dispatch({
+      payload: value,
+      type: 'SET_CHECKED'
+    });
+  }
+  var filterItemIdRef = React__namespace.useRef(id || setAttributes.getUniqueId('mrl-filter-item'));
+  var isChecked = state.checked === value;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/click-events-have-key-events
+    React__namespace.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+      "data-qa": dataQa,
+      "data-roving": "true",
+      onClick: handleFilterChange,
+      onFocus: handleFilterChange,
+      "aria-checked": isChecked,
+      role: "radio",
+      id: filterItemIdRef.current,
+      className: classnames__default.default(MrlFilterItem_module.default['MrlFilterItem'], 'MrlFilterItem', {
+        [MrlFilterItem_module.default['MrlFilterItem-has-count']]: typeof count !== 'undefined'
+      }, className)
+    }), children, typeof count !== 'undefined' && /*#__PURE__*/React__namespace.createElement(MrlBadge.MrlBadge, {
+      text: String(count),
+      "aria-label": ", ".concat(count, " items")
+    }))
+  );
+}
+
+exports.MrlFilterItem = MrlFilterItem;
+//# sourceMappingURL=MrlFilterItem.js.map

package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFilterItem.js","sources":["../../../../../src/components/filter/MrlFilterItem/MrlFilterItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlFilterItem.module.scss';\nimport { DataQa } from '../../../utils/dataQa';\nimport { getUniqueId } from '../../../utils';\nimport { useMrlFilterContext } from '../MrlFilterContext';\nimport { MrlBadge } from '../../badge';\n\nexport type MrlFilterItemProps = {\n\t/**\n\t * The filter item's value.\n\t */\n\tvalue: string;\n\t/**\n\t * The content to be displayed within the filter item.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * The count of items for this filter option.\n\t */\n\tcount?: number;\n} & React.ComponentPropsWithoutRef<'span'> &\n\tDataQa;\n\n/**\n * MrlFilterItem component.\n *\n * @param props - The component props.\n * @returns The MrlFilterItem component.\n */\nexport function MrlFilterItem(props: MrlFilterItemProps): React.ReactElement {\n\tconst { ['data-qa']: dataQa, id, children, className, value, count, ...rest } = props;\n\n\tconst { state, dispatch } = useMrlFilterContext();\n\n\tfunction handleFilterChange() {\n\t\tdispatch({\n\t\t\tpayload: value,\n\t\t\ttype: 'SET_CHECKED'\n\t\t});\n\t}\n\n\tconst filterItemIdRef = React.useRef<string>(id || getUniqueId('mrl-filter-item'));\n\tconst isChecked = state.checked === value;\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/click-events-have-key-events\n\t\t<span\n\t\t\t{...rest}\n\t\t\tdata-qa={dataQa}\n\t\t\tdata-roving=\"true\"\n\t\t\tonClick={handleFilterChange}\n\t\t\tonFocus={handleFilterChange}\n\t\t\taria-checked={isChecked}\n\t\t\trole=\"radio\"\n\t\t\tid={filterItemIdRef.current}\n\t\t\tclassName={classnames(\n\t\t\t\tstyles['MrlFilterItem'],\n\t\t\t\t'MrlFilterItem',\n\t\t\t\t{\n\t\t\t\t\t[styles['MrlFilterItem-has-count']]: typeof count !== 'undefined'\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{children}\n\t\t\t{typeof count !== 'undefined' && (\n\t\t\t\t<MrlBadge text={String(count)} aria-label={`, ${count} items`} />\n\t\t\t)}\n\t\t</span>\n\t);\n}\n"],"names":["MrlFilterItem","props","dataQa","id","children","className","value","count","rest","_objectWithoutProperties","_excluded","_useMrlFilterContext","useMrlFilterContext","state","dispatch","handleFilterChange","payload","type","filterItemIdRef","React","useRef","getUniqueId","isChecked","checked","createElement","_extends","onClick","onFocus","role","current","classnames","styles","MrlBadge","text","String","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAACC,KAAyB,EAAsB;AAC5E,EAAA,IAAqBC,MAAM,GAAqDD,KAAK,CAA5E,SAAS,CAAA;IAAWE,EAAE,GAAiDF,KAAK,CAAxDE,EAAE;IAAEC,QAAQ,GAAuCH,KAAK,CAApDG,QAAQ;IAAEC,SAAS,GAA4BJ,KAAK,CAA1CI,SAAS;IAAEC,KAAK,GAAqBL,KAAK,CAA/BK,KAAK;IAAEC,KAAK,GAAcN,KAAK,CAAxBM,KAAK;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA;AAErF,EAAA,IAAAC,oBAAA,GAA4BC,oCAAmB,EAAE;IAAzCC,KAAK,GAAAF,oBAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ;EAEvB,SAASC,kBAAkBA,GAAG;AAC7BD,IAAAA,QAAQ,CAAC;AACRE,MAAAA,OAAO,EAAEV,KAAK;AACdW,MAAAA,IAAI,EAAE;AACP,KAAC,CAAC;AACH,EAAA;AAEA,EAAA,IAAMC,eAAe,GAAGC,gBAAK,CAACC,MAAM,CAASjB,EAAE,IAAIkB,yBAAW,CAAC,iBAAiB,CAAC,CAAC;AAClF,EAAA,IAAMC,SAAS,GAAGT,KAAK,CAACU,OAAO,KAAKjB,KAAK;AAEzC,EAAA;AAAA;AACC;AACAa,IAAAA,gBAAA,CAAAK,aAAA,CAAA,MAAA,EAAAC,iCAAA,KACKjB,IAAI,EAAA;AACR,MAAA,SAAA,EAASN,MAAO;AAChB,MAAA,aAAA,EAAY,MAAM;AAClBwB,MAAAA,OAAO,EAAEX,kBAAmB;AAC5BY,MAAAA,OAAO,EAAEZ,kBAAmB;AAC5B,MAAA,cAAA,EAAcO,SAAU;AACxBM,MAAAA,IAAI,EAAC,OAAO;MACZzB,EAAE,EAAEe,eAAe,CAACW,OAAQ;MAC5BxB,SAAS,EAAEyB,2BAAU,CACpBC,4BAAM,CAAC,eAAe,CAAC,EACvB,eAAe,EACf;AACC,QAAA,CAACA,4BAAM,CAAC,yBAAyB,CAAC,GAAG,OAAOxB,KAAK,KAAK;AACvD,OAAC,EACDF,SACD;KAAE,CAAA,EAEDD,QAAQ,EACR,OAAOG,KAAK,KAAK,WAAW,iBAC5BY,gBAAA,CAAAK,aAAA,CAACQ,iBAAQ,EAAA;AAACC,MAAAA,IAAI,EAAEC,MAAM,CAAC3B,KAAK,CAAE;MAAC,YAAA,EAAA,IAAA,CAAA4B,MAAA,CAAiB5B,KAAK,EAAA,QAAA;AAAS,KAAE,CAE5D;AAAC;AAET;;;;"}

package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlFilterItem":"MrlFilterItem--qYLqp","MrlFilterItem-has-count":"MrlFilterItem-has-count--sHcsy"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlFilterItem.module.scss.js.map

package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.module.scss.js.map

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

package/dist/cjs/components/focus-trap/MrlFocusTrap/MrlFocusTrap.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../../utils/trapFocus/index.js');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _excluded = ["children", "disabled", "disableAutofocus", "containerRef"];
+/**
+ * Focus Trap React Component
+ * @param {object} props - The component props.
+ * @param {React.ReactElement} props.children - A function that returns the component's child element and receives a ref to the container.
+ * @param {boolean} [props.disabled] - Specifies whether the focus trap should be disabled.
+ * @param { React.RefObject<HTMLElement>} props.containerRef - Focus trap container reference
+ * @returns {React.ReactElement} - The rendered FocusTrap component.
+ */
+var MrlFocusTrap = _ref => {
+  var children = _ref.children,
+    disabled = _ref.disabled,
+    _ref$disableAutofocus = _ref.disableAutofocus,
+    disableAutofocus = _ref$disableAutofocus === void 0 ? false : _ref$disableAutofocus,
+    containerRef = _ref.containerRef,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var focusTrapRef = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    var cleanupFn = () => {};
+    var containerElement = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || focusTrapRef.current;
+    if (containerElement && !disabled) {
+      cleanupFn = index.trapFocus(containerElement, disableAutofocus);
+    }
+    return cleanupFn;
+  }, [containerRef, disabled, disableAutofocus]);
+  if (typeof children === 'function') {
+    return children(focusTrapRef);
+  }
+  return containerRef ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, " ", children, " ") : /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    ref: focusTrapRef
+  }), children);
+};
+
+exports.MrlFocusTrap = MrlFocusTrap;
+//# sourceMappingURL=MrlFocusTrap.js.map