@tradingaction/interactive 2.0.13

package/lib/InteractiveYCoordinate.d.ts

@@ -0,0 +1,122 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+interface InteractiveYCoordinateProps {
+    readonly onChoosePosition: (e: React.MouseEvent, newText: any, moreProps: any) => void;
+    readonly onDragComplete: (e: React.MouseEvent, newAlertList: any[], moreProps: any, draggedAlert: any) => void;
+    readonly onSelect?: (e: React.MouseEvent, interactives: any[], moreProps: any) => void;
+    readonly onDelete?: (e: React.MouseEvent, yCoordinate: any, moreProps: any) => void;
+    readonly defaultPriceCoordinate: {
+        readonly bgFill: string;
+        readonly bgOpacity: number;
+        readonly stroke: string;
+        readonly strokeDasharray: strokeDashTypes;
+        readonly strokeOpacity: number;
+        readonly strokeWidth: number;
+        readonly textFill: string;
+        readonly fontFamily: string;
+        readonly fontWeight: string;
+        readonly fontStyle: string;
+        readonly fontSize: number;
+        readonly text: string;
+        readonly textBox: {
+            readonly height: number;
+            readonly left: number;
+            readonly padding: {
+                left: number;
+                right: number;
+            };
+            readonly closeIcon: {
+                padding: {
+                    left: number;
+                    right: number;
+                };
+                width: number;
+            };
+        };
+        readonly edge: {
+            readonly stroke: string;
+            readonly strokeOpacity: number;
+            readonly strokeWidth: number;
+            readonly fill: string;
+            readonly fillOpacity: number;
+        };
+    };
+    readonly hoverText: object;
+    readonly yCoordinateList: any[];
+    readonly enabled: boolean;
+}
+interface InteractiveYCoordinateState {
+    current?: any;
+    override?: any;
+}
+export declare class InteractiveYCoordinate extends React.Component<InteractiveYCoordinateProps, InteractiveYCoordinateState> {
+    static defaultProps: {
+        defaultPriceCoordinate: {
+            bgFill: string;
+            bgOpacity: number;
+            stroke: string;
+            strokeOpacity: number;
+            strokeDasharray: string;
+            strokeWidth: number;
+            textFill: string;
+            fontFamily: string;
+            fontSize: number;
+            fontStyle: string;
+            fontWeight: string;
+            text: string;
+            textBox: {
+                height: number;
+                left: number;
+                padding: {
+                    left: number;
+                    right: number;
+                };
+                closeIcon: {
+                    padding: {
+                        left: number;
+                        right: number;
+                    };
+                    width: number;
+                };
+            };
+            edge: {
+                stroke: string;
+                strokeOpacity: number;
+                strokeWidth: number;
+                fill: string;
+                fillOpacity: number;
+                orient: string;
+                at: string;
+                arrowWidth: number;
+                dx: number;
+                rectWidth: number;
+                rectHeight: number;
+                displayFormat: (n: number | {
+                    valueOf(): number;
+                }) => string;
+            };
+        };
+        hoverText: {
+            enable: boolean;
+            bgHeight: number;
+            bgWidth: number;
+            text: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+            bgFill: string;
+            bgOpacity: number;
+        };
+        yCoordinateList: never[];
+    };
+    static contextType: React.Context<import("@tradingaction/core").ChartContextType>;
+    private getSelectionState;
+    private saveNodeType;
+    private terminate;
+    constructor(props: InteractiveYCoordinateProps);
+    render(): JSX.Element;
+    private readonly handleDelete;
+    private readonly handleDragComplete;
+    private readonly handleDrag;
+}
+export {};

package/lib/InteractiveYCoordinate.js

@@ -0,0 +1,100 @@
+import { format } from "d3-format";
+import * as React from "react";
+import { ChartContext, isDefined } from "@tradingaction/core";
+import { HoverTextNearMouse } from "./components";
+import { getValueFromOverride, isHoverForInteractiveType, saveNodeType, terminate } from "./utils";
+import { EachInteractiveYCoordinate } from "./wrapper";
+export class InteractiveYCoordinate extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleDelete = (e, index, moreProps) => {
+            const { onDelete, yCoordinateList } = this.props;
+            if (onDelete !== undefined && index !== undefined) {
+                onDelete(e, yCoordinateList[index], moreProps);
+            }
+        };
+        this.handleDragComplete = (e, moreProps) => {
+            const { override } = this.state;
+            if (isDefined(override)) {
+                const { yCoordinateList } = this.props;
+                const newAlertList = yCoordinateList.map((each, idx) => {
+                    const selected = idx === override.index;
+                    return selected
+                        ? Object.assign(Object.assign({}, each), { yValue: override.yValue, selected }) : Object.assign(Object.assign({}, each), { selected });
+                });
+                const draggedAlert = newAlertList[override.index];
+                this.setState({
+                    override: null,
+                }, () => {
+                    const { onDragComplete } = this.props;
+                    if (onDragComplete !== undefined) {
+                        onDragComplete(e, newAlertList, moreProps, draggedAlert);
+                    }
+                });
+            }
+        };
+        this.handleDrag = (_, index, yValue) => {
+            this.setState({
+                override: {
+                    index,
+                    yValue,
+                },
+            });
+        };
+        this.terminate = terminate.bind(this);
+        this.saveNodeType = saveNodeType.bind(this);
+        this.getSelectionState = isHoverForInteractiveType("yCoordinateList").bind(this);
+        this.state = {};
+    }
+    render() {
+        const { yCoordinateList } = this.props;
+        const { override } = this.state;
+        return (React.createElement("g", null, yCoordinateList.map((each, idx) => {
+            const props = each;
+            return (React.createElement(EachInteractiveYCoordinate, Object.assign({ key: each.id, ref: this.saveNodeType(idx), index: idx }, props, { selected: each.selected, yValue: getValueFromOverride(override, idx, "yValue", each.yValue), onDelete: this.handleDelete, onDrag: this.handleDrag, onDragComplete: this.handleDragComplete, edgeInteractiveCursor: "react-financial-charts-move-cursor" })));
+        })));
+    }
+}
+InteractiveYCoordinate.defaultProps = {
+    defaultPriceCoordinate: {
+        bgFill: "#FFFFFF",
+        bgOpacity: 1,
+        stroke: "#6574CD",
+        strokeOpacity: 1,
+        strokeDasharray: "ShortDash2",
+        strokeWidth: 1,
+        textFill: "#6574CD",
+        fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+        fontSize: 12,
+        fontStyle: "normal",
+        fontWeight: "normal",
+        text: "Alert",
+        textBox: {
+            height: 24,
+            left: 20,
+            padding: { left: 10, right: 5 },
+            closeIcon: {
+                padding: { left: 5, right: 8 },
+                width: 8,
+            },
+        },
+        edge: {
+            stroke: "#6574CD",
+            strokeOpacity: 1,
+            strokeWidth: 1,
+            fill: "#FFFFFF",
+            fillOpacity: 1,
+            orient: "right",
+            at: "right",
+            arrowWidth: 10,
+            dx: 0,
+            rectWidth: 50,
+            rectHeight: 20,
+            displayFormat: format(".2f"),
+        },
+    },
+    hoverText: Object.assign(Object.assign({}, HoverTextNearMouse.defaultProps), { enable: true, bgHeight: 18, bgWidth: 175, text: "Click and drag the edge circles" }),
+    yCoordinateList: [],
+};
+InteractiveYCoordinate.contextType = ChartContext;
+//# sourceMappingURL=InteractiveYCoordinate.js.map

package/lib/InteractiveYCoordinate.js.map

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

package/lib/StandardDeviationChannel.d.ts

@@ -0,0 +1,74 @@
+import * as React from "react";
+export interface StandardDeviationChannelProps {
+    readonly enabled: boolean;
+    readonly snapTo?: (datum: any) => number;
+    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 appearance: {
+        readonly stroke?: string;
+        readonly strokeOpacity?: number;
+        readonly strokeWidth?: number;
+        readonly fill?: string;
+        readonly fillOpacity?: number;
+        readonly edgeStrokeWidth?: number;
+        readonly edgeStroke?: string;
+        readonly edgeFill?: string;
+        readonly r?: number;
+    };
+    readonly hoverText: object;
+    readonly channels: any[];
+}
+interface StandardDeviationChannelState {
+    current?: any;
+    override?: any;
+}
+export declare class StandardDeviationChannel extends React.Component<StandardDeviationChannelProps, StandardDeviationChannelState> {
+    static defaultProps: {
+        snapTo: (d: any) => any;
+        appearance: {
+            stroke: string;
+            fillOpacity: number;
+            strokeOpacity: number;
+            strokeWidth: number;
+            fill: string;
+            edgeStrokeWidth: number;
+            edgeStroke: string;
+            edgeFill: string;
+            r: number;
+        };
+        currentPositionStroke: string;
+        currentPositionOpacity: number;
+        currentPositionStrokeWidth: number;
+        currentPositionRadius: number;
+        hoverText: {
+            enable: boolean;
+            bgHeight: string;
+            bgWidth: string;
+            text: string;
+            selectedText: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+            bgFill: string;
+            bgOpacity: number;
+        };
+        channels: never[];
+    };
+    private getSelectionState;
+    private mouseMoved;
+    private saveNodeType;
+    private terminate;
+    constructor(props: StandardDeviationChannelProps);
+    render(): JSX.Element;
+    private handleEnd;
+    private readonly handleStart;
+    private readonly handleDrawLine;
+    private readonly handleDragLineComplete;
+    private readonly handleDragLine;
+}
+export {};

package/lib/StandardDeviationChannel.js

@@ -0,0 +1,125 @@
+import * as React from "react";
+import { isDefined, isNotDefined } from "@tradingaction/core";
+import { getValueFromOverride, isHoverForInteractiveType, saveNodeType, terminate } from "./utils";
+import { HoverTextNearMouse, MouseLocationIndicator } from "./components";
+import { EachLinearRegressionChannel } from "./wrapper";
+export class StandardDeviationChannel extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleEnd = (e, xyValue, moreProps) => {
+            const { current } = this.state;
+            const { appearance, channels } = this.props;
+            if (this.mouseMoved && isDefined(current) && isDefined(current.start)) {
+                const newChannels = [
+                    ...channels.map((d) => (Object.assign(Object.assign({}, d), { selected: false }))),
+                    {
+                        start: current.start,
+                        end: xyValue,
+                        selected: true,
+                        appearance,
+                    },
+                ];
+                this.setState({
+                    current: null,
+                }, () => {
+                    const { onComplete } = this.props;
+                    if (onComplete !== undefined) {
+                        onComplete(e, newChannels, moreProps);
+                    }
+                });
+            }
+        };
+        this.handleStart = (_, xyValue) => {
+            const { current } = this.state;
+            if (isNotDefined(current) || isNotDefined(current.start)) {
+                this.mouseMoved = false;
+                this.setState({
+                    current: {
+                        start: xyValue,
+                        end: null,
+                    },
+                }, () => {
+                    const { onStart } = this.props;
+                    if (onStart !== undefined) {
+                        onStart();
+                    }
+                });
+            }
+        };
+        this.handleDrawLine = (e, xyValue) => {
+            const { current } = this.state;
+            if (isDefined(current) && isDefined(current.start)) {
+                this.mouseMoved = true;
+                this.setState({
+                    current: {
+                        start: current.start,
+                        end: xyValue,
+                    },
+                });
+            }
+        };
+        this.handleDragLineComplete = (e, moreProps) => {
+            const { override } = this.state;
+            const { channels } = this.props;
+            if (isDefined(override)) {
+                const newChannels = channels.map((each, idx) => idx === override.index
+                    ? Object.assign(Object.assign({}, each), { start: [override.x1Value, override.y1Value], end: [override.x2Value, override.y2Value], selected: true }) : each);
+                this.setState({
+                    override: null,
+                }, () => {
+                    const { onComplete } = this.props;
+                    if (onComplete !== undefined) {
+                        onComplete(e, newChannels, moreProps);
+                    }
+                });
+            }
+        };
+        this.handleDragLine = (e, index, newXYValue) => {
+            this.setState({
+                override: Object.assign({ index }, newXYValue),
+            });
+        };
+        this.terminate = terminate.bind(this);
+        this.saveNodeType = saveNodeType.bind(this);
+        this.getSelectionState = isHoverForInteractiveType("channels").bind(this);
+        this.state = {};
+    }
+    render() {
+        const { appearance, channels, currentPositionOpacity, currentPositionRadius = StandardDeviationChannel.defaultProps.currentPositionRadius, currentPositionStroke, currentPositionStrokeWidth, enabled, hoverText, snapTo, } = this.props;
+        const { current, override } = this.state;
+        const eachDefaultAppearance = Object.assign(Object.assign({}, StandardDeviationChannel.defaultProps.appearance), appearance);
+        const hoverTextDefault = Object.assign(Object.assign({}, StandardDeviationChannel.defaultProps.hoverText), hoverText);
+        const tempLine = isDefined(current) && isDefined(current.end) ? (React.createElement(EachLinearRegressionChannel, { interactive: false, x1Value: current.start[0], x2Value: current.end[0], appearance: eachDefaultAppearance, hoverText: hoverTextDefault })) : null;
+        return (React.createElement("g", null,
+            channels.map((each, idx) => {
+                const eachAppearance = isDefined(each.appearance)
+                    ? Object.assign(Object.assign({}, eachDefaultAppearance), each.appearance) : eachDefaultAppearance;
+                const eachHoverText = isDefined(each.hoverText)
+                    ? Object.assign(Object.assign({}, hoverTextDefault), each.hoverText) : hoverTextDefault;
+                return (React.createElement(EachLinearRegressionChannel, { key: idx, ref: this.saveNodeType(idx), index: idx, selected: each.selected, x1Value: getValueFromOverride(override, idx, "x1Value", each.start[0]), x2Value: getValueFromOverride(override, idx, "x2Value", each.end[0]), appearance: eachAppearance, snapTo: snapTo, hoverText: eachHoverText, onDrag: this.handleDragLine, onDragComplete: this.handleDragLineComplete, edgeInteractiveCursor: "react-financial-charts-move-cursor" }));
+            }),
+            tempLine,
+            React.createElement(MouseLocationIndicator, { enabled: enabled, snap: true, snapTo: snapTo, r: currentPositionRadius, stroke: currentPositionStroke, opacity: currentPositionOpacity, strokeWidth: currentPositionStrokeWidth, onMouseDown: this.handleStart, onClick: this.handleEnd, onMouseMove: this.handleDrawLine })));
+    }
+}
+StandardDeviationChannel.defaultProps = {
+    snapTo: (d) => d.close,
+    appearance: {
+        stroke: "#000000",
+        fillOpacity: 0.2,
+        strokeOpacity: 1,
+        strokeWidth: 1,
+        fill: "#8AAFE2",
+        edgeStrokeWidth: 2,
+        edgeStroke: "#000000",
+        edgeFill: "#FFFFFF",
+        r: 5,
+    },
+    currentPositionStroke: "#000000",
+    currentPositionOpacity: 1,
+    currentPositionStrokeWidth: 3,
+    currentPositionRadius: 4,
+    hoverText: Object.assign(Object.assign({}, HoverTextNearMouse.defaultProps), { enable: true, bgHeight: "auto", bgWidth: "auto", text: "Click and drag the edge circles", selectedText: "" }),
+    channels: [],
+};
+//# sourceMappingURL=StandardDeviationChannel.js.map

package/lib/StandardDeviationChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardDeviationChannel.js","sourceRoot":"","sources":["../src/StandardDeviationChannel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACnG,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,WAAW,CAAC;AAgCxD,MAAM,OAAO,wBAAyB,SAAQ,KAAK,CAAC,SAGnD;IAqCG,YAAmB,KAAoC;QACnD,KAAK,CAAC,KAAK,CAAC,CAAC;QAyFT,cAAS,GAAG,CAAC,CAAmB,EAAE,OAAY,EAAE,SAAc,EAAE,EAAE;YACtE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE5C,IAAI,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACnE,MAAM,WAAW,GAAG;oBAChB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,QAAQ,EAAE,KAAK,IAAG,CAAC;oBACnD;wBACI,KAAK,EAAE,OAAO,CAAC,KAAK;wBACpB,GAAG,EAAE,OAAO;wBACZ,QAAQ,EAAE,IAAI;wBACd,UAAU;qBACb;iBACJ,CAAC;gBAEF,IAAI,CAAC,QAAQ,CACT;oBACI,OAAO,EAAE,IAAI;iBAChB,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,KAAK,CAAC,EAAE;gBACtD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBAExB,IAAI,CAAC,QAAQ,CACT;oBACI,OAAO,EAAE;wBACL,KAAK,EAAE,OAAO;wBACd,GAAG,EAAE,IAAI;qBACZ;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,mBAAc,GAAG,CAAC,CAAmB,EAAE,OAAY,EAAE,EAAE;YACpE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE/B,IAAI,SAAS,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAChD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,IAAI,CAAC,QAAQ,CAAC;oBACV,OAAO,EAAE;wBACL,KAAK,EAAE,OAAO,CAAC,KAAK;wBACpB,GAAG,EAAE,OAAO;qBACf;iBACJ,CAAC,CAAC;aACN;QACL,CAAC,CAAC;QAEe,2BAAsB,GAAG,CAAC,CAAmB,EAAE,SAAc,EAAE,EAAE;YAC9E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;gBACrB,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAC3C,GAAG,KAAK,QAAQ,CAAC,KAAK;oBAClB,CAAC,iCACQ,IAAI,KACP,KAAK,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,EAC3C,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,EACzC,QAAQ,EAAE,IAAI,IAEpB,CAAC,CAAC,IAAI,CACb,CAAC;gBACF,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,mBAAc,GAAG,CAAC,CAAmB,EAAE,KAAyB,EAAE,UAAe,EAAE,EAAE;YAClG,IAAI,CAAC,QAAQ,CAAC;gBACV,QAAQ,kBACJ,KAAK,IACF,UAAU,CAChB;aACJ,CAAC,CAAC;QACP,CAAC,CAAC;QA5LE,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,wBAAwB,CAAC,YAAY,CAAC,qBAAqB,EACnF,qBAAqB,EACrB,0BAA0B,EAC1B,OAAO,EACP,SAAS,EACT,MAAM,GACT,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzC,MAAM,qBAAqB,mCACpB,wBAAwB,CAAC,YAAY,CAAC,UAAU,GAChD,UAAU,CAChB,CAAC;QAEF,MAAM,gBAAgB,mCACf,wBAAwB,CAAC,YAAY,CAAC,SAAS,GAC/C,SAAS,CACf,CAAC;QAEF,MAAM,QAAQ,GACV,SAAS,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3C,oBAAC,2BAA2B,IACxB,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EACzB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EACvB,UAAU,EAAE,qBAAqB,EACjC,SAAS,EAAE,gBAAgB,GAC7B,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,qBAAqB,GAAK,IAAI,CAAC,UAAU,EAChD,CAAC,CAAC,qBAAqB,CAAC;gBAE5B,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC3C,CAAC,iCAAM,gBAAgB,GAAK,IAAI,CAAC,SAAS,EAC1C,CAAC,CAAC,gBAAgB,CAAC;gBAEvB,OAAO,CACH,oBAAC,2BAA2B,IACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAC3B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,oBAAoB,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACtE,OAAO,EAAE,oBAAoB,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACpE,UAAU,EAAE,cAAc,EAC1B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,IAAI,CAAC,cAAc,EAC3B,cAAc,EAAE,IAAI,CAAC,sBAAsB,EAC3C,qBAAqB,EAAC,oCAAoC,GAC5D,CACL,CAAC;YACN,CAAC,CAAC;YACD,QAAQ;YACT,oBAAC,sBAAsB,IACnB,OAAO,EAAE,OAAO,EAChB,IAAI,QACJ,MAAM,EAAE,MAAM,EACd,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,cAAc,GAClC,CACF,CACP,CAAC;IACN,CAAC;;AA5Ha,qCAAY,GAAG;IACzB,MAAM,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;IAC3B,UAAU,EAAE;QACR,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,GAAG;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,CAAC;QACd,IAAI,EAAE,SAAS;QACf,eAAe,EAAE,CAAC;QAClB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,CAAC,EAAE,CAAC;KACP;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,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,iCAAiC,EACvC,YAAY,EAAE,EAAE,GACnB;IACD,QAAQ,EAAE,EAAE;CACf,CAAC"}

package/lib/TrendLine.d.ts

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+export interface TrendLineProps {
+    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;
+    };
+}
+interface TrendLineState {
+    current?: any;
+    override?: any;
+    trends?: any;
+}
+export declare class TrendLine extends React.Component<TrendLineProps, TrendLineState> {
+    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;
+            r: number;
+        };
+    };
+    private getSelectionState;
+    private mouseMoved;
+    private saveNodeType;
+    private terminate;
+    constructor(props: TrendLineProps);
+    render(): JSX.Element;
+    private readonly handleEnd;
+    private readonly handleStart;
+    private readonly handleDrawLine;
+    private readonly handleDragLineComplete;
+    private readonly handleDragLine;
+}
+export {};

package/lib/TrendLine.js

@@ -0,0 +1,128 @@
+import * as React from "react";
+import { isDefined, isNotDefined, noop } from "@tradingaction/core";
+import { getValueFromOverride, isHoverForInteractiveType, saveNodeType, terminate } from "./utils";
+import { HoverTextNearMouse, MouseLocationIndicator, InteractiveStraightLine } from "./components";
+import { EachTrendLine } from "./wrapper";
+export class TrendLine 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.start)) {
+                const newTrends = [
+                    ...trends.map((d) => (Object.assign(Object.assign({}, d), { selected: false }))),
+                    {
+                        start: current.start,
+                        end: 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.start)) {
+                this.mouseMoved = false;
+                this.setState({
+                    current: {
+                        start: xyValue,
+                        end: null,
+                    },
+                }, () => {
+                    const { onStart } = this.props;
+                    if (onStart !== undefined) {
+                        onStart(e, moreProps);
+                    }
+                });
+            }
+        };
+        this.handleDrawLine = (_, xyValue) => {
+            const { current } = this.state;
+            if (isDefined(current) && isDefined(current.start)) {
+                this.mouseMoved = true;
+                this.setState({
+                    current: {
+                        start: current.start,
+                        end: 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), { start: [override.x1Value, override.y1Value], end: [override.x2Value, override.y2Value], 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 = TrendLine.defaultProps.currentPositionRadius, currentPositionStroke, currentPositionStrokeWidth, enabled, hoverText, shouldDisableSnap, snap, snapTo, trends, type, } = this.props;
+        const { current, override } = this.state;
+        const tempLine = isDefined(current) && isDefined(current.end) ? (React.createElement(InteractiveStraightLine, { type: type, x1Value: current.start[0], y1Value: current.start[1], x2Value: current.end[0], y2Value: current.end[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({}, TrendLine.defaultProps.hoverText), hoverText);
+                return (React.createElement(EachTrendLine, { key: idx, ref: this.saveNodeType(idx), index: idx, type: each.type, selected: each.selected, x1Value: getValueFromOverride(override, idx, "x1Value", each.start[0]), y1Value: getValueFromOverride(override, idx, "y1Value", each.start[1]), x2Value: getValueFromOverride(override, idx, "x2Value", each.end[0]), y2Value: getValueFromOverride(override, idx, "y2Value", each.end[1]), strokeStyle: eachAppearance.strokeStyle, strokeWidth: eachAppearance.strokeWidth, strokeOpacity: eachAppearance.strokeOpacity, strokeDasharray: eachAppearance.strokeDasharray, edgeStroke: eachAppearance.edgeStroke, edgeFill: eachAppearance.edgeFill, edgeStrokeWidth: eachAppearance.edgeStrokeWidth, 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 })));
+    }
+}
+TrendLine.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",
+        r: 6,
+    },
+};
+//# sourceMappingURL=TrendLine.js.map