Added right-click event handler.

docs/Table.md

@@ -25,6 +25,7 @@ This component expects explicit `width` and `height` parameters.
 | onHeaderClick | Function |  | Callback invoked when a user clicks on a table header. `({ columnData: any, dataKey: string, event: Event }): void` |
 | onRowClick | Function |  | Callback invoked when a user clicks on a table row. `({ event: Event, index: number, rowData: any }): void` |
 | onRowDoubleClick | Function |  | Callback invoked when a user double-clicks on a table row. `({ event: Event, index: number, rowData: any }): void` |
+| onRowRightClick | Function |  | Callback invoked when a user right-clicks on a table row. `({ event: Event, index: number, rowData: any }): void` |
 | onRowMouseOut | Function | | Callback invoked when the mouse leaves a table row. `({ event: Event, index: number, rowData: any }): void` |
 | onRowMouseOver | Function |  | Callback invoked when a user moves the mouse over a table row. `({ event: Event, index: number, rowData: any }): void` |
 | onRowsRendered | Function |  | Callback invoked with information about the slice of rows that were just rendered: `({ overscanStartIndex: number, overscanStopIndex: number, startIndex: number, stopIndex: number }): void` |

source/Table/Table.jest.js

@@ -766,6 +766,27 @@ describe("Table", () => {
     });
   });
 
+  describe("onRowRightClick", () => {
+    it("should call :onRowRightClick with the correct :rowIndex when a row is right-clicked", () => {
+      const onRowRightClick = jest.fn();
+      const rendered = findDOMNode(
+        render(
+          getMarkup({
+            onRowRightClick
+          })
+        )
+      );
+      const rows = rendered.querySelectorAll(".ReactVirtualized__Table__row");
+      Simulate.contextMenu(rows[0]);
+      Simulate.contextMenu(rows[3]);
+      expect(onRowRightClick).toHaveBeenCalledTimes(2);
+      expect(onRowRightClick.mock.calls.map(call => call[0].index)).toEqual([
+        0,
+        3
+      ]);
+    });
+  });
+
   describe("onRowMouseOver/Out", () => {
     it("should call :onRowMouseOver and :onRowMouseOut with the correct :rowIndex when the mouse is moved over rows", () => {
       let onRowMouseOver = jest.fn();

source/Table/Table.js

@@ -97,6 +97,12 @@ export default class Table extends PureComponent {
      */
     onRowDoubleClick: PropTypes.func,
 
+    /**
+     * Callback invoked when a user right-clicks on a table row.
+     * ({ index: number }): void
+     */
+    onRowRightClick: PropTypes.func,
+
     /**
      * Callback invoked when the mouse leaves a table row.
      * ({ index: number }): void
@@ -527,6 +533,7 @@ export default class Table extends PureComponent {
       children,
       onRowClick,
       onRowDoubleClick,
+      onRowRightClick,
       onRowMouseOver,
       onRowMouseOut,
       rowClassName,
@@ -576,6 +583,7 @@ export default class Table extends PureComponent {
       key,
       onRowClick,
       onRowDoubleClick,
+      onRowRightClick,
       onRowMouseOver,
       onRowMouseOut,
       rowData,

source/Table/defaultRowRenderer.js

@@ -12,14 +12,21 @@ export default function defaultRowRenderer({
   key,
   onRowClick,
   onRowDoubleClick,
+  onRowRightClick,
   onRowMouseOver,
   onRowMouseOut,
   rowData,
   style
 }: RowRendererParams) {
   const a11yProps = {};
 
-  if (onRowClick || onRowDoubleClick || onRowMouseOver || onRowMouseOut) {
+  if (
+    onRowClick ||
+    onRowDoubleClick ||
+    onRowRightClick ||
+    onRowMouseOver ||
+    onRowMouseOut
+  ) {
     a11yProps["aria-label"] = "row";
     a11yProps.tabIndex = 0;
 
@@ -30,6 +37,10 @@ export default function defaultRowRenderer({
       a11yProps.onDoubleClick = event =>
         onRowDoubleClick({ event, index, rowData });
     }
+    if (onRowRightClick) {
+      a11yProps.onContextMenu = event =>
+        onRowRightClick({ event, index, rowData });
+    }
     if (onRowMouseOut) {
       a11yProps.onMouseOut = event => onRowMouseOut({ event, index, rowData });
     }