@fluentui-react-native/tester 0.134.2 → 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 +22 -1
  2. package/CHANGELOG.md +11 -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,28 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 15 Feb 2023 00:50:49 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",
6
27
  "tag": "@fluentui-react-native/tester_v0.134.2",
7
28
  "version": "0.134.2",
8
29
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Wed, 15 Feb 2023 00:50:49 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
+
7
16
  ## 0.134.2
8
17
 
9
- Wed, 15 Feb 2023 00:50:49 GMT
18
+ Wed, 15 Feb 2023 00:51:10 GMT
10
19
 
11
20
  ### Patches
12
21
 
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":";;;;AAAA,mDAA+B;AAC/B,6CAA0D;AAC1D,0DAAyD;AACzD,sDAAqD;AACrD,oDAA6D;AAC7D,mCAA4C;AAC5C,gCAA+B;AAE/B,2CAAoD;AACpD,8EAA+C;AAC/C,yDAA+E;AAE/E,IAAM,QAAQ,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;AACpE,IAAM,aAAa,GAAG,iBAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9E,IAAM,UAAU,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;AAEjD,IAAM,UAAU,GAAG,iBAAO,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAEhF,IAAM,iBAAiB,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC1C,wBAAwB,EAAE;QACxB,cAAc,EAAE,CAAC;QACjB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC,CAAC;AAEI,IAAM,kBAAkB,GAA4B,cAAM,OAAA,CAC/D,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,KAAK;IAClC,oBAAC,UAAU,iDAAoD;IAC/D,oBAAC,iBAAO,OAAG;IACX,oBAAC,UAAU,iDAAoD;IAC/D,oBAAC,iBAAO,qCAAqC;IAC7C,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,yCAA8C;IACpE,oBAAC,aAAa,IAAC,YAAY,EAAC,OAAO,wDAAkE;IACrG,oBAAC,aAAa,IAAC,YAAY,EAAC,KAAK,sDAAgE,CAC3F,CACT,EAVgE,CAUhE,CAAC;AAVW,QAAA,kBAAkB,sBAU7B;AAEK,IAAM,gBAAgB,GAA4B,cAAM,OAAA,CAC7D,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,KAAK;IAClC,oBAAC,mBAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,wBAAwB;QACrD,oBAAC,UAAU;;YAAkB,IAAI,CAAc;QAC/C,oBAAC,iBAAO,IAAC,QAAQ,SAAG;QACpB,oBAAC,UAAU;;YAAwB,IAAI,CAAc;QACrD,oBAAC,iBAAO,IAAC,QAAQ,QAAC,SAAS,EAAE,EAAE,GAAI;QACnC,oBAAC,aAAa,IAAC,QAAQ,oCAAwC;QAC/D,oBAAC,UAAU,IAAC,QAAQ,QAAC,YAAY,EAAC,OAAO,4BAE5B;QACb,oBAAC,iBAAO,IAAC,QAAQ,QAAC,YAAY,EAAC,KAAK,0BAE1B,CACL;IACP,oBAAC,iBAAO,OAAG;IACX,oBAAC,mBAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,wBAAwB;QACrD,oBAAC,UAAU,0EAA6E;QACxF,oBAAC,iBAAO,IAAC,QAAQ,SAAG;QACpB,oBAAC,UAAU,yEAA4E,CAClF,CACD,CACT,EAtB8D,CAsB9D,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B;AAEK,IAAM,sBAAsB,GAA4B,cAAM,OAAA,CACnE,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,KAAK;IAClC,oBAAC,aAAa,IAAC,UAAU,EAAC,SAAS,sBAAgC;IACnE,oBAAC,aAAa,IAAC,UAAU,EAAC,QAAQ,qBAA+B;IACjE,oBAAC,aAAa,IAAC,UAAU,EAAC,OAAO,sBAAgC;IACjE,oBAAC,aAAa,IAAC,UAAU,EAAC,QAAQ,qBAA+B,CAC3D,CACT,EAPoE,CAOpE,CAAC;AAPW,QAAA,sBAAsB,0BAOjC;AAEK,IAAM,iBAAiB,GAA4B,cAAM,OAAA,CAC9D,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,KAAK;IAClC,oBAAC,iBAAO,IAAC,UAAU,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAI;IAC9G,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,qJAGb;IACZ,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B,oBAAC,iBAAO,IAAC,UAAU,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,kBAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAI,CACrH,CACK,CACT,EAX+D,CAW/D,CAAC;AAXW,QAAA,iBAAiB,qBAW5B;AAEF,IAAM,eAAe,GAAkB;IACrC;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,yBAAgB;QACxB,SAAS,EAAE,0BAAkB;KAC9B;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,SAAS,EAAE,wBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,8BAAsB;KAClC;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,yBAAiB;KAC7B;CACF,CAAC;AAEF,IAAM,qBAAqB,GAAkB;IAC3C;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,yBAAgB;QACxB,SAAS,EAAE,kCAAc;KAC1B;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,yBAAgB;QACxB,SAAS,EAAE,4CAAwB;KACpC;CACF,CAAC;AAEK,IAAM,WAAW,GAA4B;IAClD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,oHAAoH,CAAC;IACzI,IAAM,iBAAiB,GAAG,4EAA4E,CAAC;IAEvG,OAAO,CACL,oBAAC,WAAI,IACH,IAAI,EAAC,cAAc,EACnB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,EACvD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,EAC5D,MAAM,EAAE,MAAM,GACR,CACT,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,WAAW,eAoBtB"}
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.2",
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.1",
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
+ );