@reactflow/minimap

11.3.1

Patch Changes

Updated dependencies [82988485, d91e619a]:
- @reactflow/core@11.4.1

11.3.0

Patch Changes

#2660 50032c3d - Add getNodes function to the store so that you don't need to do Array.from(store.getState().nodeInternals.values()) anymore.
#2659 4244bae2 - Use translateExtent correctly
Updated dependencies [ab2ff374, 50032c3d, baa8689e, 4244bae2, 7ef29108, 23afb3ab]:
- @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 baa8689e Thanks @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 50032c3d Thanks @moklick! - Add getNodes function to the store so that you don't need to do Array.from(store.getState().nodeInternals.values()) anymore.
#2659 4244bae2 Thanks @moklick! - Use translateExtent correctly
Updated dependencies [50032c3d, baa8689e, 4244bae2, 23afb3ab]:
- @reactflow/core@11.4.0-next.0

11.2.3

Patch Changes

#2646 e6b5d90f - Cleanup get node position with origin usage
Updated dependencies [e6b5d90f, 6ee44e07, aa69c207, d29c401d, 0df02f35]:
- @reactflow/core@11.3.2

11.2.2

Patch Changes

7ece618d Thanks @lounsbrough! - Fix minimap node position

11.2.1

Patch Changes

#2595 c828bfda Thanks @chrtze! - Fix and improve the behaviour when using nodeOrigin in combination with subflows
Updated dependencies [c828bfda, b0302ce4, b2c72813]:
- @reactflow/core@11.3.1

11.2.0

Minor Changes

#2562 d745aa33 Thanks @moklick! - Add maskStrokeColor and maskStrokeWidth props
#2545 8f63f751 Thanks @chrtze! - add a new property "ariaLabel" to configure or remove the aria-label of the minimap component

Patch Changes

Updated dependencies [92cf497e, 98116d43, a39224b3, 5e8b67dd, 2a1c7db6]:
- @reactflow/core@11.3.0

11.1.0

Minor Changes

#2530 8ba4dd5d Thanks @moklick! - Feat: Add pan and zoom to mini map

Patch Changes

Updated dependencies [740659c0, 7902a3ce, b25d499e, 4fc1253e, 8ba4dd5d]:
- @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, d00faa6b]:
- @reactflow/core@11.1.0

11.0.0

Major Changes

Better 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 hook - handle viewport changes within a component
useOnSelectionChange hook - handle selection changes within a component
useNodesInitialized 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 /> component that makes it easier to build custom edges
Separately installable packages
- @reactflow/core
- @reactflow/background
- @reactflow/controls
- @reactflow/minimap

Patch Changes

Updated dependencies:
- @reactflow/core@11.0.0