Added the ability to support single selection in the selection plugin.

package.json

@@ -48,7 +48,7 @@
       "umd": "./plugins/selection/dist/selection.umd.js",
       "import": "./plugins/selection/dist/selection.mjs",
       "require": "./plugins/selection/dist/selection.js"
-    },
+    }, 
     "./package.json": "./package.json",
     "./": "./"
   },

plugins/selection/index.ts

@@ -1,4 +1,13 @@
-import { RowSelection } from './src/rowSelection/rowSelection';
+import {
+  RowSelection,
+  RowSelectionSingle,
+  RowSelectionMultiple,
+} from './src/rowSelection/rowSelection';
 import * as RowSelectionActions from './src/rowSelection/actions';
 
-export { RowSelection, RowSelectionActions };
+export {
+  RowSelection,
+  RowSelectionSingle,
+  RowSelectionMultiple,
+  RowSelectionActions,
+};

plugins/selection/package.json

@@ -1,6 +1,6 @@
 {
   "name": "selection",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "private": true,
   "description": "Adds row and cell selection to Grid.js",
   "author": "Afshin Mehrabani <afshin.meh@gmail.com>",

plugins/selection/src/rowSelection/actions.ts

@@ -1,16 +1,26 @@
-export const CheckRow = (rowId: string) => (state) => {
-  const rowIds = state.rowSelection?.rowIds || [];
+export const CheckRow =
+  (rowId: string, singleSelection: boolean) => (state) => {
+    const rowIds = state.rowSelection?.rowIds || [];
 
-  // rowId already exists
-  if (rowIds.indexOf(rowId) > -1) return state;
+    // rowId already exists
+    if (rowIds.indexOf(rowId) > -1) return state;
 
-  return {
-    ...state,
-    rowSelection: {
-      rowIds: [rowId, ...rowIds],
-    },
+    if (singleSelection) {
+      return {
+        ...state,
+        rowSelection: {
+          rowIds: [rowId],
+        },
+      };
+    }
+
+    return {
+      ...state,
+      rowSelection: {
+        rowIds: [rowId, ...rowIds],
+      },
+    };
   };
-};
 
 export const UncheckRow = (rowId: string) => (state) => {
   const rowIds = state.rowSelection?.rowIds || [];

plugins/selection/src/rowSelection/rowSelection.tsx

@@ -10,7 +10,22 @@ interface RowSelectionProps {
   cell?: Cell;
 }
 
+export function RowSelectionSingle(props: RowSelectionProps) {
+  return RowSelectionCore(props, true);
+}
+
+export function RowSelectionMultiple(props: RowSelectionProps) {
+  return RowSelectionCore(props, false);
+}
+
 export function RowSelection(props: RowSelectionProps) {
+  return RowSelectionCore(props, false);
+}
+
+export function RowSelectionCore(
+  props: RowSelectionProps,
+  singleSelect: boolean = false,
+) {
   const { dispatch } = useStore();
   const state = useSelector((state) => state.rowSelection);
   const [isChecked, setIsChecked] = useState(false);
@@ -22,6 +37,8 @@ export function RowSelection(props: RowSelectionProps) {
     this.base.parentElement &&
     (this.base.parentElement.parentElement as Element);
 
+  const isSingleSelect: boolean = singleSelect;
+
   useEffect(() => {
     // store/dispatcher is required only if we are rendering a TD (not a TH)
     if (props.cell?.data && isDataCell(props)) {
@@ -31,14 +48,15 @@ export function RowSelection(props: RowSelectionProps) {
   }, []);
 
   useEffect(() => {
-    const parent = getParentTR();
-
-    if (!parent) return;
-
     const rowIds = state?.rowIds || [];
     const isChecked = rowIds.indexOf(props.row.id) > -1;
+
     setIsChecked(isChecked);
 
+    const parent = getParentTR();
+
+    if (!parent) return;
+
     if (isChecked) {
       parent.classList.add(selectedClassName);
     } else {
@@ -47,7 +65,7 @@ export function RowSelection(props: RowSelectionProps) {
   }, [state]);
 
   const check = () => {
-    dispatch(actions.CheckRow(props.row.id));
+    dispatch(actions.CheckRow(props.row.id, isSingleSelect));
     props.cell?.update(true);
   };
 

plugins/selection/tests/rowSelection/actions.test.ts

@@ -2,7 +2,7 @@ import * as Actions from '../../src/rowSelection/actions';
 
 describe('Actions', () => {
   it('should trigger CHECK', () => {
-    const state = Actions.CheckRow('42')({});
+    const state = Actions.CheckRow('42', false)({});
 
     expect(state).toStrictEqual({
       rowSelection: {
@@ -12,7 +12,10 @@ describe('Actions', () => {
   });
 
   it('should trigger CHECK when rowIds already exists', () => {
-    const state = Actions.CheckRow('42')({
+    const state = Actions.CheckRow(
+      '42',
+      false,
+    )({
       rowSelection: {
         rowIds: ['24'],
       },
@@ -75,8 +78,8 @@ describe('Actions', () => {
 
   it('should CHECK and UNCHECK', () => {
     let state = {};
-    state = Actions.CheckRow('42')(state);
-    state = Actions.CheckRow('24')(state);
+    state = Actions.CheckRow('42', false)(state);
+    state = Actions.CheckRow('24', false)(state);
     state = Actions.UncheckRow('42')(state);
 
     expect(state).toStrictEqual({
@@ -85,4 +88,15 @@ describe('Actions', () => {
       },
     });
   });
+
+  it('should CHECK (SINGLE SELECT)', () => {
+    let state = {};
+    state = Actions.CheckRow('42', true)(state);
+    state = Actions.CheckRow('24', true)(state);
+    expect(state).toStrictEqual({
+      rowSelection: {
+        rowIds: ['24'],
+      },
+    });
+  });
 });