@fluentui-react-native/tester 0.59.31 → 0.59.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +28 -1
- package/CHANGELOG.md +12 -2
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js +9 -2
- 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 +5 -14
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js +8 -1
- 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 +5 -14
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/package.json +3 -3
- package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx +20 -1
- package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx +5 -14
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,34 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Fri, 29 Apr 2022
|
|
5
|
+
"date": "Fri, 29 Apr 2022 21:54:04 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.59.32",
|
|
7
|
+
"version": "0.59.32",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "v.kozova13@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "aa5abb9b11a1e8c07b7c3b2d67d010543af60d4a",
|
|
14
|
+
"comment": "Added sizes to the Avatar"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/badge to v0.0.32",
|
|
20
|
+
"commit": "aa5abb9b11a1e8c07b7c3b2d67d010543af60d4a"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.19",
|
|
26
|
+
"commit": "aa5abb9b11a1e8c07b7c3b2d67d010543af60d4a"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Fri, 29 Apr 2022 01:39:17 GMT",
|
|
6
33
|
"tag": "@fluentui-react-native/tester_v0.59.31",
|
|
7
34
|
"version": "0.59.31",
|
|
8
35
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri, 29 Apr 2022
|
|
3
|
+
This log was last generated on Fri, 29 Apr 2022 21:54:04 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.59.32
|
|
8
|
+
|
|
9
|
+
Fri, 29 Apr 2022 21:54:04 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Added sizes to the Avatar (v.kozova13@gmail.com)
|
|
14
|
+
- Bump @fluentui-react-native/badge to v0.0.32
|
|
15
|
+
- Bump @fluentui-react-native/experimental-avatar to v0.14.19
|
|
16
|
+
|
|
7
17
|
## 0.59.31
|
|
8
18
|
|
|
9
|
-
Fri, 29 Apr 2022 01:39:
|
|
19
|
+
Fri, 29 Apr 2022 01:39:17 GMT
|
|
10
20
|
|
|
11
21
|
### Patches
|
|
12
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA8DxE,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;AA8DxE,eAAO,MAAM,aAAa,EAAE,iBA+E3B,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { __assign, __spreadArray } from "tslib";
|
|
|
2
2
|
import React, { useState, useCallback } from 'react';
|
|
3
3
|
import { AvatarSizes, JSAvatar, } from '@fluentui-react-native/experimental-avatar';
|
|
4
4
|
import { PresenceBadgeStatuses } from '@fluentui-react-native/badge';
|
|
5
|
-
import { Switch, View, Text, Picker } from 'react-native';
|
|
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';
|
|
@@ -56,6 +56,12 @@ export var StandardUsage = function () {
|
|
|
56
56
|
var theme = useTheme();
|
|
57
57
|
var textStyles = { color: theme.colors.inputText };
|
|
58
58
|
tokens.backgroundColor = coinColor;
|
|
59
|
+
var fontBuiltInProps = {
|
|
60
|
+
fontFamily: 'Arial',
|
|
61
|
+
codepoint: 0x2663,
|
|
62
|
+
fontSize: 40,
|
|
63
|
+
};
|
|
64
|
+
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
|
|
59
65
|
return (React.createElement(View, { style: commonStyles.root },
|
|
60
66
|
React.createElement(View, { style: commonStyles.settings },
|
|
61
67
|
React.createElement(View, { style: commonStyles.switch },
|
|
@@ -69,6 +75,7 @@ export var StandardUsage = function () {
|
|
|
69
75
|
active === 'active' ? (React.createElement(StyledPicker, { prompt: "Active appearance", selected: activeAppearance, onChange: onActiveAppearanceChange, collection: avatarActiveAppearance })) : null,
|
|
70
76
|
React.createElement(StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
|
|
71
77
|
React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
72
|
-
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, coinColorFluent: coinColor === undefinedText ? undefined : coinColor })
|
|
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, coinColorFluent: coinColor === undefinedText ? undefined : coinColor }),
|
|
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' }, coinColorFluent: coinColor === undefinedText ? undefined : coinColor }))));
|
|
73
80
|
};
|
|
74
81
|
//# 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,MAAM,cAAc,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,iBAwIlC,CAAC"}
|
|
@@ -10,7 +10,7 @@ export var CustomizeUsage = function () {
|
|
|
10
10
|
var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
|
|
11
11
|
var _b = React.useState(), coinColor = _b[0], setCoinColor = _b[1];
|
|
12
12
|
var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
|
|
13
|
-
var _d = React.useState(96),
|
|
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
15
|
var _f = React.useState(2), iconStrokeWidth = _f[0], setIconStrokeWidth = _f[1];
|
|
16
16
|
var _g = React.useState(undefined), iconStrokeColor = _g[0], setIconStrokeColor = _g[1];
|
|
@@ -35,20 +35,11 @@ export var CustomizeUsage = function () {
|
|
|
35
35
|
iconStrokeWidth: iconStrokeWidth,
|
|
36
36
|
iconStrokeColor: iconStrokeColor,
|
|
37
37
|
initialsSize: initialsSize,
|
|
38
|
-
|
|
38
|
+
width: size,
|
|
39
|
+
height: size,
|
|
39
40
|
};
|
|
40
41
|
return JSAvatar.customize(tokens);
|
|
41
|
-
}, [
|
|
42
|
-
coinColor,
|
|
43
|
-
textColor,
|
|
44
|
-
horizontalAlignment,
|
|
45
|
-
verticalAlignment,
|
|
46
|
-
iconSize,
|
|
47
|
-
iconStrokeWidth,
|
|
48
|
-
iconStrokeColor,
|
|
49
|
-
initialsSize,
|
|
50
|
-
physicalSize,
|
|
51
|
-
]);
|
|
42
|
+
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, iconStrokeWidth, iconStrokeColor, initialsSize, size]);
|
|
52
43
|
return (React.createElement(View, { style: commonStyles.root },
|
|
53
44
|
React.createElement(View, { style: commonStyles.settings },
|
|
54
45
|
React.createElement(View, { style: commonStyles.switch },
|
|
@@ -78,7 +69,7 @@ export var CustomizeUsage = function () {
|
|
|
78
69
|
React.createElement(AlignmentPicker, { style: commonStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
|
|
79
70
|
React.createElement(AlignmentPicker, { style: commonStyles.header, label: "Vertical icon alignment", onSelectionChange: setVerticalAlignment }),
|
|
80
71
|
React.createElement(Text, null, "Coin size"),
|
|
81
|
-
React.createElement(Slider, { minimum: 8, maximum: 200, initialValue: 80, style: commonStyles.vmargin, onChange:
|
|
72
|
+
React.createElement(Slider, { minimum: 8, maximum: 200, initialValue: 80, style: commonStyles.vmargin, onChange: setSize }),
|
|
82
73
|
React.createElement(Text, null, "Icon size"),
|
|
83
74
|
React.createElement(Slider, { minimum: 8, maximum: 100, initialValue: 24, style: commonStyles.vmargin, onChange: setIconSize }),
|
|
84
75
|
React.createElement(Text, null, "Icon stroke width"),
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA8DxE,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;AA8DxE,eAAO,MAAM,aAAa,EAAE,iBA+E3B,CAAC"}
|
|
@@ -59,6 +59,12 @@ var StandardUsage = function () {
|
|
|
59
59
|
var theme = (0, theme_types_1.useTheme)();
|
|
60
60
|
var textStyles = { color: theme.colors.inputText };
|
|
61
61
|
tokens.backgroundColor = coinColor;
|
|
62
|
+
var fontBuiltInProps = {
|
|
63
|
+
fontFamily: 'Arial',
|
|
64
|
+
codepoint: 0x2663,
|
|
65
|
+
fontSize: 40,
|
|
66
|
+
};
|
|
67
|
+
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
|
|
62
68
|
return (react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
|
|
63
69
|
react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
|
|
64
70
|
react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
|
|
@@ -72,7 +78,8 @@ var StandardUsage = function () {
|
|
|
72
78
|
active === 'active' ? (react_1.default.createElement(StyledPicker, { prompt: "Active appearance", selected: activeAppearance, onChange: onActiveAppearanceChange, collection: avatarActiveAppearance })) : null,
|
|
73
79
|
react_1.default.createElement(StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
|
|
74
80
|
react_1.default.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
75
|
-
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, coinColorFluent: coinColor === styles_1.undefinedText ? undefined : coinColor })
|
|
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, coinColorFluent: coinColor === styles_1.undefinedText ? undefined : coinColor }),
|
|
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' }, coinColorFluent: coinColor === styles_1.undefinedText ? undefined : coinColor }))));
|
|
76
83
|
};
|
|
77
84
|
exports.StandardUsage = StandardUsage;
|
|
78
85
|
//# 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,kFAOoD;AACpD,sDAA0F;AAC1F,
|
|
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,iBAwIlC,CAAC"}
|
|
@@ -14,7 +14,7 @@ var CustomizeUsage = function () {
|
|
|
14
14
|
var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
|
|
15
15
|
var _b = React.useState(), coinColor = _b[0], setCoinColor = _b[1];
|
|
16
16
|
var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
|
|
17
|
-
var _d = React.useState(96),
|
|
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
19
|
var _f = React.useState(2), iconStrokeWidth = _f[0], setIconStrokeWidth = _f[1];
|
|
20
20
|
var _g = React.useState(undefined), iconStrokeColor = _g[0], setIconStrokeColor = _g[1];
|
|
@@ -39,20 +39,11 @@ var CustomizeUsage = function () {
|
|
|
39
39
|
iconStrokeWidth: iconStrokeWidth,
|
|
40
40
|
iconStrokeColor: iconStrokeColor,
|
|
41
41
|
initialsSize: initialsSize,
|
|
42
|
-
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
43
44
|
};
|
|
44
45
|
return experimental_avatar_1.JSAvatar.customize(tokens);
|
|
45
|
-
}, [
|
|
46
|
-
coinColor,
|
|
47
|
-
textColor,
|
|
48
|
-
horizontalAlignment,
|
|
49
|
-
verticalAlignment,
|
|
50
|
-
iconSize,
|
|
51
|
-
iconStrokeWidth,
|
|
52
|
-
iconStrokeColor,
|
|
53
|
-
initialsSize,
|
|
54
|
-
physicalSize,
|
|
55
|
-
]);
|
|
46
|
+
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, iconStrokeWidth, iconStrokeColor, initialsSize, size]);
|
|
56
47
|
return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
|
|
57
48
|
React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
|
|
58
49
|
React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
|
|
@@ -82,7 +73,7 @@ var CustomizeUsage = function () {
|
|
|
82
73
|
React.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
|
|
83
74
|
React.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Vertical icon alignment", onSelectionChange: setVerticalAlignment }),
|
|
84
75
|
React.createElement(react_native_1.Text, null, "Coin size"),
|
|
85
|
-
React.createElement(Slider_1.Slider, { minimum: 8, maximum: 200, initialValue: 80, style: styles_2.commonTestStyles.vmargin, onChange:
|
|
76
|
+
React.createElement(Slider_1.Slider, { minimum: 8, maximum: 200, initialValue: 80, style: styles_2.commonTestStyles.vmargin, onChange: setSize }),
|
|
86
77
|
React.createElement(react_native_1.Text, null, "Icon size"),
|
|
87
78
|
React.createElement(Slider_1.Slider, { minimum: 8, maximum: 100, initialValue: 24, style: styles_2.commonTestStyles.vmargin, onChange: setIconSize }),
|
|
88
79
|
React.createElement(react_native_1.Text, null, "Icon stroke width"),
|
|
@@ -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,
|
|
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,KAAwC,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAAhE,eAAe,QAAA,EAAE,kBAAkB,QAA6B,CAAC;IAClE,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAS,SAAS,CAAC,EAAxE,eAAe,QAAA,EAAE,kBAAkB,QAAqC,CAAC;IAC1E,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAA3D,YAAY,QAAA,EAAE,eAAe,QAA8B,CAAC;IAC7D,IAAA,KAAgD,KAAK,CAAC,QAAQ,EAAiB,EAA9E,mBAAmB,QAAA,EAAE,sBAAsB,QAAmC,CAAC;IAChF,IAAA,KAA4C,KAAK,CAAC,QAAQ,EAAiB,EAA1E,iBAAiB,QAAA,EAAE,oBAAoB,QAAmC,CAAC;IAE5E,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAS,KAAK,CAAC,EAAxD,SAAS,QAAA,EAAE,YAAY,QAAiC,CAAC;IAC1D,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAS,SAAS,CAAC,EAAhF,mBAAmB,QAAA,EAAE,sBAAsB,QAAqC,CAAC;IAClF,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,EAAtD,QAAQ,QAAA,EAAE,WAAW,QAAiC,CAAC;IACxD,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IAErE,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,kBAAkB,GAAc;QACpC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;KACtC,CAAC;IAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC;QACrC,IAAM,MAAM,GAAG;YACb,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;YAChB,uBAAuB,EAAE,mBAAmB;YAC5C,qBAAqB,EAAE,iBAAiB;YACxC,QAAQ,EAAE,QAAQ;YAClB,eAAe,EAAE,eAAe;YAChC,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,YAAY;YAC1B,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,CAAC;QACF,OAAO,8BAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnI,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,IAAI;QAC5B,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,QAAQ;YAChC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,oBAAC,mBAAI,qBAAkB;gBACvB,oBAAC,qBAAM,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI,CACpD;YAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,oBAAC,mBAAI,qBAAkB;gBACvB,oBAAC,qBAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,GAAI,CAClD;YAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,oBAAC,mBAAI,2BAAwB;gBAC7B,oBAAC,qBAAM,IAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,GAAI,CACxD;YAEP,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACnC,CAAC,GACD;YACF,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,qBAAqB,EACjC,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACnC,CAAC,GACD;YACF,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,mBAAmB,EAC/B,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACzC,CAAC,GACD;YAEF,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,YAAY,EACxB,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACnC,CAAC,GACD;YAEF,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,uBAAuB,EACnC,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,sBAAsB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC7C,CAAC,GACD;YAEF,oBAAC,iCAAe,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM,EAAE,KAAK,EAAC,2BAA2B,EAAC,iBAAiB,EAAE,sBAAsB,GAAI;YAC5H,oBAAC,iCAAe,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM,EAAE,KAAK,EAAC,yBAAyB,EAAC,iBAAiB,EAAE,oBAAoB,GAAI;YAExH,oBAAC,mBAAI,oBAAiB;YACtB,oBAAC,eAAM,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAI;YAEtG,oBAAC,mBAAI,oBAAiB;YACtB,oBAAC,eAAM,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,GAAI;YAE1G,oBAAC,mBAAI,4BAAyB;YAC9B,oBAAC,eAAM,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GAAI;YAE9G,oBAAC,mBAAI,oBAAiB;YACtB,oBAAC,eAAM,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,GAAI,CACxG;QAEP,oBAAC,gBAAgB,IACf,MAAM,EAAC,QAAQ,EACf,gBAAgB,EAAC,MAAM,EACvB,QAAQ,EAAC,IAAI,EACb,kBAAkB,EAAC,yBAAyB,EAC5C,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,6BAAoB,CAAC,CAAC,CAAC,SAAS,EACjD,IAAI,EACF,QAAQ;gBACN,CAAC,CAAC;oBACE,SAAS,WAAA;oBACT,mBAAmB,qBAAA;oBACnB,aAAa,EAAE,CAAC;oBAChB,QAAQ,EAAE,CAAC;oBACX,WAAW,aAAA;iBACZ;gBACH,CAAC,CAAC,SAAS,GAEf,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAxIW,QAAA,cAAc,kBAwIzB"}
|
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.32",
|
|
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,11 +27,11 @@
|
|
|
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.
|
|
30
|
+
"@fluentui-react-native/badge": ">=0.0.32 <1.0.0",
|
|
31
31
|
"@fluentui-react-native/button": ">=0.22.20 <1.0.0",
|
|
32
32
|
"@fluentui-react-native/default-theme": ">=0.10.3 <1.0.0",
|
|
33
33
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.24 <1.0.0",
|
|
34
|
-
"@fluentui-react-native/experimental-avatar": ">=0.14.
|
|
34
|
+
"@fluentui-react-native/experimental-avatar": ">=0.14.19 <1.0.0",
|
|
35
35
|
"@fluentui-react-native/experimental-button": "0.15.21",
|
|
36
36
|
"@fluentui-react-native/experimental-checkbox": "0.11.3",
|
|
37
37
|
"@fluentui-react-native/experimental-drawer": ">=0.1.8 <1.0.0",
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
AvatarActiveAppearance,
|
|
9
9
|
} from '@fluentui-react-native/experimental-avatar';
|
|
10
10
|
import { PresenceBadgeStatuses, PresenceBadgeStatus } from '@fluentui-react-native/badge';
|
|
11
|
-
import { Switch, View, Text, Picker, ColorValue } from 'react-native';
|
|
11
|
+
import { Switch, View, Text, Picker, ColorValue, Platform } from 'react-native';
|
|
12
12
|
import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
|
|
13
13
|
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
14
14
|
import { useTheme } from '@fluentui-react-native/theme-types';
|
|
@@ -81,6 +81,14 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
81
81
|
|
|
82
82
|
tokens.backgroundColor = coinColor;
|
|
83
83
|
|
|
84
|
+
const fontBuiltInProps = {
|
|
85
|
+
fontFamily: 'Arial',
|
|
86
|
+
codepoint: 0x2663,
|
|
87
|
+
fontSize: 40,
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
|
|
91
|
+
|
|
84
92
|
return (
|
|
85
93
|
<View style={commonStyles.root}>
|
|
86
94
|
<View style={commonStyles.settings}>
|
|
@@ -118,6 +126,17 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
118
126
|
src={showImage ? satyaPhotoUrl : undefined}
|
|
119
127
|
coinColorFluent={coinColor === undefinedText ? undefined : coinColor}
|
|
120
128
|
/>
|
|
129
|
+
{svgIconsEnabled && (
|
|
130
|
+
<JSAvatar
|
|
131
|
+
active={active}
|
|
132
|
+
activeAppearance={activeAppearance}
|
|
133
|
+
size={imageSize === undefinedText ? undefined : imageSize}
|
|
134
|
+
shape={isSquare ? 'square' : 'circular'}
|
|
135
|
+
accessibilityLabel="Icon"
|
|
136
|
+
icon={{ fontSource: { ...fontBuiltInProps }, color: 'white' }}
|
|
137
|
+
coinColorFluent={coinColor === undefinedText ? undefined : coinColor}
|
|
138
|
+
/>
|
|
139
|
+
)}
|
|
121
140
|
</View>
|
|
122
141
|
);
|
|
123
142
|
};
|
|
@@ -11,7 +11,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
11
11
|
const [showImage, setShowImage] = React.useState(true);
|
|
12
12
|
const [coinColor, setCoinColor] = React.useState<string>();
|
|
13
13
|
const [textColor, setTextColor] = React.useState<string>();
|
|
14
|
-
const [
|
|
14
|
+
const [size, setSize] = React.useState<number>(96);
|
|
15
15
|
const [iconSize, setIconSize] = React.useState<number>(24);
|
|
16
16
|
const [iconStrokeWidth, setIconStrokeWidth] = React.useState<number>(2);
|
|
17
17
|
const [iconStrokeColor, setIconStrokeColor] = React.useState<string>(undefined);
|
|
@@ -39,20 +39,11 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
39
39
|
iconStrokeWidth: iconStrokeWidth,
|
|
40
40
|
iconStrokeColor: iconStrokeColor,
|
|
41
41
|
initialsSize: initialsSize,
|
|
42
|
-
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
43
44
|
};
|
|
44
45
|
return JSAvatar.customize(tokens);
|
|
45
|
-
}, [
|
|
46
|
-
coinColor,
|
|
47
|
-
textColor,
|
|
48
|
-
horizontalAlignment,
|
|
49
|
-
verticalAlignment,
|
|
50
|
-
iconSize,
|
|
51
|
-
iconStrokeWidth,
|
|
52
|
-
iconStrokeColor,
|
|
53
|
-
initialsSize,
|
|
54
|
-
physicalSize,
|
|
55
|
-
]);
|
|
46
|
+
}, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, iconStrokeWidth, iconStrokeColor, initialsSize, size]);
|
|
56
47
|
|
|
57
48
|
return (
|
|
58
49
|
<View style={commonStyles.root}>
|
|
@@ -119,7 +110,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
119
110
|
<AlignmentPicker style={commonStyles.header} label="Vertical icon alignment" onSelectionChange={setVerticalAlignment} />
|
|
120
111
|
|
|
121
112
|
<Text>Coin size</Text>
|
|
122
|
-
<Slider minimum={8} maximum={200} initialValue={80} style={commonStyles.vmargin} onChange={
|
|
113
|
+
<Slider minimum={8} maximum={200} initialValue={80} style={commonStyles.vmargin} onChange={setSize} />
|
|
123
114
|
|
|
124
115
|
<Text>Icon size</Text>
|
|
125
116
|
<Slider minimum={8} maximum={100} initialValue={24} style={commonStyles.vmargin} onChange={setIconSize} />
|