@fluentui-react-native/menu 1.8.0 → 1.9.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 (99) hide show
  1. package/CHANGELOG.json +79 -1
  2. package/CHANGELOG.md +26 -2
  3. package/lib/MenuGroup/MenuGroup.d.ts +2 -0
  4. package/lib/MenuGroup/MenuGroup.d.ts.map +1 -0
  5. package/lib/MenuGroup/MenuGroup.js +35 -0
  6. package/lib/MenuGroup/MenuGroup.js.map +1 -0
  7. package/lib/MenuGroup/MenuGroup.types.d.ts +15 -0
  8. package/lib/MenuGroup/MenuGroup.types.d.ts.map +1 -0
  9. package/lib/MenuGroup/MenuGroup.types.js +2 -0
  10. package/lib/MenuGroup/MenuGroup.types.js.map +1 -0
  11. package/lib/MenuGroup/index.d.ts +4 -0
  12. package/lib/MenuGroup/index.d.ts.map +1 -0
  13. package/lib/MenuGroup/index.js +3 -0
  14. package/lib/MenuGroup/index.js.map +1 -0
  15. package/lib/MenuGroupHeader/MenuGroupHeader.d.ts +3 -0
  16. package/lib/MenuGroupHeader/MenuGroupHeader.d.ts.map +1 -0
  17. package/lib/MenuGroupHeader/MenuGroupHeader.js +15 -0
  18. package/lib/MenuGroupHeader/MenuGroupHeader.js.map +1 -0
  19. package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts +4 -0
  20. package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts.map +1 -0
  21. package/lib/MenuGroupHeader/MenuGroupHeader.styling.js +17 -0
  22. package/lib/MenuGroupHeader/MenuGroupHeader.styling.js.map +1 -0
  23. package/lib/MenuGroupHeader/MenuGroupHeader.types.d.ts +16 -0
  24. package/lib/MenuGroupHeader/MenuGroupHeader.types.d.ts.map +1 -0
  25. package/lib/MenuGroupHeader/MenuGroupHeader.types.js +2 -0
  26. package/lib/MenuGroupHeader/MenuGroupHeader.types.js.map +1 -0
  27. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +5 -0
  28. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.d.ts.map +1 -0
  29. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js +10 -0
  30. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js.map +1 -0
  31. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +5 -0
  32. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts.map +1 -0
  33. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +11 -0
  34. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js.map +1 -0
  35. package/lib/MenuGroupHeader/index.d.ts +4 -0
  36. package/lib/MenuGroupHeader/index.d.ts.map +1 -0
  37. package/lib/MenuGroupHeader/index.js +3 -0
  38. package/lib/MenuGroupHeader/index.js.map +1 -0
  39. package/lib/__tests__/Menu.test.js +19 -0
  40. package/lib/__tests__/Menu.test.js.map +1 -1
  41. package/lib/index.d.ts +2 -0
  42. package/lib/index.d.ts.map +1 -1
  43. package/lib/index.js +2 -0
  44. package/lib/index.js.map +1 -1
  45. package/lib-commonjs/MenuGroup/MenuGroup.d.ts +2 -0
  46. package/lib-commonjs/MenuGroup/MenuGroup.d.ts.map +1 -0
  47. package/lib-commonjs/MenuGroup/MenuGroup.js +38 -0
  48. package/lib-commonjs/MenuGroup/MenuGroup.js.map +1 -0
  49. package/lib-commonjs/MenuGroup/MenuGroup.types.d.ts +15 -0
  50. package/lib-commonjs/MenuGroup/MenuGroup.types.d.ts.map +1 -0
  51. package/lib-commonjs/MenuGroup/MenuGroup.types.js +5 -0
  52. package/lib-commonjs/MenuGroup/MenuGroup.types.js.map +1 -0
  53. package/lib-commonjs/MenuGroup/index.d.ts +4 -0
  54. package/lib-commonjs/MenuGroup/index.d.ts.map +1 -0
  55. package/lib-commonjs/MenuGroup/index.js +8 -0
  56. package/lib-commonjs/MenuGroup/index.js.map +1 -0
  57. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts +3 -0
  58. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts.map +1 -0
  59. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js +18 -0
  60. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js.map +1 -0
  61. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts +4 -0
  62. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts.map +1 -0
  63. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js +20 -0
  64. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js.map +1 -0
  65. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.d.ts +16 -0
  66. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.d.ts.map +1 -0
  67. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js +5 -0
  68. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js.map +1 -0
  69. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +5 -0
  70. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.d.ts.map +1 -0
  71. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js +14 -0
  72. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js.map +1 -0
  73. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +5 -0
  74. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts.map +1 -0
  75. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +15 -0
  76. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js.map +1 -0
  77. package/lib-commonjs/MenuGroupHeader/index.d.ts +4 -0
  78. package/lib-commonjs/MenuGroupHeader/index.d.ts.map +1 -0
  79. package/lib-commonjs/MenuGroupHeader/index.js +8 -0
  80. package/lib-commonjs/MenuGroupHeader/index.js.map +1 -0
  81. package/lib-commonjs/__tests__/Menu.test.js +19 -0
  82. package/lib-commonjs/__tests__/Menu.test.js.map +1 -1
  83. package/lib-commonjs/index.d.ts +2 -0
  84. package/lib-commonjs/index.d.ts.map +1 -1
  85. package/lib-commonjs/index.js +7 -1
  86. package/lib-commonjs/index.js.map +1 -1
  87. package/package.json +10 -10
  88. package/src/MenuGroup/MenuGroup.tsx +44 -0
  89. package/src/MenuGroup/MenuGroup.types.ts +20 -0
  90. package/src/MenuGroup/index.ts +3 -0
  91. package/src/MenuGroupHeader/MenuGroupHeader.styling.ts +25 -0
  92. package/src/MenuGroupHeader/MenuGroupHeader.tsx +31 -0
  93. package/src/MenuGroupHeader/MenuGroupHeader.types.ts +19 -0
  94. package/src/MenuGroupHeader/MenuGroupHeaderTokens.macos.ts +15 -0
  95. package/src/MenuGroupHeader/MenuGroupHeaderTokens.ts +14 -0
  96. package/src/MenuGroupHeader/index.ts +3 -0
  97. package/src/__tests__/Menu.test.tsx +28 -0
  98. package/src/__tests__/__snapshots__/Menu.test.tsx.snap +91 -0
  99. package/src/index.ts +9 -0
@@ -727,3 +727,94 @@ exports[`Menu component tests Menu submenu 1`] = `
727
727
  </Text>
728
728
  </View>
729
729
  `;
730
+
731
+ exports[`Menu open menu group and menu header 1`] = `
732
+ <View
733
+ accessibilityActions={
734
+ Array [
735
+ Object {
736
+ "name": "Expand",
737
+ },
738
+ Object {
739
+ "name": "Collapse",
740
+ },
741
+ ]
742
+ }
743
+ accessibilityLabel="Open"
744
+ accessibilityRole="button"
745
+ accessibilityState={
746
+ Object {
747
+ "expanded": true,
748
+ }
749
+ }
750
+ accessible={true}
751
+ enableFocusRing={true}
752
+ focusable={true}
753
+ keyUpEvents={
754
+ Array [
755
+ Object {
756
+ "key": " ",
757
+ },
758
+ Object {
759
+ "key": "Enter",
760
+ },
761
+ ]
762
+ }
763
+ onAccessibilityAction={[Function]}
764
+ onAccessibilityTap={[Function]}
765
+ onBlur={[Function]}
766
+ onClick={[Function]}
767
+ onFocus={[Function]}
768
+ onKeyDown={[Function]}
769
+ onKeyUp={[Function]}
770
+ onLayout={[Function]}
771
+ onMouseEnter={[Function]}
772
+ onMouseLeave={[Function]}
773
+ onResponderGrant={[Function]}
774
+ onResponderMove={[Function]}
775
+ onResponderRelease={[Function]}
776
+ onResponderTerminate={[Function]}
777
+ onResponderTerminationRequest={[Function]}
778
+ onStartShouldSetResponder={[Function]}
779
+ style={
780
+ Object {
781
+ "alignItems": "center",
782
+ "alignSelf": "flex-start",
783
+ "backgroundColor": "#ffffff",
784
+ "borderColor": "#d1d1d1",
785
+ "borderRadius": 4,
786
+ "borderWidth": 1,
787
+ "display": "flex",
788
+ "flexDirection": "row",
789
+ "justifyContent": "center",
790
+ "minHeight": 32,
791
+ "minWidth": 64,
792
+ "padding": 3,
793
+ "paddingHorizontal": 7,
794
+ "width": undefined,
795
+ }
796
+ }
797
+ >
798
+ <Text
799
+ accessible={false}
800
+ ellipsizeMode="tail"
801
+ numberOfLines={0}
802
+ onAccessibilityTap={[Function]}
803
+ style={
804
+ Object {
805
+ "color": "#242424",
806
+ "fontFamily": "Segoe UI",
807
+ "fontSize": 12,
808
+ "fontWeight": "400",
809
+ "margin": 0,
810
+ "marginBottom": 1,
811
+ "marginEnd": -2,
812
+ "marginStart": 0,
813
+ "marginTop": -1,
814
+ }
815
+ }
816
+ >
817
+ Open
818
+ </Text>
819
+ </View>
820
+ `;
package/src/index.ts CHANGED
@@ -58,3 +58,12 @@ export {
58
58
  useMenuListContextValue,
59
59
  } from './MenuList';
60
60
  export { MenuDivider, menuDividerName, MenuDividerProps, MenuDividerSlotProps, MenuDividerTokens, MenuDividerType } from './MenuDivider';
61
+ export { MenuGroup, menuGroupName, MenuGroupProps, MenuGroupSlotProps, MenuGroupTokens, MenuGroupType } from './MenuGroup';
62
+ export {
63
+ MenuGroupHeader,
64
+ menuGroupHeaderName,
65
+ MenuGroupHeaderProps,
66
+ MenuGroupHeaderSlotProps,
67
+ MenuGroupHeaderTokens,
68
+ MenuGroupHeaderType,
69
+ } from './MenuGroupHeader';