@tradingaction/interactive 2.0.13 → 2.0.16

package/lib/Rectangle.d.ts

@@ -0,0 +1,86 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+export interface RectangleProps {
+    readonly snap: boolean;
+    readonly enabled: boolean;
+    readonly snapTo?: (datum: any) => number | number[];
+    readonly shouldDisableSnap?: (e: React.MouseEvent) => boolean;
+    readonly onStart: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onComplete?: (e: React.MouseEvent, newTrends: any[], moreProps: any) => void;
+    readonly onSelect?: (e: React.MouseEvent, interactives: any[], moreProps: any) => void;
+    readonly onDoubleClickWhenHover?: (e: React.MouseEvent, moreProps: any, index: any) => void;
+    readonly onClickWhenHover?: (e: React.MouseEvent, moreProps: any, index: any) => void;
+    readonly onClickOutside?: (e: React.MouseEvent, moreProps: any, index: any) => void;
+    readonly onContextMenuWhenHover?: (e: React.MouseEvent, moreProps: any, index: any) => void;
+    readonly currentPositionStroke?: string;
+    readonly currentPositionStrokeWidth?: number;
+    readonly currentPositionstrokeOpacity?: number;
+    readonly currentPositionRadius?: number;
+    readonly type: "XLINE" | "RAY" | "LINE";
+    readonly hoverText: object;
+    readonly trends: any[];
+    readonly appearance: {
+        readonly strokeStyle: string;
+        readonly strokeWidth: number;
+        readonly strokeDasharray: strokeDashTypes;
+        readonly edgeStrokeWidth: number;
+        readonly edgeFill: string;
+        readonly edgeStroke: string;
+        readonly rectangleFill: string;
+    };
+}
+interface RectangleState {
+    current?: any;
+    override?: any;
+    trends?: any;
+}
+export declare class Rectangle extends React.Component<RectangleProps, RectangleState> {
+    static defaultProps: {
+        type: string;
+        onStart: () => void;
+        onSelect: () => void;
+        onDoubleClickWhenHover: () => void;
+        onClickWhenHover: () => void;
+        onClickOutside: () => void;
+        currentPositionStroke: string;
+        currentPositionstrokeOpacity: number;
+        currentPositionStrokeWidth: number;
+        currentPositionRadius: number;
+        shouldDisableSnap: (e: React.MouseEvent) => boolean;
+        hoverText: {
+            enable: boolean;
+            bgHeight: string;
+            bgWidth: string;
+            text: string;
+            selectedText: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+            bgFill: string;
+            bgOpacity: number;
+        };
+        trends: never[];
+        appearance: {
+            strokeStyle: string;
+            strokeWidth: number;
+            strokeDasharray: string;
+            edgeStrokeWidth: number;
+            edgeFill: string;
+            edgeStroke: string;
+            rectangleFill: string;
+            r: number;
+        };
+    };
+    private getSelectionState;
+    private mouseMoved;
+    private saveNodeType;
+    private terminate;
+    constructor(props: RectangleProps);
+    render(): JSX.Element;
+    private readonly handleEnd;
+    private readonly handleStart;
+    private readonly handleDrawLine;
+    private readonly handleDragLineComplete;
+    private readonly handleDragLine;
+}
+export {};

package/lib/Rectangle.js

@@ -0,0 +1,129 @@
+import * as React from "react";
+import { isDefined, isNotDefined, noop } from "@tradingaction/core";
+import { getValueFromOverride, isHoverForInteractiveType, saveNodeType, terminate } from "./utils";
+import { HoverTextNearMouse, MouseLocationIndicator, InteractiveRectangle } from "./components";
+import { EachRectangle } from "./wrapper";
+export class Rectangle extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleEnd = (e, xyValue, moreProps) => {
+            const { current } = this.state;
+            const { trends, appearance, type } = this.props;
+            if (this.mouseMoved && isDefined(current) && isDefined(current.topLeft)) {
+                const newTrends = [
+                    ...trends.map((d) => (Object.assign(Object.assign({}, d), { selected: false }))),
+                    {
+                        topLeft: current.topLeft,
+                        topRight: xyValue,
+                        selected: true,
+                        appearance,
+                        type,
+                    },
+                ];
+                this.setState({
+                    current: null,
+                    trends: newTrends,
+                }, () => {
+                    const { onComplete } = this.props;
+                    if (onComplete !== undefined) {
+                        onComplete(e, newTrends, moreProps);
+                    }
+                });
+            }
+        };
+        this.handleStart = (e, xyValue, moreProps) => {
+            const { current } = this.state;
+            if (isNotDefined(current) || isNotDefined(current.topLeft)) {
+                this.mouseMoved = false;
+                this.setState({
+                    current: {
+                        topLeft: xyValue,
+                        topRight: null,
+                    },
+                }, () => {
+                    const { onStart } = this.props;
+                    if (onStart !== undefined) {
+                        onStart(e, moreProps);
+                    }
+                });
+            }
+        };
+        this.handleDrawLine = (_, xyValue) => {
+            const { current } = this.state;
+            if (isDefined(current) && isDefined(current.topLeft)) {
+                this.mouseMoved = true;
+                this.setState({
+                    current: {
+                        topLeft: current.topLeft,
+                        topRight: xyValue,
+                    },
+                });
+            }
+        };
+        this.handleDragLineComplete = (e, moreProps) => {
+            const { override } = this.state;
+            if (isDefined(override)) {
+                const { trends } = this.props;
+                const newTrends = trends.map((each, idx) => idx === override.index
+                    ? Object.assign(Object.assign({}, each), { topLeft: [override.topLeft, override.topRight], topRight: [override.topRightX, override.topRightY], selected: true }) : Object.assign(Object.assign({}, each), { selected: false }));
+                this.setState({
+                    override: null,
+                }, () => {
+                    const { onComplete } = this.props;
+                    if (onComplete !== undefined) {
+                        onComplete(e, newTrends, moreProps);
+                    }
+                });
+            }
+        };
+        this.handleDragLine = (_, index, newXYValue) => {
+            this.setState({
+                override: Object.assign({ index }, newXYValue),
+            });
+        };
+        this.terminate = terminate.bind(this);
+        this.saveNodeType = saveNodeType.bind(this);
+        this.getSelectionState = isHoverForInteractiveType("trends").bind(this);
+        this.state = {};
+    }
+    render() {
+        const { appearance, currentPositionstrokeOpacity, currentPositionRadius = Rectangle.defaultProps.currentPositionRadius, currentPositionStroke, currentPositionStrokeWidth, enabled, hoverText, shouldDisableSnap, snap, snapTo, trends, type, } = this.props;
+        const { current, override } = this.state;
+        const tempLine = isDefined(current) && isDefined(current.topRight) ? (React.createElement(InteractiveRectangle, { type: type, topLeftX: current.topLeft[0], topLeftY: current.topLeft[1], topRightX: current.topRight[0], topRightY: current.topRight[1], bottomLeftX: current.bottomLeft[0], bottomLeftY: current.bottomLeft[1], bottomRightX: current.bottomRight[0], bottomRightY: current.bottomRight[1], strokeStyle: appearance.strokeStyle, strokeWidth: appearance.strokeWidth })) : null;
+        return (React.createElement("g", null,
+            trends.map((each, idx) => {
+                const eachAppearance = isDefined(each.appearance)
+                    ? Object.assign(Object.assign({}, appearance), each.appearance) : appearance;
+                const hoverTextWithDefault = Object.assign(Object.assign({}, Rectangle.defaultProps.hoverText), hoverText);
+                return (React.createElement(EachRectangle, { key: idx, ref: this.saveNodeType(idx), index: idx, type: each.type, selected: each.selected, topLeftX: getValueFromOverride(override, idx, "topLeftX", each.topLeft[0]), topLeftY: getValueFromOverride(override, idx, "topLeftY", each.topLeft[1]), topRightX: getValueFromOverride(override, idx, "topRightX", each.topRight[0]), topRightY: getValueFromOverride(override, idx, "topRightY", each.topRight[1]), bottomLeftX: getValueFromOverride(override, idx, "bottomLeftX", each.bottomLeft[0]), bottomLeftY: getValueFromOverride(override, idx, "bottomLeftY", each.bottomLeft[1]), bottomRightX: getValueFromOverride(override, idx, "bottomRightX", each.bottomRight[0]), bottomRightY: getValueFromOverride(override, idx, "bottomRightY", each.bottomRight[1]), strokeStyle: eachAppearance.strokeStyle, strokeWidth: eachAppearance.strokeWidth, strokeOpacity: eachAppearance.strokeOpacity, strokeDasharray: eachAppearance.strokeDasharray, edgeStroke: eachAppearance.edgeStroke, edgeFill: eachAppearance.edgeFill, edgeStrokeWidth: eachAppearance.edgeStrokeWidth, rectangleFill: eachAppearance.rectangleFill, r: eachAppearance.r, hoverText: hoverTextWithDefault, onDrag: this.handleDragLine, onDragComplete: this.handleDragLineComplete, edgeInteractiveCursor: "react-financial-charts-move-cursor", lineInteractiveCursor: "react-financial-charts-move-cursor", onDoubleClickWhenHover: this.props.onDoubleClickWhenHover, onClickWhenHover: this.props.onClickWhenHover, onClickOutside: this.props.onClickOutside, onContextMenuWhenHover: this.props.onContextMenuWhenHover }));
+            }),
+            tempLine,
+            React.createElement(MouseLocationIndicator, { enabled: enabled, snap: snap, shouldDisableSnap: shouldDisableSnap, snapTo: snapTo, r: currentPositionRadius, stroke: currentPositionStroke, opacity: currentPositionstrokeOpacity, strokeWidth: currentPositionStrokeWidth, onMouseDown: this.handleStart, onClick: this.handleEnd, onMouseMove: this.handleDrawLine })));
+    }
+}
+Rectangle.defaultProps = {
+    type: "XLINE",
+    onStart: noop,
+    onSelect: noop,
+    onDoubleClickWhenHover: noop,
+    onClickWhenHover: noop,
+    onClickOutside: noop,
+    currentPositionStroke: "#000000",
+    currentPositionstrokeOpacity: 1,
+    currentPositionStrokeWidth: 3,
+    currentPositionRadius: 0,
+    shouldDisableSnap: (e) => e.button === 2 || e.shiftKey,
+    hoverText: Object.assign(Object.assign({}, HoverTextNearMouse.defaultProps), { enable: true, bgHeight: "auto", bgWidth: "auto", text: "Click to select object", selectedText: "" }),
+    trends: [],
+    appearance: {
+        strokeStyle: "#000000",
+        strokeWidth: 1,
+        strokeDasharray: "Solid",
+        edgeStrokeWidth: 1,
+        edgeFill: "#FFFFFF",
+        edgeStroke: "#000000",
+        rectangleFill: "transparent",
+        r: 6,
+    },
+};
+//# sourceMappingURL=Rectangle.js.map

package/lib/Rectangle.js.map

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

package/lib/components/InteractiveRectangle.d.ts

@@ -0,0 +1,67 @@
+import { strokeDashTypes } from "@tradingaction/core";
+import * as React from "react";
+export interface RectangleProps {
+    readonly topLeftX: any;
+    readonly topRightX: any;
+    readonly topLeftY: any;
+    readonly topRightY: any;
+    readonly bottomLeftX: any;
+    readonly bottomLeftY: any;
+    readonly bottomRightX: any;
+    readonly bottomRightY: 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 rectangleFill?: string;
+    readonly withEdge?: boolean;
+    readonly tolerance?: number;
+    readonly selected?: boolean;
+}
+export declare class InteractiveRectangle extends React.Component<RectangleProps> {
+    static defaultProps: {
+        onEdge1Drag: () => void;
+        onEdge2Drag: () => void;
+        edgeStrokeWidth: number;
+        edgeStroke: string;
+        edgeFill: string;
+        rectangleFill: 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 generateRectangle({ type, start, end, startBottom, endBottom, xScale, yScale }: any): {
+    x1: any;
+    y1: any;
+    x2: any;
+    y2: any;
+    x1Bottom: any;
+    y1Bottom: any;
+    x2Bottom: any;
+    y2Bottom: any;
+};

package/lib/components/InteractiveRectangle.js

@@ -0,0 +1,265 @@
+import { getStrokeDasharrayCanvas, getMouseCanvas, GenericChartComponent, noop, } from "@tradingaction/core";
+import * as React from "react";
+export class InteractiveRectangle extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.isHover = (moreProps) => {
+            const { tolerance, onHover } = this.props;
+            if (onHover !== undefined) {
+                const { topLeftX, topRightX, topLeftY, topRightY, bottomLeftX, bottomLeftY, bottomRightX, bottomRightY, type } = this.props;
+                const { mouseXY, xScale } = moreProps;
+                const { chartConfig: { yScale }, } = moreProps;
+                const hovering = isHovering({
+                    topLeftX,
+                    topLeftY,
+                    topRightX,
+                    topRightY,
+                    bottomLeftX, bottomLeftY, bottomRightX, bottomRightY,
+                    mouseXY,
+                    type,
+                    tolerance,
+                    xScale,
+                    yScale,
+                });
+                return hovering;
+            }
+            return false;
+        };
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { strokeWidth = InteractiveRectangle.defaultProps.strokeWidth, strokeDasharray, strokeStyle, rectangleFill } = this.props;
+            const { x1, y1, // top-left
+            x2, y2, // top-right
+            x1Bottom, y1Bottom, // bottom-left
+            x2Bottom, y2Bottom, // bottom-right
+             } = helper(this.props, moreProps);
+            // Set canvas styles
+            ctx.lineWidth = strokeWidth;
+            ctx.strokeStyle = strokeStyle || "transparent"; // Default to no border
+            ctx.fillStyle = rectangleFill || "rgba(0, 255, 0, 0.2)"; // Default fill color
+            ctx.setLineDash(getStrokeDasharrayCanvas(strokeDasharray));
+            // Begin rectangle path
+            ctx.beginPath();
+            // Start at top-left
+            ctx.moveTo(x1, y1);
+            // Draw to top-right
+            ctx.lineTo(x2, y2);
+            // Draw to bottom-right
+            ctx.lineTo(x2Bottom, y2Bottom);
+            // Draw to bottom-left
+            ctx.lineTo(x1Bottom, y1Bottom);
+            // Close the path back to top-left
+            ctx.closePath();
+            // ✅ Fill the rectangle
+            ctx.fill();
+            // ✅ Stroke the outline (optional)
+            if (strokeStyle !== "transparent" && strokeWidth > 0) {
+                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 }));
+    }
+}
+InteractiveRectangle.defaultProps = {
+    onEdge1Drag: noop,
+    onEdge2Drag: noop,
+    edgeStrokeWidth: 3,
+    edgeStroke: "#000000",
+    edgeFill: "#FFFFFF",
+    rectangleFill: 'transparent',
+    r: 10,
+    withEdge: false,
+    strokeWidth: 1,
+    strokeDasharray: "Solid",
+    children: noop,
+    tolerance: 7,
+    selected: false,
+};
+function isHovering({ topLeftX, topLeftY, topRightX, topRightY, bottomLeftX, bottomLeftY, bottomRightX, bottomRightY, mouseXY, type, tolerance, xScale, yScale }) {
+    const line = generateRectangle({
+        type,
+        start: [topLeftX, topLeftY],
+        end: [topRightX, topRightY],
+        startBottom: [bottomLeftX, bottomLeftY],
+        endBottom: [bottomRightX, bottomRightY],
+        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 { topLeftX, topRightX, topLeftY, topRightY, bottomLeftX, bottomLeftY, bottomRightX, bottomRightY, type } = props;
+    const { xScale, chartConfig: { yScale }, } = moreProps;
+    const modLine = generateRectangle({
+        type,
+        start: [topLeftX, topLeftY],
+        end: [topRightX, topRightY],
+        startBottom: [bottomLeftX, bottomLeftY],
+        endBottom: [bottomRightX, bottomRightY],
+        xScale,
+        yScale,
+    });
+    const x1 = xScale(modLine.x1);
+    const y1 = yScale(modLine.y1);
+    const x2 = xScale(modLine.x2);
+    const y2 = yScale(modLine.y2);
+    const x1Bottom = xScale(modLine.x1Bottom);
+    const y1Bottom = yScale(modLine.y1Bottom);
+    const x2Bottom = xScale(modLine.x2Bottom);
+    const y2Bottom = yScale(modLine.y2Bottom);
+    return {
+        x1,
+        y1,
+        x2,
+        y2,
+        x1Bottom,
+        y1Bottom,
+        x2Bottom,
+        y2Bottom,
+    };
+}
+function getSlope(start, end) {
+    const m /* slope */ = end[0] === start[0] ? undefined : (end[1] - start[1]) / (end[0] - start[0]);
+    return m;
+}
+function getYIntercept(m, end) {
+    const b /* y intercept */ = -1 * m * end[0] + end[1];
+    return b;
+}
+export function generateRectangle({ type, start, end, startBottom, endBottom, xScale, yScale }) {
+    const m /* slope */ = getSlope(start, end);
+    const b /* y intercept */ = getYIntercept(m, start);
+    switch (type) {
+        case "XLINE":
+            return getXLineCoordinates({
+                start,
+                end,
+                startBottom, endBottom,
+                xScale,
+                yScale,
+                m,
+                b,
+            });
+        case "RAY":
+            return getRayCoordinates({
+                start,
+                end,
+                startBottom, endBottom,
+                xScale,
+                yScale,
+                m,
+                b,
+            });
+        default:
+        case "LINE":
+            return getLineCoordinates({
+                start,
+                end,
+                startBottom, endBottom,
+            });
+    }
+}
+function getXLineCoordinates({ start, end, startBottom, endBottom, 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,
+            x1Bottom: 0,
+            y1Bottom: 0,
+            x2Bottom: 0,
+            y2Bottom: 0,
+        };
+    }
+    const [x1, x2] = end[0] > start[0] ? [xBegin, xFinish] : [xFinish, xBegin];
+    return {
+        x1,
+        y1: m * x1 + b,
+        x2,
+        y2: m * x2 + b,
+        x1Bottom: 0,
+        y1Bottom: 0,
+        x2Bottom: 0,
+        y2Bottom: 0,
+    };
+}
+function getRayCoordinates({ start, end, startBottom, endBottom, 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,
+            x1Bottom: 0,
+            y1Bottom: 0,
+            x2Bottom: 0,
+            y2Bottom: 0,
+        };
+    }
+    const x2 = end[0] > start[0] ? xFinish : xBegin;
+    return {
+        x1,
+        y1: m * x1 + b,
+        x2,
+        y2: m * x2 + b,
+        x1Bottom: 0,
+        y1Bottom: 0,
+        x2Bottom: 0,
+        y2Bottom: 0,
+    };
+}
+function getLineCoordinates({ start, end, startBottom, endBottom, }) {
+    const [x1, y1] = start;
+    const [x2, y2] = end;
+    const [x1Bottom, y1Bottom] = startBottom;
+    const [x2Bottom, y2Bottom] = endBottom;
+    if (end[0] === start[0] || endBottom[0] === startBottom[0]) {
+        return {
+            x1,
+            y1: start[1],
+            x2: x1,
+            y2: end[1],
+            x1Bottom,
+            y1Bottom: startBottom[1],
+            x2Bottom,
+            y2Bottom: endBottom[1],
+        };
+    }
+    return {
+        x1,
+        y1,
+        x2,
+        y2,
+        x1Bottom,
+        y1Bottom,
+        x2Bottom,
+        y2Bottom,
+    };
+}
+//# sourceMappingURL=InteractiveRectangle.js.map

package/lib/components/InteractiveRectangle.js.map

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

package/lib/components/index.d.ts

@@ -4,6 +4,7 @@ export * from "./ClickableShape";
 export * from "./GannFan";
 export * from "./HoverTextNearMouse";
 export * from "./InteractiveStraightLine";
+export * from "./InteractiveRectangle";
 export * from "./InteractiveText";
 export * from "./InteractiveYCoordinate";
 export * from "./LinearRegressionChannelWithArea";

package/lib/components/index.js

@@ -4,6 +4,7 @@ export * from "./ClickableShape";
 export * from "./GannFan";
 export * from "./HoverTextNearMouse";
 export * from "./InteractiveStraightLine";
+export * from "./InteractiveRectangle";
 export * from "./InteractiveText";
 export * from "./InteractiveYCoordinate";
 export * from "./LinearRegressionChannelWithArea";

package/lib/components/index.js.map

@@ -1 +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"}
+{"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,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC"}

package/lib/index.d.ts

@@ -10,3 +10,4 @@ export { InteractiveYCoordinate } from "./InteractiveYCoordinate";
 export { DrawingObjectSelector } from "./DrawingObjectSelector";
 export { ZoomButtons } from "./ZoomButtons";
 export * from "./utils";
+export { Rectangle } from "./Rectangle";

package/lib/index.js

@@ -10,4 +10,5 @@ export { InteractiveYCoordinate } from "./InteractiveYCoordinate";
 export { DrawingObjectSelector } from "./DrawingObjectSelector";
 export { ZoomButtons } from "./ZoomButtons";
 export * from "./utils";
+export { Rectangle } from "./Rectangle";
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +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"}
+{"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;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}