@tradingaction/coordinates 2.0.11 → 2.0.13

package/lib/MouseCoordinateXV2.d.ts

@@ -1,61 +1,61 @@
-import * as React from "react";
-interface MouseCoordinateXV2Props {
-    readonly at?: "bottom" | "top";
-    readonly bg: {
-        readonly fill: string | ((moreProps: any, ctx: CanvasRenderingContext2D) => string);
-        readonly stroke: string | ((moreProps: any, ctx: CanvasRenderingContext2D) => string);
-        readonly strokeWidth: number | ((moreProps: any) => number);
-        readonly padding: {
-            left: number;
-            right: number;
-            top: number;
-            bottom: number;
-        };
-    };
-    readonly drawCoordinate: (ctx: CanvasRenderingContext2D, shape: any, props: any, moreProps: any) => void;
-    readonly displayFormat: (value: number) => string;
-    readonly dx: number;
-    readonly dy: number;
-    readonly orient?: "bottom" | "top";
-    readonly text: {
-        readonly fontStyle: string;
-        readonly fontWeight: string;
-        readonly fontFamily: string;
-        readonly fontSize: number;
-        readonly fill: string | ((moreProps: any, ctx: CanvasRenderingContext2D) => string);
-    };
-    readonly xPosition: (props: MouseCoordinateXV2Props, moreProps: any) => number;
-}
-export declare class MouseCoordinateXV2 extends React.Component<MouseCoordinateXV2Props> {
-    static defaultProps: {
-        xPosition: typeof defaultXPosition;
-        drawCoordinate: typeof defaultDrawCoordinate;
-        at: string;
-        orient: string;
-        text: {
-            fontStyle: string;
-            fontWeight: string;
-            fontFamily: string;
-            fontSize: number;
-            fill: string;
-        };
-        bg: {
-            fill: string;
-            stroke: string;
-            strokeWidth: number;
-            padding: {
-                left: number;
-                right: number;
-                top: number;
-                bottom: number;
-            };
-        };
-        dx: number;
-        dy: number;
-    };
-    render(): JSX.Element;
-    private readonly drawOnCanvas;
-}
-declare function defaultXPosition(props: MouseCoordinateXV2Props, moreProps: any): any;
-declare function defaultDrawCoordinate(ctx: CanvasRenderingContext2D, shape: any, props: MouseCoordinateXV2Props, moreProps: any): void;
-export {};
+import * as React from "react";
+interface MouseCoordinateXV2Props {
+    readonly at?: "bottom" | "top";
+    readonly bg: {
+        readonly fill: string | ((moreProps: any, ctx: CanvasRenderingContext2D) => string);
+        readonly stroke: string | ((moreProps: any, ctx: CanvasRenderingContext2D) => string);
+        readonly strokeWidth: number | ((moreProps: any) => number);
+        readonly padding: {
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+        };
+    };
+    readonly drawCoordinate: (ctx: CanvasRenderingContext2D, shape: any, props: any, moreProps: any) => void;
+    readonly displayFormat: (value: number) => string;
+    readonly dx: number;
+    readonly dy: number;
+    readonly orient?: "bottom" | "top";
+    readonly text: {
+        readonly fontStyle: string;
+        readonly fontWeight: string;
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly fill: string | ((moreProps: any, ctx: CanvasRenderingContext2D) => string);
+    };
+    readonly xPosition: (props: MouseCoordinateXV2Props, moreProps: any) => number;
+}
+export declare class MouseCoordinateXV2 extends React.Component<MouseCoordinateXV2Props> {
+    static defaultProps: {
+        xPosition: typeof defaultXPosition;
+        drawCoordinate: typeof defaultDrawCoordinate;
+        at: string;
+        orient: string;
+        text: {
+            fontStyle: string;
+            fontWeight: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+        };
+        bg: {
+            fill: string;
+            stroke: string;
+            strokeWidth: number;
+            padding: {
+                left: number;
+                right: number;
+                top: number;
+                bottom: number;
+            };
+        };
+        dx: number;
+        dy: number;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+}
+declare function defaultXPosition(props: MouseCoordinateXV2Props, moreProps: any): any;
+declare function defaultDrawCoordinate(ctx: CanvasRenderingContext2D, shape: any, props: MouseCoordinateXV2Props, moreProps: any): void;
+export {};

package/lib/MouseCoordinateXV2.js

@@ -1,92 +1,92 @@
-import * as React from "react";
-import { getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
-export class MouseCoordinateXV2 extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.drawOnCanvas = (ctx, moreProps) => {
-            const { show, currentItem } = moreProps;
-            const { drawCoordinate } = this.props;
-            if (show && currentItem != null) {
-                const shape = getXCoordinateInfo(ctx, this.props, moreProps);
-                drawCoordinate(ctx, shape, this.props, moreProps);
-            }
-        };
-    }
-    render() {
-        return (React.createElement(GenericChartComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan", "drag"] }));
-    }
-}
-MouseCoordinateXV2.defaultProps = {
-    xPosition: defaultXPosition,
-    drawCoordinate: defaultDrawCoordinate,
-    at: "bottom",
-    orient: "bottom",
-    text: {
-        fontStyle: "",
-        fontWeight: "",
-        fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
-        fontSize: 13,
-        fill: "rgb(35, 35, 35)",
-    },
-    bg: {
-        fill: "rgb(255, 255, 255)",
-        stroke: "rgb(35, 35, 35)",
-        strokeWidth: 1,
-        padding: {
-            left: 7,
-            right: 7,
-            top: 4,
-            bottom: 4,
-        },
-    },
-    dx: 7,
-    dy: 7,
-};
-function defaultXPosition(props, moreProps) {
-    const { currentItem, xAccessor } = moreProps;
-    return xAccessor(currentItem);
-}
-function getXCoordinateInfo(ctx, props, moreProps) {
-    const { at, displayFormat, text, xPosition } = props;
-    const xValue = xPosition(props, moreProps);
-    const { xScale, chartConfig: { height }, } = moreProps;
-    ctx.font = `${text.fontStyle} ${text.fontWeight} ${text.fontSize}px ${text.fontFamily}`;
-    const t = displayFormat(xValue);
-    const textWidth = ctx.measureText(t).width;
-    const y = at === "bottom" ? height : 0;
-    const x = Math.round(xScale(xValue));
-    return {
-        x,
-        y,
-        textWidth,
-        text: t,
-    };
-}
-function defaultDrawCoordinate(ctx, shape, props, moreProps) {
-    const { x, y, textWidth, text } = shape;
-    const { orient, dx, dy, bg: { padding, fill, stroke, strokeWidth }, text: { fontSize, fill: textFill }, } = props;
-    ctx.textAlign = "center";
-    const sign = orient === "top" ? -1 : 1;
-    const halfWidth = Math.round(textWidth / 2 + padding.right);
-    const height = Math.round(fontSize + padding.top + padding.bottom);
-    ctx.strokeStyle = typeof stroke === "function" ? stroke(moreProps, ctx) : stroke;
-    ctx.fillStyle = typeof fill === "function" ? fill(moreProps, ctx) : fill;
-    ctx.lineWidth = typeof strokeWidth === "function" ? strokeWidth(moreProps) : strokeWidth;
-    ctx.beginPath();
-    ctx.moveTo(x, y);
-    ctx.lineTo(x + dx, y + sign * dy);
-    ctx.lineTo(x + halfWidth, y + sign * dy);
-    ctx.lineTo(x + halfWidth, y + sign * (dy + height));
-    ctx.lineTo(x - halfWidth, y + sign * (dy + height));
-    ctx.lineTo(x - halfWidth, y + sign * dy);
-    ctx.lineTo(x - dx, y + sign * dy);
-    ctx.closePath();
-    ctx.stroke();
-    ctx.fill();
-    ctx.beginPath();
-    ctx.fillStyle = typeof textFill === "function" ? textFill(moreProps, ctx) : textFill;
-    ctx.textBaseline = orient === "top" ? "alphabetic" : "hanging";
-    const pad = orient === "top" ? padding.bottom : padding.top;
-    ctx.fillText(text, x, y + sign * (dy + pad + 2));
-}
+import * as React from "react";
+import { getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+export class MouseCoordinateXV2 extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { show, currentItem } = moreProps;
+            const { drawCoordinate } = this.props;
+            if (show && currentItem != null) {
+                const shape = getXCoordinateInfo(ctx, this.props, moreProps);
+                drawCoordinate(ctx, shape, this.props, moreProps);
+            }
+        };
+    }
+    render() {
+        return (React.createElement(GenericChartComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan", "drag"] }));
+    }
+}
+MouseCoordinateXV2.defaultProps = {
+    xPosition: defaultXPosition,
+    drawCoordinate: defaultDrawCoordinate,
+    at: "bottom",
+    orient: "bottom",
+    text: {
+        fontStyle: "",
+        fontWeight: "",
+        fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+        fontSize: 13,
+        fill: "rgb(35, 35, 35)",
+    },
+    bg: {
+        fill: "rgb(255, 255, 255)",
+        stroke: "rgb(35, 35, 35)",
+        strokeWidth: 1,
+        padding: {
+            left: 7,
+            right: 7,
+            top: 4,
+            bottom: 4,
+        },
+    },
+    dx: 7,
+    dy: 7,
+};
+function defaultXPosition(props, moreProps) {
+    const { currentItem, xAccessor } = moreProps;
+    return xAccessor(currentItem);
+}
+function getXCoordinateInfo(ctx, props, moreProps) {
+    const { at, displayFormat, text, xPosition } = props;
+    const xValue = xPosition(props, moreProps);
+    const { xScale, chartConfig: { height }, } = moreProps;
+    ctx.font = `${text.fontStyle} ${text.fontWeight} ${text.fontSize}px ${text.fontFamily}`;
+    const t = displayFormat(xValue);
+    const textWidth = ctx.measureText(t).width;
+    const y = at === "bottom" ? height : 0;
+    const x = Math.round(xScale(xValue));
+    return {
+        x,
+        y,
+        textWidth,
+        text: t,
+    };
+}
+function defaultDrawCoordinate(ctx, shape, props, moreProps) {
+    const { x, y, textWidth, text } = shape;
+    const { orient, dx, dy, bg: { padding, fill, stroke, strokeWidth }, text: { fontSize, fill: textFill }, } = props;
+    ctx.textAlign = "center";
+    const sign = orient === "top" ? -1 : 1;
+    const halfWidth = Math.round(textWidth / 2 + padding.right);
+    const height = Math.round(fontSize + padding.top + padding.bottom);
+    ctx.strokeStyle = typeof stroke === "function" ? stroke(moreProps, ctx) : stroke;
+    ctx.fillStyle = typeof fill === "function" ? fill(moreProps, ctx) : fill;
+    ctx.lineWidth = typeof strokeWidth === "function" ? strokeWidth(moreProps) : strokeWidth;
+    ctx.beginPath();
+    ctx.moveTo(x, y);
+    ctx.lineTo(x + dx, y + sign * dy);
+    ctx.lineTo(x + halfWidth, y + sign * dy);
+    ctx.lineTo(x + halfWidth, y + sign * (dy + height));
+    ctx.lineTo(x - halfWidth, y + sign * (dy + height));
+    ctx.lineTo(x - halfWidth, y + sign * dy);
+    ctx.lineTo(x - dx, y + sign * dy);
+    ctx.closePath();
+    ctx.stroke();
+    ctx.fill();
+    ctx.beginPath();
+    ctx.fillStyle = typeof textFill === "function" ? textFill(moreProps, ctx) : textFill;
+    ctx.textBaseline = orient === "top" ? "alphabetic" : "hanging";
+    const pad = orient === "top" ? padding.bottom : padding.top;
+    ctx.fillText(text, x, y + sign * (dy + pad + 2));
+}
 //# sourceMappingURL=MouseCoordinateXV2.js.map

package/lib/MouseCoordinateY.d.ts

@@ -1,68 +1,68 @@
-import * as React from "react";
-export interface MouseCoordinateYProps {
-    readonly arrowWidth?: number;
-    readonly at?: "left" | "right";
-    readonly displayFormat: (value: number) => string;
-    readonly dx?: number;
-    readonly fontFamily?: string;
-    readonly fontSize?: number;
-    readonly fill?: string;
-    readonly fitToText?: boolean;
-    readonly opacity?: number;
-    readonly orient?: "left" | "right";
-    readonly rectWidth?: number;
-    readonly rectHeight?: number;
-    readonly stroke?: string;
-    readonly strokeOpacity?: number;
-    readonly strokeWidth?: number;
-    readonly textFill?: string;
-    readonly yAccessor?: (data: any) => number | undefined;
-    readonly yAxisPad?: number;
-}
-export declare class MouseCoordinateY extends React.Component<MouseCoordinateYProps> {
-    static defaultProps: {
-        arrowWidth: number;
-        at: string;
-        dx: number;
-        fill: string;
-        fitToText: boolean;
-        fontFamily: string;
-        fontSize: number;
-        opacity: number;
-        orient: string;
-        rectWidth: number;
-        rectHeight: number;
-        strokeOpacity: number;
-        strokeWidth: number;
-        textFill: string;
-        yAxisPad: number;
-    };
-    render(): JSX.Element;
-    private readonly drawOnCanvas;
-    private readonly helper;
-}
-export declare function getYCoordinate(y: number, coordinate: string, props: any, moreProps: any): {
-    coordinate: string;
-    show: boolean;
-    fitToText: any;
-    type: string;
-    orient: any;
-    edgeAt: any;
-    hideLine: boolean;
-    fill: any;
-    opacity: any;
-    fontFamily: any;
-    fontSize: any;
-    textFill: any;
-    stroke: any;
-    strokeOpacity: any;
-    strokeWidth: any;
-    rectWidth: any;
-    rectHeight: any;
-    arrowWidth: any;
-    dx: any;
-    x1: number;
-    x2: any;
-    y1: number;
-    y2: number;
-};
+import * as React from "react";
+export interface MouseCoordinateYProps {
+    readonly arrowWidth?: number;
+    readonly at?: "left" | "right";
+    readonly displayFormat: (value: number) => string;
+    readonly dx?: number;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fill?: string;
+    readonly fitToText?: boolean;
+    readonly opacity?: number;
+    readonly orient?: "left" | "right";
+    readonly rectWidth?: number;
+    readonly rectHeight?: number;
+    readonly stroke?: string;
+    readonly strokeOpacity?: number;
+    readonly strokeWidth?: number;
+    readonly textFill?: string;
+    readonly yAccessor?: (data: any) => number | undefined;
+    readonly yAxisPad?: number;
+}
+export declare class MouseCoordinateY extends React.Component<MouseCoordinateYProps> {
+    static defaultProps: {
+        arrowWidth: number;
+        at: string;
+        dx: number;
+        fill: string;
+        fitToText: boolean;
+        fontFamily: string;
+        fontSize: number;
+        opacity: number;
+        orient: string;
+        rectWidth: number;
+        rectHeight: number;
+        strokeOpacity: number;
+        strokeWidth: number;
+        textFill: string;
+        yAxisPad: number;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly helper;
+}
+export declare function getYCoordinate(y: number, coordinate: string, props: any, moreProps: any): {
+    coordinate: string;
+    show: boolean;
+    fitToText: any;
+    type: string;
+    orient: any;
+    edgeAt: any;
+    hideLine: boolean;
+    fill: any;
+    opacity: any;
+    fontFamily: any;
+    fontSize: any;
+    textFill: any;
+    stroke: any;
+    strokeOpacity: any;
+    strokeWidth: any;
+    rectWidth: any;
+    rectHeight: any;
+    arrowWidth: any;
+    dx: any;
+    x1: number;
+    x2: any;
+    y1: number;
+    y2: number;
+};

package/lib/MouseCoordinateY.js

@@ -1,91 +1,91 @@
-import * as React from "react";
-import { getMouseCanvas, GenericChartComponent, isNotDefined } from "@tradingaction/core";
-import { drawOnCanvas } from "./EdgeCoordinateV3";
-export class MouseCoordinateY extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.drawOnCanvas = (ctx, moreProps) => {
-            const props = this.helper(this.props, moreProps);
-            if (props === undefined) {
-                return;
-            }
-            drawOnCanvas(ctx, props);
-        };
-        this.helper = (props, moreProps) => {
-            const { chartConfig: { yScale }, chartId, currentItem, currentCharts, mouseXY, show, } = moreProps;
-            if (!show) {
-                return undefined;
-            }
-            if (isNotDefined(mouseXY)) {
-                return undefined;
-            }
-            if (currentCharts.indexOf(chartId) < 0) {
-                return undefined;
-            }
-            const { displayFormat, yAccessor } = props;
-            if (yAccessor && !currentItem) {
-                return undefined;
-            }
-            const y = yAccessor ? yScale(yAccessor(currentItem)) : mouseXY[1];
-            const coordinate = displayFormat(yScale.invert(y));
-            return getYCoordinate(y, coordinate, props, moreProps);
-        };
-    }
-    render() {
-        return (React.createElement(GenericChartComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan", "drag"] }));
-    }
-}
-MouseCoordinateY.defaultProps = {
-    arrowWidth: 0,
-    at: "right",
-    dx: 0,
-    fill: "#4C525E",
-    fitToText: false,
-    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
-    fontSize: 13,
-    opacity: 1,
-    orient: "right",
-    rectWidth: 50,
-    rectHeight: 20,
-    strokeOpacity: 1,
-    strokeWidth: 1,
-    textFill: "#FFFFFF",
-    yAxisPad: 0,
-};
-export function getYCoordinate(y, coordinate, props, moreProps) {
-    const { width } = moreProps;
-    const { orient, at, rectWidth, rectHeight, dx, stroke, strokeOpacity, strokeWidth } = props;
-    const { fill, opacity, fitToText, fontFamily, fontSize, textFill, arrowWidth } = props;
-    const x1 = 0;
-    const x2 = width;
-    const edgeAt = at === "right" ? width : 0;
-    const type = "horizontal";
-    const hideLine = true;
-    const coordinateProps = {
-        coordinate,
-        show: true,
-        fitToText,
-        type,
-        orient,
-        edgeAt,
-        hideLine,
-        fill,
-        opacity,
-        fontFamily,
-        fontSize,
-        textFill,
-        stroke,
-        strokeOpacity,
-        strokeWidth,
-        rectWidth,
-        rectHeight,
-        arrowWidth,
-        dx,
-        x1,
-        x2,
-        y1: y,
-        y2: y,
-    };
-    return coordinateProps;
-}
+import * as React from "react";
+import { getMouseCanvas, GenericChartComponent, isNotDefined } from "@tradingaction/core";
+import { drawOnCanvas } from "./EdgeCoordinateV3";
+export class MouseCoordinateY extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const props = this.helper(this.props, moreProps);
+            if (props === undefined) {
+                return;
+            }
+            drawOnCanvas(ctx, props);
+        };
+        this.helper = (props, moreProps) => {
+            const { chartConfig: { yScale }, chartId, currentItem, currentCharts, mouseXY, show, } = moreProps;
+            if (!show) {
+                return undefined;
+            }
+            if (isNotDefined(mouseXY)) {
+                return undefined;
+            }
+            if (currentCharts.indexOf(chartId) < 0) {
+                return undefined;
+            }
+            const { displayFormat, yAccessor } = props;
+            if (yAccessor && !currentItem) {
+                return undefined;
+            }
+            const y = yAccessor ? yScale(yAccessor(currentItem)) : mouseXY[1];
+            const coordinate = displayFormat(yScale.invert(y));
+            return getYCoordinate(y, coordinate, props, moreProps);
+        };
+    }
+    render() {
+        return (React.createElement(GenericChartComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan", "drag"] }));
+    }
+}
+MouseCoordinateY.defaultProps = {
+    arrowWidth: 0,
+    at: "right",
+    dx: 0,
+    fill: "#4C525E",
+    fitToText: false,
+    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+    fontSize: 13,
+    opacity: 1,
+    orient: "right",
+    rectWidth: 50,
+    rectHeight: 20,
+    strokeOpacity: 1,
+    strokeWidth: 1,
+    textFill: "#FFFFFF",
+    yAxisPad: 0,
+};
+export function getYCoordinate(y, coordinate, props, moreProps) {
+    const { width } = moreProps;
+    const { orient, at, rectWidth, rectHeight, dx, stroke, strokeOpacity, strokeWidth } = props;
+    const { fill, opacity, fitToText, fontFamily, fontSize, textFill, arrowWidth } = props;
+    const x1 = 0;
+    const x2 = width;
+    const edgeAt = at === "right" ? width : 0;
+    const type = "horizontal";
+    const hideLine = true;
+    const coordinateProps = {
+        coordinate,
+        show: true,
+        fitToText,
+        type,
+        orient,
+        edgeAt,
+        hideLine,
+        fill,
+        opacity,
+        fontFamily,
+        fontSize,
+        textFill,
+        stroke,
+        strokeOpacity,
+        strokeWidth,
+        rectWidth,
+        rectHeight,
+        arrowWidth,
+        dx,
+        x1,
+        x2,
+        y1: y,
+        y2: y,
+    };
+    return coordinateProps;
+}
 //# sourceMappingURL=MouseCoordinateY.js.map