@tranding-custom-chart/react 0.0.0-stage → 2.0.0

package/README.md

@@ -1,3 +1,57 @@
-# Temporary Holding Version
+# @tranding-custom-chart/react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+> Declarative, accessible, and reactive React components for the `@tranding-custom-chart` Canvas 2D engine.
+
+[![Version](https://img.shields.io/badge/version-2.0.0-blue.svg)](https://semver.org)
+[![React 19](https://img.shields.io/badge/react-19-cyan.svg)](#)
+[![WCAG 2.2 AA](https://img.shields.io/badge/accessibility-WCAG%202.2%20AA-success.svg)](#)
+
+## Features
+- **Declarative Components**:
+  - Container: `<ChartContainer>` with dynamic `options?: DeepPartial<ChartOptions>`, imperative `chartRef` handle (`applyOptions`, `resize`, `requestRender`), high-DPI canvas, mousewheel zoom, drag-to-pan, and keyboard roving tabindex.
+  - Series: `<UniversalSeries>` (renders any of the 13 chart types), `<CandlestickSeries>`, `<HollowCandlestickSeries>`, `<OhlcBarSeries>`, `<LineSeries>`, `<VolumeSeries>`, `<VolumeProfileSeries>`, `<SupertrendSeries>`, `<PieSeries>`, `<HorizontalBarSeries>`, `<StackedBarSeries>`, `<RadarSeries>`.
+  - Overlays: `<GridAxes>`, `<CrosshairOverlay>`, `<WatermarkOverlay>`, `<LastPriceLine>`, `<DrawingOverlay>`.
+  - Legend: `<InteractiveLegend>` with clickable filter toggles.
+- **Accessibility (WCAG 2.2 AA)**:
+  - Arrow key stepping across data points, Home/End endpoints, PageUp/Down strides.
+  - Semantic HTML fallback table (`<AccessibleChartTable>`) for screen readers.
+  - Polite ARIA live region coordinate speech announcements.
+- **Multi-Chart Synchronization**:
+  - Coordinated crosshairs across multiple panes via `<ChartSyncGroup>`.
+
+## Installation
+```bash
+npm install @tranding-custom-chart/react @tranding-custom-chart/core @tranding-custom-chart/renderer-canvas @tranding-custom-chart/financial react react-dom
+```
+
+## Quick Start
+```tsx
+import React from 'react';
+import {
+  ChartContainer,
+  UniversalSeries,
+  VolumeProfileSeries,
+  SupertrendSeries,
+  GridAxes,
+  CrosshairOverlay,
+} from '@tranding-custom-chart/react';
+import { createIndexTimeScale, createLinearScale, calculateOHLCDomain } from '@tranding-custom-chart/core';
+
+export function TradingChart({ bars }) {
+  const xScale = createIndexTimeScale(bars.length, [20, 800]);
+  const yScale = createLinearScale(calculateOHLCDomain(bars), [400, 20]);
+
+  return (
+    <ChartContainer width={820} height={420} xScale={xScale} yScale={yScale} ariaLabel="Trading Chart">
+      <GridAxes />
+      <UniversalSeries chartType="candlestick" bars={bars} />
+      <SupertrendSeries bars={bars} />
+      <VolumeProfileSeries bars={bars} />
+      <CrosshairOverlay />
+    </ChartContainer>
+  );
+}
+```
+
+## License
+UNLICENSED (Internal / In-House Use)

package/dist/AccessibleChartTable.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @file packages/chart-react/src/AccessibleChartTable.tsx
+ * Accessible HTML table alternative for screen readers (WCAG 2.2 AA).
+ */
+import React from 'react';
+import type { OHLCVBar } from '@tranding-custom-chart/core';
+export interface AccessibleChartTableProps {
+    readonly caption: string;
+    readonly bars: readonly OHLCVBar[];
+}
+export declare function AccessibleChartTable({ caption, bars, }: AccessibleChartTableProps): React.JSX.Element;
+//# sourceMappingURL=AccessibleChartTable.d.ts.map

package/dist/AccessibleChartTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibleChartTable.d.ts","sourceRoot":"","sources":["../src/AccessibleChartTable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;CACpC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,IAAI,GACL,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0C/C"}

package/dist/AccessibleChartTable.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file packages/chart-react/src/AccessibleChartTable.tsx
+ * Accessible HTML table alternative for screen readers (WCAG 2.2 AA).
+ */
+import React from 'react';
+export function AccessibleChartTable({ caption, bars, }) {
+    return (_jsx("div", { style: {
+            position: 'absolute',
+            width: '1px',
+            height: '1px',
+            padding: '0',
+            margin: '-1px',
+            overflow: 'hidden',
+            clip: 'rect(0, 0, 0, 0)',
+            whiteSpace: 'nowrap',
+            border: '0',
+        }, children: _jsxs("table", { children: [_jsx("caption", { children: caption }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Date/Time" }), _jsx("th", { scope: "col", children: "Open" }), _jsx("th", { scope: "col", children: "High" }), _jsx("th", { scope: "col", children: "Low" }), _jsx("th", { scope: "col", children: "Close" }), _jsx("th", { scope: "col", children: "Volume" })] }) }), _jsx("tbody", { children: bars.slice(-100).map((b) => (_jsxs("tr", { children: [_jsx("td", { children: b.dateStr ?? new Date(b.time * 1000).toISOString() }), _jsx("td", { children: b.open.toFixed(2) }), _jsx("td", { children: b.high.toFixed(2) }), _jsx("td", { children: b.low.toFixed(2) }), _jsx("td", { children: b.close.toFixed(2) }), _jsx("td", { children: b.volume !== null ? b.volume.toLocaleString('en-IN') : 'Unavailable' })] }, b.time))) })] }) }));
+}

package/dist/BaselineSeries.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @file packages/chart-react/src/BaselineSeries.tsx
+ * Declarative two-zone Baseline chart series component.
+ */
+export interface BaselineSeriesProps {
+    readonly data: readonly number[];
+    readonly baselineValue: number;
+    readonly aboveColor?: string | undefined;
+    readonly belowColor?: string | undefined;
+    readonly lineWidth?: number | undefined;
+}
+export declare function BaselineSeries({ data, baselineValue, aboveColor, belowColor, lineWidth, }: BaselineSeriesProps): null;
+//# sourceMappingURL=BaselineSeries.d.ts.map

package/dist/BaselineSeries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaselineSeries.d.ts","sourceRoot":"","sources":["../src/BaselineSeries.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,UAAsB,EACtB,UAAsB,EACtB,SAAa,GACd,EAAE,mBAAmB,GAAG,IAAI,CA2B5B"}

package/dist/BaselineSeries.js

@@ -0,0 +1,32 @@
+/**
+ * @file packages/chart-react/src/BaselineSeries.tsx
+ * Declarative two-zone Baseline chart series component.
+ */
+import React, { useEffect, useId } from 'react';
+import { renderBaselineChart } from '@tranding-custom-chart/renderer-canvas';
+import { useChartContext } from './ChartContext.js';
+export function BaselineSeries({ data, baselineValue, aboveColor = '#16794c', belowColor = '#b42318', lineWidth = 2, }) {
+    const { registerDataLayer, xScale, yScale, bounds, padding } = useChartContext();
+    const id = useId();
+    useEffect(() => {
+        if (!xScale || !yScale || data.length === 0)
+            return;
+        const unregister = registerDataLayer(id, (ctx, _bounds, _padding, dpr) => {
+            renderBaselineChart({
+                ctx,
+                data,
+                xScale,
+                yScale,
+                baselineValue,
+                bounds,
+                padding,
+                dpr,
+                aboveColor,
+                belowColor,
+                lineWidth,
+            });
+        });
+        return unregister;
+    }, [registerDataLayer, id, data, xScale, yScale, bounds, padding, baselineValue, aboveColor, belowColor, lineWidth]);
+    return null;
+}

package/dist/BoxPlotSeries.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @file packages/chart-react/src/BoxPlotSeries.tsx
+ * Declarative Box Plot (box-and-whisker) statistical series component.
+ */
+import type { BoxPlotDatum } from '@tranding-custom-chart/core';
+import { type BoxPlotRenderOptions } from '@tranding-custom-chart/renderer-canvas';
+export interface BoxPlotSeriesProps extends BoxPlotRenderOptions {
+    readonly data: readonly BoxPlotDatum[];
+}
+export declare function BoxPlotSeries({ data, boxWidthRatio, capWidthRatio, defaultColor, strokeWidth, medianColor, }: BoxPlotSeriesProps): null;
+//# sourceMappingURL=BoxPlotSeries.d.ts.map

package/dist/BoxPlotSeries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotSeries.d.ts","sourceRoot":"","sources":["../src/BoxPlotSeries.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAGnG,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC9D,QAAQ,CAAC,IAAI,EAAE,SAAS,YAAY,EAAE,CAAC;CACxC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,aAAmB,EACnB,aAAoB,EACpB,YAAwB,EACxB,WAAiB,EACjB,WAAuB,GACxB,EAAE,kBAAkB,GAAG,IAAI,CAgC3B"}

package/dist/BoxPlotSeries.js

@@ -0,0 +1,37 @@
+/**
+ * @file packages/chart-react/src/BoxPlotSeries.tsx
+ * Declarative Box Plot (box-and-whisker) statistical series component.
+ */
+import React, { useEffect, useId } from 'react';
+import { renderBoxPlots } from '@tranding-custom-chart/renderer-canvas';
+import { useChartContext } from './ChartContext.js';
+export function BoxPlotSeries({ data, boxWidthRatio = 0.5, capWidthRatio = 0.25, defaultColor = '#3b82f6', strokeWidth = 1.5, medianColor = '#ffffff', }) {
+    const { registerDataLayer, xScale, yScale } = useChartContext();
+    const id = useId();
+    useEffect(() => {
+        if (!xScale || !yScale || data.length === 0)
+            return;
+        const unregister = registerDataLayer(id, (ctx) => {
+            renderBoxPlots(ctx, data, xScale, yScale, {
+                boxWidthRatio,
+                capWidthRatio,
+                defaultColor,
+                strokeWidth,
+                medianColor,
+            });
+        });
+        return unregister;
+    }, [
+        registerDataLayer,
+        id,
+        data,
+        xScale,
+        yScale,
+        boxWidthRatio,
+        capWidthRatio,
+        defaultColor,
+        strokeWidth,
+        medianColor,
+    ]);
+    return null;
+}

package/dist/BubbleSeries.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @file packages/chart-react/src/BubbleSeries.tsx
+ * Declarative Bubble Chart series component.
+ */
+import type { BubbleDatum } from '@tranding-custom-chart/core';
+import { type BubbleRenderOptions } from '@tranding-custom-chart/renderer-canvas';
+export interface BubbleSeriesProps extends BubbleRenderOptions {
+    readonly data: readonly BubbleDatum[];
+}
+export declare function BubbleSeries({ data, minRadius, maxRadius, defaultColor, strokeColor, strokeWidth, }: BubbleSeriesProps): null;
+//# sourceMappingURL=BubbleSeries.d.ts.map

package/dist/BubbleSeries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleSeries.d.ts","sourceRoot":"","sources":["../src/BubbleSeries.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAGjG,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,QAAQ,CAAC,IAAI,EAAE,SAAS,WAAW,EAAE,CAAC;CACvC;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAa,EACb,SAAc,EACd,YAAwC,EACxC,WAAuC,EACvC,WAAiB,GAClB,EAAE,iBAAiB,GAAG,IAAI,CAgC1B"}

package/dist/BubbleSeries.js

@@ -0,0 +1,37 @@
+/**
+ * @file packages/chart-react/src/BubbleSeries.tsx
+ * Declarative Bubble Chart series component.
+ */
+import React, { useEffect, useId } from 'react';
+import { renderBubbles } from '@tranding-custom-chart/renderer-canvas';
+import { useChartContext } from './ChartContext.js';
+export function BubbleSeries({ data, minRadius = 3, maxRadius = 40, defaultColor = 'rgba(59, 130, 246, 0.6)', strokeColor = 'rgba(59, 130, 246, 0.9)', strokeWidth = 1.5, }) {
+    const { registerDataLayer, xScale, yScale } = useChartContext();
+    const id = useId();
+    useEffect(() => {
+        if (!data || data.length === 0 || !xScale || !yScale)
+            return;
+        const unregister = registerDataLayer(id, (ctx) => {
+            renderBubbles(ctx, data, xScale, yScale, {
+                minRadius,
+                maxRadius,
+                defaultColor,
+                strokeColor,
+                strokeWidth,
+            });
+        });
+        return unregister;
+    }, [
+        registerDataLayer,
+        id,
+        data,
+        xScale,
+        yScale,
+        minRadius,
+        maxRadius,
+        defaultColor,
+        strokeColor,
+        strokeWidth,
+    ]);
+    return null;
+}

package/dist/CandlestickSeries.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @file packages/chart-react/src/CandlestickSeries.tsx
+ * Declarative Candlestick series component.
+ */
+import type { OHLCVBar } from '@tranding-custom-chart/core';
+export interface CandlestickSeriesProps {
+    readonly data: readonly OHLCVBar[];
+    readonly upColor?: string | undefined;
+    readonly downColor?: string | undefined;
+    readonly candleWidthRatio?: number | undefined;
+}
+export declare function CandlestickSeries({ data, upColor, downColor, candleWidthRatio, }: CandlestickSeriesProps): null;
+//# sourceMappingURL=CandlestickSeries.d.ts.map

package/dist/CandlestickSeries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CandlestickSeries.d.ts","sourceRoot":"","sources":["../src/CandlestickSeries.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAI5D,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,gBAAsB,GACvB,EAAE,sBAAsB,GAAG,IAAI,CAmD/B"}

package/dist/CandlestickSeries.js

@@ -0,0 +1,54 @@
+/**
+ * @file packages/chart-react/src/CandlestickSeries.tsx
+ * Declarative Candlestick series component.
+ */
+import React, { useEffect, useId } from 'react';
+import { renderCandlesticks } from '@tranding-custom-chart/renderer-canvas';
+import { useChartContext } from './ChartContext.js';
+export function CandlestickSeries({ data, upColor, downColor, candleWidthRatio = 0.7, }) {
+    const { registerDataLayer, registerHitTest, xScale, yScale, theme } = useChartContext();
+    const id = useId();
+    useEffect(() => {
+        if (!xScale || !yScale || data.length === 0)
+            return;
+        const unregisterHit = registerHitTest(id, (x, _y) => {
+            const idx = Math.round(xScale.invert(x));
+            if (idx >= 0 && idx < data.length) {
+                const bar = data[idx];
+                const barX = xScale.scale(idx);
+                if (Math.abs(x - barX) <= 20) {
+                    return {
+                        elementType: 'candle',
+                        seriesId: id,
+                        dataIndex: idx,
+                        pointId: bar.time,
+                        label: bar.dateStr ?? String(bar.time),
+                    };
+                }
+            }
+            return null;
+        });
+        return unregisterHit;
+    }, [registerHitTest, id, data, xScale, yScale]);
+    useEffect(() => {
+        if (!xScale || !yScale || data.length === 0)
+            return;
+        const unregister = registerDataLayer(id, (ctx, bounds, padding, dpr) => {
+            renderCandlesticks({
+                ctx,
+                bars: data,
+                xScale,
+                yScale,
+                theme: {
+                    ...theme,
+                    upCandle: upColor ?? theme.upCandle,
+                    downCandle: downColor ?? theme.downCandle,
+                },
+                dpr,
+                candleWidthRatio,
+            });
+        });
+        return unregister;
+    }, [registerDataLayer, id, data, xScale, yScale, theme, upColor, downColor, candleWidthRatio]);
+    return null;
+}

package/dist/ChartContainer.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @file packages/chart-react/src/ChartContainer.tsx
+ * High-performance, responsive, accessible React container wrapping CanvasChartEngine.
+ */
+import React from 'react';
+import { type ChartTheme, type Dimension, type Padding, type Scale, type ChartOptions, type DeepPartial, type ChartPlugin, type ChartEvent, type ChartEventHandler, type ChartEventType, type Unsubscribe } from '@tranding-custom-chart/core';
+import { CanvasChartEngine } from '@tranding-custom-chart/renderer-canvas';
+export interface ChartHandle {
+    applyOptions(options: DeepPartial<ChartOptions>): void;
+    resize(width: number, height: number): void;
+    requestRender(): void;
+    getEngine(): CanvasChartEngine | null;
+    subscribe<T = unknown>(eventType: ChartEventType | '*', handler: ChartEventHandler<T>): Unsubscribe;
+    emit<T = unknown>(event: ChartEvent<T>): void;
+}
+export interface ChartContainerProps {
+    readonly width?: number | undefined;
+    readonly height?: number | undefined;
+    readonly padding?: Padding | undefined;
+    readonly theme?: ChartTheme | undefined;
+    readonly options?: DeepPartial<ChartOptions> | undefined;
+    /** Extensible lifecycle plugins */
+    readonly plugins?: readonly ChartPlugin<any>[] | undefined;
+    readonly chartRef?: React.RefObject<ChartHandle | null> | ((handle: ChartHandle | null) => void) | undefined;
+    readonly xScale?: Scale<number> | null | undefined;
+    readonly yScale?: Scale<number> | null | undefined;
+    readonly secondaryYScale?: Scale<number> | null | undefined;
+    readonly ariaLabel: string;
+    readonly pointCount?: number | undefined;
+    readonly onHoverIndexChange?: ((index: number | null) => void) | undefined;
+    readonly onHoverPosChange?: ((pos: {
+        x: number;
+        y: number;
+    } | null) => void) | undefined;
+    readonly onZoom?: ((factor: number, focalIndex?: number | null) => void) | undefined;
+    readonly onPan?: ((deltaX: number) => void) | undefined;
+    readonly isPanDisabled?: boolean | undefined;
+    readonly onDimensionsChange?: ((dim: Dimension) => void) | undefined;
+    readonly className?: string | undefined;
+    readonly style?: React.CSSProperties | undefined;
+    readonly children?: React.ReactNode | undefined;
+    readonly onClick?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDoubleClick?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onPointerDown?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onPointerUp?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onPointerMove?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onHover?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onHoverChange?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDataPointClick?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onSeriesClick?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onLegendClick?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onRangeSelect?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onRangeChange?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDragStart?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDrag?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDragEnd?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onVisibleRangeChange?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onConfigChange?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDataChange?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDrawingChange?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDrawingCreate?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDrawingSelect?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDrawingMove?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDrawingResize?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDrawingDelete?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onDrawingLockChange?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onChartReady?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onChartResize?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onChartDestroy?: ((event: ChartEvent<any>) => void) | undefined;
+    readonly onError?: ((event: ChartEvent<any>) => void) | undefined;
+}
+export declare function ChartContainer({ width: initialWidth, height: initialHeight, padding: initialPadding, theme: initialTheme, options, plugins, chartRef, xScale, yScale, secondaryYScale, ariaLabel, pointCount, onHoverIndexChange, onHoverPosChange, onZoom, onPan, isPanDisabled, onDimensionsChange, className, style, children, onClick, onDoubleClick, onPointerDown, onPointerUp, onPointerMove, onHover, onHoverChange, onDataPointClick, onSeriesClick, onLegendClick, onRangeSelect, onRangeChange, onDragStart, onDrag, onDragEnd, onVisibleRangeChange, onConfigChange, onDataChange, onDrawingChange, onDrawingCreate, onDrawingSelect, onDrawingMove, onDrawingResize, onDrawingDelete, onDrawingLockChange, onChartReady, onChartResize, onChartDestroy, onError, }: ChartContainerProps): React.JSX.Element;
+//# sourceMappingURL=ChartContainer.d.ts.map

package/dist/ChartContainer.d.ts.map

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