Add showPointerCursor method

Author: vasturiano

README.md

@@ -245,6 +245,7 @@ Note that not all props listed below apply to all 4 components. The last 4 colum
 | <b>onBackgroundClick</b> | <i>func</i> | *-* | Callback function for click events on the empty space between the nodes and links. The event object is included as single argument `onBackgroundClick(event)`. | :heavy_check_mark: | :heavy_check_mark: | | |
 | <b>onBackgroundRightClick</b> | <i>func</i> | *-* | Callback function for right-click events on the empty space between the nodes and links. The event object is included as single argument `onBackgroundRightClick(event)`. | :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: | | |
+| <b>showPointerCursor</b> | <i>bool</i> or <i>func</i> | `true` | Whether to show a pointer cursor when hovering over clickable portions of the canvas. Accepts either a `boolean` constant or a callback function which receives the object currently under the cursor and is expected to return a `boolean` value. | :heavy_check_mark: | :heavy_check_mark: | | |
 | <b>onZoom</b> | <i>func</i> | *-* | Callback function for zoom/pan events. The current zoom transform is included as single argument `onZoom({ k, x, y })`. Note that `onZoom` is triggered by user interaction as well as programmatic zooming/panning with `zoom()` and `centerAt()`. | :heavy_check_mark: | | | |
 | <b>onZoomEnd</b> | <i>func</i> | *-* | Callback function for on 'end' of zoom/pan events. The current zoom transform is included as single argument `onZoomEnd({ k, x, y })`. Note that `onZoomEnd` is triggered by user interaction as well as programmatic zooming/panning with `zoom()` and `centerAt()`. | :heavy_check_mark: | | | |
 | <b>controlType</b> | <i>string</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

@@ -48,31 +48,31 @@
     "dist/**/*"
   ],
   "dependencies": {
-    "3d-force-graph": "^1.78",
+    "3d-force-graph": "^1.79",
     "3d-force-graph-ar": "^1.10",
     "3d-force-graph-vr": "^3.1",
-    "force-graph": "^1.50",
+    "force-graph": "^1.51",
     "prop-types": "15",
     "react-kapsule": "^2.5"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.0",
-    "@babel/preset-env": "^7.28.0",
+    "@babel/core": "^7.28.4",
+    "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^0.4.4",
-    "@types/react": "^19.1.8",
-    "@types/three": "^0.178.0",
+    "@types/react": "^19.1.12",
+    "@types/three": "^0.180.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.44.1",
-    "rollup-plugin-dts": "^6.2.1",
-    "typescript": "^5.8.3"
+    "rollup": "^4.50.0",
+    "rollup-plugin-dts": "^6.2.3",
+    "typescript": "^5.9.2"
   },
   "engines": {
     "node": ">=12"

src/forcegraph-proptypes.js

@@ -59,6 +59,7 @@ const pointerBasedPropTypes = {
   linkHoverPrecision: PropTypes.number,
   onBackgroundClick: PropTypes.func,
   onBackgroundRightClick: PropTypes.func,
+  showPointerCursor: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
   enablePointerInteraction: PropTypes.bool,
   enableNodeDrag: PropTypes.bool
 };

src/packages/react-force-graph-2d/index.d.ts

@@ -122,6 +122,7 @@ export interface ForceGraphProps<
   linkHoverPrecision?: number;
   onBackgroundClick?: (event: MouseEvent) => void;
   onBackgroundRightClick?: (event: MouseEvent) => void;
+  showPointerCursor?: boolean | ((obj: NodeObject<NodeType> | LinkObject<NodeType, LinkType> | undefined) => boolean);
   onZoom?: (transform: {k: number, x: number, y: number}) => void;
   onZoomEnd?: (transform: {k: number, x: number, y: number}) => void;
   enableNodeDrag?: boolean;

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

@@ -43,7 +43,7 @@
     "dist/**/*"
   ],
   "dependencies": {
-    "force-graph": "^1.50",
+    "force-graph": "^1.51",
     "prop-types": "15",
     "react-kapsule": "^2.5"
   },
@@ -52,7 +52,7 @@
   },
   "devDependencies": {
     "rimraf": "^6.0.1",
-    "rollup": "^4.44.1"
+    "rollup": "^4.50.0"
   },
   "engines": {
     "node": ">=12"

src/packages/react-force-graph-3d/index.d.ts

@@ -133,6 +133,7 @@ export interface ForceGraphProps<
   linkHoverPrecision?: number;
   onBackgroundClick?: (event: MouseEvent) => void;
   onBackgroundRightClick?: (event: MouseEvent) => void;
+  showPointerCursor?: boolean | ((obj: NodeObject<NodeType> | LinkObject<NodeType, LinkType> | undefined) => boolean);
   enableNodeDrag?: boolean;
   enableNavigationControls?: boolean;
   enablePointerInteraction?: boolean;

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

@@ -44,7 +44,7 @@
     "dist/**/*"
   ],
   "dependencies": {
-    "3d-force-graph": "^1.78",
+    "3d-force-graph": "^1.79",
     "prop-types": "15",
     "react-kapsule": "^2.5"
   },
@@ -53,7 +53,7 @@
   },
   "devDependencies": {
     "rimraf": "^6.0.1",
-    "rollup": "^4.44.1"
+    "rollup": "^4.50.0"
   },
   "engines": {
     "node": ">=12"

src/packages/react-force-graph-ar/package.json

@@ -54,7 +54,7 @@
   },
   "devDependencies": {
     "rimraf": "^6.0.1",
-    "rollup": "^4.44.1"
+    "rollup": "^4.50.0"
   },
   "engines": {
     "node": ">=12"

src/packages/react-force-graph-vr/package.json

@@ -54,7 +54,7 @@
   },
   "devDependencies": {
     "rimraf": "^6.0.1",
-    "rollup": "^4.44.1"
+    "rollup": "^4.50.0"
   },
   "engines": {
     "node": ">=12"