Fix build and change base color for theme

Author: romseguy

.babelrc

@@ -1,4 +1,3 @@
 {
-  "plugins": ["transform-react-jsx"],
-  "presets": ["es2015", "stage-0"]
+  "presets": ["es2015-loose", "stage-0", "react"]
 }

package.json

@@ -27,24 +27,28 @@
   },
   "homepage": "https://github.com/romseguy/redux-devtools-chart-monitor",
   "devDependencies": {
-    "babel-cli": "^6.1.2",
-    "babel-core": "^6.1.2",
-    "babel-eslint": "^4.1.4",
-    "babel-loader": "^6.0.1",
-    "babel-plugin-transform-react-jsx": "^6.0.18",
-    "babel-preset-es2015": "^6.1.2",
-    "babel-preset-stage-0": "^6.1.2",
+    "babel-cli": "^6.3.15",
+    "babel-core": "^6.1.20",
+    "babel-eslint": "^5.0.0-beta4",
+    "babel-loader": "^6.2.0",
+    "babel-preset-es2015-loose": "^6.1.3",
+    "babel-preset-react": "^6.3.13",
+    "babel-preset-stage-0": "^6.3.13",
     "eslint": "^0.23",
     "eslint-config-airbnb": "0.0.6",
-    "eslint-plugin-react": "^2.3.0",
+    "eslint-plugin-react": "^3.6.3",
     "rimraf": "^2.3.4",
     "webpack": "^1.11.0"
   },
+  "peerDependencies": {
+    "react": "^0.14.3",
+    "react-dom": "^0.14.3",
+    "redux-devtools": "^3.0.0"
+  },
   "dependencies": {
     "d3-state-visualizer": "^0.5.0",
     "deepmerge": "^0.2.10",
     "react-pure-render": "^1.0.2",
-    "redux-devtools": "^3.0.0",
     "redux-devtools-themes": "^1.0.0"
   }
 }

src/Chart.js

@@ -1,4 +1,5 @@
 import React, { PropTypes, Component } from 'react';
+import { findDOMNode } from 'react-dom';
 import visualizer from 'd3-state-visualizer';
 
 class Chart extends Component {
@@ -34,7 +35,7 @@ class Chart extends Component {
   }
 
   componentDidMount() {
-    this.renderChart = visualizer.charts.tree(React.findDOMNode(this), this.props);
+    this.renderChart = visualizer.charts.tree(findDOMNode(this), this.props);
     this.renderChart();
   }
 

src/ChartMonitor.js

@@ -20,7 +20,7 @@ const styles = {
 };
 
 class ChartMonitor extends Component {
-  static reducer = reducer;
+  static update = reducer;
 
   static propTypes = {
     dispatch: PropTypes.func,
@@ -133,7 +133,7 @@ class ChartMonitor extends Component {
     const theme = this.getTheme();
 
     return (
-      <div style={{...styles.container, backgroundColor: theme.base00}}>
+      <div style={{...styles.container, backgroundColor: theme.base07}}>
         <Chart {...this.getChartOptions()} />
       </div>
     );

src/reducers.js

@@ -1,13 +1,13 @@
 import { SOME_ACTION } from './actions';
 
-function someAction(state = 0, action/*, props*/) {
+function someAction(props, state = {}, action) {
   return action.type === SOME_ACTION ?
     action.data :
     state;
 }
 
-export default function reducer(state = {}, action, props) {
+export default function reducer(props, state = {}, action) {
   return {
-    someState: someAction(state.someAction, action, props)
+    someState: someAction(props, state.someAction, action)
   };
 }