@tradingaction/interactive 2.0.13

package/lib/utils.d.ts

@@ -0,0 +1,7 @@
+export declare function getValueFromOverride(override: any, index: any, key: any, defaultValue: any): any;
+export declare function terminate(): void;
+export declare function saveNodeType(type: any): (node: any) => void;
+export declare function isHoverForInteractiveType(interactiveType: any): (moreProps: any) => any;
+export declare function isHover(moreProps: any): any;
+export declare function getMorePropsForChart(moreProps: any, chartId: any): any;
+export declare function getSelected(interactives: any): any;

package/lib/utils.js

@@ -0,0 +1,84 @@
+import { isDefined, isNotDefined, mapObject } from "@tradingaction/core";
+export function getValueFromOverride(override, index, key, defaultValue) {
+    if (isDefined(override) && override.index === index) {
+        return override[key];
+    }
+    return defaultValue;
+}
+export function terminate() {
+    // @ts-ignore
+    this.setState({
+        current: null,
+        override: null,
+    });
+}
+export function saveNodeType(type) {
+    return (node) => {
+        // @ts-ignore
+        if (isDefined(this.nodes)) {
+            // @ts-ignore
+            if (isNotDefined(node) && isDefined(this.nodes[type])) {
+                // @ts-ignore
+                delete this.nodes[type];
+            }
+            else {
+                // @ts-ignore
+                this.nodes[type] = node;
+            }
+        }
+        else {
+            // @ts-ignore
+            this.nodes = [];
+        }
+    };
+}
+export function isHoverForInteractiveType(interactiveType) {
+    return function (moreProps) {
+        // this has to be function as it is bound to this
+        // @ts-ignore
+        if (isDefined(this.nodes)) {
+            // @ts-ignore
+            const selecedNodes = this.nodes.map((node) => node.isHover(moreProps));
+            // @ts-ignore
+            const interactive = this.props[interactiveType].map((t, idx) => {
+                return Object.assign(Object.assign({}, t), { selected: selecedNodes[idx] });
+            });
+            return interactive;
+        }
+    };
+}
+export function isHover(moreProps) {
+    // @ts-ignore
+    const hovering = mapObject(this.nodes, (node) => node.isHover(moreProps)).reduce((a, b) => {
+        return a || b;
+    });
+    return hovering;
+}
+function getMouseXY(moreProps, [ox, oy]) {
+    if (Array.isArray(moreProps.mouseXY)) {
+        const { mouseXY: [x, y], } = moreProps;
+        const mouseXY = [x - ox, y - oy];
+        return mouseXY;
+    }
+    return moreProps.mouseXY;
+}
+export function getMorePropsForChart(moreProps, chartId) {
+    const { chartConfig: chartConfigList } = moreProps;
+    const chartConfig = chartConfigList.find((each) => each.id === chartId);
+    const { origin } = chartConfig;
+    const mouseXY = getMouseXY(moreProps, origin);
+    return Object.assign(Object.assign({}, moreProps), { chartConfig,
+        mouseXY });
+}
+export function getSelected(interactives) {
+    const selected = interactives
+        .map((each) => {
+        const objects = each.objects.filter((obj) => {
+            return obj.selected;
+        });
+        return Object.assign(Object.assign({}, each), { objects });
+    })
+        .filter((each) => each.objects.length > 0);
+    return selected;
+}
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

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

package/lib/wrapper/EachEquidistantChannel.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+export interface EachEquidistantChannelProps {
+    readonly startXY: number[];
+    readonly endXY: number[];
+    readonly dy?: number;
+    readonly interactive: boolean;
+    readonly selected: boolean;
+    readonly hoverText: {
+        readonly enable: boolean;
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly fill: string;
+        readonly text: string;
+        readonly bgFill: string;
+        readonly bgOpacity: number;
+        readonly bgWidth: number | string;
+        readonly bgHeight: number | string;
+    };
+    readonly appearance: {
+        readonly stroke: string;
+        readonly strokeWidth: number;
+        readonly fill: string;
+        readonly edgeStroke: string;
+        readonly edgeFill: string;
+        readonly edgeFill2: string;
+        readonly edgeStrokeWidth: number;
+        readonly r: number;
+    };
+    readonly index?: number;
+    readonly onDrag: (e: React.MouseEvent, index: number | undefined, moreProps: any) => void;
+    readonly onDragComplete?: (e: React.MouseEvent, moreProps: any) => void;
+}
+interface EachEquidistantChannelState {
+    hover: boolean;
+}
+export declare class EachEquidistantChannel extends React.Component<EachEquidistantChannelProps, EachEquidistantChannelState> {
+    static defaultProps: {
+        yDisplayFormat: (d: number) => string;
+        interactive: boolean;
+        selected: boolean;
+        onDrag: () => void;
+        hoverText: {
+            enable: boolean;
+        };
+    };
+    private dragStart;
+    private isHover;
+    private saveNodeType;
+    constructor(props: EachEquidistantChannelProps);
+    render(): JSX.Element;
+    private readonly getEdgeCircle;
+    private readonly handleChannelHeightChange;
+    private readonly handleLine1Edge2Drag;
+    private readonly handleLine1Edge1Drag;
+    private readonly handleChannelDrag;
+    private readonly handleDragStart;
+    private readonly handleHover;
+}
+export {};

package/lib/wrapper/EachEquidistantChannel.js

@@ -0,0 +1,172 @@
+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, noop } from "@tradingaction/core";
+import { getXValue } from "@tradingaction/core/lib/utils/ChartDataUtil";
+import { isHover, saveNodeType } from "../utils";
+import { ChannelWithArea, ClickableCircle, HoverTextNearMouse } from "../components";
+export class EachEquidistantChannel extends React.Component {
+    constructor(props) {
+        super(props);
+        this.getEdgeCircle = ({ xy, dragHandler, cursor, fill, edge }) => {
+            const { hover } = this.state;
+            const { appearance } = this.props;
+            const { edgeStroke, edgeStrokeWidth, r } = appearance;
+            const { selected } = this.props;
+            const { onDragComplete } = this.props;
+            return (React.createElement(ClickableCircle, { ref: this.saveNodeType(edge), show: selected || hover, cx: xy[0], cy: xy[1], r: r, fillStyle: fill, strokeStyle: edgeStroke, strokeWidth: edgeStrokeWidth, interactiveCursorClass: cursor, onDragStart: this.handleDragStart, onDrag: dragHandler, onDragComplete: onDragComplete }));
+        };
+        this.handleChannelHeightChange = (e, moreProps) => {
+            const { index, onDrag } = this.props;
+            const { startXY, endXY } = this.dragStart;
+            const { chartConfig: { yScale }, } = moreProps;
+            const { startPos, mouseXY } = moreProps;
+            const y2 = yScale(endXY[1]);
+            const dy = startPos[1] - mouseXY[1];
+            const newY2Value = yScale.invert(y2 - dy);
+            const newDy = newY2Value - endXY[1] + this.dragStart.dy;
+            onDrag(e, index, {
+                startXY,
+                endXY,
+                dy: newDy,
+            });
+        };
+        this.handleLine1Edge2Drag = (e, moreProps) => {
+            const { index, onDrag } = this.props;
+            const { endXY } = this.dragStart;
+            const { startPos, mouseXY, xAccessor, xScale, fullData, chartConfig: { yScale }, } = moreProps;
+            const dx = startPos[0] - mouseXY[0];
+            const dy = startPos[1] - mouseXY[1];
+            const x1 = xScale(endXY[0]);
+            const y1 = yScale(endXY[1]);
+            const newX1Value = getXValue(xScale, xAccessor, [x1 - dx, y1 - dy], fullData);
+            const newY1Value = yScale.invert(y1 - dy);
+            onDrag(e, index, {
+                startXY: this.dragStart.startXY,
+                endXY: [newX1Value, newY1Value],
+                dy: this.dragStart.dy,
+            });
+        };
+        this.handleLine1Edge1Drag = (e, moreProps) => {
+            const { index, onDrag } = this.props;
+            const { startXY } = this.dragStart;
+            const { startPos, mouseXY, xAccessor, xScale, fullData, chartConfig: { yScale }, } = moreProps;
+            const dx = startPos[0] - mouseXY[0];
+            const dy = startPos[1] - mouseXY[1];
+            const x1 = xScale(startXY[0]);
+            const y1 = yScale(startXY[1]);
+            const newX1Value = getXValue(xScale, xAccessor, [x1 - dx, y1 - dy], fullData);
+            const newY1Value = yScale.invert(y1 - dy);
+            onDrag(e, index, {
+                startXY: [newX1Value, newY1Value],
+                endXY: this.dragStart.endXY,
+                dy: this.dragStart.dy,
+            });
+        };
+        this.handleChannelDrag = (e, moreProps) => {
+            const { index, onDrag } = this.props;
+            const { startXY, endXY } = this.dragStart;
+            const { xScale, chartConfig: { yScale }, xAccessor, fullData, } = moreProps;
+            const { startPos, mouseXY } = moreProps;
+            const x1 = xScale(startXY[0]);
+            const y1 = yScale(startXY[1]);
+            const x2 = xScale(endXY[0]);
+            const y2 = yScale(endXY[1]);
+            const dx = startPos[0] - mouseXY[0];
+            const dy = startPos[1] - mouseXY[1];
+            const newX1Value = getXValue(xScale, xAccessor, [x1 - dx, y1 - dy], fullData);
+            const newY1Value = yScale.invert(y1 - dy);
+            const newX2Value = getXValue(xScale, xAccessor, [x2 - dx, y2 - dy], fullData);
+            const newY2Value = yScale.invert(y2 - dy);
+            onDrag(e, index, {
+                startXY: [newX1Value, newY1Value],
+                endXY: [newX2Value, newY2Value],
+                dy: this.dragStart.dy,
+            });
+        };
+        this.handleDragStart = () => {
+            const { startXY, endXY, dy } = this.props;
+            this.dragStart = {
+                startXY,
+                endXY,
+                dy,
+            };
+        };
+        this.handleHover = (_, moreProps) => {
+            if (this.state.hover !== moreProps.hovering) {
+                this.setState({
+                    hover: moreProps.hovering,
+                });
+            }
+        };
+        this.isHover = isHover.bind(this);
+        this.saveNodeType = saveNodeType.bind(this);
+        this.state = {
+            hover: false,
+        };
+    }
+    render() {
+        const { startXY, endXY, dy } = this.props;
+        const { interactive, hoverText, appearance } = this.props;
+        const { edgeFill, edgeFill2, stroke, strokeWidth, fill } = appearance;
+        const { selected } = this.props;
+        const { onDragComplete } = this.props;
+        const { hover } = this.state;
+        const { enable: hoverTextEnabled } = hoverText, restHoverTextProps = __rest(hoverText, ["enable"]);
+        const hoverHandler = interactive ? { onHover: this.handleHover, onUnHover: this.handleHover } : {};
+        const line1Edge = isDefined(startXY) && isDefined(endXY) ? (React.createElement("g", null,
+            this.getEdgeCircle({
+                xy: startXY,
+                dragHandler: this.handleLine1Edge1Drag,
+                cursor: "react-financial-charts-move-cursor",
+                fill: edgeFill,
+                edge: "line1edge1",
+            }),
+            this.getEdgeCircle({
+                xy: endXY,
+                dragHandler: this.handleLine1Edge2Drag,
+                cursor: "react-financial-charts-move-cursor",
+                fill: edgeFill,
+                edge: "line1edge2",
+            }))) : null;
+        const line2Edge = dy !== undefined && isDefined(dy) ? (React.createElement("g", null,
+            this.getEdgeCircle({
+                xy: [startXY[0], startXY[1] + dy],
+                dragHandler: this.handleChannelHeightChange,
+                cursor: "react-financial-charts-ns-resize-cursor",
+                fill: edgeFill2,
+                edge: "line2edge1",
+            }),
+            this.getEdgeCircle({
+                xy: [endXY[0], endXY[1] + dy],
+                dragHandler: this.handleChannelHeightChange,
+                cursor: "react-financial-charts-ns-resize-cursor",
+                fill: edgeFill2,
+                edge: "line2edge2",
+            }))) : null;
+        return (React.createElement("g", null,
+            React.createElement(ChannelWithArea, Object.assign({ ref: this.saveNodeType("channel"), selected: selected || hover }, hoverHandler, { startXY: startXY, endXY: endXY, dy: dy, strokeStyle: stroke, strokeWidth: hover || selected ? strokeWidth + 1 : strokeWidth, fillStyle: fill, interactiveCursorClass: "react-financial-charts-move-cursor", onDragStart: this.handleDragStart, onDrag: this.handleChannelDrag, onDragComplete: onDragComplete })),
+            line1Edge,
+            line2Edge,
+            React.createElement(HoverTextNearMouse, Object.assign({ show: hoverTextEnabled && hover && !selected }, restHoverTextProps))));
+    }
+}
+EachEquidistantChannel.defaultProps = {
+    yDisplayFormat: (d) => d.toFixed(2),
+    interactive: true,
+    selected: false,
+    onDrag: noop,
+    hoverText: {
+        enable: false,
+    },
+};
+//# sourceMappingURL=EachEquidistantChannel.js.map

package/lib/wrapper/EachEquidistantChannel.js.map

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

package/lib/wrapper/EachFibRetracement.d.ts

@@ -0,0 +1,81 @@
+import * as React from "react";
+export interface EachFibRetracementProps {
+    readonly x1: any;
+    readonly x2: any;
+    readonly y1: number;
+    readonly y2: number;
+    readonly yDisplayFormat: (value: number) => string;
+    readonly type: string;
+    readonly selected: boolean;
+    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;
+    };
+    readonly interactive: boolean;
+    readonly hoverText: {
+        readonly enable: boolean;
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly fill: string;
+        readonly text: string;
+        readonly bgFill: string;
+        readonly bgOpacity: number;
+        readonly bgWidth: number | string;
+        readonly bgHeight: number | string;
+        readonly selectedText: string;
+    };
+    readonly index?: number;
+    readonly onDrag: (e: React.MouseEvent, index: number | undefined, moreProps: any) => void;
+    readonly onDragComplete?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDoubleClick?: (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;
+}
+interface EachFibRetracementState {
+    hover: boolean;
+}
+export declare class EachFibRetracement extends React.Component<EachFibRetracementProps, EachFibRetracementState> {
+    static defaultProps: {
+        yDisplayFormat: (d: number) => string;
+        interactive: boolean;
+        appearance: {
+            strokeStyle: string;
+            strokeWidth: number;
+            fontFamily: string;
+            fontSize: number;
+            fontFill: string;
+            edgeStroke: string;
+            edgeFill: string;
+            nsEdgeFill: string;
+            edgeStrokeWidth: number;
+            r: number;
+        };
+        selected: boolean;
+        onDrag: () => void;
+        hoverText: {
+            enable: boolean;
+        };
+    };
+    private dragStart;
+    private isHover;
+    private saveNodeType;
+    constructor(props: EachFibRetracementProps);
+    render(): JSX.Element;
+    private readonly handleEdge2Drag;
+    private readonly handleEdge1Drag;
+    private readonly handleLineNSResizeBottom;
+    private readonly handleLineNSResizeTop;
+    private readonly handleLineMove;
+    private readonly handleLineDragStart;
+    private readonly handleHover;
+}
+export {};

package/lib/wrapper/EachFibRetracement.js

@@ -0,0 +1,202 @@
+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 { head, last, noop } from "@tradingaction/core";
+import { getXValue } from "@tradingaction/core/lib/utils/ChartDataUtil";
+import { isHover, saveNodeType } from "../utils";
+import { ClickableCircle, HoverTextNearMouse, InteractiveStraightLine, generateLine, Text } from "../components";
+import { getNewXY } from "./EachTrendLine";
+export class EachFibRetracement extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleEdge2Drag = (e, moreProps) => {
+            const { index, onDrag, x1, y1, y2 } = this.props;
+            const [x2] = getNewXY(moreProps);
+            onDrag(e, index, {
+                x1,
+                y1,
+                x2,
+                y2,
+            });
+        };
+        this.handleEdge1Drag = (e, moreProps) => {
+            const { index, onDrag, y1, x2, y2 } = this.props;
+            const [x1] = getNewXY(moreProps);
+            onDrag(e, index, {
+                x1,
+                y1,
+                x2,
+                y2,
+            });
+        };
+        this.handleLineNSResizeBottom = (e, moreProps) => {
+            const { index, onDrag, x1, y1, x2 } = this.props;
+            const [, y2] = getNewXY(moreProps);
+            onDrag(e, index, {
+                x1,
+                y1,
+                x2,
+                y2,
+            });
+        };
+        this.handleLineNSResizeTop = (e, moreProps) => {
+            const { index, onDrag, x1, x2, y2 } = this.props;
+            const [, y1] = getNewXY(moreProps);
+            onDrag(e, index, {
+                x1,
+                y1,
+                x2,
+                y2,
+            });
+        };
+        this.handleLineMove = (e, moreProps) => {
+            const { index, onDrag } = this.props;
+            const { x1: x1Value, y1: y1Value, x2: x2Value, y2: y2Value } = this.dragStart;
+            const { xScale, chartConfig: { yScale }, xAccessor, fullData, } = moreProps;
+            const { startPos, mouseXY } = moreProps;
+            const x1 = xScale(x1Value);
+            const y1 = yScale(y1Value);
+            const x2 = xScale(x2Value);
+            const y2 = yScale(y2Value);
+            const dx = startPos[0] - mouseXY[0];
+            const dy = startPos[1] - mouseXY[1];
+            const newX1Value = getXValue(xScale, xAccessor, [x1 - dx, y1 - dy], fullData);
+            const newY1Value = yScale.invert(y1 - dy);
+            const newX2Value = getXValue(xScale, xAccessor, [x2 - dx, y2 - dy], fullData);
+            const newY2Value = yScale.invert(y2 - dy);
+            onDrag(e, index, {
+                x1: newX1Value,
+                y1: newY1Value,
+                x2: newX2Value,
+                y2: newY2Value,
+            });
+        };
+        this.handleLineDragStart = () => {
+            const { x1, y1, x2, y2 } = this.props;
+            this.dragStart = {
+                x1,
+                y1,
+                x2,
+                y2,
+            };
+        };
+        this.handleHover = (_, moreProps) => {
+            if (this.state.hover !== moreProps.hovering) {
+                this.setState({
+                    hover: moreProps.hovering,
+                });
+            }
+        };
+        this.isHover = isHover.bind(this);
+        this.saveNodeType = saveNodeType.bind(this);
+        this.state = {
+            hover: false,
+        };
+    }
+    render() {
+        const { x1, x2, y1, y2 } = this.props;
+        const { interactive, yDisplayFormat, type, appearance } = this.props;
+        const { strokeStyle, strokeWidth } = appearance;
+        const { fontFamily, fontSize, fontFill } = appearance;
+        const { edgeStroke, edgeFill, nsEdgeFill, edgeStrokeWidth, r } = appearance;
+        const { hoverText, selected } = this.props;
+        const { hover } = this.state;
+        const { onDragComplete } = this.props;
+        const lines = helper({ x1, x2, y1, y2 });
+        const { enable: hoverTextEnabled, selectedText: hoverTextSelected, text: hoverTextUnselected } = hoverText, restHoverTextProps = __rest(hoverText, ["enable", "selectedText", "text"]);
+        const lineType = type === "EXTEND" ? "XLINE" : type === "BOUND" ? "LINE" : "RAY";
+        const dir = head(lines).y1 > last(lines).y1 ? 3 : -1.3;
+        return (React.createElement("g", null,
+            lines.map((line, j) => {
+                const text = `${yDisplayFormat(line.y)} (${line.percent.toFixed(2)}%)`;
+                const xyProvider = ({ xScale, chartConfig }) => {
+                    const { yScale } = chartConfig;
+                    const { x1: lineX1, y1: lineY1, x2: lineX2, } = generateLine({
+                        type: lineType,
+                        start: [line.x1, line.y],
+                        end: [line.x2, line.y],
+                        xScale,
+                        yScale,
+                    });
+                    const x = xScale(Math.min(lineX1, lineX2)) + 10;
+                    const y = yScale(lineY1) + dir * 4;
+                    return [x, y];
+                };
+                const firstOrLast = j === 0 || j === lines.length - 1;
+                const interactiveCursorClass = firstOrLast
+                    ? "react-financial-charts-ns-resize-cursor"
+                    : "react-financial-charts-move-cursor";
+                const interactiveEdgeCursorClass = firstOrLast
+                    ? "react-financial-charts-ns-resize-cursor"
+                    : "react-financial-charts-ew-resize-cursor";
+                const dragHandler = j === 0
+                    ? this.handleLineNSResizeTop
+                    : j === lines.length - 1
+                        ? this.handleLineNSResizeBottom
+                        : this.handleLineMove;
+                const edge1DragHandler = j === 0
+                    ? this.handleLineNSResizeTop
+                    : j === lines.length - 1
+                        ? this.handleLineNSResizeBottom
+                        : this.handleEdge1Drag;
+                const edge2DragHandler = j === 0
+                    ? this.handleLineNSResizeTop
+                    : j === lines.length - 1
+                        ? this.handleLineNSResizeBottom
+                        : this.handleEdge2Drag;
+                const hoverHandler = interactive ? { onHover: this.handleHover, onUnHover: this.handleHover } : {};
+                return (React.createElement("g", { key: j },
+                    React.createElement(InteractiveStraightLine, Object.assign({ onContextMenuWhenHover: (e, moreProps) => {
+                            if (this.props.onContextMenuWhenHover && j == 0) {
+                                console.log(this.props);
+                                this.props.onContextMenuWhenHover(e, moreProps);
+                            }
+                        }, onDoubleClickWhenHover: this.props.onDoubleClick, onClickOutside: this.props.onClickOutside, onClickWhenHover: this.props.onClickWhenHover, ref: this.saveNodeType(`line_${j}`), selected: selected || hover }, hoverHandler, { type: lineType, x1Value: line.x1, y1Value: line.y, x2Value: line.x2, y2Value: line.y, strokeStyle: strokeStyle, strokeWidth: hover || selected ? strokeWidth + 1 : strokeWidth, interactiveCursorClass: interactiveCursorClass, onDragStart: this.handleLineDragStart, onDrag: dragHandler, onDragComplete: onDragComplete })),
+                    React.createElement(Text, { selected: selected, xyProvider: xyProvider, fontFamily: fontFamily, fontSize: fontSize, fillStyle: fontFill }, text),
+                    React.createElement(ClickableCircle, { ref: this.saveNodeType("edge1"), show: selected || hover, cx: line.x1, cy: line.y, r: r, fillStyle: firstOrLast ? nsEdgeFill : edgeFill, strokeStyle: edgeStroke, strokeWidth: edgeStrokeWidth, interactiveCursorClass: interactiveEdgeCursorClass, onDrag: edge1DragHandler, onDragComplete: onDragComplete }),
+                    React.createElement(ClickableCircle, { ref: this.saveNodeType("edge2"), show: selected || hover, cx: line.x2, cy: line.y, r: r, fillStyle: firstOrLast ? nsEdgeFill : edgeFill, strokeStyle: edgeStroke, strokeWidth: edgeStrokeWidth, interactiveCursorClass: interactiveEdgeCursorClass, onDrag: edge2DragHandler, onDragComplete: onDragComplete })));
+            }),
+            React.createElement(HoverTextNearMouse, Object.assign({ show: hoverTextEnabled && hover }, restHoverTextProps, { text: selected ? hoverTextSelected : hoverTextUnselected }))));
+    }
+}
+EachFibRetracement.defaultProps = {
+    yDisplayFormat: (d) => d.toFixed(2),
+    interactive: true,
+    appearance: {
+        strokeStyle: "#000000",
+        strokeWidth: 1,
+        fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+        fontSize: 10,
+        fontFill: "#000000",
+        edgeStroke: "#000000",
+        edgeFill: "#FFFFFF",
+        nsEdgeFill: "#000000",
+        edgeStrokeWidth: 1,
+        r: 5,
+    },
+    selected: false,
+    onDrag: noop,
+    hoverText: {
+        enable: false,
+    },
+};
+function helper({ x1, y1, x2, y2 }) {
+    const dy = y2 - y1;
+    const retracements = [100, 61.8, 50, 38.2, 23.6, 0].map((each) => ({
+        percent: each,
+        x1,
+        x2,
+        y: y2 - (each / 100) * dy,
+    }));
+    return retracements;
+}
+//# sourceMappingURL=EachFibRetracement.js.map

package/lib/wrapper/EachFibRetracement.js.map

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