Adding onRowTouchStart, onRowTouchEnd and onRowTouchMove callbacks on Table (schrodinger#238)

* Adding onRowTouchStart, onRowTouchEnd and onRowTouchMove callbacks on Table.

Author: SirGandal

src/FixedDataTable.js

@@ -321,6 +321,21 @@ var FixedDataTable = createReactClass({
      */
     onRowMouseLeave: PropTypes.func,
 
+    /**
+     * Callback that is called when a touch-start event happens on a row.
+     */
+    onRowTouchStart: PropTypes.func,
+
+    /**
+     * Callback that is called when a touch-end event happens on a row.
+     */
+    onRowTouchEnd: PropTypes.func,
+
+    /**
+     * Callback that is called when a touch-move event happens on a row.
+     */
+    onRowTouchMove: PropTypes.func,
+
     /**
      * Callback that is called when resizer has been released
      * and column needs to be updated.
@@ -732,6 +747,9 @@ var FixedDataTable = createReactClass({
         onRowMouseUp={state.onRowMouseUp}
         onRowMouseEnter={state.onRowMouseEnter}
         onRowMouseLeave={state.onRowMouseLeave}
+        onRowTouchStart={state.touchScrollEnabled ? state.onRowTouchStart : null}
+        onRowTouchEnd={state.touchScrollEnabled ? state.onRowTouchEnd : null}
+        onRowTouchMove={state.touchScrollEnabled ? state.onRowTouchMove : null}
         rowClassNameGetter={state.rowClassNameGetter}
         rowsCount={state.rowsCount}
         rowGetter={state.rowGetter}

src/FixedDataTableBufferedRows.js

@@ -38,6 +38,9 @@ var FixedDataTableBufferedRows = createReactClass({
     onRowMouseUp: PropTypes.func,
     onRowMouseEnter: PropTypes.func,
     onRowMouseLeave: PropTypes.func,
+    onRowTouchStart: PropTypes.func,
+    onRowTouchEnd: PropTypes.func,
+    onRowTouchMove: PropTypes.func,
     rowClassNameGetter: PropTypes.func,
     rowsCount: PropTypes.number.isRequired,
     rowHeightGetter: PropTypes.func,
@@ -174,6 +177,9 @@ var FixedDataTableBufferedRows = createReactClass({
           onMouseUp={props.onRowMouseUp}
           onMouseEnter={props.onRowMouseEnter}
           onMouseLeave={props.onRowMouseLeave}
+          onTouchStart={props.onRowTouchStart}
+          onTouchEnd={props.onRowTouchEnd}
+          onTouchMove={props.onRowTouchMove}
           className={joinClasses(
             rowClassNameGetter(rowIndex),
             cx('public/fixedDataTable/bodyRow'),

src/FixedDataTableRow.js

@@ -191,6 +191,9 @@ class FixedDataTableRowImpl extends React.Component {
         onMouseUp={this.props.onMouseUp ? this._onMouseUp : null}
         onMouseEnter={this.props.onMouseEnter ? this._onMouseEnter : null}
         onMouseLeave={this.props.onMouseLeave ? this._onMouseLeave : null}
+        onTouchStart={this.props.onTouchStart ? this._onTouchStart : null}
+        onTouchEnd={this.props.onTouchEnd ? this._onTouchEnd : null}
+        onTouchMove={this.props.onTouchMove ? this._onTouchMove : null}
         style={style}>
         <div className={cx('fixedDataTableRowLayout/body')}>
           {fixedColumns}
@@ -286,6 +289,18 @@ class FixedDataTableRowImpl extends React.Component {
   _onMouseLeave = (/*object*/ event) => {
     this.props.onMouseLeave(event, this.props.index);
   };
+
+  _onTouchStart = (/*object*/ event) => {
+    this.props.onTouchStart(event, this.props.index);
+  };
+
+  _onTouchEnd = (/*object*/ event) => {
+    this.props.onTouchEnd(event, this.props.index);
+  };
+
+  _onTouchMove = (/*object*/ event) => {
+    this.props.onTouchMove(event, this.props.index);
+  };
 }
 
 class FixedDataTableRow extends React.Component {