@muraldevkit/ui-toolkit 4.68.0-dev-qt54.1 → 4.68.0

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

@@ -1,92 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var dsIcons = require('@muraldevkit/ds-icons');
-var classnames = require('classnames');
-var MrlInlineMessage_module = require('./MrlInlineMessage.module.scss.js');
-var MrlSvg = require('../../svg/MrlSvg/MrlSvg.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", "customIcon", "id", "kind", "message", "data-qa"];
-var getIcon = (kind, customIcon) => {
-  switch (kind) {
-    case 'error':
-      return dsIcons.error;
-    case 'info':
-      return dsIcons.info;
-    case 'warning':
-      return dsIcons.warning;
-    case 'success':
-      return dsIcons.check;
-    default:
-      return customIcon ? customIcon : undefined;
-  }
-};
-var renderIcon = (icon, iconClasses) => {
-  if (icon) {
-    return /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClasses
-    }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
-      size: "auto",
-      svg: icon
-    }));
-  }
-};
-
-/**
- * MrlInlineMessage is a notification component that can be used to display messages to the user.
- * @param props - The properties of the component.
- * @returns A React component.
- */
-var MrlInlineMessage = _ref => {
-  var children = _ref.children,
-    customIcon = _ref.customIcon,
-    id = _ref.id,
-    kind = _ref.kind,
-    message = _ref.message,
-    _ref$dataQa = _ref['data-qa'],
-    qa = _ref$dataQa === void 0 ? 'mrl-inline-notification' : _ref$dataQa,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var icon = getIcon(kind, customIcon);
-  var iconClasses = classnames__default.default(MrlInlineMessage_module.default['MrlInlineMessage-icon']);
-  var notificationClasses = classnames__default.default(MrlInlineMessage_module.default['MrlInlineMessage'], 'MrlInlineMessage', {
-    [MrlInlineMessage_module.default.error]: kind === 'error',
-    [MrlInlineMessage_module.default.information]: kind === 'info',
-    [MrlInlineMessage_module.default.success]: kind === 'success',
-    [MrlInlineMessage_module.default.warning]: kind === 'warning',
-    [MrlInlineMessage_module.default.helper]: kind === 'helper'
-  });
-  return /*#__PURE__*/React__namespace.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
-    className: notificationClasses,
-    "data-qa": qa,
-    id: id
-  }), renderIcon(icon, iconClasses), /*#__PURE__*/React__namespace.createElement("span", {
-    className: "MrlInlineMessage-message"
-  }, typeof message !== 'undefined' ? message : children));
-};
-
-exports.MrlInlineMessage = MrlInlineMessage;
-//# sourceMappingURL=MrlInlineMessage.js.map

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

@@ -1 +0,0 @@
-{"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","information","success","helper","_extends"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAMA,OAAO,GAAGA,CAACC,IAAuB,EAAEC,UAAuB,KAA6B;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,GAAGA,CAClBC,IAA4B,EAC5BC,WAAmB,KACiB;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;AACO,IAAMQ,gBAAgB,GAAGC,IAAA,IAQiB;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,2BAAU,CAACC,+BAAM,CAAC,uBAAuB,CAAC,CAAC;EAE/D,IAAMC,mBAAmB,GAAGF,2BAAU,CAACC,+BAAM,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,EAAE;AACtF,IAAA,CAACA,+BAAM,CAACzB,KAAK,GAAGF,IAAI,KAAK,OAAO;AAChC,IAAA,CAAC2B,+BAAM,CAACE,WAAW,GAAG7B,IAAI,KAAK,MAAM;AACrC,IAAA,CAAC2B,+BAAM,CAACG,OAAO,GAAG9B,IAAI,KAAK,SAAS;AACpC,IAAA,CAAC2B,+BAAM,CAACvB,OAAO,GAAGJ,IAAI,KAAK,SAAS;AACpC,IAAA,CAAC2B,+BAAM,CAACI,MAAM,GAAG/B,IAAI,KAAK;AAC3B,GAAC,CAAC;AAEF,EAAA,oBACCU,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAAqB,iCAAA,KAAUT,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

@@ -1,8 +0,0 @@
-'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

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

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

@@ -1,182 +0,0 @@
-'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 _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", "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 = _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 = () => {
-    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(() => {
-      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__default.default(MrlToast_module.default['MrlToast'], className, MrlToast_module.default["".concat(kind, "Notification")], {
-    [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__default.default(MrlToast_module.default.primaryMessage, 'MrlToast--primaryMessage');
-  var secondaryMessageClasses = classnames__default.default(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

@@ -1 +0,0 @@
-{"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","private","modePrivate","success","check","warning","hasAvatar","darkCollaborator","stickyTextColor","classes","classNames","styles","concat","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

@@ -1,8 +0,0 @@
-'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

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

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

@@ -1,26 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,56 +0,0 @@
-'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 _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", "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__default.default(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

@@ -1 +0,0 @@
-{"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,2BAAU,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

@@ -1,8 +0,0 @@
-'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

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

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

@@ -1,84 +0,0 @@
-'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 _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 = ["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__default.default(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

@@ -1 +0,0 @@
-{"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,2BAAU,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

@@ -1,75 +0,0 @@
-'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 _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 classnames__default = /*#__PURE__*/_interopDefault(classnames);
-var React__namespace = /*#__PURE__*/_interopNamespace(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__default.default(MrlPagination_module.default['MrlPaginationItem'], className);
-  var textClasses = classnames__default.default(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