@fluentui-react-native/tester 0.134.39 → 0.134.40
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/fluent-tester/src/TestComponents/Badge/BasicBadgeTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Badge/BasicBadgeTest.js +5 -2
- package/lib/fluent-tester/src/TestComponents/Badge/BasicBadgeTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/BasicBadgeTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/BasicBadgeTest.js +9 -6
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/BasicBadgeTest.js.map +1 -1
- package/package.json +3 -3
- package/src/TestComponents/Badge/BasicBadgeTest.tsx +4 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,34 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 16 Mar 2023 18:23:12 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.134.40",
|
|
7
|
+
"version": "0.134.40",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "ba2096774b5f9086417b75100d6f61d0dc617014",
|
|
14
|
+
"comment": "Add warning on badge tester badge when shadow shouldn't be applied"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/avatar to v1.8.4",
|
|
20
|
+
"commit": "ba2096774b5f9086417b75100d6f61d0dc617014"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/badge to v0.5.3",
|
|
26
|
+
"commit": "ba2096774b5f9086417b75100d6f61d0dc617014"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Wed, 15 Mar 2023 07:15:41 GMT",
|
|
6
33
|
"tag": "@fluentui-react-native/tester_v0.134.39",
|
|
7
34
|
"version": "0.134.39",
|
|
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
|
|
3
|
+
This log was last generated on Thu, 16 Mar 2023 18:23:12 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.134.40
|
|
8
|
+
|
|
9
|
+
Thu, 16 Mar 2023 18:23:12 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Add warning on badge tester badge when shadow shouldn't be applied (78454019+lyzhan7@users.noreply.github.com)
|
|
14
|
+
- Bump @fluentui-react-native/avatar to v1.8.4
|
|
15
|
+
- Bump @fluentui-react-native/badge to v0.5.3
|
|
16
|
+
|
|
7
17
|
## 0.134.39
|
|
8
18
|
|
|
9
|
-
Wed, 15 Mar 2023 07:15:
|
|
19
|
+
Wed, 15 Mar 2023 07:15:41 GMT
|
|
10
20
|
|
|
11
21
|
### Patches
|
|
12
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicBadgeTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BasicBadgeTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA+B9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAwG9B,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { __assign, __spreadArray } from "tslib";
|
|
2
2
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
3
3
|
import React, { useState, useCallback, useMemo } from 'react';
|
|
4
|
-
import { View, Platform,
|
|
4
|
+
import { View, Platform, Image } from 'react-native';
|
|
5
5
|
import { ToggleButton } from '@fluentui/react-native';
|
|
6
6
|
import { Badge, BadgeAppearances, BadgeColors, BadgeShapes, BadgeSizes } from '@fluentui-react-native/badge';
|
|
7
7
|
import { useFluentTheme } from '@fluentui-react-native/framework';
|
|
8
|
+
import { Text } from '@fluentui-react-native/text';
|
|
8
9
|
import { satyaPhotoUrl } from './../PersonaCoin/styles';
|
|
9
10
|
import { svgProps, iconProps } from '../Common/iconExamples';
|
|
10
11
|
import { StyledPicker } from '../Common/StyledPicker';
|
|
@@ -39,6 +40,7 @@ export var BasicBadge = function () {
|
|
|
39
40
|
};
|
|
40
41
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
|
|
41
42
|
var shadow = showShadow ? theme.shadows.shadow4 : undefined;
|
|
43
|
+
var showShadowWarning = showShadow && (badgeAppearance == 'ghost' || badgeAppearance == 'outline');
|
|
42
44
|
var CustomBadge = useCustomizedBadge({ shadowToken: shadow });
|
|
43
45
|
var badgeConfig = {
|
|
44
46
|
appearance: badgeAppearance,
|
|
@@ -74,7 +76,8 @@ export var BasicBadge = function () {
|
|
|
74
76
|
showShadow ? ' Hide shadow' : ' Show shadow'),
|
|
75
77
|
React.createElement(View, { style: { position: 'relative', backgroundColor: 'yellow', padding: 20, width: 200 } },
|
|
76
78
|
React.createElement(Text, null, "Parent component for the Badge"),
|
|
77
|
-
svgIconsEnabled && showIcon ? (React.createElement(CustomBadge, __assign({}, badgeConfig, { icon: { svgSource: svgProps }, iconPosition: iconPosition }), "Basic badge")) : (React.createElement(CustomBadge, __assign({}, badgeConfig), "Basic badge"))
|
|
79
|
+
svgIconsEnabled && showIcon ? (React.createElement(CustomBadge, __assign({}, badgeConfig, { icon: { svgSource: svgProps }, iconPosition: iconPosition }), "Basic badge")) : (React.createElement(CustomBadge, __assign({}, badgeConfig), "Basic badge")),
|
|
80
|
+
showShadowWarning && React.createElement(Text, { variant: "captionStandard" }, "Adding a shadow to ghost and outline variants is not supported")),
|
|
78
81
|
React.createElement(Text, null, "Size"),
|
|
79
82
|
React.createElement(Badge, { size: "tiny" }),
|
|
80
83
|
React.createElement(Badge, { size: "extraSmall", badgeColor: "red" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicBadgeTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"BasicBadgeTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicBadgeTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BasicBadgeTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA+B9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAwG9B,CAAC"}
|
|
@@ -8,6 +8,7 @@ var react_native_1 = require("react-native");
|
|
|
8
8
|
var react_native_2 = require("@fluentui/react-native");
|
|
9
9
|
var badge_1 = require("@fluentui-react-native/badge");
|
|
10
10
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
11
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
11
12
|
var styles_1 = require("./../PersonaCoin/styles");
|
|
12
13
|
var iconExamples_1 = require("../Common/iconExamples");
|
|
13
14
|
var StyledPicker_1 = require("../Common/StyledPicker");
|
|
@@ -42,6 +43,7 @@ var BasicBadge = function () {
|
|
|
42
43
|
};
|
|
43
44
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
|
|
44
45
|
var shadow = showShadow ? theme.shadows.shadow4 : undefined;
|
|
46
|
+
var showShadowWarning = showShadow && (badgeAppearance == 'ghost' || badgeAppearance == 'outline');
|
|
45
47
|
var CustomBadge = useCustomizedBadge({ shadowToken: shadow });
|
|
46
48
|
var badgeConfig = {
|
|
47
49
|
appearance: badgeAppearance,
|
|
@@ -76,9 +78,10 @@ var BasicBadge = function () {
|
|
|
76
78
|
"Set ",
|
|
77
79
|
showShadow ? ' Hide shadow' : ' Show shadow'),
|
|
78
80
|
react_1.default.createElement(react_native_1.View, { style: { position: 'relative', backgroundColor: 'yellow', padding: 20, width: 200 } },
|
|
79
|
-
react_1.default.createElement(
|
|
80
|
-
svgIconsEnabled && showIcon ? (react_1.default.createElement(CustomBadge, tslib_1.__assign({}, badgeConfig, { icon: { svgSource: iconExamples_1.svgProps }, iconPosition: iconPosition }), "Basic badge")) : (react_1.default.createElement(CustomBadge, tslib_1.__assign({}, badgeConfig), "Basic badge"))
|
|
81
|
-
|
|
81
|
+
react_1.default.createElement(text_1.Text, null, "Parent component for the Badge"),
|
|
82
|
+
svgIconsEnabled && showIcon ? (react_1.default.createElement(CustomBadge, tslib_1.__assign({}, badgeConfig, { icon: { svgSource: iconExamples_1.svgProps }, iconPosition: iconPosition }), "Basic badge")) : (react_1.default.createElement(CustomBadge, tslib_1.__assign({}, badgeConfig), "Basic badge")),
|
|
83
|
+
showShadowWarning && react_1.default.createElement(text_1.Text, { variant: "captionStandard" }, "Adding a shadow to ghost and outline variants is not supported")),
|
|
84
|
+
react_1.default.createElement(text_1.Text, null, "Size"),
|
|
82
85
|
react_1.default.createElement(badge_1.Badge, { size: "tiny" }),
|
|
83
86
|
react_1.default.createElement(badge_1.Badge, { size: "extraSmall", badgeColor: "red" }),
|
|
84
87
|
react_1.default.createElement(badge_1.Badge, { size: "small" }, "Small"),
|
|
@@ -86,14 +89,14 @@ var BasicBadge = function () {
|
|
|
86
89
|
react_1.default.createElement(badge_1.Badge, { size: "large" }, "Large"),
|
|
87
90
|
react_1.default.createElement(badge_1.Badge, { size: "extraLarge" }, "Extra Large"),
|
|
88
91
|
svgIconsEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
89
|
-
react_1.default.createElement(
|
|
92
|
+
react_1.default.createElement(text_1.Text, null, "Badge with icon"),
|
|
90
93
|
react_1.default.createElement(badge_1.Badge, { icon: iconExamples_1.iconProps, iconPosition: "after" },
|
|
91
94
|
"Badge with",
|
|
92
95
|
react_1.default.createElement(react_native_1.Image, { source: { uri: styles_1.satyaPhotoUrl }, style: { width: 20, height: 20 } }),
|
|
93
|
-
react_1.default.createElement(
|
|
96
|
+
react_1.default.createElement(text_1.Text, { style: { backgroundColor: 'yellow' } }, "optional content")),
|
|
94
97
|
react_1.default.createElement(badge_1.Badge, { appearance: "outline", icon: tslib_1.__assign(tslib_1.__assign({}, iconExamples_1.iconProps), { width: 20, height: 20 }) }),
|
|
95
98
|
react_1.default.createElement(badge_1.Badge, { icon: { fontSource: tslib_1.__assign({}, fontBuiltInProps), color: '#fff' } }, "Badge with icon"),
|
|
96
|
-
react_1.default.createElement(
|
|
99
|
+
react_1.default.createElement(text_1.Text, null, "Customized Badge with icon"),
|
|
97
100
|
react_1.default.createElement(StyledBadge, { icon: { svgSource: iconExamples_1.svgProps } }, "Styled badge")))));
|
|
98
101
|
};
|
|
99
102
|
exports.BasicBadge = BasicBadge;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicBadgeTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,qDAA8D;AAC9D,
|
|
1
|
+
{"version":3,"file":"BasicBadgeTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,qDAA8D;AAC9D,6CAAqD;AAErD,uDAAsD;AAUtD,sDAA6G;AAC7G,8DAAkE;AAClE,oDAAmD;AAEnD,kDAAwD;AACxD,uDAA6D;AAC7D,uDAAsD;AAEtD,IAAM,WAAW,6BAAqB,mBAAW,OAAC,CAAC;AACnD,IAAM,WAAW,6BAAqB,mBAAW,OAAC,CAAC;AACnD,IAAM,UAAU,6BAAoB,kBAAU,OAAC,CAAC;AAChD,IAAM,gBAAgB,6BAA0B,wBAAgB,OAAC,CAAC;AAClE,IAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAE/C,IAAM,kBAAkB,GAAG,UAAC,cAAwC;IAClE,OAAO,IAAA,eAAO,EAAC,cAAM,OAAA,aAAK,CAAC,SAAS,sBAAM,cAAc,EAAG,EAAtC,CAAsC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACjF,CAAC,CAAC;AAEK,IAAM,UAAU,GAA4B;IAC3C,IAAA,KAAwC,IAAA,gBAAQ,EAAkB,QAAQ,CAAC,EAA1E,eAAe,QAAA,EAAE,kBAAkB,QAAuC,CAAC;IAC5E,IAAA,KAA8B,IAAA,gBAAQ,EAAa,OAAO,CAAC,EAA1D,UAAU,QAAA,EAAE,aAAa,QAAiC,CAAC;IAC5D,IAAA,KAAoB,IAAA,gBAAQ,EAAa,UAAU,CAAC,EAAnD,KAAK,QAAA,EAAE,QAAQ,QAAoC,CAAC;IACrD,IAAA,KAAkB,IAAA,gBAAQ,EAAY,QAAQ,CAAC,EAA9C,IAAI,QAAA,EAAE,OAAO,QAAiC,CAAC;IAChD,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAC1C,IAAA,KAAkC,IAAA,gBAAQ,EAAoB,QAAQ,CAAC,EAAtE,YAAY,QAAA,EAAE,eAAe,QAAyC,CAAC;IACxE,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IAEpD,IAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,kBAAkB,CAAC,KAAK,CAAC,EAAzB,CAAyB,EAAE,EAAE,CAAC,CAAC;IACtF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,EAAE,EAAE,CAAC,CAAC;IAC5E,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,EAAE,EAAE,CAAC,CAAC;IAClE,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAE,EAAE,CAAC,CAAC;IAChE,IAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EAAE,EAAE,CAAC,CAAC;IAChF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,EAA1B,CAA0B,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IACtG,IAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,WAAW,CAAC,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5F,IAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAE/B,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,IAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,IAAM,iBAAiB,GAAG,UAAU,IAAI,CAAC,eAAe,IAAI,OAAO,IAAI,eAAe,IAAI,SAAS,CAAC,CAAC;IACrG,IAAM,WAAW,GAAG,kBAAkB,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,UAAU,EAAE,eAAe;QAC3B,UAAU,YAAA;QACV,IAAI,MAAA;QACJ,KAAK,OAAA;KACN,CAAC;IAEF,IAAM,WAAW,GAAG,kBAAkB,CAAC;QACrC,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,SAAS;QACrB,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,QAAQ;QACrB,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,QAAQ;QACrB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,2BAAY,IAAC,MAAM,EAAC,kBAAkB,EAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,uBAAuB,EAAE,UAAU,EAAE,gBAAgB,GAAI;QACtI,8BAAC,2BAAY,IAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,GAAI;QAClH,8BAAC,2BAAY,IAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,GAAI;QAClG,8BAAC,2BAAY,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,GAAI;QAC7F,eAAe,IAAI,CAClB;YACE,8BAAC,2BAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ;;gBACnD,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAC9B;YACf,8BAAC,2BAAY,IAAC,MAAM,EAAC,eAAe,EAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,oBAAoB,EAAE,UAAU,EAAE,kBAAkB,GAAI,CAC9H,CACJ;QACD,8BAAC,2BAAY,IAAC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,UAAU;;YACvD,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CACpC;QAEf,8BAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;YACvF,8BAAC,WAAI,yCAAsC;YAC1C,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC7B,8BAAC,WAAW,uBAAK,WAAW,IAAE,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,EAAE,YAAY,EAAE,YAAY,mBAEzE,CACf,CAAC,CAAC,CAAC,CACF,8BAAC,WAAW,uBAAK,WAAW,iBAA2B,CACxD;YACA,iBAAiB,IAAI,8BAAC,WAAI,IAAC,OAAO,EAAC,iBAAiB,qEAAsE,CACtH;QACP,8BAAC,WAAI,eAAY;QACjB,8BAAC,aAAK,IAAC,IAAI,EAAC,MAAM,GAAG;QACrB,8BAAC,aAAK,IAAC,IAAI,EAAC,YAAY,EAAC,UAAU,EAAC,KAAK,GAAG;QAC5C,8BAAC,aAAK,IAAC,IAAI,EAAC,OAAO,YAAc;QACjC,8BAAC,aAAK,IAAC,IAAI,EAAC,QAAQ,aAAe;QACnC,8BAAC,aAAK,IAAC,IAAI,EAAC,OAAO,YAAc;QACjC,8BAAC,aAAK,IAAC,IAAI,EAAC,YAAY,kBAAoB;QAC3C,eAAe,IAAI,CAClB;YACE,8BAAC,WAAI,0BAAuB;YAC5B,8BAAC,aAAK,IAAC,IAAI,EAAE,wBAAS,EAAE,YAAY,EAAC,OAAO;;gBAE1C,8BAAC,oBAAK,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,sBAAa,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI;gBAC3E,8BAAC,WAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,uBAAyB,CAC7D;YACR,8BAAC,aAAK,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,wCAAO,wBAAS,KAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM;YAC7E,8BAAC,aAAK,IAAC,IAAI,EAAE,EAAE,UAAU,uBAAO,gBAAgB,CAAE,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAyB;YAC5F,8BAAC,WAAI,qCAAkC;YACvC,8BAAC,WAAW,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,mBAA4B,CACrE,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAxGW,QAAA,UAAU,cAwGrB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.134.
|
|
3
|
+
"version": "0.134.40",
|
|
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>",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@fluentui-react-native/android-theme": ">=0.17.0 <1.0.0",
|
|
37
37
|
"@fluentui-react-native/apple-theme": ">=0.19.0 <1.0.0",
|
|
38
|
-
"@fluentui-react-native/avatar": "^1.8.
|
|
39
|
-
"@fluentui-react-native/badge": ">=0.5.
|
|
38
|
+
"@fluentui-react-native/avatar": "^1.8.4",
|
|
39
|
+
"@fluentui-react-native/badge": ">=0.5.3 <1.0.0",
|
|
40
40
|
"@fluentui-react-native/button": ">=0.32.44 <1.0.0",
|
|
41
41
|
"@fluentui-react-native/default-theme": ">=0.18.0 <1.0.0",
|
|
42
42
|
"@fluentui-react-native/divider": "^0.3.10",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
2
2
|
import React, { useState, useCallback, useMemo } from 'react';
|
|
3
|
-
import { View, Platform,
|
|
3
|
+
import { View, Platform, Image } from 'react-native';
|
|
4
4
|
|
|
5
5
|
import { ToggleButton } from '@fluentui/react-native';
|
|
6
6
|
import type {
|
|
@@ -14,6 +14,7 @@ import type {
|
|
|
14
14
|
} from '@fluentui-react-native/badge';
|
|
15
15
|
import { Badge, BadgeAppearances, BadgeColors, BadgeShapes, BadgeSizes } from '@fluentui-react-native/badge';
|
|
16
16
|
import { useFluentTheme } from '@fluentui-react-native/framework';
|
|
17
|
+
import { Text } from '@fluentui-react-native/text';
|
|
17
18
|
|
|
18
19
|
import { satyaPhotoUrl } from './../PersonaCoin/styles';
|
|
19
20
|
import { svgProps, iconProps } from '../Common/iconExamples';
|
|
@@ -57,6 +58,7 @@ export const BasicBadge: React.FunctionComponent = () => {
|
|
|
57
58
|
const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
|
|
58
59
|
|
|
59
60
|
const shadow = showShadow ? theme.shadows.shadow4 : undefined;
|
|
61
|
+
const showShadowWarning = showShadow && (badgeAppearance == 'ghost' || badgeAppearance == 'outline');
|
|
60
62
|
const CustomBadge = useCustomizedBadge({ shadowToken: shadow });
|
|
61
63
|
|
|
62
64
|
const badgeConfig = {
|
|
@@ -107,6 +109,7 @@ export const BasicBadge: React.FunctionComponent = () => {
|
|
|
107
109
|
) : (
|
|
108
110
|
<CustomBadge {...badgeConfig}>Basic badge</CustomBadge>
|
|
109
111
|
)}
|
|
112
|
+
{showShadowWarning && <Text variant="captionStandard">Adding a shadow to ghost and outline variants is not supported</Text>}
|
|
110
113
|
</View>
|
|
111
114
|
<Text>Size</Text>
|
|
112
115
|
<Badge size="tiny" />
|