Remove rowSelectionMode

packages/graph-explorer/src/components/Tabular/Tabular.tsx

@@ -134,7 +134,6 @@ const TabularContent = <T extends object>({
   disablePagination,
   disableStickyHeader,
   fitRowsVertically,
-  rowSelectionMode,
   onRowMouseOver,
   onRowMouseOut,
   variant,
@@ -235,7 +234,6 @@ const TabularContent = <T extends object>({
                 row={row}
                 tableInstance={tableInstance}
                 fitRowsVertically={fitRowsVertically}
-                rowSelectionMode={rowSelectionMode}
                 onMouseOver={onRowMouseOver}
                 onMouseOut={onRowMouseOut}
               />

packages/graph-explorer/src/components/Tabular/TabularRow.tsx

@@ -7,12 +7,11 @@ import type { TabularProps } from "./Tabular";
 
 const TabularRow = <T extends object>({
   fitRowsVertically,
-  rowSelectionMode,
   row,
   tableInstance,
   onMouseOver,
   onMouseOut,
-}: Pick<TabularProps<T>, "fitRowsVertically" | "rowSelectionMode"> & {
+}: Pick<TabularProps<T>, "fitRowsVertically"> & {
   tableInstance: TableInstance<T>;
   row: Row<T>;
   onMouseOver?(event: MouseEvent<HTMLDivElement>, row: Row<T>): void;
@@ -43,14 +42,11 @@ const TabularRow = <T extends object>({
   return (
     <div
       {...rowProps}
-      className={cn("row", {
+      className={cn("row row-selectable", {
         ["row-grow"]: fitRowsVertically,
-        ["row-selectable"]: rowSelectionMode === "row",
         ["row-selected"]: row.isSelected,
       })}
-      onClick={() =>
-        rowSelectionMode === "row" && selectable && row.toggleRowSelected()
-      }
+      onClick={() => selectable && row.toggleRowSelected()}
       onMouseOver={event => onMouseOver?.(event, row)}
       onMouseOut={event => onMouseOut?.(event, row)}
     >

packages/graph-explorer/src/components/Tabular/useTabular.ts

@@ -245,15 +245,6 @@ export interface TabularOptions<T extends object> {
    */
   disableRowSelection?: boolean;
 
-  /**
-   * Defines the row selection behavior:
-   * "Checkbox" adds a column to the table at the most left position.
-   * "row" allows to Select the row by clicking on the row itself.
-   * If it is not defined, rows are selectable but their management should be implemented
-   * using controls or custom columns definitions
-   */
-  rowSelectionMode?: "checkbox" | "row";
-
   /**
    * Record with initial selected rows ids.
    * Changes in this record will not trigger any table update. For externally management of

packages/graph-explorer/src/modules/EntitiesTabular/components/EdgesTabular.tsx

@@ -147,7 +147,6 @@ const EdgesTabular = forwardRef<TabularInstance<ToggleEdge>, any>(
       <Tabular
         ref={ref}
         fullWidth
-        rowSelectionMode="row"
         selectedRowIds={selectedRowsIds}
         toggleRowSelected={onSelectRows}
         data={data}

packages/graph-explorer/src/modules/EntitiesTabular/components/NodesTabular.tsx

@@ -141,7 +141,6 @@ const NodesTabular = forwardRef<TabularInstance<ToggleVertex>, any>(
       <Tabular
         ref={ref}
         fullWidth
-        rowSelectionMode="row"
         selectedRowIds={selectedRowsIds}
         toggleRowSelected={onSelectRows}
         data={data}