@tradingaction/coordinates 2.0.0

package/LICENSE

@@ -0,0 +1,24 @@
+The MIT License (MIT)
+https://github.com/reactivemarkets/react-financial-charts
+
+Copyright (c) 2015-2018 Ragu Ramaswamy
+Copyright (c) 2016 Julien Renaux
+Copyright (c) 2019 Reactive Markets
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# Coordinates
+
+```bash
+npm i @react-financial-charts/coordinates
+```

package/lib/CrossHairCursor.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+export interface CrossHairCursorProps {
+    readonly customX?: (props: CrossHairCursorProps, moreProps: any) => number;
+    readonly snapX?: boolean;
+    readonly strokeStyle?: string;
+    readonly strokeDasharray?: strokeDashTypes;
+    readonly strokeWidth?: number;
+}
+export declare class CrossHairCursor extends React.Component<CrossHairCursorProps> {
+    static defaultProps: {
+        customX: (props: CrossHairCursorProps, moreProps: any) => any;
+        snapX: boolean;
+        strokeStyle: string;
+        strokeDasharray: string;
+        strokeWidth: number;
+    };
+    static contextType: React.Context<import("@tradingaction/core/lib/ChartCanvas").ChartCanvasContextType<number | Date>>;
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly getLines;
+}

package/lib/CrossHairCursor.js

@@ -0,0 +1,76 @@
+import * as React from "react";
+import { getStrokeDasharrayCanvas, GenericComponent, getMouseCanvas, ChartCanvasContext, } from "@tradingaction/core";
+const defaultCustomX = (props, moreProps) => {
+    const { xScale, xAccessor, currentItem, mouseXY } = moreProps;
+    const { snapX } = props;
+    const x = snapX ? Math.round(xScale(xAccessor(currentItem))) : mouseXY[0] + 0.5;
+    return x;
+};
+export class CrossHairCursor extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const lines = this.getLines(this.props, moreProps);
+            if (lines === undefined) {
+                return;
+            }
+            const { margin, ratio } = this.context;
+            const originX = 0.5 * ratio + margin.left;
+            const originY = 0.5 * ratio + margin.top;
+            ctx.save();
+            ctx.setTransform(1, 0, 0, 1, 0, 0);
+            ctx.scale(ratio, ratio);
+            ctx.translate(originX, originY);
+            lines.forEach((line) => {
+                const dashArray = getStrokeDasharrayCanvas(line.strokeDasharray);
+                ctx.strokeStyle = line.strokeStyle;
+                ctx.lineWidth = line.strokeWidth;
+                ctx.setLineDash(dashArray);
+                ctx.beginPath();
+                ctx.moveTo(line.x1, line.y1);
+                ctx.lineTo(line.x2, line.y2);
+                ctx.stroke();
+            });
+            ctx.restore();
+        };
+        this.getLines = (props, moreProps) => {
+            const { mouseXY, currentItem, show, height, width } = moreProps;
+            const { customX = CrossHairCursor.defaultProps.customX, strokeStyle = CrossHairCursor.defaultProps.strokeStyle, strokeDasharray, strokeWidth = CrossHairCursor.defaultProps.strokeWidth, } = props;
+            if (!show || currentItem === undefined) {
+                return undefined;
+            }
+            const line1 = {
+                x1: 0,
+                x2: width,
+                y1: mouseXY[1] + 0.5,
+                y2: mouseXY[1] + 0.5,
+                strokeStyle,
+                strokeDasharray,
+                strokeWidth,
+            };
+            const x = customX(props, moreProps);
+            const line2 = {
+                x1: x,
+                x2: x,
+                y1: 0,
+                y2: height,
+                strokeStyle,
+                strokeDasharray,
+                strokeWidth,
+            };
+            return [line1, line2];
+        };
+    }
+    render() {
+        return (React.createElement(GenericComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan", "drag"] }));
+    }
+}
+CrossHairCursor.defaultProps = {
+    customX: defaultCustomX,
+    snapX: true,
+    strokeStyle: "rgba(55, 71, 79, 0.8)",
+    strokeDasharray: "Dash",
+    strokeWidth: 1,
+};
+CrossHairCursor.contextType = ChartCanvasContext;
+//# sourceMappingURL=CrossHairCursor.js.map

package/lib/CrossHairCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossHairCursor.js","sourceRoot":"","sources":["../src/CrossHairCursor.tsx"],"names":[],"mappings":"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"}

package/lib/CurrentCoordinate.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+export interface CurrentCoordinateProps {
+    /**
+     * Fill style for the circle.
+     */
+    readonly fillStyle?: string | ((datum: any) => string);
+    /**
+     * The radius to draw the circle
+     */
+    readonly r: number;
+    /**
+     * Stroke of the circle
+     */
+    readonly strokeStyle?: string | ((datum: any) => string);
+    /**
+     * Y accessor to use for the circle.
+     */
+    readonly yAccessor: (item: any) => number;
+}
+/**
+ * Draws a circle at the current x location of radius `r`.
+ */
+export declare class CurrentCoordinate extends React.Component<CurrentCoordinateProps> {
+    static defaultProps: {
+        fillStyle: string;
+        r: number;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly getCircle;
+}

package/lib/CurrentCoordinate.js

@@ -0,0 +1,54 @@
+import { getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+import * as React from "react";
+/**
+ * Draws a circle at the current x location of radius `r`.
+ */
+export class CurrentCoordinate extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const circle = this.getCircle(moreProps);
+            if (circle === undefined) {
+                return;
+            }
+            const { fillStyle, r, strokeStyle } = this.props;
+            const fillColor = fillStyle instanceof Function ? fillStyle(moreProps.currentItem) : fillStyle;
+            if (fillColor !== undefined) {
+                ctx.fillStyle = fillColor;
+            }
+            const strokeColor = strokeStyle instanceof Function ? strokeStyle(moreProps.currentItem) : strokeStyle;
+            if (strokeColor !== undefined) {
+                ctx.strokeStyle = strokeColor;
+            }
+            ctx.beginPath();
+            ctx.arc(circle.x, circle.y, r, 0, 2 * Math.PI, false);
+            ctx.fill();
+            if (strokeColor !== undefined) {
+                ctx.stroke();
+            }
+        };
+        this.getCircle = (moreProps) => {
+            const { show, xScale, chartConfig: { yScale }, currentItem, xAccessor, } = moreProps;
+            if (!show || currentItem === undefined) {
+                return undefined;
+            }
+            const { yAccessor } = this.props;
+            const xValue = xAccessor(currentItem);
+            const yValue = yAccessor(currentItem);
+            if (yValue === undefined) {
+                return undefined;
+            }
+            const x = Math.round(xScale(xValue));
+            const y = Math.round(yScale(yValue));
+            return { x, y };
+        };
+    }
+    render() {
+        return (React.createElement(GenericChartComponent, { canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan"] }));
+    }
+}
+CurrentCoordinate.defaultProps = {
+    fillStyle: "#2196f3",
+    r: 3,
+};
+//# sourceMappingURL=CurrentCoordinate.js.map

package/lib/CurrentCoordinate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentCoordinate.js","sourceRoot":"","sources":["../src/CurrentCoordinate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAiC;IAA9E;;QAgBqB,iBAAY,GAAG,CAAC,GAA6B,EAAE,SAAc,EAAE,EAAE;YAC9E,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YACzC,IAAI,MAAM,KAAK,SAAS,EAAE;gBACtB,OAAO;aACV;YAED,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEjD,MAAM,SAAS,GAAG,SAAS,YAAY,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAC/F,IAAI,SAAS,KAAK,SAAS,EAAE;gBACzB,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;aAC7B;YAED,MAAM,WAAW,GAAG,WAAW,YAAY,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;YACvG,IAAI,WAAW,KAAK,SAAS,EAAE;gBAC3B,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC;aACjC;YAED,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;YACtD,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,IAAI,WAAW,KAAK,SAAS,EAAE;gBAC3B,GAAG,CAAC,MAAM,EAAE,CAAC;aAChB;QACL,CAAC,CAAC;QAEe,cAAS,GAAG,CAAC,SAAc,EAAE,EAAE;YAC5C,MAAM,EACF,IAAI,EACJ,MAAM,EACN,WAAW,EAAE,EAAE,MAAM,EAAE,EACvB,WAAW,EACX,SAAS,GACZ,GAAG,SAAS,CAAC;YAEd,IAAI,CAAC,IAAI,IAAI,WAAW,KAAK,SAAS,EAAE;gBACpC,OAAO,SAAS,CAAC;aACpB;YAED,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEjC,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;YAEtC,IAAI,MAAM,KAAK,SAAS,EAAE;gBACtB,OAAO,SAAS,CAAC;aACpB;YAED,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;YACrC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;YAErC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QACpB,CAAC,CAAC;IACN,CAAC;IA/DU,MAAM;QACT,OAAO,CACH,oBAAC,qBAAqB,IAClB,UAAU,EAAE,IAAI,CAAC,YAAY,EAC7B,YAAY,EAAE,cAAc,EAC5B,MAAM,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,GAC9B,CACL,CAAC;IACN,CAAC;;AAba,8BAAY,GAAG;IACzB,SAAS,EAAE,SAAS;IACpB,CAAC,EAAE,CAAC;CACP,CAAC"}

package/lib/Cursor.d.ts

@@ -0,0 +1,31 @@
+import { strokeDashTypes } from "@tradingaction/core";
+import * as React from "react";
+export interface CursorProps {
+    readonly customX?: (props: CursorProps, moreProps: any) => number;
+    readonly disableYCursor?: boolean;
+    readonly snapX?: boolean;
+    readonly strokeDasharray?: strokeDashTypes;
+    readonly strokeStyle?: string;
+    readonly useXCursorShape?: boolean;
+    readonly xCursorShapeFillStyle?: string | ((currentItem: any) => string);
+    readonly xCursorShapeStrokeStyle?: string | ((currentItem: any) => string);
+    readonly xCursorShapeStrokeDasharray?: strokeDashTypes;
+}
+export declare class Cursor extends React.Component<CursorProps> {
+    static defaultProps: {
+        strokeStyle: string;
+        strokeDasharray: string;
+        snapX: boolean;
+        customX: (props: CursorProps, moreProps: any) => any;
+        disableYCursor: boolean;
+        useXCursorShape: boolean;
+        xCursorShapeStrokeStyle: string;
+    };
+    static contextType: React.Context<import("@tradingaction/core/lib/ChartCanvas").ChartCanvasContextType<number | Date>>;
+    render(): JSX.Element;
+    private getXCursorShapeStroke;
+    private getXCursorShapeFill;
+    private getXCursorShape;
+    private getXYCursor;
+    private readonly drawOnCanvas;
+}

package/lib/Cursor.js

@@ -0,0 +1,122 @@
+import { ChartCanvasContext, first, GenericComponent, getMouseCanvas, getStrokeDasharrayCanvas, last, } from "@tradingaction/core";
+import * as React from "react";
+const defaultCustomSnapX = (props, moreProps) => {
+    const { xScale, xAccessor, currentItem, mouseXY } = moreProps;
+    const { snapX } = props;
+    const x = snapX ? Math.round(xScale(xAccessor(currentItem))) : mouseXY[0];
+    return x;
+};
+export class Cursor extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const cursors = this.getXYCursor(this.props, moreProps);
+            if (cursors === undefined) {
+                return;
+            }
+            const { useXCursorShape } = this.props;
+            const { margin, ratio } = this.context;
+            const originX = 0.5 * ratio + margin.left;
+            const originY = 0.5 * ratio + margin.top;
+            ctx.save();
+            ctx.setTransform(1, 0, 0, 1, 0, 0);
+            ctx.scale(ratio, ratio);
+            ctx.translate(originX, originY);
+            cursors.forEach((line) => {
+                if (useXCursorShape && line.isXCursor) {
+                    const { xCursorShapeStrokeDasharray } = this.props;
+                    if (xCursorShapeStrokeDasharray !== undefined) {
+                        const xShapeStrokeStyle = this.getXCursorShapeStroke(moreProps);
+                        if (xShapeStrokeStyle !== undefined) {
+                            ctx.strokeStyle = xShapeStrokeStyle;
+                        }
+                        ctx.setLineDash(getStrokeDasharrayCanvas(xCursorShapeStrokeDasharray));
+                    }
+                    ctx.beginPath();
+                    const xShapeFillStyle = this.getXCursorShapeFill(moreProps);
+                    if (xShapeFillStyle !== undefined) {
+                        ctx.fillStyle = xShapeFillStyle;
+                    }
+                    ctx.beginPath();
+                    const xShape = this.getXCursorShape(moreProps);
+                    xCursorShapeStrokeDasharray === undefined
+                        ? ctx.fillRect(xShape.xPos, 0, xShape.shapeWidth, xShape.height)
+                        : ctx.rect(xShape.xPos, 0, xShape.shapeWidth, xShape.height);
+                    ctx.fill();
+                }
+                else {
+                    if (line.strokeStyle !== undefined) {
+                        ctx.strokeStyle = line.strokeStyle;
+                    }
+                    const dashArray = getStrokeDasharrayCanvas(line.strokeDasharray);
+                    ctx.setLineDash(dashArray);
+                    ctx.beginPath();
+                    ctx.moveTo(line.x1, line.y1);
+                    ctx.lineTo(line.x2, line.y2);
+                }
+                ctx.stroke();
+            });
+            ctx.restore();
+        };
+    }
+    render() {
+        return (React.createElement(GenericComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan", "drag"] }));
+    }
+    getXCursorShapeStroke({ currentItem }) {
+        const { xCursorShapeStrokeStyle } = this.props;
+        return xCursorShapeStrokeStyle instanceof Function
+            ? xCursorShapeStrokeStyle(currentItem)
+            : xCursorShapeStrokeStyle;
+    }
+    getXCursorShapeFill({ currentItem }) {
+        const { xCursorShapeFillStyle } = this.props;
+        return xCursorShapeFillStyle instanceof Function ? xCursorShapeFillStyle(currentItem) : xCursorShapeFillStyle;
+    }
+    getXCursorShape(moreProps) {
+        const { height, xScale, currentItem, plotData } = moreProps;
+        const { xAccessor } = moreProps;
+        const xValue = xAccessor(currentItem);
+        const centerX = xScale(xValue);
+        const shapeWidth = Math.abs(xScale(xAccessor(last(plotData))) - xScale(xAccessor(first(plotData)))) / (plotData.length - 1);
+        const xPos = centerX - shapeWidth / 2;
+        return { height, xPos, shapeWidth };
+    }
+    getXYCursor(props, moreProps) {
+        const { mouseXY, currentItem, show, height, width } = moreProps;
+        const { customX = Cursor.defaultProps.customX, strokeStyle, strokeDasharray, disableYCursor } = props;
+        if (!show || currentItem === undefined) {
+            return undefined;
+        }
+        const yCursor = {
+            x1: 0,
+            x2: width,
+            y1: mouseXY[1] + 0.5,
+            y2: mouseXY[1] + 0.5,
+            strokeStyle,
+            strokeDasharray,
+            isXCursor: false,
+        };
+        const x = customX(props, moreProps);
+        const xCursor = {
+            x1: x,
+            x2: x,
+            y1: 0,
+            y2: height,
+            strokeStyle,
+            strokeDasharray,
+            isXCursor: true,
+        };
+        return disableYCursor ? [xCursor] : [yCursor, xCursor];
+    }
+}
+Cursor.defaultProps = {
+    strokeStyle: "rgba(55, 71, 79, 0.8)",
+    strokeDasharray: "ShortDash",
+    snapX: true,
+    customX: defaultCustomSnapX,
+    disableYCursor: false,
+    useXCursorShape: false,
+    xCursorShapeStrokeStyle: "rgba(0, 0, 0, 0.5)",
+};
+Cursor.contextType = ChartCanvasContext;
+//# sourceMappingURL=Cursor.js.map

package/lib/Cursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cursor.js","sourceRoot":"","sources":["../src/Cursor.tsx"],"names":[],"mappings":"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"}

package/lib/EdgeCoordinate.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export interface EdgeCoordinateProps {
+    readonly className?: string;
+    readonly type: "vertical" | "horizontal";
+    readonly coordinate?: any;
+    readonly x1: number;
+    readonly y1: number;
+    readonly x2: number;
+    readonly y2: number;
+    readonly orient?: "bottom" | "top" | "left" | "right";
+    readonly rectWidth?: number;
+    readonly hideLine?: boolean;
+    readonly fill?: string;
+    readonly fontFamily: string;
+    readonly fontSize: number;
+    readonly lineStroke?: string;
+}
+export declare class EdgeCoordinate extends React.Component<EdgeCoordinateProps> {
+    static defaultProps: {
+        className: string;
+        orient: string;
+        hideLine: boolean;
+        fill: string;
+        fontFamily: string;
+        fontSize: number;
+        textFill: string;
+        lineStroke: string;
+        arrowWidth: number;
+    };
+    static drawOnCanvasStatic: (ctx: CanvasRenderingContext2D, props: any) => void;
+    render(): JSX.Element | null;
+}

package/lib/EdgeCoordinate.js

@@ -0,0 +1,151 @@
+import * as React from "react";
+const helper = (props) => {
+    const { coordinate: displayCoordinate, show, type, orient, edgeAt, hideLine } = props;
+    const { fill, fontFamily, fontSize, textFill, lineStroke, arrowWidth } = props;
+    const { rectWidth, rectHeight } = props;
+    const { x1, y1, x2, y2 } = props;
+    if (!show) {
+        return null;
+    }
+    let edgeXRect;
+    let edgeYRect;
+    let edgeXText;
+    let edgeYText;
+    if (type === "horizontal") {
+        edgeXRect = orient === "right" ? edgeAt + 1 : edgeAt - rectWidth - arrowWidth - 1;
+        edgeYRect = y1 - rectHeight / 2;
+        edgeXText = orient === "right" ? edgeAt + rectWidth / 2 + arrowWidth : edgeAt - rectWidth / 2 - arrowWidth;
+        edgeYText = y1;
+    }
+    else {
+        edgeXRect = x1 - rectWidth / 2;
+        edgeYRect = orient === "bottom" ? edgeAt : edgeAt - rectHeight;
+        edgeXText = x1;
+        edgeYText = orient === "bottom" ? edgeAt + rectHeight / 2 : edgeAt - rectHeight / 2;
+    }
+    let coordinateBase;
+    let coordinate;
+    const textAnchor = "middle";
+    if (displayCoordinate !== undefined) {
+        coordinateBase = {
+            edgeXRect,
+            edgeYRect,
+            rectHeight,
+            rectWidth,
+            fill,
+            arrowWidth,
+        };
+        coordinate = {
+            edgeXText,
+            edgeYText,
+            textAnchor,
+            fontFamily,
+            fontSize,
+            textFill,
+            displayCoordinate,
+        };
+    }
+    const line = hideLine
+        ? undefined
+        : {
+            stroke: lineStroke,
+            x1,
+            y1,
+            x2,
+            y2,
+        };
+    return {
+        coordinateBase,
+        coordinate,
+        line,
+        orient,
+    };
+};
+export class EdgeCoordinate extends React.Component {
+    render() {
+        const { className } = this.props;
+        const edge = helper(this.props);
+        if (edge === null) {
+            return null;
+        }
+        let line;
+        let coordinateBase;
+        let coordinate;
+        if (edge.line !== undefined) {
+            line = (React.createElement("line", { className: "react-financial-charts-cross-hair", stroke: edge.line.stroke, x1: edge.line.x1, y1: edge.line.y1, x2: edge.line.x2, y2: edge.line.y2 }));
+        }
+        if (edge.coordinate !== undefined && edge.coordinateBase !== undefined) {
+            const { rectWidth, rectHeight, arrowWidth } = edge.coordinateBase;
+            const path = edge.orient === "left"
+                ? `M0,0L0,${rectHeight}L${rectWidth},${rectHeight}L${rectWidth + arrowWidth},10L${rectWidth},0L0,0L0,0`
+                : `M0,${arrowWidth}L${arrowWidth},${rectHeight}L${rectWidth + arrowWidth},${rectHeight}L${rectWidth + arrowWidth},0L${arrowWidth},0L0,${arrowWidth}`;
+            coordinateBase =
+                edge.orient === "left" || edge.orient === "right" ? (React.createElement("g", { transform: `translate(${edge.coordinateBase.edgeXRect},${edge.coordinateBase.edgeYRect})` },
+                    React.createElement("path", { d: path, key: 1, className: "react-financial-charts-text-background", height: rectHeight, width: rectWidth, fill: edge.coordinateBase.fill }))) : (React.createElement("rect", { key: 1, className: "react-financial-charts-text-background", x: edge.coordinateBase.edgeXRect, y: edge.coordinateBase.edgeYRect, height: rectHeight, width: rectWidth, fill: edge.coordinateBase.fill }));
+            coordinate = (React.createElement("text", { key: 2, x: edge.coordinate.edgeXText, y: edge.coordinate.edgeYText, textAnchor: edge.coordinate.textAnchor, fontFamily: edge.coordinate.fontFamily, fontSize: edge.coordinate.fontSize, dy: ".32em", fill: edge.coordinate.textFill }, edge.coordinate.displayCoordinate));
+        }
+        return (React.createElement("g", { className: className },
+            line,
+            coordinateBase,
+            coordinate));
+    }
+}
+EdgeCoordinate.defaultProps = {
+    className: "react-financial-charts-edgecoordinate",
+    orient: "left",
+    hideLine: false,
+    fill: "#8a8a8a",
+    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+    fontSize: 13,
+    textFill: "#FFFFFF",
+    lineStroke: "rgba(0, 0, 0, 0.3)",
+    arrowWidth: 10,
+};
+EdgeCoordinate.drawOnCanvasStatic = (ctx, props) => {
+    props = Object.assign(Object.assign({}, EdgeCoordinate.defaultProps), props);
+    const edge = helper(props);
+    if (edge === null) {
+        return;
+    }
+    if (edge.coordinate !== undefined && edge.coordinateBase !== undefined) {
+        const { rectWidth, rectHeight, arrowWidth } = edge.coordinateBase;
+        ctx.fillStyle = edge.coordinateBase.fill;
+        const x = edge.coordinateBase.edgeXRect;
+        const y = edge.coordinateBase.edgeYRect;
+        ctx.beginPath();
+        if (edge.orient === "right") {
+            ctx.moveTo(x, y + rectHeight / 2);
+            ctx.lineTo(x + arrowWidth, y);
+            ctx.lineTo(x + rectWidth + arrowWidth, y);
+            ctx.lineTo(x + rectWidth + arrowWidth, y + rectHeight);
+            ctx.lineTo(x + arrowWidth, y + rectHeight);
+            ctx.closePath();
+        }
+        else if (edge.orient === "left") {
+            ctx.moveTo(x, y);
+            ctx.lineTo(x + rectWidth, y);
+            ctx.lineTo(x + rectWidth + arrowWidth, y + rectHeight / 2);
+            ctx.lineTo(x + rectWidth, y + rectHeight);
+            ctx.lineTo(x, y + rectHeight);
+            ctx.closePath();
+        }
+        else {
+            ctx.rect(x, y, rectWidth, rectHeight);
+        }
+        ctx.fill();
+        ctx.font = `${edge.coordinate.fontSize}px ${edge.coordinate.fontFamily}`;
+        ctx.fillStyle = edge.coordinate.textFill;
+        ctx.textAlign =
+            edge.coordinate.textAnchor === "middle" ? "center" : edge.coordinate.textAnchor;
+        ctx.textBaseline = "middle";
+        ctx.fillText(edge.coordinate.displayCoordinate, edge.coordinate.edgeXText, edge.coordinate.edgeYText);
+    }
+    if (edge.line !== undefined) {
+        ctx.strokeStyle = edge.line.stroke;
+        ctx.beginPath();
+        ctx.moveTo(edge.line.x1, edge.line.y1);
+        ctx.lineTo(edge.line.x2, edge.line.y2);
+        ctx.stroke();
+    }
+};
+//# sourceMappingURL=EdgeCoordinate.js.map

package/lib/EdgeCoordinate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeCoordinate.js","sourceRoot":"","sources":["../src/EdgeCoordinate.tsx"],"names":[],"mappings":"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"}

package/lib/EdgeCoordinateV2.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function renderSVG(props: any): JSX.Element | null;
+export declare function drawOnCanvas(ctx: CanvasRenderingContext2D, props: any): void;