changed React.PropTypes to PropTypes

package.json

@@ -17,12 +17,13 @@
     "react-dom": "^0.14.0 || ^15.0.0"
   },
   "dependencies": {
-    "radium": "^0.18.1",
     "color": "^0.10.1",
-    "css-element-queries": "^0.3.2"
+    "css-element-queries": "^0.3.2",
+    "radium": "^0.18.1",
+    "react": "^15.6.1"
   },
   "devDependencies": {
-    "babel-cli": "6.1.18",
+    "babel-cli": "^6.1.18",
     "babel-preset-es2015": "6.1.18",
     "babel-preset-react": "6.1.18",
     "babelify": "^7.2.0",

src/index.js

@@ -3,6 +3,7 @@
 
 var React = require('react')
 var ReactDom = require('react-dom')
+var PropTypes = require('prop-types');
 
 var Tabs = require('./tabs.js')
 var renderFunction = require('./functions.js').renderFunction
@@ -11,34 +12,34 @@ var ResizeSensor = require('css-element-queries/src/ResizeSensor')
 module.exports = React.createClass({
   displayName: 'tabsNavigationMenu',
   propTypes: {
-    banner: React.PropTypes.shape({ // Banner content (optional)
-      children: React.PropTypes.oneOfType([ // Tab initialy selected
-        React.PropTypes.func,
-        React.PropTypes.node
+    banner: PropTypes.shape({ // Banner content (optional)
+      children: PropTypes.oneOfType([ // Tab initialy selected
+        PropTypes.func,
+        PropTypes.node
       ])
     }),
-    color: React.PropTypes.string,
-    fixOffset: React.PropTypes.number,
-    lineStyle: React.PropTypes.object,
-    onTabChange: React.PropTypes.func,
-    selected: React.PropTypes.oneOfType([ // Tab initialy selected
-      React.PropTypes.string,
-      React.PropTypes.number
+    color: PropTypes.string,
+    fixOffset: PropTypes.number,
+    lineStyle: PropTypes.object,
+    onTabChange: PropTypes.func,
+    selected: PropTypes.oneOfType([ // Tab initialy selected
+      PropTypes.string,
+      PropTypes.number
     ]),
-    selectedTabStyle: React.PropTypes.object,
-    tabs: React.PropTypes.arrayOf(
-      React.PropTypes.shape({
-        children: React.PropTypes.oneOfType([ // Tab initialy selected
-          React.PropTypes.func,
-          React.PropTypes.node
+    selectedTabStyle: PropTypes.object,
+    tabs: PropTypes.arrayOf(
+      PropTypes.shape({
+        children: PropTypes.oneOfType([ // Tab initialy selected
+          PropTypes.func,
+          PropTypes.node
         ]),
-        displayName: React.PropTypes.string.isRequired
+        displayName: PropTypes.string.isRequired
       })
     ),
-    tabsBarClassName: React.PropTypes.string,
-    tabsBarStyle: React.PropTypes.object,
-    tabsClassName: React.PropTypes.string,
-    tabsStyle: React.PropTypes.object
+    tabsBarClassName: PropTypes.string,
+    tabsBarStyle: PropTypes.object,
+    tabsClassName: PropTypes.string,
+    tabsStyle: PropTypes.object
   },
   getDefaultProps: function () {
     return {

src/tabs.js

@@ -5,6 +5,7 @@ var Color = require('color')
 var Radium = require('radium')
 var React = require('react')
 var ReactDom = require('react-dom')
+var PropTypes = require('prop-types');
 
 var tabKeyMixin = require('./tabsKeyboardNavigationMixin.js')
 
@@ -48,19 +49,19 @@ const defaultStyles = {
 module.exports = Radium(React.createClass({
   displayName: 'tabsNavigationMenu__tabs',
   propTypes: {
-    clic: React.PropTypes.func,
-    color: React.PropTypes.string,
-    elements: React.PropTypes.arrayOf(React.PropTypes.string),
-    fixOffset: React.PropTypes.number,
-    lineStyle: React.PropTypes.object,
-    selected: React.PropTypes.number,
-    selectedTabStyle: React.PropTypes.object,
-    tabsBarClassName: React.PropTypes.string,
-    tabsBarStyle: React.PropTypes.object,
-    tabsClassName: React.PropTypes.string,
-    tabsContainer: React.PropTypes.any,
-    tabsStyle: React.PropTypes.object,
-    widthB: React.PropTypes.number
+    clic: PropTypes.func,
+    color: PropTypes.string,
+    elements: PropTypes.arrayOf(PropTypes.string),
+    fixOffset: PropTypes.number,
+    lineStyle: PropTypes.object,
+    selected: PropTypes.number,
+    selectedTabStyle: PropTypes.object,
+    tabsBarClassName: PropTypes.string,
+    tabsBarStyle: PropTypes.object,
+    tabsClassName: PropTypes.string,
+    tabsContainer: PropTypes.any,
+    tabsStyle: PropTypes.object,
+    widthB: PropTypes.number
   },
   mixins: [tabKeyMixin],
   getDefaultProps: function () {