arrowjoin/dist/ts/types.d.ts

ArrowJoin is a creative and functional React library that effortlessly connects two React components with a sleek arrow.

import React, { ReactSVG } from 'react';
import { cAnchorEdge, cArrowShapes, cPaths, cSvgElems } from './constants';
export type xarrowPropsType = {
    start: refType;
    end: refType;
    startAnchor?: anchorType;
    endAnchor?: anchorType;
    labels?: labelType | labelsType;
    color?: string;
    lineColor?: string | null;
    headColor?: string | null;
    tailColor?: string | null;
    strokeWidth?: number;
    showHead?: boolean;
    headSize?: number;
    showTail?: boolean;
    tailSize?: number;
    path?: pathType;
    showXarrow?: boolean;
    curveness?: number;
    gridBreak?: string;
    dashness?: boolean | {
        strokeLen?: number;
        nonStrokeLen?: number;
        animation?: boolean | number;
    };
    headShape?: svgEdgeShapeType | svgCustomEdgeType;
    tailShape?: svgEdgeShapeType | svgCustomEdgeType;
    animateDrawing?: boolean | number;
    zIndex?: number;
    passProps?: JSX.IntrinsicElements[svgElemType];
    SVGcanvasProps?: React.SVGAttributes<SVGSVGElement>;
    arrowBodyProps?: React.SVGProps<SVGPathElement>;
    arrowHeadProps?: JSX.IntrinsicElements[svgElemType];
    arrowTailProps?: JSX.IntrinsicElements[svgElemType];
    divContainerProps?: React.HTMLProps<HTMLDivElement>;
    SVGcanvasStyle?: React.CSSProperties;
    divContainerStyle?: React.CSSProperties;
    className?: string;
    onClick?: (ref: React.RefObject<SVGPathElement>) => void;
    _extendSVGcanvas?: number;
    _debug?: boolean;
    _cpx1Offset?: number;
    _cpy1Offset?: number;
    _cpx2Offset?: number;
    _cpy2Offset?: number;
};
export type pathType = (typeof cPaths)[number];
export type _anchorType = anchorNamedType | anchorCustomPositionType;
export type anchorType = _anchorType | _anchorType[];
export type anchorNamedType = (typeof cAnchorEdge)[number];
export type anchorCustomPositionType = {
    position: anchorNamedType;
    offset: {
        x?: number;
        y?: number;
    };
};
export type refType = React.MutableRefObject<any> | string;
export type labelsType = {
    start?: labelType;
    middle?: labelType;
    end?: labelType;
};
export type labelType = JSX.Element | string;
export type svgCustomEdgeType = {
    svgElem: JSX.IntrinsicElements[keyof ReactSVG];
    offsetForward?: number;
};
export type svgEdgeShapeType = (typeof cArrowShapes)[number];
export type svgEdgeType = svgEdgeShapeType | svgCustomEdgeType;
export type svgElemType = (typeof cSvgElems)[number];
//# sourceMappingURL=types.d.ts.map