@commercetools-uikit/avatar 20.5.0 → 20.6.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/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
|
|
2
|
-
<!-- This file is created by the `
|
|
2
|
+
<!-- This file is created by the `pnpm generate-readme` script. -->
|
|
3
3
|
|
|
4
4
|
# Avatar
|
|
5
5
|
|
|
@@ -10,7 +10,7 @@ A component for rendering profile images
|
|
|
10
10
|
## Installation
|
|
11
11
|
|
|
12
12
|
```
|
|
13
|
-
|
|
13
|
+
pnpm add @commercetools-uikit/avatar
|
|
14
14
|
```
|
|
15
15
|
|
|
16
16
|
```
|
|
@@ -20,7 +20,7 @@ npm --save install @commercetools-uikit/avatar
|
|
|
20
20
|
Additionally install the peer dependencies (if not present)
|
|
21
21
|
|
|
22
22
|
```
|
|
23
|
-
|
|
23
|
+
pnpm add react
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
```
|
|
@@ -6,7 +6,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
7
7
|
var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
|
|
8
8
|
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
|
|
9
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
10
9
|
var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
|
|
11
10
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
12
11
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
@@ -26,7 +25,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
26
25
|
|
|
27
26
|
var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
|
|
28
27
|
var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
|
|
29
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
30
28
|
var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
|
|
31
29
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
32
30
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -105,18 +103,17 @@ const getAvatarStyles = avatarProps => {
|
|
|
105
103
|
|
|
106
104
|
const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
|
|
107
105
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
108
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
106
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
109
107
|
const getFirstChar = str => {
|
|
110
108
|
var _context;
|
|
111
109
|
return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
112
110
|
};
|
|
113
111
|
const getInitialsFromName = _ref => {
|
|
114
|
-
var _context2;
|
|
115
112
|
let _ref$firstName = _ref.firstName,
|
|
116
113
|
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
117
114
|
_ref$lastName = _ref.lastName,
|
|
118
115
|
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
119
|
-
return
|
|
116
|
+
return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
|
|
120
117
|
};
|
|
121
118
|
/**
|
|
122
119
|
* `s` - defines the size. We want a bigger one if the user is on a retina-display
|
|
@@ -126,17 +123,16 @@ const getInitialsFromName = _ref => {
|
|
|
126
123
|
* @see: https://de.gravatar.com/site/implement/images/
|
|
127
124
|
*/
|
|
128
125
|
const createGravatarImgUrl = function (md5Hash, size) {
|
|
129
|
-
var _context3;
|
|
130
126
|
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
131
127
|
const imageSize = getWidthSize(size);
|
|
132
128
|
const sizeAsInt = _parseInt__default["default"](imageSize.replace(/px$/, ''), 10);
|
|
133
129
|
const gravatarSize = sizeAsInt * multiplyBy;
|
|
134
|
-
return
|
|
130
|
+
return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
|
|
135
131
|
};
|
|
136
132
|
const GravatarImg = props => jsxRuntime.jsx("img", {
|
|
137
133
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBUSWNvblByb3BzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRBdmF0YXJTdHlsZXMsIGdldEZvbnRTaXplLCBnZXRXaWR0aFNpemUgfSBmcm9tICcuL2F2YXRhci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJztcbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgY29sb3I/OiAnYWNjZW50JyB8ICdwdXJwbGUnIHwgJ3R1cnF1b2lzZScgfCAnYnJvd24nO1xuICAvKiogYW4gPEljb24gLz4gY29tcG9uZW50XG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PFRJY29uUHJvcHM+O1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3QgaW1hZ2VTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChpbWFnZVNpemUucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxzRnJvbU5hbWUgPSBnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICBmaXJzdE5hbWU6IHByb3BzLmZpcnN0TmFtZSxcbiAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGZvbnQtc2l6ZTogJHtnZXRGb250U2l6ZShpbml0aWFsc0Zyb21OYW1lLCBwcm9wcy5zaXplKX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtpbml0aWFsc0Zyb21OYW1lfVxuICAgIDwvZGl2PlxuICApO1xufTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG4gIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgc2l6ZSA9ICdzJyxcbiAgY29sb3IgPSAnYWNjZW50JyxcbiAgLi4ucHJvcHNcbn06IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0QXZhdGFyU3R5bGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgICBmaXJzdE5hbWUsXG4gICAgICAgIGxhc3ROYW1lLFxuICAgICAgICBpc0hpZ2hsaWdodGVkLFxuICAgICAgICBzaXplLFxuICAgICAgICBjb2xvcixcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgICB9KX1cbiAgICA+XG4gICAgICB7cHJvcHM/Lmljb24gPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKCR7YXZhdGFyU2l6ZX0gLSA0NSUpO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzPy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiAnc2NhbGUnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEdyYXZhdGFySW1nXG4gICAgICAgICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEluaXRpYWxzIHNpemU9e3NpemV9IGZpcnN0TmFtZT17Zmlyc3ROYW1lfSBsYXN0TmFtZT17bGFzdE5hbWV9IC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5BdmF0YXIuZGlzcGxheU5hbWUgPSAnQXZhdGFyJztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
|
|
138
134
|
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
139
|
-
srcSet: [
|
|
135
|
+
srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
|
|
140
136
|
/**
|
|
141
137
|
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
142
138
|
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
@@ -183,9 +179,9 @@ const Avatar = _ref2 => {
|
|
|
183
179
|
size,
|
|
184
180
|
color
|
|
185
181
|
}, props))), {}, {
|
|
186
|
-
children: props
|
|
182
|
+
children: props?.icon ? jsxRuntime.jsx("div", {
|
|
187
183
|
css: /*#__PURE__*/react.css("height:calc(", avatarSize, " - 45%);width:calc(", avatarSize, " - 45%);" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0prQiIsImZpbGUiOiJhdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCBjbG9uZUVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHR5cGUgVEljb25Qcm9wcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZ2V0QXZhdGFyU3R5bGVzLCBnZXRGb250U2l6ZSwgZ2V0V2lkdGhTaXplIH0gZnJvbSAnLi9hdmF0YXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVEF2YXRhclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGZpcnN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBmaXJzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgbGFzdCBuYW1lIG9mIHRoZSB1c2VyLlxuICAgKi9cbiAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgaGFzaGVkIHN0cmluZyBvZiB0aGUgdXNlciBncmF2YXRhci5cbiAgICovXG4gIGdyYXZhdGFySGFzaDogc3RyaW5nO1xuICAvKipcbiAgICogRW5oYW5jZXMgdGhlIGFwcGVhcmFuY2Ugb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGlzSGlnaGxpZ2h0ZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIHJlbmRlcmVkIGF2YXRhci5cbiAgICovXG4gIHNpemU/OiAncycgfCAnbScgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGNvbG9yPzogJ2FjY2VudCcgfCAncHVycGxlJyB8ICd0dXJxdW9pc2UnIHwgJ2Jyb3duJztcbiAgLyoqIGFuIDxJY29uIC8+IGNvbXBvbmVudFxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbn07XG5cbmV4cG9ydCB0eXBlIFRHcmF2YXRhckltZ1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZ3JhdmF0YXJIYXNoJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPjtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG4vKipcbiAqIGBzYCAtIGRlZmluZXMgdGhlIHNpemUuIFdlIHdhbnQgYSBiaWdnZXIgb25lIGlmIHRoZSB1c2VyIGlzIG9uIGEgcmV0aW5hLWRpc3BsYXlcbiAqIGBkYCAtIGRlZmluZXMgdGhlIGRlZmF1bHQgaWYgdGhlIHVzZXIgaXMgbm90IGtub3duIHRvIEdyYXZhdGFyLiBJdCByZXR1cm5zIGEgYmxhbmsgaW1hZ2UsXG4gKiAgICAgICAgd2hpY2ggbGV0IHRoZSBpbml0aWFscyB1bmRlcm5lYXRoIHNoaW5lIHRocm91Z2hcbiAqXG4gKiBAc2VlOiBodHRwczovL2RlLmdyYXZhdGFyLmNvbS9zaXRlL2ltcGxlbWVudC9pbWFnZXMvXG4gKi9cbmNvbnN0IGNyZWF0ZUdyYXZhdGFySW1nVXJsID0gKFxuICBtZDVIYXNoOiBUQXZhdGFyUHJvcHNbJ2dyYXZhdGFySGFzaCddLFxuICBzaXplOiBUQXZhdGFyUHJvcHNbJ3NpemUnXSxcbiAgbXVsdGlwbHlCeTogbnVtYmVyID0gMVxuKSA9PiB7XG4gIGNvbnN0IGltYWdlU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoaW1hZ2VTaXplLnJlcGxhY2UoL3B4JC8sICcnKSwgMTApO1xuICBjb25zdCBncmF2YXRhclNpemUgPSBzaXplQXNJbnQgKiBtdWx0aXBseUJ5O1xuICByZXR1cm4gYGh0dHBzOi8vd3d3LmdyYXZhdGFyLmNvbS9hdmF0YXIvJHttZDVIYXNofT9zPSR7Z3JhdmF0YXJTaXplfSZkPWJsYW5rYDtcbn07XG5cbmNvbnN0IEdyYXZhdGFySW1nID0gKHByb3BzOiBUR3JhdmF0YXJJbWdQcm9wcykgPT4gKFxuICA8aW1nXG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogMTA7XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/ICdvcGFjaXR5OiAwLjc7JyA6ICcnfVxuICAgIGB9XG4gICAgc3JjPXtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfVxuICAgIHNyY1NldD17W1xuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX0gMXhgLFxuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplLCAyKX0gMnhgLFxuICAgIF0uam9pbignLCcpfVxuICAgIC8qKlxuICAgICAqIEJhc2VkIG9uIGh0dHBzOi8vd3d3LnczLm9yZy9XQUkvdHV0b3JpYWxzL2ltYWdlcy9kZWNpc2lvbi10cmVlLzpcbiAgICAgKiBpbWFnZSBjb250cmlidXRlcyBtZWFuaW5nIHRvIHRoZSBjdXJyZW50IHBhZ2Ugb3IgY29udGV4dCBhbmQgaXQgc2hvd3MgY29udGVudCB0aGF0IGlzIHJlZHVuZGFudCB0byByZWFsIHRleHQgbmVhcmJ5XG4gICAgICovXG4gICAgYWx0PVwiXCJcbiAgLz5cbik7XG5HcmF2YXRhckltZy5kaXNwbGF5TmFtZSA9ICdHcmF2YXRhckltZyc7XG5cbmNvbnN0IEluaXRpYWxzID0gKHByb3BzOiBUSW5pdGlhbHNQcm9wcykgPT4ge1xuICBjb25zdCBpbml0aWFsc0Zyb21OYW1lID0gZ2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBmb250LXNpemU6ICR7Z2V0Rm9udFNpemUoaW5pdGlhbHNGcm9tTmFtZSwgcHJvcHMuc2l6ZSl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7aW5pdGlhbHNGcm9tTmFtZX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9ICh7XG4gIGZpcnN0TmFtZSA9ICcnLFxuICBsYXN0TmFtZSA9ICcnLFxuICBpc0hpZ2hsaWdodGVkID0gZmFsc2UsXG4gIHNpemUgPSAncycsXG4gIGNvbG9yID0gJ2FjY2VudCcsXG4gIC4uLnByb3BzXG59OiBUQXZhdGFyUHJvcHMpID0+IHtcbiAgY29uc3QgYXZhdGFyU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldEF2YXRhclN0eWxlcyh7XG4gICAgICAgIGZpcnN0TmFtZSxcbiAgICAgICAgbGFzdE5hbWUsXG4gICAgICAgIGlzSGlnaGxpZ2h0ZWQsXG4gICAgICAgIHNpemUsXG4gICAgICAgIGNvbG9yLFxuICAgICAgICAuLi5wcm9wcyxcbiAgICAgIH0pfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge3Byb3BzPy5pY29uID8gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcz8uaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogJ3NjYWxlJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHcmF2YXRhckltZ1xuICAgICAgICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaXNIaWdobGlnaHRlZD17aXNIaWdobGlnaHRlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxJbml0aWFscyBzaXplPXtzaXplfSBmaXJzdE5hbWU9e2ZpcnN0TmFtZX0gbGFzdE5hbWU9e2xhc3ROYW1lfSAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5cbmV4cG9ydCBkZWZhdWx0IEF2YXRhcjtcbiJdfQ== */"),
|
|
188
|
-
children: /*#__PURE__*/react$1.cloneElement(props
|
|
184
|
+
children: /*#__PURE__*/react$1.cloneElement(props?.icon, {
|
|
189
185
|
size: 'scale'
|
|
190
186
|
})
|
|
191
187
|
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
@@ -205,7 +201,7 @@ Avatar.displayName = 'Avatar';
|
|
|
205
201
|
var Avatar$1 = Avatar;
|
|
206
202
|
|
|
207
203
|
// NOTE: This string will be replaced on build time with the package version.
|
|
208
|
-
var version = "20.
|
|
204
|
+
var version = "20.6.0";
|
|
209
205
|
|
|
210
206
|
exports["default"] = Avatar$1;
|
|
211
207
|
exports.version = version;
|
|
@@ -6,7 +6,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
7
7
|
var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
|
|
8
8
|
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
|
|
9
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
10
9
|
var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
|
|
11
10
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
12
11
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
@@ -26,7 +25,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
26
25
|
|
|
27
26
|
var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
|
|
28
27
|
var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
|
|
29
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
30
28
|
var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
|
|
31
29
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
32
30
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -105,18 +103,17 @@ const getAvatarStyles = avatarProps => {
|
|
|
105
103
|
|
|
106
104
|
const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
|
|
107
105
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
108
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
106
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
109
107
|
const getFirstChar = str => {
|
|
110
108
|
var _context;
|
|
111
109
|
return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
112
110
|
};
|
|
113
111
|
const getInitialsFromName = _ref => {
|
|
114
|
-
var _context2;
|
|
115
112
|
let _ref$firstName = _ref.firstName,
|
|
116
113
|
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
117
114
|
_ref$lastName = _ref.lastName,
|
|
118
115
|
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
119
|
-
return
|
|
116
|
+
return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
|
|
120
117
|
};
|
|
121
118
|
/**
|
|
122
119
|
* `s` - defines the size. We want a bigger one if the user is on a retina-display
|
|
@@ -126,17 +123,16 @@ const getInitialsFromName = _ref => {
|
|
|
126
123
|
* @see: https://de.gravatar.com/site/implement/images/
|
|
127
124
|
*/
|
|
128
125
|
const createGravatarImgUrl = function (md5Hash, size) {
|
|
129
|
-
var _context3;
|
|
130
126
|
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
131
127
|
const imageSize = getWidthSize(size);
|
|
132
128
|
const sizeAsInt = _parseInt__default["default"](imageSize.replace(/px$/, ''), 10);
|
|
133
129
|
const gravatarSize = sizeAsInt * multiplyBy;
|
|
134
|
-
return
|
|
130
|
+
return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
|
|
135
131
|
};
|
|
136
132
|
const GravatarImg = props => jsxRuntime.jsx("img", {
|
|
137
133
|
css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + ("" ), "" ),
|
|
138
134
|
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
139
|
-
srcSet: [
|
|
135
|
+
srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
|
|
140
136
|
/**
|
|
141
137
|
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
142
138
|
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
@@ -183,9 +179,9 @@ const Avatar = _ref2 => {
|
|
|
183
179
|
size,
|
|
184
180
|
color
|
|
185
181
|
}, props))), {}, {
|
|
186
|
-
children: props
|
|
182
|
+
children: props?.icon ? jsxRuntime.jsx("div", {
|
|
187
183
|
css: /*#__PURE__*/react.css("height:calc(", avatarSize, " - 45%);width:calc(", avatarSize, " - 45%);" + ("" ), "" ),
|
|
188
|
-
children: /*#__PURE__*/react$1.cloneElement(props
|
|
184
|
+
children: /*#__PURE__*/react$1.cloneElement(props?.icon, {
|
|
189
185
|
size: 'scale'
|
|
190
186
|
})
|
|
191
187
|
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
@@ -205,7 +201,7 @@ Avatar.displayName = 'Avatar';
|
|
|
205
201
|
var Avatar$1 = Avatar;
|
|
206
202
|
|
|
207
203
|
// NOTE: This string will be replaced on build time with the package version.
|
|
208
|
-
var version = "20.
|
|
204
|
+
var version = "20.6.0";
|
|
209
205
|
|
|
210
206
|
exports["default"] = Avatar$1;
|
|
211
207
|
exports.version = version;
|
|
@@ -2,7 +2,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
3
3
|
import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
|
|
4
4
|
import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
|
|
5
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
6
5
|
import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
|
|
7
6
|
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
8
7
|
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
@@ -86,18 +85,17 @@ const getAvatarStyles = avatarProps => {
|
|
|
86
85
|
|
|
87
86
|
const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
|
|
88
87
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
89
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
88
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
90
89
|
const getFirstChar = str => {
|
|
91
90
|
var _context;
|
|
92
91
|
return typeof str === 'string' ? _sliceInstanceProperty(_context = _trimInstanceProperty(str).call(str)).call(_context, 0, 1).toUpperCase() : '';
|
|
93
92
|
};
|
|
94
93
|
const getInitialsFromName = _ref => {
|
|
95
|
-
var _context2;
|
|
96
94
|
let _ref$firstName = _ref.firstName,
|
|
97
95
|
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
98
96
|
_ref$lastName = _ref.lastName,
|
|
99
97
|
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
100
|
-
return
|
|
98
|
+
return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
|
|
101
99
|
};
|
|
102
100
|
/**
|
|
103
101
|
* `s` - defines the size. We want a bigger one if the user is on a retina-display
|
|
@@ -107,17 +105,16 @@ const getInitialsFromName = _ref => {
|
|
|
107
105
|
* @see: https://de.gravatar.com/site/implement/images/
|
|
108
106
|
*/
|
|
109
107
|
const createGravatarImgUrl = function (md5Hash, size) {
|
|
110
|
-
var _context3;
|
|
111
108
|
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
112
109
|
const imageSize = getWidthSize(size);
|
|
113
110
|
const sizeAsInt = _parseInt(imageSize.replace(/px$/, ''), 10);
|
|
114
111
|
const gravatarSize = sizeAsInt * multiplyBy;
|
|
115
|
-
return
|
|
112
|
+
return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
|
|
116
113
|
};
|
|
117
114
|
const GravatarImg = props => jsx("img", {
|
|
118
115
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBUSWNvblByb3BzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRBdmF0YXJTdHlsZXMsIGdldEZvbnRTaXplLCBnZXRXaWR0aFNpemUgfSBmcm9tICcuL2F2YXRhci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJztcbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgY29sb3I/OiAnYWNjZW50JyB8ICdwdXJwbGUnIHwgJ3R1cnF1b2lzZScgfCAnYnJvd24nO1xuICAvKiogYW4gPEljb24gLz4gY29tcG9uZW50XG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PFRJY29uUHJvcHM+O1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3QgaW1hZ2VTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChpbWFnZVNpemUucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxzRnJvbU5hbWUgPSBnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICBmaXJzdE5hbWU6IHByb3BzLmZpcnN0TmFtZSxcbiAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGZvbnQtc2l6ZTogJHtnZXRGb250U2l6ZShpbml0aWFsc0Zyb21OYW1lLCBwcm9wcy5zaXplKX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtpbml0aWFsc0Zyb21OYW1lfVxuICAgIDwvZGl2PlxuICApO1xufTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG4gIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgc2l6ZSA9ICdzJyxcbiAgY29sb3IgPSAnYWNjZW50JyxcbiAgLi4ucHJvcHNcbn06IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0QXZhdGFyU3R5bGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgICBmaXJzdE5hbWUsXG4gICAgICAgIGxhc3ROYW1lLFxuICAgICAgICBpc0hpZ2hsaWdodGVkLFxuICAgICAgICBzaXplLFxuICAgICAgICBjb2xvcixcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgICB9KX1cbiAgICA+XG4gICAgICB7cHJvcHM/Lmljb24gPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKCR7YXZhdGFyU2l6ZX0gLSA0NSUpO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzPy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiAnc2NhbGUnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEdyYXZhdGFySW1nXG4gICAgICAgICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEluaXRpYWxzIHNpemU9e3NpemV9IGZpcnN0TmFtZT17Zmlyc3ROYW1lfSBsYXN0TmFtZT17bGFzdE5hbWV9IC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5BdmF0YXIuZGlzcGxheU5hbWUgPSAnQXZhdGFyJztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
|
|
119
116
|
src: createGravatarImgUrl(props.gravatarHash, props.size),
|
|
120
|
-
srcSet: [
|
|
117
|
+
srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
|
|
121
118
|
/**
|
|
122
119
|
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
|
|
123
120
|
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
|
|
@@ -164,9 +161,9 @@ const Avatar = _ref2 => {
|
|
|
164
161
|
size,
|
|
165
162
|
color
|
|
166
163
|
}, props))), {}, {
|
|
167
|
-
children: props
|
|
164
|
+
children: props?.icon ? jsx("div", {
|
|
168
165
|
css: /*#__PURE__*/css("height:calc(", avatarSize, " - 45%);width:calc(", avatarSize, " - 45%);" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0prQiIsImZpbGUiOiJhdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCBjbG9uZUVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHR5cGUgVEljb25Qcm9wcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZ2V0QXZhdGFyU3R5bGVzLCBnZXRGb250U2l6ZSwgZ2V0V2lkdGhTaXplIH0gZnJvbSAnLi9hdmF0YXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVEF2YXRhclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGZpcnN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBmaXJzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgbGFzdCBuYW1lIG9mIHRoZSB1c2VyLlxuICAgKi9cbiAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgaGFzaGVkIHN0cmluZyBvZiB0aGUgdXNlciBncmF2YXRhci5cbiAgICovXG4gIGdyYXZhdGFySGFzaDogc3RyaW5nO1xuICAvKipcbiAgICogRW5oYW5jZXMgdGhlIGFwcGVhcmFuY2Ugb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGlzSGlnaGxpZ2h0ZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIHJlbmRlcmVkIGF2YXRhci5cbiAgICovXG4gIHNpemU/OiAncycgfCAnbScgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGNvbG9yPzogJ2FjY2VudCcgfCAncHVycGxlJyB8ICd0dXJxdW9pc2UnIHwgJ2Jyb3duJztcbiAgLyoqIGFuIDxJY29uIC8+IGNvbXBvbmVudFxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbn07XG5cbmV4cG9ydCB0eXBlIFRHcmF2YXRhckltZ1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZ3JhdmF0YXJIYXNoJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPjtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG4vKipcbiAqIGBzYCAtIGRlZmluZXMgdGhlIHNpemUuIFdlIHdhbnQgYSBiaWdnZXIgb25lIGlmIHRoZSB1c2VyIGlzIG9uIGEgcmV0aW5hLWRpc3BsYXlcbiAqIGBkYCAtIGRlZmluZXMgdGhlIGRlZmF1bHQgaWYgdGhlIHVzZXIgaXMgbm90IGtub3duIHRvIEdyYXZhdGFyLiBJdCByZXR1cm5zIGEgYmxhbmsgaW1hZ2UsXG4gKiAgICAgICAgd2hpY2ggbGV0IHRoZSBpbml0aWFscyB1bmRlcm5lYXRoIHNoaW5lIHRocm91Z2hcbiAqXG4gKiBAc2VlOiBodHRwczovL2RlLmdyYXZhdGFyLmNvbS9zaXRlL2ltcGxlbWVudC9pbWFnZXMvXG4gKi9cbmNvbnN0IGNyZWF0ZUdyYXZhdGFySW1nVXJsID0gKFxuICBtZDVIYXNoOiBUQXZhdGFyUHJvcHNbJ2dyYXZhdGFySGFzaCddLFxuICBzaXplOiBUQXZhdGFyUHJvcHNbJ3NpemUnXSxcbiAgbXVsdGlwbHlCeTogbnVtYmVyID0gMVxuKSA9PiB7XG4gIGNvbnN0IGltYWdlU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoaW1hZ2VTaXplLnJlcGxhY2UoL3B4JC8sICcnKSwgMTApO1xuICBjb25zdCBncmF2YXRhclNpemUgPSBzaXplQXNJbnQgKiBtdWx0aXBseUJ5O1xuICByZXR1cm4gYGh0dHBzOi8vd3d3LmdyYXZhdGFyLmNvbS9hdmF0YXIvJHttZDVIYXNofT9zPSR7Z3JhdmF0YXJTaXplfSZkPWJsYW5rYDtcbn07XG5cbmNvbnN0IEdyYXZhdGFySW1nID0gKHByb3BzOiBUR3JhdmF0YXJJbWdQcm9wcykgPT4gKFxuICA8aW1nXG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogMTA7XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/ICdvcGFjaXR5OiAwLjc7JyA6ICcnfVxuICAgIGB9XG4gICAgc3JjPXtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfVxuICAgIHNyY1NldD17W1xuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX0gMXhgLFxuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplLCAyKX0gMnhgLFxuICAgIF0uam9pbignLCcpfVxuICAgIC8qKlxuICAgICAqIEJhc2VkIG9uIGh0dHBzOi8vd3d3LnczLm9yZy9XQUkvdHV0b3JpYWxzL2ltYWdlcy9kZWNpc2lvbi10cmVlLzpcbiAgICAgKiBpbWFnZSBjb250cmlidXRlcyBtZWFuaW5nIHRvIHRoZSBjdXJyZW50IHBhZ2Ugb3IgY29udGV4dCBhbmQgaXQgc2hvd3MgY29udGVudCB0aGF0IGlzIHJlZHVuZGFudCB0byByZWFsIHRleHQgbmVhcmJ5XG4gICAgICovXG4gICAgYWx0PVwiXCJcbiAgLz5cbik7XG5HcmF2YXRhckltZy5kaXNwbGF5TmFtZSA9ICdHcmF2YXRhckltZyc7XG5cbmNvbnN0IEluaXRpYWxzID0gKHByb3BzOiBUSW5pdGlhbHNQcm9wcykgPT4ge1xuICBjb25zdCBpbml0aWFsc0Zyb21OYW1lID0gZ2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBmb250LXNpemU6ICR7Z2V0Rm9udFNpemUoaW5pdGlhbHNGcm9tTmFtZSwgcHJvcHMuc2l6ZSl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7aW5pdGlhbHNGcm9tTmFtZX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9ICh7XG4gIGZpcnN0TmFtZSA9ICcnLFxuICBsYXN0TmFtZSA9ICcnLFxuICBpc0hpZ2hsaWdodGVkID0gZmFsc2UsXG4gIHNpemUgPSAncycsXG4gIGNvbG9yID0gJ2FjY2VudCcsXG4gIC4uLnByb3BzXG59OiBUQXZhdGFyUHJvcHMpID0+IHtcbiAgY29uc3QgYXZhdGFyU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldEF2YXRhclN0eWxlcyh7XG4gICAgICAgIGZpcnN0TmFtZSxcbiAgICAgICAgbGFzdE5hbWUsXG4gICAgICAgIGlzSGlnaGxpZ2h0ZWQsXG4gICAgICAgIHNpemUsXG4gICAgICAgIGNvbG9yLFxuICAgICAgICAuLi5wcm9wcyxcbiAgICAgIH0pfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge3Byb3BzPy5pY29uID8gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcz8uaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogJ3NjYWxlJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHcmF2YXRhckltZ1xuICAgICAgICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaXNIaWdobGlnaHRlZD17aXNIaWdobGlnaHRlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxJbml0aWFscyBzaXplPXtzaXplfSBmaXJzdE5hbWU9e2ZpcnN0TmFtZX0gbGFzdE5hbWU9e2xhc3ROYW1lfSAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5cbmV4cG9ydCBkZWZhdWx0IEF2YXRhcjtcbiJdfQ== */"),
|
|
169
|
-
children: /*#__PURE__*/cloneElement(props
|
|
166
|
+
children: /*#__PURE__*/cloneElement(props?.icon, {
|
|
170
167
|
size: 'scale'
|
|
171
168
|
})
|
|
172
169
|
}) : jsxs(Fragment, {
|
|
@@ -186,6 +183,6 @@ Avatar.displayName = 'Avatar';
|
|
|
186
183
|
var Avatar$1 = Avatar;
|
|
187
184
|
|
|
188
185
|
// NOTE: This string will be replaced on build time with the package version.
|
|
189
|
-
var version = "20.
|
|
186
|
+
var version = "20.6.0";
|
|
190
187
|
|
|
191
188
|
export { Avatar$1 as default, version };
|
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": "20.
|
|
4
|
+
"version": "20.6.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,7 +9,13 @@
|
|
|
9
9
|
"directory": "packages/components/avatar"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"javascript",
|
|
14
|
+
"typescript",
|
|
15
|
+
"design-system",
|
|
16
|
+
"react",
|
|
17
|
+
"uikit"
|
|
18
|
+
],
|
|
13
19
|
"license": "MIT",
|
|
14
20
|
"publishConfig": {
|
|
15
21
|
"access": "public"
|
|
@@ -17,20 +23,23 @@
|
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"main": "dist/commercetools-uikit-avatar.cjs.js",
|
|
19
25
|
"module": "dist/commercetools-uikit-avatar.esm.js",
|
|
20
|
-
"files": [
|
|
26
|
+
"files": [
|
|
27
|
+
"dist"
|
|
28
|
+
],
|
|
21
29
|
"dependencies": {
|
|
22
30
|
"@babel/runtime": "^7.20.13",
|
|
23
31
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "20.5.0",
|
|
25
|
-
"@commercetools-uikit/utils": "20.5.0",
|
|
26
32
|
"@emotion/react": "^11.10.5",
|
|
27
33
|
"@emotion/styled": "^11.10.5",
|
|
28
|
-
"lodash": "4.
|
|
34
|
+
"lodash": "4.18.1",
|
|
35
|
+
"@commercetools-uikit/design-system": "^20.6.0",
|
|
36
|
+
"@commercetools-uikit/utils": "^20.6.0"
|
|
29
37
|
},
|
|
30
38
|
"devDependencies": {
|
|
31
|
-
"react": "19.2.0"
|
|
39
|
+
"react": "19.2.0",
|
|
40
|
+
"@commercetools-uikit/icons": "^20.6.0"
|
|
32
41
|
},
|
|
33
42
|
"peerDependencies": {
|
|
34
43
|
"react": "19.x"
|
|
35
44
|
}
|
|
36
|
-
}
|
|
45
|
+
}
|