update rowClick

CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## 0.5.5
+
+_2024-06-13_
+
+### Features
+
+- Update `onRowClick` signature to include the event in one argument
+
 ## 0.5.4
 
 _2024-06-13_

example/src/Props.tsx

@@ -747,7 +747,11 @@ interface TableProps<T> {
   /**
    * The callback that gets called every time a row is clicked.
    */
-  onRowClick?: (event: React.MouseEvent<Element, MouseEvent>, data: { index: number }) => void;
+  onRowClick?: (data: {
+    row: T;
+    index: number;
+    event: React.MouseEvent<Element, MouseEvent>;
+  }) => void;
   /**
    * Custom component to wrap a table row. This provides another way of providing
    * more row customization options.

index.d.ts

@@ -331,7 +331,11 @@ export type TableProps<T> = {
   /**
    * The callback that gets called every time a row is clicked.
    */
-  onRowClick?: (event: React.MouseEvent<Element, MouseEvent>, data: { index: number }) => void;
+  onRowClick?: (data: {
+    row: T;
+    index: number;
+    event: React.MouseEvent<Element, MouseEvent>;
+  }) => void;
   /**
    * Custom component to wrap a table row. This provides another way of providing
    * more row customization options.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fluid-table",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "A React table inspired by react-window",
   "author": "Mckervin Ceme <mckervinc@live.com>",
   "license": "MIT",

src/Row.tsx

@@ -26,7 +26,11 @@ type RowContainerProps<T> = {
   className?: string;
   children: React.ReactNode;
   containerStyle: React.CSSProperties;
-  onRowClick: (event: React.MouseEvent<Element, MouseEvent>, data: { index: number }) => void;
+  onRowClick: (data: {
+    row: T;
+    index: number;
+    event: React.MouseEvent<Element, MouseEvent>;
+  }) => void;
   rowRenderer: (props: RowRenderProps<T>) => JSX.Element;
 };
 
@@ -46,7 +50,11 @@ interface RowProps<T> extends Omit<ListChildComponentProps<T>, "data"> {
     optionalDataIndex?: number | null
   ) => number;
   generateKeyFromRow: (row: T, defaultValue: number) => string | number;
-  onRowClick: (event: React.MouseEvent<Element, MouseEvent>, data: { index: number }) => void;
+  onRowClick: (data: {
+    row: T;
+    index: number;
+    event: React.MouseEvent<Element, MouseEvent>;
+  }) => void;
   subComponent?: (props: SubComponentProps<T>) => React.ReactNode;
   onExpandRow?: (value: { row: T; index: number; isExpanded: boolean }) => void;
   rowRenderer: (props: RowRenderProps<T>) => JSX.Element;
@@ -156,10 +164,10 @@ function RowContainer<T>({
   const onContainerClick = useCallback(
     (event: React.MouseEvent<Element, MouseEvent>) => {
       if (onRowClick) {
-        onRowClick(event, { index });
+        onRowClick({ row, index, event });
       }
     },
-    [index, onRowClick]
+    [row, index, onRowClick]
   );
 
   if (RowRenderer) {