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

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

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

package/dist/cjs/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/cjs/components/divider/MrlDivider/MrlDivider.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var classnames = require('classnames');
+var React = require('react');
+var constants = require('../constants.js');
+var MrlDivider_module = require('./MrlDivider.module.scss.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+
+function _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+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 ? constants.defaults.kind : _ref$kind,
+    length = _ref.length,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? constants.defaults.orientation : _ref$orientation,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? constants.defaults.spacing : _ref$spacing,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? constants.defaults.weight : _ref$weight,
+    remainingProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var hasDefinedLength = typeof length !== 'undefined' && length !== '';
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes.setAttributes(attrs);
+  // apply classes in a logic order, not based on alphabetization
+  /* eslint-disable sort-keys */
+  var allClasses = classnames(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({
+    'mrl-divider': true
+  }, MrlDivider_module.default.MrlDivider, true), MrlDivider_module.default['MrlDivider--center'], hasDefinedLength), MrlDivider_module.default["MrlDivider--".concat(kind)], kind !== constants.defaults.kind), MrlDivider_module.default["MrlDivider--".concat(orientation)], true), MrlDivider_module.default["MrlDivider--".concat(spacing)], orientation === 'horizontal' ? spacing !== constants.defaults.spacing : spacing === 'none'), MrlDivider_module.default["MrlDivider--".concat(weight)], weight !== constants.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__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    role: "separator",
+    "aria-orientation": orientation,
+    "aria-hidden": "true"
+  }, attributes, remainingProps, {
+    className: allClasses
+  }));
+}
+
+exports.MrlDivider = MrlDivider;
+//# sourceMappingURL=MrlDivider.js.map

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlDivider.module.scss.js.map

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

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

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

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

package/dist/cjs/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/cjs/components/empty/MrlEmpty.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlEmpty.module.scss.js.map

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

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

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

@@ -0,0 +1,79 @@
+'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 _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+var _excluded = ["graphic", "description", "action", "heading"];
+/**
+ * MrlEmpty for when there is no data to display for a single component.
+ * @param MrlEmptyProps props
+ * @returns MrlEmpty component
+ */
+var MrlEmpty = function MrlEmpty(_ref) {
+  var graphic = _ref.graphic,
+    description = _ref.description,
+    action = _ref.action,
+    heading = _ref.heading,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var classNames = classnames(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;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAMa;AAAA,EAAA,IALjCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;AACJC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,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,79 @@
+'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 _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+var _excluded = ["graphic", "heading", "description", "action"];
+/**
+ * MrlEmptyLarge for when there is no data to display for an entire page.
+ * @param MrlEmptyProps props
+ * @returns MrlEmptyLarge
+ */
+var MrlEmptyLarge = function MrlEmptyLarge(_ref) {
+  var graphic = _ref.graphic,
+    heading = _ref.heading,
+    description = _ref.description,
+    action = _ref.action,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var classNames = classnames(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;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAMa;AAAA,EAAA,IALtCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,MAAM,GAAAJ,IAAA,CAANI,MAAM;AACHC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,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,99 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+/**
+ * When an error occurs during rendering, this component catches the error.
+ * Renders a fallback component for a user friendly msg and calls the log error callback.
+ *
+ * Error boundaries DO NOT catch errors for:
+ * Event handlers
+ * Asynchronous code (e.g. setTimeout or requestAnimationFrame callbacks)
+ * Server side rendering
+ * Errors thrown in the error boundary itself (rather than its children)
+ *
+ * @param ErrorProps
+ * @returns ErrorBoundary component
+ */
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  /**
+   * Error boundry
+   *
+   * @param props fallback and logError
+   */
+  function ErrorBoundary(props) {
+    var _this;
+    _rollupPluginBabelHelpers.classCallCheck(this, ErrorBoundary);
+    _this = _rollupPluginBabelHelpers.callSuper(this, ErrorBoundary, [props]);
+    _this.state = {
+      hasError: false
+    };
+    return _this;
+  }
+
+  /**
+   * Update state so the next render will show the fallback UI.
+   *
+   * @param _error Error
+   * @returns State
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  _rollupPluginBabelHelpers.inherits(ErrorBoundary, _React$Component);
+  return _rollupPluginBabelHelpers.createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value:
+    /**
+     * componentDidCatch react lifecycle method
+     *
+     * @param error error object
+     * @param errorInfo react.error info
+     */
+    function componentDidCatch(error, errorInfo) {
+      var _this$props$logError, _this$props;
+      (_this$props$logError = (_this$props = this.props).logError) === null || _this$props$logError === void 0 ? void 0 : _this$props$logError.call(_this$props, error, errorInfo);
+    }
+
+    /**
+     * Renders react node wrapped in error handler.
+     *
+     * @returns React.ReactNode
+     */
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.hasError) {
+        return this.props.fallback;
+      }
+      return this.props.children;
+    }
+  }]);
+}(React__namespace.Component);
+_rollupPluginBabelHelpers.defineProperty(ErrorBoundary, "getDerivedStateFromError", function (_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","props","_this","_classCallCheck","_callSuper","state","hasError","_inherits","_createClass","key","value","componentDidCatch","error","errorInfo","_this$props$logError","_this$props","logError","call","render","fallback","children","React","Component","_defineProperty","_error","MrlErrorBoundary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,IAaMA,aAAa,0BAAAC,gBAAA,EAAA;AAClB;AACD;AACA;AACA;AACA;EACC,SAAAD,aAAAA,CAAYE,KAAiB,EAAE;AAAA,IAAA,IAAAC,KAAA;AAAAC,IAAAA,wCAAA,OAAAJ,aAAA,CAAA;AAC9BG,IAAAA,KAAA,GAAAE,mCAAA,CAAA,IAAA,EAAAL,aAAA,GAAME,KAAK,CAAA,CAAA;IACXC,KAAA,CAAKG,KAAK,GAAG;AACZC,MAAAA,QAAQ,EAAE;KACV;AAAC,IAAA,OAAAJ,KAAA;AACH,EAAA;;AAEA;AACD;AACA;AACA;AACA;AACA;AACC;EAAAK,kCAAA,CAAAR,aAAA,EAAAC,gBAAA,CAAA;EAAA,OAAAQ,qCAAA,CAAAT,aAAA,EAAA,CAAA;IAAAU,GAAA,EAAA,mBAAA;IAAAC,KAAA;AAKA;AACD;AACA;AACA;AACA;AACA;AACC,IAAA,SAAAC,iBAAiBA,CAACC,KAAY,EAAEC,SAA0B,EAAQ;MAAA,IAAAC,oBAAA,EAAAC,WAAA;MACjE,CAAAD,oBAAA,IAAAC,WAAA,GAAA,IAAI,CAACd,KAAK,EAACe,QAAQ,MAAA,IAAA,IAAAF,oBAAA,uBAAnBA,oBAAA,CAAAG,IAAA,CAAAF,WAAA,EAAsBH,KAAK,EAAEC,SAAS,CAAC;AACxC,IAAA;;AAEA;AACD;AACA;AACA;AACA;AAJC,GAAA,EAAA;IAAAJ,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAQ,MAAMA,GAAoB;AACzB,MAAA,IAAI,IAAI,CAACb,KAAK,CAACC,QAAQ,EAAE;AACxB,QAAA,OAAO,IAAI,CAACL,KAAK,CAACkB,QAAQ;AAC3B,MAAA;AAEA,MAAA,OAAO,IAAI,CAAClB,KAAK,CAACmB,QAAQ;AAC3B,IAAA;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CA7C0BC,gBAAK,CAACC,SAAS,CAAA;AAAAC,wCAAA,CAArCxB,aAAa,EAAA,0BAAA,EAoBgB,UAACyB,MAAa,EAAY;EAC3D,OAAO;AAAElB,IAAAA,QAAQ,EAAE;GAAM;AAC1B,CAAC,CAAA;AA0BK,IAAMmB,gBAAgB,GAAG1B;;;;"}

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

@@ -0,0 +1,59 @@
+'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 _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+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(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,UAAU,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,95 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopNamespaceDefault(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__*/_interopNamespaceDefault(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 = function 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(function () {
+    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: dispatch,
+      state: 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 = function 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