Merge pull request #2741 from wbkd/chore/deps

chore(dependencies): update

examples/vite-app/package.json

@@ -27,11 +27,11 @@
     "@cypress/skip-test": "^2.6.1",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
-    "@vitejs/plugin-react": "^2.1.0",
+    "@vitejs/plugin-react": "^3.0.1",
     "cypress": "^10.6.0",
     "cypress-real-events": "^1.7.1",
     "start-server-and-test": "^1.14.0",
-    "typescript": "^4.8.3",
+    "typescript": "^4.9.4",
-    "vite": "^3.1.0"
+    "vite": "^4.0.4"
   }
 }

examples/vite-app/src/examples/Figma/index.tsx

@@ -35,6 +35,7 @@ const BasicFlow = () => {
       onPaneContextMenu={onPaneContextMenu}
       fitView
       selectNodesOnDrag={false}
+      onSelectionContextMenu={onPaneContextMenu}
     >
       <Background variant={BackgroundVariant.Cross} />
     </ReactFlow>

package.json

@@ -13,7 +13,7 @@
     "lint": "turbo run lint",
     "typecheck": "turbo run typecheck",
     "release": "changeset publish",
-    "clean": "pnpm -r --parallel exec rimraf dist .turbo"
+    "clean": "pnpm -r --parallel exec rimraf dist .turbo node_modules"
   },
   "devDependencies": {
     "@changesets/changelog-github": "^0.4.7",
@@ -22,23 +22,23 @@
     "@typescript-eslint/eslint-plugin": "latest",
     "@typescript-eslint/parser": "latest",
     "autoprefixer": "^10.4.8",
-    "concurrently": "^7.4.0",
+    "concurrently": "^7.6.0",
     "cypress": "^10.6.0",
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "latest",
-    "postcss": "^8.4.16",
+    "postcss": "^8.4.21",
-    "postcss-cli": "^10.0.0",
+    "postcss-cli": "^10.1.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
-    "postcss-import": "^14.1.0",
+    "postcss-import": "^15.1.0",
-    "postcss-nested": "^5.0.6",
+    "postcss-nested": "^6.0.0",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.79.0",
+    "rollup": "^3.9.1",
-    "turbo": "^1.5.3",
+    "turbo": "^1.7.0",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   }
 }

packages/background/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @reactflow/background
 
+## 11.1.2
+
+### Patch Changes
+
+- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
+
+- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
+  - @reactflow/core@11.4.2
+
 ## 11.1.1
 
 ### Patch Changes

packages/background/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactflow/background",
-  "version": "11.1.1",
+  "version": "11.1.2",
   "description": "Background component with different variants for React Flow",
   "keywords": [
     "react",
@@ -37,19 +37,18 @@
     "directory": "packages/background"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.9",
     "@reactflow/core": "workspace:*",
     "classcat": "^5.0.3",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:^0.0.0",
+    "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
     "react": "^18.2.0",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
     "react": ">=17",

packages/background/src/Background.tsx

@@ -1,7 +1,7 @@
 import { memo, useRef } from 'react';
 import cc from 'classcat';
 import { useStore, ReactFlowState } from '@reactflow/core';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { BackgroundProps, BackgroundVariant } from './types';
 import { DotPattern, LinePattern } from './Patterns';

packages/controls/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @reactflow/controls
 
+## 11.1.2
+
+### Patch Changes
+
+- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
+
+- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
+  - @reactflow/core@11.4.2
+
 ## 11.1.1
 
 ### Patch Changes

packages/controls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactflow/controls",
-  "version": "11.1.1",
+  "version": "11.1.2",
   "description": "Component to control the viewport of a React Flow instance",
   "keywords": [
     "react",
@@ -38,7 +38,6 @@
     "access": "public"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.9",
     "@reactflow/core": "workspace:*",
     "classcat": "^5.0.3"
   },
@@ -47,12 +46,12 @@
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:^0.0.0",
+    "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   },
   "rollup": {
     "globals": {

packages/core/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @reactflow/core
 
+## 11.4.2
+
+### Patch Changes
+
+- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
+
 ## 11.4.1
 
 ### Patch Changes

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactflow/core",
-  "version": "11.4.1",
+  "version": "11.4.2",
   "description": "Core components and util functions of React Flow.",
   "keywords": [
     "react",
@@ -46,21 +46,21 @@
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:^0.0.0",
+    "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "react": "^18.2.0",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   },
   "rollup": {
     "globals": {

packages/core/src/components/ConnectionLine/index.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties, useCallback } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
 import { getBezierPath } from '../Edges/BezierEdge';

packages/core/src/components/Handle/index.tsx

@@ -1,6 +1,6 @@
 import { memo, HTMLAttributes, forwardRef, MouseEvent as ReactMouseEvent } from 'react';
 import cc from 'classcat';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';

packages/core/src/components/NodesSelection/index.tsx

@@ -6,7 +6,7 @@
 import { memo, useRef, useEffect } from 'react';
 import type { MouseEvent, KeyboardEvent } from 'react';
 import cc from 'classcat';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getRectOfNodes } from '../../utils/graph';

packages/core/src/components/SelectionListener/index.tsx

@@ -1,5 +1,5 @@
 import { memo, useEffect } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import type { ReactFlowState, OnSelectionChangeFunc, Node, Edge } from '../../types';

packages/core/src/components/StoreUpdater/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { StoreApi } from 'zustand';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import type { Node, Edge, ReactFlowState, CoordinateExtent, ReactFlowProps, ReactFlowStore } from '../../types';

packages/core/src/components/UserSelection/index.tsx

@@ -1,4 +1,4 @@
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';

packages/core/src/container/EdgeRenderer/index.tsx

@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 
 import { useStore } from '../../hooks/useStore';

packages/core/src/container/NodeRenderer/index.tsx

@@ -1,6 +1,6 @@
 import { memo, useMemo, useEffect, useRef } from 'react';
 import type { ComponentType } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import useVisibleNodes from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';

packages/core/src/container/Pane/index.tsx

@@ -3,7 +3,7 @@
  */
 
 import { memo, useRef, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 
 import UserSelection from '../../components/UserSelection';
@@ -191,6 +191,9 @@ const Pane = memo(
     };
 
     const onMouseUp = (event: ReactMouseEvent) => {
+      if (event.button !== 0) {
+        return;
+      }
       const { userSelectionRect } = store.getState();
       // We only want to trigger click functions when in selection mode if
       // the user did not move the mouse.

packages/core/src/container/ReactFlow/utils.ts

@@ -1,5 +1,5 @@
 import { useMemo, useRef } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { devWarn } from '../../utils';
 import { CreateEdgeTypes } from '../EdgeRenderer/utils';

packages/core/src/container/ZoomPane/index.tsx

@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
 import { zoom, zoomIdentity } from 'd3-zoom';
 import type { D3ZoomEvent } from 'd3-zoom';
 import { select, pointer } from 'd3-selection';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import useKeyPress from '../../hooks/useKeyPress';
 import useResizeHandler from '../../hooks/useResizeHandler';

packages/core/src/hooks/useViewport.ts

@@ -1,4 +1,4 @@
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../hooks/useStore';
 import type { Viewport, ReactFlowState } from '../types';

packages/core/src/hooks/useViewportHelper.ts

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { zoomIdentity } from 'd3-zoom';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
 import { pointToRendererPoint, getTransformForBounds, getD3Transition } from '../utils/graph';

packages/minimap/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @reactflow/minimap
 
+## 11.3.2
+
+### Patch Changes
+
+- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
+
+- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
+  - @reactflow/core@11.4.2
+
 ## 11.3.1
 
 ### Patch Changes

packages/minimap/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactflow/minimap",
-  "version": "11.3.1",
+  "version": "11.3.2",
   "description": "Minimap component for React Flow.",
   "keywords": [
     "react",
@@ -38,27 +38,26 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.9",
     "@reactflow/core": "workspace:*",
     "@types/d3-selection": "^3.0.3",
     "@types/d3-zoom": "^3.0.1",
     "classcat": "^5.0.3",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:^0.0.0",
+    "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
     "react": "^18.2.0",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   },
   "rollup": {
     "globals": {

packages/minimap/src/MiniMap.tsx

@@ -3,7 +3,7 @@
 import { memo, useEffect, useRef } from 'react';
 import type { MouseEvent } from 'react';
 import cc from 'classcat';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 import { zoom, zoomIdentity } from 'd3-zoom';
 import type { D3ZoomEvent } from 'd3-zoom';
 import { select, pointer } from 'd3-selection';

packages/node-resizer/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @reactflow/node-resizer
 
+## 1.2.2
+
+### Patch Changes
+
+- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
+
+- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
+  - @reactflow/core@11.4.2
+
 ## 1.2.1
 
 ### Patch Changes

packages/node-resizer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactflow/node-resizer",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "A helper component for resizing nodes.",
   "keywords": [
     "react",
@@ -42,7 +42,7 @@
     "classcat": "^5.0.4",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=17",
@@ -58,7 +58,7 @@
     "@types/react": "^18.0.19",
     "@types/react-dom": "^18.0.6",
     "react": "^18.2.0",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   },
   "rollup": {
     "globals": {

packages/node-toolbar/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @reactflow/node-toolbar
 
+## 1.1.2
+
+### Patch Changes
+
+- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
+
+- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
+  - @reactflow/core@11.4.2
+
 ## 1.1.1
 
 ### Patch Changes

packages/node-toolbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactflow/node-toolbar",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A toolbar component for React Flow that can be attached to a node.",
   "keywords": [
     "react",
@@ -36,24 +36,23 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.9",
     "@reactflow/core": "workspace:*",
     "classcat": "^5.0.3",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:^0.0.0",
+    "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
     "@types/react-dom": "^18.0.6",
     "react": "^18.2.0",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   },
   "rollup": {
     "globals": {

packages/node-toolbar/src/NodeToolbar.tsx

@@ -11,7 +11,7 @@ import {
   useNodeId,
 } from '@reactflow/core';
 import cc from 'classcat';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import NodeToolbarPortal from './NodeToolbarPortal';
 import { NodeToolbarProps } from './types';

packages/reactflow/CHANGELOG.md

@@ -1,5 +1,18 @@
 # reactflow
 
+## 11.4.2
+
+### Patch Changes
+
+- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
+
+- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
+  - @reactflow/background@11.1.2
+  - @reactflow/core@11.4.2
+  - @reactflow/minimap@11.3.2
+  - @reactflow/node-toolbar@1.1.2
+  - @reactflow/controls@11.1.2
+
 ## 11.4.1
 
 ### Patch Changes

packages/reactflow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactflow",
-  "version": "11.4.1",
+  "version": "11.4.2",
   "description": "A highly customizable React library for building node-based editors and interactive flow charts",
   "keywords": [
     "react",
@@ -46,13 +46,13 @@
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:^0.0.0",
+    "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": "^18.0.19",
     "react": "^18.2.0",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   },
   "rollup": {
     "globals": {

tooling/rollup-config/package.json

@@ -7,13 +7,13 @@
   "main": "src/index.js",
   "module": "src/index.js",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-commonjs": "^24.0.0",
-    "@rollup/plugin-node-resolve": "^14.0.1",
+    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-replace": "^4.0.0",
+    "@rollup/plugin-replace": "^5.0.2",
-    "rollup": "^2.79.0",
+    "@rollup/plugin-terser": "^0.3.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "rollup": "^3.9.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "^4.9.4"
-    "rollup-plugin-typescript2": "^0.33.0",
-    "typescript": "^4.8.3"
   }
 }

tooling/rollup-config/src/index.js

@@ -5,9 +5,9 @@ import { defineConfig } from 'rollup';
 import resolvePlugin from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import replace from '@rollup/plugin-replace';
-import { terser } from 'rollup-plugin-terser';
+import terser from '@rollup/plugin-terser';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import typescript from 'rollup-plugin-typescript2';
+import typescript from '@rollup/plugin-typescript';
 
 const pkg = JSON.parse(readFileSync(resolve(cwd(), './package.json')));
 const isProd = process.env.NODE_ENV === 'production';
@@ -37,9 +37,7 @@ export const esmConfig = defineConfig({
       includeDependencies: true,
     }),
     ...defaultPlugins,
-    typescript({
+    typescript(),
-      clean: true,
-    }),
   ],
 });
 
@@ -63,9 +61,7 @@ export const umdConfig = defineConfig({
   plugins: [
     peerDepsExternal(),
     ...defaultPlugins,
-    typescript({
+    typescript(),
-      clean: true,
-    }),
     replace({
       preventAssignment: true,
       'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),