diff --git a/examples/vite-app/package.json b/examples/vite-app/package.json
index da15fb97..a4e6eab8 100644
--- a/examples/vite-app/package.json
+++ b/examples/vite-app/package.json
@@ -1,7 +1,7 @@
{
"name": "@reactflow/examples",
"private": true,
- "version": "0.0.0",
+ "version": "0.0.1",
"type": "module",
"scripts": {
"dev": "vite --port 3000 --open",
diff --git a/packages/background/CHANGELOG.md b/packages/background/CHANGELOG.md
new file mode 100644
index 00000000..7c79626b
--- /dev/null
+++ b/packages/background/CHANGELOG.md
@@ -0,0 +1,35 @@
+# @reactflow/background
+
+## 11.0.0
+
+### Major Changes
+
+- **Better [Accessibility](/docs/guides/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`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
+- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
+- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) 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)
+- **[``](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
+- **[Separately installable packages](/docs/overview/packages/)**
+ - @reactflow/core
+ - @reactflow/background
+ - @reactflow/controls
+ - @reactflow/minimap
+
+### Patch Changes
+
+- Updated dependencies:
+ - @reactflow/core@11.0.0
diff --git a/packages/background/package.json b/packages/background/package.json
index f6179a74..2e883352 100644
--- a/packages/background/package.json
+++ b/packages/background/package.json
@@ -1,6 +1,6 @@
{
"name": "@reactflow/background",
- "version": "11.0.0-next.7",
+ "version": "11.0.0",
"description": "Background component with different variants for React Flow",
"keywords": [
"react",
diff --git a/packages/controls/CHANGELOG.md b/packages/controls/CHANGELOG.md
new file mode 100644
index 00000000..7e95ab8a
--- /dev/null
+++ b/packages/controls/CHANGELOG.md
@@ -0,0 +1,35 @@
+# @reactflow/controls
+
+## 11.0.0
+
+### Major Changes
+
+- **Better [Accessibility](/docs/guides/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`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
+- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
+- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) 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)
+- **[``](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
+- **[Separately installable packages](/docs/overview/packages/)**
+ - @reactflow/core
+ - @reactflow/background
+ - @reactflow/controls
+ - @reactflow/minimap
+
+### Patch Changes
+
+- Updated dependencies:
+ - @reactflow/core@11.0.0
diff --git a/packages/controls/package.json b/packages/controls/package.json
index 109f307d..53bec0a6 100644
--- a/packages/controls/package.json
+++ b/packages/controls/package.json
@@ -1,6 +1,6 @@
{
"name": "@reactflow/controls",
- "version": "11.0.0-next.7",
+ "version": "11.0.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
new file mode 100644
index 00000000..06967953
--- /dev/null
+++ b/packages/core/CHANGELOG.md
@@ -0,0 +1,30 @@
+# @reactflow/core
+
+## 11.0.0
+
+### Major Changes
+
+- **Better [Accessibility](/docs/guides/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`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
+- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
+- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) 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)
+- **[``](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
+- **[Separately installable packages](/docs/overview/packages/)**
+ - @reactflow/core
+ - @reactflow/background
+ - @reactflow/controls
+ - @reactflow/minimap
diff --git a/packages/core/package.json b/packages/core/package.json
index b272d35c..d6b3c102 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
{
"name": "@reactflow/core",
- "version": "11.0.0-next.7",
+ "version": "11.0.0",
"description": "Core components and util functions of React Flow.",
"keywords": [
"react",
diff --git a/packages/minimap/CHANGELOG.md b/packages/minimap/CHANGELOG.md
new file mode 100644
index 00000000..cf08eb09
--- /dev/null
+++ b/packages/minimap/CHANGELOG.md
@@ -0,0 +1,36 @@
+# @reactflow/minimap
+
+## 11.0.0
+
+### Major Changes
+
+- **Better [Accessibility](/docs/guides/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`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
+- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
+- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) 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)
+- **[``](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
+- **[Separately installable packages](/docs/overview/packages/)**
+ - @reactflow/core
+ - @reactflow/background
+ - @reactflow/controls
+ - @reactflow/minimap
+
+
+### Patch Changes
+
+- Updated dependencies:
+ - @reactflow/core@11.0.0
diff --git a/packages/minimap/package.json b/packages/minimap/package.json
index 3adb4e43..d0210b51 100644
--- a/packages/minimap/package.json
+++ b/packages/minimap/package.json
@@ -1,6 +1,6 @@
{
"name": "@reactflow/minimap",
- "version": "11.0.0-next.7",
+ "version": "11.0.0",
"description": "Minimap component for React Flow.",
"keywords": [
"react",
diff --git a/packages/reactflow/CHANGELOG.md b/packages/reactflow/CHANGELOG.md
new file mode 100644
index 00000000..2cff2539
--- /dev/null
+++ b/packages/reactflow/CHANGELOG.md
@@ -0,0 +1,42 @@
+# reactflow
+
+## 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](/docs/guides/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`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
+- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
+- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) 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)
+- **[``](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
+- **[Separately installable packages](/docs/overview/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
diff --git a/packages/reactflow/package.json b/packages/reactflow/package.json
index e635a156..8a411979 100644
--- a/packages/reactflow/package.json
+++ b/packages/reactflow/package.json
@@ -1,6 +1,6 @@
{
"name": "reactflow",
- "version": "11.0.0-next.13",
+ "version": "11.0.0",
"description": "A highly customizable React library for building node-based editors and interactive flow charts",
"keywords": [
"react",