@fluentui-react-native/tester 0.59.1 → 0.59.4
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.
- package/CHANGELOG.json +298 -1
- package/CHANGELOG.md +68 -2
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.js +80 -121
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/FocusZone/styles.d.ts +4 -6
- package/lib/FluentTester/TestComponents/FocusZone/styles.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/FocusZone/styles.js +19 -6
- package/lib/FluentTester/TestComponents/FocusZone/styles.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.js +76 -118
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/styles.d.ts +4 -6
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/styles.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/styles.js +19 -6
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/styles.js.map +1 -1
- package/package.json +23 -23
- package/src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx +141 -162
- package/src/FluentTester/TestComponents/FocusZone/styles.ts +21 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,304 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 06 Apr 2022 22:56:55 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.59.4",
|
|
7
|
+
"version": "0.59.4",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"comment": "Bump @fluentui-react-native/android-theme to v0.7.0",
|
|
14
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/apple-theme to v0.11.0",
|
|
20
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/badge to v0.0.23",
|
|
26
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/tester",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/button to v0.22.13",
|
|
32
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/tester",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.9.15",
|
|
38
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui-react-native/tester",
|
|
43
|
+
"comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.5.20",
|
|
44
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui-react-native/tester",
|
|
49
|
+
"comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.12",
|
|
50
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/tester",
|
|
55
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.15.13",
|
|
56
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui-react-native/tester",
|
|
61
|
+
"comment": "Bump @fluentui-react-native/experimental-checkbox to v0.10.10",
|
|
62
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "beachball",
|
|
66
|
+
"package": "@fluentui-react-native/tester",
|
|
67
|
+
"comment": "Bump @fluentui-react-native/experimental-drawer to v0.1.3",
|
|
68
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "beachball",
|
|
72
|
+
"package": "@fluentui-react-native/tester",
|
|
73
|
+
"comment": "Bump @fluentui-react-native/experimental-expander to v0.3.22",
|
|
74
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"author": "beachball",
|
|
78
|
+
"package": "@fluentui-react-native/tester",
|
|
79
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.25",
|
|
80
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"author": "beachball",
|
|
84
|
+
"package": "@fluentui-react-native/tester",
|
|
85
|
+
"comment": "Bump @fluentui-react-native/experimental-shimmer to v0.6.24",
|
|
86
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"author": "beachball",
|
|
90
|
+
"package": "@fluentui-react-native/tester",
|
|
91
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.4.34",
|
|
92
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"author": "beachball",
|
|
96
|
+
"package": "@fluentui-react-native/tester",
|
|
97
|
+
"comment": "Bump @fluentui-react-native/experimental-text to v0.7.21",
|
|
98
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"author": "beachball",
|
|
102
|
+
"package": "@fluentui-react-native/tester",
|
|
103
|
+
"comment": "Bump @fluentui-react-native/framework to v0.7.21",
|
|
104
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"author": "beachball",
|
|
108
|
+
"package": "@fluentui-react-native/tester",
|
|
109
|
+
"comment": "Bump @fluentui-react-native/icon to v0.11.16",
|
|
110
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"author": "beachball",
|
|
114
|
+
"package": "@fluentui-react-native/tester",
|
|
115
|
+
"comment": "Bump @fluentui-react-native/interactive-hooks to v0.14.8",
|
|
116
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"author": "beachball",
|
|
120
|
+
"package": "@fluentui-react-native/tester",
|
|
121
|
+
"comment": "Bump @fluentui-react-native/stack to v0.6.21",
|
|
122
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"author": "beachball",
|
|
126
|
+
"package": "@fluentui-react-native/tester",
|
|
127
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.9.4",
|
|
128
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"author": "beachball",
|
|
132
|
+
"package": "@fluentui-react-native/tester",
|
|
133
|
+
"comment": "Bump @fluentui-react-native/win32-theme to v0.16.0",
|
|
134
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"author": "beachball",
|
|
138
|
+
"package": "@fluentui-react-native/tester",
|
|
139
|
+
"comment": "Bump @fluentui/react-native to v0.28.3",
|
|
140
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
141
|
+
}
|
|
142
|
+
]
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"date": "Tue, 05 Apr 2022 20:05:50 GMT",
|
|
147
|
+
"tag": "@fluentui-react-native/tester_v0.59.3",
|
|
148
|
+
"version": "0.59.3",
|
|
149
|
+
"comments": {
|
|
150
|
+
"patch": [
|
|
151
|
+
{
|
|
152
|
+
"author": "beachball",
|
|
153
|
+
"package": "@fluentui-react-native/tester",
|
|
154
|
+
"comment": "Bump @fluentui-react-native/android-theme to v0.6.0",
|
|
155
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"author": "beachball",
|
|
159
|
+
"package": "@fluentui-react-native/tester",
|
|
160
|
+
"comment": "Bump @fluentui-react-native/apple-theme to v0.10.0",
|
|
161
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"author": "beachball",
|
|
165
|
+
"package": "@fluentui-react-native/tester",
|
|
166
|
+
"comment": "Bump @fluentui-react-native/badge to v0.0.22",
|
|
167
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"author": "beachball",
|
|
171
|
+
"package": "@fluentui-react-native/tester",
|
|
172
|
+
"comment": "Bump @fluentui-react-native/button to v0.22.12",
|
|
173
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"author": "beachball",
|
|
177
|
+
"package": "@fluentui-react-native/tester",
|
|
178
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.9.14",
|
|
179
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"author": "beachball",
|
|
183
|
+
"package": "@fluentui-react-native/tester",
|
|
184
|
+
"comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.5.19",
|
|
185
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"author": "beachball",
|
|
189
|
+
"package": "@fluentui-react-native/tester",
|
|
190
|
+
"comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.11",
|
|
191
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"author": "beachball",
|
|
195
|
+
"package": "@fluentui-react-native/tester",
|
|
196
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.15.12",
|
|
197
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"author": "beachball",
|
|
201
|
+
"package": "@fluentui-react-native/tester",
|
|
202
|
+
"comment": "Bump @fluentui-react-native/experimental-checkbox to v0.10.9",
|
|
203
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"author": "beachball",
|
|
207
|
+
"package": "@fluentui-react-native/tester",
|
|
208
|
+
"comment": "Bump @fluentui-react-native/experimental-drawer to v0.1.2",
|
|
209
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"author": "beachball",
|
|
213
|
+
"package": "@fluentui-react-native/tester",
|
|
214
|
+
"comment": "Bump @fluentui-react-native/experimental-expander to v0.3.21",
|
|
215
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"author": "beachball",
|
|
219
|
+
"package": "@fluentui-react-native/tester",
|
|
220
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.24",
|
|
221
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"author": "beachball",
|
|
225
|
+
"package": "@fluentui-react-native/tester",
|
|
226
|
+
"comment": "Bump @fluentui-react-native/experimental-shimmer to v0.6.23",
|
|
227
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"author": "beachball",
|
|
231
|
+
"package": "@fluentui-react-native/tester",
|
|
232
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.4.33",
|
|
233
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"author": "beachball",
|
|
237
|
+
"package": "@fluentui-react-native/tester",
|
|
238
|
+
"comment": "Bump @fluentui-react-native/experimental-text to v0.7.20",
|
|
239
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"author": "beachball",
|
|
243
|
+
"package": "@fluentui-react-native/tester",
|
|
244
|
+
"comment": "Bump @fluentui-react-native/framework to v0.7.20",
|
|
245
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"author": "beachball",
|
|
249
|
+
"package": "@fluentui-react-native/tester",
|
|
250
|
+
"comment": "Bump @fluentui-react-native/icon to v0.11.15",
|
|
251
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
252
|
+
},
|
|
253
|
+
{
|
|
254
|
+
"author": "beachball",
|
|
255
|
+
"package": "@fluentui-react-native/tester",
|
|
256
|
+
"comment": "Bump @fluentui-react-native/interactive-hooks to v0.14.7",
|
|
257
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"author": "beachball",
|
|
261
|
+
"package": "@fluentui-react-native/tester",
|
|
262
|
+
"comment": "Bump @fluentui-react-native/stack to v0.6.20",
|
|
263
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"author": "beachball",
|
|
267
|
+
"package": "@fluentui-react-native/tester",
|
|
268
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.9.3",
|
|
269
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
"author": "beachball",
|
|
273
|
+
"package": "@fluentui-react-native/tester",
|
|
274
|
+
"comment": "Bump @fluentui-react-native/win32-theme to v0.15.0",
|
|
275
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"author": "beachball",
|
|
279
|
+
"package": "@fluentui-react-native/tester",
|
|
280
|
+
"comment": "Bump @fluentui/react-native to v0.28.2",
|
|
281
|
+
"commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
|
|
282
|
+
}
|
|
283
|
+
]
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"date": "Mon, 04 Apr 2022 23:40:49 GMT",
|
|
288
|
+
"tag": "@fluentui-react-native/tester_v0.59.2",
|
|
289
|
+
"version": "0.59.2",
|
|
290
|
+
"comments": {
|
|
291
|
+
"patch": [
|
|
292
|
+
{
|
|
293
|
+
"author": "patboyd@microsoft.com",
|
|
294
|
+
"package": "@fluentui-react-native/tester",
|
|
295
|
+
"commit": "40fcd13b0557e64d206a5ad29f705ff2d47c1f5f",
|
|
296
|
+
"comment": "Factor duplicate code and remove dependencies on deprecated components"
|
|
297
|
+
}
|
|
298
|
+
]
|
|
299
|
+
}
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"date": "Mon, 04 Apr 2022 18:41:35 GMT",
|
|
6
303
|
"tag": "@fluentui-react-native/tester_v0.59.1",
|
|
7
304
|
"version": "0.59.1",
|
|
8
305
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,78 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 06 Apr 2022 22:56:55 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.59.4
|
|
8
|
+
|
|
9
|
+
Wed, 06 Apr 2022 22:56:55 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Bump @fluentui-react-native/android-theme to v0.7.0
|
|
14
|
+
- Bump @fluentui-react-native/apple-theme to v0.11.0
|
|
15
|
+
- Bump @fluentui-react-native/badge to v0.0.23
|
|
16
|
+
- Bump @fluentui-react-native/button to v0.22.13
|
|
17
|
+
- Bump @fluentui-react-native/default-theme to v0.9.15
|
|
18
|
+
- Bump @fluentui-react-native/experimental-activity-indicator to v0.5.20
|
|
19
|
+
- Bump @fluentui-react-native/experimental-avatar to v0.14.12
|
|
20
|
+
- Bump @fluentui-react-native/experimental-button to v0.15.13
|
|
21
|
+
- Bump @fluentui-react-native/experimental-checkbox to v0.10.10
|
|
22
|
+
- Bump @fluentui-react-native/experimental-drawer to v0.1.3
|
|
23
|
+
- Bump @fluentui-react-native/experimental-expander to v0.3.22
|
|
24
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.3.25
|
|
25
|
+
- Bump @fluentui-react-native/experimental-shimmer to v0.6.24
|
|
26
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.4.34
|
|
27
|
+
- Bump @fluentui-react-native/experimental-text to v0.7.21
|
|
28
|
+
- Bump @fluentui-react-native/framework to v0.7.21
|
|
29
|
+
- Bump @fluentui-react-native/icon to v0.11.16
|
|
30
|
+
- Bump @fluentui-react-native/interactive-hooks to v0.14.8
|
|
31
|
+
- Bump @fluentui-react-native/stack to v0.6.21
|
|
32
|
+
- Bump @fluentui-react-native/theming-utils to v0.9.4
|
|
33
|
+
- Bump @fluentui-react-native/win32-theme to v0.16.0
|
|
34
|
+
- Bump @fluentui/react-native to v0.28.3
|
|
35
|
+
|
|
36
|
+
## 0.59.3
|
|
37
|
+
|
|
38
|
+
Tue, 05 Apr 2022 20:05:50 GMT
|
|
39
|
+
|
|
40
|
+
### Patches
|
|
41
|
+
|
|
42
|
+
- Bump @fluentui-react-native/android-theme to v0.6.0
|
|
43
|
+
- Bump @fluentui-react-native/apple-theme to v0.10.0
|
|
44
|
+
- Bump @fluentui-react-native/badge to v0.0.22
|
|
45
|
+
- Bump @fluentui-react-native/button to v0.22.12
|
|
46
|
+
- Bump @fluentui-react-native/default-theme to v0.9.14
|
|
47
|
+
- Bump @fluentui-react-native/experimental-activity-indicator to v0.5.19
|
|
48
|
+
- Bump @fluentui-react-native/experimental-avatar to v0.14.11
|
|
49
|
+
- Bump @fluentui-react-native/experimental-button to v0.15.12
|
|
50
|
+
- Bump @fluentui-react-native/experimental-checkbox to v0.10.9
|
|
51
|
+
- Bump @fluentui-react-native/experimental-drawer to v0.1.2
|
|
52
|
+
- Bump @fluentui-react-native/experimental-expander to v0.3.21
|
|
53
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.3.24
|
|
54
|
+
- Bump @fluentui-react-native/experimental-shimmer to v0.6.23
|
|
55
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.4.33
|
|
56
|
+
- Bump @fluentui-react-native/experimental-text to v0.7.20
|
|
57
|
+
- Bump @fluentui-react-native/framework to v0.7.20
|
|
58
|
+
- Bump @fluentui-react-native/icon to v0.11.15
|
|
59
|
+
- Bump @fluentui-react-native/interactive-hooks to v0.14.7
|
|
60
|
+
- Bump @fluentui-react-native/stack to v0.6.20
|
|
61
|
+
- Bump @fluentui-react-native/theming-utils to v0.9.3
|
|
62
|
+
- Bump @fluentui-react-native/win32-theme to v0.15.0
|
|
63
|
+
- Bump @fluentui/react-native to v0.28.2
|
|
64
|
+
|
|
65
|
+
## 0.59.2
|
|
66
|
+
|
|
67
|
+
Mon, 04 Apr 2022 23:40:49 GMT
|
|
68
|
+
|
|
69
|
+
### Patches
|
|
70
|
+
|
|
71
|
+
- Factor duplicate code and remove dependencies on deprecated components (patboyd@microsoft.com)
|
|
72
|
+
|
|
7
73
|
## 0.59.1
|
|
8
74
|
|
|
9
|
-
Mon, 04 Apr 2022 18:41:
|
|
75
|
+
Mon, 04 Apr 2022 18:41:35 GMT
|
|
10
76
|
|
|
11
77
|
### Patches
|
|
12
78
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgO/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAUjC,CAAC"}
|
|
@@ -1,99 +1,86 @@
|
|
|
1
|
+
import { __assign, __spreadArray } from "tslib";
|
|
1
2
|
import * as React from 'react';
|
|
2
|
-
import { View,
|
|
3
|
-
import { FocusZone,
|
|
3
|
+
import { View, Switch } from 'react-native';
|
|
4
|
+
import { FocusZone, Text, Checkbox } from '@fluentui/react-native';
|
|
5
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
4
6
|
import { Test } from '../Test';
|
|
5
7
|
import { FOCUSZONE_TESTPAGE } from './consts';
|
|
6
|
-
import { focusZoneTestStyles, stackStyleFocusZone } from './styles';
|
|
8
|
+
import { focusZoneTestStyles, GridButton, stackStyleFocusZone, SubheaderText } from './styles';
|
|
7
9
|
import { commonTestStyles } from '../Common/styles';
|
|
8
10
|
import { Stack } from '@fluentui-react-native/stack';
|
|
11
|
+
import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
|
|
12
|
+
var ListOfCheckboxes = function () {
|
|
13
|
+
return (React.createElement(React.Fragment, null,
|
|
14
|
+
React.createElement(Checkbox, { label: "Option A" }),
|
|
15
|
+
React.createElement(Checkbox, { label: "Option B" }),
|
|
16
|
+
React.createElement(Checkbox, { label: "Option C" }),
|
|
17
|
+
React.createElement(Checkbox, { label: "Option D" })));
|
|
18
|
+
};
|
|
19
|
+
var FocusZoneListWrapper = function (props) {
|
|
20
|
+
var buttonProps = { children: 'Click to Focus', style: { marginVertical: 10 } };
|
|
21
|
+
return (React.createElement(React.Fragment, null,
|
|
22
|
+
React.createElement(Button, __assign({}, buttonProps)),
|
|
23
|
+
React.Children.map(props.children, function (child) {
|
|
24
|
+
return (React.createElement(React.Fragment, null,
|
|
25
|
+
child,
|
|
26
|
+
React.createElement(Button, __assign({}, buttonProps))));
|
|
27
|
+
})));
|
|
28
|
+
};
|
|
29
|
+
var FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
|
|
9
30
|
var DirectionalFocusZone = function () {
|
|
10
|
-
return (React.createElement(
|
|
11
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
12
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with Bidirectional arrow key navigation"),
|
|
13
|
-
React.createElement(FocusZone, { focusZoneDirection: "bidirectional" },
|
|
14
|
-
React.createElement(Checkbox, { label: "Option A" }),
|
|
15
|
-
React.createElement(Checkbox, { label: "Option B" }),
|
|
16
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
17
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
18
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
19
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with Vertical arrow key navigation"),
|
|
20
|
-
React.createElement(FocusZone, { focusZoneDirection: "vertical" },
|
|
21
|
-
React.createElement(Checkbox, { label: "Option A" }),
|
|
22
|
-
React.createElement(Checkbox, { label: "Option B" }),
|
|
23
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
24
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
25
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
26
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with Horizontal arrow key navigation"),
|
|
27
|
-
React.createElement(FocusZone, { focusZoneDirection: "horizontal" },
|
|
28
|
-
React.createElement(Checkbox, { label: "Option A" }),
|
|
29
|
-
React.createElement(Checkbox, { label: "Option B" }),
|
|
30
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
31
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
32
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
33
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with No arrow key navigation"),
|
|
34
|
-
React.createElement(FocusZone, { focusZoneDirection: "none" },
|
|
35
|
-
React.createElement(Checkbox, { label: "Option A" }),
|
|
36
|
-
React.createElement(Checkbox, { label: "Option B" }),
|
|
37
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
38
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
39
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
40
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with no props set"),
|
|
31
|
+
return (React.createElement(FocusZoneListWrapper, null,
|
|
41
32
|
React.createElement(FocusZone, null,
|
|
42
|
-
React.createElement(
|
|
43
|
-
React.createElement(
|
|
44
|
-
|
|
45
|
-
React.createElement(
|
|
46
|
-
|
|
33
|
+
React.createElement(SubheaderText, null, "FocusZone with no props set"),
|
|
34
|
+
React.createElement(ListOfCheckboxes, null)),
|
|
35
|
+
FocusZoneDirections.map(function (direction, index) { return (React.createElement(FocusZone, { key: index, focusZoneDirection: direction },
|
|
36
|
+
React.createElement(SubheaderText, null,
|
|
37
|
+
"FocusZone with arrow key navigation: ",
|
|
38
|
+
direction),
|
|
39
|
+
React.createElement(ListOfCheckboxes, null))); })));
|
|
47
40
|
};
|
|
48
41
|
var CommonUsageFocusZone = function () {
|
|
49
|
-
return (React.createElement(
|
|
50
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
51
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with Circular Navigation"),
|
|
42
|
+
return (React.createElement(FocusZoneListWrapper, null,
|
|
52
43
|
React.createElement(FocusZone, { isCircularNavigation: true },
|
|
53
|
-
React.createElement(
|
|
54
|
-
React.createElement(
|
|
55
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
56
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
57
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
58
|
-
React.createElement(Text, { variant: "headerSemibold" }, "Disabled FocusZone"),
|
|
44
|
+
React.createElement(SubheaderText, null, "FocusZone with Circular Navigation"),
|
|
45
|
+
React.createElement(ListOfCheckboxes, null)),
|
|
59
46
|
React.createElement(FocusZone, { disabled: true },
|
|
60
|
-
React.createElement(
|
|
61
|
-
React.createElement(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
47
|
+
React.createElement(SubheaderText, null, "Disabled FocusZone"),
|
|
48
|
+
React.createElement(ListOfCheckboxes, null))));
|
|
49
|
+
};
|
|
50
|
+
var GridOfButtons = function (props) {
|
|
51
|
+
return (React.createElement(React.Fragment, null, __spreadArray([], Array(props.gridHeight), true).map(function (_value, heightIndex) {
|
|
52
|
+
return (React.createElement(View, { key: heightIndex, style: focusZoneTestStyles.focusZoneViewStyle }, __spreadArray([], Array(props.gridWidth), true).map(function (_value, widthIndex) {
|
|
53
|
+
var _a;
|
|
54
|
+
var gridIndex = heightIndex * props.gridWidth + widthIndex + 1;
|
|
55
|
+
return (React.createElement(GridButton, { key: widthIndex, style: focusZoneTestStyles.focusZoneButton, componentRef: (_a = props === null || props === void 0 ? void 0 : props.buttonRefs) === null || _a === void 0 ? void 0 : _a[gridIndex], onClick: function () {
|
|
56
|
+
var _a;
|
|
57
|
+
(_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, gridIndex);
|
|
58
|
+
} },
|
|
59
|
+
React.createElement(Text, null, gridIndex)));
|
|
60
|
+
})));
|
|
61
|
+
})));
|
|
65
62
|
};
|
|
66
63
|
var Navigation2DFocusZone = function () {
|
|
67
|
-
var buttonRefs = [];
|
|
68
64
|
var _a = React.useState(5), defaultTabbableElementIndex = _a[0], setDefaultTabbableElementIndex = _a[1];
|
|
69
|
-
var
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
return (React.createElement(
|
|
78
|
-
React.createElement(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
React.createElement(Button, { content: "#4", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[4], onClick: function () { return onClick(4); } }),
|
|
89
|
-
React.createElement(Button, { content: "#5", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[5], onClick: function () { return onClick(5); } }),
|
|
90
|
-
React.createElement(Button, { content: "#6", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[6], onClick: function () { return onClick(6); } })),
|
|
91
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneViewStyle },
|
|
92
|
-
React.createElement(Button, { content: "#7", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[7], onClick: function () { return onClick(7); } }),
|
|
93
|
-
React.createElement(Button, { content: "#8", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[8], onClick: function () { return onClick(8); } }),
|
|
94
|
-
React.createElement(Button, { content: "#9", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[9], onClick: function () { return onClick(9); } })))),
|
|
95
|
-
React.createElement(View, null,
|
|
96
|
-
React.createElement(Button, { content: "Outside FocusZone" }))));
|
|
65
|
+
var gridWidth = 3, gridHeight = 4;
|
|
66
|
+
var refMemo = React.useMemo(function () {
|
|
67
|
+
return Array(gridWidth * gridHeight)
|
|
68
|
+
.fill(null)
|
|
69
|
+
.map(function () { return React.createRef(); });
|
|
70
|
+
}, [gridWidth, gridHeight]);
|
|
71
|
+
var buttonRefs = React.useRef(refMemo);
|
|
72
|
+
var defaultTextNote = 'The defaultTabbableElement is ' + defaultTabbableElementIndex;
|
|
73
|
+
return (React.createElement(React.Fragment, null,
|
|
74
|
+
React.createElement(Text, null, defaultTextNote),
|
|
75
|
+
React.createElement(Button, { onClick: function () { return setDefaultTabbableElementIndex(null); }, style: { marginTop: 10 } }, "Clear defaultTabbableElement"),
|
|
76
|
+
React.createElement(FocusZoneListWrapper, null,
|
|
77
|
+
React.createElement(FocusZone, { use2DNavigation: true, defaultTabbableElement: defaultTabbableElementIndex ? buttonRefs.current[defaultTabbableElementIndex] : undefined, isCircularNavigation: true },
|
|
78
|
+
React.createElement(View, { style: focusZoneTestStyles.focusZoneContainer }, GridOfButtons({
|
|
79
|
+
gridWidth: 3,
|
|
80
|
+
gridHeight: 4,
|
|
81
|
+
buttonRefs: buttonRefs.current,
|
|
82
|
+
onClick: function (index) { return setDefaultTabbableElementIndex(index); },
|
|
83
|
+
}))))));
|
|
97
84
|
};
|
|
98
85
|
function SwitchWithLabel(props) {
|
|
99
86
|
var label = props.label, value = props.value, onValueChange = props.onValueChange;
|
|
@@ -101,52 +88,25 @@ function SwitchWithLabel(props) {
|
|
|
101
88
|
React.createElement(Text, null, label),
|
|
102
89
|
React.createElement(Switch, { value: value, onValueChange: onValueChange })));
|
|
103
90
|
}
|
|
104
|
-
var focusZoneDirectionStrings = ['Bidirectional', 'Horizontal', 'Vertical', 'None'];
|
|
105
91
|
var CustomizableFocusZone = function () {
|
|
106
92
|
var _a = React.useState(false), is2DNav = _a[0], set2dNav = _a[1];
|
|
107
93
|
var _b = React.useState(false), isDisabled = _b[0], setDisabled = _b[1];
|
|
108
94
|
var _c = React.useState(false), isCircularNav = _c[0], setIsCircularNav = _c[1];
|
|
109
|
-
var _d = React.useState('bidirectional'),
|
|
95
|
+
var _d = React.useState('bidirectional'), focusZoneDirection = _d[0], setFocusZoneDirection = _d[1];
|
|
96
|
+
var menuItems = FocusZoneDirections.map(function (direction) { return ({ itemKey: direction, text: direction }); });
|
|
110
97
|
return (React.createElement(View, { style: commonTestStyles.root },
|
|
111
98
|
React.createElement(Stack, { style: stackStyleFocusZone },
|
|
112
99
|
React.createElement(View, { style: commonTestStyles.settings },
|
|
113
100
|
React.createElement(SwitchWithLabel, { label: "2D Navigation", value: is2DNav, onValueChange: set2dNav }),
|
|
114
101
|
React.createElement(SwitchWithLabel, { label: "Disabled", value: isDisabled, onValueChange: setDisabled }),
|
|
115
102
|
React.createElement(SwitchWithLabel, { label: "Circular Navigation", value: isCircularNav, onValueChange: setIsCircularNav }),
|
|
116
|
-
React.createElement(
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
break;
|
|
124
|
-
case 'Vertical':
|
|
125
|
-
setFocusZoneDirection('vertical');
|
|
126
|
-
break;
|
|
127
|
-
case 'None':
|
|
128
|
-
setFocusZoneDirection('none');
|
|
129
|
-
break;
|
|
130
|
-
}
|
|
131
|
-
} }, focusZoneDirectionStrings.map(function (direction, index) { return (React.createElement(Picker.Item, { label: direction, key: index, value: direction })); }))),
|
|
132
|
-
React.createElement(View, null,
|
|
133
|
-
React.createElement(Button, { content: "Outside FocusZone" })),
|
|
134
|
-
React.createElement(FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: isFocusZoneDirection, isCircularNavigation: isCircularNav },
|
|
135
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneContainer },
|
|
136
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneViewStyle },
|
|
137
|
-
React.createElement(Button, { content: "#1", style: focusZoneTestStyles.focusZoneButton }),
|
|
138
|
-
React.createElement(Button, { content: "#2", style: focusZoneTestStyles.focusZoneButton }),
|
|
139
|
-
React.createElement(Button, { content: "#3", style: focusZoneTestStyles.focusZoneButton })),
|
|
140
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneViewStyle },
|
|
141
|
-
React.createElement(Button, { content: "#4", style: focusZoneTestStyles.focusZoneButton }),
|
|
142
|
-
React.createElement(Button, { content: "#5", style: focusZoneTestStyles.focusZoneButton }),
|
|
143
|
-
React.createElement(Button, { content: "#6", style: focusZoneTestStyles.focusZoneButton })),
|
|
144
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneViewStyle },
|
|
145
|
-
React.createElement(Button, { content: "#7", style: focusZoneTestStyles.focusZoneButton }),
|
|
146
|
-
React.createElement(Button, { content: "#8", style: focusZoneTestStyles.focusZoneButton }),
|
|
147
|
-
React.createElement(Button, { content: "#9", style: focusZoneTestStyles.focusZoneButton })))),
|
|
148
|
-
React.createElement(View, null,
|
|
149
|
-
React.createElement(Button, { content: "Outside FocusZone" })))));
|
|
103
|
+
React.createElement(MenuButton, { content: focusZoneDirection, menuItems: menuItems, onItemClick: function (direction) { return setFocusZoneDirection(direction); }, contextualMenu: {
|
|
104
|
+
shouldFocusOnMount: true,
|
|
105
|
+
shouldFocusOnContainer: true,
|
|
106
|
+
} })),
|
|
107
|
+
React.createElement(FocusZoneListWrapper, null,
|
|
108
|
+
React.createElement(FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: focusZoneDirection, isCircularNavigation: isCircularNav },
|
|
109
|
+
React.createElement(View, { style: focusZoneTestStyles.focusZoneContainer }, GridOfButtons({ gridWidth: 3, gridHeight: 3 })))))));
|
|
150
110
|
};
|
|
151
111
|
var focusZoneSections = [
|
|
152
112
|
{
|
|
@@ -159,7 +119,7 @@ var focusZoneSections = [
|
|
|
159
119
|
component: CommonUsageFocusZone,
|
|
160
120
|
},
|
|
161
121
|
{
|
|
162
|
-
name: '2D Navigation
|
|
122
|
+
name: '2D Navigation',
|
|
163
123
|
component: Navigation2DFocusZone,
|
|
164
124
|
},
|
|
165
125
|
{
|
|
@@ -175,7 +135,6 @@ export var FocusZoneTest = function () {
|
|
|
175
135
|
macosStatus: 'Experimental',
|
|
176
136
|
androidStatus: 'Backlog',
|
|
177
137
|
};
|
|
178
|
-
|
|
179
|
-
return React.createElement(Test, { name: "FocusZone Test", description: description, sections: focusZoneSections, status: status });
|
|
138
|
+
return React.createElement(Test, { name: "FocusZone Test", description: 'No description.', sections: focusZoneSections, status: status });
|
|
180
139
|
};
|
|
181
140
|
//# sourceMappingURL=FocusZoneTest.js.map
|