@fluentui/react-avatar 9.0.0-beta.2 → 9.0.0-beta.3
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/CHANGELOG.json +90 -1
- package/CHANGELOG.md +19 -2
- package/dist/react-avatar.d.ts +2 -0
- package/lib/common/isConformant.js +1 -1
- package/lib/common/isConformant.js.map +1 -1
- package/lib/components/Avatar/Avatar.js +2 -2
- package/lib/components/Avatar/Avatar.js.map +1 -1
- package/lib/components/Avatar/renderAvatar.js +6 -7
- package/lib/components/Avatar/renderAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatar.js +39 -41
- package/lib/components/Avatar/useAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatarStyles.d.ts +1 -0
- package/lib/components/Avatar/useAvatarStyles.js +22 -20
- package/lib/components/Avatar/useAvatarStyles.js.map +1 -1
- package/lib/utils/getInitials.js +7 -7
- package/lib/utils/getInitials.js.map +1 -1
- package/lib-commonjs/Avatar.js +1 -1
- package/lib-commonjs/common/isConformant.js +3 -3
- package/lib-commonjs/common/isConformant.js.map +1 -1
- package/lib-commonjs/components/Avatar/Avatar.js +6 -6
- package/lib-commonjs/components/Avatar/Avatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/index.js +1 -1
- package/lib-commonjs/components/Avatar/renderAvatar.js +8 -10
- package/lib-commonjs/components/Avatar/renderAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatar.js +45 -48
- package/lib-commonjs/components/Avatar/useAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.d.ts +1 -0
- package/lib-commonjs/components/Avatar/useAvatarStyles.js +23 -22
- package/lib-commonjs/components/Avatar/useAvatarStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/lib-commonjs/utils/getInitials.js +7 -7
- package/lib-commonjs/utils/getInitials.js.map +1 -1
- package/package.json +8 -9
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,96 @@
|
|
|
2
2
|
"name": "@fluentui/react-avatar",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 12 Nov 2021 12:33:52 GMT",
|
|
6
|
+
"tag": "@fluentui/react-avatar_v9.0.0-beta.3",
|
|
7
|
+
"version": "9.0.0-beta.3",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "lingfangao@hotmail.com",
|
|
12
|
+
"package": "@fluentui/react-avatar",
|
|
13
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
|
14
|
+
"comment": "Remove beta release tag"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "me@levithomason.com",
|
|
18
|
+
"package": "@fluentui/react-avatar",
|
|
19
|
+
"commit": "cdbe0769d2a6ee91a98a3e62c6ac9329a714355c",
|
|
20
|
+
"comment": "Docs update"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "mgodbolt@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-avatar",
|
|
25
|
+
"commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
|
|
26
|
+
"comment": "update docs descriptions"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "me@levithomason.com",
|
|
30
|
+
"package": "@fluentui/react-avatar",
|
|
31
|
+
"commit": "88568113e0d36674210fe3323af7e9dcaa998a45",
|
|
32
|
+
"comment": "Storybook stories"
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
"prerelease": [
|
|
36
|
+
{
|
|
37
|
+
"author": "gcox@microsoft.com",
|
|
38
|
+
"package": "@fluentui/react-avatar",
|
|
39
|
+
"commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
|
|
40
|
+
"comment": "Updated beta and RC components to ES2019"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"author": "olfedias@microsoft.com",
|
|
44
|
+
"package": "@fluentui/react-avatar",
|
|
45
|
+
"commit": "e42f50656c1b703d88c398b114f225ba5f1f5f22",
|
|
46
|
+
"comment": "export static classes for components"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"author": "beachball",
|
|
50
|
+
"package": "@fluentui/react-avatar",
|
|
51
|
+
"comment": "Bump @fluentui/react-badge to v9.0.0-beta.3",
|
|
52
|
+
"commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"author": "beachball",
|
|
56
|
+
"package": "@fluentui/react-avatar",
|
|
57
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
|
58
|
+
"commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"author": "beachball",
|
|
62
|
+
"package": "@fluentui/react-avatar",
|
|
63
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-beta.3",
|
|
64
|
+
"commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"author": "beachball",
|
|
68
|
+
"package": "@fluentui/react-avatar",
|
|
69
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
|
70
|
+
"commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"author": "beachball",
|
|
74
|
+
"package": "@fluentui/react-avatar",
|
|
75
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
|
|
76
|
+
"commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"author": "beachball",
|
|
80
|
+
"package": "@fluentui/react-avatar",
|
|
81
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
|
82
|
+
"commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"author": "beachball",
|
|
86
|
+
"package": "@fluentui/react-avatar",
|
|
87
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
|
88
|
+
"commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"date": "Wed, 27 Oct 2021 12:14:13 GMT",
|
|
6
95
|
"tag": "@fluentui/react-avatar_v9.0.0-beta.2",
|
|
7
96
|
"version": "9.0.0-beta.2",
|
|
8
97
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,29 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-avatar
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 12 Nov 2021 12:33:52 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-beta.3)
|
|
8
|
+
|
|
9
|
+
Fri, 12 Nov 2021 12:33:52 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-beta.2..@fluentui/react-avatar_v9.0.0-beta.3)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
|
15
|
+
- export static classes for components ([PR #20453](https://github.com/microsoft/fluentui/pull/20453) by olfedias@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-badge to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
|
|
17
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
|
|
18
|
+
- Bump @fluentui/react-theme to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
|
|
19
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
|
|
20
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
|
|
21
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
|
|
22
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
|
|
23
|
+
|
|
7
24
|
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-beta.2)
|
|
8
25
|
|
|
9
|
-
Wed, 27 Oct 2021 12:
|
|
26
|
+
Wed, 27 Oct 2021 12:14:13 GMT
|
|
10
27
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-beta.1..@fluentui/react-avatar_v9.0.0-beta.2)
|
|
11
28
|
|
|
12
29
|
### Changes
|
package/dist/react-avatar.d.ts
CHANGED
|
@@ -9,6 +9,8 @@ import type { ShorthandRenderFunction } from '@fluentui/react-utilities';
|
|
|
9
9
|
|
|
10
10
|
export declare const Avatar: ForwardRefComponent<AvatarProps>;
|
|
11
11
|
|
|
12
|
+
export declare const avatarClassName = "fui-Avatar";
|
|
13
|
+
|
|
12
14
|
export declare type AvatarCommons = Omit<React_2.HTMLAttributes<HTMLElement>, 'children'> & {
|
|
13
15
|
/**
|
|
14
16
|
* The name used for displaying the initials of the avatar if the image is not provided
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
|
|
2
2
|
import makeStylesTests from '@fluentui/react-conformance-make-styles';
|
|
3
3
|
export function isConformant(testInfo) {
|
|
4
|
-
|
|
4
|
+
const defaultOptions = {
|
|
5
5
|
asPropHandlesRef: true,
|
|
6
6
|
componentPath: module.parent.filename.replace('.test', ''),
|
|
7
7
|
disabledTests: ['has-docblock'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,
|
|
1
|
+
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
|
|
@@ -2,8 +2,8 @@ import * as React from 'react';
|
|
|
2
2
|
import { renderAvatar } from './renderAvatar';
|
|
3
3
|
import { useAvatar } from './useAvatar';
|
|
4
4
|
import { useAvatarStyles } from './useAvatarStyles';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export const Avatar = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
6
|
+
const state = useAvatar(props, ref);
|
|
7
7
|
useAvatarStyles(state);
|
|
8
8
|
return renderAvatar(state);
|
|
9
9
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,SAAT,QAA0B,aAA1B;AACA,SAAS,eAAT,QAAgC,mBAAhC;AAIA,OAAO,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,SAAT,QAA0B,aAA1B;AACA,SAAS,eAAT,QAAgC,mBAAhC;AAIA,OAAO,MAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,SAAS,CAAC,KAAD,EAAQ,GAAR,CAAvB;AAEA,EAAA,eAAe,CAAC,KAAD,CAAf;AAEA,SAAO,YAAY,CAAC,KAAD,CAAnB;AACD,CANuD,CAAjD;AAQP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return /*#__PURE__*/React.createElement(slots.root,
|
|
3
|
+
export const renderAvatar = state => {
|
|
4
|
+
const {
|
|
5
|
+
slots,
|
|
6
|
+
slotProps
|
|
7
|
+
} = getSlots(state, ['root', 'label', 'image', 'badge', 'icon']);
|
|
8
|
+
return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), /*#__PURE__*/React.createElement(slots.label, Object.assign({}, slotProps.label)), /*#__PURE__*/React.createElement(slots.icon, Object.assign({}, slotProps.icon)), /*#__PURE__*/React.createElement(slots.image, Object.assign({}, slotProps.image)), /*#__PURE__*/React.createElement(slots.badge, Object.assign({}, slotProps.badge)));
|
|
10
9
|
};
|
|
11
10
|
//# sourceMappingURL=renderAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/renderAvatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Avatar/renderAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA,OAAO,MAAM,YAAY,GAAI,KAAD,IAAuB;AACjD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAc,KAAd,EAAqB,CAAC,MAAD,EAAS,OAAT,EAAkB,OAAlB,EAA2B,OAA3B,EAAoC,MAApC,CAArB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,eAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CAHF,eAIE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CAJF,CADF;AAQD,CAXM","sourceRoot":""}
|
|
@@ -1,43 +1,41 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
|
|
4
3
|
import { getInitials as getInitialsDefault } from '../../utils/index';
|
|
5
4
|
import { Person16Regular, Person20Regular, Person24Regular, Person28Regular, Person32Regular, Person48Regular } from '@fluentui/react-icons';
|
|
6
5
|
import { PresenceBadge } from '@fluentui/react-badge';
|
|
7
6
|
import { useFluent } from '@fluentui/react-shared-contexts';
|
|
8
|
-
export
|
|
7
|
+
export const useAvatar = (props, ref) => {
|
|
9
8
|
var _a, _b, _c;
|
|
10
9
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
color = _k === void 0 ? 'neutral' : _k; // Resolve 'colorful' to a specific color name
|
|
10
|
+
const {
|
|
11
|
+
dir
|
|
12
|
+
} = useFluent();
|
|
13
|
+
const {
|
|
14
|
+
name = '',
|
|
15
|
+
size = 32,
|
|
16
|
+
shape = 'circular',
|
|
17
|
+
active = 'unset',
|
|
18
|
+
activeAppearance = 'ring',
|
|
19
|
+
idForColor,
|
|
20
|
+
getInitials = getInitialsDefault
|
|
21
|
+
} = props;
|
|
22
|
+
let {
|
|
23
|
+
color = 'neutral'
|
|
24
|
+
} = props; // Resolve 'colorful' to a specific color name
|
|
27
25
|
|
|
28
26
|
if (color === 'colorful') {
|
|
29
27
|
color = avatarColors[getHashCode((_b = (_a = props.idForColor) !== null && _a !== void 0 ? _a : props.name) !== null && _b !== void 0 ? _b : '') % avatarColors.length];
|
|
30
28
|
}
|
|
31
29
|
|
|
32
|
-
|
|
33
|
-
size
|
|
34
|
-
name
|
|
35
|
-
shape
|
|
36
|
-
active
|
|
37
|
-
activeAppearance
|
|
38
|
-
color
|
|
39
|
-
idForColor
|
|
40
|
-
getInitials
|
|
30
|
+
const state = {
|
|
31
|
+
size,
|
|
32
|
+
name,
|
|
33
|
+
shape,
|
|
34
|
+
active,
|
|
35
|
+
activeAppearance,
|
|
36
|
+
color,
|
|
37
|
+
idForColor,
|
|
38
|
+
getInitials,
|
|
41
39
|
components: {
|
|
42
40
|
root: 'span',
|
|
43
41
|
label: 'span',
|
|
@@ -45,9 +43,9 @@ export var useAvatar = function (props, ref) {
|
|
|
45
43
|
image: 'img',
|
|
46
44
|
badge: PresenceBadge
|
|
47
45
|
},
|
|
48
|
-
root: getNativeElementProps('span',
|
|
49
|
-
ref
|
|
50
|
-
})
|
|
46
|
+
root: getNativeElementProps('span', { ...props,
|
|
47
|
+
ref
|
|
48
|
+
}),
|
|
51
49
|
label: resolveShorthand(props.label),
|
|
52
50
|
icon: undefined,
|
|
53
51
|
image: resolveShorthand(props.image),
|
|
@@ -59,12 +57,12 @@ export var useAvatar = function (props, ref) {
|
|
|
59
57
|
}; // If a label was not provided, use the initials and fall back to the icon if initials aren't available
|
|
60
58
|
|
|
61
59
|
if (!((_c = state.label) === null || _c === void 0 ? void 0 : _c.children)) {
|
|
62
|
-
|
|
60
|
+
const initials = state.getInitials(state.name, dir === 'rtl');
|
|
63
61
|
|
|
64
62
|
if (initials) {
|
|
65
|
-
state.label =
|
|
63
|
+
state.label = { ...state.label,
|
|
66
64
|
children: initials
|
|
67
|
-
}
|
|
65
|
+
};
|
|
68
66
|
} else {
|
|
69
67
|
state.icon = resolveShorthand(props.icon, {
|
|
70
68
|
required: true,
|
|
@@ -78,7 +76,7 @@ export var useAvatar = function (props, ref) {
|
|
|
78
76
|
return state;
|
|
79
77
|
};
|
|
80
78
|
|
|
81
|
-
|
|
79
|
+
const getDefaultIcon = size => {
|
|
82
80
|
if (size <= 24) {
|
|
83
81
|
return /*#__PURE__*/React.createElement(Person16Regular, null);
|
|
84
82
|
} else if (size <= 40) {
|
|
@@ -94,7 +92,7 @@ var getDefaultIcon = function (size) {
|
|
|
94
92
|
}
|
|
95
93
|
};
|
|
96
94
|
|
|
97
|
-
|
|
95
|
+
const getBadgeSize = size => {
|
|
98
96
|
if (size >= 96) {
|
|
99
97
|
return 'extra-large';
|
|
100
98
|
} else if (size >= 64) {
|
|
@@ -110,14 +108,14 @@ var getBadgeSize = function (size) {
|
|
|
110
108
|
}
|
|
111
109
|
};
|
|
112
110
|
|
|
113
|
-
|
|
111
|
+
const avatarColors = ['darkRed', 'cranberry', 'red', 'pumpkin', 'peach', 'marigold', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
|
|
114
112
|
|
|
115
|
-
|
|
116
|
-
|
|
113
|
+
const getHashCode = str => {
|
|
114
|
+
let hashCode = 0;
|
|
117
115
|
|
|
118
|
-
for (
|
|
119
|
-
|
|
120
|
-
|
|
116
|
+
for (let len = str.length - 1; len >= 0; len--) {
|
|
117
|
+
const ch = str.charCodeAt(len);
|
|
118
|
+
const shift = len % 8;
|
|
121
119
|
hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise
|
|
122
120
|
}
|
|
123
121
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/useAvatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Avatar/useAvatar.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { mergeClasses, __styles } from '@fluentui/react-make-styles';
|
|
2
|
+
export const avatarClassName = 'fui-Avatar'; //
|
|
3
3
|
// TODO: All animation constants should go to theme or globals?
|
|
4
4
|
// https://github.com/microsoft/fluentui/issues/16372#issuecomment-778240665
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
const animationDuration = {
|
|
7
7
|
duration50: '50ms',
|
|
8
8
|
duration100: '100ms',
|
|
9
9
|
duration150: '150ms',
|
|
@@ -12,7 +12,7 @@ var animationDuration = {
|
|
|
12
12
|
duration400: '400ms',
|
|
13
13
|
duration500: '500ms'
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
const animationTiming = {
|
|
16
16
|
ultraFast: animationDuration.duration50,
|
|
17
17
|
faster: animationDuration.duration100,
|
|
18
18
|
fast: animationDuration.duration150,
|
|
@@ -21,7 +21,7 @@ var animationTiming = {
|
|
|
21
21
|
slower: animationDuration.duration400,
|
|
22
22
|
ultraSlow: animationDuration.duration500
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
const animationLines = {
|
|
25
25
|
decelerateMax: 'cubic-bezier(0.00,0.00,0.00,1.00)',
|
|
26
26
|
decelerateMid: 'cubic-bezier(0.10,0.90,0.20,1.00)',
|
|
27
27
|
decelerateMin: 'cubic-bezier(0.33,0.00,0.10,1.00)',
|
|
@@ -32,7 +32,7 @@ var animationLines = {
|
|
|
32
32
|
easyEase: 'cubic-bezier(0.33,0.00,0.67,1.00)',
|
|
33
33
|
linear: 'linear'
|
|
34
34
|
};
|
|
35
|
-
|
|
35
|
+
const animations = {
|
|
36
36
|
fastOutSlowInMax: animationLines.decelerateMax,
|
|
37
37
|
fastOutSlowInMid: animationLines.decelerateMid,
|
|
38
38
|
fastOutSlowInMin: animationLines.decelerateMin,
|
|
@@ -44,7 +44,7 @@ var animations = {
|
|
|
44
44
|
nullEasing: animationLines.linear
|
|
45
45
|
};
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
48
48
|
"root": {
|
|
49
49
|
"mc9l5x": "f14t3ns0",
|
|
50
50
|
"Bnnss6s": "fi64zpg",
|
|
@@ -210,7 +210,7 @@ var useStyles = /*#__PURE__*/__styles({
|
|
|
210
210
|
"d": [".f14t3ns0{display:inline-block;}", ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fi63bka{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorTransparentStroke) inset;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fq9zq91{border-radius:var(--borderRadiusSmall);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1o0qvyv{border-radius:var(--borderRadiusLarge);}", ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}", ".fdxp0rs{-webkit-transition:-webkit-transform 500ms cubic-bezier(0.80,0.00,0.20,1.00),opacity 100ms linear;transition:transform 500ms cubic-bezier(0.80,0.00,0.20,1.00),opacity 100ms linear;}", ".f1j95ynu{-webkit-transition:-webkit-transform 500ms cubic-bezier(0.80, 0.00, 0.20, 1.00),opacity 100ms linear;transition:transform 500ms cubic-bezier(0.80, 0.00, 0.20, 1.00),opacity 100ms linear;}", ".fuzzvh5:before{content:\"\";}", ".fxf9f1y:before{position:absolute;}", ".f14oqhab:before{top:0;}", ".f1t0u0az:before{left:0;}", ".fmlx6bj:before{right:0;}", ".flqennz:before{bottom:0;}", ".fi8trbp:before{border-radius:inherit;}", ".focxjrq:before{-webkit-transition:margin 500ms cubic-bezier(0.80,0.00,0.20,1.00),opacity 400ms linear;transition:margin 500ms cubic-bezier(0.80,0.00,0.20,1.00),opacity 400ms linear;}", ".foku6zw:before{-webkit-transition:margin 500ms cubic-bezier(0.80, 0.00, 0.20, 1.00),opacity 400ms linear;transition:margin 500ms cubic-bezier(0.80, 0.00, 0.20, 1.00),opacity 400ms linear;}", ".f17s8eb2:before{border-top-color:var(--colorBrandBackgroundStatic);}", ".fv9ryek:before{border-right-color:var(--colorBrandBackgroundStatic);}", ".f2ueew:before{border-left-color:var(--colorBrandBackgroundStatic);}", ".f1jwrqhc:before{border-bottom-color:var(--colorBrandBackgroundStatic);}", ".f1bwkb58:before{border-top-style:solid;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".fh80ci2:before{margin-top:calc(-2 * var(--strokeWidthThick));}", ".f2bwiux:before{margin-right:calc(-2 * var(--strokeWidthThick));}", ".fsprf8b:before{margin-left:calc(-2 * var(--strokeWidthThick));}", ".f3h6zru:before{margin-bottom:calc(-2 * var(--strokeWidthThick));}", ".f1q8k45v:before{border-top-width:var(--strokeWidthThick);}", ".fsu5318:before{border-right-width:var(--strokeWidthThick);}", ".f17ooz8x:before{border-left-width:var(--strokeWidthThick);}", ".f1tf78pn:before{border-bottom-width:var(--strokeWidthThick);}", ".f19fdhy9:before{margin-top:calc(-2 * var(--strokeWidthThicker));}", ".fylzcb7:before{margin-right:calc(-2 * var(--strokeWidthThicker));}", ".fsjc8ey:before{margin-left:calc(-2 * var(--strokeWidthThicker));}", ".fw4k5ov:before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}", ".fcdg7pk:before{border-top-width:var(--strokeWidthThicker);}", ".fqkplwy:before{border-right-width:var(--strokeWidthThicker);}", ".f14dmnnh:before{border-left-width:var(--strokeWidthThicker);}", ".fccqzkf:before{border-bottom-width:var(--strokeWidthThicker);}", ".flif9b5:before{margin-top:calc(-2 * var(--strokeWidthThickest));}", ".fo923rx:before{margin-right:calc(-2 * var(--strokeWidthThickest));}", ".f7jyntm:before{margin-left:calc(-2 * var(--strokeWidthThickest));}", ".f18p1wo9:before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}", ".fjoz5ua:before{border-top-width:var(--strokeWidthThickest);}", ".f1lg5lk7:before{border-right-width:var(--strokeWidthThickest);}", ".fthel6x:before{border-left-width:var(--strokeWidthThickest);}", ".f4i03fv:before{border-bottom-width:var(--strokeWidthThickest);}", ".f15gzsq7:before{box-shadow:var(--shadow4);}", ".fmwiy3e:before{box-shadow:var(--shadow-4);}", ".f1eebxl:before{box-shadow:var(--shadow8);}", ".f1g7losn:before{box-shadow:var(--shadow-8);}", ".fsnqaoy:before{box-shadow:var(--shadow16);}", ".fatcbo:before{box-shadow:var(--shadow-16);}", ".f1sh7vtk:before{box-shadow:var(--shadow28);}", ".f12w6mm1:before{box-shadow:var(--shadow-28);}", ".f1req3t3:before{box-shadow:var(--shadow4),0 0 4px 2px rgba(0,120,212,0.3);}", ".f1qs661:before{box-shadow:var(--shadow-4),0 0 4px 2px rgba(0,120,212,0.3);}", ".f11tkyhd:before{box-shadow:var(--shadow8),0 0 8px 2px rgba(0,120,212,0.3);}", ".f1hlud6i:before{box-shadow:var(--shadow-8),0 0 8px 2px rgba(0,120,212,0.3);}", ".f1xqctk0:before{box-shadow:var(--shadow16),0 0 8px 2px rgba(0,120,212,0.3);}", ".fuya5pq:before{box-shadow:var(--shadow-16),0 0 8px 2px rgba(0,120,212,0.3);}", ".fqxfid0:before{box-shadow:var(--shadow28),0 0 28px 4px rgba(0,120,212,0.3);}", ".f1v4stzs:before{box-shadow:var(--shadow-28),0 0 28px 4px rgba(0,120,212,0.3);}", ".fp25eh{opacity:0.8;}", ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}", ".f1kdcj3l{-webkit-transition:-webkit-transform 500ms cubic-bezier(0.33,0.00,0.10,1.00),opacity 100ms linear;transition:transform 500ms cubic-bezier(0.33,0.00,0.10,1.00),opacity 100ms linear;}", ".f1ffhrox{-webkit-transition:-webkit-transform 500ms cubic-bezier(0.33, 0.00, 0.10, 1.00),opacity 100ms linear;transition:transform 500ms cubic-bezier(0.33, 0.00, 0.10, 1.00),opacity 100ms linear;}", ".fede8dz:before{margin-top:0;}", ".fhlqc5k:before{margin-right:0;}", ".flnsm0g:before{margin-left:0;}", ".fc3uzr1:before{margin-bottom:0;}", ".f1429bq1:before{opacity:0;}", ".f1l86c9o:before{-webkit-transition:margin 500ms cubic-bezier(0.33,0.00,0.10,1.00),opacity 400ms linear;transition:margin 500ms cubic-bezier(0.33,0.00,0.10,1.00),opacity 400ms linear;}", ".fxt0dw5:before{-webkit-transition:margin 500ms cubic-bezier(0.33, 0.00, 0.10, 1.00),opacity 400ms linear;transition:margin 500ms cubic-bezier(0.33, 0.00, 0.10, 1.00),opacity 400ms linear;}", ".f1euv43f{position:absolute;}", ".f1yab3r1{bottom:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}", ".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}", ".f15twtuk{top:0;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f12b9xdw{border-radius:inherit;}", ".f1ps3kmd{object-fit:cover;}", ".f12kltsn{vertical-align:top;}", ".fp6vxd{line-height:1;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fa4t5tb{vertical-align:center;}", ".f17mccla{text-align:center;}"]
|
|
211
211
|
});
|
|
212
212
|
|
|
213
|
-
|
|
213
|
+
const useSizeStyles = /*#__PURE__*/__styles({
|
|
214
214
|
"20": {
|
|
215
215
|
"a9b677": "f64fuq3",
|
|
216
216
|
"Bqenvij": "fjamq6b"
|
|
@@ -267,7 +267,7 @@ var useSizeStyles = /*#__PURE__*/__styles({
|
|
|
267
267
|
"d": [".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".fq4mcun{width:24px;}", ".frvgh55{height:24px;}", ".f1w9dchk{width:28px;}", ".fxldao9{height:28px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}", ".fpdz1er{width:36px;}", ".f8ljn23{height:36px;}", ".feqmc2u{width:40px;}", ".fbhnoac{height:40px;}", ".f124akge{width:48px;}", ".ff2sm71{height:48px;}", ".f1u66zr1{width:56px;}", ".fzki0ko{height:56px;}", ".fa9ln6p{width:64px;}", ".f16k9i2m{height:64px;}", ".fhcae8x{width:72px;}", ".f1shusfg{height:72px;}", ".f1kyr2gn{width:96px;}", ".fypu0ge{height:96px;}", ".fwfqyga{width:120px;}", ".fjr5b71{height:120px;}", ".f1iksgmy{width:128px;}", ".fele2au{height:128px;}"]
|
|
268
268
|
});
|
|
269
269
|
|
|
270
|
-
|
|
270
|
+
const useColorStyles = /*#__PURE__*/__styles({
|
|
271
271
|
"neutral": {
|
|
272
272
|
"sj55zd": "f11d4kpn",
|
|
273
273
|
"ayd6f0": "fqve7z"
|
|
@@ -400,16 +400,18 @@ var useColorStyles = /*#__PURE__*/__styles({
|
|
|
400
400
|
"d": [".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fqve7z{background:var(--colorNeutralBackground6);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".fmni2i0{background:var(--colorBrandBackgroundStatic);}", ".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}", ".f1oz1xn0{background:var(--colorPaletteDarkRedBackground2);}", ".fg9gses{color:var(--colorPaletteCranberryForeground2);}", ".f1aze4e3{background:var(--colorPaletteCranberryBackground2);}", ".f23f7i0{color:var(--colorPaletteRedForeground2);}", ".fper0yy{background:var(--colorPaletteRedBackground2);}", ".fjnan08{color:var(--colorPalettePumpkinForeground2);}", ".f6324zg{background:var(--colorPalettePumpkinBackground2);}", ".fknu15p{color:var(--colorPalettePeachForeground2);}", ".fkkm67b{background:var(--colorPalettePeachBackground2);}", ".f9603vw{color:var(--colorPaletteMarigoldForeground2);}", ".fgt7mi1{background:var(--colorPaletteMarigoldBackground2);}", ".fmq0uwp{color:var(--colorPaletteGoldForeground2);}", ".fjikhr9{background:var(--colorPaletteGoldBackground2);}", ".f28g5vo{color:var(--colorPaletteBrassForeground2);}", ".fifu2hy{background:var(--colorPaletteBrassBackground2);}", ".ftl572b{color:var(--colorPaletteBrownForeground2);}", ".fygwt5x{background:var(--colorPaletteBrownBackground2);}", ".f1gymlvd{color:var(--colorPaletteForestForeground2);}", ".fd9lmqj{background:var(--colorPaletteForestBackground2);}", ".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}", ".f154k2v8{background:var(--colorPaletteSeafoamBackground2);}", ".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}", ".fi9tyyh{background:var(--colorPaletteDarkGreenBackground2);}", ".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}", ".fndc5m8{background:var(--colorPaletteLightTealBackground2);}", ".f135dsb4{color:var(--colorPaletteTealForeground2);}", ".f4mxikz{background:var(--colorPaletteTealBackground2);}", ".f151dlcp{color:var(--colorPaletteSteelForeground2);}", ".f1pbol7w{background:var(--colorPaletteSteelBackground2);}", ".f1rjv50u{color:var(--colorPaletteBlueForeground2);}", ".f1k41da4{background:var(--colorPaletteBlueBackground2);}", ".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}", ".f11u0ylr{background:var(--colorPaletteRoyalBlueBackground2);}", ".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}", ".fbvcuk7{background:var(--colorPaletteCornflowerBackground2);}", ".f1nj97xi{color:var(--colorPaletteNavyForeground2);}", ".f80d7iu{background:var(--colorPaletteNavyBackground2);}", ".fwctg0i{color:var(--colorPaletteLavenderForeground2);}", ".f1oe6jqm{background:var(--colorPaletteLavenderBackground2);}", ".fjrsgpu{color:var(--colorPalettePurpleForeground2);}", ".fi65me1{background:var(--colorPalettePurpleBackground2);}", ".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}", ".f9i3bnj{background:var(--colorPaletteGrapeBackground2);}", ".f1res9jt{color:var(--colorPaletteLilacForeground2);}", ".fydr5ee{background:var(--colorPaletteLilacBackground2);}", ".fv3fbbi{color:var(--colorPalettePinkForeground2);}", ".f13re5qg{background:var(--colorPalettePinkBackground2);}", ".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}", ".fy8elgt{background:var(--colorPaletteMagentaBackground2);}", ".f8ptl6j{color:var(--colorPalettePlumForeground2);}", ".fctjgte{background:var(--colorPalettePlumBackground2);}", ".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}", ".f1r4rlt8{background:var(--colorPaletteBeigeBackground2);}", ".f1fscmp{color:var(--colorPaletteMinkForeground2);}", ".fp253wn{background:var(--colorPaletteMinkBackground2);}", ".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}", ".f4rvktu{background:var(--colorPalettePlatinumBackground2);}", ".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}", ".f1bldg66{background:var(--colorPaletteAnchorBackground2);}"]
|
|
401
401
|
});
|
|
402
402
|
|
|
403
|
-
export
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
403
|
+
export const useAvatarStyles = state => {
|
|
404
|
+
const {
|
|
405
|
+
size,
|
|
406
|
+
shape,
|
|
407
|
+
active,
|
|
408
|
+
activeAppearance,
|
|
409
|
+
color
|
|
410
|
+
} = state;
|
|
411
|
+
const styles = useStyles();
|
|
412
|
+
const sizeStyles = useSizeStyles();
|
|
413
|
+
const colorStyles = useColorStyles();
|
|
414
|
+
const rootClasses = [styles.root, sizeStyles[size], colorStyles[color]];
|
|
413
415
|
|
|
414
416
|
if (size <= 24) {
|
|
415
417
|
rootClasses.push(styles.textCaption2);
|
|
@@ -482,7 +484,7 @@ export var useAvatarStyles = function (state) {
|
|
|
482
484
|
}
|
|
483
485
|
}
|
|
484
486
|
|
|
485
|
-
state.root.className = mergeClasses
|
|
487
|
+
state.root.className = mergeClasses(avatarClassName, ...rootClasses, state.root.className);
|
|
486
488
|
|
|
487
489
|
if (state.badge) {
|
|
488
490
|
state.badge.className = mergeClasses(styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/useAvatarStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Avatar/useAvatarStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/lib/utils/getInitials.js
CHANGED
|
@@ -6,22 +6,22 @@
|
|
|
6
6
|
* Regular expression matching characters within various types of enclosures, including the enclosures themselves
|
|
7
7
|
* so for example, (xyz) [xyz] {xyz} all would be ignored
|
|
8
8
|
*/
|
|
9
|
-
|
|
9
|
+
const UNWANTED_ENCLOSURES_REGEX = /[\(\[\{][^\)\]\}]*[\)\]\}]/g;
|
|
10
10
|
/**
|
|
11
11
|
* Regular expression matching special ASCII characters except space, plus some unicode special characters.
|
|
12
12
|
* Applies after unwanted enclosures have been removed
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
const UNWANTED_CHARS_REGEX = /[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g;
|
|
16
16
|
/**
|
|
17
17
|
* Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed
|
|
18
18
|
* and number has been trimmed for whitespaces
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
const PHONENUMBER_REGEX = /^\d+[\d\s]*(:?ext|x|)\s*\d+$/i;
|
|
22
22
|
/** Regular expression matching one or more spaces. */
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
const MULTIPLE_WHITESPACES_REGEX = /\s+/g;
|
|
25
25
|
/**
|
|
26
26
|
* Regular expression matching languages for which we currently don't support initials.
|
|
27
27
|
* Arabic: Arabic, Arabic Supplement, Arabic Extended-A.
|
|
@@ -32,11 +32,11 @@ var MULTIPLE_WHITESPACES_REGEX = /\s+/g;
|
|
|
32
32
|
*/
|
|
33
33
|
// eslint-disable-next-line @fluentui/max-len
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
const UNSUPPORTED_TEXT_REGEX = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/;
|
|
36
36
|
|
|
37
37
|
function getInitialsLatin(displayName, isRtl) {
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
let initials = '';
|
|
39
|
+
const splits = displayName.split(' ');
|
|
40
40
|
|
|
41
41
|
if (splits.length === 2) {
|
|
42
42
|
initials += splits[0].charAt(0).toUpperCase();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/getInitials.ts"],"names":[],"mappings":"AAAA;;AAEG;;AAEH;;;AAGG;AACH,
|
|
1
|
+
{"version":3,"sources":["../../src/utils/getInitials.ts"],"names":[],"mappings":"AAAA;;AAEG;;AAEH;;;AAGG;AACH,MAAM,yBAAyB,GAAW,6BAA1C;AAEA;;;AAGG;;AACH,MAAM,oBAAoB,GAAW,4DAArC;AAEA;;;AAGG;;AACH,MAAM,iBAAiB,GAAW,+BAAlC;AAEA;;AACA,MAAM,0BAA0B,GAAW,MAA3C;AAEA;;;;;;;AAOG;AACH;;AACA,MAAM,sBAAsB,GAAW,4MAAvC;;AAEA,SAAS,gBAAT,CAA0B,WAA1B,EAA+C,KAA/C,EAA6D;AAC3D,MAAI,QAAQ,GAAG,EAAf;AAEA,QAAM,MAAM,GAAa,WAAW,CAAC,KAAZ,CAAkB,GAAlB,CAAzB;;AAEA,MAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AACvB,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACA,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD,GAHD,MAGO,IAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AAC9B,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACA,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD,GAHM,MAGA,IAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AAC9B,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD;;AAED,MAAI,KAAK,IAAI,QAAQ,CAAC,MAAT,GAAkB,CAA/B,EAAkC;AAChC,WAAO,QAAQ,CAAC,MAAT,CAAgB,CAAhB,IAAqB,QAAQ,CAAC,MAAT,CAAgB,CAAhB,CAA5B;AACD;;AAED,SAAO,QAAP;AACD;;AAED,SAAS,kBAAT,CAA4B,WAA5B,EAA+C;AAC7C,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,yBAApB,EAA+C,EAA/C,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,oBAApB,EAA0C,EAA1C,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,0BAApB,EAAgD,GAAhD,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,IAAZ,EAAd;AAEA,SAAO,WAAP;AACD;AAED;;;;AAIG;;;AACH,OAAM,SAAU,WAAV,CACJ,WADI,EAEJ,KAFI,EAGJ,kBAHI,EAGwB;AAE5B,MAAI,CAAC,WAAL,EAAkB;AAChB,WAAO,EAAP;AACD;;AAED,EAAA,WAAW,GAAG,kBAAkB,CAAC,WAAD,CAAhC,CAN4B,CAQ5B;;AACA,MAAI,sBAAsB,CAAC,IAAvB,CAA4B,WAA5B,KAA6C,CAAC,kBAAD,IAAuB,iBAAiB,CAAC,IAAlB,CAAuB,WAAvB,CAAxE,EAA8G;AAC5G,WAAO,EAAP;AACD;;AAED,SAAO,gBAAgB,CAAC,WAAD,EAAc,KAAd,CAAvB;AACD","sourceRoot":""}
|
package/lib-commonjs/Avatar.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./components/Avatar/index"), exports);
|
|
10
10
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.isConformant = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
|
|
11
11
|
|
|
12
12
|
function isConformant(testInfo) {
|
|
13
|
-
|
|
13
|
+
const defaultOptions = {
|
|
14
14
|
asPropHandlesRef: true,
|
|
15
15
|
componentPath: module.parent.filename.replace('.test', ''),
|
|
16
16
|
disabledTests: ['has-docblock'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAGA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAJ+C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
|
|
@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Avatar = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const renderAvatar_1 = /*#__PURE__*/require("./renderAvatar");
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const useAvatar_1 = /*#__PURE__*/require("./useAvatar");
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
const useAvatarStyles_1 = /*#__PURE__*/require("./useAvatarStyles");
|
|
15
15
|
|
|
16
|
-
exports.Avatar = /*#__PURE__*/React.forwardRef(
|
|
17
|
-
|
|
16
|
+
exports.Avatar = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
17
|
+
const state = useAvatar_1.useAvatar(props, ref);
|
|
18
18
|
useAvatarStyles_1.useAvatarStyles(state);
|
|
19
19
|
return renderAvatar_1.renderAvatar(state);
|
|
20
20
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AAIa,OAAA,CAAA,MAAA,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,WAAA,CAAA,SAAA,CAAU,KAAV,EAAiB,GAAjB,CAAd;AAEA,EAAA,iBAAA,CAAA,eAAA,CAAgB,KAAhB;AAEA,SAAO,cAAA,CAAA,YAAA,CAAa,KAAb,CAAP;AACD,CANuD,CAA3C;AAQb,OAAA,CAAA,MAAA,CAAO,WAAP,GAAqB,QAArB","sourceRoot":""}
|
|
@@ -5,18 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.renderAvatar = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.label, tslib_1.__assign({}, slotProps.label)), React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)), React.createElement(slots.image, tslib_1.__assign({}, slotProps.image)), React.createElement(slots.badge, tslib_1.__assign({}, slotProps.badge)));
|
|
12
|
+
const renderAvatar = state => {
|
|
13
|
+
const {
|
|
14
|
+
slots,
|
|
15
|
+
slotProps
|
|
16
|
+
} = react_utilities_1.getSlots(state, ['root', 'label', 'image', 'badge', 'icon']);
|
|
17
|
+
return React.createElement(slots.root, Object.assign({}, slotProps.root), React.createElement(slots.label, Object.assign({}, slotProps.label)), React.createElement(slots.icon, Object.assign({}, slotProps.icon)), React.createElement(slots.image, Object.assign({}, slotProps.image)), React.createElement(slots.badge, Object.assign({}, slotProps.badge)));
|
|
20
18
|
};
|
|
21
19
|
|
|
22
20
|
exports.renderAvatar = renderAvatar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/renderAvatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Avatar/renderAvatar.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGO,MAAM,YAAY,GAAI,KAAD,IAAuB;AACjD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,EAA6B,CAAC,MAAD,EAAS,OAAT,EAAkB,OAAlB,EAA2B,OAA3B,EAAoC,MAApC,CAA7B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,EAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CAHF,EAIE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CAJF,CADF;AAQD,CAXM;;AAAM,OAAA,CAAA,YAAA,GAAY,YAAZ","sourceRoot":""}
|
|
@@ -5,53 +5,50 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useAvatar = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const index_1 = /*#__PURE__*/require("../../utils/index");
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
const react_badge_1 = /*#__PURE__*/require("@fluentui/react-badge");
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var useAvatar = function (props, ref) {
|
|
20
|
+
const useAvatar = (props, ref) => {
|
|
23
21
|
var _a, _b, _c;
|
|
24
22
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
color = _k === void 0 ? 'neutral' : _k; // Resolve 'colorful' to a specific color name
|
|
23
|
+
const {
|
|
24
|
+
dir
|
|
25
|
+
} = react_shared_contexts_1.useFluent();
|
|
26
|
+
const {
|
|
27
|
+
name = '',
|
|
28
|
+
size = 32,
|
|
29
|
+
shape = 'circular',
|
|
30
|
+
active = 'unset',
|
|
31
|
+
activeAppearance = 'ring',
|
|
32
|
+
idForColor,
|
|
33
|
+
getInitials = index_1.getInitials
|
|
34
|
+
} = props;
|
|
35
|
+
let {
|
|
36
|
+
color = 'neutral'
|
|
37
|
+
} = props; // Resolve 'colorful' to a specific color name
|
|
41
38
|
|
|
42
39
|
if (color === 'colorful') {
|
|
43
40
|
color = avatarColors[getHashCode((_b = (_a = props.idForColor) !== null && _a !== void 0 ? _a : props.name) !== null && _b !== void 0 ? _b : '') % avatarColors.length];
|
|
44
41
|
}
|
|
45
42
|
|
|
46
|
-
|
|
47
|
-
size
|
|
48
|
-
name
|
|
49
|
-
shape
|
|
50
|
-
active
|
|
51
|
-
activeAppearance
|
|
52
|
-
color
|
|
53
|
-
idForColor
|
|
54
|
-
getInitials
|
|
43
|
+
const state = {
|
|
44
|
+
size,
|
|
45
|
+
name,
|
|
46
|
+
shape,
|
|
47
|
+
active,
|
|
48
|
+
activeAppearance,
|
|
49
|
+
color,
|
|
50
|
+
idForColor,
|
|
51
|
+
getInitials,
|
|
55
52
|
components: {
|
|
56
53
|
root: 'span',
|
|
57
54
|
label: 'span',
|
|
@@ -59,9 +56,9 @@ var useAvatar = function (props, ref) {
|
|
|
59
56
|
image: 'img',
|
|
60
57
|
badge: react_badge_1.PresenceBadge
|
|
61
58
|
},
|
|
62
|
-
root: react_utilities_1.getNativeElementProps('span',
|
|
63
|
-
ref
|
|
64
|
-
})
|
|
59
|
+
root: react_utilities_1.getNativeElementProps('span', { ...props,
|
|
60
|
+
ref
|
|
61
|
+
}),
|
|
65
62
|
label: react_utilities_1.resolveShorthand(props.label),
|
|
66
63
|
icon: undefined,
|
|
67
64
|
image: react_utilities_1.resolveShorthand(props.image),
|
|
@@ -73,12 +70,12 @@ var useAvatar = function (props, ref) {
|
|
|
73
70
|
}; // If a label was not provided, use the initials and fall back to the icon if initials aren't available
|
|
74
71
|
|
|
75
72
|
if (!((_c = state.label) === null || _c === void 0 ? void 0 : _c.children)) {
|
|
76
|
-
|
|
73
|
+
const initials = state.getInitials(state.name, dir === 'rtl');
|
|
77
74
|
|
|
78
75
|
if (initials) {
|
|
79
|
-
state.label =
|
|
76
|
+
state.label = { ...state.label,
|
|
80
77
|
children: initials
|
|
81
|
-
}
|
|
78
|
+
};
|
|
82
79
|
} else {
|
|
83
80
|
state.icon = react_utilities_1.resolveShorthand(props.icon, {
|
|
84
81
|
required: true,
|
|
@@ -94,7 +91,7 @@ var useAvatar = function (props, ref) {
|
|
|
94
91
|
|
|
95
92
|
exports.useAvatar = useAvatar;
|
|
96
93
|
|
|
97
|
-
|
|
94
|
+
const getDefaultIcon = size => {
|
|
98
95
|
if (size <= 24) {
|
|
99
96
|
return React.createElement(react_icons_1.Person16Regular, null);
|
|
100
97
|
} else if (size <= 40) {
|
|
@@ -110,7 +107,7 @@ var getDefaultIcon = function (size) {
|
|
|
110
107
|
}
|
|
111
108
|
};
|
|
112
109
|
|
|
113
|
-
|
|
110
|
+
const getBadgeSize = size => {
|
|
114
111
|
if (size >= 96) {
|
|
115
112
|
return 'extra-large';
|
|
116
113
|
} else if (size >= 64) {
|
|
@@ -126,14 +123,14 @@ var getBadgeSize = function (size) {
|
|
|
126
123
|
}
|
|
127
124
|
};
|
|
128
125
|
|
|
129
|
-
|
|
126
|
+
const avatarColors = ['darkRed', 'cranberry', 'red', 'pumpkin', 'peach', 'marigold', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
|
|
130
127
|
|
|
131
|
-
|
|
132
|
-
|
|
128
|
+
const getHashCode = str => {
|
|
129
|
+
let hashCode = 0;
|
|
133
130
|
|
|
134
|
-
for (
|
|
135
|
-
|
|
136
|
-
|
|
131
|
+
for (let len = str.length - 1; len >= 0; len--) {
|
|
132
|
+
const ch = str.charCodeAt(len);
|
|
133
|
+
const shift = len % 8;
|
|
137
134
|
hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise
|
|
138
135
|
}
|
|
139
136
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/useAvatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Avatar/useAvatar.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -3,16 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useAvatarStyles = void 0;
|
|
6
|
+
exports.useAvatarStyles = exports.avatarClassName = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
exports.avatarClassName = 'fui-Avatar'; //
|
|
11
11
|
// TODO: All animation constants should go to theme or globals?
|
|
12
12
|
// https://github.com/microsoft/fluentui/issues/16372#issuecomment-778240665
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
var animationDuration = {
|
|
14
|
+
const animationDuration = {
|
|
16
15
|
duration50: '50ms',
|
|
17
16
|
duration100: '100ms',
|
|
18
17
|
duration150: '150ms',
|
|
@@ -21,7 +20,7 @@ var animationDuration = {
|
|
|
21
20
|
duration400: '400ms',
|
|
22
21
|
duration500: '500ms'
|
|
23
22
|
};
|
|
24
|
-
|
|
23
|
+
const animationTiming = {
|
|
25
24
|
ultraFast: animationDuration.duration50,
|
|
26
25
|
faster: animationDuration.duration100,
|
|
27
26
|
fast: animationDuration.duration150,
|
|
@@ -30,7 +29,7 @@ var animationTiming = {
|
|
|
30
29
|
slower: animationDuration.duration400,
|
|
31
30
|
ultraSlow: animationDuration.duration500
|
|
32
31
|
};
|
|
33
|
-
|
|
32
|
+
const animationLines = {
|
|
34
33
|
decelerateMax: 'cubic-bezier(0.00,0.00,0.00,1.00)',
|
|
35
34
|
decelerateMid: 'cubic-bezier(0.10,0.90,0.20,1.00)',
|
|
36
35
|
decelerateMin: 'cubic-bezier(0.33,0.00,0.10,1.00)',
|
|
@@ -41,7 +40,7 @@ var animationLines = {
|
|
|
41
40
|
easyEase: 'cubic-bezier(0.33,0.00,0.67,1.00)',
|
|
42
41
|
linear: 'linear'
|
|
43
42
|
};
|
|
44
|
-
|
|
43
|
+
const animations = {
|
|
45
44
|
fastOutSlowInMax: animationLines.decelerateMax,
|
|
46
45
|
fastOutSlowInMid: animationLines.decelerateMid,
|
|
47
46
|
fastOutSlowInMin: animationLines.decelerateMin,
|
|
@@ -53,7 +52,7 @@ var animations = {
|
|
|
53
52
|
nullEasing: animationLines.linear
|
|
54
53
|
};
|
|
55
54
|
|
|
56
|
-
|
|
55
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
57
56
|
"root": {
|
|
58
57
|
"mc9l5x": "f14t3ns0",
|
|
59
58
|
"Bnnss6s": "fi64zpg",
|
|
@@ -219,7 +218,7 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
219
218
|
"d": [".f14t3ns0{display:inline-block;}", ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fi63bka{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorTransparentStroke) inset;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fq9zq91{border-radius:var(--borderRadiusSmall);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1o0qvyv{border-radius:var(--borderRadiusLarge);}", ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}", ".fdxp0rs{-webkit-transition:-webkit-transform 500ms cubic-bezier(0.80,0.00,0.20,1.00),opacity 100ms linear;transition:transform 500ms cubic-bezier(0.80,0.00,0.20,1.00),opacity 100ms linear;}", ".f1j95ynu{-webkit-transition:-webkit-transform 500ms cubic-bezier(0.80, 0.00, 0.20, 1.00),opacity 100ms linear;transition:transform 500ms cubic-bezier(0.80, 0.00, 0.20, 1.00),opacity 100ms linear;}", ".fuzzvh5:before{content:\"\";}", ".fxf9f1y:before{position:absolute;}", ".f14oqhab:before{top:0;}", ".f1t0u0az:before{left:0;}", ".fmlx6bj:before{right:0;}", ".flqennz:before{bottom:0;}", ".fi8trbp:before{border-radius:inherit;}", ".focxjrq:before{-webkit-transition:margin 500ms cubic-bezier(0.80,0.00,0.20,1.00),opacity 400ms linear;transition:margin 500ms cubic-bezier(0.80,0.00,0.20,1.00),opacity 400ms linear;}", ".foku6zw:before{-webkit-transition:margin 500ms cubic-bezier(0.80, 0.00, 0.20, 1.00),opacity 400ms linear;transition:margin 500ms cubic-bezier(0.80, 0.00, 0.20, 1.00),opacity 400ms linear;}", ".f17s8eb2:before{border-top-color:var(--colorBrandBackgroundStatic);}", ".fv9ryek:before{border-right-color:var(--colorBrandBackgroundStatic);}", ".f2ueew:before{border-left-color:var(--colorBrandBackgroundStatic);}", ".f1jwrqhc:before{border-bottom-color:var(--colorBrandBackgroundStatic);}", ".f1bwkb58:before{border-top-style:solid;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".fh80ci2:before{margin-top:calc(-2 * var(--strokeWidthThick));}", ".f2bwiux:before{margin-right:calc(-2 * var(--strokeWidthThick));}", ".fsprf8b:before{margin-left:calc(-2 * var(--strokeWidthThick));}", ".f3h6zru:before{margin-bottom:calc(-2 * var(--strokeWidthThick));}", ".f1q8k45v:before{border-top-width:var(--strokeWidthThick);}", ".fsu5318:before{border-right-width:var(--strokeWidthThick);}", ".f17ooz8x:before{border-left-width:var(--strokeWidthThick);}", ".f1tf78pn:before{border-bottom-width:var(--strokeWidthThick);}", ".f19fdhy9:before{margin-top:calc(-2 * var(--strokeWidthThicker));}", ".fylzcb7:before{margin-right:calc(-2 * var(--strokeWidthThicker));}", ".fsjc8ey:before{margin-left:calc(-2 * var(--strokeWidthThicker));}", ".fw4k5ov:before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}", ".fcdg7pk:before{border-top-width:var(--strokeWidthThicker);}", ".fqkplwy:before{border-right-width:var(--strokeWidthThicker);}", ".f14dmnnh:before{border-left-width:var(--strokeWidthThicker);}", ".fccqzkf:before{border-bottom-width:var(--strokeWidthThicker);}", ".flif9b5:before{margin-top:calc(-2 * var(--strokeWidthThickest));}", ".fo923rx:before{margin-right:calc(-2 * var(--strokeWidthThickest));}", ".f7jyntm:before{margin-left:calc(-2 * var(--strokeWidthThickest));}", ".f18p1wo9:before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}", ".fjoz5ua:before{border-top-width:var(--strokeWidthThickest);}", ".f1lg5lk7:before{border-right-width:var(--strokeWidthThickest);}", ".fthel6x:before{border-left-width:var(--strokeWidthThickest);}", ".f4i03fv:before{border-bottom-width:var(--strokeWidthThickest);}", ".f15gzsq7:before{box-shadow:var(--shadow4);}", ".fmwiy3e:before{box-shadow:var(--shadow-4);}", ".f1eebxl:before{box-shadow:var(--shadow8);}", ".f1g7losn:before{box-shadow:var(--shadow-8);}", ".fsnqaoy:before{box-shadow:var(--shadow16);}", ".fatcbo:before{box-shadow:var(--shadow-16);}", ".f1sh7vtk:before{box-shadow:var(--shadow28);}", ".f12w6mm1:before{box-shadow:var(--shadow-28);}", ".f1req3t3:before{box-shadow:var(--shadow4),0 0 4px 2px rgba(0,120,212,0.3);}", ".f1qs661:before{box-shadow:var(--shadow-4),0 0 4px 2px rgba(0,120,212,0.3);}", ".f11tkyhd:before{box-shadow:var(--shadow8),0 0 8px 2px rgba(0,120,212,0.3);}", ".f1hlud6i:before{box-shadow:var(--shadow-8),0 0 8px 2px rgba(0,120,212,0.3);}", ".f1xqctk0:before{box-shadow:var(--shadow16),0 0 8px 2px rgba(0,120,212,0.3);}", ".fuya5pq:before{box-shadow:var(--shadow-16),0 0 8px 2px rgba(0,120,212,0.3);}", ".fqxfid0:before{box-shadow:var(--shadow28),0 0 28px 4px rgba(0,120,212,0.3);}", ".f1v4stzs:before{box-shadow:var(--shadow-28),0 0 28px 4px rgba(0,120,212,0.3);}", ".fp25eh{opacity:0.8;}", ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}", ".f1kdcj3l{-webkit-transition:-webkit-transform 500ms cubic-bezier(0.33,0.00,0.10,1.00),opacity 100ms linear;transition:transform 500ms cubic-bezier(0.33,0.00,0.10,1.00),opacity 100ms linear;}", ".f1ffhrox{-webkit-transition:-webkit-transform 500ms cubic-bezier(0.33, 0.00, 0.10, 1.00),opacity 100ms linear;transition:transform 500ms cubic-bezier(0.33, 0.00, 0.10, 1.00),opacity 100ms linear;}", ".fede8dz:before{margin-top:0;}", ".fhlqc5k:before{margin-right:0;}", ".flnsm0g:before{margin-left:0;}", ".fc3uzr1:before{margin-bottom:0;}", ".f1429bq1:before{opacity:0;}", ".f1l86c9o:before{-webkit-transition:margin 500ms cubic-bezier(0.33,0.00,0.10,1.00),opacity 400ms linear;transition:margin 500ms cubic-bezier(0.33,0.00,0.10,1.00),opacity 400ms linear;}", ".fxt0dw5:before{-webkit-transition:margin 500ms cubic-bezier(0.33, 0.00, 0.10, 1.00),opacity 400ms linear;transition:margin 500ms cubic-bezier(0.33, 0.00, 0.10, 1.00),opacity 400ms linear;}", ".f1euv43f{position:absolute;}", ".f1yab3r1{bottom:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}", ".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}", ".f15twtuk{top:0;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f12b9xdw{border-radius:inherit;}", ".f1ps3kmd{object-fit:cover;}", ".f12kltsn{vertical-align:top;}", ".fp6vxd{line-height:1;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fa4t5tb{vertical-align:center;}", ".f17mccla{text-align:center;}"]
|
|
220
219
|
});
|
|
221
220
|
|
|
222
|
-
|
|
221
|
+
const useSizeStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
223
222
|
"20": {
|
|
224
223
|
"a9b677": "f64fuq3",
|
|
225
224
|
"Bqenvij": "fjamq6b"
|
|
@@ -276,7 +275,7 @@ var useSizeStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
276
275
|
"d": [".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".fq4mcun{width:24px;}", ".frvgh55{height:24px;}", ".f1w9dchk{width:28px;}", ".fxldao9{height:28px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}", ".fpdz1er{width:36px;}", ".f8ljn23{height:36px;}", ".feqmc2u{width:40px;}", ".fbhnoac{height:40px;}", ".f124akge{width:48px;}", ".ff2sm71{height:48px;}", ".f1u66zr1{width:56px;}", ".fzki0ko{height:56px;}", ".fa9ln6p{width:64px;}", ".f16k9i2m{height:64px;}", ".fhcae8x{width:72px;}", ".f1shusfg{height:72px;}", ".f1kyr2gn{width:96px;}", ".fypu0ge{height:96px;}", ".fwfqyga{width:120px;}", ".fjr5b71{height:120px;}", ".f1iksgmy{width:128px;}", ".fele2au{height:128px;}"]
|
|
277
276
|
});
|
|
278
277
|
|
|
279
|
-
|
|
278
|
+
const useColorStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
280
279
|
"neutral": {
|
|
281
280
|
"sj55zd": "f11d4kpn",
|
|
282
281
|
"ayd6f0": "fqve7z"
|
|
@@ -409,16 +408,18 @@ var useColorStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
409
408
|
"d": [".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fqve7z{background:var(--colorNeutralBackground6);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".fmni2i0{background:var(--colorBrandBackgroundStatic);}", ".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}", ".f1oz1xn0{background:var(--colorPaletteDarkRedBackground2);}", ".fg9gses{color:var(--colorPaletteCranberryForeground2);}", ".f1aze4e3{background:var(--colorPaletteCranberryBackground2);}", ".f23f7i0{color:var(--colorPaletteRedForeground2);}", ".fper0yy{background:var(--colorPaletteRedBackground2);}", ".fjnan08{color:var(--colorPalettePumpkinForeground2);}", ".f6324zg{background:var(--colorPalettePumpkinBackground2);}", ".fknu15p{color:var(--colorPalettePeachForeground2);}", ".fkkm67b{background:var(--colorPalettePeachBackground2);}", ".f9603vw{color:var(--colorPaletteMarigoldForeground2);}", ".fgt7mi1{background:var(--colorPaletteMarigoldBackground2);}", ".fmq0uwp{color:var(--colorPaletteGoldForeground2);}", ".fjikhr9{background:var(--colorPaletteGoldBackground2);}", ".f28g5vo{color:var(--colorPaletteBrassForeground2);}", ".fifu2hy{background:var(--colorPaletteBrassBackground2);}", ".ftl572b{color:var(--colorPaletteBrownForeground2);}", ".fygwt5x{background:var(--colorPaletteBrownBackground2);}", ".f1gymlvd{color:var(--colorPaletteForestForeground2);}", ".fd9lmqj{background:var(--colorPaletteForestBackground2);}", ".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}", ".f154k2v8{background:var(--colorPaletteSeafoamBackground2);}", ".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}", ".fi9tyyh{background:var(--colorPaletteDarkGreenBackground2);}", ".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}", ".fndc5m8{background:var(--colorPaletteLightTealBackground2);}", ".f135dsb4{color:var(--colorPaletteTealForeground2);}", ".f4mxikz{background:var(--colorPaletteTealBackground2);}", ".f151dlcp{color:var(--colorPaletteSteelForeground2);}", ".f1pbol7w{background:var(--colorPaletteSteelBackground2);}", ".f1rjv50u{color:var(--colorPaletteBlueForeground2);}", ".f1k41da4{background:var(--colorPaletteBlueBackground2);}", ".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}", ".f11u0ylr{background:var(--colorPaletteRoyalBlueBackground2);}", ".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}", ".fbvcuk7{background:var(--colorPaletteCornflowerBackground2);}", ".f1nj97xi{color:var(--colorPaletteNavyForeground2);}", ".f80d7iu{background:var(--colorPaletteNavyBackground2);}", ".fwctg0i{color:var(--colorPaletteLavenderForeground2);}", ".f1oe6jqm{background:var(--colorPaletteLavenderBackground2);}", ".fjrsgpu{color:var(--colorPalettePurpleForeground2);}", ".fi65me1{background:var(--colorPalettePurpleBackground2);}", ".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}", ".f9i3bnj{background:var(--colorPaletteGrapeBackground2);}", ".f1res9jt{color:var(--colorPaletteLilacForeground2);}", ".fydr5ee{background:var(--colorPaletteLilacBackground2);}", ".fv3fbbi{color:var(--colorPalettePinkForeground2);}", ".f13re5qg{background:var(--colorPalettePinkBackground2);}", ".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}", ".fy8elgt{background:var(--colorPaletteMagentaBackground2);}", ".f8ptl6j{color:var(--colorPalettePlumForeground2);}", ".fctjgte{background:var(--colorPalettePlumBackground2);}", ".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}", ".f1r4rlt8{background:var(--colorPaletteBeigeBackground2);}", ".f1fscmp{color:var(--colorPaletteMinkForeground2);}", ".fp253wn{background:var(--colorPaletteMinkBackground2);}", ".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}", ".f4rvktu{background:var(--colorPalettePlatinumBackground2);}", ".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}", ".f1bldg66{background:var(--colorPaletteAnchorBackground2);}"]
|
|
410
409
|
});
|
|
411
410
|
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
411
|
+
const useAvatarStyles = state => {
|
|
412
|
+
const {
|
|
413
|
+
size,
|
|
414
|
+
shape,
|
|
415
|
+
active,
|
|
416
|
+
activeAppearance,
|
|
417
|
+
color
|
|
418
|
+
} = state;
|
|
419
|
+
const styles = useStyles();
|
|
420
|
+
const sizeStyles = useSizeStyles();
|
|
421
|
+
const colorStyles = useColorStyles();
|
|
422
|
+
const rootClasses = [styles.root, sizeStyles[size], colorStyles[color]];
|
|
422
423
|
|
|
423
424
|
if (size <= 24) {
|
|
424
425
|
rootClasses.push(styles.textCaption2);
|
|
@@ -491,7 +492,7 @@ var useAvatarStyles = function (state) {
|
|
|
491
492
|
}
|
|
492
493
|
}
|
|
493
494
|
|
|
494
|
-
state.root.className = react_make_styles_1.mergeClasses.
|
|
495
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.avatarClassName, ...rootClasses, state.root.className);
|
|
495
496
|
|
|
496
497
|
if (state.badge) {
|
|
497
498
|
state.badge.className = react_make_styles_1.mergeClasses(styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/useAvatarStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Avatar/useAvatarStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -12,22 +12,22 @@ exports.getInitials = void 0;
|
|
|
12
12
|
* so for example, (xyz) [xyz] {xyz} all would be ignored
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
const UNWANTED_ENCLOSURES_REGEX = /[\(\[\{][^\)\]\}]*[\)\]\}]/g;
|
|
16
16
|
/**
|
|
17
17
|
* Regular expression matching special ASCII characters except space, plus some unicode special characters.
|
|
18
18
|
* Applies after unwanted enclosures have been removed
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
const UNWANTED_CHARS_REGEX = /[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g;
|
|
22
22
|
/**
|
|
23
23
|
* Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed
|
|
24
24
|
* and number has been trimmed for whitespaces
|
|
25
25
|
*/
|
|
26
26
|
|
|
27
|
-
|
|
27
|
+
const PHONENUMBER_REGEX = /^\d+[\d\s]*(:?ext|x|)\s*\d+$/i;
|
|
28
28
|
/** Regular expression matching one or more spaces. */
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
const MULTIPLE_WHITESPACES_REGEX = /\s+/g;
|
|
31
31
|
/**
|
|
32
32
|
* Regular expression matching languages for which we currently don't support initials.
|
|
33
33
|
* Arabic: Arabic, Arabic Supplement, Arabic Extended-A.
|
|
@@ -38,11 +38,11 @@ var MULTIPLE_WHITESPACES_REGEX = /\s+/g;
|
|
|
38
38
|
*/
|
|
39
39
|
// eslint-disable-next-line @fluentui/max-len
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
const UNSUPPORTED_TEXT_REGEX = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/;
|
|
42
42
|
|
|
43
43
|
function getInitialsLatin(displayName, isRtl) {
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
let initials = '';
|
|
45
|
+
const splits = displayName.split(' ');
|
|
46
46
|
|
|
47
47
|
if (splits.length === 2) {
|
|
48
48
|
initials += splits[0].charAt(0).toUpperCase();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/getInitials.ts"],"names":[],"mappings":";AAAA;;AAEG;;;;;;AAEH;;;AAGG;;AACH,
|
|
1
|
+
{"version":3,"sources":["../../src/utils/getInitials.ts"],"names":[],"mappings":";AAAA;;AAEG;;;;;;AAEH;;;AAGG;;AACH,MAAM,yBAAyB,GAAW,6BAA1C;AAEA;;;AAGG;;AACH,MAAM,oBAAoB,GAAW,4DAArC;AAEA;;;AAGG;;AACH,MAAM,iBAAiB,GAAW,+BAAlC;AAEA;;AACA,MAAM,0BAA0B,GAAW,MAA3C;AAEA;;;;;;;AAOG;AACH;;AACA,MAAM,sBAAsB,GAAW,4MAAvC;;AAEA,SAAS,gBAAT,CAA0B,WAA1B,EAA+C,KAA/C,EAA6D;AAC3D,MAAI,QAAQ,GAAG,EAAf;AAEA,QAAM,MAAM,GAAa,WAAW,CAAC,KAAZ,CAAkB,GAAlB,CAAzB;;AAEA,MAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AACvB,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACA,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD,GAHD,MAGO,IAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AAC9B,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACA,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD,GAHM,MAGA,IAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AAC9B,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD;;AAED,MAAI,KAAK,IAAI,QAAQ,CAAC,MAAT,GAAkB,CAA/B,EAAkC;AAChC,WAAO,QAAQ,CAAC,MAAT,CAAgB,CAAhB,IAAqB,QAAQ,CAAC,MAAT,CAAgB,CAAhB,CAA5B;AACD;;AAED,SAAO,QAAP;AACD;;AAED,SAAS,kBAAT,CAA4B,WAA5B,EAA+C;AAC7C,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,yBAApB,EAA+C,EAA/C,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,oBAApB,EAA0C,EAA1C,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,0BAApB,EAAgD,GAAhD,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,IAAZ,EAAd;AAEA,SAAO,WAAP;AACD;AAED;;;;AAIG;;;AACH,SAAgB,WAAhB,CACE,WADF,EAEE,KAFF,EAGE,kBAHF,EAG8B;AAE5B,MAAI,CAAC,WAAL,EAAkB;AAChB,WAAO,EAAP;AACD;;AAED,EAAA,WAAW,GAAG,kBAAkB,CAAC,WAAD,CAAhC,CAN4B,CAQ5B;;AACA,MAAI,sBAAsB,CAAC,IAAvB,CAA4B,WAA5B,KAA6C,CAAC,kBAAD,IAAuB,iBAAiB,CAAC,IAAlB,CAAuB,WAAvB,CAAxE,EAA8G;AAC5G,WAAO,EAAP;AACD;;AAED,SAAO,gBAAgB,CAAC,WAAD,EAAc,KAAd,CAAvB;AACD;;AAjBD,OAAA,CAAA,WAAA,GAAA,WAAA","sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-avatar",
|
|
3
|
-
"version": "9.0.0-beta.
|
|
3
|
+
"version": "9.0.0-beta.3",
|
|
4
4
|
"description": "React components for building Microsoft web experiences.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
"storybook": "start-storybook"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@fluentui/babel-make-styles": "9.0.0-beta.
|
|
28
|
+
"@fluentui/babel-make-styles": "9.0.0-beta.3",
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
|
-
"@fluentui/jest-serializer-make-styles": "9.0.0-beta.
|
|
30
|
+
"@fluentui/jest-serializer-make-styles": "9.0.0-beta.3",
|
|
31
31
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-make-styles": "9.0.0-beta.
|
|
32
|
+
"@fluentui/react-conformance-make-styles": "9.0.0-beta.3",
|
|
33
33
|
"@fluentui/scripts": "^1.0.0",
|
|
34
34
|
"@types/enzyme": "3.10.3",
|
|
35
35
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
"react-test-renderer": "^16.3.0"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@fluentui/react-badge": "9.0.0-beta.
|
|
47
|
+
"@fluentui/react-badge": "9.0.0-beta.3",
|
|
48
48
|
"@fluentui/react-icons": "^1.1.140",
|
|
49
|
-
"@fluentui/react-make-styles": "9.0.0-beta.
|
|
50
|
-
"@fluentui/react-theme": "9.0.0-beta.
|
|
51
|
-
"@fluentui/react-utilities": "9.0.0-beta.
|
|
49
|
+
"@fluentui/react-make-styles": "9.0.0-beta.3",
|
|
50
|
+
"@fluentui/react-theme": "9.0.0-beta.3",
|
|
51
|
+
"@fluentui/react-utilities": "9.0.0-beta.3",
|
|
52
52
|
"tslib": "^2.1.0"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
@@ -58,7 +58,6 @@
|
|
|
58
58
|
"react-dom": ">=16.8.0 <18.0.0"
|
|
59
59
|
},
|
|
60
60
|
"beachball": {
|
|
61
|
-
"tag": "beta",
|
|
62
61
|
"disallowedChangeTypes": [
|
|
63
62
|
"major",
|
|
64
63
|
"minor",
|