upgrade material-ui to version 0.15.0, upgrade react to 15.0.2 version

Author: micrum

Diff for: LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016 LambdaCDM
+Copyright (c) 2016 Lambda-CDM
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

Diff for: package.json

@@ -3,6 +3,7 @@
   "version": "0.3.0",
   "description": "Material design admin dashboard powered with React",
   "main": "",
+  "license": "MIT",
   "scripts": {
     "clean": "rimraf dist/*",
     "copy": "copyfiles -f ./src/index.html ./src/favicon.ico ./dist",
@@ -24,7 +25,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/lambdacdm/react-material-dashboard"
+    "url": "https://github.com/lambda-cdm/react-material-dashboard"
   },
   "keywords": [
     "react",
@@ -34,56 +35,51 @@
     "dashboard"
   ],
   "author": "micrum",
-  "devDependencies": {
+  "dependencies": {
     "babel-core": "^6.0.0",
-    "babel-eslint": "^5.0.0",
+    "babel-eslint": "^6.0.4",
     "babel-loader": "^6.0.0",
     "babel-polyfill": "^6.3.14",
     "babel-preset-es2015": "^6.0.15",
     "babel-preset-react": "^6.0.15",
     "bower-webpack-plugin": "^0.1.9",
     "chai": "^3.2.0",
     "copyfiles": "^0.2.1",
+    "core-js": "^2.4.0",
     "css-loader": "^0.23.0",
     "eslint": "^2.0.0",
     "eslint-loader": "^1.0.0",
-    "eslint-plugin-react": "^4.0.0",
+    "eslint-plugin-react": "^5.1.1",
     "file-loader": "^0.8.4",
     "gh-pages-deploy": "^0.4.0",
     "glob": "^7.0.0",
+    "history": "^2.1.1",
     "isparta-instrumenter-loader": "^1.0.0",
     "karma": "^0.13.9",
     "karma-chai": "^0.1.0",
-    "karma-coverage": "^0.5.3",
-    "karma-mocha": "^0.2.0",
-    "karma-mocha-reporter": "^1.1.1",
     "karma-phantomjs-launcher": "^1.0.0",
     "karma-sourcemap-loader": "^0.3.5",
     "karma-webpack": "^1.7.0",
+    "material-ui": "^0.15.0",
     "minimist": "^1.2.0",
     "mocha": "^2.2.5",
     "node-sass": "^3.4.2",
+    "normalize.css": "^4.1.1",
     "null-loader": "^0.1.1",
     "open": "0.0.5",
     "phantomjs-prebuilt": "^2.0.0",
     "postcss": "^5.0.11",
-    "postcss-loader": "^0.8.0",
-    "react-addons-test-utils": "^0.14.0",
+    "postcss-loader": "^0.9.1",
+    "react": "^15.0.2",
+    "react-dom": "^15.0.2",
     "react-hot-loader": "^1.2.9",
+    "react-router": "^2.4.0",
+    "react-tap-event-plugin": "^1.0.0",
     "rimraf": "^2.4.3",
     "sass-loader": "^3.1.2",
     "style-loader": "^0.13.0",
     "url-loader": "^0.5.6",
     "webpack": "^1.12.0",
     "webpack-dev-server": "^1.12.0"
-  },
-  "dependencies": {
-    "core-js": "^2.0.0",
-    "material-ui": "^0.15.0-alpha.2",
-    "normalize.css": "^3.0.3",
-    "react": "^0.14.0",
-    "react-dom": "^0.14.0",
-    "react-router": "^2.0.1",
-    "react-tap-event-plugin": "^0.2.2"
   }
 }

Diff for: src/components/FullWidthSection.js

@@ -1,7 +1,6 @@
 import React from 'react';
-import ClearFix from 'material-ui/lib/clearfix';
-import spacing from 'material-ui/lib/styles/spacing';
-import styleResizable from 'material-ui/lib/mixins/style-resizable';
+import ClearFix from 'material-ui/internal/ClearFix';
+import spacing from 'material-ui/styles/spacing';
 const desktopGutter = spacing.desktopGutter;
 
 const FullWidthSection = React.createClass({
@@ -14,10 +13,6 @@ const FullWidthSection = React.createClass({
     useContent: React.PropTypes.bool
   },
 
-  mixins: [
-    styleResizable
-  ],
-
   getDefaultProps() {
     return {
       useContent: false,

Diff for: src/components/Layout.js

@@ -2,11 +2,12 @@ require('normalize.css');
 require('styles/App.scss');
 
 import React from 'react';
-import AppBar from 'material-ui/lib/app-bar';
-import LeftNav from 'material-ui/lib/left-nav';
-import MenuItem from 'material-ui/lib/menus/menu-item';
+import AppBar from 'material-ui/AppBar';
+import Drawer from 'material-ui/Drawer';
+import MenuItem from 'material-ui/MenuItem';
 import { Link } from 'react-router';
-import IconButton from 'material-ui/lib/icon-button';
+import IconButton from 'material-ui/IconButton';
+import getMuiTheme from 'material-ui/styles/getMuiTheme';
 
 const githubButton = (
   <IconButton
@@ -24,6 +25,18 @@ class Layout extends React.Component {
     this.toggleNavigation = this.toggleNavigation.bind(this);
   }
 
+  getChildContext() {
+    return {
+      muiTheme: this.state.muiTheme
+    };
+  }
+
+  componentWillMount() {
+    this.setState({
+      muiTheme: getMuiTheme()
+    });
+  }
+
   toggleNavigation() {
     this.setState({open: !this.state.open});
   }
@@ -40,7 +53,7 @@ class Layout extends React.Component {
           onLeftIconButtonTouchTap={this.toggleNavigation}
           iconElementRight={githubButton}
         />
-        <LeftNav
+        <Drawer
           open={this.state.open}
           docked={false}
           onRequestChange={(open) => this.setState({open})}
@@ -56,7 +69,7 @@ class Layout extends React.Component {
           <Link to="/table" onTouchTap={this.toggleNavigation} className="nav-link">
             <MenuItem>Table</MenuItem>
           </Link>
-        </LeftNav>
+        </Drawer>
         <div className="page-content">
           {this.props.children}
         </div>
@@ -65,4 +78,8 @@ class Layout extends React.Component {
   }
 }
 
+Layout.childContextTypes = {
+  muiTheme: React.PropTypes.object.isRequired
+};
+
 export default Layout;

Diff for: src/components/Widget.js

@@ -1,22 +1,21 @@
 import React from 'react';
-import styleResizable from 'material-ui/lib/mixins/style-resizable';
-import spacing from 'material-ui/lib/styles/spacing';
-import transitions from 'material-ui/lib/styles/transitions';
-import typography from 'material-ui/lib/styles/typography';
-import {grey400} from 'material-ui/lib/styles/colors';
-import Paper from 'material-ui/lib/paper';
+import spacing from 'material-ui/styles/spacing';
+import transitions from 'material-ui/styles/transitions';
+import typography from 'material-ui/styles/typography';
+import { grey400 } from 'material-ui/styles/colors';
+import Paper from 'material-ui/Paper';
+import withWidth, { MEDIUM, LARGE } from 'material-ui/utils/withWidth'
 
 const Widget = React.createClass({
 
   propTypes: {
     firstChild: React.PropTypes.bool,
     heading: React.PropTypes.string,
     lastChild: React.PropTypes.bool,
-    content: React.PropTypes.node
+    content: React.PropTypes.node,
+    width: React.PropTypes.number.isRequired
   },
 
-  mixins: [styleResizable],
-
   getDefaultProps() {
     return {
       firstChild: false,
@@ -73,8 +72,7 @@ const Widget = React.createClass({
       }
     };
 
-    if (this.isDeviceSize(styleResizable.statics.Sizes.MEDIUM) ||
-      this.isDeviceSize(styleResizable.statics.Sizes.LARGE)) {
+    if (this.props.width === MEDIUM || this.props.width === LARGE) {
       styles.root = Object.assign(
         styles.root,
         styles.rootWhenMedium,
@@ -119,4 +117,4 @@ const Widget = React.createClass({
 
 });
 
-export default Widget;
+export default withWidth()(Widget);