@tradingaction/tooltip 2.1.2 → 2.1.3

package/src/StochasticTooltip.tsx

@@ -1,97 +0,0 @@
-import { functor, GenericChartComponent } from "@tradingaction/core";
-import { format } from "d3-format";
-import * as React from "react";
-import { ToolTipText } from "./ToolTipText";
-import { ToolTipTSpanLabel } from "./ToolTipTSpanLabel";
-
-export interface StochasticTooltipProps {
-    readonly origin: number[] | ((width: number, height: number) => [number, number]);
-    readonly className?: string;
-    readonly fontFamily?: string;
-    readonly fontSize?: number;
-    readonly fontWeight?: number;
-    readonly labelFill?: string;
-    readonly onClick?: (event: React.MouseEvent) => void;
-    readonly yAccessor: (currentItem: any) => { K: number; D: number };
-    readonly options: {
-        windowSize: number;
-        kWindowSize: number;
-        dWindowSize: number;
-    };
-    readonly appearance: {
-        stroke: {
-            dLine: string;
-            kLine: string;
-        };
-    };
-    readonly displayFormat: (value: number) => string;
-    readonly displayInit?: string;
-    readonly displayValuesFor?: (props: StochasticTooltipProps, moreProps: any) => any;
-    readonly label: string;
-}
-
-export class StochasticTooltip extends React.Component<StochasticTooltipProps> {
-    public static defaultProps = {
-        className: "react-financial-charts-tooltip",
-        displayFormat: format(".2f"),
-        displayInit: "n/a",
-        displayValuesFor: (_: any, props: any) => props.currentItem,
-        label: "STO",
-        origin: [0, 0],
-    };
-
-    public render() {
-        return <GenericChartComponent clip={false} svgDraw={this.renderSVG} drawOn={["mousemove"]} />;
-    }
-
-    private readonly renderSVG = (moreProps: any) => {
-        const {
-            onClick,
-            fontFamily,
-            fontSize,
-            fontWeight,
-            yAccessor,
-            displayFormat,
-            origin: originProp,
-            label,
-            className,
-            displayInit,
-            displayValuesFor = StochasticTooltip.defaultProps.displayValuesFor,
-            options,
-            appearance,
-            labelFill,
-        } = this.props;
-        const {
-            chartConfig: { width, height },
-            fullData,
-        } = moreProps;
-
-        const currentItem = displayValuesFor(this.props, moreProps) ?? fullData[fullData.length - 1];
-
-        const stochastic = currentItem && yAccessor(currentItem);
-
-        const K = (stochastic?.K && displayFormat(stochastic.K)) ?? displayInit;
-        const D = (stochastic?.D && displayFormat(stochastic.D)) ?? displayInit;
-
-        const origin = functor(originProp);
-
-        const [x, y] = origin(width, height);
-
-        const { stroke } = appearance;
-
-        return (
-            <g className={className} transform={`translate(${x}, ${y})`} onClick={onClick}>
-                <ToolTipText x={0} y={0} fontFamily={fontFamily} fontSize={fontSize} fontWeight={fontWeight}>
-                    <ToolTipTSpanLabel fill={labelFill}>{`${label} %K(`}</ToolTipTSpanLabel>
-                    <tspan fill={stroke.kLine}>{`${options.windowSize}, ${options.kWindowSize}`}</tspan>
-                    <ToolTipTSpanLabel fill={labelFill}>): </ToolTipTSpanLabel>
-                    <tspan fill={stroke.kLine}>{K}</tspan>
-                    <ToolTipTSpanLabel fill={labelFill}> %D (</ToolTipTSpanLabel>
-                    <tspan fill={stroke.dLine}>{options.dWindowSize}</tspan>
-                    <ToolTipTSpanLabel fill={labelFill}>): </ToolTipTSpanLabel>
-                    <tspan fill={stroke.dLine}>{D}</tspan>
-                </ToolTipText>
-            </g>
-        );
-    };
-}

package/src/ToolTipTSpanLabel.tsx

@@ -1,14 +0,0 @@
-import * as React from "react";
-
-export class ToolTipTSpanLabel extends React.PureComponent<React.SVGProps<SVGTSpanElement>> {
-    public static defaultProps = {
-        className: "react-financial-charts-tooltip-label",
-        fill: "#4682B4",
-    };
-
-    public render() {
-        const { children, ...rest } = this.props;
-
-        return <tspan {...rest}>{children}</tspan>;
-    }
-}

package/src/ToolTipText.tsx

@@ -1,15 +0,0 @@
-import * as React from "react";
-
-export class ToolTipText extends React.PureComponent<React.SVGProps<SVGTextElement>> {
-    public static defaultProps = {
-        className: "react-financial-charts-tooltip",
-        fontFamily: "-apple-system, system-ui, 'Helvetica Neue', Ubuntu, sans-serif",
-        fontSize: 11,
-    };
-
-    public render() {
-        const { children, ...rest } = this.props;
-
-        return <text {...rest}>{children}</text>;
-    }
-}

package/src/index.ts

@@ -1,13 +0,0 @@
-export * from "./BollingerBandTooltip";
-export * from "./GroupTooltip";
-export * from "./HoverTooltip";
-export * from "./IndicatorDisplayTooltip";
-export * from "./MACDTooltip";
-export * from "./MovingAverageTooltip";
-export * from "./OHLCTooltip";
-export * from "./RSITooltip";
-export * from "./SingleTooltip";
-export * from "./SingleValueTooltip";
-export * from "./StochasticTooltip";
-export * from "./ToolTipText";
-export * from "./ToolTipTSpanLabel";