15 KiB
reactflow
11.4.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/background@11.1.0-next.1
- @reactflow/controls@11.1.0-next.1
- @reactflow/core@11.4.0-next.1
- @reactflow/minimap@11.3.0-next.1
- @reactflow/node-toolbar@1.1.0-next.1
11.4.0-next.0
Minor Changes
-
#2678
baa8689eThanks @moklick! - ## New FeaturesNew props for the ReactFlow component to customize the controls of the viewport and the selection box better:
selectionOnDragprop: Selection box without extra button press (need to setpanOnDrag={false} orpanOnDrag="RightClick"`)panOnDrag="RightClick"optionpanActivationKeyCode="Space"key code for activating dragging (useful when usingselectionOnDrag)selectionMode={SelectionMode.Full}: you can chose if the selection box needs to contain a node fully (SelectionMode.Full) or partially (SelectionMode.Partial) to select itonSelectionStartandonSelectionEndevents
Patch Changes
-
#2660
50032c3dThanks @moklick! - AddgetNodesfunction to the store so that you don't need to doArray.from(store.getState().nodeInternals.values())anymore. -
#2659
4244bae2Thanks @moklick! - Use translateExtent correctly -
#2657
23afb3abThanks @moklick! - Only trigger drag event when change happened -
Updated dependencies [
50032c3d,baa8689e,4244bae2,23afb3ab]:- @reactflow/core@11.4.0-next.0
- @reactflow/minimap@11.3.0-next.0
- @reactflow/node-toolbar@1.1.0-next.0
- @reactflow/background@11.0.8-next.0
- @reactflow/controls@11.0.8-next.0
11.3.3
In this update we did some changes so that we could implement the new <NodeResizer /> component (not part of the reactflow package!) more smoothly.
Patch Changes
- Updated dependencies [
e6b5d90f,6ee44e07,d29c401d,aa69c207,d29c401d,0df02f35]:- @reactflow/core@11.3.2
- @reactflow/minimap@11.2.3
- @reactflow/node-toolbar@1.0.2
- @reactflow/background@11.0.7
- @reactflow/controls@11.0.7
11.3.2
Patch Changes
-
7ece618dThanks @lounsbrough! - Fix minimap node position -
Updated dependencies [
7ece618d]:- @reactflow/minimap@11.2.2
11.3.1
Patch Changes
-
#2595
c828bfdaThanks @chrtze! - Fix and improve the behaviour when using nodeOrigin in combination with subflows -
#2602
b0302ce4Thanks @sdegueldre! - Don't use try catch in wrapper for checking if provider is available -
#2601
b2c72813Thanks @hoondeveloper! - fix isRectObject function -
#2594
ec94d9ecThanks @chrtze! - Allow multiple node ids to be passed for enabling multi selection toolbars -
Updated dependencies [
c828bfda,b0302ce4,b2c72813,ec94d9ec]:- @reactflow/core@11.3.1
- @reactflow/minimap@11.2.1
- @reactflow/node-toolbar@1.0.1
- @reactflow/background@11.0.6
- @reactflow/controls@11.0.6
11.3.0
Minor Changes
- #2562
d745aa33Thanks @moklick! - Minimap: AddmaskStrokeColorandmaskStrokeWidthprops - #2563
98116d43Thanks @chrtze! - Core: Add<NodeToolbar />component that renders a fixed element attached to a node - #2545
8f63f751Thanks @chrtze! - Minimap: AddariaLabelprop to configure or remove the aria-label
Patch Changes
-
#2561
92cf497eThanks @moklick! - Core: Fix multi selection and fitView when nodeOrigin is used -
#2560
a39224b3Thanks @neo! - Core: Always elevate zIndex when node is selected -
#2573
5e8b67ddThanks @moklick! - Core: Fix disappearing connection line for loose flows -
#2558
2a1c7db6Thanks @moklick! - Core: Handle multiple instances on a page for EdgeLabelRenderer -
Updated dependencies [
d745aa33,92cf497e,98116d43,8f63f751,a39224b3,5e8b67dd,2a1c7db6,c793433c]:- @reactflow/minimap@11.2.0
- @reactflow/core@11.3.0
- @reactflow/node-toolbar@1.0.0
- @reactflow/background@11.0.5
- @reactflow/controls@11.0.5
11.2.0
Minor Changes
- #2535
7902a3ceThanks @moklick! - Feat: Add edge label renderer - #2536
b25d499eThanks @pengfu! - Feat: add deleteElements helper function - #2539
4fc1253eThanks @moklick! - Feat: add intersection helpers - #2530
8ba4dd5dThanks @moklick! - Feat: Add pan and zoom to mini map
Patch Changes
-
#2538
740659c0Thanks @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
-
c44413dThanks @moklick! - chore(panel): dont break user selection above panel -
48c402cThanks @moklick! - refactor(aria-descriptions): render when disableKeyboardA11y is true -
3a1a365Thanks @moklick! - fix(useOnSelectionChange): repair hook closes #2484 -
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
Patch Changes
-
d00faa6bThanks @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.cssis mandatory - Better Accessibility
- Nodes and edges are focusable, selectable, moveable and deleteable with the keyboard.
aria-default attributes for all elements and controllable viaariaLabeloptions- Keyboard controls can be disabled with the new
disableKeyboardA11yprop
- 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
nodeOriginprop lets you control the origin of a node. Useful for layouting. - New background pattern:
BackgroundVariant.Crossvariant useOnViewportChangehook - handle viewport changes within a componentuseOnSelectionChangehook - handle selection changes within a componentuseNodesInitializedhook - 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,onPaneMouseMoveandonPaneMouseLeave - Edge
pathOptionsforsmoothstepanddefaultedges - 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=falseornodesDraggablefalse) <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