diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index cb1deb41..ebb84a56 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -5,7 +5,7 @@ ### Minor changes - fix applyChanges: handle empty flows + addNodes/addEdges closes -- cleanup hook exports +- cleanup exports ## 12.0.0-next.3 @@ -41,7 +41,7 @@ Svelte Flow had a big impact on this release as well. While combing through each Before you can try out the new features, you need to do some minor updates: - **A new npm package name:** Our name changed from `reactflow` to `@xyflow/react` and the main component is no longer a default, but a named import: - - v11: `import { ReactFlow } from '@xyflow/react';` + - v11: `import ReactFlow from 'reactflow';` - v12: `import { ReactFlow } from '@xyflow/react';` - **Node attribute “computed”:** All computed node values are now stored in `node.computed` - v11: `node.width`, `node.height` ,`node.positionAbsolute` @@ -72,7 +72,7 @@ Before you can try out the new features, you need to do some minor updates: - affected functions: `useNodes`, `useNodesState`, `useEdgesState`, `applyNodeChange`, `onInit`, `applyEdgeChanges` , `MiniMapProps` - **Removal of deprecated functions:** - `getTransformForBounds` (new name: `getViewportForBounds`), - - `getRectOfNodes` \*\*\*\*(new name: `getNodesBounds`) + - `getRectOfNodes` (new name: `getNodesBounds`) - `project` (new name: `screenToFlowPosition`) - `getMarkerEndId` diff --git a/packages/react/package.json b/packages/react/package.json index 9bd90350..b68f6e63 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@xyflow/react", - "version": "12.0.0-next.3", + "version": "12.0.0-next.4", "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.", "keywords": [ "react", diff --git a/packages/react/src/components/Edges/EdgeText.tsx b/packages/react/src/components/Edges/EdgeText.tsx index 2e671895..d6c68caa 100644 --- a/packages/react/src/components/Edges/EdgeText.tsx +++ b/packages/react/src/components/Edges/EdgeText.tsx @@ -70,4 +70,6 @@ function EdgeTextComponent({ ); } +EdgeTextComponent.displayName = 'EdgeText'; + export const EdgeText = memo(EdgeTextComponent);