@tradingaction/tooltip 2.0.13

package/lib/MovingAverageTooltip.d.ts

@@ -0,0 +1,65 @@
+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: IMovingAverageTooltip;
+    readonly origin: [number, number];
+    readonly textFill?: string;
+    readonly value: string;
+    readonly icons?: SingleMATooltipIcon[];
+}
+interface SingleMATooltipIcon {
+    unicode: string;
+    onClick: (option: any) => void;
+    size?: any;
+    fillColor?: string;
+}
+export declare class SingleMAToolTip extends React.Component<SingleMAToolTipProps> {
+    render(): JSX.Element;
+    private readonly onClick;
+}
+interface IMovingAverageTooltip {
+    data?: any;
+    yAccessor: (data: any) => number;
+    type: string;
+    stroke: string;
+    windowSize: number;
+    icons?: SingleMATooltipIcon[];
+}
+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: IMovingAverageTooltip[];
+}
+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(): JSX.Element;
+    private readonly renderSVG;
+}
+export {};

package/lib/MovingAverageTooltip.js

@@ -0,0 +1,71 @@
+import { functor, GenericChartComponent, last } from "@tradingaction/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() {
+        var _a;
+        const { color, displayName, fontSize, fontFamily, fontWeight, textFill, labelFill, labelFontWeight, value } = this.props;
+        const translate = "translate(" + this.props.origin[0] + ", " + this.props.origin[1] + ")";
+        const handleIconClick = (e, icon) => {
+            if (typeof icon.onClick == "function") {
+                e.stopPropagation();
+                icon.onClick(this.props.options);
+            }
+        };
+        return (React.createElement("g", { transform: translate, onClick: this.onClick },
+            React.createElement("line", { x1: 0, y1: 2, x2: 0, y2: 28, stroke: color, strokeWidth: 4 }),
+            React.createElement(ToolTipText, { x: 5, y: 11, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight },
+                React.createElement(ToolTipTSpanLabel, { fill: labelFill, fontWeight: labelFontWeight }, displayName),
+                React.createElement("tspan", { x: 5, dy: 15, fill: textFill }, value), (_a = this.props.icons) === null || _a === void 0 ? void 0 :
+                _a.map((i) => {
+                    return React.createElement("tspan", { fontSize: i.size, fill: i.fillColor || '#000', onClick: (e) => handleIconClick(e, i) },
+                        "\u00A0",
+                        i.unicode);
+                }))));
+    }
+}
+// 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 (React.createElement("g", { transform: `translate(${ox + x}, ${oy + y})`, className: className }, options.map((each, idx) => {
+                const yValue = currentItem && each.yAccessor(currentItem);
+                const tooltipLabel = `${each.type} (${each.windowSize})`;
+                const yDisplayValue = yValue ? displayFormat(yValue) : displayInit;
+                return (React.createElement(SingleMAToolTip, { key: idx, 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, icons: each.icons }));
+            })));
+        };
+    }
+    render() {
+        return React.createElement(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,65 @@
+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;
+        v: 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 volumeFormat?: (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;
+            v: string;
+            na: string;
+        };
+        displayValuesFor: (_: any, props: any) => any;
+        fontFamily: string;
+        ohlcFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        origin: number[];
+        percentFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+        volumeFormat: (n: number | {
+            valueOf(): number;
+        }) => string;
+    };
+    render(): JSX.Element;
+    private readonly renderSVG;
+}

package/lib/OHLCTooltip.js

@@ -0,0 +1,78 @@
+import { functor, GenericChartComponent, last } from "@tradingaction/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: ",
+    v: " Vol: ",
+    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, volumeFormat = OHLCTooltip.defaultProps.volumeFormat, 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);
+                let formatForChange = `${changeFormat(item.close - item.open)}`;
+                const percent = percentFormat((item.close - item.open) / item.open);
+                if (percent) {
+                    formatForChange += ` (${percent})`;
+                }
+                const volumeValue = volumeFormat(item.volume || 0).replace(/G/, "B");
+                if (volumeValue) {
+                    formatForChange += ` ${displayTexts.v}${volumeValue}`;
+                }
+                if (item !== undefined) {
+                    open = ohlcFormat(item.open);
+                    high = ohlcFormat(item.high);
+                    low = ohlcFormat(item.low);
+                    close = ohlcFormat(item.close);
+                    change = formatForChange;
+                }
+            }
+            const { origin: originProp } = this.props;
+            const [x, y] = functor(originProp)(width, height);
+            const valueFill = functor(textFill)(currentItem);
+            return (React.createElement("g", { className: className, transform: `translate(${x}, ${y})`, onClick: onClick },
+                React.createElement(ToolTipText, { x: 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight },
+                    React.createElement(ToolTipTSpanLabel, { fill: labelFill, fontWeight: labelFontWeight, key: "label_O" }, displayTexts.o),
+                    React.createElement("tspan", { key: "value_O", fill: valueFill }, open),
+                    React.createElement(ToolTipTSpanLabel, { fill: labelFill, fontWeight: labelFontWeight, key: "label_H" }, displayTexts.h),
+                    React.createElement("tspan", { key: "value_H", fill: valueFill }, high),
+                    React.createElement(ToolTipTSpanLabel, { fill: labelFill, fontWeight: labelFontWeight, key: "label_L" }, displayTexts.l),
+                    React.createElement("tspan", { key: "value_L", fill: valueFill }, low),
+                    React.createElement(ToolTipTSpanLabel, { fill: labelFill, fontWeight: labelFontWeight, key: "label_C" }, displayTexts.c),
+                    React.createElement("tspan", { key: "value_C", fill: valueFill }, close),
+                    React.createElement("tspan", { key: "value_Change", fill: valueFill }, ` ${change}`))));
+        };
+    }
+    render() {
+        return React.createElement(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%"),
+    volumeFormat: format("0.2s"),
+};
+//# 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(): JSX.Element;
+    private readonly renderSVG;
+}

package/lib/RSITooltip.js

@@ -0,0 +1,36 @@
+import { functor, isDefined, GenericChartComponent } from "@tradingaction/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 (React.createElement("g", { className: className, transform: `translate(${x}, ${y})`, onClick: onClick },
+                React.createElement(ToolTipText, { x: 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight },
+                    React.createElement(ToolTipTSpanLabel, { fill: labelFill, fontWeight: labelFontWeight }, tooltipLabel),
+                    React.createElement("tspan", { fill: textFill }, value))));
+        };
+    }
+    render() {
+        return React.createElement(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,qBAAqB,CAAC;AAChF,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,2BAAG,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO;gBACzE,oBAAC,WAAW,IAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU;oBACvF,oBAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,IAC1D,YAAY,CACG;oBACpB,+BAAO,IAAI,EAAE,QAAQ,IAAG,KAAK,CAAS,CAC5B,CACd,CACP,CAAC;QACN,CAAC,CAAC;IACN,CAAC;IA7CU,MAAM;QACT,OAAO,oBAAC,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(): JSX.Element;
+    renderValueBeneathLabel(): JSX.Element;
+    renderInline(): JSX.Element;
+    render(): JSX.Element;
+    private readonly handleClick;
+}

package/lib/SingleTooltip.js

@@ -0,0 +1,82 @@
+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 (React.createElement("g", { transform: `translate(${origin[0]}, ${origin[1]})`, onClick: this.handleClick },
+            withShape ? React.createElement("rect", { x: "0", y: "-6", width: "6", height: "6", fill: valueFill }) : null,
+            React.createElement(ToolTipText, { x: withShape ? 8 : 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight },
+                React.createElement(ToolTipTSpanLabel, { fill: labelFill },
+                    yLabel,
+                    ": "),
+                React.createElement("tspan", { fill: valueFill }, yValue))));
+    }
+    /*
+     * Renders the value beneath the label.
+     */
+    renderValueBeneathLabel() {
+        const { origin, yLabel, yValue, labelFill, valueFill, withShape, fontSize, fontFamily, fontWeight } = this.props;
+        return (React.createElement("g", { transform: `translate(${origin[0]}, ${origin[1]})`, onClick: this.handleClick },
+            withShape ? React.createElement("line", { x1: 0, y1: 2, x2: 0, y2: 28, stroke: valueFill, strokeWidth: "4px" }) : null,
+            React.createElement(ToolTipText, { x: 5, y: 11, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight },
+                React.createElement(ToolTipTSpanLabel, { fill: labelFill }, yLabel),
+                React.createElement("tspan", { x: "5", dy: "15", fill: valueFill }, 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 (React.createElement("tspan", { onClick: this.handleClick, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight },
+            React.createElement(ToolTipTSpanLabel, { fill: labelFill },
+                yLabel,
+                ":\u00A0"),
+            React.createElement("tspan", { fill: valueFill },
+                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,46 @@
+import * as React from "react";
+interface SingleValueTooltipIcon {
+    unicode: string;
+    onClick: () => void;
+    size?: any;
+    fillColor?: string;
+}
+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;
+    readonly icons?: SingleValueTooltipIcon[];
+}
+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(): JSX.Element;
+    private readonly renderSVG;
+}
+export {};

package/lib/SingleValueTooltip.js

@@ -0,0 +1,65 @@
+import { functor, identity, GenericChartComponent, noop, last } from "@tradingaction/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, _b;
+            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);
+            const handleIconClick = (e, icon) => {
+                if (typeof icon.onClick == "function") {
+                    e.stopPropagation();
+                    icon.onClick();
+                }
+            };
+            return (React.createElement(React.Fragment, null,
+                React.createElement("g", { className: className, transform: `translate(${x}, ${y})`, onClick: onClick },
+                    React.createElement(ToolTipText, { x: 0, y: 0, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight },
+                        xLabel ? (React.createElement(ToolTipTSpanLabel, { x: 0, dy: "5", fill: labelFill }, `${xLabel}: `)) : null,
+                        xLabel ? React.createElement("tspan", { fill: valueFill }, `${xDisplayValue} `) : null,
+                        React.createElement(ToolTipTSpanLabel, { fill: labelFill, fontWeight: labelFontWeight }, `${yLabel} `),
+                        React.createElement("tspan", { fill: valueFill }, yDisplayValue), (_b = this.props.icons) === null || _b === void 0 ? void 0 :
+                        _b.map((i) => {
+                            return React.createElement("tspan", { fill: i.fillColor || '#000', fontSize: i.size, onClick: (e) => handleIconClick(e, i) },
+                                "\u00A0",
+                                i.unicode);
+                        })))));
+        };
+    }
+    render() {
+        return React.createElement(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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"}