EDS Data Grid Feature: +onRowDoubleClick event (#3718)

* +onRowDoubleClick event to the table * fix prettier issue
equinor · Jan 8, 2025 · 0886e92 · 0886e92
1 parent 931b82d
commit 0886e92
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/packages/eds-data-grid-react/src/EdsDataGrid.tsx b/packages/eds-data-grid-react/src/EdsDataGrid.tsx
@@ -98,6 +98,7 @@ function EdsDataGridInner<T>(
     defaultColumn,
     onRowContextMenu,
     onRowClick,
+    onRowDoubleClick,
     onCellClick,
     enableFooter,
     enableSortingRemoval,
@@ -485,6 +486,11 @@ function EdsDataGridInner<T>(
                           ? (event) => onRowClick(row, event)
                           : undefined
                       }
+                      onDoubleClick={
+                        onRowDoubleClick
+                          ? (event) => onRowDoubleClick(row, event)
+                          : undefined
+                      }
                       onCellClick={onCellClick}
                     />
                   )

diff --git a/packages/eds-data-grid-react/src/EdsDataGridProps.ts b/packages/eds-data-grid-react/src/EdsDataGridProps.ts
@@ -229,6 +229,17 @@ type HandlersProps<T> = {
    * @returns
    */
   onRowClick?: (row: Row<T>, event: MouseEvent<HTMLTableRowElement>) => unknown
+  /**
+   * Row double-click handler.
+   *
+   * @param row The current row
+   * @param event The click event
+   * @returns
+   */
+  onRowDoubleClick?: (
+    row: Row<T>,
+    event: MouseEvent<HTMLTableRowElement>,
+  ) => unknown
   /**
    * Cell click handler.
    *

diff --git a/packages/eds-data-grid-react/src/components/TableRow.tsx b/packages/eds-data-grid-react/src/components/TableRow.tsx
@@ -15,6 +15,7 @@ export function TableRow<T>({
   row,
   onCellClick,
   onClick,
+  onDoubleClick,
   onContextMenu,
 }: Props<T>) {
   const { rowClass, rowStyle } = useTableContext()
@@ -26,6 +27,7 @@ export function TableRow<T>({
       }}
       className={`${row.getIsSelected() ? 'selected' : ''} ${rowClass?.(row)}`}
       onClick={onClick}
+      onDoubleClick={onDoubleClick}
       onContextMenu={onContextMenu}
     >
       {row.getVisibleCells().map((cell) => (