@zendir/ui 0.1.0

package/dist/react/charts/unified/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.js","sources":["../../../../src/react/charts/unified/presets.tsx"],"sourcesContent":["/**\n * @zendir/ui - Chart Presets\n * \n * Pre-configured chart components for common use cases.\n * Each preset wraps AstroChart with sensible defaults.\n */\n\nimport React, { forwardRef, memo } from 'react';\nimport { AstroChart, AstroChartHandle } from './AstroChart';\nimport type { AstroChartProps, SeriesData, AxisOptions } from './types';\nimport { STATUS_COLORS, ASTRO_DATA_VIZ_COLORS } from './theme';\nimport { useTheme } from '../../theme';\n\n// Medium-soft status colors (readable, not too pale)\nconst SOFT_STATUS_COLORS = {\n  normal: '#6ed86e',\n  caution: '#ffd54f',\n  serious: '#ffa726',\n  critical: '#e57373',\n  off: '#90a4ae',\n  standby: '#4fc3f7',\n};\n\n// =============================================================================\n// Shared Types\n// =============================================================================\n\ntype PresetProps = Omit<AstroChartProps, 'type'>;\n\n// =============================================================================\n// Line Chart\n// =============================================================================\n\nexport interface LineChartProps extends PresetProps {\n  /** Enable smooth curves */\n  smooth?: boolean;\n  /** Show data points */\n  showPoints?: boolean;\n  /** Enable area fill */\n  showArea?: boolean;\n}\n\nexport const LineChart = memo(forwardRef<AstroChartHandle, LineChartProps>(\n  function LineChart({ smooth = true, showPoints = false, showArea = false, series = [], ...props }, ref) {\n    const transformedSeries: SeriesData[] = series.map(s => ({\n      ...s,\n      type: showArea ? 'area' : 'line',\n      smooth,\n      symbol: showPoints ? { type: 'circle', size: 6 } : { type: 'none' },\n    }));\n\n    return (\n      <AstroChart\n        ref={ref}\n        type={showArea ? 'area' : 'line'}\n        series={transformedSeries}\n        tooltip={{ trigger: 'axis', crosshair: 'x' }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Area Chart\n// =============================================================================\n\nexport interface AreaChartProps extends PresetProps {\n  /** Stack areas */\n  stacked?: boolean;\n  /** Smooth curves */\n  smooth?: boolean;\n}\n\nexport const AreaChart = memo(forwardRef<AstroChartHandle, AreaChartProps>(\n  function AreaChart({ stacked = false, smooth = true, series = [], ...props }, ref) {\n    const transformedSeries: SeriesData[] = series.map((s, _i) => ({\n      ...s,\n      type: 'area',\n      smooth,\n      stack: stacked ? 'total' : undefined,\n      areaStyle: { opacity: stacked ? 0.8 : 0.3 },\n    }));\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"area\"\n        series={transformedSeries}\n        tooltip={{ trigger: 'axis', crosshair: 'x' }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Bar Chart\n// =============================================================================\n\nexport interface BarChartProps extends PresetProps {\n  /** Stack bars */\n  stacked?: boolean;\n  /** Horizontal orientation */\n  horizontal?: boolean;\n  /** Bar category gap */\n  categoryGap?: string;\n}\n\nexport const BarChart = memo(forwardRef<AstroChartHandle, BarChartProps>(\n  function BarChart({ stacked = false, horizontal = false, series = [], xAxis, yAxis, ...props }, ref) {\n    const transformedSeries: SeriesData[] = series.map(s => ({\n      ...s,\n      type: 'bar',\n      stack: stacked ? 'total' : undefined,\n    }));\n\n    // Swap axes for horizontal\n    const finalXAxis: AxisOptions = horizontal \n      ? { type: 'value', ...(yAxis as AxisOptions) }\n      : { type: 'category', ...xAxis };\n    \n    const finalYAxis: AxisOptions = horizontal\n      ? { type: 'category', ...xAxis }\n      : { type: 'value', ...(yAxis as AxisOptions) };\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"bar\"\n        series={transformedSeries}\n        xAxis={finalXAxis}\n        yAxis={finalYAxis}\n        tooltip={{ trigger: 'axis' }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Scatter Chart\n// =============================================================================\n\nexport interface ScatterChartProps extends PresetProps {\n  /** Symbol size */\n  symbolSize?: number | ((value: number[]) => number);\n  /** Show regression line */\n  showRegression?: boolean;\n}\n\nexport const ScatterChart = memo(forwardRef<AstroChartHandle, ScatterChartProps>(\n  function ScatterChart({ symbolSize = 10, series = [], ...props }, ref) {\n    const transformedSeries: SeriesData[] = series.map(s => ({\n      ...s,\n      type: 'scatter',\n      symbol: { \n        type: 'circle', \n        size: typeof symbolSize === 'number' ? symbolSize : 10,\n      },\n    }));\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"scatter\"\n        series={transformedSeries}\n        tooltip={{ trigger: 'item' }}\n        xAxis={{ type: 'value' }}\n        yAxis={{ type: 'value' }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Pie Chart\n// =============================================================================\n\nexport interface PieChartProps extends Omit<PresetProps, 'xAxis' | 'yAxis' | 'zoom'> {\n  /** Show as donut */\n  donut?: boolean;\n  /** Inner radius for donut (percentage) */\n  innerRadius?: string;\n  /** Outer radius (percentage) */\n  outerRadius?: string;\n  /** Show labels */\n  showLabels?: boolean;\n  /** Center content (for donut) */\n  centerContent?: React.ReactNode;\n}\n\nexport const PieChart = memo(forwardRef<AstroChartHandle, PieChartProps>(\n  function PieChart({ \n    donut = false, \n    innerRadius = '40%', \n    outerRadius = '70%',\n    showLabels = true,\n    series = [],\n    ...props \n  }, ref) {\n    const transformedSeries: SeriesData[] = series.map(s => ({\n      ...s,\n      type: donut ? 'donut' : 'pie',\n    }));\n\n    return (\n      <AstroChart\n        ref={ref}\n        type={donut ? 'donut' : 'pie'}\n        series={transformedSeries}\n        tooltip={{ trigger: 'item' }}\n        echartsOptions={{\n          series: [{\n            radius: donut ? [innerRadius, outerRadius] : outerRadius,\n            label: {\n              show: showLabels,\n              formatter: '{b}: {d}%',\n            },\n          }],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Donut Chart\n// =============================================================================\n\nexport const DonutChart = memo(forwardRef<AstroChartHandle, PieChartProps>(\n  function DonutChart(props, ref) {\n    return <PieChart ref={ref} donut {...props} />;\n  }\n));\n\n// =============================================================================\n// Gauge Chart\n// =============================================================================\n\nexport interface GaugeChartProps extends Omit<PresetProps, 'xAxis' | 'yAxis' | 'zoom' | 'series'> {\n  /** Current value */\n  value: number;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Unit label */\n  unit?: string;\n  /** Title label */\n  label?: string;\n  /** Threshold colors */\n  thresholds?: {\n    value: number;\n    color: string;\n  }[];\n  /** Show progress arc */\n  progress?: boolean;\n  /** Show clock-style pointer (needle). Set false for arc + value only. */\n  showPointer?: boolean;\n}\n\nexport const GaugeChart = memo(forwardRef<AstroChartHandle, GaugeChartProps>(\n  function GaugeChart({ \n    value, \n    min = 0, \n    max = 100, \n    unit = '%',\n    label,\n    thresholds,\n    progress = true,\n    showPointer = true,\n    width = 220,\n    height = 220,\n    ...props \n  }, ref) {\n    const { tokens } = useTheme();\n    const range = max - min;\n    const safeRange = range === 0 ? 1 : range;\n    const clampedValue = Math.max(min, Math.min(max, value));\n    const widthPx = typeof width === 'number' ? width : (typeof height === 'number' ? height : 220);\n    const heightPx = typeof height === 'number' ? height : 220;\n    const gaugeSize = Math.max(120, Math.min(widthPx, heightPx));\n    const compactGauge = gaugeSize < 170;\n    const arcWidth = Math.max(8, Math.round(gaugeSize * 0.07));\n    const valueFontSize = Math.max(16, Math.round(gaugeSize * 0.15));\n    const labelFontSize = Math.max(10, Math.round(gaugeSize * 0.07));\n    const unitSuffix = unit?.trim() ?? '';\n    const longUnit = unitSuffix.length > 4;\n\n    const series: SeriesData[] = [{\n      id: 'gauge',\n      name: label || 'Value',\n      type: 'gauge',\n      data: [{ x: 0, y: clampedValue }],\n    }];\n\n    // Build color stops from thresholds\n    const normalizedThresholds = [...(thresholds ?? [])]\n      .filter((t) => Number.isFinite(t.value))\n      .sort((a, b) => a.value - b.value);\n\n    const colorStops = normalizedThresholds.map((t) => ([\n      Math.max(0, Math.min(1, (t.value - min) / safeRange)),\n      t.color,\n    ] as [number, string]));\n\n    if (colorStops.length === 0) {\n      colorStops.push(\n        [0.3, SOFT_STATUS_COLORS.normal],\n        [0.7, SOFT_STATUS_COLORS.caution],\n        [1, SOFT_STATUS_COLORS.critical],\n      );\n    } else if (colorStops[colorStops.length - 1][0] < 1) {\n      colorStops.push([1, colorStops[colorStops.length - 1][1]]);\n    }\n\n    const activeColor = [...colorStops]\n      .reverse()\n      .find(([stop]) => stop <= (clampedValue - min) / safeRange)?.[1] ?? SOFT_STATUS_COLORS.normal;\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"gauge\"\n        series={series}\n        width={width}\n        height={height}\n        echartsOptions={{\n          series: [{\n            type: 'gauge',\n            min,\n            max,\n            progress: {\n              show: progress,\n              width: arcWidth,\n              roundCap: true,\n            },\n            axisLine: {\n              lineStyle: {\n                width: arcWidth,\n                color: colorStops,\n              },\n            },\n            axisTick: { show: false },\n            splitLine: { show: false },\n            axisLabel: { show: false },\n            pointer: {\n              show: showPointer,\n              length: compactGauge ? '56%' : '60%',\n              width: Math.max(3, Math.round(arcWidth * 0.38)),\n            },\n            title: {\n              show: !!label,\n              offsetCenter: [0, compactGauge ? '73%' : '78%'],\n              fontSize: labelFontSize,\n              color: tokens.colors.text.secondary,\n            },\n            detail: {\n              valueAnimation: true,\n              formatter: (currentValue: number) => {\n                const rounded = Math.round(currentValue);\n                if (!unitSuffix) return `${rounded}`;\n                if (longUnit) return `${rounded}\\n{unit|${unitSuffix}}`;\n                return `${rounded}${unitSuffix}`;\n              },\n              rich: {\n                unit: {\n                  color: tokens.colors.text.secondary,\n                  fontSize: Math.max(10, Math.round(valueFontSize * 0.48)),\n                  fontWeight: 500,\n                  lineHeight: Math.round(valueFontSize * 0.78),\n                },\n              },\n              lineHeight: Math.round(valueFontSize * 1.05),\n              fontSize: valueFontSize,\n              fontWeight: 700,\n              offsetCenter: [0, compactGauge ? '10%' : '14%'],\n              color: activeColor,\n            },\n            data: [{ value: clampedValue, name: label }],\n          }],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Radar Chart\n// =============================================================================\n\nexport interface RadarChartProps extends Omit<PresetProps, 'xAxis' | 'yAxis' | 'zoom'> {\n  /** Indicator definitions */\n  indicators: {\n    name: string;\n    max: number;\n    min?: number;\n  }[];\n  /** Fill area */\n  areaStyle?: boolean;\n}\n\nexport const RadarChart = memo(forwardRef<AstroChartHandle, RadarChartProps>(\n  function RadarChart({ indicators, areaStyle = true, series = [], ...props }, ref) {\n    // Extract values from data - support both [{x,y}] and [number] formats\n    const extractValues = (data: unknown[]): number[] => {\n      if (!data || data.length === 0) return [];\n      const first = data[0];\n      if (typeof first === 'number') return data as number[];\n      if (typeof first === 'object' && first !== null && 'y' in first) {\n        return (data as Array<{ y: number }>).map(d => d.y);\n      }\n      return [];\n    };\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"radar\"\n        series={[]} // Empty - we provide series via echartsOptions\n        tooltip={{ trigger: 'item' }}\n        echartsOptions={{\n          radar: {\n            indicator: indicators,\n            shape: 'polygon',\n          },\n          series: series.map(s => ({\n            type: 'radar',\n            name: s.name,\n            data: [{\n              value: extractValues(s.data as unknown[]),\n              name: s.name,\n            }],\n            areaStyle: areaStyle ? { opacity: 0.3 } : undefined,\n          })),\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Heatmap Chart\n// =============================================================================\n\nexport interface HeatmapChartProps extends PresetProps {\n  /** X-axis categories */\n  xCategories: string[];\n  /** Y-axis categories */\n  yCategories: string[];\n  /** Value range */\n  valueRange?: [number, number];\n  /** Show value labels */\n  showLabels?: boolean;\n}\n\nexport const HeatmapChart = memo(forwardRef<AstroChartHandle, HeatmapChartProps>(\n  function HeatmapChart({ \n    xCategories, \n    yCategories, \n    valueRange = [0, 100],\n    showLabels = true,\n    series = [], \n    ...props \n  }, ref) {\n    // Transform data to heatmap format if needed\n    const heatmapData = series[0]?.data as unknown[];\n    \n    return (\n      <AstroChart\n        ref={ref}\n        type=\"heatmap\"\n        series={series}\n        xAxis={{ type: 'category' }}\n        yAxis={{ type: 'category' }}\n        tooltip={{ trigger: 'item' }}\n        echartsOptions={{\n          xAxis: { data: xCategories },\n          yAxis: { data: yCategories },\n          visualMap: {\n            min: valueRange[0],\n            max: valueRange[1],\n            calculable: true,\n            orient: 'horizontal',\n            left: 'center',\n            bottom: '5%',\n          },\n          series: [{\n            type: 'heatmap',\n            data: heatmapData as [number, number, number][],\n            label: {\n              show: showLabels,\n            },\n            emphasis: {\n              itemStyle: {\n                shadowBlur: 10,\n                shadowColor: 'rgba(0, 0, 0, 0.5)',\n              },\n            },\n          }],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Time Series Chart (optimized for streaming data)\n// =============================================================================\n\nexport interface TimeSeriesChartProps extends PresetProps {\n  /** Time window in milliseconds */\n  timeWindow?: number;\n  /** Maximum data points */\n  maxPoints?: number;\n  /** Auto-scroll to latest data */\n  autoScroll?: boolean;\n  /** Show current values */\n  showCurrentValues?: boolean;\n}\n\nexport const TimeSeriesChart = memo(forwardRef<AstroChartHandle, TimeSeriesChartProps>(\n  function TimeSeriesChart({ \n    timeWindow,\n    maxPoints = 1000,\n    autoScroll = true,\n    showCurrentValues: _showCurrentValues = true,\n    series = [],\n    ...props \n  }, ref) {\n    const xAxis: AxisOptions = {\n      type: 'time',\n      ...(timeWindow ? {\n        min: 'dataMin',\n        max: 'dataMax',\n      } : {}),\n    };\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"line\"\n        series={series.map(s => ({\n          ...s,\n          smooth: true,\n          symbol: { type: 'none' },\n        }))}\n        xAxis={xAxis}\n        tooltip={{ \n          trigger: 'axis', \n          crosshair: 'x',\n        }}\n        zoom={autoScroll ? undefined : {\n          enabled: true,\n          type: 'both',\n          axis: 'x',\n        }}\n        realTime={{\n          enabled: true,\n          maxPoints,\n          timeWindow,\n          shift: autoScroll,\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Dual Axis Chart\n// =============================================================================\n\nexport interface DualAxisChartProps extends PresetProps {\n  /** Left Y-axis options */\n  leftAxis?: AxisOptions;\n  /** Right Y-axis options */\n  rightAxis?: AxisOptions;\n}\n\nexport const DualAxisChart = memo(forwardRef<AstroChartHandle, DualAxisChartProps>(\n  function DualAxisChart({ leftAxis, rightAxis, series = [], ...props }, ref) {\n    // Assign series to axes based on yAxisIndex\n    const transformedSeries: SeriesData[] = series.map((s, i) => ({\n      ...s,\n      yAxisIndex: s.yAxisIndex ?? (i % 2), // Alternate by default\n    }));\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"line\"\n        series={transformedSeries}\n        yAxis={[\n          { position: 'left', ...leftAxis },\n          { position: 'right', ...rightAxis },\n        ]}\n        tooltip={{ trigger: 'axis', crosshair: 'x' }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Stacked Area Chart\n// =============================================================================\n\nexport const StackedAreaChart = memo(forwardRef<AstroChartHandle, AreaChartProps>(\n  function StackedAreaChart(props, ref) {\n    return <AreaChart ref={ref} stacked {...props} />;\n  }\n));\n\n// =============================================================================\n// Stacked Bar Chart\n// =============================================================================\n\nexport const StackedBarChart = memo(forwardRef<AstroChartHandle, BarChartProps>(\n  function StackedBarChart(props, ref) {\n    return <BarChart ref={ref} stacked {...props} />;\n  }\n));\n\n// =============================================================================\n// Bubble Chart (AstroUXD compliant)\n// =============================================================================\n\nexport interface BubbleChartProps extends PresetProps {\n  /** Min bubble size (px) */\n  minSize?: number;\n  /** Max bubble size (px) */\n  maxSize?: number;\n  /** Show size legend */\n  showSizeLegend?: boolean;\n}\n\nexport const BubbleChart = memo(forwardRef<AstroChartHandle, BubbleChartProps>(\n  function BubbleChart({ \n    minSize = 10, \n    maxSize = 60, \n    showSizeLegend = true,\n    series = [], \n    ...props \n  }, ref) {\n    // Transform series for bubble (scatter with symbolSize)\n    const transformedSeries: SeriesData[] = series.map(s => ({\n      ...s,\n      type: 'scatter' as const,\n    }));\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"scatter\"\n        series={transformedSeries}\n        tooltip={{ trigger: 'item' }}\n        echartsOptions={{\n          series: series.map((s, _idx) => {\n            const data = s.data as Array<{ x: number; y: number; size?: number; label?: string } | [number, number, number]>;\n            return {\n              type: 'scatter',\n              name: s.name,\n              data: data.map(d => {\n                if (Array.isArray(d)) return d;\n                return [d.x, d.y, (d as { size?: number }).size ?? 10];\n              }),\n              symbolSize: (val: number[]) => {\n                const size = val[2] ?? minSize;\n                return Math.max(minSize, Math.min(maxSize, size));\n              },\n            };\n          }),\n          visualMap: showSizeLegend ? {\n            show: true,\n            dimension: 2,\n            min: 0,\n            max: 100,\n            inRange: { symbolSize: [minSize, maxSize] },\n            right: 10,\n            top: 'center',\n          } : undefined,\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Histogram Chart (AstroUXD compliant)\n// =============================================================================\n\nexport interface HistogramChartProps extends PresetProps {\n  /** Number of bins (auto if not specified) */\n  bins?: number;\n  /** Show distribution curve overlay */\n  showCurve?: boolean;\n}\n\nexport const HistogramChart = memo(forwardRef<AstroChartHandle, HistogramChartProps>(\n  function HistogramChart({ \n    bins: _bins = 20, \n    showCurve: _showCurve = false,\n    series = [], \n    xAxis,\n    ...props \n  }, ref) {\n    // Transform data into histogram bins\n    const transformedSeries: SeriesData[] = series.map(s => ({\n      ...s,\n      type: 'bar' as const,\n    }));\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"bar\"\n        series={transformedSeries}\n        xAxis={{ type: 'category', ...xAxis }}\n        yAxis={{ type: 'value', name: 'Frequency' }}\n        tooltip={{ trigger: 'axis' }}\n        echartsOptions={{\n          series: series.map(s => ({\n            type: 'bar',\n            name: s.name,\n            data: s.data,\n            barWidth: '90%',\n            itemStyle: { borderRadius: [2, 2, 0, 0] },\n          })) as import('echarts').SeriesOption[],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Sankey Diagram (Power/Data Flow)\n// =============================================================================\n\nexport interface SankeyChartProps extends Omit<PresetProps, 'series'> {\n  /** Node definitions */\n  nodes: { name: string; itemStyle?: { color?: string } }[];\n  /** Link definitions */\n  links: { source: string; target: string; value: number }[];\n  /** Orient vertical or horizontal */\n  orient?: 'horizontal' | 'vertical';\n}\n\nexport const SankeyChart = memo(forwardRef<AstroChartHandle, SankeyChartProps>(\n  function SankeyChart({ \n    nodes = [], \n    links = [], \n    orient = 'horizontal',\n    ...props \n  }, ref) {\n    const { tokens } = useTheme();\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"sankey\"\n        series={[]}\n        echartsOptions={{\n          tooltip: {\n            trigger: 'item',\n            triggerOn: 'mousemove',\n          },\n          series: [{\n            type: 'sankey',\n            orient,\n            layoutIterations: 32,\n            emphasis: { focus: 'adjacency' },\n            nodeAlign: 'justify',\n            lineStyle: { color: 'gradient', curveness: 0.5 },\n            data: nodes,\n            links,\n            label: {\n              color: tokens.colors.text.primary,\n              fontSize: 12,\n            },\n          }],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Treemap (Storage/Allocation Visualization)\n// AstroUXDS compliant hierarchical visualization\n// =============================================================================\n\nexport interface TreemapDataNode {\n  name: string;\n  value?: number;\n  children?: TreemapDataNode[];\n  itemStyle?: { color?: string };\n}\n\nexport interface TreemapChartProps extends Omit<PresetProps, 'series'> {\n  /** Hierarchical data */\n  data: TreemapDataNode[];\n  /** Show breadcrumb navigation */\n  showBreadcrumb?: boolean;\n  /** Leaf depth to show */\n  leafDepth?: number;\n}\n\nexport const TreemapChart = memo(forwardRef<AstroChartHandle, TreemapChartProps>(\n  function TreemapChart({ \n    data = [], \n    showBreadcrumb = true,\n    leafDepth = 2,\n    ...props \n  }, ref) {\n    const { tokens } = useTheme();\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"treemap\"\n        series={[]}\n        echartsOptions={{\n          tooltip: {\n            formatter: ((info: any) => {\n              const value = info.value;\n              const name = info.name;\n              return `${name}: ${typeof value === 'number' ? value.toLocaleString() : value}`;\n            }) as unknown as string,\n          },\n          series: [{\n            type: 'treemap',\n            data,\n            leafDepth,\n            roam: false,\n            // AstroUXDS compliant breadcrumb navigation\n            breadcrumb: {\n              show: showBreadcrumb,\n              bottom: 10,\n              itemStyle: { color: 'rgba(100, 116, 139, 0.6)' }, // Subtle grey\n            },\n            label: {\n              show: true,\n              formatter: '{b}',\n              color: tokens.colors.text.primary,\n              fontSize: 12,\n            },\n            upperLabel: {\n              show: true,\n              height: 30,\n              color: tokens.colors.text.secondary,\n            },\n            // AstroUXDS compliant borders - subtle grey\n            itemStyle: {\n              borderColor: 'rgba(100, 116, 139, 0.2)',\n              borderWidth: 2,\n              gapWidth: 2,\n            },\n            levels: [\n              {\n                itemStyle: { borderColor: 'rgba(100, 116, 139, 0.3)', borderWidth: 4, gapWidth: 4 },\n                upperLabel: { show: false },\n              },\n              {\n                itemStyle: { borderColor: 'rgba(100, 116, 139, 0.25)', borderWidth: 2, gapWidth: 2 },\n                emphasis: { itemStyle: { borderColor: ASTRO_DATA_VIZ_COLORS.mixed[0] } }, // Zendir Electric on hover\n              },\n              {\n                colorSaturation: [0.35, 0.5],\n                itemStyle: { borderColor: 'rgba(62, 60, 255, 0.3)', borderWidth: 1 }, // Zendir Electric subtle\n              },\n            ],\n          }],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Sunburst Chart (Hierarchical Status)\n// =============================================================================\n\nexport interface SunburstDataNode {\n  name: string;\n  value?: number;\n  children?: SunburstDataNode[];\n  itemStyle?: { color?: string };\n}\n\nexport interface SunburstChartProps extends Omit<PresetProps, 'series'> {\n  /** Hierarchical data */\n  data: SunburstDataNode[];\n  /** Inner radius (percentage or pixels) */\n  innerRadius?: string | number;\n  /** Outer radius (percentage or pixels) */\n  outerRadius?: string | number;\n}\n\nexport const SunburstChart = memo(forwardRef<AstroChartHandle, SunburstChartProps>(\n  function SunburstChart({ \n    data = [], \n    innerRadius = '15%',\n    outerRadius = '80%',\n    ...props \n  }, ref) {\n    const { tokens } = useTheme();\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"sunburst\"\n        series={[]}\n        echartsOptions={{\n          tooltip: {\n            trigger: 'item',\n          },\n          // Zendir-branded sunburst visualization\n          series: [{\n            type: 'sunburst',\n            data,\n            radius: [innerRadius, outerRadius],\n            emphasis: { focus: 'ancestor' },\n            label: {\n              rotate: 'radial',\n              color: tokens.colors.text.secondary,\n              fontSize: 11,\n            },\n            itemStyle: {\n              borderRadius: 4,\n              borderWidth: 2,\n              borderColor: 'rgba(62, 60, 255, 0.25)', // Zendir Electric subtle border\n            },\n            levels: [\n              {},\n              { r0: '15%', r: '40%', label: { rotate: 'tangential' } },\n              { r0: '40%', r: '65%' },\n              { r0: '65%', r: '80%', label: { position: 'outside', fontSize: 10 } },\n            ],\n          }],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Parallel Coordinates (Multi-Parameter Analysis)\n// =============================================================================\n\nexport interface ParallelAxisDef {\n  dim: number;\n  name: string;\n  min?: number;\n  max?: number;\n  type?: 'value' | 'category';\n  data?: string[];\n}\n\nexport interface ParallelChartProps extends Omit<PresetProps, 'series'> {\n  /** Axis definitions */\n  axes: ParallelAxisDef[];\n  /** Data rows (each row is values for each axis) */\n  data: (number | string)[][];\n  /** Line style */\n  lineStyle?: { opacity?: number; width?: number };\n}\n\nexport const ParallelChart = memo(forwardRef<AstroChartHandle, ParallelChartProps>(\n  function ParallelChart({ \n    axes = [], \n    data = [],\n    lineStyle = { opacity: 0.5, width: 1.5 },\n    ...props \n  }, ref) {\n    const { tokens } = useTheme();\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"line\"\n        series={[]}\n        // AstroUXDS compliant parallel coordinates\n        echartsOptions={{\n          parallelAxis: axes.map(axis => ({\n            dim: axis.dim,\n            name: axis.name,\n            min: axis.min,\n            max: axis.max,\n            type: axis.type || 'value',\n            data: axis.data,\n            nameTextStyle: { color: tokens.colors.text.secondary },\n            axisLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.3)' } },\n            axisTick: { lineStyle: { color: 'rgba(100, 116, 139, 0.3)' } },\n            axisLabel: { color: tokens.colors.text.tertiary },\n          })),\n          parallel: {\n            left: 60,\n            right: 60,\n            bottom: 60,\n            top: 60,\n            parallelAxisDefault: {\n              type: 'value',\n              nameLocation: 'end',\n              nameGap: 20,\n              axisLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.3)' } },\n              axisTick: { lineStyle: { color: 'rgba(100, 116, 139, 0.3)' } },\n              splitLine: { show: false },\n              axisLabel: { color: tokens.colors.text.tertiary },\n            },\n          },\n          series: [{\n            type: 'parallel',\n            lineStyle: {\n              ...lineStyle,\n              color: ASTRO_DATA_VIZ_COLORS.mixed[0], // Zendir Electric\n            },\n            data: data.map(row => ({ value: row })),\n            emphasis: {\n              lineStyle: { width: 3, opacity: 1 },\n            },\n          }],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Candlestick Chart (Financial/Orbital Maneuver Windows)\n// =============================================================================\n\nexport interface CandlestickDataPoint {\n  time: number | string;\n  open: number;\n  close: number;\n  low: number;\n  high: number;\n}\n\nexport interface CandlestickChartProps extends Omit<PresetProps, 'series'> {\n  /** OHLC data */\n  data: CandlestickDataPoint[];\n  /** Show volume bars */\n  showVolume?: boolean;\n}\n\nexport const CandlestickChart = memo(forwardRef<AstroChartHandle, CandlestickChartProps>(\n  function CandlestickChart({ \n    data = [],\n    showVolume: _showVolume = false,\n    ...props \n  }, ref) {\n    const { tokens } = useTheme();\n    const categoryData = data.map(d => d.time);\n    const ohlcData = data.map(d => [d.open, d.close, d.low, d.high]);\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"candlestick\"\n        series={[]}\n        // Candlestick uses AstroUXDS status colors for semantic meaning\n        // Green (normal) = bullish/up, Red (critical) = bearish/down\n        echartsOptions={{\n          tooltip: {\n            trigger: 'axis',\n            axisPointer: { type: 'cross' },\n          },\n          xAxis: {\n            type: 'category',\n            data: categoryData,\n            axisLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.3)' } },\n            axisLabel: { color: tokens.colors.text.secondary },\n          },\n          yAxis: {\n            type: 'value',\n            scale: true,\n            splitLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.15)' } },\n            axisLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.3)' } },\n            axisLabel: { color: tokens.colors.text.secondary },\n          },\n          series: [{\n            type: 'candlestick',\n            data: ohlcData,\n            itemStyle: {\n              color: SOFT_STATUS_COLORS.normal,   // AstroUXDS green (up/bullish)\n              color0: SOFT_STATUS_COLORS.critical, // AstroUXDS red (down/bearish)\n              borderColor: SOFT_STATUS_COLORS.normal,\n              borderColor0: SOFT_STATUS_COLORS.critical,\n            },\n          }],\n          dataZoom: [\n            { type: 'inside', start: 0, end: 100 },\n            { show: true, type: 'slider', bottom: 10 },\n          ],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Graph/Network Chart (Subsystem Dependencies)\n// =============================================================================\n\nexport interface GraphNode {\n  id: string;\n  name: string;\n  value?: number;\n  category?: number;\n  symbolSize?: number;\n  x?: number;\n  y?: number;\n  itemStyle?: { color?: string };\n}\n\nexport interface GraphLink {\n  source: string;\n  target: string;\n  value?: number;\n  lineStyle?: { width?: number; color?: string };\n}\n\nexport interface GraphCategory {\n  name: string;\n  itemStyle?: { color?: string };\n}\n\nexport interface GraphChartProps extends Omit<PresetProps, 'series'> {\n  /** Node definitions */\n  nodes: GraphNode[];\n  /** Link definitions */\n  links: GraphLink[];\n  /** Category definitions */\n  categories?: GraphCategory[];\n  /** Layout type */\n  layout?: 'force' | 'circular' | 'none';\n}\n\nexport const GraphChart = memo(forwardRef<AstroChartHandle, GraphChartProps>(\n  function GraphChart({ \n    nodes = [], \n    links = [],\n    categories = [],\n    layout = 'force',\n    ...props \n  }, ref) {\n    const { tokens } = useTheme();\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"scatter\"\n        series={[]}\n        // Zendir-branded network/graph visualization\n        echartsOptions={{\n          tooltip: {},\n          legend: categories.length > 0 ? {\n            data: categories.map(c => c.name),\n            textStyle: { color: tokens.colors.text.primary },\n          } : undefined,\n          series: [{\n            type: 'graph',\n            layout,\n            data: nodes.map(n => ({\n              ...n,\n              symbolSize: n.symbolSize || 30,\n            })),\n            links,\n            categories,\n            roam: true,\n            label: {\n              show: true,\n              position: 'right',\n              formatter: '{b}',\n              color: tokens.colors.text.primary,\n              fontSize: 11,\n            },\n            lineStyle: {\n              color: 'source',\n              curveness: 0.3,\n              opacity: 0.6,\n            },\n            emphasis: {\n              focus: 'adjacency',\n              lineStyle: { width: 3 },\n            },\n            force: layout === 'force' ? {\n              repulsion: 200,\n              edgeLength: [50, 150],\n              gravity: 0.1,\n            } : undefined,\n          }],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n\n// =============================================================================\n// Box Plot Chart\n// =============================================================================\n\nexport interface BoxPlotDataPoint {\n  /** Category name (x-axis label) */\n  name: string;\n  /** Raw data values for computing boxplot statistics */\n  values: number[];\n}\n\nexport interface BoxPlotChartProps extends Omit<PresetProps, 'series'> {\n  /** Box plot data - each item contains a category name and array of values */\n  data: BoxPlotDataPoint[];\n  /** Show outliers as scatter points */\n  showOutliers?: boolean;\n  /** Custom colors for each box (uses theme palette if not provided) */\n  colors?: string[];\n  /** Horizontal orientation (default is vertical) */\n  horizontal?: boolean;\n}\n\n/**\n * Calculate boxplot statistics from raw values\n */\nfunction calculateBoxplotStats(values: number[]): [number, number, number, number, number] {\n  const sorted = [...values].sort((a, b) => a - b);\n  const n = sorted.length;\n  \n  const min = sorted[0];\n  const max = sorted[n - 1];\n  const median = n % 2 === 0 \n    ? (sorted[n / 2 - 1] + sorted[n / 2]) / 2 \n    : sorted[Math.floor(n / 2)];\n  \n  const q1Index = Math.floor(n * 0.25);\n  const q3Index = Math.floor(n * 0.75);\n  const q1 = sorted[q1Index];\n  const q3 = sorted[q3Index];\n  \n  // IQR-based whiskers\n  const iqr = q3 - q1;\n  const lowerWhisker = Math.max(min, q1 - 1.5 * iqr);\n  const upperWhisker = Math.min(max, q3 + 1.5 * iqr);\n  \n  return [lowerWhisker, q1, median, q3, upperWhisker];\n}\n\n/**\n * BoxPlotChart - Statistical distribution visualization\n * \n * Shows distribution of data through quartiles (box) and whiskers (range).\n * Uses theme-aware colors from the data visualization palette.\n * \n * @example\n * ```tsx\n * <BoxPlotChart\n *   title=\"Score Distribution\"\n *   data={[\n *     { name: 'Team A', values: [65, 72, 84, 91, 55, 88, 76] },\n *     { name: 'Team B', values: [78, 82, 95, 88, 70, 92, 85] },\n *   ]}\n * />\n * ```\n */\nexport const BoxPlotChart = memo(forwardRef<AstroChartHandle, BoxPlotChartProps>(\n  function BoxPlotChart({ \n    data = [],\n    showOutliers = true,\n    colors,\n    horizontal = false,\n    ...props \n  }, ref) {\n    const { tokens } = useTheme();\n\n    // Calculate boxplot statistics for each category\n    const categories = data.map(d => d.name);\n    const boxplotData = data.map((d, index) => {\n      const stats = calculateBoxplotStats(d.values);\n      return {\n        value: stats,\n        itemStyle: colors?.[index] ? { \n          color: colors[index],\n          borderColor: colors[index],\n        } : undefined,\n      };\n    });\n    \n    // Find outliers for each category\n    const outliers: Array<[number, number]> = [];\n    if (showOutliers) {\n      data.forEach((d, catIndex) => {\n        const sorted = [...d.values].sort((a, b) => a - b);\n        const n = sorted.length;\n        const q1Index = Math.floor(n * 0.25);\n        const q3Index = Math.floor(n * 0.75);\n        const q1 = sorted[q1Index];\n        const q3 = sorted[q3Index];\n        const iqr = q3 - q1;\n        const lowerBound = q1 - 1.5 * iqr;\n        const upperBound = q3 + 1.5 * iqr;\n        \n        d.values.forEach(v => {\n          if (v < lowerBound || v > upperBound) {\n            outliers.push([catIndex, v]);\n          }\n        });\n      });\n    }\n\n    const categoryAxis = {\n      type: 'category' as const,\n      data: categories,\n      boundaryGap: true,\n      axisLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.3)' } },\n      axisLabel: { color: tokens.colors.text.secondary, fontSize: 12 },\n      splitArea: { show: false },\n    };\n    \n    const valueAxis = {\n      type: 'value' as const,\n      splitLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.15)' } },\n      axisLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.3)' } },\n      axisLabel: { color: tokens.colors.text.secondary },\n    };\n\n    return (\n      <AstroChart\n        ref={ref}\n        type=\"boxplot\"\n        series={[]}\n        echartsOptions={{\n          tooltip: {\n            trigger: 'item',\n            axisPointer: { type: 'shadow' },\n            formatter: (params: any) => {\n              if (params.seriesType === 'boxplot') {\n                const value = params.value;\n                return `\n                  <div style=\"font-weight: 600; margin-bottom: 4px;\">${params.name}</div>\n                  <div>Upper: ${value[5]?.toFixed(1) ?? value[4]?.toFixed(1)}</div>\n                  <div>Q3: ${value[4]?.toFixed(1) ?? value[3]?.toFixed(1)}</div>\n                  <div>Median: ${value[3]?.toFixed(1) ?? value[2]?.toFixed(1)}</div>\n                  <div>Q1: ${value[2]?.toFixed(1) ?? value[1]?.toFixed(1)}</div>\n                  <div>Lower: ${value[1]?.toFixed(1) ?? value[0]?.toFixed(1)}</div>\n                `;\n              }\n              return `Outlier: ${params.value[1]}`;\n            },\n          },\n          grid: {\n            left: '10%',\n            right: '10%',\n            bottom: '15%',\n            top: '15%',\n          },\n          xAxis: horizontal ? valueAxis : categoryAxis,\n          yAxis: horizontal ? categoryAxis : valueAxis,\n          series: [\n            {\n              name: 'boxplot',\n              type: 'boxplot' as const,\n              data: boxplotData,\n              itemStyle: {\n                borderWidth: 2,\n              },\n              emphasis: {\n                itemStyle: {\n                  borderWidth: 3,\n                },\n              },\n            },\n            ...(showOutliers && outliers.length > 0 ? [{\n              name: 'outlier',\n              type: 'scatter' as const,\n              data: outliers,\n              symbolSize: 8,\n              itemStyle: {\n                color: SOFT_STATUS_COLORS.caution,\n              },\n            }] : []),\n          ],\n        }}\n        {...props}\n      />\n    );\n  }\n));\n"],"names":["LineChart","AreaChart","BarChart","ScatterChart","PieChart","DonutChart","GaugeChart","RadarChart","HeatmapChart","TimeSeriesChart","DualAxisChart","StackedAreaChart","StackedBarChart","BubbleChart","HistogramChart","SankeyChart","TreemapChart","SunburstChart","ParallelChart","CandlestickChart","GraphChart","BoxPlotChart"],"mappings":"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"}

package/dist/react/charts/unified/sync.d.ts

@@ -0,0 +1,69 @@
+import { ECharts } from 'echarts';
+import { AstroChartHandle } from './AstroChart';
+
+interface SyncGroupOptions {
+    /** Sync tooltip position */
+    tooltip?: boolean;
+    /** Sync crosshair */
+    crosshair?: boolean;
+    /** Sync zoom/pan */
+    zoom?: boolean;
+    /** Sync legend selection */
+    legend?: boolean;
+}
+export interface UseChartSyncOptions extends SyncGroupOptions {
+    /** Sync group ID */
+    groupId: string;
+    /** Whether sync is enabled */
+    enabled?: boolean;
+}
+/**
+ * Hook to synchronize a chart with other charts in the same group
+ *
+ * @example
+ * ```tsx
+ * const chartRef = useRef<AstroChartHandle>(null);
+ * useChartSync(chartRef, { groupId: 'dashboard-charts' });
+ * ```
+ */
+export declare function useChartSync(chartRef: React.RefObject<AstroChartHandle>, options: UseChartSyncOptions): void;
+/**
+ * Dispatch action to all charts in a group
+ */
+export declare function dispatchToGroup(groupId: string, action: Parameters<ECharts['dispatchAction']>[0]): void;
+/**
+ * Sync zoom range across all charts in a group
+ */
+export declare function syncZoomRange(groupId: string, start: number, end: number): void;
+/**
+ * Reset zoom for all charts in a group
+ */
+export declare function resetGroupZoom(groupId: string): void;
+/**
+ * Show tooltip at specific data index for all charts
+ */
+export declare function showGroupTooltip(groupId: string, seriesIndex: number, dataIndex: number): void;
+/**
+ * Hide tooltip for all charts in a group
+ */
+export declare function hideGroupTooltip(groupId: string): void;
+/**
+ * Get all chart instances in a group
+ */
+export declare function getGroupCharts(groupId: string): ECharts[];
+/**
+ * Export all charts in a group as images
+ */
+export declare function exportGroupAsImages(groupId: string, options?: {
+    type?: 'png' | 'svg';
+    pixelRatio?: number;
+    fileName?: string;
+}): string[];
+/**
+ * Export all charts in a group as a combined CSV
+ */
+export declare function exportGroupAsCSV(groupId: string, options?: {
+    fileName?: string;
+    includeHeaders?: boolean;
+}): string;
+export {};

package/dist/react/charts/unified/sync.js

@@ -0,0 +1,219 @@
+import { useRef, useEffect } from "react";
+const syncGroups = /* @__PURE__ */ new Map();
+function getOrCreateGroup(groupId, options = {}) {
+  let group = syncGroups.get(groupId);
+  if (!group) {
+    group = {
+      id: groupId,
+      charts: /* @__PURE__ */ new Set(),
+      options: {
+        tooltip: true,
+        crosshair: true,
+        zoom: true,
+        legend: true,
+        ...options
+      }
+    };
+    syncGroups.set(groupId, group);
+  }
+  return group;
+}
+function registerChart(groupId, chart) {
+  const group = getOrCreateGroup(groupId);
+  group.charts.add(chart);
+  const handlers = setupSyncHandlers(chart, group);
+  return () => {
+    handlers.forEach((cleanup) => cleanup());
+    group.charts.delete(chart);
+    if (group.charts.size === 0) {
+      syncGroups.delete(groupId);
+    }
+  };
+}
+function setupSyncHandlers(sourceChart, group) {
+  const cleanups = [];
+  if (group.options.tooltip || group.options.crosshair) {
+    const handleAxisPointer = (params) => {
+      const p = params;
+      group.charts.forEach((chart) => {
+        if (chart === sourceChart) return;
+        try {
+          if (p.axesInfo && p.axesInfo.length > 0) {
+            const axisInfo = p.axesInfo[0];
+            chart.dispatchAction({
+              type: "showTip",
+              x: axisInfo.value,
+              seriesIndex: 0
+            });
+          } else if (p.dataIndex !== void 0) {
+            chart.dispatchAction({
+              type: "showTip",
+              seriesIndex: p.seriesIndex || 0,
+              dataIndex: p.dataIndex
+            });
+          }
+        } catch (e) {
+        }
+      });
+    };
+    const handleMouseOut = () => {
+      group.charts.forEach((chart) => {
+        if (chart === sourceChart) return;
+        try {
+          chart.dispatchAction({ type: "hideTip" });
+        } catch (e) {
+        }
+      });
+    };
+    sourceChart.on("updateAxisPointer", handleAxisPointer);
+    sourceChart.getZr().on("mouseout", handleMouseOut);
+    cleanups.push(() => {
+      var _a;
+      sourceChart.off("updateAxisPointer", handleAxisPointer);
+      (_a = sourceChart.getZr()) == null ? void 0 : _a.off("mouseout", handleMouseOut);
+    });
+  }
+  if (group.options.zoom) {
+    const handleDataZoom = (params) => {
+      var _a, _b, _c, _d;
+      const p = params;
+      const start = ((_b = (_a = p.batch) == null ? void 0 : _a[0]) == null ? void 0 : _b.start) ?? p.start;
+      const end = ((_d = (_c = p.batch) == null ? void 0 : _c[0]) == null ? void 0 : _d.end) ?? p.end;
+      if (start === void 0 || end === void 0) return;
+      group.charts.forEach((chart) => {
+        if (chart === sourceChart) return;
+        try {
+          chart.dispatchAction({
+            type: "dataZoom",
+            start,
+            end
+          });
+        } catch (e) {
+        }
+      });
+    };
+    sourceChart.on("datazoom", handleDataZoom);
+    cleanups.push(() => sourceChart.off("datazoom", handleDataZoom));
+  }
+  if (group.options.legend) {
+    const handleLegendSelect = (params) => {
+      const p = params;
+      group.charts.forEach((chart) => {
+        if (chart === sourceChart) return;
+        try {
+          chart.dispatchAction({
+            type: "legendToggleSelect",
+            name: p.name
+          });
+        } catch (e) {
+        }
+      });
+    };
+    sourceChart.on("legendselectchanged", handleLegendSelect);
+    cleanups.push(() => sourceChart.off("legendselectchanged", handleLegendSelect));
+  }
+  return cleanups;
+}
+function useChartSync(chartRef, options) {
+  const { groupId, enabled = true, ..._syncOptions } = options;
+  const cleanupRef = useRef(null);
+  useEffect(() => {
+    var _a;
+    if (!enabled) return;
+    const chart = (_a = chartRef.current) == null ? void 0 : _a.getChart();
+    if (!chart) return;
+    cleanupRef.current = registerChart(groupId, chart);
+    return () => {
+      var _a2;
+      (_a2 = cleanupRef.current) == null ? void 0 : _a2.call(cleanupRef);
+      cleanupRef.current = null;
+    };
+  }, [chartRef, groupId, enabled]);
+}
+function dispatchToGroup(groupId, action) {
+  const group = syncGroups.get(groupId);
+  if (!group) return;
+  group.charts.forEach((chart) => {
+    try {
+      chart.dispatchAction(action);
+    } catch (e) {
+    }
+  });
+}
+function syncZoomRange(groupId, start, end) {
+  dispatchToGroup(groupId, { type: "dataZoom", start, end });
+}
+function resetGroupZoom(groupId) {
+  dispatchToGroup(groupId, { type: "dataZoom", start: 0, end: 100 });
+}
+function showGroupTooltip(groupId, seriesIndex, dataIndex) {
+  dispatchToGroup(groupId, { type: "showTip", seriesIndex, dataIndex });
+}
+function hideGroupTooltip(groupId) {
+  dispatchToGroup(groupId, { type: "hideTip" });
+}
+function getGroupCharts(groupId) {
+  const group = syncGroups.get(groupId);
+  return group ? Array.from(group.charts) : [];
+}
+function exportGroupAsImages(groupId, options = {}) {
+  const { type = "png", pixelRatio = 2, fileName: _fileName = "chart" } = options;
+  const charts = getGroupCharts(groupId);
+  return charts.map((chart, _index) => {
+    return chart.getDataURL({
+      type,
+      pixelRatio,
+      backgroundColor: "transparent"
+    });
+  });
+}
+function exportGroupAsCSV(groupId, options = {}) {
+  const { includeHeaders = true } = options;
+  const charts = getGroupCharts(groupId);
+  const rows = [];
+  charts.forEach((chart, chartIndex) => {
+    const option = chart.getOption();
+    const series = option.series;
+    if (!series || series.length === 0) return;
+    if (includeHeaders) {
+      rows.push([`Chart ${chartIndex + 1}`]);
+      rows.push(["Index", ...series.map((s) => s.name || `Series ${chartIndex}`)]);
+    }
+    const maxLen = Math.max(...series.map((s) => {
+      var _a;
+      return ((_a = s.data) == null ? void 0 : _a.length) || 0;
+    }));
+    for (let i = 0; i < maxLen; i++) {
+      const row = [i.toString()];
+      series.forEach((s) => {
+        var _a, _b, _c;
+        const value = (_a = s.data) == null ? void 0 : _a[i];
+        if (typeof value === "number") {
+          row.push(value.toString());
+        } else if (Array.isArray(value)) {
+          row.push(((_b = value[1]) == null ? void 0 : _b.toString()) || "");
+        } else if (value && typeof value === "object") {
+          const v = value;
+          row.push(((_c = v.value ?? v.y) == null ? void 0 : _c.toString()) || "");
+        } else {
+          row.push("");
+        }
+      });
+      rows.push(row);
+    }
+    rows.push([]);
+  });
+  return rows.map((row) => row.join(",")).join("\n");
+}
+export {
+  dispatchToGroup,
+  exportGroupAsCSV,
+  exportGroupAsImages,
+  getGroupCharts,
+  hideGroupTooltip,
+  resetGroupZoom,
+  showGroupTooltip,
+  syncZoomRange,
+  useChartSync
+};
+//# sourceMappingURL=sync.js.map

package/dist/react/charts/unified/sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync.js","sources":["../../../../src/react/charts/unified/sync.ts"],"sourcesContent":["/**\n * @zendir/ui - Chart Synchronization Utilities\n * \n * Enables crosshair, tooltip, and zoom synchronization across multiple charts.\n * Useful for dashboard views with related time-series data.\n */\n\nimport { useEffect, useRef } from 'react';\nimport type { ECharts } from 'echarts';\nimport type { AstroChartHandle } from './AstroChart';\n\n// =============================================================================\n// Sync Group Manager\n// =============================================================================\n\ninterface SyncGroup {\n  id: string;\n  charts: Set<ECharts>;\n  options: SyncGroupOptions;\n}\n\ninterface SyncGroupOptions {\n  /** Sync tooltip position */\n  tooltip?: boolean;\n  /** Sync crosshair */\n  crosshair?: boolean;\n  /** Sync zoom/pan */\n  zoom?: boolean;\n  /** Sync legend selection */\n  legend?: boolean;\n}\n\n// Global registry of sync groups\nconst syncGroups = new Map<string, SyncGroup>();\n\n/**\n * Create or get a sync group\n */\nfunction getOrCreateGroup(groupId: string, options: SyncGroupOptions = {}): SyncGroup {\n  let group = syncGroups.get(groupId);\n  if (!group) {\n    group = {\n      id: groupId,\n      charts: new Set(),\n      options: {\n        tooltip: true,\n        crosshair: true,\n        zoom: true,\n        legend: true,\n        ...options,\n      },\n    };\n    syncGroups.set(groupId, group);\n  }\n  return group;\n}\n\n/**\n * Register a chart with a sync group\n */\nfunction registerChart(groupId: string, chart: ECharts): () => void {\n  const group = getOrCreateGroup(groupId);\n  group.charts.add(chart);\n\n  // Setup event handlers\n  const handlers = setupSyncHandlers(chart, group);\n\n  // Return cleanup function\n  return () => {\n    handlers.forEach(cleanup => cleanup());\n    group.charts.delete(chart);\n    if (group.charts.size === 0) {\n      syncGroups.delete(groupId);\n    }\n  };\n}\n\n/**\n * Setup synchronization event handlers\n */\nfunction setupSyncHandlers(sourceChart: ECharts, group: SyncGroup): (() => void)[] {\n  const cleanups: (() => void)[] = [];\n\n  // Tooltip/Crosshair sync\n  if (group.options.tooltip || group.options.crosshair) {\n    const handleAxisPointer = (params: unknown) => {\n      const p = params as { \n        axesInfo?: { axisDim: string; value: unknown }[];\n        seriesIndex?: number;\n        dataIndex?: number;\n      };\n      \n      group.charts.forEach(chart => {\n        if (chart === sourceChart) return;\n\n        try {\n          if (p.axesInfo && p.axesInfo.length > 0) {\n            const axisInfo = p.axesInfo[0];\n            chart.dispatchAction({\n              type: 'showTip',\n              x: axisInfo.value as number,\n              seriesIndex: 0,\n            });\n          } else if (p.dataIndex !== undefined) {\n            chart.dispatchAction({\n              type: 'showTip',\n              seriesIndex: p.seriesIndex || 0,\n              dataIndex: p.dataIndex,\n            });\n          }\n        } catch (e) {\n          // Ignore errors from disposed charts\n        }\n      });\n    };\n\n    const handleMouseOut = () => {\n      group.charts.forEach(chart => {\n        if (chart === sourceChart) return;\n        try {\n          chart.dispatchAction({ type: 'hideTip' });\n        } catch (e) {\n          // Ignore\n        }\n      });\n    };\n\n    sourceChart.on('updateAxisPointer', handleAxisPointer);\n    sourceChart.getZr().on('mouseout', handleMouseOut);\n\n    cleanups.push(() => {\n      sourceChart.off('updateAxisPointer', handleAxisPointer);\n      sourceChart.getZr()?.off('mouseout', handleMouseOut);\n    });\n  }\n\n  // Zoom sync\n  if (group.options.zoom) {\n    const handleDataZoom = (params: unknown) => {\n      const p = params as { \n        batch?: { start: number; end: number }[];\n        start?: number;\n        end?: number;\n      };\n      \n      const start = p.batch?.[0]?.start ?? p.start;\n      const end = p.batch?.[0]?.end ?? p.end;\n\n      if (start === undefined || end === undefined) return;\n\n      group.charts.forEach(chart => {\n        if (chart === sourceChart) return;\n        try {\n          chart.dispatchAction({\n            type: 'dataZoom',\n            start,\n            end,\n          });\n        } catch (e) {\n          // Ignore\n        }\n      });\n    };\n\n    sourceChart.on('datazoom', handleDataZoom);\n    cleanups.push(() => sourceChart.off('datazoom', handleDataZoom));\n  }\n\n  // Legend sync\n  if (group.options.legend) {\n    const handleLegendSelect = (params: unknown) => {\n      const p = params as { name: string; selected: Record<string, boolean> };\n      \n      group.charts.forEach(chart => {\n        if (chart === sourceChart) return;\n        try {\n          chart.dispatchAction({\n            type: 'legendToggleSelect',\n            name: p.name,\n          });\n        } catch (e) {\n          // Ignore\n        }\n      });\n    };\n\n    sourceChart.on('legendselectchanged', handleLegendSelect);\n    cleanups.push(() => sourceChart.off('legendselectchanged', handleLegendSelect));\n  }\n\n  return cleanups;\n}\n\n// =============================================================================\n// React Hook\n// =============================================================================\n\nexport interface UseChartSyncOptions extends SyncGroupOptions {\n  /** Sync group ID */\n  groupId: string;\n  /** Whether sync is enabled */\n  enabled?: boolean;\n}\n\n/**\n * Hook to synchronize a chart with other charts in the same group\n * \n * @example\n * ```tsx\n * const chartRef = useRef<AstroChartHandle>(null);\n * useChartSync(chartRef, { groupId: 'dashboard-charts' });\n * ```\n */\nexport function useChartSync(\n  chartRef: React.RefObject<AstroChartHandle>,\n  options: UseChartSyncOptions\n): void {\n  const { groupId, enabled = true, ..._syncOptions } = options;\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    // Get chart instance\n    const chart = chartRef.current?.getChart() as ECharts | undefined;\n    if (!chart) return;\n\n    // Register with group\n    cleanupRef.current = registerChart(groupId, chart);\n\n    return () => {\n      cleanupRef.current?.();\n      cleanupRef.current = null;\n    };\n  }, [chartRef, groupId, enabled]);\n}\n\n// =============================================================================\n// Programmatic API\n// =============================================================================\n\n/**\n * Dispatch action to all charts in a group\n */\nexport function dispatchToGroup(\n  groupId: string, \n  action: Parameters<ECharts['dispatchAction']>[0]\n): void {\n  const group = syncGroups.get(groupId);\n  if (!group) return;\n\n  group.charts.forEach(chart => {\n    try {\n      chart.dispatchAction(action);\n    } catch (e) {\n      // Ignore disposed charts\n    }\n  });\n}\n\n/**\n * Sync zoom range across all charts in a group\n */\nexport function syncZoomRange(\n  groupId: string,\n  start: number,\n  end: number\n): void {\n  dispatchToGroup(groupId, { type: 'dataZoom', start, end });\n}\n\n/**\n * Reset zoom for all charts in a group\n */\nexport function resetGroupZoom(groupId: string): void {\n  dispatchToGroup(groupId, { type: 'dataZoom', start: 0, end: 100 });\n}\n\n/**\n * Show tooltip at specific data index for all charts\n */\nexport function showGroupTooltip(\n  groupId: string,\n  seriesIndex: number,\n  dataIndex: number\n): void {\n  dispatchToGroup(groupId, { type: 'showTip', seriesIndex, dataIndex });\n}\n\n/**\n * Hide tooltip for all charts in a group\n */\nexport function hideGroupTooltip(groupId: string): void {\n  dispatchToGroup(groupId, { type: 'hideTip' });\n}\n\n/**\n * Get all chart instances in a group\n */\nexport function getGroupCharts(groupId: string): ECharts[] {\n  const group = syncGroups.get(groupId);\n  return group ? Array.from(group.charts) : [];\n}\n\n// =============================================================================\n// Export Utilities\n// =============================================================================\n\n/**\n * Export all charts in a group as images\n */\nexport function exportGroupAsImages(\n  groupId: string,\n  options: {\n    type?: 'png' | 'svg';\n    pixelRatio?: number;\n    fileName?: string;\n  } = {}\n): string[] {\n  const { type = 'png', pixelRatio = 2, fileName: _fileName = 'chart' } = options;\n  const charts = getGroupCharts(groupId);\n  \n  return charts.map((chart, _index) => {\n    return chart.getDataURL({\n      type,\n      pixelRatio,\n      backgroundColor: 'transparent',\n    });\n  });\n}\n\n/**\n * Export all charts in a group as a combined CSV\n */\nexport function exportGroupAsCSV(\n  groupId: string,\n  options: {\n    fileName?: string;\n    includeHeaders?: boolean;\n  } = {}\n): string {\n  const { includeHeaders = true } = options;\n  const charts = getGroupCharts(groupId);\n  const rows: string[][] = [];\n\n  charts.forEach((chart, chartIndex) => {\n    const option = chart.getOption();\n    const series = option.series as Array<{ name: string; data: unknown[] }>;\n    \n    if (!series || series.length === 0) return;\n\n    // Add chart header\n    if (includeHeaders) {\n      rows.push([`Chart ${chartIndex + 1}`]);\n      rows.push(['Index', ...series.map(s => s.name || `Series ${chartIndex}`)]);\n    }\n\n    // Find max data length\n    const maxLen = Math.max(...series.map(s => s.data?.length || 0));\n\n    // Add data rows\n    for (let i = 0; i < maxLen; i++) {\n      const row = [i.toString()];\n      series.forEach(s => {\n        const value = s.data?.[i];\n        if (typeof value === 'number') {\n          row.push(value.toString());\n        } else if (Array.isArray(value)) {\n          row.push(value[1]?.toString() || '');\n        } else if (value && typeof value === 'object') {\n          const v = value as { value?: number; y?: number };\n          row.push((v.value ?? v.y)?.toString() || '');\n        } else {\n          row.push('');\n        }\n      });\n      rows.push(row);\n    }\n\n    rows.push([]); // Empty row between charts\n  });\n\n  return rows.map(row => row.join(',')).join('\\n');\n}\n"],"names":["_a"],"mappings":"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"}