@tradingaction/interactive 2.0.13

package/lib/wrapper/EachGannFan.d.ts

@@ -0,0 +1,81 @@
+import * as React from "react";
+export interface EachGannFanProps {
+    readonly startXY: number[];
+    readonly endXY: number[];
+    readonly dy?: number;
+    readonly interactive: boolean;
+    readonly selected: boolean;
+    readonly appearance: {
+        readonly stroke: string;
+        readonly strokeWidth: number;
+        readonly edgeStroke: string;
+        readonly edgeFill: string;
+        readonly edgeStrokeWidth: number;
+        readonly r: number;
+        readonly fill: Array<string>;
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly fontFill: string;
+    };
+    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;
+}
+interface EachGannFanState {
+    hover: boolean;
+}
+export declare class EachGannFan extends React.Component<EachGannFanProps, EachGannFanState> {
+    static defaultProps: {
+        yDisplayFormat: (d: number) => string;
+        interactive: boolean;
+        selected: boolean;
+        appearance: {
+            stroke: string;
+            strokeWidth: number;
+            edgeStroke: string;
+            edgeFill: string;
+            edgeStrokeWidth: number;
+            r: number;
+            fill: string[];
+            fontFamily: string;
+            fontSize: number;
+            fontFill: string;
+        };
+        onDrag: () => void;
+        hoverText: {
+            enable: boolean;
+            bgHeight: number;
+            bgWidth: number;
+            text: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+            bgFill: string;
+            bgOpacity: number;
+        };
+    };
+    private isHover;
+    private dragStart;
+    private saveNodeType;
+    constructor(props: EachGannFanProps);
+    render(): JSX.Element;
+    private readonly getEdgeCircle;
+    private readonly handleLine1Edge2Drag;
+    private readonly handleLine1Edge1Drag;
+    private readonly handleFanDrag;
+    private readonly handleDragStart;
+    private readonly handleHover;
+}
+export {};

package/lib/wrapper/EachGannFan.js

@@ -0,0 +1,161 @@
+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 { ClickableCircle, GannFan, HoverTextNearMouse } from "../components";
+export class EachGannFan extends React.Component {
+    constructor(props) {
+        super(props);
+        this.getEdgeCircle = ({ xy, dragHandler, cursor, fill, edge }) => {
+            const { hover } = this.state;
+            const { selected, appearance } = this.props;
+            const { edgeStroke, edgeStrokeWidth, r } = appearance;
+            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.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.handleFanDrag = (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);
+            // const newDy = newY2Value - endXY[1] + this.dragStart.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 } = this.props;
+        const { interactive, appearance } = this.props;
+        const { edgeFill, stroke, strokeWidth, fill } = appearance;
+        const { fontFamily, fontSize, fontFill } = appearance;
+        const { hoverText, 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: "edge1",
+            }),
+            this.getEdgeCircle({
+                xy: endXY,
+                dragHandler: this.handleLine1Edge2Drag,
+                cursor: "react-financial-charts-move-cursor",
+                fill: edgeFill,
+                edge: "edge2",
+            }))) : null;
+        return (React.createElement("g", null,
+            React.createElement(GannFan, Object.assign({ ref: this.saveNodeType("fan"), selected: hover || selected }, hoverHandler, { startXY: startXY, endXY: endXY, strokeStyle: stroke, strokeWidth: hover || selected ? strokeWidth + 1 : strokeWidth, fillStyle: fill, fontFamily: fontFamily, fontSize: fontSize, fontFill: fontFill, interactiveCursorClass: "react-financial-charts-move-cursor", onDragStart: this.handleDragStart, onDrag: this.handleFanDrag, onDragComplete: onDragComplete })),
+            line1Edge,
+            React.createElement(HoverTextNearMouse, Object.assign({ show: hoverTextEnabled && hover && !selected }, restHoverTextProps))));
+    }
+}
+EachGannFan.defaultProps = {
+    yDisplayFormat: (d) => d.toFixed(2),
+    interactive: true,
+    selected: false,
+    appearance: {
+        stroke: "#000000",
+        strokeWidth: 1,
+        edgeStroke: "#000000",
+        edgeFill: "#FFFFFF",
+        edgeStrokeWidth: 1,
+        r: 5,
+        fill: [
+            "rgba(31, 119, 180, 0.2)",
+            "rgba(255, 126, 14, 0.2)",
+            "rgba(44, 160, 44, 0.2)",
+            "rgba(214, 39, 39, 0.2)",
+            "rgba(148, 103, 189, 0.2)",
+            "rgba(140, 86, 75, 0.2)",
+            "rgba(227, 119, 194, 0.2)",
+            "rgba(127, 127, 127, 0.2)",
+        ],
+        fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+        fontSize: 10,
+        fontFill: "#000000",
+    },
+    onDrag: noop,
+    hoverText: Object.assign(Object.assign({}, HoverTextNearMouse.defaultProps), { enable: true, bgHeight: 18, bgWidth: 120, text: "Click to select object" }),
+};
+//# sourceMappingURL=EachGannFan.js.map

package/lib/wrapper/EachGannFan.js.map

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

package/lib/wrapper/EachInteractiveYCoordinate.d.ts

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+export interface EachInteractiveYCoordinateProps {
+    readonly index?: number;
+    readonly draggable: boolean;
+    readonly yValue: number;
+    readonly bgFill: string;
+    readonly stroke: string;
+    readonly strokeWidth: number;
+    readonly strokeDasharray: strokeDashTypes;
+    readonly textFill: string;
+    readonly fontWeight: string;
+    readonly fontFamily: string;
+    readonly fontStyle: string;
+    readonly fontSize: number;
+    readonly text: string;
+    readonly selected: boolean;
+    readonly edge: object;
+    readonly textBox: {
+        readonly closeIcon: any;
+        readonly left: number;
+        readonly height: number;
+        readonly padding: any;
+    };
+    readonly onDrag?: (e: React.MouseEvent, index: number | undefined, moreProps: any) => void;
+    readonly onDragComplete?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDelete?: (e: React.MouseEvent, index: number | undefined, moreProps: any) => void;
+}
+interface EachInteractiveYCoordinateState {
+    closeIconHover: boolean;
+    hover: boolean;
+}
+export declare class EachInteractiveYCoordinate extends React.Component<EachInteractiveYCoordinateProps, EachInteractiveYCoordinateState> {
+    static defaultProps: {
+        strokeWidth: number;
+        selected: boolean;
+        draggable: boolean;
+    };
+    private dragStartPosition;
+    private isHover;
+    private saveNodeType;
+    constructor(props: EachInteractiveYCoordinateProps);
+    render(): JSX.Element;
+    private readonly handleCloseIconHover;
+    private readonly handleHover;
+    private readonly handleDelete;
+    private readonly handleDrag;
+    private readonly handleDragStart;
+}
+export {};

package/lib/wrapper/EachInteractiveYCoordinate.js

@@ -0,0 +1,80 @@
+import * as React from "react";
+import { isHover, saveNodeType } from "../utils";
+import { ClickableShape, InteractiveYCoordinate } from "../components";
+export class EachInteractiveYCoordinate extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleCloseIconHover = (_, moreProps) => {
+            if (this.state.closeIconHover !== moreProps.hovering) {
+                this.setState({
+                    closeIconHover: moreProps.hovering,
+                });
+            }
+        };
+        this.handleHover = (e, moreProps) => {
+            if (this.state.hover !== moreProps.hovering) {
+                this.setState({
+                    hover: moreProps.hovering,
+                    closeIconHover: moreProps.hovering ? this.state.closeIconHover : false,
+                });
+            }
+        };
+        this.handleDelete = (e, moreProps) => {
+            const { index, onDelete } = this.props;
+            if (onDelete !== undefined) {
+                onDelete(e, index, moreProps);
+            }
+        };
+        this.handleDrag = (e, moreProps) => {
+            const { index, onDrag } = this.props;
+            if (onDrag === undefined) {
+                return;
+            }
+            const { mouseXY: [, mouseY], chartConfig: { yScale }, } = moreProps;
+            const { dy } = this.dragStartPosition;
+            const newYValue = yScale.invert(mouseY - dy);
+            onDrag(e, index, newYValue);
+        };
+        this.handleDragStart = (_, moreProps) => {
+            const { yValue } = this.props;
+            const { mouseXY } = moreProps;
+            const { chartConfig: { yScale }, } = moreProps;
+            const [, mouseY] = mouseXY;
+            const dy = mouseY - yScale(yValue);
+            this.dragStartPosition = {
+                yValue,
+                dy,
+            };
+        };
+        this.isHover = isHover.bind(this);
+        this.saveNodeType = saveNodeType.bind(this);
+        this.state = {
+            hover: false,
+            closeIconHover: false,
+        };
+    }
+    render() {
+        const { yValue, bgFill, textFill, fontFamily, fontSize, fontWeight, fontStyle, text, selected, onDragComplete, stroke, strokeDasharray, strokeWidth, edge, textBox, draggable, } = this.props;
+        const { hover, closeIconHover } = this.state;
+        const hoverHandler = {
+            onHover: this.handleHover,
+            onUnHover: this.handleHover,
+        };
+        const dragProps = draggable
+            ? {
+                onDragStart: this.handleDragStart,
+                onDrag: this.handleDrag,
+                onDragComplete,
+            }
+            : {};
+        return (React.createElement("g", null,
+            React.createElement(InteractiveYCoordinate, Object.assign({ ref: this.saveNodeType("priceCoordinate"), selected: selected && !closeIconHover, hovering: hover || closeIconHover, interactiveCursorClass: "react-financial-charts-move-cursor" }, hoverHandler, dragProps, { yValue: yValue, bgFillStyle: bgFill, textFill: textFill, fontFamily: fontFamily, fontStyle: fontStyle, fontWeight: fontWeight, fontSize: fontSize, strokeStyle: stroke, strokeDasharray: strokeDasharray, strokeWidth: strokeWidth, text: text, textBox: textBox, edge: edge })),
+            React.createElement(ClickableShape, { show: true, hovering: closeIconHover, text: text, yValue: yValue, fontFamily: fontFamily, fontStyle: fontStyle, fontWeight: fontWeight, fontSize: fontSize, textBox: textBox, strokeStyle: stroke, onHover: this.handleCloseIconHover, onUnHover: this.handleCloseIconHover, onClick: this.handleDelete })));
+    }
+}
+EachInteractiveYCoordinate.defaultProps = {
+    strokeWidth: 1,
+    selected: false,
+    draggable: false,
+};
+//# sourceMappingURL=EachInteractiveYCoordinate.js.map

package/lib/wrapper/EachInteractiveYCoordinate.js.map

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

package/lib/wrapper/EachLinearRegressionChannel.d.ts

@@ -0,0 +1,75 @@
+import * as React from "react";
+export interface EachLinearRegressionChannelProps {
+    readonly defaultClassName?: string;
+    readonly x1Value: any;
+    readonly x2Value: any;
+    readonly index?: number;
+    readonly appearance: {
+        readonly stroke: string;
+        readonly strokeWidth: number;
+        readonly fill: string;
+        readonly edgeStrokeWidth: number;
+        readonly edgeStroke: string;
+        readonly edgeFill: string;
+        readonly r: number;
+    };
+    readonly edgeInteractiveCursor?: string;
+    readonly onDrag?: (e: React.MouseEvent, index: number | undefined, x1y1: {
+        x1Value: any;
+        x2Value: any;
+    }) => void;
+    readonly onDragComplete?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly snapTo?: (datum: any) => 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 selectedText: string;
+    };
+}
+interface EachLinearRegressionChannelState {
+    hover: boolean;
+}
+export declare class EachLinearRegressionChannel extends React.Component<EachLinearRegressionChannelProps, EachLinearRegressionChannelState> {
+    static defaultProps: {
+        appearance: {
+            stroke: string;
+            strokeWidth: number;
+            fill: string;
+            edgeStrokeWidth: number;
+            edgeStroke: string;
+            edgeFill: string;
+            r: number;
+        };
+        interactive: boolean;
+        selected: boolean;
+        hoverText: {
+            enable: boolean;
+            bgHeight: number;
+            bgWidth: number;
+            text: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+            bgFill: string;
+            bgOpacity: number;
+        };
+    };
+    private isHover;
+    private saveNodeType;
+    constructor(props: EachLinearRegressionChannelProps);
+    render(): JSX.Element;
+    private readonly handleHover;
+    private readonly handleEdge2Drag;
+    private readonly handleEdge1Drag;
+}
+export declare function getNewXY(moreProps: any, snapTo: any): any[];
+export {};

package/lib/wrapper/EachLinearRegressionChannel.js

@@ -0,0 +1,89 @@
+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 { getCurrentItem } from "@tradingaction/core/lib/utils/ChartDataUtil";
+import * as React from "react";
+import { isHover, saveNodeType } from "../utils";
+import { HoverTextNearMouse, ClickableCircle } from "../components";
+import { edge1Provider, edge2Provider, LinearRegressionChannelWithArea, } from "../components/LinearRegressionChannelWithArea";
+export class EachLinearRegressionChannel extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleHover = (_, moreProps) => {
+            if (this.state.hover !== moreProps.hovering) {
+                this.setState({
+                    hover: moreProps.hovering,
+                });
+            }
+        };
+        this.handleEdge2Drag = (e, moreProps) => {
+            const { index, onDrag, snapTo, x1Value } = this.props;
+            if (onDrag === undefined) {
+                return;
+            }
+            const [x2Value] = getNewXY(moreProps, snapTo);
+            onDrag(e, index, {
+                x1Value,
+                x2Value,
+            });
+        };
+        this.handleEdge1Drag = (e, moreProps) => {
+            const { index, onDrag, snapTo, x2Value } = this.props;
+            if (onDrag === undefined) {
+                return;
+            }
+            const [x1Value] = getNewXY(moreProps, snapTo);
+            onDrag(e, index, {
+                x1Value,
+                x2Value,
+            });
+        };
+        this.isHover = isHover.bind(this);
+        this.saveNodeType = saveNodeType.bind(this);
+        this.state = {
+            hover: false,
+        };
+    }
+    render() {
+        const { x1Value, x2Value, appearance, edgeInteractiveCursor, hoverText, interactive, selected, onDragComplete, } = this.props;
+        const { stroke, strokeWidth, fill, r, edgeStrokeWidth, edgeFill, edgeStroke } = appearance;
+        const { hover } = this.state;
+        const hoverHandler = interactive ? { onHover: this.handleHover, onUnHover: this.handleHover } : {};
+        const { enable: hoverTextEnabled, selectedText: hoverTextSelected, text: hoverTextUnselected } = hoverText, restHoverTextProps = __rest(hoverText, ["enable", "selectedText", "text"]);
+        return (React.createElement("g", null,
+            React.createElement(LinearRegressionChannelWithArea, Object.assign({ ref: this.saveNodeType("area"), selected: selected || hover }, hoverHandler, { x1Value: x1Value, x2Value: x2Value, fillStyle: fill, strokeStyle: stroke, strokeWidth: hover || selected ? strokeWidth + 1 : strokeWidth })),
+            React.createElement(ClickableCircle, { ref: this.saveNodeType("edge1"), show: selected || hover, xyProvider: edge1Provider(this.props), r: r, fillStyle: edgeFill, strokeStyle: edgeStroke, strokeWidth: edgeStrokeWidth, interactiveCursorClass: edgeInteractiveCursor, onDrag: this.handleEdge1Drag, onDragComplete: onDragComplete }),
+            React.createElement(ClickableCircle, { ref: this.saveNodeType("edge2"), show: selected || hover, xyProvider: edge2Provider(this.props), r: r, fillStyle: edgeFill, strokeStyle: edgeStroke, strokeWidth: edgeStrokeWidth, interactiveCursorClass: edgeInteractiveCursor, onDrag: this.handleEdge2Drag, onDragComplete: onDragComplete }),
+            React.createElement(HoverTextNearMouse, Object.assign({ show: hoverTextEnabled && hover }, restHoverTextProps, { text: selected ? hoverTextSelected : hoverTextUnselected }))));
+    }
+}
+EachLinearRegressionChannel.defaultProps = {
+    appearance: {
+        stroke: "#000000",
+        strokeWidth: 1,
+        fill: "rgba(138, 175, 226, 0.7)",
+        edgeStrokeWidth: 2,
+        edgeStroke: "#000000",
+        edgeFill: "#FFFFFF",
+        r: 5,
+    },
+    interactive: true,
+    selected: false,
+    hoverText: Object.assign(Object.assign({}, HoverTextNearMouse.defaultProps), { enable: true, bgHeight: 18, bgWidth: 175, text: "Click and drag the edge circles" }),
+};
+export function getNewXY(moreProps, snapTo) {
+    const { xScale, xAccessor, plotData, mouseXY } = moreProps;
+    const currentItem = getCurrentItem(xScale, xAccessor, mouseXY, plotData);
+    const x = xAccessor(currentItem);
+    const y = snapTo(currentItem);
+    return [x, y];
+}
+//# sourceMappingURL=EachLinearRegressionChannel.js.map

package/lib/wrapper/EachLinearRegressionChannel.js.map

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

package/lib/wrapper/EachText.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+export interface EachTextProps {
+    readonly index?: number;
+    readonly position?: any;
+    readonly bgFill: string;
+    readonly bgStrokeWidth: number;
+    readonly bgStroke?: string;
+    readonly textFill: string;
+    readonly fontWeight: string;
+    readonly fontFamily: string;
+    readonly fontStyle: string;
+    readonly fontSize: number;
+    readonly text: string;
+    readonly selected: boolean;
+    readonly onDrag?: (e: React.MouseEvent, index: number | undefined, xyValue: number[]) => void;
+    readonly onDragComplete?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDoubleClick?: (e: React.MouseEvent, moreProps: any, index?: number) => void;
+    readonly hoverText: {
+        readonly enable: boolean;
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly fill: string;
+        readonly text: string;
+        readonly selectedText: string;
+        readonly bgFill: string;
+        readonly bgOpacity: number;
+        readonly bgWidth: number | string;
+        readonly bgHeight: number | string;
+    };
+}
+interface EachTextState {
+    hover: boolean;
+}
+export declare class EachText extends React.Component<EachTextProps, EachTextState> {
+    static defaultProps: {
+        bgStrokeWidth: number;
+        selected: boolean;
+        hoverText: {
+            enable: boolean;
+            bgHeight: string;
+            bgWidth: string;
+            text: string;
+            fontFamily: string;
+            fontSize: number;
+            fill: string;
+            bgFill: string;
+            bgOpacity: number;
+        };
+    };
+    private dragStartPosition;
+    private isHover;
+    private saveNodeType;
+    constructor(props: EachTextProps);
+    render(): JSX.Element;
+    private readonly handleHover;
+    private readonly handleDrag;
+    private readonly handleDragStart;
+}
+export {};