refactor jsx based on AirBnB style guide

Author: ShMcK

lib/components/AppMenu/MenuLink.js

@@ -24,7 +24,7 @@ var MenuLink = (function (_super) {
     }
     MenuLink.prototype.render = function () {
         var _a = this.props, route = _a.route, title = _a.title, routeTo = _a.routeTo;
-        return React.createElement(MenuItem_1.default, {primaryText: title ? title : route, onTouchTap: routeTo.bind(this, route), key: route});
+        return (React.createElement(MenuItem_1.default, {primaryText: title ? title : route, onTouchTap: routeTo.bind(this, route), key: route}));
     };
     MenuLink = __decorate([
         react_redux_1.connect(null, function (dispatch) {

lib/components/AppMenu/index.js

@@ -40,7 +40,7 @@ var AppMenu = (function (_super) {
             case 'page':
                 return React.createElement(MenuLink_1.MenuLink, {route: 'progress'});
             case 'progress':
-                return React.createElement(MenuItem_1.default, {onTouchTap: routeToPage, primaryText: 'page', key: 'page'});
+                return (React.createElement(MenuItem_1.default, {onTouchTap: routeToPage, primaryText: 'page', key: 'page'}));
             default: return null;
         }
     };
@@ -59,9 +59,9 @@ var AppMenu = (function (_super) {
     };
     AppMenu.prototype.render = function () {
         var quit = this.props.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
+        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"))});
+            : null, React.createElement(Divider_1.default, null), React.createElement(MenuItem_1.default, {key: 'quit', onClick: quit}, "quit"))}));
     };
     AppMenu = __decorate([
         react_redux_1.connect(null, function (dispatch) {

lib/components/FinalPage/index.js

@@ -7,6 +7,6 @@ exports.EditPage = function (_a) {
     var editPath = _a.editPath;
     if (editPath && window.coderoad.edit) {
         var repoPath = path.join(window.coderoad.repo, 'edit', 'master', editPath);
-        return React.createElement("a", {href: repoPath}, React.createElement(mode_edit_1.default, {style: editStyle}));
+        return (React.createElement("a", {href: repoPath}, React.createElement(mode_edit_1.default, {style: editStyle})));
     }
 };

lib/components/Page/EditPage.js

@@ -4,7 +4,7 @@ var List_1 = require('material-ui/List');
 var index_1 = require('../../index');
 exports.PageCompleteMessage = function (_a) {
     var page = _a.page;
-    return (React.createElement("div", {className: 'cr-page-onComplete'}, page.completed && page.onPageComplete ?
-        React.createElement(List_1.ListItem, {key: 'page-complete'}, React.createElement(index_1.Markdown, null, page.onPageComplete))
+    return (React.createElement("div", {className: 'cr-page-onComplete'}, page.completed && page.onPageComplete
+        ? React.createElement(List_1.ListItem, {key: 'page-complete'}, React.createElement(index_1.Markdown, null, page.onPageComplete))
         : null));
 };

lib/components/Page/PageComplete/index.js

@@ -23,7 +23,7 @@ var Continue = (function (_super) {
         _super.apply(this, arguments);
     }
     Continue.prototype.render = function () {
-        return React.createElement(FlatButton_1.default, {label: 'Continue', primary: true, onTouchTap: this.props.callNextPage});
+        return (React.createElement(FlatButton_1.default, {label: 'Continue', primary: true, onTouchTap: this.props.callNextPage}));
     };
     Continue = __decorate([
         react_redux_1.connect(null, function (dispatch, state) {

lib/components/Page/PageToolbar/Continue.js

@@ -4,5 +4,5 @@ var LinearProgress_1 = require('material-ui/LinearProgress');
 exports.ProgressBar = function (_a) {
     var taskPosition = _a.taskPosition, taskCount = _a.taskCount;
     var progress = (taskPosition / taskCount) * 100;
-    return React.createElement(LinearProgress_1.default, {mode: 'determinate', value: progress, style: { height: '10px' }});
+    return (React.createElement(LinearProgress_1.default, {mode: 'determinate', value: progress, style: { height: '10px' }}));
 };

lib/components/Page/ProgressBar.js

@@ -26,9 +26,9 @@ var HintButton = (function (_super) {
         var _a = this.props, hintPosition = _a.hintPosition, hintsLength = _a.hintsLength, label = _a.label, type = _a.type, hintSet = _a.hintSet;
         switch (type) {
             case 'next':
-                return React.createElement(FlatButton_1.default, {label: label, disabled: hintPosition > hintsLength - 2, onTouchTap: hintSet.bind(this, hintPosition + 1)});
+                return (React.createElement(FlatButton_1.default, {label: label, disabled: hintPosition > hintsLength - 2, onTouchTap: hintSet.bind(this, hintPosition + 1)}));
             case 'prev':
-                return React.createElement(FlatButton_1.default, {label: label, disabled: hintPosition === 0, onTouchTap: hintSet.bind(this, hintPosition - 1)});
+                return (React.createElement(FlatButton_1.default, {label: label, disabled: hintPosition === 0, onTouchTap: hintSet.bind(this, hintPosition - 1)}));
         }
     };
     HintButton = __decorate([

lib/components/Page/hints/HintButton.js

@@ -11,5 +11,5 @@ exports.Hints = function (_a) {
         return null;
     }
     var hint = hints[hintPosition];
-    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(index_1.Markdown, null, hint)), React.createElement(Card_1.CardActions, {expandable: true, className: 'cr-task-hints-actions'}, React.createElement(HintButton_1.HintButton, {label: 'Previous', hintPosition: hintPosition, hintsLength: hints.length, type: 'prev'}), React.createElement(HintButton_1.HintButton, {label: 'Next', hintPosition: hintPosition, hintsLength: hints.length, type: 'next'}))));
+    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(index_1.Markdown, null, hint)), React.createElement(Card_1.CardActions, {expandable: true, className: 'cr-task-hints-actions'}, React.createElement(HintButton_1.HintButton, {type: 'prev', label: 'Previous', hintPosition: hintPosition, hintsLength: hints.length}), React.createElement(HintButton_1.HintButton, {type: 'next', label: 'Next', hintPosition: hintPosition, hintsLength: hints.length}))));
 };

lib/components/Page/hints/index.js

@@ -1,4 +1,13 @@
 "use strict";
+var __assign = (this && this.__assign) || Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+            t[p] = s[p];
+    }
+    return t;
+};
+var _this = this;
 var React = require('react');
 var List_1 = require('material-ui/List');
 var Card_1 = require('material-ui/Card');
@@ -10,5 +19,5 @@ function visibleTasks(tasks, taskPosition) {
 exports.Tasks = function (_a) {
     var tasks = _a.tasks, taskPosition = _a.taskPosition, testRun = _a.testRun;
     var visTasks = visibleTasks(tasks, taskPosition);
-    return React.createElement(Card_1.Card, {className: 'cr-tasks'}, React.createElement(List_1.List, null, React.createElement(Subheader_1.default, null, "Tasks"), visTasks.map(function (task, index) { return React.createElement(Task_1.Task, {key: index, index: index, task: task, taskPosition: taskPosition, testRun: testRun}); })));
+    return (React.createElement(Card_1.Card, {className: 'cr-tasks'}, React.createElement(List_1.List, null, React.createElement(Subheader_1.default, null, "Tasks"), visTasks.map(function (task, index) { return (React.createElement(Task_1.Task, __assign({key: index, index: index, task: task}, _this.props))); }))));
 };