import type { IBoxSize, ICoords, IProcessedGraphNode, LogicalArcGraph, RenderableContent, IARCProps, IEdgeRouterMode, IGraphEdge, GraphNodeId, IChartState } from '@adam-sv/arc';
import type { IConnectionCreationLogic } from './InteractionManager/NodeInteractionManager';
import type { IComputedGraphLayout } from './layouts';
export interface IGraphProps<NodeType, EdgeType, NodeIdType extends GraphNodeId = GraphNodeId> extends IARCProps {
    className?: string;
    graph: LogicalArcGraph<NodeType, EdgeType, NodeIdType>;
    edgeMode?: IEdgeRouterMode;
    forceEdgesOnTop?: boolean;
    edgeSpacing?: number;
    edgeCreation?: IConnectionCreationLogic<NodeType, NodeIdType>;
    gridSize?: number;
    gridLineOrDotThickness?: number;
    gridStyle?: 'grid' | 'dot-grid' | 'none';
    hideScrollBars?: boolean;
    minHeight?: number;
    svgNodeContentRenderer?: IGraphNodeContentRenderer<NodeType, EdgeType, NodeIdType>;
    htmlNodeContentRenderer?: IGraphNodeContentRenderer<NodeType, EdgeType, NodeIdType>;
    scrollControls?: {
        left: number;
        top: number;
        onScrollUpdate?: (scrollLeft: number, scrollTop: number) => unknown;
    };
    zoomControls?: {
        value?: number;
        min?: number;
        max?: number;
        onZoomUpdate?: (zoom: number) => unknown;
    };
    mode?: IGraphStrategy;
    layoutOptions?: Partial<IGraphLayoutOptions>;
    renderedLayout?: IComputedGraphLayout<NodeType, NodeIdType>;
    onScrollUpdate?: (scrollLeft: number, scrollTop: number) => unknown;
    selectionActions?: IGraphSelectionActions<EdgeType, NodeIdType>;
    selectedNodeIds?: Set<NodeIdType>;
    selectedEdges?: Set<IGraphEdge<EdgeType, NodeIdType>>;
    connectionActions?: IGraphConnectionActions<EdgeType, NodeIdType>;
    nodeActions?: IGraphNodeActions<NodeType, NodeIdType>;
    backgroundDragMode?: IGraphDragMode;
    onContextMenu?: (ev: React.MouseEvent, coordinateSpacePosition: ICoords) => unknown;
    onDrop?: (ev: React.DragEvent<HTMLDivElement>, coordinateSpacePosition: ICoords, data: string, chartState: IChartState) => unknown;
    invertDragControls?: boolean;
    /** `debug` mode results in EdgeRouter showing the nodes
     * in the WebCola coordinate space and writing additional logs.*/
    debug?: boolean;
}
export interface IGraphRenderContext<NodeType = any, EdgeType = any, NodeIdType extends GraphNodeId = GraphNodeId> {
    graph: LogicalArcGraph<NodeType, EdgeType, NodeIdType>;
    getPosition: (node: IProcessedGraphNode<NodeType, NodeIdType>, flag?: boolean) => ICoords | undefined;
    getSize: (node: IProcessedGraphNode<NodeType, NodeIdType>) => IBoxSize;
    getNodeConnectionLayout: (node: IProcessedGraphNode<NodeType, NodeIdType>, useRelativePosition?: boolean) => IChildBoxPlacement | undefined;
    getNodeContentLayout: (node: IProcessedGraphNode<NodeType, NodeIdType>, useAbsolutePosition?: boolean) => IChildBoxPlacement | undefined;
    layoutOptions: IGraphLayoutOptions;
    scaledPadding: {
        topLevel: ICoords;
        child: ICoords;
    };
    zoom: number;
}
export interface IBoxPlacement {
    position: ICoords;
    size: IBoxSize;
}
export interface IChildBoxPlacement extends IBoxPlacement {
    isStrictSubset?: boolean;
}
export interface IGraphNodeContentRendererProps<NodeType, EdgeType, NodeIdType extends GraphNodeId> {
    node: IProcessedGraphNode<NodeType, NodeIdType>;
    position: ICoords;
    size: IBoxSize;
    showContentBox?: boolean;
    graphContext: IGraphRenderContext<NodeType, EdgeType, NodeIdType>;
}
export type IGraphNodeContentRenderer<NodeType, EdgeType, NodeIdType extends GraphNodeId> = (props: IGraphNodeContentRendererProps<NodeType, EdgeType, NodeIdType>) => RenderableContent;
export type IGraphChildNodeRenderer<NodeType, EdgeType, NodeIdType extends GraphNodeId> = (props: {
    node: IProcessedGraphNode<NodeType, NodeIdType>;
    graphContext: IGraphRenderContext<NodeType, EdgeType, NodeIdType>;
    childNodeRenderer?: IGraphChildNodeRenderer<NodeType, EdgeType, NodeIdType>;
    contentRenderer?: IGraphNodeContentRenderer<NodeType, EdgeType, NodeIdType>;
}) => RenderableContent;
export interface IGraphLayoutOptions {
    defaultNodeSize: IBoxSize;
    padding: number;
    childPadding: number;
    inputOutputHeight: number;
    inputOutputWidth: number | 'auto';
    contentHeight: number;
    connectionTargetSize: number;
}
export type IGraphStrategy = 'flat' | 'hierarchical' | 'functional' | 'custom';
export type FlatGraphLayoutStrategy = {
    mode: 'flat';
    padding: number;
    defaultNodeSize?: IBoxSize;
};
export type HierarchicalGraphLayoutStrategy = {
    mode: 'hierarchical';
    padding: number;
    defaultNodeSize?: IBoxSize;
    childPadding: number;
    inputOutputHeight?: number;
    inputOutputWidth?: number;
    contentHeight?: number;
};
export type FunctionalLayoutOptions = {
    mode: 'functional';
    connectionTargetSize?: number;
    childPadding?: number;
};
export interface INodePlacement<NodeType, NodeIdType extends GraphNodeId> {
    node: IProcessedGraphNode<NodeType, NodeIdType>;
    absolutePosition: ICoords;
    relativePosition: ICoords;
    size: IBoxSize;
    contentPlacement?: INodePortionPlacement;
    connectionTargetPlacement?: INodePortionPlacement;
}
export interface INodePortionPlacement {
    role: 'content-container' | 'connection-target';
    position: ICoords;
    size: IBoxSize;
}
export type IGraphDragMode = 'move' | 'multi-select';
export interface IGraphDefaults {
    GRID_SIZE: number;
    GRID_LINE_OR_DOT_THICKNESS: number;
    MIN_HEIGHT: number;
    ZOOM_DEFAULTS: {
        value: number;
        min: number;
        max: number;
    };
    LAYOUT_OPTIONS: {
        PADDING: number;
        CHILD_PADDING: number;
        DEFAULT_NODE_SIZE: IBoxSize;
        INPUT_OUTPUT_HEIGHT: number;
        INPUT_OUTPUT_WIDTH: number;
        CONTENT_HEIGHT: number;
        CONNECTION_TARGET_SIZE: number;
    };
}
export interface IGraphConnectionActions<EdgeType, NodeIdType extends GraphNodeId> {
    onClick?: (e: React.MouseEvent, edge: IGraphEdge<EdgeType, NodeIdType>) => unknown;
    onContextMenu?: (e: React.MouseEvent, edge: IGraphEdge<EdgeType, NodeIdType>) => unknown;
    onHover?: (e: React.MouseEvent, edge: IGraphEdge<EdgeType, NodeIdType>) => unknown;
    onUnhover?: (e: React.MouseEvent, edge: IGraphEdge<EdgeType, NodeIdType>) => unknown;
}
export interface IGraphNodeActions<NodeType, NodeIdType extends GraphNodeId> {
    onClick?: (e: React.MouseEvent, node: IProcessedGraphNode<NodeType, NodeIdType>) => unknown;
    onDoubleClick?: (e: React.MouseEvent, node: IProcessedGraphNode<NodeType, NodeIdType>) => unknown;
    onContextMenu?: (e: React.MouseEvent, node: IProcessedGraphNode<NodeType, NodeIdType>) => unknown;
    onMove?: (node: IProcessedGraphNode<NodeType, NodeIdType>, delta: ICoords) => unknown;
}
export interface IGraphSelectionActions<EdgeType, NodeIdType extends GraphNodeId> {
    onContextMenu?: (e: React.MouseEvent, selection: IGraphSelection<EdgeType, NodeIdType>) => unknown;
    onSelectionMoved?: (selection: IGraphSelection<EdgeType, NodeIdType>, delta: ICoords) => unknown;
    onSelectionUpdated?: (selection: IGraphSelection<EdgeType, NodeIdType>) => unknown;
    onSelectionChanged?: (selectionDifference: {
        added?: Partial<IGraphSelection<EdgeType, NodeIdType>>;
        deleted?: Partial<IGraphSelection<EdgeType, NodeIdType>>;
        multiEvent?: boolean;
    }) => unknown;
}
export interface IGraphSelection<EdgeType, NodeIdType extends GraphNodeId> {
    nodeIds: Set<NodeIdType>;
    edges: Set<IGraphEdge<EdgeType, NodeIdType>>;
}