update material-ui to v3.1.1

Author: spoeck

package-lock.json

@@ -3,32 +3,31 @@
   "version": "0.0.1",
   "private": true,
   "dependencies": {
-    "@material-ui/core": "1.4.1",
-    "@material-ui/icons": "2.0.0",
-    "npm": "^5.7.1",
-    "react": "16.4.0",
-    "react-dom": "16.4.0",
+    "@material-ui/core": "3.1.1",
+    "@material-ui/icons": "3.0.1",
+    "react": "16.5.2",
+    "react-dom": "16.5.2",
     "react-redux": "^5.0.7",
     "react-router": "^4.2.0",
     "react-scripts-ts": "latest",
     "redux": "^3.7.2",
-    "redux-logger": "^3.0.6",
+    "redux-logger": "3.0.6",
     "redux-persist": "^5.5.0",
     "redux-thunk": "^2.2.0"
   },
   "devDependencies": {
     "@types/history": "^4.6.2",
     "@types/jest": "22.1.0",
     "@types/node": "9.4.0",
-    "@types/react": "16.3.16",
-    "@types/react-dom": "16.0.6",
+    "@types/react": "16.4.14",
+    "@types/react-dom": "16.0.7",
     "@types/react-redux": "^5.0.19",
     "@types/react-router": "^4.0.18",
     "@types/redux-logger": "^3.0.5",
     "@types/webpack-env": "^1.13.5",
     "csstype": "^2.4.2",
     "redux-devtools-extension": "^2.13.2",
-    "typescript": "2.8.3"
+    "typescript": "3.0.3"
   },
   "scripts": {
     "start": "react-scripts-ts start",

package.json

@@ -1,5 +1,5 @@
-import { AppBar, Badge, createStyles, Divider, Drawer, Hidden, IconButton, List, ListItem, ListItemIcon, ListItemText, Theme, Toolbar, Typography, WithStyles, withStyles } from '@material-ui/core';
-import withWidth, { WithWidthProps } from '@material-ui/core/withWidth';
+import { AppBar, Badge, createStyles, Divider, Drawer, Hidden, IconButton, List, ListItem, ListItemIcon, ListItemText, Theme, Toolbar, Typography, WithStyles, withStyles, withWidth } from '@material-ui/core';
+import { WithWidth } from '@material-ui/core/withWidth';
 import TodoIcon from '@material-ui/icons/FormatListNumbered';
 import HomeIcon from '@material-ui/icons/Home';
 import MenuIcon from '@material-ui/icons/Menu';
@@ -15,7 +15,7 @@ import { isSmartphone } from './responsive';
 import withRoot from './withRoot';
 
 export namespace App {
-    export interface Props extends RouteComponentProps<void>, WithStyles<typeof styles>, WithWidthProps {
+    export interface Props extends RouteComponentProps<void>, WithStyles<typeof styles>, WithWidth {
         todoList: Todo[];
     }
 
@@ -194,4 +194,4 @@ function mapStateToProps(state: RootState) {
     };
 }
 
-export default (withRoot(withStyles(styles)<{}>(connect(mapStateToProps)(withWidth()(App)))));
+export default withRoot(withStyles(styles)(connect(mapStateToProps)(withWidth()(App))));

src/App.tsx

@@ -68,4 +68,4 @@ const styles = (theme: Theme) => createStyles({
     }
 });
 
-export default withStyles(styles)<TodoDialog.Props>(TodoDialog);
+export default withStyles(styles)(TodoDialog);

src/components/TodoDialog.tsx

@@ -13,10 +13,6 @@ export namespace TodoTable {
 
 class TodoTable extends React.Component<TodoTable.Props> {
 
-    constructor(props?: (TodoTable.Props), context?: any) {
-        super(props as any, context);
-    }
-
     onRowClick(todo: Todo) {
         if (todo.completed) {
             this.props.actions.uncompleteTodo(todo.id);
@@ -80,4 +76,4 @@ const styles = (theme: Theme) => createStyles({
     },
 });
 
-export default withStyles(styles)<TodoTable.Props>(TodoTable);
+export default withStyles(styles)(TodoTable);

src/components/TodoTable.tsx

@@ -39,4 +39,4 @@ function mapStateToProps(state: RootState) {
   };
 }
 
-export default (withStyles(styles)<{}>(connect(mapStateToProps)(HomePage)));
+export default withStyles(styles)(connect(mapStateToProps)(HomePage));

src/pages/HomePage.tsx

@@ -1,5 +1,5 @@
 import { Button, createStyles, Grid, Theme, Typography, WithStyles, withStyles, withWidth } from '@material-ui/core';
-import { WithWidthProps } from '@material-ui/core/withWidth';
+import { WithWidth } from '@material-ui/core/withWidth';
 import * as React from 'react';
 import { connect } from 'react-redux';
 import { RouteComponentProps } from 'react-router';
@@ -12,7 +12,7 @@ import { RootState } from '../reducers/index';
 import { isSmartphone } from '../responsive';
 
 export namespace TodoPage {
-  export interface Props extends RouteComponentProps<void>, WithStyles<typeof styles>, WithWidthProps {
+  export interface Props extends RouteComponentProps<void>, WithStyles<typeof styles>, WithWidth {
     todoList: Todo[];
     actions: typeof TodoActions;
   }
@@ -91,4 +91,4 @@ function mapDispatchToProps(dispatch: any) {
   };
 }
 
-export default (withStyles(styles)<{}>(connect(mapStateToProps, mapDispatchToProps)(withWidth()(TodoPage))));
+export default withStyles(styles)(connect(mapStateToProps, mapDispatchToProps)(withWidth()(TodoPage)));