@fluentui-react-native/menu 1.9.0 → 1.10.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 (59) hide show
  1. package/CHANGELOG.json +145 -1
  2. package/CHANGELOG.md +37 -2
  3. package/lib/Menu/renderMenu.android.d.ts +1 -1
  4. package/lib/Menu/renderMenu.android.d.ts.map +1 -1
  5. package/lib/Menu/renderMenu.d.ts +1 -1
  6. package/lib/Menu/renderMenu.d.ts.map +1 -1
  7. package/lib/MenuDivider/MenuDivider.d.ts.map +1 -1
  8. package/lib/MenuDivider/MenuDivider.js +1 -0
  9. package/lib/MenuDivider/MenuDivider.js.map +1 -1
  10. package/lib/MenuGroup/MenuGroup.d.ts.map +1 -1
  11. package/lib/MenuGroup/MenuGroup.js +1 -0
  12. package/lib/MenuGroup/MenuGroup.js.map +1 -1
  13. package/lib/MenuGroupHeader/MenuGroupHeader.d.ts.map +1 -1
  14. package/lib/MenuGroupHeader/MenuGroupHeader.js.map +1 -1
  15. package/lib/MenuItem/MenuItem.d.ts +1 -0
  16. package/lib/MenuItem/MenuItem.d.ts.map +1 -1
  17. package/lib/MenuItem/MenuItem.js.map +1 -1
  18. package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts +1 -0
  19. package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts.map +1 -1
  20. package/lib/MenuItemCheckbox/MenuItemCheckbox.js.map +1 -1
  21. package/lib/MenuItemRadio/MenuItemRadio.d.ts +1 -0
  22. package/lib/MenuItemRadio/MenuItemRadio.d.ts.map +1 -1
  23. package/lib/MenuItemRadio/MenuItemRadio.js.map +1 -1
  24. package/lib/MenuList/MenuList.d.ts.map +1 -1
  25. package/lib/MenuList/MenuList.js +1 -0
  26. package/lib/MenuList/MenuList.js.map +1 -1
  27. package/lib-commonjs/Menu/renderMenu.android.d.ts +1 -1
  28. package/lib-commonjs/Menu/renderMenu.android.d.ts.map +1 -1
  29. package/lib-commonjs/Menu/renderMenu.d.ts +1 -1
  30. package/lib-commonjs/Menu/renderMenu.d.ts.map +1 -1
  31. package/lib-commonjs/MenuDivider/MenuDivider.d.ts.map +1 -1
  32. package/lib-commonjs/MenuDivider/MenuDivider.js +1 -0
  33. package/lib-commonjs/MenuDivider/MenuDivider.js.map +1 -1
  34. package/lib-commonjs/MenuGroup/MenuGroup.d.ts.map +1 -1
  35. package/lib-commonjs/MenuGroup/MenuGroup.js +1 -0
  36. package/lib-commonjs/MenuGroup/MenuGroup.js.map +1 -1
  37. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts.map +1 -1
  38. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js.map +1 -1
  39. package/lib-commonjs/MenuItem/MenuItem.d.ts +1 -0
  40. package/lib-commonjs/MenuItem/MenuItem.d.ts.map +1 -1
  41. package/lib-commonjs/MenuItem/MenuItem.js.map +1 -1
  42. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.d.ts +1 -0
  43. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.d.ts.map +1 -1
  44. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js.map +1 -1
  45. package/lib-commonjs/MenuItemRadio/MenuItemRadio.d.ts +1 -0
  46. package/lib-commonjs/MenuItemRadio/MenuItemRadio.d.ts.map +1 -1
  47. package/lib-commonjs/MenuItemRadio/MenuItemRadio.js.map +1 -1
  48. package/lib-commonjs/MenuList/MenuList.d.ts.map +1 -1
  49. package/lib-commonjs/MenuList/MenuList.js +1 -0
  50. package/lib-commonjs/MenuList/MenuList.js.map +1 -1
  51. package/package.json +20 -21
  52. package/src/MenuDivider/MenuDivider.tsx +1 -0
  53. package/src/MenuGroup/MenuGroup.tsx +1 -0
  54. package/src/MenuGroupHeader/MenuGroupHeader.tsx +1 -0
  55. package/src/MenuItem/MenuItem.tsx +1 -0
  56. package/src/MenuItemCheckbox/MenuItemCheckbox.tsx +1 -0
  57. package/src/MenuItemRadio/MenuItemRadio.tsx +1 -0
  58. package/src/MenuList/MenuList.tsx +1 -0
  59. package/src/__tests__/__snapshots__/Menu.test.tsx.snap +189 -81
package/src/__tests__/__snapshots__/Menu.test.tsx.snap CHANGED
@@ -3,11 +3,11 @@
3
3
  exports[`Menu component tests Menu default 1`] = `
4
4
  <View
5
5
  accessibilityActions={
6
- Array [
7
- Object {
6
+ [
7
+ {
8
8
  "name": "Expand",
9
9
  },
10
- Object {
10
+ {
11
11
  "name": "Collapse",
12
12
  },
13
13
  ]
@@ -15,19 +15,31 @@ exports[`Menu component tests Menu default 1`] = `
15
15
  accessibilityLabel="Default"
16
16
  accessibilityRole="button"
17
17
  accessibilityState={
18
- Object {
18
+ {
19
+ "busy": undefined,
20
+ "checked": undefined,
21
+ "disabled": undefined,
19
22
  "expanded": false,
23
+ "selected": undefined,
24
+ }
25
+ }
26
+ accessibilityValue={
27
+ {
28
+ "max": undefined,
29
+ "min": undefined,
30
+ "now": undefined,
31
+ "text": undefined,
20
32
  }
21
33
  }
22
34
  accessible={true}
23
35
  enableFocusRing={true}
24
36
  focusable={true}
25
37
  keyUpEvents={
26
- Array [
27
- Object {
38
+ [
39
+ {
28
40
  "key": " ",
29
41
  },
30
- Object {
42
+ {
31
43
  "key": "Enter",
32
44
  },
33
45
  ]
@@ -49,7 +61,7 @@ exports[`Menu component tests Menu default 1`] = `
49
61
  onResponderTerminationRequest={[Function]}
50
62
  onStartShouldSetResponder={[Function]}
51
63
  style={
52
- Object {
64
+ {
53
65
  "alignItems": "center",
54
66
  "alignSelf": "flex-start",
55
67
  "backgroundColor": "#ffffff",
@@ -73,7 +85,7 @@ exports[`Menu component tests Menu default 1`] = `
73
85
  numberOfLines={0}
74
86
  onAccessibilityTap={[Function]}
75
87
  style={
76
- Object {
88
+ {
77
89
  "color": "#242424",
78
90
  "fontFamily": "Segoe UI",
79
91
  "fontSize": 12,
@@ -94,11 +106,11 @@ exports[`Menu component tests Menu default 1`] = `
94
106
  exports[`Menu component tests Menu defaultOpen 1`] = `
95
107
  <View
96
108
  accessibilityActions={
97
- Array [
98
- Object {
109
+ [
110
+ {
99
111
  "name": "Expand",
100
112
  },
101
- Object {
113
+ {
102
114
  "name": "Collapse",
103
115
  },
104
116
  ]
@@ -106,19 +118,31 @@ exports[`Menu component tests Menu defaultOpen 1`] = `
106
118
  accessibilityLabel="Open"
107
119
  accessibilityRole="button"
108
120
  accessibilityState={
109
- Object {
121
+ {
122
+ "busy": undefined,
123
+ "checked": undefined,
124
+ "disabled": undefined,
110
125
  "expanded": true,
126
+ "selected": undefined,
127
+ }
128
+ }
129
+ accessibilityValue={
130
+ {
131
+ "max": undefined,
132
+ "min": undefined,
133
+ "now": undefined,
134
+ "text": undefined,
111
135
  }
112
136
  }
113
137
  accessible={true}
114
138
  enableFocusRing={true}
115
139
  focusable={true}
116
140
  keyUpEvents={
117
- Array [
118
- Object {
141
+ [
142
+ {
119
143
  "key": " ",
120
144
  },
121
- Object {
145
+ {
122
146
  "key": "Enter",
123
147
  },
124
148
  ]
@@ -140,7 +164,7 @@ exports[`Menu component tests Menu defaultOpen 1`] = `
140
164
  onResponderTerminationRequest={[Function]}
141
165
  onStartShouldSetResponder={[Function]}
142
166
  style={
143
- Object {
167
+ {
144
168
  "alignItems": "center",
145
169
  "alignSelf": "flex-start",
146
170
  "backgroundColor": "#ffffff",
@@ -164,7 +188,7 @@ exports[`Menu component tests Menu defaultOpen 1`] = `
164
188
  numberOfLines={0}
165
189
  onAccessibilityTap={[Function]}
166
190
  style={
167
- Object {
191
+ {
168
192
  "color": "#242424",
169
193
  "fontFamily": "Segoe UI",
170
194
  "fontSize": 12,
@@ -185,11 +209,11 @@ exports[`Menu component tests Menu defaultOpen 1`] = `
185
209
  exports[`Menu component tests Menu open 1`] = `
186
210
  <View
187
211
  accessibilityActions={
188
- Array [
189
- Object {
212
+ [
213
+ {
190
214
  "name": "Expand",
191
215
  },
192
- Object {
216
+ {
193
217
  "name": "Collapse",
194
218
  },
195
219
  ]
@@ -197,19 +221,31 @@ exports[`Menu component tests Menu open 1`] = `
197
221
  accessibilityLabel="Open"
198
222
  accessibilityRole="button"
199
223
  accessibilityState={
200
- Object {
224
+ {
225
+ "busy": undefined,
226
+ "checked": undefined,
227
+ "disabled": undefined,
201
228
  "expanded": true,
229
+ "selected": undefined,
230
+ }
231
+ }
232
+ accessibilityValue={
233
+ {
234
+ "max": undefined,
235
+ "min": undefined,
236
+ "now": undefined,
237
+ "text": undefined,
202
238
  }
203
239
  }
204
240
  accessible={true}
205
241
  enableFocusRing={true}
206
242
  focusable={true}
207
243
  keyUpEvents={
208
- Array [
209
- Object {
244
+ [
245
+ {
210
246
  "key": " ",
211
247
  },
212
- Object {
248
+ {
213
249
  "key": "Enter",
214
250
  },
215
251
  ]
@@ -231,7 +267,7 @@ exports[`Menu component tests Menu open 1`] = `
231
267
  onResponderTerminationRequest={[Function]}
232
268
  onStartShouldSetResponder={[Function]}
233
269
  style={
234
- Object {
270
+ {
235
271
  "alignItems": "center",
236
272
  "alignSelf": "flex-start",
237
273
  "backgroundColor": "#ffffff",
@@ -255,7 +291,7 @@ exports[`Menu component tests Menu open 1`] = `
255
291
  numberOfLines={0}
256
292
  onAccessibilityTap={[Function]}
257
293
  style={
258
- Object {
294
+ {
259
295
  "color": "#242424",
260
296
  "fontFamily": "Segoe UI",
261
297
  "fontSize": 12,
@@ -276,11 +312,11 @@ exports[`Menu component tests Menu open 1`] = `
276
312
  exports[`Menu component tests Menu open checkbox and divider 1`] = `
277
313
  <View
278
314
  accessibilityActions={
279
- Array [
280
- Object {
315
+ [
316
+ {
281
317
  "name": "Expand",
282
318
  },
283
- Object {
319
+ {
284
320
  "name": "Collapse",
285
321
  },
286
322
  ]
@@ -288,19 +324,31 @@ exports[`Menu component tests Menu open checkbox and divider 1`] = `
288
324
  accessibilityLabel="Open"
289
325
  accessibilityRole="button"
290
326
  accessibilityState={
291
- Object {
327
+ {
328
+ "busy": undefined,
329
+ "checked": undefined,
330
+ "disabled": undefined,
292
331
  "expanded": true,
332
+ "selected": undefined,
333
+ }
334
+ }
335
+ accessibilityValue={
336
+ {
337
+ "max": undefined,
338
+ "min": undefined,
339
+ "now": undefined,
340
+ "text": undefined,
293
341
  }
294
342
  }
295
343
  accessible={true}
296
344
  enableFocusRing={true}
297
345
  focusable={true}
298
346
  keyUpEvents={
299
- Array [
300
- Object {
347
+ [
348
+ {
301
349
  "key": " ",
302
350
  },
303
- Object {
351
+ {
304
352
  "key": "Enter",
305
353
  },
306
354
  ]
@@ -322,7 +370,7 @@ exports[`Menu component tests Menu open checkbox and divider 1`] = `
322
370
  onResponderTerminationRequest={[Function]}
323
371
  onStartShouldSetResponder={[Function]}
324
372
  style={
325
- Object {
373
+ {
326
374
  "alignItems": "center",
327
375
  "alignSelf": "flex-start",
328
376
  "backgroundColor": "#ffffff",
@@ -346,7 +394,7 @@ exports[`Menu component tests Menu open checkbox and divider 1`] = `
346
394
  numberOfLines={0}
347
395
  onAccessibilityTap={[Function]}
348
396
  style={
349
- Object {
397
+ {
350
398
  "color": "#242424",
351
399
  "fontFamily": "Segoe UI",
352
400
  "fontSize": 12,
@@ -367,11 +415,11 @@ exports[`Menu component tests Menu open checkbox and divider 1`] = `
367
415
  exports[`Menu component tests Menu open checkbox checked 1`] = `
368
416
  <View
369
417
  accessibilityActions={
370
- Array [
371
- Object {
418
+ [
419
+ {
372
420
  "name": "Expand",
373
421
  },
374
- Object {
422
+ {
375
423
  "name": "Collapse",
376
424
  },
377
425
  ]
@@ -379,19 +427,31 @@ exports[`Menu component tests Menu open checkbox checked 1`] = `
379
427
  accessibilityLabel="Open"
380
428
  accessibilityRole="button"
381
429
  accessibilityState={
382
- Object {
430
+ {
431
+ "busy": undefined,
432
+ "checked": undefined,
433
+ "disabled": undefined,
383
434
  "expanded": true,
435
+ "selected": undefined,
436
+ }
437
+ }
438
+ accessibilityValue={
439
+ {
440
+ "max": undefined,
441
+ "min": undefined,
442
+ "now": undefined,
443
+ "text": undefined,
384
444
  }
385
445
  }
386
446
  accessible={true}
387
447
  enableFocusRing={true}
388
448
  focusable={true}
389
449
  keyUpEvents={
390
- Array [
391
- Object {
450
+ [
451
+ {
392
452
  "key": " ",
393
453
  },
394
- Object {
454
+ {
395
455
  "key": "Enter",
396
456
  },
397
457
  ]
@@ -413,7 +473,7 @@ exports[`Menu component tests Menu open checkbox checked 1`] = `
413
473
  onResponderTerminationRequest={[Function]}
414
474
  onStartShouldSetResponder={[Function]}
415
475
  style={
416
- Object {
476
+ {
417
477
  "alignItems": "center",
418
478
  "alignSelf": "flex-start",
419
479
  "backgroundColor": "#ffffff",
@@ -437,7 +497,7 @@ exports[`Menu component tests Menu open checkbox checked 1`] = `
437
497
  numberOfLines={0}
438
498
  onAccessibilityTap={[Function]}
439
499
  style={
440
- Object {
500
+ {
441
501
  "color": "#242424",
442
502
  "fontFamily": "Segoe UI",
443
503
  "fontSize": 12,
@@ -458,11 +518,11 @@ exports[`Menu component tests Menu open checkbox checked 1`] = `
458
518
  exports[`Menu component tests Menu open checkbox defaultChecked 1`] = `
459
519
  <View
460
520
  accessibilityActions={
461
- Array [
462
- Object {
521
+ [
522
+ {
463
523
  "name": "Expand",
464
524
  },
465
- Object {
525
+ {
466
526
  "name": "Collapse",
467
527
  },
468
528
  ]
@@ -470,19 +530,31 @@ exports[`Menu component tests Menu open checkbox defaultChecked 1`] = `
470
530
  accessibilityLabel="Open"
471
531
  accessibilityRole="button"
472
532
  accessibilityState={
473
- Object {
533
+ {
534
+ "busy": undefined,
535
+ "checked": undefined,
536
+ "disabled": undefined,
474
537
  "expanded": true,
538
+ "selected": undefined,
539
+ }
540
+ }
541
+ accessibilityValue={
542
+ {
543
+ "max": undefined,
544
+ "min": undefined,
545
+ "now": undefined,
546
+ "text": undefined,
475
547
  }
476
548
  }
477
549
  accessible={true}
478
550
  enableFocusRing={true}
479
551
  focusable={true}
480
552
  keyUpEvents={
481
- Array [
482
- Object {
553
+ [
554
+ {
483
555
  "key": " ",
484
556
  },
485
- Object {
557
+ {
486
558
  "key": "Enter",
487
559
  },
488
560
  ]
@@ -504,7 +576,7 @@ exports[`Menu component tests Menu open checkbox defaultChecked 1`] = `
504
576
  onResponderTerminationRequest={[Function]}
505
577
  onStartShouldSetResponder={[Function]}
506
578
  style={
507
- Object {
579
+ {
508
580
  "alignItems": "center",
509
581
  "alignSelf": "flex-start",
510
582
  "backgroundColor": "#ffffff",
@@ -528,7 +600,7 @@ exports[`Menu component tests Menu open checkbox defaultChecked 1`] = `
528
600
  numberOfLines={0}
529
601
  onAccessibilityTap={[Function]}
530
602
  style={
531
- Object {
603
+ {
532
604
  "color": "#242424",
533
605
  "fontFamily": "Segoe UI",
534
606
  "fontSize": 12,
@@ -549,11 +621,11 @@ exports[`Menu component tests Menu open checkbox defaultChecked 1`] = `
549
621
  exports[`Menu component tests Menu open radio 1`] = `
550
622
  <View
551
623
  accessibilityActions={
552
- Array [
553
- Object {
624
+ [
625
+ {
554
626
  "name": "Expand",
555
627
  },
556
- Object {
628
+ {
557
629
  "name": "Collapse",
558
630
  },
559
631
  ]
@@ -561,19 +633,31 @@ exports[`Menu component tests Menu open radio 1`] = `
561
633
  accessibilityLabel="Open"
562
634
  accessibilityRole="button"
563
635
  accessibilityState={
564
- Object {
636
+ {
637
+ "busy": undefined,
638
+ "checked": undefined,
639
+ "disabled": undefined,
565
640
  "expanded": true,
641
+ "selected": undefined,
642
+ }
643
+ }
644
+ accessibilityValue={
645
+ {
646
+ "max": undefined,
647
+ "min": undefined,
648
+ "now": undefined,
649
+ "text": undefined,
566
650
  }
567
651
  }
568
652
  accessible={true}
569
653
  enableFocusRing={true}
570
654
  focusable={true}
571
655
  keyUpEvents={
572
- Array [
573
- Object {
656
+ [
657
+ {
574
658
  "key": " ",
575
659
  },
576
- Object {
660
+ {
577
661
  "key": "Enter",
578
662
  },
579
663
  ]
@@ -595,7 +679,7 @@ exports[`Menu component tests Menu open radio 1`] = `
595
679
  onResponderTerminationRequest={[Function]}
596
680
  onStartShouldSetResponder={[Function]}
597
681
  style={
598
- Object {
682
+ {
599
683
  "alignItems": "center",
600
684
  "alignSelf": "flex-start",
601
685
  "backgroundColor": "#ffffff",
@@ -619,7 +703,7 @@ exports[`Menu component tests Menu open radio 1`] = `
619
703
  numberOfLines={0}
620
704
  onAccessibilityTap={[Function]}
621
705
  style={
622
- Object {
706
+ {
623
707
  "color": "#242424",
624
708
  "fontFamily": "Segoe UI",
625
709
  "fontSize": 12,
@@ -640,11 +724,11 @@ exports[`Menu component tests Menu open radio 1`] = `
640
724
  exports[`Menu component tests Menu submenu 1`] = `
641
725
  <View
642
726
  accessibilityActions={
643
- Array [
644
- Object {
727
+ [
728
+ {
645
729
  "name": "Expand",
646
730
  },
647
- Object {
731
+ {
648
732
  "name": "Collapse",
649
733
  },
650
734
  ]
@@ -652,19 +736,31 @@ exports[`Menu component tests Menu submenu 1`] = `
652
736
  accessibilityLabel="Default"
653
737
  accessibilityRole="button"
654
738
  accessibilityState={
655
- Object {
739
+ {
740
+ "busy": undefined,
741
+ "checked": undefined,
742
+ "disabled": undefined,
656
743
  "expanded": true,
744
+ "selected": undefined,
745
+ }
746
+ }
747
+ accessibilityValue={
748
+ {
749
+ "max": undefined,
750
+ "min": undefined,
751
+ "now": undefined,
752
+ "text": undefined,
657
753
  }
658
754
  }
659
755
  accessible={true}
660
756
  enableFocusRing={true}
661
757
  focusable={true}
662
758
  keyUpEvents={
663
- Array [
664
- Object {
759
+ [
760
+ {
665
761
  "key": " ",
666
762
  },
667
- Object {
763
+ {
668
764
  "key": "Enter",
669
765
  },
670
766
  ]
@@ -686,7 +782,7 @@ exports[`Menu component tests Menu submenu 1`] = `
686
782
  onResponderTerminationRequest={[Function]}
687
783
  onStartShouldSetResponder={[Function]}
688
784
  style={
689
- Object {
785
+ {
690
786
  "alignItems": "center",
691
787
  "alignSelf": "flex-start",
692
788
  "backgroundColor": "#ffffff",
@@ -710,7 +806,7 @@ exports[`Menu component tests Menu submenu 1`] = `
710
806
  numberOfLines={0}
711
807
  onAccessibilityTap={[Function]}
712
808
  style={
713
- Object {
809
+ {
714
810
  "color": "#242424",
715
811
  "fontFamily": "Segoe UI",
716
812
  "fontSize": 12,
@@ -731,11 +827,11 @@ exports[`Menu component tests Menu submenu 1`] = `
731
827
  exports[`Menu open menu group and menu header 1`] = `
732
828
  <View
733
829
  accessibilityActions={
734
- Array [
735
- Object {
830
+ [
831
+ {
736
832
  "name": "Expand",
737
833
  },
738
- Object {
834
+ {
739
835
  "name": "Collapse",
740
836
  },
741
837
  ]
@@ -743,19 +839,31 @@ exports[`Menu open menu group and menu header 1`] = `
743
839
  accessibilityLabel="Open"
744
840
  accessibilityRole="button"
745
841
  accessibilityState={
746
- Object {
842
+ {
843
+ "busy": undefined,
844
+ "checked": undefined,
845
+ "disabled": undefined,
747
846
  "expanded": true,
847
+ "selected": undefined,
848
+ }
849
+ }
850
+ accessibilityValue={
851
+ {
852
+ "max": undefined,
853
+ "min": undefined,
854
+ "now": undefined,
855
+ "text": undefined,
748
856
  }
749
857
  }
750
858
  accessible={true}
751
859
  enableFocusRing={true}
752
860
  focusable={true}
753
861
  keyUpEvents={
754
- Array [
755
- Object {
862
+ [
863
+ {
756
864
  "key": " ",
757
865
  },
758
- Object {
866
+ {
759
867
  "key": "Enter",
760
868
  },
761
869
  ]
@@ -777,7 +885,7 @@ exports[`Menu open menu group and menu header 1`] = `
777
885
  onResponderTerminationRequest={[Function]}
778
886
  onStartShouldSetResponder={[Function]}
779
887
  style={
780
- Object {
888
+ {
781
889
  "alignItems": "center",
782
890
  "alignSelf": "flex-start",
783
891
  "backgroundColor": "#ffffff",
@@ -801,7 +909,7 @@ exports[`Menu open menu group and menu header 1`] = `
801
909
  numberOfLines={0}
802
910
  onAccessibilityTap={[Function]}
803
911
  style={
804
- Object {
912
+ {
805
913
  "color": "#242424",
806
914
  "fontFamily": "Segoe UI",
807
915
  "fontSize": 12,