style fixes for material 0.15

Author: ShMcK

lib/components/menu/menu.js

@@ -24,6 +24,7 @@ var icon_button_1 = require('material-ui/lib/icon-button');
 var icon_menu_1 = require('material-ui/lib/menus/icon-menu');
 var more_vert_1 = require('material-ui/lib/svg-icons/navigation/more-vert');
 var menu_item_1 = require('material-ui/lib/menus/menu-item');
+var divider_1 = require('material-ui/lib/divider');
 var origin = { horizontal: 'right', vertical: 'top' };
 var default_1 = (function (_super) {
     __extends(default_1, _super);
@@ -57,7 +58,7 @@ var default_1 = (function (_super) {
     };
     default_1.prototype.render = function () {
         var quit = this.props.quit;
-        return React.createElement(app_bar_1.default, {title: 'CodeRoad', className: 'cr-menu-bar', iconElementRight: React.createElement(icon_menu_1.default, {iconButtonElement: React.createElement(icon_button_1.default, null, React.createElement(more_vert_1.default, null)), targetOrigin: origin, anchorOrigin: origin}, this.menuOptions(), window.coderoad.issuesPath ? React.createElement(menu_item_1.default, {key: 'issue', className: 'link'}, React.createElement("a", {href: window.coderoad.issuesPath}, "post issue")) : null)});
+        return React.createElement(app_bar_1.default, {title: 'CodeRoad', className: 'cr-menu-bar', iconElementRight: React.createElement(icon_menu_1.default, {iconButtonElement: React.createElement(icon_button_1.default, null, React.createElement(more_vert_1.default, null)), targetOrigin: origin, anchorOrigin: origin}, this.menuOptions(), window.coderoad.issuesPath ? React.createElement(menu_item_1.default, {key: 'issue', className: 'link'}, React.createElement("a", {href: window.coderoad.issuesPath}, "post issue")) : null, React.createElement(divider_1.default, null), React.createElement(menu_item_1.default, {key: 'quit', onClick: quit}, "quit"))});
     };
     default_1 = __decorate([
         react_redux_1.connect(null, function (dispatch) {

lib/components/page/toolbar.js

@@ -41,7 +41,7 @@ var default_1 = (function (_super) {
         var progress = taskProgress(taskPosition, tasks.length);
         return (React.createElement("section", {className: 'cr-page-toolbar'}, React.createElement(ProgressBar, {progress: progress}), React.createElement(toolbar_1.default, null, React.createElement(toolbar_group_1.default, {float: 'left'}, React.createElement(flat_button_1.default, {icon: React.createElement(code_1.default, null), onTouchTap: actions_1.toggleDevTools})), React.createElement(toolbar_group_1.default, {float: 'right'}, taskPosition >= tasks.length ?
             React.createElement(raised_button_1.default, {label: 'Continue', primary: true, onTouchTap: callNextPage}) :
-            React.createElement(raised_button_1.default, {label: 'Save', secondary: true, onTouchTap: editor_1.save})))));
+            React.createElement(flat_button_1.default, {label: 'Save', secondary: true, onTouchTap: editor_1.save})))));
     };
     default_1 = __decorate([
         react_redux_1.connect(null, function (dispatch, state) {

lib/components/progress/progress.js

@@ -89,7 +89,7 @@ exports.default = function (_a) {
         return React.createElement(list_item_1.default, {key: 'c' + chapterIndex, className: classnames({
             'chapter': true,
             'isActive': isActive
-        }), initiallyOpen: chapterIndex === 0, leftIcon: chapter.completed ? React.createElement(AllCompleted, null) : null, primaryTogglesNestedList: chapterIndex === position.chapter && !chapter.completed, nestedItems: chapter.pages.map(function (page, pageIndex) {
+        }), initiallyOpen: chapterIndex === 0, leftIcon: chapter.completed ? React.createElement(check_box_1.default, null) : null, primaryTogglesNestedList: chapterIndex === position.chapter && !chapter.completed, nestedItems: chapter.pages.map(function (page, pageIndex) {
             var itemPosition = { chapter: chapterIndex, page: pageIndex };
             return React.createElement(ProgressPage, {key: 'c' + chapterIndex + 'p' + pageIndex, page: page, itemPosition: itemPosition, position: position});
         })}, React.createElement("h3", null, chapterIndex + 1, ". ", chapter.title), React.createElement("span", {className: 'chapter-description'}, React.createElement(_components_1.MarkdownText, {text: chapter.description})));

lib/components/start/tutorials.js

@@ -14,7 +14,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 var React = require('react');
-var raised_button_1 = require('material-ui/lib/raised-button');
+var flat_button_1 = require('material-ui/lib/flat-button');
 var table_1 = require('material-ui/lib/table/table');
 var table_header_column_1 = require('material-ui/lib/table/table-header-column');
 var table_row_1 = require('material-ui/lib/table/table-row');
@@ -41,8 +41,8 @@ var default_1 = (function (_super) {
         var _this = this;
         var _a = this.props, tutorials = _a.tutorials, loadTutorials = _a.loadTutorials, selectProject = _a.selectProject, toggleAlert = _a.toggleAlert;
         return (React.createElement("div", {className: 'cr-tutorials'}, React.createElement(table_1.default, null, React.createElement(table_header_1.default, {displaySelectAll: false, adjustForCheckbox: false}, React.createElement(table_row_1.default, null, React.createElement(table_header_column_1.default, null, "Tutorial"), React.createElement(table_header_column_1.default, null, "Version"))), React.createElement(table_body_1.default, {displayRowCheckbox: false}, tutorials.map(function (tutorial, index) {
-            return (React.createElement(table_row_1.default, null, React.createElement(table_row_column_1.default, {onClick: selectProject.bind(_this, tutorial)}, _this.trim(tutorial)), React.createElement(table_row_column_1.default, null, "v1.0.0"), "/>"));
-        }))), React.createElement("br", null), React.createElement(raised_button_1.default, {label: 'Load Tutorials', secondary: true, onTouchTap: loadTutorials})));
+            return (React.createElement(table_row_1.default, null, React.createElement(table_row_column_1.default, null, React.createElement(flat_button_1.default, {label: _this.trim(tutorial), primary: true, onTouchTap: selectProject.bind(_this, tutorial)})), React.createElement(table_row_column_1.default, null, "v1.0.0"), "/>"));
+        }))), React.createElement("br", null), React.createElement(flat_button_1.default, {label: 'Check for Tutorials', secondary: true, onTouchTap: loadTutorials})));
     };
     default_1 = __decorate([
         react_redux_1.connect(null, function (dispatch) {

package.json

@@ -40,13 +40,13 @@
   "dependencies": {
     "classnames": "2.2.3",
     "highlights": "1.3.1",
-    "lodash": "4.9.0",
+    "lodash": "4.10.0",
     "marked": "0.3.5",
     "material-ui": "0.15.0-alpha.2",
     "react": "15.0.1",
     "react-dom": "15.0.1",
     "react-redux": "4.4.2",
-    "react-tap-event-plugin": "git+https://github.com/zilverline/react-tap-event-plugin.git",
+    "react-tap-event-plugin": "1.0.0",
     "redux": "3.4.0"
   },
   "scripts": {

src/components/menu/menu.tsx

@@ -10,6 +10,7 @@ import NavigationClose from 'material-ui/lib/svg-icons/navigation/close';
 import IconMenu from 'material-ui/lib/menus/icon-menu';
 import MoreVertIcon from 'material-ui/lib/svg-icons/navigation/more-vert';
 import MenuItem from 'material-ui/lib/menus/menu-item';
+import Divider from 'material-ui/lib/divider';
 
 const origin = {horizontal: 'right', vertical: 'top'};
 
@@ -80,6 +81,8 @@ export default class extends React.Component<{
                       post issue
                       </a>
                   </MenuItem> : null}
+                  <Divider />
+                  <MenuItem key='quit' onClick={quit}>quit</MenuItem>
                 </IconMenu>
     } />;
   }

src/components/page/toolbar.tsx

@@ -45,7 +45,7 @@ export default class extends React.Component<{
       <ToolbarGroup float='right'>
         {taskPosition >= tasks.length ?
           <RaisedButton label='Continue' primary={true} onTouchTap={callNextPage} /> :
-          <RaisedButton label='Save' secondary={true} onTouchTap={save} />
+          <FlatButton label='Save' secondary={true} onTouchTap={save} />
         }
       </ToolbarGroup>
 

src/components/progress/progress.tsx

@@ -82,7 +82,7 @@ export default ({progress, position}) => (
             'isActive': isActive
           })}
           initiallyOpen={chapterIndex === 0}
-          leftIcon={chapter.completed ? <AllCompleted /> : null}
+          leftIcon={chapter.completed ? <CheckBox /> : null}
           primaryTogglesNestedList={chapterIndex === position.chapter && !chapter.completed}
           nestedItems={chapter.pages.map((page: CR.Page, pageIndex: number) => {
             const itemPosition = {chapter: chapterIndex, page: pageIndex};

src/components/start/tutorials.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import RaisedButton from 'material-ui/lib/raised-button';
+import FlatButton from 'material-ui/lib/flat-button';
 import Table from 'material-ui/lib/table/table';
 import TableHeaderColumn from 'material-ui/lib/table/table-header-column';
 import TableRow from 'material-ui/lib/table/table-row';
@@ -55,7 +55,9 @@ export default class extends React.Component<{
         {tutorials.map((tutorial: string, index) => {
         return (
           <TableRow>
-            <TableRowColumn onClick={selectProject.bind(this, tutorial)}>{this.trim(tutorial)}</TableRowColumn>
+            <TableRowColumn>
+            <FlatButton label={this.trim(tutorial)} primary={true} onTouchTap={selectProject.bind(this, tutorial)} />
+            </TableRowColumn>
             <TableRowColumn>v1.0.0</TableRowColumn>
             />
           </TableRow>
@@ -66,7 +68,7 @@ export default class extends React.Component<{
     </Table>
 
     <br />
-    <RaisedButton label='Load Tutorials' secondary={true} onTouchTap={loadTutorials} />
+    <FlatButton label='Check for Tutorials' secondary={true} onTouchTap={loadTutorials} />
   </div>
     );
   }