react-native-popup-menu - npm Package Compare versions

Comparing version 0.10.0 to 0.11.0

package.json

 {
   "name": "react-native-popup-menu",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "extensible popup/context menu for react native",
@@ -5,0 +5,0 @@ "main": "src/index.js",

README.md

@@ -8,3 +8,3 @@ # react-native-popup-menu
 * Simple to use popup/context menu
-* Multiple modes: animated, not animated or slide in from bottom
+* Multiple modes: animated, not animated, slide in from bottom or popover
 * By default opening and closing animations
@@ -17,3 +17,5 @@ * Optional back button handling
 
-![Popup menu demo](./android.demo.gif)
+| Context Menu, Slide-in Menu | Popover |
+|---|---|
+|![Popup menu demo](./android.demo.gif)|![Popup menu demo](./android.demo-popover.gif)|
 
@@ -20,0 +22,0 @@ ## Installation

src/Backdrop.js

@@ -18,2 +18,3 @@ import React, { Component } from 'react';
         toValue: 1,
+        useNativeDriver: true,
       }).start(resolve);
@@ -28,2 +29,3 @@ });
         toValue: 0,
+        useNativeDriver: true,
       }).start(resolve);
@@ -30,0 +32,0 @@ });

src/index.js

@@ -12,4 +12,5 @@ import './polyfills';
 import SlideInMenu from './renderers/SlideInMenu';
-const renderers = { ContextMenu, SlideInMenu, NotAnimatedContextMenu };
+import Popover from './renderers/Popover';
+const renderers = { ContextMenu, SlideInMenu, NotAnimatedContextMenu, Popover };
 
 export { Menu as default, Menu, MenuContext, MenuOption, MenuOptions, MenuTrigger, renderers };

src/Menu.js

@@ -135,2 +135,5 @@ import React, { Component } from 'react';
 }
+Menu.setDefaultRendererProps = (rendererProps) => {
+  Menu.defaultProps.rendererProps = rendererProps;
+}
 
@@ -140,2 +143,3 @@ Menu.propTypes = {
   renderer: PropTypes.func,
+  rendererProps: PropTypes.object,
   onSelect: PropTypes.func,
@@ -150,2 +154,3 @@ onOpen: PropTypes.func,
   renderer: ContextMenu,
+  rendererProps: {},
   onSelect: () => {},
@@ -152,0 +157,0 @@ onOpen: () => {},

src/MenuContext.js

@@ -247,3 +247,3 @@ import React, { Component } from 'react';
     const options = instance._getOptions();
-    const { renderer } = instance.props;
+    const { renderer, rendererProps } = instance.props;
     const windowLayout = this._ownLayout;
@@ -256,3 +256,3 @@ const { optionsContainerStyle, renderOptionsContainer, customStyles } = options.props;
     const layouts = { windowLayout, triggerLayout, optionsLayout };
-    const props = { style, onLayout, layouts };
+    const props = { ...rendererProps, style, onLayout, layouts };
     const optionsType = isOutside ? MenuOutside : renderer;
@@ -259,0 +259,0 @@ if (!isFunctional(optionsType)) {

src/MenuOption.js

@@ -92,3 +92,2 @@ import React, { Component } from 'react';
     backgroundColor: 'transparent',
-    flex: 1,
   },
@@ -95,0 +94,0 @@ optionTextDisabled: {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

180303

increased by382.56%

Number of package files

27

increased by8%

Lines of code

1369

increased by33.04%

Number of lines in readme file

85

increased by2.41%

No dependency changes