Add support for right-click events

Author: vasturiano

README.md

@@ -157,11 +157,13 @@ Note that not all props listed below apply to all 3 components. The last 3 colum
 ### Interaction
 | Prop | Type | Default | Description | 2D | 3D | VR |
 | --- | :--: | :--: | --- | :--: | :--: | :--: |
-| <b>onNodeClick</b> | <i>func</i> | *-* | Callback function for node clicks. The node object is included as single argument `onNodeClick(node)`. | :heavy_check_mark: | :heavy_check_mark: | |
+| <b>onNodeClick</b> | <i>func</i> | *-* | Callback function for node (left-button) clicks. The node object is included as single argument `onNodeClick(node)`. | :heavy_check_mark: | :heavy_check_mark: | |
+| <b>onNodeRightClick</b> | <i>func</i> | *-* | Callback function for node right-clicks. The node object is included as single argument `onNodeRightClick(node)`. | :heavy_check_mark: | :heavy_check_mark: | |
 | <b>onNodeHover</b> | <i>func</i> | *-* | Callback function for node mouse over events. The node object (or `null` if there's no node under the mouse line of sight) is included as the first argument, and the previous node object (or null) as second argument: `onNodeHover(node, prevNode)`. | :heavy_check_mark: | :heavy_check_mark: | |
 | <b>onNodeDrag</b> | <i>func</i> | *-* | Callback function for node drag interactions. This function is invoked repeatedly while dragging a node, every time its position is updated. The node object is included as single argument `onNodeDrag(node)`. | :heavy_check_mark: | :heavy_check_mark: | |
 | <b>onNodeDragEnd</b> | <i>func</i> | *-* | Callback function for the end of node drag interactions. This function is invoked when the node is released. The node object is included as single argument `onNodeDragEnd(node)`. | :heavy_check_mark: | :heavy_check_mark: | |
-| <b>onLinkClick</b> | <i>func</i> | *-* | Callback function for link clicks. The link object is included as single argument `onLinkClick(link)`. | :heavy_check_mark: | :heavy_check_mark: | |
+| <b>onLinkClick</b> | <i>func</i> | *-* | Callback function for link (left-button) clicks. The link object is included as single argument `onLinkClick(link)`. | :heavy_check_mark: | :heavy_check_mark: | |
+| <b>onLinkRightClick</b> | <i>func</i> | *-* | Callback function for link right-clicks. The link object is included as single argument `onLinkRightClick(link)`. | :heavy_check_mark: | :heavy_check_mark: | |
 | <b>onLinkHover</b> | <i>func</i> | *-* | Callback function for link mouse over events. The link object (or `null` if there's no link under the mouse line of sight) is included as the first argument, and the previous link object (or null) as second argument: `onLinkHover(link, prevLink)`. | :heavy_check_mark: | :heavy_check_mark: | |
 | <b>linkHoverPrecision</b> | <i>number</i> | 4 | Whether to display the link label when gazing the link closely (low value) or from far away (high value). | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
 | <b>controlType</b> | <i>str</i> | `trackball` | Which type of control to use to control the camera on 3D mode. Choice between [trackball](https://threejs.org/examples/misc_controls_trackball.html), [orbit](https://threejs.org/examples/#misc_controls_orbit) or [fly](https://threejs.org/examples/misc_controls_fly.html). | | :heavy_check_mark: | |

package.json

@@ -41,9 +41,9 @@
     "example/**/*"
   ],
   "dependencies": {
-    "3d-force-graph": "^1.44.0",
+    "3d-force-graph": "^1.45.0",
     "3d-force-graph-vr": "^1.23.0",
-    "force-graph": "^1.13.1",
+    "force-graph": "^1.14.0",
     "prop-types": "^15.6.2",
     "react-kapsule": "^1.4.1"
   },

src/forcegraph-proptypes.js

@@ -43,10 +43,12 @@ const commonPropTypes = {
 
 const pointerBasedPropTypes = {
   onNodeClick: PropTypes.func,
+  onNodeRightClick: PropTypes.func,
   onNodeHover: PropTypes.func,
   onNodeDrag: PropTypes.func,
   onNodeDragEnd: PropTypes.func,
   onLinkClick: PropTypes.func,
+  onLinkRightClick: PropTypes.func,
   onLinkHover: PropTypes.func,
   enablePointerInteraction: PropTypes.bool,
   enableNodeDrag: PropTypes.bool

src/packages/react-force-graph-2d/package.json

@@ -36,7 +36,7 @@
     "dist/**/*"
   ],
   "dependencies": {
-    "force-graph": "^1.13.1",
+    "force-graph": "^1.14.0",
     "prop-types": "^15.6.2",
     "react-kapsule": "^1.4.1"
   },

src/packages/react-force-graph-3d/package.json

@@ -37,7 +37,7 @@
     "dist/**/*"
   ],
   "dependencies": {
-    "3d-force-graph": "^1.44.0",
+    "3d-force-graph": "^1.45.0",
     "prop-types": "^15.6.2",
     "react-kapsule": "^1.4.1"
   },