@commercetools-uikit/avatar 12.2.3 → 13.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.dev.js +9 -9
- package/dist/commercetools-uikit-avatar.cjs.prod.js +9 -9
- package/dist/commercetools-uikit-avatar.esm.js +4 -4
- package/dist/declarations/src/avatar.d.ts +17 -17
- package/dist/declarations/src/export-types.d.ts +2 -2
- package/dist/declarations/src/index.d.ts +3 -3
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +6 -10
|
@@ -35,9 +35,9 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
|
|
|
35
35
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
36
36
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
37
37
|
|
|
38
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
|
var avatarSizes = {
|
|
42
42
|
s: {
|
|
43
43
|
width: '26px',
|
|
@@ -62,7 +62,7 @@ var defaultProps = {
|
|
|
62
62
|
var getFirstChar = function getFirstChar(str) {
|
|
63
63
|
var _context;
|
|
64
64
|
|
|
65
|
-
return typeof str === 'string' ? _sliceInstanceProperty__default[
|
|
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
|
var getInitialsFromName = function getInitialsFromName(_ref) {
|
|
@@ -72,7 +72,7 @@ var getInitialsFromName = function getInitialsFromName(_ref) {
|
|
|
72
72
|
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
73
73
|
_ref$lastName = _ref.lastName,
|
|
74
74
|
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
75
|
-
return _concatInstanceProperty__default[
|
|
75
|
+
return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
|
|
76
76
|
};
|
|
77
77
|
/**
|
|
78
78
|
* `s` - defines the size. We want a bigger one if the user is on a retina-display
|
|
@@ -88,10 +88,10 @@ var createGravatarImgUrl = function createGravatarImgUrl(md5Hash, size) {
|
|
|
88
88
|
|
|
89
89
|
var multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
90
90
|
|
|
91
|
-
var sizeAsInt = _parseInt__default[
|
|
91
|
+
var sizeAsInt = _parseInt__default["default"](avatarSizes[size].width.replace(/px$/, ''), 10);
|
|
92
92
|
|
|
93
93
|
var gravatarSize = sizeAsInt * multiplyBy;
|
|
94
|
-
return _concatInstanceProperty__default[
|
|
94
|
+
return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
|
|
95
95
|
};
|
|
96
96
|
|
|
97
97
|
var GravatarImg = function GravatarImg(props) {
|
|
@@ -141,8 +141,8 @@ Avatar.displayName = 'Avatar';
|
|
|
141
141
|
Avatar.defaultProps = defaultProps;
|
|
142
142
|
var Avatar$1 = Avatar;
|
|
143
143
|
|
|
144
|
-
// NOTE: This string will be replaced
|
|
145
|
-
var version =
|
|
144
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
145
|
+
var version = "13.0.0";
|
|
146
146
|
|
|
147
|
-
exports[
|
|
147
|
+
exports["default"] = Avatar$1;
|
|
148
148
|
exports.version = version;
|
|
@@ -35,9 +35,9 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
|
|
|
35
35
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
36
36
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
37
37
|
|
|
38
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
|
var avatarSizes = {
|
|
42
42
|
s: {
|
|
43
43
|
width: '26px',
|
|
@@ -62,7 +62,7 @@ var defaultProps = {
|
|
|
62
62
|
var getFirstChar = function getFirstChar(str) {
|
|
63
63
|
var _context;
|
|
64
64
|
|
|
65
|
-
return typeof str === 'string' ? _sliceInstanceProperty__default[
|
|
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
|
var getInitialsFromName = function getInitialsFromName(_ref) {
|
|
@@ -72,7 +72,7 @@ var getInitialsFromName = function getInitialsFromName(_ref) {
|
|
|
72
72
|
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
|
|
73
73
|
_ref$lastName = _ref.lastName,
|
|
74
74
|
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
|
|
75
|
-
return _concatInstanceProperty__default[
|
|
75
|
+
return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
|
|
76
76
|
};
|
|
77
77
|
/**
|
|
78
78
|
* `s` - defines the size. We want a bigger one if the user is on a retina-display
|
|
@@ -88,10 +88,10 @@ var createGravatarImgUrl = function createGravatarImgUrl(md5Hash, size) {
|
|
|
88
88
|
|
|
89
89
|
var multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
90
90
|
|
|
91
|
-
var sizeAsInt = _parseInt__default[
|
|
91
|
+
var sizeAsInt = _parseInt__default["default"](avatarSizes[size].width.replace(/px$/, ''), 10);
|
|
92
92
|
|
|
93
93
|
var gravatarSize = sizeAsInt * multiplyBy;
|
|
94
|
-
return _concatInstanceProperty__default[
|
|
94
|
+
return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
|
|
95
95
|
};
|
|
96
96
|
|
|
97
97
|
var GravatarImg = function GravatarImg(props) {
|
|
@@ -141,8 +141,8 @@ Avatar.displayName = 'Avatar';
|
|
|
141
141
|
Avatar.defaultProps = defaultProps;
|
|
142
142
|
var Avatar$1 = Avatar;
|
|
143
143
|
|
|
144
|
-
// NOTE: This string will be replaced
|
|
145
|
-
var version =
|
|
144
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
145
|
+
var version = "13.0.0";
|
|
146
146
|
|
|
147
|
-
exports[
|
|
147
|
+
exports["default"] = Avatar$1;
|
|
148
148
|
exports.version = version;
|
|
@@ -16,9 +16,9 @@ import { customProperties } from '@commercetools-uikit/design-system';
|
|
|
16
16
|
import { filterDataAttributes } from '@commercetools-uikit/utils';
|
|
17
17
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
18
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
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
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
|
var avatarSizes = {
|
|
23
23
|
s: {
|
|
24
24
|
width: '26px',
|
|
@@ -122,7 +122,7 @@ Avatar.displayName = 'Avatar';
|
|
|
122
122
|
Avatar.defaultProps = defaultProps;
|
|
123
123
|
var Avatar$1 = Avatar;
|
|
124
124
|
|
|
125
|
-
// NOTE: This string will be replaced
|
|
126
|
-
var version =
|
|
125
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
126
|
+
var version = "13.0.0";
|
|
127
127
|
|
|
128
128
|
export { Avatar$1 as default, version };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
export declare type TAvatarProps = {
|
|
2
|
-
firstName?: string;
|
|
3
|
-
lastName?: string;
|
|
4
|
-
gravatarHash: string;
|
|
5
|
-
isHighlighted?: boolean;
|
|
6
|
-
size: 's' | 'm' | 'l';
|
|
7
|
-
};
|
|
8
|
-
export declare type TGravatarImgProps = Pick<TAvatarProps, 'gravatarHash' | 'isHighlighted' | 'size'> & {
|
|
9
|
-
altText?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare type TInitialsProps = Pick<TAvatarProps, 'firstName' | 'lastName' | 'size'>;
|
|
12
|
-
declare const Avatar: {
|
|
13
|
-
(props: TAvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
-
displayName: string;
|
|
15
|
-
defaultProps: Pick<TAvatarProps, "isHighlighted" | "size" | "firstName" | "lastName">;
|
|
16
|
-
};
|
|
17
|
-
export default Avatar;
|
|
1
|
+
export declare type TAvatarProps = {
|
|
2
|
+
firstName?: string;
|
|
3
|
+
lastName?: string;
|
|
4
|
+
gravatarHash: string;
|
|
5
|
+
isHighlighted?: boolean;
|
|
6
|
+
size: 's' | 'm' | 'l';
|
|
7
|
+
};
|
|
8
|
+
export declare type TGravatarImgProps = Pick<TAvatarProps, 'gravatarHash' | 'isHighlighted' | 'size'> & {
|
|
9
|
+
altText?: string;
|
|
10
|
+
};
|
|
11
|
+
export declare type TInitialsProps = Pick<TAvatarProps, 'firstName' | 'lastName' | 'size'>;
|
|
12
|
+
declare const Avatar: {
|
|
13
|
+
(props: TAvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
defaultProps: Pick<TAvatarProps, "isHighlighted" | "size" | "firstName" | "lastName">;
|
|
16
|
+
};
|
|
17
|
+
export default Avatar;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { TAvatarProps as AvatarProps } from './avatar';
|
|
2
|
-
export declare type TAvatarProps = AvatarProps;
|
|
1
|
+
import type { TAvatarProps as AvatarProps } from './avatar';
|
|
2
|
+
export declare type TAvatarProps = AvatarProps;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default } from './avatar';
|
|
2
|
-
export { default as version } from './version';
|
|
3
|
-
export * from './export-types';
|
|
1
|
+
export { default } from './avatar';
|
|
2
|
+
export { default as version } from './version';
|
|
3
|
+
export * from './export-types';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
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": "13.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,17 +18,14 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-avatar.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-avatar.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/design-system": "
|
|
29
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/design-system": "13.0.0",
|
|
25
|
+
"@commercetools-uikit/utils": "12.2.9",
|
|
30
26
|
"@emotion/react": "^11.4.0",
|
|
31
27
|
"@emotion/styled": "^11.3.0",
|
|
32
|
-
"prop-types": "15.
|
|
28
|
+
"prop-types": "15.8.1"
|
|
33
29
|
},
|
|
34
30
|
"devDependencies": {
|
|
35
31
|
"react": "17.0.2"
|