@tradingaction/coordinates 2.0.12 → 2.0.13

package/LICENSE

@@ -1,24 +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.
+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

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

package/lib/CrossHairCursor.d.ts

@@ -1,22 +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;
-}
+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

@@ -1,76 +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;
+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/CurrentCoordinate.d.ts

@@ -1,31 +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;
-}
+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

@@ -1,54 +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,
-};
+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/Cursor.d.ts

@@ -1,31 +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;
-}
+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;
+}