@sgonzaloc/react-financial-charts-tooltip 3.0.0

package/lib/MovingAverageTooltip.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+export interface SingleMAToolTipProps {
+    readonly color: string;
+    readonly displayName: string;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: number;
+    readonly forChart: number | string;
+    readonly labelFill?: string;
+    readonly labelFontWeight?: number;
+    readonly onClick?: (event: React.MouseEvent<SVGRectElement, MouseEvent>, details: any) => void;
+    readonly options: any;
+    readonly origin: [number, number];
+    readonly textFill?: string;
+    readonly value: string;
+}
+export declare class SingleMAToolTip extends React.Component<SingleMAToolTipProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly onClick;
+}
+interface MovingAverageTooltipProps {
+    readonly className?: string;
+    readonly displayFormat: (value: number) => string;
+    readonly origin: number[];
+    readonly displayInit?: string;
+    readonly displayValuesFor?: (props: MovingAverageTooltipProps, moreProps: any) => any;
+    readonly onClick?: (event: React.MouseEvent<SVGRectElement, MouseEvent>) => void;
+    readonly textFill?: string;
+    readonly labelFill?: string;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: number;
+    readonly width?: number;
+    readonly options: {
+        yAccessor: (data: any) => number;
+        type: string;
+        stroke: string;
+        windowSize: number;
+    }[];
+}
+export declare class MovingAverageTooltip extends React.Component<MovingAverageTooltipProps> {
+    static defaultProps: {
+        className: string;
+        displayFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        displayInit: string;
+        displayValuesFor: (_: any, props: any) => any;
+        origin: number[];
+        width: number;
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly renderSVG;
+}
+export {};

package/lib/MovingAverageTooltip.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { functor, GenericChartComponent, last } from "@sgonzaloc/react-financial-charts-core";
+import { format } from "d3-format";
+import * as React from "react";
+import { ToolTipText } from "./ToolTipText";
+import { ToolTipTSpanLabel } from "./ToolTipTSpanLabel";
+export class SingleMAToolTip extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.onClick = (event) => {
+            const { onClick, forChart, options } = this.props;
+            if (onClick !== undefined) {
+                onClick(event, Object.assign({ chartId: forChart }, options));
+            }
+        };
+    }
+    render() {
+        const { color, displayName, fontSize, fontFamily, fontWeight, textFill, labelFill, labelFontWeight, value } = this.props;
+        const translate = "translate(" + this.props.origin[0] + ", " + this.props.origin[1] + ")";
+        return (_jsxs("g", Object.assign({ transform: translate }, { children: [_jsx("line", { x1: 0, y1: 2, x2: 0, y2: 28, stroke: color, strokeWidth: 4 }), _jsxs(ToolTipText, Object.assign({ x: 5, y: 11, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight }, { children: [_jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill, fontWeight: labelFontWeight }, { children: displayName })), _jsx("tspan", Object.assign({ x: 5, dy: 15, fill: textFill }, { children: value }))] })), _jsx("rect", { x: 0, y: 0, width: 55, height: 30, onClick: this.onClick, fill: "none", stroke: "none" })] })));
+    }
+}
+// tslint:disable-next-line: max-classes-per-file
+export class MovingAverageTooltip extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.renderSVG = (moreProps) => {
+            var _a;
+            const { chartId, chartConfig, chartConfig: { height = 0 } = {}, fullData } = moreProps;
+            const { className, displayInit = MovingAverageTooltip.defaultProps.displayInit, onClick, width = 65, fontFamily, fontSize, fontWeight, textFill, labelFill, origin: originProp, displayFormat, displayValuesFor = MovingAverageTooltip.defaultProps.displayValuesFor, options, } = this.props;
+            const currentItem = (_a = displayValuesFor(this.props, moreProps)) !== null && _a !== void 0 ? _a : last(fullData);
+            const config = chartConfig;
+            const origin = functor(originProp);
+            const [x, y] = origin(width, height);
+            const [ox, oy] = config.origin;
+            return (_jsx("g", Object.assign({ transform: `translate(${ox + x}, ${oy + y})`, className: className }, { children: options.map((each, idx) => {
+                    const yValue = currentItem && each.yAccessor(currentItem);
+                    const tooltipLabel = `${each.type} (${each.windowSize})`;
+                    const yDisplayValue = yValue ? displayFormat(yValue) : displayInit;
+                    return (_jsx(SingleMAToolTip, { origin: [width * idx, 0], color: each.stroke, displayName: tooltipLabel, value: yDisplayValue, options: each, forChart: chartId, onClick: onClick, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight, textFill: textFill, labelFill: labelFill }, idx));
+                }) })));
+        };
+    }
+    render() {
+        return _jsx(GenericChartComponent, { clip: false, svgDraw: this.renderSVG, drawOn: ["mousemove"] });
+    }
+}
+MovingAverageTooltip.defaultProps = {
+    className: "react-financial-charts-tooltip react-financial-charts-moving-average-tooltip",
+    displayFormat: format(".2f"),
+    displayInit: "n/a",
+    displayValuesFor: (_, props) => props.currentItem,
+    origin: [0, 10],
+    width: 65,
+};
+//# sourceMappingURL=MovingAverageTooltip.js.map

package/lib/MovingAverageTooltip.js.map

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

package/lib/OHLCTooltip.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+export interface OHLCTooltipProps {
+    readonly accessor?: (data: any) => any;
+    readonly className?: string;
+    readonly changeFormat?: (n: number | {
+        valueOf(): number;
+    }) => string;
+    readonly displayTexts?: {
+        o: string;
+        h: string;
+        l: string;
+        c: string;
+        na: string;
+    };
+    readonly displayValuesFor?: (props: OHLCTooltipProps, moreProps: any) => any;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: number;
+    readonly labelFill?: string;
+    readonly labelFontWeight?: number;
+    readonly ohlcFormat?: (n: number | {
+        valueOf(): number;
+    }) => string;
+    readonly onClick?: (event: React.MouseEvent<SVGGElement, MouseEvent>) => void;
+    readonly origin?: [number, number] | ((width: number, height: number) => [number, number]);
+    readonly percentFormat?: (n: number | {
+        valueOf(): number;
+    }) => string;
+    readonly textFill?: string | ((item: any) => string);
+}
+export declare class OHLCTooltip extends React.Component<OHLCTooltipProps> {
+    static defaultProps: {
+        accessor: (d: unknown) => unknown;
+        changeFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        className: string;
+        displayTexts: {
+            o: string;
+            h: string;
+            l: string;
+            c: string;
+            na: string;
+        };
+        displayValuesFor: (_: any, props: any) => any;
+        fontFamily: string;
+        ohlcFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        origin: number[];
+        percentFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly renderSVG;
+}

package/lib/OHLCTooltip.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { functor, GenericChartComponent, last } from "@sgonzaloc/react-financial-charts-core";
+import { format } from "d3-format";
+import * as React from "react";
+import { ToolTipText } from "./ToolTipText";
+import { ToolTipTSpanLabel } from "./ToolTipTSpanLabel";
+const displayTextsDefault = {
+    o: "O: ",
+    h: " H: ",
+    l: " L: ",
+    c: " C: ",
+    na: "n/a",
+};
+export class OHLCTooltip extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.renderSVG = (moreProps) => {
+            var _a;
+            const { accessor, changeFormat = OHLCTooltip.defaultProps.changeFormat, className, displayTexts = OHLCTooltip.defaultProps.displayTexts, displayValuesFor = OHLCTooltip.defaultProps.displayValuesFor, fontFamily, fontSize, fontWeight, labelFill, labelFontWeight, ohlcFormat = OHLCTooltip.defaultProps.ohlcFormat, onClick, percentFormat = OHLCTooltip.defaultProps.percentFormat, textFill, } = this.props;
+            const { chartConfig: { width, height }, fullData, } = moreProps;
+            const currentItem = (_a = displayValuesFor(this.props, moreProps)) !== null && _a !== void 0 ? _a : last(fullData);
+            let open = displayTexts.na;
+            let high = displayTexts.na;
+            let low = displayTexts.na;
+            let close = displayTexts.na;
+            let change = displayTexts.na;
+            if (currentItem !== undefined && accessor !== undefined) {
+                const item = accessor(currentItem);
+                if (item !== undefined) {
+                    open = ohlcFormat(item.open);
+                    high = ohlcFormat(item.high);
+                    low = ohlcFormat(item.low);
+                    close = ohlcFormat(item.close);
+                    change = `${changeFormat(item.close - item.open)} (${percentFormat((item.close - item.open) / item.open)})`;
+                }
+            }
+            const { origin: originProp } = this.props;
+            const [x, y] = functor(originProp)(width, height);
+            const valueFill = functor(textFill)(currentItem);
+            return (_jsx("g", Object.assign({ className: className, transform: `translate(${x}, ${y})`, onClick: onClick }, { children: _jsxs(ToolTipText, Object.assign({ x: 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight }, { children: [_jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill, fontWeight: labelFontWeight }, { children: displayTexts.o }), "label_O"), _jsx("tspan", Object.assign({ fill: valueFill }, { children: open }), "value_O"), _jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill, fontWeight: labelFontWeight }, { children: displayTexts.h }), "label_H"), _jsx("tspan", Object.assign({ fill: valueFill }, { children: high }), "value_H"), _jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill, fontWeight: labelFontWeight }, { children: displayTexts.l }), "label_L"), _jsx("tspan", Object.assign({ fill: valueFill }, { children: low }), "value_L"), _jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill, fontWeight: labelFontWeight }, { children: displayTexts.c }), "label_C"), _jsx("tspan", Object.assign({ fill: valueFill }, { children: close }), "value_C"), _jsx("tspan", Object.assign({ fill: valueFill }, { children: ` ${change}` }), "value_Change")] })) })));
+        };
+    }
+    render() {
+        return _jsx(GenericChartComponent, { clip: false, svgDraw: this.renderSVG, drawOn: ["mousemove"] });
+    }
+}
+OHLCTooltip.defaultProps = {
+    accessor: (d) => d,
+    changeFormat: format("+.2f"),
+    className: "react-financial-charts-tooltip-hover",
+    displayTexts: displayTextsDefault,
+    displayValuesFor: (_, props) => props.currentItem,
+    fontFamily: "-apple-system, system-ui, 'Helvetica Neue', Ubuntu, sans-serif",
+    ohlcFormat: format(".2f"),
+    origin: [0, 0],
+    percentFormat: format("+.2%"),
+};
+//# sourceMappingURL=OHLCTooltip.js.map

package/lib/OHLCTooltip.js.map

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

package/lib/RSITooltip.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export interface RSITooltipProps {
+    readonly className?: string;
+    readonly displayFormat: (value: number) => string;
+    readonly displayInit?: string;
+    readonly displayValuesFor: (props: RSITooltipProps, moreProps: any) => any;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: number;
+    readonly labelFill?: string;
+    readonly labelFontWeight?: number;
+    readonly onClick?: (event: React.MouseEvent<SVGGElement, MouseEvent>) => void;
+    readonly origin: number[] | ((width: number, height: number) => number[]);
+    readonly options: {
+        windowSize: number;
+    };
+    readonly textFill?: string;
+    readonly yAccessor: (data: any) => number | undefined;
+}
+export declare class RSITooltip extends React.Component<RSITooltipProps> {
+    static defaultProps: {
+        displayFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        displayInit: string;
+        displayValuesFor: (_: RSITooltipProps, props: any) => any;
+        origin: number[];
+        className: string;
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly renderSVG;
+}

package/lib/RSITooltip.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { functor, isDefined, GenericChartComponent } from "@sgonzaloc/react-financial-charts-core";
+import { format } from "d3-format";
+import * as React from "react";
+import { ToolTipText } from "./ToolTipText";
+import { ToolTipTSpanLabel } from "./ToolTipTSpanLabel";
+export class RSITooltip extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.renderSVG = (moreProps) => {
+            const { onClick, displayInit, fontFamily, fontSize, fontWeight, yAccessor, displayFormat, className, options, labelFill, labelFontWeight, textFill, displayValuesFor, } = this.props;
+            const { chartConfig: { width, height }, } = moreProps;
+            const currentItem = displayValuesFor(this.props, moreProps);
+            const rsi = isDefined(currentItem) && yAccessor(currentItem);
+            const value = (rsi && displayFormat(rsi)) || displayInit;
+            const { origin: originProp } = this.props;
+            const origin = functor(originProp);
+            const [x, y] = origin(width, height);
+            const tooltipLabel = `RSI (${options.windowSize}): `;
+            return (_jsx("g", Object.assign({ className: className, transform: `translate(${x}, ${y})`, onClick: onClick }, { children: _jsxs(ToolTipText, Object.assign({ x: 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight }, { children: [_jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill, fontWeight: labelFontWeight }, { children: tooltipLabel })), _jsx("tspan", Object.assign({ fill: textFill }, { children: value }))] })) })));
+        };
+    }
+    render() {
+        return _jsx(GenericChartComponent, { clip: false, svgDraw: this.renderSVG, drawOn: ["mousemove"] });
+    }
+}
+RSITooltip.defaultProps = {
+    displayFormat: format(".2f"),
+    displayInit: "n/a",
+    displayValuesFor: (_, props) => props.currentItem,
+    origin: [0, 0],
+    className: "react-financial-charts-tooltip",
+};
+//# sourceMappingURL=RSITooltip.js.map

package/lib/RSITooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RSITooltip.js","sourceRoot":"","sources":["../src/RSITooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAqBxD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA0B;IAAhE;;QAaqB,cAAS,GAAG,CAAC,SAAc,EAAE,EAAE;YAC5C,MAAM,EACF,OAAO,EACP,WAAW,EACX,UAAU,EACV,QAAQ,EACR,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,SAAS,EACT,eAAe,EACf,QAAQ,EACR,gBAAgB,GACnB,GAAG,IAAI,CAAC,KAAK,CAAC;YAEf,MAAM,EACF,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACjC,GAAG,SAAS,CAAC;YAEd,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAC5D,MAAM,GAAG,GAAG,SAAS,CAAC,WAAW,CAAC,IAAI,SAAS,CAAC,WAAW,CAAC,CAAC;YAC7D,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,WAAW,CAAC;YAEzD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1C,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;YACnC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAErC,MAAM,YAAY,GAAG,QAAQ,OAAO,CAAC,UAAU,KAAK,CAAC;YACrD,OAAO,CACH,0BAAG,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,gBACzE,MAAC,WAAW,kBAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,iBACvF,KAAC,iBAAiB,kBAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,gBAC1D,YAAY,IACG,EACpB,8BAAO,IAAI,EAAE,QAAQ,gBAAG,KAAK,IAAS,KAC5B,IACd,CACP,CAAC;QACN,CAAC,CAAC;IACN,CAAC;IA7CU,MAAM;QACT,OAAO,KAAC,qBAAqB,IAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,WAAW,CAAC,GAAI,CAAC;IAClG,CAAC;;AAVa,uBAAY,GAAG;IACzB,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC;IAC5B,WAAW,EAAE,KAAK;IAClB,gBAAgB,EAAE,CAAC,CAAkB,EAAE,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;IACvE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACd,SAAS,EAAE,gCAAgC;CAC9C,CAAC"}

package/lib/SingleTooltip.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+export type layouts = "horizontal" | "horizontalRows" | "horizontalInline" | "vertical" | "verticalRows";
+export interface SingleTooltipProps {
+    readonly origin: [number, number];
+    readonly yLabel: string;
+    readonly yValue: string;
+    readonly onClick?: (event: React.MouseEvent, details: any) => void;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: number;
+    readonly labelFill: string;
+    readonly valueFill: string;
+    readonly forChart: number | string;
+    readonly options: any;
+    readonly layout: layouts;
+    readonly withShape: boolean;
+}
+export declare class SingleTooltip extends React.Component<SingleTooltipProps> {
+    static defaultProps: {
+        labelFill: string;
+        valueFill: string;
+        withShape: boolean;
+    };
+    renderValueNextToLabel(): import("react/jsx-runtime").JSX.Element;
+    renderValueBeneathLabel(): import("react/jsx-runtime").JSX.Element;
+    renderInline(): import("react/jsx-runtime").JSX.Element;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    private readonly handleClick;
+}

package/lib/SingleTooltip.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ToolTipText } from "./ToolTipText";
+import { ToolTipTSpanLabel } from "./ToolTipTSpanLabel";
+export class SingleTooltip extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.handleClick = (event) => {
+            const { onClick, forChart, options } = this.props;
+            if (onClick !== undefined) {
+                onClick(event, Object.assign({ chartId: forChart }, options));
+            }
+        };
+    }
+    /*
+     * Renders the value next to the label.
+     */
+    renderValueNextToLabel() {
+        const { origin, yLabel, yValue, labelFill, valueFill, withShape, fontSize, fontFamily, fontWeight } = this.props;
+        return (_jsxs("g", Object.assign({ transform: `translate(${origin[0]}, ${origin[1]})`, onClick: this.handleClick }, { children: [withShape ? _jsx("rect", { x: "0", y: "-6", width: "6", height: "6", fill: valueFill }) : null, _jsxs(ToolTipText, Object.assign({ x: withShape ? 8 : 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight }, { children: [_jsxs(ToolTipTSpanLabel, Object.assign({ fill: labelFill }, { children: [yLabel, ": "] })), _jsx("tspan", Object.assign({ fill: valueFill }, { children: yValue }))] }))] })));
+    }
+    /*
+     * Renders the value beneath the label.
+     */
+    renderValueBeneathLabel() {
+        const { origin, yLabel, yValue, labelFill, valueFill, withShape, fontSize, fontFamily, fontWeight } = this.props;
+        return (_jsxs("g", Object.assign({ transform: `translate(${origin[0]}, ${origin[1]})`, onClick: this.handleClick }, { children: [withShape ? _jsx("line", { x1: 0, y1: 2, x2: 0, y2: 28, stroke: valueFill, strokeWidth: "4px" }) : null, _jsxs(ToolTipText, Object.assign({ x: 5, y: 11, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight }, { children: [_jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill }, { children: yLabel })), _jsx("tspan", Object.assign({ x: "5", dy: "15", fill: valueFill }, { children: yValue }))] }))] })));
+    }
+    /*
+     * Renders the value next to the label.
+     * The parent component must have a "text"-element.
+     */
+    renderInline() {
+        const { yLabel, yValue, labelFill, valueFill, fontSize, fontFamily, fontWeight } = this.props;
+        return (_jsxs("tspan", Object.assign({ onClick: this.handleClick, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight }, { children: [_jsxs(ToolTipTSpanLabel, Object.assign({ fill: labelFill }, { children: [yLabel, ":\u00A0"] })), _jsxs("tspan", Object.assign({ fill: valueFill }, { children: [yValue, "\u00A0\u00A0"] }))] })));
+    }
+    render() {
+        const { layout } = this.props;
+        let comp = null;
+        switch (layout) {
+            case "horizontal":
+                comp = this.renderValueNextToLabel();
+                break;
+            case "horizontalRows":
+                comp = this.renderValueBeneathLabel();
+                break;
+            case "horizontalInline":
+                comp = this.renderInline();
+                break;
+            case "vertical":
+                comp = this.renderValueNextToLabel();
+                break;
+            case "verticalRows":
+                comp = this.renderValueBeneathLabel();
+                break;
+            default:
+                comp = this.renderValueNextToLabel();
+        }
+        return comp;
+    }
+}
+SingleTooltip.defaultProps = {
+    labelFill: "#4682B4",
+    valueFill: "#000000",
+    withShape: false,
+};
+//# sourceMappingURL=SingleTooltip.js.map

package/lib/SingleTooltip.js.map

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

package/lib/SingleValueTooltip.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+export interface SingleValueTooltipProps {
+    readonly xDisplayFormat?: (value: number) => string;
+    readonly yDisplayFormat?: (value: number) => string;
+    readonly xInitDisplay?: string;
+    readonly yInitDisplay?: string;
+    readonly xLabel?: string;
+    readonly yLabel: string;
+    readonly labelFill?: string;
+    readonly labelFontWeight?: number;
+    readonly valueFill?: string;
+    readonly origin?: [number, number] | ((width: number, height: number) => [number, number]);
+    readonly className?: string;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: number;
+    readonly onClick?: (event: React.MouseEvent<SVGGElement, MouseEvent>) => void;
+    readonly displayValuesFor?: (props: SingleValueTooltipProps, moreProps: any) => any;
+    readonly xAccessor?: (d: any) => number;
+    readonly yAccessor?: (d: any) => number;
+}
+export declare class SingleValueTooltip extends React.Component<SingleValueTooltipProps> {
+    static defaultProps: {
+        className: string;
+        displayValuesFor: (_: any, props: any) => any;
+        labelFill: string;
+        origin: number[];
+        valueFill: string;
+        xAccessor: () => void;
+        xDisplayFormat: (value: number) => string;
+        xInitDisplay: string;
+        yAccessor: (d: any) => number;
+        yDisplayFormat: (value: number) => string;
+        yInitDisplay: string;
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly renderSVG;
+}

package/lib/SingleValueTooltip.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { functor, identity, GenericChartComponent, noop, last } from "@sgonzaloc/react-financial-charts-core";
+import { format } from "d3-format";
+import * as React from "react";
+import { ToolTipText } from "./ToolTipText";
+import { ToolTipTSpanLabel } from "./ToolTipTSpanLabel";
+export class SingleValueTooltip extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.renderSVG = (moreProps) => {
+            var _a;
+            const { onClick, fontFamily, fontSize, fontWeight, labelFill, labelFontWeight, valueFill, className, displayValuesFor = SingleValueTooltip.defaultProps.displayValuesFor, origin: originProp, xDisplayFormat = SingleValueTooltip.defaultProps.xDisplayFormat, yDisplayFormat = SingleValueTooltip.defaultProps.yDisplayFormat, xLabel, yLabel, xAccessor = SingleValueTooltip.defaultProps.xAccessor, yAccessor = SingleValueTooltip.defaultProps.yAccessor, xInitDisplay, yInitDisplay, } = this.props;
+            const { chartConfig: { width, height }, fullData, } = moreProps;
+            const currentItem = (_a = displayValuesFor(this.props, moreProps)) !== null && _a !== void 0 ? _a : last(fullData);
+            let xDisplayValue = xInitDisplay;
+            let yDisplayValue = yInitDisplay;
+            if (currentItem !== undefined) {
+                const xItem = xAccessor(currentItem);
+                if (xItem !== undefined) {
+                    xDisplayValue = xDisplayFormat(xItem);
+                }
+                const yItem = yAccessor(currentItem);
+                if (yItem !== undefined) {
+                    yDisplayValue = yDisplayFormat(yItem);
+                }
+            }
+            const origin = functor(originProp);
+            const [x, y] = origin(width, height);
+            return (_jsx("g", Object.assign({ className: className, transform: `translate(${x}, ${y})`, onClick: onClick }, { children: _jsxs(ToolTipText, Object.assign({ x: 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight }, { children: [xLabel ? (_jsx(ToolTipTSpanLabel, Object.assign({ x: 0, dy: "5", fill: labelFill }, { children: `${xLabel}: ` }))) : null, xLabel ? _jsx("tspan", Object.assign({ fill: valueFill }, { children: `${xDisplayValue} ` })) : null, _jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill, fontWeight: labelFontWeight }, { children: `${yLabel} ` })), _jsx("tspan", Object.assign({ fill: valueFill }, { children: yDisplayValue }))] })) })));
+        };
+    }
+    render() {
+        return _jsx(GenericChartComponent, { clip: false, svgDraw: this.renderSVG, drawOn: ["mousemove"] });
+    }
+}
+SingleValueTooltip.defaultProps = {
+    className: "react-financial-charts-tooltip",
+    displayValuesFor: (_, props) => props.currentItem,
+    labelFill: "#4682B4",
+    origin: [0, 0],
+    valueFill: "#000000",
+    xAccessor: noop,
+    xDisplayFormat: identity,
+    xInitDisplay: "n/a",
+    yAccessor: identity,
+    yDisplayFormat: format(".2f"),
+    yInitDisplay: "n/a",
+};
+//# sourceMappingURL=SingleValueTooltip.js.map

package/lib/SingleValueTooltip.js.map

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

package/lib/StochasticTooltip.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+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 declare class StochasticTooltip extends React.Component<StochasticTooltipProps> {
+    static defaultProps: {
+        className: string;
+        displayFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        displayInit: string;
+        displayValuesFor: (_: any, props: any) => any;
+        label: string;
+        origin: number[];
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly renderSVG;
+}

package/lib/StochasticTooltip.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { functor, GenericChartComponent } from "@sgonzaloc/react-financial-charts-core";
+import { format } from "d3-format";
+import * as React from "react";
+import { ToolTipText } from "./ToolTipText";
+import { ToolTipTSpanLabel } from "./ToolTipTSpanLabel";
+export class StochasticTooltip extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.renderSVG = (moreProps) => {
+            var _a, _b, _c;
+            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 = (_a = displayValuesFor(this.props, moreProps)) !== null && _a !== void 0 ? _a : fullData[fullData.length - 1];
+            const stochastic = currentItem && yAccessor(currentItem);
+            const K = (_b = ((stochastic === null || stochastic === void 0 ? void 0 : stochastic.K) && displayFormat(stochastic.K))) !== null && _b !== void 0 ? _b : displayInit;
+            const D = (_c = ((stochastic === null || stochastic === void 0 ? void 0 : stochastic.D) && displayFormat(stochastic.D))) !== null && _c !== void 0 ? _c : displayInit;
+            const origin = functor(originProp);
+            const [x, y] = origin(width, height);
+            const { stroke } = appearance;
+            return (_jsx("g", Object.assign({ className: className, transform: `translate(${x}, ${y})`, onClick: onClick }, { children: _jsxs(ToolTipText, Object.assign({ x: 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight }, { children: [_jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill }, { children: `${label} %K(` })), _jsx("tspan", Object.assign({ fill: stroke.kLine }, { children: `${options.windowSize}, ${options.kWindowSize}` })), _jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill }, { children: "): " })), _jsx("tspan", Object.assign({ fill: stroke.kLine }, { children: K })), _jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill }, { children: " %D (" })), _jsx("tspan", Object.assign({ fill: stroke.dLine }, { children: options.dWindowSize })), _jsx(ToolTipTSpanLabel, Object.assign({ fill: labelFill }, { children: "): " })), _jsx("tspan", Object.assign({ fill: stroke.dLine }, { children: D }))] })) })));
+        };
+    }
+    render() {
+        return _jsx(GenericChartComponent, { clip: false, svgDraw: this.renderSVG, drawOn: ["mousemove"] });
+    }
+}
+StochasticTooltip.defaultProps = {
+    className: "react-financial-charts-tooltip",
+    displayFormat: format(".2f"),
+    displayInit: "n/a",
+    displayValuesFor: (_, props) => props.currentItem,
+    label: "STO",
+    origin: [0, 0],
+};
+//# sourceMappingURL=StochasticTooltip.js.map

package/lib/StochasticTooltip.js.map

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

package/lib/ToolTipTSpanLabel.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare class ToolTipTSpanLabel extends React.PureComponent<React.SVGProps<SVGTSpanElement>> {
+    static defaultProps: {
+        className: string;
+        fill: string;
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+}