@moderneinc/react-charts 1.3.0-next.bc5134 → 1.3.0-next.d7d66e

package/dist/components/chrono-chart/chrono-chart.types.d.ts

@@ -126,4 +126,20 @@ export type ChronoChartProps = {
      * @default '#69b3a2'
      */
     brushColor?: string;
+    /**
+     * Show crosshair cursor on hover (historical mode only).
+     * Crosshairs are hidden during morphing transitions.
+     * @default true
+     */
+    showCrosshair?: boolean;
+    /**
+     * Color for crosshair lines.
+     * @default '#666'
+     */
+    crosshairColor?: string;
+    /**
+     * Dash array pattern for crosshair lines.
+     * @default '4,4'
+     */
+    crosshairDashArray?: string;
 };

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

@@ -39,5 +39,5 @@ type UseD3StackedAreaProps = {
         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, showCrosshair, crosshairColor, crosshairDashArray, onHoveredAreaChange, onCrosshairMove }: 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, 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,11 @@ type UseD3StackedBarProps = {
     crosshairDashArray?: string;
     brushColor?: string;
     onTooltipChange?: (tooltip: TooltipData | null) => void;
+    minBarWidth?: number;
+    onCrosshairPositionChange?: (position: {
+        x: number;
+        y: number;
+    } | null) => 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 }: UseD3StackedBarProps) => void;
+export declare const useD3StackedBar: ({ containerRef, data, categories, width, height, margin, timeRange, showGrid, showXAxis, showYAxis, enableBrush, zoomToSelection, onTimeRangeChange, formatDate, formatValue, showCrosshair, brushColor, onTooltipChange, minBarWidth, onCrosshairPositionChange }: UseD3StackedBarProps) => void;
 export {};

package/dist/components/morph-chart/hooks/use-morph-chart.hook.d.ts

@@ -52,8 +52,13 @@ type UseMorphChartProps = {
     timelineHeight?: number;
     timelineOffset?: number;
     brushColor?: string;
+    showCrosshair?: boolean;
+    onCrosshairMove?: (position: {
+        x: number;
+        y: number;
+    } | null) => void;
 };
-export declare const useMorphChart: ({ containerRef, data, categories, mode, width, height, margin, timeRange, showGrid, showAxes, axisLabelColor, axisLabelSize, formatDate, formatValue, markers, arcAngle, parliamentRadius, seatSize, animationDuration, onMorphComplete, onAnimationStateChange, onTimelineReady, onAnimationProgress, onHoveredDataChange, hoveredCategory: externalHoveredCategory, maxSeats, parliamentTimestamp, enableBrush, onTimeRangeChange, minAllowedTime: minAllowedTimeConstraint, maxAllowedTime: maxAllowedTimeConstraint, showScaleIndicator, reposPerSeat, timelineEvents, showTimeline, timelineHeight, timelineOffset, brushColor }: UseMorphChartProps) => {
+export declare const useMorphChart: ({ containerRef, data, categories, mode, width, height, margin, timeRange, showGrid, showAxes, axisLabelColor, axisLabelSize, formatDate, formatValue, markers, arcAngle, parliamentRadius, seatSize, animationDuration, onMorphComplete, onAnimationStateChange, onTimelineReady, onAnimationProgress, onHoveredDataChange, hoveredCategory: externalHoveredCategory, maxSeats, parliamentTimestamp, enableBrush, onTimeRangeChange, minAllowedTime: minAllowedTimeConstraint, maxAllowedTime: maxAllowedTimeConstraint, showScaleIndicator, reposPerSeat, timelineEvents, showTimeline, timelineHeight, timelineOffset, brushColor, showCrosshair, onCrosshairMove }: UseMorphChartProps) => {
     isMorphing: boolean;
     currentMode: MorphMode;
     hoveredCategory: string | null;

package/dist/components/morph-chart/morph-chart.types.d.ts

@@ -127,6 +127,22 @@ export type MorphChartProps = {
      * @default '#69b3a2'
      */
     brushColor?: string;
+    /**
+     * Show crosshair cursor on hover (area mode only).
+     * Crosshairs are hidden during morphing transitions.
+     * @default false
+     */
+    showCrosshair?: boolean;
+    /**
+     * Color for crosshair lines.
+     * @default '#666'
+     */
+    crosshairColor?: string;
+    /**
+     * Dash array pattern for crosshair lines.
+     * @default '4,4'
+     */
+    crosshairDashArray?: string;
 };
 /**
  * Seat position in parliament layout