xyflow/packages/core/CHANGELOG.md

@reactflow/core

11.3.0

Minor Changes

• #2563 98116d43 Thanks @chrtze! - Export a new component "NodeToolbar" that renders a fixed element attached to a node

Patch Changes

• #2561 92cf497e Thanks @moklick! - Fix multi selection and fitView when nodeOrigin is used
• #2560 a39224b3 Thanks @neo! - Always elevate zIndex when node is selected
• #2573 5e8b67dd Thanks @moklick! - Fix disappearing connection line for loose flows
• #2558 2a1c7db6 Thanks @moklick! - EdgeLabelRenderer: handle multiple instances on a page

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

11.1.2

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

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

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

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