xyflow/xyflow (reactflow)
### [`v11.10.3`](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.2...reactflow@11.10.3)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.2...reactflow@11.10.3)
### [`v11.10.2`](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.1...reactflow@11.10.2)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.1...reactflow@11.10.2)
### [`v11.10.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.10.1)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.0...reactflow@11.10.1)
##### Patch Changes
Just a tiny fix for Typescript users who want to use the new `screenToFlowPosition` and `flowToScreenPosition` function of `useReactFlow`.
- [#3605](https://togithub.com/xyflow/xyflow/pull/3605) [`e71dec26`](https://togithub.com/xyflow/xyflow/commit/e71dec263c8a8296d0a890c2fc7d0a5aac94f9e5) - fix(react-flow-instance): add screenToFlow and flowToScreen types
- Updated dependencies \[[`e71dec26`](https://togithub.com/xyflow/xyflow/commit/e71dec263c8a8296d0a890c2fc7d0a5aac94f9e5)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).10.1
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.6
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.6
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.6
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.6
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.6
### [`v11.10.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.10.0)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.4...reactflow@11.10.0)
#### Upcoming v12
We want to make the migration for v12 as smooth as possible. That's why we added deprecation warnings for the following util functions:
##### Deprecations / Renamings
##### Rename `useReactFlow.project` to `useReactFlow.screenToFlowPosition`
⚠️ **changes**: no need to subtract react flow bounds anymore!
before:
```js
const reactFlowBounds = reactFlowWrapper.current.getBoundingClientRect();
const position = reactFlowInstance.project({
x: event.clientX - reactFlowBounds.left,
y: event.clientY - reactFlowBounds.top,
});
```
after:
```js
const position = reactFlowInstance.screenToFlowPosition({
x: event.clientX,
y: event.clientY,
});
```
##### Rename `getTransformForBounds` to `getViewportForBounds`
⚠️ **changes**: returns `{ x: number, y: number, zoom: number }` instead of `[number, number, number]`.
before:
```js
const [x, y, zoom] = getTransformForBounds(bounds, width, height, 0.5, 2)
```
after:
```js
const {x, y, zoom} = getViewportForBounds(bounds, width, height, 0.5, 2)
```
##### Rename `getRectOfNodes` to `getNodesBounds`
no changes, just a renaming.
##### New features
- added `useReactFlow.flowToScreenPosition`
##### Minor Changes
- [#3597](https://togithub.com/xyflow/xyflow/pull/3597) [`a114c75b`](https://togithub.com/xyflow/xyflow/commit/a114c75b79d1d7bd24937318119a824879fe0b54) Thanks - chore(utils): add renamed functions and deprecations, add `useReactFlow.flowToScreenPosition`
##### Patch Changes
- [#3586](https://togithub.com/xyflow/xyflow/pull/3586) [`746fa4a0`](https://togithub.com/xyflow/xyflow/commit/746fa4a0739719402bdc32bcbf18b577bb75cb1b) Thanks [@Nick-Lucas](https://togithub.com/Nick-Lucas)! - fix(intersection-helpers): use nodeRect instead of nodeOrRect
- [#3584](https://togithub.com/xyflow/xyflow/pull/3584) [`291db12f`](https://togithub.com/xyflow/xyflow/commit/291db12fb1b7e72765fbf8a724f3853b1ff682fe) - fix(panOnScroll): respect zoomActivationKeyPressed when hovering a node
- [#3593](https://togithub.com/xyflow/xyflow/pull/3593) [`e1d3d594`](https://togithub.com/xyflow/xyflow/commit/e1d3d59479cef7e55c4759fd05c7b1d5eb58d070) Thanks [@juspy](https://togithub.com/juspy)! - fix(useOnSelectionChange): multiple handlers
- [#3595](https://togithub.com/xyflow/xyflow/pull/3595) [`ddc40528`](https://togithub.com/xyflow/xyflow/commit/ddc40528dd90d3de677f773b6670dc57a2c8520b) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - refactor(pan-activation): allow panning by scroll when pan activation key is pressed
- [#3596](https://togithub.com/xyflow/xyflow/pull/3596) [`e4c25caf`](https://togithub.com/xyflow/xyflow/commit/e4c25caf7b699c1a50c3c8a9ffee59e00f0804cc) - refactor(handles): snap to handle center when above handle
- Updated dependencies \[[`a114c75b`](https://togithub.com/xyflow/xyflow/commit/a114c75b79d1d7bd24937318119a824879fe0b54), [`746fa4a0`](https://togithub.com/xyflow/xyflow/commit/746fa4a0739719402bdc32bcbf18b577bb75cb1b), [`291db12f`](https://togithub.com/xyflow/xyflow/commit/291db12fb1b7e72765fbf8a724f3853b1ff682fe), [`e1d3d594`](https://togithub.com/xyflow/xyflow/commit/e1d3d59479cef7e55c4759fd05c7b1d5eb58d070), [`ddc40528`](https://togithub.com/xyflow/xyflow/commit/ddc40528dd90d3de677f773b6670dc57a2c8520b), [`e4c25caf`](https://togithub.com/xyflow/xyflow/commit/e4c25caf7b699c1a50c3c8a9ffee59e00f0804cc)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).10.0
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.5
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.5
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.5
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.5
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.5
### [`v11.9.4`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.4)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.3...reactflow@11.9.4)
##### Patch Changes
- fix(panOnScroll): use correct filter so that connections work
- Updated dependencies \[[`e0cef7f1`](https://togithub.com/wbkd/react-flow/commit/e0cef7f1403f489f079ba7acc5b5a9aa596c39e9)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).9.4
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.4
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.4
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.4
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.4
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.4
### [`v11.9.3`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.3)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.2...reactflow@11.9.3)
##### Patch Changes
- [#3490](https://togithub.com/wbkd/react-flow/pull/3490) [`530ccc08`](https://togithub.com/wbkd/react-flow/commit/530ccc08b61a14b6e5913623ee732a768eafdc31) - fix(selection): select nodes on click when nodeDragThreshold > 0
### [`v11.9.2`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.2)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.1...reactflow@11.9.2)
Fix broken build on npm
##### Patch Changes
- Updated dependencies
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).9.2
### [`v11.9.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.1)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.0...reactflow@11.9.1)
This release fixes a bug (`deleteKeyCode` didn't work) that was introduced in the previous version.
##### Patch Changes
- [#3453](https://togithub.com/wbkd/react-flow/pull/3453) [`0956f325`](https://togithub.com/wbkd/react-flow/commit/0956f325afaa84220eca4319e496bb18b86de4bf) - fix(nodes): remove via deleteKeyCode
- Updated dependencies \[[`0956f325`](https://togithub.com/wbkd/react-flow/commit/0956f325afaa84220eca4319e496bb18b86de4bf)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).9.1
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.1
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.1
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.1
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.1
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.1
### [`v11.9.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.0)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.8.3...reactflow@11.9.0)
#### 11.9.0
With this version you can finally delay node drag events or suppress them when you just click a node. This is possible with the new [`nodeDragThreshold` prop](https://reactflow.dev/docs/api/react-flow-props/#nodedragthreshold). Another big change is that we finally support Astro and Remix while keeping the support for older setups like webpack4 + React 17 for example.
##### Minor Changes
- [#3429](https://togithub.com/wbkd/react-flow/pull/3429) [`f118aee8`](https://togithub.com/wbkd/react-flow/commit/f118aee8b121df842f2ea1a255f2c9d7d8c3b45b) - feat(props): add `nodeDragThreshold` prop
- [#3392](https://togithub.com/wbkd/react-flow/pull/3392) [`190958b5`](https://togithub.com/wbkd/react-flow/commit/190958b537e3b53cbfd87ac77fb8513173bf1338) - fix(packages): support newer setups (astro, remix, ...) and oder setups (webpack 4, react 17)
##### Patch Changes
- [#3443](https://togithub.com/wbkd/react-flow/pull/3443) [`db4baa86`](https://togithub.com/wbkd/react-flow/commit/db4baa8606fd2ad771ca4eea701ca3788d4aaf49) Thanks [@bodinsamuel](https://togithub.com/bodinsamuel)! - chore(utils): export `handleParentExpand`
- [#3421](https://togithub.com/wbkd/react-flow/pull/3421) [`3aac72cb`](https://togithub.com/wbkd/react-flow/commit/3aac72cb699b9dd495bdbd0bcb3204bbb30c4115) - refactor(nodes): don't delete nodes when user focuses input and presses modifier
- [#3444](https://togithub.com/wbkd/react-flow/pull/3444) [`1a7c903c`](https://togithub.com/wbkd/react-flow/commit/1a7c903cd795ea1aaf8c8f4e23eceb3068720541) - refactor(node): make `expandParent` compatible with `extent: "parent"`
- [#3419](https://togithub.com/wbkd/react-flow/pull/3419) [`274c73f9`](https://togithub.com/wbkd/react-flow/commit/274c73f9a26188d52315bf49cbc4192903d3b11c) - fix(panonscroll): respect nopan class name
- [#3403](https://togithub.com/wbkd/react-flow/pull/3403) [`17ea954e`](https://togithub.com/wbkd/react-flow/commit/17ea954ea5fdb613be92863250c89ec12f2b60a5) - chore(edge-marker): use style instead of attributes
- [#3411](https://togithub.com/wbkd/react-flow/pull/3411) [`2488941c`](https://togithub.com/wbkd/react-flow/commit/2488941c147b2b15c89cdf6d24c1420546f2ef91) - fix(node-selection): cleanup selection when node is not selectable
- [#3446](https://togithub.com/wbkd/react-flow/pull/3446) [`6139da2b`](https://togithub.com/wbkd/react-flow/commit/6139da2bdc0d226ae90c4e8e19cbd5c91b4a59c9) - fix(nodes): disable all panning when `panOnDrag={false}`
- [#3389](https://togithub.com/wbkd/react-flow/pull/3389) [`db357a42`](https://togithub.com/wbkd/react-flow/commit/db357a42628563e9cd2d058a27230ab961b6230f) - fix (edge-selection): consistent behaviour with node selection
- Updated dependencies \[[`db4baa86`](https://togithub.com/wbkd/react-flow/commit/db4baa8606fd2ad771ca4eea701ca3788d4aaf49), [`3aac72cb`](https://togithub.com/wbkd/react-flow/commit/3aac72cb699b9dd495bdbd0bcb3204bbb30c4115), [`190958b5`](https://togithub.com/wbkd/react-flow/commit/190958b537e3b53cbfd87ac77fb8513173bf1338), [`1a7c903c`](https://togithub.com/wbkd/react-flow/commit/1a7c903cd795ea1aaf8c8f4e23eceb3068720541), [`fd0472d4`](https://togithub.com/wbkd/react-flow/commit/fd0472d4ab1df8d6ecfde0006d9cabd3258342b9), [`f118aee8`](https://togithub.com/wbkd/react-flow/commit/f118aee8b121df842f2ea1a255f2c9d7d8c3b45b), [`274c73f9`](https://togithub.com/wbkd/react-flow/commit/274c73f9a26188d52315bf49cbc4192903d3b11c), [`17ea954e`](https://togithub.com/wbkd/react-flow/commit/17ea954ea5fdb613be92863250c89ec12f2b60a5), [`2488941c`](https://togithub.com/wbkd/react-flow/commit/2488941c147b2b15c89cdf6d24c1420546f2ef91), [`6139da2b`](https://togithub.com/wbkd/react-flow/commit/6139da2bdc0d226ae90c4e8e19cbd5c91b4a59c9), [`db357a42`](https://togithub.com/wbkd/react-flow/commit/db357a42628563e9cd2d058a27230ab961b6230f)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).9.0
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.0
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.0
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.0
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.0
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.0
### [`v11.8.3`](https://togithub.com/xyflow/xyflow/releases/tag/11.8.3)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.8.2...reactflow@11.8.3)
##### Patch Changes
- [#3345](https://togithub.com/wbkd/react-flow/pull/3345) [`3b329d69`](https://togithub.com/wbkd/react-flow/commit/3b329d6991023e66b9b1b8b4cba1cccf21b6788e) - fix(step-edge): routing for equal handle positions
### [`v11.8.2`](https://togithub.com/xyflow/xyflow/releases/tag/11.8.2)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.8.1...reactflow@11.8.2)
#### 11.8.2
This release fixes an issue with React 17
##### Patch Changes
- [#3327](https://togithub.com/wbkd/react-flow/pull/3327) [`7132c168`](https://togithub.com/wbkd/react-flow/commit/7132c16895c89c6d538a6b8de626e6167d41ce95) - fix(react17): dont use mjs for esm modules
- Updated dependencies \[[`7132c168`](https://togithub.com/wbkd/react-flow/commit/7132c16895c89c6d538a6b8de626e6167d41ce95)]:
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.7
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.18
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).8.2
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).6.2
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).1.4
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.6
### [`v11.8.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.8.1)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.8.0...reactflow@11.8.1)
#### 11.8.1
This patch release fixes an issue with nextjs that was introduces in 11.8.0
##### Patch Changes
- [`1d99926c`](https://togithub.com/wbkd/react-flow/commit/1d99926c92c8519286d01fb584c8ef6497dc247a) Thanks [@Reflejo](https://togithub.com/Reflejo)! - Fix navigator being used on server-side rendering
- Updated dependencies \[[`1d99926c`](https://togithub.com/wbkd/react-flow/commit/1d99926c92c8519286d01fb584c8ef6497dc247a)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).8.1
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.6
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.17
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).6.1
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).1.3
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.5
### [`v11.8.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.8.0)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.7.4...reactflow@11.8.0)
This is probably the last minor and hopefully also the last patch release for v11. In the next weeks we will focus on the xyflow branch and the upcoming v12 major release. This release comes with a lot of fixes that we wanted to do for a long time. We finally fixed some windows scroll related bugs (fast zooming, no horizontal pan on scroll) and smooth edge bugs (better label positions, weird layouts).
##### Important updates for Windows users
- default key for zoom activation and multi selection is "Control" instead of "Meta"
- you can pan horizontally when Shift is pressed (when `panOnScroll` is set)
- we fixed the fast zooming bug when users pressed Control
##### Important note for Zustand users
If you are using Zustand, you need to update to v4.4.1 and follow the migration guide https://github.com/pmndrs/zustand/releases/tag/v4.4.0
##### Fixes
- [#3286](https://togithub.com/wbkd/react-flow/pull/3286) [`ff85d908`](https://togithub.com/wbkd/react-flow/commit/ff85d908a94ba5add9bc66a0ded0cb755c95fcda) - fix(selection): keep node positions when extent is reached
- [#3289](https://togithub.com/wbkd/react-flow/pull/3289) [`61d90578`](https://togithub.com/wbkd/react-flow/commit/61d905784113c2fb3cdf5993292cc6ac694dac7c) - fix(onMoveEnd): falsely triggered on right click
- [#3307](https://togithub.com/wbkd/react-flow/pull/3307) [`fdddf43d`](https://togithub.com/wbkd/react-flow/commit/fdddf43d0d3b4b71158c0e0b56aab9dcbd61da6d) - fix(windows): allow horizontal pan with Shift + scroll Thanks [@s-yadav](https://togithub.com/s-yadav)
- [#3290](https://togithub.com/wbkd/react-flow/pull/3290) [`6e6bb674`](https://togithub.com/wbkd/react-flow/commit/6e6bb6743ed4b4f517528f52411d9612f3f13d58) - fix(panOnScroll): fire move events
- [#3293](https://togithub.com/wbkd/react-flow/pull/3293) [`bb1b9318`](https://togithub.com/wbkd/react-flow/commit/bb1b93183a374fbf002625e962441ff0ff288c08) - fix(zoom): handle windows zoom with ctrl
- [#3279](https://togithub.com/wbkd/react-flow/pull/3279) [`ed4a0c1b`](https://togithub.com/wbkd/react-flow/commit/ed4a0c1b1629ab356dc4b4fd2dcedfde6e99d3b8) - fix(step-edge): edge path for horizontally or vertically aligned nodes
- [#3305](https://togithub.com/wbkd/react-flow/pull/3305) [`10a32239`](https://togithub.com/wbkd/react-flow/commit/10a32239063be3c2cc107145b9a21ac850c90410) - fix(step-edge): better default label positions
- [#3306](https://togithub.com/wbkd/react-flow/pull/3306) [`f9169108`](https://togithub.com/wbkd/react-flow/commit/f916910820916305be0d93060532224ff311aa80) - fix(key-press): mac issue keyup not triggered Thanks [@VictorWinberg](https://togithub.com/VictorWinberg)
- [#3301](https://togithub.com/wbkd/react-flow/pull/3301) [`8b3e8400`](https://togithub.com/wbkd/react-flow/commit/8b3e840039ab7406ac3837ba373ec01b002892de) - fix(windows): more natural key defaults
- [#3294](https://togithub.com/wbkd/react-flow/pull/3294) [`de989bc6`](https://togithub.com/wbkd/react-flow/commit/de989bc604ccbc7951371430381547582f768dff) - fix(node-click): handle deleted node Thanks [@hayleigh-dot-dev](https://togithub.com/hayleigh-dot-dev)
##### Minimap Updates
- [#3283](https://togithub.com/wbkd/react-flow/pull/3283) [`1f4a2b52`](https://togithub.com/wbkd/react-flow/commit/1f4a2b5244b15a2dad5c6afd565cc459f33c4abc) - feat(minimap): add `offsetScale` prop Thanks [@Elringus](https://togithub.com/Elringus)
- [#3284](https://togithub.com/wbkd/react-flow/pull/3284) [`327e54f5`](https://togithub.com/wbkd/react-flow/commit/327e54f587d4834e85a2caf2af45a6fc2b24d8b2) - feat(minimap): add selected class name to minimap node Thanks [@Elringus](https://togithub.com/Elringus)
##### Chore and Refactoring
- [#3304](https://togithub.com/wbkd/react-flow/pull/3304) [`15742c00`](https://togithub.com/wbkd/react-flow/commit/15742c004759e8cfcb84b83cb71e678b6c855d23) - chore(zustand): use latest version
- [#3292](https://togithub.com/wbkd/react-flow/pull/3292) [`6255c4cf`](https://togithub.com/wbkd/react-flow/commit/6255c4cf29ee6177762d49289cff9a555510bcce) - chore(pkg): add exports field for package.json
- [#3288](https://togithub.com/wbkd/react-flow/pull/3288) [`511ca769`](https://togithub.com/wbkd/react-flow/commit/511ca7699b67d8fc9088069f426c062184487b8a) - refactor(onError): use for node and edge type creation
- [#3285](https://togithub.com/wbkd/react-flow/pull/3285) [`e64e961a`](https://togithub.com/wbkd/react-flow/commit/e64e961a80517351068fc04146123fbd4fc744e5) - chore(a11y): always add role attribute to edge wrapper
- chore(tests): use latest cypress version
- Updated dependencies \[[`15742c00`](https://togithub.com/wbkd/react-flow/commit/15742c004759e8cfcb84b83cb71e678b6c855d23), [`10a32239`](https://togithub.com/wbkd/react-flow/commit/10a32239063be3c2cc107145b9a21ac850c90410), [`fdddf43d`](https://togithub.com/wbkd/react-flow/commit/fdddf43d0d3b4b71158c0e0b56aab9dcbd61da6d), [`6255c4cf`](https://togithub.com/wbkd/react-flow/commit/6255c4cf29ee6177762d49289cff9a555510bcce), [`ff85d908`](https://togithub.com/wbkd/react-flow/commit/ff85d908a94ba5add9bc66a0ded0cb755c95fcda), [`61d90578`](https://togithub.com/wbkd/react-flow/commit/61d905784113c2fb3cdf5993292cc6ac694dac7c), [`6e6bb674`](https://togithub.com/wbkd/react-flow/commit/6e6bb6743ed4b4f517528f52411d9612f3f13d58), [`327e54f5`](https://togithub.com/wbkd/react-flow/commit/327e54f587d4834e85a2caf2af45a6fc2b24d8b2), [`1f4a2b52`](https://togithub.com/wbkd/react-flow/commit/1f4a2b5244b15a2dad5c6afd565cc459f33c4abc), [`511ca769`](https://togithub.com/wbkd/react-flow/commit/511ca7699b67d8fc9088069f426c062184487b8a), [`bb1b9318`](https://togithub.com/wbkd/react-flow/commit/bb1b93183a374fbf002625e962441ff0ff288c08), [`ed4a0c1b`](https://togithub.com/wbkd/react-flow/commit/ed4a0c1b1629ab356dc4b4fd2dcedfde6e99d3b8), [`f9169108`](https://togithub.com/wbkd/react-flow/commit/f916910820916305be0d93060532224ff311aa80), [`8b3e8400`](https://togithub.com/wbkd/react-flow/commit/8b3e840039ab7406ac3837ba373ec01b002892de), [`e64e961a`](https://togithub.com/wbkd/react-flow/commit/e64e961a80517351068fc04146123fbd4fc744e5), [`de989bc6`](https://togithub.com/wbkd/react-flow/commit/de989bc604ccbc7951371430381547582f768dff)]:
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.5
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.16
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).8.0
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).6.0
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).1.2
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.4
### [`v11.7.4`](https://togithub.com/xyflow/xyflow/releases/tag/11.7.4)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.7.3...reactflow@11.7.4)
##### Patch Changes
- [#3166](https://togithub.com/wbkd/react-flow/pull/3166) [`1941c561`](https://togithub.com/wbkd/react-flow/commit/1941c561c9eab937c0a01747c6d188ec8c6a1bf8) - fix(nodeExtent): include node width and height
- [#3164](https://togithub.com/wbkd/react-flow/pull/3164) [`c8b607dc`](https://togithub.com/wbkd/react-flow/commit/c8b607dcddeaf80912b756b0ce8045f7974e4657) - fix(handles): always check handles below mouse while connecting
- Updated dependencies \[[`1941c561`](https://togithub.com/wbkd/react-flow/commit/1941c561c9eab937c0a01747c6d188ec8c6a1bf8), [`c8b607dc`](https://togithub.com/wbkd/react-flow/commit/c8b607dcddeaf80912b756b0ce8045f7974e4657)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).7.4
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.4
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.15
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).5.4
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.3
### [`v11.7.3`](https://togithub.com/xyflow/xyflow/releases/tag/11.7.3)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.7.2...reactflow@11.7.3)
##### Patch Changes
- [#3154](https://togithub.com/wbkd/react-flow/pull/3154) [`3a277cb1`](https://togithub.com/wbkd/react-flow/commit/3a277cb123a886af093cee694c289c7e139c79ef) - Prop `elevateEdgesOnSelect`: adjust behaviour so that it works like `elevateNodesOnSelect`
- [#3152](https://togithub.com/wbkd/react-flow/pull/3152) [`52dbac5a`](https://togithub.com/wbkd/react-flow/commit/52dbac5a56c092504256f947df7a959eb07385c6) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - Use all valid handles in proximity to determine the closest handle that can be snapped to. Fixes invalid handles connection radius blocking snap to valid handles inside the same radius
- [#3150](https://togithub.com/wbkd/react-flow/pull/3150) [`880a5932`](https://togithub.com/wbkd/react-flow/commit/880a593292ce5fdff30b656c2a1290cf98771818) Thanks [@goliney](https://togithub.com/goliney)! - Node-Resizer: use latest reference of `onResize`, `onResizeStart` and `onResizeEnd`
- [#3153](https://togithub.com/wbkd/react-flow/pull/3153) [`fbbee046`](https://togithub.com/wbkd/react-flow/commit/fbbee046282d466612089d31a2eff5a010733283) - Minimap: Improve performance for flows with lots of nodes that use the `` component
- Updated dependencies \[[`fbbee046`](https://togithub.com/wbkd/react-flow/commit/fbbee046282d466612089d31a2eff5a010733283), [`52dbac5a`](https://togithub.com/wbkd/react-flow/commit/52dbac5a56c092504256f947df7a959eb07385c6), [`3a277cb1`](https://togithub.com/wbkd/react-flow/commit/3a277cb123a886af093cee694c289c7e139c79ef), [`880a5932`](https://togithub.com/wbkd/react-flow/commit/880a593292ce5fdff30b656c2a1290cf98771818)]:
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).5.3
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).7.3
- [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).1.1
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.3
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.14
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.2
### [`v11.7.2`](https://togithub.com/xyflow/xyflow/releases/tag/11.7.2)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.7.1...reactflow@11.7.2)
##### Patch Changes
- [#3063](https://togithub.com/wbkd/react-flow/pull/3063) [`33915b88`](https://togithub.com/wbkd/react-flow/commit/33915b88c2ae701847870346b381f9cfa86c6459) - controls: disable zoom buttons when min/max is reached
- [#3060](https://togithub.com/wbkd/react-flow/pull/3060) [`70ec97f7`](https://togithub.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba) - fix useNodes and useEdges bug with infinite re-renderings
- [#3064](https://togithub.com/wbkd/react-flow/pull/3064) [`d2d1aebc`](https://togithub.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48) - refactor useUpdateNodeInternals: only call updateNodeDimensions once
- [#3059](https://togithub.com/wbkd/react-flow/pull/3059) [`4374459e`](https://togithub.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b) - fix useUpdateNodeInternals: update type
- Updated dependencies \[[`70ec97f7`](https://togithub.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba), [`33915b88`](https://togithub.com/wbkd/react-flow/commit/33915b88c2ae701847870346b381f9cfa86c6459), [`d2d1aebc`](https://togithub.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48), [`4374459e`](https://togithub.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).7.2
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.13
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.2
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).5.2
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.1
### [`v11.7.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.7.1)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.7.0...reactflow@11.7.1)
##### Patch Changes
- [#3043](https://togithub.com/wbkd/react-flow/pull/3043) [`cf7a7d3d`](https://togithub.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb) - handles: handles on top of each other, reduce re-renderings
- [#3046](https://togithub.com/wbkd/react-flow/pull/3046) [`07b975bb`](https://togithub.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c) - base-edge: pass id to base edge path
- [#3007](https://togithub.com/wbkd/react-flow/pull/3007) [`c80d269b`](https://togithub.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - allow array of ids as updateNodeInternals arg
- [#3029](https://togithub.com/wbkd/react-flow/pull/3029) [`a3fa164c`](https://togithub.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - autopan: only update nodes when transform change happen
- [#3052](https://togithub.com/wbkd/react-flow/pull/3052) [`55e05cf7`](https://togithub.com/wbkd/react-flow/commit/55e05cf76ae21863691153e76dbd51d1eecd2c60) Thanks [@Noam3kCH](https://togithub.com/Noam3kCH)! - node-toolbar: add prop to align bar at start, center or end
- Updated dependencies \[[`cf7a7d3d`](https://togithub.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb), [`07b975bb`](https://togithub.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c), [`55e05cf7`](https://togithub.com/wbkd/react-flow/commit/55e05cf76ae21863691153e76dbd51d1eecd2c60), [`c80d269b`](https://togithub.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70), [`46526b4e`](https://togithub.com/wbkd/react-flow/commit/46526b4e02b83d74726701e3ba73d0be8cf80787), [`a3fa164c`](https://togithub.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).7.1
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.0
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.12
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.1
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).5.1
### [`v11.7.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.7.0)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.6.1...reactflow@11.7.0)
### 11.7.0
Most notable updates:
- `@reactflow/node-resizer` is now part of this package. No need to install it separately anymore.
- Handles: [`isConnectableStart` and `isConnectableEnd`](https://reactflow.dev/docs/api/nodes/handle/#isconnectablestart) props to configure if you can start or end a connection at a certain handle
- Edges: [`updatable`](https://reactflow.dev/docs/examples/edges/updatable-edge/) option to enable updates for specific edges
- Background: you can now [combine backgrounds](https://reactflow.dev/docs/api/plugin-components/background/#background-combinations) (possible with the new `id` and `offset` props)
- MiniMap: [`inversePan` and `zoomStep`](https://reactflow.dev/docs/api/plugin-components/minimap/#inversepan) props
- useNodesInitialized: option to configure if hidden nodes should be included (false by default)
Big thanks to [@Elringus](https://togithub.com/Elringus) and [@bcakmakoglu](https://togithub.com/bcakmakoglu)!
##### Minor Changes
- [#2964](https://togithub.com/wbkd/react-flow/pull/2964) [`2fb4c2c8`](https://togithub.com/wbkd/react-flow/commit/2fb4c2c82343751ff536da262de74bd9080321b4) - add [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer) package
- [#2960](https://togithub.com/wbkd/react-flow/pull/2960) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - edges: add `updatable` option
- [#2958](https://togithub.com/wbkd/react-flow/pull/2958) [`4d97a0ed`](https://togithub.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065) - handles: add `isConnectableStart` and `isConnectableEnd` props
- [#2956](https://togithub.com/wbkd/react-flow/pull/2956) [`923a54c4`](https://togithub.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38) - add options for `useNodesInitialized`, ignore hidden nodes by default
- [#2944](https://togithub.com/wbkd/react-flow/pull/2944) Thanks [@Elringus](https://togithub.com/Elringus)! - add `inversePan` and `zoomStep` props
- [#2941](https://togithub.com/wbkd/react-flow/pull/2941) Thanks [@Elringus](https://togithub.com/Elringus)! - background: add `id` and `offset` props
##### Patch Changes
- [#2926](https://togithub.com/wbkd/react-flow/pull/2926) Thanks [@Elringus](https://togithub.com/Elringus)! - fix non-passive wheel event listener violation
- [#2933](https://togithub.com/wbkd/react-flow/pull/2933) [`fe8cac0a`](https://togithub.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb) - prefix error keys with "error"
- [#2939](https://togithub.com/wbkd/react-flow/pull/2939) [`4a4ca171`](https://togithub.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402) - add connection result to store
- Updated dependencies \[[`098eee3d`](https://togithub.com/wbkd/react-flow/commit/098eee3d41dabc870777b081796401ff13b5a776), [`fe8cac0a`](https://togithub.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb), [`4a4ca171`](https://togithub.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402), [`c1448c2f`](https://togithub.com/wbkd/react-flow/commit/c1448c2f7415dd3b4b2c54e05404c5ab24e8978d), [`923a54c4`](https://togithub.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38), [`4d97a0ed`](https://togithub.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065), [`771c7a5d`](https://togithub.com/wbkd/react-flow/commit/771c7a5d133ce96e9f7471394c15189e0657ce01), [`c22e1c28`](https://togithub.com/wbkd/react-flow/commit/c22e1c28c5555a638c2a8e82c3bfc986b3965d36)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).7.0
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).5.0
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.0
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.11
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).1.11
### [`v11.6.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.6.1)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.6.0...reactflow@11.6.1)
#### 11.6.1
##### Patch Changes
- Always create new edge objects (fixes an issue with Redux toolkit and other immutable helper libs)
### [`v11.6.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.6.0)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.5.6...reactflow@11.6.0)
This release introduces a new `isValidConnection` prop for the ReactFlow component. You no longer need to pass it to all your Handle components but can pass it once. We also added a new option for the `updateEdge` function that allows you to specify if you want to replace an id when updating it. More over the `MiniMap` got a new `nodeComponent` prop to pass a custom component for the mini map nodes.
##### Minor Changes
- [#2877](https://togithub.com/wbkd/react-flow/pull/2877) [`b8886514`](https://togithub.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7) - add `isValidConnection` prop for ReactFlow component
- [#2847](https://togithub.com/wbkd/react-flow/pull/2847) [`16bf89f2`](https://togithub.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - Add option to enable/disable replacing edge id when using `updateEdge`
- [#2906](https://togithub.com/wbkd/react-flow/pull/2906) [`4a30185a`](https://togithub.com/wbkd/react-flow/commit/4a30185a12899691ff61259f0db84bc5494cb573) Thanks [@hayleigh-dot-dev](https://togithub.com/hayleigh-dot-dev)! - Minimap: add nodeComponent prop for passing custom component
##### Patch Changes
- [#2895](https://togithub.com/wbkd/react-flow/pull/2895) [`3d5764ca`](https://togithub.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425) - add data-testid for controls, minimap and background
- [#2894](https://togithub.com/wbkd/react-flow/pull/2894) [`83fc4675`](https://togithub.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b) - fix(nodes): blur when node gets unselected
- [#2892](https://togithub.com/wbkd/react-flow/pull/2892) [`5fabd272`](https://togithub.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf) Thanks [@danielgek](https://togithub.com/danielgek) - track modifier keys on useKeypress
- [#2893](https://togithub.com/wbkd/react-flow/pull/2893) [`8f080bd5`](https://togithub.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861) - fix: check if handle is connectable
- Updated dependencies \[[`3d5764ca`](https://togithub.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425), [`4a30185a`](https://togithub.com/wbkd/react-flow/commit/4a30185a12899691ff61259f0db84bc5494cb573), [`83fc4675`](https://togithub.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b), [`b1190837`](https://togithub.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798), [`5fabd272`](https://togithub.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf), [`8f080bd5`](https://togithub.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861), [`b8886514`](https://togithub.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7), [`16bf89f2`](https://togithub.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533)]:
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).1.9
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.9
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).6.0
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).4.0
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).1.9
### [`v11.5.6`](https://togithub.com/xyflow/xyflow/releases/tag/11.5.6)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.5.5...reactflow@11.5.6)
##### Patch Changes
- [#2834](https://togithub.com/wbkd/react-flow/pull/2834) [`23424ea6`](https://togithub.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - Add `nodes` to fit view options to allow fitting view only around specified set of nodes
- [#2836](https://togithub.com/wbkd/react-flow/pull/2836) [`959b1114`](https://togithub.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6) - Fix: connections for handles with bigger handles than connection radius
- [#2819](https://togithub.com/wbkd/react-flow/pull/2819) [`0d259b02`](https://togithub.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - Avoid triggering edge update if not using left mouse button
- [#2832](https://togithub.com/wbkd/react-flow/pull/2832) [`f3de9335`](https://togithub.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5) - fitView: return type boolean
- [#2838](https://togithub.com/wbkd/react-flow/pull/2838) [`021f5a92`](https://togithub.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4) - refactor: use key press handle modifier keys + input
- [#2839](https://togithub.com/wbkd/react-flow/pull/2839) [`72216ff6`](https://togithub.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6) - fix PropsWithChildren: pass default generic for v17 types
- Updated dependencies \[[`72216ff6`](https://togithub.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6), [`959b1114`](https://togithub.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6), [`0d259b02`](https://togithub.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f), [`f3de9335`](https://togithub.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5), [`23424ea6`](https://togithub.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96), [`021f5a92`](https://togithub.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).5.5
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).1.8
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.8
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).3.8
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).1.8
### [`v11.5.5`](https://togithub.com/xyflow/xyflow/releases/tag/11.5.5)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.5.4...reactflow@11.5.5)
##### Patch Changes
- [`383a074a`](https://togithub.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - Check if prevClosestHandle exists in onPointerUp. Fixes connections getting stuck on last handle and connecting, even when out of connectionRadius
- Updated dependencies \[[`383a074a`](https://togithub.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).5.4
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).1.7
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.7
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).3.7
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).1.7
### [`v11.5.4`](https://togithub.com/xyflow/xyflow/releases/tag/11.5.4)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.5.3...reactflow@11.5.4)
This release fixes some issues with the newly introduced connection radius feature. We are now not only checking the radius but the handle itself too (like in the old version). That means that you can connect to a handle that is bigger than the connection radius. We are also not snapping connections anymore when they are not valid and pass a status class to the connection line that says if the current connection is valid or not. More over we fixed a connection issue with iOS.
##### Patch Changes
- [#2800](https://togithub.com/wbkd/react-flow/pull/2800) [`be8097ac`](https://togithub.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c) - When node is not draggable, you can't move it with a selection either
- [#2803](https://togithub.com/wbkd/react-flow/pull/2803) [`1527795d`](https://togithub.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd) - connection: add status class (valid or invalid) while in connection radius
- [#2801](https://togithub.com/wbkd/react-flow/pull/2801) [`3b6348a8`](https://togithub.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2) - fix(ios): connection error + dont snap invalid connection lines, check handle and connection radius
- Updated dependencies \[[`be8097ac`](https://togithub.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c), [`1527795d`](https://togithub.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd), [`3b6348a8`](https://togithub.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).5.3
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).1.6
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.6
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).3.6
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).1.6
### [`v11.5.3`](https://togithub.com/xyflow/xyflow/releases/tag/11.5.3)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.5.2...reactflow@11.5.3)
##### Patch Changes
- [#2792](https://togithub.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://togithub.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
- Updated dependencies \[[`d8c679b4`](https://togithub.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a)]:
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).1.5
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.5
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).5.2
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).3.5
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).1.5
### [`v11.5.2`](https://togithub.com/xyflow/xyflow/releases/tag/11.5.2)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.5.1...reactflow@11.5.2)
##### Patch Changes
- [#2783](https://togithub.com/wbkd/react-flow/pull/2783) [`71153534`](https://togithub.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5) - connections: check handle below mouse before using connection radius [#2778](https://togithub.com/xyflow/xyflow/issues/2778)
- Updated dependencies \[[`71153534`](https://togithub.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).5.1
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).1.4
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.4
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).3.4
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).1.4
### [`v11.5.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.5.1)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.5.0...reactflow@11.5.1)
##### Minor Changes
- use latest node-toolbar package to prevent dependency issues
### [`v11.5.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.5.0)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.4.2...reactflow@11.5.0)
Lot's of improvements are coming with this release!
- **Connecting radius**: No need to drop a connection line on top of handle anymore. You only need to be close to the handle. That radius can be configured with the `connectionRadius` prop.
- **Auto pan**: When you drag a node, a selection or the connection line to the border of the pane, it will pan into that direction. That makes it easier to connect far away nodes for example. If you don't like it you can set `autoPnaOnNodeDrag` and `autoPanOnConnect` to false.
- **Touch devices**: It's finally possibleto connect nodes with the connection line on touch devices. In combination with the new auto pan and connection radius the overall UX is way better.
- **Errors**: We added an `onError` prop to get notified when an error like "couldn't find source handle" happens. This is useful if you want to log errors for example.
- **Node type**: We added a second param to the generic `Node` type. You can not only pass `NodeData` but also the type as a second param:
```ts
type MyCustomNode = Node
```
This makes it easier to work with different custom nodes and data types.
##### Minor Changes
- [#2754](https://togithub.com/wbkd/react-flow/pull/2754) [`e96309b6`](https://togithub.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694) - Add auto pan for connecting and node dragging and `connectionRadius`
- [#2773](https://togithub.com/wbkd/react-flow/pull/2773) - Add `onError` prop to get notified when an error happens
##### Patch Changes
- [#2763](https://togithub.com/wbkd/react-flow/pull/2763) [`85003b01`](https://togithub.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52) - Connecting nodes: Enable connections on touch devices
- [#2620](https://togithub.com/wbkd/react-flow/pull/2620) - Thanks [RichSchulz](https://togithub.com/RichSchulz)! - Types: improve typing for node type
### [`v11.4.2`](https://togithub.com/xyflow/xyflow/releases/tag/11.4.2)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.4.1...reactflow@11.4.2)
##### Patch Changes
- [#2741](https://togithub.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://togithub.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
### [`v11.4.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.4.1)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.4.0...reactflow@11.4.1)
#### 11.4.1
##### Patch Changes
- [#2738](https://togithub.com/wbkd/react-flow/pull/2738) [`82988485`](https://togithub.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba) - fix: fitView for subflows, context menu on right mouse pan
- [#2740](https://togithub.com/wbkd/react-flow/pull/2740) [`d91e619a`](https://togithub.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086) Thanks [@michaelspiss](https://togithub.com/michaelspiss)! - EdgeRenderer: check all handles for connection mode loose
- Updated dependencies \[[`82988485`](https://togithub.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba), [`d91e619a`](https://togithub.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).4.1
- [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).1.1
- [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.1
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).3.1
- [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).1.1
### [`v11.4.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.4.0)
[Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.3.3...reactflow@11.4.0)
#### New Features
New props for the ReactFlow component to customize the controls of the viewport and the selection box better:
1. `selectionOnDrag` prop: Selection box without extra button press (need to set `panOnDrag={false}` or `panOnDrag={[1, 2]}`)
2. `panOnDrag={[0, 1, 2]}` option to configure specific mouse buttons for panning
3. `panActivationKeyCode="Space"` key code for activating dragging (useful when using `selectionOnDrag`)
4. `selectionMode={SelectionMode.Full}`: you can chose if the selection box needs to contain a node fully (`SelectionMode.Full`) or partially (`SelectionMode.Partial`) to select it
5. `onSelectionStart` and `onSelectionEnd` events
6. `elevateNodesOnSelect`: Defines if z-index should be increased when node is selected
7. New store function `getNodes`. You can now do `store.getState().getNodes()` instead of `Array.from(store.getNodes().nodeInternals.values())`.
Thanks to [@jackfishwick](https://togithub.com/jackfishwick) who helped a lot with the new panning and selection options.
##### Minor Changes
- [#2678](https://togithub.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://togithub.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493)
- Add new props to configure viewport controls (`selectionOnDrag`, `panActivationKeyCode`, ..)
- [#2661](https://togithub.com/wbkd/react-flow/pull/2661) [`7ef29108`](https://togithub.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654)
- panOnDrag: Use numbers for prop (\[1,2] = drag via middle or right mouse button)
- selection: do not include hidden nodes
- minimap: fix onNodeClick for nodes outside the viewport
- keys: allow multi select when input is focused
##### Patch Changes
- [#2695](https://togithub.com/wbkd/react-flow/pull/2695) [`ab2ff374`](https://togithub.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff) - Add elevateNodesOnSelect prop
- [#2660](https://togithub.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://togithub.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
- [#2659](https://togithub.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://togithub.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) - Use translateExtent correctly
- [#2657](https://togithub.com/wbkd/react-flow/pull/2657) [`23afb3ab`](https://togithub.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c) - Only trigger drag event when change happened
- Updated dependencies \[[`ab2ff374`](https://togithub.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://togithub.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://togithub.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://togithub.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://togithub.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://togithub.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
- [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).4.0
- [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).3.0
- [@reactflow/node-toolbar](https://tog
This PR contains the following updates:
11.1.1->11.10.3By merging this PR, the issue #75 will be automatically resolved and closed:
Release Notes
xyflow/xyflow (reactflow)
### [`v11.10.3`](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.2...reactflow@11.10.3) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.2...reactflow@11.10.3) ### [`v11.10.2`](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.1...reactflow@11.10.2) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.1...reactflow@11.10.2) ### [`v11.10.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.10.1) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.10.0...reactflow@11.10.1) ##### Patch Changes Just a tiny fix for Typescript users who want to use the new `screenToFlowPosition` and `flowToScreenPosition` function of `useReactFlow`. - [#3605](https://togithub.com/xyflow/xyflow/pull/3605) [`e71dec26`](https://togithub.com/xyflow/xyflow/commit/e71dec263c8a8296d0a890c2fc7d0a5aac94f9e5) - fix(react-flow-instance): add screenToFlow and flowToScreen types - Updated dependencies \[[`e71dec26`](https://togithub.com/xyflow/xyflow/commit/e71dec263c8a8296d0a890c2fc7d0a5aac94f9e5)]: - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).10.1 - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.6 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.6 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.6 - [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.6 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.6 ### [`v11.10.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.10.0) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.4...reactflow@11.10.0) #### Upcoming v12 We want to make the migration for v12 as smooth as possible. That's why we added deprecation warnings for the following util functions: ##### Deprecations / Renamings ##### Rename `useReactFlow.project` to `useReactFlow.screenToFlowPosition` ⚠️ **changes**: no need to subtract react flow bounds anymore! before: ```js const reactFlowBounds = reactFlowWrapper.current.getBoundingClientRect(); const position = reactFlowInstance.project({ x: event.clientX - reactFlowBounds.left, y: event.clientY - reactFlowBounds.top, }); ``` after: ```js const position = reactFlowInstance.screenToFlowPosition({ x: event.clientX, y: event.clientY, }); ``` ##### Rename `getTransformForBounds` to `getViewportForBounds` ⚠️ **changes**: returns `{ x: number, y: number, zoom: number }` instead of `[number, number, number]`. before: ```js const [x, y, zoom] = getTransformForBounds(bounds, width, height, 0.5, 2) ``` after: ```js const {x, y, zoom} = getViewportForBounds(bounds, width, height, 0.5, 2) ``` ##### Rename `getRectOfNodes` to `getNodesBounds` no changes, just a renaming. ##### New features - added `useReactFlow.flowToScreenPosition` ##### Minor Changes - [#3597](https://togithub.com/xyflow/xyflow/pull/3597) [`a114c75b`](https://togithub.com/xyflow/xyflow/commit/a114c75b79d1d7bd24937318119a824879fe0b54) Thanks - chore(utils): add renamed functions and deprecations, add `useReactFlow.flowToScreenPosition` ##### Patch Changes - [#3586](https://togithub.com/xyflow/xyflow/pull/3586) [`746fa4a0`](https://togithub.com/xyflow/xyflow/commit/746fa4a0739719402bdc32bcbf18b577bb75cb1b) Thanks [@Nick-Lucas](https://togithub.com/Nick-Lucas)! - fix(intersection-helpers): use nodeRect instead of nodeOrRect - [#3584](https://togithub.com/xyflow/xyflow/pull/3584) [`291db12f`](https://togithub.com/xyflow/xyflow/commit/291db12fb1b7e72765fbf8a724f3853b1ff682fe) - fix(panOnScroll): respect zoomActivationKeyPressed when hovering a node - [#3593](https://togithub.com/xyflow/xyflow/pull/3593) [`e1d3d594`](https://togithub.com/xyflow/xyflow/commit/e1d3d59479cef7e55c4759fd05c7b1d5eb58d070) Thanks [@juspy](https://togithub.com/juspy)! - fix(useOnSelectionChange): multiple handlers - [#3595](https://togithub.com/xyflow/xyflow/pull/3595) [`ddc40528`](https://togithub.com/xyflow/xyflow/commit/ddc40528dd90d3de677f773b6670dc57a2c8520b) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - refactor(pan-activation): allow panning by scroll when pan activation key is pressed - [#3596](https://togithub.com/xyflow/xyflow/pull/3596) [`e4c25caf`](https://togithub.com/xyflow/xyflow/commit/e4c25caf7b699c1a50c3c8a9ffee59e00f0804cc) - refactor(handles): snap to handle center when above handle - Updated dependencies \[[`a114c75b`](https://togithub.com/xyflow/xyflow/commit/a114c75b79d1d7bd24937318119a824879fe0b54), [`746fa4a0`](https://togithub.com/xyflow/xyflow/commit/746fa4a0739719402bdc32bcbf18b577bb75cb1b), [`291db12f`](https://togithub.com/xyflow/xyflow/commit/291db12fb1b7e72765fbf8a724f3853b1ff682fe), [`e1d3d594`](https://togithub.com/xyflow/xyflow/commit/e1d3d59479cef7e55c4759fd05c7b1d5eb58d070), [`ddc40528`](https://togithub.com/xyflow/xyflow/commit/ddc40528dd90d3de677f773b6670dc57a2c8520b), [`e4c25caf`](https://togithub.com/xyflow/xyflow/commit/e4c25caf7b699c1a50c3c8a9ffee59e00f0804cc)]: - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).10.0 - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.5 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.5 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.5 - [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.5 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.5 ### [`v11.9.4`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.4) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.3...reactflow@11.9.4) ##### Patch Changes - fix(panOnScroll): use correct filter so that connections work - Updated dependencies \[[`e0cef7f1`](https://togithub.com/wbkd/react-flow/commit/e0cef7f1403f489f079ba7acc5b5a9aa596c39e9)]: - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).9.4 - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.4 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.4 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.4 - [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.4 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.4 ### [`v11.9.3`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.3) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.2...reactflow@11.9.3) ##### Patch Changes - [#3490](https://togithub.com/wbkd/react-flow/pull/3490) [`530ccc08`](https://togithub.com/wbkd/react-flow/commit/530ccc08b61a14b6e5913623ee732a768eafdc31) - fix(selection): select nodes on click when nodeDragThreshold > 0 ### [`v11.9.2`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.2) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.1...reactflow@11.9.2) Fix broken build on npm ##### Patch Changes - Updated dependencies - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).9.2 ### [`v11.9.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.1) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.9.0...reactflow@11.9.1) This release fixes a bug (`deleteKeyCode` didn't work) that was introduced in the previous version. ##### Patch Changes - [#3453](https://togithub.com/wbkd/react-flow/pull/3453) [`0956f325`](https://togithub.com/wbkd/react-flow/commit/0956f325afaa84220eca4319e496bb18b86de4bf) - fix(nodes): remove via deleteKeyCode - Updated dependencies \[[`0956f325`](https://togithub.com/wbkd/react-flow/commit/0956f325afaa84220eca4319e496bb18b86de4bf)]: - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).9.1 - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.1 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.1 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.1 - [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.1 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.1 ### [`v11.9.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.9.0) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.8.3...reactflow@11.9.0) #### 11.9.0 With this version you can finally delay node drag events or suppress them when you just click a node. This is possible with the new [`nodeDragThreshold` prop](https://reactflow.dev/docs/api/react-flow-props/#nodedragthreshold). Another big change is that we finally support Astro and Remix while keeping the support for older setups like webpack4 + React 17 for example. ##### Minor Changes - [#3429](https://togithub.com/wbkd/react-flow/pull/3429) [`f118aee8`](https://togithub.com/wbkd/react-flow/commit/f118aee8b121df842f2ea1a255f2c9d7d8c3b45b) - feat(props): add `nodeDragThreshold` prop - [#3392](https://togithub.com/wbkd/react-flow/pull/3392) [`190958b5`](https://togithub.com/wbkd/react-flow/commit/190958b537e3b53cbfd87ac77fb8513173bf1338) - fix(packages): support newer setups (astro, remix, ...) and oder setups (webpack 4, react 17) ##### Patch Changes - [#3443](https://togithub.com/wbkd/react-flow/pull/3443) [`db4baa86`](https://togithub.com/wbkd/react-flow/commit/db4baa8606fd2ad771ca4eea701ca3788d4aaf49) Thanks [@bodinsamuel](https://togithub.com/bodinsamuel)! - chore(utils): export `handleParentExpand` - [#3421](https://togithub.com/wbkd/react-flow/pull/3421) [`3aac72cb`](https://togithub.com/wbkd/react-flow/commit/3aac72cb699b9dd495bdbd0bcb3204bbb30c4115) - refactor(nodes): don't delete nodes when user focuses input and presses modifier - [#3444](https://togithub.com/wbkd/react-flow/pull/3444) [`1a7c903c`](https://togithub.com/wbkd/react-flow/commit/1a7c903cd795ea1aaf8c8f4e23eceb3068720541) - refactor(node): make `expandParent` compatible with `extent: "parent"` - [#3419](https://togithub.com/wbkd/react-flow/pull/3419) [`274c73f9`](https://togithub.com/wbkd/react-flow/commit/274c73f9a26188d52315bf49cbc4192903d3b11c) - fix(panonscroll): respect nopan class name - [#3403](https://togithub.com/wbkd/react-flow/pull/3403) [`17ea954e`](https://togithub.com/wbkd/react-flow/commit/17ea954ea5fdb613be92863250c89ec12f2b60a5) - chore(edge-marker): use style instead of attributes - [#3411](https://togithub.com/wbkd/react-flow/pull/3411) [`2488941c`](https://togithub.com/wbkd/react-flow/commit/2488941c147b2b15c89cdf6d24c1420546f2ef91) - fix(node-selection): cleanup selection when node is not selectable - [#3446](https://togithub.com/wbkd/react-flow/pull/3446) [`6139da2b`](https://togithub.com/wbkd/react-flow/commit/6139da2bdc0d226ae90c4e8e19cbd5c91b4a59c9) - fix(nodes): disable all panning when `panOnDrag={false}` - [#3389](https://togithub.com/wbkd/react-flow/pull/3389) [`db357a42`](https://togithub.com/wbkd/react-flow/commit/db357a42628563e9cd2d058a27230ab961b6230f) - fix (edge-selection): consistent behaviour with node selection - Updated dependencies \[[`db4baa86`](https://togithub.com/wbkd/react-flow/commit/db4baa8606fd2ad771ca4eea701ca3788d4aaf49), [`3aac72cb`](https://togithub.com/wbkd/react-flow/commit/3aac72cb699b9dd495bdbd0bcb3204bbb30c4115), [`190958b5`](https://togithub.com/wbkd/react-flow/commit/190958b537e3b53cbfd87ac77fb8513173bf1338), [`1a7c903c`](https://togithub.com/wbkd/react-flow/commit/1a7c903cd795ea1aaf8c8f4e23eceb3068720541), [`fd0472d4`](https://togithub.com/wbkd/react-flow/commit/fd0472d4ab1df8d6ecfde0006d9cabd3258342b9), [`f118aee8`](https://togithub.com/wbkd/react-flow/commit/f118aee8b121df842f2ea1a255f2c9d7d8c3b45b), [`274c73f9`](https://togithub.com/wbkd/react-flow/commit/274c73f9a26188d52315bf49cbc4192903d3b11c), [`17ea954e`](https://togithub.com/wbkd/react-flow/commit/17ea954ea5fdb613be92863250c89ec12f2b60a5), [`2488941c`](https://togithub.com/wbkd/react-flow/commit/2488941c147b2b15c89cdf6d24c1420546f2ef91), [`6139da2b`](https://togithub.com/wbkd/react-flow/commit/6139da2bdc0d226ae90c4e8e19cbd5c91b4a59c9), [`db357a42`](https://togithub.com/wbkd/react-flow/commit/db357a42628563e9cd2d058a27230ab961b6230f)]: - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).9.0 - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).3.0 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).2.0 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).7.0 - [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).2.0 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).3.0 ### [`v11.8.3`](https://togithub.com/xyflow/xyflow/releases/tag/11.8.3) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.8.2...reactflow@11.8.3) ##### Patch Changes - [#3345](https://togithub.com/wbkd/react-flow/pull/3345) [`3b329d69`](https://togithub.com/wbkd/react-flow/commit/3b329d6991023e66b9b1b8b4cba1cccf21b6788e) - fix(step-edge): routing for equal handle positions ### [`v11.8.2`](https://togithub.com/xyflow/xyflow/releases/tag/11.8.2) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.8.1...reactflow@11.8.2) #### 11.8.2 This release fixes an issue with React 17 ##### Patch Changes - [#3327](https://togithub.com/wbkd/react-flow/pull/3327) [`7132c168`](https://togithub.com/wbkd/react-flow/commit/7132c16895c89c6d538a6b8de626e6167d41ce95) - fix(react17): dont use mjs for esm modules - Updated dependencies \[[`7132c168`](https://togithub.com/wbkd/react-flow/commit/7132c16895c89c6d538a6b8de626e6167d41ce95)]: - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.7 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.18 - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).8.2 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).6.2 - [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).1.4 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.6 ### [`v11.8.1`](https://togithub.com/xyflow/xyflow/releases/tag/11.8.1) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.8.0...reactflow@11.8.1) #### 11.8.1 This patch release fixes an issue with nextjs that was introduces in 11.8.0 ##### Patch Changes - [`1d99926c`](https://togithub.com/wbkd/react-flow/commit/1d99926c92c8519286d01fb584c8ef6497dc247a) Thanks [@Reflejo](https://togithub.com/Reflejo)! - Fix navigator being used on server-side rendering - Updated dependencies \[[`1d99926c`](https://togithub.com/wbkd/react-flow/commit/1d99926c92c8519286d01fb584c8ef6497dc247a)]: - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).8.1 - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.6 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.17 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).6.1 - [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).1.3 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.5 ### [`v11.8.0`](https://togithub.com/xyflow/xyflow/releases/tag/11.8.0) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.7.4...reactflow@11.8.0) This is probably the last minor and hopefully also the last patch release for v11. In the next weeks we will focus on the xyflow branch and the upcoming v12 major release. This release comes with a lot of fixes that we wanted to do for a long time. We finally fixed some windows scroll related bugs (fast zooming, no horizontal pan on scroll) and smooth edge bugs (better label positions, weird layouts). ##### Important updates for Windows users - default key for zoom activation and multi selection is "Control" instead of "Meta" - you can pan horizontally when Shift is pressed (when `panOnScroll` is set) - we fixed the fast zooming bug when users pressed Control ##### Important note for Zustand users If you are using Zustand, you need to update to v4.4.1 and follow the migration guide https://github.com/pmndrs/zustand/releases/tag/v4.4.0 ##### Fixes - [#3286](https://togithub.com/wbkd/react-flow/pull/3286) [`ff85d908`](https://togithub.com/wbkd/react-flow/commit/ff85d908a94ba5add9bc66a0ded0cb755c95fcda) - fix(selection): keep node positions when extent is reached - [#3289](https://togithub.com/wbkd/react-flow/pull/3289) [`61d90578`](https://togithub.com/wbkd/react-flow/commit/61d905784113c2fb3cdf5993292cc6ac694dac7c) - fix(onMoveEnd): falsely triggered on right click - [#3307](https://togithub.com/wbkd/react-flow/pull/3307) [`fdddf43d`](https://togithub.com/wbkd/react-flow/commit/fdddf43d0d3b4b71158c0e0b56aab9dcbd61da6d) - fix(windows): allow horizontal pan with Shift + scroll Thanks [@s-yadav](https://togithub.com/s-yadav) - [#3290](https://togithub.com/wbkd/react-flow/pull/3290) [`6e6bb674`](https://togithub.com/wbkd/react-flow/commit/6e6bb6743ed4b4f517528f52411d9612f3f13d58) - fix(panOnScroll): fire move events - [#3293](https://togithub.com/wbkd/react-flow/pull/3293) [`bb1b9318`](https://togithub.com/wbkd/react-flow/commit/bb1b93183a374fbf002625e962441ff0ff288c08) - fix(zoom): handle windows zoom with ctrl - [#3279](https://togithub.com/wbkd/react-flow/pull/3279) [`ed4a0c1b`](https://togithub.com/wbkd/react-flow/commit/ed4a0c1b1629ab356dc4b4fd2dcedfde6e99d3b8) - fix(step-edge): edge path for horizontally or vertically aligned nodes - [#3305](https://togithub.com/wbkd/react-flow/pull/3305) [`10a32239`](https://togithub.com/wbkd/react-flow/commit/10a32239063be3c2cc107145b9a21ac850c90410) - fix(step-edge): better default label positions - [#3306](https://togithub.com/wbkd/react-flow/pull/3306) [`f9169108`](https://togithub.com/wbkd/react-flow/commit/f916910820916305be0d93060532224ff311aa80) - fix(key-press): mac issue keyup not triggered Thanks [@VictorWinberg](https://togithub.com/VictorWinberg) - [#3301](https://togithub.com/wbkd/react-flow/pull/3301) [`8b3e8400`](https://togithub.com/wbkd/react-flow/commit/8b3e840039ab7406ac3837ba373ec01b002892de) - fix(windows): more natural key defaults - [#3294](https://togithub.com/wbkd/react-flow/pull/3294) [`de989bc6`](https://togithub.com/wbkd/react-flow/commit/de989bc604ccbc7951371430381547582f768dff) - fix(node-click): handle deleted node Thanks [@hayleigh-dot-dev](https://togithub.com/hayleigh-dot-dev) ##### Minimap Updates - [#3283](https://togithub.com/wbkd/react-flow/pull/3283) [`1f4a2b52`](https://togithub.com/wbkd/react-flow/commit/1f4a2b5244b15a2dad5c6afd565cc459f33c4abc) - feat(minimap): add `offsetScale` prop Thanks [@Elringus](https://togithub.com/Elringus) - [#3284](https://togithub.com/wbkd/react-flow/pull/3284) [`327e54f5`](https://togithub.com/wbkd/react-flow/commit/327e54f587d4834e85a2caf2af45a6fc2b24d8b2) - feat(minimap): add selected class name to minimap node Thanks [@Elringus](https://togithub.com/Elringus) ##### Chore and Refactoring - [#3304](https://togithub.com/wbkd/react-flow/pull/3304) [`15742c00`](https://togithub.com/wbkd/react-flow/commit/15742c004759e8cfcb84b83cb71e678b6c855d23) - chore(zustand): use latest version - [#3292](https://togithub.com/wbkd/react-flow/pull/3292) [`6255c4cf`](https://togithub.com/wbkd/react-flow/commit/6255c4cf29ee6177762d49289cff9a555510bcce) - chore(pkg): add exports field for package.json - [#3288](https://togithub.com/wbkd/react-flow/pull/3288) [`511ca769`](https://togithub.com/wbkd/react-flow/commit/511ca7699b67d8fc9088069f426c062184487b8a) - refactor(onError): use for node and edge type creation - [#3285](https://togithub.com/wbkd/react-flow/pull/3285) [`e64e961a`](https://togithub.com/wbkd/react-flow/commit/e64e961a80517351068fc04146123fbd4fc744e5) - chore(a11y): always add role attribute to edge wrapper - chore(tests): use latest cypress version - Updated dependencies \[[`15742c00`](https://togithub.com/wbkd/react-flow/commit/15742c004759e8cfcb84b83cb71e678b6c855d23), [`10a32239`](https://togithub.com/wbkd/react-flow/commit/10a32239063be3c2cc107145b9a21ac850c90410), [`fdddf43d`](https://togithub.com/wbkd/react-flow/commit/fdddf43d0d3b4b71158c0e0b56aab9dcbd61da6d), [`6255c4cf`](https://togithub.com/wbkd/react-flow/commit/6255c4cf29ee6177762d49289cff9a555510bcce), [`ff85d908`](https://togithub.com/wbkd/react-flow/commit/ff85d908a94ba5add9bc66a0ded0cb755c95fcda), [`61d90578`](https://togithub.com/wbkd/react-flow/commit/61d905784113c2fb3cdf5993292cc6ac694dac7c), [`6e6bb674`](https://togithub.com/wbkd/react-flow/commit/6e6bb6743ed4b4f517528f52411d9612f3f13d58), [`327e54f5`](https://togithub.com/wbkd/react-flow/commit/327e54f587d4834e85a2caf2af45a6fc2b24d8b2), [`1f4a2b52`](https://togithub.com/wbkd/react-flow/commit/1f4a2b5244b15a2dad5c6afd565cc459f33c4abc), [`511ca769`](https://togithub.com/wbkd/react-flow/commit/511ca7699b67d8fc9088069f426c062184487b8a), [`bb1b9318`](https://togithub.com/wbkd/react-flow/commit/bb1b93183a374fbf002625e962441ff0ff288c08), [`ed4a0c1b`](https://togithub.com/wbkd/react-flow/commit/ed4a0c1b1629ab356dc4b4fd2dcedfde6e99d3b8), [`f9169108`](https://togithub.com/wbkd/react-flow/commit/f916910820916305be0d93060532224ff311aa80), [`8b3e8400`](https://togithub.com/wbkd/react-flow/commit/8b3e840039ab7406ac3837ba373ec01b002892de), [`e64e961a`](https://togithub.com/wbkd/react-flow/commit/e64e961a80517351068fc04146123fbd4fc744e5), [`de989bc6`](https://togithub.com/wbkd/react-flow/commit/de989bc604ccbc7951371430381547582f768dff)]: - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.5 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.16 - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).8.0 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).6.0 - [@reactflow/node-resizer](https://togithub.com/reactflow/node-resizer)[@2](https://togithub.com/2).1.2 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.4 ### [`v11.7.4`](https://togithub.com/xyflow/xyflow/releases/tag/11.7.4) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.7.3...reactflow@11.7.4) ##### Patch Changes - [#3166](https://togithub.com/wbkd/react-flow/pull/3166) [`1941c561`](https://togithub.com/wbkd/react-flow/commit/1941c561c9eab937c0a01747c6d188ec8c6a1bf8) - fix(nodeExtent): include node width and height - [#3164](https://togithub.com/wbkd/react-flow/pull/3164) [`c8b607dc`](https://togithub.com/wbkd/react-flow/commit/c8b607dcddeaf80912b756b0ce8045f7974e4657) - fix(handles): always check handles below mouse while connecting - Updated dependencies \[[`1941c561`](https://togithub.com/wbkd/react-flow/commit/1941c561c9eab937c0a01747c6d188ec8c6a1bf8), [`c8b607dc`](https://togithub.com/wbkd/react-flow/commit/c8b607dcddeaf80912b756b0ce8045f7974e4657)]: - [@reactflow/core](https://togithub.com/reactflow/core)[@11](https://togithub.com/11).7.4 - [@reactflow/background](https://togithub.com/reactflow/background)[@11](https://togithub.com/11).2.4 - [@reactflow/controls](https://togithub.com/reactflow/controls)[@11](https://togithub.com/11).1.15 - [@reactflow/minimap](https://togithub.com/reactflow/minimap)[@11](https://togithub.com/11).5.4 - [@reactflow/node-toolbar](https://togithub.com/reactflow/node-toolbar)[@1](https://togithub.com/1).2.3 ### [`v11.7.3`](https://togithub.com/xyflow/xyflow/releases/tag/11.7.3) [Compare Source](https://togithub.com/xyflow/xyflow/compare/reactflow@11.7.2...reactflow@11.7.3) ##### Patch Changes - [#3154](https://togithub.com/wbkd/react-flow/pull/3154) [`3a277cb1`](https://togithub.com/wbkd/react-flow/commit/3a277cb123a886af093cee694c289c7e139c79ef) - Prop `elevateEdgesOnSelect`: adjust behaviour so that it works like `elevateNodesOnSelect` - [#3152](https://togithub.com/wbkd/react-flow/pull/3152) [`52dbac5a`](https://togithub.com/wbkd/react-flow/commit/52dbac5a56c092504256f947df7a959eb07385c6) Thanks [@bcakmakoglu](https://togithub.com/bcakmakoglu)! - Use all valid handles in proximity to determine the closest handle that can be snapped to. Fixes invalid handles connection radius blocking snap to valid handles inside the same radius - [#3150](https://togithub.com/wbkd/react-flow/pull/3150) [`880a5932`](https://togithub.com/wbkd/react-flow/commit/880a593292ce5fdff30b656c2a1290cf98771818) Thanks [@goliney](https://togithub.com/goliney)! - Node-Resizer: use latest reference of `onResize`, `onResizeStart` and `onResizeEnd` - [#3153](https://togithub.com/wbkd/react-flow/pull/3153) [`fbbee046`](https://togithub.com/wbkd/react-flow/commit/fbbee046282d466612089d31a2eff5a010733283) - Minimap: Improve performance for flows with lots of nodes that use the `