70-react-network-diagrams
Version:
52 lines (51 loc) • 1.98 kB
TypeScript
import { default as React } from 'react';
import { default as PropTypes } from 'prop-types';
/**
* This component draws a curved path between a source and target. The
* source and target are specified as props x1, y1 and x2, y2.
*
* The curve of the path arcs through a point offset from the mid-point
* of the line between source and target. This is specified as the prop
* offset. The offset may be "left" or "right" as specified as curveDirection.
*
* An arrow may be added by passing an 'arrow' prop of true and may be
* customized by supplying arrowWidth and/or arrowHeight. It defaults to
* being the width*1.5 wide and width*2 long.0
*
* Stroke color and width can also be supplied.
*/
export class ArcEdge extends React.Component<any, any, any> {
constructor(props: any);
handleClick(e: any): void;
render(): import("react/jsx-runtime").JSX.Element;
}
export namespace ArcEdge {
namespace propTypes {
let offset: PropTypes.Requireable<number>;
let width: PropTypes.Requireable<number>;
let color: PropTypes.Requireable<string>;
let curveDirection: PropTypes.Requireable<string>;
let arrow: PropTypes.Requireable<boolean>;
let position: PropTypes.Requireable<number>;
let selected: PropTypes.Requireable<boolean>;
let muted: PropTypes.Requireable<boolean>;
}
namespace defaultProps {
let offset_1: number;
export { offset_1 as offset };
let width_1: number;
export { width_1 as width };
let color_1: string;
export { color_1 as color };
let curveDirection_1: string;
export { curveDirection_1 as curveDirection };
let arrow_1: boolean;
export { arrow_1 as arrow };
let position_1: number;
export { position_1 as position };
let selected_1: boolean;
export { selected_1 as selected };
let muted_1: boolean;
export { muted_1 as muted };
}
}