@fluentui-react-native/tester 0.62.3 → 0.62.6
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 +65 -2
- package/CHANGELOG.md +29 -2
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js +2 -2
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +63 -40
- 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 +5 -3
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +77 -54
- 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 +5 -3
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/package.json +3 -3
- package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx +2 -1
- package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx +110 -76
- package/src/FluentTester/TestComponents/Menu/MenuTest.tsx +5 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,70 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 02 Jun 2022 09:23:08 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.62.6",
|
|
7
|
+
"version": "0.62.6",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "v.kozova13@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "246105f999eb8e2592029e4ed34291ffec603c60",
|
|
14
|
+
"comment": "Added font customization, fixed neutral, colorful and brand colors"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.35",
|
|
20
|
+
"commit": "246105f999eb8e2592029e4ed34291ffec603c60"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Wed, 01 Jun 2022 18:18:40 GMT",
|
|
27
|
+
"tag": "@fluentui-react-native/tester_v0.62.5",
|
|
28
|
+
"version": "0.62.5",
|
|
29
|
+
"comments": {
|
|
30
|
+
"patch": [
|
|
31
|
+
{
|
|
32
|
+
"author": "ruaraki@microsoft.com",
|
|
33
|
+
"package": "@fluentui-react-native/tester",
|
|
34
|
+
"commit": "7c7b95a0c0697315aefdbb1a849e0017dcfc63c2",
|
|
35
|
+
"comment": "Create a normal example of a menu"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"author": "beachball",
|
|
39
|
+
"package": "@fluentui-react-native/tester",
|
|
40
|
+
"comment": "Bump @fluentui-react-native/menu to v0.13.0",
|
|
41
|
+
"commit": "7db4e834c3801fb475ea02757b78051bf78cf11e"
|
|
42
|
+
}
|
|
43
|
+
]
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"date": "Wed, 01 Jun 2022 00:08:47 GMT",
|
|
48
|
+
"tag": "@fluentui-react-native/tester_v0.62.4",
|
|
49
|
+
"version": "0.62.4",
|
|
50
|
+
"comments": {
|
|
51
|
+
"patch": [
|
|
52
|
+
{
|
|
53
|
+
"author": "ruaraki@microsoft.com",
|
|
54
|
+
"package": "@fluentui-react-native/tester",
|
|
55
|
+
"commit": "d8e53b094ad51baa4c0ef7761345c2711f433914",
|
|
56
|
+
"comment": "Create a normal example of a menu"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui-react-native/tester",
|
|
61
|
+
"comment": "Bump @fluentui-react-native/menu to v0.12.0",
|
|
62
|
+
"commit": "5594a5195c640250cda3791efcdde8f6a7169518"
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"date": "Tue, 31 May 2022 20:37:12 GMT",
|
|
6
69
|
"tag": "@fluentui-react-native/tester_v0.62.3",
|
|
7
70
|
"version": "0.62.3",
|
|
8
71
|
"comments": {
|
|
@@ -11,7 +74,7 @@
|
|
|
11
74
|
"author": "beachball",
|
|
12
75
|
"package": "@fluentui-react-native/tester",
|
|
13
76
|
"comment": "Bump @fluentui-react-native/experimental-expander to v0.3.32",
|
|
14
|
-
"commit": "
|
|
77
|
+
"commit": "d8e53b094ad51baa4c0ef7761345c2711f433914"
|
|
15
78
|
}
|
|
16
79
|
]
|
|
17
80
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,39 @@
|
|
|
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, 02 Jun 2022 09:23:08 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.62.6
|
|
8
|
+
|
|
9
|
+
Thu, 02 Jun 2022 09:23:08 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Added font customization, fixed neutral, colorful and brand colors (v.kozova13@gmail.com)
|
|
14
|
+
- Bump @fluentui-react-native/experimental-avatar to v0.14.35
|
|
15
|
+
|
|
16
|
+
## 0.62.5
|
|
17
|
+
|
|
18
|
+
Wed, 01 Jun 2022 18:18:40 GMT
|
|
19
|
+
|
|
20
|
+
### Patches
|
|
21
|
+
|
|
22
|
+
- Create a normal example of a menu (ruaraki@microsoft.com)
|
|
23
|
+
- Bump @fluentui-react-native/menu to v0.13.0
|
|
24
|
+
|
|
25
|
+
## 0.62.4
|
|
26
|
+
|
|
27
|
+
Wed, 01 Jun 2022 00:08:47 GMT
|
|
28
|
+
|
|
29
|
+
### Patches
|
|
30
|
+
|
|
31
|
+
- Create a normal example of a menu (ruaraki@microsoft.com)
|
|
32
|
+
- Bump @fluentui-react-native/menu to v0.12.0
|
|
33
|
+
|
|
7
34
|
## 0.62.3
|
|
8
35
|
|
|
9
|
-
Tue, 31 May 2022 20:
|
|
36
|
+
Tue, 31 May 2022 20:37:12 GMT
|
|
10
37
|
|
|
11
38
|
### Patches
|
|
12
39
|
|
|
@@ -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;AAwCxE,eAAO,MAAM,aAAa,EAAE,
|
|
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;AAwCxE,eAAO,MAAM,aAAa,EAAE,iBA2G3B,CAAC"}
|
|
@@ -57,13 +57,13 @@ export var StandardUsage = function () {
|
|
|
57
57
|
active === 'active' ? (React.createElement(StyledPicker, { prompt: "Active appearance", selected: activeAppearance, onChange: onActiveAppearanceChange, collection: avatarActiveAppearance })) : null,
|
|
58
58
|
React.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
59
59
|
React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
60
|
-
React.createElement(JSAvatar,
|
|
60
|
+
React.createElement(JSAvatar, { name: "Richard", avatarColor: "colorful" }),
|
|
61
61
|
React.createElement(JSAvatar, { icon: { fontSource: __assign(__assign({}, fontBuiltInProps), { fontSize: 32 }), color: 'red' }, size: 56 }),
|
|
62
62
|
React.createElement(JSAvatar, { icon: { fontSource: __assign({}, fontBuiltInProps), color: 'white' }, size: 120 }),
|
|
63
63
|
React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, name: "Satya Nadella", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === undefinedText ? undefined : presence }, src: showImage ? satyaPhotoUrl : undefined, avatarColor: avatarColor }),
|
|
64
64
|
React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", name: "* Richard Faynman *", icon: { fontSource: __assign({}, fontBuiltInProps), color: 'white' }, avatarColor: avatarColor }),
|
|
65
65
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
66
66
|
React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: iconProps, avatarColor: avatarColor }),
|
|
67
|
-
React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: { svgSource: svgProps, width: 20, height: 20 }, avatarColor: avatarColor })))));
|
|
67
|
+
React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: { svgSource: svgProps, width: 20, height: 20 }, avatarColor: avatarColor, idForColor: "15" })))));
|
|
68
68
|
};
|
|
69
69
|
//# sourceMappingURL=BasicAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"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
|
|
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,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAwKlC,CAAC"}
|
|
@@ -1,36 +1,52 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useMemo } from 'react';
|
|
2
2
|
import { JSAvatar } from '@fluentui-react-native/experimental-avatar';
|
|
3
3
|
import { Switch, View, Text, TextInput } from 'react-native';
|
|
4
4
|
import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
|
|
5
5
|
import { AlignmentPicker } from '../Common/AlignmentPicker';
|
|
6
6
|
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
7
7
|
export var CustomizeUsage = function () {
|
|
8
|
-
var _a =
|
|
9
|
-
var _b =
|
|
10
|
-
var _c =
|
|
11
|
-
var _d =
|
|
12
|
-
var _e =
|
|
13
|
-
var _f =
|
|
14
|
-
var _g =
|
|
15
|
-
var _h =
|
|
16
|
-
var _j =
|
|
17
|
-
var _k =
|
|
18
|
-
var _l =
|
|
19
|
-
var _m =
|
|
20
|
-
var
|
|
8
|
+
var _a = useState(true), showImage = _a[0], setShowImage = _a[1];
|
|
9
|
+
var _b = useState(), coinColor = _b[0], setCoinColor = _b[1];
|
|
10
|
+
var _c = useState(), textColor = _c[0], setTextColor = _c[1];
|
|
11
|
+
var _d = useState('96'), size = _d[0], setSize = _d[1];
|
|
12
|
+
var _e = useState(24), iconSize = _e[0], setIconSize = _e[1];
|
|
13
|
+
var _f = useState(16), initialsSize = _f[0], setInitialsSize = _f[1];
|
|
14
|
+
var _g = useState('normal'), fontWeight = _g[0], setFontWeight = _g[1];
|
|
15
|
+
var _h = useState('Georgia'), fontFamily = _h[0], setFontFamily = _h[1];
|
|
16
|
+
var _j = useState(), horizontalAlignment = _j[0], setHorizontalAlignment = _j[1];
|
|
17
|
+
var _k = useState(), verticalAlignment = _k[0], setVerticalAlignment = _k[1];
|
|
18
|
+
var _l = useState('red'), ringColor = _l[0], setRingColor = _l[1];
|
|
19
|
+
var _m = useState(undefined), ringBackgroundColor = _m[0], setRingBackgroundColor = _m[1];
|
|
20
|
+
var _o = useState(true), showRing = _o[0], setShowRing = _o[1];
|
|
21
|
+
var _p = useState(false), transparent = _p[0], setTransparent = _p[1];
|
|
22
|
+
var CustomizedAvatar = useMemo(function () {
|
|
21
23
|
var tokens = {
|
|
22
24
|
backgroundColor: coinColor,
|
|
23
25
|
color: textColor,
|
|
24
26
|
horizontalIconAlignment: horizontalAlignment,
|
|
25
27
|
verticalIconAlignment: verticalAlignment,
|
|
26
28
|
iconSize: iconSize,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
+
fontSize: initialsSize,
|
|
30
|
+
fontWeight: fontWeight,
|
|
31
|
+
fontFamily: fontFamily,
|
|
32
|
+
size: parseInt(size),
|
|
29
33
|
ringColor: ringColor,
|
|
30
34
|
ringBackgroundColor: ringBackgroundColor,
|
|
31
35
|
};
|
|
32
36
|
return JSAvatar.customize(tokens);
|
|
33
|
-
}, [
|
|
37
|
+
}, [
|
|
38
|
+
coinColor,
|
|
39
|
+
textColor,
|
|
40
|
+
horizontalAlignment,
|
|
41
|
+
verticalAlignment,
|
|
42
|
+
iconSize,
|
|
43
|
+
initialsSize,
|
|
44
|
+
size,
|
|
45
|
+
ringColor,
|
|
46
|
+
ringBackgroundColor,
|
|
47
|
+
fontWeight,
|
|
48
|
+
fontFamily,
|
|
49
|
+
]);
|
|
34
50
|
return (React.createElement(View, { style: commonStyles.root },
|
|
35
51
|
React.createElement(View, { style: commonStyles.settings },
|
|
36
52
|
React.createElement(View, { style: commonStyles.switch },
|
|
@@ -42,32 +58,39 @@ export var CustomizeUsage = function () {
|
|
|
42
58
|
React.createElement(View, { style: commonStyles.switch },
|
|
43
59
|
React.createElement(Text, null, "Transparent Ring"),
|
|
44
60
|
React.createElement(Switch, { value: transparent, onValueChange: setTransparent })),
|
|
45
|
-
React.createElement(
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
61
|
+
React.createElement(View, null,
|
|
62
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
63
|
+
setCoinColor(e.nativeEvent.text);
|
|
64
|
+
} }),
|
|
65
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
66
|
+
setRingColor(e.nativeEvent.text);
|
|
67
|
+
} }),
|
|
68
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Avatar size", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
69
|
+
setSize(e.nativeEvent.text);
|
|
70
|
+
} }),
|
|
71
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Icon size", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
72
|
+
setIconSize(parseInt(e.nativeEvent.text));
|
|
73
|
+
} }),
|
|
74
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Ring background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
75
|
+
setRingBackgroundColor(e.nativeEvent.text);
|
|
76
|
+
} }),
|
|
77
|
+
React.createElement(Text, { style: { fontWeight: 'bold' } }, "Font tokens"),
|
|
78
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
79
|
+
setTextColor(e.nativeEvent.text);
|
|
80
|
+
} }),
|
|
81
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Initials size", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
82
|
+
setInitialsSize(parseInt(e.nativeEvent.text));
|
|
83
|
+
} }),
|
|
84
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Font weight", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
85
|
+
setFontWeight(e.nativeEvent.text);
|
|
86
|
+
} }),
|
|
87
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Font family", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
88
|
+
setFontFamily(e.nativeEvent.text);
|
|
89
|
+
} })),
|
|
67
90
|
React.createElement(Text, null, "These features will be available later"),
|
|
68
91
|
React.createElement(AlignmentPicker, { style: commonStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
|
|
69
92
|
React.createElement(AlignmentPicker, { style: commonStyles.header, label: "Vertical icon alignment", onSelectionChange: setVerticalAlignment })),
|
|
70
|
-
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", initials: "SB", accessibilityLabel: "Former CEO of Microsoft",
|
|
93
|
+
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: "colorful", initials: "SB", accessibilityLabel: "Former CEO of Microsoft", src: showImage ? steveBallmerPhotoUrl : undefined, ring: showRing
|
|
71
94
|
? {
|
|
72
95
|
ringThickness: 4,
|
|
73
96
|
innerGap: 4,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
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;AAuM/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -2,7 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
3
3
|
import { Menu, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuTrigger, MenuPopover, MenuList, MenuDivider, } from '@fluentui-react-native/menu';
|
|
4
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
5
|
-
import { Text } from '@fluentui-react-native/experimental-text';
|
|
6
5
|
import { stackStyle } from '../Common/styles';
|
|
7
6
|
import { MENU_TESTPAGE } from './consts';
|
|
8
7
|
import { Test } from '../Test';
|
|
@@ -13,7 +12,9 @@ var MenuDefault = function () {
|
|
|
13
12
|
React.createElement(Button, null, "Test")),
|
|
14
13
|
React.createElement(MenuPopover, null,
|
|
15
14
|
React.createElement(MenuList, null,
|
|
16
|
-
React.createElement(
|
|
15
|
+
React.createElement(MenuItem, { content: "A plain MenuItem" }),
|
|
16
|
+
React.createElement(MenuItem, { disabled: true, content: "A second disabled plain MenuItem" }),
|
|
17
|
+
React.createElement(MenuItem, { content: "A third plain MenuItem" }))))));
|
|
17
18
|
};
|
|
18
19
|
var MenuCheckmarks = function () {
|
|
19
20
|
return (React.createElement(Stack, { style: stackStyle },
|
|
@@ -32,7 +33,8 @@ var MenuCheckmarks = function () {
|
|
|
32
33
|
React.createElement(MenuList, null,
|
|
33
34
|
React.createElement(MenuItem, { content: "A plain MenuItem" }),
|
|
34
35
|
React.createElement(MenuItemCheckbox, { name: "itemTwo", content: "A MenuItem with checkmark" }),
|
|
35
|
-
React.createElement(MenuItemCheckbox, { name: "itemThree", content: "A MenuItem with checkmark" })
|
|
36
|
+
React.createElement(MenuItemCheckbox, { disabled: true, name: "itemThree", content: "A disabled MenuItem with checkmark" }),
|
|
37
|
+
React.createElement(MenuItemCheckbox, { name: "itemFour", content: "A MenuItem with checkmark" })))),
|
|
36
38
|
React.createElement(Menu, null,
|
|
37
39
|
React.createElement(MenuTrigger, null,
|
|
38
40
|
React.createElement(Button, null, "Some checkmark items without alignment")),
|
|
@@ -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,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.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;AAwCxE,eAAO,MAAM,aAAa,EAAE,
|
|
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;AAwCxE,eAAO,MAAM,aAAa,EAAE,iBA2G3B,CAAC"}
|
|
@@ -60,14 +60,14 @@ var StandardUsage = function () {
|
|
|
60
60
|
active === 'active' ? (react_1.default.createElement(StyledPicker, { prompt: "Active appearance", selected: activeAppearance, onChange: onActiveAppearanceChange, collection: avatarActiveAppearance })) : null,
|
|
61
61
|
react_1.default.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
62
62
|
react_1.default.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
63
|
-
react_1.default.createElement(experimental_avatar_1.JSAvatar,
|
|
63
|
+
react_1.default.createElement(experimental_avatar_1.JSAvatar, { name: "Richard", avatarColor: "colorful" }),
|
|
64
64
|
react_1.default.createElement(experimental_avatar_1.JSAvatar, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: 'red' }, size: 56 }),
|
|
65
65
|
react_1.default.createElement(experimental_avatar_1.JSAvatar, { icon: { fontSource: (0, tslib_1.__assign)({}, fontBuiltInProps), color: 'white' }, size: 120 }),
|
|
66
66
|
react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, name: "Satya Nadella", 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 }),
|
|
67
67
|
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", name: "* Richard Faynman *", icon: { fontSource: (0, tslib_1.__assign)({}, fontBuiltInProps), color: 'white' }, avatarColor: avatarColor }),
|
|
68
68
|
svgIconsEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
69
69
|
react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: iconProps, avatarColor: avatarColor }),
|
|
70
|
-
react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: { svgSource: svgProps, width: 20, height: 20 }, avatarColor: avatarColor })))));
|
|
70
|
+
react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: { svgSource: svgProps, width: 20, height: 20 }, avatarColor: avatarColor, idForColor: "15" })))));
|
|
71
71
|
};
|
|
72
72
|
exports.StandardUsage = StandardUsage;
|
|
73
73
|
//# sourceMappingURL=BasicAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"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
|
|
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,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAwKlC,CAAC"}
|
|
@@ -2,76 +2,99 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.CustomizeUsage = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var
|
|
5
|
+
var react_1 = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var experimental_avatar_1 = require("@fluentui-react-native/experimental-avatar");
|
|
7
7
|
var react_native_1 = require("react-native");
|
|
8
8
|
var styles_1 = require("./../PersonaCoin/styles");
|
|
9
9
|
var AlignmentPicker_1 = require("../Common/AlignmentPicker");
|
|
10
10
|
var styles_2 = require("../Common/styles");
|
|
11
11
|
var CustomizeUsage = function () {
|
|
12
|
-
var _a =
|
|
13
|
-
var _b =
|
|
14
|
-
var _c =
|
|
15
|
-
var _d =
|
|
16
|
-
var _e =
|
|
17
|
-
var _f =
|
|
18
|
-
var _g =
|
|
19
|
-
var _h =
|
|
20
|
-
var _j =
|
|
21
|
-
var _k =
|
|
22
|
-
var _l =
|
|
23
|
-
var _m =
|
|
24
|
-
var
|
|
12
|
+
var _a = (0, react_1.useState)(true), showImage = _a[0], setShowImage = _a[1];
|
|
13
|
+
var _b = (0, react_1.useState)(), coinColor = _b[0], setCoinColor = _b[1];
|
|
14
|
+
var _c = (0, react_1.useState)(), textColor = _c[0], setTextColor = _c[1];
|
|
15
|
+
var _d = (0, react_1.useState)('96'), size = _d[0], setSize = _d[1];
|
|
16
|
+
var _e = (0, react_1.useState)(24), iconSize = _e[0], setIconSize = _e[1];
|
|
17
|
+
var _f = (0, react_1.useState)(16), initialsSize = _f[0], setInitialsSize = _f[1];
|
|
18
|
+
var _g = (0, react_1.useState)('normal'), fontWeight = _g[0], setFontWeight = _g[1];
|
|
19
|
+
var _h = (0, react_1.useState)('Georgia'), fontFamily = _h[0], setFontFamily = _h[1];
|
|
20
|
+
var _j = (0, react_1.useState)(), horizontalAlignment = _j[0], setHorizontalAlignment = _j[1];
|
|
21
|
+
var _k = (0, react_1.useState)(), verticalAlignment = _k[0], setVerticalAlignment = _k[1];
|
|
22
|
+
var _l = (0, react_1.useState)('red'), ringColor = _l[0], setRingColor = _l[1];
|
|
23
|
+
var _m = (0, react_1.useState)(undefined), ringBackgroundColor = _m[0], setRingBackgroundColor = _m[1];
|
|
24
|
+
var _o = (0, react_1.useState)(true), showRing = _o[0], setShowRing = _o[1];
|
|
25
|
+
var _p = (0, react_1.useState)(false), transparent = _p[0], setTransparent = _p[1];
|
|
26
|
+
var CustomizedAvatar = (0, react_1.useMemo)(function () {
|
|
25
27
|
var tokens = {
|
|
26
28
|
backgroundColor: coinColor,
|
|
27
29
|
color: textColor,
|
|
28
30
|
horizontalIconAlignment: horizontalAlignment,
|
|
29
31
|
verticalIconAlignment: verticalAlignment,
|
|
30
32
|
iconSize: iconSize,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
fontSize: initialsSize,
|
|
34
|
+
fontWeight: fontWeight,
|
|
35
|
+
fontFamily: fontFamily,
|
|
36
|
+
size: parseInt(size),
|
|
33
37
|
ringColor: ringColor,
|
|
34
38
|
ringBackgroundColor: ringBackgroundColor,
|
|
35
39
|
};
|
|
36
40
|
return experimental_avatar_1.JSAvatar.customize(tokens);
|
|
37
|
-
}, [
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
41
|
+
}, [
|
|
42
|
+
coinColor,
|
|
43
|
+
textColor,
|
|
44
|
+
horizontalAlignment,
|
|
45
|
+
verticalAlignment,
|
|
46
|
+
iconSize,
|
|
47
|
+
initialsSize,
|
|
48
|
+
size,
|
|
49
|
+
ringColor,
|
|
50
|
+
ringBackgroundColor,
|
|
51
|
+
fontWeight,
|
|
52
|
+
fontFamily,
|
|
53
|
+
]);
|
|
54
|
+
return (react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
|
|
55
|
+
react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
|
|
56
|
+
react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
|
|
57
|
+
react_1.default.createElement(react_native_1.Text, null, "Show image"),
|
|
58
|
+
react_1.default.createElement(react_native_1.Switch, { value: showImage, onValueChange: setShowImage })),
|
|
59
|
+
react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
|
|
60
|
+
react_1.default.createElement(react_native_1.Text, null, "Show rings"),
|
|
61
|
+
react_1.default.createElement(react_native_1.Switch, { value: showRing, onValueChange: setShowRing })),
|
|
62
|
+
react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
|
|
63
|
+
react_1.default.createElement(react_native_1.Text, null, "Transparent Ring"),
|
|
64
|
+
react_1.default.createElement(react_native_1.Switch, { value: transparent, onValueChange: setTransparent })),
|
|
65
|
+
react_1.default.createElement(react_native_1.View, null,
|
|
66
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
67
|
+
setCoinColor(e.nativeEvent.text);
|
|
68
|
+
} }),
|
|
69
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
70
|
+
setRingColor(e.nativeEvent.text);
|
|
71
|
+
} }),
|
|
72
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Avatar size", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
73
|
+
setSize(e.nativeEvent.text);
|
|
74
|
+
} }),
|
|
75
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Icon size", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
76
|
+
setIconSize(parseInt(e.nativeEvent.text));
|
|
77
|
+
} }),
|
|
78
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Ring background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
79
|
+
setRingBackgroundColor(e.nativeEvent.text);
|
|
80
|
+
} }),
|
|
81
|
+
react_1.default.createElement(react_native_1.Text, { style: { fontWeight: 'bold' } }, "Font tokens"),
|
|
82
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
83
|
+
setTextColor(e.nativeEvent.text);
|
|
84
|
+
} }),
|
|
85
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Initials size", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
86
|
+
setInitialsSize(parseInt(e.nativeEvent.text));
|
|
87
|
+
} }),
|
|
88
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Font weight", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
89
|
+
setFontWeight(e.nativeEvent.text);
|
|
90
|
+
} }),
|
|
91
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Font family", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
92
|
+
setFontFamily(e.nativeEvent.text);
|
|
93
|
+
} })),
|
|
94
|
+
react_1.default.createElement(react_native_1.Text, null, "These features will be available later"),
|
|
95
|
+
react_1.default.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
|
|
96
|
+
react_1.default.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Vertical icon alignment", onSelectionChange: setVerticalAlignment })),
|
|
97
|
+
react_1.default.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: "colorful", initials: "SB", accessibilityLabel: "Former CEO of Microsoft", src: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ring: showRing
|
|
75
98
|
? {
|
|
76
99
|
ringThickness: 4,
|
|
77
100
|
innerGap: 4,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
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;AAuM/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -6,7 +6,6 @@ var React = (0, tslib_1.__importStar)(require("react"));
|
|
|
6
6
|
var react_native_1 = require("@fluentui/react-native");
|
|
7
7
|
var menu_1 = require("@fluentui-react-native/menu");
|
|
8
8
|
var stack_1 = require("@fluentui-react-native/stack");
|
|
9
|
-
var experimental_text_1 = require("@fluentui-react-native/experimental-text");
|
|
10
9
|
var styles_1 = require("../Common/styles");
|
|
11
10
|
var consts_1 = require("./consts");
|
|
12
11
|
var Test_1 = require("../Test");
|
|
@@ -17,7 +16,9 @@ var MenuDefault = function () {
|
|
|
17
16
|
React.createElement(react_native_1.ButtonV1, null, "Test")),
|
|
18
17
|
React.createElement(menu_1.MenuPopover, null,
|
|
19
18
|
React.createElement(menu_1.MenuList, null,
|
|
20
|
-
React.createElement(
|
|
19
|
+
React.createElement(menu_1.MenuItem, { content: "A plain MenuItem" }),
|
|
20
|
+
React.createElement(menu_1.MenuItem, { disabled: true, content: "A second disabled plain MenuItem" }),
|
|
21
|
+
React.createElement(menu_1.MenuItem, { content: "A third plain MenuItem" }))))));
|
|
21
22
|
};
|
|
22
23
|
var MenuCheckmarks = function () {
|
|
23
24
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
@@ -36,7 +37,8 @@ var MenuCheckmarks = function () {
|
|
|
36
37
|
React.createElement(menu_1.MenuList, null,
|
|
37
38
|
React.createElement(menu_1.MenuItem, { content: "A plain MenuItem" }),
|
|
38
39
|
React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo", content: "A MenuItem with checkmark" }),
|
|
39
|
-
React.createElement(menu_1.MenuItemCheckbox, { name: "itemThree", content: "A MenuItem with checkmark" })
|
|
40
|
+
React.createElement(menu_1.MenuItemCheckbox, { disabled: true, name: "itemThree", content: "A disabled MenuItem with checkmark" }),
|
|
41
|
+
React.createElement(menu_1.MenuItemCheckbox, { name: "itemFour", content: "A MenuItem with checkmark" })))),
|
|
40
42
|
React.createElement(menu_1.Menu, null,
|
|
41
43
|
React.createElement(menu_1.MenuTrigger, null,
|
|
42
44
|
React.createElement(react_native_1.ButtonV1, null, "Some checkmark items without alignment")),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA4D;AAC5D,oDASqC;AACrC,sDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.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.62.
|
|
3
|
+
"version": "0.62.6",
|
|
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>",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@fluentui-react-native/button": ">=0.22.26 <1.0.0",
|
|
32
32
|
"@fluentui-react-native/default-theme": ">=0.13.0 <1.0.0",
|
|
33
33
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.29 <1.0.0",
|
|
34
|
-
"@fluentui-react-native/experimental-avatar": ">=0.14.
|
|
34
|
+
"@fluentui-react-native/experimental-avatar": ">=0.14.35 <1.0.0",
|
|
35
35
|
"@fluentui-react-native/experimental-button": "0.15.27",
|
|
36
36
|
"@fluentui-react-native/experimental-checkbox": "0.11.9",
|
|
37
37
|
"@fluentui-react-native/experimental-drawer": ">=0.1.13 <1.0.0",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@fluentui-react-native/framework": ">=0.7.30 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/icon": "0.12.0",
|
|
46
46
|
"@fluentui-react-native/interactive-hooks": ">=0.16.1 <1.0.0",
|
|
47
|
-
"@fluentui-react-native/menu": ">=0.
|
|
47
|
+
"@fluentui-react-native/menu": ">=0.13.0 <1.0.0",
|
|
48
48
|
"@fluentui-react-native/stack": ">=0.6.29 <1.0.0",
|
|
49
49
|
"@fluentui-react-native/theme": ">=0.6.11 <1.0.0",
|
|
50
50
|
"@fluentui-react-native/theme-types": ">=0.17.0 <1.0.0",
|
|
@@ -96,7 +96,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
96
96
|
<StyledPicker prompt="Avatar Color" selected={avatarColor} onChange={onAvatarColorChange} collection={avatarColors} />
|
|
97
97
|
<StyledPicker prompt="Presence status" selected={presence} onChange={onPresenceChange} collection={allPresences} />
|
|
98
98
|
</View>
|
|
99
|
-
<JSAvatar />
|
|
99
|
+
<JSAvatar name="Richard" avatarColor="colorful" />
|
|
100
100
|
<JSAvatar icon={{ fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: 'red' }} size={56} />
|
|
101
101
|
<JSAvatar icon={{ fontSource: { ...fontBuiltInProps }, color: 'white' }} size={120} />
|
|
102
102
|
<JSAvatar
|
|
@@ -139,6 +139,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
139
139
|
accessibilityLabel="SVG Icon"
|
|
140
140
|
icon={{ svgSource: svgProps, width: 20, height: 20 }}
|
|
141
141
|
avatarColor={avatarColor}
|
|
142
|
+
idForColor="15"
|
|
142
143
|
/>
|
|
143
144
|
</>
|
|
144
145
|
)}
|
|
@@ -1,39 +1,56 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useMemo } from 'react';
|
|
2
2
|
import { JSAvatar, IconAlignment, AvatarSize } from '@fluentui-react-native/experimental-avatar';
|
|
3
3
|
import { Switch, View, Text, TextInput } from 'react-native';
|
|
4
4
|
import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
|
|
5
5
|
import { AlignmentPicker } from '../Common/AlignmentPicker';
|
|
6
6
|
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
7
|
+
import { FontWeight } from '@fluentui-react-native/theme-types';
|
|
7
8
|
|
|
8
9
|
export const CustomizeUsage: React.FunctionComponent = () => {
|
|
9
|
-
const [showImage, setShowImage] =
|
|
10
|
-
const [coinColor, setCoinColor] =
|
|
11
|
-
const [textColor, setTextColor] =
|
|
12
|
-
const [size, setSize] =
|
|
13
|
-
const [iconSize, setIconSize] =
|
|
14
|
-
const [initialsSize, setInitialsSize] =
|
|
15
|
-
const [
|
|
16
|
-
const [
|
|
10
|
+
const [showImage, setShowImage] = useState(true);
|
|
11
|
+
const [coinColor, setCoinColor] = useState<string>();
|
|
12
|
+
const [textColor, setTextColor] = useState<string>();
|
|
13
|
+
const [size, setSize] = useState<string>('96');
|
|
14
|
+
const [iconSize, setIconSize] = useState<number>(24);
|
|
15
|
+
const [initialsSize, setInitialsSize] = useState<number>(16);
|
|
16
|
+
const [fontWeight, setFontWeight] = useState<string>('normal');
|
|
17
|
+
const [fontFamily, setFontFamily] = useState<string>('Georgia');
|
|
18
|
+
const [horizontalAlignment, setHorizontalAlignment] = useState<IconAlignment>();
|
|
19
|
+
const [verticalAlignment, setVerticalAlignment] = useState<IconAlignment>();
|
|
17
20
|
|
|
18
|
-
const [ringColor, setRingColor] =
|
|
19
|
-
const [ringBackgroundColor, setRingBackgroundColor] =
|
|
20
|
-
const [showRing, setShowRing] =
|
|
21
|
-
const [transparent, setTransparent] =
|
|
21
|
+
const [ringColor, setRingColor] = useState<string>('red');
|
|
22
|
+
const [ringBackgroundColor, setRingBackgroundColor] = useState<string>(undefined);
|
|
23
|
+
const [showRing, setShowRing] = useState<boolean>(true);
|
|
24
|
+
const [transparent, setTransparent] = useState<boolean>(false);
|
|
22
25
|
|
|
23
|
-
const CustomizedAvatar =
|
|
26
|
+
const CustomizedAvatar = useMemo(() => {
|
|
24
27
|
const tokens = {
|
|
25
28
|
backgroundColor: coinColor,
|
|
26
29
|
color: textColor,
|
|
27
30
|
horizontalIconAlignment: horizontalAlignment,
|
|
28
31
|
verticalIconAlignment: verticalAlignment,
|
|
29
32
|
iconSize: iconSize,
|
|
30
|
-
|
|
31
|
-
|
|
33
|
+
fontSize: initialsSize,
|
|
34
|
+
fontWeight: fontWeight as FontWeight,
|
|
35
|
+
fontFamily,
|
|
36
|
+
size: parseInt(size) as AvatarSize,
|
|
32
37
|
ringColor,
|
|
33
38
|
ringBackgroundColor,
|
|
34
39
|
};
|
|
35
40
|
return JSAvatar.customize(tokens);
|
|
36
|
-
}, [
|
|
41
|
+
}, [
|
|
42
|
+
coinColor,
|
|
43
|
+
textColor,
|
|
44
|
+
horizontalAlignment,
|
|
45
|
+
verticalAlignment,
|
|
46
|
+
iconSize,
|
|
47
|
+
initialsSize,
|
|
48
|
+
size,
|
|
49
|
+
ringColor,
|
|
50
|
+
ringBackgroundColor,
|
|
51
|
+
fontWeight,
|
|
52
|
+
fontFamily,
|
|
53
|
+
]);
|
|
37
54
|
|
|
38
55
|
return (
|
|
39
56
|
<View style={commonStyles.root}>
|
|
@@ -53,68 +70,85 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
53
70
|
<Switch value={transparent} onValueChange={setTransparent} />
|
|
54
71
|
</View>
|
|
55
72
|
|
|
56
|
-
<
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
style={[commonStyles.textBox]}
|
|
66
|
-
placeholder="Initials text color"
|
|
67
|
-
blurOnSubmit={true}
|
|
68
|
-
onSubmitEditing={(e) => {
|
|
69
|
-
setTextColor(e.nativeEvent.text);
|
|
70
|
-
}}
|
|
71
|
-
/>
|
|
73
|
+
<View>
|
|
74
|
+
<TextInput
|
|
75
|
+
style={[commonStyles.textBox]}
|
|
76
|
+
placeholder="Background color"
|
|
77
|
+
blurOnSubmit={true}
|
|
78
|
+
onSubmitEditing={(e) => {
|
|
79
|
+
setCoinColor(e.nativeEvent.text);
|
|
80
|
+
}}
|
|
81
|
+
/>
|
|
72
82
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
83
|
+
<TextInput
|
|
84
|
+
style={[commonStyles.textBox]}
|
|
85
|
+
placeholder="Ring color"
|
|
86
|
+
blurOnSubmit={true}
|
|
87
|
+
onSubmitEditing={(e) => {
|
|
88
|
+
setRingColor(e.nativeEvent.text);
|
|
89
|
+
}}
|
|
90
|
+
/>
|
|
81
91
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
/>
|
|
92
|
+
<TextInput
|
|
93
|
+
style={[commonStyles.textBox]}
|
|
94
|
+
placeholder="Avatar size"
|
|
95
|
+
blurOnSubmit={true}
|
|
96
|
+
onSubmitEditing={(e) => {
|
|
97
|
+
setSize(e.nativeEvent.text);
|
|
98
|
+
}}
|
|
99
|
+
/>
|
|
91
100
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
101
|
+
<TextInput
|
|
102
|
+
style={[commonStyles.textBox]}
|
|
103
|
+
placeholder="Icon size"
|
|
104
|
+
blurOnSubmit={true}
|
|
105
|
+
onSubmitEditing={(e) => {
|
|
106
|
+
setIconSize(parseInt(e.nativeEvent.text));
|
|
107
|
+
}}
|
|
108
|
+
/>
|
|
100
109
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
110
|
+
<TextInput
|
|
111
|
+
style={[commonStyles.textBox]}
|
|
112
|
+
placeholder="Ring background color"
|
|
113
|
+
blurOnSubmit={true}
|
|
114
|
+
onSubmitEditing={(e) => {
|
|
115
|
+
setRingBackgroundColor(e.nativeEvent.text);
|
|
116
|
+
}}
|
|
117
|
+
/>
|
|
118
|
+
<Text style={{ fontWeight: 'bold' }}>Font tokens</Text>
|
|
119
|
+
<TextInput
|
|
120
|
+
style={[commonStyles.textBox]}
|
|
121
|
+
placeholder="Initials text color"
|
|
122
|
+
blurOnSubmit={true}
|
|
123
|
+
onSubmitEditing={(e) => {
|
|
124
|
+
setTextColor(e.nativeEvent.text);
|
|
125
|
+
}}
|
|
126
|
+
/>
|
|
127
|
+
<TextInput
|
|
128
|
+
style={[commonStyles.textBox]}
|
|
129
|
+
placeholder="Initials size"
|
|
130
|
+
blurOnSubmit={true}
|
|
131
|
+
onSubmitEditing={(e) => {
|
|
132
|
+
setInitialsSize(parseInt(e.nativeEvent.text));
|
|
133
|
+
}}
|
|
134
|
+
/>
|
|
135
|
+
<TextInput
|
|
136
|
+
style={[commonStyles.textBox]}
|
|
137
|
+
placeholder="Font weight"
|
|
138
|
+
blurOnSubmit={true}
|
|
139
|
+
onSubmitEditing={(e) => {
|
|
140
|
+
setFontWeight(e.nativeEvent.text);
|
|
141
|
+
}}
|
|
142
|
+
/>
|
|
143
|
+
<TextInput
|
|
144
|
+
style={[commonStyles.textBox]}
|
|
145
|
+
placeholder="Font family"
|
|
146
|
+
blurOnSubmit={true}
|
|
147
|
+
onSubmitEditing={(e) => {
|
|
148
|
+
setFontFamily(e.nativeEvent.text);
|
|
149
|
+
}}
|
|
150
|
+
/>
|
|
151
|
+
</View>
|
|
118
152
|
|
|
119
153
|
<Text>These features will be available later</Text>
|
|
120
154
|
<AlignmentPicker style={commonStyles.header} label="Horizontal icon alignment" onSelectionChange={setHorizontalAlignment} />
|
|
@@ -124,9 +158,9 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
124
158
|
<CustomizedAvatar
|
|
125
159
|
active="active"
|
|
126
160
|
activeAppearance="ring"
|
|
161
|
+
avatarColor="colorful"
|
|
127
162
|
initials="SB"
|
|
128
163
|
accessibilityLabel="Former CEO of Microsoft"
|
|
129
|
-
badge={{ status: 'blocked' }}
|
|
130
164
|
src={showImage ? steveBallmerPhotoUrl : undefined}
|
|
131
165
|
ring={
|
|
132
166
|
showRing
|
|
@@ -11,7 +11,6 @@ import {
|
|
|
11
11
|
MenuDivider,
|
|
12
12
|
} from '@fluentui-react-native/menu';
|
|
13
13
|
import { Stack } from '@fluentui-react-native/stack';
|
|
14
|
-
import { Text } from '@fluentui-react-native/experimental-text';
|
|
15
14
|
import { stackStyle } from '../Common/styles';
|
|
16
15
|
import { MENU_TESTPAGE } from './consts';
|
|
17
16
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
@@ -25,7 +24,9 @@ const MenuDefault: React.FunctionComponent = () => {
|
|
|
25
24
|
</MenuTrigger>
|
|
26
25
|
<MenuPopover>
|
|
27
26
|
<MenuList>
|
|
28
|
-
<
|
|
27
|
+
<MenuItem content="A plain MenuItem" />
|
|
28
|
+
<MenuItem disabled content="A second disabled plain MenuItem" />
|
|
29
|
+
<MenuItem content="A third plain MenuItem" />
|
|
29
30
|
</MenuList>
|
|
30
31
|
</MenuPopover>
|
|
31
32
|
</Menu>
|
|
@@ -56,7 +57,8 @@ const MenuCheckmarks: React.FunctionComponent = () => {
|
|
|
56
57
|
<MenuList>
|
|
57
58
|
<MenuItem content="A plain MenuItem" />
|
|
58
59
|
<MenuItemCheckbox name="itemTwo" content="A MenuItem with checkmark" />
|
|
59
|
-
<MenuItemCheckbox name="itemThree" content="A MenuItem with checkmark" />
|
|
60
|
+
<MenuItemCheckbox disabled name="itemThree" content="A disabled MenuItem with checkmark" />
|
|
61
|
+
<MenuItemCheckbox name="itemFour" content="A MenuItem with checkmark" />
|
|
60
62
|
</MenuList>
|
|
61
63
|
</MenuPopover>
|
|
62
64
|
</Menu>
|