Skip to content

Commit 75ab318

Browse files
authored
Merge pull request #42 from OrigenStudio/feature/updating-to-mui-v1
updated to Material-UI v1
2 parents 95ae2f3 + 681f6d8 commit 75ab318

File tree

11 files changed

+276
-250
lines changed

11 files changed

+276
-250
lines changed

package-lock.json

Lines changed: 220 additions & 211 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,15 +45,17 @@
4545
"jest": "^21.0.2",
4646
"prettier": "^1.11.1"
4747
},
48+
"peerDependencies": {
49+
"react": "^16.3.0",
50+
"react-dom": "^16.3.0"
51+
},
4852
"dependencies": {
53+
"@material-ui/core": "^1.0.0",
54+
"@material-ui/icons": "^1.0.0",
4955
"classnames": "^2.2.5",
5056
"lodash": "^4.17.4",
51-
"material-ui": "1.0.0-beta.37",
52-
"material-ui-icons": "1.0.0-beta.10",
5357
"prop-types": "^15.5.10",
54-
"react": "^15.6.1 || ^16.0.0",
5558
"react-controllables": "^0.6.0",
56-
"react-dom": "^15.6.1 || ^16.0.0",
5759
"recompose": "^0.26.0"
5860
}
5961
}

src/components/AppBar/AppBar.jsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44

55
import React from 'react';
66
import PropTypes from 'prop-types';
7-
import { withStyles } from 'material-ui/styles';
8-
import MaterialUIAppBar from 'material-ui/AppBar';
7+
import { withStyles } from '@material-ui/core/styles';
8+
import MaterialUIAppBar from '@material-ui/core/AppBar';
99

1010

1111
import styles from './styles';

src/components/Footer/Footer.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
3-
import { withStyles } from 'material-ui/styles';
3+
import { withStyles } from '@material-ui/core/styles';
44

55
import styles from './styles';
66

src/components/Layout/Layout.jsx

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
33
import compose from 'recompose/compose';
4-
import { withStyles } from 'material-ui/styles';
4+
import { withStyles } from '@material-ui/core/styles';
55
import classNames from 'classnames';
6-
import Drawer from 'material-ui/Drawer';
7-
import withWidth, { isWidthDown } from 'material-ui/utils/withWidth';
6+
import Drawer from '@material-ui/core/Drawer';
7+
import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
88
import controllable from 'react-controllables';
99

1010
import styles from './styles';
@@ -122,8 +122,10 @@ class Layout extends React.PureComponent {
122122
(rightDrawerOpen && rightDrawerType === 'persistent'));
123123

124124
const mainClassnames = classNames(classes.main, {
125-
[`${classes.mainFixedAppBar}`]: appBarPosition === 'fixed' && !usingTwoRowAppBar,
126-
[`${classes.mainFixedTwoRowAppBar}`]: appBarPosition === 'fixed' && usingTwoRowAppBar,
125+
[`${classes.mainFixedAppBar}`]:
126+
appBarPosition === 'fixed' && !usingTwoRowAppBar,
127+
[`${classes.mainFixedTwoRowAppBar}`]:
128+
appBarPosition === 'fixed' && usingTwoRowAppBar,
127129
[`${classes.mainGrow}`]: mainGrow && !usingTwoRowAppBar,
128130
[`${classes.mainGrowTwoRowAppBar}`]: mainGrow && usingTwoRowAppBar,
129131
[`${classes.mainStickyFooter}`]: stickyFooter,
@@ -162,14 +164,18 @@ class Layout extends React.PureComponent {
162164
const drawerHeaderClassnames = classNames({
163165
[`${classes.drawerHeader}`]: !usingTwoRowAppBar,
164166
[`${classes.drawerHeaderTwoRowAppBar}`]: usingTwoRowAppBar,
165-
})
167+
});
166168

167169
// FIXME find a better way to inject the closeDrawer prop
168170
const leftDrawerContentWithProps = leftDrawerContent
169-
? React.cloneElement(leftDrawerContent, { closeDrawer: this.handleLeftDrawerClose })
171+
? React.cloneElement(leftDrawerContent, {
172+
closeDrawer: this.handleLeftDrawerClose,
173+
})
170174
: leftDrawerContent;
171175
const rightDrawerContentWithProps = rightDrawerContent
172-
? React.cloneElement(rightDrawerContent, { closeDrawer: this.handleRightDrawerClose })
176+
? React.cloneElement(rightDrawerContent, {
177+
closeDrawer: this.handleRightDrawerClose,
178+
})
173179
: rightDrawerContent;
174180

175181
return (

src/templates/AppBar/BasicAppBar/BasicAppBar.jsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
import _ from 'lodash';
22
import React from 'react';
33
import PropTypes from 'prop-types';
4-
import IconButton from 'material-ui/IconButton';
5-
import Button from 'material-ui/Button';
6-
import Toolbar from 'material-ui/Toolbar';
7-
import Typography from 'material-ui/Typography';
8-
import MenuIcon from 'material-ui-icons/Menu';
9-
import Hidden from 'material-ui/Hidden';
10-
import { withStyles } from 'material-ui/styles';
11-
import withWidth, { isWidthDown } from 'material-ui/utils/withWidth';
4+
import IconButton from '@material-ui/core/IconButton';
5+
import Button from '@material-ui/core/Button';
6+
import Toolbar from '@material-ui/core/Toolbar';
7+
import Typography from '@material-ui/core/Typography';
8+
import MenuIcon from '@material-ui/icons/Menu';
9+
import Hidden from '@material-ui/core/Hidden';
10+
import { withStyles } from '@material-ui/core/styles';
11+
import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
1212
import compose from 'recompose/compose';
1313

1414
import styles from './styles';

src/templates/AppBar/TwoRowsAppBar/TwoRowsAppBar.jsx

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React, { PureComponent } from 'react';
22
import PropTypes from 'prop-types';
3-
import Toolbar from 'material-ui/Toolbar';
4-
import Grid from 'material-ui/Grid';
5-
import { withStyles } from 'material-ui/styles';
6-
import withWidth, { isWidthDown } from 'material-ui/utils/withWidth';
3+
import Toolbar from '@material-ui/core/Toolbar';
4+
import Grid from '@material-ui/core/Grid';
5+
import { withStyles } from '@material-ui/core/styles';
6+
import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
77
import classNames from 'classnames';
88
import compose from 'recompose/compose';
99

@@ -62,11 +62,17 @@ class TwoRowsAppBar extends PureComponent {
6262

6363
return (
6464
<Toolbar>
65-
<Grid container direction="column" className={classes.wrapper}>
65+
<Grid
66+
container
67+
direction="column"
68+
className={classes.wrapper}
69+
spacing={16}
70+
>
6671
<Grid
6772
container
6873
className={classNames(classes.row, classes.topRow)}
6974
justify={'space-between'}
75+
spacing={16}
7076
>
7177
<Grid
7278
item
@@ -108,6 +114,7 @@ class TwoRowsAppBar extends PureComponent {
108114
container
109115
className={classNames(classes.row, classes.bottomRow)}
110116
justify={'space-between'}
117+
spacing={16}
111118
>
112119
<Grid
113120
item

src/templates/Drawer/BasicDrawer/BasicDrawer.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
3-
import { withStyles } from 'material-ui/styles';
3+
import { withStyles } from '@material-ui/core/styles';
44

55
import DrawerItemsList from '../DrawerItemsList';
66

src/templates/Drawer/DrawerItemsList/DrawerItemsList.jsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import map from 'lodash/map';
22
import React from 'react';
33
import PropTypes from 'prop-types';
4-
import { withStyles } from 'material-ui/styles';
5-
import List, { ListItem, ListItemIcon, ListItemText } from 'material-ui/List';
6-
import Icon from 'material-ui/Icon';
4+
import { withStyles } from '@material-ui/core/styles';
5+
import List, { ListItem, ListItemIcon, ListItemText } from '@material-ui/core/List';
6+
import Icon from '@material-ui/core/Icon';
77

88
import styles from './styles';
99

src/templates/Drawer/StandardDrawer/StandardDrawer.jsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
3-
import { withStyles } from 'material-ui/styles';
4-
import Divider from 'material-ui/Divider';
3+
import { withStyles } from '@material-ui/core/styles';
4+
import Divider from '@material-ui/core/Divider';
55

66
import DrawerItemsList from '../DrawerItemsList';
77

0 commit comments

Comments
 (0)