drizzle-cube 0.5.4 → 0.5.6

package/dist/client/chunks/chart-line-BZhzOjRl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-line-BZhzOjRl.js","names":[],"sources":["../../../src/client/utils/comparisonUtils.ts","../../../src/client/components/charts/LineChart.tsx"],"sourcesContent":["/**\n * Comparison Data Utilities\n * Handles period-over-period comparison data transformation for charts\n *\n * These utilities detect comparison query results (with __periodIndex metadata)\n * and transform them for visualization in either 'separate' or 'overlay' mode.\n */\n\n/**\n * Check if data contains comparison period metadata\n */\nexport function isComparisonData(data: any[]): boolean {\n  return data.length > 0 && '__periodIndex' in data[0]\n}\n\n/**\n * Get unique period labels from comparison data\n */\nexport function getPeriodLabels(data: any[]): string[] {\n  if (!isComparisonData(data)) return []\n\n  const labels = new Set<string>()\n  for (const row of data) {\n    if (row.__period) {\n      labels.add(row.__period)\n    }\n  }\n  return Array.from(labels)\n}\n\n/**\n * Get period indices from comparison data\n */\nexport function getPeriodIndices(data: any[]): number[] {\n  if (!isComparisonData(data)) return []\n\n  const indices = new Set<number>()\n  for (const row of data) {\n    if (typeof row.__periodIndex === 'number') {\n      indices.add(row.__periodIndex)\n    }\n  }\n  return Array.from(indices).sort((a, b) => a - b)\n}\n\n/**\n * Generate a short label for a period (used in legends)\n * Uses simple \"Current\" / \"Prior\" labels for clarity\n */\nexport function generatePeriodShortLabel(_periodLabel: string, index: number): string {\n  return index === 0 ? 'Current' : 'Prior'\n}\n\n/**\n * Transform comparison data for 'separate' mode\n * Returns data with each row having its original measure values\n * Series are created per period (e.g., \"totalLinesOfCode (Current)\", \"totalLinesOfCode (Prior)\")\n */\nexport function transformForSeparateMode(\n  data: any[],\n  measures: string[],\n  _timeDimensionKey: string\n): { data: any[], seriesKeys: string[] } {\n  if (!isComparisonData(data)) {\n    return { data, seriesKeys: measures }\n  }\n\n  const periodLabels = getPeriodLabels(data)\n  const seriesKeys: string[] = []\n\n  // Create series key for each measure + period combination\n  for (const measure of measures) {\n    for (let i = 0; i < periodLabels.length; i++) {\n      const shortLabel = generatePeriodShortLabel(periodLabels[i], i)\n      const key = `${measure} (${shortLabel})`\n      seriesKeys.push(key)\n    }\n  }\n\n  // Data already has period info, just return as-is for separate mode\n  // The chart will group by time dimension and show multiple lines\n  return { data, seriesKeys }\n}\n\n/**\n * Detect dimension fields in comparison data\n * Returns fields that are not measures, time dimension, or metadata fields\n */\nfunction detectDimensionFields(\n  data: any[],\n  measures: string[],\n  timeDimensionKey: string\n): string[] {\n  if (data.length === 0) return []\n\n  const metadataFields = ['__period', '__periodIndex', '__periodDayIndex']\n  const firstRow = data[0]\n  const dimensions: string[] = []\n\n  for (const key of Object.keys(firstRow)) {\n    if (\n      !measures.includes(key) &&\n      key !== timeDimensionKey &&\n      !metadataFields.includes(key)\n    ) {\n      dimensions.push(key)\n    }\n  }\n\n  return dimensions\n}\n\n/**\n * Get unique dimension values from data for a set of dimension fields\n */\nfunction getUniqueDimensionValues(\n  data: any[],\n  dimensionFields: string[]\n): Map<string, Set<any>> {\n  const values = new Map<string, Set<any>>()\n\n  for (const field of dimensionFields) {\n    values.set(field, new Set())\n  }\n\n  for (const row of data) {\n    for (const field of dimensionFields) {\n      if (row[field] !== undefined && row[field] !== null) {\n        values.get(field)!.add(row[field])\n      }\n    }\n  }\n\n  return values\n}\n\n/**\n * Transform comparison data for 'overlay' mode\n * Pivots data so each row represents a day-of-period index,\n * with separate columns for each period's values.\n *\n * When dimensions are present, creates series keys that include\n * dimension values: \"Engineering - Total Lines of Code (Current)\"\n *\n * Input (without dimensions):\n *   [\n *     { date: '2024-01-01', value: 100, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2024-01-02', value: 110, __periodIndex: 0, __periodDayIndex: 1 },\n *     { date: '2023-01-01', value: 80, __periodIndex: 1, __periodDayIndex: 0 },\n *     { date: '2023-01-02', value: 85, __periodIndex: 1, __periodDayIndex: 1 },\n *   ]\n *\n * Output (without dimensions):\n *   [\n *     { __periodDayIndex: 0, 'value (Current)': 100, 'value (Prior)': 80 },\n *     { __periodDayIndex: 1, 'value (Current)': 110, 'value (Prior)': 85 },\n *   ]\n *\n * Input (with dimensions):\n *   [\n *     { date: '2024-01-01', 'Dept.name': 'Engineering', value: 100, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2024-01-01', 'Dept.name': 'Sales', value: 50, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2023-01-01', 'Dept.name': 'Engineering', value: 80, __periodIndex: 1, __periodDayIndex: 0 },\n *     { date: '2023-01-01', 'Dept.name': 'Sales', value: 40, __periodIndex: 1, __periodDayIndex: 0 },\n *   ]\n *\n * Output (with dimensions):\n *   [\n *     {\n *       __periodDayIndex: 0,\n *       'Engineering - value (Current)': 100,\n *       'Engineering - value (Prior)': 80,\n *       'Sales - value (Current)': 50,\n *       'Sales - value (Prior)': 40,\n *     },\n *   ]\n */\nexport function transformForOverlayMode(\n  data: any[],\n  measures: string[],\n  timeDimensionKey: string,\n  getFieldLabel?: (fieldName: string) => string\n): { data: any[], seriesKeys: string[], xAxisKey: string } {\n  if (!isComparisonData(data)) {\n    return { data, seriesKeys: measures, xAxisKey: timeDimensionKey }\n  }\n\n  const periodLabels = getPeriodLabels(data)\n  const periodIndices = getPeriodIndices(data)\n\n  // Detect dimension fields in the data\n  const dimensionFields = detectDimensionFields(data, measures, timeDimensionKey)\n  const hasDimensions = dimensionFields.length > 0\n\n  // Get unique dimension values for generating series keys\n  const uniqueDimensionValues = hasDimensions\n    ? getUniqueDimensionValues(data, dimensionFields)\n    : null\n\n  // Group data by __periodDayIndex\n  const groupedByDayIndex = new Map<number, Record<string, any>>()\n\n  for (const row of data) {\n    const dayIndex = row.__periodDayIndex\n    const periodIndex = row.__periodIndex\n\n    if (!groupedByDayIndex.has(dayIndex)) {\n      groupedByDayIndex.set(dayIndex, {\n        __periodDayIndex: dayIndex,\n        // Store the date from the first period (index 0) for reference\n        __displayDate: periodIndex === 0 ? row[timeDimensionKey] : undefined\n      })\n    }\n\n    const groupedRow = groupedByDayIndex.get(dayIndex)!\n\n    // If this is the first period and we don't have a display date yet, add it\n    if (!groupedRow.__displayDate && row[timeDimensionKey]) {\n      groupedRow.__displayDate = row[timeDimensionKey]\n    }\n\n    // Build dimension prefix if dimensions are present\n    let dimensionPrefix = ''\n    if (hasDimensions) {\n      const dimensionValues = dimensionFields.map(field => {\n        const value = row[field]\n        return getFieldLabel ? getFieldLabel(String(value)) : String(value)\n      })\n      dimensionPrefix = dimensionValues.join(' / ')\n    }\n\n    // Add measure values with optional dimension prefix and period suffix\n    const shortLabel = generatePeriodShortLabel(periodLabels[periodIndex] || '', periodIndex)\n    for (const measure of measures) {\n      const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n      const key = dimensionPrefix\n        ? `${dimensionPrefix} - ${displayName} (${shortLabel})`\n        : `${displayName} (${shortLabel})`\n      groupedRow[key] = row[measure]\n    }\n  }\n\n  // Convert to array and sort by day index\n  const transformedData = Array.from(groupedByDayIndex.values())\n    .sort((a, b) => a.__periodDayIndex - b.__periodDayIndex)\n\n  // Generate series keys (using display names to match the data keys)\n  const seriesKeys: string[] = []\n\n  if (hasDimensions && uniqueDimensionValues) {\n    // Generate all combinations of dimension values\n    const dimensionCombinations = generateDimensionCombinations(\n      dimensionFields,\n      uniqueDimensionValues,\n      getFieldLabel\n    )\n\n    // For each dimension combination, create series keys for each measure + period\n    for (const dimCombo of dimensionCombinations) {\n      for (const measure of measures) {\n        const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n        for (let i = 0; i < periodIndices.length; i++) {\n          const shortLabel = generatePeriodShortLabel(periodLabels[i] || '', i)\n          seriesKeys.push(`${dimCombo} - ${displayName} (${shortLabel})`)\n        }\n      }\n    }\n  } else {\n    // No dimensions - generate simple measure + period keys\n    for (const measure of measures) {\n      const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n      for (let i = 0; i < periodIndices.length; i++) {\n        const shortLabel = generatePeriodShortLabel(periodLabels[i] || '', i)\n        seriesKeys.push(`${displayName} (${shortLabel})`)\n      }\n    }\n  }\n\n  return {\n    data: transformedData,\n    seriesKeys,\n    xAxisKey: '__periodDayIndex'\n  }\n}\n\n/**\n * Generate all combinations of dimension values as formatted strings\n */\nfunction generateDimensionCombinations(\n  dimensionFields: string[],\n  uniqueValues: Map<string, Set<any>>,\n  getFieldLabel?: (fieldName: string) => string\n): string[] {\n  if (dimensionFields.length === 0) return []\n\n  // For single dimension, just return the values\n  if (dimensionFields.length === 1) {\n    const field = dimensionFields[0]\n    const values = Array.from(uniqueValues.get(field) || [])\n    return values.map(v => getFieldLabel ? getFieldLabel(String(v)) : String(v))\n  }\n\n  // For multiple dimensions, generate cartesian product\n  const result: string[] = []\n  const fieldValues = dimensionFields.map(field =>\n    Array.from(uniqueValues.get(field) || [])\n  )\n\n  function generateCombos(index: number, current: string[]): void {\n    if (index === fieldValues.length) {\n      const formatted = current.map(v =>\n        getFieldLabel ? getFieldLabel(String(v)) : String(v)\n      )\n      result.push(formatted.join(' / '))\n      return\n    }\n\n    for (const value of fieldValues[index]) {\n      generateCombos(index + 1, [...current, value])\n    }\n  }\n\n  generateCombos(0, [])\n  return result\n}\n\n/**\n * Format the period day index for display on X-axis\n * Can show as \"Day 1\", \"Day 2\", etc., or as the original date\n */\nexport function formatPeriodDayIndex(\n  dayIndex: number,\n  displayDate?: string | Date,\n  options?: {\n    showDayNumber?: boolean\n    dateFormat?: 'short' | 'long'\n  }\n): string {\n  if (options?.showDayNumber) {\n    return `Day ${dayIndex + 1}`\n  }\n\n  if (displayDate) {\n    const date = typeof displayDate === 'string' ? new Date(displayDate) : displayDate\n    if (!isNaN(date.getTime())) {\n      return date.toLocaleDateString('en-US', {\n        month: options?.dateFormat === 'long' ? 'long' : 'short',\n        day: 'numeric'\n      })\n    }\n  }\n\n  return `${dayIndex + 1}`\n}\n\n/**\n * Check if a series key represents a prior period (not the first period)\n * Used for applying different styling to prior period lines\n */\nexport function isPriorPeriodSeries(seriesKey: string, periodLabels: string[]): boolean {\n  if (periodLabels.length < 2) return false\n\n  // Check if the series key contains any label other than the first period's\n  for (let i = 1; i < periodLabels.length; i++) {\n    const shortLabel = generatePeriodShortLabel(periodLabels[i], i)\n    if (seriesKey.includes(`(${shortLabel})`)) {\n      return true\n    }\n  }\n\n  // Also check for \"(Prior\" pattern\n  return seriesKey.includes('(Prior')\n}\n\n/**\n * Get the stroke dash array for prior period styling\n */\nexport function getPriorPeriodStrokeDashArray(\n  style: 'solid' | 'dashed' | 'dotted' = 'dashed'\n): string | undefined {\n  switch (style) {\n    case 'solid':\n      return undefined\n    case 'dashed':\n      return '5 5'\n    case 'dotted':\n      return '2 2'\n    default:\n      return '5 5'\n  }\n}\n","import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { LineChart as RechartsLineChart, Line, XAxis, YAxis, CartesianGrid, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatAxisValue, formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport {\n  isComparisonData,\n  getPeriodLabels,\n  transformForOverlayMode,\n  isPriorPeriodSeries,\n  getPriorPeriodStrokeDashArray\n} from '../../utils/comparisonUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst LineChart = React.memo(function LineChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Extract Y-axis fields early for use in useMemo hooks\n  // This ensures hooks are always called in the same order\n  const yAxisFields = useMemo(() => {\n    if (chartConfig?.yAxis) {\n      return Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n    }\n    if (chartConfig?.y) {\n      return Array.isArray(chartConfig.y) ? chartConfig.y : [chartConfig.y]\n    }\n    return []\n  }, [chartConfig?.yAxis, chartConfig?.y])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  // MUST be called before any early returns to satisfy React hooks rules\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name (memoized to prevent object recreation)\n  // This is needed because seriesKeys use display labels, not field names\n  // MUST be called before any early returns to satisfy React hooks rules\n  const seriesKeyToField = useMemo(() => {\n    const mapping: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      mapping[label] = field\n    })\n    return mapping\n  }, [yAxisFields, getFieldLabel])\n\n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    const showAllXLabels = displayConfig?.showAllXLabels ?? true\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.line')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let seriesFields: string[] = []\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      seriesFields = chartConfig.series || []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format\n      xAxisField = chartConfig.x\n    } else {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.axisInvalid')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || yAxisFields.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.axisFields')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Check if this is comparison data (has __periodIndex metadata)\n    const hasComparisonData = isComparisonData(data)\n    const priorPeriodStyle = displayConfig?.priorPeriodStyle || 'dashed'\n    const priorPeriodOpacity = displayConfig?.priorPeriodOpacity ?? 0.5\n    const periodLabels = hasComparisonData ? getPeriodLabels(data) : []\n\n    // Transform data based on comparison mode\n    let chartData: any[]\n    let seriesKeys: string[]\n    let effectiveXAxisKey = 'name' // Default X-axis key after transformation\n\n    if (hasComparisonData) {\n      // For comparison data, always use overlay transformation to align by period day index\n      // Both 'separate' and 'overlay' modes use the same data transformation,\n      // they differ only in styling (dashed lines, opacity for prior periods in overlay mode)\n      const overlayResult = transformForOverlayMode(data, yAxisFields, xAxisField, getFieldLabel)\n      chartData = overlayResult.data\n      seriesKeys = overlayResult.seriesKeys\n      effectiveXAxisKey = '__periodDayIndex'\n    } else {\n      // Standard mode: use normal transformation\n      const standardResult = transformChartDataWithSeries(\n        data,\n        xAxisField,\n        yAxisFields,\n        queryObject,\n        seriesFields,\n        getFieldLabel\n      )\n      chartData = standardResult.data\n      seriesKeys = standardResult.seriesKeys\n    }\n\n    // Helper to find field from series key, handling comparison suffixes like \"(Current)\" and \"(Prior)\"\n    const findFieldFromSeriesKey = (seriesKey: string): string | undefined => {\n      // Direct match first\n      if (seriesKeyToField[seriesKey]) {\n        return seriesKeyToField[seriesKey]\n      }\n      // For comparison data, strip the period suffix and any dimension prefix\n      // Series keys look like: \"Label (Current)\", \"Label (Prior)\", or \"DimValue - Label (Current)\"\n\n      // Guard against excessive input length to prevent ReDoS\n      if (seriesKey.length > 1000) return undefined\n      const withoutSuffix = seriesKey.replace(/\\s*\\((Current|Prior)\\)$/, '')\n      // Check if it has a dimension prefix (contains \" - \")\n      const parts = withoutSuffix.split(' - ')\n      const measureLabel = parts[parts.length - 1] // Last part is the measure label\n      return seriesKeyToField[measureLabel]\n    }\n\n    // Determine if we need a right Y-axis\n    const hasRightAxis = yAxisFields.some((field) => yAxisAssignment[field] === 'right')\n\n    // Get fields for left and right axes for labels\n    const leftAxisFields = yAxisFields.filter((f) => (yAxisAssignment[f] || 'left') === 'left')\n    const rightAxisFields = yAxisFields.filter((f) => yAxisAssignment[f] === 'right')\n\n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40, // Space for left Y-axis label\n      right: hasRightAxis ? 40 : 20 // Extra space for right Y-axis label if needed\n    }\n\n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n\n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n\n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for line chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsLineChart data={enhancedChartData} margin={chartMargins} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey={effectiveXAxisKey}\n            type=\"category\"\n            tick={<AngledXAxisTick tickFormatter={\n              hasComparisonData\n                ? (value: string | number, index: number) => {\n                    // For comparison data, show the date from the current period\n                    // formatted according to the query's granularity\n                    const row = chartData[index]\n                    if (row?.__displayDate) {\n                      const granularity = getFieldGranularity(queryObject, xAxisField)\n                      return formatTimeValue(row.__displayDate, granularity)\n                    }\n                    return `Period ${Number(value) + 1}`\n                  }\n                : undefined\n            } />}\n            height={60}\n            interval={showAllXLabels ? 0 : undefined}\n          />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={leftYAxisFormat ? (value) => formatAxisValue(value, leftYAxisFormat) : undefined}\n            label={\n              leftAxisFields.length > 0\n                ? {\n                    value: leftYAxisFormat?.label || getFieldLabel(leftAxisFields[0]),\n                    angle: -90,\n                    position: 'left',\n                    style: { textAnchor: 'middle', fontSize: '12px' }\n                  }\n                : undefined\n            }\n          />\n          {hasRightAxis && (\n            <YAxis\n              yAxisId=\"right\"\n              orientation=\"right\"\n              tick={{ fontSize: 12 }}\n              tickFormatter={rightYAxisFormat ? (value) => formatAxisValue(value, rightYAxisFormat) : undefined}\n              label={\n                rightAxisFields.length > 0\n                  ? {\n                      value: rightYAxisFormat?.label || getFieldLabel(rightAxisFields[0]),\n                      angle: 90,\n                      position: 'right',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  // Use left Y-axis format for target values\n                  return [formatAxisValue(value, leftYAxisFormat), 'Target Value']\n                }\n\n                // Determine which axis format to use based on series name\n                const originalField = findFieldFromSeriesKey(name)\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                // Series name is already formatted (e.g., \"Total Lines of Code (Current)\")\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n              labelFormatter={\n                hasComparisonData\n                  ? (label: any, payload: any) => {\n                      // For comparison data, show the date from the current period\n                      // formatted according to the query's granularity\n                      if (payload && payload.length > 0) {\n                        const row = payload[0]?.payload\n                        if (row?.__displayDate) {\n                          const granularity = getFieldGranularity(queryObject, xAxisField)\n                          return formatTimeValue(row.__displayDate, granularity)\n                        }\n                      }\n                      return `Period ${Number(label) + 1}`\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {showLegend && (\n            <Legend\n              wrapperStyle={{ fontSize: '12px', paddingTop: '25px' }}\n              iconType=\"line\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {seriesKeys.map((seriesKey, index) => {\n            // Look up the original field name to get its axis assignment\n            const originalField = findFieldFromSeriesKey(seriesKey)\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n\n            // Determine if this is a prior period series (for styling)\n            const isPriorPeriod = hasComparisonData && isPriorPeriodSeries(seriesKey, periodLabels)\n            const strokeDashArray = isPriorPeriod ? getPriorPeriodStrokeDashArray(priorPeriodStyle) : undefined\n            const opacity = isPriorPeriod ? priorPeriodOpacity : 1\n\n            // When drill is enabled, show persistent dots for better click targets\n            const lineColor = (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n              CHART_COLORS[index % CHART_COLORS.length]\n\n            return (\n              <Line\n                key={seriesKey}\n                type=\"monotone\"\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stroke={lineColor}\n                strokeWidth={isPriorPeriod ? 1.5 : 2}\n                strokeDasharray={strokeDashArray}\n                dot={isPriorPeriod ? false : (props: any) => {\n                  const { cx, cy, payload, key } = props\n                  if (cx === undefined || cy === undefined) return null\n\n                  const handleClick = (event: React.MouseEvent) => {\n                    event.stopPropagation()\n                    event.preventDefault()\n                    if (onDataPointClick) {\n                      onDataPointClick({\n                        dataPoint: payload,\n                        clickedField: originalField || seriesKey,\n                        xValue: payload.name,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event\n                      })\n                    }\n                  }\n\n                  // When drill is enabled, render clickable dots with background to mask grid\n                  if (drillEnabled && onDataPointClick) {\n                    return (\n                      <g key={key}>\n                        {/* Background to mask grid lines - uses theme surface color */}\n                        <circle\n                          cx={cx}\n                          cy={cy}\n                          r={6}\n                          fill=\"var(--dc-surface)\"\n                          style={{ pointerEvents: 'none' }}\n                        />\n                        {/* Visible dot with click handler */}\n                        <circle\n                          cx={cx}\n                          cy={cy}\n                          r={4}\n                          fill=\"var(--dc-surface)\"\n                          stroke={lineColor}\n                          strokeWidth={2}\n                          cursor=\"pointer\"\n                          onClick={(e: React.MouseEvent<SVGCircleElement>) => {\n                            handleClick(e as unknown as React.MouseEvent)\n                          }}\n                        />\n                      </g>\n                    )\n                  }\n\n                  // Non-drill mode: simple small dot\n                  return (\n                    <circle\n                      key={key}\n                      cx={cx}\n                      cy={cy}\n                      r={3}\n                      fill={lineColor}\n                    />\n                  )\n                }}\n                activeDot={false}\n                strokeOpacity={\n                  hoveredLegend\n                    ? (hoveredLegend === seriesKey ? 1 : 0.3)\n                    : opacity\n                }\n                connectNulls={safeDisplayConfig.connectNulls}\n              />\n            )\n          })}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                stroke=\"#ffffff\"\n                strokeWidth={2}\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n              {/* Grey dashed line on top */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                name=\"Target\"\n                stroke=\"#8B5CF6\"\n                strokeWidth={2}\n                strokeDasharray=\"2 3\"\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n            </>\n          )}\n        </RechartsLineChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'LineChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Line Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default LineChart\n"],"mappings":"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"}

package/dist/client/chunks/{chart-markdown-CJU2hUq3.js → chart-markdown-DEtjn8gx.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
-import { k as t } from "./chart-activity-grid-VFFm85hC.js";
+import { n as e } from "./rolldown-runtime-CKnJJeip.js";
+import { k as t } from "./chart-activity-grid-Bdb8U_NC.js";
 import * as n from "react";
 import r, { useMemo as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -1565,30 +1565,31 @@ function qt(e, t, n, r) {
 				qe && !Je && (Ge = !0);
 			}
 			if (!he && (n.inHTML || c === 7 || we || !Q || Ge)) {
-				var Ye;
+				var Ye, Xe = !1;
 				if (B !== -1 && Ee) {
-					var Xe = !1;
+					var Ze = !1;
 					if (n.inHTML && oe < z.length) {
-						for (var Ze = oe; Ze < z.length && z.charCodeAt(Ze) !== f;) Ze++;
-						var Qe = z.slice(oe, Ze).trim();
-						Xe = Qe.length > 1 && Qe.charCodeAt(0) === T && Qe.charCodeAt(1) !== ae;
+						for (var Qe = oe; Qe < z.length && z.charCodeAt(Qe) !== f;) Qe++;
+						var tt = z.slice(oe, Qe).trim();
+						Ze = tt.length > 1 && tt.charCodeAt(0) === T && tt.charCodeAt(1) !== ae;
 					}
-					Ye = Xe ? z.slice(R.end - a) : Ie;
+					Ye = Ze ? z.slice(R.end - a) : Ie, Xe = !0;
 				} else (c === 7 || n.inHTML) && B !== -1 ? (Ye = z.slice(R.end - a), Ye.charCodeAt(0) === f && (Ye = Ye.slice(1))) : Ee ? Ye = e.slice(a, De) : we ? Ye = P : (Ye = z.slice(R.end - a), Ye.charCodeAt(0) === f && (Ye = Ye.slice(1)));
-				return {
-					node: {
-						type: K.htmlBlock,
-						tag: te,
-						attrs: Ht(R.attrs, te, r),
-						f: R.whitespaceBeforeAttrs + R.rawAttrs,
-						children: Fe,
-						a: Ye,
-						text: Ye,
-						c: !0,
-						b: !1,
-						endPos: De,
-						e: c === 6
-					},
+				var at = {
+					type: K.htmlBlock,
+					tag: te,
+					attrs: Ht(R.attrs, te, r),
+					f: R.whitespaceBeforeAttrs + R.rawAttrs,
+					children: Fe,
+					a: Ye,
+					text: Ye,
+					c: !0,
+					b: !1,
+					endPos: De,
+					e: c === 6
+				};
+				return Xe && (at.k = !0), {
+					node: at,
 					end: Oe
 				};
 			}
@@ -1609,88 +1610,88 @@ function qt(e, t, n, r) {
 				end: Oe
 			};
 		}
-		var tt = P.match(/^<(\/?)([a-zA-Z][a-zA-Z0-9-]*)/), at = tt ? tt[2] : "div", ot = tt ? tt[1] === "/" : !1, st = P;
-		if (ot) {
-			var ct = P.indexOf(">");
-			ct !== -1 && (st = P.slice(ct + 1));
+		var ot = P.match(/^<(\/?)([a-zA-Z][a-zA-Z0-9-]*)/), st = ot ? ot[2] : "div", ct = ot ? ot[1] === "/" : !1, lt = P;
+		if (ct) {
+			var dt = P.indexOf(">");
+			dt !== -1 && (lt = P.slice(dt + 1));
 		}
 		return {
 			node: {
 				type: K.htmlBlock,
-				tag: at,
+				tag: st,
 				attrs: {},
 				children: [],
-				a: st,
-				text: st,
+				a: lt,
+				text: lt,
 				c: !0,
-				b: ot,
+				b: ct,
 				endPos: N,
 				e: c === 6
 			},
 			end: L
 		};
 	}
-	var lt = ut(e, a);
-	if (!lt) return null;
-	var dt = lt.tag, ft = dt.toLowerCase(), pt = dt.charCodeAt(0), mt = pt >= U && pt <= W;
-	if (!mt && !Vt.has(ft) && !et.has(ft) && !ft.includes("-")) return null;
-	if (lt.isClosing) return {
+	var ft = ut(e, a);
+	if (!ft) return null;
+	var pt = ft.tag, mt = pt.toLowerCase(), ht = pt.charCodeAt(0), gt = ht >= U && ht <= W;
+	if (!gt && !Vt.has(mt) && !et.has(mt) && !mt.includes("-")) return null;
+	if (ft.isClosing) return {
 		node: {
 			type: K.htmlSelfClosing,
-			tag: dt,
+			tag: pt,
 			attrs: {},
-			a: e.slice(a, lt.end),
+			a: e.slice(a, ft.end),
 			b: !0,
-			endPos: lt.end
+			endPos: ft.end
 		},
-		end: lt.end
+		end: ft.end
 	};
-	var ht = Kt(e, lt.end, dt), gt = [];
-	if (ht !== -1) {
-		var _t = e.slice(lt.end, Gt), vt = _t.trim();
-		if (vt) {
-			var yt = _t.indexOf("\n\n") !== -1, bt = rt.test(vt), xt = it.test(vt), Ct = n.inline, Tt = n.inHTML, kt = n.d;
-			n.inHTML = !0, n.d = (n.d || 0) + 1, yt || bt || xt ? (n.inline = !1, gt = wn(_t, n, r)) : (n.inline = !0, gt = Sn(vt, 0, vt.length, n, r)), n.inline = Ct, n.inHTML = Tt, n.d = kt;
-		}
-		var At = St(e, ht), jt = e.slice(ht, At).trim() ? ht : $(e, ht), Mt = mt ? e.slice(a, ht) : e.slice(a, jt), Nt = mt ? ht : jt;
+	var _t = Kt(e, ft.end, pt), vt = [];
+	if (_t !== -1) {
+		var yt = e.slice(ft.end, Gt), bt = yt.trim();
+		if (bt) {
+			var xt = yt.indexOf("\n\n") !== -1, Ct = rt.test(bt), Tt = it.test(bt), kt = n.inline, At = n.inHTML, jt = n.d;
+			n.inHTML = !0, n.d = (n.d || 0) + 1, xt || Ct || Tt ? (n.inline = !1, vt = wn(yt, n, r)) : (n.inline = !0, vt = Sn(bt, 0, bt.length, n, r)), n.inline = kt, n.inHTML = At, n.d = jt;
+		}
+		var Mt = St(e, _t), Nt = e.slice(_t, Mt).trim() ? _t : $(e, _t), Pt = gt ? e.slice(a, _t) : e.slice(a, Nt), Ft = gt ? _t : Nt;
 		return {
 			node: {
 				type: K.htmlBlock,
-				tag: dt,
-				attrs: Ht(lt.attrs, dt, r),
-				f: lt.whitespaceBeforeAttrs + lt.rawAttrs,
-				children: gt,
-				a: Mt,
-				text: mt ? _t : Mt,
+				tag: pt,
+				attrs: Ht(ft.attrs, pt, r),
+				f: ft.whitespaceBeforeAttrs + ft.rawAttrs,
+				children: vt,
+				a: Pt,
+				text: gt ? yt : Pt,
 				c: !0,
 				b: !1,
-				endPos: Nt,
+				endPos: Ft,
 				e: !1
 			},
-			end: jt
+			end: Nt
 		};
 	}
-	var Pt = wt(e, lt.end), Ft = Pt < e.length ? $(e, Pt) : Pt, It = e.slice(lt.end, Pt);
-	if (It.trim()) {
-		var { inline: Lt, inHTML: Rt, d: zt } = n;
-		n.inline = !1, n.inHTML = !0, n.d = (n.d || 0) + 1, gt = wn(It, n, r), n.inline = Lt, n.inHTML = Rt, n.d = zt;
+	var It = wt(e, ft.end), Lt = It < e.length ? $(e, It) : It, Rt = e.slice(ft.end, It);
+	if (Rt.trim()) {
+		var { inline: zt, inHTML: Bt, d: Wt } = n;
+		n.inline = !1, n.inHTML = !0, n.d = (n.d || 0) + 1, vt = wn(Rt, n, r), n.inline = zt, n.inHTML = Bt, n.d = Wt;
 	}
-	var Bt = e.slice(lt.end, Pt);
+	var qt = e.slice(ft.end, It);
 	return {
 		node: {
 			type: K.htmlBlock,
-			tag: dt,
-			attrs: Ht(lt.attrs, dt, r),
-			f: lt.whitespaceBeforeAttrs + lt.rawAttrs,
-			children: gt,
-			a: Bt,
-			text: It,
+			tag: pt,
+			attrs: Ht(ft.attrs, pt, r),
+			f: ft.whitespaceBeforeAttrs + ft.rawAttrs,
+			children: vt,
+			a: qt,
+			text: Rt,
 			c: !0,
 			b: !1,
-			endPos: Pt,
+			endPos: It,
 			e: !1
 		},
-		end: Ft
+		end: Lt
 	};
 }
 function Jt(e, t) {
@@ -3535,4 +3536,4 @@ var In = ({ children: e, options: t, ...r }) => {
 //#endregion
 export { Ln as n, In as r, Bn as t };
 
-//# sourceMappingURL=chart-markdown-CJU2hUq3.js.map
+//# sourceMappingURL=chart-markdown-DEtjn8gx.js.map