diff --git a/examples/nextjs/pages/CustomConnectionLine/ConnectionLine.tsx b/examples/nextjs/pages/CustomConnectionLine/ConnectionLine.tsx index 42d8c99f..fb14ef1a 100644 --- a/examples/nextjs/pages/CustomConnectionLine/ConnectionLine.tsx +++ b/examples/nextjs/pages/CustomConnectionLine/ConnectionLine.tsx @@ -2,26 +2,26 @@ import React, { FC } from 'react'; import { ConnectionLineComponentProps } from '@react-flow/core'; const ConnectionLine: FC = ({ - sourceX, - sourceY, - targetX, - targetY, + fromX, + fromY, + toX, + toY, }) => { return ( diff --git a/packages/core/src/components/ConnectionLine/index.tsx b/packages/core/src/components/ConnectionLine/index.tsx index b5c82f70..173e26b9 100644 --- a/packages/core/src/components/ConnectionLine/index.tsx +++ b/packages/core/src/components/ConnectionLine/index.tsx @@ -65,36 +65,6 @@ export default ({ let toPosition: Position = oppositePosition[fromPosition]; - let sourceX: number, - sourceY: number, - sourcePosition: Position | undefined, - targetX: number, - targetY: number, - targetPosition: Position | undefined; - - switch (connectionHandleType) { - case 'source': - { - sourceX = fromX; - sourceY = fromY; - sourcePosition = fromPosition; - targetX = toX; - targetY = toY; - targetPosition = toPosition; - } - break; - case 'target': - { - sourceX = toX; - sourceY = toY; - sourcePosition = toPosition; - targetX = fromX; - targetY = fromY; - targetPosition = fromPosition; - } - break; - } - if (CustomConnectionLineComponent) { return ( @@ -109,15 +79,6 @@ export default ({ toY={toY} fromPosition={fromPosition} toPosition={toPosition} - // remove in v11 - sourcePosition={sourcePosition} - targetPosition={targetPosition} - sourceNode={fromNode} - sourceHandle={fromHandle} - targetX={targetX} - targetY={targetY} - sourceX={sourceX} - sourceY={sourceY} /> ); @@ -126,12 +87,12 @@ export default ({ let dAttr: string = ''; const pathParams = { - sourceX, - sourceY, - sourcePosition, - targetX, - targetY, - targetPosition, + sourceX: fromX, + sourceY: fromY, + sourcePosition: fromPosition, + targetX: toX, + targetY: toY, + targetPosition: toPosition, }; if (connectionLineType === ConnectionLineType.Bezier) { @@ -147,7 +108,7 @@ export default ({ } else if (connectionLineType === ConnectionLineType.SimpleBezier) { dAttr = getSimpleBezierPath(pathParams); } else { - dAttr = `M${sourceX},${sourceY} ${targetX},${targetY}`; + dAttr = `M${fromX},${fromY} ${toX},${toY}`; } return ( diff --git a/packages/core/src/types/edges.ts b/packages/core/src/types/edges.ts index 5d4acd1a..dc7f69d1 100644 --- a/packages/core/src/types/edges.ts +++ b/packages/core/src/types/edges.ts @@ -158,15 +158,6 @@ export type ConnectionLineComponentProps = { toY: number; fromPosition: Position; toPosition: Position; - // remove in v11 - sourceX: number; - sourceY: number; - sourcePosition?: Position; - targetX: number; - targetY: number; - targetPosition?: Position; - sourceNode?: Node; - sourceHandle?: HandleElement; }; export type ConnectionLineComponent = ComponentType;