@fluentui-react-native/tester 0.59.35 → 0.59.38
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 +166 -1
- package/CHANGELOG.md +46 -2
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js +8 -32
- 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 +8 -17
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js +4 -5
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib/FluentTester/testPages.windows.d.ts.map +1 -1
- package/lib/FluentTester/testPages.windows.js +6 -0
- package/lib/FluentTester/testPages.windows.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js +7 -31
- 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 +8 -17
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js +6 -7
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib-commonjs/FluentTester/testPages.windows.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/testPages.windows.js +6 -0
- package/lib-commonjs/FluentTester/testPages.windows.js.map +1 -1
- package/package.json +19 -19
- package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx +8 -34
- package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx +1 -16
- package/src/FluentTester/TestComponents/Menu/MenuTest.tsx +7 -8
- package/src/FluentTester/testPages.windows.ts +6 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,172 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 05 May 2022 19:07:59 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.59.38",
|
|
7
|
+
"version": "0.59.38",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "v.kozova13@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "0b1077c4ac2440f81483d796a72e8be15bc5c577",
|
|
14
|
+
"comment": "Added Avatar to Windows platform"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.24",
|
|
20
|
+
"commit": "0b1077c4ac2440f81483d796a72e8be15bc5c577"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Wed, 04 May 2022 21:06:04 GMT",
|
|
27
|
+
"tag": "@fluentui-react-native/tester_v0.59.37",
|
|
28
|
+
"version": "0.59.37",
|
|
29
|
+
"comments": {
|
|
30
|
+
"patch": [
|
|
31
|
+
{
|
|
32
|
+
"author": "ruaraki@microsoft.com",
|
|
33
|
+
"package": "@fluentui-react-native/tester",
|
|
34
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6",
|
|
35
|
+
"comment": "Change components used in MenuTest"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"author": "beachball",
|
|
39
|
+
"package": "@fluentui-react-native/tester",
|
|
40
|
+
"comment": "Bump @fluentui-react-native/badge to v0.0.33",
|
|
41
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "beachball",
|
|
45
|
+
"package": "@fluentui-react-native/tester",
|
|
46
|
+
"comment": "Bump @fluentui-react-native/button to v0.22.21",
|
|
47
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"author": "beachball",
|
|
51
|
+
"package": "@fluentui-react-native/tester",
|
|
52
|
+
"comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.5.25",
|
|
53
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "beachball",
|
|
57
|
+
"package": "@fluentui-react-native/tester",
|
|
58
|
+
"comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.23",
|
|
59
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "beachball",
|
|
63
|
+
"package": "@fluentui-react-native/tester",
|
|
64
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.15.22",
|
|
65
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui-react-native/tester",
|
|
70
|
+
"comment": "Bump @fluentui-react-native/experimental-checkbox to v0.11.4",
|
|
71
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui-react-native/tester",
|
|
76
|
+
"comment": "Bump @fluentui-react-native/experimental-drawer to v0.1.9",
|
|
77
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui-react-native/tester",
|
|
82
|
+
"comment": "Bump @fluentui-react-native/experimental-expander to v0.3.27",
|
|
83
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui-react-native/tester",
|
|
88
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.38",
|
|
89
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "beachball",
|
|
93
|
+
"package": "@fluentui-react-native/tester",
|
|
94
|
+
"comment": "Bump @fluentui-react-native/experimental-shimmer to v0.6.29",
|
|
95
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"author": "beachball",
|
|
99
|
+
"package": "@fluentui-react-native/tester",
|
|
100
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.4.44",
|
|
101
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"author": "beachball",
|
|
105
|
+
"package": "@fluentui-react-native/tester",
|
|
106
|
+
"comment": "Bump @fluentui-react-native/experimental-text to v0.7.26",
|
|
107
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"author": "beachball",
|
|
111
|
+
"package": "@fluentui-react-native/tester",
|
|
112
|
+
"comment": "Bump @fluentui-react-native/framework to v0.7.26",
|
|
113
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"author": "beachball",
|
|
117
|
+
"package": "@fluentui-react-native/tester",
|
|
118
|
+
"comment": "Bump @fluentui-react-native/icon to v0.11.21",
|
|
119
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"author": "beachball",
|
|
123
|
+
"package": "@fluentui-react-native/tester",
|
|
124
|
+
"comment": "Bump @fluentui-react-native/interactive-hooks to v0.15.6",
|
|
125
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"author": "beachball",
|
|
129
|
+
"package": "@fluentui-react-native/tester",
|
|
130
|
+
"comment": "Bump @fluentui-react-native/menu to v0.5.0",
|
|
131
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"author": "beachball",
|
|
135
|
+
"package": "@fluentui-react-native/tester",
|
|
136
|
+
"comment": "Bump @fluentui-react-native/stack to v0.6.26",
|
|
137
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"author": "beachball",
|
|
141
|
+
"package": "@fluentui-react-native/tester",
|
|
142
|
+
"comment": "Bump @fluentui/react-native to v0.29.5",
|
|
143
|
+
"commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
|
|
144
|
+
}
|
|
145
|
+
]
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"date": "Wed, 04 May 2022 09:56:42 GMT",
|
|
150
|
+
"tag": "@fluentui-react-native/tester_v0.59.36",
|
|
151
|
+
"version": "0.59.36",
|
|
152
|
+
"comments": {
|
|
153
|
+
"patch": [
|
|
154
|
+
{
|
|
155
|
+
"author": "v.kozova13@gmail.com",
|
|
156
|
+
"package": "@fluentui-react-native/tester",
|
|
157
|
+
"commit": "e234b88cdff692b01168fd190678f297f5d79c89",
|
|
158
|
+
"comment": "Changed colors for the Avatar"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"author": "beachball",
|
|
162
|
+
"package": "@fluentui-react-native/tester",
|
|
163
|
+
"comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.22",
|
|
164
|
+
"commit": "e234b88cdff692b01168fd190678f297f5d79c89"
|
|
165
|
+
}
|
|
166
|
+
]
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"date": "Mon, 02 May 2022 23:05:40 GMT",
|
|
6
171
|
"tag": "@fluentui-react-native/tester_v0.59.35",
|
|
7
172
|
"version": "0.59.35",
|
|
8
173
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,56 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 05 May 2022 19:07:59 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.59.38
|
|
8
|
+
|
|
9
|
+
Thu, 05 May 2022 19:07:59 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Added Avatar to Windows platform (v.kozova13@gmail.com)
|
|
14
|
+
- Bump @fluentui-react-native/experimental-avatar to v0.14.24
|
|
15
|
+
|
|
16
|
+
## 0.59.37
|
|
17
|
+
|
|
18
|
+
Wed, 04 May 2022 21:06:04 GMT
|
|
19
|
+
|
|
20
|
+
### Patches
|
|
21
|
+
|
|
22
|
+
- Change components used in MenuTest (ruaraki@microsoft.com)
|
|
23
|
+
- Bump @fluentui-react-native/badge to v0.0.33
|
|
24
|
+
- Bump @fluentui-react-native/button to v0.22.21
|
|
25
|
+
- Bump @fluentui-react-native/experimental-activity-indicator to v0.5.25
|
|
26
|
+
- Bump @fluentui-react-native/experimental-avatar to v0.14.23
|
|
27
|
+
- Bump @fluentui-react-native/experimental-button to v0.15.22
|
|
28
|
+
- Bump @fluentui-react-native/experimental-checkbox to v0.11.4
|
|
29
|
+
- Bump @fluentui-react-native/experimental-drawer to v0.1.9
|
|
30
|
+
- Bump @fluentui-react-native/experimental-expander to v0.3.27
|
|
31
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.3.38
|
|
32
|
+
- Bump @fluentui-react-native/experimental-shimmer to v0.6.29
|
|
33
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.4.44
|
|
34
|
+
- Bump @fluentui-react-native/experimental-text to v0.7.26
|
|
35
|
+
- Bump @fluentui-react-native/framework to v0.7.26
|
|
36
|
+
- Bump @fluentui-react-native/icon to v0.11.21
|
|
37
|
+
- Bump @fluentui-react-native/interactive-hooks to v0.15.6
|
|
38
|
+
- Bump @fluentui-react-native/menu to v0.5.0
|
|
39
|
+
- Bump @fluentui-react-native/stack to v0.6.26
|
|
40
|
+
- Bump @fluentui/react-native to v0.29.5
|
|
41
|
+
|
|
42
|
+
## 0.59.36
|
|
43
|
+
|
|
44
|
+
Wed, 04 May 2022 09:56:42 GMT
|
|
45
|
+
|
|
46
|
+
### Patches
|
|
47
|
+
|
|
48
|
+
- Changed colors for the Avatar (v.kozova13@gmail.com)
|
|
49
|
+
- Bump @fluentui-react-native/experimental-avatar to v0.14.22
|
|
50
|
+
|
|
7
51
|
## 0.59.35
|
|
8
52
|
|
|
9
|
-
Mon, 02 May 2022 23:05:
|
|
53
|
+
Mon, 02 May 2022 23:05:40 GMT
|
|
10
54
|
|
|
11
55
|
### Patches
|
|
12
56
|
|
|
@@ -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;AAsCxE,eAAO,MAAM,aAAa,EAAE,iBA6E3B,CAAC"}
|
|
@@ -1,37 +1,15 @@
|
|
|
1
1
|
import { __assign, __spreadArray } from "tslib";
|
|
2
2
|
import React, { useState, useCallback } from 'react';
|
|
3
|
-
import { AvatarSizes, JSAvatar, } from '@fluentui-react-native/experimental-avatar';
|
|
3
|
+
import { AvatarSizes, AvatarColors, JSAvatar, } from '@fluentui-react-native/experimental-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';
|
|
7
7
|
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
8
8
|
import { useTheme } from '@fluentui-react-native/theme-types';
|
|
9
9
|
var avatarActive = ['unset', 'active', 'inactive'];
|
|
10
|
+
var avatarColors = __spreadArray(['neutral', 'brand', 'colorful'], AvatarColors, true);
|
|
10
11
|
var avatarActiveAppearance = ['ring', 'shadow', 'glow', 'ring-shadow', 'ring-glow'];
|
|
11
12
|
var allSizes = __spreadArray([undefinedText], AvatarSizes, true);
|
|
12
|
-
var allColors = [
|
|
13
|
-
undefinedText,
|
|
14
|
-
'cornflower',
|
|
15
|
-
'blue',
|
|
16
|
-
'royalBlue',
|
|
17
|
-
'teal',
|
|
18
|
-
'forest',
|
|
19
|
-
'darkGreen',
|
|
20
|
-
'berry',
|
|
21
|
-
'hotPink',
|
|
22
|
-
'grape',
|
|
23
|
-
'purple',
|
|
24
|
-
'pumpkin',
|
|
25
|
-
'red',
|
|
26
|
-
'burgundy',
|
|
27
|
-
'orchid',
|
|
28
|
-
'brass',
|
|
29
|
-
'darkRed',
|
|
30
|
-
'beige',
|
|
31
|
-
'platinum',
|
|
32
|
-
'steel',
|
|
33
|
-
'brown',
|
|
34
|
-
];
|
|
35
13
|
var allPresences = __spreadArray([undefinedText], PresenceBadgeStatuses, true);
|
|
36
14
|
var StyledPicker = function (props) {
|
|
37
15
|
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
|
|
@@ -40,22 +18,20 @@ var StyledPicker = function (props) {
|
|
|
40
18
|
return (React.createElement(Picker, { prompt: prompt, style: pickerStyles, selectedValue: selected, onValueChange: onChange }, collection.map(function (value, index) { return (React.createElement(Picker.Item, { label: value, key: index, value: value })); })));
|
|
41
19
|
};
|
|
42
20
|
export var StandardUsage = function () {
|
|
43
|
-
var tokens = {};
|
|
44
21
|
var _a = useState(false), isSquare = _a[0], setSquare = _a[1];
|
|
45
22
|
var _b = useState(true), showImage = _b[0], setShowImage = _b[1];
|
|
46
23
|
var _c = useState('unset'), active = _c[0], setActive = _c[1];
|
|
47
24
|
var _d = useState('ring'), activeAppearance = _d[0], setActiveAppearance = _d[1];
|
|
48
25
|
var _e = useState('size72'), imageSize = _e[0], setImageSize = _e[1];
|
|
49
|
-
var _f = useState('
|
|
50
|
-
var _g = useState('
|
|
26
|
+
var _f = useState('available'), presence = _f[0], setPresence = _f[1];
|
|
27
|
+
var _g = useState('brass'), avatarColor = _g[0], setAvatarColor = _g[1];
|
|
51
28
|
var onActiveChange = useCallback(function (value) { return setActive(value); }, []);
|
|
52
29
|
var onActiveAppearanceChange = useCallback(function (value) { return setActiveAppearance(value); }, []);
|
|
30
|
+
var onAvatarColorChange = useCallback(function (value) { return setAvatarColor(value); }, []);
|
|
53
31
|
var onSizeChange = useCallback(function (value) { return setImageSize(value); }, []);
|
|
54
|
-
var onColorChange = useCallback(function (value) { return setCoinColor(value); }, []);
|
|
55
32
|
var onPresenceChange = useCallback(function (value) { return setPresence(value); }, []);
|
|
56
33
|
var theme = useTheme();
|
|
57
34
|
var textStyles = { color: theme.colors.inputText };
|
|
58
|
-
tokens.backgroundColor = coinColor;
|
|
59
35
|
var fontBuiltInProps = {
|
|
60
36
|
fontFamily: 'Arial',
|
|
61
37
|
codepoint: 0x2663,
|
|
@@ -73,9 +49,9 @@ export var StandardUsage = function () {
|
|
|
73
49
|
React.createElement(StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
|
|
74
50
|
React.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
75
51
|
active === 'active' ? (React.createElement(StyledPicker, { prompt: "Active appearance", selected: activeAppearance, onChange: onActiveAppearanceChange, collection: avatarActiveAppearance })) : null,
|
|
76
|
-
React.createElement(StyledPicker, { prompt: "
|
|
52
|
+
React.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
77
53
|
React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
78
|
-
React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === undefinedText ? undefined : presence }, src: showImage ? satyaPhotoUrl : undefined,
|
|
79
|
-
svgIconsEnabled && (React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", icon: { fontSource: __assign({}, fontBuiltInProps), color: 'white' },
|
|
54
|
+
React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === undefinedText ? undefined : presence }, src: showImage ? satyaPhotoUrl : undefined, avatarColor: avatarColor }),
|
|
55
|
+
svgIconsEnabled && (React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", icon: { fontSource: __assign({}, fontBuiltInProps), color: 'white' }, avatarColor: avatarColor }))));
|
|
80
56
|
};
|
|
81
57
|
//# sourceMappingURL=BasicAvatar.js.map
|
|
@@ -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,EAEL,WAAW,EAEX,QAAQ,GAGT,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAuB,MAAM,8BAA8B,CAAC;AAC1F,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAc,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;
|
|
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,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,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,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAyHlC,CAAC"}
|
|
@@ -12,15 +12,13 @@ export var CustomizeUsage = function () {
|
|
|
12
12
|
var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
|
|
13
13
|
var _d = React.useState(96), size = _d[0], setSize = _d[1];
|
|
14
14
|
var _e = React.useState(24), iconSize = _e[0], setIconSize = _e[1];
|
|
15
|
-
var _f = React.useState(
|
|
16
|
-
var _g = React.useState(
|
|
17
|
-
var _h = React.useState(
|
|
18
|
-
var _j = React.useState(),
|
|
19
|
-
var _k = React.useState(),
|
|
20
|
-
var _l = React.useState(
|
|
21
|
-
var _m = React.useState(
|
|
22
|
-
var _o = React.useState(true), showRing = _o[0], setShowRing = _o[1];
|
|
23
|
-
var _p = React.useState(false), transparent = _p[0], setTransparent = _p[1];
|
|
15
|
+
var _f = React.useState(14), initialsSize = _f[0], setInitialsSize = _f[1];
|
|
16
|
+
var _g = React.useState(), horizontalAlignment = _g[0], setHorizontalAlignment = _g[1];
|
|
17
|
+
var _h = React.useState(), verticalAlignment = _h[0], setVerticalAlignment = _h[1];
|
|
18
|
+
var _j = React.useState('red'), ringColor = _j[0], setRingColor = _j[1];
|
|
19
|
+
var _k = React.useState(undefined), ringBackgroundColor = _k[0], setRingBackgroundColor = _k[1];
|
|
20
|
+
var _l = React.useState(true), showRing = _l[0], setShowRing = _l[1];
|
|
21
|
+
var _m = React.useState(false), transparent = _m[0], setTransparent = _m[1];
|
|
24
22
|
var theme = useTheme();
|
|
25
23
|
var textBoxBorderStyle = {
|
|
26
24
|
borderColor: theme.colors.inputBorder,
|
|
@@ -32,14 +30,12 @@ export var CustomizeUsage = function () {
|
|
|
32
30
|
horizontalIconAlignment: horizontalAlignment,
|
|
33
31
|
verticalIconAlignment: verticalAlignment,
|
|
34
32
|
iconSize: iconSize,
|
|
35
|
-
iconStrokeWidth: iconStrokeWidth,
|
|
36
|
-
iconStrokeColor: iconStrokeColor,
|
|
37
33
|
initialsSize: initialsSize,
|
|
38
34
|
width: size,
|
|
39
35
|
height: size,
|
|
40
36
|
};
|
|
41
37
|
return JSAvatar.customize(tokens);
|
|
42
|
-
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize,
|
|
38
|
+
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, initialsSize, size]);
|
|
43
39
|
return (React.createElement(View, { style: commonStyles.root },
|
|
44
40
|
React.createElement(View, { style: commonStyles.settings },
|
|
45
41
|
React.createElement(View, { style: commonStyles.switch },
|
|
@@ -57,9 +53,6 @@ export var CustomizeUsage = function () {
|
|
|
57
53
|
React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
58
54
|
setTextColor(e.nativeEvent.text);
|
|
59
55
|
} }),
|
|
60
|
-
React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Icon stroke color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
61
|
-
setIconStrokeColor(e.nativeEvent.text);
|
|
62
|
-
} }),
|
|
63
56
|
React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
64
57
|
setRingColor(e.nativeEvent.text);
|
|
65
58
|
} }),
|
|
@@ -72,8 +65,6 @@ export var CustomizeUsage = function () {
|
|
|
72
65
|
React.createElement(Slider, { minimum: 8, maximum: 200, initialValue: 80, style: commonStyles.vmargin, onChange: setSize }),
|
|
73
66
|
React.createElement(Text, null, "Icon size"),
|
|
74
67
|
React.createElement(Slider, { minimum: 8, maximum: 100, initialValue: 24, style: commonStyles.vmargin, onChange: setIconSize }),
|
|
75
|
-
React.createElement(Text, null, "Icon stroke width"),
|
|
76
|
-
React.createElement(Slider, { minimum: 0, maximum: 8, initialValue: 2, style: commonStyles.vmargin, onChange: setIconStrokeWidth }),
|
|
77
68
|
React.createElement(Text, null, "Font size"),
|
|
78
69
|
React.createElement(Slider, { minimum: 5, maximum: 50, initialValue: 14, style: commonStyles.vmargin, onChange: setInitialsSize })),
|
|
79
70
|
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", initials: "SB", accessibilityLabel: "Former CEO of Microsoft", badge: { status: 'blocked' }, src: showImage ? steveBallmerPhotoUrl : undefined, ring: showRing
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAiB,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,CAAC,IAAM,cAAc,GAA4B;IAC/C,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA/C,SAAS,QAAA,EAAE,YAAY,QAAwB,CAAC;IACjD,IAAA,KAA4B,KAAK,CAAC,QAAQ,EAAU,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IACrD,IAAA,KAA4B,KAAK,CAAC,QAAQ,EAAU,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IACrD,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAA3C,IAAI,QAAA,EAAE,OAAO,QAA8B,CAAC;IAC7C,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAAnD,QAAQ,QAAA,EAAE,WAAW,QAA8B,CAAC;IACrD,IAAA,
|
|
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":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuE/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
2
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
4
|
-
import { Menu, MenuItem, MenuTrigger, MenuPopover } from '@fluentui-react-native/menu';
|
|
3
|
+
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
5
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
6
5
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
7
6
|
import { stackStyle } from '../Common/styles';
|
|
@@ -13,7 +12,7 @@ var MenuDefault = function () {
|
|
|
13
12
|
React.createElement(MenuTrigger, null,
|
|
14
13
|
React.createElement(Button, null, "Test")),
|
|
15
14
|
React.createElement(MenuPopover, null,
|
|
16
|
-
React.createElement(
|
|
15
|
+
React.createElement(MenuList, null,
|
|
17
16
|
React.createElement(Text, null, "Hello world!!!"))))));
|
|
18
17
|
};
|
|
19
18
|
var Submenu = function () {
|
|
@@ -21,7 +20,7 @@ var Submenu = function () {
|
|
|
21
20
|
React.createElement(MenuTrigger, null,
|
|
22
21
|
React.createElement(MenuItem, { content: "A second MenuItem" })),
|
|
23
22
|
React.createElement(MenuPopover, null,
|
|
24
|
-
React.createElement(
|
|
23
|
+
React.createElement(MenuList, null,
|
|
25
24
|
React.createElement(Text, null, "Hello world!!!")))));
|
|
26
25
|
};
|
|
27
26
|
var MenuSubMenu = function () {
|
|
@@ -30,7 +29,7 @@ var MenuSubMenu = function () {
|
|
|
30
29
|
React.createElement(MenuTrigger, null,
|
|
31
30
|
React.createElement(Button, null, "Test")),
|
|
32
31
|
React.createElement(MenuPopover, null,
|
|
33
|
-
React.createElement(
|
|
32
|
+
React.createElement(MenuList, null,
|
|
34
33
|
React.createElement(MenuItem, { content: "A MenuItem" }),
|
|
35
34
|
React.createElement(Submenu, null))))));
|
|
36
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACjG,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI;YACH,oBAAC,WAAW;gBACV,oBAAC,MAAM,eAAc,CACT;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ;oBACP,oBAAC,IAAI,yBAAsB,CAClB,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,OAAO,GAA4B;IACvC,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,WAAW;YACV,oBAAC,QAAQ,IAAC,OAAO,EAAC,mBAAmB,GAAG,CAC5B;QACd,oBAAC,WAAW;YACV,oBAAC,QAAQ;gBACP,oBAAC,IAAI,yBAAsB,CAClB,CACC,CACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI;YACH,oBAAC,WAAW;gBACV,oBAAC,MAAM,eAAc,CACT;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ;oBACP,oBAAC,QAAQ,IAAC,OAAO,EAAC,YAAY,GAAG;oBACjC,oBAAC,OAAO,OAAG,CACF,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAA4B;IAC/C,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,oCAAoC,CAAC;IAEzD,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.windows.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"testPages.windows.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";AAmBA,eAAO,MAAM,KAAK;;;;GAsFjB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { JSAvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
|
|
1
2
|
import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
|
|
2
3
|
import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
|
|
3
4
|
import { CalloutTest, HOMEPAGE_CALLOUT_BUTTON } from './TestComponents/Callout';
|
|
@@ -21,6 +22,11 @@ export var tests = [
|
|
|
21
22
|
component: ActivityIndicatorTest,
|
|
22
23
|
testPage: HOMEPAGE_ACTIVITY_INDICATOR_BUTTON,
|
|
23
24
|
},
|
|
25
|
+
{
|
|
26
|
+
name: 'Avatar Test',
|
|
27
|
+
component: JSAvatarTest,
|
|
28
|
+
testPage: HOMEPAGE_AVATAR_BUTTON,
|
|
29
|
+
},
|
|
24
30
|
{
|
|
25
31
|
name: 'Badge Test',
|
|
26
32
|
component: BadgeTest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.windows.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"testPages.windows.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"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;AAsCxE,eAAO,MAAM,aAAa,EAAE,iBA6E3B,CAAC"}
|
|
@@ -10,31 +10,9 @@ var styles_1 = require("./../PersonaCoin/styles");
|
|
|
10
10
|
var styles_2 = require("../Common/styles");
|
|
11
11
|
var theme_types_1 = require("@fluentui-react-native/theme-types");
|
|
12
12
|
var avatarActive = ['unset', 'active', 'inactive'];
|
|
13
|
+
var avatarColors = (0, tslib_1.__spreadArray)(['neutral', 'brand', 'colorful'], experimental_avatar_1.AvatarColors, true);
|
|
13
14
|
var avatarActiveAppearance = ['ring', 'shadow', 'glow', 'ring-shadow', 'ring-glow'];
|
|
14
15
|
var allSizes = (0, tslib_1.__spreadArray)([styles_1.undefinedText], experimental_avatar_1.AvatarSizes, true);
|
|
15
|
-
var allColors = [
|
|
16
|
-
styles_1.undefinedText,
|
|
17
|
-
'cornflower',
|
|
18
|
-
'blue',
|
|
19
|
-
'royalBlue',
|
|
20
|
-
'teal',
|
|
21
|
-
'forest',
|
|
22
|
-
'darkGreen',
|
|
23
|
-
'berry',
|
|
24
|
-
'hotPink',
|
|
25
|
-
'grape',
|
|
26
|
-
'purple',
|
|
27
|
-
'pumpkin',
|
|
28
|
-
'red',
|
|
29
|
-
'burgundy',
|
|
30
|
-
'orchid',
|
|
31
|
-
'brass',
|
|
32
|
-
'darkRed',
|
|
33
|
-
'beige',
|
|
34
|
-
'platinum',
|
|
35
|
-
'steel',
|
|
36
|
-
'brown',
|
|
37
|
-
];
|
|
38
16
|
var allPresences = (0, tslib_1.__spreadArray)([styles_1.undefinedText], badge_1.PresenceBadgeStatuses, true);
|
|
39
17
|
var StyledPicker = function (props) {
|
|
40
18
|
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
|
|
@@ -43,22 +21,20 @@ var StyledPicker = function (props) {
|
|
|
43
21
|
return (react_1.default.createElement(react_native_1.Picker, { prompt: prompt, style: pickerStyles, selectedValue: selected, onValueChange: onChange }, collection.map(function (value, index) { return (react_1.default.createElement(react_native_1.Picker.Item, { label: value, key: index, value: value })); })));
|
|
44
22
|
};
|
|
45
23
|
var StandardUsage = function () {
|
|
46
|
-
var tokens = {};
|
|
47
24
|
var _a = (0, react_1.useState)(false), isSquare = _a[0], setSquare = _a[1];
|
|
48
25
|
var _b = (0, react_1.useState)(true), showImage = _b[0], setShowImage = _b[1];
|
|
49
26
|
var _c = (0, react_1.useState)('unset'), active = _c[0], setActive = _c[1];
|
|
50
27
|
var _d = (0, react_1.useState)('ring'), activeAppearance = _d[0], setActiveAppearance = _d[1];
|
|
51
28
|
var _e = (0, react_1.useState)('size72'), imageSize = _e[0], setImageSize = _e[1];
|
|
52
|
-
var _f = (0, react_1.useState)('
|
|
53
|
-
var _g = (0, react_1.useState)('
|
|
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];
|
|
54
31
|
var onActiveChange = (0, react_1.useCallback)(function (value) { return setActive(value); }, []);
|
|
55
32
|
var onActiveAppearanceChange = (0, react_1.useCallback)(function (value) { return setActiveAppearance(value); }, []);
|
|
33
|
+
var onAvatarColorChange = (0, react_1.useCallback)(function (value) { return setAvatarColor(value); }, []);
|
|
56
34
|
var onSizeChange = (0, react_1.useCallback)(function (value) { return setImageSize(value); }, []);
|
|
57
|
-
var onColorChange = (0, react_1.useCallback)(function (value) { return setCoinColor(value); }, []);
|
|
58
35
|
var onPresenceChange = (0, react_1.useCallback)(function (value) { return setPresence(value); }, []);
|
|
59
36
|
var theme = (0, theme_types_1.useTheme)();
|
|
60
37
|
var textStyles = { color: theme.colors.inputText };
|
|
61
|
-
tokens.backgroundColor = coinColor;
|
|
62
38
|
var fontBuiltInProps = {
|
|
63
39
|
fontFamily: 'Arial',
|
|
64
40
|
codepoint: 0x2663,
|
|
@@ -76,10 +52,10 @@ var StandardUsage = function () {
|
|
|
76
52
|
react_1.default.createElement(StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
|
|
77
53
|
react_1.default.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
78
54
|
active === 'active' ? (react_1.default.createElement(StyledPicker, { prompt: "Active appearance", selected: activeAppearance, onChange: onActiveAppearanceChange, collection: avatarActiveAppearance })) : null,
|
|
79
|
-
react_1.default.createElement(StyledPicker, { prompt: "
|
|
55
|
+
react_1.default.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
80
56
|
react_1.default.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
81
|
-
react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === styles_1.undefinedText ? undefined : presence }, src: showImage ? styles_1.satyaPhotoUrl : undefined,
|
|
82
|
-
svgIconsEnabled && (react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", icon: { fontSource: (0, tslib_1.__assign)({}, fontBuiltInProps), color: 'white' },
|
|
57
|
+
react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === styles_1.undefinedText ? undefined : presence }, src: showImage ? styles_1.satyaPhotoUrl : undefined, avatarColor: avatarColor }),
|
|
58
|
+
svgIconsEnabled && (react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", icon: { fontSource: (0, tslib_1.__assign)({}, fontBuiltInProps), color: 'white' }, avatarColor: avatarColor }))));
|
|
83
59
|
};
|
|
84
60
|
exports.StandardUsage = StandardUsage;
|
|
85
61
|
//# sourceMappingURL=BasicAvatar.js.map
|
|
@@ -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":"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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,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,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,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAyHlC,CAAC"}
|
|
@@ -16,15 +16,13 @@ var CustomizeUsage = function () {
|
|
|
16
16
|
var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
|
|
17
17
|
var _d = React.useState(96), size = _d[0], setSize = _d[1];
|
|
18
18
|
var _e = React.useState(24), iconSize = _e[0], setIconSize = _e[1];
|
|
19
|
-
var _f = React.useState(
|
|
20
|
-
var _g = React.useState(
|
|
21
|
-
var _h = React.useState(
|
|
22
|
-
var _j = React.useState(),
|
|
23
|
-
var _k = React.useState(),
|
|
24
|
-
var _l = React.useState(
|
|
25
|
-
var _m = React.useState(
|
|
26
|
-
var _o = React.useState(true), showRing = _o[0], setShowRing = _o[1];
|
|
27
|
-
var _p = React.useState(false), transparent = _p[0], setTransparent = _p[1];
|
|
19
|
+
var _f = React.useState(14), initialsSize = _f[0], setInitialsSize = _f[1];
|
|
20
|
+
var _g = React.useState(), horizontalAlignment = _g[0], setHorizontalAlignment = _g[1];
|
|
21
|
+
var _h = React.useState(), verticalAlignment = _h[0], setVerticalAlignment = _h[1];
|
|
22
|
+
var _j = React.useState('red'), ringColor = _j[0], setRingColor = _j[1];
|
|
23
|
+
var _k = React.useState(undefined), ringBackgroundColor = _k[0], setRingBackgroundColor = _k[1];
|
|
24
|
+
var _l = React.useState(true), showRing = _l[0], setShowRing = _l[1];
|
|
25
|
+
var _m = React.useState(false), transparent = _m[0], setTransparent = _m[1];
|
|
28
26
|
var theme = (0, theme_types_1.useTheme)();
|
|
29
27
|
var textBoxBorderStyle = {
|
|
30
28
|
borderColor: theme.colors.inputBorder,
|
|
@@ -36,14 +34,12 @@ var CustomizeUsage = function () {
|
|
|
36
34
|
horizontalIconAlignment: horizontalAlignment,
|
|
37
35
|
verticalIconAlignment: verticalAlignment,
|
|
38
36
|
iconSize: iconSize,
|
|
39
|
-
iconStrokeWidth: iconStrokeWidth,
|
|
40
|
-
iconStrokeColor: iconStrokeColor,
|
|
41
37
|
initialsSize: initialsSize,
|
|
42
38
|
width: size,
|
|
43
39
|
height: size,
|
|
44
40
|
};
|
|
45
41
|
return experimental_avatar_1.JSAvatar.customize(tokens);
|
|
46
|
-
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize,
|
|
42
|
+
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, initialsSize, size]);
|
|
47
43
|
return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
|
|
48
44
|
React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
|
|
49
45
|
React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
|
|
@@ -61,9 +57,6 @@ var CustomizeUsage = function () {
|
|
|
61
57
|
React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
62
58
|
setTextColor(e.nativeEvent.text);
|
|
63
59
|
} }),
|
|
64
|
-
React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Icon stroke color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
65
|
-
setIconStrokeColor(e.nativeEvent.text);
|
|
66
|
-
} }),
|
|
67
60
|
React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
68
61
|
setRingColor(e.nativeEvent.text);
|
|
69
62
|
} }),
|
|
@@ -76,8 +69,6 @@ var CustomizeUsage = function () {
|
|
|
76
69
|
React.createElement(Slider_1.Slider, { minimum: 8, maximum: 200, initialValue: 80, style: styles_2.commonTestStyles.vmargin, onChange: setSize }),
|
|
77
70
|
React.createElement(react_native_1.Text, null, "Icon size"),
|
|
78
71
|
React.createElement(Slider_1.Slider, { minimum: 8, maximum: 100, initialValue: 24, style: styles_2.commonTestStyles.vmargin, onChange: setIconSize }),
|
|
79
|
-
React.createElement(react_native_1.Text, null, "Icon stroke width"),
|
|
80
|
-
React.createElement(Slider_1.Slider, { minimum: 0, maximum: 8, initialValue: 2, style: styles_2.commonTestStyles.vmargin, onChange: setIconStrokeWidth }),
|
|
81
72
|
React.createElement(react_native_1.Text, null, "Font size"),
|
|
82
73
|
React.createElement(Slider_1.Slider, { minimum: 5, maximum: 50, initialValue: 14, style: styles_2.commonTestStyles.vmargin, onChange: setInitialsSize })),
|
|
83
74
|
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", initials: "SB", accessibilityLabel: "Former CEO of Microsoft", badge: { status: 'blocked' }, src: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ring: showRing
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,kFAAqF;AACrF,6CAAwE;AACxE,2CAA0C;AAC1C,kDAA+D;AAC/D,kEAA8D;AAC9D,6DAA4D;AAC5D,2CAAoE;AAE7D,IAAM,cAAc,GAA4B;IAC/C,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA/C,SAAS,QAAA,EAAE,YAAY,QAAwB,CAAC;IACjD,IAAA,KAA4B,KAAK,CAAC,QAAQ,EAAU,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IACrD,IAAA,KAA4B,KAAK,CAAC,QAAQ,EAAU,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IACrD,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAA3C,IAAI,QAAA,EAAE,OAAO,QAA8B,CAAC;IAC7C,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAAnD,QAAQ,QAAA,EAAE,WAAW,QAA8B,CAAC;IACrD,IAAA,
|
|
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":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuE/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.MenuTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
var react_native_1 = require("react-native");
|
|
7
|
-
var react_native_2 = require("@fluentui/react-native");
|
|
6
|
+
var react_native_1 = require("@fluentui/react-native");
|
|
8
7
|
var menu_1 = require("@fluentui-react-native/menu");
|
|
9
8
|
var stack_1 = require("@fluentui-react-native/stack");
|
|
10
9
|
var experimental_text_1 = require("@fluentui-react-native/experimental-text");
|
|
@@ -15,9 +14,9 @@ var MenuDefault = function () {
|
|
|
15
14
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
16
15
|
React.createElement(menu_1.Menu, null,
|
|
17
16
|
React.createElement(menu_1.MenuTrigger, null,
|
|
18
|
-
React.createElement(
|
|
17
|
+
React.createElement(react_native_1.ButtonV1, null, "Test")),
|
|
19
18
|
React.createElement(menu_1.MenuPopover, null,
|
|
20
|
-
React.createElement(
|
|
19
|
+
React.createElement(menu_1.MenuList, null,
|
|
21
20
|
React.createElement(experimental_text_1.Text, null, "Hello world!!!"))))));
|
|
22
21
|
};
|
|
23
22
|
var Submenu = function () {
|
|
@@ -25,16 +24,16 @@ var Submenu = function () {
|
|
|
25
24
|
React.createElement(menu_1.MenuTrigger, null,
|
|
26
25
|
React.createElement(menu_1.MenuItem, { content: "A second MenuItem" })),
|
|
27
26
|
React.createElement(menu_1.MenuPopover, null,
|
|
28
|
-
React.createElement(
|
|
27
|
+
React.createElement(menu_1.MenuList, null,
|
|
29
28
|
React.createElement(experimental_text_1.Text, null, "Hello world!!!")))));
|
|
30
29
|
};
|
|
31
30
|
var MenuSubMenu = function () {
|
|
32
31
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
33
32
|
React.createElement(menu_1.Menu, null,
|
|
34
33
|
React.createElement(menu_1.MenuTrigger, null,
|
|
35
|
-
React.createElement(
|
|
34
|
+
React.createElement(react_native_1.ButtonV1, null, "Test")),
|
|
36
35
|
React.createElement(menu_1.MenuPopover, null,
|
|
37
|
-
React.createElement(
|
|
36
|
+
React.createElement(menu_1.MenuList, null,
|
|
38
37
|
React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
|
|
39
38
|
React.createElement(Submenu, null))))));
|
|
40
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA4D;AAC5D,oDAAiG;AACjG,sDAAqD;AACrD,8EAAgE;AAChE,2CAA8C;AAC9C,mCAAyC;AACzC,gCAA4D;AAE5D,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,eAAc,CACT;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,wBAAI,yBAAsB,CAClB,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,OAAO,GAA4B;IACvC,OAAO,CACL,oBAAC,WAAI;QACH,oBAAC,kBAAW;YACV,oBAAC,eAAQ,IAAC,OAAO,EAAC,mBAAmB,GAAG,CAC5B;QACd,oBAAC,kBAAW;YACV,oBAAC,eAAQ;gBACP,oBAAC,wBAAI,yBAAsB,CAClB,CACC,CACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,eAAc,CACT;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,YAAY,GAAG;oBACjC,oBAAC,OAAO,OAAG,CACF,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,sBAAa;QACrB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEK,IAAM,QAAQ,GAA4B;IAC/C,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,oCAAoC,CAAC;IAEzD,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.windows.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"testPages.windows.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";AAmBA,eAAO,MAAM,KAAK;;;;GAsFjB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.tests = void 0;
|
|
4
|
+
var Avatar_1 = require("./TestComponents/Avatar");
|
|
4
5
|
var Button_1 = require("./TestComponents/Button");
|
|
5
6
|
var Badge_1 = require("./TestComponents/Badge");
|
|
6
7
|
var Callout_1 = require("./TestComponents/Callout");
|
|
@@ -24,6 +25,11 @@ exports.tests = [
|
|
|
24
25
|
component: ActivityIndicator_1.ActivityIndicatorTest,
|
|
25
26
|
testPage: ActivityIndicator_1.HOMEPAGE_ACTIVITY_INDICATOR_BUTTON,
|
|
26
27
|
},
|
|
28
|
+
{
|
|
29
|
+
name: 'Avatar Test',
|
|
30
|
+
component: Avatar_1.JSAvatarTest,
|
|
31
|
+
testPage: Avatar_1.HOMEPAGE_AVATAR_BUTTON,
|
|
32
|
+
},
|
|
27
33
|
{
|
|
28
34
|
name: 'Badge Test',
|
|
29
35
|
component: Badge_1.BadgeTest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.windows.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";;;AAAA,kDAA6E;AAC7E,gDAAmE;AACnE,oDAAgF;AAChF,sDAAmF;AACnF,2HAA2H;AAC3H,8CAAuE;AACvE,oDAAgF;AAChF,4DAA4F;AAC5F,wDAAsF;AACtF,wDAAsF;AACtF,8CAAuE;AACvE,gDAA0E;AAC1E,8CAAuE;AACvE,sEAA4G;AAC5G,kDAA2E;AAC3E,sEAA4G;AAC5G,wEAA+G;AAElG,QAAA,KAAK,GAAG;IACnB;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,yCAAqB;QAChC,QAAQ,EAAE,sDAAkC;KAC7C;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,iBAAS;QACpB,QAAQ,EAAE,sBAAc;KACzB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,eAAQ,EAAE,QAAQ,EAAE,2BAAoB,EAAE;IAC1E;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,eAAQ,EAAE,QAAQ,EAAE,2BAAoB,EAAE;IAC1E;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAS,EAAE,QAAQ,EAAE,6BAAqB,EAAE;IAC7E;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,6BAAe;QAC1B,QAAQ,EAAE,yCAA2B;KACtC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uBAAY;QACvB,QAAQ,EAAE,mCAAwB;KACnC;IACD,gEAAgE;IAChE,IAAI;IACJ,mCAAmC;IACnC,yCAAyC;IACzC,qDAAqD;IACrD,KAAK;IACL;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,kBAAS;QACpB,QAAQ,EAAE,8BAAqB;KAChC;IACD,6DAA6D;IAC7D,IAAI;IACJ,2BAA2B;IAC3B,6BAA6B;IAC7B,wCAAwC;IACxC,KAAK;CACN,CAAC"}
|
|
1
|
+
{"version":3,"file":"testPages.windows.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";;;AAAA,kDAA+E;AAC/E,kDAA6E;AAC7E,gDAAmE;AACnE,oDAAgF;AAChF,sDAAmF;AACnF,2HAA2H;AAC3H,8CAAuE;AACvE,oDAAgF;AAChF,4DAA4F;AAC5F,wDAAsF;AACtF,wDAAsF;AACtF,8CAAuE;AACvE,gDAA0E;AAC1E,8CAAuE;AACvE,sEAA4G;AAC5G,kDAA2E;AAC3E,sEAA4G;AAC5G,wEAA+G;AAElG,QAAA,KAAK,GAAG;IACnB;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,yCAAqB;QAChC,QAAQ,EAAE,sDAAkC;KAC7C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,qBAAY;QACvB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,iBAAS;QACpB,QAAQ,EAAE,sBAAc;KACzB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,eAAQ,EAAE,QAAQ,EAAE,2BAAoB,EAAE;IAC1E;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,eAAQ,EAAE,QAAQ,EAAE,2BAAoB,EAAE;IAC1E;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAS,EAAE,QAAQ,EAAE,6BAAqB,EAAE;IAC7E;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,6BAAe;QAC1B,QAAQ,EAAE,yCAA2B;KACtC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uBAAY;QACvB,QAAQ,EAAE,mCAAwB;KACnC;IACD,gEAAgE;IAChE,IAAI;IACJ,mCAAmC;IACnC,yCAAyC;IACzC,qDAAqD;IACrD,KAAK;IACL;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,kBAAS;QACpB,QAAQ,EAAE,8BAAqB;KAChC;IACD,6DAA6D;IAC7D,IAAI;IACJ,2BAA2B;IAC3B,6BAA6B;IAC7B,wCAAwC;IACxC,KAAK;CACN,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.59.
|
|
3
|
+
"version": "0.59.38",
|
|
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,31 +27,31 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/android-theme": ">=0.7.2 <1.0.0",
|
|
29
29
|
"@fluentui-react-native/apple-theme": ">=0.11.5 <1.0.0",
|
|
30
|
-
"@fluentui-react-native/badge": ">=0.0.
|
|
31
|
-
"@fluentui-react-native/button": ">=0.22.
|
|
30
|
+
"@fluentui-react-native/badge": ">=0.0.33 <1.0.0",
|
|
31
|
+
"@fluentui-react-native/button": ">=0.22.21 <1.0.0",
|
|
32
32
|
"@fluentui-react-native/default-theme": ">=0.10.3 <1.0.0",
|
|
33
|
-
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.
|
|
34
|
-
"@fluentui-react-native/experimental-avatar": ">=0.14.
|
|
35
|
-
"@fluentui-react-native/experimental-button": "0.15.
|
|
36
|
-
"@fluentui-react-native/experimental-checkbox": "0.11.
|
|
37
|
-
"@fluentui-react-native/experimental-drawer": ">=0.1.
|
|
33
|
+
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.25 <1.0.0",
|
|
34
|
+
"@fluentui-react-native/experimental-avatar": ">=0.14.24 <1.0.0",
|
|
35
|
+
"@fluentui-react-native/experimental-button": "0.15.22",
|
|
36
|
+
"@fluentui-react-native/experimental-checkbox": "0.11.4",
|
|
37
|
+
"@fluentui-react-native/experimental-drawer": ">=0.1.9 <1.0.0",
|
|
38
38
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.4.2 <1.0.0",
|
|
39
|
-
"@fluentui-react-native/experimental-expander": "0.3.
|
|
40
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.3.
|
|
41
|
-
"@fluentui-react-native/experimental-shimmer": "0.6.
|
|
42
|
-
"@fluentui-react-native/experimental-tabs": "0.4.
|
|
43
|
-
"@fluentui-react-native/experimental-text": ">=0.7.
|
|
44
|
-
"@fluentui-react-native/framework": ">=0.7.
|
|
45
|
-
"@fluentui-react-native/icon": "0.11.
|
|
46
|
-
"@fluentui-react-native/interactive-hooks": ">=0.15.
|
|
47
|
-
"@fluentui-react-native/menu": ">=0.
|
|
48
|
-
"@fluentui-react-native/stack": ">=0.6.
|
|
39
|
+
"@fluentui-react-native/experimental-expander": "0.3.27",
|
|
40
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.3.38 <1.0.0",
|
|
41
|
+
"@fluentui-react-native/experimental-shimmer": "0.6.29",
|
|
42
|
+
"@fluentui-react-native/experimental-tabs": "0.4.44",
|
|
43
|
+
"@fluentui-react-native/experimental-text": ">=0.7.26 <1.0.0",
|
|
44
|
+
"@fluentui-react-native/framework": ">=0.7.26 <1.0.0",
|
|
45
|
+
"@fluentui-react-native/icon": "0.11.21",
|
|
46
|
+
"@fluentui-react-native/interactive-hooks": ">=0.15.6 <1.0.0",
|
|
47
|
+
"@fluentui-react-native/menu": ">=0.5.0 <1.0.0",
|
|
48
|
+
"@fluentui-react-native/stack": ">=0.6.26 <1.0.0",
|
|
49
49
|
"@fluentui-react-native/theme": ">=0.6.8 <1.0.0",
|
|
50
50
|
"@fluentui-react-native/theme-types": ">=0.14.3 <1.0.0",
|
|
51
51
|
"@fluentui-react-native/themed-stylesheet": "^1.3.3",
|
|
52
52
|
"@fluentui-react-native/theming-utils": ">=0.10.2 <1.0.0",
|
|
53
53
|
"@fluentui-react-native/win32-theme": ">=0.16.4 <1.0.0",
|
|
54
|
-
"@fluentui/react-native": ">=0.29.
|
|
54
|
+
"@fluentui/react-native": ">=0.29.5 <1.0.0",
|
|
55
55
|
"@react-native-community/slider": "^4.2.0",
|
|
56
56
|
"@react-native-menu/menu": "^0.1.2",
|
|
57
57
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -3,6 +3,7 @@ import {
|
|
|
3
3
|
AvatarSize,
|
|
4
4
|
AvatarSizes,
|
|
5
5
|
AvatarColor,
|
|
6
|
+
AvatarColors,
|
|
6
7
|
JSAvatar,
|
|
7
8
|
AvatarActive,
|
|
8
9
|
AvatarActiveAppearance,
|
|
@@ -12,39 +13,14 @@ import { Switch, View, Text, Picker, ColorValue, Platform } from 'react-native';
|
|
|
12
13
|
import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
|
|
13
14
|
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
14
15
|
import { useTheme } from '@fluentui-react-native/theme-types';
|
|
15
|
-
import { JSAvatarTokens } from '@fluentui-react-native/experimental-avatar';
|
|
16
16
|
|
|
17
17
|
type WithUndefined<T> = T | typeof undefinedText;
|
|
18
18
|
|
|
19
19
|
const avatarActive: AvatarActive[] = ['unset', 'active', 'inactive'];
|
|
20
|
+
const avatarColors: AvatarColor[] = ['neutral', 'brand', 'colorful', ...AvatarColors];
|
|
20
21
|
const avatarActiveAppearance: AvatarActiveAppearance[] = ['ring', 'shadow', 'glow', 'ring-shadow', 'ring-glow'];
|
|
21
22
|
|
|
22
23
|
const allSizes: WithUndefined<AvatarSize>[] = [undefinedText, ...AvatarSizes];
|
|
23
|
-
|
|
24
|
-
const allColors: WithUndefined<AvatarColor>[] = [
|
|
25
|
-
undefinedText,
|
|
26
|
-
'cornflower',
|
|
27
|
-
'blue',
|
|
28
|
-
'royalBlue',
|
|
29
|
-
'teal',
|
|
30
|
-
'forest',
|
|
31
|
-
'darkGreen',
|
|
32
|
-
'berry',
|
|
33
|
-
'hotPink',
|
|
34
|
-
'grape',
|
|
35
|
-
'purple',
|
|
36
|
-
'pumpkin',
|
|
37
|
-
'red',
|
|
38
|
-
'burgundy',
|
|
39
|
-
'orchid',
|
|
40
|
-
'brass',
|
|
41
|
-
'darkRed',
|
|
42
|
-
'beige',
|
|
43
|
-
'platinum',
|
|
44
|
-
'steel',
|
|
45
|
-
'brown',
|
|
46
|
-
];
|
|
47
|
-
|
|
48
24
|
const allPresences: WithUndefined<PresenceBadgeStatus>[] = [undefinedText, ...PresenceBadgeStatuses];
|
|
49
25
|
|
|
50
26
|
const StyledPicker = (props) => {
|
|
@@ -61,26 +37,24 @@ const StyledPicker = (props) => {
|
|
|
61
37
|
};
|
|
62
38
|
|
|
63
39
|
export const StandardUsage: FunctionComponent = () => {
|
|
64
|
-
const tokens: JSAvatarTokens = {};
|
|
65
40
|
const [isSquare, setSquare] = useState(false);
|
|
66
41
|
const [showImage, setShowImage] = useState(true);
|
|
67
42
|
const [active, setActive] = useState<AvatarActive>('unset');
|
|
68
43
|
const [activeAppearance, setActiveAppearance] = useState<AvatarActiveAppearance>('ring');
|
|
69
44
|
const [imageSize, setImageSize] = useState<WithUndefined<AvatarSize>>('size72');
|
|
70
|
-
const [coinColor, setCoinColor] = useState<WithUndefined<AvatarColor>>('brass');
|
|
71
45
|
const [presence, setPresence] = useState<WithUndefined<PresenceBadgeStatus>>('available');
|
|
46
|
+
const [avatarColor, setAvatarColor] = useState<AvatarColor>('brass');
|
|
72
47
|
|
|
73
48
|
const onActiveChange = useCallback((value) => setActive(value), []);
|
|
74
49
|
const onActiveAppearanceChange = useCallback((value) => setActiveAppearance(value), []);
|
|
50
|
+
const onAvatarColorChange = useCallback((value) => setAvatarColor(value), []);
|
|
75
51
|
const onSizeChange = useCallback((value) => setImageSize(value), []);
|
|
76
|
-
|
|
52
|
+
|
|
77
53
|
const onPresenceChange = useCallback((value) => setPresence(value), []);
|
|
78
54
|
|
|
79
55
|
const theme = useTheme();
|
|
80
56
|
const textStyles = { color: theme.colors.inputText as ColorValue };
|
|
81
57
|
|
|
82
|
-
tokens.backgroundColor = coinColor;
|
|
83
|
-
|
|
84
58
|
const fontBuiltInProps = {
|
|
85
59
|
fontFamily: 'Arial',
|
|
86
60
|
codepoint: 0x2663,
|
|
@@ -111,7 +85,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
111
85
|
collection={avatarActiveAppearance}
|
|
112
86
|
/>
|
|
113
87
|
) : null}
|
|
114
|
-
<StyledPicker prompt="
|
|
88
|
+
<StyledPicker prompt="Avatar Color" selected={avatarColor} onChange={onAvatarColorChange} collection={avatarColors} />
|
|
115
89
|
<StyledPicker prompt="Presence status" selected={presence} onChange={onPresenceChange} collection={allPresences} />
|
|
116
90
|
</View>
|
|
117
91
|
|
|
@@ -124,7 +98,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
124
98
|
accessibilityLabel="Photo of Satya Nadella"
|
|
125
99
|
badge={{ status: presence === undefinedText ? undefined : presence }}
|
|
126
100
|
src={showImage ? satyaPhotoUrl : undefined}
|
|
127
|
-
|
|
101
|
+
avatarColor={avatarColor}
|
|
128
102
|
/>
|
|
129
103
|
{svgIconsEnabled && (
|
|
130
104
|
<JSAvatar
|
|
@@ -134,7 +108,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
134
108
|
shape={isSquare ? 'square' : 'circular'}
|
|
135
109
|
accessibilityLabel="Icon"
|
|
136
110
|
icon={{ fontSource: { ...fontBuiltInProps }, color: 'white' }}
|
|
137
|
-
|
|
111
|
+
avatarColor={avatarColor}
|
|
138
112
|
/>
|
|
139
113
|
)}
|
|
140
114
|
</View>
|
|
@@ -13,8 +13,6 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
13
13
|
const [textColor, setTextColor] = React.useState<string>();
|
|
14
14
|
const [size, setSize] = React.useState<number>(96);
|
|
15
15
|
const [iconSize, setIconSize] = React.useState<number>(24);
|
|
16
|
-
const [iconStrokeWidth, setIconStrokeWidth] = React.useState<number>(2);
|
|
17
|
-
const [iconStrokeColor, setIconStrokeColor] = React.useState<string>(undefined);
|
|
18
16
|
const [initialsSize, setInitialsSize] = React.useState<number>(14);
|
|
19
17
|
const [horizontalAlignment, setHorizontalAlignment] = React.useState<IconAlignment>();
|
|
20
18
|
const [verticalAlignment, setVerticalAlignment] = React.useState<IconAlignment>();
|
|
@@ -36,14 +34,12 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
36
34
|
horizontalIconAlignment: horizontalAlignment,
|
|
37
35
|
verticalIconAlignment: verticalAlignment,
|
|
38
36
|
iconSize: iconSize,
|
|
39
|
-
iconStrokeWidth: iconStrokeWidth,
|
|
40
|
-
iconStrokeColor: iconStrokeColor,
|
|
41
37
|
initialsSize: initialsSize,
|
|
42
38
|
width: size,
|
|
43
39
|
height: size,
|
|
44
40
|
};
|
|
45
41
|
return JSAvatar.customize(tokens);
|
|
46
|
-
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize,
|
|
42
|
+
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, initialsSize, size]);
|
|
47
43
|
|
|
48
44
|
return (
|
|
49
45
|
<View style={commonStyles.root}>
|
|
@@ -79,14 +75,6 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
79
75
|
setTextColor(e.nativeEvent.text);
|
|
80
76
|
}}
|
|
81
77
|
/>
|
|
82
|
-
<TextInput
|
|
83
|
-
style={[commonStyles.textBox, textBoxBorderStyle]}
|
|
84
|
-
placeholder="Icon stroke color"
|
|
85
|
-
blurOnSubmit={true}
|
|
86
|
-
onSubmitEditing={(e) => {
|
|
87
|
-
setIconStrokeColor(e.nativeEvent.text);
|
|
88
|
-
}}
|
|
89
|
-
/>
|
|
90
78
|
|
|
91
79
|
<TextInput
|
|
92
80
|
style={[commonStyles.textBox, textBoxBorderStyle]}
|
|
@@ -115,9 +103,6 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
115
103
|
<Text>Icon size</Text>
|
|
116
104
|
<Slider minimum={8} maximum={100} initialValue={24} style={commonStyles.vmargin} onChange={setIconSize} />
|
|
117
105
|
|
|
118
|
-
<Text>Icon stroke width</Text>
|
|
119
|
-
<Slider minimum={0} maximum={8} initialValue={2} style={commonStyles.vmargin} onChange={setIconStrokeWidth} />
|
|
120
|
-
|
|
121
106
|
<Text>Font size</Text>
|
|
122
107
|
<Slider minimum={5} maximum={50} initialValue={14} style={commonStyles.vmargin} onChange={setInitialsSize} />
|
|
123
108
|
</View>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
2
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
4
|
-
import { Menu, MenuItem, MenuTrigger, MenuPopover } from '@fluentui-react-native/menu';
|
|
3
|
+
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
5
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
6
5
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
7
6
|
import { stackStyle } from '../Common/styles';
|
|
@@ -16,9 +15,9 @@ const MenuDefault: React.FunctionComponent = () => {
|
|
|
16
15
|
<Button>Test</Button>
|
|
17
16
|
</MenuTrigger>
|
|
18
17
|
<MenuPopover>
|
|
19
|
-
<
|
|
18
|
+
<MenuList>
|
|
20
19
|
<Text>Hello world!!!</Text>
|
|
21
|
-
</
|
|
20
|
+
</MenuList>
|
|
22
21
|
</MenuPopover>
|
|
23
22
|
</Menu>
|
|
24
23
|
</Stack>
|
|
@@ -32,9 +31,9 @@ const Submenu: React.FunctionComponent = () => {
|
|
|
32
31
|
<MenuItem content="A second MenuItem" />
|
|
33
32
|
</MenuTrigger>
|
|
34
33
|
<MenuPopover>
|
|
35
|
-
<
|
|
34
|
+
<MenuList>
|
|
36
35
|
<Text>Hello world!!!</Text>
|
|
37
|
-
</
|
|
36
|
+
</MenuList>
|
|
38
37
|
</MenuPopover>
|
|
39
38
|
</Menu>
|
|
40
39
|
);
|
|
@@ -48,10 +47,10 @@ const MenuSubMenu: React.FunctionComponent = () => {
|
|
|
48
47
|
<Button>Test</Button>
|
|
49
48
|
</MenuTrigger>
|
|
50
49
|
<MenuPopover>
|
|
51
|
-
<
|
|
50
|
+
<MenuList>
|
|
52
51
|
<MenuItem content="A MenuItem" />
|
|
53
52
|
<Submenu />
|
|
54
|
-
</
|
|
53
|
+
</MenuList>
|
|
55
54
|
</MenuPopover>
|
|
56
55
|
</Menu>
|
|
57
56
|
</Stack>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { JSAvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
|
|
1
2
|
import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
|
|
2
3
|
import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
|
|
3
4
|
import { CalloutTest, HOMEPAGE_CALLOUT_BUTTON } from './TestComponents/Callout';
|
|
@@ -22,6 +23,11 @@ export const tests = [
|
|
|
22
23
|
component: ActivityIndicatorTest,
|
|
23
24
|
testPage: HOMEPAGE_ACTIVITY_INDICATOR_BUTTON,
|
|
24
25
|
},
|
|
26
|
+
{
|
|
27
|
+
name: 'Avatar Test',
|
|
28
|
+
component: JSAvatarTest,
|
|
29
|
+
testPage: HOMEPAGE_AVATAR_BUTTON,
|
|
30
|
+
},
|
|
25
31
|
{
|
|
26
32
|
name: 'Badge Test',
|
|
27
33
|
component: BadgeTest,
|