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

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,417 @@
+'use strict';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+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),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+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,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    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) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+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);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  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];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+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);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+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

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

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

@@ -0,0 +1,140 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var dsIcons = require('@muraldevkit/ds-icons');
+var colors = require('@tactivos/mural-shared/lib/colors');
+var React = require('react');
+var classnames = require('classnames');
+var MrlAvatar_module = require('./MrlAvatar.module.scss.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["alt", "avatarColor", "dataQa", "kind", "image", "name", "onImageError", "showBorder", "size"];
+var defaultAvatarValues = {
+  avatarColor: '#2f2f2f',
+  kind: 'default',
+  size: 'medium'
+};
+
+/**
+ * Renders an avatar component
+ * @param {MrlAvatarPropTypes} props the props for your MrlAvatar
+ * @returns {React.ReactElement} an avatar containing the props you pass
+ */
+var MrlAvatar = function MrlAvatar(_ref) {
+  var alt = _ref.alt,
+    _ref$avatarColor = _ref.avatarColor,
+    avatarColor = _ref$avatarColor === void 0 ? defaultAvatarValues.avatarColor : _ref$avatarColor,
+    dataQa = _ref.dataQa,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? defaultAvatarValues.kind : _ref$kind,
+    image = _ref.image,
+    name = _ref.name,
+    onImageError = _ref.onImageError,
+    _ref$showBorder = _ref.showBorder,
+    showBorder = _ref$showBorder === void 0 ? false : _ref$showBorder,
+    _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 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() {
+    if (colors.isValidHexColor(avatarColor)) {
+      return colors.hexToRgb(avatarColor).toString();
+    }
+    if (colors.isValidRgbString(avatarColor)) {
+      return avatarColor.substring(4, avatarColor.length - 1);
+    }
+    if (colors.isValidRgbaString(avatarColor)) {
+      var lastComma = avatarColor.lastIndexOf(',');
+      return avatarColor.substring(5, lastComma);
+    }
+  };
+  var renderImage = function renderImage() {
+    if (typeof image === 'string') {
+      var imgAltText = alt ? alt : name ? "".concat(name, "'s avatar") : 'Participant avatar';
+      return /*#__PURE__*/React__namespace.createElement("img", {
+        alt: imgAltText,
+        className: MrlAvatar_module.default['MrlAvatar-image'],
+        "data-qa": "".concat(dataQa || 'avatar', "-image"),
+        onError: onImageError,
+        src: image
+      });
+    }
+    return image;
+  };
+  var getInitials = function getInitials(str) {
+    if (!str) {
+      return '';
+    }
+    var textLength = size === 'xsmall' ? 1 : 2;
+
+    // Take the name passed in.
+    return str
+    // 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();
+    })
+    // Bring the characters back into one word
+    .join('')
+    // Make sure we remove spaces
+    .replace(/ /g, '')
+    // Return the correct number of characters
+    .substring(0, textLength);
+  };
+  var isDarkText = colors.stickyTextColor(avatarColor, '#000000', '#ffffff') === '#ffffff';
+  var safeColor = getAvatarRgb();
+  var backgroundColor = image && typeof image === 'string' ? 'rgba(var(--mrl-color-white), 1)' : "rgba(".concat(safeColor, ", 0.08)");
+  var borderColor = showIcon || showBorder ? "rgba(".concat(safeColor, ", 1") : 'transparent';
+  var textColor = isDarkText ? "rgba(".concat(safeColor, ", 1") : 'rgba(--mrl-gray-90, 1)';
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: containerClasses,
+    "data-qa": dataQa
+  }, rest), /*#__PURE__*/React__namespace.createElement("span", {
+    "aria-label": name,
+    className: "".concat(MrlAvatar_module.default['MrlAvatar-content'], " MrlAvatar-content"),
+    "data-qa": dataQa && "avatar-".concat(image ? 'image-container' : 'initials'),
+    style: {
+      backgroundColor: backgroundColor,
+      borderColor: borderColor,
+      color: textColor
+    }
+  }, image ? renderImage() : /*#__PURE__*/React__namespace.createElement("span", {
+    "aria-hidden": "true"
+  }, getInitials(name))), showIcon && /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconContainerClasses,
+    style: {
+      backgroundColor: borderColor
+    }
+  }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    className: MrlAvatar_module.default['MrlAvatar-icon'],
+    size: "auto",
+    svg: kind === 'facilitator' ? dsIcons.facilitatorBadge : dsIcons.lock
+  })));
+};
+
+exports.MrlAvatar = MrlAvatar;
+exports.defaultAvatarValues = defaultAvatarValues;
+//# sourceMappingURL=MrlAvatar.js.map

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlAvatar-content":"MrlAvatar-content--E7qX_","MrlAvatar":"MrlAvatar--e8VFH","MrlAvatar--xsmall":"MrlAvatar--xsmall--jn6uR","MrlAvatar--small":"MrlAvatar--small--DdBZ7","MrlAvatar--large":"MrlAvatar--large--eT7KW","MrlAvatar-image":"MrlAvatar-image--lWg5A","MrlAvatar-icon-container":"MrlAvatar-icon-container--xUwiS","MrlAvatar-icon":"MrlAvatar-icon--tfC5v","MrlAvatar-icon-container--small":"MrlAvatar-icon-container--small--_IFIA","MrlAvatar-icon-container--xsmall":"MrlAvatar-icon-container--xsmall--oIGsd"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlAvatar.module.scss.js.map

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

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