Implement context menu

Summary:
Re-introduced context menu to DataTable, due to popular demand.

Originally it wasn't there to better align with ant design principles, but in an app like Flipper it makes just too much sense to have it

See e.g. https://fb.workplace.com/groups/flippersupport/permalink/1138285579985432/

changelog: Restored context menu in data tables

Reviewed By: passy

Differential Revision: D28996137

fbshipit-source-id: 16ef4c90997c9313efa62da7576fd453a7853761

desktop/flipper-plugin/src/ui/data-table/TableRow.tsx

@@ -13,6 +13,8 @@ import {theme} from '../theme';
 import type {TableRowRenderContext} from './DataTable';
 import {Width} from '../../utils/widthUtils';
 import {DataFormatter} from '../DataFormatter';
+import {Dropdown} from 'antd';
+import {contextMenuTrigger} from '../data-inspector/DataInspectorNode';
 
 // heuristic for row estimation, should match any future styling updates
 export const DEFAULT_ROW_HEIGHT = 24;
@@ -106,7 +108,7 @@ export const TableRow = memo(function TableRow<T>({
   highlighted,
   config,
 }: TableRowProps<T>) {
-  return (
+  const row = (
     <TableBodyRowContainer
       highlighted={highlighted}
       onMouseDown={(e) => {
@@ -135,4 +137,13 @@ export const TableRow = memo(function TableRow<T>({
         })}
     </TableBodyRowContainer>
   );
+  if (config.onContextMenu) {
+    return (
+      <Dropdown overlay={config.onContextMenu} trigger={contextMenuTrigger}>
+        {row}
+      </Dropdown>
+    );
+  } else {
+    return row;
+  }
 });