@moderneinc/react-charts 1.3.0-next.44efd5 → 1.3.0-next.7ecdcc

package/dist/components/d3-stacked-area-chart/d3-stacked-area-chart.types.d.ts

@@ -2,6 +2,14 @@
  * D3-based stacked area chart types
  * Built for seamless morphing with parliament chart
  */
+export type HoveredAreaData = {
+    timestamp: number;
+    category: {
+        label: string;
+        color: string;
+    };
+    value: number;
+};
 export type D3StackedAreaDataPoint = {
     timestamp: number;
     [category: string]: number;
@@ -78,6 +86,18 @@ export type D3StackedAreaChartProps = {
      * @default '#69b3a2'
      */
     brushColor?: string;
+    /** Show crosshair cursor on hover */
+    showCrosshair?: boolean;
+    /**
+     * Color for crosshair lines
+     * @default '#666'
+     */
+    crosshairColor?: string;
+    /**
+     * Dash array pattern for crosshair lines
+     * @default '4,4'
+     */
+    crosshairDashArray?: string;
     /** Mode for morphing animation */
     morphMode?: 'area' | 'parliament' | 'morphing';
     /** Parliament layout data (for morphing) */

package/dist/components/d3-stacked-area-chart/hooks/use-d3-stacked-area.hook.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { D3StackedAreaCategory, D3StackedAreaDataPoint } from '../d3-stacked-area-chart.types';
+import { D3StackedAreaCategory, D3StackedAreaDataPoint, HoveredAreaData } from '../d3-stacked-area-chart.types';
 type UseD3StackedAreaProps = {
     containerRef: RefObject<SVGSVGElement>;
     data: D3StackedAreaDataPoint[];
@@ -30,6 +30,14 @@ type UseD3StackedAreaProps = {
     markerVisibilityMode?: 'always' | 'hover';
     onMarkerHoverChange?: (isHovering: boolean) => void;
     brushColor?: string;
+    showCrosshair?: boolean;
+    crosshairColor?: string;
+    crosshairDashArray?: string;
+    onHoveredAreaChange?: (data: HoveredAreaData | null) => void;
+    onCrosshairMove?: (position: {
+        x: number;
+        y: number;
+    } | null) => void;
 };
-export declare const useD3StackedArea: ({ containerRef, data, categories, width, height, margin, timeRange, showGrid, showXAxis, showYAxis, enableBrush, zoomToSelection, onTimeRangeChange, formatDate, formatValue, markers, markerVisibilityMode, onMarkerHoverChange, brushColor }: UseD3StackedAreaProps) => void;
+export declare const useD3StackedArea: ({ containerRef, data, categories, width, height, margin, timeRange, showGrid, showXAxis, showYAxis, enableBrush, zoomToSelection, onTimeRangeChange, formatDate, formatValue, markers, markerVisibilityMode, onMarkerHoverChange, brushColor, showCrosshair, crosshairColor, crosshairDashArray, onHoveredAreaChange, onCrosshairMove }: UseD3StackedAreaProps) => void;
 export {};

package/dist/components/d3-stacked-bar-chart/d3-stacked-bar-chart.types.d.ts

@@ -74,6 +74,12 @@ export type D3StackedBarChartProps = {
      * @default '4,4'
      */
     crosshairDashArray?: string;
+    /**
+     * Minimum bar width in pixels. Overrides the automatic minimum width behavior.
+     * When not specified, the chart auto-applies a 2px minimum for time ranges > 3 months.
+     * Set to 0 to disable minimum width entirely.
+     */
+    minBarWidth?: number;
 };
 export type TooltipData = {
     visible: boolean;

package/dist/components/d3-stacked-bar-chart/hooks/use-d3-stacked-bar.hook.d.ts

@@ -26,6 +26,7 @@ type UseD3StackedBarProps = {
     crosshairDashArray?: string;
     brushColor?: string;
     onTooltipChange?: (tooltip: TooltipData | null) => void;
+    minBarWidth?: number;
 };
-export declare const useD3StackedBar: ({ containerRef, data, categories, width, height, margin, timeRange, showGrid, showXAxis, showYAxis, enableBrush, zoomToSelection, onTimeRangeChange, formatDate, formatValue, showCrosshair, crosshairColor, crosshairDashArray, brushColor, onTooltipChange }: UseD3StackedBarProps) => void;
+export declare const useD3StackedBar: ({ containerRef, data, categories, width, height, margin, timeRange, showGrid, showXAxis, showYAxis, enableBrush, zoomToSelection, onTimeRangeChange, formatDate, formatValue, showCrosshair, crosshairColor, crosshairDashArray, brushColor, onTooltipChange, minBarWidth }: UseD3StackedBarProps) => void;
 export {};