@tradingaction/interactive 2.0.13

package/lib/components/InteractiveText.js

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+export class InteractiveText extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.calculateTextWidth = true;
+        this.isHover = (moreProps) => {
+            const { onHover } = this.props;
+            if (onHover !== undefined && this.textWidth !== undefined && !this.calculateTextWidth) {
+                const { rect } = this.helper(moreProps, this.textWidth);
+                const { mouseXY: [x, y], } = moreProps;
+                if (x >= rect.x && y >= rect.y && x <= rect.x + rect.width && y <= rect.y + rect.height) {
+                    return true;
+                }
+            }
+            return false;
+        };
+        this.drawOnCanvas = (ctx, moreProps) => {
+            var _a;
+            const { bgFillStyle, bgStrokeWidth, bgStroke, textFill, fontFamily, fontSize, fontStyle, fontWeight, text } = this.props;
+            if (this.calculateTextWidth) {
+                ctx.font = `${fontStyle} ${fontWeight} ${fontSize}px ${fontFamily}`;
+                const { width } = ctx.measureText(text);
+                this.textWidth = width;
+                this.calculateTextWidth = false;
+            }
+            const { selected } = this.props;
+            const { x, y, rect } = this.helper(moreProps, (_a = this.textWidth) !== null && _a !== void 0 ? _a : 0);
+            ctx.fillStyle = bgFillStyle;
+            ctx.beginPath();
+            ctx.fillRect(rect.x, rect.y, rect.width, rect.height);
+            if (selected) {
+                ctx.strokeStyle = bgStroke;
+                ctx.lineWidth = bgStrokeWidth;
+                ctx.strokeRect(rect.x, rect.y, rect.width, rect.height);
+            }
+            ctx.fillStyle = textFill;
+            ctx.textBaseline = "middle";
+            ctx.textAlign = "center";
+            ctx.font = `${fontStyle} ${fontWeight} ${fontSize}px ${fontFamily}`;
+            ctx.beginPath();
+            ctx.fillText(text, x, y);
+        };
+        this.helper = (moreProps, textWidth) => {
+            const { position, fontSize } = this.props;
+            const { xScale, chartConfig: { yScale }, } = moreProps;
+            const [xValue, yValue] = position;
+            const x = xScale(xValue);
+            const y = yScale(yValue);
+            const rect = {
+                x: x - textWidth / 2 - fontSize,
+                y: y - fontSize,
+                width: textWidth + fontSize * 2,
+                height: fontSize * 2,
+            };
+            return {
+                x,
+                y,
+                rect,
+            };
+        };
+    }
+    componentDidUpdate(previousProps) {
+        this.calculateTextWidth =
+            previousProps.text !== this.props.text ||
+                previousProps.fontStyle !== this.props.fontStyle ||
+                previousProps.fontWeight !== this.props.fontWeight ||
+                previousProps.fontSize !== this.props.fontSize ||
+                previousProps.fontFamily !== this.props.fontFamily;
+    }
+    render() {
+        const { selected, interactiveCursorClass } = this.props;
+        const { onHover, onUnHover } = this.props;
+        const { onDragStart, onDrag, onDragComplete, onDoubleClick } = this.props;
+        return (React.createElement(GenericChartComponent, { isHover: this.isHover, canvasToDraw: getMouseCanvas, canvasDraw: this.drawOnCanvas, interactiveCursorClass: interactiveCursorClass, selected: selected, onDragStart: onDragStart, onDrag: onDrag, onDragComplete: onDragComplete, onDoubleClickWhenHover: onDoubleClick, onHover: onHover, onUnHover: onUnHover, drawOn: ["mousemove", "mouseleave", "pan", "drag"] }));
+    }
+}
+InteractiveText.defaultProps = {
+    type: "SD",
+    fontWeight: "normal",
+    tolerance: 4,
+    selected: false,
+};
+//# sourceMappingURL=InteractiveText.js.map

package/lib/components/InteractiveText.js.map

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

package/lib/components/InteractiveYCoordinate.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+export interface InteractiveYCoordinateProps {
+    readonly bgFillStyle: string;
+    readonly strokeStyle: string;
+    readonly strokeWidth: number;
+    readonly strokeDasharray: strokeDashTypes;
+    readonly textFill: string;
+    readonly fontFamily: string;
+    readonly fontSize: number;
+    readonly fontWeight: number | string;
+    readonly fontStyle: string;
+    readonly text: string;
+    readonly edge: object;
+    readonly textBox: {
+        readonly closeIcon: any;
+        readonly left: number;
+        readonly height: number;
+        readonly padding: any;
+    };
+    readonly yValue: number;
+    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 interactiveCursorClass?: string;
+    readonly tolerance: number;
+    readonly selected: boolean;
+    readonly hovering: boolean;
+}
+export declare class InteractiveYCoordinate extends React.Component<InteractiveYCoordinateProps> {
+    static defaultProps: {
+        fontWeight: string;
+        strokeWidth: number;
+        tolerance: number;
+        selected: boolean;
+        hovering: boolean;
+    };
+    private width;
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly isHover;
+    private readonly helper;
+}

package/lib/components/InteractiveYCoordinate.js

@@ -0,0 +1,109 @@
+import * as React from "react";
+import { drawOnCanvas } from "@tradingaction/coordinates/lib/EdgeCoordinateV3";
+import { getYCoordinate } from "@tradingaction/coordinates/lib/MouseCoordinateY";
+import { getStrokeDasharrayCanvas, getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+export class InteractiveYCoordinate extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.width = 0;
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { bgFillStyle, textFill, fontFamily, fontSize, fontStyle, fontWeight, strokeStyle, strokeWidth, strokeDasharray, text, textBox, edge, selected, hovering, } = this.props;
+            const values = this.helper(moreProps);
+            if (values == null) {
+                return;
+            }
+            const { x1, x2, y, rect } = values;
+            ctx.strokeStyle = strokeStyle;
+            ctx.beginPath();
+            if (selected || hovering) {
+                ctx.lineWidth = strokeWidth + 1;
+            }
+            else {
+                ctx.lineWidth = strokeWidth;
+            }
+            ctx.textBaseline = "middle";
+            ctx.textAlign = "start";
+            ctx.font = `${fontStyle} ${fontWeight} ${fontSize}px ${fontFamily}`;
+            this.width =
+                textBox.padding.left +
+                    ctx.measureText(text).width +
+                    textBox.padding.right +
+                    textBox.closeIcon.padding.left +
+                    textBox.closeIcon.width +
+                    textBox.closeIcon.padding.right;
+            ctx.setLineDash(getStrokeDasharrayCanvas(strokeDasharray));
+            ctx.moveTo(x1, y);
+            ctx.lineTo(rect.x, y);
+            ctx.moveTo(rect.x + this.width, y);
+            ctx.lineTo(x2, y);
+            ctx.stroke();
+            ctx.setLineDash([]);
+            ctx.fillStyle = bgFillStyle;
+            ctx.fillRect(rect.x, rect.y, this.width, rect.height);
+            ctx.strokeRect(rect.x, rect.y, this.width, rect.height);
+            ctx.fillStyle = textFill;
+            ctx.beginPath();
+            ctx.fillText(text, rect.x + 10, y);
+            const newEdge = Object.assign(Object.assign({}, edge), { textFill,
+                fontFamily,
+                fontSize });
+            // @ts-ignore
+            const yValue = edge.displayFormat(this.props.yValue);
+            const yCoord = getYCoordinate(y, yValue, newEdge, moreProps);
+            drawOnCanvas(ctx, yCoord);
+        };
+        this.isHover = (moreProps) => {
+            const { onHover } = this.props;
+            if (onHover !== undefined) {
+                const values = this.helper(moreProps);
+                if (values == null) {
+                    return false;
+                }
+                const { x1, x2, y, rect } = values;
+                const { mouseXY: [mouseX, mouseY], } = moreProps;
+                if (mouseX >= rect.x &&
+                    mouseX <= rect.x + this.width &&
+                    mouseY >= rect.y &&
+                    mouseY <= rect.y + rect.height) {
+                    return true;
+                }
+                if (x1 <= mouseX && x2 >= mouseX && Math.abs(mouseY - y) < 4) {
+                    return true;
+                }
+            }
+            return false;
+        };
+        this.helper = (moreProps) => {
+            const { yValue, textBox } = this.props;
+            const { chartConfig: { width, yScale, height }, } = moreProps;
+            const y = Math.round(yScale(yValue));
+            if (y >= 0 && y <= height) {
+                const rect = {
+                    x: textBox.left,
+                    y: y - textBox.height / 2,
+                    height: textBox.height,
+                };
+                return {
+                    x1: 0,
+                    x2: width,
+                    y,
+                    rect,
+                };
+            }
+        };
+    }
+    render() {
+        const { interactiveCursorClass } = this.props;
+        const { onHover, onUnHover } = this.props;
+        const { onDragStart, onDrag, onDragComplete } = this.props;
+        return (React.createElement(GenericChartComponent, { clip: false, isHover: this.isHover, canvasToDraw: getMouseCanvas, canvasDraw: this.drawOnCanvas, interactiveCursorClass: interactiveCursorClass, enableDragOnHover: true, onDragStart: onDragStart, onDrag: onDrag, onDragComplete: onDragComplete, onHover: onHover, onUnHover: onUnHover, drawOn: ["mousemove", "mouseleave", "pan", "drag"] }));
+    }
+}
+InteractiveYCoordinate.defaultProps = {
+    fontWeight: "normal",
+    strokeWidth: 1,
+    tolerance: 4,
+    selected: false,
+    hovering: false,
+};
+//# sourceMappingURL=InteractiveYCoordinate.js.map

package/lib/components/InteractiveYCoordinate.js.map

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

package/lib/components/LinearRegressionChannelWithArea.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+export interface LinearRegressionChannelWithAreaProps {
+    readonly x1Value: any;
+    readonly x2Value: any;
+    readonly type: "SD" | "Raff";
+    readonly interactiveCursorClass?: string;
+    readonly strokeStyle: string;
+    readonly strokeWidth: number;
+    readonly fillStyle: 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 defaultClassName?: string;
+    readonly tolerance: number;
+    readonly selected: boolean;
+}
+export declare class LinearRegressionChannelWithArea extends React.Component<LinearRegressionChannelWithAreaProps> {
+    static defaultProps: {
+        type: string;
+        strokeWidth: number;
+        tolerance: number;
+        selected: boolean;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly isHover;
+}
+export declare function edge1Provider(props: any): (moreProps: any) => any[];
+export declare function edge2Provider(props: any): (moreProps: any) => any[];

package/lib/components/LinearRegressionChannelWithArea.js

@@ -0,0 +1,104 @@
+import { deviation, sum, zip } from "d3-array";
+import * as React from "react";
+import { getClosestItemIndexes, getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+import { isHovering2 } from "./InteractiveStraightLine";
+export class LinearRegressionChannelWithArea extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { strokeStyle, strokeWidth, fillStyle } = this.props;
+            const { x1, y1, x2, y2, dy } = helper(this.props, moreProps);
+            ctx.lineWidth = strokeWidth;
+            ctx.strokeStyle = strokeStyle;
+            ctx.fillStyle = fillStyle;
+            ctx.beginPath();
+            ctx.moveTo(x1, y1 - dy);
+            ctx.lineTo(x2, y2 - dy);
+            ctx.stroke();
+            ctx.beginPath();
+            ctx.moveTo(x2, y2 + dy);
+            ctx.lineTo(x1, y1 + dy);
+            ctx.stroke();
+            ctx.beginPath();
+            ctx.moveTo(x1, y1 - dy);
+            ctx.lineTo(x2, y2 - dy);
+            ctx.lineTo(x2, y2 + dy);
+            ctx.lineTo(x1, y1 + dy);
+            ctx.closePath();
+            ctx.fill();
+            ctx.beginPath();
+            ctx.moveTo(x2, y2);
+            ctx.lineTo(x1, y1);
+            ctx.stroke();
+        };
+        this.isHover = (moreProps) => {
+            const { tolerance, onHover } = this.props;
+            if (onHover !== undefined) {
+                const { mouseXY } = moreProps;
+                const { x1, y1, x2, y2, dy } = helper(this.props, moreProps);
+                const yDiffs = [-dy, 0, dy];
+                const hovering = yDiffs.reduce((result, diff) => result || isHovering2([x1, y1 + diff], [x2, y2 + diff], mouseXY, tolerance), false);
+                return hovering;
+            }
+            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"] }));
+    }
+}
+LinearRegressionChannelWithArea.defaultProps = {
+    type: "SD",
+    strokeWidth: 1,
+    tolerance: 4,
+    selected: false,
+};
+export function edge1Provider(props) {
+    return function (moreProps) {
+        const { x1, y1 } = helper(props, moreProps);
+        return [x1, y1];
+    };
+}
+export function edge2Provider(props) {
+    return function (moreProps) {
+        const { x2, y2 } = helper(props, moreProps);
+        return [x2, y2];
+    };
+}
+function helper(props, moreProps) {
+    const { x1Value, x2Value, type } = props;
+    const { xScale, chartConfig: { yScale }, fullData, } = moreProps;
+    const { xAccessor } = moreProps;
+    const { left } = getClosestItemIndexes(fullData, x1Value, xAccessor);
+    const { right } = getClosestItemIndexes(fullData, x2Value, xAccessor);
+    const startIndex = Math.min(left, right);
+    const endIndex = Math.max(left, right) + 1;
+    const array = fullData.slice(startIndex, endIndex);
+    const xs = array.map((d) => xAccessor(d).valueOf());
+    const ys = array.map((d) => d.close);
+    const n = array.length;
+    const xys = zip(xs, ys).map((d) => {
+        return d[0] * d[1];
+    });
+    const xSquareds = xs.map((x) => Math.pow(x, 2));
+    const b = (n * sum(xys) - sum(xs) * sum(ys)) / (n * sum(xSquareds) - Math.pow(sum(xs), 2));
+    const a = (sum(ys) - b * sum(xs)) / n;
+    const newy1 = a + b * x1Value;
+    const newy2 = a + b * x2Value;
+    const x1 = xScale(x1Value);
+    const y1 = yScale(newy1);
+    const x2 = xScale(x2Value);
+    const y2 = yScale(newy2);
+    const stdDev = type === "SD" ? deviation(array, (d) => d.close) : 0;
+    const dy = yScale(newy1 - stdDev) - y1;
+    return {
+        x1,
+        y1,
+        x2,
+        y2,
+        dy,
+    };
+}
+//# sourceMappingURL=LinearRegressionChannelWithArea.js.map

package/lib/components/LinearRegressionChannelWithArea.js.map

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

package/lib/components/MouseLocationIndicator.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+export interface MouseLocationIndicatorProps {
+    readonly enabled: boolean;
+    readonly snap: boolean;
+    readonly shouldDisableSnap: (e: React.MouseEvent) => boolean;
+    readonly snapTo?: (datum: any) => number | number[];
+    readonly onMouseMove: (e: React.MouseEvent, xyValue: number[], moreProps: any) => void;
+    readonly onMouseDown: (e: React.MouseEvent, xyValue: number[], moreProps: any) => void;
+    readonly onClick: (e: React.MouseEvent, xyValue: number[], moreProps: any) => void;
+    readonly r: number;
+    readonly stroke: string;
+    readonly strokeWidth: number;
+    readonly opacity: number;
+    readonly disablePan: boolean;
+}
+export declare class MouseLocationIndicator extends React.Component<MouseLocationIndicatorProps> {
+    static defaultProps: {
+        onMouseMove: () => void;
+        onMouseDown: () => void;
+        onClick: () => void;
+        shouldDisableSnap: any;
+        stroke: string;
+        strokeWidth: number;
+        opacity: number;
+        disablePan: boolean;
+    };
+    private mutableState;
+    render(): JSX.Element;
+    private readonly xy;
+    private readonly handleClick;
+    private readonly handleMouseDown;
+    private readonly handleMousePosChange;
+    private readonly drawOnCanvas;
+}

package/lib/components/MouseLocationIndicator.js

@@ -0,0 +1,79 @@
+import { functor, getClosestValue, getMouseCanvas, GenericChartComponent, isDefined, noop, shallowEqual, } from "@tradingaction/core";
+import * as React from "react";
+import { getXValue } from "@tradingaction/core/lib/utils/ChartDataUtil";
+export class MouseLocationIndicator extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.mutableState = {};
+        this.xy = (e, moreProps) => {
+            const { xAccessor, plotData } = moreProps;
+            const { mouseXY, currentItem, xScale, chartConfig: { yScale }, } = moreProps;
+            const { enabled, snap, shouldDisableSnap, snapTo } = this.props;
+            if (enabled && isDefined(currentItem) && isDefined(e)) {
+                const xValue = snap && !shouldDisableSnap(e)
+                    ? xAccessor(currentItem)
+                    : getXValue(xScale, xAccessor, mouseXY, plotData);
+                const yValue = snap && snapTo !== undefined && !shouldDisableSnap(e)
+                    ? getClosestValue(snapTo(currentItem), yScale.invert(mouseXY[1]))
+                    : yScale.invert(mouseXY[1]);
+                const x = xScale(xValue);
+                const y = yScale(yValue);
+                return { xValue, yValue, x, y };
+            }
+        };
+        this.handleClick = (e, moreProps) => {
+            const pos = this.xy(e, moreProps);
+            if (pos !== undefined && isDefined(pos)) {
+                const { xValue, yValue, x, y } = pos;
+                this.mutableState = { x, y };
+                this.props.onClick(e, [xValue, yValue], moreProps);
+            }
+        };
+        this.handleMouseDown = (e, moreProps) => {
+            const pos = this.xy(e, moreProps);
+            if (pos !== undefined && isDefined(pos)) {
+                const { xValue, yValue, x, y } = pos;
+                this.mutableState = { x, y };
+                this.props.onMouseDown(e, [xValue, yValue], moreProps);
+            }
+        };
+        this.handleMousePosChange = (e, moreProps) => {
+            if (!shallowEqual(moreProps.mousXY, moreProps.prevMouseXY)) {
+                const pos = this.xy(e, moreProps);
+                if (pos !== undefined && isDefined(pos)) {
+                    const { xValue, yValue, x, y } = pos;
+                    this.mutableState = { x, y };
+                    this.props.onMouseMove(e, [xValue, yValue], moreProps);
+                }
+            }
+        };
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { enabled, r, stroke, strokeWidth } = this.props;
+            const { x, y } = this.mutableState;
+            const { show } = moreProps;
+            if (enabled && show && isDefined(x)) {
+                ctx.lineWidth = strokeWidth;
+                ctx.strokeStyle = stroke;
+                ctx.moveTo(x, y);
+                ctx.beginPath();
+                ctx.arc(x, y, r, 0, 2 * Math.PI, false);
+                ctx.stroke();
+            }
+        };
+    }
+    render() {
+        const { enabled, disablePan } = this.props;
+        return (React.createElement(GenericChartComponent, { onMouseDown: this.handleMouseDown, onClick: this.handleClick, onMouseMove: this.handleMousePosChange, onPan: this.handleMousePosChange, disablePan: enabled && disablePan, canvasDraw: this.drawOnCanvas, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan"] }));
+    }
+}
+MouseLocationIndicator.defaultProps = {
+    onMouseMove: noop,
+    onMouseDown: noop,
+    onClick: noop,
+    shouldDisableSnap: functor(false),
+    stroke: "#000000",
+    strokeWidth: 1,
+    opacity: 1,
+    disablePan: true,
+};
+//# sourceMappingURL=MouseLocationIndicator.js.map

package/lib/components/MouseLocationIndicator.js.map

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

package/lib/components/Text.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export interface TextProps {
+    readonly children: string;
+    readonly fontFamily: string;
+    readonly fontSize: number;
+    readonly fillStyle: string;
+    readonly selected?: boolean;
+    readonly xyProvider: (moreProps: any) => number[];
+}
+export declare class Text extends React.Component<TextProps> {
+    static defaultProps: {
+        selected: boolean;
+    };
+    render(): JSX.Element;
+    private readonly isHover;
+    private readonly drawOnCanvas;
+}

package/lib/components/Text.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+export class Text extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.isHover = () => {
+            return false;
+        };
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { xyProvider, fontFamily, fontSize, fillStyle, children } = this.props;
+            const [x, y] = xyProvider(moreProps);
+            ctx.font = `${fontSize}px ${fontFamily}`;
+            ctx.fillStyle = fillStyle;
+            ctx.beginPath();
+            ctx.fillText(children, x, y);
+        };
+    }
+    render() {
+        const { selected } = this.props;
+        return (React.createElement(GenericChartComponent, { isHover: this.isHover, selected: selected, canvasToDraw: getMouseCanvas, canvasDraw: this.drawOnCanvas, drawOn: ["mousemove", "pan", "drag"] }));
+    }
+}
+Text.defaultProps = {
+    selected: false,
+};
+//# sourceMappingURL=Text.js.map

package/lib/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAW5E,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAoB;IAApD;;QAmBqB,YAAO,GAAG,GAAG,EAAE;YAC5B,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC;QAEe,iBAAY,GAAG,CAAC,GAA6B,EAAE,SAAc,EAAE,EAAE;YAC9E,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE7E,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;YAErC,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,MAAM,UAAU,EAAE,CAAC;YACzC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;YAE1B,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACjC,CAAC,CAAC;IACN,CAAC;IA7BU,MAAM;QACT,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEhC,OAAO,CACH,oBAAC,qBAAqB,IAClB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,cAAc,EAC5B,UAAU,EAAE,IAAI,CAAC,YAAY,EAC7B,MAAM,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,GACtC,CACL,CAAC;IACN,CAAC;;AAhBa,iBAAY,GAAG;IACzB,QAAQ,EAAE,KAAK;CAClB,CAAC"}

package/lib/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./ChannelWithArea";
+export * from "./ClickableCircle";
+export * from "./ClickableShape";
+export * from "./GannFan";
+export * from "./HoverTextNearMouse";
+export * from "./InteractiveStraightLine";
+export * from "./InteractiveText";
+export * from "./InteractiveYCoordinate";
+export * from "./LinearRegressionChannelWithArea";
+export * from "./MouseLocationIndicator";
+export * from "./Text";

package/lib/components/index.js

@@ -0,0 +1,12 @@
+export * from "./ChannelWithArea";
+export * from "./ClickableCircle";
+export * from "./ClickableShape";
+export * from "./GannFan";
+export * from "./HoverTextNearMouse";
+export * from "./InteractiveStraightLine";
+export * from "./InteractiveText";
+export * from "./InteractiveYCoordinate";
+export * from "./LinearRegressionChannelWithArea";
+export * from "./MouseLocationIndicator";
+export * from "./Text";
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+export { TrendLine } from "./TrendLine";
+export { FibonacciRetracement } from "./FibonacciRetracement";
+export { EquidistantChannel } from "./EquidistantChannel";
+export { StandardDeviationChannel } from "./StandardDeviationChannel";
+export { GannFan } from "./GannFan";
+export { ClickCallback } from "./ClickCallback";
+export { Brush } from "./Brush";
+export { InteractiveText } from "./InteractiveText";
+export { InteractiveYCoordinate } from "./InteractiveYCoordinate";
+export { DrawingObjectSelector } from "./DrawingObjectSelector";
+export { ZoomButtons } from "./ZoomButtons";
+export * from "./utils";

package/lib/index.js

@@ -0,0 +1,13 @@
+export { TrendLine } from "./TrendLine";
+export { FibonacciRetracement } from "./FibonacciRetracement";
+export { EquidistantChannel } from "./EquidistantChannel";
+export { StandardDeviationChannel } from "./StandardDeviationChannel";
+export { GannFan } from "./GannFan";
+export { ClickCallback } from "./ClickCallback";
+export { Brush } from "./Brush";
+export { InteractiveText } from "./InteractiveText";
+export { InteractiveYCoordinate } from "./InteractiveYCoordinate";
+export { DrawingObjectSelector } from "./DrawingObjectSelector";
+export { ZoomButtons } from "./ZoomButtons";
+export * from "./utils";
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,SAAS,CAAC"}