@fluentui-react-native/tester 0.58.2 → 0.58.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 +114 -3
- package/CHANGELOG.md +26 -2
- package/lib/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js +6 -6
- package/lib/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Callout/CalloutTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Callout/CalloutTest.js +7 -7
- package/lib/FluentTester/TestComponents/Callout/CalloutTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Checkbox/CheckboxTest.js +6 -6
- package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js +8 -8
- package/lib/FluentTester/TestComponents/Common/Slider.js +1 -1
- package/lib/FluentTester/TestComponents/Common/Slider.js.map +1 -1
- package/lib/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js +4 -4
- package/lib/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Expander/ExpanderTest.js +4 -4
- package/lib/FluentTester/TestComponents/Expander/ExpanderTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/FocusTrapZone/FocusTrapZoneTest.js +2 -2
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.js +24 -26
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Icon/IconTest.js +2 -2
- package/lib/FluentTester/TestComponents/Link/LinkTest.js +2 -2
- package/lib/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.js +2 -2
- package/lib/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map +1 -1
- package/lib/FluentTester/TestComponents/Pressable/PressableTest.js +2 -2
- package/lib/FluentTester/TestComponents/Pressable/PressableTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/RadioGroup/RadioGroupTest.js +2 -2
- package/lib/FluentTester/TestComponents/Separator/SeparatorTest.js +2 -2
- package/lib/FluentTester/TestComponents/Separator/SeparatorTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Svg/SvgTest.js +20 -20
- package/lib/FluentTester/TestComponents/Svg/SvgTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Tabs/TabsTest.js +18 -18
- package/lib/FluentTester/TestComponents/Tabs/TabsTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/TabsExperimental/TabsTest.js +16 -16
- package/lib/FluentTester/TestComponents/TabsExperimental/TabsTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js +6 -6
- package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Callout/CalloutTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Callout/CalloutTest.js +7 -7
- package/lib-commonjs/FluentTester/TestComponents/Callout/CalloutTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Checkbox/CheckboxTest.js +6 -6
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js +8 -8
- package/lib-commonjs/FluentTester/TestComponents/Common/Slider.js +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Common/Slider.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js +4 -4
- package/lib-commonjs/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Expander/ExpanderTest.js +4 -4
- package/lib-commonjs/FluentTester/TestComponents/Expander/ExpanderTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusTrapZone/FocusTrapZoneTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.js +24 -26
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Icon/IconTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/Link/LinkTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Pressable/PressableTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/Pressable/PressableTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/RadioGroup/RadioGroupTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/Separator/SeparatorTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/Separator/SeparatorTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Svg/SvgTest.js +20 -20
- package/lib-commonjs/FluentTester/TestComponents/Svg/SvgTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Tabs/TabsTest.js +18 -18
- package/lib-commonjs/FluentTester/TestComponents/Tabs/TabsTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TabsExperimental/TabsTest.js +16 -16
- package/lib-commonjs/FluentTester/TestComponents/TabsExperimental/TabsTest.js.map +1 -1
- package/package.json +17 -17
- package/src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx +6 -6
- package/src/FluentTester/TestComponents/Callout/CalloutTest.tsx +34 -28
- package/src/FluentTester/TestComponents/Checkbox/CheckboxTest.tsx +6 -6
- package/src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx +8 -8
- package/src/FluentTester/TestComponents/Common/Slider.tsx +1 -1
- package/src/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx +4 -4
- package/src/FluentTester/TestComponents/Expander/ExpanderTest.tsx +4 -4
- package/src/FluentTester/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx +2 -2
- package/src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx +27 -25
- package/src/FluentTester/TestComponents/Icon/IconTest.tsx +2 -2
- package/src/FluentTester/TestComponents/Link/LinkTest.tsx +2 -2
- package/src/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.tsx +2 -2
- package/src/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx +1 -1
- package/src/FluentTester/TestComponents/Pressable/PressableTest.tsx +2 -2
- package/src/FluentTester/TestComponents/RadioGroup/RadioGroupTest.tsx +2 -2
- package/src/FluentTester/TestComponents/Separator/SeparatorTest.tsx +2 -2
- package/src/FluentTester/TestComponents/Svg/SvgTest.tsx +20 -20
- package/src/FluentTester/TestComponents/Tabs/TabsTest.tsx +18 -18
- package/src/FluentTester/TestComponents/TabsExperimental/TabsTest.tsx +16 -16
|
@@ -15,7 +15,7 @@ var styles = react_native_1.StyleSheet.create({
|
|
|
15
15
|
color: 'purple',
|
|
16
16
|
},
|
|
17
17
|
});
|
|
18
|
-
var
|
|
18
|
+
var RectTest = function () {
|
|
19
19
|
var _a = React.useState(false), useColorA = _a[0], setUseColorA = _a[1];
|
|
20
20
|
var colorA = 'red';
|
|
21
21
|
var colorB = 'green';
|
|
@@ -29,23 +29,23 @@ var rect = function () {
|
|
|
29
29
|
React.createElement(react_native_svg_1.Svg, { width: "50", height: "50" },
|
|
30
30
|
React.createElement(react_native_svg_1.Rect, { x: "10", y: "10", width: "20", height: "20", fill: useColorA ? colorA : colorB, stroke: "black" }))));
|
|
31
31
|
};
|
|
32
|
-
var
|
|
32
|
+
var CircleTest = function () {
|
|
33
33
|
return (React.createElement(react_native_svg_1.Svg, { width: "50", height: "50" },
|
|
34
34
|
React.createElement(react_native_svg_1.Circle, { cx: "25", cy: "25", r: "20", fill: "red", stroke: "black" })));
|
|
35
35
|
};
|
|
36
|
-
var
|
|
36
|
+
var LineTest = function () {
|
|
37
37
|
return (React.createElement(react_native_svg_1.Svg, { width: "50", height: "50" },
|
|
38
38
|
React.createElement(react_native_svg_1.Line, { x1: "10", y1: "10", x2: "20", y2: "20", fill: "red", stroke: "black" })));
|
|
39
39
|
};
|
|
40
|
-
var
|
|
40
|
+
var PathTest = function () {
|
|
41
41
|
return (React.createElement(react_native_svg_1.Svg, { width: "100", height: "100" },
|
|
42
42
|
React.createElement(react_native_svg_1.Path, { d: "M 0 0 A 10 10 0 0,1 0 100", fill: "magenta", stroke: "purple", id: "path" })));
|
|
43
43
|
};
|
|
44
|
-
var
|
|
44
|
+
var PolygonTest = function () {
|
|
45
45
|
return (React.createElement(react_native_svg_1.Svg, { height: "100", width: "100" },
|
|
46
46
|
React.createElement(react_native_svg_1.Polygon, { points: "40,5 70,80 25,95", fill: "lime", stroke: "purple", strokeWidth: "1" })));
|
|
47
47
|
};
|
|
48
|
-
var
|
|
48
|
+
var LinearGradientTest = function () {
|
|
49
49
|
return (React.createElement(react_native_svg_1.Svg, { height: "100", width: "100", style: { backgroundColor: 'black' }, viewBox: "0 0 10 10", color: "yellow" },
|
|
50
50
|
React.createElement(react_native_svg_1.Defs, null,
|
|
51
51
|
React.createElement(react_native_svg_1.LinearGradient, { id: "grad", x1: "0", y1: "0", x2: "1", y2: "0" },
|
|
@@ -53,7 +53,7 @@ var linearGradient = function () {
|
|
|
53
53
|
React.createElement(react_native_svg_1.Stop, { offset: "1", stopColor: "black", stopOpacity: "1" }))),
|
|
54
54
|
React.createElement(react_native_svg_1.Line, { x1: "0", y1: "0", x2: "10", y2: "10", fill: "red", stroke: "url(#grad)", strokeWidth: "5" })));
|
|
55
55
|
};
|
|
56
|
-
var
|
|
56
|
+
var RadialGradientTest = function () {
|
|
57
57
|
return (React.createElement(react_native_svg_1.Svg, { height: "100", width: "100", style: { backgroundColor: 'black' }, viewBox: "0 0 10 10", color: "yellow" },
|
|
58
58
|
React.createElement(react_native_svg_1.Defs, null,
|
|
59
59
|
React.createElement(react_native_svg_1.RadialGradient, { id: "grad2" },
|
|
@@ -61,7 +61,7 @@ var radialGradient = function () {
|
|
|
61
61
|
React.createElement(react_native_svg_1.Stop, { offset: "1", stopColor: "red" }))),
|
|
62
62
|
React.createElement(react_native_svg_1.Line, { x1: "0", y1: "0", x2: "9", y2: "9", stroke: "url(#grad2)", strokeWidth: "5" })));
|
|
63
63
|
};
|
|
64
|
-
var
|
|
64
|
+
var RectCircleTest = function () {
|
|
65
65
|
return (React.createElement(react_native_svg_1.Svg, { height: "200", width: "200" },
|
|
66
66
|
React.createElement(react_native_svg_1.Defs, null,
|
|
67
67
|
React.createElement(react_native_svg_1.G, { id: "shape" },
|
|
@@ -71,10 +71,10 @@ var rectCircle = function () {
|
|
|
71
71
|
React.createElement(react_native_svg_1.Use, { href: "#shape", x: "20", y: "0" }),
|
|
72
72
|
React.createElement(react_native_svg_1.Use, { href: "#shape", x: "170", y: "0" })));
|
|
73
73
|
};
|
|
74
|
-
var
|
|
74
|
+
var BundledSvgTest = function () {
|
|
75
75
|
return React.createElement(accessible_icon_brands_svg_1.default, { width: 200, height: 200, color: "red" });
|
|
76
76
|
};
|
|
77
|
-
var
|
|
77
|
+
var RemoteSvgTest = function () {
|
|
78
78
|
return (React.createElement(react_native_1.View, null,
|
|
79
79
|
React.createElement(react_native_svg_1.SvgCssUri, { style: styles.svg, viewBox: "0 0 200 200", width: "100", height: "100", uri: "https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg" }),
|
|
80
80
|
React.createElement(react_native_svg_1.SvgCssUri, { x: "50", y: "50", viewBox: "0 0 500 500", style: styles.svg, width: "100", height: "100", uri: "http://10.122.222.112:8080/accessible-icon-brands.svg" })));
|
|
@@ -83,43 +83,43 @@ var svgSections = [
|
|
|
83
83
|
{
|
|
84
84
|
name: 'Rect',
|
|
85
85
|
testID: consts_1.SVG_TESTPAGE,
|
|
86
|
-
component:
|
|
86
|
+
component: RectTest,
|
|
87
87
|
},
|
|
88
88
|
{
|
|
89
89
|
name: 'Circle',
|
|
90
|
-
component:
|
|
90
|
+
component: CircleTest,
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
93
|
name: 'Line',
|
|
94
|
-
component:
|
|
94
|
+
component: LineTest,
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
name: 'Path',
|
|
98
|
-
component:
|
|
98
|
+
component: PathTest,
|
|
99
99
|
},
|
|
100
100
|
{
|
|
101
101
|
name: 'Polygon',
|
|
102
|
-
component:
|
|
102
|
+
component: PolygonTest,
|
|
103
103
|
},
|
|
104
104
|
{
|
|
105
105
|
name: 'Linear Gradient',
|
|
106
|
-
component:
|
|
106
|
+
component: LinearGradientTest,
|
|
107
107
|
},
|
|
108
108
|
{
|
|
109
109
|
name: 'Radial Gradient',
|
|
110
|
-
component:
|
|
110
|
+
component: RadialGradientTest,
|
|
111
111
|
},
|
|
112
112
|
{
|
|
113
113
|
name: 'Rect and Circle via Defs and Use',
|
|
114
|
-
component:
|
|
114
|
+
component: RectCircleTest,
|
|
115
115
|
},
|
|
116
116
|
{
|
|
117
117
|
name: 'Bundled Svg',
|
|
118
|
-
component:
|
|
118
|
+
component: BundledSvgTest,
|
|
119
119
|
},
|
|
120
120
|
{
|
|
121
121
|
name: 'Remotely Retrieved Svgs',
|
|
122
|
-
component:
|
|
122
|
+
component: RemoteSvgTest,
|
|
123
123
|
},
|
|
124
124
|
];
|
|
125
125
|
var SvgTest = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Svg/SvgTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8D;AAC9D,uDAAmD;AACnD,qDAAyI;AACzI,gHAA0D;AAC1D,mCAAwC;AACxC,gCAA4D;AAE5D,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC,CAAC;AAEH,IAAM,
|
|
1
|
+
{"version":3,"file":"SvgTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Svg/SvgTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8D;AAC9D,uDAAmD;AACnD,qDAAyI;AACzI,gHAA0D;AAC1D,mCAAwC;AACxC,gCAA4D;AAE5D,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC,CAAC;AAEH,IAAM,QAAQ,GAA4B;IAClC,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhD,SAAS,QAAA,EAAE,YAAY,QAAyB,CAAC;IACxD,IAAM,MAAM,GAAG,KAAK,CAAC;IACrB,IAAM,MAAM,GAAG,OAAO,CAAC;IACvB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE;YACzD,oBAAC,qBAAM,IACL,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,UAAC,KAAK;oBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC,GACD;YACF,oBAAC,mBAAI,uBAAoB,CACpB;QACP,oBAAC,wBAAS,OAAG;QACb,oBAAC,sBAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI;YACzB,oBAAC,uBAAI,IAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAC,OAAO,GAAG,CAC3F,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,UAAU,GAA4B;IAC1C,OAAO,CACL,oBAAC,sBAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI;QACzB,oBAAC,yBAAM,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,GAAG,CACvD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,QAAQ,GAA4B;IACxC,OAAO,CACL,oBAAC,sBAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI;QACzB,oBAAC,uBAAI,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,GAAG,CAC9D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,QAAQ,GAA4B;IACxC,OAAO,CACL,oBAAC,sBAAG,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK;QAC3B,oBAAC,uBAAI,IAAC,CAAC,EAAC,2BAA2B,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,MAAM,GAAG,CAC3E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,sBAAG,IAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK;QAC3B,oBAAC,0BAAO,IAAC,MAAM,EAAC,kBAAkB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,WAAW,EAAC,GAAG,GAAG,CAC7E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAA4B;IAClD,OAAO,CACL,oBAAC,sBAAG,IAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ;QACnG,oBAAC,uBAAI;YACH,oBAAC,iCAAc,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG;gBACnD,oBAAC,uBAAI,IAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG;gBACrD,oBAAC,uBAAI,IAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG,CACtC,CACZ;QACP,oBAAC,uBAAI,IAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,YAAY,EAAC,WAAW,EAAC,GAAG,GAAG,CACjF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAA4B;IAClD,OAAO,CACL,oBAAC,sBAAG,IAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ;QACnG,oBAAC,uBAAI;YACH,oBAAC,iCAAc,IAAC,EAAE,EAAC,OAAO;gBACxB,oBAAC,uBAAI,IAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,MAAM,GAAG;gBACpC,oBAAC,uBAAI,IAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,KAAK,GAAG,CACpB,CACZ;QACP,oBAAC,uBAAI,IAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,GAAG,GAAG,CACrE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAA4B;IAC9C,OAAO,CACL,oBAAC,sBAAG,IAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK;QAC3B,oBAAC,uBAAI;YACH,oBAAC,oBAAC,IAAC,EAAE,EAAC,OAAO;gBACX,oBAAC,oBAAC;oBACA,oBAAC,uBAAI,IAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,GAAG;oBAC1D,oBAAC,yBAAM,IAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,CAC5D,CACF,CACC;QACP,oBAAC,sBAAG,IAAC,IAAI,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG;QAClC,oBAAC,sBAAG,IAAC,IAAI,EAAC,QAAQ,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,GAAG,GAAG,CAC/B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAA4B;IAC9C,OAAO,oBAAC,oCAAO,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,KAAK,GAAG,CAAC;AAC1D,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B;IAC7C,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,4BAAS,IACR,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,GAAG,EAAC,iEAAiE,GACrE;QACF,oBAAC,4BAAS,IACR,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,GAAG,EAAC,uDAAuD,GAC3D,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,qBAAY;QACpB,SAAS,EAAE,QAAQ;KACpB;IACD;QACE,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,UAAU;KACtB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;KACpB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;KACpB;IACD;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,kCAAkC;QACxC,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEK,IAAM,OAAO,GAA4B;IAC9C,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,iBAAiB,CAAC;IAEtC,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,UAAU,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACnG,CAAC,CAAC;AAZW,QAAA,OAAO,WAYlB"}
|
|
@@ -10,7 +10,7 @@ var consts_1 = require("./consts");
|
|
|
10
10
|
var Test_1 = require("../Test");
|
|
11
11
|
var TabsE2ETest_1 = require("./TabsE2ETest");
|
|
12
12
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
13
|
-
var
|
|
13
|
+
var TabsMainTest = function () {
|
|
14
14
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
15
15
|
React.createElement(react_native_2.Tabs, { label: "Tabs" },
|
|
16
16
|
React.createElement(react_native_2.TabsItem, { headerText: "Home", itemKey: "A" },
|
|
@@ -20,7 +20,7 @@ var tabs = function () {
|
|
|
20
20
|
React.createElement(react_native_2.TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
21
21
|
React.createElement(react_native_2.Text, null, "Tabs #3")))));
|
|
22
22
|
};
|
|
23
|
-
var
|
|
23
|
+
var DisabledTabs = function () {
|
|
24
24
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
25
25
|
React.createElement(react_native_2.Tabs, { label: "Tabs" },
|
|
26
26
|
React.createElement(react_native_2.TabsItem, { headerText: "Home", itemKey: "A" },
|
|
@@ -30,7 +30,7 @@ var disabledTabs = function () {
|
|
|
30
30
|
React.createElement(react_native_2.TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
31
31
|
React.createElement(react_native_2.Text, null, "Tabs #3")))));
|
|
32
32
|
};
|
|
33
|
-
var
|
|
33
|
+
var TabsCountIcon = function () {
|
|
34
34
|
var svgExample = {
|
|
35
35
|
svgSource: {
|
|
36
36
|
src: test_svg_1.default,
|
|
@@ -48,7 +48,7 @@ var tabsCountIcon = function () {
|
|
|
48
48
|
React.createElement(react_native_2.TabsItem, { itemKey: "C", icon: svgExample },
|
|
49
49
|
React.createElement(react_native_2.Text, null, "Tabs #3")))));
|
|
50
50
|
};
|
|
51
|
-
var
|
|
51
|
+
var TabsClickEventTest = function () {
|
|
52
52
|
var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
53
53
|
var onTabsClick = function (key) {
|
|
54
54
|
setSelectedKey(key);
|
|
@@ -65,7 +65,7 @@ var onTabsClickEvent = function () {
|
|
|
65
65
|
React.createElement(react_native_2.TabsItem, { headerText: "Settings", itemKey: "settings_key" },
|
|
66
66
|
React.createElement(react_native_2.Text, null, "Tabs #3")))));
|
|
67
67
|
};
|
|
68
|
-
var
|
|
68
|
+
var TabsChangingViews = function () {
|
|
69
69
|
// If user wants to control what gets rendered example.
|
|
70
70
|
var _a = React.useState('Tabs #1'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
71
71
|
var onTabsClick = function (key) {
|
|
@@ -79,7 +79,7 @@ var tabsChangingViews = function () {
|
|
|
79
79
|
React.createElement(react_native_1.View, { style: { marginVertical: 1 } },
|
|
80
80
|
React.createElement(react_native_2.Text, null, selectedKey))));
|
|
81
81
|
};
|
|
82
|
-
var
|
|
82
|
+
var TabsRenderSeparately = function () {
|
|
83
83
|
var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
84
84
|
var onTabsClick = function (key) {
|
|
85
85
|
setSelectedKey(key);
|
|
@@ -98,7 +98,7 @@ var tabsRenderSeparately = function () {
|
|
|
98
98
|
React.createElement(react_native_2.TabsItem, { headerText: "Square Red", itemKey: "squareRed" }),
|
|
99
99
|
React.createElement(react_native_2.TabsItem, { headerText: "Rectangle Green", itemKey: "rectangleGreen" }))));
|
|
100
100
|
};
|
|
101
|
-
var
|
|
101
|
+
var TabsSettingSelectedKey = function () {
|
|
102
102
|
// If user wants to programmatically set the tab's selectedKey with a button example.
|
|
103
103
|
var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
104
104
|
var _b = React.useState(0), currTabItemIndex = _b[0], setCurrTabItemIndex = _b[1];
|
|
@@ -118,7 +118,7 @@ var tabsSettingSelectedKey = function () {
|
|
|
118
118
|
React.createElement(react_native_2.Text, null, "Tabs #3"))),
|
|
119
119
|
React.createElement(react_native_2.Button, { content: "View Next Tab", onClick: goToNextTab })));
|
|
120
120
|
};
|
|
121
|
-
var
|
|
121
|
+
var TabsShowHideItem = function () {
|
|
122
122
|
var _a = React.useState(true), showFirstItem = _a[0], setshowFirstItem = _a[1];
|
|
123
123
|
var toggleShowFirstItem = React.useCallback(function () {
|
|
124
124
|
setshowFirstItem(!showFirstItem);
|
|
@@ -135,7 +135,7 @@ var tabsShowHideItem = function () {
|
|
|
135
135
|
React.createElement(react_native_2.Text, null, "Tabs #3"))),
|
|
136
136
|
React.createElement(react_native_2.Button, { content: "".concat(showFirstItem ? 'Hide' : 'Show', " First Tabs Item"), onClick: toggleShowFirstItem })));
|
|
137
137
|
};
|
|
138
|
-
var
|
|
138
|
+
var TabsWithFlexibility = function () {
|
|
139
139
|
var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
140
140
|
var goHomeTab = function () {
|
|
141
141
|
setSelectedKey('home');
|
|
@@ -157,35 +157,35 @@ var tabsSections = [
|
|
|
157
157
|
{
|
|
158
158
|
name: 'Default Tabs',
|
|
159
159
|
testID: consts_1.TABS_TESTPAGE,
|
|
160
|
-
component:
|
|
160
|
+
component: TabsMainTest,
|
|
161
161
|
},
|
|
162
162
|
{
|
|
163
163
|
name: 'Tabs with disabled',
|
|
164
|
-
component:
|
|
164
|
+
component: DisabledTabs,
|
|
165
165
|
},
|
|
166
166
|
{
|
|
167
167
|
name: 'Trigger onTabsClick event',
|
|
168
|
-
component:
|
|
168
|
+
component: TabsClickEventTest,
|
|
169
169
|
},
|
|
170
170
|
{
|
|
171
171
|
name: 'User Custom Render',
|
|
172
|
-
component:
|
|
172
|
+
component: TabsChangingViews,
|
|
173
173
|
},
|
|
174
174
|
{
|
|
175
175
|
name: 'Render Content Separately',
|
|
176
|
-
component:
|
|
176
|
+
component: TabsRenderSeparately,
|
|
177
177
|
},
|
|
178
178
|
{
|
|
179
179
|
name: 'Override Selected Key',
|
|
180
|
-
component:
|
|
180
|
+
component: TabsSettingSelectedKey,
|
|
181
181
|
},
|
|
182
182
|
{
|
|
183
183
|
name: 'Show/Hide Tabs item',
|
|
184
|
-
component:
|
|
184
|
+
component: TabsShowHideItem,
|
|
185
185
|
},
|
|
186
186
|
{
|
|
187
187
|
name: 'More Flexibility',
|
|
188
|
-
component:
|
|
188
|
+
component: TabsWithFlexibility,
|
|
189
189
|
},
|
|
190
190
|
{
|
|
191
191
|
name: 'E2E Tabs Test',
|
|
@@ -195,7 +195,7 @@ var tabsSections = [
|
|
|
195
195
|
if (react_native_1.Platform.OS !== 'windows') {
|
|
196
196
|
tabsSections.push({
|
|
197
197
|
name: 'Count and Icon',
|
|
198
|
-
component:
|
|
198
|
+
component: TabsCountIcon,
|
|
199
199
|
});
|
|
200
200
|
}
|
|
201
201
|
var TabsTest = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/TabsTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8C;AAC9C,uDAAsE;AACtE,2CAA8C;AAC9C,mCAAyC;AACzC,gCAA4D;AAC5D,6CAA4C;AAC5C,qEAAiC;AAEjC,IAAM,
|
|
1
|
+
{"version":3,"file":"TabsTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/TabsTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ var consts_1 = require("./consts");
|
|
|
12
12
|
var Test_1 = require("../Test");
|
|
13
13
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
14
14
|
var TabsExperimentalE2ETest_1 = require("./TabsExperimentalE2ETest");
|
|
15
|
-
var
|
|
15
|
+
var TabsMainTest = function () {
|
|
16
16
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
17
17
|
React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
|
|
18
18
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
|
|
@@ -22,7 +22,7 @@ var tabs = function () {
|
|
|
22
22
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
23
23
|
React.createElement(experimental_text_1.Text, null, "Tabs #3")))));
|
|
24
24
|
};
|
|
25
|
-
var
|
|
25
|
+
var DisabledTabs = function () {
|
|
26
26
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
27
27
|
React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
|
|
28
28
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
|
|
@@ -32,7 +32,7 @@ var disabledTabs = function () {
|
|
|
32
32
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
33
33
|
React.createElement(experimental_text_1.Text, null, "Tabs #3")))));
|
|
34
34
|
};
|
|
35
|
-
var
|
|
35
|
+
var TabsCountIcon = function () {
|
|
36
36
|
var svgProps = {
|
|
37
37
|
src: test_svg_1.default,
|
|
38
38
|
viewBox: '0 0 500 500',
|
|
@@ -46,7 +46,7 @@ var tabsCountIcon = function () {
|
|
|
46
46
|
React.createElement(experimental_tabs_1.TabsItem, { itemKey: "C", icon: { svgSource: svgProps, width: 20, height: 20 } },
|
|
47
47
|
React.createElement(experimental_text_1.Text, null, "Tabs #3")))));
|
|
48
48
|
};
|
|
49
|
-
var
|
|
49
|
+
var TabsClickEventTest = function () {
|
|
50
50
|
var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
51
51
|
var onTabsClick = React.useCallback(function (key) {
|
|
52
52
|
setSelectedKey(key);
|
|
@@ -61,7 +61,7 @@ var onTabsClickEvent = function () {
|
|
|
61
61
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "settings_key" },
|
|
62
62
|
React.createElement(experimental_text_1.Text, null, "Tabs #3")))));
|
|
63
63
|
};
|
|
64
|
-
var
|
|
64
|
+
var TabsChangingViews = function () {
|
|
65
65
|
// If User wants to control what gets rendered example
|
|
66
66
|
var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
67
67
|
var onTabsClick = React.useCallback(function (key) {
|
|
@@ -77,7 +77,7 @@ var tabsChangingViews = function () {
|
|
|
77
77
|
selectedKey == 'file' && React.createElement(experimental_text_1.Text, null, "Tabs #2"),
|
|
78
78
|
selectedKey == 'settings' && React.createElement(experimental_text_1.Text, null, "Tabs #3"))));
|
|
79
79
|
};
|
|
80
|
-
var
|
|
80
|
+
var TabsRenderSeparately = function () {
|
|
81
81
|
var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
82
82
|
var onTabsClick = React.useCallback(function (key) {
|
|
83
83
|
setSelectedKey(key);
|
|
@@ -96,7 +96,7 @@ var tabsRenderSeparately = function () {
|
|
|
96
96
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Square Red", itemKey: "squareRed" }),
|
|
97
97
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Rectangle Green", itemKey: "rectangleGreen" }))));
|
|
98
98
|
};
|
|
99
|
-
var
|
|
99
|
+
var TabsSettingSelectedKey = function () {
|
|
100
100
|
// If user wants to programmatically set the selectedKey to control the view
|
|
101
101
|
var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
102
102
|
var _b = React.useState(0), currTabItemIndex = _b[0], setCurrTabItemIndex = _b[1];
|
|
@@ -116,7 +116,7 @@ var tabsSettingSelectedKey = function () {
|
|
|
116
116
|
React.createElement(experimental_text_1.Text, null, "Tabs #3"))),
|
|
117
117
|
React.createElement(experimental_button_1.Button, { onClick: goToNextTab }, "View Next Tab")));
|
|
118
118
|
};
|
|
119
|
-
var
|
|
119
|
+
var TabsWithFlexibility = function () {
|
|
120
120
|
var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
121
121
|
var goHomeTab = React.useCallback(function () {
|
|
122
122
|
setSelectedKey('home');
|
|
@@ -138,31 +138,31 @@ var tabsSections = [
|
|
|
138
138
|
{
|
|
139
139
|
name: 'Default Tabs',
|
|
140
140
|
testID: consts_1.EXPERIMENTAL_TABS_TESTPAGE,
|
|
141
|
-
component:
|
|
141
|
+
component: TabsMainTest,
|
|
142
142
|
},
|
|
143
143
|
{
|
|
144
144
|
name: 'Tabs with disabled',
|
|
145
|
-
component:
|
|
145
|
+
component: DisabledTabs,
|
|
146
146
|
},
|
|
147
147
|
{
|
|
148
148
|
name: 'Trigger onTabsClick event',
|
|
149
|
-
component:
|
|
149
|
+
component: TabsClickEventTest,
|
|
150
150
|
},
|
|
151
151
|
{
|
|
152
152
|
name: 'User Custom Render',
|
|
153
|
-
component:
|
|
153
|
+
component: TabsChangingViews,
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
156
|
name: 'Render Content Separately',
|
|
157
|
-
component:
|
|
157
|
+
component: TabsRenderSeparately,
|
|
158
158
|
},
|
|
159
159
|
{
|
|
160
160
|
name: 'Override Selected Key',
|
|
161
|
-
component:
|
|
161
|
+
component: TabsSettingSelectedKey,
|
|
162
162
|
},
|
|
163
163
|
{
|
|
164
164
|
name: 'More Flexibility',
|
|
165
|
-
component:
|
|
165
|
+
component: TabsWithFlexibility,
|
|
166
166
|
},
|
|
167
167
|
{
|
|
168
168
|
name: 'E2E Testing Experimental Tabs',
|
|
@@ -172,7 +172,7 @@ var tabsSections = [
|
|
|
172
172
|
if (react_native_1.Platform.OS !== 'windows') {
|
|
173
173
|
tabsSections.push({
|
|
174
174
|
name: 'Count and Icon',
|
|
175
|
-
component:
|
|
175
|
+
component: TabsCountIcon,
|
|
176
176
|
});
|
|
177
177
|
}
|
|
178
178
|
var ExperimentalTabsTest = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TabsExperimental/TabsTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8C;AAC9C,8EAAgE;AAChE,kFAAoE;AACpE,8EAA0E;AAC1E,2CAA8C;AAC9C,mCAAsD;AACtD,gCAA4D;AAE5D,qEAAiC;AACjC,qEAAoE;AAEpE,IAAM,
|
|
1
|
+
{"version":3,"file":"TabsTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TabsExperimental/TabsTest.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.58.
|
|
3
|
+
"version": "0.58.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>",
|
|
@@ -27,29 +27,29 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/android-theme": ">=0.5.5 <1.0.0",
|
|
29
29
|
"@fluentui-react-native/apple-theme": ">=0.9.11 <1.0.0",
|
|
30
|
-
"@fluentui-react-native/badge": ">=0.0.
|
|
31
|
-
"@fluentui-react-native/button": ">=0.22.
|
|
30
|
+
"@fluentui-react-native/badge": ">=0.0.17 <1.0.0",
|
|
31
|
+
"@fluentui-react-native/button": ">=0.22.7 <1.0.0",
|
|
32
32
|
"@fluentui-react-native/default-theme": ">=0.9.11 <1.0.0",
|
|
33
|
-
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.
|
|
34
|
-
"@fluentui-react-native/experimental-avatar": ">=0.14.
|
|
35
|
-
"@fluentui-react-native/experimental-button": "0.15.
|
|
36
|
-
"@fluentui-react-native/experimental-checkbox": "0.10.
|
|
33
|
+
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.15 <1.0.0",
|
|
34
|
+
"@fluentui-react-native/experimental-avatar": ">=0.14.7 <1.0.0",
|
|
35
|
+
"@fluentui-react-native/experimental-button": "0.15.7",
|
|
36
|
+
"@fluentui-react-native/experimental-checkbox": "0.10.2",
|
|
37
37
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
|
|
38
|
-
"@fluentui-react-native/experimental-expander": "0.3.
|
|
39
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.3.
|
|
40
|
-
"@fluentui-react-native/experimental-shimmer": "0.6.
|
|
41
|
-
"@fluentui-react-native/experimental-tabs": "0.4.
|
|
42
|
-
"@fluentui-react-native/experimental-text": ">=0.7.
|
|
43
|
-
"@fluentui-react-native/framework": ">=0.7.
|
|
44
|
-
"@fluentui-react-native/icon": "0.11.
|
|
45
|
-
"@fluentui-react-native/interactive-hooks": ">=0.14.
|
|
46
|
-
"@fluentui-react-native/stack": ">=0.6.
|
|
38
|
+
"@fluentui-react-native/experimental-expander": "0.3.16",
|
|
39
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.3.16 <1.0.0",
|
|
40
|
+
"@fluentui-react-native/experimental-shimmer": "0.6.19",
|
|
41
|
+
"@fluentui-react-native/experimental-tabs": "0.4.26",
|
|
42
|
+
"@fluentui-react-native/experimental-text": ">=0.7.16 <1.0.0",
|
|
43
|
+
"@fluentui-react-native/framework": ">=0.7.16 <1.0.0",
|
|
44
|
+
"@fluentui-react-native/icon": "0.11.11",
|
|
45
|
+
"@fluentui-react-native/interactive-hooks": ">=0.14.2 <1.0.0",
|
|
46
|
+
"@fluentui-react-native/stack": ">=0.6.16 <1.0.0",
|
|
47
47
|
"@fluentui-react-native/theme": ">=0.6.5 <1.0.0",
|
|
48
48
|
"@fluentui-react-native/theme-types": ">=0.14.0 <1.0.0",
|
|
49
49
|
"@fluentui-react-native/themed-stylesheet": "^1.3.2",
|
|
50
50
|
"@fluentui-react-native/theming-utils": ">=0.9.0 <1.0.0",
|
|
51
51
|
"@fluentui-react-native/win32-theme": ">=0.14.13 <1.0.0",
|
|
52
|
-
"@fluentui/react-native": ">=0.27.
|
|
52
|
+
"@fluentui/react-native": ">=0.27.37 <1.0.0",
|
|
53
53
|
"@react-native-community/slider": "^4.2.0",
|
|
54
54
|
"@react-native-menu/menu": "^0.1.2",
|
|
55
55
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -7,7 +7,7 @@ import { Test, TestSection, PlatformStatus } from '../Test';
|
|
|
7
7
|
import { ACTIVITY_INDICATOR_TESTPAGE } from './consts';
|
|
8
8
|
import { View, Switch } from 'react-native';
|
|
9
9
|
|
|
10
|
-
const
|
|
10
|
+
const BasicActivityIndicator: React.FunctionComponent = () => {
|
|
11
11
|
const [animating, setAnimating] = React.useState(true);
|
|
12
12
|
const [hidesWhenStopped, setHidesWhenStopped] = React.useState(true);
|
|
13
13
|
|
|
@@ -30,7 +30,7 @@ const basicActivityIndicator: React.FunctionComponent = () => {
|
|
|
30
30
|
);
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
const
|
|
33
|
+
const ActivityIndicatorMainTest: React.FunctionComponent = () => {
|
|
34
34
|
return (
|
|
35
35
|
<Stack style={stackStyle}>
|
|
36
36
|
<Text>Extra Small</Text>
|
|
@@ -57,7 +57,7 @@ const CustomizedActivityIndicator = ActivityIndicator.customize({
|
|
|
57
57
|
size: 'large',
|
|
58
58
|
});
|
|
59
59
|
|
|
60
|
-
const
|
|
60
|
+
const CustomizedActivityIndicatorTest: React.FunctionComponent = () => {
|
|
61
61
|
return (
|
|
62
62
|
<Stack style={stackStyle}>
|
|
63
63
|
<Text>Customized Activity Indicator</Text>
|
|
@@ -70,17 +70,17 @@ const activityIndicatorSections: TestSection[] = [
|
|
|
70
70
|
{
|
|
71
71
|
name: 'Base ActivityIndicator',
|
|
72
72
|
testID: ACTIVITY_INDICATOR_TESTPAGE,
|
|
73
|
-
component:
|
|
73
|
+
component: BasicActivityIndicator,
|
|
74
74
|
},
|
|
75
75
|
{
|
|
76
76
|
name: 'ActivityIndicator',
|
|
77
77
|
testID: ACTIVITY_INDICATOR_TESTPAGE,
|
|
78
|
-
component:
|
|
78
|
+
component: ActivityIndicatorMainTest,
|
|
79
79
|
},
|
|
80
80
|
{
|
|
81
81
|
name: 'Customized ActivityIndicator',
|
|
82
82
|
testID: ACTIVITY_INDICATOR_TESTPAGE,
|
|
83
|
-
component:
|
|
83
|
+
component: CustomizedActivityIndicatorTest,
|
|
84
84
|
},
|
|
85
85
|
];
|
|
86
86
|
|