chore(packages): bump deps

packages/background/package.json

@@ -38,7 +38,7 @@
     "@babel/runtime": "^7.18.9",
     "@reactflow/core": "workspace:*",
     "classcat": "^5.0.3",
-    "zustand": "^4.0.0"
+    "zustand": "^4.1.1"
   },
   "devDependencies": {
     "@reactflow/eslint-config": "workspace:^0.0.0",
@@ -47,7 +47,7 @@
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
     "react": "^18.2.0",
-    "typescript": "^4.7.4"
+    "typescript": "^4.8.3"
   },
   "peerDependencies": {
     "react": ">=17",

packages/controls/package.json

@@ -50,7 +50,7 @@
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
-    "typescript": "^4.7.4"
+    "typescript": "^4.8.3"
   },
   "rollup": {
     "globals": {

packages/core/package.json

@@ -36,6 +36,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@types/d3": "^7.4.0",
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
     "@types/d3-zoom": "^3.0.1",
@@ -43,7 +44,7 @@
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "zustand": "^4.0.0"
+    "zustand": "^4.1.1"
   },
   "peerDependencies": {
     "react": ">=17",
@@ -56,13 +57,14 @@
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.17",
     "react": "^18.2.0",
-    "typescript": "^4.7.4"
+    "typescript": "^4.8.3"
   },
   "rollup": {
     "globals": {
       "classcat": "cc",
-      "d3-selection": "d3",
-      "d3-zoom": "d3",
+      "d3-selection": "d3Selection",
+      "d3-zoom": "d3Zoom",
+      "d3-drag": "d3Drag",
       "zustand": "zustand",
       "zustand/shallow": "zustandShallow"
     },

packages/core/src/hooks/useDrag/index.ts

@@ -1,6 +1,7 @@
 import { RefObject, useEffect, useRef, MouseEvent, useState, useCallback } from 'react';
-import { D3DragEvent, drag, SubjectPosition } from 'd3-drag';
+import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
+import type { D3DragEvent, SubjectPosition } from 'd3';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { NodeDragItem, Node, SelectionDragHandler } from '../../types';

packages/core/src/types/general.ts

@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { MouseEvent as ReactMouseEvent, ComponentType, MemoExoticComponent } from 'react';
-import { Selection as D3Selection } from 'd3-selection';
-import { ZoomBehavior } from 'd3-zoom';
+import type { Selection as D3Selection, ZoomBehavior } from 'd3';
 
 import { XYPosition, Rect, Transform, CoordinateExtent } from './utils';
 import { NodeChange, EdgeChange } from './changes';
@@ -240,5 +239,6 @@ export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
 export type PanelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 
 export type ProOptions = {
+  account: string;
   hideAttribution: boolean;
 };

packages/core/src/utils/graph.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { Selection as D3Selection } from 'd3-selection';
+import type { Selection as D3Selection } from 'd3';
 
 import { boxToRect, clamp, devWarn, getBoundsOfBoxes, rectToBox } from '../utils';
 import { Node, Edge, Connection, EdgeMarkerType, Transform, XYPosition, Rect, NodeInternals } from '../types';

packages/minimap/package.json

@@ -39,7 +39,7 @@
     "@babel/runtime": "^7.18.9",
     "@reactflow/core": "workspace:*",
     "classcat": "^5.0.3",
-    "zustand": "^4.0.0"
+    "zustand": "^4.1.1"
   },
   "peerDependencies": {
     "react": ">=17",
@@ -52,7 +52,7 @@
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
     "react": "^18.2.0",
-    "typescript": "^4.7.4"
+    "typescript": "^4.8.3"
   },
   "rollup": {
     "globals": {

packages/reactflow/package.json

@@ -49,7 +49,7 @@
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
     "react": "^18.2.0",
-    "typescript": "^4.7.4"
+    "typescript": "^4.8.3"
   },
   "rollup": {
     "globals": {