@fluentui-react-native/tester 0.69.0 → 0.69.1
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 +28 -1
- package/CHANGELOG.md +12 -2
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js +6 -8
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +14 -6
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js +5 -7
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +14 -6
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/package.json +3 -3
- package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx +4 -20
- package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx +22 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,34 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Tue, 28 Jun 2022
|
|
5
|
+
"date": "Tue, 28 Jun 2022 08:52:33 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.69.1",
|
|
7
|
+
"version": "0.69.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "v.kozova13@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "11b3b82c74173c54ba6c5c8e2a53de29f5153c62",
|
|
14
|
+
"comment": "Fixed busy icon, added HC icons and fixed Tester"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/avatar to v1.1.2",
|
|
20
|
+
"commit": "11b3b82c74173c54ba6c5c8e2a53de29f5153c62"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/badge to v0.0.44",
|
|
26
|
+
"commit": "11b3b82c74173c54ba6c5c8e2a53de29f5153c62"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Tue, 28 Jun 2022 00:53:43 GMT",
|
|
6
33
|
"tag": "@fluentui-react-native/tester_v0.69.0",
|
|
7
34
|
"version": "0.69.0",
|
|
8
35
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Tue, 28 Jun 2022
|
|
3
|
+
This log was last generated on Tue, 28 Jun 2022 08:52:33 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.69.1
|
|
8
|
+
|
|
9
|
+
Tue, 28 Jun 2022 08:52:33 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Fixed busy icon, added HC icons and fixed Tester (v.kozova13@gmail.com)
|
|
14
|
+
- Bump @fluentui-react-native/avatar to v1.1.2
|
|
15
|
+
- Bump @fluentui-react-native/badge to v0.0.44
|
|
16
|
+
|
|
7
17
|
## 0.69.0
|
|
8
18
|
|
|
9
|
-
Tue, 28 Jun 2022 00:53:
|
|
19
|
+
Tue, 28 Jun 2022 00:53:43 GMT
|
|
10
20
|
|
|
11
21
|
### Minor changes
|
|
12
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA+BxE,eAAO,MAAM,aAAa,EAAE,iBA6G3B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __spreadArray } from "tslib";
|
|
2
2
|
import React, { useState, useCallback } from 'react';
|
|
3
|
-
import { AvatarSizes, AvatarColors, Avatar
|
|
3
|
+
import { AvatarSizes, AvatarColors, Avatar } from '@fluentui-react-native/avatar';
|
|
4
4
|
import { PresenceBadgeStatuses } from '@fluentui-react-native/badge';
|
|
5
5
|
import { Switch, View, Text, Picker, Platform } from 'react-native';
|
|
6
6
|
import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
|
|
@@ -9,7 +9,6 @@ import { useTheme } from '@fluentui-react-native/theme-types';
|
|
|
9
9
|
import TestSvg from '../../test-data/test.svg';
|
|
10
10
|
var avatarActive = ['unset', 'active', 'inactive'];
|
|
11
11
|
var avatarColors = __spreadArray(['neutral', 'brand', 'colorful'], AvatarColors, true);
|
|
12
|
-
var avatarActiveAppearance = ['ring'];
|
|
13
12
|
var allSizes = __spreadArray([undefinedText], AvatarSizes, true);
|
|
14
13
|
var allPresences = __spreadArray([undefinedText], PresenceBadgeStatuses, true);
|
|
15
14
|
var StyledPicker = function (props) {
|
|
@@ -23,18 +22,17 @@ export var StandardUsage = function () {
|
|
|
23
22
|
var _b = useState(true), showImage = _b[0], setShowImage = _b[1];
|
|
24
23
|
var _c = useState(false), outOfOffice = _c[0], setOutOfOffice = _c[1];
|
|
25
24
|
var _d = useState('unset'), active = _d[0], setActive = _d[1];
|
|
26
|
-
var _e = useState(
|
|
27
|
-
var _f = useState(
|
|
28
|
-
var _g = useState('
|
|
29
|
-
var _h = useState('brass'), avatarColor = _h[0], setAvatarColor = _h[1];
|
|
25
|
+
var _e = useState(72), imageSize = _e[0], setImageSize = _e[1];
|
|
26
|
+
var _f = useState('available'), presence = _f[0], setPresence = _f[1];
|
|
27
|
+
var _g = useState('brass'), avatarColor = _g[0], setAvatarColor = _g[1];
|
|
30
28
|
var onActiveChange = useCallback(function (value) { return setActive(value); }, []);
|
|
31
|
-
var onActiveAppearanceChange = useCallback(function (value) { return setActiveAppearance(value); }, []);
|
|
32
29
|
var onAvatarColorChange = useCallback(function (value) { return setAvatarColor(value); }, []);
|
|
33
30
|
var onSizeChange = useCallback(function (value) { return setImageSize(value); }, []);
|
|
34
31
|
var onPresenceChange = useCallback(function (value) { return setPresence(value); }, []);
|
|
35
32
|
var theme = useTheme();
|
|
36
33
|
var textStyles = { color: theme.colors.inputText };
|
|
37
34
|
var avatarSizesForPicker = allSizes.map(function (size) { return size.toString(); });
|
|
35
|
+
var activeAppearance = 'ring';
|
|
38
36
|
var fontBuiltInProps = {
|
|
39
37
|
fontFamily: 'Arial',
|
|
40
38
|
codepoint: 0x2663,
|
|
@@ -57,7 +55,7 @@ export var StandardUsage = function () {
|
|
|
57
55
|
React.createElement(Switch, { value: outOfOffice, onValueChange: function () { return setOutOfOffice(!outOfOffice); } })),
|
|
58
56
|
React.createElement(StyledPicker, { prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
|
|
59
57
|
React.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
60
|
-
active === 'active'
|
|
58
|
+
active === 'active' && React.createElement(Text, null, "Active appearance is ring"),
|
|
61
59
|
React.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
62
60
|
React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
63
61
|
React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: imageSize === undefinedText ? undefined : imageSize }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAqB,MAAM,OAAO,CAAC;AACxE,OAAO,
|
|
1
|
+
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2NlC,CAAC"}
|
|
@@ -15,10 +15,12 @@ export var CustomizeUsage = function () {
|
|
|
15
15
|
var _h = useState(16), initialsSize = _h[0], setInitialsSize = _h[1];
|
|
16
16
|
var _j = useState('normal'), fontWeight = _j[0], setFontWeight = _j[1];
|
|
17
17
|
var _k = useState('Georgia'), fontFamily = _k[0], setFontFamily = _k[1];
|
|
18
|
-
var _l = useState(
|
|
19
|
-
var _m = useState('
|
|
20
|
-
var _o = useState(
|
|
21
|
-
var _p = useState(
|
|
18
|
+
var _l = useState('Steve Ballmer'), name = _l[0], setName = _l[1];
|
|
19
|
+
var _m = useState(''), initials = _m[0], setInitials = _m[1];
|
|
20
|
+
var _o = useState(undefined), ringColor = _o[0], setRingColor = _o[1];
|
|
21
|
+
var _p = useState('yellow'), ringBackgroundColor = _p[0], setRingBackgroundColor = _p[1];
|
|
22
|
+
var _q = useState('4'), ringThickness = _q[0], setRingThickness = _q[1];
|
|
23
|
+
var _r = useState(true), showRing = _r[0], setShowRing = _r[1];
|
|
22
24
|
var CustomizedAvatar = useMemo(function () {
|
|
23
25
|
var tokens = {
|
|
24
26
|
avatarColor: avatarColor,
|
|
@@ -65,6 +67,12 @@ export var CustomizeUsage = function () {
|
|
|
65
67
|
React.createElement(Switch, { value: showRing, onValueChange: setShowRing })),
|
|
66
68
|
React.createElement(View, { style: { flexDirection: 'row' } },
|
|
67
69
|
React.createElement(View, null,
|
|
70
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Name for generating initials", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
71
|
+
setName(e.nativeEvent.text);
|
|
72
|
+
} }),
|
|
73
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Initials", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
74
|
+
setInitials(e.nativeEvent.text);
|
|
75
|
+
} }),
|
|
68
76
|
React.createElement(Text, { style: { fontWeight: 'bold' } }, "Avatar tokens"),
|
|
69
77
|
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
70
78
|
setAvatarColor(e.nativeEvent.text);
|
|
@@ -104,9 +112,9 @@ export var CustomizeUsage = function () {
|
|
|
104
112
|
} })))),
|
|
105
113
|
React.createElement(View, null,
|
|
106
114
|
React.createElement(Text, null, "Customized Avatar"),
|
|
107
|
-
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ?
|
|
115
|
+
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, icon: svgIconsEnabled ? { svgSource: svgProps } : undefined, transparentRing: !showRing })),
|
|
108
116
|
React.createElement(View, { style: { marginLeft: 20 } },
|
|
109
117
|
React.createElement(Text, null, "Avatar customized with props"),
|
|
110
|
-
React.createElement(Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
118
|
+
React.createElement(Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
111
119
|
};
|
|
112
120
|
//# sourceMappingURL=CustomizedAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,MAAM,EAAc,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGpE,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,IAAM,cAAc,GAA4B;IAC/C,IAAA,KAA4B,QAAQ,CAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAkC,QAAQ,CAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAC;IACjD,IAAA,KAAgC,QAAQ,EAAU,EAAjD,WAAW,QAAA,EAAE,cAAc,QAAsB,CAAC;IACnD,IAAA,KAA4B,QAAQ,EAAU,EAA7C,SAAS,QAAA,EAAE,YAAY,QAAsB,CAAC;IAC/C,IAAA,KAAkB,QAAQ,CAAS,IAAI,CAAC,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IACzC,IAAA,KAA0B,QAAQ,CAAS,EAAE,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IAC/C,IAAA,KAA4B,QAAQ,CAAS,SAAS,CAAC,EAAtD,SAAS,QAAA,EAAE,YAAY,QAA+B,CAAC;IACxD,IAAA,KAAkC,QAAQ,CAAS,EAAE,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IACvD,IAAA,KAA8B,QAAQ,CAAS,QAAQ,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IACzD,IAAA,KAA8B,QAAQ,CAAS,SAAS,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA+BxE,eAAO,MAAM,aAAa,EAAE,iBA6G3B,CAAC"}
|
|
@@ -12,7 +12,6 @@ var theme_types_1 = require("@fluentui-react-native/theme-types");
|
|
|
12
12
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("../../test-data/test.svg"));
|
|
13
13
|
var avatarActive = ['unset', 'active', 'inactive'];
|
|
14
14
|
var avatarColors = (0, tslib_1.__spreadArray)(['neutral', 'brand', 'colorful'], avatar_1.AvatarColors, true);
|
|
15
|
-
var avatarActiveAppearance = ['ring'];
|
|
16
15
|
var allSizes = (0, tslib_1.__spreadArray)([styles_1.undefinedText], avatar_1.AvatarSizes, true);
|
|
17
16
|
var allPresences = (0, tslib_1.__spreadArray)([styles_1.undefinedText], badge_1.PresenceBadgeStatuses, true);
|
|
18
17
|
var StyledPicker = function (props) {
|
|
@@ -26,18 +25,17 @@ var StandardUsage = function () {
|
|
|
26
25
|
var _b = (0, react_1.useState)(true), showImage = _b[0], setShowImage = _b[1];
|
|
27
26
|
var _c = (0, react_1.useState)(false), outOfOffice = _c[0], setOutOfOffice = _c[1];
|
|
28
27
|
var _d = (0, react_1.useState)('unset'), active = _d[0], setActive = _d[1];
|
|
29
|
-
var _e = (0, react_1.useState)(
|
|
30
|
-
var _f = (0, react_1.useState)(
|
|
31
|
-
var _g = (0, react_1.useState)('
|
|
32
|
-
var _h = (0, react_1.useState)('brass'), avatarColor = _h[0], setAvatarColor = _h[1];
|
|
28
|
+
var _e = (0, react_1.useState)(72), imageSize = _e[0], setImageSize = _e[1];
|
|
29
|
+
var _f = (0, react_1.useState)('available'), presence = _f[0], setPresence = _f[1];
|
|
30
|
+
var _g = (0, react_1.useState)('brass'), avatarColor = _g[0], setAvatarColor = _g[1];
|
|
33
31
|
var onActiveChange = (0, react_1.useCallback)(function (value) { return setActive(value); }, []);
|
|
34
|
-
var onActiveAppearanceChange = (0, react_1.useCallback)(function (value) { return setActiveAppearance(value); }, []);
|
|
35
32
|
var onAvatarColorChange = (0, react_1.useCallback)(function (value) { return setAvatarColor(value); }, []);
|
|
36
33
|
var onSizeChange = (0, react_1.useCallback)(function (value) { return setImageSize(value); }, []);
|
|
37
34
|
var onPresenceChange = (0, react_1.useCallback)(function (value) { return setPresence(value); }, []);
|
|
38
35
|
var theme = (0, theme_types_1.useTheme)();
|
|
39
36
|
var textStyles = { color: theme.colors.inputText };
|
|
40
37
|
var avatarSizesForPicker = allSizes.map(function (size) { return size.toString(); });
|
|
38
|
+
var activeAppearance = 'ring';
|
|
41
39
|
var fontBuiltInProps = {
|
|
42
40
|
fontFamily: 'Arial',
|
|
43
41
|
codepoint: 0x2663,
|
|
@@ -60,7 +58,7 @@ var StandardUsage = function () {
|
|
|
60
58
|
react_1.default.createElement(react_native_1.Switch, { value: outOfOffice, onValueChange: function () { return setOutOfOffice(!outOfOffice); } })),
|
|
61
59
|
react_1.default.createElement(StyledPicker, { prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
|
|
62
60
|
react_1.default.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
63
|
-
active === 'active'
|
|
61
|
+
active === 'active' && react_1.default.createElement(react_native_1.Text, null, "Active appearance is ring"),
|
|
64
62
|
react_1.default.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
65
63
|
react_1.default.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
66
64
|
react_1.default.createElement(avatar_1.Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: imageSize === styles_1.undefinedText ? undefined : imageSize }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwE;AACxE,
|
|
1
|
+
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwE;AACxE,wDAAyH;AACzH,sDAA0F;AAC1F,6CAAgF;AAChF,kDAAuE;AACvE,2CAAoE;AACpE,kEAA8D;AAC9D,mFAA+C;AAK/C,IAAM,YAAY,GAAmB,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AACrE,IAAM,YAAY,+BAAmB,SAAS,EAAE,OAAO,EAAE,UAAU,GAAK,qBAAY,OAAC,CAAC;AAEtF,IAAM,QAAQ,+BAAiC,sBAAa,GAAK,oBAAW,OAAC,CAAC;AAC9E,IAAM,YAAY,+BAA0C,sBAAa,GAAK,6BAAqB,OAAC,CAAC;AAErG,IAAM,YAAY,GAAG,UAAC,KAAK;IACjB,IAAA,MAAM,GAAqC,KAAK,OAA1C,EAAE,QAAQ,GAA2B,KAAK,SAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IACzD,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,YAAY,2BAAK,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,IAAK,yBAAY,CAAC,MAAM,CAAE,CAAC;IAC7F,OAAO,CACL,8BAAC,qBAAM,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAC1F,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAChC,8BAAC,qBAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,EAFiC,CAEjC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,aAAa,GAAsB;IACxC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,QAAQ,QAAA,EAAE,SAAS,QAAmB,CAAC;IACxC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IAChD,IAAA,KAAsB,IAAA,gBAAQ,EAAe,OAAO,CAAC,EAApD,MAAM,QAAA,EAAE,SAAS,QAAmC,CAAC;IACtD,IAAA,KAA4B,IAAA,gBAAQ,EAA4B,EAAE,CAAC,EAAlE,SAAS,QAAA,EAAE,YAAY,QAA2C,CAAC;IACpE,IAAA,KAA0B,IAAA,gBAAQ,EAAqC,WAAW,CAAC,EAAlF,QAAQ,QAAA,EAAE,WAAW,QAA6D,CAAC;IACpF,IAAA,KAAgC,IAAA,gBAAQ,EAAc,OAAO,CAAC,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IAErE,IAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;IACpE,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IAErE,IAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IAExE,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,EAAE,CAAC;IACnE,IAAM,oBAAoB,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,QAAQ,EAAE,EAAf,CAAe,CAAC,CAAC;IAErE,IAAM,gBAAgB,GAAG,MAAM,CAAC;IAEhC,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;KAClB,CAAC;IAEF,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,IAAI;QAC5B,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,QAAQ;YAChC,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,8BAAC,mBAAI,IAAC,KAAK,EAAE,UAAU,iBAAmB;gBAC1C,8BAAC,qBAAM,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI,CACpD;YACP,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,8BAAC,mBAAI,IAAC,KAAK,EAAE,UAAU,wBAA0B;gBACjD,8BAAC,qBAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,QAAQ,CAAC,EAApB,CAAoB,GAAI,CACjE;YACP,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,8BAAC,mBAAI,IAAC,KAAK,EAAE,UAAU,sBAAwB;gBAC/C,8BAAC,qBAAM,IAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,cAAM,OAAA,cAAc,CAAC,CAAC,WAAW,CAAC,EAA5B,CAA4B,GAAI,CAC5E;YAEP,8BAAC,YAAY,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,GAAI;YACxH,8BAAC,YAAY,IAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,GAAI;YACrG,MAAM,KAAK,QAAQ,IAAI,8BAAC,mBAAI,oCAAiC;YAC9D,8BAAC,YAAY,IAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,GAAI;YACtH,8BAAC,YAAY,IAAC,MAAM,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,GAAI,CAC9G;QACP,8BAAC,eAAM,IACL,kBAAkB,EAAC,gBAAgB,EACnC,iBAAiB,EAAC,+BAA+B,EACjD,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACzD;QACF,8BAAC,eAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,wBAAwB,EAC3C,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,WAAW,aAAA,EAAE,EACjF,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAa,CAAC,CAAC,CAAC,SAAS,EAC/C,WAAW,EAAE,WAAW,GACxB;QACF,8BAAC,eAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,MAAM,EACzB,IAAI,EAAC,qBAAqB,EAC1B,WAAW,EAAC,SAAS,EACrB,aAAa,EAAC,QAAQ,GACtB;QACD,eAAe,IAAI,CAClB;YACE,8BAAC,eAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,UAAU,EAC7B,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACzE,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,aAAA,EAAE,GAC7C;YACF,8BAAC,eAAM,IACL,iBAAiB,EAAC,+BAA+B,EACjD,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,UAAU,EAC7B,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,aAAA,EAAE,EACtC,UAAU,EAAC,IAAI,GACf,CACD,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA7GW,QAAA,aAAa,iBA6GxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2NlC,CAAC"}
|
|
@@ -19,10 +19,12 @@ var CustomizeUsage = function () {
|
|
|
19
19
|
var _h = (0, react_1.useState)(16), initialsSize = _h[0], setInitialsSize = _h[1];
|
|
20
20
|
var _j = (0, react_1.useState)('normal'), fontWeight = _j[0], setFontWeight = _j[1];
|
|
21
21
|
var _k = (0, react_1.useState)('Georgia'), fontFamily = _k[0], setFontFamily = _k[1];
|
|
22
|
-
var _l = (0, react_1.useState)(
|
|
23
|
-
var _m = (0, react_1.useState)('
|
|
24
|
-
var _o = (0, react_1.useState)(
|
|
25
|
-
var _p = (0, react_1.useState)(
|
|
22
|
+
var _l = (0, react_1.useState)('Steve Ballmer'), name = _l[0], setName = _l[1];
|
|
23
|
+
var _m = (0, react_1.useState)(''), initials = _m[0], setInitials = _m[1];
|
|
24
|
+
var _o = (0, react_1.useState)(undefined), ringColor = _o[0], setRingColor = _o[1];
|
|
25
|
+
var _p = (0, react_1.useState)('yellow'), ringBackgroundColor = _p[0], setRingBackgroundColor = _p[1];
|
|
26
|
+
var _q = (0, react_1.useState)('4'), ringThickness = _q[0], setRingThickness = _q[1];
|
|
27
|
+
var _r = (0, react_1.useState)(true), showRing = _r[0], setShowRing = _r[1];
|
|
26
28
|
var CustomizedAvatar = (0, react_1.useMemo)(function () {
|
|
27
29
|
var tokens = {
|
|
28
30
|
avatarColor: avatarColor,
|
|
@@ -69,6 +71,12 @@ var CustomizeUsage = function () {
|
|
|
69
71
|
react_1.default.createElement(react_native_1.Switch, { value: showRing, onValueChange: setShowRing })),
|
|
70
72
|
react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
|
|
71
73
|
react_1.default.createElement(react_native_1.View, null,
|
|
74
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Name for generating initials", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
75
|
+
setName(e.nativeEvent.text);
|
|
76
|
+
} }),
|
|
77
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Initials", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
78
|
+
setInitials(e.nativeEvent.text);
|
|
79
|
+
} }),
|
|
72
80
|
react_1.default.createElement(react_native_1.Text, { style: { fontWeight: 'bold' } }, "Avatar tokens"),
|
|
73
81
|
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
74
82
|
setAvatarColor(e.nativeEvent.text);
|
|
@@ -108,10 +116,10 @@ var CustomizeUsage = function () {
|
|
|
108
116
|
} })))),
|
|
109
117
|
react_1.default.createElement(react_native_1.View, null,
|
|
110
118
|
react_1.default.createElement(react_native_1.Text, null, "Customized Avatar"),
|
|
111
|
-
react_1.default.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ?
|
|
119
|
+
react_1.default.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, icon: svgIconsEnabled ? { svgSource: svgProps } : undefined, transparentRing: !showRing })),
|
|
112
120
|
react_1.default.createElement(react_native_1.View, { style: { marginLeft: 20 } },
|
|
113
121
|
react_1.default.createElement(react_native_1.Text, null, "Avatar customized with props"),
|
|
114
|
-
react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
122
|
+
react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
115
123
|
};
|
|
116
124
|
exports.CustomizeUsage = CustomizeUsage;
|
|
117
125
|
//# sourceMappingURL=CustomizedAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":";;;;AAAA,0DAAiD;AACjD,wDAAmE;AACnE,6CAAuE;AACvE,kDAA+D;AAC/D,2CAAoE;AAGpE,mFAA+C;AAExC,IAAM,cAAc,GAA4B;IAC/C,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAC;IACjD,IAAA,KAAgC,IAAA,gBAAQ,GAAU,EAAjD,WAAW,QAAA,EAAE,cAAc,QAAsB,CAAC;IACnD,IAAA,KAA4B,IAAA,gBAAQ,GAAU,EAA7C,SAAS,QAAA,EAAE,YAAY,QAAsB,CAAC;IAC/C,IAAA,KAAkB,IAAA,gBAAQ,EAAS,IAAI,CAAC,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IACzC,IAAA,KAA0B,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IAC/C,IAAA,KAA4B,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAtD,SAAS,QAAA,EAAE,YAAY,QAA+B,CAAC;IACxD,IAAA,KAAkC,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IACvD,IAAA,KAA8B,IAAA,gBAAQ,EAAS,QAAQ,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IACzD,IAAA,KAA8B,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.69.
|
|
3
|
+
"version": "0.69.1",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/android-theme": ">=0.10.0 <1.0.0",
|
|
29
29
|
"@fluentui-react-native/apple-theme": ">=0.12.3 <1.0.0",
|
|
30
|
-
"@fluentui-react-native/avatar": "^1.1.
|
|
31
|
-
"@fluentui-react-native/badge": ">=0.0.
|
|
30
|
+
"@fluentui-react-native/avatar": "^1.1.2",
|
|
31
|
+
"@fluentui-react-native/badge": ">=0.0.44 <1.0.0",
|
|
32
32
|
"@fluentui-react-native/button": ">=0.22.29 <1.0.0",
|
|
33
33
|
"@fluentui-react-native/default-theme": ">=0.13.0 <1.0.0",
|
|
34
34
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.29 <1.0.0",
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import React, { useState, useCallback, FunctionComponent } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
AvatarSize,
|
|
4
|
-
AvatarSizes,
|
|
5
|
-
AvatarColor,
|
|
6
|
-
AvatarColors,
|
|
7
|
-
Avatar,
|
|
8
|
-
AvatarActive,
|
|
9
|
-
AvatarActiveAppearance,
|
|
10
|
-
} from '@fluentui-react-native/avatar';
|
|
2
|
+
import { AvatarSize, AvatarSizes, AvatarColor, AvatarColors, Avatar, AvatarActive } from '@fluentui-react-native/avatar';
|
|
11
3
|
import { PresenceBadgeStatuses, PresenceBadgeStatus } from '@fluentui-react-native/badge';
|
|
12
4
|
import { Switch, View, Text, Picker, ColorValue, Platform } from 'react-native';
|
|
13
5
|
import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
|
|
@@ -20,7 +12,6 @@ type WithUndefined<T> = T | typeof undefinedText;
|
|
|
20
12
|
|
|
21
13
|
const avatarActive: AvatarActive[] = ['unset', 'active', 'inactive'];
|
|
22
14
|
const avatarColors: AvatarColor[] = ['neutral', 'brand', 'colorful', ...AvatarColors];
|
|
23
|
-
const avatarActiveAppearance: AvatarActiveAppearance[] = ['ring'];
|
|
24
15
|
|
|
25
16
|
const allSizes: WithUndefined<AvatarSize>[] = [undefinedText, ...AvatarSizes];
|
|
26
17
|
const allPresences: WithUndefined<PresenceBadgeStatus>[] = [undefinedText, ...PresenceBadgeStatuses];
|
|
@@ -43,13 +34,11 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
43
34
|
const [showImage, setShowImage] = useState(true);
|
|
44
35
|
const [outOfOffice, setOutOfOffice] = useState(false);
|
|
45
36
|
const [active, setActive] = useState<AvatarActive>('unset');
|
|
46
|
-
const [activeAppearance, setActiveAppearance] = useState<AvatarActiveAppearance>('ring');
|
|
47
37
|
const [imageSize, setImageSize] = useState<WithUndefined<AvatarSize>>(72);
|
|
48
38
|
const [presence, setPresence] = useState<WithUndefined<PresenceBadgeStatus>>('available');
|
|
49
39
|
const [avatarColor, setAvatarColor] = useState<AvatarColor>('brass');
|
|
50
40
|
|
|
51
41
|
const onActiveChange = useCallback((value) => setActive(value), []);
|
|
52
|
-
const onActiveAppearanceChange = useCallback((value) => setActiveAppearance(value), []);
|
|
53
42
|
const onAvatarColorChange = useCallback((value) => setAvatarColor(value), []);
|
|
54
43
|
const onSizeChange = useCallback((value) => setImageSize(value), []);
|
|
55
44
|
|
|
@@ -59,6 +48,8 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
59
48
|
const textStyles = { color: theme.colors.inputText as ColorValue };
|
|
60
49
|
const avatarSizesForPicker = allSizes.map((size) => size.toString());
|
|
61
50
|
|
|
51
|
+
const activeAppearance = 'ring';
|
|
52
|
+
|
|
62
53
|
const fontBuiltInProps = {
|
|
63
54
|
fontFamily: 'Arial',
|
|
64
55
|
codepoint: 0x2663,
|
|
@@ -89,14 +80,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
89
80
|
|
|
90
81
|
<StyledPicker prompt="Size" selected={imageSize.toString()} onChange={onSizeChange} collection={avatarSizesForPicker} />
|
|
91
82
|
<StyledPicker prompt="Active" selected={active} onChange={onActiveChange} collection={avatarActive} />
|
|
92
|
-
{active === 'active'
|
|
93
|
-
<StyledPicker
|
|
94
|
-
prompt="Active appearance"
|
|
95
|
-
selected={activeAppearance}
|
|
96
|
-
onChange={onActiveAppearanceChange}
|
|
97
|
-
collection={avatarActiveAppearance}
|
|
98
|
-
/>
|
|
99
|
-
) : null}
|
|
83
|
+
{active === 'active' && <Text>Active appearance is ring</Text>}
|
|
100
84
|
<StyledPicker prompt="Avatar Color" selected={avatarColor} onChange={onAvatarColorChange} collection={avatarColors} />
|
|
101
85
|
<StyledPicker prompt="Presence status" selected={presence} onChange={onPresenceChange} collection={allPresences} />
|
|
102
86
|
</View>
|
|
@@ -18,6 +18,8 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
18
18
|
const [initialsSize, setInitialsSize] = useState<number>(16);
|
|
19
19
|
const [fontWeight, setFontWeight] = useState<string>('normal');
|
|
20
20
|
const [fontFamily, setFontFamily] = useState<string>('Georgia');
|
|
21
|
+
const [name, setName] = useState<string>('Steve Ballmer');
|
|
22
|
+
const [initials, setInitials] = useState<string>('');
|
|
21
23
|
|
|
22
24
|
const [ringColor, setRingColor] = useState<string>(undefined);
|
|
23
25
|
const [ringBackgroundColor, setRingBackgroundColor] = useState<string>('yellow');
|
|
@@ -77,6 +79,22 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
77
79
|
</View>
|
|
78
80
|
<View style={{ flexDirection: 'row' }}>
|
|
79
81
|
<View>
|
|
82
|
+
<TextInput
|
|
83
|
+
style={[commonStyles.textBox]}
|
|
84
|
+
placeholder="Name for generating initials"
|
|
85
|
+
blurOnSubmit={true}
|
|
86
|
+
onSubmitEditing={(e) => {
|
|
87
|
+
setName(e.nativeEvent.text);
|
|
88
|
+
}}
|
|
89
|
+
/>
|
|
90
|
+
<TextInput
|
|
91
|
+
style={[commonStyles.textBox]}
|
|
92
|
+
placeholder="Initials"
|
|
93
|
+
blurOnSubmit={true}
|
|
94
|
+
onSubmitEditing={(e) => {
|
|
95
|
+
setInitials(e.nativeEvent.text);
|
|
96
|
+
}}
|
|
97
|
+
/>
|
|
80
98
|
<Text style={{ fontWeight: 'bold' }}>Avatar tokens</Text>
|
|
81
99
|
<TextInput
|
|
82
100
|
style={[commonStyles.textBox]}
|
|
@@ -182,7 +200,8 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
182
200
|
activeAppearance="ring"
|
|
183
201
|
avatarColor={avatarColor}
|
|
184
202
|
accessibilityLabel="Former CEO of Microsoft"
|
|
185
|
-
initials={showInitials ?
|
|
203
|
+
initials={showInitials ? initials : undefined}
|
|
204
|
+
name={showInitials ? name : undefined}
|
|
186
205
|
imageUrl={showImage ? steveBallmerPhotoUrl : undefined}
|
|
187
206
|
icon={svgIconsEnabled ? { svgSource: svgProps } : undefined}
|
|
188
207
|
transparentRing={!showRing}
|
|
@@ -195,6 +214,8 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
195
214
|
activeAppearance="ring"
|
|
196
215
|
avatarColor={avatarColor}
|
|
197
216
|
accessibilityLabel="Former CEO of Microsoft"
|
|
217
|
+
initials={showInitials ? initials : undefined}
|
|
218
|
+
name={showInitials ? name : undefined}
|
|
198
219
|
imageUrl={showImage ? steveBallmerPhotoUrl : undefined}
|
|
199
220
|
ringBackgroundColor={ringBackgroundColor}
|
|
200
221
|
ringColor={ringColor}
|