Added prop-types package dependency, updated all compomponents to use prop-types lib instead of React.PropTypes, added create-react-class package dependency, updated all components to use it instead of React.createClasss

Author: qndrey

example/src/scripts/App.jsx

@@ -1,5 +1,6 @@
 var React = require('react');
 var ReactDOM = require('react-dom');
+var createReactClass = require('create-react-class');
 var NotificationSystem = require('NotificationSystem');
 var constants = require('constants');
 var NotificationGenerator = require('./NotificationGenerator');
@@ -14,7 +15,7 @@ var _getRandomPosition = function() {
 // Styles
 require('styles/base');
 
-NotificationSystemExample = React.createClass({
+NotificationSystemExample = createReactClass({
 
   displayName: 'App',
 

example/src/scripts/CustomElement.jsx

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 
 function buttonClicked() {
   alert('I\'m a custom button inside a custom element that was clicked');
@@ -14,7 +15,7 @@ function CustomElement(props) {
 }
 
 CustomElement.propTypes = {
-  name: React.PropTypes.string
+  name: PropTypes.string
 };
 
 module.exports = CustomElement;

example/src/scripts/NotificationGenerator.jsx

@@ -1,9 +1,11 @@
 var React = require('react');
+var createReactClass = require('create-react-class');
+var PropTypes = require('prop-types');
 
 // Styles
 require('styles/generator');
 
-module.exports = React.createClass({
+module.exports = createReactClass({
 
   displayName: 'NotificationGenerator',
 
@@ -134,8 +136,8 @@ module.exports = React.createClass({
   },
 
   propTypes: {
-    notifications: React.PropTypes.func.isRequired,
-    allowHTML: React.PropTypes.func
+    notifications: PropTypes.func.isRequired,
+    allowHTML: PropTypes.func
   },
 
   render: function() {

package.json

@@ -32,7 +32,9 @@
   },
   "homepage": "https://github.com/igorprado/react-notification-system",
   "dependencies": {
-    "object-assign": "^4.0.1"
+    "create-react-class": "^15.5.1",
+    "object-assign": "^4.0.1",
+    "prop-types": "^15.5.6"
   },
   "peerDependencies": {
     "react": "0.14.x || ^15.0.0",

src/NotificationContainer.jsx

@@ -1,13 +1,15 @@
 var React = require('react');
+var createReactClass = require('create-react-class');
+var PropTypes = require('prop-types');
 var NotificationItem = require('./NotificationItem');
 var Constants = require('./constants');
 
-var NotificationContainer = React.createClass({
+var NotificationContainer = createReactClass({
 
   propTypes: {
-    position: React.PropTypes.string.isRequired,
-    notifications: React.PropTypes.array.isRequired,
-    getStyles: React.PropTypes.object
+    position: PropTypes.string.isRequired,
+    notifications: PropTypes.array.isRequired,
+    getStyles: PropTypes.object
   },
 
   _style: {},

src/NotificationItem.jsx

@@ -1,4 +1,6 @@
 var React = require('react');
+var createReactClass = require('create-react-class');
+var PropTypes = require('prop-types');
 var ReactDOM = require('react-dom');
 var Constants = require('./constants');
 var Helpers = require('./helpers');
@@ -24,17 +26,17 @@ var whichTransitionEvent = function() {
   return transition;
 };
 
-var NotificationItem = React.createClass({
+var NotificationItem = createReactClass({
 
   propTypes: {
-    notification: React.PropTypes.object,
-    getStyles: React.PropTypes.object,
-    onRemove: React.PropTypes.func,
-    allowHTML: React.PropTypes.bool,
-    noAnimation: React.PropTypes.bool,
-    children: React.PropTypes.oneOfType([
-      React.PropTypes.string,
-      React.PropTypes.element
+    notification: PropTypes.object,
+    getStyles: PropTypes.object,
+    onRemove: PropTypes.func,
+    allowHTML: PropTypes.bool,
+    noAnimation: PropTypes.bool,
+    children: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.element
     ])
   },
 

src/NotificationSystem.jsx

@@ -1,10 +1,12 @@
 var React = require('react');
+var createReactClass = require('create-react-class');
+var PropTypes = require('prop-types');
 var merge = require('object-assign');
 var NotificationContainer = require('./NotificationContainer');
 var Constants = require('./constants');
 var Styles = require('./styles');
 
-var NotificationSystem = React.createClass({
+var NotificationSystem = createReactClass({
 
   uid: 3400,
 
@@ -86,12 +88,12 @@ var NotificationSystem = React.createClass({
   },
 
   propTypes: {
-    style: React.PropTypes.oneOfType([
-      React.PropTypes.bool,
-      React.PropTypes.object
+    style: PropTypes.oneOfType([
+      PropTypes.bool,
+      PropTypes.object
     ]),
-    noAnimation: React.PropTypes.bool,
-    allowHTML: React.PropTypes.bool
+    noAnimation: PropTypes.bool,
+    allowHTML: PropTypes.bool
   },
 
   getDefaultProps: function() {