@tradingaction/interactive 2.0.13

package/lib/TrendLine.js.map

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

package/lib/ZoomButtons.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+export interface ZoomButtonsProps {
+    readonly fill: string;
+    readonly fillOpacity: number;
+    readonly heightFromBase: number;
+    readonly onReset?: () => void;
+    readonly r: number;
+    readonly stroke: string;
+    readonly strokeWidth: number;
+    readonly textFill: string;
+    readonly zoomMultiplier: number;
+}
+export declare class ZoomButtons extends React.Component<ZoomButtonsProps> {
+    static defaultProps: {
+        fill: string;
+        fillOpacity: number;
+        heightFromBase: number;
+        r: number;
+        stroke: string;
+        strokeWidth: number;
+        textFill: string;
+        zoomMultiplier: number;
+    };
+    static contextType: React.Context<import("@tradingaction/core").ChartContextType>;
+    private interval?;
+    render(): JSX.Element;
+    private readonly handleZoomIn;
+    private readonly handleZoomOut;
+    private readonly zoom;
+}

package/lib/ZoomButtons.js

@@ -0,0 +1,78 @@
+import { ChartContext, last } from "@tradingaction/core";
+import { interpolateNumber } from "d3-interpolate";
+import * as React from "react";
+export class ZoomButtons extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.handleZoomIn = () => {
+            if (this.interval) {
+                return;
+            }
+            this.zoom(-1);
+        };
+        this.handleZoomOut = () => {
+            if (this.interval) {
+                return;
+            }
+            this.zoom(1);
+        };
+        this.zoom = (direction) => {
+            const { xAxisZoom, xScale, plotData, xAccessor } = this.context;
+            const cx = xScale(xAccessor(last(plotData)));
+            const { zoomMultiplier } = this.props;
+            const c = direction > 0 ? 1 * zoomMultiplier : 1 / zoomMultiplier;
+            const [start, end] = xScale.domain();
+            const [newStart, newEnd] = xScale
+                .range()
+                .map((x) => cx + (x - cx) * c)
+                .map(xScale.invert);
+            const left = interpolateNumber(start, newStart);
+            const right = interpolateNumber(end, newEnd);
+            const foo = [0.25, 0.3, 0.5, 0.6, 0.75, 1].map((i) => {
+                return [left(i), right(i)];
+            });
+            this.interval = window.setInterval(() => {
+                xAxisZoom(foo.shift());
+                if (foo.length === 0) {
+                    clearInterval(this.interval);
+                    delete this.interval;
+                }
+            }, 10);
+        };
+    }
+    render() {
+        const { chartConfig } = this.context;
+        const { width, height } = chartConfig;
+        const { heightFromBase, r, fill, fillOpacity, onReset, stroke, strokeWidth, textFill } = this.props;
+        const centerX = Math.round(width / 2);
+        const y = height - heightFromBase;
+        const zoomOutX = centerX - 16 - r * 2;
+        const zoomInX = centerX - 8;
+        const resetX = centerX + 16 + r * 2;
+        return (React.createElement("g", { className: "react-financial-charts-zoom-buttons" },
+            React.createElement("circle", { className: "react-financial-charts-button", cx: zoomOutX - r / 2, cy: y + r / 2, fill: fill, fillOpacity: fillOpacity, stroke: stroke, strokeWidth: strokeWidth, r: r }),
+            React.createElement("g", { transform: `translate (${zoomOutX - 20}, ${y - 8 + r / 4})` },
+                React.createElement("path", { d: "M19,13H5V11H19V13Z", fill: textFill })),
+            React.createElement("circle", { className: "react-financial-charts-button", cx: zoomInX - r / 2, cy: y + r / 2, fill: fill, fillOpacity: fillOpacity, stroke: stroke, strokeWidth: strokeWidth, r: r }),
+            React.createElement("g", { transform: `translate (${zoomInX - 20}, ${y - 8 + r / 4})` },
+                React.createElement("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z", fill: textFill })),
+            React.createElement("circle", { className: "react-financial-charts-button", cx: resetX - r / 2, cy: y + r / 2, fill: fill, fillOpacity: fillOpacity, stroke: stroke, strokeWidth: strokeWidth, r: r }),
+            React.createElement("g", { transform: `translate (${resetX - r}, ${y - 4 + r / 4})` },
+                React.createElement("path", { d: "M2.35 2.35A7.958 7.958 0 018 0a8 8 0 110 16c-3.73 0-6.84-2.55-7.73-6h2.08c.82 2.33 3.04 4 5.65 4A6 6 0 108 2c-1.66 0-3.14.69-4.22 1.78L7 7H0V0l2.35 2.35z", fill: textFill })),
+            React.createElement("circle", { className: "react-financial-charts-enable-interaction out", onClick: this.handleZoomOut, cx: zoomOutX - r / 2, cy: y + r / 2, r: r, fill: "none" }),
+            React.createElement("circle", { className: "react-financial-charts-enable-interaction in", onClick: this.handleZoomIn, cx: zoomInX - r / 2, cy: y + r / 2, r: r, fill: "none" }),
+            React.createElement("circle", { className: "react-financial-charts-enable-interaction reset", onClick: onReset, cx: resetX - r / 2, cy: y + r / 2, r: r, fill: "none" })));
+    }
+}
+ZoomButtons.defaultProps = {
+    fill: "#ffffff",
+    fillOpacity: 0.75,
+    heightFromBase: 32,
+    r: 16,
+    stroke: "#e0e3eb",
+    strokeWidth: 1,
+    textFill: "#000000",
+    zoomMultiplier: 1.5,
+};
+ZoomButtons.contextType = ChartContext;
+//# sourceMappingURL=ZoomButtons.js.map

package/lib/ZoomButtons.js.map

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

package/lib/components/ChannelWithArea.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+export interface ChannelWithAreaProps {
+    readonly startXY?: number[];
+    readonly endXY?: number[];
+    readonly dy?: number;
+    readonly interactiveCursorClass?: string;
+    readonly strokeStyle: string;
+    readonly strokeWidth: number;
+    readonly fillStyle: string;
+    readonly type: "XLINE" | "RAY" | "LINE";
+    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 defaultClassName?: string;
+    readonly tolerance: number;
+    readonly selected: boolean;
+}
+export declare class ChannelWithArea extends React.Component<ChannelWithAreaProps> {
+    static defaultProps: {
+        type: string;
+        strokeWidth: number;
+        tolerance: number;
+        selected: boolean;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly isHover;
+}

package/lib/components/ChannelWithArea.js

@@ -0,0 +1,126 @@
+import * as React from "react";
+import { isDefined, isNotDefined, getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+import { generateLine, isHovering } from "./InteractiveStraightLine";
+export class ChannelWithArea extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { strokeStyle, strokeWidth, fillStyle } = this.props;
+            const { line1, line2 } = helper(this.props, moreProps);
+            if (line1 !== undefined) {
+                const { x1, y1, x2, y2 } = line1;
+                ctx.lineWidth = strokeWidth;
+                ctx.strokeStyle = strokeStyle;
+                ctx.beginPath();
+                ctx.moveTo(x1, y1);
+                ctx.lineTo(x2, y2);
+                ctx.stroke();
+                if (line2 !== undefined) {
+                    const { y1: line2Y1, y2: line2Y2 } = line2;
+                    ctx.beginPath();
+                    ctx.moveTo(x1, line2Y1);
+                    ctx.lineTo(x2, line2Y2);
+                    ctx.stroke();
+                    ctx.fillStyle = fillStyle;
+                    ctx.beginPath();
+                    ctx.moveTo(x1, y1);
+                    ctx.lineTo(x2, y2);
+                    ctx.lineTo(x2, line2Y2);
+                    ctx.lineTo(x1, line2Y1);
+                    ctx.closePath();
+                    ctx.fill();
+                }
+            }
+        };
+        this.isHover = (moreProps) => {
+            const { tolerance, onHover } = this.props;
+            if (onHover !== undefined) {
+                const { line1, line2 } = helper(this.props, moreProps);
+                if (line1 !== undefined && line2 !== undefined) {
+                    const { mouseXY, xScale, chartConfig: { yScale }, } = moreProps;
+                    const line1Hovering = isHovering({
+                        x1Value: line1.x1,
+                        y1Value: line1.y1,
+                        x2Value: line1.x2,
+                        y2Value: line1.y2,
+                        type: "LINE",
+                        mouseXY,
+                        tolerance,
+                        xScale,
+                        yScale,
+                    });
+                    const line2Hovering = isHovering({
+                        x1Value: line2.x1,
+                        y1Value: line2.y1,
+                        x2Value: line2.x2,
+                        y2Value: line2.y2,
+                        type: "LINE",
+                        mouseXY,
+                        tolerance,
+                        xScale,
+                        yScale,
+                    });
+                    return line1Hovering || line2Hovering;
+                }
+            }
+            return false;
+        };
+    }
+    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"] }));
+    }
+}
+ChannelWithArea.defaultProps = {
+    type: "LINE",
+    strokeWidth: 1,
+    tolerance: 4,
+    selected: false,
+};
+function getLines(props, moreProps) {
+    const { startXY, endXY, dy, type } = props;
+    const { xScale } = moreProps;
+    if (isNotDefined(startXY) || isNotDefined(endXY)) {
+        return {};
+    }
+    const line1 = generateLine({
+        type,
+        start: startXY,
+        end: endXY,
+        xScale,
+        yScale: undefined,
+    });
+    const line2 = isDefined(dy)
+        ? Object.assign(Object.assign({}, line1), { y1: line1.y1 + dy, y2: line1.y2 + dy }) : undefined;
+    return {
+        line1,
+        line2,
+    };
+}
+function helper(props, moreProps) {
+    const lines = getLines(props, moreProps);
+    const { xScale, chartConfig: { yScale }, } = moreProps;
+    const line1 = lines.line1 !== undefined
+        ? {
+            x1: xScale(lines.line1.x1),
+            y1: yScale(lines.line1.y1),
+            x2: xScale(lines.line1.x2),
+            y2: yScale(lines.line1.y2),
+        }
+        : undefined;
+    const line2 = lines.line2 !== undefined
+        ? {
+            x1: line1.x1,
+            y1: yScale(lines.line2.y1),
+            x2: line1.x2,
+            y2: yScale(lines.line2.y2),
+        }
+        : undefined;
+    return {
+        lines,
+        line1,
+        line2,
+    };
+}
+//# sourceMappingURL=ChannelWithArea.js.map

package/lib/components/ChannelWithArea.js.map

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

package/lib/components/ClickableCircle.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export interface ClickableCircleProps {
+    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 strokeWidth: number;
+    readonly strokeStyle: string;
+    readonly fillStyle: string;
+    readonly r: number;
+    readonly cx?: number;
+    readonly cy?: number;
+    readonly className: string;
+    readonly show: boolean;
+    readonly interactiveCursorClass?: string;
+    readonly xyProvider?: (moreProps: any) => number[];
+}
+export declare class ClickableCircle extends React.Component<ClickableCircleProps> {
+    static defaultProps: {
+        className: string;
+        show: boolean;
+    };
+    render(): JSX.Element | null;
+    private readonly drawOnCanvas;
+    private readonly isHover;
+    private readonly helper;
+}

package/lib/components/ClickableCircle.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+export class ClickableCircle extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { strokeStyle, strokeWidth, fillStyle, r } = this.props;
+            ctx.lineWidth = strokeWidth;
+            ctx.fillStyle = fillStyle;
+            ctx.strokeStyle = strokeStyle;
+            const [x, y] = this.helper(moreProps);
+            ctx.beginPath();
+            ctx.arc(x, y, r, 0, 2 * Math.PI, false);
+            ctx.fill();
+            ctx.stroke();
+        };
+        this.isHover = (moreProps) => {
+            const { mouseXY } = moreProps;
+            const r = this.props.r + 7;
+            const [x, y] = this.helper(moreProps);
+            const [mx, my] = mouseXY;
+            const hover = x - r < mx && mx < x + r && y - r < my && my < y + r;
+            return hover;
+        };
+        this.helper = (moreProps) => {
+            const { xyProvider, cx, cy } = this.props;
+            if (xyProvider !== undefined) {
+                return xyProvider(moreProps);
+            }
+            const { xScale, chartConfig: { yScale }, } = moreProps;
+            const x = xScale(cx);
+            const y = yScale(cy);
+            return [x, y];
+        };
+    }
+    render() {
+        const { interactiveCursorClass, onDragStart, onDrag, onDragComplete, show } = this.props;
+        if (!show) {
+            return null;
+        }
+        return (React.createElement(GenericChartComponent, { interactiveCursorClass: interactiveCursorClass, selected: true, isHover: this.isHover, onDragStart: onDragStart, onDrag: onDrag, onDragComplete: onDragComplete, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["pan", "mousemove", "drag"] }));
+    }
+}
+ClickableCircle.defaultProps = {
+    className: "react-financial-charts-interactive-line-edge",
+    show: false,
+};
+//# sourceMappingURL=ClickableCircle.js.map

package/lib/components/ClickableCircle.js.map

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

package/lib/components/ClickableShape.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+export interface ClickableShapeProps {
+    readonly fontWeight: string;
+    readonly fontFamily: string;
+    readonly fontStyle: string;
+    readonly fontSize: number;
+    readonly strokeStyle: string;
+    readonly strokeWidth: number;
+    readonly text: string;
+    readonly textBox: {
+        readonly closeIcon: any;
+        readonly left: number;
+        readonly padding: any;
+    };
+    readonly hovering?: boolean;
+    readonly interactiveCursorClass?: string;
+    readonly show?: boolean;
+    readonly onHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onUnHover?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onClick?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly yValue: number;
+}
+export declare class ClickableShape extends React.Component<ClickableShapeProps> {
+    static defaultProps: {
+        show: boolean;
+        strokeWidth: number;
+    };
+    private closeIcon;
+    render(): JSX.Element | null;
+    private readonly drawOnCanvas;
+    private readonly isHover;
+    private readonly helper;
+}

package/lib/components/ClickableShape.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+import { isHovering2 } from "./InteractiveStraightLine";
+export class ClickableShape extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { strokeStyle, strokeWidth, hovering, textBox } = this.props;
+            const [x, y] = this.helper(this.props, moreProps, ctx);
+            this.closeIcon = { x, y };
+            ctx.beginPath();
+            ctx.lineWidth = hovering ? strokeWidth + 1 : strokeWidth;
+            ctx.strokeStyle = strokeStyle;
+            const halfWidth = textBox.closeIcon.width / 2;
+            ctx.moveTo(x - halfWidth, y - halfWidth);
+            ctx.lineTo(x + halfWidth, y + halfWidth);
+            ctx.moveTo(x - halfWidth, y + halfWidth);
+            ctx.lineTo(x + halfWidth, y - halfWidth);
+            ctx.stroke();
+        };
+        this.isHover = (moreProps) => {
+            const { mouseXY } = moreProps;
+            if (this.closeIcon) {
+                const { textBox } = this.props;
+                const { x, y } = this.closeIcon;
+                const halfWidth = textBox.closeIcon.width / 2;
+                const start1 = [x - halfWidth, y - halfWidth];
+                const end1 = [x + halfWidth, y + halfWidth];
+                const start2 = [x - halfWidth, y + halfWidth];
+                const end2 = [x + halfWidth, y - halfWidth];
+                if (isHovering2(start1, end1, mouseXY, 3) || isHovering2(start2, end2, mouseXY, 3)) {
+                    return true;
+                }
+            }
+            return false;
+        };
+        this.helper = (props, moreProps, ctx) => {
+            const { yValue, text, textBox } = props;
+            const { fontFamily, fontStyle, fontWeight, fontSize } = props;
+            ctx.font = `${fontStyle} ${fontWeight} ${fontSize}px ${fontFamily}`;
+            const { chartConfig: { yScale }, } = moreProps;
+            const x = textBox.left +
+                textBox.padding.left +
+                ctx.measureText(text).width +
+                textBox.padding.right +
+                textBox.closeIcon.padding.left +
+                textBox.closeIcon.width / 2;
+            const y = yScale(yValue);
+            return [x, y];
+        };
+    }
+    render() {
+        const { interactiveCursorClass, onHover, onUnHover, onClick, show } = this.props;
+        if (!show) {
+            return null;
+        }
+        return (React.createElement(GenericChartComponent, { interactiveCursorClass: interactiveCursorClass, isHover: this.isHover, onClickWhenHover: onClick, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, onHover: onHover, onUnHover: onUnHover, drawOn: ["pan", "mousemove", "drag"] }));
+    }
+}
+ClickableShape.defaultProps = {
+    show: false,
+    strokeWidth: 1,
+};
+//# sourceMappingURL=ClickableShape.js.map

package/lib/components/ClickableShape.js.map

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

package/lib/components/GannFan.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export interface GannFanProps {
+    readonly startXY: number[];
+    readonly defaultClassName?: string;
+    readonly endXY: number[];
+    readonly fillStyle: Array<string>;
+    readonly fontFamily: string;
+    readonly fontSize: number;
+    readonly fontFill: string;
+    readonly interactiveCursorClass?: 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 selected: boolean;
+    readonly strokeStyle: string;
+    readonly strokeWidth: number;
+    readonly tolerance: number;
+}
+export declare class GannFan extends React.Component<GannFanProps> {
+    static defaultProps: {
+        strokeWidth: number;
+        tolerance: number;
+        selected: boolean;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly isHover;
+    private readonly getLineCoordinates;
+    private readonly helper;
+}