@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.
- package/CHANGELOG.json +79 -1
- package/CHANGELOG.md +26 -2
- package/lib/MenuGroup/MenuGroup.d.ts +2 -0
- package/lib/MenuGroup/MenuGroup.d.ts.map +1 -0
- package/lib/MenuGroup/MenuGroup.js +35 -0
- package/lib/MenuGroup/MenuGroup.js.map +1 -0
- package/lib/MenuGroup/MenuGroup.types.d.ts +15 -0
- package/lib/MenuGroup/MenuGroup.types.d.ts.map +1 -0
- package/lib/MenuGroup/MenuGroup.types.js +2 -0
- package/lib/MenuGroup/MenuGroup.types.js.map +1 -0
- package/lib/MenuGroup/index.d.ts +4 -0
- package/lib/MenuGroup/index.d.ts.map +1 -0
- package/lib/MenuGroup/index.js +3 -0
- package/lib/MenuGroup/index.js.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.d.ts +3 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.d.ts.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.js +15 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.js.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts +4 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.js +17 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.js.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.types.d.ts +16 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.types.d.ts.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.types.js +2 -0
- package/lib/MenuGroupHeader/MenuGroupHeader.types.js.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +5 -0
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.d.ts.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js +10 -0
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +5 -0
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts.map +1 -0
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +11 -0
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js.map +1 -0
- package/lib/MenuGroupHeader/index.d.ts +4 -0
- package/lib/MenuGroupHeader/index.d.ts.map +1 -0
- package/lib/MenuGroupHeader/index.js +3 -0
- package/lib/MenuGroupHeader/index.js.map +1 -0
- package/lib/__tests__/Menu.test.js +19 -0
- package/lib/__tests__/Menu.test.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/MenuGroup/MenuGroup.d.ts +2 -0
- package/lib-commonjs/MenuGroup/MenuGroup.d.ts.map +1 -0
- package/lib-commonjs/MenuGroup/MenuGroup.js +38 -0
- package/lib-commonjs/MenuGroup/MenuGroup.js.map +1 -0
- package/lib-commonjs/MenuGroup/MenuGroup.types.d.ts +15 -0
- package/lib-commonjs/MenuGroup/MenuGroup.types.d.ts.map +1 -0
- package/lib-commonjs/MenuGroup/MenuGroup.types.js +5 -0
- package/lib-commonjs/MenuGroup/MenuGroup.types.js.map +1 -0
- package/lib-commonjs/MenuGroup/index.d.ts +4 -0
- package/lib-commonjs/MenuGroup/index.d.ts.map +1 -0
- package/lib-commonjs/MenuGroup/index.js +8 -0
- package/lib-commonjs/MenuGroup/index.js.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts +3 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js +18 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts +4 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js +20 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.d.ts +16 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.d.ts.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js +5 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +5 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.d.ts.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js +14 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +5 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts.map +1 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +15 -0
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js.map +1 -0
- package/lib-commonjs/MenuGroupHeader/index.d.ts +4 -0
- package/lib-commonjs/MenuGroupHeader/index.d.ts.map +1 -0
- package/lib-commonjs/MenuGroupHeader/index.js +8 -0
- package/lib-commonjs/MenuGroupHeader/index.js.map +1 -0
- package/lib-commonjs/__tests__/Menu.test.js +19 -0
- package/lib-commonjs/__tests__/Menu.test.js.map +1 -1
- package/lib-commonjs/index.d.ts +2 -0
- package/lib-commonjs/index.d.ts.map +1 -1
- package/lib-commonjs/index.js +7 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +10 -10
- package/src/MenuGroup/MenuGroup.tsx +44 -0
- package/src/MenuGroup/MenuGroup.types.ts +20 -0
- package/src/MenuGroup/index.ts +3 -0
- package/src/MenuGroupHeader/MenuGroupHeader.styling.ts +25 -0
- package/src/MenuGroupHeader/MenuGroupHeader.tsx +31 -0
- package/src/MenuGroupHeader/MenuGroupHeader.types.ts +19 -0
- package/src/MenuGroupHeader/MenuGroupHeaderTokens.macos.ts +15 -0
- package/src/MenuGroupHeader/MenuGroupHeaderTokens.ts +14 -0
- package/src/MenuGroupHeader/index.ts +3 -0
- package/src/__tests__/Menu.test.tsx +28 -0
- package/src/__tests__/__snapshots__/Menu.test.tsx.snap +91 -0
- 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';
|