@commercetools-uikit/avatar 15.15.0 → 16.0.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.
- package/dist/commercetools-uikit-avatar.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-avatar.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-avatar.cjs.dev.js +41 -47
- package/dist/commercetools-uikit-avatar.cjs.prod.js +41 -47
- package/dist/commercetools-uikit-avatar.esm.js +41 -47
- package/dist/declarations/src/avatar.d.ts +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-avatar.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -38,7 +38,7 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
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
39
|
|
|
40
40
|
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
|
-
|
|
41
|
+
const avatarSizes = {
|
|
42
42
|
s: {
|
|
43
43
|
width: '26px',
|
|
44
44
|
fontSize: designSystem.designTokens.fontSizeForAvatarAsSmall
|
|
@@ -52,23 +52,23 @@ var avatarSizes = {
|
|
|
52
52
|
fontSize: designSystem.designTokens.fontSizeForAvatarAsBig
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
|
-
|
|
55
|
+
const defaultProps = {
|
|
56
56
|
firstName: '',
|
|
57
57
|
lastName: '',
|
|
58
58
|
isHighlighted: false,
|
|
59
59
|
size: 's'
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
const getFirstChar = str => {
|
|
63
63
|
var _context;
|
|
64
64
|
|
|
65
65
|
return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
66
66
|
};
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
const getInitialsFromName = _ref => {
|
|
69
69
|
var _context2;
|
|
70
70
|
|
|
71
|
-
|
|
71
|
+
let _ref$firstName = _ref.firstName,
|
|
72
72
|
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
73
73
|
_ref$lastName = _ref.lastName,
|
|
74
74
|
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
@@ -83,67 +83,61 @@ var getInitialsFromName = function getInitialsFromName(_ref) {
|
|
|
83
83
|
*/
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
const createGravatarImgUrl = function (md5Hash, size) {
|
|
87
87
|
var _context3;
|
|
88
88
|
|
|
89
|
-
|
|
89
|
+
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
90
90
|
|
|
91
|
-
|
|
91
|
+
const sizeAsInt = _parseInt__default["default"](avatarSizes[size].width.replace(/px$/, ''), 10);
|
|
92
92
|
|
|
93
|
-
|
|
93
|
+
const gravatarSize = sizeAsInt * multiplyBy;
|
|
94
94
|
return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
|
|
95
95
|
};
|
|
96
96
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
});
|
|
109
|
-
};
|
|
97
|
+
const GravatarImg = props => jsxRuntime.jsx("img", {
|
|
98
|
+
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
|
+
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
100
|
+
srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
|
|
101
|
+
/**
|
|
102
|
+
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
103
|
+
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
104
|
+
*/
|
|
105
|
+
,
|
|
106
|
+
alt: ""
|
|
107
|
+
});
|
|
110
108
|
|
|
111
109
|
GravatarImg.displayName = 'GravatarImg';
|
|
112
110
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
});
|
|
121
|
-
};
|
|
111
|
+
const Initials = props => jsxRuntime.jsx("div", {
|
|
112
|
+
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
|
+
children: getInitialsFromName({
|
|
114
|
+
firstName: props.firstName,
|
|
115
|
+
lastName: props.lastName
|
|
116
|
+
})
|
|
117
|
+
});
|
|
122
118
|
|
|
123
119
|
Initials.displayName = 'Initials';
|
|
124
120
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
}));
|
|
139
|
-
};
|
|
121
|
+
const Avatar = props => jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
122
|
+
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
|
+
}, utils.filterDataAttributes(props)), {}, {
|
|
124
|
+
children: [jsxRuntime.jsx(GravatarImg, {
|
|
125
|
+
gravatarHash: props.gravatarHash,
|
|
126
|
+
size: props.size,
|
|
127
|
+
isHighlighted: props.isHighlighted
|
|
128
|
+
}), jsxRuntime.jsx(Initials, {
|
|
129
|
+
size: props.size,
|
|
130
|
+
firstName: props.firstName,
|
|
131
|
+
lastName: props.lastName
|
|
132
|
+
})]
|
|
133
|
+
}));
|
|
140
134
|
|
|
141
135
|
Avatar.displayName = 'Avatar';
|
|
142
136
|
Avatar.defaultProps = defaultProps;
|
|
143
137
|
var Avatar$1 = Avatar;
|
|
144
138
|
|
|
145
139
|
// NOTE: This string will be replaced on build time with the package version.
|
|
146
|
-
var version = "
|
|
140
|
+
var version = "16.0.0";
|
|
147
141
|
|
|
148
142
|
exports["default"] = Avatar$1;
|
|
149
143
|
exports.version = version;
|
|
@@ -38,7 +38,7 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
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
39
|
|
|
40
40
|
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
|
-
|
|
41
|
+
const avatarSizes = {
|
|
42
42
|
s: {
|
|
43
43
|
width: '26px',
|
|
44
44
|
fontSize: designSystem.designTokens.fontSizeForAvatarAsSmall
|
|
@@ -52,23 +52,23 @@ var avatarSizes = {
|
|
|
52
52
|
fontSize: designSystem.designTokens.fontSizeForAvatarAsBig
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
|
-
|
|
55
|
+
const defaultProps = {
|
|
56
56
|
firstName: '',
|
|
57
57
|
lastName: '',
|
|
58
58
|
isHighlighted: false,
|
|
59
59
|
size: 's'
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
const getFirstChar = str => {
|
|
63
63
|
var _context;
|
|
64
64
|
|
|
65
65
|
return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
66
66
|
};
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
const getInitialsFromName = _ref => {
|
|
69
69
|
var _context2;
|
|
70
70
|
|
|
71
|
-
|
|
71
|
+
let _ref$firstName = _ref.firstName,
|
|
72
72
|
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
73
73
|
_ref$lastName = _ref.lastName,
|
|
74
74
|
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
@@ -83,67 +83,61 @@ var getInitialsFromName = function getInitialsFromName(_ref) {
|
|
|
83
83
|
*/
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
const createGravatarImgUrl = function (md5Hash, size) {
|
|
87
87
|
var _context3;
|
|
88
88
|
|
|
89
|
-
|
|
89
|
+
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
90
90
|
|
|
91
|
-
|
|
91
|
+
const sizeAsInt = _parseInt__default["default"](avatarSizes[size].width.replace(/px$/, ''), 10);
|
|
92
92
|
|
|
93
|
-
|
|
93
|
+
const gravatarSize = sizeAsInt * multiplyBy;
|
|
94
94
|
return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
|
|
95
95
|
};
|
|
96
96
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
});
|
|
109
|
-
};
|
|
97
|
+
const GravatarImg = props => jsxRuntime.jsx("img", {
|
|
98
|
+
css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + ("" ), "" ),
|
|
99
|
+
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
100
|
+
srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
|
|
101
|
+
/**
|
|
102
|
+
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
103
|
+
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
104
|
+
*/
|
|
105
|
+
,
|
|
106
|
+
alt: ""
|
|
107
|
+
});
|
|
110
108
|
|
|
111
109
|
GravatarImg.displayName = 'GravatarImg';
|
|
112
110
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
});
|
|
121
|
-
};
|
|
111
|
+
const Initials = props => jsxRuntime.jsx("div", {
|
|
112
|
+
css: /*#__PURE__*/react.css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + ("" ), "" ),
|
|
113
|
+
children: getInitialsFromName({
|
|
114
|
+
firstName: props.firstName,
|
|
115
|
+
lastName: props.lastName
|
|
116
|
+
})
|
|
117
|
+
});
|
|
122
118
|
|
|
123
119
|
Initials.displayName = 'Initials';
|
|
124
120
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
}));
|
|
139
|
-
};
|
|
121
|
+
const Avatar = props => jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
122
|
+
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
|
+
}, utils.filterDataAttributes(props)), {}, {
|
|
124
|
+
children: [jsxRuntime.jsx(GravatarImg, {
|
|
125
|
+
gravatarHash: props.gravatarHash,
|
|
126
|
+
size: props.size,
|
|
127
|
+
isHighlighted: props.isHighlighted
|
|
128
|
+
}), jsxRuntime.jsx(Initials, {
|
|
129
|
+
size: props.size,
|
|
130
|
+
firstName: props.firstName,
|
|
131
|
+
lastName: props.lastName
|
|
132
|
+
})]
|
|
133
|
+
}));
|
|
140
134
|
|
|
141
135
|
Avatar.displayName = 'Avatar';
|
|
142
136
|
Avatar.defaultProps = defaultProps;
|
|
143
137
|
var Avatar$1 = Avatar;
|
|
144
138
|
|
|
145
139
|
// NOTE: This string will be replaced on build time with the package version.
|
|
146
|
-
var version = "
|
|
140
|
+
var version = "16.0.0";
|
|
147
141
|
|
|
148
142
|
exports["default"] = Avatar$1;
|
|
149
143
|
exports.version = version;
|
|
@@ -19,7 +19,7 @@ import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
|
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
20
|
|
|
21
21
|
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
|
-
|
|
22
|
+
const avatarSizes = {
|
|
23
23
|
s: {
|
|
24
24
|
width: '26px',
|
|
25
25
|
fontSize: designTokens.fontSizeForAvatarAsSmall
|
|
@@ -33,23 +33,23 @@ var avatarSizes = {
|
|
|
33
33
|
fontSize: designTokens.fontSizeForAvatarAsBig
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
const defaultProps = {
|
|
37
37
|
firstName: '',
|
|
38
38
|
lastName: '',
|
|
39
39
|
isHighlighted: false,
|
|
40
40
|
size: 's'
|
|
41
41
|
};
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
const getFirstChar = str => {
|
|
44
44
|
var _context;
|
|
45
45
|
|
|
46
46
|
return typeof str === 'string' ? _sliceInstanceProperty(_context = _trimInstanceProperty(str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
const getInitialsFromName = _ref => {
|
|
50
50
|
var _context2;
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
let _ref$firstName = _ref.firstName,
|
|
53
53
|
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
54
54
|
_ref$lastName = _ref.lastName,
|
|
55
55
|
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
@@ -64,66 +64,60 @@ var getInitialsFromName = function getInitialsFromName(_ref) {
|
|
|
64
64
|
*/
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
|
|
67
|
+
const createGravatarImgUrl = function (md5Hash, size) {
|
|
68
68
|
var _context3;
|
|
69
69
|
|
|
70
|
-
|
|
70
|
+
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
const sizeAsInt = _parseInt(avatarSizes[size].width.replace(/px$/, ''), 10);
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
const gravatarSize = sizeAsInt * multiplyBy;
|
|
75
75
|
return _concatInstanceProperty(_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
});
|
|
90
|
-
};
|
|
78
|
+
const GravatarImg = props => jsx("img", {
|
|
79
|
+
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
|
+
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
81
|
+
srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
|
|
82
|
+
/**
|
|
83
|
+
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
84
|
+
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
85
|
+
*/
|
|
86
|
+
,
|
|
87
|
+
alt: ""
|
|
88
|
+
});
|
|
91
89
|
|
|
92
90
|
GravatarImg.displayName = 'GravatarImg';
|
|
93
91
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
});
|
|
102
|
-
};
|
|
92
|
+
const Initials = props => jsx("div", {
|
|
93
|
+
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
|
+
children: getInitialsFromName({
|
|
95
|
+
firstName: props.firstName,
|
|
96
|
+
lastName: props.lastName
|
|
97
|
+
})
|
|
98
|
+
});
|
|
103
99
|
|
|
104
100
|
Initials.displayName = 'Initials';
|
|
105
101
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}));
|
|
120
|
-
};
|
|
102
|
+
const Avatar = props => jsxs("div", _objectSpread(_objectSpread({
|
|
103
|
+
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
|
+
}, filterDataAttributes(props)), {}, {
|
|
105
|
+
children: [jsx(GravatarImg, {
|
|
106
|
+
gravatarHash: props.gravatarHash,
|
|
107
|
+
size: props.size,
|
|
108
|
+
isHighlighted: props.isHighlighted
|
|
109
|
+
}), jsx(Initials, {
|
|
110
|
+
size: props.size,
|
|
111
|
+
firstName: props.firstName,
|
|
112
|
+
lastName: props.lastName
|
|
113
|
+
})]
|
|
114
|
+
}));
|
|
121
115
|
|
|
122
116
|
Avatar.displayName = 'Avatar';
|
|
123
117
|
Avatar.defaultProps = defaultProps;
|
|
124
118
|
var Avatar$1 = Avatar;
|
|
125
119
|
|
|
126
120
|
// NOTE: This string will be replaced on build time with the package version.
|
|
127
|
-
var version = "
|
|
121
|
+
var version = "16.0.0";
|
|
128
122
|
|
|
129
123
|
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, "size" | "isHighlighted" | "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": "
|
|
4
|
+
"version": "16.0.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": "
|
|
25
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/design-system": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
26
26
|
"@emotion/react": "^11.10.5",
|
|
27
27
|
"@emotion/styled": "^11.10.5",
|
|
28
28
|
"prop-types": "15.8.1"
|