Allow react 16 as peerDependency (#23)

* install prop-types package

* import PropTypes from prop-types instead of React

* install create-react-class package

* use createReactClass instead of React.createClass

* allow react 16 as a peer dependency

package.json

@@ -27,12 +27,14 @@
   "license": "Apache License 2.0",
   "peerDependencies": {
     "draft-js": ">=0.7.0",
-    "react": ">=15.0.2",
-    "react-dom": ">=15.0.2"
+    "react": "^15.0.0 || ^16.0.0",
+    "react-dom": "^15.0.0 || ^16.0.0"
   },
   "dependencies": {
+    "create-react-class": "^15.6.2",
     "immutable": "^3.8.1",
-    "invariant": "^2.2.1"
+    "invariant": "^2.2.1",
+    "prop-types": "^15.6.0"
   },
   "devDependencies": {
     "babel-cli": "^6.10.1",

src/components/Editor.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 {List} from 'immutable';
 import {
   Editor,
@@ -31,7 +33,7 @@ const propTypes = {
   showButtons: PropTypes.bool
 };
 
-const EditorWrapper = React.createClass({
+const EditorWrapper = createReactClass({
   propTypes,
 
   childContextTypes: {

src/components/KeyCommandController.js

@@ -1,6 +1,8 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import invariant from 'invariant';
 import {List} from 'immutable';
-import React, {PropTypes} from 'react';
 import {EditorState} from 'draft-js';
 
 const providedProps = {
@@ -9,7 +11,7 @@ const providedProps = {
   handleKeyCommand: PropTypes.func
 };
 
-const KeyCommandController = (Component) => React.createClass({
+const KeyCommandController = (Component) => createReactClass({
   displayName: `KeyCommandController(${Component.displayName})`,
 
   propTypes: {

src/components/OverlayWrapper.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import createReactClass from 'create-react-class';
 
-export default React.createClass({
+export default createReactClass({
   getInitialState() {
     const node = document.createElement('div');
     document.body.appendChild(node);

src/components/Toolbar.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 KeyCommandController from './KeyCommandController';
 
-const Toolbar = React.createClass({
+const Toolbar = createReactClass({
   propTypes: {
     editorState: PropTypes.object,
     onChange: PropTypes.func,

src/plugins/createPlugin.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 {OrderedSet} from 'immutable';
 import memoize from '../util/memoize';
 import compose from '../util/compose';
@@ -48,7 +50,7 @@ const createPlugin = ({
 
   if (ToWrap.prototype && ToWrap.prototype.isReactComponent) {
     // wrapping an Editor component
-    return React.createClass({
+    return createReactClass({
       displayName,
 
       propTypes: {