chore: add multiselection-mode prop

packages/blade/src/components/Table/Table.web.tsx

@@ -4,7 +4,11 @@ import { useTheme as useTableTheme } from '@table-library/react-table-library/th
 import type { MiddlewareFunction } from '@table-library/react-table-library/types/common';
 import { useSort } from '@table-library/react-table-library/sort';
 import { usePagination } from '@table-library/react-table-library/pagination';
-import { SelectTypes, useRowSelect } from '@table-library/react-table-library/select';
+import {
+  SelectClickTypes,
+  SelectTypes,
+  useRowSelect,
+} from '@table-library/react-table-library/select';
 import styled from 'styled-components';
 import usePresence from 'use-presence';
 import type { TableContextType } from './TableContext';
@@ -116,6 +120,7 @@ const RefreshWrapper = styled(BaseBox)<{
 const _Table = <Item,>({
   children,
   data,
+  multiSelectionMode = 'row',
   selectionType = 'none',
   onSelectionChange,
   isHeaderSticky,
@@ -257,6 +262,8 @@ const _Table = <Item,>({
       onChange: onSelectChange,
     },
     {
+      clickType:
+        multiSelectionMode === 'row' ? SelectClickTypes.RowClick : SelectClickTypes.ButtonClick,
       rowSelect: selectionType !== 'none' ? rowSelectType[selectionType] : undefined,
     },
   );

packages/blade/src/components/Table/types.ts

@@ -72,6 +72,11 @@ type TableProps<Item> = {
    * The object should have an id property that is a unique identifier for the row.
    */
   data: TableData<Item>;
+  /**
+   * Selection mode determines how the table rows can be selected.
+   * @default 'row'
+   **/
+  multiSelectionMode?: 'checkbox' | 'row';
   /**
    * The selectionType prop determines the type of selection that is allowed on the table.
    * The selectionType prop can be 'none', 'single' or 'multiple'.