Update react prop types and create class for React 16 compatibility (#48)

* Replace react prop types and create class with the new external packages

* Replace View.propTypes with the new ViewPropTypes

Author: almirfilho

Slider.js

@@ -2,19 +2,20 @@
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  PropTypes
-} = React;
+var PropTypes = require('prop-types');
+var createReactClass = require('create-react-class');
 var {
   StyleSheet,
   PanResponder,
   View,
+  ViewPropTypes,
   TouchableHighlight
 } = ReactNative;
 
 var converter = require('./converter.js');
 var mockProps = require('./mockProps.js');
 
+var ViewStylePropTypes = ViewPropTypes ? ViewPropTypes.style : View.propTypes.style;
 
 
 var sliderProps = {
@@ -36,15 +37,15 @@ var sliderProps = {
 
   optionsArray: PropTypes.array,
 
-  containerStyle: View.propTypes.style,
-  trackStyle: View.propTypes.style,
-  selectedStyle: View.propTypes.style,
-  unselectedStyle: View.propTypes.style,
-  markerStyle: View.propTypes.style,
-  pressedMarkerStyle: View.propTypes.style
+  containerStyle: ViewStylePropTypes,
+  trackStyle: ViewStylePropTypes,
+  selectedStyle: ViewStylePropTypes,
+  unselectedStyle: ViewStylePropTypes,
+  markerStyle: ViewStylePropTypes,
+  pressedMarkerStyle: ViewStylePropTypes
 };
 
-var Slider = React.createClass({
+var Slider = createReactClass({
 
   propTypes: sliderProps,
 

customMarker.js

@@ -2,15 +2,14 @@
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  PropTypes
-} = React;
+var PropTypes = require('prop-types');
+var createReactClass = require('create-react-class');
 var {
   StyleSheet,
   Image
 } = ReactNative;
 
-var CustomMarker = React.createClass({
+var CustomMarker = createReactClass({
 
   propTypes: {
     pressed: PropTypes.bool,

index.ios.js

@@ -10,10 +10,11 @@ var {
   Image
 } = ReactNative;
 
+var createReactClass = require('create-react-class');
 var MultiSlider  = require('./Slider.js');
 var customMarker = require('./customMarker.js');
 
-var Slider = React.createClass({
+var Slider = createReactClass({
 
   getInitialState: function () {
     return {

mockProps.js

@@ -2,19 +2,21 @@
 
 var React = require('react');
 var ReactNative = require('react-native');
+var PropTypes = require('prop-types');
+var createReactClass = require('create-react-class');
 var {
-  PropTypes
-} = React;
-var {
-  View
+  View,
+  ViewPropTypes
 } = ReactNative;
 
-var BasicMarker = React.createClass({
+var ViewStylePropTypes = ViewPropTypes ? ViewPropTypes.style : View.propTypes.style;
+
+var BasicMarker = createReactClass({
 
   propTypes: {
     pressed: PropTypes.bool,
-    pressedMarkerStyle: View.propTypes.style,
-    markerStyle: View.propTypes.style
+    pressedMarkerStyle: ViewStylePropTypes,
+    markerStyle: ViewStylePropTypes
   },
 
   render: function () {

package-lock.json

@@ -26,5 +26,13 @@
   "bugs": {
     "url": "https://github.com/JackDanielsAndCode/react-native-multi-slider/issues"
   },
-  "homepage": "https://github.com/JackDanielsAndCode/react-native-multi-slider#readme"
+  "homepage": "https://github.com/JackDanielsAndCode/react-native-multi-slider#readme",
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "dependencies": {
+    "create-react-class": "^15.6.2",
+    "prop-types": "*"
+  }
 }