@reactflow/core - npm Package Compare versions

Comparing version 11.0.0-next.6 to 11.0.0-next.7

dist/esm/components/Edges/BaseEdge.d.ts

 /// <reference types="react" />
 import { BaseEdgeProps } from '../../types';
 declare const BaseEdge: {
-    ({ path, centerX, centerY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: BaseEdgeProps): JSX.Element;
+    ({ path, labelX, labelY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: BaseEdgeProps): JSX.Element;
     displayName: string;
@@ -6,0 +6,0 @@ };

dist/esm/components/Edges/BezierEdge.d.ts

@@ -12,6 +12,5 @@ /// <reference types="react" />
 }
-export declare function getBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, curvature, }: GetBezierPathParams): string;
-export declare function getBezierCenter({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, curvature, }: GetBezierPathParams): [number, number, number, number];
+export declare function getBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, curvature, }: GetBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const BezierEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, pathOptions, interactionWidth, }: BezierEdgeProps) => JSX.Element>;
 export default BezierEdge;
 //# sourceMappingURL=BezierEdge.d.ts.map

dist/esm/components/Edges/EdgeAnchor.d.ts

@@ -1,4 +0,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
 import { Position } from '../../types';
-export interface EdgeAnchorProps extends HTMLAttributes<HTMLDivElement> {
+export interface EdgeAnchorProps extends SVGAttributes<SVGGElement> {
     position: Position;
@@ -8,4 +8,8 @@ centerX: number;
     radius?: number;
+    onMouseDown: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
+    onMouseEnter: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
+    onMouseOut: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
+    type: string;
 }
 export declare const EdgeAnchor: FC<EdgeAnchorProps>;
 //# sourceMappingURL=EdgeAnchor.d.ts.map

dist/esm/components/Edges/SimpleBezierEdge.d.ts

@@ -11,6 +11,5 @@ /// <reference types="react" />
 }
-export declare function getSimpleBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: GetSimpleBezierPathParams): string;
-export declare function getSimpleBezierCenter({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: GetSimpleBezierPathParams): [number, number, number, number];
+export declare function getSimpleBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: GetSimpleBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const SimpleBezierEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: EdgeProps) => JSX.Element>;
 export default SimpleBezierEdge;
 //# sourceMappingURL=SimpleBezierEdge.d.ts.map

dist/esm/components/Edges/SmoothStepEdge.d.ts

@@ -15,5 +15,5 @@ /// <reference types="react" />
 }
-export declare function getSmoothStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, offset, }: GetSmoothStepPathParams): string;
+export declare function getSmoothStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, offset, }: GetSmoothStepPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const SmoothStepEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, sourcePosition, targetPosition, markerEnd, markerStart, pathOptions, interactionWidth, }: SmoothStepEdgeProps) => JSX.Element>;
 export default SmoothStepEdge;
 //# sourceMappingURL=SmoothStepEdge.d.ts.map

dist/esm/components/Edges/StraightEdge.d.ts

 /// <reference types="react" />
 import { EdgeProps } from '../../types';
+export declare type GetStraightPathParams = {
+    sourceX: number;
+    sourceY: number;
+    targetX: number;
+    targetY: number;
+};
+export declare function getStraightPath({ sourceX, sourceY, targetX, targetY, }: GetStraightPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const StraightEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: EdgeProps) => JSX.Element>;
 export default StraightEdge;
 //# sourceMappingURL=StraightEdge.d.ts.map

dist/esm/components/Edges/utils.d.ts

 import { MouseEvent as ReactMouseEvent } from 'react';
 import { StoreApi } from 'zustand';
-import { Edge, MarkerType, Position, ReactFlowState } from '../../types';
+import { Edge, MarkerType, ReactFlowState } from '../../types';
 export declare const getMarkerEnd: (markerType?: MarkerType, markerEndId?: string) => string;
-export interface GetCenterParams {
+export declare function getMouseHandler(id: string, getState: StoreApi<ReactFlowState>['getState'], handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: Edge) => void): ((event: ReactMouseEvent<SVGGElement, MouseEvent>) => void) | undefined;
+export declare function getEdgeCenter({ sourceX, sourceY, targetX, targetY, }: {
     sourceX: number;
@@ -10,7 +11,13 @@ sourceY: number;
     targetY: number;
-    sourcePosition?: Position;
-    targetPosition?: Position;
-}
-export declare const getCenter: ({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }: GetCenterParams) => [number, number, number, number];
-export declare function getMouseHandler(id: string, getState: StoreApi<ReactFlowState>['getState'], handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: Edge) => void): ((event: ReactMouseEvent<SVGGElement, MouseEvent>) => void) | undefined;
+}): [number, number, number, number];
+export declare function getBezierEdgeCenter({ sourceX, sourceY, targetX, targetY, sourceControlX, sourceControlY, targetControlX, targetControlY, }: {
+    sourceX: number;
+    sourceY: number;
+    targetX: number;
+    targetY: number;
+    sourceControlX: number;
+    sourceControlY: number;
+    targetControlX: number;
+    targetControlY: number;
+}): [number, number, number, number];
 //# sourceMappingURL=utils.d.ts.map

dist/esm/hooks/useDrag/index.d.ts

 import { RefObject } from 'react';
-import { D3DragEvent, SubjectPosition } from 'd3-drag';
+import type { D3DragEvent, SubjectPosition } from 'd3';
 export declare type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
@@ -4,0 +4,0 @@ export declare type UseDragData = {

dist/esm/index.d.ts

 export { default as ReactFlow } from './container/ReactFlow';
 export { default as Handle } from './components/Handle';
 export { default as EdgeText } from './components/Edges/EdgeText';
-export { default as StraightEdge } from './components/Edges/StraightEdge';
+export { default as StraightEdge, getStraightPath } from './components/Edges/StraightEdge';
 export { default as StepEdge } from './components/Edges/StepEdge';
-export { default as BezierEdge, getBezierPath, getBezierCenter as getBezierEdgeCenter, } from './components/Edges/BezierEdge';
-export { default as SimpleBezierEdge, getSimpleBezierPath, getSimpleBezierCenter as getSimpleBezierEdgeCenter, } from './components/Edges/SimpleBezierEdge';
+export { default as BezierEdge, getBezierPath } from './components/Edges/BezierEdge';
+export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/Edges/SimpleBezierEdge';
 export { default as SmoothStepEdge, getSmoothStepPath } from './components/Edges/SmoothStepEdge';
@@ -13,3 +13,3 @@ export { default as BaseEdge } from './components/Edges/BaseEdge';
 export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
-export { getMarkerEnd, getCenter as getEdgeCenter } from './components/Edges/utils';
+export { getMarkerEnd } from './components/Edges/utils';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
@@ -16,0 +16,0 @@ export { default as Panel } from './components/Panel';

dist/esm/types/edges.d.ts

@@ -79,4 +79,4 @@ import React, { CSSProperties, ComponentType, HTMLAttributes, ReactNode } from 'react';
 export declare type BaseEdgeProps = Pick<EdgeProps, 'label' | 'labelStyle' | 'labelShowBg' | 'labelBgStyle' | 'labelBgPadding' | 'labelBgBorderRadius' | 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> & {
-    centerX: number;
-    centerY: number;
+    labelX: number;
+    labelY: number;
     path: string;
@@ -83,0 +83,0 @@ };

dist/esm/types/general.d.ts

 import { MouseEvent as ReactMouseEvent, ComponentType, MemoExoticComponent } from 'react';
-import { Selection as D3Selection } from 'd3-selection';
-import { ZoomBehavior } from 'd3-zoom';
+import type { Selection as D3Selection, ZoomBehavior } from 'd3';
 import { XYPosition, Rect, Transform, CoordinateExtent } from './utils';
@@ -189,4 +188,5 @@ import { NodeChange, EdgeChange } from './changes';
 export declare type ProOptions = {
+    account: string;
     hideAttribution: boolean;
 };
 //# sourceMappingURL=general.d.ts.map

dist/esm/utils/graph.d.ts

@@ -1,2 +0,2 @@
-import { Selection as D3Selection } from 'd3-selection';
+import type { Selection as D3Selection } from 'd3';
 import { Node, Edge, Connection, EdgeMarkerType, Transform, XYPosition, Rect, NodeInternals } from '../types';
@@ -3,0 +3,0 @@ export declare const isEdge: (element: Node | Connection | Edge) => element is Edge<any>;

dist/umd/components/Edges/BaseEdge.d.ts

 /// <reference types="react" />
 import { BaseEdgeProps } from '../../types';
 declare const BaseEdge: {
-    ({ path, centerX, centerY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: BaseEdgeProps): JSX.Element;
+    ({ path, labelX, labelY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: BaseEdgeProps): JSX.Element;
     displayName: string;
@@ -6,0 +6,0 @@ };

dist/umd/components/Edges/BezierEdge.d.ts

@@ -12,6 +12,5 @@ /// <reference types="react" />
 }
-export declare function getBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, curvature, }: GetBezierPathParams): string;
-export declare function getBezierCenter({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, curvature, }: GetBezierPathParams): [number, number, number, number];
+export declare function getBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, curvature, }: GetBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const BezierEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, pathOptions, interactionWidth, }: BezierEdgeProps) => JSX.Element>;
 export default BezierEdge;
 //# sourceMappingURL=BezierEdge.d.ts.map

dist/umd/components/Edges/EdgeAnchor.d.ts

@@ -1,4 +0,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
 import { Position } from '../../types';
-export interface EdgeAnchorProps extends HTMLAttributes<HTMLDivElement> {
+export interface EdgeAnchorProps extends SVGAttributes<SVGGElement> {
     position: Position;
@@ -8,4 +8,8 @@ centerX: number;
     radius?: number;
+    onMouseDown: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
+    onMouseEnter: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
+    onMouseOut: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
+    type: string;
 }
 export declare const EdgeAnchor: FC<EdgeAnchorProps>;
 //# sourceMappingURL=EdgeAnchor.d.ts.map

dist/umd/components/Edges/SimpleBezierEdge.d.ts

@@ -11,6 +11,5 @@ /// <reference types="react" />
 }
-export declare function getSimpleBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: GetSimpleBezierPathParams): string;
-export declare function getSimpleBezierCenter({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: GetSimpleBezierPathParams): [number, number, number, number];
+export declare function getSimpleBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: GetSimpleBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const SimpleBezierEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: EdgeProps) => JSX.Element>;
 export default SimpleBezierEdge;
 //# sourceMappingURL=SimpleBezierEdge.d.ts.map

dist/umd/components/Edges/SmoothStepEdge.d.ts

@@ -15,5 +15,5 @@ /// <reference types="react" />
 }
-export declare function getSmoothStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, offset, }: GetSmoothStepPathParams): string;
+export declare function getSmoothStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, offset, }: GetSmoothStepPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const SmoothStepEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, sourcePosition, targetPosition, markerEnd, markerStart, pathOptions, interactionWidth, }: SmoothStepEdgeProps) => JSX.Element>;
 export default SmoothStepEdge;
 //# sourceMappingURL=SmoothStepEdge.d.ts.map

dist/umd/components/Edges/StraightEdge.d.ts

 /// <reference types="react" />
 import { EdgeProps } from '../../types';
+export declare type GetStraightPathParams = {
+    sourceX: number;
+    sourceY: number;
+    targetX: number;
+    targetY: number;
+};
+export declare function getStraightPath({ sourceX, sourceY, targetX, targetY, }: GetStraightPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const StraightEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: EdgeProps) => JSX.Element>;
 export default StraightEdge;
 //# sourceMappingURL=StraightEdge.d.ts.map

dist/umd/components/Edges/utils.d.ts

 import { MouseEvent as ReactMouseEvent } from 'react';
 import { StoreApi } from 'zustand';
-import { Edge, MarkerType, Position, ReactFlowState } from '../../types';
+import { Edge, MarkerType, ReactFlowState } from '../../types';
 export declare const getMarkerEnd: (markerType?: MarkerType, markerEndId?: string) => string;
-export interface GetCenterParams {
+export declare function getMouseHandler(id: string, getState: StoreApi<ReactFlowState>['getState'], handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: Edge) => void): ((event: ReactMouseEvent<SVGGElement, MouseEvent>) => void) | undefined;
+export declare function getEdgeCenter({ sourceX, sourceY, targetX, targetY, }: {
     sourceX: number;
@@ -10,7 +11,13 @@ sourceY: number;
     targetY: number;
-    sourcePosition?: Position;
-    targetPosition?: Position;
-}
-export declare const getCenter: ({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }: GetCenterParams) => [number, number, number, number];
-export declare function getMouseHandler(id: string, getState: StoreApi<ReactFlowState>['getState'], handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: Edge) => void): ((event: ReactMouseEvent<SVGGElement, MouseEvent>) => void) | undefined;
+}): [number, number, number, number];
+export declare function getBezierEdgeCenter({ sourceX, sourceY, targetX, targetY, sourceControlX, sourceControlY, targetControlX, targetControlY, }: {
+    sourceX: number;
+    sourceY: number;
+    targetX: number;
+    targetY: number;
+    sourceControlX: number;
+    sourceControlY: number;
+    targetControlX: number;
+    targetControlY: number;
+}): [number, number, number, number];
 //# sourceMappingURL=utils.d.ts.map

dist/umd/components/StoreUpdater/index.d.ts

 import { ReactFlowProps } from '../../types';
-declare type StoreUpdaterProps = Pick<ReactFlowProps, 'nodes' | 'edges' | 'defaultNodes' | 'defaultEdges' | 'onConnect' | 'onConnectStart' | 'onConnectEnd' | 'onClickConnectStart' | 'onClickConnectEnd' | 'nodesDraggable' | 'nodesConnectable' | 'minZoom' | 'maxZoom' | 'nodeExtent' | 'onNodesChange' | 'onEdgesChange' | 'elementsSelectable' | 'connectionMode' | 'snapToGrid' | 'snapGrid' | 'translateExtent' | 'connectOnClick' | 'defaultEdgeOptions' | 'fitView' | 'fitViewOptions' | 'onNodesDelete' | 'onEdgesDelete' | 'onNodeDragStart' | 'onNodeDrag' | 'onNodeDragStop' | 'onSelectionDragStart' | 'onSelectionDrag' | 'onSelectionDragStop' | 'noPanClassName' | 'nodeOrigin'>;
-declare const StoreUpdater: ({ nodes, edges, defaultNodes, defaultEdges, onConnect, onConnectStart, onConnectEnd, onClickConnectStart, onClickConnectEnd, nodesDraggable, nodesConnectable, minZoom, maxZoom, nodeExtent, onNodesChange, onEdgesChange, elementsSelectable, connectionMode, snapGrid, snapToGrid, translateExtent, connectOnClick, defaultEdgeOptions, fitView, fitViewOptions, onNodesDelete, onEdgesDelete, onNodeDrag, onNodeDragStart, onNodeDragStop, onSelectionDrag, onSelectionDragStart, onSelectionDragStop, noPanClassName, nodeOrigin, }: StoreUpdaterProps) => null;
+declare type StoreUpdaterProps = Pick<ReactFlowProps, 'nodes' | 'edges' | 'defaultNodes' | 'defaultEdges' | 'onConnect' | 'onConnectStart' | 'onConnectEnd' | 'onClickConnectStart' | 'onClickConnectEnd' | 'nodesDraggable' | 'nodesConnectable' | 'minZoom' | 'maxZoom' | 'nodeExtent' | 'onNodesChange' | 'onEdgesChange' | 'elementsSelectable' | 'connectionMode' | 'snapToGrid' | 'snapGrid' | 'translateExtent' | 'connectOnClick' | 'defaultEdgeOptions' | 'fitView' | 'fitViewOptions' | 'onNodesDelete' | 'onEdgesDelete' | 'onNodeDragStart' | 'onNodeDrag' | 'onNodeDragStop' | 'onSelectionDragStart' | 'onSelectionDrag' | 'onSelectionDragStop' | 'noPanClassName' | 'nodeOrigin' | 'id'>;
+declare const StoreUpdater: ({ nodes, edges, defaultNodes, defaultEdges, onConnect, onConnectStart, onConnectEnd, onClickConnectStart, onClickConnectEnd, nodesDraggable, nodesConnectable, minZoom, maxZoom, nodeExtent, onNodesChange, onEdgesChange, elementsSelectable, connectionMode, snapGrid, snapToGrid, translateExtent, connectOnClick, defaultEdgeOptions, fitView, fitViewOptions, onNodesDelete, onEdgesDelete, onNodeDrag, onNodeDragStart, onNodeDragStop, onSelectionDrag, onSelectionDragStart, onSelectionDragStop, noPanClassName, nodeOrigin, id, }: StoreUpdaterProps) => null;
 export default StoreUpdater;
 //# sourceMappingURL=index.d.ts.map

dist/umd/hooks/useDrag/index.d.ts

 import { RefObject } from 'react';
-import { D3DragEvent, SubjectPosition } from 'd3-drag';
+import type { D3DragEvent, SubjectPosition } from 'd3';
 export declare type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
@@ -4,0 +4,0 @@ export declare type UseDragData = {

dist/umd/index.d.ts

 export { default as ReactFlow } from './container/ReactFlow';
 export { default as Handle } from './components/Handle';
 export { default as EdgeText } from './components/Edges/EdgeText';
-export { default as StraightEdge } from './components/Edges/StraightEdge';
+export { default as StraightEdge, getStraightPath } from './components/Edges/StraightEdge';
 export { default as StepEdge } from './components/Edges/StepEdge';
-export { default as BezierEdge, getBezierPath, getBezierCenter as getBezierEdgeCenter, } from './components/Edges/BezierEdge';
-export { default as SimpleBezierEdge, getSimpleBezierPath, getSimpleBezierCenter as getSimpleBezierEdgeCenter, } from './components/Edges/SimpleBezierEdge';
+export { default as BezierEdge, getBezierPath } from './components/Edges/BezierEdge';
+export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/Edges/SimpleBezierEdge';
 export { default as SmoothStepEdge, getSmoothStepPath } from './components/Edges/SmoothStepEdge';
@@ -13,3 +13,3 @@ export { default as BaseEdge } from './components/Edges/BaseEdge';
 export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
-export { getMarkerEnd, getCenter as getEdgeCenter } from './components/Edges/utils';
+export { getMarkerEnd } from './components/Edges/utils';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
@@ -16,0 +16,0 @@ export { default as Panel } from './components/Panel';

dist/umd/types/edges.d.ts

@@ -79,4 +79,4 @@ import React, { CSSProperties, ComponentType, HTMLAttributes, ReactNode } from 'react';
 export declare type BaseEdgeProps = Pick<EdgeProps, 'label' | 'labelStyle' | 'labelShowBg' | 'labelBgStyle' | 'labelBgPadding' | 'labelBgBorderRadius' | 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> & {
-    centerX: number;
-    centerY: number;
+    labelX: number;
+    labelY: number;
     path: string;
@@ -83,0 +83,0 @@ };

dist/umd/types/general.d.ts

 import { MouseEvent as ReactMouseEvent, ComponentType, MemoExoticComponent } from 'react';
-import { Selection as D3Selection, ZoomBehavior } from 'd3';
+import type { Selection as D3Selection, ZoomBehavior } from 'd3';
 import { XYPosition, Rect, Transform, CoordinateExtent } from './utils';
@@ -104,2 +104,3 @@ import { NodeChange, EdgeChange } from './changes';
 export declare type ReactFlowStore = {
+    rfId: string;
     width: number;
@@ -188,4 +189,5 @@ height: number;
 export declare type ProOptions = {
+    account: string;
     hideAttribution: boolean;
 };
 //# sourceMappingURL=general.d.ts.map

dist/umd/utils/graph.d.ts

@@ -1,2 +0,2 @@
-import { Selection as D3Selection } from 'd3';
+import type { Selection as D3Selection } from 'd3';
 import { Node, Edge, Connection, EdgeMarkerType, Transform, XYPosition, Rect, NodeInternals } from '../types';
@@ -3,0 +3,0 @@ export declare const isEdge: (element: Node | Connection | Edge) => element is Edge<any>;

package.json

 {
   "name": "@reactflow/core",
-  "version": "11.0.0-next.6",
+  "version": "11.0.0-next.7",
   "description": "Core components and util functions of React Flow.",
@@ -31,2 +31,3 @@ "keywords": [
   "dependencies": {
+    "@types/d3": "^7.4.0",
     "@types/d3-drag": "^3.0.1",
@@ -39,3 +40,3 @@ "@types/d3-selection": "^3.0.3",
     "d3-zoom": "^3.0.0",
-    "zustand": "^4.0.0"
+    "zustand": "^4.1.1"
   },
@@ -53,3 +54,3 @@ "peerDependencies": {
     "react": "^18.2.0",
-    "typescript": "^4.7.4"
+    "typescript": "^4.8.3"
   },
@@ -59,4 +60,5 @@ "rollup": {
       "classcat": "cc",
-      "d3-selection": "d3",
-      "d3-zoom": "d3",
+      "d3-selection": "d3Selection",
+      "d3-zoom": "d3Zoom",
+      "d3-drag": "d3Drag",
       "zustand": "zustand",
@@ -63,0 +65,0 @@ "zustand/shallow": "zustandShallow"

No alert changes

Improved metrics

Total package byte prevSize

558593

increased by0.05%

Worsened metrics

Dependency count

11

increased by10%

Lines of code

6912

decreased by-0.25%

Dependency changes

• + Added@types/d3@^7.4.0

• + Added@types/d3@7.4.3(transitive)

• + Added@types/d3-array@3.2.1(transitive)

• + Added@types/d3-axis@3.0.6(transitive)

• + Added@types/d3-brush@3.0.6(transitive)

• + Added@types/d3-chord@3.0.6(transitive)

• + Added@types/d3-contour@3.0.6(transitive)

• + Added@types/d3-delaunay@6.0.4(transitive)

• + Added@types/d3-dispatch@3.0.6(transitive)

• + Added@types/d3-dsv@3.0.7(transitive)

• + Added@types/d3-ease@3.0.2(transitive)

• + Added@types/d3-fetch@3.0.7(transitive)

• + Added@types/d3-force@3.0.10(transitive)

• + Added@types/d3-format@3.0.4(transitive)

• + Added@types/d3-geo@3.1.0(transitive)

• + Added@types/d3-hierarchy@3.1.7(transitive)

• + Added@types/d3-path@3.1.0(transitive)

• + Added@types/d3-polygon@3.0.2(transitive)

• + Added@types/d3-quadtree@3.0.6(transitive)

• + Added@types/d3-random@3.0.3(transitive)

• + Added@types/d3-scale@4.0.8(transitive)

• + Added@types/d3-scale-chromatic@3.0.3(transitive)

• + Added@types/d3-shape@3.1.6(transitive)

• + Added@types/d3-time@3.0.3(transitive)

• + Added@types/d3-time-format@4.0.3(transitive)

• + Added@types/d3-timer@3.0.2(transitive)

• + Added@types/d3-transition@3.0.8(transitive)

• + Added@types/geojson@7946.0.14(transitive)

• Updatedzustand@^4.1.1