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

package/dist/cjs/components/notification/MrlInlineMessage/MrlInlineMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlInlineMessage.js","sources":["../../../../../src/components/notification/MrlInlineMessage/MrlInlineMessage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { error, info, warning, check } from '@muraldevkit/ds-icons';\nimport { DSIconType, MrlSvg } from '../../svg';\nimport classNames from 'classnames';\nimport styles from './MrlInlineMessage.module.scss';\n\nexport type InlineMessageKind = 'error' | 'info' | 'warning' | 'success' | 'helper';\n\nexport interface MrlInlineMessageProps {\n\t/**\n\t * A custom DS icon which is only applied if the alert is not an error, info, or warning type\n\t */\n\tcustomIcon?: DSIconType;\n\n\t/**\n\t * The id of the notification.\n\t *\n\t * Used to link the notification to a form field using aria-describedby.\n\t */\n\tid: string;\n\n\t/**\n\t * Choose the kind of notification to display.\n\t *\n\t * Accepted values: error, info, warning, success, helper\n\t */\n\tkind: InlineMessageKind;\n\n\t/**\n\t * The text to be displayed in the notification. If not provided, children will be used.\n\t */\n\tmessage?: string;\n\n\t/**\n\t * Children to be rendered within the component, it will be used as the message if message is not provided.\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * The data-qa attribute for testing purposes.\n\t */\n\t['data-qa']?: string;\n}\n\nconst getIcon = (kind: InlineMessageKind, customIcon?: DSIconType): DSIconType | undefined => {\n\tswitch (kind) {\n\t\tcase 'error':\n\t\t\treturn error;\n\t\tcase 'info':\n\t\t\treturn info;\n\t\tcase 'warning':\n\t\t\treturn warning;\n\t\tcase 'success':\n\t\t\treturn check;\n\t\tdefault:\n\t\t\treturn customIcon ? customIcon : undefined;\n\t}\n};\n\nconst renderIcon = (\n\ticon: DSIconType | undefined,\n\ticonClasses: string\n): React.ReactElement | undefined => {\n\tif (icon) {\n\t\treturn (\n\t\t\t<span className={iconClasses}>\n\t\t\t\t<MrlSvg size=\"auto\" svg={icon} />\n\t\t\t</span>\n\t\t);\n\t}\n};\n\n/**\n * MrlInlineMessage is a notification component that can be used to display messages to the user.\n * @param props - The properties of the component.\n * @returns A React component.\n */\nexport const MrlInlineMessage = ({\n\tchildren,\n\tcustomIcon,\n\tid,\n\tkind,\n\tmessage,\n\t['data-qa']: qa = 'mrl-inline-notification',\n\t...rest\n}: MrlInlineMessageProps): React.ReactElement => {\n\tconst icon = getIcon(kind, customIcon);\n\tconst iconClasses = classNames(styles['MrlInlineMessage-icon']);\n\n\tconst notificationClasses = classNames(styles['MrlInlineMessage'], 'MrlInlineMessage', {\n\t\t[styles.error]: kind === 'error',\n\t\t[styles.information]: kind === 'info',\n\t\t[styles.success]: kind === 'success',\n\t\t[styles.warning]: kind === 'warning',\n\t\t[styles.helper]: kind === 'helper'\n\t});\n\n\treturn (\n\t\t<span {...rest} className={notificationClasses} data-qa={qa} id={id}>\n\t\t\t{renderIcon(icon, iconClasses)}\n\t\t\t<span className=\"MrlInlineMessage-message\">\n\t\t\t\t{typeof message !== 'undefined' ? message : children}\n\t\t\t</span>\n\t\t</span>\n\t);\n};\n"],"names":["getIcon","kind","customIcon","error","info","warning","check","undefined","renderIcon","icon","iconClasses","React","createElement","className","MrlSvg","size","svg","MrlInlineMessage","_ref","children","id","message","_ref$dataQa","qa","rest","_objectWithoutProperties","_excluded","classNames","styles","notificationClasses","_defineProperty","information","success","helper","_extends"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAIC,IAAuB,EAAEC,UAAuB,EAA6B;AAC7F,EAAA,QAAQD,IAAI;AACX,IAAA,KAAK,OAAO;AACX,MAAA,OAAOE,aAAK;AACb,IAAA,KAAK,MAAM;AACV,MAAA,OAAOC,YAAI;AACZ,IAAA,KAAK,SAAS;AACb,MAAA,OAAOC,eAAO;AACf,IAAA,KAAK,SAAS;AACb,MAAA,OAAOC,aAAK;AACb,IAAA;AACC,MAAA,OAAOJ,UAAU,GAAGA,UAAU,GAAGK,SAAS;AAC5C;AACD,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CACfC,IAA4B,EAC5BC,WAAmB,EACiB;AACpC,EAAA,IAAID,IAAI,EAAE;IACT,oBACCE,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,MAAAA,SAAS,EAAEH;AAAY,KAAA,eAC5BC,gBAAA,CAAAC,aAAA,CAACE,aAAM,EAAA;AAACC,MAAAA,IAAI,EAAC,MAAM;AAACC,MAAAA,GAAG,EAAEP;AAAK,KAAE,CAC3B,CAAC;AAET,EAAA;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;IACaQ,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAQoB;AAAA,EAAA,IAPhDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRjB,UAAU,GAAAgB,IAAA,CAAVhB,UAAU;IACVkB,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFnB,IAAI,GAAAiB,IAAA,CAAJjB,IAAI;IACJoB,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,WAAA,GAAAJ,IAAA,CACN,SAAS,CAAA;AAAGK,IAAAA,EAAE,GAAAD,WAAA,KAAA,MAAA,GAAG,yBAAyB,GAAAA,WAAA;AACxCE,IAAAA,IAAI,GAAAC,iDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAMjB,IAAI,GAAGT,OAAO,CAACC,IAAI,EAAEC,UAAU,CAAC;EACtC,IAAMQ,WAAW,GAAGiB,UAAU,CAACC,+BAAM,CAAC,uBAAuB,CAAC,CAAC;AAE/D,EAAA,IAAMC,mBAAmB,GAAGF,UAAU,CAACC,+BAAM,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,EAAAE,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACnFF,+BAAM,CAACzB,KAAK,EAAGF,IAAI,KAAK,OAAO,CAAA,EAC/B2B,+BAAM,CAACG,WAAW,EAAG9B,IAAI,KAAK,MAAM,CAAA,EACpC2B,+BAAM,CAACI,OAAO,EAAG/B,IAAI,KAAK,SAAS,CAAA,EACnC2B,+BAAM,CAACvB,OAAO,EAAGJ,IAAI,KAAK,SAAS,CAAA,EACnC2B,+BAAM,CAACK,MAAM,EAAGhC,IAAI,KAAK,QAAQ,CAClC,CAAC;AAEF,EAAA,oBACCU,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAAsB,iCAAA,KAAUV,IAAI,EAAA;AAAEX,IAAAA,SAAS,EAAEgB,mBAAoB;AAAC,IAAA,SAAA,EAASN,EAAG;AAACH,IAAAA,EAAE,EAAEA;GAAG,CAAA,EAClEZ,UAAU,CAACC,IAAI,EAAEC,WAAW,CAAC,eAC9BC,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC;GAA0B,EACxC,OAAOQ,OAAO,KAAK,WAAW,GAAGA,OAAO,GAAGF,QACvC,CACD,CAAC;AAET;;;;"}

package/dist/cjs/components/notification/MrlInlineMessage/MrlInlineMessage.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlInlineMessage":"MrlInlineMessage--QFQ5I","helper":"helper--t6Wxz","error":"error--dG1GD","information":"information--FFyzz","warning":"warning--G_zyY","success":"success--nrMdN","MrlInlineMessage-icon":"MrlInlineMessage-icon--Lvzuc"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlInlineMessage.module.scss.js.map

package/dist/cjs/components/notification/MrlInlineMessage/MrlInlineMessage.module.scss.js.map

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

package/dist/cjs/components/notification/MrlToast/MrlToast.js

@@ -0,0 +1,173 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var dsIcons = require('@muraldevkit/ds-icons');
+var colors = require('@tactivos/mural-shared/lib/colors');
+var MrlToast_module = require('./MrlToast.module.scss.js');
+var classnames = require('classnames');
+var index = require('../../../utils/layers/index.js');
+var useAutoClose = require('../../../hooks/useAutoClose/useAutoClose.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
+var MrlLink = require('../../link/MrlLink/MrlLink.js');
+var MrlButton = require('../../button/MrlButton/MrlButton.js');
+var MrlIconButton = require('../../button/MrlIconButton/MrlIconButton.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 = ["data-qa", "autoClose", "avatar", "backgroundColor", "className", "closeAfterMs", "kind", "link", "onClose", "primaryCTA", "primaryMessage", "secondaryCTA", "secondaryMessage", "showCloseButton", "showIcon"];
+/**
+ * MrlToast component.
+ * @param {MrlToastProps} props - The props for the MrlToast component.
+ * @returns {React.ReactElement} The MrlToast component.
+ */
+var MrlToast = function MrlToast(_ref) {
+  var _ref$dataQa = _ref['data-qa'],
+    qa = _ref$dataQa === void 0 ? 'toast-notification' : _ref$dataQa,
+    _ref$autoClose = _ref.autoClose,
+    autoClose = _ref$autoClose === void 0 ? true : _ref$autoClose,
+    avatar = _ref.avatar,
+    backgroundColor = _ref.backgroundColor,
+    className = _ref.className,
+    _ref$closeAfterMs = _ref.closeAfterMs,
+    closeAfterMs = _ref$closeAfterMs === void 0 ? 3000 : _ref$closeAfterMs,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? 'info' : _ref$kind,
+    link = _ref.link,
+    onClose = _ref.onClose,
+    primaryCTA = _ref.primaryCTA,
+    primaryMessage = _ref.primaryMessage,
+    secondaryCTA = _ref.secondaryCTA,
+    secondaryMessage = _ref.secondaryMessage,
+    _ref$showCloseButton = _ref.showCloseButton,
+    showCloseButton = _ref$showCloseButton === void 0 ? false : _ref$showCloseButton,
+    _ref$showIcon = _ref.showIcon,
+    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  // Set to true if any buttons exist on the toast, false otherwise
+  var hasInteractiveElements = showCloseButton || primaryCTA || secondaryCTA;
+
+  // Allowing autoClose when there are interactive elements in the toast is an anti-pattern
+  // and should be avoided. If autoClose is set to true and interactive elements exist, the
+  // toast will not close automatically.
+  var shouldAutoClose = autoClose && !hasInteractiveElements;
+
+  /* Boolean value tracking if the close timeout has been reached */
+  var _useAutoClose = useAutoClose.useAutoClose(shouldAutoClose, closeAfterMs, onClose),
+    _useAutoClose2 = _rollupPluginBabelHelpers.slicedToArray(_useAutoClose, 2),
+    closed = _useAutoClose2[0],
+    setClosed = _useAutoClose2[1];
+  var handleClose = function handleClose() {
+    setClosed(true);
+
+    // Slightly delay the onClose callback to allow the toast to animate out.
+    // This will prevent the toast from disappearing abruptly depending on how
+    // it is implemented within the application
+    setTimeout(function () {
+      if (onClose) onClose();
+    }, 500);
+  };
+  var DEFAULT_ICONS = {
+    collaborator: dsIcons.lock,
+    error: dsIcons.error,
+    info: dsIcons.info,
+    "private": dsIcons.modePrivate,
+    success: dsIcons.check,
+    warning: dsIcons.warning
+  };
+  var hasAvatar = typeof avatar !== 'undefined' && kind === 'collaborator';
+  var darkCollaborator = kind === 'collaborator' && backgroundColor && colors.stickyTextColor(backgroundColor, 'light', 'dark') === 'light';
+  var classes = classnames(MrlToast_module.default['MrlToast'], className, MrlToast_module.default["".concat(kind, "Notification")], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlToast_module.default.darkCollaborator, !!darkCollaborator), MrlToast_module.default.closing, closed), MrlToast_module.default['has-cta'], !!hasInteractiveElements), MrlToast_module.default['has-avatar'], hasAvatar));
+  var closeButtonkind = kind === 'warning' || darkCollaborator ? 'ghost' : 'ghost-inverse';
+  var customTextColor = !!backgroundColor && kind === 'collaborator' ? colors.stickyTextColor(backgroundColor, '#000000', '#ffffff') : undefined;
+  var primaryMessageClasses = classnames(MrlToast_module.default.primaryMessage, 'MrlToast--primaryMessage');
+  var secondaryMessageClasses = classnames(MrlToast_module.default.secondaryMessage, 'MrlToast--secondaryMessage');
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: classes,
+    "data-qa": qa,
+    style: {
+      backgroundColor: kind === 'collaborator' ? backgroundColor : undefined,
+      color: customTextColor,
+      zIndex: index.PORTAL_LAYERS.TOAST.zIndex
+    }
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: MrlToast_module.default.content
+  }, hasAvatar && /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlToast_module.default.avatarWrapper
+  }, avatar), !hasAvatar && showIcon && /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlToast_module.default.iconWrapper
+  }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    size: "small",
+    svg: DEFAULT_ICONS[kind] || dsIcons.info
+  })), /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlToast_module.default.textContent
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: primaryMessageClasses,
+    "data-qa": "toast-primary-content"
+  }, primaryMessage), ' ', /*#__PURE__*/React__namespace.createElement("span", {
+    className: secondaryMessageClasses
+  }, secondaryMessage), link && /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlToast_module.default.link
+  }, /*#__PURE__*/React__namespace.createElement(MrlLink.MrlLink, {
+    text: link.text,
+    href: link.url,
+    kind: "simple",
+    style: {
+      color: 'inherit'
+    },
+    size: "small"
+  })))), hasInteractiveElements && /*#__PURE__*/React__namespace.createElement("div", {
+    className: MrlToast_module.default['cta-container']
+  }, secondaryCTA && /*#__PURE__*/React__namespace.createElement(MrlButton.MrlButton, {
+    attrs: {
+      className: MrlToast_module.default['cta--secondary']
+    },
+    "data-qa": secondaryCTA.dataQa,
+    kind: "inverse",
+    onClick: secondaryCTA.onClick,
+    size: "xsmall",
+    text: secondaryCTA.text
+  }), primaryCTA && /*#__PURE__*/React__namespace.createElement(MrlButton.MrlButton, {
+    attrs: {
+      className: MrlToast_module.default['cta--primary']
+    },
+    "data-qa": primaryCTA.dataQa,
+    kind: "inverse",
+    onClick: primaryCTA.onClick,
+    size: "xsmall",
+    text: primaryCTA.text
+  }), showCloseButton && /*#__PURE__*/React__namespace.createElement(MrlIconButton.MrlIconButton, {
+    attrs: {
+      className: MrlToast_module.default['cta--close']
+    },
+    "data-qa": "mrl-toast-close-button",
+    icon: /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      svg: dsIcons.close
+    }),
+    kind: closeButtonkind,
+    onClick: handleClose,
+    size: "xsmall",
+    text: "Close",
+    state: "default"
+  })));
+};
+
+exports.MrlToast = MrlToast;
+//# sourceMappingURL=MrlToast.js.map

package/dist/cjs/components/notification/MrlToast/MrlToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlToast.js","sources":["../../../../../src/components/notification/MrlToast/MrlToast.tsx"],"sourcesContent":["import * as React from 'react';\nimport { check, close, error, info, lock, modePrivate, warning } from '@muraldevkit/ds-icons';\nimport { stickyTextColor } from '@tactivos/mural-shared/lib/colors';\nimport { MrlIconButton, MrlButton } from '../../button';\nimport { MrlLink } from '../../link';\nimport { MrlSvg, DSIconType } from '../../svg';\nimport { MrlAvatarPropTypes } from '../../avatar/MrlAvatar';\nimport styles from './MrlToast.module.scss';\nimport classNames from 'classnames';\nimport { NotificationKind } from '../constants';\nimport { PORTAL_LAYERS as layers } from '../../../utils/layers';\nimport { useAutoClose } from '../../../hooks/useAutoClose';\n\nexport type MrlToastKind = NotificationKind | 'collaborator' | 'general';\n\nexport type MrlToastPosition = 'bottom' | 'top';\n\nexport interface MrlToastCTA {\n\tonClick: () => void;\n\ttext: string;\n\tdataQa: string;\n}\n\nexport interface MrlToastLink {\n\ttext: string;\n\turl: string;\n}\n\nexport interface MrlToastProps {\n\t['data-qa']?: string;\n\t/**\n\t * Determines whether the Toast Notification should automatically close after the time specified in `closeAfterMs` (default 3000ms).\n\t *\n\t * Note: auto-closing is only possible when no interactive elements (e.g. close button & CTA's) exist on the toast notification\n\t */\n\tautoClose?: boolean;\n\t/**\n\t * A MrlAvatar component instance to display in the toast notification.\n\t *\n\t * Note: This is only applicable when `kind` is set to 'collaborator'. When provided, the avatar will be shown instead of the default icon.\n\t * The `showIcon` prop will be ignored when `avatar` is present.\n\t *\n\t * @example\n\t * ```tsx\n\t * <MrlToast\n\t *   kind=\"collaborator\"\n\t *   avatar={<MrlAvatar name=\"John Doe\" size=\"small\" avatarColor=\"#FF5733\" />}\n\t *   primaryMessage=\"John Doe joined the mural\"\n\t * />\n\t * ```\n\t */\n\tavatar?: React.ReactElement<MrlAvatarPropTypes>;\n\t/**\n\t * Sets the background color of the toast notification.\n\t *\n\t * Note: this is only applicable when the `kind` is set to 'collaborator'.\n\t */\n\tbackgroundColor?: string;\n\tclassName?: string;\n\t/**\n\t * The time in milliseconds after which the toast notification should automatically close.\n\t */\n\tcloseAfterMs?: number;\n\tkind?: MrlToastKind;\n\tlink?: MrlToastLink;\n\tonClose?: () => void;\n\tprimaryCTA?: MrlToastCTA;\n\tprimaryMessage: string | JSX.Element;\n\tsecondaryCTA?: MrlToastCTA;\n\tsecondaryMessage?: string | JSX.Element;\n\t/** Determines whether the close icon button should be shown. */\n\tshowCloseButton?: boolean;\n\tshowIcon?: boolean;\n}\n\n/**\n * MrlToast component.\n * @param {MrlToastProps} props - The props for the MrlToast component.\n * @returns {React.ReactElement} The MrlToast component.\n */\nexport const MrlToast = ({\n\t['data-qa']: qa = 'toast-notification',\n\tautoClose = true,\n\tavatar,\n\tbackgroundColor,\n\tclassName,\n\tcloseAfterMs = 3000,\n\tkind = 'info',\n\tlink,\n\tonClose,\n\tprimaryCTA,\n\tprimaryMessage,\n\tsecondaryCTA,\n\tsecondaryMessage,\n\tshowCloseButton = false,\n\tshowIcon = true,\n\t...rest\n}: MrlToastProps): React.ReactElement => {\n\t// Set to true if any buttons exist on the toast, false otherwise\n\tconst hasInteractiveElements = showCloseButton || primaryCTA || secondaryCTA;\n\n\t// Allowing autoClose when there are interactive elements in the toast is an anti-pattern\n\t// and should be avoided. If autoClose is set to true and interactive elements exist, the\n\t// toast will not close automatically.\n\tconst shouldAutoClose = autoClose && !hasInteractiveElements;\n\n\t/* Boolean value tracking if the close timeout has been reached */\n\tconst [closed, setClosed] = useAutoClose(shouldAutoClose, closeAfterMs, onClose);\n\n\tconst handleClose = (): void => {\n\t\tsetClosed(true);\n\n\t\t// Slightly delay the onClose callback to allow the toast to animate out.\n\t\t// This will prevent the toast from disappearing abruptly depending on how\n\t\t// it is implemented within the application\n\t\tsetTimeout(() => {\n\t\t\tif (onClose) onClose();\n\t\t}, 500);\n\t};\n\n\tconst DEFAULT_ICONS: Partial<Record<MrlToastKind, DSIconType>> = {\n\t\tcollaborator: lock,\n\t\terror,\n\t\tinfo,\n\t\tprivate: modePrivate,\n\t\tsuccess: check,\n\t\twarning\n\t};\n\n\tconst hasAvatar = typeof avatar !== 'undefined' && kind === 'collaborator';\n\n\tconst darkCollaborator =\n\t\tkind === 'collaborator' &&\n\t\tbackgroundColor &&\n\t\tstickyTextColor(backgroundColor, 'light', 'dark') === 'light';\n\n\tconst classes = classNames(styles['MrlToast'], className, styles[`${kind}Notification`], {\n\t\t[styles.darkCollaborator]: !!darkCollaborator,\n\t\t[styles.closing]: closed,\n\t\t[styles['has-cta']]: !!hasInteractiveElements,\n\t\t[styles['has-avatar']]: hasAvatar\n\t});\n\n\tconst closeButtonkind = kind === 'warning' || darkCollaborator ? 'ghost' : 'ghost-inverse';\n\n\tconst customTextColor =\n\t\t!!backgroundColor && kind === 'collaborator'\n\t\t\t? stickyTextColor(backgroundColor, '#000000', '#ffffff')\n\t\t\t: undefined;\n\n\tconst primaryMessageClasses = classNames(styles.primaryMessage, 'MrlToast--primaryMessage');\n\tconst secondaryMessageClasses = classNames(styles.secondaryMessage, 'MrlToast--secondaryMessage');\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={classes}\n\t\t\tdata-qa={qa}\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: kind === 'collaborator' ? backgroundColor : undefined,\n\t\t\t\tcolor: customTextColor,\n\t\t\t\tzIndex: layers.TOAST.zIndex\n\t\t\t}}\n\t\t>\n\t\t\t<div className={styles.content}>\n\t\t\t\t{hasAvatar && <span className={styles.avatarWrapper}>{avatar}</span>}\n\t\t\t\t{!hasAvatar && showIcon && (\n\t\t\t\t\t<span className={styles.iconWrapper}>\n\t\t\t\t\t\t<MrlSvg size=\"small\" svg={DEFAULT_ICONS[kind] || info} />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<span className={styles.textContent}>\n\t\t\t\t\t<span className={primaryMessageClasses} data-qa=\"toast-primary-content\">\n\t\t\t\t\t\t{primaryMessage}\n\t\t\t\t\t</span>{' '}\n\t\t\t\t\t<span className={secondaryMessageClasses}>{secondaryMessage}</span>\n\t\t\t\t\t{link && (\n\t\t\t\t\t\t<span className={styles.link}>\n\t\t\t\t\t\t\t<MrlLink\n\t\t\t\t\t\t\t\ttext={link.text}\n\t\t\t\t\t\t\t\thref={link.url}\n\t\t\t\t\t\t\t\tkind=\"simple\"\n\t\t\t\t\t\t\t\tstyle={{ color: 'inherit' }}\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t{hasInteractiveElements && (\n\t\t\t\t<div className={styles['cta-container']}>\n\t\t\t\t\t{secondaryCTA && (\n\t\t\t\t\t\t<MrlButton\n\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\tclassName: styles['cta--secondary']\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdata-qa={secondaryCTA.dataQa}\n\t\t\t\t\t\t\tkind=\"inverse\"\n\t\t\t\t\t\t\tonClick={secondaryCTA.onClick}\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\ttext={secondaryCTA.text}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{primaryCTA && (\n\t\t\t\t\t\t<MrlButton\n\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\tclassName: styles['cta--primary']\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdata-qa={primaryCTA.dataQa}\n\t\t\t\t\t\t\tkind=\"inverse\"\n\t\t\t\t\t\t\tonClick={primaryCTA.onClick}\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\ttext={primaryCTA.text}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{showCloseButton && (\n\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\tclassName: styles['cta--close']\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdata-qa=\"mrl-toast-close-button\"\n\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\tkind={closeButtonkind}\n\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["MrlToast","_ref","_ref$dataQa","qa","_ref$autoClose","autoClose","avatar","backgroundColor","className","_ref$closeAfterMs","closeAfterMs","_ref$kind","kind","link","onClose","primaryCTA","primaryMessage","secondaryCTA","secondaryMessage","_ref$showCloseButton","showCloseButton","_ref$showIcon","showIcon","rest","_objectWithoutProperties","_excluded","hasInteractiveElements","shouldAutoClose","_useAutoClose","useAutoClose","_useAutoClose2","_slicedToArray","closed","setClosed","handleClose","setTimeout","DEFAULT_ICONS","collaborator","lock","error","info","modePrivate","success","check","warning","hasAvatar","darkCollaborator","stickyTextColor","classes","classNames","styles","concat","_defineProperty","closing","closeButtonkind","customTextColor","undefined","primaryMessageClasses","secondaryMessageClasses","React","createElement","_extends","style","color","zIndex","layers","TOAST","content","avatarWrapper","iconWrapper","MrlSvg","size","svg","textContent","MrlLink","text","href","url","MrlButton","attrs","dataQa","onClick","MrlIconButton","icon","close","state"],"mappings":"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"}

package/dist/cjs/components/notification/MrlToast/MrlToast.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlToast":"MrlToast--WHnT9","has-cta":"has-cta--D2bJy","has-avatar":"has-avatar--KFztL","closing":"closing--ORG1o","fadeout":"fadeout--tteGt","content":"content--PsaqT","iconWrapper":"iconWrapper--NSYKT","avatarWrapper":"avatarWrapper--TKMkv","textContent":"textContent--g9ima","primaryMessage":"primaryMessage--CwHWD","secondaryMessage":"secondaryMessage--VMVbR","link":"link--Qccyr","cta-container":"cta-container--HMghw","cta":"cta--hhAlS","cta--secondary":"cta--secondary--qRqGT","cta--close":"cta--close--yi8kz","infoNotification":"infoNotification--GObYB","warningNotification":"warningNotification--nnWE0","successNotification":"successNotification--kirSR","errorNotification":"errorNotification--lPM7c","privateNotification":"privateNotification--Uzbo_","generalNotification":"generalNotification--Qmi6y","collaboratorNotification":"collaboratorNotification--JUtKn","darkCollaborator":"darkCollaborator--sIsI9"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlToast.module.scss.js.map

package/dist/cjs/components/notification/MrlToast/MrlToast.module.scss.js.map

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

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

@@ -0,0 +1,26 @@
+'use strict';
+
+/*
+ * Notification component
+ * ------------------------------------------------------------------
+ */
+/**
+ * Default values for props on the Notification component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  dismissible: true,
+  kind: 'info',
+  level: '2',
+  scope: 'page',
+  state: 'open'
+};
+
+/**
+ * Default transition duration for the notification transitions
+ */
+var TransitionDuration = 333;
+
+exports.TransitionDuration = TransitionDuration;
+exports.defaults = defaults;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/notification/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/notification/constants.ts"],"sourcesContent":["/*\n * Notification component\n * ------------------------------------------------------------------\n */\nexport const allowedValues = {\n\tkinds: [\n\t\t'info',\n\t\t'success',\n\t\t'warning',\n\t\t'error',\n\t\t'private',\n\t\t'general'\n\t\t// @todo need to remove 'private' once we release v2\n\t] as const,\n\t// A notification should never have a level 1 hierarchy.\n\t// They should always have a page heading.\n\tlevels: ['2', '3', '4', '5', '6'] as const,\n\tscopes: ['page', 'inline'] as const,\n\tstates: ['open', 'close'] as const\n};\n\nexport type NotificationKind = (typeof allowedValues.kinds)[number];\nexport type NotificationScope = (typeof allowedValues.scopes)[number];\nexport type NotificationState = (typeof allowedValues.states)[number];\nexport type NotificationLevel = (typeof allowedValues.levels)[number];\n\nexport interface NotificationDefaults {\n\tdismissible: boolean;\n\tkind: NotificationKind;\n\tlevel: NotificationLevel;\n\tscope: NotificationScope;\n\tstate: NotificationState;\n}\n\n/**\n * Default values for props on the Notification component;\n * Shared between the component and Storybook\n */\nexport const defaults: NotificationDefaults = {\n\tdismissible: true,\n\tkind: 'info',\n\tlevel: '2',\n\tscope: 'page',\n\tstate: 'open'\n};\n\n/**\n * Default transition duration for the notification transitions\n */\nexport const TransitionDuration = 333;\n"],"names":["defaults","dismissible","kind","level","scope","state","TransitionDuration"],"mappings":";;AAAA;AACA;AACA;AACA;AA+BA;AACA;AACA;AACA;AACO,IAAMA,QAA8B,GAAG;AAC7CC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACO,IAAMC,kBAAkB,GAAG;;;;;"}

package/dist/cjs/components/pagination/MrlPagination/MrlPagination.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlPagination_module = require('./MrlPagination.module.scss.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", "heading", "style"];
+/**
+ * Pagination component
+ *
+ * @param {MrlPaginationProps} props - the component props
+ * @returns pagination
+ */
+function MrlPagination(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$heading = _ref.heading,
+    heading = _ref$heading === void 0 ? 'Pagination' : _ref$heading,
+    style = _ref.style,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames(MrlPagination_module.default['MrlPagination'], className);
+  return /*#__PURE__*/React__namespace.createElement("nav", _rollupPluginBabelHelpers.extends({
+    className: allClasses,
+    "aria-label": heading,
+    style: style
+  }, rest), /*#__PURE__*/React__namespace.createElement("ul", {
+    className: MrlPagination_module.default.MrlPaginationList
+  }, children));
+}
+
+exports.MrlPagination = MrlPagination;
+//# sourceMappingURL=MrlPagination.js.map

package/dist/cjs/components/pagination/MrlPagination/MrlPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPagination.js","sources":["../../../../../src/components/pagination/MrlPagination/MrlPagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './MrlPagination.module.scss';\n\ninterface MrlPaginationProps extends React.ComponentPropsWithoutRef<'nav'> {\n\t/** Elements to be rendered by MrlPagination */\n\tchildren: React.ReactNode;\n\t/** Additional class to add to the nav element */\n\tclassName?: string;\n\t/** Pagination heading */\n\theading?: string;\n\t/** Styles to add to the wrapper for the unordered list */\n\tstyle?: React.CSSProperties;\n}\n\n/**\n * Pagination component\n *\n * @param {MrlPaginationProps} props - the component props\n * @returns pagination\n */\nexport function MrlPagination({\n\tchildren,\n\tclassName,\n\theading = 'Pagination',\n\tstyle,\n\t...rest\n}: MrlPaginationProps): JSX.Element {\n\tconst allClasses = classnames(styles['MrlPagination'], className);\n\n\treturn (\n\t\t<nav className={allClasses} aria-label={heading} style={style}\n\t\t\t{...rest}>\n\t\t\t<ul className={styles.MrlPaginationList}>{children}</ul>\n\t\t</nav>\n\t);\n}\n"],"names":["MrlPagination","_ref","children","className","_ref$heading","heading","style","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","React","createElement","_extends","MrlPaginationList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAMO;AAAA,EAAA,IALnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,YAAA,GAAAH,IAAA,CACTI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,YAAY,GAAAA,YAAA;IACtBE,KAAK,GAAAL,IAAA,CAALK,KAAK;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;EAEP,IAAMC,UAAU,GAAGC,UAAU,CAACC,4BAAM,CAAC,eAAe,CAAC,EAAET,SAAS,CAAC;AAEjE,EAAA,oBACCU,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;AAAKZ,IAAAA,SAAS,EAAEO,UAAW;AAAC,IAAA,YAAA,EAAYL,OAAQ;AAACC,IAAAA,KAAK,EAAEA;AAAM,GAAA,EACzDC,IAAI,CAAA,eACRM,gBAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;IAAIX,SAAS,EAAES,4BAAM,CAACI;GAAkB,EAAEd,QAAa,CACnD,CAAC;AAER;;;;"}

package/dist/cjs/components/pagination/MrlPagination/MrlPagination.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlPagination":"MrlPagination--fCh2a","MrlPaginationList":"MrlPaginationList--X6xAc","MrlPaginationItem":"MrlPaginationItem--t5fZ8","MrlPaginationText":"MrlPaginationText--P1M27","MrlPaginationRange":"MrlPaginationRange--FM225","MrlPaginationDash":"MrlPaginationDash--mz1xd","MrlPaginationTotal":"MrlPaginationTotal--ogBg5"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlPagination.module.scss.js.map

package/dist/cjs/components/pagination/MrlPagination/MrlPagination.module.scss.js.map

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

package/dist/cjs/components/pagination/MrlPaginationButton/MrlPaginationButton.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var dsIcons = require('@muraldevkit/ds-icons');
+var MrlPagination_module = require('../MrlPagination/MrlPagination.module.scss.js');
+var constants = require('../../tooltip/constants.js');
+var MrlIconButton = require('../../button/MrlIconButton/MrlIconButton.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.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 = ["buttonClass", "className", "disabled", "kind", "handleClick", "text", "tooltipAnchor", "tooltipPosition"];
+/**
+ * Pagination button component
+ * @param {MrlPaginationButtonProps} props - the component props
+ * @returns a pagintaion button
+ */
+function MrlPaginationButton(_ref) {
+  var buttonClass = _ref.buttonClass,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    kind = _ref.kind,
+    handleClick = _ref.handleClick,
+    text = _ref.text,
+    _ref$tooltipAnchor = _ref.tooltipAnchor,
+    tooltipAnchor = _ref$tooltipAnchor === void 0 ? constants.MrlTooltipDefaults.anchor : _ref$tooltipAnchor,
+    _ref$tooltipPosition = _ref.tooltipPosition,
+    tooltipPosition = _ref$tooltipPosition === void 0 ? 'top' : _ref$tooltipPosition,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var itemClasses = classnames(MrlPagination_module.default['MrlPaginationItem'], className);
+  var icons = {
+    first: dsIcons.chevronGoToFirst,
+    last: dsIcons.chevronGoToLast,
+    next: dsIcons.chevronRight,
+    previous: dsIcons.chevronLeft
+  };
+  var defaultText = {
+    first: 'Beginning',
+    last: 'End',
+    next: 'Next',
+    previous: 'Previous'
+  };
+  return /*#__PURE__*/React__namespace.createElement("li", {
+    className: itemClasses
+  }, /*#__PURE__*/React__namespace.createElement(MrlIconButton.MrlIconButton, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: buttonClass,
+    kind: "ghost",
+    icon: /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      svg: icons[kind]
+    }),
+    onClick: handleClick,
+    position: tooltipPosition,
+    state: disabled ? 'disabled' : 'default',
+    text: text || defaultText[kind],
+    size: "xsmall",
+    tipAnchor: tooltipAnchor
+  })));
+}
+
+exports.MrlPaginationButton = MrlPaginationButton;
+//# sourceMappingURL=MrlPaginationButton.js.map

package/dist/cjs/components/pagination/MrlPaginationButton/MrlPaginationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPaginationButton.js","sources":["../../../../../src/components/pagination/MrlPaginationButton/MrlPaginationButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport {\n\tMrlIconButton,\n\tMrlSvg,\n\tMrlTooltipAnchor,\n\tMrlTooltipDefaults,\n\tMrlTooltipPosition\n} from '../..';\nimport { PaginationButtonType } from '../constants';\nimport {\n\tchevronGoToFirst,\n\tchevronGoToLast,\n\tchevronLeft,\n\tchevronRight\n} from '@muraldevkit/ds-icons';\n\nimport styles from '../MrlPagination/MrlPagination.module.scss';\n\ninterface MrlPaginationButtonProps {\n\t/** Additional class to add to the button element */\n\tbuttonClass?: string;\n\t/** Additional class to add to the container element */\n\tclassName?: string;\n\tdisabled?: boolean;\n\t/** The type of pagination item  */\n\tkind: PaginationButtonType;\n\t/**\n\t * Click event for the button.\n\t */\n\thandleClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n\t/** Pagination heading */\n\ttext?: string;\n\t/** The anchor of the tooltips on the buttons */\n\ttooltipAnchor?: MrlTooltipAnchor;\n\t/** The placement of the tooltips on the buttons */\n\ttooltipPosition?: MrlTooltipPosition;\n}\n\n/**\n * Pagination button component\n * @param {MrlPaginationButtonProps} props - the component props\n * @returns a pagintaion button\n */\nexport function MrlPaginationButton({\n\tbuttonClass,\n\tclassName,\n\tdisabled,\n\tkind,\n\thandleClick,\n\ttext,\n\ttooltipAnchor = MrlTooltipDefaults.anchor,\n\ttooltipPosition = 'top',\n\t...rest\n}: MrlPaginationButtonProps): JSX.Element {\n\tconst itemClasses = classnames(styles['MrlPaginationItem'], className);\n\tconst icons = {\n\t\tfirst: chevronGoToFirst,\n\t\tlast: chevronGoToLast,\n\t\tnext: chevronRight,\n\t\tprevious: chevronLeft\n\t};\n\tconst defaultText = {\n\t\tfirst: 'Beginning',\n\t\tlast: 'End',\n\t\tnext: 'Next',\n\t\tprevious: 'Previous'\n\t};\n\n\treturn (\n\t\t<li className={itemClasses}>\n\t\t\t<MrlIconButton\n\t\t\t\t{...rest}\n\t\t\t\tclassName={buttonClass}\n\t\t\t\tkind=\"ghost\"\n\t\t\t\ticon={<MrlSvg svg={icons[kind]} />}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tposition={tooltipPosition}\n\t\t\t\tstate={disabled ? 'disabled' : 'default'}\n\t\t\t\ttext={text || defaultText[kind]}\n\t\t\t\tsize=\"xsmall\"\n\t\t\t\ttipAnchor={tooltipAnchor}\n\t\t\t/>\n\t\t</li>\n\t);\n}\n"],"names":["MrlPaginationButton","_ref","buttonClass","className","disabled","kind","handleClick","text","_ref$tooltipAnchor","tooltipAnchor","MrlTooltipDefaults","anchor","_ref$tooltipPosition","tooltipPosition","rest","_objectWithoutProperties","_excluded","itemClasses","classnames","styles","icons","first","chevronGoToFirst","last","chevronGoToLast","next","chevronRight","previous","chevronLeft","defaultText","React","createElement","MrlIconButton","_extends","icon","MrlSvg","svg","onClick","position","state","size","tipAnchor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAAAC,IAAA,EAUO;AAAA,EAAA,IATzCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IAAAC,kBAAA,GAAAP,IAAA,CACJQ,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,MAAA,GAAGE,4BAAkB,CAACC,MAAM,GAAAH,kBAAA;IAAAI,oBAAA,GAAAX,IAAA,CACzCY,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,oBAAA;AACpBE,IAAAA,IAAI,GAAAC,iDAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,UAAU,CAACC,4BAAM,CAAC,mBAAmB,CAAC,EAAEhB,SAAS,CAAC;AACtE,EAAA,IAAMiB,KAAK,GAAG;AACbC,IAAAA,KAAK,EAAEC,wBAAgB;AACvBC,IAAAA,IAAI,EAAEC,uBAAe;AACrBC,IAAAA,IAAI,EAAEC,oBAAY;AAClBC,IAAAA,QAAQ,EAAEC;GACV;AACD,EAAA,IAAMC,WAAW,GAAG;AACnBR,IAAAA,KAAK,EAAE,WAAW;AAClBE,IAAAA,IAAI,EAAE,KAAK;AACXE,IAAAA,IAAI,EAAE,MAAM;AACZE,IAAAA,QAAQ,EAAE;GACV;EAED,oBACCG,gBAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAI5B,IAAAA,SAAS,EAAEc;GAAY,eAC1Ba,gBAAA,CAAAC,aAAA,CAACC,2BAAa,EAAAC,iCAAA,KACTnB,IAAI,EAAA;AACRX,IAAAA,SAAS,EAAED,WAAY;AACvBG,IAAAA,IAAI,EAAC,OAAO;AACZ6B,IAAAA,IAAI,eAAEJ,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;MAACC,GAAG,EAAEhB,KAAK,CAACf,IAAI;AAAE,KAAE,CAAE;AACnCgC,IAAAA,OAAO,EAAE/B,WAAY;AACrBgC,IAAAA,QAAQ,EAAEzB,eAAgB;AAC1B0B,IAAAA,KAAK,EAAEnC,QAAQ,GAAG,UAAU,GAAG,SAAU;AACzCG,IAAAA,IAAI,EAAEA,IAAI,IAAIsB,WAAW,CAACxB,IAAI,CAAE;AAChCmC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,SAAS,EAAEhC;AAAc,GAAA,CACzB,CACE,CAAC;AAEP;;;;"}

package/dist/cjs/components/pagination/MrlPaginationText/MrlPaginationText.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var classnames = require('classnames');
+var React = require('react');
+var MrlPagination_module = require('../MrlPagination/MrlPagination.module.scss.js');
+var MrlLiveRegion = require('../../live-region/MrlLiveRegion/MrlLiveRegion.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 = ["className", "isEstimate", "rangeStart", "rangeEnd", "textClass", "total"];
+/**
+ * Pagination text component
+ * @param {MrlPaginationTextProps} props - the component props
+ * @returns pagination text
+ */
+function MrlPaginationText(_ref) {
+  var className = _ref.className,
+    isEstimate = _ref.isEstimate,
+    rangeStart = _ref.rangeStart,
+    rangeEnd = _ref.rangeEnd,
+    textClass = _ref.textClass,
+    total = _ref.total,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var itemClasses = classnames(MrlPagination_module.default['MrlPaginationItem'], className);
+  var textClasses = classnames(MrlPagination_module.default['MrlPaginationText'], textClass);
+  var _Intl$NumberFormat = Intl.NumberFormat(),
+    format = _Intl$NumberFormat.format;
+  var totalText = isEstimate ? "".concat(format(total), "+") : format(total);
+  var accessibleText = "Results ".concat(format(rangeStart), " through ").concat(format(rangeEnd), " of ").concat(totalText);
+  return /*#__PURE__*/React__namespace.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: itemClasses
+  }), /*#__PURE__*/React__namespace.createElement("span", {
+    "aria-current": "true",
+    "aria-label": accessibleText,
+    className: textClasses
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlPagination_module.default.MrlPaginationRange
+  }, format(rangeStart)), /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlPagination_module.default.MrlPaginationDash
+  }, "-"), /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlPagination_module.default.MrlPaginationRange
+  }, format(rangeEnd)), "of", /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlPagination_module.default.MrlPaginationTotal
+  }, totalText)), /*#__PURE__*/React__namespace.createElement(MrlLiveRegion.MrlLiveRegion, {
+    ariaLive: "assertive",
+    visible: false,
+    srContent: accessibleText,
+    shouldClearContent: true
+  }));
+}
+
+exports.MrlPaginationText = MrlPaginationText;
+//# sourceMappingURL=MrlPaginationText.js.map

package/dist/cjs/components/pagination/MrlPaginationText/MrlPaginationText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPaginationText.js","sources":["../../../../../src/components/pagination/MrlPaginationText/MrlPaginationText.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\n\nimport { MrlLiveRegion } from '../../live-region';\nimport styles from '../MrlPagination/MrlPagination.module.scss';\n\ninterface MrlPaginationTextProps {\n\t/** Additional class to add to the container element */\n\tclassName?: string;\n\t/** Show total as estimate */\n\tisEstimate?: boolean;\n\t/** The last visible item */\n\trangeEnd: number;\n\t/** The first visible item */\n\trangeStart: number;\n\t/** Additional class to add to the text */\n\ttextClass?: string;\n\t/** The total number of items */\n\ttotal: number;\n}\n\n/**\n * Pagination text component\n * @param {MrlPaginationTextProps} props - the component props\n * @returns pagination text\n */\nexport function MrlPaginationText({\n\tclassName,\n\tisEstimate,\n\trangeStart,\n\trangeEnd,\n\ttextClass,\n\ttotal,\n\t...rest\n}: MrlPaginationTextProps): JSX.Element {\n\tconst itemClasses = classnames(styles['MrlPaginationItem'], className);\n\tconst textClasses = classnames(styles['MrlPaginationText'], textClass);\n\tconst { format } = Intl.NumberFormat();\n\tconst totalText = isEstimate ? `${format(total)}+` : format(total);\n\tconst accessibleText = `Results ${format(rangeStart)} through ${format(\n\t\trangeEnd\n\t)} of ${totalText}`;\n\n\treturn (\n\t\t<li {...rest} className={itemClasses}>\n\t\t\t<span aria-current=\"true\" aria-label={accessibleText} className={textClasses}>\n\t\t\t\t<span className={styles.MrlPaginationRange}>{format(rangeStart)}</span>\n\t\t\t\t<span className={styles.MrlPaginationDash}>-</span>\n\t\t\t\t<span className={styles.MrlPaginationRange}>{format(rangeEnd)}</span>\n\t\t\t\tof\n\t\t\t\t<span className={styles.MrlPaginationTotal}>{totalText}</span>\n\t\t\t</span>\n\t\t\t<MrlLiveRegion\n\t\t\t\tariaLive=\"assertive\"\n\t\t\t\tvisible={false}\n\t\t\t\tsrContent={accessibleText}\n\t\t\t\tshouldClearContent\n\t\t\t/>\n\t\t</li>\n\t);\n}\n"],"names":["MrlPaginationText","_ref","className","isEstimate","rangeStart","rangeEnd","textClass","total","rest","_objectWithoutProperties","_excluded","itemClasses","classnames","styles","textClasses","_Intl$NumberFormat","Intl","NumberFormat","format","totalText","concat","accessibleText","React","createElement","_extends","MrlPaginationRange","MrlPaginationDash","MrlPaginationTotal","MrlLiveRegion","ariaLive","visible","srContent","shouldClearContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAAAC,IAAA,EAQO;AAAA,EAAA,IAPvCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,KAAK,GAAAN,IAAA,CAALM,KAAK;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,UAAU,CAACC,4BAAM,CAAC,mBAAmB,CAAC,EAAEX,SAAS,CAAC;EACtE,IAAMY,WAAW,GAAGF,UAAU,CAACC,4BAAM,CAAC,mBAAmB,CAAC,EAAEP,SAAS,CAAC;AACtE,EAAA,IAAAS,kBAAA,GAAmBC,IAAI,CAACC,YAAY,EAAE;IAA9BC,MAAM,GAAAH,kBAAA,CAANG,MAAM;AACd,EAAA,IAAMC,SAAS,GAAGhB,UAAU,GAAA,EAAA,CAAAiB,MAAA,CAAMF,MAAM,CAACX,KAAK,CAAC,EAAA,GAAA,CAAA,GAAMW,MAAM,CAACX,KAAK,CAAC;AAClE,EAAA,IAAMc,cAAc,GAAA,UAAA,CAAAD,MAAA,CAAcF,MAAM,CAACd,UAAU,CAAC,EAAA,WAAA,CAAA,CAAAgB,MAAA,CAAYF,MAAM,CACrEb,QACD,CAAC,UAAAe,MAAA,CAAOD,SAAS,CAAE;AAEnB,EAAA,oBACCG,gBAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,iCAAA,KAAQhB,IAAI,EAAA;AAAEN,IAAAA,SAAS,EAAES;GAAY,CAAA,eACpCW,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,cAAA,EAAa,MAAM;AAAC,IAAA,YAAA,EAAYF,cAAe;AAACnB,IAAAA,SAAS,EAAEY;GAAY,eAC5EQ,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACY;GAAmB,EAAEP,MAAM,CAACd,UAAU,CAAQ,CAAC,eACvEkB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACa;AAAkB,GAAA,EAAC,GAAO,CAAC,eACnDJ,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACY;GAAmB,EAAEP,MAAM,CAACb,QAAQ,CAAQ,CAAC,EAAA,IAErE,eAAAiB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACc;GAAmB,EAAER,SAAgB,CACxD,CAAC,eACPG,gBAAA,CAAAC,aAAA,CAACK,2BAAa,EAAA;AACbC,IAAAA,QAAQ,EAAC,WAAW;AACpBC,IAAAA,OAAO,EAAE,KAAM;AACfC,IAAAA,SAAS,EAAEV,cAAe;IAC1BW,kBAAkB,EAAA;AAAA,GAClB,CACE,CAAC;AAEP;;;;"}