xyflow/packages/reactflow/CHANGELOG.md

reactflow

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