@fluentui-react-native/tester 0.134.1 → 0.134.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.
Files changed (19) hide show
  1. package/CHANGELOG.json +37 -1
  2. package/CHANGELOG.md +19 -2
  3. package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map +1 -1
  4. package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js +19 -4
  5. package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js.map +1 -1
  6. package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts +4 -0
  7. package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts.map +1 -0
  8. package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js +45 -0
  9. package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js.map +1 -0
  10. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map +1 -1
  11. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.js +19 -4
  12. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.js.map +1 -1
  13. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts +4 -0
  14. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts.map +1 -0
  15. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js +51 -0
  16. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js.map +1 -0
  17. package/package.json +2 -2
  18. package/src/TestComponents/Divider/DividerTest.tsx +27 -5
  19. package/src/TestComponents/Divider/MobileDividerTest.tsx +67 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,43 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 14 Feb 2023 22:21:51 GMT",
5
+ "date": "Wed, 15 Feb 2023 18:29:42 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.134.3",
7
+ "version": "0.134.3",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "rohanpd.work@gmail.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "ba4cab7eef8759aee74cb0d4ca31d2b8360e3724",
14
+ "comment": "impl mobile divider"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/divider to v0.2.2",
20
+ "commit": "ba4cab7eef8759aee74cb0d4ca31d2b8360e3724"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Wed, 15 Feb 2023 00:51:10 GMT",
27
+ "tag": "@fluentui-react-native/tester_v0.134.2",
28
+ "version": "0.134.2",
29
+ "comments": {
30
+ "patch": [
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui-react-native/tester",
34
+ "comment": "Bump @fluentui-react-native/divider to v0.2.1",
35
+ "commit": "4ea4d97ea0fa8cea2a682c43823c0e2c850e5066"
36
+ }
37
+ ]
38
+ }
39
+ },
40
+ {
41
+ "date": "Tue, 14 Feb 2023 22:22:51 GMT",
6
42
  "tag": "@fluentui-react-native/tester_v0.134.1",
7
43
  "version": "0.134.1",
8
44
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,29 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Tue, 14 Feb 2023 22:21:51 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 15 Feb 2023 18:29:42 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.134.3
8
+
9
+ Wed, 15 Feb 2023 18:29:42 GMT
10
+
11
+ ### Patches
12
+
13
+ - impl mobile divider (rohanpd.work@gmail.com)
14
+ - Bump @fluentui-react-native/divider to v0.2.2
15
+
16
+ ## 0.134.2
17
+
18
+ Wed, 15 Feb 2023 00:51:10 GMT
19
+
20
+ ### Patches
21
+
22
+ - Bump @fluentui-react-native/divider to v0.2.1
23
+
7
24
  ## 0.134.1
8
25
 
9
- Tue, 14 Feb 2023 22:21:51 GMT
26
+ Tue, 14 Feb 2023 22:22:51 GMT
10
27
 
11
28
  ### Patches
12
29
 
package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAsBF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAa/B,CAAC"}
1
+ {"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAmCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAoB/B,CAAC"}
package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js CHANGED
@@ -7,6 +7,8 @@ import { DIVIDER_TESTPAGE } from './consts';
7
7
  import { Test } from '../Test';
8
8
  import { commonTestStyles } from '../Common/styles';
9
9
  import TestSvg from '../../../assets/test.svg';
10
+ import { CustomisedMobileDividers, MobileDividers } from './MobileDividerTest';
11
+ var isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
10
12
  var CustomDivider = Divider.customize({ thickness: 3, paddingVertical: 4 });
11
13
  var CustomText = Text.customize({ margin: 8 });
12
14
  var RedDivider = Divider.customize({ contentColor: 'red', lineColor: 'red' });
@@ -71,15 +73,28 @@ var dividerSections = [
71
73
  component: DividersWithIcons,
72
74
  },
73
75
  ];
76
+ var mobileDividerSections = [
77
+ {
78
+ name: 'Mobile Dividers',
79
+ testID: DIVIDER_TESTPAGE,
80
+ component: MobileDividers,
81
+ },
82
+ {
83
+ name: 'Customised Mobile Dividers',
84
+ testID: DIVIDER_TESTPAGE,
85
+ component: CustomisedMobileDividers,
86
+ },
87
+ ];
74
88
  export var DividerTest = function () {
75
89
  var status = {
76
90
  win32Status: 'Experimental',
77
91
  uwpStatus: 'Backlog',
78
- iosStatus: 'Backlog',
92
+ iosStatus: 'Experimental',
79
93
  macosStatus: 'Backlog',
80
- androidStatus: 'Backlog',
94
+ androidStatus: 'Experimental',
81
95
  };
82
- var description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical. As of now, the component is being designed for win32 only.';
83
- return React.createElement(Test, { name: "Divider Test", description: description, sections: dividerSections, status: status });
96
+ var description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical';
97
+ var mobileDescription = 'A Divider is a visual horizontal separator that seperates content/sections';
98
+ return (React.createElement(Test, { name: "Divider Test", description: isMobile ? mobileDescription : description, sections: isMobile ? mobileDividerSections : dividerSections, status: status }));
84
99
  };
85
100
  //# sourceMappingURL=DividerTest.js.map
package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"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"}
package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ export declare const MobileDividers: React.FunctionComponent;
3
+ export declare const CustomisedMobileDividers: React.FunctionComponent;
4
+ //# sourceMappingURL=MobileDividerTest.d.ts.map
package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobileDividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA6BlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAY5C,CAAC"}
package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js ADDED
@@ -0,0 +1,45 @@
1
+ import * as React from 'react';
2
+ import { Divider } from '@fluentui-react-native/divider';
3
+ import { Stack } from '@fluentui-react-native/stack';
4
+ import { TextV1 as Text } from '@fluentui-react-native/text';
5
+ import { commonTestStyles } from '../Common/styles';
6
+ import { StyleSheet, View } from 'react-native';
7
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
8
+ var CustomizedText = Text.customize({
9
+ textAlign: 'right',
10
+ fontSize: 'caption',
11
+ fontWeight: 'bold',
12
+ paddingVertical: 100,
13
+ });
14
+ var mobileDividerstyles = StyleSheet.create({
15
+ container: { marginVertical: 20, display: 'flex', height: 20, justifyContent: 'space-between' },
16
+ });
17
+ var RedDivider = Divider.customize({ lineColor: 'red' });
18
+ var GreenThickDivider = Divider.customize({ lineColor: 'green', thickness: globalTokens.stroke.width30 });
19
+ export var MobileDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.section },
20
+ React.createElement(View, { style: mobileDividerstyles.container },
21
+ React.createElement(Divider, { insetSize: 0 }),
22
+ React.createElement(CustomizedText, null, "Inset : 0")),
23
+ React.createElement(View, { style: mobileDividerstyles.container },
24
+ React.createElement(Divider, { insetSize: 16 }),
25
+ React.createElement(CustomizedText, null, "Inset : 16")),
26
+ React.createElement(View, { style: mobileDividerstyles.container },
27
+ React.createElement(Divider, { insetSize: 56 }),
28
+ React.createElement(CustomizedText, null, "Inset : 56")),
29
+ React.createElement(View, { style: mobileDividerstyles.container },
30
+ React.createElement(Divider, { insetSize: 68 }),
31
+ React.createElement(CustomizedText, null, "Inset : 68")),
32
+ React.createElement(View, { style: mobileDividerstyles.container },
33
+ React.createElement(Divider, { insetSize: 72 }),
34
+ React.createElement(CustomizedText, null, "Inset : 72")),
35
+ React.createElement(View, { style: mobileDividerstyles.container },
36
+ React.createElement(Divider, { insetSize: 108 }),
37
+ React.createElement(CustomizedText, null, "Inset : 108")))); };
38
+ export var CustomisedMobileDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.section },
39
+ React.createElement(View, { style: mobileDividerstyles.container },
40
+ React.createElement(RedDivider, null),
41
+ React.createElement(CustomizedText, null, "Inset : 0 | color : red")),
42
+ React.createElement(View, { style: mobileDividerstyles.container },
43
+ React.createElement(GreenThickDivider, { insetSize: 56 }),
44
+ React.createElement(CustomizedText, null, "Inset : 56 | color : green | thickness: width30")))); };
45
+ //# sourceMappingURL=MobileDividerTest.js.map
package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobileDividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,GAAG;CACrB,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAAG,UAAU,CAAC,MAAM,CAAC;IAC5C,SAAS,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE;CAChG,CAAC,CAAC;AAEH,IAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,IAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;AAE5G,MAAM,CAAC,IAAM,cAAc,GAA4B,cAAM,OAAA,CAC3D,oBAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO;IACpC,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,CAAC,GAAI;QACzB,oBAAC,cAAc,oBAA2B,CACrC;IAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,GAAI;QAC3B,oBAAC,cAAc,sBAA6B,CACvC,CACD,CACT,EA7B4D,CA6B5D,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAA4B,cAAM,OAAA,CACrE,oBAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO;IACpC,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,UAAU,OAAG;QACd,oBAAC,cAAc,kCAAyC,CACnD;IAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAiB,IAAC,SAAS,EAAE,EAAE,GAAI;QACpC,oBAAC,cAAc,0DAAiE,CAC3E,CACD,CACT,EAZsE,CAYtE,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAsBF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAa/B,CAAC"}
1
+ {"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAmCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAoB/B,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.js CHANGED
@@ -11,6 +11,8 @@ var consts_1 = require("./consts");
11
11
  var Test_1 = require("../Test");
12
12
  var styles_1 = require("../Common/styles");
13
13
  var test_svg_1 = tslib_1.__importDefault(require("../../../assets/test.svg"));
14
+ var MobileDividerTest_1 = require("./MobileDividerTest");
15
+ var isMobile = react_native_1.Platform.OS === 'android' || react_native_1.Platform.OS === 'ios';
14
16
  var CustomDivider = divider_1.Divider.customize({ thickness: 3, paddingVertical: 4 });
15
17
  var CustomText = text_1.TextV1.customize({ margin: 8 });
16
18
  var RedDivider = divider_1.Divider.customize({ contentColor: 'red', lineColor: 'red' });
@@ -79,16 +81,29 @@ var dividerSections = [
79
81
  component: exports.DividersWithIcons,
80
82
  },
81
83
  ];
84
+ var mobileDividerSections = [
85
+ {
86
+ name: 'Mobile Dividers',
87
+ testID: consts_1.DIVIDER_TESTPAGE,
88
+ component: MobileDividerTest_1.MobileDividers,
89
+ },
90
+ {
91
+ name: 'Customised Mobile Dividers',
92
+ testID: consts_1.DIVIDER_TESTPAGE,
93
+ component: MobileDividerTest_1.CustomisedMobileDividers,
94
+ },
95
+ ];
82
96
  var DividerTest = function () {
83
97
  var status = {
84
98
  win32Status: 'Experimental',
85
99
  uwpStatus: 'Backlog',
86
- iosStatus: 'Backlog',
100
+ iosStatus: 'Experimental',
87
101
  macosStatus: 'Backlog',
88
- androidStatus: 'Backlog',
102
+ androidStatus: 'Experimental',
89
103
  };
90
- var description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical. As of now, the component is being designed for win32 only.';
91
- return React.createElement(Test_1.Test, { name: "Divider Test", description: description, sections: dividerSections, status: status });
104
+ var description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical';
105
+ var mobileDescription = 'A Divider is a visual horizontal separator that seperates content/sections';
106
+ return (React.createElement(Test_1.Test, { name: "Divider Test", description: isMobile ? mobileDescription : description, sections: isMobile ? mobileDividerSections : dividerSections, status: status }));
92
107
  };
93
108
  exports.DividerTest = DividerTest;
94
109
  //# sourceMappingURL=DividerTest.js.map
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ export declare const MobileDividers: React.FunctionComponent;
3
+ export declare const CustomisedMobileDividers: React.FunctionComponent;
4
+ //# sourceMappingURL=MobileDividerTest.d.ts.map
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobileDividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA6BlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAY5C,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js ADDED
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.CustomisedMobileDividers = exports.MobileDividers = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var React = tslib_1.__importStar(require("react"));
6
+ var divider_1 = require("@fluentui-react-native/divider");
7
+ var stack_1 = require("@fluentui-react-native/stack");
8
+ var text_1 = require("@fluentui-react-native/text");
9
+ var styles_1 = require("../Common/styles");
10
+ var react_native_1 = require("react-native");
11
+ var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
12
+ var CustomizedText = text_1.TextV1.customize({
13
+ textAlign: 'right',
14
+ fontSize: 'caption',
15
+ fontWeight: 'bold',
16
+ paddingVertical: 100,
17
+ });
18
+ var mobileDividerstyles = react_native_1.StyleSheet.create({
19
+ container: { marginVertical: 20, display: 'flex', height: 20, justifyContent: 'space-between' },
20
+ });
21
+ var RedDivider = divider_1.Divider.customize({ lineColor: 'red' });
22
+ var GreenThickDivider = divider_1.Divider.customize({ lineColor: 'green', thickness: theme_tokens_1.globalTokens.stroke.width30 });
23
+ var MobileDividers = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.section },
24
+ React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
25
+ React.createElement(divider_1.Divider, { insetSize: 0 }),
26
+ React.createElement(CustomizedText, null, "Inset : 0")),
27
+ React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
28
+ React.createElement(divider_1.Divider, { insetSize: 16 }),
29
+ React.createElement(CustomizedText, null, "Inset : 16")),
30
+ React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
31
+ React.createElement(divider_1.Divider, { insetSize: 56 }),
32
+ React.createElement(CustomizedText, null, "Inset : 56")),
33
+ React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
34
+ React.createElement(divider_1.Divider, { insetSize: 68 }),
35
+ React.createElement(CustomizedText, null, "Inset : 68")),
36
+ React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
37
+ React.createElement(divider_1.Divider, { insetSize: 72 }),
38
+ React.createElement(CustomizedText, null, "Inset : 72")),
39
+ React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
40
+ React.createElement(divider_1.Divider, { insetSize: 108 }),
41
+ React.createElement(CustomizedText, null, "Inset : 108")))); };
42
+ exports.MobileDividers = MobileDividers;
43
+ var CustomisedMobileDividers = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.section },
44
+ React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
45
+ React.createElement(RedDivider, null),
46
+ React.createElement(CustomizedText, null, "Inset : 0 | color : red")),
47
+ React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
48
+ React.createElement(GreenThickDivider, { insetSize: 56 }),
49
+ React.createElement(CustomizedText, null, "Inset : 56 | color : green | thickness: width30")))); };
50
+ exports.CustomisedMobileDividers = CustomisedMobileDividers;
51
+ //# sourceMappingURL=MobileDividerTest.js.map
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobileDividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,0DAAyD;AACzD,sDAAqD;AACrD,oDAA6D;AAE7D,2CAAoD;AACpD,6CAAgD;AAChD,oEAAmE;AAEnE,IAAM,cAAc,GAAG,aAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,GAAG;CACrB,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC5C,SAAS,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE;CAChG,CAAC,CAAC;AAEH,IAAM,UAAU,GAAG,iBAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,IAAM,iBAAiB,GAAG,iBAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;AAErG,IAAM,cAAc,GAA4B,cAAM,OAAA,CAC3D,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO;IACpC,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,CAAC,GAAI;QACzB,oBAAC,cAAc,oBAA2B,CACrC;IAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,GAAG,GAAI;QAC3B,oBAAC,cAAc,sBAA6B,CACvC,CACD,CACT,EA7B4D,CA6B5D,CAAC;AA7BW,QAAA,cAAc,kBA6BzB;AAEK,IAAM,wBAAwB,GAA4B,cAAM,OAAA,CACrE,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO;IACpC,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,UAAU,OAAG;QACd,oBAAC,cAAc,kCAAyC,CACnD;IAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAiB,IAAC,SAAS,EAAE,EAAE,GAAI;QACpC,oBAAC,cAAc,0DAAiE,CAC3E,CACD,CACT,EAZsE,CAYtE,CAAC;AAZW,QAAA,wBAAwB,4BAYnC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.134.1",
3
+ "version": "0.134.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>",
@@ -39,7 +39,7 @@
39
39
  "@fluentui-react-native/badge": ">=0.4.27 <1.0.0",
40
40
  "@fluentui-react-native/button": ">=0.32.32 <1.0.0",
41
41
  "@fluentui-react-native/default-theme": ">=0.17.1 <1.0.0",
42
- "@fluentui-react-native/divider": "^0.2.0",
42
+ "@fluentui-react-native/divider": "^0.2.2",
43
43
  "@fluentui-react-native/dropdown": ">=0.7.29 <1.0.0",
44
44
  "@fluentui-react-native/experimental-activity-indicator": ">=0.7.18 <1.0.0",
45
45
  "@fluentui-react-native/experimental-appearance-additions": "^0.3.1",
package/src/TestComponents/Divider/DividerTest.tsx CHANGED
@@ -8,7 +8,9 @@ import { Test } from '../Test';
8
8
  import type { TestSection, PlatformStatus } from '../Test';
9
9
  import { commonTestStyles } from '../Common/styles';
10
10
  import TestSvg from '../../../assets/test.svg';
11
+ import { CustomisedMobileDividers, MobileDividers } from './MobileDividerTest';
11
12
 
13
+ const isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
12
14
  const CustomDivider = Divider.customize({ thickness: 3, paddingVertical: 4 });
13
15
  const CustomText = Text.customize({ margin: 8 });
14
16
 
@@ -100,17 +102,37 @@ const dividerSections: TestSection[] = [
100
102
  },
101
103
  ];
102
104
 
105
+ const mobileDividerSections: TestSection[] = [
106
+ {
107
+ name: 'Mobile Dividers',
108
+ testID: DIVIDER_TESTPAGE,
109
+ component: MobileDividers,
110
+ },
111
+ {
112
+ name: 'Customised Mobile Dividers',
113
+ testID: DIVIDER_TESTPAGE,
114
+ component: CustomisedMobileDividers,
115
+ },
116
+ ];
117
+
103
118
  export const DividerTest: React.FunctionComponent = () => {
104
119
  const status: PlatformStatus = {
105
120
  win32Status: 'Experimental',
106
121
  uwpStatus: 'Backlog',
107
- iosStatus: 'Backlog',
122
+ iosStatus: 'Experimental',
108
123
  macosStatus: 'Backlog',
109
- androidStatus: 'Backlog',
124
+ androidStatus: 'Experimental',
110
125
  };
111
126
 
112
- const description =
113
- 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical. As of now, the component is being designed for win32 only.';
127
+ const description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical';
128
+ const mobileDescription = 'A Divider is a visual horizontal separator that seperates content/sections';
114
129
 
115
- return <Test name="Divider Test" description={description} sections={dividerSections} status={status}></Test>;
130
+ return (
131
+ <Test
132
+ name="Divider Test"
133
+ description={isMobile ? mobileDescription : description}
134
+ sections={isMobile ? mobileDividerSections : dividerSections}
135
+ status={status}
136
+ ></Test>
137
+ );
116
138
  };
package/src/TestComponents/Divider/MobileDividerTest.tsx ADDED
@@ -0,0 +1,67 @@
1
+ import * as React from 'react';
2
+ import { Divider } from '@fluentui-react-native/divider';
3
+ import { Stack } from '@fluentui-react-native/stack';
4
+ import { TextV1 as Text } from '@fluentui-react-native/text';
5
+
6
+ import { commonTestStyles } from '../Common/styles';
7
+ import { StyleSheet, View } from 'react-native';
8
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
9
+
10
+ const CustomizedText = Text.customize({
11
+ textAlign: 'right',
12
+ fontSize: 'caption',
13
+ fontWeight: 'bold',
14
+ paddingVertical: 100,
15
+ });
16
+
17
+ const mobileDividerstyles = StyleSheet.create({
18
+ container: { marginVertical: 20, display: 'flex', height: 20, justifyContent: 'space-between' },
19
+ });
20
+
21
+ const RedDivider = Divider.customize({ lineColor: 'red' });
22
+ const GreenThickDivider = Divider.customize({ lineColor: 'green', thickness: globalTokens.stroke.width30 });
23
+
24
+ export const MobileDividers: React.FunctionComponent = () => (
25
+ <Stack style={commonTestStyles.section}>
26
+ <View style={mobileDividerstyles.container}>
27
+ <Divider insetSize={0} />
28
+ <CustomizedText>Inset : 0</CustomizedText>
29
+ </View>
30
+
31
+ <View style={mobileDividerstyles.container}>
32
+ <Divider insetSize={16} />
33
+ <CustomizedText>Inset : 16</CustomizedText>
34
+ </View>
35
+
36
+ <View style={mobileDividerstyles.container}>
37
+ <Divider insetSize={56} />
38
+ <CustomizedText>Inset : 56</CustomizedText>
39
+ </View>
40
+ <View style={mobileDividerstyles.container}>
41
+ <Divider insetSize={68} />
42
+ <CustomizedText>Inset : 68</CustomizedText>
43
+ </View>
44
+ <View style={mobileDividerstyles.container}>
45
+ <Divider insetSize={72} />
46
+ <CustomizedText>Inset : 72</CustomizedText>
47
+ </View>
48
+ <View style={mobileDividerstyles.container}>
49
+ <Divider insetSize={108} />
50
+ <CustomizedText>Inset : 108</CustomizedText>
51
+ </View>
52
+ </Stack>
53
+ );
54
+
55
+ export const CustomisedMobileDividers: React.FunctionComponent = () => (
56
+ <Stack style={commonTestStyles.section}>
57
+ <View style={mobileDividerstyles.container}>
58
+ <RedDivider />
59
+ <CustomizedText>Inset : 0 | color : red</CustomizedText>
60
+ </View>
61
+
62
+ <View style={mobileDividerstyles.container}>
63
+ <GreenThickDivider insetSize={56} />
64
+ <CustomizedText>Inset : 56 | color : green | thickness: width30</CustomizedText>
65
+ </View>
66
+ </Stack>
67
+ );