@tradingaction/coordinates 2.0.12 → 2.0.13

package/lib/PriceCoordinate.d.ts

@@ -1,53 +1,53 @@
-import * as React from "react";
-import { strokeDashTypes } from "@tradingaction/core";
-interface PriceCoordinateProps {
-    readonly arrowWidth?: number;
-    readonly at?: "bottom" | "top" | "left" | "right";
-    readonly displayFormat: (n: number) => string;
-    readonly dx?: number;
-    readonly fontFamily?: string;
-    readonly fontSize?: number;
-    readonly fill?: string | ((price: number) => string);
-    readonly lineOpacity?: number;
-    readonly lineStroke?: string;
-    readonly opacity?: number;
-    readonly orient?: "bottom" | "top" | "left" | "right";
-    readonly price: number;
-    readonly rectWidth?: number;
-    readonly rectHeight?: number;
-    readonly strokeDasharray?: strokeDashTypes;
-    readonly stroke?: string;
-    readonly strokeOpacity?: number;
-    readonly strokeWidth?: number;
-    readonly textFill?: string | ((price: number) => string);
-    readonly yAxisPad?: number;
-}
-export declare class PriceCoordinate extends React.Component<PriceCoordinateProps> {
-    static defaultProps: {
-        displayFormat: (n: number | {
-            valueOf(): number;
-        }) => string;
-        yAxisPad: number;
-        rectWidth: number;
-        rectHeight: number;
-        orient: string;
-        at: string;
-        price: number;
-        dx: number;
-        arrowWidth: number;
-        fill: string;
-        opacity: number;
-        lineOpacity: number;
-        lineStroke: string;
-        fontFamily: string;
-        fontSize: number;
-        textFill: string;
-        strokeOpacity: number;
-        strokeWidth: number;
-        strokeDasharray: string;
-    };
-    render(): JSX.Element;
-    private readonly drawOnCanvas;
-    private readonly helper;
-}
-export {};
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+interface PriceCoordinateProps {
+    readonly arrowWidth?: number;
+    readonly at?: "bottom" | "top" | "left" | "right";
+    readonly displayFormat: (n: number) => string;
+    readonly dx?: number;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fill?: string | ((price: number) => string);
+    readonly lineOpacity?: number;
+    readonly lineStroke?: string;
+    readonly opacity?: number;
+    readonly orient?: "bottom" | "top" | "left" | "right";
+    readonly price: number;
+    readonly rectWidth?: number;
+    readonly rectHeight?: number;
+    readonly strokeDasharray?: strokeDashTypes;
+    readonly stroke?: string;
+    readonly strokeOpacity?: number;
+    readonly strokeWidth?: number;
+    readonly textFill?: string | ((price: number) => string);
+    readonly yAxisPad?: number;
+}
+export declare class PriceCoordinate extends React.Component<PriceCoordinateProps> {
+    static defaultProps: {
+        displayFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        yAxisPad: number;
+        rectWidth: number;
+        rectHeight: number;
+        orient: string;
+        at: string;
+        price: number;
+        dx: number;
+        arrowWidth: number;
+        fill: string;
+        opacity: number;
+        lineOpacity: number;
+        lineStroke: string;
+        fontFamily: string;
+        fontSize: number;
+        textFill: string;
+        strokeOpacity: number;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly helper;
+}
+export {};

package/lib/PriceCoordinate.js

@@ -1,81 +1,81 @@
-import { format } from "d3-format";
-import * as React from "react";
-import { getAxisCanvas, GenericChartComponent, functor } from "@tradingaction/core";
-import { drawOnCanvas } from "./EdgeCoordinateV3";
-export class PriceCoordinate extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.drawOnCanvas = (ctx, moreProps) => {
-            const props = this.helper(this.props, moreProps);
-            drawOnCanvas(ctx, props);
-        };
-        this.helper = (props, moreProps) => {
-            const { chartConfig: { yScale }, width, } = moreProps;
-            const [lowerYValue, upperYValue] = yScale.domain();
-            const { price, stroke, strokeDasharray, strokeOpacity, strokeWidth } = props;
-            const { orient, at, rectWidth, rectHeight, displayFormat, dx } = props;
-            const { fill, opacity, fontFamily, fontSize, textFill, arrowWidth, lineOpacity, lineStroke } = props;
-            const x1 = 0;
-            const x2 = width;
-            const edgeAt = at === "right" ? width : 0;
-            const type = "horizontal";
-            const y = yScale(price);
-            const show = price <= upperYValue && price >= lowerYValue;
-            const coordinate = displayFormat(yScale.invert(y));
-            const hideLine = false;
-            const coordinateProps = {
-                coordinate,
-                show,
-                type,
-                orient,
-                edgeAt,
-                hideLine,
-                lineOpacity,
-                lineStroke,
-                lineStrokeDasharray: strokeDasharray,
-                stroke,
-                strokeOpacity,
-                strokeWidth,
-                fill: functor(fill)(price),
-                textFill: functor(textFill)(price),
-                opacity,
-                fontFamily,
-                fontSize,
-                rectWidth,
-                rectHeight,
-                arrowWidth,
-                dx,
-                x1,
-                x2,
-                y1: y,
-                y2: y,
-            };
-            return coordinateProps;
-        };
-    }
-    render() {
-        return (React.createElement(GenericChartComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan"] }));
-    }
-}
-PriceCoordinate.defaultProps = {
-    displayFormat: format(".2f"),
-    yAxisPad: 0,
-    rectWidth: 50,
-    rectHeight: 20,
-    orient: "left",
-    at: "left",
-    price: 0,
-    dx: 0,
-    arrowWidth: 0,
-    fill: "#BAB8b8",
-    opacity: 1,
-    lineOpacity: 0.2,
-    lineStroke: "#000000",
-    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
-    fontSize: 13,
-    textFill: "#FFFFFF",
-    strokeOpacity: 1,
-    strokeWidth: 1,
-    strokeDasharray: "Solid",
-};
+import { format } from "d3-format";
+import * as React from "react";
+import { getAxisCanvas, GenericChartComponent, functor } from "@tradingaction/core";
+import { drawOnCanvas } from "./EdgeCoordinateV3";
+export class PriceCoordinate extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const props = this.helper(this.props, moreProps);
+            drawOnCanvas(ctx, props);
+        };
+        this.helper = (props, moreProps) => {
+            const { chartConfig: { yScale }, width, } = moreProps;
+            const [lowerYValue, upperYValue] = yScale.domain();
+            const { price, stroke, strokeDasharray, strokeOpacity, strokeWidth } = props;
+            const { orient, at, rectWidth, rectHeight, displayFormat, dx } = props;
+            const { fill, opacity, fontFamily, fontSize, textFill, arrowWidth, lineOpacity, lineStroke } = props;
+            const x1 = 0;
+            const x2 = width;
+            const edgeAt = at === "right" ? width : 0;
+            const type = "horizontal";
+            const y = yScale(price);
+            const show = price <= upperYValue && price >= lowerYValue;
+            const coordinate = displayFormat(yScale.invert(y));
+            const hideLine = false;
+            const coordinateProps = {
+                coordinate,
+                show,
+                type,
+                orient,
+                edgeAt,
+                hideLine,
+                lineOpacity,
+                lineStroke,
+                lineStrokeDasharray: strokeDasharray,
+                stroke,
+                strokeOpacity,
+                strokeWidth,
+                fill: functor(fill)(price),
+                textFill: functor(textFill)(price),
+                opacity,
+                fontFamily,
+                fontSize,
+                rectWidth,
+                rectHeight,
+                arrowWidth,
+                dx,
+                x1,
+                x2,
+                y1: y,
+                y2: y,
+            };
+            return coordinateProps;
+        };
+    }
+    render() {
+        return (React.createElement(GenericChartComponent, { clip: false, canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan"] }));
+    }
+}
+PriceCoordinate.defaultProps = {
+    displayFormat: format(".2f"),
+    yAxisPad: 0,
+    rectWidth: 50,
+    rectHeight: 20,
+    orient: "left",
+    at: "left",
+    price: 0,
+    dx: 0,
+    arrowWidth: 0,
+    fill: "#BAB8b8",
+    opacity: 1,
+    lineOpacity: 0.2,
+    lineStroke: "#000000",
+    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+    fontSize: 13,
+    textFill: "#FFFFFF",
+    strokeOpacity: 1,
+    strokeWidth: 1,
+    strokeDasharray: "Solid",
+};
 //# sourceMappingURL=PriceCoordinate.js.map

package/lib/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./EdgeIndicator";
-export * from "./CrossHairCursor";
-export * from "./CurrentCoordinate";
-export * from "./Cursor";
-export * from "./MouseCoordinateX";
-export { MouseCoordinateXV2 } from "./MouseCoordinateXV2";
-export { MouseCoordinateY } from "./MouseCoordinateY";
-export * from "./PriceCoordinate";
+export * from "./EdgeIndicator";
+export * from "./CrossHairCursor";
+export * from "./CurrentCoordinate";
+export * from "./Cursor";
+export * from "./MouseCoordinateX";
+export { MouseCoordinateXV2 } from "./MouseCoordinateXV2";
+export { MouseCoordinateY } from "./MouseCoordinateY";
+export * from "./PriceCoordinate";

package/lib/index.js

@@ -1,9 +1,9 @@
-export * from "./EdgeIndicator";
-export * from "./CrossHairCursor";
-export * from "./CurrentCoordinate";
-export * from "./Cursor";
-export * from "./MouseCoordinateX";
-export { MouseCoordinateXV2 } from "./MouseCoordinateXV2";
-export { MouseCoordinateY } from "./MouseCoordinateY";
-export * from "./PriceCoordinate";
+export * from "./EdgeIndicator";
+export * from "./CrossHairCursor";
+export * from "./CurrentCoordinate";
+export * from "./Cursor";
+export * from "./MouseCoordinateX";
+export { MouseCoordinateXV2 } from "./MouseCoordinateXV2";
+export { MouseCoordinateY } from "./MouseCoordinateY";
+export * from "./PriceCoordinate";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tradingaction/coordinates",
-    "version": "2.0.12",
+    "version": "2.0.13",
     "description": "Coordinates for react-financial-charts",
     "publishConfig": {
         "access": "public"
@@ -38,12 +38,12 @@
         "watch": "tsc -p tsconfig.json --watch --preserveWatchOutput"
     },
     "dependencies": {
-        "@tradingaction/core": "^2.0.12",
+        "@tradingaction/core": "^2.0.13",
         "d3-format": "^2.0.0"
     },
     "peerDependencies": {
         "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
     },
-    "gitHead": "44e3702def777700ad4732c08f15c0c345c0c3b9"
+    "gitHead": "9c9bc635a2291c8da0e1dd5befa4000e96d83119"
 }

package/src/EdgeIndicator.tsx

@@ -1,14 +1,6 @@
 import { format } from "d3-format";
 import * as React from "react";
-import {
-    first,
-    functor,
-    getAxisCanvas,
-    GenericChartComponent,
-    last,
-    noop,
-    strokeDashTypes,
-} from "@tradingaction/core";
+import { first, functor, getAxisCanvas, GenericChartComponent, last, noop, strokeDashTypes } from "@tradingaction/core";
 import { drawOnCanvas } from "./EdgeCoordinateV3";
 
 export interface EdgeIndicatorProps {