xyflow/packages/reactflow/CHANGELOG.md

reactflow

11.2.0

Minor Changes

• #2535 7902a3ce Thanks @moklick! - Feat: Add edge label renderer

• #2536 b25d499e Thanks @pengfu! - Feat: add deleteElements helper function

• #2539 4fc1253e Thanks @moklick! - Feat: add intersection helpers

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

Patch Changes

• #2538 740659c0 Thanks @neo! - Refactor: put React Flow in isolated stacking context

• Updated dependencies [740659c0, 7902a3ce, b25d499e, 4fc1253e, 8ba4dd5d]:

  • @reactflow/core@11.2.0
  • @reactflow/minimap@11.1.0
  • @reactflow/background@11.0.4
  • @reactflow/controls@11.0.4

11.1.2

Housekeeping release with some fixes and some cleanups for the types.

Patch Changes

• make pro options acc type optional
• cleanup types
• fix rf id handling
• always render nodes when dragging=true
• don't apply animations to helper edge
• Updated dependencies:
  • @reactflow/core@11.1.2
  • @reactflow/background@11.0.3
  • @reactflow/controls@11.0.3
  • @reactflow/minimap@11.0.3

11.1.1

Patch Changes

• c44413d Thanks @moklick! - chore(panel): dont break user selection above panel

• 48c402c Thanks @moklick! - refactor(aria-descriptions): render when disableKeyboardA11y is true

• 3a1a365 Thanks @moklick! - fix(useOnSelectionChange): repair hook closes #2484

• 5d35094 Thanks @neo! - Add css files as sideEffects

• Updated dependencies:

  • @reactflow/background@11.0.2
  • @reactflow/core@11.1.1
  • @reactflow/controls@11.0.2
  • @reactflow/minimap@11.0.2

11.1.0

Minor Changes

• def11008 Thanks @moklick! - New props: nodesFocusable and edgesFocusable

Patch Changes

• d00faa6b Thanks @moklick! - Make nopan class name overwritable with class name option

• Updated dependencies [def11008, def11008, d00faa6b]:

  • @reactflow/background@11.0.1
  • @reactflow/core@11.1.0
  • @reactflow/controls@11.0.1
  • @reactflow/minimap@11.0.1

11.0.0

Finally it's here! A new version that comes with lots of improvements and the new package name reactflow. From now on you can install it via npm install reactflow.

Major Changes

• Importing CSS via reactflow/dist/style.css is mandatory
• 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/background@11.0.0
  • @reactflow/controls@11.0.0
  • @reactflow/core@11.0.0
  • @reactflow/minimap@11.0.0