@sgonzaloc/react-financial-charts-series 3.0.0

package/lib/RSISeries.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+import { strokeDashTypes } from "@sgonzaloc/react-financial-charts-core";
+export interface RSISeriesProps {
+    readonly className?: string;
+    readonly yAccessor: (data: any) => any;
+    readonly strokeStyle?: {
+        line: string;
+        top: string;
+        middle: string;
+        bottom: string;
+        outsideThreshold: string;
+        insideThreshold: string;
+    };
+    readonly strokeDasharray?: {
+        line: strokeDashTypes;
+        top: strokeDashTypes;
+        middle: strokeDashTypes;
+        bottom: strokeDashTypes;
+    };
+    readonly strokeWidth?: {
+        outsideThreshold: number;
+        insideThreshold: number;
+        top: number;
+        middle: number;
+        bottom: number;
+    };
+    readonly overSold?: number;
+    readonly middle?: number;
+    readonly overBought?: number;
+}
+/**
+ * The Relative Strength Index (RSI) is a momentum oscillator that measures the speed and change of price movements.
+ */
+export declare class RSISeries extends React.Component<RSISeriesProps> {
+    static defaultProps: {
+        className: string;
+        strokeStyle: {
+            line: string;
+            top: string;
+            middle: string;
+            bottom: string;
+            outsideThreshold: string;
+            insideThreshold: string;
+        };
+        strokeDasharray: {
+            line: strokeDashTypes;
+            top: strokeDashTypes;
+            middle: strokeDashTypes;
+            bottom: strokeDashTypes;
+        };
+        strokeWidth: {
+            outsideThreshold: number;
+            insideThreshold: number;
+            top: number;
+            middle: number;
+            bottom: number;
+        };
+        overSold: number;
+        middle: number;
+        overBought: number;
+    };
+    private clipPathId1;
+    private clipPathId2;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly renderClip;
+    private readonly mainClip;
+    private readonly topAndBottomClip;
+}

package/lib/RSISeries.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { LineSeries } from "./LineSeries";
+import { StraightLine } from "./StraightLine";
+import { SVGComponent } from "./SVGComponent";
+/**
+ * The Relative Strength Index (RSI) is a momentum oscillator that measures the speed and change of price movements.
+ */
+export class RSISeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.clipPathId1 = `rsi-clip-${String(Math.round(Math.random() * 10000 * 10000))}`;
+        this.clipPathId2 = `rsi-clip-${String(Math.round(Math.random() * 10000 * 10000))}`;
+        this.renderClip = (moreProps) => {
+            const { chartConfig } = moreProps;
+            const { overSold, overBought } = this.props;
+            const { yScale, width, height } = chartConfig;
+            return (_jsxs("defs", { children: [_jsx("clipPath", Object.assign({ id: this.clipPathId1 }, { children: _jsx("rect", { x: 0, y: yScale(overSold), width: width, height: yScale(overBought) - yScale(overSold) }) })), _jsxs("clipPath", Object.assign({ id: this.clipPathId2 }, { children: [_jsx("rect", { x: 0, y: 0, width: width, height: yScale(overSold) }), _jsx("rect", { x: 0, y: yScale(overBought), width: width, height: height - yScale(overBought) })] }))] }));
+        };
+        this.mainClip = (ctx, moreProps) => {
+            const { chartConfig } = moreProps;
+            const { overSold, overBought } = this.props;
+            const { yScale, width, height } = chartConfig;
+            ctx.beginPath();
+            ctx.rect(0, 0, width, yScale(overSold));
+            ctx.rect(0, yScale(overBought), width, height - yScale(overBought));
+            ctx.clip();
+        };
+        this.topAndBottomClip = (ctx, moreProps) => {
+            const { chartConfig } = moreProps;
+            const { overSold, overBought } = this.props;
+            const { yScale, width } = chartConfig;
+            ctx.beginPath();
+            ctx.rect(0, yScale(overSold), width, yScale(overBought) - yScale(overSold));
+            ctx.clip();
+        };
+    }
+    render() {
+        const { className, strokeStyle = RSISeries.defaultProps.strokeStyle, strokeDasharray = RSISeries.defaultProps.strokeDasharray, strokeWidth = RSISeries.defaultProps.strokeWidth, } = this.props;
+        const { yAccessor } = this.props;
+        const { overSold, middle, overBought } = this.props;
+        return (_jsxs("g", Object.assign({ className: className }, { children: [_jsx(SVGComponent, { children: this.renderClip }), _jsx(StraightLine, { strokeStyle: strokeStyle.top, yValue: overSold, lineDash: strokeDasharray.top, lineWidth: strokeWidth.top }), _jsx(StraightLine, { strokeStyle: strokeStyle.middle, yValue: middle, lineDash: strokeDasharray.middle, lineWidth: strokeWidth.middle }), _jsx(StraightLine, { strokeStyle: strokeStyle.bottom, yValue: overBought, lineDash: strokeDasharray.bottom, lineWidth: strokeWidth.bottom }), _jsx(LineSeries, { canvasClip: this.topAndBottomClip, yAccessor: yAccessor, strokeStyle: strokeStyle.insideThreshold || strokeStyle.line, strokeWidth: strokeWidth.insideThreshold, strokeDasharray: strokeDasharray.line }), _jsx(LineSeries, { canvasClip: this.mainClip, yAccessor: yAccessor, strokeStyle: strokeStyle.outsideThreshold || strokeStyle.line, strokeWidth: strokeWidth.outsideThreshold, strokeDasharray: strokeDasharray.line })] })));
+    }
+}
+RSISeries.defaultProps = {
+    className: "react-financial-charts-rsi-series",
+    strokeStyle: {
+        line: "#000000",
+        top: "#B8C2CC",
+        middle: "#8795A1",
+        bottom: "#B8C2CC",
+        outsideThreshold: "#b300b3",
+        insideThreshold: "#ffccff",
+    },
+    strokeDasharray: {
+        line: "Solid",
+        top: "ShortDash",
+        middle: "ShortDash",
+        bottom: "ShortDash",
+    },
+    strokeWidth: {
+        outsideThreshold: 1,
+        insideThreshold: 1,
+        top: 1,
+        middle: 1,
+        bottom: 1,
+    },
+    overSold: 70,
+    middle: 50,
+    overBought: 30,
+};
+//# sourceMappingURL=RSISeries.js.map

package/lib/RSISeries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RSISeries.js","sourceRoot":"","sources":["../src/RSISeries.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA+B9C;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAA9D;;QA6BY,gBAAW,GAAG,YAAY,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC;QAC9E,gBAAW,GAAG,YAAY,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC;QAmDrE,eAAU,GAAG,CAAC,SAAc,EAAE,EAAE;YAC7C,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;YAClC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5C,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;YAE9C,OAAO,CACH,2BACI,iCAAU,EAAE,EAAE,IAAI,CAAC,WAAW,gBAC1B,eAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAI,IACzF,EACX,kCAAU,EAAE,EAAE,IAAI,CAAC,WAAW,iBAC1B,eAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAI,EAC5D,eAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,GAAI,KACjF,IACR,CACV,CAAC;QACN,CAAC,CAAC;QAEe,aAAQ,GAAG,CAAC,GAA6B,EAAE,SAAc,EAAE,EAAE;YAC1E,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;YAClC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5C,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;YAE9C,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YACxC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;YACpE,GAAG,CAAC,IAAI,EAAE,CAAC;QACf,CAAC,CAAC;QAEe,qBAAgB,GAAG,CAAC,GAA6B,EAAE,SAAc,EAAE,EAAE;YAClF,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;YAClC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5C,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC;YAEtC,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5E,GAAG,CAAC,IAAI,EAAE,CAAC;QACf,CAAC,CAAC;IACN,CAAC;IAvFU,MAAM;QACT,MAAM,EACF,SAAS,EACT,WAAW,GAAG,SAAS,CAAC,YAAY,CAAC,WAAW,EAChD,eAAe,GAAG,SAAS,CAAC,YAAY,CAAC,eAAe,EACxD,WAAW,GAAG,SAAS,CAAC,YAAY,CAAC,WAAW,GACnD,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpD,OAAO,CACH,2BAAG,SAAS,EAAE,SAAS,iBACnB,KAAC,YAAY,cAAE,IAAI,CAAC,UAAU,GAAgB,EAC9C,KAAC,YAAY,IACT,WAAW,EAAE,WAAW,CAAC,GAAG,EAC5B,MAAM,EAAE,QAAQ,EAChB,QAAQ,EAAE,eAAe,CAAC,GAAG,EAC7B,SAAS,EAAE,WAAW,CAAC,GAAG,GAC5B,EACF,KAAC,YAAY,IACT,WAAW,EAAE,WAAW,CAAC,MAAM,EAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,eAAe,CAAC,MAAM,EAChC,SAAS,EAAE,WAAW,CAAC,MAAM,GAC/B,EACF,KAAC,YAAY,IACT,WAAW,EAAE,WAAW,CAAC,MAAM,EAC/B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,eAAe,CAAC,MAAM,EAChC,SAAS,EAAE,WAAW,CAAC,MAAM,GAC/B,EACF,KAAC,UAAU,IACP,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,CAAC,eAAe,IAAI,WAAW,CAAC,IAAI,EAC5D,WAAW,EAAE,WAAW,CAAC,eAAe,EACxC,eAAe,EAAE,eAAe,CAAC,IAAI,GACvC,EACF,KAAC,UAAU,IACP,UAAU,EAAE,IAAI,CAAC,QAAQ,EACzB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,CAAC,gBAAgB,IAAI,WAAW,CAAC,IAAI,EAC7D,WAAW,EAAE,WAAW,CAAC,gBAAgB,EACzC,eAAe,EAAE,eAAe,CAAC,IAAI,GACvC,KACF,CACP,CAAC;IACN,CAAC;;AA9Ea,sBAAY,GAAG;IACzB,SAAS,EAAE,mCAAmC;IAC9C,WAAW,EAAE;QACT,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,SAAS;QACd,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,gBAAgB,EAAE,SAAS;QAC3B,eAAe,EAAE,SAAS;KAC7B;IACD,eAAe,EAAE;QACb,IAAI,EAAE,OAA0B;QAChC,GAAG,EAAE,WAA8B;QACnC,MAAM,EAAE,WAA8B;QACtC,MAAM,EAAE,WAA8B;KACzC;IACD,WAAW,EAAE;QACT,gBAAgB,EAAE,CAAC;QACnB,eAAe,EAAE,CAAC;QAClB,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;KACZ;IACD,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,EAAE;CACjB,CAAC"}

package/lib/RenkoSeries.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+export interface RenkoSeriesProps {
+    readonly clip?: boolean;
+    readonly fill?: {
+        up: string;
+        down: string;
+        partial: string;
+    };
+    readonly stroke?: {
+        up: string;
+        down: string;
+    };
+    readonly yAccessor?: (data: any) => any;
+}
+export declare class RenkoSeries extends React.Component<RenkoSeriesProps> {
+    static defaultProps: {
+        clip: boolean;
+        fill: {
+            up: string;
+            down: string;
+            partial: string;
+        };
+        stroke: {
+            up: string;
+            down: string;
+        };
+        yAccessor: (d: any) => {
+            open: any;
+            high: any;
+            low: any;
+            close: any;
+        };
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly getRenko;
+}

package/lib/RenkoSeries.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { isDefined, getAxisCanvas, GenericChartComponent } from "@sgonzaloc/react-financial-charts-core";
+export class RenkoSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { xAccessor, xScale, chartConfig: { yScale }, plotData, } = moreProps;
+            const renko = this.getRenko(plotData, xScale, xAccessor, yScale);
+            renko.forEach((d) => {
+                const { fillStyle, strokeStyle } = d;
+                ctx.beginPath();
+                if (strokeStyle !== undefined) {
+                    ctx.strokeStyle = strokeStyle;
+                }
+                if (fillStyle !== undefined) {
+                    ctx.fillStyle = fillStyle;
+                }
+                ctx.rect(d.x, d.y, d.width, d.height);
+                ctx.closePath();
+                ctx.fill();
+            });
+        };
+        this.getRenko = (plotData, xScale, xAccessor, yScale) => {
+            const { fill, stroke, yAccessor = RenkoSeries.defaultProps.yAccessor } = this.props;
+            const width = xScale(xAccessor(plotData[plotData.length - 1])) - xScale(xAccessor(plotData[0]));
+            const candleWidth = width / (plotData.length - 1);
+            return plotData
+                .filter((d) => isDefined(yAccessor(d).close))
+                .map((d) => {
+                const ohlc = yAccessor(d);
+                const x = xScale(xAccessor(d)) - 0.5 * candleWidth;
+                const y = yScale(Math.max(ohlc.open, ohlc.close));
+                const height = Math.abs(yScale(ohlc.open) - yScale(ohlc.close));
+                const fillStyle = d.fullyFormed ? (ohlc.open <= ohlc.close ? fill === null || fill === void 0 ? void 0 : fill.up : fill === null || fill === void 0 ? void 0 : fill.down) : fill === null || fill === void 0 ? void 0 : fill.partial;
+                const strokeStyle = d.fullyFormed ? (ohlc.open <= ohlc.close ? stroke === null || stroke === void 0 ? void 0 : stroke.up : stroke === null || stroke === void 0 ? void 0 : stroke.down) : undefined;
+                return {
+                    fillStyle,
+                    height,
+                    strokeStyle,
+                    width: candleWidth,
+                    x,
+                    y,
+                };
+            });
+        };
+    }
+    render() {
+        const { clip } = this.props;
+        return (_jsx(GenericChartComponent, { clip: clip, canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan"] }));
+    }
+}
+RenkoSeries.defaultProps = {
+    clip: true,
+    fill: {
+        up: "#26a69a",
+        down: "#ef5350",
+        partial: "#4682B4",
+    },
+    stroke: {
+        up: "none",
+        down: "none",
+    },
+    yAccessor: (d) => ({ open: d.open, high: d.high, low: d.low, close: d.close }),
+};
+//# sourceMappingURL=RenkoSeries.js.map

package/lib/RenkoSeries.js.map

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

package/lib/SARSeries.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+export interface SARSeriesProps {
+    readonly fillStyle?: {
+        falling: string;
+        rising: string;
+    };
+    readonly strokeStyle?: {
+        falling: string;
+        rising: string;
+    };
+    readonly highlightOnHover?: boolean;
+    readonly onClick?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onDoubleClick?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onContextMenu?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly yAccessor: (datum: any) => number | undefined;
+}
+/**
+ * SAR stands for 'stop and reverse'.
+ * The indicator is below prices as they're rising and above
+ * prices as they're falling. In this regard, the indicator
+ * stops and reverses when the price trend reverses and breaks above or below the indicator.
+ */
+export declare class SARSeries extends React.Component<SARSeriesProps> {
+    static defaultProps: {
+        fillStyle: {
+            falling: string;
+            rising: string;
+        };
+        highlightOnHover: boolean;
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly isHover;
+}

package/lib/SARSeries.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { first, getAxisCanvas, getMouseCanvas, GenericChartComponent, last } from "@sgonzaloc/react-financial-charts-core";
+/**
+ * SAR stands for 'stop and reverse'.
+ * The indicator is below prices as they're rising and above
+ * prices as they're falling. In this regard, the indicator
+ * stops and reverses when the price trend reverses and breaks above or below the indicator.
+ */
+export class SARSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { yAccessor, fillStyle = SARSeries.defaultProps.fillStyle, strokeStyle } = this.props;
+            const { xAccessor, plotData, xScale, chartConfig: { yScale }, hovering, } = moreProps;
+            const width = xScale(xAccessor(last(plotData))) - xScale(xAccessor(first(plotData)));
+            const d = ((width / plotData.length) * 0.5) / 2;
+            const radius = Math.min(2, Math.max(0.5, d)) + (hovering ? 2 : 0);
+            plotData.forEach((each) => {
+                const yValue = yAccessor(each);
+                if (yValue === undefined) {
+                    return;
+                }
+                const centerX = xScale(xAccessor(each));
+                const centerY = yScale(yValue);
+                const color = yValue > each.close ? fillStyle.falling : fillStyle.rising;
+                ctx.fillStyle = color;
+                if (strokeStyle !== undefined) {
+                    ctx.strokeStyle = yValue > each.close ? strokeStyle.falling : strokeStyle.rising;
+                }
+                ctx.beginPath();
+                ctx.ellipse(centerX, centerY, radius, radius, 0, 0, 2 * Math.PI);
+                ctx.closePath();
+                ctx.fill();
+                if (strokeStyle !== undefined) {
+                    ctx.stroke();
+                }
+            });
+        };
+        this.isHover = (moreProps) => {
+            const { mouseXY, currentItem, chartConfig: { yScale }, } = moreProps;
+            const { yAccessor } = this.props;
+            const y = mouseXY[1];
+            const currentY = yScale(yAccessor(currentItem));
+            return y < currentY + 5 && y > currentY - 5;
+        };
+    }
+    render() {
+        const { highlightOnHover, onClick, onDoubleClick, onContextMenu } = this.props;
+        const hoverProps = highlightOnHover
+            ? {
+                isHover: this.isHover,
+                drawOn: ["mousemove", "pan"],
+                canvasToDraw: getMouseCanvas,
+            }
+            : {
+                drawOn: ["pan"],
+                canvasToDraw: getAxisCanvas,
+            };
+        return (_jsx(GenericChartComponent, Object.assign({ canvasDraw: this.drawOnCanvas, onClickWhenHover: onClick, onDoubleClickWhenHover: onDoubleClick, onContextMenuWhenHover: onContextMenu }, hoverProps)));
+    }
+}
+SARSeries.defaultProps = {
+    fillStyle: {
+        falling: "#4682B4",
+        rising: "#15EC2E",
+    },
+    highlightOnHover: false,
+};
+//# sourceMappingURL=SARSeries.js.map

package/lib/SARSeries.js.map

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

package/lib/SVGComponent.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface SVGComponentProps {
+    readonly children: (moreProps: any) => React.ReactNode;
+}
+export declare class SVGComponent extends React.Component<SVGComponentProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/lib/SVGComponent.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { GenericChartComponent } from "@sgonzaloc/react-financial-charts-core";
+export class SVGComponent extends React.Component {
+    render() {
+        const { children } = this.props;
+        return _jsx(GenericChartComponent, { drawOn: [], svgDraw: children });
+    }
+}
+//# sourceMappingURL=SVGComponent.js.map

package/lib/SVGComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGComponent.js","sourceRoot":"","sources":["../src/SVGComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAM/E,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA4B;IACzD,MAAM;QACT,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,OAAO,KAAC,qBAAqB,IAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,GAAI,CAAC;IACpE,CAAC;CACJ"}

package/lib/ScatterSeries.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+export interface ScatterSeriesProps {
+    /**
+     * A Marker to draw.
+     */
+    readonly marker?: any;
+    /**
+     * Given the data point return a Marker.
+     */
+    readonly markerProvider?: (datum: any) => any;
+    /**
+     * Props to pass to the marker.
+     */
+    readonly markerProps?: object;
+    /**
+     * Accessor for y value.
+     */
+    readonly yAccessor: (data: any) => number | undefined;
+}
+export declare class ScatterSeries extends React.Component<ScatterSeriesProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly getMarkers;
+}

package/lib/ScatterSeries.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { functor, getAxisCanvas, GenericChartComponent } from "@sgonzaloc/react-financial-charts-core";
+import { group } from "d3-array";
+import * as React from "react";
+export class ScatterSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const points = this.getMarkers(moreProps);
+            const { markerProps } = this.props;
+            const nest = group(points, (d) => d.fillStyle, (d) => d.strokeStyle);
+            nest.forEach((fillValues, fillKey) => {
+                if (fillKey !== "none") {
+                    ctx.fillStyle = fillKey;
+                }
+                fillValues.forEach((strokeValues) => {
+                    strokeValues.forEach((point) => {
+                        const { marker } = point;
+                        marker.drawOnCanvas(Object.assign(Object.assign(Object.assign({}, marker.defaultProps), markerProps), { fillStyle: fillKey }), point, ctx);
+                    });
+                });
+            });
+        };
+        this.getMarkers = (moreProps) => {
+            const { yAccessor, markerProvider, markerProps } = this.props;
+            const { xAccessor, xScale, chartConfig: { yScale }, plotData, } = moreProps;
+            let { marker: Marker } = this.props;
+            if (!(markerProvider || Marker)) {
+                throw new Error("required prop, either marker or markerProvider missing");
+            }
+            return plotData
+                .map((d) => {
+                const yValue = yAccessor(d);
+                if (yValue === undefined) {
+                    return undefined;
+                }
+                const xValue = xAccessor(d);
+                if (markerProvider) {
+                    Marker = markerProvider(d);
+                }
+                const mProps = Object.assign(Object.assign({}, Marker.defaultProps), markerProps);
+                const fill = functor(mProps.fillStyle);
+                const stroke = functor(mProps.strokeStyle);
+                return {
+                    x: xScale(xValue),
+                    y: yScale(yValue),
+                    fillStyle: fill(d),
+                    strokeStyle: stroke(d),
+                    datum: d,
+                    marker: Marker,
+                };
+            })
+                .filter((marker) => marker !== undefined)
+                .map((marker) => marker);
+        };
+    }
+    render() {
+        return _jsx(GenericChartComponent, { canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan"] });
+    }
+}
+//# sourceMappingURL=ScatterSeries.js.map

package/lib/ScatterSeries.js.map

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

package/lib/StackedBarSeries.d.ts

@@ -0,0 +1,44 @@
+import { ScaleContinuousNumeric } from "d3-scale";
+import * as React from "react";
+export interface StackedBarSeriesProps {
+    readonly baseAt?: number | ((xScale: ScaleContinuousNumeric<number, number>, yScale: ScaleContinuousNumeric<number, number>, d: [number, number], moreProps: any) => number);
+    readonly clip?: boolean;
+    readonly direction?: "up" | "down";
+    readonly fillStyle?: string | ((data: any, y: number) => string);
+    readonly spaceBetweenBar?: number;
+    readonly stroke?: boolean;
+    readonly swapScales?: boolean;
+    readonly yAccessor: ((data: any) => number | undefined) | ((d: any) => number)[];
+    readonly width?: number | ((props: StackedBarSeriesProps, moreProps: any) => number);
+    readonly widthRatio?: number;
+}
+export declare class StackedBarSeries extends React.Component<StackedBarSeriesProps> {
+    static defaultProps: {
+        baseAt: (xScale: ScaleContinuousNumeric<number, number>, yScale: ScaleContinuousNumeric<number, number>) => any;
+        direction: string;
+        stroke: boolean;
+        fillStyle: string;
+        width: <T>(props: {
+            widthRatio: number;
+        }, moreProps: {
+            xAccessor: (datum: T) => number | Date;
+            xScale: ScaleContinuousNumeric<number, number, never> | import("d3-scale").ScaleTime<number, number, never>;
+            plotData: T[];
+        }) => number;
+        widthRatio: number;
+        clip: boolean;
+        swapScales: boolean;
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+    private readonly drawOnCanvas;
+}
+export declare function identityStack(): {
+    (data: any): any[];
+    keys(x: any): any[] | any;
+};
+export declare function drawOnCanvasHelper(ctx: CanvasRenderingContext2D, props: any, moreProps: any, xAccessor: any, stackFn: any, defaultPostAction?: (d: any) => any, postRotateAction?: (array: any[]) => any[]): void;
+export declare const rotateXY: (array: any[]) => any[];
+export declare const drawOnCanvas2: (props: {
+    stroke?: boolean;
+}, ctx: CanvasRenderingContext2D, bars: any) => void;
+export declare function getBars(props: StackedBarSeriesProps, xAccessor: any, yAccessor: any, xScale: any, yScale: any, plotData: any[], stack?: typeof identityStack, after?: (d: any) => any): any;