diff --git a/.changeset/gorgeous-trees-double.md b/.changeset/gorgeous-trees-double.md deleted file mode 100644 index 3c0ba76e..00000000 --- a/.changeset/gorgeous-trees-double.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@reactflow/core': patch -'reactflow': patch ---- - -Add elevateNodesOnSelect prop diff --git a/.changeset/happy-students-wink.md b/.changeset/happy-students-wink.md deleted file mode 100644 index 71f815ef..00000000 --- a/.changeset/happy-students-wink.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -'@reactflow/core': patch -'@reactflow/minimap': patch -'@reactflow/node-toolbar': patch -'reactflow': patch ---- - -Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore. \ No newline at end of file diff --git a/.changeset/nervous-oranges-study.md b/.changeset/nervous-oranges-study.md deleted file mode 100644 index 84b5bce0..00000000 --- a/.changeset/nervous-oranges-study.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -'@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 diff --git a/.changeset/pre.json b/.changeset/pre.json deleted file mode 100644 index 6efd9161..00000000 --- a/.changeset/pre.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - "mode": "pre", - "tag": "next", - "initialVersions": { - "@reactflow/examples": "0.0.0", - "@reactflow/background": "11.0.7", - "@reactflow/controls": "11.0.7", - "@reactflow/core": "11.3.2", - "@reactflow/minimap": "11.2.3", - "@reactflow/node-resizer": "1.1.0", - "@reactflow/node-toolbar": "1.0.2", - "reactflow": "11.3.3", - "@reactflow/eslint-config": "0.0.0", - "@reactflow/rollup-config": "0.0.0", - "@reactflow/tsconfig": "0.0.0" - }, - "changesets": [ - "happy-students-wink", - "nervous-oranges-study", - "purple-mails-kneel", - "sharp-apes-repair", - "swift-mayflies-wink" - ] -} diff --git a/.changeset/purple-mails-kneel.md b/.changeset/purple-mails-kneel.md deleted file mode 100644 index dfd983df..00000000 --- a/.changeset/purple-mails-kneel.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@reactflow/core': patch -'@reactflow/minimap': patch -'reactflow': patch ---- - -Use translateExtent correctly diff --git a/.changeset/sharp-apes-repair.md b/.changeset/sharp-apes-repair.md deleted file mode 100644 index e6a29ea8..00000000 --- a/.changeset/sharp-apes-repair.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -'@reactflow/background': minor -'@reactflow/controls': minor -'@reactflow/core': minor -'@reactflow/minimap': minor -'@reactflow/node-resizer': minor -'@reactflow/node-toolbar': minor -'reactflow': minor ---- - -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 \ No newline at end of file diff --git a/.changeset/swift-mayflies-wink.md b/.changeset/swift-mayflies-wink.md deleted file mode 100644 index 48cf7ca6..00000000 --- a/.changeset/swift-mayflies-wink.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@reactflow/core': patch -'reactflow': patch ---- - -Only trigger drag event when change happened diff --git a/packages/background/CHANGELOG.md b/packages/background/CHANGELOG.md index 394b6af5..dc6f8ceb 100644 --- a/packages/background/CHANGELOG.md +++ b/packages/background/CHANGELOG.md @@ -1,13 +1,20 @@ # @reactflow/background +## 11.1.0 + +### Patch Changes + +- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]: + - @reactflow/core@11.4.0 + ## 11.1.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 +- selection: do not include hidden nodes +- minimap: fix onNodeClick for nodes outside the viewport +- keys: allow multi select when input is focused ### Patch Changes diff --git a/packages/background/package.json b/packages/background/package.json index 1e316d7e..261af18e 100644 --- a/packages/background/package.json +++ b/packages/background/package.json @@ -1,6 +1,6 @@ { "name": "@reactflow/background", - "version": "11.1.0-next.1", + "version": "11.1.0", "description": "Background component with different variants for React Flow", "keywords": [ "react", diff --git a/packages/controls/CHANGELOG.md b/packages/controls/CHANGELOG.md index fd65fed8..733c57cf 100644 --- a/packages/controls/CHANGELOG.md +++ b/packages/controls/CHANGELOG.md @@ -1,13 +1,20 @@ # @reactflow/controls +## 11.1.0 + +### Patch Changes + +- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]: + - @reactflow/core@11.4.0 + ## 11.1.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 +- selection: do not include hidden nodes +- minimap: fix onNodeClick for nodes outside the viewport +- keys: allow multi select when input is focused ### Patch Changes diff --git a/packages/controls/package.json b/packages/controls/package.json index 808d202f..9253cf51 100644 --- a/packages/controls/package.json +++ b/packages/controls/package.json @@ -1,6 +1,6 @@ { "name": "@reactflow/controls", - "version": "11.1.0-next.1", + "version": "11.1.0", "description": "Component to control the viewport of a React Flow instance", "keywords": [ "react", diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index 1b2159b4..df1aca10 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -1,13 +1,46 @@ # @reactflow/core +## 11.4.0 + +## 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={[1, 2]}`) +2. `panOnDrag={[0, 1, 2]}` option to configure specific mouse buttons for panning +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 +6. `elevateNodesOnSelect`: Defines if z-index should be increased when node is selected +7. New store function `getNodes`. You can now do `store.getState().getNodes()` instead of `Array.from(store.getNodes().nodeInternals.values())`. + +Thanks to @jackfishwick who helped a lot with the new panning and selection options. + +### Minor Changes + +- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493) + - Add new props to configure viewport controls (`selectionOnDrag`, `panActivationKeyCode`, ..) +- [#2661](https://github.com/wbkd/react-flow/pull/2661) [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654) + - 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 + +- [#2695](https://github.com/wbkd/react-flow/pull/2695) [`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff) - Add elevateNodesOnSelect prop +- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore. +- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) - Use translateExtent correctly +- [#2657](https://github.com/wbkd/react-flow/pull/2657) [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c) - Only trigger drag event when change happened + ## 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 +- selection: do not include hidden nodes +- minimap: fix onNodeClick for nodes outside the viewport +- keys: allow multi select when input is focused ## 11.4.0-next.0 diff --git a/packages/core/package.json b/packages/core/package.json index d33b412f..e1a9ea14 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@reactflow/core", - "version": "11.4.0-next.1", + "version": "11.4.0", "description": "Core components and util functions of React Flow.", "keywords": [ "react", diff --git a/packages/minimap/CHANGELOG.md b/packages/minimap/CHANGELOG.md index bc3b8612..b8a1cced 100644 --- a/packages/minimap/CHANGELOG.md +++ b/packages/minimap/CHANGELOG.md @@ -1,13 +1,23 @@ # @reactflow/minimap +## 11.3.0 + +### Patch Changes + +- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore. +- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) - Use translateExtent correctly + +- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]: + - @reactflow/core@11.4.0 + ## 11.3.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 +- selection: do not include hidden nodes +- minimap: fix onNodeClick for nodes outside the viewport +- keys: allow multi select when input is focused ### Patch Changes diff --git a/packages/minimap/package.json b/packages/minimap/package.json index 31c54962..239002d1 100644 --- a/packages/minimap/package.json +++ b/packages/minimap/package.json @@ -1,6 +1,6 @@ { "name": "@reactflow/minimap", - "version": "11.3.0-next.1", + "version": "11.3.0", "description": "Minimap component for React Flow.", "keywords": [ "react", diff --git a/packages/node-resizer/CHANGELOG.md b/packages/node-resizer/CHANGELOG.md index 01e76693..f0ff29d2 100644 --- a/packages/node-resizer/CHANGELOG.md +++ b/packages/node-resizer/CHANGELOG.md @@ -1,13 +1,20 @@ # @reactflow/node-resizer +## 1.2.0 + +### Patch Changes + +- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]: + - @reactflow/core@11.4.0 + ## 1.2.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 +- selection: do not include hidden nodes +- minimap: fix onNodeClick for nodes outside the viewport +- keys: allow multi select when input is focused ### Patch Changes diff --git a/packages/node-resizer/package.json b/packages/node-resizer/package.json index 8eec5622..d9a42e86 100644 --- a/packages/node-resizer/package.json +++ b/packages/node-resizer/package.json @@ -1,6 +1,6 @@ { "name": "@reactflow/node-resizer", - "version": "1.2.0-next.1", + "version": "1.2.0", "description": "A helper component for resizing nodes.", "keywords": [ "react", diff --git a/packages/node-toolbar/CHANGELOG.md b/packages/node-toolbar/CHANGELOG.md index ca5493ac..49057c35 100644 --- a/packages/node-toolbar/CHANGELOG.md +++ b/packages/node-toolbar/CHANGELOG.md @@ -1,5 +1,14 @@ # @reactflow/node-toolbar +## 1.1.0 + +### Patch Changes + +- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore. + +- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]: + - @reactflow/core@11.4.0 + ## 1.1.0-next.1 ### Minor Changes diff --git a/packages/node-toolbar/package.json b/packages/node-toolbar/package.json index 9e449822..0b664881 100644 --- a/packages/node-toolbar/package.json +++ b/packages/node-toolbar/package.json @@ -1,6 +1,6 @@ { "name": "@reactflow/node-toolbar", - "version": "1.1.0-next.1", + "version": "1.1.0", "description": "A toolbar component for React Flow that can be attached to a node.", "keywords": [ "react", diff --git a/packages/reactflow/CHANGELOG.md b/packages/reactflow/CHANGELOG.md index e93bf3a7..f6e6408f 100644 --- a/packages/reactflow/CHANGELOG.md +++ b/packages/reactflow/CHANGELOG.md @@ -1,5 +1,47 @@ # reactflow +## 11.4.0 + +## 11.4.0 + +## 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={[1, 2]}`) +2. `panOnDrag={[0, 1, 2]}` option to configure specific mouse buttons for panning +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 +6. `elevateNodesOnSelect`: Defines if z-index should be increased when node is selected +7. New store function `getNodes`. You can now do `store.getState().getNodes()` instead of `Array.from(store.getNodes().nodeInternals.values())`. + +Thanks to @jackfishwick who helped a lot with the new panning and selection options. + +### Minor Changes + +- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493) + - Add new props to configure viewport controls (`selectionOnDrag`, `panActivationKeyCode`, ..) +- [#2661](https://github.com/wbkd/react-flow/pull/2661) [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654) + - 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 + +- [#2695](https://github.com/wbkd/react-flow/pull/2695) [`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff) - Add elevateNodesOnSelect prop +- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore. +- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) - Use translateExtent correctly +- [#2657](https://github.com/wbkd/react-flow/pull/2657) [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c) - Only trigger drag event when change happened + +- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]: + - @reactflow/core@11.4.0 + - @reactflow/minimap@11.3.0 + - @reactflow/node-toolbar@1.1.0 + - @reactflow/background@11.1.0 + - @reactflow/controls@11.1.0 + ## 11.4.0-next.1 ### Minor Changes diff --git a/packages/reactflow/package.json b/packages/reactflow/package.json index 523a1d5e..f4c93b25 100644 --- a/packages/reactflow/package.json +++ b/packages/reactflow/package.json @@ -1,6 +1,6 @@ { "name": "reactflow", - "version": "11.4.0-next.1", + "version": "11.4.0", "description": "A highly customizable React library for building node-based editors and interactive flow charts", "keywords": [ "react",