@tradingaction/coordinates 2.0.0

package/lib/EdgeCoordinateV2.js

@@ -0,0 +1,138 @@
+import * as React from "react";
+export function renderSVG(props) {
+    const { className } = props;
+    const edge = helper(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));
+}
+function 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, dx } = props;
+    if (!show) {
+        return null;
+    }
+    let edgeXRect;
+    let edgeYRect;
+    let edgeXText;
+    let edgeYText;
+    if (type === "horizontal") {
+        edgeXRect = dx + (orient === "right" ? edgeAt + 1 : edgeAt - rectWidth - arrowWidth - 1);
+        edgeYRect = y1 - rectHeight / 2;
+        edgeXText =
+            dx + (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 function drawOnCanvas(ctx, 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=EdgeCoordinateV2.js.map

package/lib/EdgeCoordinateV2.js.map

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

package/lib/EdgeCoordinateV3.d.ts

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

package/lib/EdgeCoordinateV3.js

@@ -0,0 +1,176 @@
+import * as React from "react";
+import { getStrokeDasharray, getStrokeDasharrayCanvas, isDefined } from "@tradingaction/core";
+export const renderSVG = (props) => {
+    const { className } = props;
+    const edge = helper(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, strokeDasharray: getStrokeDasharray(edge.line.strokeDasharray), 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", { key: 1, transform: `translate(${edge.coordinateBase.edgeXRect},${edge.coordinateBase.edgeYRect})` },
+                React.createElement("path", { d: path, className: "react-financial-charts-text-background", height: rectHeight, width: rectWidth, stroke: edge.coordinateBase.stroke, strokeLinejoin: "miter", strokeWidth: edge.coordinateBase.strokeWidth, 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));
+};
+const helper = (props) => {
+    const { coordinate: displayCoordinate, show, type, orient, edgeAt, hideLine, lineStrokeDasharray, fill, fontFamily, fontSize, textFill, lineStroke, stroke, strokeWidth, arrowWidth, rectWidth, rectHeight, rectRadius, x1, y1, x2, y2, dx, } = props;
+    if (!show) {
+        return null;
+    }
+    let coordinateBase;
+    let coordinate;
+    if (displayCoordinate !== undefined) {
+        const textAnchor = "middle";
+        let edgeXRect;
+        let edgeYRect;
+        let edgeXText;
+        let edgeYText;
+        if (type === "horizontal") {
+            edgeXRect = dx + (orient === "right" ? edgeAt + 1 : edgeAt - rectWidth - 1);
+            edgeYRect = y1 - rectHeight / 2 - strokeWidth;
+            edgeXText = dx + (orient === "right" ? edgeAt + rectWidth / 2 : edgeAt - rectWidth / 2);
+            edgeYText = y1;
+        }
+        else {
+            const dy = orient === "bottom" ? strokeWidth - 1 : -strokeWidth + 1;
+            edgeXRect = x1 - rectWidth / 2;
+            edgeYRect = (orient === "bottom" ? edgeAt : edgeAt - rectHeight) + dy;
+            edgeXText = x1;
+            edgeYText = (orient === "bottom" ? edgeAt + rectHeight / 2 : edgeAt - rectHeight / 2) + dy;
+        }
+        coordinateBase = {
+            edgeXRect,
+            edgeYRect,
+            rectHeight: rectHeight + strokeWidth,
+            rectWidth,
+            rectRadius,
+            fill,
+            arrowWidth,
+            stroke,
+            strokeWidth,
+        };
+        coordinate = {
+            edgeXText,
+            edgeYText,
+            textAnchor,
+            fontFamily,
+            fontSize,
+            textFill,
+            displayCoordinate,
+        };
+    }
+    const line = hideLine
+        ? undefined
+        : {
+            stroke: lineStroke,
+            strokeDasharray: lineStrokeDasharray,
+            x1,
+            y1,
+            x2,
+            y2,
+        };
+    return {
+        coordinateBase,
+        coordinate,
+        line,
+        orient,
+    };
+};
+export const drawOnCanvas = (ctx, props) => {
+    const { coordinate, fitToText, fontSize, fontFamily, rectWidth } = props;
+    ctx.font = `${fontSize}px ${fontFamily}`;
+    ctx.textBaseline = "middle";
+    let width = rectWidth;
+    if (fitToText) {
+        width = Math.round(ctx.measureText(coordinate).width + 10);
+    }
+    const edge = helper(Object.assign(Object.assign({}, props), { rectWidth: width }));
+    if (edge === null) {
+        return;
+    }
+    if (edge.line !== undefined && isDefined(edge.line)) {
+        const dashArray = getStrokeDasharrayCanvas(edge.line.strokeDasharray);
+        ctx.setLineDash(dashArray);
+        ctx.strokeStyle = edge.line.stroke;
+        ctx.lineWidth = 1;
+        ctx.beginPath();
+        ctx.moveTo(edge.line.x1, edge.line.y1);
+        ctx.lineTo(edge.line.x2, edge.line.y2);
+        ctx.stroke();
+    }
+    ctx.setLineDash([]);
+    if (edge.coordinateBase !== undefined) {
+        const { arrowWidth, rectWidth, rectHeight, rectRadius } = edge.coordinateBase;
+        ctx.fillStyle = edge.coordinateBase.fill;
+        if (edge.coordinateBase.stroke !== undefined) {
+            ctx.strokeStyle = edge.coordinateBase.stroke;
+            ctx.lineWidth = edge.coordinateBase.strokeWidth;
+        }
+        let x = edge.coordinateBase.edgeXRect;
+        const y = edge.coordinateBase.edgeYRect;
+        const halfHeight = rectHeight / 2;
+        ctx.beginPath();
+        if (arrowWidth > 0 && edge.orient === "right") {
+            x -= arrowWidth;
+            ctx.moveTo(x, y + halfHeight);
+            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 (arrowWidth > 0 && edge.orient === "left") {
+            ctx.moveTo(x, y);
+            ctx.lineTo(x + rectWidth, y);
+            ctx.lineTo(x + rectWidth + arrowWidth, y + halfHeight);
+            ctx.lineTo(x + rectWidth, y + rectHeight);
+            ctx.lineTo(x, y + rectHeight);
+            ctx.closePath();
+        }
+        else if (rectRadius) {
+            roundRect(ctx, x - 0.5, y - 0.5, rectWidth, rectHeight, 3);
+        }
+        else {
+            ctx.rect(x - 0.5, y, rectWidth, rectHeight);
+        }
+        ctx.fill();
+        if (edge.coordinateBase.stroke !== undefined) {
+            ctx.stroke();
+        }
+        if (edge.coordinate !== undefined) {
+            ctx.fillStyle = edge.coordinate.textFill;
+            ctx.textAlign =
+                edge.coordinate.textAnchor === "middle" ? "center" : edge.coordinate.textAnchor;
+            ctx.fillText(edge.coordinate.displayCoordinate, edge.coordinate.edgeXText, edge.coordinate.edgeYText);
+        }
+    }
+};
+const roundRect = (ctx, x, y, width, height, radius) => {
+    ctx.beginPath();
+    ctx.moveTo(x + radius, y);
+    ctx.lineTo(x + width - radius, y);
+    ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
+    ctx.lineTo(x + width, y + height - radius);
+    ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
+    ctx.lineTo(x + radius, y + height);
+    ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
+    ctx.lineTo(x, y + radius);
+    ctx.quadraticCurveTo(x, y, x + radius, y);
+    ctx.closePath();
+};
+//# sourceMappingURL=EdgeCoordinateV3.js.map

package/lib/EdgeCoordinateV3.js.map

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

package/lib/EdgeIndicator.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+export interface EdgeIndicatorProps {
+    readonly arrowWidth?: number;
+    readonly displayFormat?: (n: number) => string;
+    readonly edgeAt?: "left" | "right";
+    readonly fill?: string | ((datum: any) => string);
+    readonly fitToText?: boolean;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fullWidth?: boolean;
+    readonly itemType: "first" | "last";
+    readonly lineStroke?: string | ((datum: any) => string);
+    readonly lineStrokeDasharray?: strokeDashTypes;
+    readonly orient?: "left" | "right";
+    readonly rectHeight?: number;
+    readonly rectWidth?: number;
+    readonly stroke?: string | ((datum: any) => string);
+    readonly textFill?: string | ((datum: any) => string);
+    readonly type?: "horizontal";
+    readonly yAccessor: (data: any) => number | undefined;
+    readonly yAxisPad?: number;
+}
+export declare class EdgeIndicator extends React.Component<EdgeIndicatorProps> {
+    static defaultProps: {
+        fitToText: boolean;
+        lineStroke: string;
+        lineOpacity: number;
+        lineStrokeDasharray: string;
+        orient: string;
+        displayFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        edgeAt: string;
+        yAxisPad: number;
+        rectHeight: number;
+        rectWidth: number;
+        arrowWidth: number;
+        fontFamily: string;
+        fontSize: number;
+        dx: number;
+        hideLine: boolean;
+        fill: string;
+        opacity: number;
+        stroke: () => void;
+        strokeOpacity: number;
+        strokeWidth: number;
+        textFill: string;
+        type: string;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly helper;
+    private readonly getEdge;
+}

package/lib/EdgeIndicator.js

@@ -0,0 +1,85 @@
+import { format } from "d3-format";
+import * as React from "react";
+import { first, functor, getAxisCanvas, GenericChartComponent, last, noop, } from "@tradingaction/core";
+import { drawOnCanvas } from "./EdgeCoordinateV3";
+export class EdgeIndicator extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const edge = this.helper(this.props, moreProps);
+            if (edge === undefined) {
+                return;
+            }
+            const props = Object.assign(Object.assign({}, this.props), edge);
+            drawOnCanvas(ctx, props);
+        };
+        this.helper = (props, moreProps) => {
+            const { itemType, yAccessor } = props;
+            const { plotData } = moreProps;
+            const item = itemType === "first" ? first(plotData, yAccessor) : last(plotData, yAccessor);
+            const edge = item !== undefined ? this.getEdge(moreProps, item) : undefined;
+            return edge;
+        };
+        this.getEdge = (moreProps, item) => {
+            const { fontFamily, fontSize, type: edgeType, displayFormat = EdgeIndicator.defaultProps.displayFormat, edgeAt, yAxisPad = EdgeIndicator.defaultProps.yAxisPad, orient, lineStroke, yAccessor, fill, fullWidth, textFill, rectHeight, rectWidth, arrowWidth, stroke, } = this.props;
+            const { xScale, chartConfig: { yScale }, xAccessor, width, } = moreProps;
+            const yValue = yAccessor(item);
+            if (yValue === undefined) {
+                return undefined;
+            }
+            const xValue = xAccessor(item);
+            const x1 = fullWidth ? 0 : Math.round(xScale(xValue));
+            const y1 = Math.round(yScale(yValue));
+            const [left, right] = [0, width];
+            const edgeX = edgeAt === "left" ? left - yAxisPad : right + yAxisPad;
+            return {
+                coordinate: displayFormat(yValue),
+                show: true,
+                type: edgeType,
+                orient,
+                edgeAt: edgeX,
+                fill: functor(fill)(item),
+                lineStroke: functor(lineStroke)(item),
+                stroke: functor(stroke)(item),
+                fontFamily,
+                fontSize,
+                textFill: functor(textFill)(item),
+                rectHeight,
+                rectWidth,
+                arrowWidth,
+                x1,
+                y1,
+                x2: right,
+                y2: y1,
+            };
+        };
+    }
+    render() {
+        return (React.createElement(GenericChartComponent, { edgeClip: true, clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan"] }));
+    }
+}
+EdgeIndicator.defaultProps = {
+    fitToText: false,
+    lineStroke: "#000000",
+    lineOpacity: 1,
+    lineStrokeDasharray: "ShortDot",
+    orient: "right",
+    displayFormat: format(".2f"),
+    edgeAt: "right",
+    yAxisPad: 0,
+    rectHeight: 20,
+    rectWidth: 50,
+    arrowWidth: 0,
+    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+    fontSize: 13,
+    dx: 0,
+    hideLine: false,
+    fill: "#8a8a8a",
+    opacity: 1,
+    stroke: noop,
+    strokeOpacity: 1,
+    strokeWidth: 1,
+    textFill: "#FFFFFF",
+    type: "horizontal",
+};
+//# sourceMappingURL=EdgeIndicator.js.map

package/lib/EdgeIndicator.js.map

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

package/lib/MouseCoordinateX.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+export interface MouseCoordinateXProps {
+    readonly at?: "bottom" | "top";
+    readonly customX: (props: MouseCoordinateXProps, moreProps: any) => {
+        x: number;
+        coordinate: string;
+    };
+    readonly displayFormat: (item: any) => string;
+    readonly fill?: string;
+    readonly fitToText?: boolean;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly opacity?: number;
+    readonly orient?: "bottom" | "top";
+    readonly rectRadius?: number;
+    readonly rectWidth?: number;
+    readonly rectHeight?: number;
+    readonly snapX?: boolean;
+    readonly stroke?: string;
+    readonly strokeOpacity?: number;
+    readonly strokeWidth?: number;
+    readonly textFill?: string;
+    readonly yAxisPad?: number;
+}
+export declare class MouseCoordinateX extends React.Component<MouseCoordinateXProps> {
+    static defaultProps: {
+        at: string;
+        customX: (props: MouseCoordinateXProps, moreProps: any) => {
+            x: any;
+            coordinate: string;
+        };
+        fill: string;
+        fitToText: boolean;
+        fontFamily: string;
+        fontSize: number;
+        opacity: number;
+        orient: string;
+        rectWidth: number;
+        rectHeight: number;
+        snapX: boolean;
+        strokeOpacity: number;
+        strokeWidth: number;
+        textFill: string;
+        yAxisPad: number;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly helper;
+}

package/lib/MouseCoordinateX.js

@@ -0,0 +1,85 @@
+import * as React from "react";
+import { isNotDefined, getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+import { drawOnCanvas } from "./EdgeCoordinateV3";
+const defaultCustomX = (props, moreProps) => {
+    const { xScale, xAccessor, currentItem, mouseXY } = moreProps;
+    const { snapX } = props;
+    const x = snapX ? xScale(xAccessor(currentItem)) : mouseXY[0];
+    const { displayXAccessor } = moreProps;
+    const { displayFormat } = props;
+    const coordinate = snapX ? displayFormat(displayXAccessor(currentItem)) : displayFormat(xScale.invert(x));
+    return { x, coordinate };
+};
+export class MouseCoordinateX extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const props = this.helper(this.props, moreProps);
+            if (props === null) {
+                return;
+            }
+            drawOnCanvas(ctx, props);
+        };
+        this.helper = (props, moreProps) => {
+            const { show, currentItem, chartConfig: { height }, } = moreProps;
+            if (isNotDefined(currentItem)) {
+                return null;
+            }
+            const { customX, orient, at, rectRadius, rectWidth, rectHeight, stroke, strokeOpacity, strokeWidth } = props;
+            const { fill, opacity, fitToText, fontFamily, fontSize, textFill } = props;
+            const edgeAt = at === "bottom" ? height : 0;
+            const { x, coordinate } = customX(props, moreProps);
+            const type = "vertical";
+            const y1 = 0;
+            const y2 = height;
+            const hideLine = true;
+            const coordinateProps = {
+                coordinate,
+                fitToText,
+                show,
+                type,
+                orient,
+                edgeAt,
+                hideLine,
+                fill,
+                opacity,
+                fontFamily,
+                fontSize,
+                textFill,
+                stroke,
+                strokeOpacity,
+                strokeWidth,
+                rectWidth,
+                rectHeight,
+                rectRadius,
+                arrowWidth: 0,
+                x1: x,
+                x2: x,
+                y1,
+                y2,
+            };
+            return coordinateProps;
+        };
+    }
+    render() {
+        return (React.createElement(GenericChartComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan", "drag"] }));
+    }
+}
+MouseCoordinateX.defaultProps = {
+    at: "bottom",
+    customX: defaultCustomX,
+    fill: "#4C525E",
+    fitToText: true,
+    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+    fontSize: 13,
+    opacity: 1,
+    orient: "bottom",
+    rectWidth: 80,
+    rectHeight: 20,
+    snapX: true,
+    strokeOpacity: 1,
+    strokeWidth: 1,
+    textFill: "#FFFFFF",
+    yAxisPad: 0,
+};
+//# sourceMappingURL=MouseCoordinateX.js.map

package/lib/MouseCoordinateX.js.map

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