@fluentui-react-native/tester 0.123.1 → 0.124.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 (46) hide show
  1. package/CHANGELOG.json +216 -3
  2. package/CHANGELOG.md +43 -2
  3. package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts +4 -0
  4. package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts.map +1 -1
  5. package/lib/fluent-tester/src/TestComponents/Common/styles.js +4 -0
  6. package/lib/fluent-tester/src/TestComponents/Common/styles.js.map +1 -1
  7. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts +4 -0
  8. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts.map +1 -0
  9. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js +4 -0
  10. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js.map +1 -0
  11. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.d.ts.map +1 -1
  12. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts +4 -0
  13. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts.map +1 -0
  14. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js +4 -0
  15. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js.map +1 -0
  16. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.js +9 -8
  17. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.js.map +1 -1
  18. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts +3 -0
  19. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts.map +1 -0
  20. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js +59 -0
  21. package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js.map +1 -0
  22. package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts +4 -0
  23. package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts.map +1 -1
  24. package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js +4 -0
  25. package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js.map +1 -1
  26. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts +4 -0
  27. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts.map +1 -0
  28. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js +8 -0
  29. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js.map +1 -0
  30. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.d.ts.map +1 -1
  31. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts +4 -0
  32. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts.map +1 -0
  33. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js +8 -0
  34. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js.map +1 -0
  35. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.js +14 -13
  36. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.js.map +1 -1
  37. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts +3 -0
  38. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts.map +1 -0
  39. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js +64 -0
  40. package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js.map +1 -0
  41. package/package.json +34 -33
  42. package/src/TestComponents/Common/styles.ts +4 -0
  43. package/src/TestComponents/Separator/SeparatorTest.android.tsx +3 -0
  44. package/src/TestComponents/Separator/SeparatorTest.ios.tsx +3 -0
  45. package/src/TestComponents/Separator/SeparatorTest.mobile.tsx +78 -0
  46. package/src/TestComponents/Separator/SeparatorTest.tsx +9 -8
package/CHANGELOG.json CHANGED
@@ -2,7 +2,220 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 23 Dec 2022 11:02:31 GMT",
5
+ "date": "Tue, 27 Dec 2022 10:15:40 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.124.0",
7
+ "version": "0.124.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "rohanpd.work@gmail.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "e34a93726a72d32cf3886a4027ddade9cab099ff",
14
+ "comment": "android seperator implem , tester app changes"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/android-theme to v0.15.3",
20
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/tester",
25
+ "comment": "Bump @fluentui-react-native/apple-theme to v0.17.4",
26
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/tester",
31
+ "comment": "Bump @fluentui-react-native/avatar to v1.5.3",
32
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui-react-native/tester",
37
+ "comment": "Bump @fluentui-react-native/badge to v0.4.4",
38
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui-react-native/tester",
43
+ "comment": "Bump @fluentui-react-native/button to v0.32.9",
44
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui-react-native/tester",
49
+ "comment": "Bump @fluentui-react-native/default-theme to v0.16.18",
50
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui-react-native/tester",
55
+ "comment": "Bump @fluentui-react-native/dropdown to v0.7.4",
56
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
57
+ },
58
+ {
59
+ "author": "beachball",
60
+ "package": "@fluentui-react-native/tester",
61
+ "comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.7.4",
62
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
63
+ },
64
+ {
65
+ "author": "beachball",
66
+ "package": "@fluentui-react-native/tester",
67
+ "comment": "Bump @fluentui-react-native/experimental-avatar to v0.16.31",
68
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
69
+ },
70
+ {
71
+ "author": "beachball",
72
+ "package": "@fluentui-react-native/tester",
73
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.16.67",
74
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
75
+ },
76
+ {
77
+ "author": "beachball",
78
+ "package": "@fluentui-react-native/tester",
79
+ "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.13.16",
80
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
81
+ },
82
+ {
83
+ "author": "beachball",
84
+ "package": "@fluentui-react-native/tester",
85
+ "comment": "Bump @fluentui-react-native/experimental-expander to v0.5.4",
86
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
87
+ },
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui-react-native/tester",
91
+ "comment": "Bump @fluentui-react-native/experimental-icon to v0.1.7",
92
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
93
+ },
94
+ {
95
+ "author": "beachball",
96
+ "package": "@fluentui-react-native/tester",
97
+ "comment": "Bump @fluentui-react-native/experimental-link to v0.4.2",
98
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
99
+ },
100
+ {
101
+ "author": "beachball",
102
+ "package": "@fluentui-react-native/tester",
103
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.6.6",
104
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
105
+ },
106
+ {
107
+ "author": "beachball",
108
+ "package": "@fluentui-react-native/tester",
109
+ "comment": "Bump @fluentui-react-native/experimental-radio-group to v0.8.8",
110
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
111
+ },
112
+ {
113
+ "author": "beachball",
114
+ "package": "@fluentui-react-native/tester",
115
+ "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.51",
116
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
117
+ },
118
+ {
119
+ "author": "beachball",
120
+ "package": "@fluentui-react-native/tester",
121
+ "comment": "Bump @fluentui-react-native/experimental-shimmer to v0.8.4",
122
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
123
+ },
124
+ {
125
+ "author": "beachball",
126
+ "package": "@fluentui-react-native/tester",
127
+ "comment": "Bump @fluentui-react-native/experimental-tabs to v0.8.12",
128
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
129
+ },
130
+ {
131
+ "author": "beachball",
132
+ "package": "@fluentui-react-native/tester",
133
+ "comment": "Bump @fluentui-react-native/experimental-text to v0.11.32",
134
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
135
+ },
136
+ {
137
+ "author": "beachball",
138
+ "package": "@fluentui-react-native/tester",
139
+ "comment": "Bump @fluentui-react-native/framework to v0.8.27",
140
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
141
+ },
142
+ {
143
+ "author": "beachball",
144
+ "package": "@fluentui-react-native/tester",
145
+ "comment": "Bump @fluentui-react-native/icon to v0.16.4",
146
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
147
+ },
148
+ {
149
+ "author": "beachball",
150
+ "package": "@fluentui-react-native/tester",
151
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.22.2",
152
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
153
+ },
154
+ {
155
+ "author": "beachball",
156
+ "package": "@fluentui-react-native/tester",
157
+ "comment": "Bump @fluentui-react-native/menu to v1.2.1",
158
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
159
+ },
160
+ {
161
+ "author": "beachball",
162
+ "package": "@fluentui-react-native/tester",
163
+ "comment": "Bump @fluentui-react-native/separator to v0.14.0",
164
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
165
+ },
166
+ {
167
+ "author": "beachball",
168
+ "package": "@fluentui-react-native/tester",
169
+ "comment": "Bump @fluentui-react-native/notification to v0.21.3",
170
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
171
+ },
172
+ {
173
+ "author": "beachball",
174
+ "package": "@fluentui-react-native/tester",
175
+ "comment": "Bump @fluentui-react-native/stack to v0.7.33",
176
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
177
+ },
178
+ {
179
+ "author": "beachball",
180
+ "package": "@fluentui-react-native/tester",
181
+ "comment": "Bump @fluentui-react-native/switch to v0.8.3",
182
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
183
+ },
184
+ {
185
+ "author": "beachball",
186
+ "package": "@fluentui-react-native/tester",
187
+ "comment": "Bump @fluentui-react-native/text to v0.19.1",
188
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
189
+ },
190
+ {
191
+ "author": "beachball",
192
+ "package": "@fluentui-react-native/tester",
193
+ "comment": "Bump @fluentui-react-native/theme-tokens to v0.22.3",
194
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
195
+ },
196
+ {
197
+ "author": "beachball",
198
+ "package": "@fluentui-react-native/tester",
199
+ "comment": "Bump @fluentui-react-native/win32-theme to v0.24.5",
200
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
201
+ },
202
+ {
203
+ "author": "beachball",
204
+ "package": "@fluentui-react-native/tester",
205
+ "comment": "Bump @fluentui/react-native to v0.34.7",
206
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
207
+ },
208
+ {
209
+ "author": "beachball",
210
+ "package": "@fluentui-react-native/tester",
211
+ "comment": "Bump @fluentui-react-native/focus-zone to v0.11.14",
212
+ "commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
213
+ }
214
+ ]
215
+ }
216
+ },
217
+ {
218
+ "date": "Fri, 23 Dec 2022 11:03:02 GMT",
6
219
  "tag": "@fluentui-react-native/tester_v0.123.1",
7
220
  "version": "0.123.1",
8
221
  "comments": {
@@ -17,13 +230,13 @@
17
230
  "author": "beachball",
18
231
  "package": "@fluentui-react-native/tester",
19
232
  "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.13.15",
20
- "commit": "7bfe8d5767a987ed2c327cd576a5296c4b116eb4"
233
+ "commit": "e34a93726a72d32cf3886a4027ddade9cab099ff"
21
234
  },
22
235
  {
23
236
  "author": "beachball",
24
237
  "package": "@fluentui-react-native/tester",
25
238
  "comment": "Bump @fluentui/react-native to v0.34.6",
26
- "commit": "7bfe8d5767a987ed2c327cd576a5296c4b116eb4"
239
+ "commit": "e34a93726a72d32cf3886a4027ddade9cab099ff"
27
240
  }
28
241
  ]
29
242
  }
package/CHANGELOG.md CHANGED
@@ -1,12 +1,53 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Fri, 23 Dec 2022 11:02:31 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 27 Dec 2022 10:15:40 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.124.0
8
+
9
+ Tue, 27 Dec 2022 10:15:40 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - android seperator implem , tester app changes (rohanpd.work@gmail.com)
14
+ - Bump @fluentui-react-native/android-theme to v0.15.3
15
+ - Bump @fluentui-react-native/apple-theme to v0.17.4
16
+ - Bump @fluentui-react-native/avatar to v1.5.3
17
+ - Bump @fluentui-react-native/badge to v0.4.4
18
+ - Bump @fluentui-react-native/button to v0.32.9
19
+ - Bump @fluentui-react-native/default-theme to v0.16.18
20
+ - Bump @fluentui-react-native/dropdown to v0.7.4
21
+ - Bump @fluentui-react-native/experimental-activity-indicator to v0.7.4
22
+ - Bump @fluentui-react-native/experimental-avatar to v0.16.31
23
+ - Bump @fluentui-react-native/experimental-button to v0.16.67
24
+ - Bump @fluentui-react-native/experimental-checkbox to v0.13.16
25
+ - Bump @fluentui-react-native/experimental-expander to v0.5.4
26
+ - Bump @fluentui-react-native/experimental-icon to v0.1.7
27
+ - Bump @fluentui-react-native/experimental-link to v0.4.2
28
+ - Bump @fluentui-react-native/experimental-menu-button to v0.6.6
29
+ - Bump @fluentui-react-native/experimental-radio-group to v0.8.8
30
+ - Bump @fluentui-react-native/experimental-shadow to v0.2.51
31
+ - Bump @fluentui-react-native/experimental-shimmer to v0.8.4
32
+ - Bump @fluentui-react-native/experimental-tabs to v0.8.12
33
+ - Bump @fluentui-react-native/experimental-text to v0.11.32
34
+ - Bump @fluentui-react-native/framework to v0.8.27
35
+ - Bump @fluentui-react-native/icon to v0.16.4
36
+ - Bump @fluentui-react-native/interactive-hooks to v0.22.2
37
+ - Bump @fluentui-react-native/menu to v1.2.1
38
+ - Bump @fluentui-react-native/separator to v0.14.0
39
+ - Bump @fluentui-react-native/notification to v0.21.3
40
+ - Bump @fluentui-react-native/stack to v0.7.33
41
+ - Bump @fluentui-react-native/switch to v0.8.3
42
+ - Bump @fluentui-react-native/text to v0.19.1
43
+ - Bump @fluentui-react-native/theme-tokens to v0.22.3
44
+ - Bump @fluentui-react-native/win32-theme to v0.24.5
45
+ - Bump @fluentui/react-native to v0.34.7
46
+ - Bump @fluentui-react-native/focus-zone to v0.11.14
47
+
7
48
  ## 0.123.1
8
49
 
9
- Fri, 23 Dec 2022 11:02:31 GMT
50
+ Fri, 23 Dec 2022 11:03:02 GMT
10
51
 
11
52
  ### Patches
12
53
 
package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts CHANGED
@@ -154,6 +154,10 @@ export declare const mobileStyles: {
154
154
  fontSize: number;
155
155
  paddingVertical: number;
156
156
  };
157
+ testSection: {
158
+ width: string;
159
+ marginVertical: number;
160
+ };
157
161
  containerSpacedEvenly: {
158
162
  display: "flex";
159
163
  flexDirection: "column";
package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
package/lib/fluent-tester/src/TestComponents/Common/styles.js CHANGED
@@ -160,6 +160,10 @@ export var mobileStyles = StyleSheet.create({
160
160
  fontSize: 18,
161
161
  paddingVertical: 8,
162
162
  },
163
+ testSection: {
164
+ width: '100%',
165
+ marginVertical: 15,
166
+ },
163
167
  containerSpacedEvenly: {
164
168
  display: 'flex',
165
169
  flexDirection: 'column',
package/lib/fluent-tester/src/TestComponents/Common/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SeparatorTest } from './SeparatorTest.mobile';
2
+ export { SeparatorTest } from './SeparatorTest.mobile';
3
+ export default SeparatorTest;
4
+ //# sourceMappingURL=SeparatorTest.android.d.ts.map
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js ADDED
@@ -0,0 +1,4 @@
1
+ import { SeparatorTest } from './SeparatorTest.mobile';
2
+ export { SeparatorTest } from './SeparatorTest.mobile';
3
+ export default SeparatorTest;
4
+ //# sourceMappingURL=SeparatorTest.android.js.map
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SeparatorTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}
1
+ {"version":3,"file":"SeparatorTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SeparatorTest } from './SeparatorTest.mobile';
2
+ export { SeparatorTest } from './SeparatorTest.mobile';
3
+ export default SeparatorTest;
4
+ //# sourceMappingURL=SeparatorTest.ios.d.ts.map
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.ios.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js ADDED
@@ -0,0 +1,4 @@
1
+ import { SeparatorTest } from './SeparatorTest.mobile';
2
+ export { SeparatorTest } from './SeparatorTest.mobile';
3
+ export default SeparatorTest;
4
+ //# sourceMappingURL=SeparatorTest.ios.js.map
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.ios.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
- import { Text } from 'react-native';
3
- import { Button, Separator } from '@fluentui/react-native';
2
+ import { Separator } from '@fluentui-react-native/separator';
3
+ import { ButtonV1 } from '@fluentui-react-native/button';
4
+ import { Text } from '@fluentui-react-native/experimental-text';
4
5
  import { stackStyle, separatorStackStyle } from '../Common/styles';
5
6
  import { Stack } from '@fluentui-react-native/stack';
6
7
  import { SEPARATOR_TESTPAGE } from './consts';
@@ -10,19 +11,19 @@ var RedSeparator = Separator.customize({ color: 'red' });
10
11
  var SeparatorMainTest = function () {
11
12
  return (React.createElement(Stack, { style: stackStyle, gap: 5 },
12
13
  React.createElement(Stack, { gap: 4, style: separatorStackStyle },
13
- React.createElement(Button, { content: "Button4" }),
14
+ React.createElement(ButtonV1, null, "Button1"),
14
15
  React.createElement(BlueSeparator, { vertical: true }),
15
- React.createElement(Button, { content: "Button5" }),
16
+ React.createElement(ButtonV1, null, "Button2"),
16
17
  React.createElement(RedSeparator, { vertical: true }),
17
- React.createElement(Button, { content: "Button6" }),
18
+ React.createElement(ButtonV1, null, "Button3 "),
18
19
  React.createElement(Separator, null)),
19
20
  React.createElement(Text, null, "This is a text element"),
20
21
  React.createElement(Separator, null),
21
- React.createElement(Button, { content: "This button has longer text" })));
22
+ React.createElement(ButtonV1, null, "This button has longer text")));
22
23
  };
23
24
  var separatorSections = [
24
25
  {
25
- name: 'Basic Button',
26
+ name: 'Basic Seperator',
26
27
  testID: SEPARATOR_TESTPAGE,
27
28
  component: SeparatorMainTest,
28
29
  },
@@ -33,7 +34,7 @@ export var SeparatorTest = function () {
33
34
  uwpStatus: 'Experimental',
34
35
  iosStatus: 'Experimental',
35
36
  macosStatus: 'Beta',
36
- androidStatus: 'Backlog',
37
+ androidStatus: 'Experimental',
37
38
  };
38
39
  var description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
39
40
  return React.createElement(Test, { name: "Separator Test", description: description, sections: separatorSections, status: status });
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SeparatorTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7D,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAE3D,IAAM,iBAAiB,GAA4B;IACjD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB;YACvC,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,GAAG;YAC5B,oBAAC,aAAa,IAAC,QAAQ,SAAG;YAC1B,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,GAAG;YAC5B,oBAAC,YAAY,IAAC,QAAQ,SAAG;YACzB,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,GAAG;YAC5B,oBAAC,SAAS,OAAG,CACP;QACR,oBAAC,IAAI,iCAA8B;QACnC,oBAAC,SAAS,OAAG;QACb,oBAAC,MAAM,IAAC,OAAO,EAAC,6BAA6B,GAAG,CAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC"}
1
+ {"version":3,"file":"SeparatorTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7D,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAE3D,IAAM,iBAAiB,GAA4B;IACjD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB;YACvC,oBAAC,QAAQ,kBAAmB;YAC5B,oBAAC,aAAa,IAAC,QAAQ,SAAG;YAC1B,oBAAC,QAAQ,kBAAmB;YAC5B,oBAAC,YAAY,IAAC,QAAQ,SAAG;YACzB,oBAAC,QAAQ,mBAAoB;YAC7B,oBAAC,SAAS,OAAG,CACP;QACR,oBAAC,IAAI,iCAA8B;QACnC,oBAAC,SAAS,OAAG;QACb,oBAAC,QAAQ,sCAAuC,CAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC"}
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ export declare const SeparatorTest: React.FunctionComponent;
3
+ //# sourceMappingURL=SeparatorTest.mobile.d.ts.map
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.mobile.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgE/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js ADDED
@@ -0,0 +1,59 @@
1
+ import * as React from 'react';
2
+ import { Separator } from '@fluentui-react-native/separator';
3
+ import { Text } from '@fluentui-react-native/experimental-text';
4
+ import { commonTestStyles, mobileStyles } from '../Common/styles';
5
+ import { Stack } from '@fluentui-react-native/stack';
6
+ import { SEPARATOR_TESTPAGE } from './consts';
7
+ import { Test } from '../Test';
8
+ var CustomisedText = Text.customize({
9
+ textAlign: 'right',
10
+ fontSize: 'caption',
11
+ });
12
+ var SeparatorBasicUsage = function () {
13
+ return (React.createElement(Stack, { style: commonTestStyles.section, gap: 5 },
14
+ React.createElement(Separator, { insetSpacing: 0 }),
15
+ React.createElement(CustomisedText, null, "Inset : 0"),
16
+ React.createElement(Separator, { insetSpacing: 16 }),
17
+ React.createElement(CustomisedText, null, "Inset : 16"),
18
+ React.createElement(Separator, { insetSpacing: 56 }),
19
+ React.createElement(CustomisedText, null, "Inset : 56"),
20
+ React.createElement(Separator, { insetSpacing: 68 }),
21
+ React.createElement(CustomisedText, null, "Inset : 68"),
22
+ React.createElement(Separator, { insetSpacing: 72 }),
23
+ React.createElement(CustomisedText, null, "Inset : 72"),
24
+ React.createElement(Separator, { insetSpacing: 108 }),
25
+ React.createElement(CustomisedText, null, "Inset : 108")));
26
+ };
27
+ var RedSeparator = Separator.customize({ color: 'red' });
28
+ var BlueSeparatorWithCustomWidth = Separator.customize({ color: 'blue', separatorWidth: 10 });
29
+ var SeparatorCustomisedUsage = function () {
30
+ return (React.createElement(Stack, { style: mobileStyles.testSection, gap: 5 },
31
+ React.createElement(RedSeparator, null),
32
+ React.createElement(CustomisedText, null, "Customised Color Seperator"),
33
+ React.createElement(BlueSeparatorWithCustomWidth, { insetSpacing: 16 }),
34
+ React.createElement(CustomisedText, null, "Customised Color and Width Seperator")));
35
+ };
36
+ var separatorSections = [
37
+ {
38
+ name: 'Basic Mobile Seperator',
39
+ testID: SEPARATOR_TESTPAGE,
40
+ component: SeparatorBasicUsage,
41
+ },
42
+ {
43
+ name: 'Customised Mobile Seperator',
44
+ testID: SEPARATOR_TESTPAGE,
45
+ component: SeparatorCustomisedUsage,
46
+ },
47
+ ];
48
+ export var SeparatorTest = function () {
49
+ var status = {
50
+ win32Status: 'Beta',
51
+ uwpStatus: 'Experimental',
52
+ iosStatus: 'Experimental',
53
+ macosStatus: 'Beta',
54
+ androidStatus: 'Experimental',
55
+ };
56
+ var description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
57
+ return React.createElement(Test, { name: "Separator Test", description: description, sections: separatorSections, status: status });
58
+ };
59
+ //# sourceMappingURL=SeparatorTest.mobile.js.map
package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.mobile.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAA4B;IACnD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC;QAC5C,oBAAC,SAAS,IAAC,YAAY,EAAE,CAAC,GAAI;QAC9B,oBAAC,cAAc,oBAA2B;QAE1C,oBAAC,SAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,SAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,SAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,SAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,SAAS,IAAC,YAAY,EAAE,GAAG,GAAI;QAChC,oBAAC,cAAc,sBAA6B,CACtC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,IAAM,4BAA4B,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhG,IAAM,wBAAwB,GAA4B;IACxD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,YAAY,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC;QAC5C,oBAAC,YAAY,OAAG;QAChB,oBAAC,cAAc,qCAA4C;QAC3D,oBAAC,4BAA4B,IAAC,YAAY,EAAE,EAAE,GAAI;QAClD,oBAAC,cAAc,+CAAsD,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,mBAAmB;KAC/B;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,wBAAwB;KACpC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts CHANGED
@@ -154,6 +154,10 @@ export declare const mobileStyles: {
154
154
  fontSize: number;
155
155
  paddingVertical: number;
156
156
  };
157
+ testSection: {
158
+ width: string;
159
+ marginVertical: number;
160
+ };
157
161
  containerSpacedEvenly: {
158
162
  display: "flex";
159
163
  flexDirection: "column";
package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js CHANGED
@@ -163,6 +163,10 @@ exports.mobileStyles = react_native_1.StyleSheet.create({
163
163
  fontSize: 18,
164
164
  paddingVertical: 8,
165
165
  },
166
+ testSection: {
167
+ width: '100%',
168
+ marginVertical: 15,
169
+ },
166
170
  containerSpacedEvenly: {
167
171
  display: 'flex',
168
172
  flexDirection: 'column',
package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SeparatorTest } from './SeparatorTest.mobile';
2
+ export { SeparatorTest } from './SeparatorTest.mobile';
3
+ export default SeparatorTest;
4
+ //# sourceMappingURL=SeparatorTest.android.d.ts.map
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js ADDED
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SeparatorTest = void 0;
4
+ var SeparatorTest_mobile_1 = require("./SeparatorTest.mobile");
5
+ var SeparatorTest_mobile_2 = require("./SeparatorTest.mobile");
6
+ Object.defineProperty(exports, "SeparatorTest", { enumerable: true, get: function () { return SeparatorTest_mobile_2.SeparatorTest; } });
7
+ exports.default = SeparatorTest_mobile_1.SeparatorTest;
8
+ //# sourceMappingURL=SeparatorTest.android.js.map
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.android.tsx"],"names":[],"mappings":";;;AAAA,+DAAuD;AACvD,+DAAuD;AAA9C,qHAAA,aAAa,OAAA;AACtB,kBAAe,oCAAa,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SeparatorTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}
1
+ {"version":3,"file":"SeparatorTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SeparatorTest } from './SeparatorTest.mobile';
2
+ export { SeparatorTest } from './SeparatorTest.mobile';
3
+ export default SeparatorTest;
4
+ //# sourceMappingURL=SeparatorTest.ios.d.ts.map
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.ios.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js ADDED
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SeparatorTest = void 0;
4
+ var SeparatorTest_mobile_1 = require("./SeparatorTest.mobile");
5
+ var SeparatorTest_mobile_2 = require("./SeparatorTest.mobile");
6
+ Object.defineProperty(exports, "SeparatorTest", { enumerable: true, get: function () { return SeparatorTest_mobile_2.SeparatorTest; } });
7
+ exports.default = SeparatorTest_mobile_1.SeparatorTest;
8
+ //# sourceMappingURL=SeparatorTest.ios.js.map
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.ios.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.ios.tsx"],"names":[],"mappings":";;;AAAA,+DAAuD;AACvD,+DAAuD;AAA9C,qHAAA,aAAa,OAAA;AACtB,kBAAe,oCAAa,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.js CHANGED
@@ -3,30 +3,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.SeparatorTest = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var React = (0, tslib_1.__importStar)(require("react"));
6
- var react_native_1 = require("react-native");
7
- var react_native_2 = require("@fluentui/react-native");
6
+ var separator_1 = require("@fluentui-react-native/separator");
7
+ var button_1 = require("@fluentui-react-native/button");
8
+ var experimental_text_1 = require("@fluentui-react-native/experimental-text");
8
9
  var styles_1 = require("../Common/styles");
9
10
  var stack_1 = require("@fluentui-react-native/stack");
10
11
  var consts_1 = require("./consts");
11
12
  var Test_1 = require("../Test");
12
- var BlueSeparator = react_native_2.Separator.customize({ color: 'blue' });
13
- var RedSeparator = react_native_2.Separator.customize({ color: 'red' });
13
+ var BlueSeparator = separator_1.Separator.customize({ color: 'blue' });
14
+ var RedSeparator = separator_1.Separator.customize({ color: 'red' });
14
15
  var SeparatorMainTest = function () {
15
16
  return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
16
17
  React.createElement(stack_1.Stack, { gap: 4, style: styles_1.separatorStackStyle },
17
- React.createElement(react_native_2.Button, { content: "Button4" }),
18
+ React.createElement(button_1.ButtonV1, null, "Button1"),
18
19
  React.createElement(BlueSeparator, { vertical: true }),
19
- React.createElement(react_native_2.Button, { content: "Button5" }),
20
+ React.createElement(button_1.ButtonV1, null, "Button2"),
20
21
  React.createElement(RedSeparator, { vertical: true }),
21
- React.createElement(react_native_2.Button, { content: "Button6" }),
22
- React.createElement(react_native_2.Separator, null)),
23
- React.createElement(react_native_1.Text, null, "This is a text element"),
24
- React.createElement(react_native_2.Separator, null),
25
- React.createElement(react_native_2.Button, { content: "This button has longer text" })));
22
+ React.createElement(button_1.ButtonV1, null, "Button3 "),
23
+ React.createElement(separator_1.Separator, null)),
24
+ React.createElement(experimental_text_1.Text, null, "This is a text element"),
25
+ React.createElement(separator_1.Separator, null),
26
+ React.createElement(button_1.ButtonV1, null, "This button has longer text")));
26
27
  };
27
28
  var separatorSections = [
28
29
  {
29
- name: 'Basic Button',
30
+ name: 'Basic Seperator',
30
31
  testID: consts_1.SEPARATOR_TESTPAGE,
31
32
  component: SeparatorMainTest,
32
33
  },
@@ -37,7 +38,7 @@ var SeparatorTest = function () {
37
38
  uwpStatus: 'Experimental',
38
39
  iosStatus: 'Experimental',
39
40
  macosStatus: 'Beta',
40
- androidStatus: 'Backlog',
41
+ androidStatus: 'Experimental',
41
42
  };
42
43
  var description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
43
44
  return React.createElement(Test_1.Test, { name: "Separator Test", description: description, sections: separatorSections, status: status });
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SeparatorTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,uDAA2D;AAC3D,2CAAmE;AACnE,sDAAqD;AACrD,mCAA8C;AAC9C,gCAA4D;AAE5D,IAAM,aAAa,GAAG,wBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7D,IAAM,YAAY,GAAG,wBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAE3D,IAAM,iBAAiB,GAA4B;IACjD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,aAAK,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,4BAAmB;YACvC,oBAAC,qBAAM,IAAC,OAAO,EAAC,SAAS,GAAG;YAC5B,oBAAC,aAAa,IAAC,QAAQ,SAAG;YAC1B,oBAAC,qBAAM,IAAC,OAAO,EAAC,SAAS,GAAG;YAC5B,oBAAC,YAAY,IAAC,QAAQ,SAAG;YACzB,oBAAC,qBAAM,IAAC,OAAO,EAAC,SAAS,GAAG;YAC5B,oBAAC,wBAAS,OAAG,CACP;QACR,oBAAC,mBAAI,iCAA8B;QACnC,oBAAC,wBAAS,OAAG;QACb,oBAAC,qBAAM,IAAC,OAAO,EAAC,6BAA6B,GAAG,CAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,2BAAkB;QAC1B,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEK,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC;AAbW,QAAA,aAAa,iBAaxB"}
1
+ {"version":3,"file":"SeparatorTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,8DAA6D;AAC7D,wDAAyD;AACzD,8EAAgE;AAChE,2CAAmE;AACnE,sDAAqD;AACrD,mCAA8C;AAC9C,gCAA4D;AAE5D,IAAM,aAAa,GAAG,qBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7D,IAAM,YAAY,GAAG,qBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAE3D,IAAM,iBAAiB,GAA4B;IACjD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,aAAK,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,4BAAmB;YACvC,oBAAC,iBAAQ,kBAAmB;YAC5B,oBAAC,aAAa,IAAC,QAAQ,SAAG;YAC1B,oBAAC,iBAAQ,kBAAmB;YAC5B,oBAAC,YAAY,IAAC,QAAQ,SAAG;YACzB,oBAAC,iBAAQ,mBAAoB;YAC7B,oBAAC,qBAAS,OAAG,CACP;QACR,oBAAC,wBAAI,iCAA8B;QACnC,oBAAC,qBAAS,OAAG;QACb,oBAAC,iBAAQ,sCAAuC,CAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,2BAAkB;QAC1B,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEK,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC;AAbW,QAAA,aAAa,iBAaxB"}
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ export declare const SeparatorTest: React.FunctionComponent;
3
+ //# sourceMappingURL=SeparatorTest.mobile.d.ts.map
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.mobile.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgE/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js ADDED
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SeparatorTest = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var React = (0, tslib_1.__importStar)(require("react"));
6
+ var separator_1 = require("@fluentui-react-native/separator");
7
+ var experimental_text_1 = require("@fluentui-react-native/experimental-text");
8
+ var styles_1 = require("../Common/styles");
9
+ var stack_1 = require("@fluentui-react-native/stack");
10
+ var consts_1 = require("./consts");
11
+ var Test_1 = require("../Test");
12
+ var CustomisedText = experimental_text_1.Text.customize({
13
+ textAlign: 'right',
14
+ fontSize: 'caption',
15
+ });
16
+ var SeparatorBasicUsage = function () {
17
+ return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.section, gap: 5 },
18
+ React.createElement(separator_1.Separator, { insetSpacing: 0 }),
19
+ React.createElement(CustomisedText, null, "Inset : 0"),
20
+ React.createElement(separator_1.Separator, { insetSpacing: 16 }),
21
+ React.createElement(CustomisedText, null, "Inset : 16"),
22
+ React.createElement(separator_1.Separator, { insetSpacing: 56 }),
23
+ React.createElement(CustomisedText, null, "Inset : 56"),
24
+ React.createElement(separator_1.Separator, { insetSpacing: 68 }),
25
+ React.createElement(CustomisedText, null, "Inset : 68"),
26
+ React.createElement(separator_1.Separator, { insetSpacing: 72 }),
27
+ React.createElement(CustomisedText, null, "Inset : 72"),
28
+ React.createElement(separator_1.Separator, { insetSpacing: 108 }),
29
+ React.createElement(CustomisedText, null, "Inset : 108")));
30
+ };
31
+ var RedSeparator = separator_1.Separator.customize({ color: 'red' });
32
+ var BlueSeparatorWithCustomWidth = separator_1.Separator.customize({ color: 'blue', separatorWidth: 10 });
33
+ var SeparatorCustomisedUsage = function () {
34
+ return (React.createElement(stack_1.Stack, { style: styles_1.mobileStyles.testSection, gap: 5 },
35
+ React.createElement(RedSeparator, null),
36
+ React.createElement(CustomisedText, null, "Customised Color Seperator"),
37
+ React.createElement(BlueSeparatorWithCustomWidth, { insetSpacing: 16 }),
38
+ React.createElement(CustomisedText, null, "Customised Color and Width Seperator")));
39
+ };
40
+ var separatorSections = [
41
+ {
42
+ name: 'Basic Mobile Seperator',
43
+ testID: consts_1.SEPARATOR_TESTPAGE,
44
+ component: SeparatorBasicUsage,
45
+ },
46
+ {
47
+ name: 'Customised Mobile Seperator',
48
+ testID: consts_1.SEPARATOR_TESTPAGE,
49
+ component: SeparatorCustomisedUsage,
50
+ },
51
+ ];
52
+ var SeparatorTest = function () {
53
+ var status = {
54
+ win32Status: 'Beta',
55
+ uwpStatus: 'Experimental',
56
+ iosStatus: 'Experimental',
57
+ macosStatus: 'Beta',
58
+ androidStatus: 'Experimental',
59
+ };
60
+ var description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
61
+ return React.createElement(Test_1.Test, { name: "Separator Test", description: description, sections: separatorSections, status: status });
62
+ };
63
+ exports.SeparatorTest = SeparatorTest;
64
+ //# sourceMappingURL=SeparatorTest.mobile.js.map
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SeparatorTest.mobile.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.mobile.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,8DAA6D;AAC7D,8EAAgE;AAChE,2CAAkE;AAClE,sDAAqD;AACrD,mCAA8C;AAC9C,gCAA4D;AAE5D,IAAM,cAAc,GAAG,wBAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAA4B;IACnD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC;QAC5C,oBAAC,qBAAS,IAAC,YAAY,EAAE,CAAC,GAAI;QAC9B,oBAAC,cAAc,oBAA2B;QAE1C,oBAAC,qBAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,qBAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,qBAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,qBAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,qBAAS,IAAC,YAAY,EAAE,GAAG,GAAI;QAChC,oBAAC,cAAc,sBAA6B,CACtC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,qBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,IAAM,4BAA4B,GAAG,qBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhG,IAAM,wBAAwB,GAA4B;IACxD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,qBAAY,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC;QAC5C,oBAAC,YAAY,OAAG;QAChB,oBAAC,cAAc,qCAA4C;QAC3D,oBAAC,4BAA4B,IAAC,YAAY,EAAE,EAAE,GAAI;QAClD,oBAAC,cAAc,+CAAsD,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,2BAAkB;QAC1B,SAAS,EAAE,mBAAmB;KAC/B;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,MAAM,EAAE,2BAAkB;QAC1B,SAAS,EAAE,wBAAwB;KACpC;CACF,CAAC;AAEK,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC;AAbW,QAAA,aAAa,iBAaxB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.123.1",
3
+ "version": "0.124.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>",
@@ -33,43 +33,44 @@
33
33
  "directory": "apps/fluent-tester"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui-react-native/android-theme": ">=0.15.2 <1.0.0",
37
- "@fluentui-react-native/apple-theme": ">=0.17.3 <1.0.0",
38
- "@fluentui-react-native/avatar": "^1.5.2",
39
- "@fluentui-react-native/badge": ">=0.4.3 <1.0.0",
40
- "@fluentui-react-native/button": ">=0.32.8 <1.0.0",
41
- "@fluentui-react-native/default-theme": ">=0.16.17 <1.0.0",
42
- "@fluentui-react-native/dropdown": ">=0.7.3 <1.0.0",
43
- "@fluentui-react-native/experimental-activity-indicator": ">=0.7.3 <1.0.0",
44
- "@fluentui-react-native/experimental-avatar": ">=0.16.30 <1.0.0",
45
- "@fluentui-react-native/experimental-button": "0.16.66",
46
- "@fluentui-react-native/experimental-checkbox": "0.13.15",
47
- "@fluentui-react-native/experimental-expander": "0.5.3",
48
- "@fluentui-react-native/experimental-icon": ">=0.1.6 <1.0.0",
49
- "@fluentui-react-native/experimental-link": "^0.4.1",
50
- "@fluentui-react-native/experimental-menu-button": ">=0.6.5 <1.0.0",
36
+ "@fluentui-react-native/android-theme": ">=0.15.3 <1.0.0",
37
+ "@fluentui-react-native/apple-theme": ">=0.17.4 <1.0.0",
38
+ "@fluentui-react-native/avatar": "^1.5.3",
39
+ "@fluentui-react-native/badge": ">=0.4.4 <1.0.0",
40
+ "@fluentui-react-native/button": ">=0.32.9 <1.0.0",
41
+ "@fluentui-react-native/default-theme": ">=0.16.18 <1.0.0",
42
+ "@fluentui-react-native/dropdown": ">=0.7.4 <1.0.0",
43
+ "@fluentui-react-native/experimental-activity-indicator": ">=0.7.4 <1.0.0",
44
+ "@fluentui-react-native/experimental-avatar": ">=0.16.31 <1.0.0",
45
+ "@fluentui-react-native/experimental-button": "0.16.67",
46
+ "@fluentui-react-native/experimental-checkbox": "0.13.16",
47
+ "@fluentui-react-native/experimental-expander": "0.5.4",
48
+ "@fluentui-react-native/experimental-icon": ">=0.1.7 <1.0.0",
49
+ "@fluentui-react-native/experimental-link": "^0.4.2",
50
+ "@fluentui-react-native/experimental-menu-button": ">=0.6.6 <1.0.0",
51
51
  "@fluentui-react-native/experimental-native-date-picker": ">=0.7.3 <1.0.0",
52
- "@fluentui-react-native/experimental-radio-group": "^0.8.7",
53
- "@fluentui-react-native/experimental-shadow": "0.2.50",
54
- "@fluentui-react-native/experimental-shimmer": "0.8.3",
55
- "@fluentui-react-native/experimental-tabs": "0.8.11",
56
- "@fluentui-react-native/experimental-text": ">=0.11.31 <1.0.0",
57
- "@fluentui-react-native/framework": ">=0.8.26 <1.0.0",
58
- "@fluentui-react-native/icon": "0.16.3",
59
- "@fluentui-react-native/interactive-hooks": ">=0.22.1 <1.0.0",
60
- "@fluentui-react-native/menu": "^1.2.0",
52
+ "@fluentui-react-native/experimental-radio-group": "^0.8.8",
53
+ "@fluentui-react-native/experimental-shadow": "0.2.51",
54
+ "@fluentui-react-native/experimental-shimmer": "0.8.4",
55
+ "@fluentui-react-native/experimental-tabs": "0.8.12",
56
+ "@fluentui-react-native/experimental-text": ">=0.11.32 <1.0.0",
57
+ "@fluentui-react-native/framework": ">=0.8.27 <1.0.0",
58
+ "@fluentui-react-native/icon": "0.16.4",
59
+ "@fluentui-react-native/interactive-hooks": ">=0.22.2 <1.0.0",
60
+ "@fluentui-react-native/menu": "^1.2.1",
61
61
  "@fluentui-react-native/merge-props": ">=0.5.1 <1.0.0",
62
- "@fluentui-react-native/notification": "0.21.2",
63
- "@fluentui-react-native/stack": ">=0.7.32 <1.0.0",
64
- "@fluentui-react-native/switch": "^0.8.2",
65
- "@fluentui-react-native/text": ">=0.19.0 <1.0.0",
62
+ "@fluentui-react-native/separator": "^0.14.0",
63
+ "@fluentui-react-native/notification": "0.21.3",
64
+ "@fluentui-react-native/stack": ">=0.7.33 <1.0.0",
65
+ "@fluentui-react-native/switch": "^0.8.3",
66
+ "@fluentui-react-native/text": ">=0.19.1 <1.0.0",
66
67
  "@fluentui-react-native/theme": ">=0.7.12 <1.0.0",
67
- "@fluentui-react-native/theme-tokens": "^0.22.2",
68
+ "@fluentui-react-native/theme-tokens": "^0.22.3",
68
69
  "@fluentui-react-native/theme-types": ">=0.27.0 <1.0.0",
69
70
  "@fluentui-react-native/themed-stylesheet": "^1.4.1",
70
71
  "@fluentui-react-native/theming-utils": ">=0.20.1 <1.0.0",
71
- "@fluentui-react-native/win32-theme": ">=0.24.4 <1.0.0",
72
- "@fluentui/react-native": ">=0.34.6 <1.0.0",
72
+ "@fluentui-react-native/win32-theme": ">=0.24.5 <1.0.0",
73
+ "@fluentui/react-native": ">=0.34.7 <1.0.0",
73
74
  "@fortawesome/fontawesome-svg-core": "^6.2.0",
74
75
  "@fortawesome/free-solid-svg-icons": "^6.2.0",
75
76
  "@fortawesome/react-native-fontawesome": "^0.3.0",
@@ -97,7 +98,7 @@
97
98
  "react-native-svg-transformer": "^1.0.0",
98
99
  "react-native-test-app": "^2.0.2",
99
100
  "react-test-renderer": "17.0.2",
100
- "@fluentui-react-native/focus-zone": "^0.11.13"
101
+ "@fluentui-react-native/focus-zone": "^0.11.14"
101
102
  },
102
103
  "peerDependencies": {
103
104
  "@office-iss/react-native-win32": "^0.68.0"
package/src/TestComponents/Common/styles.ts CHANGED
@@ -166,6 +166,10 @@ export const mobileStyles = StyleSheet.create({
166
166
  fontSize: 18,
167
167
  paddingVertical: 8,
168
168
  },
169
+ testSection: {
170
+ width: '100%',
171
+ marginVertical: 15,
172
+ },
169
173
  containerSpacedEvenly: {
170
174
  display: 'flex',
171
175
  flexDirection: 'column',
package/src/TestComponents/Separator/SeparatorTest.android.tsx ADDED
@@ -0,0 +1,3 @@
1
+ import { SeparatorTest } from './SeparatorTest.mobile';
2
+ export { SeparatorTest } from './SeparatorTest.mobile';
3
+ export default SeparatorTest;
package/src/TestComponents/Separator/SeparatorTest.ios.tsx ADDED
@@ -0,0 +1,3 @@
1
+ import { SeparatorTest } from './SeparatorTest.mobile';
2
+ export { SeparatorTest } from './SeparatorTest.mobile';
3
+ export default SeparatorTest;
package/src/TestComponents/Separator/SeparatorTest.mobile.tsx ADDED
@@ -0,0 +1,78 @@
1
+ import * as React from 'react';
2
+ import { Separator } from '@fluentui-react-native/separator';
3
+ import { Text } from '@fluentui-react-native/experimental-text';
4
+ import { commonTestStyles, mobileStyles } from '../Common/styles';
5
+ import { Stack } from '@fluentui-react-native/stack';
6
+ import { SEPARATOR_TESTPAGE } from './consts';
7
+ import { Test, TestSection, PlatformStatus } from '../Test';
8
+
9
+ const CustomisedText = Text.customize({
10
+ textAlign: 'right',
11
+ fontSize: 'caption',
12
+ });
13
+
14
+ const SeparatorBasicUsage: React.FunctionComponent = () => {
15
+ return (
16
+ <Stack style={commonTestStyles.section} gap={5}>
17
+ <Separator insetSpacing={0} />
18
+ <CustomisedText>Inset : 0</CustomisedText>
19
+
20
+ <Separator insetSpacing={16} />
21
+ <CustomisedText>Inset : 16</CustomisedText>
22
+
23
+ <Separator insetSpacing={56} />
24
+ <CustomisedText>Inset : 56</CustomisedText>
25
+
26
+ <Separator insetSpacing={68} />
27
+ <CustomisedText>Inset : 68</CustomisedText>
28
+
29
+ <Separator insetSpacing={72} />
30
+ <CustomisedText>Inset : 72</CustomisedText>
31
+
32
+ <Separator insetSpacing={108} />
33
+ <CustomisedText>Inset : 108</CustomisedText>
34
+ </Stack>
35
+ );
36
+ };
37
+
38
+ const RedSeparator = Separator.customize({ color: 'red' });
39
+ const BlueSeparatorWithCustomWidth = Separator.customize({ color: 'blue', separatorWidth: 10 });
40
+
41
+ const SeparatorCustomisedUsage: React.FunctionComponent = () => {
42
+ return (
43
+ <Stack style={mobileStyles.testSection} gap={5}>
44
+ <RedSeparator />
45
+ <CustomisedText>Customised Color Seperator</CustomisedText>
46
+ <BlueSeparatorWithCustomWidth insetSpacing={16} />
47
+ <CustomisedText>Customised Color and Width Seperator</CustomisedText>
48
+ </Stack>
49
+ );
50
+ };
51
+
52
+ const separatorSections: TestSection[] = [
53
+ {
54
+ name: 'Basic Mobile Seperator',
55
+ testID: SEPARATOR_TESTPAGE,
56
+ component: SeparatorBasicUsage,
57
+ },
58
+ {
59
+ name: 'Customised Mobile Seperator',
60
+ testID: SEPARATOR_TESTPAGE,
61
+ component: SeparatorCustomisedUsage,
62
+ },
63
+ ];
64
+
65
+ export const SeparatorTest: React.FunctionComponent = () => {
66
+ const status: PlatformStatus = {
67
+ win32Status: 'Beta',
68
+ uwpStatus: 'Experimental',
69
+ iosStatus: 'Experimental',
70
+ macosStatus: 'Beta',
71
+ androidStatus: 'Experimental',
72
+ };
73
+
74
+ const description =
75
+ "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
76
+
77
+ return <Test name="Separator Test" description={description} sections={separatorSections} status={status} />;
78
+ };
package/src/TestComponents/Separator/SeparatorTest.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
- import { Text } from 'react-native';
3
- import { Button, Separator } from '@fluentui/react-native';
2
+ import { Separator } from '@fluentui-react-native/separator';
3
+ import { ButtonV1 } from '@fluentui-react-native/button';
4
+ import { Text } from '@fluentui-react-native/experimental-text';
4
5
  import { stackStyle, separatorStackStyle } from '../Common/styles';
5
6
  import { Stack } from '@fluentui-react-native/stack';
6
7
  import { SEPARATOR_TESTPAGE } from './consts';
@@ -13,23 +14,23 @@ const SeparatorMainTest: React.FunctionComponent = () => {
13
14
  return (
14
15
  <Stack style={stackStyle} gap={5}>
15
16
  <Stack gap={4} style={separatorStackStyle}>
16
- <Button content="Button4" />
17
+ <ButtonV1>Button1</ButtonV1>
17
18
  <BlueSeparator vertical />
18
- <Button content="Button5" />
19
+ <ButtonV1>Button2</ButtonV1>
19
20
  <RedSeparator vertical />
20
- <Button content="Button6" />
21
+ <ButtonV1>Button3 </ButtonV1>
21
22
  <Separator />
22
23
  </Stack>
23
24
  <Text>This is a text element</Text>
24
25
  <Separator />
25
- <Button content="This button has longer text" />
26
+ <ButtonV1>This button has longer text</ButtonV1>
26
27
  </Stack>
27
28
  );
28
29
  };
29
30
 
30
31
  const separatorSections: TestSection[] = [
31
32
  {
32
- name: 'Basic Button',
33
+ name: 'Basic Seperator',
33
34
  testID: SEPARATOR_TESTPAGE,
34
35
  component: SeparatorMainTest,
35
36
  },
@@ -41,7 +42,7 @@ export const SeparatorTest: React.FunctionComponent = () => {
41
42
  uwpStatus: 'Experimental',
42
43
  iosStatus: 'Experimental',
43
44
  macosStatus: 'Beta',
44
- androidStatus: 'Backlog',
45
+ androidStatus: 'Experimental',
45
46
  };
46
47
 
47
48
  const description =