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

* +onRowDoubleClick event to the table

* fix prettier issue

Author: oleksiishv

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}
                     />
                   )

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.
    *

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) => (