update module paths for material-ui@beta.

Author: ShMcK

lib/components/alert/alert.js

@@ -16,7 +16,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var Action = require('../../actions/actions');
-var snackbar_1 = require('material-ui/lib/snackbar');
+var snackbar_1 = require('material-ui/snackbar');
 var classNames = require('classnames');
 var defaultAlert = {
     open: false,

lib/components/app.js

@@ -16,6 +16,8 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var _components_1 = require('./_components');
+var theme_1 = require('./theme/theme');
+var MuiThemeProvider_1 = require('material-ui/styles/MuiThemeProvider');
 var height = atom.getSize().height;
 window.onresize = function () {
     height = atom.getSize().height;
@@ -27,7 +29,7 @@ var default_1 = (function (_super) {
     }
     default_1.prototype.render = function () {
         var state = this.props.state;
-        return (React.createElement("section", {className: 'cr', key: 'main', style: { height: height }}, React.createElement(_components_1.Menu, {route: state.route, position: state.position}), React.createElement(_components_1.Routes, {state: state, ref: 'route'}), React.createElement(_components_1.Alert, {alert: state.alert})));
+        return (React.createElement(MuiThemeProvider_1.default, {muiTheme: theme_1.muiTheme}, React.createElement("section", {className: 'cr', key: 'main', style: { height: height }}, React.createElement(_components_1.Menu, {route: state.route, position: state.position}), React.createElement(_components_1.Routes, {state: state, ref: 'route'}), React.createElement(_components_1.Alert, {alert: state.alert}))));
     };
     default_1 = __decorate([
         react_redux_1.connect(function (state) {

lib/components/final-page/final-page.js

@@ -19,13 +19,13 @@ var react_redux_1 = require('react-redux');
 var Action = require('../../actions/actions');
 var render_1 = require('../render');
 var subscriptions_1 = require('../../atom/subscriptions');
-var app_bar_1 = require('material-ui/lib/app-bar');
-var icon_button_1 = require('material-ui/lib/icon-button');
-var close_1 = require('material-ui/lib/svg-icons/navigation/close');
-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 AppBar_1 = require('material-ui/AppBar');
+var IconButton_1 = require('material-ui/IconButton');
+var IconMenu_1 = require('material-ui/IconMenu');
+var MenuItem_1 = require('material-ui/MenuItem');
+var Divider_1 = require('material-ui/Divider');
+var more_vert_1 = require('material-ui/svg-icons/navigation/more-vert');
+var close_1 = require('material-ui/svg-icons/navigation/close');
 var origin = { horizontal: 'right', vertical: 'top' };
 var default_1 = (function (_super) {
     __extends(default_1, _super);
@@ -48,9 +48,9 @@ var default_1 = (function (_super) {
         switch (this.props.route) {
             case 'final':
             case 'page':
-                return (React.createElement("div", null, React.createElement(menu_item_1.default, {primaryText: 'progress', onTouchTap: routeToProgress, key: 'progress'}), React.createElement(menu_item_1.default, {primaryText: 'tutorials', onTouchTap: routeToTutorials, key: 'projects'})));
+                return (React.createElement("div", null, React.createElement(MenuItem_1.default, {primaryText: 'progress', onTouchTap: routeToProgress, key: 'progress'}), React.createElement(MenuItem_1.default, {primaryText: 'tutorials', onTouchTap: routeToTutorials, key: 'projects'})));
             case 'progress':
-                return React.createElement(menu_item_1.default, {primaryText: 'tutorials', onTouchTap: routeToTutorials, key: 'projects'});
+                return React.createElement(MenuItem_1.default, {primaryText: 'tutorials', onTouchTap: routeToTutorials, key: 'projects'});
             default: return null;
         }
     };
@@ -59,9 +59,9 @@ 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', iconElementLeft: React.createElement(icon_button_1.default, {onClick: this.closePanel}, React.createElement(close_1.default, null)), 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"))});
+        return React.createElement(AppBar_1.default, {title: 'CodeRoad', className: 'cr-menu-bar', iconElementLeft: React.createElement(IconButton_1.default, {onClick: this.closePanel}, React.createElement(close_1.default, null)), iconElementRight: React.createElement(IconMenu_1.default, {iconButtonElement: React.createElement(IconButton_1.default, null, React.createElement(more_vert_1.default, null)), targetOrigin: origin, anchorOrigin: origin}, this.menuOptions(), window.coderoad.issuesPath
+            ? React.createElement(MenuItem_1.default, {key: 'issue', className: 'link'}, React.createElement("a", {href: window.coderoad.issuesPath}, "post issue"))
+            : null, React.createElement(Divider_1.default, null), React.createElement(MenuItem_1.default, {key: 'quit', onClick: quit}, "quit"))});
     };
     default_1 = __decorate([
         react_redux_1.connect(null, function (dispatch) {

lib/components/menu/menu.js

@@ -1,10 +1,10 @@
 "use strict";
 var React = require('react');
-var list_item_1 = require('material-ui/lib/lists/list-item');
+var List_1 = require('material-ui/List');
 var _components_1 = require('../../_components');
 exports.PageCompleteMessage = function (_a) {
     var page = _a.page;
     return (React.createElement("div", {className: 'cr-page-onComplete'}, page.completed && page.onPageComplete ?
-        React.createElement(list_item_1.default, {key: 'page-complete'}, React.createElement(_components_1.Markdown, null, page.onPageComplete))
+        React.createElement(List_1.ListItem, {key: 'page-complete'}, React.createElement(_components_1.Markdown, null, page.onPageComplete))
         : null));
 };

lib/components/page/complete/page-complete.js

@@ -1,10 +1,8 @@
 "use strict";
 var React = require('react');
 var _components_1 = require('../_components');
-var card_1 = require('material-ui/lib/card/card');
-var card_header_1 = require('material-ui/lib/card/card-header');
-var card_text_1 = require('material-ui/lib/card/card-text');
+var Card_1 = require('material-ui/Card');
 exports.PageContent = function (_a) {
     var page = _a.page;
-    return (React.createElement(card_1.default, null, React.createElement(card_header_1.default, {title: page.title}), React.createElement(card_text_1.default, null, React.createElement(_components_1.Markdown, null, page.description))));
+    return (React.createElement(Card_1.Card, null, React.createElement(Card_1.CardHeader, {title: page.title}), React.createElement(Card_1.CardText, null, React.createElement(_components_1.Markdown, null, page.description))));
 };

lib/components/page/content.js

@@ -1,7 +1,7 @@
 "use strict";
 var React = require('react');
 var path = require('path');
-var mode_edit_1 = require('material-ui/lib/svg-icons/editor/mode-edit');
+var mode_edit_1 = require('material-ui/svg-icons/editor/mode-edit');
 var editStyle = { position: 'absolute', top: '10px', right: '10px' };
 exports.Edit = function (_a) {
     var editPath = _a.editPath;

lib/components/page/edit.js

@@ -16,13 +16,10 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var Action = require('../../../actions/actions');
-var card_1 = require('material-ui/lib/card/card');
-var card_actions_1 = require('material-ui/lib/card/card-actions');
-var card_header_1 = require('material-ui/lib/card/card-header');
-var card_text_1 = require('material-ui/lib/card/card-text');
-var flat_button_1 = require('material-ui/lib/flat-button');
+var Card_1 = require('material-ui/Card');
+var FlatButton_1 = require('material-ui/FlatButton');
 var _components_1 = require('../../_components');
-var help_1 = require('material-ui/lib/svg-icons/action/help');
+var help_1 = require('material-ui/svg-icons/action/help');
 var default_1 = (function (_super) {
     __extends(default_1, _super);
     function default_1() {
@@ -35,7 +32,7 @@ var default_1 = (function (_super) {
             return React.createElement("div", null);
         }
         var hint = hints[hintPosition];
-        return (React.createElement(card_1.default, {className: 'cr-task-hints'}, React.createElement(card_header_1.default, {title: 'Hints', avatar: React.createElement(help_1.default, null), actAsExpander: true, showExpandableButton: true}), React.createElement(card_text_1.default, {className: 'cr-task-hint', expandable: true}, React.createElement(_components_1.Markdown, null, hint)), React.createElement(card_actions_1.default, {expandable: true}, React.createElement(flat_button_1.default, {label: 'Previous', disabled: hintPosition < 1, onTouchTap: prevHint.bind(this, hintPosition - 1)}), React.createElement(flat_button_1.default, {label: 'Next', disabled: hintPosition > hints.length - 2, onTouchTap: nextHint.bind(this, hintPosition + 1)}))));
+        return (React.createElement(Card_1.Card, {className: 'cr-task-hints'}, React.createElement(Card_1.CardHeader, {title: 'Hints', avatar: React.createElement(help_1.default, null), actAsExpander: true, showExpandableButton: true}), React.createElement(Card_1.CardText, {className: 'cr-task-hint', expandable: true}, React.createElement(_components_1.Markdown, null, hint)), React.createElement(Card_1.CardActions, {expandable: true}, React.createElement(FlatButton_1.default, {label: 'Previous', disabled: hintPosition < 1, onTouchTap: prevHint.bind(this, hintPosition - 1)}), React.createElement(FlatButton_1.default, {label: 'Next', disabled: hintPosition > hints.length - 2, onTouchTap: nextHint.bind(this, hintPosition + 1)}))));
     };
     default_1 = __decorate([
         react_redux_1.connect(null, function (dispatch, state) {

lib/components/page/hint/hint.js

@@ -6,8 +6,8 @@ var __extends = (this && this.__extends) || function (d, b) {
 };
 var React = require('react');
 var ReactDOM = require('react-dom');
-var paper_1 = require('material-ui/lib/paper');
-var divider_1 = require('material-ui/lib/divider');
+var Paper_1 = require('material-ui/Paper');
+var Divider_1 = require('material-ui/Divider');
 var content_1 = require('./content');
 var task_1 = require('./task/task');
 var hint_1 = require('./hint/hint');
@@ -29,7 +29,7 @@ var default_1 = (function (_super) {
         var _a = this.props, page = _a.page, taskPosition = _a.taskPosition, hintPosition = _a.hintPosition, tasks = _a.tasks, runTests = _a.runTests;
         var currentTask = taskPosition <= tasks.length ? tasks[taskPosition] : null;
         var allComplete = taskPosition >= tasks.length;
-        return (React.createElement(paper_1.default, {style: pageStyle, zDepth: 1, className: 'cr-page', ref: 'page'}, React.createElement(content_1.PageContent, {page: page}), React.createElement(divider_1.default, null), React.createElement(task_1.Tasks, {tasks: tasks, taskPosition: taskPosition, runTests: runTests}), React.createElement("div", {className: 'listEnd', ref: 'listEnd'}), React.createElement(hint_1.default, {task: currentTask, hintPosition: hintPosition}), React.createElement(page_complete_1.PageCompleteMessage, {page: page}), React.createElement(toolbar_1.default, {tasks: tasks, taskPosition: taskPosition})));
+        return (React.createElement(Paper_1.default, {style: pageStyle, zDepth: 1, className: 'cr-page', ref: 'page'}, React.createElement(content_1.PageContent, {page: page}), React.createElement(Divider_1.default, null), React.createElement(task_1.Tasks, {tasks: tasks, taskPosition: taskPosition, runTests: runTests}), React.createElement("div", {className: 'listEnd', ref: 'listEnd'}), React.createElement(hint_1.default, {task: currentTask, hintPosition: hintPosition}), React.createElement(page_complete_1.PageCompleteMessage, {page: page}), React.createElement(toolbar_1.default, {tasks: tasks, taskPosition: taskPosition})));
     };
     return default_1;
 }(React.Component));

lib/components/page/page.js

@@ -1,13 +1,12 @@
 "use strict";
 var React = require('react');
 var _components_1 = require('../../_components');
-var list_1 = require('material-ui/lib/lists/list');
-var list_item_1 = require('material-ui/lib/lists/list-item');
-var Subheader_1 = require('material-ui/lib/Subheader');
-var colors_1 = require('material-ui/lib/styles/colors');
-var check_box_1 = require('material-ui/lib/svg-icons/toggle/check-box');
-var check_box_outline_blank_1 = require('material-ui/lib/svg-icons/toggle/check-box-outline-blank');
-var indeterminate_check_box_1 = require('material-ui/lib/svg-icons/toggle/indeterminate-check-box');
+var List_1 = require('material-ui/List');
+var Subheader_1 = require('material-ui/Subheader');
+var colors_1 = require('material-ui/styles/colors');
+var check_box_1 = require('material-ui/svg-icons/toggle/check-box');
+var check_box_outline_blank_1 = require('material-ui/svg-icons/toggle/check-box-outline-blank');
+var indeterminate_check_box_1 = require('material-ui/svg-icons/toggle/indeterminate-check-box');
 function visibleTasks(tasks, taskPosition) {
     return tasks.slice(0, taskPosition + 1);
 }
@@ -36,10 +35,10 @@ var TaskContent = function (_a) {
 exports.Task = function (_a) {
     var task = _a.task, taskPosition = _a.taskPosition, index = _a.index, runTests = _a.runTests;
     var isCompleted = index < taskPosition;
-    return (React.createElement(list_item_1.default, {key: index, className: 'cr-task', style: { backgroundColor: isCompleted ? '#c8e6c9' : 'inherit' }}, React.createElement(TaskCheckbox, {index: index, taskPosition: taskPosition, runTests: runTests}), React.createElement(TaskIndex, {index: index}), React.createElement(TaskContent, {task: task})));
+    return (React.createElement(List_1.ListItem, {key: index, className: 'cr-task', style: { backgroundColor: isCompleted ? '#c8e6c9' : 'inherit' }}, React.createElement(TaskCheckbox, {index: index, taskPosition: taskPosition, runTests: runTests}), React.createElement(TaskIndex, {index: index}), React.createElement(TaskContent, {task: task})));
 };
 exports.Tasks = function (_a) {
     var tasks = _a.tasks, taskPosition = _a.taskPosition, runTests = _a.runTests;
     var visTasks = visibleTasks(tasks, taskPosition);
-    return React.createElement(list_1.default, {className: 'cr-tasks'}, React.createElement(Subheader_1.default, null, "Tasks"), visTasks.map(function (task, index) { return React.createElement(exports.Task, {key: index, task: task, taskPosition: taskPosition, index: index, runTests: runTests}); }));
+    return React.createElement(List_1.List, {className: 'cr-tasks'}, React.createElement(Subheader_1.default, null, "Tasks"), visTasks.map(function (task, index) { return React.createElement(exports.Task, {key: index, task: task, taskPosition: taskPosition, index: index, runTests: runTests}); }));
 };