Merge pull request #62 from mendix/fix/popup-menu/arrange-styling

Add custom styles for popup menu

Author: wegiswes

styles/native/ts/core/widgets/popupmenu.ts

@@ -17,17 +17,24 @@ export const com_mendix_widget_native_popupmenu_PopupMenu: PopupMenuType = {
         // All ViewStyle properties are allowed
         borderRadius: 10,
         shadowColor: "#000",
-        overflow: "hidden",
         shadowOpacity: 0.2,
         shadowRadius: 10,
         elevation: 16,
         backgroundColor: background.primary,
     },
-    itemRippleColor: contrast.lower,
+    custom: {
+        itemStyle: {
+            rippleColor: contrast.lower,
+        },
+        containerStyle: {
+            // All ViewStyle properties are allowed
+        },
+    },
     basic: {
         dividerColor: font.color,
         itemStyle: {
             ellipsizeMode: "tail", // 'head' | 'middle' | 'tail' | 'clip';
+            rippleColor: contrast.lower,
             defaultStyle: {
                 // All TextStyle properties are allowed
                 color: font.color,

styles/native/ts/types/widgets.d.ts

@@ -332,10 +332,16 @@ export interface ProgressCircleType {
 export interface PopupMenuType {
     container?: ViewStyle;
     basic: BasicItemStyle;
+    custom: CustomItemStyle
     buttonContainer?: ViewStyle;
     itemRippleColor: string;
 }
 
+interface CustomItemStyle extends ViewStyle {
+    containerStyle?: ViewStyle;
+    itemStyle: { rippleColor?: string };
+}
+
 interface BasicItemStyle {
     itemStyle?: ItemStyle;
     containerStyle?: ViewStyle;