@fluentui-react-native/tester 0.88.0 → 0.89.0

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.
Files changed (10) hide show
  1. package/CHANGELOG.json +27 -12
  2. package/CHANGELOG.md +10 -2
  3. package/lib/TestComponents/Test.d.ts.map +1 -1
  4. package/lib/TestComponents/Test.js +65 -45
  5. package/lib/TestComponents/Test.js.map +1 -1
  6. package/lib-commonjs/TestComponents/Test.d.ts.map +1 -1
  7. package/lib-commonjs/TestComponents/Test.js +63 -43
  8. package/lib-commonjs/TestComponents/Test.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/TestComponents/Test.tsx +85 -58
package/CHANGELOG.json CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 26 Aug 2022 18:14:35 GMT",
5
+ "date": "Fri, 26 Aug 2022 19:52:09 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.89.0",
7
+ "version": "0.89.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "joannaquu@gmail.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "b5681c7c80f8f7518570cd497030cc302861e780",
14
+ "comment": "fix issue where status definitions don't wrap"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Fri, 26 Aug 2022 18:15:17 GMT",
6
21
  "tag": "@fluentui-react-native/tester_v0.88.0",
7
22
  "version": "0.88.0",
8
23
  "comments": {
@@ -37,67 +52,67 @@
37
52
  "author": "beachball",
38
53
  "package": "@fluentui-react-native/tester",
39
54
  "comment": "Bump @fluentui-react-native/avatar to v1.2.0",
40
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
55
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
41
56
  },
42
57
  {
43
58
  "author": "beachball",
44
59
  "package": "@fluentui-react-native/tester",
45
60
  "comment": "Bump @fluentui-react-native/badge to v0.1.24",
46
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
61
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
47
62
  },
48
63
  {
49
64
  "author": "beachball",
50
65
  "package": "@fluentui-react-native/tester",
51
66
  "comment": "Bump @fluentui-react-native/button to v0.24.17",
52
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
67
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
53
68
  },
54
69
  {
55
70
  "author": "beachball",
56
71
  "package": "@fluentui-react-native/tester",
57
72
  "comment": "Bump @fluentui-react-native/experimental-button to v0.16.17",
58
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
73
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
59
74
  },
60
75
  {
61
76
  "author": "beachball",
62
77
  "package": "@fluentui-react-native/tester",
63
78
  "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.20",
64
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
79
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
65
80
  },
66
81
  {
67
82
  "author": "beachball",
68
83
  "package": "@fluentui-react-native/tester",
69
84
  "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.13",
70
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
85
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
71
86
  },
72
87
  {
73
88
  "author": "beachball",
74
89
  "package": "@fluentui-react-native/tester",
75
90
  "comment": "Bump @fluentui-react-native/experimental-radio-group to v0.2.1",
76
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
91
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
77
92
  },
78
93
  {
79
94
  "author": "beachball",
80
95
  "package": "@fluentui-react-native/tester",
81
96
  "comment": "Bump @fluentui-react-native/menu to v1.0.26",
82
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
97
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
83
98
  },
84
99
  {
85
100
  "author": "beachball",
86
101
  "package": "@fluentui-react-native/tester",
87
102
  "comment": "Bump @fluentui-react-native/notification to v0.16.1",
88
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
103
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
89
104
  },
90
105
  {
91
106
  "author": "beachball",
92
107
  "package": "@fluentui-react-native/tester",
93
108
  "comment": "Bump @fluentui-react-native/switch to v0.6.2",
94
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
109
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
95
110
  },
96
111
  {
97
112
  "author": "beachball",
98
113
  "package": "@fluentui-react-native/tester",
99
114
  "comment": "Bump @fluentui/react-native to v0.32.8",
100
- "commit": "84b13ae93dd9b852bb589a94530331e2ef9462e8"
115
+ "commit": "dafd1715f123ac93deb845cd94bc0be2e1f421ff"
101
116
  }
102
117
  ]
103
118
  }
package/CHANGELOG.md CHANGED
@@ -1,12 +1,20 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Fri, 26 Aug 2022 18:14:35 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 26 Aug 2022 19:52:09 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.89.0
8
+
9
+ Fri, 26 Aug 2022 19:52:09 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - fix issue where status definitions don't wrap (joannaquu@gmail.com)
14
+
7
15
  ## 0.88.0
8
16
 
9
- Fri, 26 Aug 2022 18:14:35 GMT
17
+ Fri, 26 Aug 2022 18:15:17 GMT
10
18
 
11
19
  ### Minor changes
12
20
 
package/lib/TestComponents/Test.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Test.d.ts","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACpC,CAAC;AAEF,oBAAY,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,CAAC;AAChF,oBAAY,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAiCD,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,MAAM,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CA2E/E,CAAC"}
1
+ {"version":3,"file":"Test.d.ts","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACpC,CAAC;AAEF,oBAAY,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,CAAC;AAChF,oBAAY,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAuCD,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,MAAM,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CA6F/E,CAAC"}
package/lib/TestComponents/Test.js CHANGED
@@ -1,12 +1,25 @@
1
1
  import * as React from 'react';
2
- import { StyleSheet, View, Platform } from 'react-native';
3
- import { Text, Separator } from '@fluentui/react-native';
2
+ import { Platform, StyleSheet, View } from 'react-native';
3
+ import { Text, ToggleButton, Separator } from '@fluentui/react-native';
4
4
  import { Stack } from '@fluentui-react-native/stack';
5
5
  import { stackStyle } from './Common/styles';
6
+ import { useTheme } from '@fluentui-react-native/theme-types';
7
+ import Svg, { G, Path } from 'react-native-svg';
8
+ var definitions = {
9
+ Production: 'Control is ready for broad partner use and to be used in production-ready scenarios.',
10
+ Beta: 'Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).',
11
+ Experimental: 'Control code checked into repo, but not ready for partner use.',
12
+ Backlog: 'Control is in plan and on our backlog to deliver.',
13
+ 'N/A': 'Control is not in current plan.',
14
+ };
6
15
  var styles = StyleSheet.create({
7
16
  name: {
8
17
  marginTop: 4,
9
18
  },
19
+ definitionHeader: {
20
+ marginTop: 12,
21
+ marginBottom: 6,
22
+ },
10
23
  description: {
11
24
  alignItems: 'flex-start',
12
25
  flexWrap: 'wrap',
@@ -16,12 +29,9 @@ var styles = StyleSheet.create({
16
29
  },
17
30
  statusView: {
18
31
  flexDirection: 'row',
19
- alignItems: 'flex-start',
32
+ alignItems: 'center',
20
33
  justifyContent: 'space-between',
21
34
  },
22
- statusHeader: {
23
- marginBottom: 6,
24
- },
25
35
  statusLabel: {
26
36
  marginTop: 2,
27
37
  marginStart: 4,
@@ -30,52 +40,62 @@ var styles = StyleSheet.create({
30
40
  fontWeight: 'normal',
31
41
  },
32
42
  });
33
- // mobile platform check to not render status components.
34
- var isMobile = Platform.OS == 'android' || (Platform.OS == 'ios' && !Platform.isPad);
35
43
  export var Test = function (props) {
44
+ var _a = React.useState(false), showStatus = _a[0], setShowStatus = _a[1];
45
+ var toggleSvg = function () {
46
+ var plusPath = 'M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V5H1.75C1.33579 5 1 5.33579 1 5.75C1 6.16421 1.33579 6.5 1.75 6.5H5V9.75C5 10.1642 5.33579 10.5 5.75 10.5C6.16421 10.5 6.5 10.1642 6.5 9.75V6.5H9.75C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5H6.5V1.75Z';
47
+ var minusPath = 'M2.75 5.25h6.5s0.75 0 0.75 0.75v0s0 0.75 -0.75 0.75h-6.5s-0.75 0 -0.75 -0.75v0s0 -0.75 0.75 -0.75';
48
+ var path = showStatus ? minusPath : plusPath;
49
+ return (React.createElement(Svg, null,
50
+ React.createElement(G, null,
51
+ React.createElement(Path, { d: path, fill: "black" }))));
52
+ };
53
+ var svgProps = {
54
+ src: toggleSvg,
55
+ };
56
+ var theme = useTheme();
57
+ var fontFamily = theme.typography.families.primary;
58
+ var plusCodepoint = 0x2795;
59
+ var minusCodepoint = 0x2796;
60
+ var fontIconProps = {
61
+ fontFamily: fontFamily,
62
+ codepoint: showStatus ? minusCodepoint : plusCodepoint,
63
+ fontSize: 10,
64
+ };
65
+ var toggleIconProps = Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
36
66
  return (React.createElement(View, { testID: "ScrollViewAreaForComponents" },
37
67
  React.createElement(Text, { style: [styles.name], variant: "heroSemibold" }, props.name),
38
68
  React.createElement(Separator, null),
39
69
  React.createElement(Stack, { style: stackStyle },
40
70
  React.createElement(Text, { style: styles.description }, props.description)),
41
- !isMobile && (React.createElement(Stack, { style: stackStyle },
71
+ React.createElement(Stack, { style: stackStyle },
42
72
  React.createElement(View, { style: styles.statusView },
43
- React.createElement(Stack, null,
44
- React.createElement(Text, { style: [styles.statusHeader], variant: "headerStandard" }, "Platform Status"),
45
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
46
- "Win32: ",
47
- React.createElement(Text, { style: styles.status }, props.status.win32Status)),
48
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
49
- "UWP: ",
50
- React.createElement(Text, { style: styles.status }, props.status.uwpStatus)),
51
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
52
- "iOS: ",
53
- React.createElement(Text, { style: styles.status }, props.status.iosStatus)),
54
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
55
- "macOS: ",
56
- React.createElement(Text, { style: styles.status }, props.status.macosStatus)),
57
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
58
- "Android: ",
59
- React.createElement(Text, { style: styles.status }, props.status.androidStatus))),
60
- React.createElement(Stack, { style: stackStyle },
61
- React.createElement(Text, { style: [styles.statusHeader], variant: "headerStandard" }, "Status Definitions"),
62
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
63
- "Production:",
64
- ' ',
65
- React.createElement(Text, { style: styles.status }, "Control is ready for broad partner use and to be used in production-ready scenarios.")),
66
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
67
- "Beta:",
68
- ' ',
69
- React.createElement(Text, { style: styles.status }, "Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).")),
70
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
71
- "Experimental: ",
72
- React.createElement(Text, { style: styles.status }, "Control code checked into repo, but not ready for partner use.")),
73
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
74
- "Backlog: ",
75
- React.createElement(Text, { style: styles.status }, "Control is in plan and on our backlog to deliver.")),
76
- React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
77
- "N/A: ",
78
- React.createElement(Text, { style: styles.status }, "Control is not in current plan.")))))),
73
+ React.createElement(Text, { variant: "headerStandard" }, "Platform Status"),
74
+ React.createElement(ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: function () { return setShowStatus(!showStatus); } })),
75
+ showStatus && (React.createElement(React.Fragment, null,
76
+ React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
77
+ "Win32: ",
78
+ React.createElement(Text, { style: styles.status }, props.status.win32Status)),
79
+ React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
80
+ "UWP: ",
81
+ React.createElement(Text, { style: styles.status }, props.status.uwpStatus)),
82
+ React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
83
+ "iOS: ",
84
+ React.createElement(Text, { style: styles.status }, props.status.iosStatus)),
85
+ React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
86
+ "macOS: ",
87
+ React.createElement(Text, { style: styles.status }, props.status.macosStatus)),
88
+ React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold" },
89
+ "Android: ",
90
+ React.createElement(Text, { style: styles.status }, props.status.androidStatus)),
91
+ React.createElement(Text, { style: [styles.definitionHeader], variant: "headerStandard" }, "Status Definitions"),
92
+ Object.entries(definitions).map(function (_a) {
93
+ var key = _a[0], value = _a[1];
94
+ return (React.createElement(Text, { style: [styles.statusLabel], variant: "bodySemibold", key: key },
95
+ key,
96
+ ": ",
97
+ React.createElement(Text, { style: styles.status }, value)));
98
+ })))),
79
99
  props.sections.map(function (section, index) {
80
100
  var TestComponent = section.component;
81
101
  return (React.createElement(View, { key: index },
package/lib/TestComponents/Test.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/TestComponents/Test.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Test.d.ts","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACpC,CAAC;AAEF,oBAAY,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,CAAC;AAChF,oBAAY,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAiCD,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,MAAM,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CA2E/E,CAAC"}
1
+ {"version":3,"file":"Test.d.ts","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACpC,CAAC;AAEF,oBAAY,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,CAAC;AAChF,oBAAY,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAuCD,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,MAAM,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CA6F/E,CAAC"}
package/lib-commonjs/TestComponents/Test.js CHANGED
@@ -7,10 +7,23 @@ var react_native_1 = require("react-native");
7
7
  var react_native_2 = require("@fluentui/react-native");
8
8
  var stack_1 = require("@fluentui-react-native/stack");
9
9
  var styles_1 = require("./Common/styles");
10
+ var theme_types_1 = require("@fluentui-react-native/theme-types");
11
+ var react_native_svg_1 = (0, tslib_1.__importStar)(require("react-native-svg"));
12
+ var definitions = {
13
+ Production: 'Control is ready for broad partner use and to be used in production-ready scenarios.',
14
+ Beta: 'Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).',
15
+ Experimental: 'Control code checked into repo, but not ready for partner use.',
16
+ Backlog: 'Control is in plan and on our backlog to deliver.',
17
+ 'N/A': 'Control is not in current plan.',
18
+ };
10
19
  var styles = react_native_1.StyleSheet.create({
11
20
  name: {
12
21
  marginTop: 4,
13
22
  },
23
+ definitionHeader: {
24
+ marginTop: 12,
25
+ marginBottom: 6,
26
+ },
14
27
  description: {
15
28
  alignItems: 'flex-start',
16
29
  flexWrap: 'wrap',
@@ -20,12 +33,9 @@ var styles = react_native_1.StyleSheet.create({
20
33
  },
21
34
  statusView: {
22
35
  flexDirection: 'row',
23
- alignItems: 'flex-start',
36
+ alignItems: 'center',
24
37
  justifyContent: 'space-between',
25
38
  },
26
- statusHeader: {
27
- marginBottom: 6,
28
- },
29
39
  statusLabel: {
30
40
  marginTop: 2,
31
41
  marginStart: 4,
@@ -34,52 +44,62 @@ var styles = react_native_1.StyleSheet.create({
34
44
  fontWeight: 'normal',
35
45
  },
36
46
  });
37
- // mobile platform check to not render status components.
38
- var isMobile = react_native_1.Platform.OS == 'android' || (react_native_1.Platform.OS == 'ios' && !react_native_1.Platform.isPad);
39
47
  var Test = function (props) {
48
+ var _a = React.useState(false), showStatus = _a[0], setShowStatus = _a[1];
49
+ var toggleSvg = function () {
50
+ var plusPath = 'M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V5H1.75C1.33579 5 1 5.33579 1 5.75C1 6.16421 1.33579 6.5 1.75 6.5H5V9.75C5 10.1642 5.33579 10.5 5.75 10.5C6.16421 10.5 6.5 10.1642 6.5 9.75V6.5H9.75C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5H6.5V1.75Z';
51
+ var minusPath = 'M2.75 5.25h6.5s0.75 0 0.75 0.75v0s0 0.75 -0.75 0.75h-6.5s-0.75 0 -0.75 -0.75v0s0 -0.75 0.75 -0.75';
52
+ var path = showStatus ? minusPath : plusPath;
53
+ return (React.createElement(react_native_svg_1.default, null,
54
+ React.createElement(react_native_svg_1.G, null,
55
+ React.createElement(react_native_svg_1.Path, { d: path, fill: "black" }))));
56
+ };
57
+ var svgProps = {
58
+ src: toggleSvg,
59
+ };
60
+ var theme = (0, theme_types_1.useTheme)();
61
+ var fontFamily = theme.typography.families.primary;
62
+ var plusCodepoint = 0x2795;
63
+ var minusCodepoint = 0x2796;
64
+ var fontIconProps = {
65
+ fontFamily: fontFamily,
66
+ codepoint: showStatus ? minusCodepoint : plusCodepoint,
67
+ fontSize: 10,
68
+ };
69
+ var toggleIconProps = react_native_1.Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
40
70
  return (React.createElement(react_native_1.View, { testID: "ScrollViewAreaForComponents" },
41
71
  React.createElement(react_native_2.Text, { style: [styles.name], variant: "heroSemibold" }, props.name),
42
72
  React.createElement(react_native_2.Separator, null),
43
73
  React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
44
74
  React.createElement(react_native_2.Text, { style: styles.description }, props.description)),
45
- !isMobile && (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
75
+ React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
46
76
  React.createElement(react_native_1.View, { style: styles.statusView },
47
- React.createElement(stack_1.Stack, null,
48
- React.createElement(react_native_2.Text, { style: [styles.statusHeader], variant: "headerStandard" }, "Platform Status"),
49
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
50
- "Win32: ",
51
- React.createElement(react_native_2.Text, { style: styles.status }, props.status.win32Status)),
52
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
53
- "UWP: ",
54
- React.createElement(react_native_2.Text, { style: styles.status }, props.status.uwpStatus)),
55
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
56
- "iOS: ",
57
- React.createElement(react_native_2.Text, { style: styles.status }, props.status.iosStatus)),
58
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
59
- "macOS: ",
60
- React.createElement(react_native_2.Text, { style: styles.status }, props.status.macosStatus)),
61
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
62
- "Android: ",
63
- React.createElement(react_native_2.Text, { style: styles.status }, props.status.androidStatus))),
64
- React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
65
- React.createElement(react_native_2.Text, { style: [styles.statusHeader], variant: "headerStandard" }, "Status Definitions"),
66
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
67
- "Production:",
68
- ' ',
69
- React.createElement(react_native_2.Text, { style: styles.status }, "Control is ready for broad partner use and to be used in production-ready scenarios.")),
70
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
71
- "Beta:",
72
- ' ',
73
- React.createElement(react_native_2.Text, { style: styles.status }, "Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).")),
74
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
75
- "Experimental: ",
76
- React.createElement(react_native_2.Text, { style: styles.status }, "Control code checked into repo, but not ready for partner use.")),
77
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
78
- "Backlog: ",
79
- React.createElement(react_native_2.Text, { style: styles.status }, "Control is in plan and on our backlog to deliver.")),
80
- React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
81
- "N/A: ",
82
- React.createElement(react_native_2.Text, { style: styles.status }, "Control is not in current plan.")))))),
77
+ React.createElement(react_native_2.Text, { variant: "headerStandard" }, "Platform Status"),
78
+ React.createElement(react_native_2.ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: function () { return setShowStatus(!showStatus); } })),
79
+ showStatus && (React.createElement(React.Fragment, null,
80
+ React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
81
+ "Win32: ",
82
+ React.createElement(react_native_2.Text, { style: styles.status }, props.status.win32Status)),
83
+ React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
84
+ "UWP: ",
85
+ React.createElement(react_native_2.Text, { style: styles.status }, props.status.uwpStatus)),
86
+ React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
87
+ "iOS: ",
88
+ React.createElement(react_native_2.Text, { style: styles.status }, props.status.iosStatus)),
89
+ React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
90
+ "macOS: ",
91
+ React.createElement(react_native_2.Text, { style: styles.status }, props.status.macosStatus)),
92
+ React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold" },
93
+ "Android: ",
94
+ React.createElement(react_native_2.Text, { style: styles.status }, props.status.androidStatus)),
95
+ React.createElement(react_native_2.Text, { style: [styles.definitionHeader], variant: "headerStandard" }, "Status Definitions"),
96
+ Object.entries(definitions).map(function (_a) {
97
+ var key = _a[0], value = _a[1];
98
+ return (React.createElement(react_native_2.Text, { style: [styles.statusLabel], variant: "bodySemibold", key: key },
99
+ key,
100
+ ": ",
101
+ React.createElement(react_native_2.Text, { style: styles.status }, value)));
102
+ })))),
83
103
  props.sections.map(function (section, index) {
84
104
  var TestComponent = section.component;
85
105
  return (React.createElement(react_native_1.View, { key: index },
package/lib-commonjs/TestComponents/Test.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA0D;AAC1D,uDAAuE;AACvE,sDAAqD;AACrD,0CAA6C;AAC7C,kEAA8D;AAC9D,gFAA0D;AAyB1D,IAAM,WAAW,GAAG;IAClB,UAAU,EAAE,sFAAsF;IAClG,IAAI,EAAE,oGAAoG;IAC1G,YAAY,EAAE,gEAAgE;IAC9E,OAAO,EAAE,mDAAmD;IAC5D,KAAK,EAAE,iCAAiC;CACzC,CAAC;AAEF,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,SAAS,EAAE,CAAC;KACb;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,CAAC;KAChB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,YAAY;QACxB,QAAQ,EAAE,MAAM;KACjB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,EAAE;KACd;IACD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,WAAW,EAAE;QACX,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,CAAC;KACf;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEI,IAAM,IAAI,GAAG,UAAC,KAAgB;IAC7B,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlD,UAAU,QAAA,EAAE,aAAa,QAAyB,CAAC;IAE1D,IAAM,SAAS,GAAsC;QACnD,IAAM,QAAQ,GACZ,kSAAkS,CAAC;QACrS,IAAM,SAAS,GAAG,mGAAmG,CAAC;QAEtH,IAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/C,OAAO,CACL,oBAAC,0BAAG;YACF,oBAAC,oBAAC;gBACA,oBAAC,uBAAI,IAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5B,CACA,CACP,CAAC;IACJ,CAAC,CAAC;IACF,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,SAAS;KACf,CAAC;IAEF,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC;IAErD,IAAM,aAAa,GAAG,MAAM,CAAC;IAC7B,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,aAAa,GAAG;QACpB,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;QACtD,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,eAAe,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEnI,OAAO,CACL,oBAAC,mBAAI,IAAC,MAAM,EAAC,6BAA6B;QACxC,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,OAAO,EAAC,cAAc,IAC/C,KAAK,CAAC,IAAI,CACN;QACP,oBAAC,wBAAS,OAAG;QACb,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,KAAK,CAAC,WAAW,CAAQ,CACrD;QACR,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;gBAC5B,oBAAC,mBAAI,IAAC,OAAO,EAAC,gBAAgB,sBAAuB;gBACrD,oBAAC,2BAAY,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,EAA1B,CAA0B,GAAI,CAC7F;YACN,UAAU,IAAI,CACb;gBACE,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAC,cAAc;;oBAChD,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAQ,CAC/D;gBACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAC,cAAc;;oBAClD,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAQ,CAC3D;gBACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAC,cAAc;;oBAClD,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAQ,CAC3D;gBACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAC,cAAc;;oBAChD,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAQ,CAC/D;gBACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAC,cAAc;;oBAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,aAAa,CAAQ,CACnE;gBAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAC,gBAAgB,yBAEzD;gBACN,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,EAAY;wBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;oBAC3C,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG;wBAC/D,GAAG;;wBAAG,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAQ,CAC5C,CACR,CAAC;gBACJ,CAAC,CAAC,CACD,CACJ,CACK;QACP,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;YACjC,IAAM,aAAa,GAAG,OAAO,CAAC,SAAS,CAAC;YACxC,OAAO,CACL,oBAAC,mBAAI,IAAC,GAAG,EAAE,KAAK;gBACd,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAC,gBAAgB,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,IAC3E,OAAO,CAAC,IAAI,CACR;gBACP,oBAAC,wBAAS,OAAG;gBACb,oBAAC,aAAa,OAAG,CACZ,CACR,CAAC;QACJ,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AA7FW,QAAA,IAAI,QA6Ff"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.88.0",
3
+ "version": "0.89.0",
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>",
package/src/TestComponents/Test.tsx CHANGED
@@ -1,8 +1,11 @@
1
1
  import * as React from 'react';
2
- import { StyleSheet, View, Platform } from 'react-native';
3
- import { Text, Separator } from '@fluentui/react-native';
2
+ import { Platform, StyleSheet, View } from 'react-native';
3
+ import { Text, ToggleButton, Separator } from '@fluentui/react-native';
4
4
  import { Stack } from '@fluentui-react-native/stack';
5
5
  import { stackStyle } from './Common/styles';
6
+ import { useTheme } from '@fluentui-react-native/theme-types';
7
+ import Svg, { G, Path, SvgProps } from 'react-native-svg';
8
+ import { SvgIconProps } from '@fluentui-react-native/icon';
6
9
 
7
10
  export type TestSection = {
8
11
  name: string;
@@ -26,10 +29,22 @@ export interface TestProps {
26
29
  sections: TestSection[];
27
30
  }
28
31
 
32
+ const definitions = {
33
+ Production: 'Control is ready for broad partner use and to be used in production-ready scenarios.',
34
+ Beta: 'Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).',
35
+ Experimental: 'Control code checked into repo, but not ready for partner use.',
36
+ Backlog: 'Control is in plan and on our backlog to deliver.',
37
+ 'N/A': 'Control is not in current plan.',
38
+ };
39
+
29
40
  const styles = StyleSheet.create({
30
41
  name: {
31
42
  marginTop: 4,
32
43
  },
44
+ definitionHeader: {
45
+ marginTop: 12,
46
+ marginBottom: 6,
47
+ },
33
48
  description: {
34
49
  alignItems: 'flex-start',
35
50
  flexWrap: 'wrap',
@@ -39,12 +54,9 @@ const styles = StyleSheet.create({
39
54
  },
40
55
  statusView: {
41
56
  flexDirection: 'row',
42
- alignItems: 'flex-start',
57
+ alignItems: 'center',
43
58
  justifyContent: 'space-between',
44
59
  },
45
- statusHeader: {
46
- marginBottom: 6,
47
- },
48
60
  statusLabel: {
49
61
  marginTop: 2,
50
62
  marginStart: 4,
@@ -54,10 +66,40 @@ const styles = StyleSheet.create({
54
66
  },
55
67
  });
56
68
 
57
- // mobile platform check to not render status components.
58
- const isMobile = Platform.OS == 'android' || (Platform.OS == 'ios' && !Platform.isPad);
59
-
60
69
  export const Test = (props: TestProps): React.ReactElement<Record<string, never>> => {
70
+ const [showStatus, setShowStatus] = React.useState(false);
71
+
72
+ const toggleSvg: React.FunctionComponent<SvgProps> = () => {
73
+ const plusPath =
74
+ 'M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V5H1.75C1.33579 5 1 5.33579 1 5.75C1 6.16421 1.33579 6.5 1.75 6.5H5V9.75C5 10.1642 5.33579 10.5 5.75 10.5C6.16421 10.5 6.5 10.1642 6.5 9.75V6.5H9.75C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5H6.5V1.75Z';
75
+ const minusPath = 'M2.75 5.25h6.5s0.75 0 0.75 0.75v0s0 0.75 -0.75 0.75h-6.5s-0.75 0 -0.75 -0.75v0s0 -0.75 0.75 -0.75';
76
+
77
+ const path = showStatus ? minusPath : plusPath;
78
+ return (
79
+ <Svg>
80
+ <G>
81
+ <Path d={path} fill="black" />
82
+ </G>
83
+ </Svg>
84
+ );
85
+ };
86
+ const svgProps: SvgIconProps = {
87
+ src: toggleSvg,
88
+ };
89
+
90
+ const theme = useTheme();
91
+ const fontFamily = theme.typography.families.primary;
92
+
93
+ const plusCodepoint = 0x2795;
94
+ const minusCodepoint = 0x2796;
95
+ const fontIconProps = {
96
+ fontFamily: fontFamily,
97
+ codepoint: showStatus ? minusCodepoint : plusCodepoint,
98
+ fontSize: 10,
99
+ };
100
+
101
+ const toggleIconProps = Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
102
+
61
103
  return (
62
104
  <View testID="ScrollViewAreaForComponents">
63
105
  <Text style={[styles.name]} variant="heroSemibold">
@@ -67,57 +109,42 @@ export const Test = (props: TestProps): React.ReactElement<Record<string, never>
67
109
  <Stack style={stackStyle}>
68
110
  <Text style={styles.description}>{props.description}</Text>
69
111
  </Stack>
70
- {!isMobile && (
71
- <Stack style={stackStyle}>
72
- <View style={styles.statusView}>
73
- <Stack>
74
- <Text style={[styles.statusHeader]} variant="headerStandard">
75
- Platform Status
76
- </Text>
77
- <Text style={[styles.statusLabel]} variant="bodySemibold">
78
- Win32: <Text style={styles.status}>{props.status.win32Status}</Text>
79
- </Text>
80
- <Text style={[styles.statusLabel]} variant="bodySemibold">
81
- UWP: <Text style={styles.status}>{props.status.uwpStatus}</Text>
82
- </Text>
83
- <Text style={[styles.statusLabel]} variant="bodySemibold">
84
- iOS: <Text style={styles.status}>{props.status.iosStatus}</Text>
85
- </Text>
86
- <Text style={[styles.statusLabel]} variant="bodySemibold">
87
- macOS: <Text style={styles.status}>{props.status.macosStatus}</Text>
88
- </Text>
89
- <Text style={[styles.statusLabel]} variant="bodySemibold">
90
- Android: <Text style={styles.status}>{props.status.androidStatus}</Text>
91
- </Text>
92
- </Stack>
112
+ <Stack style={stackStyle}>
113
+ <View style={styles.statusView}>
114
+ <Text variant="headerStandard">Platform Status</Text>
115
+ <ToggleButton iconOnly={true} icon={toggleIconProps} onClick={() => setShowStatus(!showStatus)} />
116
+ </View>
117
+ {showStatus && (
118
+ <>
119
+ <Text style={[styles.statusLabel]} variant="bodySemibold">
120
+ Win32: <Text style={styles.status}>{props.status.win32Status}</Text>
121
+ </Text>
122
+ <Text style={[styles.statusLabel]} variant="bodySemibold">
123
+ UWP: <Text style={styles.status}>{props.status.uwpStatus}</Text>
124
+ </Text>
125
+ <Text style={[styles.statusLabel]} variant="bodySemibold">
126
+ iOS: <Text style={styles.status}>{props.status.iosStatus}</Text>
127
+ </Text>
128
+ <Text style={[styles.statusLabel]} variant="bodySemibold">
129
+ macOS: <Text style={styles.status}>{props.status.macosStatus}</Text>
130
+ </Text>
131
+ <Text style={[styles.statusLabel]} variant="bodySemibold">
132
+ Android: <Text style={styles.status}>{props.status.androidStatus}</Text>
133
+ </Text>
93
134
 
94
- <Stack style={stackStyle}>
95
- <Text style={[styles.statusHeader]} variant="headerStandard">
96
- Status Definitions
97
- </Text>
98
- <Text style={[styles.statusLabel]} variant="bodySemibold">
99
- Production:{' '}
100
- <Text style={styles.status}>Control is ready for broad partner use and to be used in production-ready scenarios.</Text>
101
- </Text>
102
- <Text style={[styles.statusLabel]} variant="bodySemibold">
103
- Beta:{' '}
104
- <Text style={styles.status}>
105
- Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).
135
+ <Text style={[styles.definitionHeader]} variant="headerStandard">
136
+ Status Definitions
137
+ </Text>
138
+ {Object.entries(definitions).map(([key, value]) => {
139
+ return (
140
+ <Text style={[styles.statusLabel]} variant="bodySemibold" key={key}>
141
+ {key}: <Text style={styles.status}>{value}</Text>
106
142
  </Text>
107
- </Text>
108
- <Text style={[styles.statusLabel]} variant="bodySemibold">
109
- Experimental: <Text style={styles.status}>Control code checked into repo, but not ready for partner use.</Text>
110
- </Text>
111
- <Text style={[styles.statusLabel]} variant="bodySemibold">
112
- Backlog: <Text style={styles.status}>Control is in plan and on our backlog to deliver.</Text>
113
- </Text>
114
- <Text style={[styles.statusLabel]} variant="bodySemibold">
115
- N/A: <Text style={styles.status}>Control is not in current plan.</Text>
116
- </Text>
117
- </Stack>
118
- </View>
119
- </Stack>
120
- )}
143
+ );
144
+ })}
145
+ </>
146
+ )}
147
+ </Stack>
121
148
  {props.sections.map((section, index) => {
122
149
  const TestComponent = section.component;
123
150
  return (