@fluentui-react-native/tester 0.85.2 → 0.85.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +22 -1
- package/CHANGELOG.md +11 -2
- package/lib/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib/TestComponents/Avatar/CustomizedAvatar.js +8 -2
- package/lib/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.js +8 -2
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/package.json +2 -2
- package/src/TestComponents/Avatar/CustomizedAvatar.tsx +13 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,28 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 12 Aug 2022 15:04:49 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.85.3",
|
|
7
|
+
"version": "0.85.3",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "vkozlova@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "615cc88f3106278fa2a1844c9e30af54c01c36ef",
|
|
14
|
+
"comment": "Added inner gap for the Avatar"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/avatar to v1.1.37",
|
|
20
|
+
"commit": "615cc88f3106278fa2a1844c9e30af54c01c36ef"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Thu, 11 Aug 2022 22:49:12 GMT",
|
|
6
27
|
"tag": "@fluentui-react-native/tester_v0.85.2",
|
|
7
28
|
"version": "0.85.2",
|
|
8
29
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 12 Aug 2022 15:04:49 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.85.3
|
|
8
|
+
|
|
9
|
+
Fri, 12 Aug 2022 15:04:49 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Added inner gap for the Avatar (vkozlova@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/avatar to v1.1.37
|
|
15
|
+
|
|
7
16
|
## 0.85.2
|
|
8
17
|
|
|
9
|
-
Thu, 11 Aug 2022 22:
|
|
18
|
+
Thu, 11 Aug 2022 22:49:12 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAiPlC,CAAC"}
|
|
@@ -21,7 +21,8 @@ export var CustomizeUsage = function () {
|
|
|
21
21
|
var _o = useState(undefined), ringColor = _o[0], setRingColor = _o[1];
|
|
22
22
|
var _p = useState('yellow'), ringBackgroundColor = _p[0], setRingBackgroundColor = _p[1];
|
|
23
23
|
var _q = useState('4'), ringThickness = _q[0], setRingThickness = _q[1];
|
|
24
|
-
var _r = useState(
|
|
24
|
+
var _r = useState('4'), ringInnerGap = _r[0], setRingInnerGap = _r[1];
|
|
25
|
+
var _s = useState(true), showRing = _s[0], setShowRing = _s[1];
|
|
25
26
|
var CustomizedAvatar = useMemo(function () {
|
|
26
27
|
var tokens = {
|
|
27
28
|
avatarColor: avatarColor,
|
|
@@ -35,6 +36,7 @@ export var CustomizeUsage = function () {
|
|
|
35
36
|
ringColor: ringColor,
|
|
36
37
|
ringBackgroundColor: ringBackgroundColor,
|
|
37
38
|
ringThickness: parseInt(ringThickness),
|
|
39
|
+
ringInnerGap: parseInt(ringInnerGap),
|
|
38
40
|
};
|
|
39
41
|
return Avatar.customize(tokens);
|
|
40
42
|
}, [
|
|
@@ -46,6 +48,7 @@ export var CustomizeUsage = function () {
|
|
|
46
48
|
size,
|
|
47
49
|
ringColor,
|
|
48
50
|
ringBackgroundColor,
|
|
51
|
+
ringInnerGap,
|
|
49
52
|
ringThickness,
|
|
50
53
|
fontWeight,
|
|
51
54
|
fontFamily,
|
|
@@ -96,6 +99,9 @@ export var CustomizeUsage = function () {
|
|
|
96
99
|
} }),
|
|
97
100
|
React.createElement(TextInput, { accessibilityLabel: "Ring thickness", style: commonStyles.textBox, placeholder: "Ring thickness", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
98
101
|
setRingThickness(e.nativeEvent.text);
|
|
102
|
+
} }),
|
|
103
|
+
React.createElement(TextInput, { accessibilityLabel: "Ring inner gap", style: commonStyles.textBox, placeholder: "Ring inner gap", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
104
|
+
setRingInnerGap(e.nativeEvent.text);
|
|
99
105
|
} })),
|
|
100
106
|
React.createElement(View, { style: { paddingHorizontal: 20 } },
|
|
101
107
|
React.createElement(Text, { style: { fontWeight: 'bold' } }, "Font tokens"),
|
|
@@ -116,6 +122,6 @@ export var CustomizeUsage = function () {
|
|
|
116
122
|
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, icon: svgIconsEnabled ? { svgSource: svgProps } : undefined, transparentRing: !showRing })),
|
|
117
123
|
React.createElement(View, { style: { marginLeft: 20 } },
|
|
118
124
|
React.createElement(Text, null, "Avatar customized with props"),
|
|
119
|
-
React.createElement(Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
125
|
+
React.createElement(Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing, ringInnerGap: parseInt(ringInnerGap) }))));
|
|
120
126
|
};
|
|
121
127
|
//# sourceMappingURL=CustomizedAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,MAAM,EAAc,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGpE,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,CAAC,IAAM,cAAc,GAA4B;IAC/C,IAAA,KAA4B,QAAQ,CAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAkC,QAAQ,CAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAC;IACjD,IAAA,KAAgC,QAAQ,EAAU,EAAjD,WAAW,QAAA,EAAE,cAAc,QAAsB,CAAC;IACnD,IAAA,KAA4B,QAAQ,EAAU,EAA7C,SAAS,QAAA,EAAE,YAAY,QAAsB,CAAC;IAC/C,IAAA,KAAkB,QAAQ,CAAS,IAAI,CAAC,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IACzC,IAAA,KAA0B,QAAQ,CAAS,EAAE,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IAC/C,IAAA,KAA4B,QAAQ,CAAS,SAAS,CAAC,EAAtD,SAAS,QAAA,EAAE,YAAY,QAA+B,CAAC;IACxD,IAAA,KAAkC,QAAQ,CAAS,EAAE,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IACvD,IAAA,KAA8B,QAAQ,CAAS,QAAQ,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IACzD,IAAA,KAA8B,QAAQ,CAAS,SAAS,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;IAC1D,IAAA,KAAkB,QAAQ,CAAS,eAAe,CAAC,EAAlD,IAAI,QAAA,EAAE,OAAO,QAAqC,CAAC;IACpD,IAAA,KAA0B,QAAQ,CAAS,EAAE,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IAE/C,IAAA,KAA4B,QAAQ,CAAS,SAAS,CAAC,EAAtD,SAAS,QAAA,EAAE,YAAY,QAA+B,CAAC;IACxD,IAAA,KAAgD,QAAQ,CAAS,QAAQ,CAAC,EAAzE,mBAAmB,QAAA,EAAE,sBAAsB,QAA8B,CAAC;IAC3E,IAAA,KAAoC,QAAQ,CAAS,GAAG,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAC1D,IAAA,KAA0B,QAAQ,CAAU,IAAI,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IAExD,IAAM,gBAAgB,GAAG,OAAO,CAAC;QAC/B,IAAM,MAAM,GAAG;YACb,WAAW,aAAA;YACX,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAe;YAClC,QAAQ,EAAE,QAAQ;YAClB,SAAS,WAAA;YACT,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,UAAwB;YACpC,UAAU,YAAA;YACV,SAAS,WAAA;YACT,mBAAmB,qBAAA;YACnB,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAiPlC,CAAC"}
|
|
@@ -25,7 +25,8 @@ var CustomizeUsage = function () {
|
|
|
25
25
|
var _o = (0, react_1.useState)(undefined), ringColor = _o[0], setRingColor = _o[1];
|
|
26
26
|
var _p = (0, react_1.useState)('yellow'), ringBackgroundColor = _p[0], setRingBackgroundColor = _p[1];
|
|
27
27
|
var _q = (0, react_1.useState)('4'), ringThickness = _q[0], setRingThickness = _q[1];
|
|
28
|
-
var _r = (0, react_1.useState)(
|
|
28
|
+
var _r = (0, react_1.useState)('4'), ringInnerGap = _r[0], setRingInnerGap = _r[1];
|
|
29
|
+
var _s = (0, react_1.useState)(true), showRing = _s[0], setShowRing = _s[1];
|
|
29
30
|
var CustomizedAvatar = (0, react_1.useMemo)(function () {
|
|
30
31
|
var tokens = {
|
|
31
32
|
avatarColor: avatarColor,
|
|
@@ -39,6 +40,7 @@ var CustomizeUsage = function () {
|
|
|
39
40
|
ringColor: ringColor,
|
|
40
41
|
ringBackgroundColor: ringBackgroundColor,
|
|
41
42
|
ringThickness: parseInt(ringThickness),
|
|
43
|
+
ringInnerGap: parseInt(ringInnerGap),
|
|
42
44
|
};
|
|
43
45
|
return avatar_1.Avatar.customize(tokens);
|
|
44
46
|
}, [
|
|
@@ -50,6 +52,7 @@ var CustomizeUsage = function () {
|
|
|
50
52
|
size,
|
|
51
53
|
ringColor,
|
|
52
54
|
ringBackgroundColor,
|
|
55
|
+
ringInnerGap,
|
|
53
56
|
ringThickness,
|
|
54
57
|
fontWeight,
|
|
55
58
|
fontFamily,
|
|
@@ -100,6 +103,9 @@ var CustomizeUsage = function () {
|
|
|
100
103
|
} }),
|
|
101
104
|
react_1.default.createElement(react_native_1.TextInput, { accessibilityLabel: "Ring thickness", style: styles_2.commonTestStyles.textBox, placeholder: "Ring thickness", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
102
105
|
setRingThickness(e.nativeEvent.text);
|
|
106
|
+
} }),
|
|
107
|
+
react_1.default.createElement(react_native_1.TextInput, { accessibilityLabel: "Ring inner gap", style: styles_2.commonTestStyles.textBox, placeholder: "Ring inner gap", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
108
|
+
setRingInnerGap(e.nativeEvent.text);
|
|
103
109
|
} })),
|
|
104
110
|
react_1.default.createElement(react_native_1.View, { style: { paddingHorizontal: 20 } },
|
|
105
111
|
react_1.default.createElement(react_native_1.Text, { style: { fontWeight: 'bold' } }, "Font tokens"),
|
|
@@ -120,7 +126,7 @@ var CustomizeUsage = function () {
|
|
|
120
126
|
react_1.default.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, icon: svgIconsEnabled ? { svgSource: svgProps } : undefined, transparentRing: !showRing })),
|
|
121
127
|
react_1.default.createElement(react_native_1.View, { style: { marginLeft: 20 } },
|
|
122
128
|
react_1.default.createElement(react_native_1.Text, null, "Avatar customized with props"),
|
|
123
|
-
react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
129
|
+
react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing, ringInnerGap: parseInt(ringInnerGap) }))));
|
|
124
130
|
};
|
|
125
131
|
exports.CustomizeUsage = CustomizeUsage;
|
|
126
132
|
//# sourceMappingURL=CustomizedAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":";;;;AAAA,0DAAiD;AACjD,wDAAmE;AACnE,6CAA+D;AAC/D,kDAA+D;AAC/D,2CAAoE;AAGpE,gGAA4D;AAC5D,uDAAsD;AAE/C,IAAM,cAAc,GAA4B;IAC/C,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAC;IACjD,IAAA,KAAgC,IAAA,gBAAQ,GAAU,EAAjD,WAAW,QAAA,EAAE,cAAc,QAAsB,CAAC;IACnD,IAAA,KAA4B,IAAA,gBAAQ,GAAU,EAA7C,SAAS,QAAA,EAAE,YAAY,QAAsB,CAAC;IAC/C,IAAA,KAAkB,IAAA,gBAAQ,EAAS,IAAI,CAAC,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IACzC,IAAA,KAA0B,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IAC/C,IAAA,KAA4B,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAtD,SAAS,QAAA,EAAE,YAAY,QAA+B,CAAC;IACxD,IAAA,KAAkC,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IACvD,IAAA,KAA8B,IAAA,gBAAQ,EAAS,QAAQ,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IACzD,IAAA,KAA8B,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;IAC1D,IAAA,KAAkB,IAAA,gBAAQ,EAAS,eAAe,CAAC,EAAlD,IAAI,QAAA,EAAE,OAAO,QAAqC,CAAC;IACpD,IAAA,KAA0B,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IAE/C,IAAA,KAA4B,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAtD,SAAS,QAAA,EAAE,YAAY,QAA+B,CAAC;IACxD,IAAA,KAAgD,IAAA,gBAAQ,EAAS,QAAQ,CAAC,EAAzE,mBAAmB,QAAA,EAAE,sBAAsB,QAA8B,CAAC;IAC3E,IAAA,KAAoC,IAAA,gBAAQ,EAAS,GAAG,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAC1D,IAAA,KAA0B,IAAA,gBAAQ,EAAU,IAAI,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IAExD,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC;QAC/B,IAAM,MAAM,GAAG;YACb,WAAW,aAAA;YACX,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAe;YAClC,QAAQ,EAAE,QAAQ;YAClB,SAAS,WAAA;YACT,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,UAAwB;YACpC,UAAU,YAAA;YACV,SAAS,WAAA;YACT,mBAAmB,qBAAA;YACnB,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.85.
|
|
3
|
+
"version": "0.85.3",
|
|
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>",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@fluentui-react-native/android-theme": ">=0.11.0 <1.0.0",
|
|
39
39
|
"@fluentui-react-native/apple-theme": ">=0.13.2 <1.0.0",
|
|
40
|
-
"@fluentui-react-native/avatar": "^1.1.
|
|
40
|
+
"@fluentui-react-native/avatar": "^1.1.37",
|
|
41
41
|
"@fluentui-react-native/badge": ">=0.1.20 <1.0.0",
|
|
42
42
|
"@fluentui-react-native/button": ">=0.24.14 <1.0.0",
|
|
43
43
|
"@fluentui-react-native/default-theme": ">=0.14.0 <1.0.0",
|
|
@@ -25,6 +25,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
25
25
|
const [ringColor, setRingColor] = useState<string>(undefined);
|
|
26
26
|
const [ringBackgroundColor, setRingBackgroundColor] = useState<string>('yellow');
|
|
27
27
|
const [ringThickness, setRingThickness] = useState<string>('4');
|
|
28
|
+
const [ringInnerGap, setRingInnerGap] = useState<string>('4');
|
|
28
29
|
const [showRing, setShowRing] = useState<boolean>(true);
|
|
29
30
|
|
|
30
31
|
const CustomizedAvatar = useMemo(() => {
|
|
@@ -40,6 +41,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
40
41
|
ringColor,
|
|
41
42
|
ringBackgroundColor,
|
|
42
43
|
ringThickness: parseInt(ringThickness),
|
|
44
|
+
ringInnerGap: parseInt(ringInnerGap),
|
|
43
45
|
};
|
|
44
46
|
return Avatar.customize(tokens);
|
|
45
47
|
}, [
|
|
@@ -51,6 +53,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
51
53
|
size,
|
|
52
54
|
ringColor,
|
|
53
55
|
ringBackgroundColor,
|
|
56
|
+
ringInnerGap,
|
|
54
57
|
ringThickness,
|
|
55
58
|
fontWeight,
|
|
56
59
|
fontFamily,
|
|
@@ -161,6 +164,15 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
161
164
|
setRingThickness(e.nativeEvent.text);
|
|
162
165
|
}}
|
|
163
166
|
/>
|
|
167
|
+
<TextInput
|
|
168
|
+
accessibilityLabel="Ring inner gap"
|
|
169
|
+
style={commonStyles.textBox}
|
|
170
|
+
placeholder="Ring inner gap"
|
|
171
|
+
blurOnSubmit={true}
|
|
172
|
+
onSubmitEditing={(e) => {
|
|
173
|
+
setRingInnerGap(e.nativeEvent.text);
|
|
174
|
+
}}
|
|
175
|
+
/>
|
|
164
176
|
</View>
|
|
165
177
|
<View style={{ paddingHorizontal: 20 }}>
|
|
166
178
|
<Text style={{ fontWeight: 'bold' }}>Font tokens</Text>
|
|
@@ -232,6 +244,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
232
244
|
ringThickness={parseInt(ringThickness)}
|
|
233
245
|
size={parseInt(size) as AvatarSize}
|
|
234
246
|
transparentRing={!showRing}
|
|
247
|
+
ringInnerGap={parseInt(ringInnerGap)}
|
|
235
248
|
/>
|
|
236
249
|
</View>
|
|
237
250
|
</View>
|