Fix deprecation warnings with react 15.5

Author: danez

package.json

@@ -61,13 +61,16 @@
     "react-addons-test-utils": "^15.0.0",
     "react-dom": "^15.0.0",
     "react-modal": "^1.3.0",
+    "react-test-renderer": "^15.5.4",
     "rimraf": "^2.5.2",
     "webpack": "^1.13.1",
     "webpack-dev-server": "^1.14.1"
   },
   "dependencies": {
     "classnames": "^2.2.0",
-    "js-stylesheet": "^0.0.1"
+    "create-react-class": "^15.5.2",
+    "js-stylesheet": "^0.0.1",
+    "prop-types": "^15.5.8"
   },
   "jest": {
     "testPathDirs": [

src/components/Tab.js

@@ -1,8 +1,10 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import { findDOMNode } from 'react-dom';
 import cx from 'classnames';
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   displayName: 'Tab',
 
   propTypes: {

src/components/TabList.js

@@ -1,4 +1,6 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import cx from 'classnames';
 import Tab from './Tab';
 
@@ -20,7 +22,7 @@ function renderChildren(props) {
   });
 }
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   displayName: 'TabList',
 
   propTypes: {

src/components/TabPanel.js

@@ -1,7 +1,9 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import cx from 'classnames';
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   displayName: 'TabPanel',
 
   propTypes: {

src/components/Tabs.js

@@ -1,4 +1,6 @@
-import React, { PropTypes, cloneElement } from 'react';
+import React, { cloneElement } from 'react';
+import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import { findDOMNode } from 'react-dom';
 import cx from 'classnames';
 import jss from 'js-stylesheet';
@@ -18,7 +20,7 @@ function isTabDisabled(node) {
 
 let useDefaultStyles = true;
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   displayName: 'Tabs',
 
   propTypes: {