@tradingaction/interactive 2.0.13

package/LICENSE

@@ -0,0 +1,24 @@
+The MIT License (MIT)
+https://github.com/reactivemarkets/react-financial-charts
+
+Copyright (c) 2015-2018 Ragu Ramaswamy
+Copyright (c) 2016 Julien Renaux
+Copyright (c) 2019 Reactive Markets
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# Interactive
+
+```bash
+npm i @tradingaction/interactive
+```

package/lib/Brush.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+interface BrushProps {
+    readonly enabled: boolean;
+    readonly onBrush: ({ start, end }: any, moreProps: any) => void;
+    readonly type?: "1D" | "2D";
+    readonly strokeStyle?: string;
+    readonly fillStyle?: string;
+    readonly interactiveState: object;
+    readonly strokeDashArray?: strokeDashTypes;
+}
+interface BrushState {
+    end?: any;
+    rect: any | null;
+    selected?: boolean;
+    start?: any;
+    x1y1?: any;
+}
+export declare class Brush extends React.Component<BrushProps, BrushState> {
+    static defaultProps: {
+        type: string;
+        strokeStyle: string;
+        fillStyle: string;
+        strokeDashArray: string;
+    };
+    private zoomHappening?;
+    constructor(props: BrushProps);
+    terminate(): void;
+    render(): JSX.Element | null;
+    private readonly drawOnCanvas;
+    private readonly handleZoomStart;
+    private readonly handleDrawSquare;
+    private readonly handleZoomComplete;
+}
+export {};

package/lib/Brush.js

@@ -0,0 +1,103 @@
+import * as React from "react";
+import { getStrokeDasharrayCanvas, getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+export class Brush extends React.Component {
+    constructor(props) {
+        super(props);
+        this.drawOnCanvas = (ctx) => {
+            const { rect } = this.state;
+            if (rect === null) {
+                return;
+            }
+            const { x, y, height, width } = rect;
+            const { strokeStyle = Brush.defaultProps.strokeStyle, fillStyle = Brush.defaultProps.fillStyle, strokeDashArray, } = this.props;
+            const dashArray = getStrokeDasharrayCanvas(strokeDashArray);
+            ctx.strokeStyle = strokeStyle;
+            ctx.fillStyle = fillStyle;
+            ctx.setLineDash(dashArray);
+            ctx.beginPath();
+            ctx.fillRect(x, y, width, height);
+            ctx.strokeRect(x, y, width, height);
+        };
+        this.handleZoomStart = (_, moreProps) => {
+            this.zoomHappening = false;
+            const { mouseXY: [, mouseY], currentItem, chartConfig: { yScale }, xAccessor, xScale, } = moreProps;
+            const x1y1 = [xScale(xAccessor(currentItem)), mouseY];
+            this.setState({
+                selected: true,
+                x1y1,
+                start: {
+                    item: currentItem,
+                    xValue: xAccessor(currentItem),
+                    yValue: yScale.invert(mouseY),
+                },
+            });
+        };
+        this.handleDrawSquare = (_, moreProps) => {
+            if (this.state.x1y1 == null) {
+                return;
+            }
+            this.zoomHappening = true;
+            const { mouseXY: [, mouseY], currentItem, chartConfig: { yScale }, xAccessor, xScale, } = moreProps;
+            const [x2, y2] = [xScale(xAccessor(currentItem)), mouseY];
+            const { x1y1: [x1, y1], } = this.state;
+            const x = Math.min(x1, x2);
+            const y = Math.min(y1, y2);
+            const height = Math.abs(y2 - y1);
+            const width = Math.abs(x2 - x1);
+            this.setState({
+                selected: true,
+                end: {
+                    item: currentItem,
+                    xValue: xAccessor(currentItem),
+                    yValue: yScale.invert(mouseY),
+                },
+                rect: {
+                    x,
+                    y,
+                    height,
+                    width,
+                },
+            });
+        };
+        this.handleZoomComplete = (_, moreProps) => {
+            if (this.zoomHappening) {
+                const { onBrush } = this.props;
+                if (onBrush !== undefined) {
+                    const { start, end } = this.state;
+                    onBrush({ start, end }, moreProps);
+                }
+            }
+            this.setState({
+                selected: false,
+                rect: null,
+            });
+        };
+        this.terminate = this.terminate.bind(this);
+        this.state = {
+            rect: null,
+        };
+    }
+    terminate() {
+        this.zoomHappening = false;
+        this.setState({
+            x1y1: null,
+            start: null,
+            end: null,
+            rect: null,
+        });
+    }
+    render() {
+        const { enabled } = this.props;
+        if (!enabled) {
+            return null;
+        }
+        return (React.createElement(GenericChartComponent, { disablePan: enabled, canvasToDraw: getMouseCanvas, canvasDraw: this.drawOnCanvas, onMouseDown: this.handleZoomStart, onMouseMove: this.handleDrawSquare, onClick: this.handleZoomComplete, drawOn: ["mousemove", "pan", "drag"] }));
+    }
+}
+Brush.defaultProps = {
+    type: "2D",
+    strokeStyle: "#000000",
+    fillStyle: "#3h3h3h",
+    strokeDashArray: "ShortDash",
+};
+//# sourceMappingURL=Brush.js.map

package/lib/Brush.js.map

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

package/lib/ClickCallback.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+interface ClickCallbackProps {
+    readonly disablePan: boolean;
+    readonly onMouseDown?: (e: React.MouseEvent<Element, MouseEvent>, moreProps: any) => void;
+    readonly onClick?: (e: React.MouseEvent<Element, MouseEvent>, moreProps: any) => void;
+    readonly onDoubleClick?: (e: React.MouseEvent<Element, MouseEvent>, moreProps: any) => void;
+    readonly onContextMenu?: (e: React.MouseEvent<Element, MouseEvent>, moreProps: any) => void;
+    readonly onMouseMove?: (e: React.MouseEvent<Element, MouseEvent>, moreProps: any) => void;
+    readonly onPan?: (e: React.MouseEvent<Element, MouseEvent>, moreProps: any) => void;
+    readonly onPanEnd?: (e: React.MouseEvent<Element, MouseEvent>, moreProps: any) => void;
+}
+export declare class ClickCallback extends React.Component<ClickCallbackProps> {
+    static defaultProps: {
+        disablePan: boolean;
+    };
+    render(): JSX.Element;
+}
+export {};

package/lib/ClickCallback.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { getMouseCanvas, GenericChartComponent } from "@tradingaction/core";
+export class ClickCallback extends React.Component {
+    render() {
+        const { onMouseDown, onClick, onDoubleClick, onContextMenu, onMouseMove, onPan, onPanEnd } = this.props;
+        return (React.createElement(GenericChartComponent, { onMouseDown: onMouseDown, onClick: onClick, onDoubleClick: onDoubleClick, onContextMenu: onContextMenu, onMouseMove: onMouseMove, onPan: onPan, onPanEnd: onPanEnd, canvasToDraw: getMouseCanvas, drawOn: ["mousemove", "pan"] }));
+    }
+}
+ClickCallback.defaultProps = {
+    disablePan: false,
+};
+//# sourceMappingURL=ClickCallback.js.map

package/lib/ClickCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickCallback.js","sourceRoot":"","sources":["../src/ClickCallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAa5E,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAA6B;IAK3D,MAAM;QACT,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAExG,OAAO,CACH,oBAAC,qBAAqB,IAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,cAAc,EAC5B,MAAM,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,GAC9B,CACL,CAAC;IACN,CAAC;;AApBa,0BAAY,GAAG;IACzB,UAAU,EAAE,KAAK;CACpB,CAAC"}

package/lib/DrawingObjectSelector.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+interface DrawingObjectSelectorProps {
+    readonly getInteractiveNodes: () => any[];
+    readonly onSelect?: (e: React.MouseEvent, interactives: any[], moreProps: any) => void;
+    readonly onDoubleClick?: (e: React.MouseEvent, item: any, moreProps: any) => void;
+    readonly drawingObjectMap: any;
+    readonly enabled: boolean;
+}
+export declare class DrawingObjectSelector extends React.Component<DrawingObjectSelectorProps> {
+    static defaultProps: {
+        enabled: boolean;
+    };
+    render(): JSX.Element;
+    private readonly getInteraction;
+    private readonly handleClick;
+    private readonly handleDoubleClick;
+}
+export {};

package/lib/DrawingObjectSelector.js

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { head, isDefined, mapObject, GenericComponent, getMouseCanvas } from "@tradingaction/core";
+import { getMorePropsForChart, getSelected } from "./utils";
+export class DrawingObjectSelector extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.getInteraction = (moreProps) => {
+            const { getInteractiveNodes, drawingObjectMap } = this.props;
+            const interactiveNodes = getInteractiveNodes();
+            const interactives = mapObject(interactiveNodes, (each) => {
+                const key = drawingObjectMap[each.type];
+                const valueArray = isDefined(key) ? each.node.props[key] : undefined;
+                const valuePresent = isDefined(valueArray) && Array.isArray(valueArray) && valueArray.length > 0;
+                if (valuePresent) {
+                    const morePropsForChart = getMorePropsForChart(moreProps, each.chartId);
+                    const objects = each.node.getSelectionState(morePropsForChart);
+                    return {
+                        type: each.type,
+                        chartId: each.chartId,
+                        objects,
+                    };
+                }
+                return {
+                    type: each.type,
+                    chartId: each.chartId,
+                    objects: [],
+                };
+            });
+            return interactives;
+        };
+        this.handleClick = (e, moreProps) => {
+            e.preventDefault();
+            const { onSelect } = this.props;
+            const { enabled } = this.props;
+            if (!enabled) {
+                return;
+            }
+            const interactives = this.getInteraction(moreProps);
+            if (onSelect !== undefined) {
+                onSelect(e, interactives, moreProps);
+            }
+        };
+        this.handleDoubleClick = (e, moreProps) => {
+            e.preventDefault();
+            const { onDoubleClick } = this.props;
+            const { enabled } = this.props;
+            if (!enabled) {
+                return;
+            }
+            const interactives = this.getInteraction(moreProps);
+            const allSelected = getSelected(interactives);
+            if (allSelected.length > 0) {
+                const selected = head(allSelected);
+                const item = {
+                    type: selected.type,
+                    chartId: selected.chartId,
+                    object: head(selected.objects),
+                };
+                const morePropsForChart = getMorePropsForChart(moreProps, selected.chartId);
+                if (onDoubleClick !== undefined) {
+                    onDoubleClick(e, item, morePropsForChart);
+                }
+            }
+        };
+    }
+    render() {
+        return (React.createElement(GenericComponent, { canvasToDraw: getMouseCanvas, onMouseDown: this.handleClick, onDoubleClick: this.handleDoubleClick, drawOn: ["mousemove", "pan", "drag"] }));
+    }
+}
+DrawingObjectSelector.defaultProps = {
+    enabled: true,
+};
+//# sourceMappingURL=DrawingObjectSelector.js.map

package/lib/DrawingObjectSelector.js.map

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

package/lib/EquidistantChannel.d.ts

@@ -0,0 +1,74 @@
+import * as React from "react";
+interface EquidistantChannelProps {
+    readonly enabled: boolean;
+    readonly onStart: () => void;
+    readonly onComplete: (e: React.MouseEvent, newChannels: any[], moreProps: any) => void;
+    readonly onSelect: (e: React.MouseEvent, interactives: any[], moreProps: any) => void;
+    readonly currentPositionStroke?: string;
+    readonly currentPositionStrokeWidth?: number;
+    readonly currentPositionOpacity?: number;
+    readonly currentPositionRadius?: number;
+    readonly hoverText: object;
+    readonly channels: any[];
+    readonly appearance: {
+        readonly stroke: string;
+        readonly strokeOpacity: number;
+        readonly strokeWidth: number;
+        readonly fill: string;
+        readonly fillOpacity: number;
+        readonly edgeStroke: string;
+        readonly edgeFill: string;
+        readonly edgeFill2: string;
+        readonly edgeStrokeWidth: number;
+        readonly r: number;
+    };
+}
+interface EquidistantChannelState {
+    current?: any;
+    override?: any;
+}
+export declare class EquidistantChannel extends React.Component<EquidistantChannelProps, EquidistantChannelState> {
+    static defaultProps: {
+        onSelect: () => void;
+        currentPositionStroke: string;
+        currentPositionOpacity: number;
+        currentPositionStrokeWidth: number;
+        currentPositionRadius: number;
+        hoverText: {
+            enable: boolean;
+            bgHeight: number;
+            bgWidth: number;
+            text: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+            bgFill: string;
+            bgOpacity: number;
+        };
+        channels: never[];
+        appearance: {
+            stroke: string;
+            strokeOpacity: number;
+            strokeWidth: number;
+            fill: string;
+            fillOpacity: number;
+            edgeStroke: string;
+            edgeFill: string;
+            edgeFill2: string;
+            edgeStrokeWidth: number;
+            r: number;
+        };
+    };
+    private terminate;
+    private saveNodeType;
+    private getSelectionState;
+    private mouseMoved;
+    constructor(props: EquidistantChannelProps);
+    render(): JSX.Element;
+    private readonly handleDragChannel;
+    private readonly handleDragChannelComplete;
+    private readonly handleStart;
+    private readonly handleEnd;
+    private readonly handleDrawChannel;
+}
+export {};

package/lib/EquidistantChannel.js

@@ -0,0 +1,149 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import { isDefined, isNotDefined, noop } from "@tradingaction/core";
+import { HoverTextNearMouse, MouseLocationIndicator } from "./components";
+import { getSlope, getYIntercept } from "./components/InteractiveStraightLine";
+import { isHoverForInteractiveType, saveNodeType, terminate } from "./utils";
+import { EachEquidistantChannel } from "./wrapper";
+export class EquidistantChannel extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleDragChannel = (_, index, newXYValue) => {
+            this.setState({
+                override: Object.assign({ index }, newXYValue),
+            });
+        };
+        this.handleDragChannelComplete = (e, moreProps) => {
+            const { override } = this.state;
+            const { channels } = this.props;
+            if (isDefined(override)) {
+                const { index } = override, rest = __rest(override, ["index"]);
+                const newChannels = channels.map((each, idx) => idx === index ? Object.assign(Object.assign(Object.assign({}, each), rest), { selected: true }) : each);
+                this.setState({
+                    override: null,
+                }, () => {
+                    const { onComplete } = this.props;
+                    if (onComplete !== undefined) {
+                        onComplete(e, newChannels, moreProps);
+                    }
+                });
+            }
+        };
+        this.handleStart = (_, xyValue) => {
+            const { current } = this.state;
+            if (isNotDefined(current) || isNotDefined(current.startXY)) {
+                this.mouseMoved = false;
+                this.setState({
+                    current: {
+                        startXY: xyValue,
+                        endXY: null,
+                    },
+                }, () => {
+                    const { onStart } = this.props;
+                    if (onStart !== undefined) {
+                        onStart();
+                    }
+                });
+            }
+        };
+        this.handleEnd = (e, _, moreProps) => {
+            const { current } = this.state;
+            const { channels, appearance } = this.props;
+            if (this.mouseMoved && isDefined(current) && isDefined(current.startXY)) {
+                if (isNotDefined(current.dy)) {
+                    this.setState({
+                        current: Object.assign(Object.assign({}, current), { dy: 0 }),
+                    });
+                }
+                else {
+                    const newChannels = [
+                        ...channels.map((d) => (Object.assign(Object.assign({}, d), { selected: false }))),
+                        Object.assign(Object.assign({}, current), { selected: true, appearance }),
+                    ];
+                    this.setState({
+                        current: null,
+                    }, () => {
+                        const { onComplete } = this.props;
+                        if (onComplete !== undefined) {
+                            onComplete(e, newChannels, moreProps);
+                        }
+                    });
+                }
+            }
+        };
+        this.handleDrawChannel = (_, xyValue) => {
+            const { current } = this.state;
+            if (isDefined(current) && isDefined(current.startXY)) {
+                this.mouseMoved = true;
+                if (isNotDefined(current.dy)) {
+                    this.setState({
+                        current: {
+                            startXY: current.startXY,
+                            endXY: xyValue,
+                        },
+                    });
+                }
+                else {
+                    const m = getSlope(current.startXY, current.endXY);
+                    const b = getYIntercept(m, current.endXY);
+                    // @ts-ignore
+                    const y = m * xyValue[0] + b;
+                    const dy = xyValue[1] - y;
+                    this.setState({
+                        current: Object.assign(Object.assign({}, current), { dy }),
+                    });
+                }
+            }
+        };
+        this.terminate = terminate.bind(this);
+        this.saveNodeType = saveNodeType.bind(this);
+        this.getSelectionState = isHoverForInteractiveType("channels").bind(this);
+        this.state = {};
+    }
+    render() {
+        const { appearance, channels, currentPositionOpacity, currentPositionRadius = EquidistantChannel.defaultProps.currentPositionRadius, currentPositionStroke, currentPositionStrokeWidth, enabled, hoverText, } = this.props;
+        const { current, override } = this.state;
+        const overrideIndex = isDefined(override) ? override.index : null;
+        const tempChannel = isDefined(current) && isDefined(current.endXY) ? (React.createElement(EachEquidistantChannel, Object.assign({ interactive: false }, current, { appearance: appearance, hoverText: hoverText }))) : null;
+        return (React.createElement("g", null,
+            channels.map((each, idx) => {
+                const eachAppearance = isDefined(each.appearance)
+                    ? Object.assign(Object.assign({}, appearance), each.appearance) : appearance;
+                return (React.createElement(EachEquidistantChannel, Object.assign({ key: idx, ref: this.saveNodeType(idx), index: idx, selected: each.selected, hoverText: hoverText }, (idx === overrideIndex ? override : each), { appearance: eachAppearance, onDrag: this.handleDragChannel, onDragComplete: this.handleDragChannelComplete })));
+            }),
+            tempChannel,
+            React.createElement(MouseLocationIndicator, { enabled: enabled, snap: false, r: currentPositionRadius, stroke: currentPositionStroke, opacity: currentPositionOpacity, strokeWidth: currentPositionStrokeWidth, onMouseDown: this.handleStart, onClick: this.handleEnd, onMouseMove: this.handleDrawChannel })));
+    }
+}
+EquidistantChannel.defaultProps = {
+    onSelect: noop,
+    currentPositionStroke: "#000000",
+    currentPositionOpacity: 1,
+    currentPositionStrokeWidth: 3,
+    currentPositionRadius: 4,
+    hoverText: Object.assign(Object.assign({}, HoverTextNearMouse.defaultProps), { enable: true, bgHeight: 18, bgWidth: 120, text: "Click to select object" }),
+    channels: [],
+    appearance: {
+        stroke: "#000000",
+        strokeOpacity: 1,
+        strokeWidth: 1,
+        fill: "#8AAFE2",
+        fillOpacity: 0.7,
+        edgeStroke: "#000000",
+        edgeFill: "#FFFFFF",
+        edgeFill2: "#250B98",
+        edgeStrokeWidth: 1,
+        r: 5,
+    },
+};
+//# sourceMappingURL=EquidistantChannel.js.map

package/lib/EquidistantChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquidistantChannel.js","sourceRoot":"","sources":["../src/EquidistantChannel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAgCnD,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAA2D;IAoCrG,YAAmB,KAA8B;QAC7C,KAAK,CAAC,KAAK,CAAC,CAAC;QAwEA,sBAAiB,GAAG,CAAC,CAAmB,EAAE,KAAU,EAAE,UAAe,EAAE,EAAE;YACtF,IAAI,CAAC,QAAQ,CAAC;gBACV,QAAQ,kBACJ,KAAK,IACF,UAAU,CAChB;aACJ,CAAC,CAAC;QACP,CAAC,CAAC;QAEe,8BAAyB,GAAG,CAAC,CAAmB,EAAE,SAAc,EAAE,EAAE;YACjF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEhC,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;gBACrB,MAAM,EAAE,KAAK,KAAc,QAAQ,EAAjB,IAAI,UAAK,QAAQ,EAA7B,SAAkB,CAAW,CAAC;gBACpC,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAC3C,GAAG,KAAK,KAAK,CAAC,CAAC,+CAAM,IAAI,GAAK,IAAI,KAAE,QAAQ,EAAE,IAAI,IAAG,CAAC,CAAC,IAAI,CAC9D,CAAC;gBAEF,IAAI,CAAC,QAAQ,CACT;oBACI,QAAQ,EAAE,IAAI;iBACjB,EACD,GAAG,EAAE;oBACD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;oBAClC,IAAI,UAAU,KAAK,SAAS,EAAE;wBAC1B,UAAU,CAAC,CAAC,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;qBACzC;gBACL,CAAC,CACJ,CAAC;aACL;QACL,CAAC,CAAC;QAEe,gBAAW,GAAG,CAAC,CAAmB,EAAE,OAAY,EAAE,EAAE;YACjE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE/B,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBACxD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,QAAQ,CACT;oBACI,OAAO,EAAE;wBACL,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,IAAI;qBACd;iBACJ,EACD,GAAG,EAAE;oBACD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;oBAC/B,IAAI,OAAO,KAAK,SAAS,EAAE;wBACvB,OAAO,EAAE,CAAC;qBACb;gBACL,CAAC,CACJ,CAAC;aACL;QACL,CAAC,CAAC;QAEe,cAAS,GAAG,CAAC,CAAmB,EAAE,CAAM,EAAE,SAAc,EAAE,EAAE;YACzE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE5C,IAAI,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBACrE,IAAI,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBAC1B,IAAI,CAAC,QAAQ,CAAC;wBACV,OAAO,kCACA,OAAO,KACV,EAAE,EAAE,CAAC,GACR;qBACJ,CAAC,CAAC;iBACN;qBAAM;oBACH,MAAM,WAAW,GAAG;wBAChB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,QAAQ,EAAE,KAAK,IAAG,CAAC;wDAE5C,OAAO,KACV,QAAQ,EAAE,IAAI,EACd,UAAU;qBAEjB,CAAC;oBAEF,IAAI,CAAC,QAAQ,CACT;wBACI,OAAO,EAAE,IAAI;qBAChB,EACD,GAAG,EAAE;wBACD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;wBAClC,IAAI,UAAU,KAAK,SAAS,EAAE;4BAC1B,UAAU,CAAC,CAAC,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;yBACzC;oBACL,CAAC,CACJ,CAAC;iBACL;aACJ;QACL,CAAC,CAAC;QAEe,sBAAiB,GAAG,CAAC,CAAmB,EAAE,OAAY,EAAE,EAAE;YACvE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE/B,IAAI,SAAS,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAClD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,IAAI,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBAC1B,IAAI,CAAC,QAAQ,CAAC;wBACV,OAAO,EAAE;4BACL,OAAO,EAAE,OAAO,CAAC,OAAO;4BACxB,KAAK,EAAE,OAAO;yBACjB;qBACJ,CAAC,CAAC;iBACN;qBAAM;oBACH,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;oBACnD,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;oBAE1C,aAAa;oBACb,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC7B,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;oBAE1B,IAAI,CAAC,QAAQ,CAAC;wBACV,OAAO,kCACA,OAAO,KACV,EAAE,GACL;qBACJ,CAAC,CAAC;iBACN;aACJ;QACL,CAAC,CAAC;QA9LE,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5C,IAAI,CAAC,iBAAiB,GAAG,yBAAyB,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1E,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAEM,MAAM;QACT,MAAM,EACF,UAAU,EACV,QAAQ,EACR,sBAAsB,EACtB,qBAAqB,GAAG,kBAAkB,CAAC,YAAY,CAAC,qBAAqB,EAC7E,qBAAqB,EACrB,0BAA0B,EAC1B,OAAO,EACP,SAAS,GACZ,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzC,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAElE,MAAM,WAAW,GACb,SAAS,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC7C,oBAAC,sBAAsB,kBACnB,WAAW,EAAE,KAAK,IACd,OAAO,IACX,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IACtB,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;QAEb,OAAO,CACH;YACK,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;gBACxB,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;oBAC7C,CAAC,iCAAM,UAAU,GAAK,IAAI,CAAC,UAAU,EACrC,CAAC,CAAC,UAAU,CAAC;gBAEjB,OAAO,CACH,oBAAC,sBAAsB,kBACnB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAC3B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,SAAS,IAChB,CAAC,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAC7C,UAAU,EAAE,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,cAAc,EAAE,IAAI,CAAC,yBAAyB,IAChD,CACL,CAAC;YACN,CAAC,CAAC;YACD,WAAW;YACZ,oBAAC,sBAAsB,IACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,EACX,CAAC,EAAE,qBAAqB,EACxB,MAAM,EAAE,qBAAqB,EAC7B,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAE,0BAA0B,EACvC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,WAAW,EAAE,IAAI,CAAC,iBAAiB,GACrC,CACF,CACP,CAAC;IACN,CAAC;;AA1Ga,+BAAY,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,qBAAqB,EAAE,SAAS;IAChC,sBAAsB,EAAE,CAAC;IACzB,0BAA0B,EAAE,CAAC;IAC7B,qBAAqB,EAAE,CAAC;IACxB,SAAS,kCACF,kBAAkB,CAAC,YAAY,KAClC,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,EAAE,EACZ,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,wBAAwB,GACjC;IACD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,CAAC;QACd,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,GAAG;QAChB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,eAAe,EAAE,CAAC;QAClB,CAAC,EAAE,CAAC;KACP;CACJ,CAAC"}

package/lib/FibonacciRetracement.d.ts

@@ -0,0 +1,89 @@
+import * as React from "react";
+interface FibonacciRetracementProps {
+    readonly enabled: boolean;
+    readonly width?: number;
+    readonly onStart?: (moreProps: any) => void;
+    readonly onComplete?: (e: React.MouseEvent, newRetracements: any[], moreProps: any) => void;
+    readonly onSelect?: (e: React.MouseEvent, interactives: any[], moreProps: any) => void;
+    readonly onDoubleClick?: (e: React.MouseEvent, moreProps: any, idx: any) => void;
+    readonly onClickWhenHover?: (e: React.MouseEvent, moreProps: any, idx: any) => void;
+    readonly onClickOutside?: (e: React.MouseEvent, moreProps: any, idx: any) => void;
+    readonly onConextMenu?: (e: React.MouseEvent, moreProps: any, idx: any) => void;
+    readonly type: "EXTEND" | "RAY" | "BOUND";
+    readonly hoverText: object;
+    readonly currentPositionStroke?: string;
+    readonly currentPositionStrokeWidth?: number;
+    readonly currentPositionOpacity?: number;
+    readonly currentPositionRadius?: number;
+    readonly retracements: any[];
+    readonly appearance: {
+        readonly strokeStyle: string;
+        readonly strokeWidth: number;
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly fontFill: string;
+        readonly edgeStroke: string;
+        readonly edgeFill: string;
+        readonly nsEdgeFill: string;
+        readonly edgeStrokeWidth: number;
+        readonly r: number;
+    };
+}
+interface FibonacciRetracementState {
+    current?: any;
+    override?: any;
+}
+export declare class FibonacciRetracement extends React.Component<FibonacciRetracementProps, FibonacciRetracementState> {
+    static defaultProps: {
+        enabled: boolean;
+        type: string;
+        retracements: never[];
+        onSelect: () => void;
+        hoverText: {
+            enable: boolean;
+            bgHeight: string;
+            bgWidth: string;
+            text: string;
+            selectedText: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+            bgFill: string;
+            bgOpacity: number;
+        };
+        currentPositionStroke: string;
+        currentPositionOpacity: number;
+        currentPositionStrokeWidth: number;
+        currentPositionRadius: number;
+        appearance: {
+            strokeStyle: string;
+            strokeWidth: number;
+            fontFamily: string;
+            fontSize: number;
+            fontFill: string;
+            edgeStroke: string;
+            edgeFill: string;
+            nsEdgeFill: string;
+            edgeStrokeWidth: number;
+            r: number;
+        };
+    };
+    private getSelectionState;
+    private mouseMoved;
+    private saveNodeType;
+    private terminate;
+    constructor(props: FibonacciRetracementProps);
+    render(): JSX.Element;
+    private readonly handleDoubleClick;
+    private readonly handleClickWhenHover;
+    private readonly handleClickOutside;
+    private readonly handleConextMenu;
+    private readonly handleDrawRetracement;
+    private readonly handleEdge1Drag;
+    private readonly handleDrag;
+    private readonly handleEdge2Drag;
+    private readonly handleDragComplete;
+    private readonly handleStart;
+    private readonly handleEnd;
+}
+export {};