drizzle-cube 0.3.13 → 0.3.16

package/dist/client/chunks/charts-Dk_9XrA7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-Dk_9XrA7.js","sources":["../../../src/client/charts/chartConfigs.ts","../../../src/client/charts/lazyChartConfigRegistry.ts","../../../src/client/utils/index.ts"],"sourcesContent":["import { ComponentType } from 'react'\n\n/**\n * Configuration for a single axis drop zone in the chart configuration UI\n */\nexport interface AxisDropZoneConfig {\n  /** The key to store this field in chartConfig (e.g., 'xAxis', 'yAxis', 'sizeField') */\n  key: string\n  \n  /** Display label for the drop zone */\n  label: string\n  \n  /** Optional description/help text shown below the label */\n  description?: string\n  \n  /** Whether at least one field is required in this drop zone */\n  mandatory?: boolean\n  \n  /** Maximum number of items allowed in this drop zone */\n  maxItems?: number\n  \n  /** Which field types this drop zone accepts */\n  acceptTypes?: ('dimension' | 'timeDimension' | 'measure')[]\n  \n  /** Optional icon component to display */\n  icon?: ComponentType<{ className?: string }>\n\n  /** Placeholder text when drop zone is empty */\n  emptyText?: string\n\n  /** Enable L/R axis toggle for items in this drop zone (for dual Y-axis support) */\n  enableDualAxis?: boolean\n}\n\n/**\n * Configuration for a single display option\n */\nexport interface DisplayOptionConfig {\n  /** The key to store this field in displayConfig */\n  key: string\n  \n  /** Display label for the option */\n  label: string\n  \n  /** Type of input control to render */\n  type: 'boolean' | 'string' | 'number' | 'select' | 'color' | 'paletteColor' | 'axisFormat' | 'stringArray' | 'buttonGroup'\n  \n  /** Default value for the option */\n  defaultValue?: any\n  \n  /** Placeholder text for string/number inputs */\n  placeholder?: string\n  \n  /** Options for select type */\n  options?: Array<{ value: any; label: string }>\n  \n  /** Help text shown below the input */\n  description?: string\n  \n  /** Minimum value for number inputs */\n  min?: number\n  \n  /** Maximum value for number inputs */\n  max?: number\n  \n  /** Step value for number inputs */\n  step?: number\n}\n\n/**\n * Complete configuration for a chart type\n */\nexport interface ChartTypeConfig {\n  /** Configuration for each drop zone */\n  dropZones: AxisDropZoneConfig[]\n  \n  /** Simple display options (backward compatibility) - rendered as boolean checkboxes */\n  displayOptions?: string[]\n  \n  /** Structured display options with metadata for different input types */\n  displayOptionsConfig?: DisplayOptionConfig[]\n  \n  /** Optional custom validation function */\n  validate?: (config: any) => { isValid: boolean; message?: string }\n  \n  /** Icon component for the chart type */\n  icon?: ComponentType<{ className?: string }>\n  \n  /** Brief description of the chart */\n  description?: string\n  \n  /** When to use this chart type */\n  useCase?: string\n  \n  /** Whether this chart type skips query requirements (for content-based charts like markdown) */\n  skipQuery?: boolean\n}\n\n/**\n * Registry of all chart type configurations\n */\nexport interface ChartConfigRegistry {\n  [chartType: string]: ChartTypeConfig\n}\n\n/**\n * Default configuration for charts without specific requirements\n */\nexport const defaultChartConfig: ChartTypeConfig = {\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis (Categories)',\n      description: 'Dimensions and time dimensions for grouping',\n      mandatory: false,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop dimensions & time dimensions here'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis (Values)',\n      description: 'Measures for values or dimensions for series',\n      mandatory: false,\n      acceptTypes: ['measure', 'dimension'],\n      emptyText: 'Drop measures or dimensions here'\n    },\n    {\n      key: 'series',\n      label: 'Series (Split into Multiple Series)',\n      description: 'Dimensions to create separate data series',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions here to split data into series'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip']\n}\n\n/**\n * Helper function to get configuration for a chart type\n */\nexport function getChartConfig(chartType: string, registry: ChartConfigRegistry): ChartTypeConfig {\n  return registry[chartType] || defaultChartConfig\n}","/**\n * Lazy Chart Config Registry\n *\n * Provides async loading for chart configurations.\n * This enables code splitting - each chart config loads only when needed.\n */\n\nimport { useState, useEffect } from 'react'\nimport type { ChartType } from '../types'\nimport type { ChartTypeConfig, ChartConfigRegistry } from './chartConfigs'\nimport { defaultChartConfig } from './chartConfigs'\n\n// Config import map - lazy imports for each chart config\nconst configImportMap: Record<ChartType, () => Promise<{ [key: string]: ChartTypeConfig }>> = {\n  bar: () => import('../components/charts/BarChart.config'),\n  line: () => import('../components/charts/LineChart.config'),\n  area: () => import('../components/charts/AreaChart.config'),\n  pie: () => import('../components/charts/PieChart.config'),\n  scatter: () => import('../components/charts/ScatterChart.config'),\n  radar: () => import('../components/charts/RadarChart.config'),\n  radialBar: () => import('../components/charts/RadialBarChart.config'),\n  treemap: () => import('../components/charts/TreeMapChart.config'),\n  bubble: () => import('../components/charts/BubbleChart.config'),\n  table: () => import('../components/charts/DataTable.config'),\n  activityGrid: () => import('../components/charts/ActivityGridChart.config'),\n  kpiNumber: () => import('../components/charts/KpiNumber.config'),\n  kpiDelta: () => import('../components/charts/KpiDelta.config'),\n  kpiText: () => import('../components/charts/KpiText.config'),\n  markdown: () => import('../components/charts/MarkdownChart.config'),\n  funnel: () => import('../components/charts/FunnelChart.config'),\n  sankey: () => import('../components/charts/SankeyChart.config'),\n  sunburst: () => import('../components/charts/SunburstChart.config'),\n  heatmap: () => import('../components/charts/HeatMapChart.config'),\n  retentionHeatmap: () => import('../components/charts/RetentionHeatmap.config'),\n  retentionCombined: () => import('../components/charts/RetentionCombinedChart.config'),\n}\n\n// Map from chart type to expected export name\nconst configExportNames: Record<ChartType, string> = {\n  bar: 'barChartConfig',\n  line: 'lineChartConfig',\n  area: 'areaChartConfig',\n  pie: 'pieChartConfig',\n  scatter: 'scatterChartConfig',\n  radar: 'radarChartConfig',\n  radialBar: 'radialBarChartConfig',\n  treemap: 'treemapChartConfig',\n  bubble: 'bubbleChartConfig',\n  table: 'dataTableConfig',\n  activityGrid: 'activityGridChartConfig',\n  kpiNumber: 'kpiNumberConfig',\n  kpiDelta: 'kpiDeltaConfig',\n  kpiText: 'kpiTextConfig',\n  markdown: 'markdownConfig',\n  funnel: 'funnelChartConfig',\n  sankey: 'sankeyChartConfig',\n  sunburst: 'sunburstChartConfig',\n  heatmap: 'heatmapChartConfig',\n  retentionHeatmap: 'retentionHeatmapConfig',\n  retentionCombined: 'retentionCombinedConfig',\n}\n\n// Cache for loaded configs\nconst configCache = new Map<ChartType, ChartTypeConfig>()\n\n/**\n * Get a chart config asynchronously\n *\n * @param chartType The chart type to load config for\n * @returns The chart type config, or null if not found\n *\n * @example\n * ```typescript\n * const config = await getChartConfigAsync('bar')\n * console.log(config?.dropZones)\n * ```\n */\nexport async function getChartConfigAsync(chartType: ChartType): Promise<ChartTypeConfig | null> {\n  // Check cache first\n  if (configCache.has(chartType)) {\n    return configCache.get(chartType)!\n  }\n\n  const importFn = configImportMap[chartType]\n  if (!importFn) {\n    return null\n  }\n\n  try {\n    const module = await importFn()\n    const exportName = configExportNames[chartType]\n    const config = module[exportName]\n\n    if (config) {\n      configCache.set(chartType, config)\n      return config\n    }\n    return null\n  } catch (error) {\n    console.error(`Failed to load config for chart type: ${chartType}`, error)\n    return null\n  }\n}\n\n/**\n * Get a chart config synchronously from cache\n *\n * Returns the cached config if available, otherwise returns the default config.\n * Use this when you need sync access and have already preloaded the config.\n *\n * @param chartType The chart type to get config for\n * @returns The chart type config (from cache or default)\n */\nexport function getChartConfigSync(chartType: ChartType): ChartTypeConfig {\n  return configCache.get(chartType) || defaultChartConfig\n}\n\n/**\n * Check if a chart config is already loaded\n */\nexport function isChartConfigLoaded(chartType: ChartType): boolean {\n  return configCache.has(chartType)\n}\n\n/**\n * React hook for using chart config\n *\n * Loads the chart config asynchronously and caches it.\n * Returns the default config while loading.\n *\n * @param chartType The chart type to load config for\n * @returns Object with config, loading state, and loaded flag\n *\n * @example\n * ```tsx\n * function ChartSetup({ chartType }) {\n *   const { config, loading } = useChartConfig(chartType)\n *\n *   if (loading) return <Spinner />\n *   return <ConfigForm config={config} />\n * }\n * ```\n */\nexport function useChartConfig(chartType: ChartType | undefined): {\n  config: ChartTypeConfig\n  loading: boolean\n  loaded: boolean\n} {\n  const [config, setConfig] = useState<ChartTypeConfig>(\n    chartType ? getChartConfigSync(chartType) : defaultChartConfig\n  )\n  const [loading, setLoading] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n\n  useEffect(() => {\n    if (!chartType) {\n      setConfig(defaultChartConfig)\n      setLoaded(false)\n      return\n    }\n\n    // Check cache synchronously first\n    if (configCache.has(chartType)) {\n      setConfig(configCache.get(chartType)!)\n      setLoaded(true)\n      return\n    }\n\n    // Load async\n    setLoading(true)\n    getChartConfigAsync(chartType)\n      .then((loadedConfig) => {\n        if (loadedConfig) {\n          setConfig(loadedConfig)\n          setLoaded(true)\n        } else {\n          setConfig(defaultChartConfig)\n          setLoaded(true)\n        }\n      })\n      .finally(() => setLoading(false))\n  }, [chartType])\n\n  return { config, loading, loaded }\n}\n\n/**\n * Preload a chart config\n *\n * Triggers the async import without needing to use the config immediately.\n * Useful for prefetching configs that will likely be needed.\n *\n * @param chartType The chart type to preload config for\n */\nexport async function preloadChartConfig(chartType: ChartType): Promise<void> {\n  if (!configCache.has(chartType)) {\n    await getChartConfigAsync(chartType)\n  }\n}\n\n/**\n * Preload multiple chart configs\n *\n * @param chartTypes Array of chart types to preload\n */\nexport async function preloadChartConfigs(chartTypes: ChartType[]): Promise<void> {\n  await Promise.all(chartTypes.map(preloadChartConfig))\n}\n\n/**\n * Load all chart configs and return as a registry\n *\n * Useful for SSR or when you need all configs upfront.\n * After calling this, all configs are cached and available synchronously.\n *\n * @returns Complete chart config registry\n *\n * @example\n * ```typescript\n * // On server or during initialization\n * const registry = await loadAllChartConfigs()\n * // Now all configs are cached and getChartConfigSync works for all types\n * ```\n */\nexport async function loadAllChartConfigs(): Promise<ChartConfigRegistry> {\n  const chartTypes = Object.keys(configImportMap) as ChartType[]\n  await Promise.all(chartTypes.map(getChartConfigAsync))\n\n  const registry: ChartConfigRegistry = {}\n  for (const chartType of chartTypes) {\n    const config = configCache.get(chartType)\n    if (config) {\n      registry[chartType] = config\n    }\n  }\n  return registry\n}\n\n/**\n * Clear the config cache\n *\n * Useful for testing or when configs need to be reloaded.\n */\nexport function clearChartConfigCache(): void {\n  configCache.clear()\n}\n","/**\n * Utility functions for drizzle-cube client\n */\n\nimport type { PortletConfig, DashboardConfig } from '../types'\n\n// Re-export chart utilities\nexport * from './chartUtils'\nexport * from './chartConstants'\nexport * from './measureIcons'\nexport * from './periodUtils'\nexport * from './pivotUtils'\nexport * from './syntaxHighlighting'\nexport * from './comparisonUtils'\n\n// Thumbnail utilities (requires html2canvas peer dependency)\nexport { captureThumbnail, isThumbnailCaptureAvailable } from './thumbnail'\n\n/**\n * Create a dashboard layout from portlet configurations\n */\nexport function createDashboardLayout(portlets: PortletConfig[]): DashboardConfig {\n  const layouts = generateResponsiveLayouts(portlets)\n  \n  return {\n    portlets,\n    layouts\n  }\n}\n\n/**\n * Generate responsive layouts for different breakpoints\n */\nexport function generateResponsiveLayouts(portlets: PortletConfig[]) {\n  const gridLayout = portlets.map(portlet => ({\n    i: portlet.id,\n    x: portlet.x,\n    y: portlet.y,\n    w: portlet.w,\n    h: portlet.h,\n    minW: 3,\n    minH: 3\n  }))\n\n  return {\n    lg: gridLayout,\n    md: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 8) })),\n    sm: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 6) })),\n    xs: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 4) })),\n    xxs: gridLayout.map(item => ({ ...item, w: 2 }))\n  }\n}\n\n/**\n * Format chart data for display\n */\nexport function formatChartData(data: any[], options: {\n  formatNumbers?: boolean\n  precision?: number\n} = {}): any[] {\n  const { formatNumbers = true, precision = 2 } = options\n\n  if (!formatNumbers) return data\n\n  return data.map(row => {\n    const formattedRow: any = {}\n    \n    for (const [key, value] of Object.entries(row)) {\n      if (typeof value === 'number') {\n        formattedRow[key] = Number(value.toFixed(precision))\n      } else {\n        formattedRow[key] = value\n      }\n    }\n    \n    return formattedRow\n  })\n}\n\n/**\n * Generate a unique ID for new portlets\n */\nexport function generatePortletId(): string {\n  return `portlet-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n}\n\n/**\n * Find the next available position in a grid\n */\nexport function findNextPosition(existingPortlets: PortletConfig[], _w: number = 6, _h: number = 4): { x: number; y: number } {\n  if (existingPortlets.length === 0) {\n    return { x: 0, y: 0 }\n  }\n\n  // Find the maximum Y position and height\n  const maxY = Math.max(...existingPortlets.map(p => p.y + p.h))\n  \n  return { x: 0, y: maxY }\n}\n\n/**\n * Validate a cube query JSON string\n */\nexport function validateCubeQuery(queryString: string): { valid: boolean; error?: string; query?: any } {\n  try {\n    const query = JSON.parse(queryString)\n    \n    // Basic validation\n    if (typeof query !== 'object' || query === null) {\n      return { valid: false, error: 'Query must be a JSON object' }\n    }\n\n    // Check for required fields\n    if (!query.measures && !query.dimensions) {\n      return { valid: false, error: 'Query must have at least measures or dimensions' }\n    }\n\n    return { valid: true, query }\n  } catch {\n    return { valid: false, error: 'Invalid JSON format' }\n  }\n}\n\n/**\n * Create a sample portlet configuration\n */\nexport function createSamplePortlet(): Omit<PortletConfig, 'id'> {\n  return {\n    title: 'Sample Chart',\n    query: JSON.stringify({\n      measures: ['count'],\n      dimensions: ['category']\n    }, null, 2),\n    chartType: 'bar',\n    chartConfig: {\n      x: 'category',\n      y: ['count']\n    },\n    displayConfig: {\n      showLegend: true,\n      showGrid: true,\n      showTooltip: true\n    },\n    w: 6,\n    h: 4,\n    x: 0,\n    y: 0\n  }\n}"],"names":["defaultChartConfig","configImportMap","configExportNames","configCache","getChartConfigAsync","chartType","importFn","module","exportName","config","error","getChartConfigSync","isChartConfigLoaded","useChartConfig","setConfig","useState","loading","setLoading","loaded","setLoaded","useEffect","loadedConfig","preloadChartConfig","preloadChartConfigs","chartTypes","loadAllChartConfigs","registry","clearChartConfigCache","createDashboardLayout","portlets","layouts","generateResponsiveLayouts","gridLayout","portlet","item","formatChartData","data","options","formatNumbers","precision","row","formattedRow","key","value","generatePortletId","findNextPosition","existingPortlets","_w","_h","p","validateCubeQuery","queryString","query","createSamplePortlet"],"mappings":";;;;;;;;;;;;AA4GO,MAAMA,IAAsC;AAAA,EACjD,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,aAAa,eAAe;AAAA,MAC1C,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW,WAAW;AAAA,MACpC,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,aAAa;AAC1D,GC3HMC,IAAwF;AAAA,EAC5F,KAAK,MAAM,OAAO,gCAAsC;AAAA,EACxD,MAAM,MAAM,OAAO,iCAAuC;AAAA,EAC1D,MAAM,MAAM,OAAO,iCAAuC;AAAA,EAC1D,KAAK,MAAM,OAAO,gCAAsC;AAAA,EACxD,SAAS,MAAM,OAAO,oCAA0C;AAAA,EAChE,OAAO,MAAM,OAAO,kCAAwC;AAAA,EAC5D,WAAW,MAAM,OAAO,uCAA4C;AAAA,EACpE,SAAS,MAAM,OAAO,qCAA0C;AAAA,EAChE,QAAQ,MAAM,OAAO,mCAAyC;AAAA,EAC9D,OAAO,MAAM,OAAO,uCAAuC;AAAA,EAC3D,cAAc,MAAM,OAAO,0CAA+C;AAAA,EAC1E,WAAW,MAAM,OAAO,uCAAuC;AAAA,EAC/D,UAAU,MAAM,OAAO,sCAAsC;AAAA,EAC7D,SAAS,MAAM,OAAO,qCAAqC;AAAA,EAC3D,UAAU,MAAM,OAAO,qCAA2C;AAAA,EAClE,QAAQ,MAAM,OAAO,mCAAyC;AAAA,EAC9D,QAAQ,MAAM,OAAO,mCAAyC;AAAA,EAC9D,UAAU,MAAM,OAAO,qCAA2C;AAAA,EAClE,SAAS,MAAM,OAAO,qCAA0C;AAAA,EAChE,kBAAkB,MAAM,OAAO,uCAA8C;AAAA,EAC7E,mBAAmB,MAAM,OAAO,6CAAoD;AACtF,GAGMC,IAA+C;AAAA,EACnD,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,mBAAmB;AACrB,GAGMC,wBAAkB,IAAA;AAcxB,eAAsBC,EAAoBC,GAAuD;AAE/F,MAAIF,EAAY,IAAIE,CAAS;AAC3B,WAAOF,EAAY,IAAIE,CAAS;AAGlC,QAAMC,IAAWL,EAAgBI,CAAS;AAC1C,MAAI,CAACC;AACH,WAAO;AAGT,MAAI;AACF,UAAMC,IAAS,MAAMD,EAAA,GACfE,IAAaN,EAAkBG,CAAS,GACxCI,IAASF,EAAOC,CAAU;AAEhC,WAAIC,KACFN,EAAY,IAAIE,GAAWI,CAAM,GAC1BA,KAEF;AAAA,EACT,SAASC,GAAO;AACd,mBAAQ,MAAM,yCAAyCL,CAAS,IAAIK,CAAK,GAClE;AAAA,EACT;AACF;AAWO,SAASC,EAAmBN,GAAuC;AACxE,SAAOF,EAAY,IAAIE,CAAS,KAAKL;AACvC;AAKO,SAASY,EAAoBP,GAA+B;AACjE,SAAOF,EAAY,IAAIE,CAAS;AAClC;AAqBO,SAASQ,EAAeR,GAI7B;AACA,QAAM,CAACI,GAAQK,CAAS,IAAIC;AAAA,IAC1BV,IAAYM,EAAmBN,CAAS,IAAIL;AAAA,EAAA,GAExC,CAACgB,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAQC,CAAS,IAAIJ,EAAS,EAAK;AAE1C,SAAAK,EAAU,MAAM;AACd,QAAI,CAACf,GAAW;AACd,MAAAS,EAAUd,CAAkB,GAC5BmB,EAAU,EAAK;AACf;AAAA,IACF;AAGA,QAAIhB,EAAY,IAAIE,CAAS,GAAG;AAC9B,MAAAS,EAAUX,EAAY,IAAIE,CAAS,CAAE,GACrCc,EAAU,EAAI;AACd;AAAA,IACF;AAGA,IAAAF,EAAW,EAAI,GACfb,EAAoBC,CAAS,EAC1B,KAAK,CAACgB,MAAiB;AACtB,MAAIA,KACFP,EAAUO,CAAY,GACtBF,EAAU,EAAI,MAEdL,EAAUd,CAAkB,GAC5BmB,EAAU,EAAI;AAAA,IAElB,CAAC,EACA,QAAQ,MAAMF,EAAW,EAAK,CAAC;AAAA,EACpC,GAAG,CAACZ,CAAS,CAAC,GAEP,EAAE,QAAAI,GAAQ,SAAAO,GAAS,QAAAE,EAAA;AAC5B;AAUA,eAAsBI,EAAmBjB,GAAqC;AAC5E,EAAKF,EAAY,IAAIE,CAAS,KAC5B,MAAMD,EAAoBC,CAAS;AAEvC;AAOA,eAAsBkB,EAAoBC,GAAwC;AAChF,QAAM,QAAQ,IAAIA,EAAW,IAAIF,CAAkB,CAAC;AACtD;AAiBA,eAAsBG,IAAoD;AACxE,QAAMD,IAAa,OAAO,KAAKvB,CAAe;AAC9C,QAAM,QAAQ,IAAIuB,EAAW,IAAIpB,CAAmB,CAAC;AAErD,QAAMsB,IAAgC,CAAA;AACtC,aAAWrB,KAAamB,GAAY;AAClC,UAAMf,IAASN,EAAY,IAAIE,CAAS;AACxC,IAAII,MACFiB,EAASrB,CAAS,IAAII;AAAA,EAE1B;AACA,SAAOiB;AACT;AAOO,SAASC,IAA8B;AAC5C,EAAAxB,EAAY,MAAA;AACd;AChOO,SAASyB,EAAsBC,GAA4C;AAChF,QAAMC,IAAUC,EAA0BF,CAAQ;AAElD,SAAO;AAAA,IACL,UAAAA;AAAA,IACA,SAAAC;AAAA,EAAA;AAEJ;AAKO,SAASC,EAA0BF,GAA2B;AACnE,QAAMG,IAAaH,EAAS,IAAI,CAAAI,OAAY;AAAA,IAC1C,GAAGA,EAAQ;AAAA,IACX,GAAGA,EAAQ;AAAA,IACX,GAAGA,EAAQ;AAAA,IACX,GAAGA,EAAQ;AAAA,IACX,GAAGA,EAAQ;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EAAA,EACN;AAEF,SAAO;AAAA,IACL,IAAID;AAAA,IACJ,IAAIA,EAAW,IAAI,CAAAE,OAAS,EAAE,GAAGA,GAAM,GAAG,KAAK,IAAIA,EAAK,GAAG,CAAC,IAAI;AAAA,IAChE,IAAIF,EAAW,IAAI,CAAAE,OAAS,EAAE,GAAGA,GAAM,GAAG,KAAK,IAAIA,EAAK,GAAG,CAAC,IAAI;AAAA,IAChE,IAAIF,EAAW,IAAI,CAAAE,OAAS,EAAE,GAAGA,GAAM,GAAG,KAAK,IAAIA,EAAK,GAAG,CAAC,IAAI;AAAA,IAChE,KAAKF,EAAW,IAAI,CAAAE,OAAS,EAAE,GAAGA,GAAM,GAAG,IAAI;AAAA,EAAA;AAEnD;AAKO,SAASC,EAAgBC,GAAaC,IAGzC,IAAW;AACb,QAAM,EAAE,eAAAC,IAAgB,IAAM,WAAAC,IAAY,MAAMF;AAEhD,SAAKC,IAEEF,EAAK,IAAI,CAAAI,MAAO;AACrB,UAAMC,IAAoB,CAAA;AAE1B,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAG;AAC3C,MAAI,OAAOG,KAAU,WACnBF,EAAaC,CAAG,IAAI,OAAOC,EAAM,QAAQJ,CAAS,CAAC,IAEnDE,EAAaC,CAAG,IAAIC;AAIxB,WAAOF;AAAA,EACT,CAAC,IAd0BL;AAe7B;AAKO,SAASQ,IAA4B;AAC1C,SAAO,WAAW,KAAK,IAAA,CAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC,CAAC;AACzE;AAKO,SAASC,EAAiBC,GAAmCC,IAAa,GAAGC,IAAa,GAA6B;AAC5H,SAAIF,EAAiB,WAAW,IACvB,EAAE,GAAG,GAAG,GAAG,EAAA,IAMb,EAAE,GAAG,GAAG,GAFF,KAAK,IAAI,GAAGA,EAAiB,IAAI,CAAAG,MAAKA,EAAE,IAAIA,EAAE,CAAC,CAAC,EAE3C;AACpB;AAKO,SAASC,EAAkBC,GAAsE;AACtG,MAAI;AACF,UAAMC,IAAQ,KAAK,MAAMD,CAAW;AAGpC,WAAI,OAAOC,KAAU,YAAYA,MAAU,OAClC,EAAE,OAAO,IAAO,OAAO,8BAAA,IAI5B,CAACA,EAAM,YAAY,CAACA,EAAM,aACrB,EAAE,OAAO,IAAO,OAAO,kDAAA,IAGzB,EAAE,OAAO,IAAM,OAAAA,EAAA;AAAA,EACxB,QAAQ;AACN,WAAO,EAAE,OAAO,IAAO,OAAO,sBAAA;AAAA,EAChC;AACF;AAKO,SAASC,IAAiD;AAC/D,SAAO;AAAA,IACL,OAAO;AAAA,IACP,OAAO,KAAK,UAAU;AAAA,MACpB,UAAU,CAAC,OAAO;AAAA,MAClB,YAAY,CAAC,UAAU;AAAA,IAAA,GACtB,MAAM,CAAC;AAAA,IACV,WAAW;AAAA,IACX,aAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAG,CAAC,OAAO;AAAA,IAAA;AAAA,IAEb,eAAe;AAAA,MACb,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EAAA;AAEP;"}

package/dist/client/chunks/{charts-core-CXrhEEVF.js → charts-core-CjQZBxmv.js}

@@ -1,5 +1,5 @@
 import { useContext as P, useMemo as U, useRef as L, useState as E, useLayoutEffect as H } from "react";
-import { C as K } from "./providers-CqCiJTEj.js";
+import { C as K } from "./providers-Cj7PQfXn.js";
 import { jsx as u, jsxs as p } from "react/jsx-runtime";
 import { ResponsiveContainer as T, Tooltip as V } from "recharts";
 const B = {
@@ -633,19 +633,19 @@ function me({
 }
 export {
   me as A,
-  re as C,
+  ie as C,
   I as L,
   se as N,
   ne as P,
   Y as S,
-  ie as a,
-  ae as b,
-  G as c,
-  oe as d,
-  te as e,
-  F as f,
+  ae as a,
+  oe as b,
+  te as c,
+  F as d,
+  $ as e,
+  G as f,
   M as g,
-  $ as h,
+  re as h,
   Q as i,
   ue as j,
   de as k,
@@ -654,4 +654,4 @@ export {
   ee as t,
   q as u
 };
-//# sourceMappingURL=charts-core-CXrhEEVF.js.map
+//# sourceMappingURL=charts-core-CjQZBxmv.js.map

package/dist/client/chunks/{charts-core-CXrhEEVF.js.map → charts-core-CjQZBxmv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"charts-core-CXrhEEVF.js","sources":["../../../src/client/components/LoadingIndicator.tsx","../../../src/client/hooks/useCubeFieldLabel.ts","../../../src/client/utils/chartUtils.ts","../../../src/client/utils/chartConstants.ts","../../../src/client/components/charts/ChartContainer.tsx","../../../src/client/components/charts/ChartTooltip.tsx","../../../src/client/utils/targetUtils.ts","../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * LoadingIndicator Component\n *\n * A centralized, theme-aware loading spinner that uses CSS variables\n * for consistent styling across all drizzle-cube components.\n *\n * Can be overridden at the Dashboard or Portlet level by passing a\n * custom loadingComponent prop.\n */\n\nexport interface LoadingIndicatorProps {\n  /** Size variant: 'sm' (24px), 'md' (32px), 'lg' (48px) */\n  size?: 'sm' | 'md' | 'lg'\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst sizeClasses = {\n  sm: 'h-6 w-6',\n  md: 'h-8 w-8',\n  lg: 'h-12 w-12'\n}\n\nexport default function LoadingIndicator({\n  size = 'md',\n  className = ''\n}: LoadingIndicatorProps) {\n  return (\n    <div\n      className={`animate-spin rounded-full border-b-2 ${sizeClasses[size]} ${className}`}\n      style={{ borderBottomColor: 'var(--dc-primary)' }}\n      role=\"status\"\n      aria-label=\"Loading\"\n    />\n  )\n}\n","/**\n * Optimized hook that only subscribes to field label functionality\n * from CubeMeta context. This prevents re-renders when unrelated\n * contexts (CubeApi, Features) change.\n *\n * Use this instead of useCubeContext() when you only need getFieldLabel.\n */\n\nimport { useContext, useMemo } from 'react'\nimport { CubeMetaContext, type CubeMetaContextValue } from '../providers/CubeMetaContext'\n\n/**\n * Returns a stable reference to the getFieldLabel function.\n * Components using this hook will only re-render when the field label\n * mapping actually changes, not when unrelated API or feature contexts update.\n *\n * @returns Function to get human-readable label for a field name\n * @throws Error if used outside CubeProvider\n */\nexport function useCubeFieldLabel(): (fieldName: string) => string {\n  const context = useContext(CubeMetaContext) as CubeMetaContextValue | null\n\n  if (!context) {\n    throw new Error('useCubeFieldLabel must be used within CubeProvider')\n  }\n\n  // Return stable reference - only changes when getFieldLabel itself changes\n  return useMemo(() => context.getFieldLabel, [context.getFieldLabel])\n}\n","import type { FieldLabelMap, AxisFormatConfig } from '../types'\n\n// Utility function to check if a value is a valid numeric value (not null, undefined, or NaN)\n// This is used to preserve null values instead of converting them to 0\nexport function isValidNumericValue(value: any): boolean {\n  return value !== null && value !== undefined && !isNaN(Number(value))\n}\n\n// Utility function to parse numeric value from data, preserving nulls\n// Returns null for null/undefined/NaN values, otherwise returns the numeric value\nexport function parseNumericValue(value: any): number | null {\n  if (value === null || value === undefined) return null\n  const num = typeof value === 'string' ? parseFloat(value) : Number(value)\n  return isNaN(num) ? null : num\n}\n\n// Utility function to format numeric values for display in charts\n// Rounds to at most 2 decimal places, preserves integers\nexport function formatNumericValue(value: any): string {\n  if (value === null || value === undefined) return 'No data'\n  const num = typeof value === 'number' ? value : parseFloat(value)\n  if (isNaN(num)) return String(value)\n  if (Number.isInteger(num)) return num.toLocaleString()\n  // Round to at most 2 decimal places, remove trailing zeros\n  return parseFloat(num.toFixed(2)).toLocaleString()\n}\n\n/**\n * Format a numeric value for axis/tooltip display with configurable formatting\n *\n * @param value - The numeric value to format\n * @param config - Optional formatting configuration\n * @param locale - Optional locale string (defaults to browser locale)\n * @returns Formatted string representation of the value\n *\n * @example\n * formatAxisValue(1250000, { unit: 'currency', abbreviate: true }) // \"$1.25M\"\n * formatAxisValue(0.75, { unit: 'percent', decimals: 1 }) // \"75.0%\"\n * formatAxisValue(1234567, { abbreviate: true, decimals: 2 }) // \"1.23M\"\n */\nexport function formatAxisValue(\n  value: number | null | undefined,\n  config?: AxisFormatConfig,\n  locale?: string\n): string {\n  // Handle null/undefined\n  if (value === null || value === undefined) {\n    return 'No data'\n  }\n\n  // Handle non-numeric values\n  const num = typeof value === 'number' ? value : parseFloat(String(value))\n  if (isNaN(num)) {\n    return String(value)\n  }\n\n  // Handle special cases\n  if (!isFinite(num)) {\n    return num > 0 ? '∞' : '-∞'\n  }\n\n  // Get locale (default to browser locale)\n  const effectiveLocale = locale || (typeof navigator !== 'undefined' ? navigator.language : 'en-US')\n\n  // If no config provided, use default formatting\n  if (!config) {\n    return formatNumericValue(value)\n  }\n\n  const { unit, abbreviate = true, decimals, customPrefix, customSuffix } = config\n\n  // Calculate the display value and suffix for abbreviation\n  // Default to true for abbreviation when config is provided\n  let displayValue = num\n  let abbreviationSuffix = ''\n\n  if (abbreviate) {\n    const absNum = Math.abs(num)\n    if (absNum >= 1_000_000_000) {\n      displayValue = num / 1_000_000_000\n      abbreviationSuffix = 'B'\n    } else if (absNum >= 1_000_000) {\n      displayValue = num / 1_000_000\n      abbreviationSuffix = 'M'\n    } else if (absNum >= 1_000) {\n      displayValue = num / 1_000\n      abbreviationSuffix = 'K'\n    }\n  }\n\n  // Determine decimal places\n  // If decimals is undefined, use auto (2 for non-integers, 0 for integers after abbreviation)\n  const effectiveDecimals = decimals !== undefined\n    ? decimals\n    : (Number.isInteger(displayValue) ? 0 : 2)\n\n  // Format based on unit type\n  switch (unit) {\n    case 'currency': {\n      // Use Intl.NumberFormat for currency\n      // Currency code is determined by locale (USD for en-US, EUR for de-DE, etc.)\n      const currencyCode = getCurrencyCodeForLocale(effectiveLocale)\n\n      if (abbreviate && abbreviationSuffix) {\n        // For abbreviated currency, format the number part and add suffix\n        const formatted = new Intl.NumberFormat(effectiveLocale, {\n          style: 'currency',\n          currency: currencyCode,\n          minimumFractionDigits: effectiveDecimals,\n          maximumFractionDigits: effectiveDecimals,\n        }).format(displayValue)\n        // Insert abbreviation suffix before any trailing currency symbol or at end\n        // Handle both \"$1.25\" -> \"$1.25M\" and \"1.25 €\" -> \"1.25M €\"\n        const parts = new Intl.NumberFormat(effectiveLocale, {\n          style: 'currency',\n          currency: currencyCode,\n        }).formatToParts(displayValue)\n        const hasTrailingCurrency = parts[parts.length - 1]?.type === 'currency'\n        if (hasTrailingCurrency) {\n          // Currency symbol is at the end (e.g., \"1.25 €\")\n          return formatted.replace(/(\\s*[^\\d\\s]+)$/, abbreviationSuffix + '$1')\n        }\n        return formatted + abbreviationSuffix\n      }\n\n      return new Intl.NumberFormat(effectiveLocale, {\n        style: 'currency',\n        currency: currencyCode,\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n    }\n\n    case 'percent': {\n      // Format as percentage (multiply by 100 if value is 0-1 range, otherwise use as-is)\n      // Assume values > 1 are already percentages, values <= 1 need multiplication\n      const percentValue = Math.abs(displayValue) <= 1 && !abbreviate ? displayValue * 100 : displayValue\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(percentValue)\n      return formatted + abbreviationSuffix + '%'\n    }\n\n    case 'custom': {\n      // Apply custom prefix/suffix\n      const prefix = customPrefix || ''\n      const suffix = customSuffix || ''\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n      return prefix + formatted + abbreviationSuffix + suffix\n    }\n\n    case 'number':\n    default: {\n      // Standard number formatting with locale-aware grouping\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n      return formatted + abbreviationSuffix\n    }\n  }\n}\n\n/**\n * Get the currency code for a given locale\n * Maps common locales to their default currency\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  // Extract language and region from locale (e.g., \"en-US\" -> [\"en\", \"US\"])\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n\n  // Map regions to currencies\n  const currencyMap: Record<string, string> = {\n    'US': 'USD',\n    'CA': 'CAD',\n    'GB': 'GBP',\n    'UK': 'GBP',\n    'AU': 'AUD',\n    'NZ': 'NZD',\n    'EU': 'EUR',\n    'DE': 'EUR',\n    'FR': 'EUR',\n    'IT': 'EUR',\n    'ES': 'EUR',\n    'NL': 'EUR',\n    'BE': 'EUR',\n    'AT': 'EUR',\n    'IE': 'EUR',\n    'PT': 'EUR',\n    'FI': 'EUR',\n    'JP': 'JPY',\n    'CN': 'CNY',\n    'KR': 'KRW',\n    'IN': 'INR',\n    'BR': 'BRL',\n    'MX': 'MXN',\n    'CH': 'CHF',\n    'SE': 'SEK',\n    'NO': 'NOK',\n    'DK': 'DKK',\n    'PL': 'PLN',\n    'RU': 'RUB',\n    'ZA': 'ZAR',\n    'SG': 'SGD',\n    'HK': 'HKD',\n    'TW': 'TWD',\n    'TH': 'THB',\n    'MY': 'MYR',\n    'PH': 'PHP',\n    'ID': 'IDR',\n    'VN': 'VND',\n    'AE': 'AED',\n    'SA': 'SAR',\n    'IL': 'ILS',\n    'TR': 'TRY',\n  }\n\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Create a tick formatter function for Recharts axes\n * Returns a function that can be used as tickFormatter prop\n */\nexport function createAxisTickFormatter(config?: AxisFormatConfig): (value: any) => string {\n  return (value: any) => formatAxisValue(value, config)\n}\n\n// Utility function to get field label from field name\nexport function getFieldLabel(fieldName: string, labelMap: FieldLabelMap): string {\n  return labelMap[fieldName] || fieldName\n}\n\n// Utility function to transform series keys to use labels\nexport function transformSeriesKeysWithLabels(seriesKeys: string[], labelMap: FieldLabelMap): string[] {\n  return seriesKeys.map(key => getFieldLabel(key, labelMap))\n}\n\n// Utility function to format time values for better display using known granularity\nexport function formatTimeValue(value: any, granularity?: string): string {\n  if (!value) return String(value || 'Unknown')\n  \n  const str = String(value)\n  \n  // Check if it's a timestamp (ISO format or PostgreSQL format)\n  // Handles formats like: \"2025-04-01T00:00:00.000\" or \"2023-02-01 00:00:00+00\"\n  if (str.match(/^\\d{4}-\\d{2}-\\d{2}[T ]\\d{2}:\\d{2}:\\d{2}/)) {\n    // Convert PostgreSQL format to ISO format if needed\n    let isoStr = str\n    if (str.includes(' ')) {\n      // Convert \"2023-02-01 00:00:00+00\" to \"2023-02-01T00:00:00Z\"\n      isoStr = str.replace(' ', 'T').replace('+00', 'Z').replace(/\\+\\d{2}:\\d{2}$/, 'Z')\n    }\n    // Ensure the timestamp ends with 'Z' if not present\n    if (!isoStr.endsWith('Z') && !isoStr.includes('+')) {\n      isoStr = isoStr + 'Z'\n    }\n    const date = new Date(isoStr)\n    \n    // Ensure we're working with valid date\n    if (isNaN(date.getTime())) {\n      return str\n    }\n    \n    // Use UTC methods on the properly UTC-parsed date\n    const year = date.getUTCFullYear()\n    const month = String(date.getUTCMonth() + 1).padStart(2, '0')\n    const day = String(date.getUTCDate()).padStart(2, '0')\n    const hours = date.getUTCHours()\n    const minutes = date.getUTCMinutes()\n    \n    // Format based on known granularity if provided\n    if (granularity) {\n      switch (granularity.toLowerCase()) {\n        case 'year':\n          return `${year}`\n        case 'quarter': {\n          const quarter = Math.floor(date.getUTCMonth() / 3) + 1\n          return `${year}-Q${quarter}`\n        }\n        case 'month':\n          return `${year}-${month}`\n        case 'week':\n          // For week, we could calculate week number, but let's use date for simplicity\n          return `${year}-${month}-${day}`\n        case 'day':\n          return `${year}-${month}-${day}`\n        case 'hour':\n          return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:00`\n        case 'minute':\n          return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`\n        default:\n          // Unknown granularity, fall back to heuristic\n          break\n      }\n    }\n    \n    // Fallback heuristic if granularity not provided or unknown\n    const seconds = date.getUTCSeconds()\n    const milliseconds = date.getUTCMilliseconds()\n    \n    // If it's the first day of the month at exactly midnight UTC, it's likely a month granularity\n    if (day === '01' && hours === 0 && minutes === 0 && seconds === 0 && milliseconds === 0) {\n      // Check if it's also first month of a quarter (quarter granularity)\n      if (month === '01' || month === '04' || month === '07' || month === '10') {\n        const quarter = Math.floor(date.getUTCMonth() / 3) + 1\n        return `${year}-Q${quarter}`\n      }\n      // Month granularity\n      return `${year}-${month}`\n    }\n    \n    // If it's exactly midnight UTC, it's likely a day granularity\n    if (hours === 0 && minutes === 0 && seconds === 0 && milliseconds === 0) {\n      return `${year}-${month}-${day}`\n    }\n    \n    // If it has time components, include them (hour/minute granularity)\n    if (minutes === 0 && seconds === 0 && milliseconds === 0) {\n      // Hour granularity\n      return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:00`\n    }\n    \n    // Full timestamp\n    return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`\n  }\n  \n  // Return as-is if not a timestamp\n  return str\n}\n\n// Helper function to get granularity for a field from the query timeDimensions\nexport function getFieldGranularity(queryObject: any, fieldName: string): string | undefined {\n  try {\n    if (queryObject?.timeDimensions) {\n      // Find the timeDimension that matches this field\n      const timeDim = queryObject.timeDimensions.find((td: any) => {\n        // Check if field name matches the dimension or dimension with granularity suffix\n        return fieldName === td.dimension || \n               fieldName.startsWith(td.dimension.replace('.', '_')) ||\n               fieldName === `${td.dimension}_${td.granularity}`\n      })\n      \n      if (timeDim?.granularity) {\n        return timeDim.granularity\n      }\n    }\n    \n    // Fallback: extract granularity from field name suffix if present\n    const granularityMatch = fieldName.match(/_([a-z]+)$/)\n    if (granularityMatch) {\n      const suffix = granularityMatch[1]\n      // Only return if it's a valid granularity\n      if (['year', 'quarter', 'month', 'week', 'day', 'hour', 'minute', 'second'].includes(suffix)) {\n        return suffix\n      }\n    }\n    \n    return undefined\n  } catch {\n    return undefined\n  }\n}\n\n// Transform data for charts with proper type handling\n// NOTE: Preserves null values to allow charts to handle gaps/missing data appropriately\nexport function transformChartData(\n  data: any[],\n  xAxisField: string,\n  yAxisFields: string[],\n  queryObject: any,\n  getFieldLabelFn: (fieldName: string) => string = (fieldName) => fieldName\n) {\n  if (!data || data.length === 0) return []\n\n  const granularity = getFieldGranularity(queryObject, xAxisField)\n\n  return data.map((row: any) => {\n    const transformed: any = {\n      name: formatTimeValue(row[xAxisField], granularity) || row[xAxisField] || 'Unknown',\n    }\n\n    yAxisFields.forEach(field => {\n      const displayName = getFieldLabelFn(field)\n      // Preserve null values instead of converting to 0\n      transformed[displayName] = parseNumericValue(row[field])\n    })\n\n    return transformed\n  })\n}\n\nexport interface ChartSeriesResult {\n  data: any[]\n  seriesKeys: string[]\n  hasDimensions: boolean\n}\n\n// Advanced data transformation that handles both measures and dimensions on Y-axis\n// NOTE: Preserves null values to allow charts to handle gaps/missing data appropriately\nexport function transformChartDataWithSeries(\n  data: any[],\n  xAxisField: string,\n  yAxisFields: string[],\n  queryObject: any,\n  seriesFields?: string[], // New optional parameter for explicit series fields\n  getFieldLabelFn: (fieldName: string) => string = (fieldName) => fieldName // Function to get field labels\n): ChartSeriesResult {\n  if (!data || data.length === 0) {\n    return { data: [], seriesKeys: [], hasDimensions: false }\n  }\n\n  const originalQuery = queryObject || {}\n  const queryDimensions = [\n    ...(originalQuery.dimensions || []),\n    ...(originalQuery.timeDimensions?.map((td: any) => td.dimension) || [])\n  ]\n  const queryMeasures = originalQuery.measures || []\n\n  // Use explicit series fields if provided, otherwise no dimension-based series\n  const yAxisMeasures = yAxisFields.filter(field => queryMeasures.includes(field))\n  const yAxisDimensions = (seriesFields || []).filter(field => queryDimensions.includes(field))\n\n  // Handle complex case with dimensions on Y-axis\n  if (yAxisDimensions.length > 0) {\n    // Group data by X-axis field and create separate series for dimension values\n    const groupedData: { [key: string]: any } = {}\n\n    data.forEach((row: any) => {\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      const xValue = formatTimeValue(row[xAxisField], granularity) || row[xAxisField] || 'Unknown'\n      if (!groupedData[xValue]) {\n        groupedData[xValue] = { name: String(xValue) }\n      }\n\n      // Add measures - preserve nulls for individual measures\n      yAxisMeasures.forEach(measure => {\n        const displayName = getFieldLabelFn(measure)\n        const measureValue = parseNumericValue(row[measure])\n\n        // For aggregation: sum non-null values, preserve null if all are null\n        if (measureValue !== null) {\n          const currentValue = groupedData[xValue][displayName]\n          groupedData[xValue][displayName] = (currentValue === null || currentValue === undefined)\n            ? measureValue\n            : currentValue + measureValue\n        } else if (!(displayName in groupedData[xValue])) {\n          // Only set to null if no value exists yet\n          groupedData[xValue][displayName] = null\n        }\n      })\n\n      // Add dimensions as separate series (aggregate measure values by dimension)\n      yAxisDimensions.forEach(dimension => {\n        const dimValue = row[dimension]\n        if (dimValue !== undefined && dimValue !== null) {\n          const seriesName = String(dimValue)\n          // Aggregate the first measure for this dimension value, or use totalCost if available\n          const measureToAggregate = yAxisMeasures[0] || queryMeasures.find((m: string) =>\n            m.includes('totalCost') || m.includes('count') || m.includes('sum')\n          ) || queryMeasures[0]\n\n          if (measureToAggregate) {\n            const measureValue = parseNumericValue(row[measureToAggregate])\n\n            // For dimension series: sum non-null values, preserve null if all are null\n            if (measureValue !== null) {\n              const currentValue = groupedData[xValue][seriesName]\n              groupedData[xValue][seriesName] = (currentValue === null || currentValue === undefined)\n                ? measureValue\n                : currentValue + measureValue\n            } else if (!(seriesName in groupedData[xValue])) {\n              // Only set to null if no value exists yet\n              groupedData[xValue][seriesName] = null\n            }\n          }\n        }\n      })\n    })\n    \n    const chartData = Object.values(groupedData)\n    \n    // Get all series keys for rendering\n    // When dimensions are on Y-axis, only show dimension series, not measures\n    // The measures are the values being aggregated for each dimension series\n    const dimensionSeries = Array.from(new Set(\n      data.flatMap((row: any) => \n        yAxisDimensions.map(dimension => {\n          const value = row[dimension]\n          return value !== undefined && value !== null \n            ? String(value)\n            : null\n        }).filter((value): value is string => value !== null)\n      )\n    ))\n    \n    return {\n      data: chartData,\n      seriesKeys: dimensionSeries,\n      hasDimensions: true\n    }\n  }\n  \n  // Standard measures-only path\n  const chartData = transformChartData(data, xAxisField, yAxisFields, queryObject, getFieldLabelFn)\n  const seriesKeys = yAxisFields.map(field => getFieldLabelFn(field))\n  \n  return {\n    data: chartData,\n    seriesKeys,\n    hasDimensions: false\n  }\n}","// Default color palette for charts - used as fallback when no dashboard palette is specified\n// These are now part of the 'default' palette in the unified color palette system\nexport const CHART_COLORS = [\n  '#3b82f6', // blue\n  '#10b981', // green\n  '#f59e0b', // yellow\n  '#ef4444', // red\n  '#8b5cf6', // purple\n  '#f97316', // orange\n  '#06b6d4', // cyan\n  '#84cc16', // lime\n]\n\n// Default gradient colors for continuous numeric scales - used as fallback\n// These are now part of the 'default' palette in the unified color palette system\nexport const CHART_COLORS_GRADIENT = [\n  '#440154', // dark purple\n  '#414487', // purple-blue\n  '#2a788e', // teal\n  '#22a884', // green-teal  \n  '#7ad151', // green\n  '#fde725', // yellow\n]\n\n// Colors for positive/negative values\nexport const POSITIVE_COLOR = '#10b981' // green\nexport const NEGATIVE_COLOR = '#ef4444' // red\n\nexport const CHART_MARGINS = {\n  top: 5,\n  right: 30,\n  left: 20,\n  bottom: 5\n}\n\nexport const RESPONSIVE_CHART_MARGINS = {\n  top: 5,\n  right: 30,\n  left: 20,\n  bottom: 60 // Extra space for rotated labels\n}","import { ReactElement, useState, useRef, useLayoutEffect } from 'react'\nimport { ResponsiveContainer } from 'recharts'\nimport LoadingIndicator from '../LoadingIndicator'\n\ninterface ChartContainerProps {\n  children: ReactElement\n  height?: string | number\n}\n\nexport default function ChartContainer({ children, height = \"100%\" }: ChartContainerProps) {\n  // Track if container is ready to render ResponsiveContainer\n  // We need to wait for the container to be in the DOM with valid dimensions\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [isReady, setIsReady] = useState(false)\n  const [containerSize, setContainerSize] = useState({ width: 0, height: 0 })\n\n  // Use useLayoutEffect to measure before paint\n  useLayoutEffect(() => {\n    let mounted = true\n    let resizeObserver: ResizeObserver | null = null\n\n    const measureAndSetReady = () => {\n      if (!mounted || !containerRef.current) return\n\n      const rect = containerRef.current.getBoundingClientRect()\n      // Check both clientWidth/Height AND getBoundingClientRect for robustness\n      const width = Math.max(containerRef.current.clientWidth, rect.width)\n      const height = Math.max(containerRef.current.clientHeight, rect.height)\n\n      if (width > 0 && height > 0) {\n        setContainerSize({ width, height })\n        setIsReady(true)\n      }\n    }\n\n    // Set up ResizeObserver to detect when container gets valid dimensions\n    resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height } = entry.contentRect\n        if (width > 0 && height > 0) {\n          setContainerSize({ width, height })\n          if (!isReady) {\n            setIsReady(true)\n          }\n        }\n      }\n    })\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n      // Also try immediate measurement\n      measureAndSetReady()\n    }\n\n    return () => {\n      mounted = false\n      resizeObserver?.disconnect()\n    }\n  }, [isReady])\n\n  try {\n    if (height === \"100%\") {\n      // For 100% height, make the container fill the available flex space with proper sizing\n      return (\n        <div\n          ref={containerRef}\n          className=\"w-full h-full flex-1 flex flex-col relative\"\n          style={{ minHeight: '250px', minWidth: '100px', overflow: 'hidden' }}\n        >\n          {isReady && containerSize.width > 0 && containerSize.height > 0 ? (\n            <ResponsiveContainer\n              width={containerSize.width}\n              height={containerSize.height - 16}\n              debounce={100}\n              style={{ marginTop: '16px' }}\n            >\n              {children}\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"flex items-center justify-center w-full h-full\">\n              <LoadingIndicator size=\"sm\" />\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    // For specific heights, use them directly\n    const containerStyle = {\n      height: typeof height === 'number' ? `${height}px` : height,\n      width: '100%',\n      minHeight: '200px',\n      minWidth: '100px'\n    }\n\n    return (\n      <div\n        ref={containerRef}\n        className=\"w-full flex flex-col relative\"\n        style={{ ...containerStyle, overflow: 'hidden' }}\n      >\n        {isReady && containerSize.width > 0 && containerSize.height > 0 ? (\n          <ResponsiveContainer\n            width={containerSize.width}\n            height={containerSize.height - 16}\n            debounce={100}\n            style={{ marginTop: '16px' }}\n          >\n            {children}\n          </ResponsiveContainer>\n        ) : (\n          <div className=\"flex items-center justify-center w-full h-full\">\n            <LoadingIndicator size=\"sm\" />\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // ChartContainer ResponsiveContainer error\n\n    return (\n      <div\n        className=\"flex flex-col items-center justify-center w-full h-full p-4 text-center border border-dashed rounded-lg\"\n        style={{ height, borderColor: 'var(--dc-border)', backgroundColor: 'var(--dc-surface)' }}\n      >\n        <div className=\"text-sm font-semibold mb-1 text-dc-text-muted\">Unable to display chart</div>\n        <div className=\"text-xs text-dc-text-secondary\">\n          {error instanceof Error ? error.message : 'Failed to create responsive container'}\n        </div>\n      </div>\n    )\n  }\n}","import React from 'react'\nimport { Tooltip } from 'recharts'\nimport { formatNumericValue } from '../../utils/chartUtils'\n\ninterface ChartTooltipProps {\n  formatter?: (value: any, name: any, props: any) => [React.ReactText, React.ReactText]\n  labelFormatter?: (label: any, payload?: readonly any[]) => React.ReactText\n}\n\n// Default formatter that rounds numeric values to at most 2 decimal places\nconst defaultFormatter = (value: any, name: any): [React.ReactText, React.ReactText] => {\n  if (value === null || value === undefined) {\n    return ['No data', name]\n  }\n  return [formatNumericValue(value), name]\n}\n\nexport default function ChartTooltip({ formatter, labelFormatter }: ChartTooltipProps) {\n  return (\n    <Tooltip\n      formatter={formatter || defaultFormatter}\n      labelFormatter={labelFormatter}\n      contentStyle={{\n        backgroundColor: 'white',\n        border: '1px solid #e5e7eb',\n        borderRadius: '0.5rem',\n        fontSize: '0.875rem',\n        color: '#1f2937',\n        boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n        padding: '8px 12px'\n      }}\n    />\n  )\n}","/**\n * Utility functions for handling target values in charts\n */\n\n/**\n * Parse target values from string format\n * @param targetString - String containing target values (e.g., \"100\" or \"50,75,100\")\n * @returns Array of numeric target values\n */\nexport function parseTargetValues(targetString: string): number[] {\n  if (!targetString || typeof targetString !== 'string') {\n    return []\n  }\n\n  const trimmed = targetString.trim()\n  if (!trimmed) {\n    return []\n  }\n\n  try {\n    // Split by comma and parse each value\n    const values = trimmed\n      .split(',')\n      .map(val => val.trim())\n      .filter(val => val !== '')\n      .map(val => {\n        const num = parseFloat(val)\n        if (isNaN(num)) {\n          throw new Error(`Invalid numeric value: ${val}`)\n        }\n        return num\n      })\n\n    return values.length > 0 ? values : []\n  } catch (error) {\n    console.warn('Failed to parse target values:', error)\n    return []\n  }\n}\n\n/**\n * Spread target values across data points\n * @param targets - Array of target values\n * @param dataLength - Number of data points to spread across\n * @returns Array of target values for each data point\n */\nexport function spreadTargetValues(targets: number[], dataLength: number): number[] {\n  if (targets.length === 0 || dataLength <= 0) {\n    return []\n  }\n\n  // If only one target value, repeat for all data points\n  if (targets.length === 1) {\n    return new Array(dataLength).fill(targets[0])\n  }\n\n  // If we have multiple targets, spread them evenly across data points\n  const result: number[] = []\n  const baseGroupSize = Math.floor(dataLength / targets.length)\n  const remainder = dataLength % targets.length\n\n  let currentIndex = 0\n  \n  for (let i = 0; i < targets.length; i++) {\n    // Calculate group size for this target\n    // First 'remainder' groups get an extra item\n    const groupSize = baseGroupSize + (i < remainder ? 1 : 0)\n    \n    // Fill this group with the current target value\n    for (let j = 0; j < groupSize; j++) {\n      result[currentIndex++] = targets[i]\n    }\n  }\n\n  return result\n}\n\n/**\n * Calculate variance between actual and target values\n * @param actual - Actual value\n * @param target - Target value\n * @returns Variance as percentage\n */\nexport function calculateVariance(actual: number, target: number): number {\n  if (target === 0) {\n    return actual === 0 ? 0 : (actual > 0 ? 100 : -100)\n  }\n  return ((actual - target) / target) * 100\n}\n\n/**\n * Format variance as percentage string with appropriate sign and color indication\n * @param variance - Variance percentage\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted variance string (e.g., \"+12.5%\" or \"-8.3%\")\n */\nexport function formatVariance(variance: number, decimals: number = 1): string {\n  const sign = variance >= 0 ? '+' : ''\n  return `${sign}${variance.toFixed(decimals)}%`\n}\n\n/**\n * Get unique target values for reference lines\n * @param targets - Array of target values (may contain duplicates)\n * @returns Array of unique target values\n */\nexport function getUniqueTargets(targets: number[]): number[] {\n  return [...new Set(targets)].sort((a, b) => a - b)\n}","/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`text-sm font-semibold text-dc-primary uppercase tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading'\nimport type { AxisFormatConfig } from '../../types'\nimport { formatAxisValue } from '../../utils/chartUtils'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Get the currency code for a given locale (duplicated from chartUtils for component isolation)\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n  const currencyMap: Record<string, string> = {\n    'US': 'USD', 'CA': 'CAD', 'GB': 'GBP', 'UK': 'GBP', 'AU': 'AUD', 'NZ': 'NZD',\n    'EU': 'EUR', 'DE': 'EUR', 'FR': 'EUR', 'IT': 'EUR', 'ES': 'EUR', 'NL': 'EUR',\n    'BE': 'EUR', 'AT': 'EUR', 'IE': 'EUR', 'PT': 'EUR', 'FI': 'EUR',\n    'JP': 'JPY', 'CN': 'CNY', 'KR': 'KRW', 'IN': 'INR', 'BR': 'BRL', 'MX': 'MXN',\n    'CH': 'CHF', 'SE': 'SEK', 'NO': 'NOK', 'DK': 'DKK', 'PL': 'PLN', 'RU': 'RUB',\n    'ZA': 'ZAR', 'SG': 'SGD', 'HK': 'HKD', 'TW': 'TWD', 'TH': 'THB', 'MY': 'MYR',\n    'PH': 'PHP', 'ID': 'IDR', 'VN': 'VND', 'AE': 'AED', 'SA': 'SAR', 'IL': 'ILS', 'TR': 'TRY',\n  }\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const config = useMemo(() => value || {}, [value])\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: 'Custom' }\n  ]\n\n  return (\n    <div className=\"space-y-3 pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Label</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder=\"Auto-generated label\"\n          className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n        />\n      </div>\n\n      {/* Unit Type */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Unit</label>\n        <div className=\"flex border border-dc-border rounded-sm overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`flex-1 px-2 py-1.5 text-sm font-medium transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"flex gap-2\">\n          <div className=\"flex-1 space-y-1\">\n            <label className=\"text-xs text-dc-text-secondary\">Prefix</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder=\"e.g., $\"\n              className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n          <div className=\"flex-1 space-y-1\">\n            <label className=\"text-xs text-dc-text-secondary\">Suffix</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder=\"e.g., units\"\n              className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Abbreviation</label>\n        <div className=\"flex border border-dc-border rounded-sm overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`flex-1 px-3 py-1.5 text-sm font-medium transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`flex-1 px-3 py-1.5 text-sm font-medium transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            No\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Decimals</label>\n        <div className=\"flex gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"flex-1 px-3 py-2 text-sm border border-dc-border rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"flex-1 px-3 py-2 text-sm border border-dc-border rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Preview</label>\n        <div className=\"text-sm font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\n/**\n * Container component for multiple axis format controls\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  return (\n    <div className=\"space-y-4\">\n      {showAxes.leftYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Left Y-Axis\"\n          value={displayConfig.leftYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              leftYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.rightYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Right Y-Axis\"\n          value={displayConfig.rightYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              rightYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.xAxis && (\n        <AxisFormatControls\n          axisLabel=\"X-Axis\"\n          value={displayConfig.xAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              xAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n          previewValue={2024} // Use a year-like number for X-axis preview\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"names":["sizeClasses","LoadingIndicator","size","className","jsx","useCubeFieldLabel","context","useContext","CubeMetaContext","useMemo","isValidNumericValue","value","parseNumericValue","num","formatNumericValue","formatAxisValue","config","locale","effectiveLocale","unit","abbreviate","decimals","customPrefix","customSuffix","displayValue","abbreviationSuffix","absNum","effectiveDecimals","currencyCode","getCurrencyCodeForLocale","formatted","parts","percentValue","prefix","suffix","region","formatTimeValue","granularity","str","isoStr","date","year","month","day","hours","minutes","quarter","seconds","milliseconds","getFieldGranularity","queryObject","fieldName","timeDim","td","granularityMatch","transformChartData","data","xAxisField","yAxisFields","getFieldLabelFn","row","transformed","field","displayName","transformChartDataWithSeries","seriesFields","originalQuery","queryDimensions","queryMeasures","yAxisMeasures","yAxisDimensions","groupedData","xValue","measure","measureValue","currentValue","dimension","dimValue","seriesName","measureToAggregate","m","chartData","dimensionSeries","seriesKeys","CHART_COLORS","CHART_COLORS_GRADIENT","POSITIVE_COLOR","NEGATIVE_COLOR","CHART_MARGINS","ChartContainer","children","height","containerRef","useRef","isReady","setIsReady","useState","containerSize","setContainerSize","useLayoutEffect","mounted","resizeObserver","measureAndSetReady","rect","width","entries","entry","ResponsiveContainer","containerStyle","error","jsxs","defaultFormatter","name","ChartTooltip","formatter","labelFormatter","Tooltip","parseTargetValues","targetString","trimmed","values","val","spreadTargetValues","targets","dataLength","result","baseGroupSize","remainder","currentIndex","groupSize","j","calculateVariance","actual","target","formatVariance","variance","SectionHeading","getLocaleCurrencySymbol","AxisFormatControls","onChange","axisLabel","previewValue","currencySymbol","preview","handleChange","updates","unitButtons","e","btn","current"],"mappings":"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"}
+{"version":3,"file":"charts-core-CjQZBxmv.js","sources":["../../../src/client/components/LoadingIndicator.tsx","../../../src/client/hooks/useCubeFieldLabel.ts","../../../src/client/utils/chartUtils.ts","../../../src/client/utils/chartConstants.ts","../../../src/client/components/charts/ChartContainer.tsx","../../../src/client/components/charts/ChartTooltip.tsx","../../../src/client/utils/targetUtils.ts","../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * LoadingIndicator Component\n *\n * A centralized, theme-aware loading spinner that uses CSS variables\n * for consistent styling across all drizzle-cube components.\n *\n * Can be overridden at the Dashboard or Portlet level by passing a\n * custom loadingComponent prop.\n */\n\nexport interface LoadingIndicatorProps {\n  /** Size variant: 'sm' (24px), 'md' (32px), 'lg' (48px) */\n  size?: 'sm' | 'md' | 'lg'\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst sizeClasses = {\n  sm: 'h-6 w-6',\n  md: 'h-8 w-8',\n  lg: 'h-12 w-12'\n}\n\nexport default function LoadingIndicator({\n  size = 'md',\n  className = ''\n}: LoadingIndicatorProps) {\n  return (\n    <div\n      className={`animate-spin rounded-full border-b-2 ${sizeClasses[size]} ${className}`}\n      style={{ borderBottomColor: 'var(--dc-primary)' }}\n      role=\"status\"\n      aria-label=\"Loading\"\n    />\n  )\n}\n","/**\n * Optimized hook that only subscribes to field label functionality\n * from CubeMeta context. This prevents re-renders when unrelated\n * contexts (CubeApi, Features) change.\n *\n * Use this instead of useCubeContext() when you only need getFieldLabel.\n */\n\nimport { useContext, useMemo } from 'react'\nimport { CubeMetaContext, type CubeMetaContextValue } from '../providers/CubeMetaContext'\n\n/**\n * Returns a stable reference to the getFieldLabel function.\n * Components using this hook will only re-render when the field label\n * mapping actually changes, not when unrelated API or feature contexts update.\n *\n * @returns Function to get human-readable label for a field name\n * @throws Error if used outside CubeProvider\n */\nexport function useCubeFieldLabel(): (fieldName: string) => string {\n  const context = useContext(CubeMetaContext) as CubeMetaContextValue | null\n\n  if (!context) {\n    throw new Error('useCubeFieldLabel must be used within CubeProvider')\n  }\n\n  // Return stable reference - only changes when getFieldLabel itself changes\n  return useMemo(() => context.getFieldLabel, [context.getFieldLabel])\n}\n","import type { FieldLabelMap, AxisFormatConfig } from '../types'\n\n// Utility function to check if a value is a valid numeric value (not null, undefined, or NaN)\n// This is used to preserve null values instead of converting them to 0\nexport function isValidNumericValue(value: any): boolean {\n  return value !== null && value !== undefined && !isNaN(Number(value))\n}\n\n// Utility function to parse numeric value from data, preserving nulls\n// Returns null for null/undefined/NaN values, otherwise returns the numeric value\nexport function parseNumericValue(value: any): number | null {\n  if (value === null || value === undefined) return null\n  const num = typeof value === 'string' ? parseFloat(value) : Number(value)\n  return isNaN(num) ? null : num\n}\n\n// Utility function to format numeric values for display in charts\n// Rounds to at most 2 decimal places, preserves integers\nexport function formatNumericValue(value: any): string {\n  if (value === null || value === undefined) return 'No data'\n  const num = typeof value === 'number' ? value : parseFloat(value)\n  if (isNaN(num)) return String(value)\n  if (Number.isInteger(num)) return num.toLocaleString()\n  // Round to at most 2 decimal places, remove trailing zeros\n  return parseFloat(num.toFixed(2)).toLocaleString()\n}\n\n/**\n * Format a numeric value for axis/tooltip display with configurable formatting\n *\n * @param value - The numeric value to format\n * @param config - Optional formatting configuration\n * @param locale - Optional locale string (defaults to browser locale)\n * @returns Formatted string representation of the value\n *\n * @example\n * formatAxisValue(1250000, { unit: 'currency', abbreviate: true }) // \"$1.25M\"\n * formatAxisValue(0.75, { unit: 'percent', decimals: 1 }) // \"75.0%\"\n * formatAxisValue(1234567, { abbreviate: true, decimals: 2 }) // \"1.23M\"\n */\nexport function formatAxisValue(\n  value: number | null | undefined,\n  config?: AxisFormatConfig,\n  locale?: string\n): string {\n  // Handle null/undefined\n  if (value === null || value === undefined) {\n    return 'No data'\n  }\n\n  // Handle non-numeric values\n  const num = typeof value === 'number' ? value : parseFloat(String(value))\n  if (isNaN(num)) {\n    return String(value)\n  }\n\n  // Handle special cases\n  if (!isFinite(num)) {\n    return num > 0 ? '∞' : '-∞'\n  }\n\n  // Get locale (default to browser locale)\n  const effectiveLocale = locale || (typeof navigator !== 'undefined' ? navigator.language : 'en-US')\n\n  // If no config provided, use default formatting\n  if (!config) {\n    return formatNumericValue(value)\n  }\n\n  const { unit, abbreviate = true, decimals, customPrefix, customSuffix } = config\n\n  // Calculate the display value and suffix for abbreviation\n  // Default to true for abbreviation when config is provided\n  let displayValue = num\n  let abbreviationSuffix = ''\n\n  if (abbreviate) {\n    const absNum = Math.abs(num)\n    if (absNum >= 1_000_000_000) {\n      displayValue = num / 1_000_000_000\n      abbreviationSuffix = 'B'\n    } else if (absNum >= 1_000_000) {\n      displayValue = num / 1_000_000\n      abbreviationSuffix = 'M'\n    } else if (absNum >= 1_000) {\n      displayValue = num / 1_000\n      abbreviationSuffix = 'K'\n    }\n  }\n\n  // Determine decimal places\n  // If decimals is undefined, use auto (2 for non-integers, 0 for integers after abbreviation)\n  const effectiveDecimals = decimals !== undefined\n    ? decimals\n    : (Number.isInteger(displayValue) ? 0 : 2)\n\n  // Format based on unit type\n  switch (unit) {\n    case 'currency': {\n      // Use Intl.NumberFormat for currency\n      // Currency code is determined by locale (USD for en-US, EUR for de-DE, etc.)\n      const currencyCode = getCurrencyCodeForLocale(effectiveLocale)\n\n      if (abbreviate && abbreviationSuffix) {\n        // For abbreviated currency, format the number part and add suffix\n        const formatted = new Intl.NumberFormat(effectiveLocale, {\n          style: 'currency',\n          currency: currencyCode,\n          minimumFractionDigits: effectiveDecimals,\n          maximumFractionDigits: effectiveDecimals,\n        }).format(displayValue)\n        // Insert abbreviation suffix before any trailing currency symbol or at end\n        // Handle both \"$1.25\" -> \"$1.25M\" and \"1.25 €\" -> \"1.25M €\"\n        const parts = new Intl.NumberFormat(effectiveLocale, {\n          style: 'currency',\n          currency: currencyCode,\n        }).formatToParts(displayValue)\n        const hasTrailingCurrency = parts[parts.length - 1]?.type === 'currency'\n        if (hasTrailingCurrency) {\n          // Currency symbol is at the end (e.g., \"1.25 €\")\n          return formatted.replace(/(\\s*[^\\d\\s]+)$/, abbreviationSuffix + '$1')\n        }\n        return formatted + abbreviationSuffix\n      }\n\n      return new Intl.NumberFormat(effectiveLocale, {\n        style: 'currency',\n        currency: currencyCode,\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n    }\n\n    case 'percent': {\n      // Format as percentage (multiply by 100 if value is 0-1 range, otherwise use as-is)\n      // Assume values > 1 are already percentages, values <= 1 need multiplication\n      const percentValue = Math.abs(displayValue) <= 1 && !abbreviate ? displayValue * 100 : displayValue\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(percentValue)\n      return formatted + abbreviationSuffix + '%'\n    }\n\n    case 'custom': {\n      // Apply custom prefix/suffix\n      const prefix = customPrefix || ''\n      const suffix = customSuffix || ''\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n      return prefix + formatted + abbreviationSuffix + suffix\n    }\n\n    case 'number':\n    default: {\n      // Standard number formatting with locale-aware grouping\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n      return formatted + abbreviationSuffix\n    }\n  }\n}\n\n/**\n * Get the currency code for a given locale\n * Maps common locales to their default currency\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  // Extract language and region from locale (e.g., \"en-US\" -> [\"en\", \"US\"])\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n\n  // Map regions to currencies\n  const currencyMap: Record<string, string> = {\n    'US': 'USD',\n    'CA': 'CAD',\n    'GB': 'GBP',\n    'UK': 'GBP',\n    'AU': 'AUD',\n    'NZ': 'NZD',\n    'EU': 'EUR',\n    'DE': 'EUR',\n    'FR': 'EUR',\n    'IT': 'EUR',\n    'ES': 'EUR',\n    'NL': 'EUR',\n    'BE': 'EUR',\n    'AT': 'EUR',\n    'IE': 'EUR',\n    'PT': 'EUR',\n    'FI': 'EUR',\n    'JP': 'JPY',\n    'CN': 'CNY',\n    'KR': 'KRW',\n    'IN': 'INR',\n    'BR': 'BRL',\n    'MX': 'MXN',\n    'CH': 'CHF',\n    'SE': 'SEK',\n    'NO': 'NOK',\n    'DK': 'DKK',\n    'PL': 'PLN',\n    'RU': 'RUB',\n    'ZA': 'ZAR',\n    'SG': 'SGD',\n    'HK': 'HKD',\n    'TW': 'TWD',\n    'TH': 'THB',\n    'MY': 'MYR',\n    'PH': 'PHP',\n    'ID': 'IDR',\n    'VN': 'VND',\n    'AE': 'AED',\n    'SA': 'SAR',\n    'IL': 'ILS',\n    'TR': 'TRY',\n  }\n\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Create a tick formatter function for Recharts axes\n * Returns a function that can be used as tickFormatter prop\n */\nexport function createAxisTickFormatter(config?: AxisFormatConfig): (value: any) => string {\n  return (value: any) => formatAxisValue(value, config)\n}\n\n// Utility function to get field label from field name\nexport function getFieldLabel(fieldName: string, labelMap: FieldLabelMap): string {\n  return labelMap[fieldName] || fieldName\n}\n\n// Utility function to transform series keys to use labels\nexport function transformSeriesKeysWithLabels(seriesKeys: string[], labelMap: FieldLabelMap): string[] {\n  return seriesKeys.map(key => getFieldLabel(key, labelMap))\n}\n\n// Utility function to format time values for better display using known granularity\nexport function formatTimeValue(value: any, granularity?: string): string {\n  if (!value) return String(value || 'Unknown')\n  \n  const str = String(value)\n  \n  // Check if it's a timestamp (ISO format or PostgreSQL format)\n  // Handles formats like: \"2025-04-01T00:00:00.000\" or \"2023-02-01 00:00:00+00\"\n  if (str.match(/^\\d{4}-\\d{2}-\\d{2}[T ]\\d{2}:\\d{2}:\\d{2}/)) {\n    // Convert PostgreSQL format to ISO format if needed\n    let isoStr = str\n    if (str.includes(' ')) {\n      // Convert \"2023-02-01 00:00:00+00\" to \"2023-02-01T00:00:00Z\"\n      isoStr = str.replace(' ', 'T').replace('+00', 'Z').replace(/\\+\\d{2}:\\d{2}$/, 'Z')\n    }\n    // Ensure the timestamp ends with 'Z' if not present\n    if (!isoStr.endsWith('Z') && !isoStr.includes('+')) {\n      isoStr = isoStr + 'Z'\n    }\n    const date = new Date(isoStr)\n    \n    // Ensure we're working with valid date\n    if (isNaN(date.getTime())) {\n      return str\n    }\n    \n    // Use UTC methods on the properly UTC-parsed date\n    const year = date.getUTCFullYear()\n    const month = String(date.getUTCMonth() + 1).padStart(2, '0')\n    const day = String(date.getUTCDate()).padStart(2, '0')\n    const hours = date.getUTCHours()\n    const minutes = date.getUTCMinutes()\n    \n    // Format based on known granularity if provided\n    if (granularity) {\n      switch (granularity.toLowerCase()) {\n        case 'year':\n          return `${year}`\n        case 'quarter': {\n          const quarter = Math.floor(date.getUTCMonth() / 3) + 1\n          return `${year}-Q${quarter}`\n        }\n        case 'month':\n          return `${year}-${month}`\n        case 'week':\n          // For week, we could calculate week number, but let's use date for simplicity\n          return `${year}-${month}-${day}`\n        case 'day':\n          return `${year}-${month}-${day}`\n        case 'hour':\n          return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:00`\n        case 'minute':\n          return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`\n        default:\n          // Unknown granularity, fall back to heuristic\n          break\n      }\n    }\n    \n    // Fallback heuristic if granularity not provided or unknown\n    const seconds = date.getUTCSeconds()\n    const milliseconds = date.getUTCMilliseconds()\n    \n    // If it's the first day of the month at exactly midnight UTC, it's likely a month granularity\n    if (day === '01' && hours === 0 && minutes === 0 && seconds === 0 && milliseconds === 0) {\n      // Check if it's also first month of a quarter (quarter granularity)\n      if (month === '01' || month === '04' || month === '07' || month === '10') {\n        const quarter = Math.floor(date.getUTCMonth() / 3) + 1\n        return `${year}-Q${quarter}`\n      }\n      // Month granularity\n      return `${year}-${month}`\n    }\n    \n    // If it's exactly midnight UTC, it's likely a day granularity\n    if (hours === 0 && minutes === 0 && seconds === 0 && milliseconds === 0) {\n      return `${year}-${month}-${day}`\n    }\n    \n    // If it has time components, include them (hour/minute granularity)\n    if (minutes === 0 && seconds === 0 && milliseconds === 0) {\n      // Hour granularity\n      return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:00`\n    }\n    \n    // Full timestamp\n    return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`\n  }\n  \n  // Return as-is if not a timestamp\n  return str\n}\n\n// Helper function to get granularity for a field from the query timeDimensions\nexport function getFieldGranularity(queryObject: any, fieldName: string): string | undefined {\n  try {\n    if (queryObject?.timeDimensions) {\n      // Find the timeDimension that matches this field\n      const timeDim = queryObject.timeDimensions.find((td: any) => {\n        // Check if field name matches the dimension or dimension with granularity suffix\n        return fieldName === td.dimension || \n               fieldName.startsWith(td.dimension.replace('.', '_')) ||\n               fieldName === `${td.dimension}_${td.granularity}`\n      })\n      \n      if (timeDim?.granularity) {\n        return timeDim.granularity\n      }\n    }\n    \n    // Fallback: extract granularity from field name suffix if present\n    const granularityMatch = fieldName.match(/_([a-z]+)$/)\n    if (granularityMatch) {\n      const suffix = granularityMatch[1]\n      // Only return if it's a valid granularity\n      if (['year', 'quarter', 'month', 'week', 'day', 'hour', 'minute', 'second'].includes(suffix)) {\n        return suffix\n      }\n    }\n    \n    return undefined\n  } catch {\n    return undefined\n  }\n}\n\n// Transform data for charts with proper type handling\n// NOTE: Preserves null values to allow charts to handle gaps/missing data appropriately\nexport function transformChartData(\n  data: any[],\n  xAxisField: string,\n  yAxisFields: string[],\n  queryObject: any,\n  getFieldLabelFn: (fieldName: string) => string = (fieldName) => fieldName\n) {\n  if (!data || data.length === 0) return []\n\n  const granularity = getFieldGranularity(queryObject, xAxisField)\n\n  return data.map((row: any) => {\n    const transformed: any = {\n      name: formatTimeValue(row[xAxisField], granularity) || row[xAxisField] || 'Unknown',\n    }\n\n    yAxisFields.forEach(field => {\n      const displayName = getFieldLabelFn(field)\n      // Preserve null values instead of converting to 0\n      transformed[displayName] = parseNumericValue(row[field])\n    })\n\n    return transformed\n  })\n}\n\nexport interface ChartSeriesResult {\n  data: any[]\n  seriesKeys: string[]\n  hasDimensions: boolean\n}\n\n// Advanced data transformation that handles both measures and dimensions on Y-axis\n// NOTE: Preserves null values to allow charts to handle gaps/missing data appropriately\nexport function transformChartDataWithSeries(\n  data: any[],\n  xAxisField: string,\n  yAxisFields: string[],\n  queryObject: any,\n  seriesFields?: string[], // New optional parameter for explicit series fields\n  getFieldLabelFn: (fieldName: string) => string = (fieldName) => fieldName // Function to get field labels\n): ChartSeriesResult {\n  if (!data || data.length === 0) {\n    return { data: [], seriesKeys: [], hasDimensions: false }\n  }\n\n  const originalQuery = queryObject || {}\n  const queryDimensions = [\n    ...(originalQuery.dimensions || []),\n    ...(originalQuery.timeDimensions?.map((td: any) => td.dimension) || [])\n  ]\n  const queryMeasures = originalQuery.measures || []\n\n  // Use explicit series fields if provided, otherwise no dimension-based series\n  const yAxisMeasures = yAxisFields.filter(field => queryMeasures.includes(field))\n  const yAxisDimensions = (seriesFields || []).filter(field => queryDimensions.includes(field))\n\n  // Handle complex case with dimensions on Y-axis\n  if (yAxisDimensions.length > 0) {\n    // Group data by X-axis field and create separate series for dimension values\n    const groupedData: { [key: string]: any } = {}\n\n    data.forEach((row: any) => {\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      const xValue = formatTimeValue(row[xAxisField], granularity) || row[xAxisField] || 'Unknown'\n      if (!groupedData[xValue]) {\n        groupedData[xValue] = { name: String(xValue) }\n      }\n\n      // Add measures - preserve nulls for individual measures\n      yAxisMeasures.forEach(measure => {\n        const displayName = getFieldLabelFn(measure)\n        const measureValue = parseNumericValue(row[measure])\n\n        // For aggregation: sum non-null values, preserve null if all are null\n        if (measureValue !== null) {\n          const currentValue = groupedData[xValue][displayName]\n          groupedData[xValue][displayName] = (currentValue === null || currentValue === undefined)\n            ? measureValue\n            : currentValue + measureValue\n        } else if (!(displayName in groupedData[xValue])) {\n          // Only set to null if no value exists yet\n          groupedData[xValue][displayName] = null\n        }\n      })\n\n      // Add dimensions as separate series (aggregate measure values by dimension)\n      yAxisDimensions.forEach(dimension => {\n        const dimValue = row[dimension]\n        if (dimValue !== undefined && dimValue !== null) {\n          const seriesName = String(dimValue)\n          // Aggregate the first measure for this dimension value, or use totalCost if available\n          const measureToAggregate = yAxisMeasures[0] || queryMeasures.find((m: string) =>\n            m.includes('totalCost') || m.includes('count') || m.includes('sum')\n          ) || queryMeasures[0]\n\n          if (measureToAggregate) {\n            const measureValue = parseNumericValue(row[measureToAggregate])\n\n            // For dimension series: sum non-null values, preserve null if all are null\n            if (measureValue !== null) {\n              const currentValue = groupedData[xValue][seriesName]\n              groupedData[xValue][seriesName] = (currentValue === null || currentValue === undefined)\n                ? measureValue\n                : currentValue + measureValue\n            } else if (!(seriesName in groupedData[xValue])) {\n              // Only set to null if no value exists yet\n              groupedData[xValue][seriesName] = null\n            }\n          }\n        }\n      })\n    })\n    \n    const chartData = Object.values(groupedData)\n    \n    // Get all series keys for rendering\n    // When dimensions are on Y-axis, only show dimension series, not measures\n    // The measures are the values being aggregated for each dimension series\n    const dimensionSeries = Array.from(new Set(\n      data.flatMap((row: any) => \n        yAxisDimensions.map(dimension => {\n          const value = row[dimension]\n          return value !== undefined && value !== null \n            ? String(value)\n            : null\n        }).filter((value): value is string => value !== null)\n      )\n    ))\n    \n    return {\n      data: chartData,\n      seriesKeys: dimensionSeries,\n      hasDimensions: true\n    }\n  }\n  \n  // Standard measures-only path\n  const chartData = transformChartData(data, xAxisField, yAxisFields, queryObject, getFieldLabelFn)\n  const seriesKeys = yAxisFields.map(field => getFieldLabelFn(field))\n  \n  return {\n    data: chartData,\n    seriesKeys,\n    hasDimensions: false\n  }\n}","// Default color palette for charts - used as fallback when no dashboard palette is specified\n// These are now part of the 'default' palette in the unified color palette system\nexport const CHART_COLORS = [\n  '#3b82f6', // blue\n  '#10b981', // green\n  '#f59e0b', // yellow\n  '#ef4444', // red\n  '#8b5cf6', // purple\n  '#f97316', // orange\n  '#06b6d4', // cyan\n  '#84cc16', // lime\n]\n\n// Default gradient colors for continuous numeric scales - used as fallback\n// These are now part of the 'default' palette in the unified color palette system\nexport const CHART_COLORS_GRADIENT = [\n  '#440154', // dark purple\n  '#414487', // purple-blue\n  '#2a788e', // teal\n  '#22a884', // green-teal  \n  '#7ad151', // green\n  '#fde725', // yellow\n]\n\n// Colors for positive/negative values\nexport const POSITIVE_COLOR = '#10b981' // green\nexport const NEGATIVE_COLOR = '#ef4444' // red\n\nexport const CHART_MARGINS = {\n  top: 5,\n  right: 30,\n  left: 20,\n  bottom: 5\n}\n\nexport const RESPONSIVE_CHART_MARGINS = {\n  top: 5,\n  right: 30,\n  left: 20,\n  bottom: 60 // Extra space for rotated labels\n}","import { ReactElement, useState, useRef, useLayoutEffect } from 'react'\nimport { ResponsiveContainer } from 'recharts'\nimport LoadingIndicator from '../LoadingIndicator'\n\ninterface ChartContainerProps {\n  children: ReactElement\n  height?: string | number\n}\n\nexport default function ChartContainer({ children, height = \"100%\" }: ChartContainerProps) {\n  // Track if container is ready to render ResponsiveContainer\n  // We need to wait for the container to be in the DOM with valid dimensions\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [isReady, setIsReady] = useState(false)\n  const [containerSize, setContainerSize] = useState({ width: 0, height: 0 })\n\n  // Use useLayoutEffect to measure before paint\n  useLayoutEffect(() => {\n    let mounted = true\n    let resizeObserver: ResizeObserver | null = null\n\n    const measureAndSetReady = () => {\n      if (!mounted || !containerRef.current) return\n\n      const rect = containerRef.current.getBoundingClientRect()\n      // Check both clientWidth/Height AND getBoundingClientRect for robustness\n      const width = Math.max(containerRef.current.clientWidth, rect.width)\n      const height = Math.max(containerRef.current.clientHeight, rect.height)\n\n      if (width > 0 && height > 0) {\n        setContainerSize({ width, height })\n        setIsReady(true)\n      }\n    }\n\n    // Set up ResizeObserver to detect when container gets valid dimensions\n    resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height } = entry.contentRect\n        if (width > 0 && height > 0) {\n          setContainerSize({ width, height })\n          if (!isReady) {\n            setIsReady(true)\n          }\n        }\n      }\n    })\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n      // Also try immediate measurement\n      measureAndSetReady()\n    }\n\n    return () => {\n      mounted = false\n      resizeObserver?.disconnect()\n    }\n  }, [isReady])\n\n  try {\n    if (height === \"100%\") {\n      // For 100% height, make the container fill the available flex space with proper sizing\n      return (\n        <div\n          ref={containerRef}\n          className=\"w-full h-full flex-1 flex flex-col relative\"\n          style={{ minHeight: '250px', minWidth: '100px', overflow: 'hidden' }}\n        >\n          {isReady && containerSize.width > 0 && containerSize.height > 0 ? (\n            <ResponsiveContainer\n              width={containerSize.width}\n              height={containerSize.height - 16}\n              debounce={100}\n              style={{ marginTop: '16px' }}\n            >\n              {children}\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"flex items-center justify-center w-full h-full\">\n              <LoadingIndicator size=\"sm\" />\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    // For specific heights, use them directly\n    const containerStyle = {\n      height: typeof height === 'number' ? `${height}px` : height,\n      width: '100%',\n      minHeight: '200px',\n      minWidth: '100px'\n    }\n\n    return (\n      <div\n        ref={containerRef}\n        className=\"w-full flex flex-col relative\"\n        style={{ ...containerStyle, overflow: 'hidden' }}\n      >\n        {isReady && containerSize.width > 0 && containerSize.height > 0 ? (\n          <ResponsiveContainer\n            width={containerSize.width}\n            height={containerSize.height - 16}\n            debounce={100}\n            style={{ marginTop: '16px' }}\n          >\n            {children}\n          </ResponsiveContainer>\n        ) : (\n          <div className=\"flex items-center justify-center w-full h-full\">\n            <LoadingIndicator size=\"sm\" />\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // ChartContainer ResponsiveContainer error\n\n    return (\n      <div\n        className=\"flex flex-col items-center justify-center w-full h-full p-4 text-center border border-dashed rounded-lg\"\n        style={{ height, borderColor: 'var(--dc-border)', backgroundColor: 'var(--dc-surface)' }}\n      >\n        <div className=\"text-sm font-semibold mb-1 text-dc-text-muted\">Unable to display chart</div>\n        <div className=\"text-xs text-dc-text-secondary\">\n          {error instanceof Error ? error.message : 'Failed to create responsive container'}\n        </div>\n      </div>\n    )\n  }\n}","import React from 'react'\nimport { Tooltip } from 'recharts'\nimport { formatNumericValue } from '../../utils/chartUtils'\n\ninterface ChartTooltipProps {\n  formatter?: (value: any, name: any, props: any) => [React.ReactText, React.ReactText]\n  labelFormatter?: (label: any, payload?: readonly any[]) => React.ReactText\n}\n\n// Default formatter that rounds numeric values to at most 2 decimal places\nconst defaultFormatter = (value: any, name: any): [React.ReactText, React.ReactText] => {\n  if (value === null || value === undefined) {\n    return ['No data', name]\n  }\n  return [formatNumericValue(value), name]\n}\n\nexport default function ChartTooltip({ formatter, labelFormatter }: ChartTooltipProps) {\n  return (\n    <Tooltip\n      formatter={formatter || defaultFormatter}\n      labelFormatter={labelFormatter}\n      contentStyle={{\n        backgroundColor: 'white',\n        border: '1px solid #e5e7eb',\n        borderRadius: '0.5rem',\n        fontSize: '0.875rem',\n        color: '#1f2937',\n        boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n        padding: '8px 12px'\n      }}\n    />\n  )\n}","/**\n * Utility functions for handling target values in charts\n */\n\n/**\n * Parse target values from string format\n * @param targetString - String containing target values (e.g., \"100\" or \"50,75,100\")\n * @returns Array of numeric target values\n */\nexport function parseTargetValues(targetString: string): number[] {\n  if (!targetString || typeof targetString !== 'string') {\n    return []\n  }\n\n  const trimmed = targetString.trim()\n  if (!trimmed) {\n    return []\n  }\n\n  try {\n    // Split by comma and parse each value\n    const values = trimmed\n      .split(',')\n      .map(val => val.trim())\n      .filter(val => val !== '')\n      .map(val => {\n        const num = parseFloat(val)\n        if (isNaN(num)) {\n          throw new Error(`Invalid numeric value: ${val}`)\n        }\n        return num\n      })\n\n    return values.length > 0 ? values : []\n  } catch (error) {\n    console.warn('Failed to parse target values:', error)\n    return []\n  }\n}\n\n/**\n * Spread target values across data points\n * @param targets - Array of target values\n * @param dataLength - Number of data points to spread across\n * @returns Array of target values for each data point\n */\nexport function spreadTargetValues(targets: number[], dataLength: number): number[] {\n  if (targets.length === 0 || dataLength <= 0) {\n    return []\n  }\n\n  // If only one target value, repeat for all data points\n  if (targets.length === 1) {\n    return new Array(dataLength).fill(targets[0])\n  }\n\n  // If we have multiple targets, spread them evenly across data points\n  const result: number[] = []\n  const baseGroupSize = Math.floor(dataLength / targets.length)\n  const remainder = dataLength % targets.length\n\n  let currentIndex = 0\n  \n  for (let i = 0; i < targets.length; i++) {\n    // Calculate group size for this target\n    // First 'remainder' groups get an extra item\n    const groupSize = baseGroupSize + (i < remainder ? 1 : 0)\n    \n    // Fill this group with the current target value\n    for (let j = 0; j < groupSize; j++) {\n      result[currentIndex++] = targets[i]\n    }\n  }\n\n  return result\n}\n\n/**\n * Calculate variance between actual and target values\n * @param actual - Actual value\n * @param target - Target value\n * @returns Variance as percentage\n */\nexport function calculateVariance(actual: number, target: number): number {\n  if (target === 0) {\n    return actual === 0 ? 0 : (actual > 0 ? 100 : -100)\n  }\n  return ((actual - target) / target) * 100\n}\n\n/**\n * Format variance as percentage string with appropriate sign and color indication\n * @param variance - Variance percentage\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted variance string (e.g., \"+12.5%\" or \"-8.3%\")\n */\nexport function formatVariance(variance: number, decimals: number = 1): string {\n  const sign = variance >= 0 ? '+' : ''\n  return `${sign}${variance.toFixed(decimals)}%`\n}\n\n/**\n * Get unique target values for reference lines\n * @param targets - Array of target values (may contain duplicates)\n * @returns Array of unique target values\n */\nexport function getUniqueTargets(targets: number[]): number[] {\n  return [...new Set(targets)].sort((a, b) => a - b)\n}","/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`text-sm font-semibold text-dc-primary uppercase tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading'\nimport type { AxisFormatConfig } from '../../types'\nimport { formatAxisValue } from '../../utils/chartUtils'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Get the currency code for a given locale (duplicated from chartUtils for component isolation)\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n  const currencyMap: Record<string, string> = {\n    'US': 'USD', 'CA': 'CAD', 'GB': 'GBP', 'UK': 'GBP', 'AU': 'AUD', 'NZ': 'NZD',\n    'EU': 'EUR', 'DE': 'EUR', 'FR': 'EUR', 'IT': 'EUR', 'ES': 'EUR', 'NL': 'EUR',\n    'BE': 'EUR', 'AT': 'EUR', 'IE': 'EUR', 'PT': 'EUR', 'FI': 'EUR',\n    'JP': 'JPY', 'CN': 'CNY', 'KR': 'KRW', 'IN': 'INR', 'BR': 'BRL', 'MX': 'MXN',\n    'CH': 'CHF', 'SE': 'SEK', 'NO': 'NOK', 'DK': 'DKK', 'PL': 'PLN', 'RU': 'RUB',\n    'ZA': 'ZAR', 'SG': 'SGD', 'HK': 'HKD', 'TW': 'TWD', 'TH': 'THB', 'MY': 'MYR',\n    'PH': 'PHP', 'ID': 'IDR', 'VN': 'VND', 'AE': 'AED', 'SA': 'SAR', 'IL': 'ILS', 'TR': 'TRY',\n  }\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const config = useMemo(() => value || {}, [value])\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: 'Custom' }\n  ]\n\n  return (\n    <div className=\"space-y-3 pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Label</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder=\"Auto-generated label\"\n          className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n        />\n      </div>\n\n      {/* Unit Type */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Unit</label>\n        <div className=\"flex border border-dc-border rounded-sm overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`flex-1 px-2 py-1.5 text-sm font-medium transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"flex gap-2\">\n          <div className=\"flex-1 space-y-1\">\n            <label className=\"text-xs text-dc-text-secondary\">Prefix</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder=\"e.g., $\"\n              className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n          <div className=\"flex-1 space-y-1\">\n            <label className=\"text-xs text-dc-text-secondary\">Suffix</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder=\"e.g., units\"\n              className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Abbreviation</label>\n        <div className=\"flex border border-dc-border rounded-sm overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`flex-1 px-3 py-1.5 text-sm font-medium transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`flex-1 px-3 py-1.5 text-sm font-medium transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            No\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Decimals</label>\n        <div className=\"flex gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"flex-1 px-3 py-2 text-sm border border-dc-border rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"flex-1 px-3 py-2 text-sm border border-dc-border rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Preview</label>\n        <div className=\"text-sm font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\n/**\n * Container component for multiple axis format controls\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  return (\n    <div className=\"space-y-4\">\n      {showAxes.leftYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Left Y-Axis\"\n          value={displayConfig.leftYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              leftYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.rightYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Right Y-Axis\"\n          value={displayConfig.rightYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              rightYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.xAxis && (\n        <AxisFormatControls\n          axisLabel=\"X-Axis\"\n          value={displayConfig.xAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              xAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n          previewValue={2024} // Use a year-like number for X-axis preview\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"names":["sizeClasses","LoadingIndicator","size","className","jsx","useCubeFieldLabel","context","useContext","CubeMetaContext","useMemo","isValidNumericValue","value","parseNumericValue","num","formatNumericValue","formatAxisValue","config","locale","effectiveLocale","unit","abbreviate","decimals","customPrefix","customSuffix","displayValue","abbreviationSuffix","absNum","effectiveDecimals","currencyCode","getCurrencyCodeForLocale","formatted","parts","percentValue","prefix","suffix","region","formatTimeValue","granularity","str","isoStr","date","year","month","day","hours","minutes","quarter","seconds","milliseconds","getFieldGranularity","queryObject","fieldName","timeDim","td","granularityMatch","transformChartData","data","xAxisField","yAxisFields","getFieldLabelFn","row","transformed","field","displayName","transformChartDataWithSeries","seriesFields","originalQuery","queryDimensions","queryMeasures","yAxisMeasures","yAxisDimensions","groupedData","xValue","measure","measureValue","currentValue","dimension","dimValue","seriesName","measureToAggregate","m","chartData","dimensionSeries","seriesKeys","CHART_COLORS","CHART_COLORS_GRADIENT","POSITIVE_COLOR","NEGATIVE_COLOR","CHART_MARGINS","ChartContainer","children","height","containerRef","useRef","isReady","setIsReady","useState","containerSize","setContainerSize","useLayoutEffect","mounted","resizeObserver","measureAndSetReady","rect","width","entries","entry","ResponsiveContainer","containerStyle","error","jsxs","defaultFormatter","name","ChartTooltip","formatter","labelFormatter","Tooltip","parseTargetValues","targetString","trimmed","values","val","spreadTargetValues","targets","dataLength","result","baseGroupSize","remainder","currentIndex","groupSize","j","calculateVariance","actual","target","formatVariance","variance","SectionHeading","getLocaleCurrencySymbol","AxisFormatControls","onChange","axisLabel","previewValue","currencySymbol","preview","handleChange","updates","unitButtons","e","btn","current"],"mappings":"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"}

package/dist/client/chunks/{charts-loader-BtsnUO4Q.js → charts-loader-ChTUa_-G.js}

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { Suspense as c, lazy as d } from "react";
 function p({
   chartType: a,
@@ -6,7 +6,7 @@ function p({
   installCommand: r,
   height: n = 200
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "dc-missing-dependency-fallback",
@@ -31,7 +31,7 @@ function p({
           marginBottom: "0.5rem",
           color: "var(--dc-text, #111827)"
         }, children: "Missing Dependency" }),
-        /* @__PURE__ */ l("p", { style: {
+        /* @__PURE__ */ i("p", { style: {
           fontSize: "0.875rem",
           color: "var(--dc-text-secondary, #6b7280)",
           marginBottom: "1rem",
@@ -55,7 +55,7 @@ function p({
           }, children: e }),
           " package."
         ] }),
-        /* @__PURE__ */ l("div", { style: {
+        /* @__PURE__ */ i("div", { style: {
           backgroundColor: "var(--dc-surface-secondary, #f3f4f6)",
           borderRadius: "0.5rem",
           padding: "0.75rem 1rem",
@@ -78,7 +78,7 @@ function p({
     }
   );
 }
-const m = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), f = {
+const m = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), f = {
   // Recharts-based charts
   bar: {
     packageName: "recharts",
@@ -133,27 +133,29 @@ const m = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), f = {
     packageName: "@nivo/heatmap",
     installCommand: "npm install @nivo/heatmap"
   }
-  // Charts with no external deps: table, activityGrid, kpiNumber, kpiDelta, kpiText, markdown
+  // Charts with no external deps: table, activityGrid, kpiNumber, kpiDelta, kpiText, markdown, retentionHeatmap
 }, o = {
-  bar: () => import("./chart-bar-D68HFPpa.js"),
-  line: () => import("./chart-line-DqqE7ky9.js"),
-  area: () => import("./chart-area-cPrJnhLj.js"),
-  pie: () => import("./chart-pie-B5WBzIRH.js"),
-  scatter: () => import("./chart-scatter-DjmJRlK0.js"),
-  radar: () => import("./chart-radar-DL_dvhA-.js"),
-  radialBar: () => import("./chart-radial-bar-DDRo6nz-.js"),
-  treemap: () => import("./chart-tree-map-DEfJtJVC.js"),
-  bubble: () => import("./chart-bubble-CquyYfNO.js").then((a) => a.B),
-  table: () => import("./chart-data-table-D4WDqbM0.js"),
-  activityGrid: () => import("./chart-activity-grid-CuPARsr1.js"),
-  kpiNumber: () => import("./chart-kpi-number-Cf4Pgkm9.js").then((a) => a.K),
-  kpiDelta: () => import("./chart-kpi-delta-Bs5R5xr4.js").then((a) => a.K),
-  kpiText: () => import("./chart-kpi-text-CRp8QWYG.js"),
+  bar: () => import("./chart-bar-7y0-F27Q.js"),
+  line: () => import("./chart-line-FSEpBk6Y.js"),
+  area: () => import("./chart-area-DLmXFWWy.js"),
+  pie: () => import("./chart-pie-BRQEH9e-.js"),
+  scatter: () => import("./chart-scatter-D6XwOD2W.js"),
+  radar: () => import("./chart-radar-DgsFyiIP.js"),
+  radialBar: () => import("./chart-radial-bar-CUMoXyl9.js"),
+  treemap: () => import("./chart-tree-map-DQMsn47a.js"),
+  bubble: () => import("./chart-bubble-3jYKCA2B.js").then((a) => a.B),
+  table: () => import("./chart-data-table-rUFLqysu.js"),
+  activityGrid: () => import("./chart-activity-grid-BnweuBvr.js"),
+  kpiNumber: () => import("./chart-kpi-number-BxGNOtzI.js").then((a) => a.K),
+  kpiDelta: () => import("./chart-kpi-delta-sfZEvQZm.js"),
+  kpiText: () => import("./chart-kpi-text-BLQ_CWQP.js"),
   markdown: () => import("./chart-markdown-C-lDJMtY.js"),
-  funnel: () => import("./chart-funnel-Csdn4FbN.js"),
-  sankey: () => import("./chart-sankey-C_bgIfg-.js"),
-  sunburst: () => import("./chart-sunburst-CbMEnaes.js"),
-  heatmap: () => import("./chart-heat-map-v1afxnjq.js")
+  funnel: () => import("./chart-funnel-C7zGBfSw.js"),
+  sankey: () => import("./chart-sankey-IAKDEe7A.js"),
+  sunburst: () => import("./chart-sunburst-CP_pnj0S.js"),
+  heatmap: () => import("./chart-heat-map-B-l8hK8b.js"),
+  retentionHeatmap: () => import("./RetentionHeatmap-Bofadstm.js"),
+  retentionCombined: () => import("./RetentionCombinedChart-DirfDaZH.js")
 };
 function u(a) {
   const e = f[a], r = ({ height: n }) => /* @__PURE__ */ t(
@@ -175,7 +177,7 @@ function h(a, e) {
       return console.warn(
         `[drizzle-cube] Failed to load ${a} chart:`,
         r instanceof Error ? r.message : r
-      ), i.add(a), { default: u(a) };
+      ), l.add(a), { default: u(a) };
     }
   };
 }
@@ -222,10 +224,10 @@ function w() {
   return Object.keys(o);
 }
 function z(a) {
-  return !i.has(a);
+  return !l.has(a);
 }
 function F() {
-  return Array.from(i);
+  return Array.from(l);
 }
 export {
   N as L,
@@ -236,4 +238,4 @@ export {
   v as i,
   k as p
 };
-//# sourceMappingURL=charts-loader-BtsnUO4Q.js.map
+//# sourceMappingURL=charts-loader-ChTUa_-G.js.map

package/dist/client/chunks/charts-loader-ChTUa_-G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-loader-ChTUa_-G.js","sources":["../../../src/client/components/charts/MissingDependencyFallback.tsx","../../../src/client/charts/ChartLoader.tsx"],"sourcesContent":["interface MissingDependencyFallbackProps {\n  chartType: string\n  packageName: string\n  installCommand: string\n  height?: string | number\n}\n\n/**\n * Fallback component shown when a chart's optional dependency is not installed.\n * Provides clear instructions on how to install the missing package.\n */\nexport function MissingDependencyFallback({\n  chartType,\n  packageName,\n  installCommand,\n  height = 200\n}: MissingDependencyFallbackProps) {\n  return (\n    <div\n      className=\"dc-missing-dependency-fallback\"\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        padding: '1.5rem',\n        textAlign: 'center',\n        border: '1px dashed var(--dc-border, #e5e7eb)',\n        borderRadius: '0.5rem',\n        backgroundColor: 'var(--dc-surface, #f9fafb)'\n      }}\n    >\n      <div style={{ fontSize: '2.5rem', marginBottom: '1rem' }}>📦</div>\n      <h3 style={{\n        fontSize: '1.125rem',\n        fontWeight: 600,\n        marginBottom: '0.5rem',\n        color: 'var(--dc-text, #111827)'\n      }}>\n        Missing Dependency\n      </h3>\n      <p style={{\n        fontSize: '0.875rem',\n        color: 'var(--dc-text-secondary, #6b7280)',\n        marginBottom: '1rem',\n        maxWidth: '28rem'\n      }}>\n        The <code style={{\n          padding: '0.125rem 0.375rem',\n          backgroundColor: 'var(--dc-surface-secondary, #f3f4f6)',\n          borderRadius: '0.25rem',\n          fontFamily: 'monospace',\n          fontSize: '0.75rem'\n        }}>{chartType}</code> chart requires the <code style={{\n          padding: '0.125rem 0.375rem',\n          backgroundColor: 'var(--dc-surface-secondary, #f3f4f6)',\n          borderRadius: '0.25rem',\n          fontFamily: 'monospace',\n          fontSize: '0.75rem'\n        }}>{packageName}</code> package.\n      </p>\n      <div style={{\n        backgroundColor: 'var(--dc-surface-secondary, #f3f4f6)',\n        borderRadius: '0.5rem',\n        padding: '0.75rem 1rem',\n        fontFamily: 'monospace',\n        fontSize: '0.875rem',\n        color: 'var(--dc-text, #111827)'\n      }}>\n        <span style={{\n          color: 'var(--dc-text-muted, #9ca3af)',\n          userSelect: 'none'\n        }}>$ </span>\n        {installCommand}\n      </div>\n      <p style={{\n        fontSize: '0.75rem',\n        color: 'var(--dc-text-muted, #9ca3af)',\n        marginTop: '0.75rem'\n      }}>\n        After installing, restart your development server.\n      </p>\n    </div>\n  )\n}\n","/**\n * Lazy Chart Loader\n *\n * Provides React.lazy-based dynamic loading for chart components.\n * This enables code splitting - each chart type loads only when needed.\n *\n * Handles missing optional dependencies gracefully by showing a fallback\n * component instead of crashing the application.\n */\n\nimport { lazy, Suspense, ComponentType, ReactNode, LazyExoticComponent } from 'react'\nimport type { ChartType, ChartProps } from '../types'\nimport { MissingDependencyFallback } from '../components/charts/MissingDependencyFallback'\n\n// Type for lazy-loaded chart components\ntype LazyChartComponent = ComponentType<ChartProps>\n\n// Chart loader cache to prevent re-creating lazy components\nconst chartLoaderCache = new Map<ChartType, LazyExoticComponent<LazyChartComponent>>()\n\n// Track which chart types have failed to load due to missing dependencies\nconst failedChartTypes = new Set<ChartType>()\n\n/**\n * Maps chart types to their optional peer dependencies.\n * Charts not listed here have no external dependencies (table, KPIs, markdown).\n */\nconst chartDependencyMap: Partial<Record<ChartType, { packageName: string; installCommand: string }>> = {\n  // Recharts-based charts\n  bar: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  line: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  area: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  pie: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  scatter: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  radar: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  radialBar: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  treemap: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  bubble: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  funnel: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  sankey: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  sunburst: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  // Nivo-based charts\n  heatmap: {\n    packageName: '@nivo/heatmap',\n    installCommand: 'npm install @nivo/heatmap'\n  }\n  // Charts with no external deps: table, activityGrid, kpiNumber, kpiDelta, kpiText, markdown, retentionHeatmap\n}\n\n// Dynamic import functions for each chart type\nconst chartImportMap: Record<ChartType, () => Promise<{ default: LazyChartComponent }>> = {\n  bar: () => import('../components/charts/BarChart'),\n  line: () => import('../components/charts/LineChart'),\n  area: () => import('../components/charts/AreaChart'),\n  pie: () => import('../components/charts/PieChart'),\n  scatter: () => import('../components/charts/ScatterChart'),\n  radar: () => import('../components/charts/RadarChart'),\n  radialBar: () => import('../components/charts/RadialBarChart'),\n  treemap: () => import('../components/charts/TreeMapChart'),\n  bubble: () => import('../components/charts/BubbleChart'),\n  table: () => import('../components/charts/DataTable'),\n  activityGrid: () => import('../components/charts/ActivityGridChart'),\n  kpiNumber: () => import('../components/charts/KpiNumber'),\n  kpiDelta: () => import('../components/charts/KpiDelta'),\n  kpiText: () => import('../components/charts/KpiText'),\n  markdown: () => import('../components/charts/MarkdownChart'),\n  funnel: () => import('../components/charts/FunnelChart'),\n  sankey: () => import('../components/charts/SankeyChart'),\n  sunburst: () => import('../components/charts/SunburstChart'),\n  heatmap: () => import('../components/charts/HeatMapChart'),\n  retentionHeatmap: () => import('../components/charts/RetentionHeatmap'),\n  retentionCombined: () => import('../components/charts/RetentionCombinedChart'),\n}\n\n/**\n * Creates a fallback component for a chart type with missing dependencies.\n */\nfunction createFallbackComponent(chartType: ChartType): LazyChartComponent {\n  const depInfo = chartDependencyMap[chartType]\n\n  const FallbackComponent: LazyChartComponent = ({ height }) => (\n    <MissingDependencyFallback\n      chartType={chartType}\n      packageName={depInfo?.packageName || 'unknown'}\n      installCommand={depInfo?.installCommand || `npm install [package-name]`}\n      height={height}\n    />\n  )\n\n  FallbackComponent.displayName = `${chartType}Fallback`\n  return FallbackComponent\n}\n\n/**\n * Wraps a chart import function with error handling.\n * If the import fails (e.g., missing dependency), returns a fallback component.\n */\nfunction createSafeImport(\n  chartType: ChartType,\n  importFn: () => Promise<{ default: LazyChartComponent }>\n): () => Promise<{ default: LazyChartComponent }> {\n  return async () => {\n    try {\n      return await importFn()\n    } catch (error) {\n      // Log the error for debugging\n      console.warn(\n        `[drizzle-cube] Failed to load ${chartType} chart:`,\n        error instanceof Error ? error.message : error\n      )\n\n      // Track that this chart type failed\n      failedChartTypes.add(chartType)\n\n      // Return the fallback component wrapped in the expected format\n      return { default: createFallbackComponent(chartType) }\n    }\n  }\n}\n\n/**\n * Get or create a lazy component for a chart type.\n * Handles import failures gracefully by returning a fallback component.\n */\nfunction getLazyChart(chartType: ChartType): LazyExoticComponent<LazyChartComponent> {\n  if (!chartLoaderCache.has(chartType)) {\n    const importFn = chartImportMap[chartType]\n    if (!importFn) {\n      throw new Error(`Unknown chart type: ${chartType}`)\n    }\n    // Wrap the import with error handling for graceful degradation\n    const safeImport = createSafeImport(chartType, importFn)\n    chartLoaderCache.set(chartType, lazy(safeImport))\n  }\n  return chartLoaderCache.get(chartType)!\n}\n\n/**\n * Check if a chart type is supported\n */\nexport function isValidChartType(chartType: string): chartType is ChartType {\n  return chartType in chartImportMap\n}\n\n// Props for the LazyChart wrapper\nexport interface LazyChartProps extends ChartProps {\n  chartType: ChartType\n  fallback?: ReactNode\n}\n\n/**\n * Default loading placeholder for charts\n */\nfunction DefaultChartFallback({ height }: { height?: string | number }) {\n  return (\n    <div\n      className=\"flex items-center justify-center w-full\"\n      style={{ height: typeof height === 'number' ? `${height}px` : height || '200px' }}\n    >\n      <div className=\"animate-pulse bg-dc-surface-secondary rounded w-full h-full min-h-[100px]\" />\n    </div>\n  )\n}\n\n/**\n * Lazy Chart Component\n *\n * Renders a chart component with React.lazy dynamic loading.\n * The chart type determines which chart component is loaded.\n *\n * @example\n * ```tsx\n * <LazyChart\n *   chartType=\"bar\"\n *   data={chartData}\n *   chartConfig={{ yAxis: ['value'] }}\n *   height={300}\n * />\n * ```\n */\nexport function LazyChart({\n  chartType,\n  fallback,\n  height,\n  ...chartProps\n}: LazyChartProps) {\n  const ChartComponent = getLazyChart(chartType)\n\n  return (\n    <Suspense fallback={fallback ?? <DefaultChartFallback height={height} />}>\n      <ChartComponent height={height} {...chartProps} />\n    </Suspense>\n  )\n}\n\n/**\n * Preload a chart type\n *\n * Triggers the dynamic import without rendering.\n * Useful for prefetching charts that will likely be needed.\n *\n * @example\n * ```tsx\n * // Preload bar chart on hover\n * onMouseEnter={() => preloadChart('bar')}\n * ```\n */\nexport function preloadChart(chartType: ChartType): void {\n  const importFn = chartImportMap[chartType]\n  if (importFn) {\n    importFn()\n  }\n}\n\n/**\n * Preload multiple chart types\n *\n * @example\n * ```tsx\n * // Preload common charts on app init\n * useEffect(() => {\n *   preloadCharts(['bar', 'line', 'pie'])\n * }, [])\n * ```\n */\nexport function preloadCharts(chartTypes: ChartType[]): void {\n  chartTypes.forEach(preloadChart)\n}\n\n/**\n * Get all available chart types\n */\nexport function getAvailableChartTypes(): ChartType[] {\n  return Object.keys(chartImportMap) as ChartType[]\n}\n\n/**\n * Check if a chart type has loaded successfully.\n * Returns false if the chart failed to load due to missing dependencies.\n *\n * Note: This only returns accurate results after the chart has been attempted to load.\n * Use this for conditional UI logic (e.g., hiding unavailable chart types).\n */\nexport function isChartTypeAvailable(chartType: ChartType): boolean {\n  return !failedChartTypes.has(chartType)\n}\n\n/**\n * Get list of chart types that failed to load due to missing dependencies.\n */\nexport function getUnavailableChartTypes(): ChartType[] {\n  return Array.from(failedChartTypes)\n}\n"],"names":["MissingDependencyFallback","chartType","packageName","installCommand","height","jsxs","jsx","chartLoaderCache","failedChartTypes","chartDependencyMap","chartImportMap","n","createFallbackComponent","depInfo","FallbackComponent","createSafeImport","importFn","error","getLazyChart","safeImport","lazy","isValidChartType","DefaultChartFallback","LazyChart","fallback","chartProps","ChartComponent","Suspense","preloadChart","preloadCharts","chartTypes","getAvailableChartTypes","isChartTypeAvailable","getUnavailableChartTypes"],"mappings":"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"}