react-d3-dag/lib/types/Node/index.d.ts

React component to create interactive D3 directed acyclic graphs (DAGs)

import React, { SyntheticEvent } from 'react';
import { GraphNode as DagNode } from 'd3-dag';
import { Orientation, Point, TreeNodeDatum, RawNodeDatum, RenderCustomNodeElementFn, AddChildrenFunction } from '../types/common.js';
type NodeEventHandler = (dagNode: DagNode<TreeNodeDatum>, evt: SyntheticEvent) => void;
type NodeProps = {
    data: TreeNodeDatum;
    position: Point;
    dagNode: DagNode<TreeNodeDatum>;
    nodeClassName: string;
    nodeSize: {
        x: number;
        y: number;
    };
    orientation: Orientation;
    enableLegacyTransitions: boolean;
    transitionDuration: number;
    renderCustomNodeElement: RenderCustomNodeElementFn;
    onNodeToggle: (nodeId: string) => void;
    onNodeClick: NodeEventHandler;
    onNodeMouseOver: NodeEventHandler;
    onNodeMouseOut: NodeEventHandler;
    subscriptions: object;
    centerNode: (graphNode: DagNode<TreeNodeDatum>) => void;
    handleAddChildrenToNode: (nodeId: string, children: RawNodeDatum[]) => void;
};
type NodeState = {
    transform: string;
    initialStyle: {
        opacity: number;
    };
    wasClicked: boolean;
};
export default class Node extends React.Component<NodeProps, NodeState> {
    private nodeRef;
    state: {
        transform: string;
        initialStyle: {
            opacity: number;
        };
        wasClicked: boolean;
    };
    componentDidMount(): void;
    componentDidUpdate(): void;
    shouldComponentUpdate(nextProps: NodeProps, nextState: NodeState): boolean;
    shouldNodeTransform: (ownProps: NodeProps, nextProps: NodeProps, ownState: NodeState, nextState: NodeState) => boolean;
    setTransform(position: NodeProps['position'], orientation: NodeProps['orientation'], shouldTranslateToOrigin?: boolean): string;
    applyTransform(transform: string, transitionDuration: NodeProps['transitionDuration'], opacity?: number, done?: () => void): void;
    commitTransform(): void;
    renderNodeElement: () => JSX.Element;
    handleNodeToggle: () => void;
    handleOnClick: (evt: any) => void;
    handleOnMouseOver: (evt: any) => void;
    handleOnMouseOut: (evt: any) => void;
    handleAddChildren: AddChildrenFunction;
    componentWillLeave(done: any): void;
    render(): JSX.Element;
}
export {};