refactor: update dependencies & fix deprecated

to make react-toastr compatible with future React 16:
- updated React to 15.6.1
- removed react-addons-test-utils since it is deprecated in favor of
react-dom/test-utils and react-test-renderer
- removed react-addons-update since it is deprecated in favor of
immutability-helper
- added create-react-class to replace React.createClass
- added prop-types since React will no longer ships with it
- created transitionEvents.js to provide transition event
compatibility

Author: KagamiChan

package.json

@@ -74,8 +74,7 @@
     "jquery": "^3.1.0",
     "prismjs": "^1.5.1",
     "raw-loader": "^0.5.1",
-    "react": "^15.3.2",
-    "react-addons-test-utils": "^15.3.2",
+    "react": "^15.6.1",
     "react-github-fork-ribbon": "^0.4.4",
     "react-scripts": "0.6.1",
     "rimraf": "^2.5.4",
@@ -86,9 +85,11 @@
   },
   "dependencies": {
     "classnames": "^2.2.5",
+    "create-react-class": "^15.6.0",
     "element-class": "^0.2.2",
+    "immutability-helper": "^2.3.0",
     "lodash": "^4.16.1",
-    "react-addons-update": "^0.14.0 || ^15.0.0",
-    "react-dom": "^0.14.0 || ^15.0.0"
+    "react-dom": "^0.14.0 || ^15.0.0",
+    "prop-types": "^15.5.10"
   }
 }

src/lib/ToastContainer.js

@@ -3,12 +3,15 @@ import _ from "lodash";
 import {
   default as React,
   Component,
-  PropTypes,
 } from "react";
 
+import {
+  default as PropTypes,
+} from "prop-types";
+
 import {
   default as update,
-} from "react-addons-update";
+} from "immutability-helper";
 
 import {
   default as ToastMessage,

src/lib/ToastContainer.test.js

@@ -8,7 +8,7 @@ import {
 
 import {
   default as TestUtils,
-} from "react-addons-test-utils";
+} from "react-dom/test-utils";
 
 import {
   ToastContainer,

src/lib/ToastMessage/animationMixin.js

@@ -1,7 +1,3 @@
-import {
-  default as ReactTransitionEvents,
-} from "react/lib/ReactTransitionEvents";
-
 import {
   default as ReactDOM,
 } from "react-dom";
@@ -10,6 +6,10 @@ import {
   default as elementClass,
 } from "element-class";
 
+import {
+  default as ReactTransitionEvents,
+} from "./transitionEvents";
+
 const TICK = 17;
 const { toString } = Object.prototype;
 

src/lib/ToastMessage/index.js

@@ -2,9 +2,13 @@ import {
   default as React,
 } from "react";
 
+import {
+  default as createClass,
+} from 'create-react-class';
+
 import {
   default as update,
-} from "react-addons-update";
+} from "immutability-helper";
 
 import {
   default as classNames,
@@ -102,12 +106,12 @@ const ToastMessageSpec = {
   },
 };
 
-export const animation = React.createClass(update(ToastMessageSpec, {
+export const animation = createClass(update(ToastMessageSpec, {
   displayName: { $set: `ToastMessage.animation` },
   mixins: { $set: [animationMixin] },
 }));
 
-export const jQuery = React.createClass(update(ToastMessageSpec, {
+export const jQuery = createClass(update(ToastMessageSpec, {
   displayName: { $set: `ToastMessage.jQuery` },
   mixins: { $set: [jQueryMixin] },
 }));
@@ -119,7 +123,7 @@ ToastMessageSpec.handleMouseEnter = noop;
 ToastMessageSpec.handleMouseLeave = noop;
 ToastMessageSpec.hideToast = noop;
 
-const ToastMessage = React.createClass(ToastMessageSpec);
+const ToastMessage = createClass(ToastMessageSpec);
 
 ToastMessage.animation = animation;
 ToastMessage.jQuery = jQuery;

src/lib/ToastMessage/transitionEvents.js

@@ -0,0 +1,60 @@
+const endEvents = [];
+
+const EVENTS = {
+  transitionend: {
+    transition: `transitionend`,
+    WebkitTransition: `webkitTransitionEnd`,
+    MozTransition: `mozTransitionEnd`,
+    msTransition: `MSTransitionEnd`,
+    OTransition: `oTransitionEnd`,
+  },
+
+  animationend: {
+    animation: `animationend`,
+    WebkitAnimation: `webkitAnimationEnd`,
+    MozAnimation: `mozAnimationEnd`,
+    msAnimation: `MSAnimationEnd`,
+    OAnimation: `oAnimationEnd`,
+  },
+};
+
+if (typeof window !== `undefined`) {
+  const style = document.createElement(`div`).style;
+  for (let eventType in EVENTS) {
+    if (!EVENTS.hasOwnProperty(eventType)) {
+      continue
+    }
+    const prefixes = EVENTS[eventType];
+    for (let styleProp in prefixes) {
+      if (prefixes.hasOwnProperty(styleProp) && styleProp in style) {
+        endEvents.push(prefixes[styleProp]);
+        break;
+      }
+    }
+  }
+
+}
+
+const TransitionEvents = {
+  addEndEventListener: function(node, eventListener) {
+    if (endEvents.length === 0) {
+      setTimeout(eventListener, 0);
+      return;
+    }
+    endEvents.forEach(function(event) {
+      node.addEventListener(event, eventListener, false);
+    });
+  },
+
+  removeEndEventListener: function(node, eventListener) {
+    if (endEvents.length === 0) {
+      return;
+    }
+    endEvents.forEach(function(event) {
+      node.removeEventListener(event, eventListener, false);
+    });
+  },
+};
+
+
+export default TransitionEvents;

src/setupTests.js

@@ -0,0 +1,3 @@
+global.requestAnimationFrame = function(callback) {
+  setTimeout(callback, 0);
+};