@reactflow/core - npm Package Compare versions

Comparing version 11.0.0-next.2 to 11.0.0-next.3

dist/declarations/src/components/A11yDescriptions/index.d.ts

@@ -9,1 +9,2 @@ /// <reference types="react" />
 export default A11yDescriptions;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/components/Attribution/index.d.ts

@@ -9,1 +9,2 @@ /// <reference types="react" />
 export default Attribution;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/components/ConnectionLine/index.d.ts

@@ -16,1 +16,2 @@ import { CSSProperties } from 'react';
 export default ConnectionLine;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/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, }: BaseEdgeProps): JSX.Element;
+    ({ path, centerX, centerY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: BaseEdgeProps): JSX.Element;
     displayName: string;
 };
 export default BaseEdge;
+//# sourceMappingURL=BaseEdge.d.ts.map

dist/declarations/src/components/Edges/BezierEdge.d.ts

 /// <reference types="react" />
-import { EdgeProps, Position } from '../../types';
+import { BezierEdgeProps, Position } from '../../types';
 export interface GetBezierPathParams {
@@ -14,3 +14,4 @@ sourceX: number;
 export declare function getBezierCenter({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, curvature, }: GetBezierPathParams): [number, number, number, number];
-declare const BezierEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, curvature, }: EdgeProps) => JSX.Element>;
+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/declarations/src/components/Edges/EdgeAnchor.d.ts

@@ -10,1 +10,2 @@ import { FC, HTMLAttributes } from 'react';
 export declare const EdgeAnchor: FC<EdgeAnchorProps>;
+//# sourceMappingURL=EdgeAnchor.d.ts.map

dist/declarations/src/components/Edges/EdgeText.d.ts

@@ -5,1 +5,2 @@ import { PropsWithChildren } from 'react';
 export default _default;
+//# sourceMappingURL=EdgeText.d.ts.map

dist/declarations/src/components/Edges/index.d.ts

@@ -6,1 +6,2 @@ export { default as SimpleBezierEdge } from './SimpleBezierEdge';
 export { default as BezierEdge } from './BezierEdge';
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/components/Edges/SimpleBezierEdge.d.ts

@@ -13,3 +13,4 @@ /// <reference types="react" />
 export declare function getSimpleBezierCenter({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: GetSimpleBezierPathParams): [number, number, number, number];
-declare const SimpleBezierEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, }: EdgeProps) => JSX.Element>;
+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/declarations/src/components/Edges/SmoothStepEdge.d.ts

 /// <reference types="react" />
-import { EdgeSmoothStepProps, Position } from '../../types';
+import { SmoothStepEdgeProps, Position } from '../../types';
 export interface GetSmoothStepPathParams {
@@ -13,5 +13,7 @@ sourceX: number;
     centerY?: number;
+    offset?: number;
 }
-export declare function getSmoothStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, }: GetSmoothStepPathParams): string;
-declare const SmoothStepEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, sourcePosition, targetPosition, markerEnd, markerStart, borderRadius, }: EdgeSmoothStepProps) => JSX.Element>;
+export declare function getSmoothStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, offset, }: GetSmoothStepPathParams): string;
+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/declarations/src/components/Edges/StepEdge.d.ts

 /// <reference types="react" />
-import { EdgeSmoothStepProps } from '../../types';
-declare const StepEdge: import("react").MemoExoticComponent<(props: EdgeSmoothStepProps) => JSX.Element>;
+import { SmoothStepEdgeProps } from '../../types';
+declare const StepEdge: import("react").MemoExoticComponent<(props: SmoothStepEdgeProps) => JSX.Element>;
 export default StepEdge;
+//# sourceMappingURL=StepEdge.d.ts.map

dist/declarations/src/components/Edges/StraightEdge.d.ts

 /// <reference types="react" />
 import { EdgeProps } from '../../types';
-declare const StraightEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, }: EdgeProps) => JSX.Element>;
+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/declarations/src/components/Edges/utils.d.ts

@@ -15,1 +15,2 @@ import { MouseEvent as ReactMouseEvent } from 'react';
 export declare function getMouseHandler(id: string, getState: StoreApi<ReactFlowState>['getState'], handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: Edge) => void): ((event: ReactMouseEvent<SVGGElement, MouseEvent>) => void) | undefined;
+//# sourceMappingURL=utils.d.ts.map

dist/declarations/src/components/Edges/wrapEdge.d.ts

 import { ComponentType } from 'react';
 import { EdgeProps, WrapEdgeProps } from '../../types';
 declare const _default: (EdgeComponent: ComponentType<EdgeProps>) => import("react").MemoExoticComponent<{
-    ({ id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, rfId, ariaLabel, disableKeyboardA11y, }: WrapEdgeProps): JSX.Element | null;
+    ({ id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, rfId, ariaLabel, disableKeyboardA11y, pathOptions, interactionWidth, }: WrapEdgeProps): JSX.Element | null;
     displayName: string;
 }>;
 export default _default;
+//# sourceMappingURL=wrapEdge.d.ts.map

dist/declarations/src/components/Handle/handler.d.ts

@@ -25,1 +25,2 @@ import { MouseEvent as ReactMouseEvent } from 'react';
 export {};
+//# sourceMappingURL=handler.d.ts.map

dist/declarations/src/components/Handle/index.d.ts

@@ -6,1 +6,2 @@ import { HTMLAttributes } from 'react';
 export default _default;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/components/Nodes/DefaultNode.d.ts

@@ -8,1 +8,2 @@ /// <reference types="react" />
 export default _default;
+//# sourceMappingURL=DefaultNode.d.ts.map

dist/declarations/src/components/Nodes/GroupNode.d.ts

@@ -6,1 +6,2 @@ declare const GroupNode: {
 export default GroupNode;
+//# sourceMappingURL=GroupNode.d.ts.map

dist/declarations/src/components/Nodes/InputNode.d.ts

@@ -8,1 +8,2 @@ /// <reference types="react" />
 export default _default;
+//# sourceMappingURL=InputNode.d.ts.map

dist/declarations/src/components/Nodes/OutputNode.d.ts

@@ -8,1 +8,2 @@ /// <reference types="react" />
 export default _default;
+//# sourceMappingURL=OutputNode.d.ts.map

dist/declarations/src/components/Nodes/utils.d.ts

 import { MouseEvent } from 'react';
 import { StoreApi } from 'zustand';
-import { HandleElement, Node, ReactFlowState } from '../../types';
-export declare const getHandleBounds: (selector: string, nodeElement: HTMLDivElement, zoom: number) => HandleElement[] | null;
+import { HandleElement, Node, NodeOrigin, ReactFlowState } from '../../types';
+export declare const getHandleBounds: (selector: string, nodeElement: HTMLDivElement, zoom: number, nodeOrigin: NodeOrigin) => HandleElement[] | null;
 export declare function getMouseHandler(id: string, getState: StoreApi<ReactFlowState>['getState'], handler?: (event: MouseEvent, node: Node) => void): ((event: MouseEvent) => void) | undefined;
@@ -14,1 +14,2 @@ export declare function handleNodeClick({ id, store, unselect, }: {
 }): void;
+//# sourceMappingURL=utils.d.ts.map

dist/declarations/src/components/Nodes/wrapNode.d.ts

@@ -5,5 +5,6 @@ import { ComponentType } from 'react';
 declare const _default: (NodeComponent: ComponentType<NodeProps>) => import("react").MemoExoticComponent<{
-    ({ id, type, data, xPos, yPos, xPosOrigin, yPosOrigin, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, initialized, disableKeyboardA11y, ariaLabel, rfId, }: WrapNodeProps): JSX.Element | null;
+    ({ id, type, data, xPos, yPos, xPosOrigin, yPosOrigin, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, resizeObserver, dragHandle, zIndex, isParent, noDragClassName, initialized, disableKeyboardA11y, ariaLabel, rfId, }: WrapNodeProps): JSX.Element | null;
     displayName: string;
 }>;
 export default _default;
+//# sourceMappingURL=wrapNode.d.ts.map

dist/declarations/src/components/NodesSelection/index.d.ts

@@ -15,1 +15,2 @@ /**
 export default _default;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/components/Panel/index.d.ts

@@ -9,1 +9,2 @@ import { HTMLAttributes, ReactNode } from 'react';
 export default Panel;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/components/ReactFlowProvider/index.d.ts

 import { FC, PropsWithChildren } from 'react';
 declare const ReactFlowProvider: FC<PropsWithChildren>;
 export default ReactFlowProvider;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/components/SelectionListener/index.d.ts

@@ -9,1 +9,2 @@ /// <reference types="react" />
 export default _default;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/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'>;
-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, }: 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'>;
+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;
 export default StoreUpdater;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/components/UserSelection/index.d.ts

@@ -10,1 +10,2 @@ /**
 export default UserSelection;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/container/EdgeRenderer/index.d.ts

@@ -11,1 +11,2 @@ /// <reference types="react" />
 export default _default;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/container/EdgeRenderer/MarkerDefinitions.d.ts

@@ -11,1 +11,2 @@ /// <reference types="react" />
 export default _default;
+//# sourceMappingURL=MarkerDefinitions.d.ts.map

dist/declarations/src/container/EdgeRenderer/MarkerSymbols.d.ts

@@ -10,1 +10,2 @@ /// <reference types="react" />
 export default MarkerSymbols;
+//# sourceMappingURL=MarkerSymbols.d.ts.map

dist/declarations/src/container/EdgeRenderer/utils.d.ts

@@ -27,1 +27,2 @@ import { EdgeTypes, EdgeTypesWrapped, HandleElement, NodeHandleBounds, Node, Position, Rect, Transform, XYPosition } from '../../types';
 export {};
+//# sourceMappingURL=utils.d.ts.map

dist/declarations/src/container/FlowRenderer/index.d.ts

@@ -11,1 +11,2 @@ import { ReactNode } from 'react';
 export default _default;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/container/FlowRenderer/Pane.d.ts

@@ -10,1 +10,2 @@ import { MouseEvent } from 'react';
 export default Pane;
+//# sourceMappingURL=Pane.d.ts.map

dist/declarations/src/container/GraphView/index.d.ts

@@ -29,1 +29,2 @@ /// <reference types="react" />
 export default _default;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/container/NodeRenderer/index.d.ts

@@ -9,1 +9,2 @@ /// <reference types="react" />
 export default _default;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/container/NodeRenderer/utils.d.ts

@@ -11,1 +11,2 @@ import { NodeTypes, NodeTypesWrapped, NodeOrigin, XYPosition } from '../../types';
 }) => XYPosition;
+//# sourceMappingURL=utils.d.ts.map

dist/declarations/src/container/ReactFlow/index.d.ts

@@ -5,1 +5,2 @@ /// <reference types="react" />
 export default ReactFlow;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/container/ReactFlow/utils.d.ts

@@ -6,2 +6,2 @@ import { EdgeTypes, EdgeTypesWrapped, NodeTypes, NodeTypesWrapped } from '../../types';
 export declare function useNodeOrEdgeTypes(nodeOrEdgeTypes: EdgeTypes, createTypes: CreateEdgeTypes): EdgeTypesWrapped;
-export declare function injectStyle(css: string): void;
+//# sourceMappingURL=utils.d.ts.map

dist/declarations/src/container/ReactFlow/Wrapper.d.ts

 import { FC, PropsWithChildren } from 'react';
 declare const Wrapper: FC<PropsWithChildren>;
 export default Wrapper;
+//# sourceMappingURL=Wrapper.d.ts.map

dist/declarations/src/container/Viewport/index.d.ts

@@ -7,1 +7,2 @@ import { ReactNode } from 'react';
 export default Viewport;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/container/ZoomPane/index.d.ts

@@ -8,1 +8,2 @@ /// <reference types="react" />
 export default ZoomPane;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/contexts/NodeIdContext.d.ts

@@ -6,1 +6,2 @@ /// <reference types="react" />
 export default NodeIdContext;
+//# sourceMappingURL=NodeIdContext.d.ts.map

dist/declarations/src/contexts/RFStoreContext.d.ts

@@ -5,1 +5,2 @@ /// <reference types="react" />
 export default StoreContext;
+//# sourceMappingURL=RFStoreContext.d.ts.map

dist/declarations/src/hooks/useDrag/index.d.ts

@@ -19,1 +19,2 @@ import { RefObject } from 'react';
 export default useDrag;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/hooks/useDrag/utils.d.ts

@@ -15,1 +15,2 @@ import { RefObject } from 'react';
 }): [Node, Node[]];
+//# sourceMappingURL=utils.d.ts.map

dist/declarations/src/hooks/useEdges.d.ts

 import { Edge } from '../types';
 declare function useEdges<EdgeData>(): Edge<EdgeData>[];
 export default useEdges;
+//# sourceMappingURL=useEdges.d.ts.map

dist/declarations/src/hooks/useGlobalKeyHandler.d.ts

@@ -8,1 +8,2 @@ import { KeyCode } from '../types';
 export default _default;
+//# sourceMappingURL=useGlobalKeyHandler.d.ts.map

dist/declarations/src/hooks/useKeyPress.d.ts

@@ -7,1 +7,2 @@ import { KeyCode } from '../types';
 export default _default;
+//# sourceMappingURL=useKeyPress.d.ts.map

dist/declarations/src/hooks/useNodes.d.ts

 import { Node } from '../types';
 declare function useNodes<NodeData>(): Node<NodeData>[];
 export default useNodes;
+//# sourceMappingURL=useNodes.d.ts.map

dist/declarations/src/hooks/useNodesEdgesState.d.ts

@@ -7,1 +7,2 @@ import { SetStateAction, Dispatch } from 'react';
 export {};
+//# sourceMappingURL=useNodesEdgesState.d.ts.map

dist/declarations/src/hooks/useOnInitHandler.d.ts

 import { OnInit } from '../types';
 declare function useOnInitHandler(onInit: OnInit | undefined): void;
 export default useOnInitHandler;
+//# sourceMappingURL=useOnInitHandler.d.ts.map

dist/declarations/src/hooks/useOnViewportChange.d.ts

@@ -9,1 +9,2 @@ import type { OnViewportChange } from '../types';
 export default useOnViewportChange;
+//# sourceMappingURL=useOnViewportChange.d.ts.map

dist/declarations/src/hooks/useReactFlow.d.ts

 import { ReactFlowInstance } from '../types';
 export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlowInstance<NodeData, EdgeData>;
+//# sourceMappingURL=useReactFlow.d.ts.map

dist/declarations/src/hooks/useResizeHandler.d.ts

 import { MutableRefObject } from 'react';
 declare function useResizeHandler(rendererNode: MutableRefObject<HTMLDivElement | null>): void;
 export default useResizeHandler;
+//# sourceMappingURL=useResizeHandler.d.ts.map

dist/declarations/src/hooks/useStore.d.ts

@@ -14,1 +14,2 @@ import { StoreApi } from 'zustand';
 export { useStore, useStoreApi };
+//# sourceMappingURL=useStore.d.ts.map

dist/declarations/src/hooks/useUpdateNodeInternals.d.ts

 import { UpdateNodeInternals } from '../types';
 declare function useUpdateNodeInternals(): UpdateNodeInternals;
 export default useUpdateNodeInternals;
+//# sourceMappingURL=useUpdateNodeInternals.d.ts.map

dist/declarations/src/hooks/useUpdateNodePositions.d.ts

 import { XYPosition } from '../types';
 declare function useUpdateNodePositions(): (positionDiff: XYPosition) => void;
 export default useUpdateNodePositions;
+//# sourceMappingURL=useUpdateNodePositions.d.ts.map

dist/declarations/src/hooks/useViewport.d.ts

 import { Viewport } from '../types';
 declare function useViewport(): Viewport;
 export default useViewport;
+//# sourceMappingURL=useViewport.d.ts.map

dist/declarations/src/hooks/useViewportHelper.d.ts

 import { ViewportHelperFunctions } from '../types';
 declare const useViewportHelper: () => ViewportHelperFunctions;
 export default useViewportHelper;
+//# sourceMappingURL=useViewportHelper.d.ts.map

dist/declarations/src/hooks/useVisibleEdges.d.ts

@@ -8,1 +8,2 @@ import { NodeInternals, Edge } from '../types';
 export default useVisibleEdges;
+//# sourceMappingURL=useVisibleEdges.d.ts.map

dist/declarations/src/hooks/useVisibleNodes.d.ts

 declare function useVisibleNodes(onlyRenderVisible: boolean): import("../types").Node<any>[];
 export default useVisibleNodes;
+//# sourceMappingURL=useVisibleNodes.d.ts.map

dist/declarations/src/index.d.ts

@@ -9,2 +9,3 @@ export { default as ReactFlow } from './container/ReactFlow';
 export { default as SmoothStepEdge, getSmoothStepPath } from './components/Edges/SmoothStepEdge';
+export { default as BaseEdge } from './components/Edges/BaseEdge';
 export { internalsSymbol, rectToBox, boxToRect, getBoundsOfRects } from './utils';
@@ -25,2 +26,5 @@ export { isNode, isEdge, addEdge, getOutgoers, getIncomers, getConnectedEdges, updateEdge, getTransformForBounds, getRectOfNodes, } from './utils/graph';
 export { default as useOnViewportChange } from './hooks/useOnViewportChange';
+export { default as useOnSelectionChange } from './hooks/useOnSelectionChange';
+export { default as useNodesInitialized } from './hooks/useNodesInitialized';
 export * from './types';
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/store/index.d.ts

 import { ReactFlowState } from '../types';
 declare const createRFStore: () => import("zustand").StoreApi<ReactFlowState>;
 export { createRFStore };
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/store/initialState.d.ts

@@ -5,1 +5,2 @@ import { CoordinateExtent, ReactFlowStore } from '../types';
 export default initialState;
+//# sourceMappingURL=initialState.d.ts.map

dist/declarations/src/store/utils.d.ts

@@ -18,1 +18,2 @@ import { StoreApi } from 'zustand';
 export {};
+//# sourceMappingURL=utils.d.ts.map

dist/declarations/src/styles/index.d.ts

 import { CSSProperties } from 'react';
 export declare const containerStyle: CSSProperties;
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/types/changes.d.ts

@@ -45,1 +45,2 @@ import { XYPosition, Dimensions } from './utils';
 export declare type EdgeChange = EdgeSelectionChange | EdgeRemoveChange | EdgeAddChange | EdgeResetChange;
+//# sourceMappingURL=changes.d.ts.map

dist/declarations/src/types/component-props.d.ts

@@ -99,1 +99,2 @@ import React, { CSSProperties, HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';
 export declare type ReactFlowRefType = HTMLDivElement;
+//# sourceMappingURL=component-props.d.ts.map

dist/declarations/src/types/edges.d.ts

@@ -6,3 +6,3 @@ import React, { CSSProperties, ComponentType, HTMLAttributes, ReactNode } from 'react';
 import { Position } from './utils';
-export interface Edge<T = any> {
+declare type DefaultEdge<T = any> = {
     id: string;
@@ -33,5 +33,22 @@ type?: string;
     ariaLabel?: string;
-}
+    interactionWidth?: number;
+};
+export declare type SmoothStepPathOptions = {
+    offset?: number;
+    borderRadius?: number;
+};
+declare type SmoothStepEdgeType<T> = DefaultEdge<T> & {
+    type: 'smoothstep';
+    pathOptions?: SmoothStepPathOptions;
+};
+export declare type BezierPathOptions = {
+    curvature?: number;
+};
+declare type BezierEdgeType<T> = DefaultEdge<T> & {
+    type: 'default';
+    pathOptions?: BezierPathOptions;
+};
+export declare type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T>;
 export declare type DefaultEdgeOptions = Omit<Edge, 'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle' | 'sourceNode' | 'targetNode'>;
-export interface EdgeProps<T = any> {
+export declare type EdgeProps<T = any> = {
     id: string;
@@ -60,5 +77,6 @@ source: string;
     markerEnd?: string;
-    curvature?: number;
-}
-export declare type BaseEdgeProps = Pick<EdgeProps, 'label' | 'labelStyle' | 'labelShowBg' | 'labelBgStyle' | 'labelBgPadding' | 'labelBgBorderRadius' | 'style' | 'markerStart' | 'markerEnd'> & {
+    pathOptions?: BezierPathOptions | SmoothStepPathOptions;
+    interactionWidth?: number;
+};
+export declare type BaseEdgeProps = Pick<EdgeProps, 'label' | 'labelStyle' | 'labelShowBg' | 'labelBgStyle' | 'labelBgPadding' | 'labelBgBorderRadius' | 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> & {
     centerX: number;
@@ -69,20 +87,5 @@ centerY: number;
 export declare type EdgeMouseHandler = (event: React.MouseEvent, edge: Edge) => void;
-export interface WrapEdgeProps<T = any> {
-    id: string;
-    className?: string;
-    type: string;
-    data?: T;
+export declare type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> & {
     onClick?: EdgeMouseHandler;
     onEdgeDoubleClick?: EdgeMouseHandler;
-    selected: boolean;
-    animated?: boolean;
-    label?: string | ReactNode;
-    labelStyle?: CSSProperties;
-    labelShowBg?: boolean;
-    labelBgStyle?: CSSProperties;
-    labelBgPadding?: [number, number];
-    labelBgBorderRadius?: number;
-    style?: CSSProperties;
-    source: string;
-    target: string;
     sourceHandleId?: string | null;
@@ -97,3 +100,2 @@ targetHandleId?: string | null;
     elementsSelectable?: boolean;
-    hidden?: boolean;
     onEdgeUpdate?: OnEdgeUpdateFunc;
@@ -107,10 +109,11 @@ onContextMenu?: EdgeMouseHandler;
     onEdgeUpdateEnd?: (event: MouseEvent, edge: Edge, handleType: HandleType) => void;
-    markerStart?: EdgeMarkerType;
-    markerEnd?: EdgeMarkerType;
     rfId?: string;
-    ariaLabel?: string | null;
     disableKeyboardA11y: boolean;
+    pathOptions?: BezierPathOptions | SmoothStepPathOptions;
+};
+export interface SmoothStepEdgeProps<T = any> extends EdgeProps<T> {
+    pathOptions?: SmoothStepPathOptions;
 }
-export interface EdgeSmoothStepProps<T = any> extends EdgeProps<T> {
-    borderRadius?: number;
+export interface BezierEdgeProps<T = any> extends EdgeProps<T> {
+    pathOptions?: BezierPathOptions;
 }
@@ -162,1 +165,3 @@ export interface EdgeTextProps extends HTMLAttributes<SVGElement> {
 }
+export {};
+//# sourceMappingURL=edges.d.ts.map

dist/declarations/src/types/general.d.ts

@@ -5,3 +5,3 @@ import { MouseEvent as ReactMouseEvent, ComponentType, MemoExoticComponent } from 'react';
 import { NodeChange, EdgeChange } from './changes';
-import { Node, NodeInternals, NodeDimensionUpdate, NodeProps, WrapNodeProps, NodeDragItem, NodeDragHandler, SelectionDragHandler } from './nodes';
+import { Node, NodeInternals, NodeDimensionUpdate, NodeProps, WrapNodeProps, NodeDragItem, NodeDragHandler, SelectionDragHandler, NodeOrigin } from './nodes';
 import { Edge, EdgeProps, WrapEdgeProps } from './edges';
@@ -25,4 +25,4 @@ import { HandleType, StartHandle } from './handles';
 export declare type Project = (position: XYPosition) => XYPosition;
-export declare type OnNodesChange = (nodes: NodeChange[]) => void;
-export declare type OnEdgesChange = (nodes: EdgeChange[]) => void;
+export declare type OnNodesChange = (changes: NodeChange[]) => void;
+export declare type OnEdgesChange = (changes: EdgeChange[]) => void;
 export declare type OnNodesDelete = (nodes: Node[]) => void;
@@ -117,2 +117,3 @@ export declare type OnEdgesDelete = (edges: Edge[]) => void;
     paneDragging: boolean;
+    noPanClassName: string;
     d3Zoom: ZoomBehavior<Element, unknown> | null;
@@ -125,2 +126,3 @@ d3Selection: D3Selection<Element, unknown, null, undefined> | null;
     nodeExtent: CoordinateExtent;
+    nodeOrigin: NodeOrigin;
     nodesSelectionActive: boolean;
@@ -191,1 +193,2 @@ userSelectionActive: boolean;
 };
+//# sourceMappingURL=general.d.ts.map

dist/declarations/src/types/handles.d.ts

@@ -21,1 +21,2 @@ import { XYPosition, Position, Dimensions } from './utils';
 }
+//# sourceMappingURL=handles.d.ts.map

dist/declarations/src/types/index.d.ts

@@ -9,1 +9,2 @@ export * from './general';
 export * from './component-props';
+//# sourceMappingURL=index.d.ts.map

dist/declarations/src/types/instance.d.ts

@@ -32,1 +32,2 @@ import { ViewportHelperFunctions, Viewport } from './general';
 } & Omit<ViewportHelperFunctions, 'initialized'>;
+//# sourceMappingURL=instance.d.ts.map

dist/declarations/src/types/nodes.d.ts

@@ -82,3 +82,2 @@ import { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
     isParent: boolean;
-    noPanClassName: string;
     noDragClassName: string;
@@ -115,1 +114,2 @@ rfId: string;
 export declare type NodeOrigin = [number, number];
+//# sourceMappingURL=nodes.d.ts.map

dist/declarations/src/types/utils.d.ts

@@ -26,1 +26,2 @@ export declare enum Position {
 export declare type CoordinateExtent = [[number, number], [number, number]];
+//# sourceMappingURL=utils.d.ts.map

dist/declarations/src/utils/changes.d.ts

@@ -10,1 +10,2 @@ import { Node, Edge, EdgeChange, NodeChange } from '../types';
 export declare function getSelectionChanges(items: any[], selectedIds: string[]): any;
+//# sourceMappingURL=changes.d.ts.map

dist/declarations/src/utils/graph.d.ts

@@ -16,1 +16,2 @@ import { Selection as D3Selection } from 'd3';
 export declare const getD3Transition: (selection: D3Selection<Element, unknown, null, undefined>, duration?: number) => import("d3-transition").Transition<Element, unknown, null, undefined>;
+//# sourceMappingURL=graph.d.ts.map

dist/declarations/src/utils/index.d.ts

@@ -17,1 +17,2 @@ import { Dimensions, XYPosition, CoordinateExtent, Box, Rect } from '../types';
 export declare const devWarn: (message: string) => void;
+//# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@reactflow/core",
-  "version": "11.0.0-next.2",
+  "version": "11.0.0-next.3",
   "description": "Core components and util functions of React Flow.",
@@ -52,4 +52,5 @@ "keywords": [
     "postcss-import": "^14.1.0",
-    "postcss-nested": "^5.0.6"
+    "postcss-nested": "^5.0.6",
+    "tsconfig": "*"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

806023

increased by10.53%

Number of package files

171

increased by94.32%

Lines of code

18101

increased by2.99%

Worsened metrics

Dev dependency count

8

increased by14.29%

No dependency changes