@expo/react-native-action-sheet - npm Package Compare versions

Comparing version 3.4.1 to 3.5.0

CHANGELOG.md

@@ -1,3 +0,10 @@
-Changelog
+# Changelog
 
+# [3.5.0](https://github.com/expo/react-native-action-sheet/compare/v3.4.1...v3.5.0) (2020-02-04)
+
+
+### Features
+
+* add anchor option for iPads ([#155](https://github.com/expo/react-native-action-sheet/issues/155)) ([370e6e8](https://github.com/expo/react-native-action-sheet/commit/370e6e855fbacbfc683cc6ab16304f26c159e6b5))
+
 ## [3.4.1](https://github.com/expo/react-native-action-sheet/compare/v3.4.0...v3.4.1) (2019-12-13)
@@ -10,4 +17,2 @@
 
-# Changelog
-
 # [3.4.0](https://github.com/expo/react-native-action-sheet/compare/v3.3.2...v3.4.0) (2019-11-19)
@@ -14,0 +19,0 @@

lib/commonjs/ActionSheet/index.ios.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _jsxFileName="/Users/brad/Code/Expo/react-native-action-sheet/src/ActionSheet/index.ios.tsx";var ActionSheet=function(_React$Component){(0,_inherits2.default)(ActionSheet,_React$Component);function ActionSheet(){(0,_classCallCheck2.default)(this,ActionSheet);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(ActionSheet).apply(this,arguments));}(0,_createClass2.default)(ActionSheet,[{key:"render",value:function render(){return React.createElement(_reactNative.View,{pointerEvents:this.props.pointerEvents,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:17}},React.Children.only(this.props.children));}},{key:"showActionSheetWithOptions",value:function showActionSheetWithOptions(dataOptions,onSelect){var cancelButtonIndex=dataOptions.cancelButtonIndex,destructiveButtonIndex=dataOptions.destructiveButtonIndex,options=dataOptions.options,tintColor=dataOptions.tintColor;var iosOptions={cancelButtonIndex:cancelButtonIndex,destructiveButtonIndex:destructiveButtonIndex,options:options,tintColor:tintColor,title:dataOptions.title||undefined,message:dataOptions.message||undefined};_reactNative.ActionSheetIOS.showActionSheetWithOptions(iosOptions,onSelect);}}]);return ActionSheet;}(React.Component);exports.default=ActionSheet;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _jsxFileName="/Users/brad/Code/Expo/react-native-action-sheet/src/ActionSheet/index.ios.tsx";var ActionSheet=function(_React$Component){(0,_inherits2.default)(ActionSheet,_React$Component);function ActionSheet(){(0,_classCallCheck2.default)(this,ActionSheet);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(ActionSheet).apply(this,arguments));}(0,_createClass2.default)(ActionSheet,[{key:"render",value:function render(){return React.createElement(_reactNative.View,{pointerEvents:this.props.pointerEvents,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:17}},React.Children.only(this.props.children));}},{key:"showActionSheetWithOptions",value:function showActionSheetWithOptions(dataOptions,onSelect){var cancelButtonIndex=dataOptions.cancelButtonIndex,destructiveButtonIndex=dataOptions.destructiveButtonIndex,options=dataOptions.options,tintColor=dataOptions.tintColor;var iosOptions={cancelButtonIndex:cancelButtonIndex,destructiveButtonIndex:destructiveButtonIndex,options:options,tintColor:tintColor,title:dataOptions.title||undefined,message:dataOptions.message||undefined,anchor:dataOptions.anchor||undefined};_reactNative.ActionSheetIOS.showActionSheetWithOptions(iosOptions,onSelect);}}]);return ActionSheet;}(React.Component);exports.default=ActionSheet;
 //# sourceMappingURL=index.ios.js.map

lib/module/ActionSheet/index.ios.js

@@ -1,2 +0,2 @@
-import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/brad/Code/Expo/react-native-action-sheet/src/ActionSheet/index.ios.tsx";import*as React from'react';import{ActionSheetIOS,View}from'react-native';var ActionSheet=function(_React$Component){_inherits(ActionSheet,_React$Component);function ActionSheet(){_classCallCheck(this,ActionSheet);return _possibleConstructorReturn(this,_getPrototypeOf(ActionSheet).apply(this,arguments));}_createClass(ActionSheet,[{key:"render",value:function render(){return React.createElement(View,{pointerEvents:this.props.pointerEvents,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:17}},React.Children.only(this.props.children));}},{key:"showActionSheetWithOptions",value:function showActionSheetWithOptions(dataOptions,onSelect){var cancelButtonIndex=dataOptions.cancelButtonIndex,destructiveButtonIndex=dataOptions.destructiveButtonIndex,options=dataOptions.options,tintColor=dataOptions.tintColor;var iosOptions={cancelButtonIndex:cancelButtonIndex,destructiveButtonIndex:destructiveButtonIndex,options:options,tintColor:tintColor,title:dataOptions.title||undefined,message:dataOptions.message||undefined};ActionSheetIOS.showActionSheetWithOptions(iosOptions,onSelect);}}]);return ActionSheet;}(React.Component);export{ActionSheet as default};
+import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/brad/Code/Expo/react-native-action-sheet/src/ActionSheet/index.ios.tsx";import*as React from'react';import{ActionSheetIOS,View}from'react-native';var ActionSheet=function(_React$Component){_inherits(ActionSheet,_React$Component);function ActionSheet(){_classCallCheck(this,ActionSheet);return _possibleConstructorReturn(this,_getPrototypeOf(ActionSheet).apply(this,arguments));}_createClass(ActionSheet,[{key:"render",value:function render(){return React.createElement(View,{pointerEvents:this.props.pointerEvents,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:17}},React.Children.only(this.props.children));}},{key:"showActionSheetWithOptions",value:function showActionSheetWithOptions(dataOptions,onSelect){var cancelButtonIndex=dataOptions.cancelButtonIndex,destructiveButtonIndex=dataOptions.destructiveButtonIndex,options=dataOptions.options,tintColor=dataOptions.tintColor;var iosOptions={cancelButtonIndex:cancelButtonIndex,destructiveButtonIndex:destructiveButtonIndex,options:options,tintColor:tintColor,title:dataOptions.title||undefined,message:dataOptions.message||undefined,anchor:dataOptions.anchor||undefined};ActionSheetIOS.showActionSheetWithOptions(iosOptions,onSelect);}}]);return ActionSheet;}(React.Component);export{ActionSheet as default};
 //# sourceMappingURL=index.ios.js.map

lib/typescript/types.d.ts

@@ -13,2 +13,3 @@ import * as React from 'react';
     destructiveButtonIndex?: number;
+    anchor?: number;
 }
@@ -15,0 +16,0 @@ export interface ActionSheetOptions extends ActionSheetIOSOptions {

package.json

 {
   "name": "@expo/react-native-action-sheet",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "description": "A cross-platform ActionSheet for React Native",
@@ -5,0 +5,0 @@ "react-native": "lib/module/index.js",

README.md

@@ -93,3 +93,3 @@ # react-native-action-sheet
 
-This library can also be used with on web with Expo.
+This library can also be used in the browser with Expo for web.
 
@@ -100,2 +100,11 @@ ### Universal Props
 
+### iOS Only Props
+
+| Name             | Type   | Required | Default |
+| -----------------| -------| -------- | ------- |
+| anchor           | number | No       |         |
+
+#### `anchor` (optional) 
+iPad only option that allows for docking the action sheet to a node. See [ShowActionSheetButton.tsx](/example/ShowActionSheetButton.tsx) for an example on how to implement this.
+
 ### Android/Web-Only Props
@@ -102,0 +111,0 @@

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

126919

increased by0.8%

Lines of code

303

increased by0.33%

Number of lines in readme file

196

increased by4.81%

No dependency changes