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

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -8,13 +8,6 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-function _assertThisInitialized(e) {
-  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e;
-}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -40,71 +33,6 @@ function _asyncToGenerator(n) {
     });
   };
 }
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
-function _classCallCheck(a, n) {
-  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
-}
-function _defineProperties(e, r) {
-  for (var t = 0; t < r.length; t++) {
-    var o = r[t];
-    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, _toPropertyKey(o.key), o);
-  }
-}
-function _createClass(e, r, t) {
-  return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
-    writable: false
-  }), e;
-}
-function _createForOfIteratorHelper(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (!t) {
-    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
-      t && (r = t);
-      var n = 0,
-        F = function () {};
-      return {
-        s: F,
-        n: function () {
-          return n >= r.length ? {
-            done: true
-          } : {
-            done: false,
-            value: r[n++]
-          };
-        },
-        e: function (r) {
-          throw r;
-        },
-        f: F
-      };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  var o,
-    a = true,
-    u = false;
-  return {
-    s: function () {
-      t = t.call(r);
-    },
-    n: function () {
-      var r = t.next();
-      return a = r.done, r;
-    },
-    e: function (r) {
-      u = true, o = r;
-    },
-    f: function () {
-      try {
-        a || null == t.return || t.return();
-      } finally {
-        if (u) throw o;
-      }
-    }
-  };
-}
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -122,34 +50,6 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-function _getPrototypeOf(t) {
-  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
-    return t.__proto__ || Object.getPrototypeOf(t);
-  }, _getPrototypeOf(t);
-}
-function _inherits(t, e) {
-  if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
-  t.prototype = Object.create(e && e.prototype, {
-    constructor: {
-      value: t,
-      writable: true,
-      configurable: true
-    }
-  }), Object.defineProperty(t, "prototype", {
-    writable: false
-  }), e && _setPrototypeOf(t, e);
-}
-function _isNativeReflectConstruct() {
-  try {
-    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-  } catch (t) {}
-  return (_isNativeReflectConstruct = function () {
-    return !!t;
-  })();
-}
-function _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -180,9 +80,6 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _objectDestructuringEmpty(t) {
   if (null == t) throw new TypeError("Cannot destructure " + t);
 }
@@ -227,130 +124,9 @@ function _objectWithoutPropertiesLoose(r, e) {
   }
   return t;
 }
-function _possibleConstructorReturn(t, e) {
-  if (e && ("object" == typeof e || "function" == typeof e)) return e;
-  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
-  return _assertThisInitialized(t);
-}
-function _regenerator() {
-  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
-  var e,
-    t,
-    r = "function" == typeof Symbol ? Symbol : {},
-    n = r.iterator || "@@iterator",
-    o = r.toStringTag || "@@toStringTag";
-  function i(r, n, o, i) {
-    var c = n && n.prototype instanceof Generator ? n : Generator,
-      u = Object.create(c.prototype);
-    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
-      var i,
-        c,
-        u,
-        f = 0,
-        p = o || [],
-        y = false,
-        G = {
-          p: 0,
-          n: 0,
-          v: e,
-          a: d,
-          f: d.bind(e, 4),
-          d: function (t, r) {
-            return i = t, c = 0, u = e, G.n = r, a;
-          }
-        };
-      function d(r, n) {
-        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
-          var o,
-            i = p[t],
-            d = G.p,
-            l = i[2];
-          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
-        }
-        if (o || r > 1) return a;
-        throw y = true, n;
-      }
-      return function (o, p, l) {
-        if (f > 1) throw TypeError("Generator is already running");
-        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
-          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
-          try {
-            if (f = 2, i) {
-              if (c || (o = "next"), t = i[o]) {
-                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
-                if (!t.done) return t;
-                u = t.value, c < 2 && (c = 0);
-              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
-              i = e;
-            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
-          } catch (t) {
-            i = e, c = 1, u = t;
-          } finally {
-            f = 1;
-          }
-        }
-        return {
-          value: t,
-          done: y
-        };
-      };
-    }(r, o, i), true), u;
-  }
-  var a = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  t = Object.getPrototypeOf;
-  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
-      return this;
-    }), t),
-    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
-  function f(e) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
-    return this;
-  }), _regeneratorDefine(u, "toString", function () {
-    return "[object Generator]";
-  }), (_regenerator = function () {
-    return {
-      w: i,
-      m: f
-    };
-  })();
-}
-function _regeneratorDefine(e, r, n, t) {
-  var i = Object.defineProperty;
-  try {
-    i({}, "", {});
-  } catch (e) {
-    i = 0;
-  }
-  _regeneratorDefine = function (e, r, n, t) {
-    function o(r, n) {
-      _regeneratorDefine(e, r, function (e) {
-        return this._invoke(r, n, e);
-      });
-    }
-    r ? i ? i(e, r, {
-      value: n,
-      enumerable: !t,
-      configurable: !t,
-      writable: !t
-    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
-  }, _regeneratorDefine(e, r, n, t);
-}
-function _setPrototypeOf(t, e) {
-  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
-    return t.__proto__ = e, t;
-  }, _setPrototypeOf(t, e);
-}
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -365,15 +141,6 @@ function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -384,34 +151,17 @@ function _unsupportedIterableToArray(r, a) {
 
 exports.arrayLikeToArray = _arrayLikeToArray;
 exports.arrayWithHoles = _arrayWithHoles;
-exports.arrayWithoutHoles = _arrayWithoutHoles;
-exports.assertThisInitialized = _assertThisInitialized;
 exports.asyncToGenerator = _asyncToGenerator;
-exports.callSuper = _callSuper;
-exports.classCallCheck = _classCallCheck;
-exports.createClass = _createClass;
-exports.createForOfIteratorHelper = _createForOfIteratorHelper;
 exports.defineProperty = _defineProperty;
 exports.extends = _extends;
-exports.getPrototypeOf = _getPrototypeOf;
-exports.inherits = _inherits;
-exports.isNativeReflectConstruct = _isNativeReflectConstruct;
-exports.iterableToArray = _iterableToArray;
 exports.iterableToArrayLimit = _iterableToArrayLimit;
 exports.nonIterableRest = _nonIterableRest;
-exports.nonIterableSpread = _nonIterableSpread;
 exports.objectDestructuringEmpty = _objectDestructuringEmpty;
 exports.objectSpread2 = _objectSpread2;
 exports.objectWithoutProperties = _objectWithoutProperties;
 exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
-exports.possibleConstructorReturn = _possibleConstructorReturn;
-exports.regenerator = _regenerator;
-exports.regeneratorDefine = _regeneratorDefine;
-exports.setPrototypeOf = _setPrototypeOf;
 exports.slicedToArray = _slicedToArray;
-exports.toConsumableArray = _toConsumableArray;
 exports.toPrimitive = _toPrimitive;
 exports.toPropertyKey = _toPropertyKey;
-exports.typeof = _typeof;
 exports.unsupportedIterableToArray = _unsupportedIterableToArray;
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.js.map

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

package/dist/cjs/components/avatar/MrlAvatar/MrlAvatar.js

@@ -8,7 +8,10 @@ var classnames = require('classnames');
 var MrlAvatar_module = require('./MrlAvatar.module.scss.js');
 var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
 
-function _interopNamespaceDefault(e) {
+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) {
@@ -25,7 +28,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["alt", "avatarColor", "dataQa", "kind", "image", "name", "onImageError", "showBorder", "size"];
 var defaultAvatarValues = {
@@ -39,7 +43,7 @@ var defaultAvatarValues = {
  * @param {MrlAvatarPropTypes} props the props for your MrlAvatar
  * @returns {React.ReactElement} an avatar containing the props you pass
  */
-var MrlAvatar = function MrlAvatar(_ref) {
+var MrlAvatar = _ref => {
   var alt = _ref.alt,
     _ref$avatarColor = _ref.avatarColor,
     avatarColor = _ref$avatarColor === void 0 ? defaultAvatarValues.avatarColor : _ref$avatarColor,
@@ -54,11 +58,15 @@ var MrlAvatar = function MrlAvatar(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? defaultAvatarValues.size : _ref$size,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var containerClasses = classnames(MrlAvatar_module.default['MrlAvatar'], 'MrlAvatar', _rollupPluginBabelHelpers.defineProperty({}, MrlAvatar_module.default["MrlAvatar--".concat(size)], size && size !== 'medium'));
+  var containerClasses = classnames__default.default(MrlAvatar_module.default['MrlAvatar'], 'MrlAvatar', {
+    [MrlAvatar_module.default["MrlAvatar--".concat(size)]]: size && size !== 'medium'
+  });
   var isFacilitatorSize = size === 'small' || size === 'xsmall';
   var showIcon = kind !== 'default' && isFacilitatorSize;
-  var iconContainerClasses = classnames(MrlAvatar_module.default['MrlAvatar-icon-container'], _rollupPluginBabelHelpers.defineProperty({}, MrlAvatar_module.default["MrlAvatar-icon-container--".concat(size)], size && size !== 'medium'));
-  var getAvatarRgb = function getAvatarRgb() {
+  var iconContainerClasses = classnames__default.default(MrlAvatar_module.default['MrlAvatar-icon-container'], {
+    [MrlAvatar_module.default["MrlAvatar-icon-container--".concat(size)]]: size && size !== 'medium'
+  });
+  var getAvatarRgb = () => {
     if (colors.isValidHexColor(avatarColor)) {
       return colors.hexToRgb(avatarColor).toString();
     }
@@ -70,7 +78,7 @@ var MrlAvatar = function MrlAvatar(_ref) {
       return avatarColor.substring(5, lastComma);
     }
   };
-  var renderImage = function renderImage() {
+  var renderImage = () => {
     if (typeof image === 'string') {
       var imgAltText = alt ? alt : name ? "".concat(name, "'s avatar") : 'Participant avatar';
       return /*#__PURE__*/React__namespace.createElement("img", {
@@ -83,7 +91,7 @@ var MrlAvatar = function MrlAvatar(_ref) {
     }
     return image;
   };
-  var getInitials = function getInitials(str) {
+  var getInitials = str => {
     if (!str) {
       return '';
     }
@@ -94,9 +102,7 @@ var MrlAvatar = function MrlAvatar(_ref) {
     // Split it at each space to create an array of words
     .split(' ')
     // Take the first character from each word.
-    .map(function (item) {
-      return item.charAt(0).toUpperCase();
-    })
+    .map(item => item.charAt(0).toUpperCase())
     // Bring the characters back into one word
     .join('')
     // Make sure we remove spaces

package/dist/cjs/components/avatar/MrlAvatar/MrlAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlAvatar.js","sources":["../../../../../src/components/avatar/MrlAvatar/MrlAvatar.tsx"],"sourcesContent":["import { lock, facilitatorBadge } from '@muraldevkit/ds-icons';\nimport {\n\thexToRgb,\n\tisValidHexColor,\n\tisValidRgbString,\n\tisValidRgbaString,\n\tstickyTextColor\n} from '@tactivos/mural-shared/lib/colors';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { MrlSvg } from '../../';\n\nimport styles from './MrlAvatar.module.scss';\n\ntype AvatarKind = (typeof avatarValues.kind)[number];\ntype AvatarSize = (typeof avatarValues.size)[number];\n\ninterface avatarDefaults {\n\tkind: AvatarKind;\n\tsize: AvatarSize;\n\tavatarColor: string;\n}\n\nexport interface MrlAvatarPropTypes {\n\talt?: string;\n\tdataQa?: string;\n\timage?: React.ReactNode | string;\n\tkind?: AvatarKind;\n\tname?: string;\n\tonImageError?: React.ReactEventHandler<HTMLImageElement>;\n\tshowBorder?: boolean;\n\tsize?: AvatarSize;\n\tavatarColor?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst avatarValues = {\n\tkind: ['default', 'facilitator', 'lock'] as const,\n\tsize: ['xsmall', 'small', 'medium', 'large'] as const\n};\n\nexport const defaultAvatarValues: avatarDefaults = {\n\tavatarColor: '#2f2f2f',\n\tkind: 'default',\n\tsize: 'medium'\n};\n\n/**\n * Renders an avatar component\n * @param {MrlAvatarPropTypes} props the props for your MrlAvatar\n * @returns {React.ReactElement} an avatar containing the props you pass\n */\nexport const MrlAvatar = ({\n\talt,\n\tavatarColor = defaultAvatarValues.avatarColor,\n\tdataQa,\n\tkind = defaultAvatarValues.kind,\n\timage,\n\tname,\n\tonImageError,\n\tshowBorder = false,\n\tsize = defaultAvatarValues.size,\n\t...rest\n}: MrlAvatarPropTypes): React.ReactElement => {\n\tconst containerClasses = classNames(styles['MrlAvatar'], 'MrlAvatar', {\n\t\t[styles[`MrlAvatar--${size}`]]: size && size !== 'medium'\n\t});\n\n\tconst isFacilitatorSize = size === 'small' || size === 'xsmall';\n\tconst showIcon = kind !== 'default' && isFacilitatorSize;\n\tconst iconContainerClasses = classNames(styles['MrlAvatar-icon-container'], {\n\t\t[styles[`MrlAvatar-icon-container--${size}`]]: size && size !== 'medium'\n\t});\n\n\tconst getAvatarRgb = () => {\n\t\tif (isValidHexColor(avatarColor)) {\n\t\t\treturn hexToRgb(avatarColor).toString();\n\t\t}\n\n\t\tif (isValidRgbString(avatarColor)) {\n\t\t\treturn avatarColor.substring(4, avatarColor.length - 1);\n\t\t}\n\n\t\tif (isValidRgbaString(avatarColor)) {\n\t\t\tconst lastComma = avatarColor.lastIndexOf(',');\n\n\t\t\treturn avatarColor.substring(5, lastComma);\n\t\t}\n\t};\n\n\tconst renderImage = () => {\n\t\tif (typeof image === 'string') {\n\t\t\tconst imgAltText = alt ? alt : name ? `${name}'s avatar` : 'Participant avatar';\n\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt={imgAltText}\n\t\t\t\t\tclassName={styles['MrlAvatar-image']}\n\t\t\t\t\tdata-qa={`${dataQa || 'avatar'}-image`}\n\t\t\t\t\tonError={onImageError}\n\t\t\t\t\tsrc={image}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn image;\n\t};\n\n\tconst getInitials = (str: string | undefined): string => {\n\t\tif (!str) {\n\t\t\treturn '';\n\t\t}\n\n\t\tconst textLength = size === 'xsmall' ? 1 : 2;\n\n\t\t// Take the name passed in.\n\t\treturn (\n\t\t\tstr\n\t\t\t\t// Split it at each space to create an array of words\n\t\t\t\t.split(' ')\n\t\t\t\t// Take the first character from each word.\n\t\t\t\t.map((item: string) => item.charAt(0).toUpperCase())\n\t\t\t\t// Bring the characters back into one word\n\t\t\t\t.join('')\n\t\t\t\t// Make sure we remove spaces\n\t\t\t\t.replace(/ /g, '')\n\t\t\t\t// Return the correct number of characters\n\t\t\t\t.substring(0, textLength)\n\t\t);\n\t};\n\n\tconst isDarkText = stickyTextColor(avatarColor, '#000000', '#ffffff') === '#ffffff';\n\tconst safeColor = getAvatarRgb();\n\n\tconst backgroundColor =\n\t\timage && typeof image === 'string'\n\t\t\t? 'rgba(var(--mrl-color-white), 1)'\n\t\t\t: `rgba(${safeColor}, 0.08)`;\n\tconst borderColor = showIcon || showBorder ? `rgba(${safeColor}, 1` : 'transparent';\n\tconst textColor = isDarkText ? `rgba(${safeColor}, 1` : 'rgba(--mrl-gray-90, 1)';\n\n\treturn (\n\t\t<div className={containerClasses} data-qa={dataQa} {...rest}>\n\t\t\t<span\n\t\t\t\taria-label={name}\n\t\t\t\tclassName={`${styles['MrlAvatar-content']} MrlAvatar-content`}\n\t\t\t\tdata-qa={dataQa && `avatar-${image ? 'image-container' : 'initials'}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: backgroundColor,\n\t\t\t\t\tborderColor: borderColor,\n\t\t\t\t\tcolor: textColor\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{image ? renderImage() : <span aria-hidden=\"true\">{getInitials(name)}</span>}\n\t\t\t</span>\n\t\t\t{showIcon && (\n\t\t\t\t<span\n\t\t\t\t\tclassName={iconContainerClasses}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: borderColor\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\tclassName={styles['MrlAvatar-icon']}\n\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\tsvg={kind === 'facilitator' ? facilitatorBadge : lock}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["defaultAvatarValues","avatarColor","kind","size","MrlAvatar","_ref","alt","_ref$avatarColor","dataQa","_ref$kind","image","name","onImageError","_ref$showBorder","showBorder","_ref$size","rest","_objectWithoutProperties","_excluded","containerClasses","classNames","styles","_defineProperty","concat","isFacilitatorSize","showIcon","iconContainerClasses","getAvatarRgb","isValidHexColor","hexToRgb","toString","isValidRgbString","substring","length","isValidRgbaString","lastComma","lastIndexOf","renderImage","imgAltText","React","createElement","className","onError","src","getInitials","str","textLength","split","map","item","charAt","toUpperCase","join","replace","isDarkText","stickyTextColor","safeColor","backgroundColor","borderColor","textColor","_extends","style","color","MrlSvg","svg","facilitatorBadge","lock"],"mappings":"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"}
+{"version":3,"file":"MrlAvatar.js","sources":["../../../../../src/components/avatar/MrlAvatar/MrlAvatar.tsx"],"sourcesContent":["import { lock, facilitatorBadge } from '@muraldevkit/ds-icons';\nimport {\n\thexToRgb,\n\tisValidHexColor,\n\tisValidRgbString,\n\tisValidRgbaString,\n\tstickyTextColor\n} from '@tactivos/mural-shared/lib/colors';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { MrlSvg } from '../../';\n\nimport styles from './MrlAvatar.module.scss';\n\ntype AvatarKind = (typeof avatarValues.kind)[number];\ntype AvatarSize = (typeof avatarValues.size)[number];\n\ninterface avatarDefaults {\n\tkind: AvatarKind;\n\tsize: AvatarSize;\n\tavatarColor: string;\n}\n\nexport interface MrlAvatarPropTypes {\n\talt?: string;\n\tdataQa?: string;\n\timage?: React.ReactNode | string;\n\tkind?: AvatarKind;\n\tname?: string;\n\tonImageError?: React.ReactEventHandler<HTMLImageElement>;\n\tshowBorder?: boolean;\n\tsize?: AvatarSize;\n\tavatarColor?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst avatarValues = {\n\tkind: ['default', 'facilitator', 'lock'] as const,\n\tsize: ['xsmall', 'small', 'medium', 'large'] as const\n};\n\nexport const defaultAvatarValues: avatarDefaults = {\n\tavatarColor: '#2f2f2f',\n\tkind: 'default',\n\tsize: 'medium'\n};\n\n/**\n * Renders an avatar component\n * @param {MrlAvatarPropTypes} props the props for your MrlAvatar\n * @returns {React.ReactElement} an avatar containing the props you pass\n */\nexport const MrlAvatar = ({\n\talt,\n\tavatarColor = defaultAvatarValues.avatarColor,\n\tdataQa,\n\tkind = defaultAvatarValues.kind,\n\timage,\n\tname,\n\tonImageError,\n\tshowBorder = false,\n\tsize = defaultAvatarValues.size,\n\t...rest\n}: MrlAvatarPropTypes): React.ReactElement => {\n\tconst containerClasses = classNames(styles['MrlAvatar'], 'MrlAvatar', {\n\t\t[styles[`MrlAvatar--${size}`]]: size && size !== 'medium'\n\t});\n\n\tconst isFacilitatorSize = size === 'small' || size === 'xsmall';\n\tconst showIcon = kind !== 'default' && isFacilitatorSize;\n\tconst iconContainerClasses = classNames(styles['MrlAvatar-icon-container'], {\n\t\t[styles[`MrlAvatar-icon-container--${size}`]]: size && size !== 'medium'\n\t});\n\n\tconst getAvatarRgb = () => {\n\t\tif (isValidHexColor(avatarColor)) {\n\t\t\treturn hexToRgb(avatarColor).toString();\n\t\t}\n\n\t\tif (isValidRgbString(avatarColor)) {\n\t\t\treturn avatarColor.substring(4, avatarColor.length - 1);\n\t\t}\n\n\t\tif (isValidRgbaString(avatarColor)) {\n\t\t\tconst lastComma = avatarColor.lastIndexOf(',');\n\n\t\t\treturn avatarColor.substring(5, lastComma);\n\t\t}\n\t};\n\n\tconst renderImage = () => {\n\t\tif (typeof image === 'string') {\n\t\t\tconst imgAltText = alt ? alt : name ? `${name}'s avatar` : 'Participant avatar';\n\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt={imgAltText}\n\t\t\t\t\tclassName={styles['MrlAvatar-image']}\n\t\t\t\t\tdata-qa={`${dataQa || 'avatar'}-image`}\n\t\t\t\t\tonError={onImageError}\n\t\t\t\t\tsrc={image}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn image;\n\t};\n\n\tconst getInitials = (str: string | undefined): string => {\n\t\tif (!str) {\n\t\t\treturn '';\n\t\t}\n\n\t\tconst textLength = size === 'xsmall' ? 1 : 2;\n\n\t\t// Take the name passed in.\n\t\treturn (\n\t\t\tstr\n\t\t\t\t// Split it at each space to create an array of words\n\t\t\t\t.split(' ')\n\t\t\t\t// Take the first character from each word.\n\t\t\t\t.map((item: string) => item.charAt(0).toUpperCase())\n\t\t\t\t// Bring the characters back into one word\n\t\t\t\t.join('')\n\t\t\t\t// Make sure we remove spaces\n\t\t\t\t.replace(/ /g, '')\n\t\t\t\t// Return the correct number of characters\n\t\t\t\t.substring(0, textLength)\n\t\t);\n\t};\n\n\tconst isDarkText = stickyTextColor(avatarColor, '#000000', '#ffffff') === '#ffffff';\n\tconst safeColor = getAvatarRgb();\n\n\tconst backgroundColor =\n\t\timage && typeof image === 'string'\n\t\t\t? 'rgba(var(--mrl-color-white), 1)'\n\t\t\t: `rgba(${safeColor}, 0.08)`;\n\tconst borderColor = showIcon || showBorder ? `rgba(${safeColor}, 1` : 'transparent';\n\tconst textColor = isDarkText ? `rgba(${safeColor}, 1` : 'rgba(--mrl-gray-90, 1)';\n\n\treturn (\n\t\t<div className={containerClasses} data-qa={dataQa} {...rest}>\n\t\t\t<span\n\t\t\t\taria-label={name}\n\t\t\t\tclassName={`${styles['MrlAvatar-content']} MrlAvatar-content`}\n\t\t\t\tdata-qa={dataQa && `avatar-${image ? 'image-container' : 'initials'}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: backgroundColor,\n\t\t\t\t\tborderColor: borderColor,\n\t\t\t\t\tcolor: textColor\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{image ? renderImage() : <span aria-hidden=\"true\">{getInitials(name)}</span>}\n\t\t\t</span>\n\t\t\t{showIcon && (\n\t\t\t\t<span\n\t\t\t\t\tclassName={iconContainerClasses}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: borderColor\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\tclassName={styles['MrlAvatar-icon']}\n\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\tsvg={kind === 'facilitator' ? facilitatorBadge : lock}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["defaultAvatarValues","avatarColor","kind","size","MrlAvatar","_ref","alt","_ref$avatarColor","dataQa","_ref$kind","image","name","onImageError","_ref$showBorder","showBorder","_ref$size","rest","_objectWithoutProperties","_excluded","containerClasses","classNames","styles","concat","isFacilitatorSize","showIcon","iconContainerClasses","getAvatarRgb","isValidHexColor","hexToRgb","toString","isValidRgbString","substring","length","isValidRgbaString","lastComma","lastIndexOf","renderImage","imgAltText","React","createElement","className","onError","src","getInitials","str","textLength","split","map","item","charAt","toUpperCase","join","replace","isDarkText","stickyTextColor","safeColor","backgroundColor","borderColor","textColor","_extends","style","color","MrlSvg","svg","facilitatorBadge","lock"],"mappings":"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"}

package/dist/cjs/components/avatar/MrlAvatarButton/MrlAvatarButton.js

@@ -11,7 +11,10 @@ var MrlTooltip = require('../../tooltip/MrlTooltip/MrlTooltip.js');
 var MrlAvatar = require('../MrlAvatar/MrlAvatar.js');
 var MrlSpinner = require('../../loader/MrlSpinner/MrlSpinner.js');
 
-function _interopNamespaceDefault(e) {
+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) {
@@ -28,7 +31,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["buttonClassName", "dataQa", "id", "includeInRoving", "isToggleButton", "label", "loading", "loadingText", "onClick", "size", "state", "toggleAria", "tooltip", "triggerRef"];
 /**
@@ -36,7 +40,7 @@ var _excluded = ["buttonClassName", "dataQa", "id", "includeInRoving", "isToggle
  * @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton
  * @returns {React.ReactElement} an avatar button containing the props you pass
  */
-var MrlAvatarButton = function MrlAvatarButton(_ref) {
+var MrlAvatarButton = _ref => {
   var buttonClassName = _ref.buttonClassName,
     dataQa = _ref.dataQa,
     id = _ref.id,
@@ -56,9 +60,7 @@ var MrlAvatarButton = function MrlAvatarButton(_ref) {
     tooltip = _ref.tooltip,
     triggerRef = _ref.triggerRef,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React__namespace.useState(function () {
-      return helpers._isSelected(state);
-    }),
+  var _React$useState = React__namespace.useState(() => helpers._isSelected(state)),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
     isSelected = _React$useState2[0],
     setIsSelected = _React$useState2[1];
@@ -68,7 +70,7 @@ var MrlAvatarButton = function MrlAvatarButton(_ref) {
    * the value of state passed as props and the internal
    * isSelected piece of state.
    */
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     // allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.
     setIsSelected(helpers._isSelected(state));
   }, [state]);
@@ -82,7 +84,9 @@ var MrlAvatarButton = function MrlAvatarButton(_ref) {
   var attributes = setAttributes.setAttributes({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     'aria-disabled': helpers._isDisabled(state, loading),
     'aria-label': label
-  }, isToggleButton && _rollupPluginBabelHelpers.defineProperty({}, "aria-".concat(toggleAria), isSelected || false)), {}, {
+  }, isToggleButton && {
+    ["aria-".concat(toggleAria)]: isSelected || false
+  }), {}, {
     'data-roving': includeInRoving ? 'true' : undefined,
     role: 'button',
     type: 'button'
@@ -98,28 +102,26 @@ var MrlAvatarButton = function MrlAvatarButton(_ref) {
       return;
     }
     if (isToggleButton) {
-      setIsSelected(function (prevIsSelected) {
-        return !prevIsSelected;
-      });
+      setIsSelected(prevIsSelected => !prevIsSelected);
     }
     if (onClick && typeof onClick === 'function') {
       onClick(e);
     }
   }
-  var buttonClasses = classnames('MrlAvatarButton', MrlAvatarButton_module.default['MrlAvatarButton'], buttonClassName, _rollupPluginBabelHelpers.defineProperty({}, MrlAvatarButton_module.default['MrlAvatarButton--large'], size && size === 'large'));
-  var renderAvatarButton = function renderAvatarButton() {
-    return /*#__PURE__*/React__namespace.createElement("button", _rollupPluginBabelHelpers.extends({}, attributes, {
-      "aria-label": tooltip && tooltip.text,
-      className: buttonClasses,
-      "data-qa": dataQa && "".concat(dataQa, "-button"),
-      id: id,
-      onClick: handleOnClick,
-      ref: triggerRef
-    }), loading ? spinner : /*#__PURE__*/React__namespace.createElement(MrlAvatar.MrlAvatar, _rollupPluginBabelHelpers.extends({
-      dataQa: dataQa,
-      size: size
-    }, rest)));
-  };
+  var buttonClasses = classnames__default.default('MrlAvatarButton', MrlAvatarButton_module.default['MrlAvatarButton'], buttonClassName, {
+    [MrlAvatarButton_module.default['MrlAvatarButton--large']]: size && size === 'large'
+  });
+  var renderAvatarButton = () => /*#__PURE__*/React__namespace.createElement("button", _rollupPluginBabelHelpers.extends({}, attributes, {
+    "aria-label": tooltip && tooltip.text,
+    className: buttonClasses,
+    "data-qa": dataQa && "".concat(dataQa, "-button"),
+    id: id,
+    onClick: handleOnClick,
+    ref: triggerRef
+  }), loading ? spinner : /*#__PURE__*/React__namespace.createElement(MrlAvatar.MrlAvatar, _rollupPluginBabelHelpers.extends({
+    dataQa: dataQa,
+    size: size
+  }, rest)));
   return !tooltip ? renderAvatarButton() : /*#__PURE__*/React__namespace.createElement(MrlTooltip.MrlTooltip, {
     position: tooltip.position || 'bottom',
     anchor: tooltip.anchor || 'center',

package/dist/cjs/components/avatar/MrlAvatarButton/MrlAvatarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlAvatarButton.js","sources":["../../../../../src/components/avatar/MrlAvatarButton/MrlAvatarButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n\tMrlAvatar,\n\tMrlAvatarPropTypes,\n\tMrlButtonState,\n\tMrlSpinner,\n\tMrlTooltip,\n\tTooltipConfig\n} from '../../';\nimport { _isDisabled, _isSelected } from '../../button/helpers';\nimport { ToggleAria, buttonDefaults } from '../../button/constants';\nimport { setAttributes } from '../../../utils';\n\nimport styles from './MrlAvatarButton.module.scss';\n\nexport interface MrlAvatarButtonPropTypes\n\textends MrlAvatarPropTypes,\n\t\tReact.HTMLAttributes<HTMLButtonElement> {\n\t/**\n\t * An optional class name to add to button wrapping the MrlAvatar.\n\t */\n\tbuttonClassName?: string;\n\n\t/**\n\t * An optional boolean prop to include the button in roving tabindex\n\t */\n\tincludeInRoving?: boolean;\n\n\t/**\n\t * Selected state variant when the button is a Toggle Button. Setting this prop\n\t * informs the component that this is a toggle button and to add that functionality\n\t */\n\tisToggleButton?: boolean;\n\n\t/**\n\t * An optional aria-label to apply to the button element\n\t */\n\tlabel?: string;\n\n\t/**\n\t * Displays a spinner in the button to indicate some action is in progress.\n\t */\n\tloading?: boolean;\n\n\t/**\n\t * Text for the spinner when the button is in a loading state.\n\t */\n\tloadingText?: string;\n\n\t/**\n\t * onClick event for the button.\n\t */\n\tonClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n\n\t/**\n\t * Changes the state of the button based on user permissions or actions.\n\t */\n\tstate?: MrlButtonState;\n\n\t/**\n\t * Determines which aria setup to use for various toggle/selected styles.\n\t * pressed - use for an traditional “toggle button”\n\t * selected - use for tabs and custom select options\n\t * expanded - use for menus, panels, and popovers\n\t * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)\n\t * \t\tor [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs\n\t */\n\ttoggleAria?: ToggleAria;\n\n\t/**\n\t * Tooltip configuration for the button\n\t */\n\ttooltip?: TooltipConfig;\n\n\t/**\n\t * Reference to the DOM element that is the MrlAvatarButton\n\t */\n\ttriggerRef?: React.RefObject<HTMLButtonElement>;\n}\n\n/**\n * Renders an avatar button\n * @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton\n * @returns {React.ReactElement} an avatar button containing the props you pass\n */\nexport const MrlAvatarButton = ({\n\tbuttonClassName,\n\tdataQa,\n\tid,\n\tincludeInRoving,\n\tisToggleButton,\n\tlabel,\n\tloading = false,\n\tloadingText = 'Loading',\n\tonClick,\n\tsize,\n\tstate = 'default',\n\ttoggleAria = buttonDefaults.toggleAria,\n\ttooltip,\n\ttriggerRef,\n\t...rest\n}: MrlAvatarButtonPropTypes): React.ReactElement => {\n\tconst [isSelected, setIsSelected] = React.useState(() => _isSelected(state));\n\n\t/**\n\t * We need to watch the value of state to keep in sync\n\t * the value of state passed as props and the internal\n\t * isSelected piece of state.\n\t */\n\tReact.useEffect(() => {\n\t\t// allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.\n\t\tsetIsSelected(_isSelected(state));\n\t}, [state]);\n\n\tconst spinner = (\n\t\t<MrlSpinner\n\t\t\tclassName=\"mrlButton-spinner MrlAvatarButton-spinner\"\n\t\t\tkind=\"default\"\n\t\t\trole=\"none\"\n\t\t\tsize=\"small\"\n\t\t\ttext={loadingText}\n\t\t/>\n\t);\n\n\tconst attributes = setAttributes(\n\t\t{},\n\t\t{\n\t\t\t'aria-disabled': _isDisabled(state, loading),\n\t\t\t'aria-label': label,\n\t\t\t...(isToggleButton && { [`aria-${toggleAria}`]: isSelected || false }),\n\t\t\t'data-roving': includeInRoving ? 'true' : undefined,\n\t\t\trole: 'button',\n\t\t\ttype: 'button'\n\t\t}\n\t);\n\n\t/**\n\t * Handle onClick events\n\t * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event\n\t */\n\tfunction handleOnClick(e: React.MouseEvent<HTMLButtonElement>) {\n\t\te.stopPropagation();\n\n\t\tif (_isDisabled(state, loading)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isToggleButton) {\n\t\t\tsetIsSelected((prevIsSelected) => !prevIsSelected);\n\t\t}\n\n\t\tif (onClick && typeof onClick === 'function') {\n\t\t\tonClick(e);\n\t\t}\n\t}\n\n\tconst buttonClasses = classNames('MrlAvatarButton', styles['MrlAvatarButton'], buttonClassName, {\n\t\t[styles['MrlAvatarButton--large']]: size && size === 'large'\n\t});\n\n\tconst renderAvatarButton = () => (\n\t\t<button\n\t\t\t{...attributes}\n\t\t\taria-label={tooltip && tooltip.text}\n\t\t\tclassName={buttonClasses}\n\t\t\tdata-qa={dataQa && `${dataQa}-button`}\n\t\t\tid={id}\n\t\t\tonClick={handleOnClick}\n\t\t\tref={triggerRef}\n\t\t>\n\t\t\t{loading ? spinner : <MrlAvatar dataQa={dataQa} size={size} {...rest} />}\n\t\t</button>\n\t);\n\n\treturn !tooltip ? (\n\t\trenderAvatarButton()\n\t) : (\n\t\t<MrlTooltip\n\t\t\tposition={tooltip.position || 'bottom'}\n\t\t\tanchor={tooltip.anchor || 'center'}\n\t\t\ttext={tooltip.text}\n\t\t\tdataQa={tooltip.dataQa}\n\t\t>\n\t\t\t{renderAvatarButton()}\n\t\t</MrlTooltip>\n\t);\n};\n"],"names":["MrlAvatarButton","_ref","buttonClassName","dataQa","id","includeInRoving","isToggleButton","label","_ref$loading","loading","_ref$loadingText","loadingText","onClick","size","_ref$state","state","_ref$toggleAria","toggleAria","buttonDefaults","tooltip","triggerRef","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_isSelected","_React$useState2","_slicedToArray","isSelected","setIsSelected","useEffect","spinner","createElement","MrlSpinner","className","kind","role","text","attributes","setAttributes","_objectSpread","_isDisabled","_defineProperty","concat","undefined","type","handleOnClick","e","stopPropagation","prevIsSelected","buttonClasses","classNames","styles","renderAvatarButton","_extends","ref","MrlAvatar","MrlTooltip","position","anchor"],"mappings":"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"}
+{"version":3,"file":"MrlAvatarButton.js","sources":["../../../../../src/components/avatar/MrlAvatarButton/MrlAvatarButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n\tMrlAvatar,\n\tMrlAvatarPropTypes,\n\tMrlButtonState,\n\tMrlSpinner,\n\tMrlTooltip,\n\tTooltipConfig\n} from '../../';\nimport { _isDisabled, _isSelected } from '../../button/helpers';\nimport { ToggleAria, buttonDefaults } from '../../button/constants';\nimport { setAttributes } from '../../../utils';\n\nimport styles from './MrlAvatarButton.module.scss';\n\nexport interface MrlAvatarButtonPropTypes\n\textends MrlAvatarPropTypes,\n\t\tReact.HTMLAttributes<HTMLButtonElement> {\n\t/**\n\t * An optional class name to add to button wrapping the MrlAvatar.\n\t */\n\tbuttonClassName?: string;\n\n\t/**\n\t * An optional boolean prop to include the button in roving tabindex\n\t */\n\tincludeInRoving?: boolean;\n\n\t/**\n\t * Selected state variant when the button is a Toggle Button. Setting this prop\n\t * informs the component that this is a toggle button and to add that functionality\n\t */\n\tisToggleButton?: boolean;\n\n\t/**\n\t * An optional aria-label to apply to the button element\n\t */\n\tlabel?: string;\n\n\t/**\n\t * Displays a spinner in the button to indicate some action is in progress.\n\t */\n\tloading?: boolean;\n\n\t/**\n\t * Text for the spinner when the button is in a loading state.\n\t */\n\tloadingText?: string;\n\n\t/**\n\t * onClick event for the button.\n\t */\n\tonClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n\n\t/**\n\t * Changes the state of the button based on user permissions or actions.\n\t */\n\tstate?: MrlButtonState;\n\n\t/**\n\t * Determines which aria setup to use for various toggle/selected styles.\n\t * pressed - use for an traditional “toggle button”\n\t * selected - use for tabs and custom select options\n\t * expanded - use for menus, panels, and popovers\n\t * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)\n\t * \t\tor [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs\n\t */\n\ttoggleAria?: ToggleAria;\n\n\t/**\n\t * Tooltip configuration for the button\n\t */\n\ttooltip?: TooltipConfig;\n\n\t/**\n\t * Reference to the DOM element that is the MrlAvatarButton\n\t */\n\ttriggerRef?: React.RefObject<HTMLButtonElement>;\n}\n\n/**\n * Renders an avatar button\n * @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton\n * @returns {React.ReactElement} an avatar button containing the props you pass\n */\nexport const MrlAvatarButton = ({\n\tbuttonClassName,\n\tdataQa,\n\tid,\n\tincludeInRoving,\n\tisToggleButton,\n\tlabel,\n\tloading = false,\n\tloadingText = 'Loading',\n\tonClick,\n\tsize,\n\tstate = 'default',\n\ttoggleAria = buttonDefaults.toggleAria,\n\ttooltip,\n\ttriggerRef,\n\t...rest\n}: MrlAvatarButtonPropTypes): React.ReactElement => {\n\tconst [isSelected, setIsSelected] = React.useState(() => _isSelected(state));\n\n\t/**\n\t * We need to watch the value of state to keep in sync\n\t * the value of state passed as props and the internal\n\t * isSelected piece of state.\n\t */\n\tReact.useEffect(() => {\n\t\t// allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.\n\t\tsetIsSelected(_isSelected(state));\n\t}, [state]);\n\n\tconst spinner = (\n\t\t<MrlSpinner\n\t\t\tclassName=\"mrlButton-spinner MrlAvatarButton-spinner\"\n\t\t\tkind=\"default\"\n\t\t\trole=\"none\"\n\t\t\tsize=\"small\"\n\t\t\ttext={loadingText}\n\t\t/>\n\t);\n\n\tconst attributes = setAttributes(\n\t\t{},\n\t\t{\n\t\t\t'aria-disabled': _isDisabled(state, loading),\n\t\t\t'aria-label': label,\n\t\t\t...(isToggleButton && { [`aria-${toggleAria}`]: isSelected || false }),\n\t\t\t'data-roving': includeInRoving ? 'true' : undefined,\n\t\t\trole: 'button',\n\t\t\ttype: 'button'\n\t\t}\n\t);\n\n\t/**\n\t * Handle onClick events\n\t * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event\n\t */\n\tfunction handleOnClick(e: React.MouseEvent<HTMLButtonElement>) {\n\t\te.stopPropagation();\n\n\t\tif (_isDisabled(state, loading)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isToggleButton) {\n\t\t\tsetIsSelected((prevIsSelected) => !prevIsSelected);\n\t\t}\n\n\t\tif (onClick && typeof onClick === 'function') {\n\t\t\tonClick(e);\n\t\t}\n\t}\n\n\tconst buttonClasses = classNames('MrlAvatarButton', styles['MrlAvatarButton'], buttonClassName, {\n\t\t[styles['MrlAvatarButton--large']]: size && size === 'large'\n\t});\n\n\tconst renderAvatarButton = () => (\n\t\t<button\n\t\t\t{...attributes}\n\t\t\taria-label={tooltip && tooltip.text}\n\t\t\tclassName={buttonClasses}\n\t\t\tdata-qa={dataQa && `${dataQa}-button`}\n\t\t\tid={id}\n\t\t\tonClick={handleOnClick}\n\t\t\tref={triggerRef}\n\t\t>\n\t\t\t{loading ? spinner : <MrlAvatar dataQa={dataQa} size={size} {...rest} />}\n\t\t</button>\n\t);\n\n\treturn !tooltip ? (\n\t\trenderAvatarButton()\n\t) : (\n\t\t<MrlTooltip\n\t\t\tposition={tooltip.position || 'bottom'}\n\t\t\tanchor={tooltip.anchor || 'center'}\n\t\t\ttext={tooltip.text}\n\t\t\tdataQa={tooltip.dataQa}\n\t\t>\n\t\t\t{renderAvatarButton()}\n\t\t</MrlTooltip>\n\t);\n};\n"],"names":["MrlAvatarButton","_ref","buttonClassName","dataQa","id","includeInRoving","isToggleButton","label","_ref$loading","loading","_ref$loadingText","loadingText","onClick","size","_ref$state","state","_ref$toggleAria","toggleAria","buttonDefaults","tooltip","triggerRef","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_isSelected","_React$useState2","_slicedToArray","isSelected","setIsSelected","useEffect","spinner","createElement","MrlSpinner","className","kind","role","text","attributes","setAttributes","_objectSpread","_isDisabled","concat","undefined","type","handleOnClick","e","stopPropagation","prevIsSelected","buttonClasses","classNames","styles","renderAvatarButton","_extends","ref","MrlAvatar","MrlTooltip","position","anchor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA;AACA;AACA;AACA;AACA;AACO,IAAMA,eAAe,GAAGC,IAAA,IAgBqB;AAAA,EAAA,IAfnDC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IACfC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IACFC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAAC,YAAA,GAAAP,IAAA,CACLQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IAAAE,gBAAA,GAAAT,IAAA,CACfU,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,gBAAA;IACvBE,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IAAAC,UAAA,GAAAb,IAAA,CACJc,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,UAAA;IAAAE,eAAA,GAAAf,IAAA,CACjBgB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAGE,wBAAc,CAACD,UAAU,GAAAD,eAAA;IACtCG,OAAO,GAAAlB,IAAA,CAAPkB,OAAO;IACPC,UAAU,GAAAnB,IAAA,CAAVmB,UAAU;AACPC,IAAAA,IAAI,GAAAC,iDAAA,CAAArB,IAAA,EAAAsB,SAAA,CAAA;EAEP,IAAAC,eAAA,GAAoCC,gBAAK,CAACC,QAAQ,CAAC,MAAMC,mBAAW,CAACZ,KAAK,CAAC,CAAC;IAAAa,gBAAA,GAAAC,uCAAA,CAAAL,eAAA,EAAA,CAAA,CAAA;AAArEM,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,gBAAA,CAAA,CAAA,CAAA;;AAEhC;AACD;AACA;AACA;AACA;EACCH,gBAAK,CAACO,SAAS,CAAC,MAAM;AACrB;AACAD,IAAAA,aAAa,CAACJ,mBAAW,CAACZ,KAAK,CAAC,CAAC;AAClC,EAAA,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;AAEX,EAAA,IAAMkB,OAAO,gBACZR,gBAAA,CAAAS,aAAA,CAACC,qBAAU,EAAA;AACVC,IAAAA,SAAS,EAAC,2CAA2C;AACrDC,IAAAA,IAAI,EAAC,SAAS;AACdC,IAAAA,IAAI,EAAC,MAAM;AACXzB,IAAAA,IAAI,EAAC,OAAO;AACZ0B,IAAAA,IAAI,EAAE5B;AAAY,GAClB,CACD;EAED,IAAM6B,UAAU,GAAGC,2BAAa,CAC/B,EAAE,EAAAC,uCAAA,CAAAA,uCAAA,CAAA;AAED,IAAA,eAAe,EAAEC,mBAAW,CAAC5B,KAAK,EAAEN,OAAO,CAAC;AAC5C,IAAA,YAAY,EAAEF;AAAK,GAAA,EACfD,cAAc,IAAI;AAAE,IAAA,CAAA,OAAA,CAAAsC,MAAA,CAAS3B,UAAU,CAAA,GAAKa,UAAU,IAAI;GAAO,CAAA,EAAA,EAAA,EAAA;AACrE,IAAA,aAAa,EAAEzB,eAAe,GAAG,MAAM,GAAGwC,SAAS;AACnDP,IAAAA,IAAI,EAAE,QAAQ;AACdQ,IAAAA,IAAI,EAAE;AAAQ,GAAA,CAEhB,CAAC;;AAED;AACD;AACA;AACA;EACC,SAASC,aAAaA,CAACC,CAAsC,EAAE;IAC9DA,CAAC,CAACC,eAAe,EAAE;AAEnB,IAAA,IAAIN,mBAAW,CAAC5B,KAAK,EAAEN,OAAO,CAAC,EAAE;AAChC,MAAA;AACD,IAAA;AAEA,IAAA,IAAIH,cAAc,EAAE;AACnByB,MAAAA,aAAa,CAAEmB,cAAc,IAAK,CAACA,cAAc,CAAC;AACnD,IAAA;AAEA,IAAA,IAAItC,OAAO,IAAI,OAAOA,OAAO,KAAK,UAAU,EAAE;MAC7CA,OAAO,CAACoC,CAAC,CAAC;AACX,IAAA;AACD,EAAA;AAEA,EAAA,IAAMG,aAAa,GAAGC,2BAAU,CAAC,iBAAiB,EAAEC,8BAAM,CAAC,iBAAiB,CAAC,EAAEnD,eAAe,EAAE;IAC/F,CAACmD,8BAAM,CAAC,wBAAwB,CAAC,GAAGxC,IAAI,IAAIA,IAAI,KAAK;AACtD,GAAC,CAAC;EAEF,IAAMyC,kBAAkB,GAAGA,mBAC1B7B,gBAAA,CAAAS,aAAA,CAAA,QAAA,EAAAqB,iCAAA,CAAA,EAAA,EACKf,UAAU,EAAA;AACd,IAAA,YAAA,EAAYrB,OAAO,IAAIA,OAAO,CAACoB,IAAK;AACpCH,IAAAA,SAAS,EAAEe,aAAc;AACzB,IAAA,SAAA,EAAShD,MAAM,IAAA,EAAA,CAAAyC,MAAA,CAAOzC,MAAM,EAAA,SAAA,CAAU;AACtCC,IAAAA,EAAE,EAAEA,EAAG;AACPQ,IAAAA,OAAO,EAAEmC,aAAc;AACvBS,IAAAA,GAAG,EAAEpC;GAAW,CAAA,EAEfX,OAAO,GAAGwB,OAAO,gBAAGR,gBAAA,CAAAS,aAAA,CAACuB,mBAAS,EAAAF,iCAAA,CAAA;AAACpD,IAAAA,MAAM,EAAEA,MAAO;AAACU,IAAAA,IAAI,EAAEA;GAAK,EAAKQ,IAAI,CAAG,CAChE,CACR;EAED,OAAO,CAACF,OAAO,GACdmC,kBAAkB,EAAE,gBAEpB7B,gBAAA,CAAAS,aAAA,CAACwB,qBAAU,EAAA;AACVC,IAAAA,QAAQ,EAAExC,OAAO,CAACwC,QAAQ,IAAI,QAAS;AACvCC,IAAAA,MAAM,EAAEzC,OAAO,CAACyC,MAAM,IAAI,QAAS;IACnCrB,IAAI,EAAEpB,OAAO,CAACoB,IAAK;IACnBpC,MAAM,EAAEgB,OAAO,CAAChB;GAAO,EAEtBmD,kBAAkB,EACR,CACZ;AACF;;;;"}

package/dist/cjs/components/badge/MrlBadge/MrlBadge.js

@@ -7,7 +7,10 @@ var dsIcons = require('@muraldevkit/ds-icons');
 var MrlBadge_module = require('./MrlBadge.module.scss.js');
 var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
 
-function _interopNamespaceDefault(e) {
+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) {
@@ -24,7 +27,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className", "icon", "kind", "showIcon", "text"];
 /**
@@ -33,7 +37,7 @@ var _excluded = ["className", "icon", "kind", "showIcon", "text"];
  * @param props - component props
  * @returns a MrlBadge React component.
  */
-var MrlBadge = function MrlBadge(_ref) {
+var MrlBadge = _ref => {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     icon = _ref.icon,
@@ -43,8 +47,10 @@ var MrlBadge = function MrlBadge(_ref) {
     showIcon = _ref$showIcon === void 0 ? false : _ref$showIcon,
     text = _ref.text,
     remainingProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var allClasses = classnames('MrlBadge', [MrlBadge_module.default['MrlBadge']], _rollupPluginBabelHelpers.defineProperty({}, MrlBadge_module.default["MrlBadge--".concat(kind)], kind !== 'default'), className);
-  var renderIcon = function renderIcon() {
+  var allClasses = classnames__default.default('MrlBadge', [MrlBadge_module.default['MrlBadge']], {
+    [MrlBadge_module.default["MrlBadge--".concat(kind)]]: kind !== 'default'
+  }, className);
+  var renderIcon = () => {
     if (icon) {
       return icon;
     }