@fluentui-react-native/tester 0.151.10 → 0.151.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.json +253 -1
  2. package/CHANGELOG.md +55 -2
  3. package/lib/fluent-tester/src/TestComponents/TabList/TabListTest.d.ts.map +1 -1
  4. package/lib/fluent-tester/src/TestComponents/TabList/TabListTest.js +66 -4
  5. package/lib/fluent-tester/src/TestComponents/TabList/TabListTest.js.map +1 -1
  6. package/lib-commonjs/fluent-tester/src/TestComponents/TabList/TabListTest.d.ts.map +1 -1
  7. package/lib-commonjs/fluent-tester/src/TestComponents/TabList/TabListTest.js +66 -4
  8. package/lib-commonjs/fluent-tester/src/TestComponents/TabList/TabListTest.js.map +1 -1
  9. package/package.json +38 -38
  10. package/src/TestComponents/TabList/TabListTest.tsx +89 -4
package/CHANGELOG.json CHANGED
@@ -2,7 +2,259 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 17 Jul 2023 05:39:37 GMT",
5
+ "date": "Mon, 24 Jul 2023 19:00:49 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.151.12",
7
+ "version": "0.151.12",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "winlarry@microsoft.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "d04cb29b97e922c1c42f402bb22573c8176928c1",
14
+ "comment": "Add examples of new TabList variants"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/tablist to v0.3.0",
20
+ "commit": "d04cb29b97e922c1c42f402bb22573c8176928c1"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Tue, 18 Jul 2023 19:09:32 GMT",
27
+ "tag": "@fluentui-react-native/tester_v0.151.11",
28
+ "version": "0.151.11",
29
+ "comments": {
30
+ "patch": [
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui-react-native/tester",
34
+ "comment": "Bump @fluentui-react-native/android-theme to v0.18.3",
35
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
36
+ },
37
+ {
38
+ "author": "beachball",
39
+ "package": "@fluentui-react-native/tester",
40
+ "comment": "Bump @fluentui-react-native/apple-theme to v0.21.4",
41
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
42
+ },
43
+ {
44
+ "author": "beachball",
45
+ "package": "@fluentui-react-native/tester",
46
+ "comment": "Bump @fluentui-react-native/avatar to v1.10.6",
47
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui-react-native/tester",
52
+ "comment": "Bump @fluentui-react-native/badge to v0.7.2",
53
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui-react-native/tester",
58
+ "comment": "Bump @fluentui-react-native/button to v0.34.6",
59
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui-react-native/tester",
64
+ "comment": "Bump @fluentui-react-native/chip to v0.1.3",
65
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui-react-native/tester",
70
+ "comment": "Bump @fluentui-react-native/default-theme to v0.19.3",
71
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
72
+ },
73
+ {
74
+ "author": "beachball",
75
+ "package": "@fluentui-react-native/tester",
76
+ "comment": "Bump @fluentui-react-native/divider to v0.5.4",
77
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
78
+ },
79
+ {
80
+ "author": "beachball",
81
+ "package": "@fluentui-react-native/tester",
82
+ "comment": "Bump @fluentui-react-native/dropdown to v0.8.13",
83
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
84
+ },
85
+ {
86
+ "author": "beachball",
87
+ "package": "@fluentui-react-native/tester",
88
+ "comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.8.3",
89
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
90
+ },
91
+ {
92
+ "author": "beachball",
93
+ "package": "@fluentui-react-native/tester",
94
+ "comment": "Bump @fluentui-react-native/experimental-appearance-additions to v0.5.4",
95
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
96
+ },
97
+ {
98
+ "author": "beachball",
99
+ "package": "@fluentui-react-native/tester",
100
+ "comment": "Bump @fluentui-react-native/experimental-avatar to v0.19.3",
101
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
102
+ },
103
+ {
104
+ "author": "beachball",
105
+ "package": "@fluentui-react-native/tester",
106
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.18.6",
107
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
108
+ },
109
+ {
110
+ "author": "beachball",
111
+ "package": "@fluentui-react-native/tester",
112
+ "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.15.6",
113
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
114
+ },
115
+ {
116
+ "author": "beachball",
117
+ "package": "@fluentui-react-native/tester",
118
+ "comment": "Bump @fluentui-react-native/experimental-expander to v0.6.5",
119
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
120
+ },
121
+ {
122
+ "author": "beachball",
123
+ "package": "@fluentui-react-native/tester",
124
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.7.13",
125
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
126
+ },
127
+ {
128
+ "author": "beachball",
129
+ "package": "@fluentui-react-native/tester",
130
+ "comment": "Bump @fluentui-react-native/experimental-shadow to v0.4.4",
131
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
132
+ },
133
+ {
134
+ "author": "beachball",
135
+ "package": "@fluentui-react-native/tester",
136
+ "comment": "Bump @fluentui-react-native/experimental-shimmer to v0.10.5",
137
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
138
+ },
139
+ {
140
+ "author": "beachball",
141
+ "package": "@fluentui-react-native/tester",
142
+ "comment": "Bump @fluentui-react-native/experimental-tabs to v0.9.7",
143
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
144
+ },
145
+ {
146
+ "author": "beachball",
147
+ "package": "@fluentui-react-native/tester",
148
+ "comment": "Bump @fluentui-react-native/experimental-text to v0.13.4",
149
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
150
+ },
151
+ {
152
+ "author": "beachball",
153
+ "package": "@fluentui-react-native/tester",
154
+ "comment": "Bump @fluentui-react-native/framework to v0.11.2",
155
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
156
+ },
157
+ {
158
+ "author": "beachball",
159
+ "package": "@fluentui-react-native/tester",
160
+ "comment": "Bump @fluentui-react-native/icon to v0.19.4",
161
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
162
+ },
163
+ {
164
+ "author": "beachball",
165
+ "package": "@fluentui-react-native/tester",
166
+ "comment": "Bump @fluentui-react-native/input to v0.3.6",
167
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
168
+ },
169
+ {
170
+ "author": "beachball",
171
+ "package": "@fluentui-react-native/tester",
172
+ "comment": "Bump @fluentui-react-native/drawer to v0.2.5",
173
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
174
+ },
175
+ {
176
+ "author": "beachball",
177
+ "package": "@fluentui-react-native/tester",
178
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.24.4",
179
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
180
+ },
181
+ {
182
+ "author": "beachball",
183
+ "package": "@fluentui-react-native/tester",
184
+ "comment": "Bump @fluentui-react-native/menu to v1.11.12",
185
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
186
+ },
187
+ {
188
+ "author": "beachball",
189
+ "package": "@fluentui-react-native/tester",
190
+ "comment": "Bump @fluentui-react-native/notification to v0.23.6",
191
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
192
+ },
193
+ {
194
+ "author": "beachball",
195
+ "package": "@fluentui-react-native/tester",
196
+ "comment": "Bump @fluentui-react-native/radio-group to v0.18.6",
197
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
198
+ },
199
+ {
200
+ "author": "beachball",
201
+ "package": "@fluentui-react-native/tester",
202
+ "comment": "Bump @fluentui-react-native/separator to v0.16.2",
203
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
204
+ },
205
+ {
206
+ "author": "beachball",
207
+ "package": "@fluentui-react-native/tester",
208
+ "comment": "Bump @fluentui-react-native/spinner to v0.7.5",
209
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
210
+ },
211
+ {
212
+ "author": "beachball",
213
+ "package": "@fluentui-react-native/tester",
214
+ "comment": "Bump @fluentui-react-native/stack to v0.8.6",
215
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
216
+ },
217
+ {
218
+ "author": "beachball",
219
+ "package": "@fluentui-react-native/tester",
220
+ "comment": "Bump @fluentui-react-native/switch to v0.10.4",
221
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
222
+ },
223
+ {
224
+ "author": "beachball",
225
+ "package": "@fluentui-react-native/tester",
226
+ "comment": "Bump @fluentui-react-native/tablist to v0.2.1",
227
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
228
+ },
229
+ {
230
+ "author": "beachball",
231
+ "package": "@fluentui-react-native/tester",
232
+ "comment": "Bump @fluentui-react-native/text to v0.21.4",
233
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
234
+ },
235
+ {
236
+ "author": "beachball",
237
+ "package": "@fluentui-react-native/tester",
238
+ "comment": "Bump @fluentui-react-native/win32-theme to v0.27.1",
239
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
240
+ },
241
+ {
242
+ "author": "beachball",
243
+ "package": "@fluentui-react-native/tester",
244
+ "comment": "Bump @fluentui/react-native to v0.37.14",
245
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
246
+ },
247
+ {
248
+ "author": "beachball",
249
+ "package": "@fluentui-react-native/tester",
250
+ "comment": "Bump @fluentui-react-native/focus-zone to v0.12.6",
251
+ "commit": "225d20784228abaa4b80bd12b57d2c6972d9abd4"
252
+ }
253
+ ]
254
+ }
255
+ },
256
+ {
257
+ "date": "Mon, 17 Jul 2023 05:40:07 GMT",
6
258
  "tag": "@fluentui-react-native/tester_v0.151.10",
7
259
  "version": "0.151.10",
8
260
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,65 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Mon, 17 Jul 2023 05:39:37 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 24 Jul 2023 19:00:49 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.151.12
8
+
9
+ Mon, 24 Jul 2023 19:00:49 GMT
10
+
11
+ ### Patches
12
+
13
+ - Add examples of new TabList variants (winlarry@microsoft.com)
14
+ - Bump @fluentui-react-native/tablist to v0.3.0
15
+
16
+ ## 0.151.11
17
+
18
+ Tue, 18 Jul 2023 19:09:32 GMT
19
+
20
+ ### Patches
21
+
22
+ - Bump @fluentui-react-native/android-theme to v0.18.3
23
+ - Bump @fluentui-react-native/apple-theme to v0.21.4
24
+ - Bump @fluentui-react-native/avatar to v1.10.6
25
+ - Bump @fluentui-react-native/badge to v0.7.2
26
+ - Bump @fluentui-react-native/button to v0.34.6
27
+ - Bump @fluentui-react-native/chip to v0.1.3
28
+ - Bump @fluentui-react-native/default-theme to v0.19.3
29
+ - Bump @fluentui-react-native/divider to v0.5.4
30
+ - Bump @fluentui-react-native/dropdown to v0.8.13
31
+ - Bump @fluentui-react-native/experimental-activity-indicator to v0.8.3
32
+ - Bump @fluentui-react-native/experimental-appearance-additions to v0.5.4
33
+ - Bump @fluentui-react-native/experimental-avatar to v0.19.3
34
+ - Bump @fluentui-react-native/experimental-button to v0.18.6
35
+ - Bump @fluentui-react-native/experimental-checkbox to v0.15.6
36
+ - Bump @fluentui-react-native/experimental-expander to v0.6.5
37
+ - Bump @fluentui-react-native/experimental-menu-button to v0.7.13
38
+ - Bump @fluentui-react-native/experimental-shadow to v0.4.4
39
+ - Bump @fluentui-react-native/experimental-shimmer to v0.10.5
40
+ - Bump @fluentui-react-native/experimental-tabs to v0.9.7
41
+ - Bump @fluentui-react-native/experimental-text to v0.13.4
42
+ - Bump @fluentui-react-native/framework to v0.11.2
43
+ - Bump @fluentui-react-native/icon to v0.19.4
44
+ - Bump @fluentui-react-native/input to v0.3.6
45
+ - Bump @fluentui-react-native/drawer to v0.2.5
46
+ - Bump @fluentui-react-native/interactive-hooks to v0.24.4
47
+ - Bump @fluentui-react-native/menu to v1.11.12
48
+ - Bump @fluentui-react-native/notification to v0.23.6
49
+ - Bump @fluentui-react-native/radio-group to v0.18.6
50
+ - Bump @fluentui-react-native/separator to v0.16.2
51
+ - Bump @fluentui-react-native/spinner to v0.7.5
52
+ - Bump @fluentui-react-native/stack to v0.8.6
53
+ - Bump @fluentui-react-native/switch to v0.10.4
54
+ - Bump @fluentui-react-native/tablist to v0.2.1
55
+ - Bump @fluentui-react-native/text to v0.21.4
56
+ - Bump @fluentui-react-native/win32-theme to v0.27.1
57
+ - Bump @fluentui/react-native to v0.37.14
58
+ - Bump @fluentui-react-native/focus-zone to v0.12.6
59
+
7
60
  ## 0.151.10
8
61
 
9
- Mon, 17 Jul 2023 05:39:37 GMT
62
+ Mon, 17 Jul 2023 05:40:07 GMT
10
63
 
11
64
  ### Patches
12
65
 
package/lib/fluent-tester/src/TestComponents/TabList/TabListTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabListTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAY/B,CAAC"}
1
+ {"version":3,"file":"TabListTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4G1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAY/B,CAAC"}
package/lib/fluent-tester/src/TestComponents/TabList/TabListTest.js CHANGED
@@ -1,15 +1,77 @@
1
1
  import React from 'react';
2
+ import { View, StyleSheet } from 'react-native';
3
+ import { Divider } from '@fluentui-react-native/divider';
2
4
  import { TabList, Tab } from '@fluentui-react-native/tablist';
5
+ import { TextV1 as Text } from '@fluentui-react-native/text';
3
6
  import { Test } from '../Test';
4
- var TabListMainTest = function () {
5
- return (React.createElement(TabList, null,
7
+ var Header = Text.customize({ variant: 'subheaderStandard' });
8
+ var Line = Divider.customize({ paddingVertical: 4 });
9
+ var PaddedTabList = TabList.customize({
10
+ paddingVertical: 4,
11
+ });
12
+ var styles = StyleSheet.create({
13
+ container: {
14
+ paddingVertical: 8,
15
+ },
16
+ });
17
+ var TabListSizeTest = function () {
18
+ return (React.createElement(View, { style: styles.container },
19
+ React.createElement(Header, null, "Small"),
20
+ React.createElement(PaddedTabList, { size: "small" },
21
+ React.createElement(Tab, { tabKey: "hello" }, "Tab 1"),
22
+ React.createElement(Tab, { tabKey: "world" }, "Tab 2")),
23
+ React.createElement(Line, null),
24
+ React.createElement(Header, null, "Medium (default)"),
25
+ React.createElement(PaddedTabList, { size: "medium" },
26
+ React.createElement(Tab, { tabKey: "hello" }, "Tab 1"),
27
+ React.createElement(Tab, { tabKey: "world" }, "Tab 2")),
28
+ React.createElement(Line, null),
29
+ React.createElement(Header, null, "Large"),
30
+ React.createElement(PaddedTabList, { size: "large" },
31
+ React.createElement(Tab, { tabKey: "hello" }, "Tab 1"),
32
+ React.createElement(Tab, { tabKey: "world" }, "Tab 2"))));
33
+ };
34
+ var TabListVerticalTest = function () {
35
+ return (React.createElement(TabList, { vertical: true },
6
36
  React.createElement(Tab, { tabKey: "hello" }, "Tab 1"),
7
37
  React.createElement(Tab, { tabKey: "world" }, "Tab 2")));
8
38
  };
39
+ var TabListAppearanceTest = function () {
40
+ return (React.createElement(View, { style: styles.container },
41
+ React.createElement(Header, null, "Transparent Appearance"),
42
+ React.createElement(PaddedTabList, { appearance: "transparent" },
43
+ React.createElement(Tab, { tabKey: "hello" }, "Tab 1"),
44
+ React.createElement(Tab, { tabKey: "world" }, "Tab 2")),
45
+ React.createElement(Header, null, "Subtle Appearance"),
46
+ React.createElement(PaddedTabList, { appearance: "subtle" },
47
+ React.createElement(Tab, { tabKey: "hello" }, "Tab 1"),
48
+ React.createElement(Tab, { tabKey: "world" }, "Tab 2"))));
49
+ };
50
+ var TabListDisabledTest = function () {
51
+ return (React.createElement(View, null,
52
+ React.createElement(PaddedTabList, null,
53
+ React.createElement(Tab, { disabled: true, tabKey: "hello" }, "Tab 1"),
54
+ React.createElement(Tab, { tabKey: "world" }, "Tab 2")),
55
+ React.createElement(PaddedTabList, { disabled: true },
56
+ React.createElement(Tab, { tabKey: "hello" }, "Tab 1"),
57
+ React.createElement(Tab, { tabKey: "world" }, "Tab 2"))));
58
+ };
9
59
  var sections = [
10
60
  {
11
- name: 'Main Test',
12
- component: TabListMainTest,
61
+ name: 'Size',
62
+ component: TabListSizeTest,
63
+ },
64
+ {
65
+ name: 'Vertical',
66
+ component: TabListVerticalTest,
67
+ },
68
+ {
69
+ name: 'Appearance',
70
+ component: TabListAppearanceTest,
71
+ },
72
+ {
73
+ name: 'Disabled',
74
+ component: TabListDisabledTest,
13
75
  },
14
76
  ];
15
77
  export var TabListTest = function () {
package/lib/fluent-tester/src/TestComponents/TabList/TabListTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabListTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,eAAe,GAA4B;IAC/C,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,GAAG,IAAC,MAAM,EAAC,OAAO,YAAY;QAC/B,oBAAC,GAAG,IAAC,MAAM,EAAC,OAAO,YAAY,CACvB,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAkB;IAC9B;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAe;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAA4B;IAClD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,gDAAgD,CAAC;IAErE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACnG,CAAC,CAAC"}
1
+ {"version":3,"file":"TabListTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/fluent-tester/src/TestComponents/TabList/TabListTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabListTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAY/B,CAAC"}
1
+ {"version":3,"file":"TabListTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4G1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAY/B,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/TabList/TabListTest.js CHANGED
@@ -3,17 +3,79 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TabListTest = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var react_1 = tslib_1.__importDefault(require("react"));
6
+ var react_native_1 = require("react-native");
7
+ var divider_1 = require("@fluentui-react-native/divider");
6
8
  var tablist_1 = require("@fluentui-react-native/tablist");
9
+ var text_1 = require("@fluentui-react-native/text");
7
10
  var Test_1 = require("../Test");
8
- var TabListMainTest = function () {
9
- return (react_1.default.createElement(tablist_1.TabList, null,
11
+ var Header = text_1.TextV1.customize({ variant: 'subheaderStandard' });
12
+ var Line = divider_1.Divider.customize({ paddingVertical: 4 });
13
+ var PaddedTabList = tablist_1.TabList.customize({
14
+ paddingVertical: 4,
15
+ });
16
+ var styles = react_native_1.StyleSheet.create({
17
+ container: {
18
+ paddingVertical: 8,
19
+ },
20
+ });
21
+ var TabListSizeTest = function () {
22
+ return (react_1.default.createElement(react_native_1.View, { style: styles.container },
23
+ react_1.default.createElement(Header, null, "Small"),
24
+ react_1.default.createElement(PaddedTabList, { size: "small" },
25
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "hello" }, "Tab 1"),
26
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "world" }, "Tab 2")),
27
+ react_1.default.createElement(Line, null),
28
+ react_1.default.createElement(Header, null, "Medium (default)"),
29
+ react_1.default.createElement(PaddedTabList, { size: "medium" },
30
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "hello" }, "Tab 1"),
31
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "world" }, "Tab 2")),
32
+ react_1.default.createElement(Line, null),
33
+ react_1.default.createElement(Header, null, "Large"),
34
+ react_1.default.createElement(PaddedTabList, { size: "large" },
35
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "hello" }, "Tab 1"),
36
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "world" }, "Tab 2"))));
37
+ };
38
+ var TabListVerticalTest = function () {
39
+ return (react_1.default.createElement(tablist_1.TabList, { vertical: true },
10
40
  react_1.default.createElement(tablist_1.Tab, { tabKey: "hello" }, "Tab 1"),
11
41
  react_1.default.createElement(tablist_1.Tab, { tabKey: "world" }, "Tab 2")));
12
42
  };
43
+ var TabListAppearanceTest = function () {
44
+ return (react_1.default.createElement(react_native_1.View, { style: styles.container },
45
+ react_1.default.createElement(Header, null, "Transparent Appearance"),
46
+ react_1.default.createElement(PaddedTabList, { appearance: "transparent" },
47
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "hello" }, "Tab 1"),
48
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "world" }, "Tab 2")),
49
+ react_1.default.createElement(Header, null, "Subtle Appearance"),
50
+ react_1.default.createElement(PaddedTabList, { appearance: "subtle" },
51
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "hello" }, "Tab 1"),
52
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "world" }, "Tab 2"))));
53
+ };
54
+ var TabListDisabledTest = function () {
55
+ return (react_1.default.createElement(react_native_1.View, null,
56
+ react_1.default.createElement(PaddedTabList, null,
57
+ react_1.default.createElement(tablist_1.Tab, { disabled: true, tabKey: "hello" }, "Tab 1"),
58
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "world" }, "Tab 2")),
59
+ react_1.default.createElement(PaddedTabList, { disabled: true },
60
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "hello" }, "Tab 1"),
61
+ react_1.default.createElement(tablist_1.Tab, { tabKey: "world" }, "Tab 2"))));
62
+ };
13
63
  var sections = [
14
64
  {
15
- name: 'Main Test',
16
- component: TabListMainTest,
65
+ name: 'Size',
66
+ component: TabListSizeTest,
67
+ },
68
+ {
69
+ name: 'Vertical',
70
+ component: TabListVerticalTest,
71
+ },
72
+ {
73
+ name: 'Appearance',
74
+ component: TabListAppearanceTest,
75
+ },
76
+ {
77
+ name: 'Disabled',
78
+ component: TabListDisabledTest,
17
79
  },
18
80
  ];
19
81
  var TabListTest = function () {
package/lib-commonjs/fluent-tester/src/TestComponents/TabList/TabListTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabListTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,0DAA8D;AAG9D,gCAA+B;AAE/B,IAAM,eAAe,GAA4B;IAC/C,OAAO,CACL,8BAAC,iBAAO;QACN,8BAAC,aAAG,IAAC,MAAM,EAAC,OAAO,YAAY;QAC/B,8BAAC,aAAG,IAAC,MAAM,EAAC,OAAO,YAAY,CACvB,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAkB;IAC9B;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAe;KAC3B;CACF,CAAC;AAEK,IAAM,WAAW,GAA4B;IAClD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,gDAAgD,CAAC;IAErE,OAAO,8BAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACnG,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB"}
1
+ {"version":3,"file":"TabListTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.151.10",
3
+ "version": "0.151.12",
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,49 +33,49 @@
33
33
  "directory": "apps/fluent-tester"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui-react-native/android-theme": ">=0.18.2 <1.0.0",
37
- "@fluentui-react-native/apple-theme": ">=0.21.3 <1.0.0",
38
- "@fluentui-react-native/avatar": "^1.10.5",
39
- "@fluentui-react-native/badge": ">=0.7.1 <1.0.0",
40
- "@fluentui-react-native/button": ">=0.34.5 <1.0.0",
41
- "@fluentui-react-native/chip": "^0.1.2",
42
- "@fluentui-react-native/default-theme": ">=0.19.2 <1.0.0",
43
- "@fluentui-react-native/divider": "^0.5.3",
44
- "@fluentui-react-native/dropdown": ">=0.8.12 <1.0.0",
45
- "@fluentui-react-native/experimental-activity-indicator": ">=0.8.2 <1.0.0",
46
- "@fluentui-react-native/experimental-appearance-additions": "^0.5.3",
47
- "@fluentui-react-native/experimental-avatar": ">=0.19.2 <1.0.0",
48
- "@fluentui-react-native/experimental-button": "0.18.5",
49
- "@fluentui-react-native/experimental-checkbox": "0.15.5",
50
- "@fluentui-react-native/experimental-expander": "0.6.4",
51
- "@fluentui-react-native/experimental-menu-button": ">=0.7.12 <1.0.0",
36
+ "@fluentui-react-native/android-theme": ">=0.18.3 <1.0.0",
37
+ "@fluentui-react-native/apple-theme": ">=0.21.4 <1.0.0",
38
+ "@fluentui-react-native/avatar": "^1.10.6",
39
+ "@fluentui-react-native/badge": ">=0.7.2 <1.0.0",
40
+ "@fluentui-react-native/button": ">=0.34.6 <1.0.0",
41
+ "@fluentui-react-native/chip": "^0.1.3",
42
+ "@fluentui-react-native/default-theme": ">=0.19.3 <1.0.0",
43
+ "@fluentui-react-native/divider": "^0.5.4",
44
+ "@fluentui-react-native/dropdown": ">=0.8.13 <1.0.0",
45
+ "@fluentui-react-native/experimental-activity-indicator": ">=0.8.3 <1.0.0",
46
+ "@fluentui-react-native/experimental-appearance-additions": "^0.5.4",
47
+ "@fluentui-react-native/experimental-avatar": ">=0.19.3 <1.0.0",
48
+ "@fluentui-react-native/experimental-button": "0.18.6",
49
+ "@fluentui-react-native/experimental-checkbox": "0.15.6",
50
+ "@fluentui-react-native/experimental-expander": "0.6.5",
51
+ "@fluentui-react-native/experimental-menu-button": ">=0.7.13 <1.0.0",
52
52
  "@fluentui-react-native/experimental-native-date-picker": ">=0.8.0 <1.0.0",
53
- "@fluentui-react-native/experimental-shadow": "0.4.3",
54
- "@fluentui-react-native/experimental-shimmer": "0.10.4",
55
- "@fluentui-react-native/experimental-tabs": "0.9.6",
56
- "@fluentui-react-native/experimental-text": ">=0.13.3 <1.0.0",
57
- "@fluentui-react-native/framework": ">=0.11.1 <1.0.0",
58
- "@fluentui-react-native/icon": "0.19.3",
59
- "@fluentui-react-native/input": "^0.3.5",
60
- "@fluentui-react-native/drawer": "^0.2.4",
61
- "@fluentui-react-native/interactive-hooks": ">=0.24.3 <1.0.0",
62
- "@fluentui-react-native/menu": "^1.11.11",
53
+ "@fluentui-react-native/experimental-shadow": "0.4.4",
54
+ "@fluentui-react-native/experimental-shimmer": "0.10.5",
55
+ "@fluentui-react-native/experimental-tabs": "0.9.7",
56
+ "@fluentui-react-native/experimental-text": ">=0.13.4 <1.0.0",
57
+ "@fluentui-react-native/framework": ">=0.11.2 <1.0.0",
58
+ "@fluentui-react-native/icon": "0.19.4",
59
+ "@fluentui-react-native/input": "^0.3.6",
60
+ "@fluentui-react-native/drawer": "^0.2.5",
61
+ "@fluentui-react-native/interactive-hooks": ">=0.24.4 <1.0.0",
62
+ "@fluentui-react-native/menu": "^1.11.12",
63
63
  "@fluentui-react-native/merge-props": ">=0.7.0 <1.0.0",
64
- "@fluentui-react-native/notification": "0.23.5",
65
- "@fluentui-react-native/radio-group": ">=0.18.5 <1.0.0",
66
- "@fluentui-react-native/separator": "^0.16.1",
67
- "@fluentui-react-native/spinner": "^0.7.4",
68
- "@fluentui-react-native/stack": ">=0.8.5 <1.0.0",
69
- "@fluentui-react-native/switch": "^0.10.3",
70
- "@fluentui-react-native/tablist": "0.2.0",
71
- "@fluentui-react-native/text": ">=0.21.3 <1.0.0",
64
+ "@fluentui-react-native/notification": "0.23.6",
65
+ "@fluentui-react-native/radio-group": ">=0.18.6 <1.0.0",
66
+ "@fluentui-react-native/separator": "^0.16.2",
67
+ "@fluentui-react-native/spinner": "^0.7.5",
68
+ "@fluentui-react-native/stack": ">=0.8.6 <1.0.0",
69
+ "@fluentui-react-native/switch": "^0.10.4",
70
+ "@fluentui-react-native/tablist": "0.3.0",
71
+ "@fluentui-react-native/text": ">=0.21.4 <1.0.0",
72
72
  "@fluentui-react-native/theme": ">=0.9.0 <1.0.0",
73
73
  "@fluentui-react-native/theme-tokens": "^0.25.0",
74
74
  "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0",
75
75
  "@fluentui-react-native/themed-stylesheet": "^1.5.1",
76
76
  "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0",
77
- "@fluentui-react-native/win32-theme": ">=0.27.0 <1.0.0",
78
- "@fluentui/react-native": ">=0.37.13 <1.0.0",
77
+ "@fluentui-react-native/win32-theme": ">=0.27.1 <1.0.0",
78
+ "@fluentui/react-native": ">=0.37.14 <1.0.0",
79
79
  "@fortawesome/fontawesome-svg-core": "^6.2.0",
80
80
  "@fortawesome/free-solid-svg-icons": "^6.2.0",
81
81
  "@fortawesome/react-native-fontawesome": "^0.3.0",
@@ -94,7 +94,7 @@
94
94
  "@babel/core": "^7.8.0",
95
95
  "@babel/runtime": "^7.8.0",
96
96
  "@fluentui-react-native/eslint-config-rules": "^0.1.1",
97
- "@fluentui-react-native/focus-zone": "^0.12.5",
97
+ "@fluentui-react-native/focus-zone": "^0.12.6",
98
98
  "@fluentui-react-native/scripts": "^0.1.1",
99
99
  "@rnx-kit/cli": "^0.16.2",
100
100
  "@rnx-kit/metro-config": "^1.3.1",
package/src/TestComponents/TabList/TabListTest.tsx CHANGED
@@ -1,23 +1,108 @@
1
1
  import React from 'react';
2
+ import { View, StyleSheet } from 'react-native';
2
3
 
4
+ import { Divider } from '@fluentui-react-native/divider';
3
5
  import { TabList, Tab } from '@fluentui-react-native/tablist';
6
+ import { TextV1 as Text } from '@fluentui-react-native/text';
4
7
 
5
8
  import type { PlatformStatus, TestSection } from '../Test';
6
9
  import { Test } from '../Test';
7
10
 
8
- const TabListMainTest: React.FunctionComponent = () => {
11
+ const Header = Text.customize({ variant: 'subheaderStandard' });
12
+ const Line = Divider.customize({ paddingVertical: 4 });
13
+ const PaddedTabList = TabList.customize({
14
+ paddingVertical: 4,
15
+ });
16
+
17
+ const styles = StyleSheet.create({
18
+ container: {
19
+ paddingVertical: 8,
20
+ },
21
+ });
22
+
23
+ const TabListSizeTest: React.FunctionComponent = () => {
9
24
  return (
10
- <TabList>
25
+ <View style={styles.container}>
26
+ <Header>Small</Header>
27
+ <PaddedTabList size="small">
28
+ <Tab tabKey="hello">Tab 1</Tab>
29
+ <Tab tabKey="world">Tab 2</Tab>
30
+ </PaddedTabList>
31
+ <Line />
32
+ <Header>Medium (default)</Header>
33
+ <PaddedTabList size="medium">
34
+ <Tab tabKey="hello">Tab 1</Tab>
35
+ <Tab tabKey="world">Tab 2</Tab>
36
+ </PaddedTabList>
37
+ <Line />
38
+ <Header>Large</Header>
39
+ <PaddedTabList size="large">
40
+ <Tab tabKey="hello">Tab 1</Tab>
41
+ <Tab tabKey="world">Tab 2</Tab>
42
+ </PaddedTabList>
43
+ </View>
44
+ );
45
+ };
46
+
47
+ const TabListVerticalTest: React.FunctionComponent = () => {
48
+ return (
49
+ <TabList vertical>
11
50
  <Tab tabKey="hello">Tab 1</Tab>
12
51
  <Tab tabKey="world">Tab 2</Tab>
13
52
  </TabList>
14
53
  );
15
54
  };
16
55
 
56
+ const TabListAppearanceTest: React.FunctionComponent = () => {
57
+ return (
58
+ <View style={styles.container}>
59
+ <Header>Transparent Appearance</Header>
60
+ <PaddedTabList appearance="transparent">
61
+ <Tab tabKey="hello">Tab 1</Tab>
62
+ <Tab tabKey="world">Tab 2</Tab>
63
+ </PaddedTabList>
64
+ <Header>Subtle Appearance</Header>
65
+ <PaddedTabList appearance="subtle">
66
+ <Tab tabKey="hello">Tab 1</Tab>
67
+ <Tab tabKey="world">Tab 2</Tab>
68
+ </PaddedTabList>
69
+ </View>
70
+ );
71
+ };
72
+
73
+ const TabListDisabledTest: React.FunctionComponent = () => {
74
+ return (
75
+ <View>
76
+ <PaddedTabList>
77
+ <Tab disabled tabKey="hello">
78
+ Tab 1
79
+ </Tab>
80
+ <Tab tabKey="world">Tab 2</Tab>
81
+ </PaddedTabList>
82
+ <PaddedTabList disabled>
83
+ <Tab tabKey="hello">Tab 1</Tab>
84
+ <Tab tabKey="world">Tab 2</Tab>
85
+ </PaddedTabList>
86
+ </View>
87
+ );
88
+ };
89
+
17
90
  const sections: TestSection[] = [
18
91
  {
19
- name: 'Main Test',
20
- component: TabListMainTest,
92
+ name: 'Size',
93
+ component: TabListSizeTest,
94
+ },
95
+ {
96
+ name: 'Vertical',
97
+ component: TabListVerticalTest,
98
+ },
99
+ {
100
+ name: 'Appearance',
101
+ component: TabListAppearanceTest,
102
+ },
103
+ {
104
+ name: 'Disabled',
105
+ component: TabListDisabledTest,
21
106
  },
22
107
  ];
23
108