feat(timetable): allow ctrl or cmd right/left to go to end of sheet

Also fix issue with table not moving after getting to edge

Author: evansiroky

lib/editor/components/timetable/TimetableGrid.js

@@ -41,7 +41,13 @@ export default class TimetableGrid extends Component {
   }
 
   handleKeyPress = (evt) => {
-    const {activeCell, setActiveCell, scrollToColumn, scrollToRow} = this.props
+    const {
+      activeCell,
+      setActiveCell,
+      scrollToColumn,
+      scrollToRow,
+      updateScroll
+    } = this.props
     switch (evt.keyCode) {
       case 8: // DELETE
         // TODO: add delete cell value
@@ -57,6 +63,34 @@ export default class TimetableGrid extends Component {
         } else {
           return setActiveCell(null)
         }
+      case 37: // left
+        // prevent browser back
+        evt.preventDefault()
+        // override ArrowKeyStepper
+        evt.stopPropagation()
+        // check if done with command key or ctrl
+        if (evt.metaKey || evt.ctrlKey) {
+          // move all the way to the first column
+          updateScroll(scrollToRow, 0)
+        } else {
+          this.offsetScrollCol(-1)
+        }
+        this._focusOnGrid()
+        break
+      case 39: // right
+        // prevent browser back
+        evt.preventDefault()
+        // override ArrowKeyStepper
+        evt.stopPropagation()
+        // check if done with command key or ctrl
+        if (evt.metaKey || evt.ctrlKey) {
+          // move all the way to the first column
+          updateScroll(scrollToRow, this._getColumnCount() - 1)
+        } else {
+          this.offsetScrollCol(1)
+        }
+        this._focusOnGrid()
+        break
       case 67:
         // handle copy
         if (evt.ctrlKey) {
@@ -207,6 +241,10 @@ export default class TimetableGrid extends Component {
   handleEndEditing = () => {
     this.props.setActiveCell(null)
     // refocus on grid after editing is done
+    this._focusOnGrid()
+  }
+
+  _focusOnGrid () {
     ReactDOM.findDOMNode(this.grid) && ReactDOM.findDOMNode(this.grid).focus()
   }