add tab index

Author: ShMcK

lib/components/TutorialConfig/index.js

@@ -73,19 +73,19 @@ var TutorialConfig = (function (_super) {
             React.createElement("form", {onSubmit: handleSubmit(this.onSubmit.bind(this))}, 
                 React.createElement(redux_form_1.Field, {id: 'name', name: 'name', component: textField_1.default.bind(null, {
                     hintText: 'coderoad-tutorial-name',
-                })}), 
+                }), tabIndex: '1'}), 
                 React.createElement(redux_form_1.Field, {name: 'language', component: selectField_1.default.bind(null, {
                     children: languageItems_1.default(),
                     floatingLabelText: 'language',
                     id: 'language',
-                })}), 
+                }), tabIndex: '2'}), 
                 React.createElement(redux_form_1.Field, {name: 'runner', component: selectField_1.default.bind(null, {
                     children: runnerItems_1.default('JS'),
                     floatingLabelText: 'Test Runner',
                     id: 'runner',
-                })}), 
-                React.createElement(RaisedButton_1.default, {type: 'submit', style: styles.button, label: 'Save', primary: true, disabled: invalid}), 
-                React.createElement(RaisedButton_1.default, {style: styles.button, label: 'Continue', secondary: true, disabled: invalid, onTouchTap: this.props.routeToPage.bind(this)}))));
+                }), tabIndex: '3'}), 
+                React.createElement(RaisedButton_1.default, {type: 'submit', style: styles.button, label: 'Save', primary: true, disabled: invalid, tabIndex: '4'}), 
+                React.createElement(RaisedButton_1.default, {style: styles.button, label: 'Continue', secondary: true, disabled: invalid, onTouchTap: this.props.routeToPage.bind(this), tabIndex: '5'}))));
     };
     TutorialConfig = __decorate([
         react_redux_1.connect(function (state) { return ({

package.json

@@ -8,8 +8,6 @@
     "coderoad",
     "creator",
     "education",
-    "tutorial",
-    "tutorial",
     "tutorial"
   ],
   "bugs": {

src/components/TutorialConfig/index.tsx

@@ -90,6 +90,7 @@ class TutorialConfig extends React.Component <{
             component={textField.bind(null, {
               hintText: 'coderoad-tutorial-name',
             })}
+            tabIndex='1'
            />
 
           <Field
@@ -99,6 +100,7 @@ class TutorialConfig extends React.Component <{
               floatingLabelText: 'language',
               id: 'language',
             })}
+            tabIndex='2'
           />
 
           <Field
@@ -108,6 +110,7 @@ class TutorialConfig extends React.Component <{
               floatingLabelText: 'Test Runner',
               id: 'runner',
             })}
+            tabIndex='3'
           />
 
           <RaisedButton

src/components/TutorialInfo/index.tsx

@@ -77,6 +77,7 @@ class TutorialInfo extends React.Component<{
               hintText: 'Tutorial description',
               floatingLabelText: 'Description',
             })}
+            tabIndex='1'
             />
 
           <Field
@@ -86,6 +87,7 @@ class TutorialInfo extends React.Component<{
               floatingLabelText: 'Version',
               disabled: true,
             })}
+            tabIndex='2'
            />
 
           <Field
@@ -94,6 +96,7 @@ class TutorialInfo extends React.Component<{
              hintText: 'coderoad, react, js, etc',
              floatingLabelText: 'Keywords',
            })}
+           tabIndex='3'
            />
 
           <RaisedButton