Merge pull request #147 from edmofro/master

Use prop-types library as React.PropTypes is deprecated

index.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var PropTypes = require('prop-types');
 var {
   View,
   StyleSheet,
@@ -44,28 +45,28 @@ var styles = StyleSheet.create({
 var ModalBox = React.createClass({
 
   propTypes: {
-    isOpen: React.PropTypes.bool,
-    isDisabled: React.PropTypes.bool,
-    startOpen: React.PropTypes.bool,
-    backdropPressToClose: React.PropTypes.bool,
-    swipeToClose: React.PropTypes.bool,
-    swipeThreshold: React.PropTypes.number,
-    swipeArea: React.PropTypes.number,
-    position: React.PropTypes.string,
-    entry: React.PropTypes.string,
-    backdrop: React.PropTypes.bool,
-    backdropOpacity: React.PropTypes.number,
-    backdropColor: React.PropTypes.string,
-    backdropContent: React.PropTypes.element,
-    animationDuration: React.PropTypes.number,
-    backButtonClose: React.PropTypes.bool,
-    easing: React.PropTypes.func,
-    coverScreen: React.PropTypes.bool,
-    keyboardTopOffset: React.PropTypes.number,
-
-    onClosed: React.PropTypes.func,
-    onOpened: React.PropTypes.func,
-    onClosingState: React.PropTypes.func,
+    isOpen: PropTypes.bool,
+    isDisabled: PropTypes.bool,
+    startOpen: PropTypes.bool,
+    backdropPressToClose: PropTypes.bool,
+    swipeToClose: PropTypes.bool,
+    swipeThreshold: PropTypes.number,
+    swipeArea: PropTypes.number,
+    position: PropTypes.string,
+    entry: PropTypes.string,
+    backdrop: PropTypes.bool,
+    backdropOpacity: PropTypes.number,
+    backdropColor: PropTypes.string,
+    backdropContent: PropTypes.element,
+    animationDuration: PropTypes.number,
+    backButtonClose: PropTypes.bool,
+    easing: PropTypes.func,
+    coverScreen: PropTypes.bool,
+    keyboardTopOffset: PropTypes.number,
+
+    onClosed: PropTypes.func,
+    onOpened: PropTypes.func,
+    onClosingState: PropTypes.func,
   },
 
   getDefaultProps: function () {
@@ -437,15 +438,15 @@ var ModalBox = React.createClass({
 
     var content = (
       <View style={[styles.transparent, styles.absolute]} pointerEvents={'box-none'}>
-        <View style={{ flex: 1 }} onLayout={this.onContainerLayout}>
+        <View style={{ flex: 1 }} pointerEvents={'box-none'} onLayout={this.onContainerLayout}>
           {visible && this.renderBackdrop()}
           {visible && this.renderContent()}
         </View>
       </View>
     )
 
     if (!this.props.coverScreen) return content;
-    
+
     return (
       <Modal onRequestClose={() => this.close()} supportedOrientations={['landscape', 'portrait']} transparent visible={visible}>
         {content}
@@ -479,4 +480,4 @@ var ModalBox = React.createClass({
 
 });
 
-module.exports = ModalBox;
+module.exports = ModalBox;