@tradingaction/interactive 2.0.13

package/lib/components/GannFan.js

@@ -0,0 +1,134 @@
+import { pairs } from "d3-array";
+import * as React from "react";
+import { generateLine, isHovering2 } from "./InteractiveStraightLine";
+import { isDefined, isNotDefined, getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+export class GannFan extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { strokeStyle, strokeWidth, fillStyle, fontFamily, fontSize, fontFill } = this.props;
+            const lines = this.helper(this.props, moreProps);
+            ctx.lineWidth = strokeWidth;
+            ctx.strokeStyle = strokeStyle;
+            ctx.font = `${fontSize}px ${fontFamily}`;
+            ctx.fillStyle = fontFill;
+            lines.forEach((line) => {
+                const { x1, y1, x2, y2, label } = line;
+                ctx.beginPath();
+                ctx.moveTo(x1, y1);
+                ctx.lineTo(x2, y2);
+                ctx.stroke();
+                ctx.beginPath();
+                ctx.fillText(label.text, label.x, label.y);
+            });
+            const pairsOfLines = pairs(lines);
+            pairsOfLines.forEach(([line1, line2], idx) => {
+                ctx.fillStyle = fillStyle[idx];
+                ctx.beginPath();
+                ctx.moveTo(line1.x1, line1.y1);
+                ctx.lineTo(line1.x2, line1.y2);
+                ctx.lineTo(line2.x2, line2.y2);
+                ctx.closePath();
+                ctx.fill();
+            });
+        };
+        this.isHover = (moreProps) => {
+            const { tolerance, onHover } = this.props;
+            const { mouseXY } = moreProps;
+            const [mouseX, mouseY] = mouseXY;
+            let hovering = false;
+            if (isDefined(onHover)) {
+                const lines = this.helper(this.props, moreProps);
+                // tslint:disable-next-line: prefer-for-of
+                for (let i = 0; i < lines.length; i++) {
+                    const line1 = lines[i];
+                    const left = Math.min(line1.x1, line1.x2);
+                    const right = Math.max(line1.x1, line1.x2);
+                    const top = Math.min(line1.y1, line1.y2);
+                    const bottom = Math.max(line1.y1, line1.y2);
+                    const isWithinLineBounds = mouseX >= left && mouseX <= right && mouseY >= top && mouseY <= bottom;
+                    hovering =
+                        isWithinLineBounds && isHovering2([line1.x1, line1.y1], [line1.x2, line1.y2], mouseXY, tolerance);
+                    if (hovering) {
+                        break;
+                    }
+                }
+            }
+            return hovering;
+        };
+        this.getLineCoordinates = (start, endX, endY, text) => {
+            const end = [endX, endY];
+            return {
+                start,
+                end,
+                text,
+            };
+        };
+        this.helper = (props, moreProps) => {
+            const { startXY, endXY } = props;
+            const { xScale, chartConfig: { yScale }, } = moreProps;
+            if (isNotDefined(startXY) || isNotDefined(endXY)) {
+                return [];
+            }
+            const [x1, y1] = startXY;
+            const [x2, y2] = endXY;
+            const dx = x2 - x1;
+            const dy = y2 - y1;
+            if (dx !== 0 && dy !== 0) {
+                const halfY = this.getLineCoordinates(startXY, x2, y1 + dy / 2, "2/1");
+                const oneThirdY = this.getLineCoordinates(startXY, x2, y1 + dy / 3, "3/1");
+                const oneFourthY = this.getLineCoordinates(startXY, x2, y1 + dy / 4, "4/1");
+                const oneEighthY = this.getLineCoordinates(startXY, x2, y1 + dy / 8, "8/1");
+                const halfX = this.getLineCoordinates(startXY, x1 + dx / 2, y2, "1/2");
+                const oneThirdX = this.getLineCoordinates(startXY, x1 + dx / 3, y2, "1/3");
+                const oneFourthX = this.getLineCoordinates(startXY, x1 + dx / 4, y2, "1/4");
+                const oneEighthX = this.getLineCoordinates(startXY, x1 + dx / 8, y2, "1/8");
+                const lines = [
+                    oneEighthX,
+                    oneFourthX,
+                    oneThirdX,
+                    halfX,
+                    { start: startXY, end: endXY, text: "1/1" },
+                    halfY,
+                    oneThirdY,
+                    oneFourthY,
+                    oneEighthY,
+                ];
+                const lineCoods = lines.map((line) => {
+                    // tslint:disable-next-line: no-shadowed-variable
+                    const { x1, y1, x2, y2 } = generateLine({
+                        type: "RAY",
+                        start: line.start,
+                        end: line.end,
+                        xScale,
+                        yScale,
+                    });
+                    return {
+                        x1: xScale(x1),
+                        y1: yScale(y1),
+                        x2: xScale(x2),
+                        y2: yScale(y2),
+                        label: {
+                            x: xScale(line.end[0]),
+                            y: yScale(line.end[1]),
+                            text: line.text,
+                        },
+                    };
+                });
+                return lineCoods;
+            }
+            return [];
+        };
+    }
+    render() {
+        const { selected, interactiveCursorClass } = this.props;
+        const { onDragStart, onDrag, onDragComplete, onHover, onUnHover } = this.props;
+        return (React.createElement(GenericChartComponent, { isHover: this.isHover, canvasToDraw: getMouseCanvas, canvasDraw: this.drawOnCanvas, interactiveCursorClass: interactiveCursorClass, selected: selected, onDragStart: onDragStart, onDrag: onDrag, onDragComplete: onDragComplete, onHover: onHover, onUnHover: onUnHover, drawOn: ["mousemove", "mouseleave", "pan", "drag"] }));
+    }
+}
+GannFan.defaultProps = {
+    strokeWidth: 1,
+    tolerance: 4,
+    selected: false,
+};
+//# sourceMappingURL=GannFan.js.map

package/lib/components/GannFan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GannFan.js","sourceRoot":"","sources":["../../src/components/GannFan.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAsBrG,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAuB;IAA1D;;QA4BqB,iBAAY,GAAG,CAAC,GAA6B,EAAE,SAAc,EAAE,EAAE;YAC9E,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE3F,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAEjD,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC;YAC5B,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC;YAC9B,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,MAAM,UAAU,EAAE,CAAC;YACzC,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YAEzB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;gBAEvC,GAAG,CAAC,SAAS,EAAE,CAAC;gBAChB,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnB,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnB,GAAG,CAAC,MAAM,EAAE,CAAC;gBACb,GAAG,CAAC,SAAS,EAAE,CAAC;gBAChB,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;YACH,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;YAElC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE;gBACzC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;gBAE/B,GAAG,CAAC,SAAS,EAAE,CAAC;gBAChB,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC/B,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC/B,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC/B,GAAG,CAAC,SAAS,EAAE,CAAC;gBAChB,GAAG,CAAC,IAAI,EAAE,CAAC;YACf,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEe,YAAO,GAAG,CAAC,SAAc,EAAE,EAAE;YAC1C,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1C,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;YAC9B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC;YAEjC,IAAI,QAAQ,GAAG,KAAK,CAAC;YACrB,IAAI,SAAS,CAAC,OAAO,CAAC,EAAE;gBACpB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;gBAEjD,0CAA0C;gBAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACnC,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;oBAEvB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;oBAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;oBAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;oBACzC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;oBAE5C,MAAM,kBAAkB,GAAG,MAAM,IAAI,IAAI,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,IAAI,GAAG,IAAI,MAAM,IAAI,MAAM,CAAC;oBAElG,QAAQ;wBACJ,kBAAkB,IAAI,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;oBAEtG,IAAI,QAAQ,EAAE;wBACV,MAAM;qBACT;iBACJ;aACJ;YACD,OAAO,QAAQ,CAAC;QACpB,CAAC,CAAC;QAEe,uBAAkB,GAAG,CAAC,KAAe,EAAE,IAAY,EAAE,IAAY,EAAE,IAAY,EAAE,EAAE;YAChG,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACzB,OAAO;gBACH,KAAK;gBACL,GAAG;gBACH,IAAI;aACP,CAAC;QACN,CAAC,CAAC;QAEe,WAAM,GAAG,CAAC,KAAmB,EAAE,SAAc,EAAE,EAAE;YAC9D,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;YAEjC,MAAM,EACF,MAAM,EACN,WAAW,EAAE,EAAE,MAAM,EAAE,GAC1B,GAAG,SAAS,CAAC;YACd,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;gBAC9C,OAAO,EAAE,CAAC;aACb;YACD,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC;YACzB,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC;YAEvB,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;YACnB,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;YAEnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;gBACtB,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;gBACvE,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC3E,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC5E,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC5E,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;gBACvE,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;gBAC3E,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;gBAC5E,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;gBAC5E,MAAM,KAAK,GAAG;oBACV,UAAU;oBACV,UAAU;oBACV,SAAS;oBACT,KAAK;oBACL,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;oBAC3C,KAAK;oBACL,SAAS;oBACT,UAAU;oBACV,UAAU;iBACb,CAAC;gBACF,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjC,iDAAiD;oBACjD,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,YAAY,CAAC;wBACpC,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,IAAI,CAAC,KAAK;wBACjB,GAAG,EAAE,IAAI,CAAC,GAAG;wBACb,MAAM;wBACN,MAAM;qBACT,CAAC,CAAC;oBACH,OAAO;wBACH,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;wBACd,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;wBACd,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;wBACd,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;wBACd,KAAK,EAAE;4BACH,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;4BACtB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;4BACtB,IAAI,EAAE,IAAI,CAAC,IAAI;yBAClB;qBACJ,CAAC;gBACN,CAAC,CAAC,CAAC;gBACH,OAAO,SAAS,CAAC;aACpB;YACD,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;IACN,CAAC;IA5JU,MAAM;QACT,MAAM,EAAE,QAAQ,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE/E,OAAO,CACH,oBAAC,qBAAqB,IAClB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,cAAc,EAC5B,UAAU,EAAE,IAAI,CAAC,YAAY,EAC7B,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,GACpD,CACL,CAAC;IACN,CAAC;;AAzBa,oBAAY,GAAG;IACzB,WAAW,EAAE,CAAC;IACd,SAAS,EAAE,CAAC;IACZ,QAAQ,EAAE,KAAK;CAClB,CAAC"}

package/lib/components/HoverTextNearMouse.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+export interface HoverTextNearMouseProps {
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fill?: string;
+    readonly text?: string;
+    readonly bgFill?: string;
+    readonly bgOpacity?: number;
+    readonly bgWidth: number | string;
+    readonly bgHeight: number | string;
+    readonly show: boolean;
+}
+interface HoverTextNearMouseState {
+    textHeight?: number;
+    textWidth?: number;
+}
+export declare class HoverTextNearMouse extends React.Component<HoverTextNearMouseProps, HoverTextNearMouseState> {
+    static defaultProps: {
+        fontFamily: string;
+        fontSize: number;
+        fill: string;
+        bgFill: string;
+        bgOpacity: number;
+    };
+    private readonly textNode;
+    constructor(props: HoverTextNearMouseProps);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): JSX.Element | null;
+    private readonly renderSVG;
+    private readonly getBgHeight;
+    private readonly getBgWidth;
+    private readonly updateTextSize;
+}
+export {};

package/lib/components/HoverTextNearMouse.js

@@ -0,0 +1,113 @@
+import * as React from "react";
+import { isDefined, GenericChartComponent } from "@tradingaction/core";
+const PADDING = 10;
+const MIN_WIDTH = PADDING;
+export class HoverTextNearMouse extends React.Component {
+    constructor(props) {
+        super(props);
+        this.textNode = React.createRef();
+        this.renderSVG = (moreProps) => {
+            const { fontFamily, fontSize, fill, bgFill, bgOpacity } = this.props;
+            const textMetaData = helper(Object.assign(Object.assign({}, this.props), { bgWidth: this.getBgWidth(), bgHeight: this.getBgHeight() }), moreProps);
+            if (textMetaData !== undefined && isDefined(textMetaData)) {
+                const { rect, text } = textMetaData;
+                return (React.createElement("g", null,
+                    React.createElement("rect", Object.assign({ fill: bgFill, fillOpacity: bgOpacity, stroke: bgFill }, rect)),
+                    React.createElement("text", { ref: this.textNode, fontSize: fontSize, fontFamily: fontFamily, textAnchor: "start", alignmentBaseline: "central", fill: fill, x: text.x, y: text.y }, text.text)));
+            }
+            return null;
+        };
+        this.getBgHeight = () => {
+            const { bgHeight } = this.props;
+            const { textHeight } = this.state;
+            if (bgHeight !== "auto") {
+                return bgHeight;
+            }
+            else if (textHeight !== undefined) {
+                return textHeight + PADDING;
+            }
+            else {
+                return MIN_WIDTH;
+            }
+        };
+        this.getBgWidth = () => {
+            const { bgWidth } = this.props;
+            const { textWidth } = this.state;
+            if (bgWidth !== "auto") {
+                return bgWidth;
+            }
+            else if (textWidth !== undefined) {
+                return textWidth + PADDING;
+            }
+            else {
+                return MIN_WIDTH;
+            }
+        };
+        this.updateTextSize = () => {
+            const { bgWidth, bgHeight } = this.props;
+            if (bgWidth === "auto" || bgHeight === "auto") {
+                const textNode = this.textNode.current;
+                if (textNode !== null) {
+                    const { width, height } = textNode.getBBox();
+                    if (this.state.textWidth !== width || this.state.textHeight !== height) {
+                        this.setState({
+                            textWidth: width,
+                            textHeight: height,
+                        });
+                    }
+                }
+            }
+        };
+        this.state = {
+            textWidth: undefined,
+            textHeight: undefined,
+        };
+    }
+    componentDidMount() {
+        this.updateTextSize();
+    }
+    componentDidUpdate() {
+        this.updateTextSize();
+    }
+    render() {
+        const { text } = this.props;
+        if (text) {
+            return React.createElement(GenericChartComponent, { svgDraw: this.renderSVG, drawOn: ["mousemove"] });
+        }
+        else {
+            return null;
+        }
+    }
+}
+HoverTextNearMouse.defaultProps = {
+    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+    fontSize: 12,
+    fill: "#000000",
+    bgFill: "#FA9325",
+    bgOpacity: 0.5,
+};
+function helper(props, moreProps) {
+    const { show, bgWidth, bgHeight } = props;
+    const { mouseXY, chartConfig: { height, width }, show: mouseInsideCanvas, } = moreProps;
+    if (show && mouseInsideCanvas) {
+        const [x, y] = mouseXY;
+        const cx = x < width / 2 ? x + PADDING : x - bgWidth - PADDING;
+        const cy = y < height / 2 ? y + PADDING : y - bgHeight - PADDING;
+        const rect = {
+            x: cx,
+            y: cy,
+            width: bgWidth,
+            height: bgHeight,
+        };
+        const text = {
+            text: props.text,
+            x: cx + PADDING / 2,
+            y: cy + bgHeight / 2,
+        };
+        return {
+            rect,
+            text,
+        };
+    }
+}
+//# sourceMappingURL=HoverTextNearMouse.js.map

package/lib/components/HoverTextNearMouse.js.map

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

package/lib/components/InteractiveStraightLine.d.ts

@@ -0,0 +1,61 @@
+import { strokeDashTypes } from "@tradingaction/core";
+import * as React from "react";
+export interface StraightLineProps {
+    readonly x1Value: any;
+    readonly x2Value: any;
+    readonly y1Value: any;
+    readonly y2Value: any;
+    readonly interactiveCursorClass?: string;
+    readonly strokeStyle: string;
+    readonly strokeWidth?: number;
+    readonly strokeDasharray?: strokeDashTypes;
+    readonly type: "XLINE" | "RAY" | "LINE";
+    readonly onEdge1Drag?: any;
+    readonly onEdge2Drag?: any;
+    readonly onDragStart?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDrag?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDragComplete?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onUnHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDoubleClickWhenHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onClickWhenHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onClickOutside?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onContextMenuWhenHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly defaultClassName?: string;
+    readonly r?: number;
+    readonly edgeFill?: string;
+    readonly edgeStroke?: string;
+    readonly edgeStrokeWidth?: number;
+    readonly withEdge?: boolean;
+    readonly tolerance?: number;
+    readonly selected?: boolean;
+}
+export declare class InteractiveStraightLine extends React.Component<StraightLineProps> {
+    static defaultProps: {
+        onEdge1Drag: () => void;
+        onEdge2Drag: () => void;
+        edgeStrokeWidth: number;
+        edgeStroke: string;
+        edgeFill: string;
+        r: number;
+        withEdge: boolean;
+        strokeWidth: number;
+        strokeDasharray: string;
+        children: () => void;
+        tolerance: number;
+        selected: boolean;
+    };
+    render(): JSX.Element;
+    private readonly isHover;
+    private readonly drawOnCanvas;
+}
+export declare function isHovering2(start: any, end: any, [mouseX, mouseY]: any, tolerance: any): boolean;
+export declare function isHovering({ x1Value, y1Value, x2Value, y2Value, mouseXY, type, tolerance, xScale, yScale }: any): boolean;
+export declare function getSlope(start: any, end: any): number | undefined;
+export declare function getYIntercept(m: any, end: any): any;
+export declare function generateLine({ type, start, end, xScale, yScale }: any): {
+    x1: any;
+    y1: any;
+    x2: any;
+    y2: any;
+};

package/lib/components/InteractiveStraightLine.js

@@ -0,0 +1,220 @@
+import { getStrokeDasharrayCanvas, getMouseCanvas, GenericChartComponent, noop, } from "@tradingaction/core";
+import * as React from "react";
+export class InteractiveStraightLine extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.isHover = (moreProps) => {
+            const { tolerance, onHover } = this.props;
+            if (onHover !== undefined) {
+                const { x1Value, x2Value, y1Value, y2Value, type } = this.props;
+                const { mouseXY, xScale } = moreProps;
+                const { chartConfig: { yScale }, } = moreProps;
+                const hovering = isHovering({
+                    x1Value,
+                    y1Value,
+                    x2Value,
+                    y2Value,
+                    mouseXY,
+                    type,
+                    tolerance,
+                    xScale,
+                    yScale,
+                });
+                return hovering;
+            }
+            return false;
+        };
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { strokeWidth = InteractiveStraightLine.defaultProps.strokeWidth, strokeDasharray, strokeStyle, } = this.props;
+            const { x1, y1, x2, y2 } = helper(this.props, moreProps);
+            ctx.lineWidth = strokeWidth;
+            ctx.strokeStyle = strokeStyle;
+            const lineDash = getStrokeDasharrayCanvas(strokeDasharray);
+            ctx.setLineDash(lineDash);
+            ctx.beginPath();
+            ctx.moveTo(x1, y1);
+            ctx.lineTo(x2, y2);
+            ctx.stroke();
+        };
+    }
+    render() {
+        const { selected, interactiveCursorClass } = this.props;
+        const { onDragStart, onDrag, onDragComplete, onHover, onUnHover, onDoubleClickWhenHover, onClickWhenHover, onClickOutside, onContextMenuWhenHover, } = this.props;
+        return (React.createElement(GenericChartComponent, { isHover: this.isHover, canvasToDraw: getMouseCanvas, canvasDraw: this.drawOnCanvas, interactiveCursorClass: interactiveCursorClass, selected: selected, onDragStart: onDragStart, onDrag: onDrag, onDragComplete: onDragComplete, onHover: onHover, onUnHover: onUnHover, drawOn: ["mousemove", "pan", "drag"], onDoubleClickWhenHover: onDoubleClickWhenHover, onClickWhenHover: onClickWhenHover, onClickOutside: onClickOutside, onContextMenuWhenHover: onContextMenuWhenHover }));
+    }
+}
+InteractiveStraightLine.defaultProps = {
+    onEdge1Drag: noop,
+    onEdge2Drag: noop,
+    edgeStrokeWidth: 3,
+    edgeStroke: "#000000",
+    edgeFill: "#FFFFFF",
+    r: 10,
+    withEdge: false,
+    strokeWidth: 1,
+    strokeDasharray: "Solid",
+    children: noop,
+    tolerance: 7,
+    selected: false,
+};
+export function isHovering2(start, end, [mouseX, mouseY], tolerance) {
+    const m = getSlope(start, end);
+    if (m !== undefined) {
+        const b = getYIntercept(m, end);
+        const y = m * mouseX + b;
+        return (mouseY < y + tolerance &&
+            mouseY > y - tolerance &&
+            mouseX > Math.min(start[0], end[0]) - tolerance &&
+            mouseX < Math.max(start[0], end[0]) + tolerance);
+    }
+    else {
+        return (mouseY >= Math.min(start[1], end[1]) &&
+            mouseY <= Math.max(start[1], end[1]) &&
+            mouseX < start[0] + tolerance &&
+            mouseX > start[0] - tolerance);
+    }
+}
+export function isHovering({ x1Value, y1Value, x2Value, y2Value, mouseXY, type, tolerance, xScale, yScale }) {
+    const line = generateLine({
+        type,
+        start: [x1Value, y1Value],
+        end: [x2Value, y2Value],
+        xScale,
+        yScale,
+    });
+    const start = [xScale(line.x1), yScale(line.y1)];
+    const end = [xScale(line.x2), yScale(line.y2)];
+    const m = getSlope(start, end);
+    const [mouseX, mouseY] = mouseXY;
+    if (m !== undefined) {
+        const b = getYIntercept(m, end);
+        const y = m * mouseX + b;
+        return (mouseY < y + tolerance &&
+            mouseY > y - tolerance &&
+            mouseX > Math.min(start[0], end[0]) - tolerance &&
+            mouseX < Math.max(start[0], end[0]) + tolerance);
+    }
+    else {
+        return (mouseY >= Math.min(start[1], end[1]) &&
+            mouseY <= Math.max(start[1], end[1]) &&
+            mouseX < start[0] + tolerance &&
+            mouseX > start[0] - tolerance);
+    }
+}
+function helper(props, moreProps) {
+    const { x1Value, x2Value, y1Value, y2Value, type } = props;
+    const { xScale, chartConfig: { yScale }, } = moreProps;
+    const modLine = generateLine({
+        type,
+        start: [x1Value, y1Value],
+        end: [x2Value, y2Value],
+        xScale,
+        yScale,
+    });
+    const x1 = xScale(modLine.x1);
+    const y1 = yScale(modLine.y1);
+    const x2 = xScale(modLine.x2);
+    const y2 = yScale(modLine.y2);
+    return {
+        x1,
+        y1,
+        x2,
+        y2,
+    };
+}
+export function getSlope(start, end) {
+    const m /* slope */ = end[0] === start[0] ? undefined : (end[1] - start[1]) / (end[0] - start[0]);
+    return m;
+}
+export function getYIntercept(m, end) {
+    const b /* y intercept */ = -1 * m * end[0] + end[1];
+    return b;
+}
+export function generateLine({ type, start, end, xScale, yScale }) {
+    const m /* slope */ = getSlope(start, end);
+    const b /* y intercept */ = getYIntercept(m, start);
+    switch (type) {
+        case "XLINE":
+            return getXLineCoordinates({
+                start,
+                end,
+                xScale,
+                yScale,
+                m,
+                b,
+            });
+        case "RAY":
+            return getRayCoordinates({
+                start,
+                end,
+                xScale,
+                yScale,
+                m,
+                b,
+            });
+        default:
+        case "LINE":
+            return getLineCoordinates({
+                start,
+                end,
+            });
+    }
+}
+function getXLineCoordinates({ start, end, xScale, yScale, m, b }) {
+    const [xBegin, xFinish] = xScale.domain();
+    const [yBegin, yFinish] = yScale.domain();
+    if (end[0] === start[0]) {
+        return {
+            x1: end[0],
+            y1: yBegin,
+            x2: end[0],
+            y2: yFinish,
+        };
+    }
+    const [x1, x2] = end[0] > start[0] ? [xBegin, xFinish] : [xFinish, xBegin];
+    return {
+        x1,
+        y1: m * x1 + b,
+        x2,
+        y2: m * x2 + b,
+    };
+}
+function getRayCoordinates({ start, end, xScale, yScale, m, b }) {
+    const [xBegin, xFinish] = xScale.domain();
+    const [yBegin, yFinish] = yScale.domain();
+    const x1 = start[0];
+    if (end[0] === start[0]) {
+        return {
+            x1,
+            y1: start[1],
+            x2: x1,
+            y2: end[1] > start[1] ? yFinish : yBegin,
+        };
+    }
+    const x2 = end[0] > start[0] ? xFinish : xBegin;
+    return {
+        x1,
+        y1: m * x1 + b,
+        x2,
+        y2: m * x2 + b,
+    };
+}
+function getLineCoordinates({ start, end }) {
+    const [x1, y1] = start;
+    const [x2, y2] = end;
+    if (end[0] === start[0]) {
+        return {
+            x1,
+            y1: start[1],
+            x2: x1,
+            y2: end[1],
+        };
+    }
+    return {
+        x1,
+        y1,
+        x2,
+        y2,
+    };
+}
+//# sourceMappingURL=InteractiveStraightLine.js.map

package/lib/components/InteractiveStraightLine.js.map

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

package/lib/components/InteractiveText.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+export interface InteractiveTextProps {
+    readonly bgFillStyle: string;
+    readonly bgStrokeWidth: number;
+    readonly bgStroke: string;
+    readonly defaultClassName?: string;
+    readonly fontFamily: string;
+    readonly fontSize: number;
+    readonly fontWeight: number | string;
+    readonly fontStyle: string;
+    readonly onDragStart?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDrag?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDragComplete?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onUnHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDoubleClick?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly position?: any;
+    readonly interactiveCursorClass?: string;
+    readonly selected: boolean;
+    readonly text: string;
+    readonly textFill: string;
+    readonly tolerance: number;
+}
+export declare class InteractiveText extends React.Component<InteractiveTextProps> {
+    static defaultProps: {
+        type: string;
+        fontWeight: string;
+        tolerance: number;
+        selected: boolean;
+    };
+    private calculateTextWidth;
+    private textWidth?;
+    componentDidUpdate(previousProps: InteractiveTextProps): void;
+    render(): JSX.Element;
+    private readonly isHover;
+    private readonly drawOnCanvas;
+    private readonly helper;
+}