diff --git a/.changeset/thin-dryers-worry.md b/.changeset/thin-dryers-worry.md deleted file mode 100644 index a4a6dd08..00000000 --- a/.changeset/thin-dryers-worry.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@xyflow/system': major ---- - -Use css `translate` to align handles to the center of their side instead of using hard-coded 4px to each direction, otherwise handles with different sizes aren't correctly aligned by the default handle styles diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index 75b86f24..be3de1b5 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -8,7 +8,7 @@ export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/E export { default as SmoothStepEdge } from './components/Edges/SmoothStepEdge'; export { default as BaseEdge } from './components/Edges/BaseEdge'; export { default as ReactFlowProvider } from './components/ReactFlowProvider'; -export { default as Panel } from './components/Panel'; +export { default as Panel, type PanelProps } from './components/Panel'; export { default as EdgeLabelRenderer } from './components/EdgeLabelRenderer'; export { default as useReactFlow } from './hooks/useReactFlow'; diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts index 04d30a1c..8f8fa450 100644 --- a/packages/react/src/store/initialState.ts +++ b/packages/react/src/store/initialState.ts @@ -33,8 +33,8 @@ const getInitialState = ({ height: node.size?.height, })); const bounds = getNodesBounds(nodesWithDimensions, [0, 0]); - const { x, y, z } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1); - transform = [x, y, z]; + const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1); + transform = [x, y, zoom]; } return { diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md index 6a3a9d15..d2fe14e0 100644 --- a/packages/svelte/CHANGELOG.md +++ b/packages/svelte/CHANGELOG.md @@ -1,3 +1,16 @@ +## 0.0.27 + +- ⚠️ rename `screenToFlowCoordinate` to `screenToFlowPosition` +- ⚠️ rename `flowToScreenCoordinate` to `flowToScreenPosition` +- ⚠️ rename `getTransformForBounds` to `getViewportForBounds` (return `{ x: number, y: number, zoom: number }` instead of `[number, number, number]`) +- ⚠️ rename `getRectOfNodes` to `getNodesBounds` +- simplify handle default styles, so that it's easier to override them +- added e2e tests + +## 0.0.26 + +- fixes broken version on npm + ## 0.0.25 - add `toObject` to `useSvelteFlow` hook diff --git a/packages/svelte/package.json b/packages/svelte/package.json index 810d9c45..3beae0b8 100644 --- a/packages/svelte/package.json +++ b/packages/svelte/package.json @@ -1,6 +1,6 @@ { "name": "@xyflow/svelte", - "version": "0.0.26", + "version": "0.0.27", "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.", "keywords": [ "svelte", diff --git a/packages/svelte/src/lib/plugins/Minimap/index.ts b/packages/svelte/src/lib/plugins/Minimap/index.ts index 192f51ce..9f3b45e9 100644 --- a/packages/svelte/src/lib/plugins/Minimap/index.ts +++ b/packages/svelte/src/lib/plugins/Minimap/index.ts @@ -1 +1,2 @@ export { default as MiniMap } from './Minimap.svelte'; +export * from './types'; diff --git a/packages/system/package.json b/packages/system/package.json index 8b0e5017..d68f2a13 100644 --- a/packages/system/package.json +++ b/packages/system/package.json @@ -1,6 +1,6 @@ { "name": "@xyflow/system", - "version": "0.0.9", + "version": "0.0.10", "description": "xyflow core system that powers React Flow and Svelte Flow.", "keywords": [ "node-based UI",