@commercetools-uikit/avatar 16.0.0 → 16.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -36,7 +36,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
36
36
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
37
37
|
|
|
38
38
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
39
|
-
|
|
40
39
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
41
40
|
const avatarSizes = {
|
|
42
41
|
s: {
|
|
@@ -58,22 +57,19 @@ const defaultProps = {
|
|
|
58
57
|
isHighlighted: false,
|
|
59
58
|
size: 's'
|
|
60
59
|
};
|
|
61
|
-
|
|
62
60
|
const getFirstChar = str => {
|
|
63
61
|
var _context;
|
|
64
|
-
|
|
65
62
|
return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
66
63
|
};
|
|
67
|
-
|
|
68
64
|
const getInitialsFromName = _ref => {
|
|
69
65
|
var _context2;
|
|
70
|
-
|
|
71
66
|
let _ref$firstName = _ref.firstName,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
67
|
+
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
68
|
+
_ref$lastName = _ref.lastName,
|
|
69
|
+
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
75
70
|
return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
|
|
76
71
|
};
|
|
72
|
+
|
|
77
73
|
/**
|
|
78
74
|
* `s` - defines the size. We want a bigger one if the user is on a retina-display
|
|
79
75
|
* `d` - defines the default if the user is not known to Gravatar. It returns a blank image,
|
|
@@ -81,19 +77,13 @@ const getInitialsFromName = _ref => {
|
|
|
81
77
|
*
|
|
82
78
|
* @see: https://de.gravatar.com/site/implement/images/
|
|
83
79
|
*/
|
|
84
|
-
|
|
85
|
-
|
|
86
80
|
const createGravatarImgUrl = function (md5Hash, size) {
|
|
87
81
|
var _context3;
|
|
88
|
-
|
|
89
82
|
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
90
|
-
|
|
91
83
|
const sizeAsInt = _parseInt__default["default"](avatarSizes[size].width.replace(/px$/, ''), 10);
|
|
92
|
-
|
|
93
84
|
const gravatarSize = sizeAsInt * multiplyBy;
|
|
94
85
|
return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
|
|
95
86
|
};
|
|
96
|
-
|
|
97
87
|
const GravatarImg = props => jsxRuntime.jsx("img", {
|
|
98
88
|
css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:GravatarImg;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBhdmF0YXJTaXplcyA9IHtcbiAgczoge1xuICAgIHdpZHRoOiAnMjZweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzU21hbGwsXG4gIH0sXG4gIG06IHtcbiAgICB3aWR0aDogZGVzaWduVG9rZW5zLndpZHRoRm9yQXZhdGFyQXNNZWRpdW0sXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzTWVkaXVtLFxuICB9LFxuICBsOiB7XG4gICAgd2lkdGg6ICcxMDBweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzQmlnLFxuICB9LFxufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPiA9IHtcbiAgZmlyc3ROYW1lOiAnJyxcbiAgbGFzdE5hbWU6ICcnLFxuICBpc0hpZ2hsaWdodGVkOiBmYWxzZSxcbiAgc2l6ZTogJ3MnLFxufTtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG5cbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoYXZhdGFyU2l6ZXNbc2l6ZV0ud2lkdGgucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGZvbnQtc2l6ZTogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS5mb250U2l6ZX07XG4gICAgYH1cbiAgPlxuICAgIHtnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICAgIH0pfVxuICA8L2Rpdj5cbik7XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9IChwcm9wczogVEF2YXRhclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JBdmF0YXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgaGVpZ2h0OiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcbiAgICAgIHdpZHRoOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckF2YXRhcldoZW5IaWdobGlnaHRlZH07YFxuICAgICAgICA6ICcnfVxuICAgIGB9XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgPlxuICAgIDxHcmF2YXRhckltZ1xuICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgaXNIaWdobGlnaHRlZD17cHJvcHMuaXNIaWdobGlnaHRlZH1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcblxuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5BdmF0YXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXX0= */"),
|
|
99
89
|
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
@@ -101,13 +91,10 @@ const GravatarImg = props => jsxRuntime.jsx("img", {
|
|
|
101
91
|
/**
|
|
102
92
|
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
103
93
|
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
104
|
-
|
|
105
|
-
,
|
|
94
|
+
*/,
|
|
106
95
|
alt: ""
|
|
107
96
|
});
|
|
108
|
-
|
|
109
97
|
GravatarImg.displayName = 'GravatarImg';
|
|
110
|
-
|
|
111
98
|
const Initials = props => jsxRuntime.jsx("div", {
|
|
112
99
|
css: /*#__PURE__*/react.css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Initials;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0hZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBhdmF0YXJTaXplcyA9IHtcbiAgczoge1xuICAgIHdpZHRoOiAnMjZweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzU21hbGwsXG4gIH0sXG4gIG06IHtcbiAgICB3aWR0aDogZGVzaWduVG9rZW5zLndpZHRoRm9yQXZhdGFyQXNNZWRpdW0sXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzTWVkaXVtLFxuICB9LFxuICBsOiB7XG4gICAgd2lkdGg6ICcxMDBweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzQmlnLFxuICB9LFxufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPiA9IHtcbiAgZmlyc3ROYW1lOiAnJyxcbiAgbGFzdE5hbWU6ICcnLFxuICBpc0hpZ2hsaWdodGVkOiBmYWxzZSxcbiAgc2l6ZTogJ3MnLFxufTtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG5cbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoYXZhdGFyU2l6ZXNbc2l6ZV0ud2lkdGgucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGZvbnQtc2l6ZTogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS5mb250U2l6ZX07XG4gICAgYH1cbiAgPlxuICAgIHtnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICAgIH0pfVxuICA8L2Rpdj5cbik7XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9IChwcm9wczogVEF2YXRhclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JBdmF0YXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgaGVpZ2h0OiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcbiAgICAgIHdpZHRoOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckF2YXRhcldoZW5IaWdobGlnaHRlZH07YFxuICAgICAgICA6ICcnfVxuICAgIGB9XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgPlxuICAgIDxHcmF2YXRhckltZ1xuICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgaXNIaWdobGlnaHRlZD17cHJvcHMuaXNIaWdobGlnaHRlZH1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcblxuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5BdmF0YXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXX0= */"),
|
|
113
100
|
children: getInitialsFromName({
|
|
@@ -115,9 +102,7 @@ const Initials = props => jsxRuntime.jsx("div", {
|
|
|
115
102
|
lastName: props.lastName
|
|
116
103
|
})
|
|
117
104
|
});
|
|
118
|
-
|
|
119
105
|
Initials.displayName = 'Initials';
|
|
120
|
-
|
|
121
106
|
const Avatar = props => jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
122
107
|
css: /*#__PURE__*/react.css("align-items:center;background-color:", designSystem.designTokens.backgroundColorForAvatar, ";border-radius:100%;font-size:", designSystem.designTokens.fontSizeDefault, ";color:", designSystem.designTokens.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(designSystem.designTokens.backgroundColorForAvatarWhenHighlighted, ";") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUlZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBhdmF0YXJTaXplcyA9IHtcbiAgczoge1xuICAgIHdpZHRoOiAnMjZweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzU21hbGwsXG4gIH0sXG4gIG06IHtcbiAgICB3aWR0aDogZGVzaWduVG9rZW5zLndpZHRoRm9yQXZhdGFyQXNNZWRpdW0sXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzTWVkaXVtLFxuICB9LFxuICBsOiB7XG4gICAgd2lkdGg6ICcxMDBweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzQmlnLFxuICB9LFxufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPiA9IHtcbiAgZmlyc3ROYW1lOiAnJyxcbiAgbGFzdE5hbWU6ICcnLFxuICBpc0hpZ2hsaWdodGVkOiBmYWxzZSxcbiAgc2l6ZTogJ3MnLFxufTtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG5cbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoYXZhdGFyU2l6ZXNbc2l6ZV0ud2lkdGgucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGZvbnQtc2l6ZTogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS5mb250U2l6ZX07XG4gICAgYH1cbiAgPlxuICAgIHtnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICAgIH0pfVxuICA8L2Rpdj5cbik7XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9IChwcm9wczogVEF2YXRhclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JBdmF0YXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgaGVpZ2h0OiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcbiAgICAgIHdpZHRoOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckF2YXRhcldoZW5IaWdobGlnaHRlZH07YFxuICAgICAgICA6ICcnfVxuICAgIGB9XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgPlxuICAgIDxHcmF2YXRhckltZ1xuICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgaXNIaWdobGlnaHRlZD17cHJvcHMuaXNIaWdobGlnaHRlZH1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcblxuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5BdmF0YXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXX0= */")
|
|
123
108
|
}, utils.filterDataAttributes(props)), {}, {
|
|
@@ -131,13 +116,12 @@ const Avatar = props => jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
|
131
116
|
lastName: props.lastName
|
|
132
117
|
})]
|
|
133
118
|
}));
|
|
134
|
-
|
|
135
119
|
Avatar.displayName = 'Avatar';
|
|
136
120
|
Avatar.defaultProps = defaultProps;
|
|
137
121
|
var Avatar$1 = Avatar;
|
|
138
122
|
|
|
139
123
|
// NOTE: This string will be replaced on build time with the package version.
|
|
140
|
-
var version = "16.
|
|
124
|
+
var version = "16.1.0";
|
|
141
125
|
|
|
142
126
|
exports["default"] = Avatar$1;
|
|
143
127
|
exports.version = version;
|
|
@@ -36,7 +36,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
36
36
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
37
37
|
|
|
38
38
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
39
|
-
|
|
40
39
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
41
40
|
const avatarSizes = {
|
|
42
41
|
s: {
|
|
@@ -58,22 +57,19 @@ const defaultProps = {
|
|
|
58
57
|
isHighlighted: false,
|
|
59
58
|
size: 's'
|
|
60
59
|
};
|
|
61
|
-
|
|
62
60
|
const getFirstChar = str => {
|
|
63
61
|
var _context;
|
|
64
|
-
|
|
65
62
|
return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
66
63
|
};
|
|
67
|
-
|
|
68
64
|
const getInitialsFromName = _ref => {
|
|
69
65
|
var _context2;
|
|
70
|
-
|
|
71
66
|
let _ref$firstName = _ref.firstName,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
67
|
+
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
68
|
+
_ref$lastName = _ref.lastName,
|
|
69
|
+
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
75
70
|
return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
|
|
76
71
|
};
|
|
72
|
+
|
|
77
73
|
/**
|
|
78
74
|
* `s` - defines the size. We want a bigger one if the user is on a retina-display
|
|
79
75
|
* `d` - defines the default if the user is not known to Gravatar. It returns a blank image,
|
|
@@ -81,19 +77,13 @@ const getInitialsFromName = _ref => {
|
|
|
81
77
|
*
|
|
82
78
|
* @see: https://de.gravatar.com/site/implement/images/
|
|
83
79
|
*/
|
|
84
|
-
|
|
85
|
-
|
|
86
80
|
const createGravatarImgUrl = function (md5Hash, size) {
|
|
87
81
|
var _context3;
|
|
88
|
-
|
|
89
82
|
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
90
|
-
|
|
91
83
|
const sizeAsInt = _parseInt__default["default"](avatarSizes[size].width.replace(/px$/, ''), 10);
|
|
92
|
-
|
|
93
84
|
const gravatarSize = sizeAsInt * multiplyBy;
|
|
94
85
|
return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
|
|
95
86
|
};
|
|
96
|
-
|
|
97
87
|
const GravatarImg = props => jsxRuntime.jsx("img", {
|
|
98
88
|
css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + ("" ), "" ),
|
|
99
89
|
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
@@ -101,13 +91,10 @@ const GravatarImg = props => jsxRuntime.jsx("img", {
|
|
|
101
91
|
/**
|
|
102
92
|
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
103
93
|
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
104
|
-
|
|
105
|
-
,
|
|
94
|
+
*/,
|
|
106
95
|
alt: ""
|
|
107
96
|
});
|
|
108
|
-
|
|
109
97
|
GravatarImg.displayName = 'GravatarImg';
|
|
110
|
-
|
|
111
98
|
const Initials = props => jsxRuntime.jsx("div", {
|
|
112
99
|
css: /*#__PURE__*/react.css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + ("" ), "" ),
|
|
113
100
|
children: getInitialsFromName({
|
|
@@ -115,9 +102,7 @@ const Initials = props => jsxRuntime.jsx("div", {
|
|
|
115
102
|
lastName: props.lastName
|
|
116
103
|
})
|
|
117
104
|
});
|
|
118
|
-
|
|
119
105
|
Initials.displayName = 'Initials';
|
|
120
|
-
|
|
121
106
|
const Avatar = props => jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
122
107
|
css: /*#__PURE__*/react.css("align-items:center;background-color:", designSystem.designTokens.backgroundColorForAvatar, ";border-radius:100%;font-size:", designSystem.designTokens.fontSizeDefault, ";color:", designSystem.designTokens.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(designSystem.designTokens.backgroundColorForAvatarWhenHighlighted, ";") : '', ";" + ("" ), "" )
|
|
123
108
|
}, utils.filterDataAttributes(props)), {}, {
|
|
@@ -131,13 +116,12 @@ const Avatar = props => jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
|
131
116
|
lastName: props.lastName
|
|
132
117
|
})]
|
|
133
118
|
}));
|
|
134
|
-
|
|
135
119
|
Avatar.displayName = 'Avatar';
|
|
136
120
|
Avatar.defaultProps = defaultProps;
|
|
137
121
|
var Avatar$1 = Avatar;
|
|
138
122
|
|
|
139
123
|
// NOTE: This string will be replaced on build time with the package version.
|
|
140
|
-
var version = "16.
|
|
124
|
+
var version = "16.1.0";
|
|
141
125
|
|
|
142
126
|
exports["default"] = Avatar$1;
|
|
143
127
|
exports.version = version;
|
|
@@ -17,7 +17,6 @@ import { filterDataAttributes } from '@commercetools-uikit/utils';
|
|
|
17
17
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
|
-
|
|
21
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
21
|
const avatarSizes = {
|
|
23
22
|
s: {
|
|
@@ -39,22 +38,19 @@ const defaultProps = {
|
|
|
39
38
|
isHighlighted: false,
|
|
40
39
|
size: 's'
|
|
41
40
|
};
|
|
42
|
-
|
|
43
41
|
const getFirstChar = str => {
|
|
44
42
|
var _context;
|
|
45
|
-
|
|
46
43
|
return typeof str === 'string' ? _sliceInstanceProperty(_context = _trimInstanceProperty(str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
47
44
|
};
|
|
48
|
-
|
|
49
45
|
const getInitialsFromName = _ref => {
|
|
50
46
|
var _context2;
|
|
51
|
-
|
|
52
47
|
let _ref$firstName = _ref.firstName,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
48
|
+
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
49
|
+
_ref$lastName = _ref.lastName,
|
|
50
|
+
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
56
51
|
return _concatInstanceProperty(_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
|
|
57
52
|
};
|
|
53
|
+
|
|
58
54
|
/**
|
|
59
55
|
* `s` - defines the size. We want a bigger one if the user is on a retina-display
|
|
60
56
|
* `d` - defines the default if the user is not known to Gravatar. It returns a blank image,
|
|
@@ -62,19 +58,13 @@ const getInitialsFromName = _ref => {
|
|
|
62
58
|
*
|
|
63
59
|
* @see: https://de.gravatar.com/site/implement/images/
|
|
64
60
|
*/
|
|
65
|
-
|
|
66
|
-
|
|
67
61
|
const createGravatarImgUrl = function (md5Hash, size) {
|
|
68
62
|
var _context3;
|
|
69
|
-
|
|
70
63
|
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
71
|
-
|
|
72
64
|
const sizeAsInt = _parseInt(avatarSizes[size].width.replace(/px$/, ''), 10);
|
|
73
|
-
|
|
74
65
|
const gravatarSize = sizeAsInt * multiplyBy;
|
|
75
66
|
return _concatInstanceProperty(_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
|
|
76
67
|
};
|
|
77
|
-
|
|
78
68
|
const GravatarImg = props => jsx("img", {
|
|
79
69
|
css: /*#__PURE__*/css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:GravatarImg;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBhdmF0YXJTaXplcyA9IHtcbiAgczoge1xuICAgIHdpZHRoOiAnMjZweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzU21hbGwsXG4gIH0sXG4gIG06IHtcbiAgICB3aWR0aDogZGVzaWduVG9rZW5zLndpZHRoRm9yQXZhdGFyQXNNZWRpdW0sXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzTWVkaXVtLFxuICB9LFxuICBsOiB7XG4gICAgd2lkdGg6ICcxMDBweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzQmlnLFxuICB9LFxufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPiA9IHtcbiAgZmlyc3ROYW1lOiAnJyxcbiAgbGFzdE5hbWU6ICcnLFxuICBpc0hpZ2hsaWdodGVkOiBmYWxzZSxcbiAgc2l6ZTogJ3MnLFxufTtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG5cbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoYXZhdGFyU2l6ZXNbc2l6ZV0ud2lkdGgucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGZvbnQtc2l6ZTogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS5mb250U2l6ZX07XG4gICAgYH1cbiAgPlxuICAgIHtnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICAgIH0pfVxuICA8L2Rpdj5cbik7XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9IChwcm9wczogVEF2YXRhclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JBdmF0YXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgaGVpZ2h0OiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcbiAgICAgIHdpZHRoOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckF2YXRhcldoZW5IaWdobGlnaHRlZH07YFxuICAgICAgICA6ICcnfVxuICAgIGB9XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgPlxuICAgIDxHcmF2YXRhckltZ1xuICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgaXNIaWdobGlnaHRlZD17cHJvcHMuaXNIaWdobGlnaHRlZH1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcblxuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5BdmF0YXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXX0= */"),
|
|
80
70
|
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
@@ -82,13 +72,10 @@ const GravatarImg = props => jsx("img", {
|
|
|
82
72
|
/**
|
|
83
73
|
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
84
74
|
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
85
|
-
|
|
86
|
-
,
|
|
75
|
+
*/,
|
|
87
76
|
alt: ""
|
|
88
77
|
});
|
|
89
|
-
|
|
90
78
|
GravatarImg.displayName = 'GravatarImg';
|
|
91
|
-
|
|
92
79
|
const Initials = props => jsx("div", {
|
|
93
80
|
css: /*#__PURE__*/css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Initials;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0hZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBhdmF0YXJTaXplcyA9IHtcbiAgczoge1xuICAgIHdpZHRoOiAnMjZweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzU21hbGwsXG4gIH0sXG4gIG06IHtcbiAgICB3aWR0aDogZGVzaWduVG9rZW5zLndpZHRoRm9yQXZhdGFyQXNNZWRpdW0sXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzTWVkaXVtLFxuICB9LFxuICBsOiB7XG4gICAgd2lkdGg6ICcxMDBweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzQmlnLFxuICB9LFxufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPiA9IHtcbiAgZmlyc3ROYW1lOiAnJyxcbiAgbGFzdE5hbWU6ICcnLFxuICBpc0hpZ2hsaWdodGVkOiBmYWxzZSxcbiAgc2l6ZTogJ3MnLFxufTtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG5cbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoYXZhdGFyU2l6ZXNbc2l6ZV0ud2lkdGgucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGZvbnQtc2l6ZTogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS5mb250U2l6ZX07XG4gICAgYH1cbiAgPlxuICAgIHtnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICAgIH0pfVxuICA8L2Rpdj5cbik7XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9IChwcm9wczogVEF2YXRhclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JBdmF0YXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgaGVpZ2h0OiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcbiAgICAgIHdpZHRoOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckF2YXRhcldoZW5IaWdobGlnaHRlZH07YFxuICAgICAgICA6ICcnfVxuICAgIGB9XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgPlxuICAgIDxHcmF2YXRhckltZ1xuICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgaXNIaWdobGlnaHRlZD17cHJvcHMuaXNIaWdobGlnaHRlZH1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcblxuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5BdmF0YXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXX0= */"),
|
|
94
81
|
children: getInitialsFromName({
|
|
@@ -96,9 +83,7 @@ const Initials = props => jsx("div", {
|
|
|
96
83
|
lastName: props.lastName
|
|
97
84
|
})
|
|
98
85
|
});
|
|
99
|
-
|
|
100
86
|
Initials.displayName = 'Initials';
|
|
101
|
-
|
|
102
87
|
const Avatar = props => jsxs("div", _objectSpread(_objectSpread({
|
|
103
88
|
css: /*#__PURE__*/css("align-items:center;background-color:", designTokens.backgroundColorForAvatar, ";border-radius:100%;font-size:", designTokens.fontSizeDefault, ";color:", designTokens.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(designTokens.backgroundColorForAvatarWhenHighlighted, ";") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUlZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBhdmF0YXJTaXplcyA9IHtcbiAgczoge1xuICAgIHdpZHRoOiAnMjZweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzU21hbGwsXG4gIH0sXG4gIG06IHtcbiAgICB3aWR0aDogZGVzaWduVG9rZW5zLndpZHRoRm9yQXZhdGFyQXNNZWRpdW0sXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzTWVkaXVtLFxuICB9LFxuICBsOiB7XG4gICAgd2lkdGg6ICcxMDBweCcsXG4gICAgZm9udFNpemU6IGRlc2lnblRva2Vucy5mb250U2l6ZUZvckF2YXRhckFzQmlnLFxuICB9LFxufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPiA9IHtcbiAgZmlyc3ROYW1lOiAnJyxcbiAgbGFzdE5hbWU6ICcnLFxuICBpc0hpZ2hsaWdodGVkOiBmYWxzZSxcbiAgc2l6ZTogJ3MnLFxufTtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG5cbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoYXZhdGFyU2l6ZXNbc2l6ZV0ud2lkdGgucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGZvbnQtc2l6ZTogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS5mb250U2l6ZX07XG4gICAgYH1cbiAgPlxuICAgIHtnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICAgIH0pfVxuICA8L2Rpdj5cbik7XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9IChwcm9wczogVEF2YXRhclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JBdmF0YXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgaGVpZ2h0OiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcbiAgICAgIHdpZHRoOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLndpZHRofTtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckF2YXRhcldoZW5IaWdobGlnaHRlZH07YFxuICAgICAgICA6ICcnfVxuICAgIGB9XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgPlxuICAgIDxHcmF2YXRhckltZ1xuICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgaXNIaWdobGlnaHRlZD17cHJvcHMuaXNIaWdobGlnaHRlZH1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcblxuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5BdmF0YXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXX0= */")
|
|
104
89
|
}, filterDataAttributes(props)), {}, {
|
|
@@ -112,12 +97,11 @@ const Avatar = props => jsxs("div", _objectSpread(_objectSpread({
|
|
|
112
97
|
lastName: props.lastName
|
|
113
98
|
})]
|
|
114
99
|
}));
|
|
115
|
-
|
|
116
100
|
Avatar.displayName = 'Avatar';
|
|
117
101
|
Avatar.defaultProps = defaultProps;
|
|
118
102
|
var Avatar$1 = Avatar;
|
|
119
103
|
|
|
120
104
|
// NOTE: This string will be replaced on build time with the package version.
|
|
121
|
-
var version = "16.
|
|
105
|
+
var version = "16.1.0";
|
|
122
106
|
|
|
123
107
|
export { Avatar$1 as default, version };
|
|
@@ -10,6 +10,6 @@ export type TInitialsProps = Pick<TAvatarProps, 'firstName' | 'lastName' | 'size
|
|
|
10
10
|
declare const Avatar: {
|
|
11
11
|
(props: TAvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
|
-
defaultProps: Pick<TAvatarProps, "
|
|
13
|
+
defaultProps: Pick<TAvatarProps, "isHighlighted" | "size" | "firstName" | "lastName">;
|
|
14
14
|
};
|
|
15
15
|
export default Avatar;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/avatar",
|
|
3
3
|
"description": "A component for rendering profile images",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "16.
|
|
25
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/design-system": "16.1.0",
|
|
25
|
+
"@commercetools-uikit/utils": "16.1.0",
|
|
26
26
|
"@emotion/react": "^11.10.5",
|
|
27
27
|
"@emotion/styled": "^11.10.5",
|
|
28
28
|
"prop-types": "15.8.1"
|