Removing focus on selected cell

Author: DmitryMK

src/TableBody.js

@@ -469,23 +469,11 @@ class TableBody extends Component {
     this.setState(() => { return { currEditCell: null }; });
   }
 
-  handleClickonSelectColumn = (e, isSelect, rowIndex, row) => {
-    e.stopPropagation();
-    if (e.target.tagName === 'TD' &&
-    (this.props.selectRow.clickToSelect || this.props.selectRow.clickToSelectAndEditCell)) {
-      const unselectable = this.props.selectRow.unselectable || [];
-      if (unselectable.indexOf(row[this.props.keyField]) === -1) {
-        this.handleSelectRow(rowIndex + 1, isSelect, e);
-        this.handleClickCell(e, rowIndex + 1);
-      }
-    }
-  }
-
   renderSelectRowColumn(selected, inputType, disabled,
-    CustomComponent = null, rowIndex = null, row) {
+    CustomComponent = null, rowIndex = null) {
     return (
       <td onClick={ e => {
-        this.handleClickonSelectColumn(e, !selected, rowIndex, row);
+        this.handleSelectRowColumChange(e, rowIndex);
       } } style={ { textAlign: 'center' } }>
       { CustomComponent ?
         <CustomComponent type={ inputType } checked={ selected } disabled={ disabled }

src/TableColumn.js

@@ -148,7 +148,7 @@ class TableColumn extends Component {
           ...cusmtStyle
         };
       } else {
-        className = `${className} default-focus-cell`;
+        className = `${className}`;
       }
     }