From baa8689ef629d22da4cbbef955e0c83d21df0493 Mon Sep 17 00:00:00 2001 From: moklick Date: Tue, 13 Dec 2022 17:06:09 +0100 Subject: [PATCH] chore(chnageset): add --- .changeset/nervous-oranges-study.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 .changeset/nervous-oranges-study.md diff --git a/.changeset/nervous-oranges-study.md b/.changeset/nervous-oranges-study.md new file mode 100644 index 00000000..84b5bce0 --- /dev/null +++ b/.changeset/nervous-oranges-study.md @@ -0,0 +1,16 @@ +--- +'@reactflow/core': minor +'@reactflow/minimap': minor +'@reactflow/node-toolbar': minor +'reactflow': minor +--- + +## 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