maheshsenni · mbarto · Jan 10, 2019
diff --git a/README.md b/README.md
@@ -72,6 +72,7 @@ Component level options are accepted via the property, `options`.
 |`height`|number|no|Height of the treelist body. When not provided, the component will expand to show all available rows.|
 |`minimumColWidth`|number|no|Minimum width of columns. Columns can't be resized below this value.|
 |`canSelect`|bool|no|Set this as `true` to enable the row selection handler. See `onSelectRow` in [handlers](#handlers) for details.|
+|`canDeselect`|bool|no|Set this as `false` to disable deselection of the selected row (canSelect must be true, click on the selected row to disable it). Defaults to `true`.|
 |`rowClass`|string &#124; function|no|Class name (string) to be added to rows. Can be used for applying specific styles for the rows. A function can also be provided, which will be executed with the row's data object to determine the class name.|
 
 ### Handlers

diff --git a/src/lib/Body.js b/src/lib/Body.js
@@ -95,10 +95,12 @@ class Body extends Component {
   handleSelectRow(row) {
     if (row[this.props.idField] === this.state.selectedRow) {
       // deselect
-      this.setState({
-        selectedRow: null
-      });
-      this.props.onSelectRow(null);
+      if (this.props.canDeselect) {
+        this.setState({
+          selectedRow: null
+        });
+        this.props.onSelectRow(null);
+      }
     } else {
       this.setState({
         selectedRow: row[this.props.idField]
@@ -216,6 +218,7 @@ Body.propTypes = {
   itemHeight: PropTypes.number,
   onSelectRow: PropTypes.func,
   canSelect: PropTypes.bool,
+  canDeselect: PropTypes.bool,
   rowClass: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
   refresh: PropTypes.any
 };
@@ -226,7 +229,8 @@ Body.defaultProps = {
   expandAll: false,
   itemHeight: 35,
   onSelectRow: () => {},
-  canSelect: false
+  canSelect: false,
+  canDeselect: true
 };
 
 export default Body;
diff --git a/src/lib/TreeList.js b/src/lib/TreeList.js
@@ -162,6 +162,7 @@ class TreeList extends Component {
           refresh={refresh}
           expandAll={options.expandAll}
           canSelect={options.canSelect}
+          canDeselect={options.canDeselect}
           onSelectRow={handlers.onSelectRow}
           rowClass={options.rowClass}
           >

diff --git a/src/lib/__tests__/Body.test.js b/src/lib/__tests__/Body.test.js
@@ -82,6 +82,24 @@ describe('<Body />', () => {
         expect(wrapper.find('.row-selected')).toHaveLength(0);
     });
 
+    it("do not allow deselection of row clicking on the selected row if canDeselect is false", () => {
+      const handler = jest.fn();
+      const wrapper = mount(<Body reactKey={"test-key"} data={testData} columns={columns} canSelect canDeselect={false} idField="id" parentIdField="parentId" onHScroll={jest.fn()} metadata={getRowsWithChildren(testData, "id", "parentId")} updateHash="" height={100} itemHeight={10} onSelectRow={handler} />);
+      wrapper
+        .find("tr")
+        .at(1)
+        .simulate("click");
+      expect(handler.mock.calls).toHaveLength(1);
+      expect(wrapper.find(".row-selected")).toHaveLength(1);
+
+      wrapper
+        .find("tr")
+        .at(1)
+        .simulate("click");
+      expect(handler.mock.calls).toHaveLength(1);
+      expect(wrapper.find(".row-selected")).toHaveLength(1);
+    });
+
     it('dynamic rows css', () => {
         const className = function(data) {
             return data.position;