231 lines
13 KiB
Markdown
231 lines
13 KiB
Markdown
# @reactflow/minimap
|
|
|
|
## 11.4.1
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies
|
|
|
|
## 11.4.0
|
|
|
|
### Minor Changes
|
|
|
|
- [#2906](https://github.com/wbkd/react-flow/pull/2906) [`4a30185a`](https://github.com/wbkd/react-flow/commit/4a30185a12899691ff61259f0db84bc5494cb573) Thanks [@hayleigh-dot-dev](https://github.com/hayleigh-dot-dev)! - Add `nodeComponent` prop for passing custom component for the nodes
|
|
|
|
### Patch Changes
|
|
|
|
- [#2895](https://github.com/wbkd/react-flow/pull/2895) [`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425) - add data-testid for controls, minimap and background
|
|
|
|
- Updated dependencies [[`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425), [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b), [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798), [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf), [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861), [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7), [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533)]:
|
|
- @reactflow/core@11.6.0
|
|
|
|
## 11.3.8
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies [[`72216ff6`](https://github.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6), [`959b1114`](https://github.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6), [`0d259b02`](https://github.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f), [`f3de9335`](https://github.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5), [`23424ea6`](https://github.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96), [`021f5a92`](https://github.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4)]:
|
|
- @reactflow/core@11.5.5
|
|
|
|
## 11.3.7
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies [[`383a074a`](https://github.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e)]:
|
|
- @reactflow/core@11.5.4
|
|
|
|
## 11.3.6
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies [[`be8097ac`](https://github.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c), [`1527795d`](https://github.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd), [`3b6348a8`](https://github.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2)]:
|
|
- @reactflow/core@11.5.3
|
|
|
|
## 11.3.5
|
|
|
|
### Patch Changes
|
|
|
|
- [#2792](https://github.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
|
|
|
|
- Updated dependencies [[`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a)]:
|
|
- @reactflow/core@11.5.2
|
|
|
|
## 11.3.4
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies [[`71153534`](https://github.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5)]:
|
|
- @reactflow/core@11.5.1
|
|
|
|
## 11.3.3
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies [[`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694), [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52), [`4c516882`](https://github.com/wbkd/react-flow/commit/4c516882d2bbf426c1832a53ad40763cc1abef92)]:
|
|
- @reactflow/core@11.5.0
|
|
|
|
## 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
|
|
|
|
- Updated dependencies [[`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba), [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086)]:
|
|
- @reactflow/core@11.4.1
|
|
|
|
## 11.3.0
|
|
|
|
### Patch Changes
|
|
|
|
- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.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://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) - Use translateExtent correctly
|
|
|
|
- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
|
|
- @reactflow/core@11.4.0
|
|
|
|
## 11.3.0-next.1
|
|
|
|
### Minor Changes
|
|
|
|
- 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
|
|
|
|
- Updated dependencies []:
|
|
- @reactflow/core@11.4.0-next.1
|
|
|
|
## 11.3.0-next.0
|
|
|
|
### Minor Changes
|
|
|
|
- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493) Thanks [@moklick](https://github.com/moklick)! - ## 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="RightClick"`)
|
|
2. `panOnDrag="RightClick"` option
|
|
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
|
|
|
|
### Patch Changes
|
|
|
|
- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) Thanks [@moklick](https://github.com/moklick)! - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
|
|
|
|
- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) Thanks [@moklick](https://github.com/moklick)! - Use translateExtent correctly
|
|
|
|
- Updated dependencies [[`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
|
|
- @reactflow/core@11.4.0-next.0
|
|
|
|
## 11.2.3
|
|
|
|
### Patch Changes
|
|
|
|
- [#2646](https://github.com/wbkd/react-flow/pull/2646) [`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a) - Cleanup get node position with origin usage
|
|
|
|
- Updated dependencies [[`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a), [`6ee44e07`](https://github.com/wbkd/react-flow/commit/6ee44e076eaa6908d07578a757a5187642b732ae), [`aa69c207`](https://github.com/wbkd/react-flow/commit/aa69c20765e6978f4f9c8cc63ed7110dbf6d9d9d), [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18), [`0df02f35`](https://github.com/wbkd/react-flow/commit/0df02f35f8d6c54dae36af18278feadc77acb2d6)]:
|
|
- @reactflow/core@11.3.2
|
|
|
|
## 11.2.2
|
|
|
|
### Patch Changes
|
|
|
|
- [`7ece618d`](https://github.com/wbkd/react-flow/commit/7ece618d94b76183c1ecd45b16f6ab168168351b) Thanks [@lounsbrough](https://github.com/lounsbrough)! - Fix minimap node position
|
|
|
|
## 11.2.1
|
|
|
|
### Patch Changes
|
|
|
|
- [#2595](https://github.com/wbkd/react-flow/pull/2595) [`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4) Thanks [@chrtze](https://github.com/chrtze)! - Fix and improve the behaviour when using nodeOrigin in combination with subflows
|
|
|
|
- Updated dependencies [[`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4), [`b0302ce4`](https://github.com/wbkd/react-flow/commit/b0302ce4261a992bee841bae84af347d03be690f), [`b2c72813`](https://github.com/wbkd/react-flow/commit/b2c728137d1b53e38883f044fa447585c377a6af)]:
|
|
- @reactflow/core@11.3.1
|
|
|
|
## 11.2.0
|
|
|
|
### Minor Changes
|
|
|
|
- [#2562](https://github.com/wbkd/react-flow/pull/2562) [`d745aa33`](https://github.com/wbkd/react-flow/commit/d745aa33fcd1333e12929c862f9a3d6de53f7179) Thanks [@moklick](https://github.com/moklick)! - Add maskStrokeColor and maskStrokeWidth props
|
|
- [#2545](https://github.com/wbkd/react-flow/pull/2545) [`8f63f751`](https://github.com/wbkd/react-flow/commit/8f63f751e302d3c935865760d2134350c31ab93f) Thanks [@chrtze](https://github.com/chrtze)! - add a new property "ariaLabel" to configure or remove the aria-label of the minimap component
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies [[`92cf497e`](https://github.com/wbkd/react-flow/commit/92cf497eb72f21af592a53f5af9770c9f1e6d940), [`98116d43`](https://github.com/wbkd/react-flow/commit/98116d431f9fcdcc9b23a5b606a94ec0740b64cd), [`a39224b3`](https://github.com/wbkd/react-flow/commit/a39224b3a80afbdb83fc4490dd5f4f2be23cd4dd), [`5e8b67dd`](https://github.com/wbkd/react-flow/commit/5e8b67dd41f9bb60dcd7f5d14cc34b42c970e967), [`2a1c7db6`](https://github.com/wbkd/react-flow/commit/2a1c7db6b27ac0f4f81dcef2d593f4753c4321c7)]:
|
|
- @reactflow/core@11.3.0
|
|
|
|
## 11.1.0
|
|
|
|
### Minor Changes
|
|
|
|
- [#2530](https://github.com/wbkd/react-flow/pull/2530) [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21) Thanks [@moklick](https://github.com/moklick)! - Feat: Add pan and zoom to mini map
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies [[`740659c0`](https://github.com/wbkd/react-flow/commit/740659c0e788c7572d4a1e64e1d33d60712233fc), [`7902a3ce`](https://github.com/wbkd/react-flow/commit/7902a3ce3188426d5cd07cf0943a68f679e67948), [`b25d499e`](https://github.com/wbkd/react-flow/commit/b25d499ec05b5c6f21ac552d03650eb37433552e), [`4fc1253e`](https://github.com/wbkd/react-flow/commit/4fc1253eadf9b7dd392d8dc2348f44fa8d08f931), [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21)]:
|
|
- @reactflow/core@11.2.0
|
|
|
|
## 11.0.3
|
|
|
|
### Patch Changes
|
|
|
|
- cleanup types
|
|
- Updated dependencies:
|
|
- @reactflow/core@11.1.2
|
|
|
|
## 11.0.2
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies:
|
|
- @reactflow/core@11.1.1
|
|
|
|
## 11.0.1
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies [[`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab), [`d00faa6b`](https://github.com/wbkd/react-flow/commit/d00faa6b3e77388bfd655d4c02e9a5375bc515e4)]:
|
|
- @reactflow/core@11.1.0
|
|
|
|
## 11.0.0
|
|
|
|
### Major Changes
|
|
|
|
- **Better [Accessibility](/docs/guides/accessibility)**
|
|
- Nodes and edges are focusable, selectable, moveable and deleteable with the keyboard.
|
|
- `aria-` default attributes for all elements and controllable via `ariaLabel` options
|
|
- Keyboard controls can be disabled with the new `disableKeyboardA11y` prop
|
|
- **Better selectable edges** via new edge option: `interactionWidth` - renders invisible edge that makes it easier to interact
|
|
- **Better routing for smoothstep and step edges**: https://twitter.com/reactflowdev/status/1567535405284614145
|
|
- **Nicer edge updating behaviour**: https://twitter.com/reactflowdev/status/1564966917517021184
|
|
- **Node origin**: The new `nodeOrigin` prop lets you control the origin of a node. Useful for layouting.
|
|
- **New background pattern**: `BackgroundVariant.Cross` variant
|
|
- **[`useOnViewportChange`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
|
|
- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
|
|
- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) hook** - returns true if all nodes are initialized and if there is more than one node
|
|
- **Deletable option** for Nodes and edges
|
|
- **New Event handlers**: `onPaneMouseEnter`, `onPaneMouseMove` and `onPaneMouseLeave`
|
|
- **Edge `pathOptions`** for `smoothstep` and `default` edges
|
|
- **Nicer cursor defaults**: Cursor is grabbing, while dragging a node or panning
|
|
- **Pane moveable** with middle mouse button
|
|
- **Pan over nodes** when they are not draggable (`draggable=false` or `nodesDraggable` false)
|
|
- **[`<BaseEdge />`](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
|
|
- **[Separately installable packages](/docs/overview/packages/)**
|
|
- @reactflow/core
|
|
- @reactflow/background
|
|
- @reactflow/controls
|
|
- @reactflow/minimap
|
|
|
|
### Patch Changes
|
|
|
|
- Updated dependencies:
|
|
- @reactflow/core@11.0.0
|