drizzle-cube 0.2.2 → 0.2.3

package/dist/client/chunks/chart-radialbarchart-config-lU2_NQCD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radialbarchart-config-lU2_NQCD.js","sources":["../../../src/client/components/charts/RadialBarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the radial bar chart type\n */\nexport const radialBarChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('radialBar'),\n  description: 'Circular progress and KPI visualization',\n  useCase: 'Best for showing progress toward goals, KPIs, or comparing percentages in a compact form',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimensions for radial segments',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measures for radial bar lengths',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for values'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["radialBarChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAwC;AAAA,EACnD,MAAMC,EAAiB,WAAW;AAAA,EAClC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}

package/dist/client/chunks/{chart-scatterchart-DNVKc7nQ.js → chart-scatterchart-C_D9OqA1.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useState as _ } from "react";
 import { ScatterChart as H, CartesianGrid as K, XAxis as O, YAxis as B, Tooltip as Y, Legend as U, Scatter as M } from "recharts";
 import { C as W } from "./chart-chartcontainer-CdwzIKP1.js";
-import { u as $, b, c as S, p as j, i as z, C as J, f as R, a as k } from "./chart-activitygridchart--4a5X5eV.js";
+import { u as $, b, c as S, p as j, i as z, C as J, f as R, a as k } from "./chart-activitygridchart-BzL97Vnm.js";
 function re({
   data: N,
   chartConfig: i,
@@ -198,4 +198,4 @@ function re({
 export {
   re as default
 };
-//# sourceMappingURL=chart-scatterchart-DNVKc7nQ.js.map
+//# sourceMappingURL=chart-scatterchart-C_D9OqA1.js.map

package/dist/client/chunks/{chart-scatterchart-DNVKc7nQ.js.map → chart-scatterchart-C_D9OqA1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-scatterchart-DNVKc7nQ.js","sources":["../../../src/client/components/charts/ScatterChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { ScatterChart as RechartsScatterChart, Scatter, XAxis, YAxis, CartesianGrid, Legend, Tooltip } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, parseNumericValue, isValidNumericValue, formatNumericValue } from '../../utils/chartUtils'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function ScatterChart({ \n  data, \n  chartConfig, \n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  const { getFieldLabel } = useCubeContext()\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No data available</div>\n            <div className=\"text-xs text-dc-text-secondary\">No data points to display in scatter chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let yAxisField: string\n    let seriesFields: string[] = []\n    \n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - handle both string and array values\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis\n      // Normalize series to array\n      const seriesConfig = chartConfig.series\n      seriesFields = seriesConfig ? (Array.isArray(seriesConfig) ? seriesConfig : [seriesConfig]) : []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format (adapt for scatter chart)\n      xAxisField = chartConfig.x\n      yAxisField = Array.isArray(chartConfig.y) ? chartConfig.y[0] : chartConfig.y\n    } else {\n      return (\n        <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Invalid or missing chart axis configuration</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisField) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Missing required X-axis or Y-axis fields</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Extract time dimensions from query for tooltip display\n    const timeDimensions = queryObject?.timeDimensions || []\n    const timeDimensionFields = timeDimensions.map((td: any) => td.dimension)\n\n    // Transform data for scatter plot\n    // Null handling: Filter out data points where x or y coordinates are null\n    let scatterData: any[]\n    let seriesGroups: { [key: string]: any[] } = {}\n\n    if (seriesFields.length > 0) {\n      // Group data by series field\n      const seriesField = seriesFields[0]\n      data.forEach(item => {\n        const seriesValue = String(item[seriesField] || 'Default')\n        if (!seriesGroups[seriesValue]) {\n          seriesGroups[seriesValue] = []\n        }\n\n        const xGranularity = getFieldGranularity(queryObject, xAxisField)\n        const xValue = formatTimeValue(item[xAxisField], xGranularity) || item[xAxisField]\n        const yValue = parseNumericValue(item[yAxisField])\n\n        // Only add point if both x and y are valid numbers\n        const xNum = typeof xValue === 'string' ? parseFloat(xValue) : xValue\n        if (isValidNumericValue(xNum) && yValue !== null) {\n          // Extract time dimension values for tooltip\n          const timeValues: { [key: string]: string } = {}\n          timeDimensionFields.forEach((field: string) => {\n            if (item[field]) {\n              const granularity = getFieldGranularity(queryObject, field)\n              timeValues[field] = formatTimeValue(item[field], granularity)\n            }\n          })\n\n          seriesGroups[seriesValue].push({\n            x: xNum,\n            y: yValue,\n            name: seriesValue,\n            timeValues,\n            originalItem: item\n          })\n        }\n      })\n\n      // Collect all valid points from all series for validation\n      // (The actual rendering uses seriesGroups with series separated)\n      const seriesKeys = Object.keys(seriesGroups)\n      scatterData = seriesKeys.flatMap(key => seriesGroups[key])\n    } else {\n      // Single series scatter plot\n      const xGranularity = getFieldGranularity(queryObject, xAxisField)\n      scatterData = data\n        .map(item => {\n          const xValue = formatTimeValue(item[xAxisField], xGranularity) || item[xAxisField]\n          const yValue = parseNumericValue(item[yAxisField])\n          const xNum = typeof xValue === 'string' ? parseFloat(xValue) : xValue\n\n          // Extract time dimension values for tooltip\n          const timeValues: { [key: string]: string } = {}\n          timeDimensionFields.forEach((field: string) => {\n            if (item[field]) {\n              const granularity = getFieldGranularity(queryObject, field)\n              timeValues[field] = formatTimeValue(item[field], granularity)\n            }\n          })\n\n          return {\n            x: xNum,\n            y: yValue,\n            name: `Point`,\n            timeValues,\n            originalItem: item,\n            isValid: isValidNumericValue(xNum) && yValue !== null\n          }\n        })\n        .filter(point => point.isValid)\n    }\n    \n    // Validate transformed data\n    if (!scatterData || scatterData.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n            <div className=\"text-xs text-dc-text-secondary\">No valid data points for scatter chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    const seriesKeys = Object.keys(seriesGroups)\n    // Limit series to prevent performance issues with high-cardinality fields (e.g., dates)\n    // If more than 20 unique series, fall back to single-series mode\n    const MAX_SERIES = 20\n    const hasSeries = seriesKeys.length > 1 && seriesKeys.length <= MAX_SERIES\n    \n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend && hasSeries\n    \n    // Use custom chart margins with extra left space for Y-axis label\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40 // Increased from 20 to 40 for Y-axis label space\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsScatterChart margin={chartMargins}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" />\n          )}\n          <XAxis \n            type=\"number\"\n            dataKey=\"x\"\n            name={getFieldLabel(xAxisField)}\n            tick={{ fontSize: 12 }}\n          />\n          <YAxis \n            type=\"number\"\n            dataKey=\"y\"\n            name={getFieldLabel(yAxisField)}\n            tick={{ fontSize: 12 }}\n            label={{ value: getFieldLabel(yAxisField), angle: -90, position: 'left', style: { textAnchor: 'middle', fontSize: '12px' } }}\n          />\n          {safeDisplayConfig.showTooltip && (\n            <Tooltip\n              cursor={{ strokeDasharray: '3 3' }}\n              content={({ active, payload }) => {\n                if (!active || !payload || payload.length === 0) return null\n                // Only show the first (active) point\n                const point = payload[0]?.payload\n                if (!point) return null\n\n                return (\n                  <div style={{\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)',\n                    padding: '8px 12px'\n                  }}>\n                    <div style={{ fontWeight: 600, marginBottom: '4px' }}>{point.name}</div>\n                    {/* Show time dimension values if present */}\n                    {point.timeValues && Object.keys(point.timeValues).length > 0 && (\n                      <div style={{ marginBottom: '4px', color: '#6b7280' }}>\n                        {Object.entries(point.timeValues).map(([field, value]) => (\n                          <div key={field}>{getFieldLabel(field)}: {value as string}</div>\n                        ))}\n                      </div>\n                    )}\n                    <div>{getFieldLabel(xAxisField)}: {formatNumericValue(point.x)}</div>\n                    <div>{getFieldLabel(yAxisField)}: {formatNumericValue(point.y)}</div>\n                  </div>\n                )\n              }}\n            />\n          )}\n          {showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"circle\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {hasSeries ? (\n            // Multiple series\n            seriesKeys.map((seriesKey, index) => (\n              <Scatter\n                key={seriesKey}\n                name={seriesKey}\n                data={seriesGroups[seriesKey]}\n                fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n              />\n            ))\n          ) : (\n            // Single series\n            <Scatter\n              name=\"Data\"\n              data={scatterData}\n              fill={(colorPalette?.colors && colorPalette.colors[0]) || CHART_COLORS[0]}\n            />\n          )}\n        </RechartsScatterChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'ScatterChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-red-500 p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Scatter Chart Error</div>\n          <div className=\"text-xs mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n}"],"names":["ScatterChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","getFieldLabel","useCubeContext","safeDisplayConfig","jsx","jsxs","xAxisField","yAxisField","seriesFields","seriesConfig","timeDimensionFields","td","scatterData","seriesGroups","seriesField","item","seriesValue","xGranularity","getFieldGranularity","xValue","formatTimeValue","yValue","parseNumericValue","xNum","isValidNumericValue","timeValues","field","granularity","key","point","seriesKeys","hasSeries","showLegend","chartMargins","CHART_MARGINS","ChartContainer","RechartsScatterChart","CartesianGrid","XAxis","YAxis","Tooltip","active","payload","value","formatNumericValue","Legend","o","seriesKey","index","Scatter","CHART_COLORS","error"],"mappings":"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"}
+{"version":3,"file":"chart-scatterchart-C_D9OqA1.js","sources":["../../../src/client/components/charts/ScatterChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { ScatterChart as RechartsScatterChart, Scatter, XAxis, YAxis, CartesianGrid, Legend, Tooltip } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, parseNumericValue, isValidNumericValue, formatNumericValue } from '../../utils/chartUtils'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function ScatterChart({ \n  data, \n  chartConfig, \n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  const { getFieldLabel } = useCubeContext()\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No data available</div>\n            <div className=\"text-xs text-dc-text-secondary\">No data points to display in scatter chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let yAxisField: string\n    let seriesFields: string[] = []\n    \n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - handle both string and array values\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis\n      // Normalize series to array\n      const seriesConfig = chartConfig.series\n      seriesFields = seriesConfig ? (Array.isArray(seriesConfig) ? seriesConfig : [seriesConfig]) : []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format (adapt for scatter chart)\n      xAxisField = chartConfig.x\n      yAxisField = Array.isArray(chartConfig.y) ? chartConfig.y[0] : chartConfig.y\n    } else {\n      return (\n        <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Invalid or missing chart axis configuration</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisField) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Missing required X-axis or Y-axis fields</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Extract time dimensions from query for tooltip display\n    const timeDimensions = queryObject?.timeDimensions || []\n    const timeDimensionFields = timeDimensions.map((td: any) => td.dimension)\n\n    // Transform data for scatter plot\n    // Null handling: Filter out data points where x or y coordinates are null\n    let scatterData: any[]\n    let seriesGroups: { [key: string]: any[] } = {}\n\n    if (seriesFields.length > 0) {\n      // Group data by series field\n      const seriesField = seriesFields[0]\n      data.forEach(item => {\n        const seriesValue = String(item[seriesField] || 'Default')\n        if (!seriesGroups[seriesValue]) {\n          seriesGroups[seriesValue] = []\n        }\n\n        const xGranularity = getFieldGranularity(queryObject, xAxisField)\n        const xValue = formatTimeValue(item[xAxisField], xGranularity) || item[xAxisField]\n        const yValue = parseNumericValue(item[yAxisField])\n\n        // Only add point if both x and y are valid numbers\n        const xNum = typeof xValue === 'string' ? parseFloat(xValue) : xValue\n        if (isValidNumericValue(xNum) && yValue !== null) {\n          // Extract time dimension values for tooltip\n          const timeValues: { [key: string]: string } = {}\n          timeDimensionFields.forEach((field: string) => {\n            if (item[field]) {\n              const granularity = getFieldGranularity(queryObject, field)\n              timeValues[field] = formatTimeValue(item[field], granularity)\n            }\n          })\n\n          seriesGroups[seriesValue].push({\n            x: xNum,\n            y: yValue,\n            name: seriesValue,\n            timeValues,\n            originalItem: item\n          })\n        }\n      })\n\n      // Collect all valid points from all series for validation\n      // (The actual rendering uses seriesGroups with series separated)\n      const seriesKeys = Object.keys(seriesGroups)\n      scatterData = seriesKeys.flatMap(key => seriesGroups[key])\n    } else {\n      // Single series scatter plot\n      const xGranularity = getFieldGranularity(queryObject, xAxisField)\n      scatterData = data\n        .map(item => {\n          const xValue = formatTimeValue(item[xAxisField], xGranularity) || item[xAxisField]\n          const yValue = parseNumericValue(item[yAxisField])\n          const xNum = typeof xValue === 'string' ? parseFloat(xValue) : xValue\n\n          // Extract time dimension values for tooltip\n          const timeValues: { [key: string]: string } = {}\n          timeDimensionFields.forEach((field: string) => {\n            if (item[field]) {\n              const granularity = getFieldGranularity(queryObject, field)\n              timeValues[field] = formatTimeValue(item[field], granularity)\n            }\n          })\n\n          return {\n            x: xNum,\n            y: yValue,\n            name: `Point`,\n            timeValues,\n            originalItem: item,\n            isValid: isValidNumericValue(xNum) && yValue !== null\n          }\n        })\n        .filter(point => point.isValid)\n    }\n    \n    // Validate transformed data\n    if (!scatterData || scatterData.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n            <div className=\"text-xs text-dc-text-secondary\">No valid data points for scatter chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    const seriesKeys = Object.keys(seriesGroups)\n    // Limit series to prevent performance issues with high-cardinality fields (e.g., dates)\n    // If more than 20 unique series, fall back to single-series mode\n    const MAX_SERIES = 20\n    const hasSeries = seriesKeys.length > 1 && seriesKeys.length <= MAX_SERIES\n    \n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend && hasSeries\n    \n    // Use custom chart margins with extra left space for Y-axis label\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40 // Increased from 20 to 40 for Y-axis label space\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsScatterChart margin={chartMargins}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" />\n          )}\n          <XAxis \n            type=\"number\"\n            dataKey=\"x\"\n            name={getFieldLabel(xAxisField)}\n            tick={{ fontSize: 12 }}\n          />\n          <YAxis \n            type=\"number\"\n            dataKey=\"y\"\n            name={getFieldLabel(yAxisField)}\n            tick={{ fontSize: 12 }}\n            label={{ value: getFieldLabel(yAxisField), angle: -90, position: 'left', style: { textAnchor: 'middle', fontSize: '12px' } }}\n          />\n          {safeDisplayConfig.showTooltip && (\n            <Tooltip\n              cursor={{ strokeDasharray: '3 3' }}\n              content={({ active, payload }) => {\n                if (!active || !payload || payload.length === 0) return null\n                // Only show the first (active) point\n                const point = payload[0]?.payload\n                if (!point) return null\n\n                return (\n                  <div style={{\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)',\n                    padding: '8px 12px'\n                  }}>\n                    <div style={{ fontWeight: 600, marginBottom: '4px' }}>{point.name}</div>\n                    {/* Show time dimension values if present */}\n                    {point.timeValues && Object.keys(point.timeValues).length > 0 && (\n                      <div style={{ marginBottom: '4px', color: '#6b7280' }}>\n                        {Object.entries(point.timeValues).map(([field, value]) => (\n                          <div key={field}>{getFieldLabel(field)}: {value as string}</div>\n                        ))}\n                      </div>\n                    )}\n                    <div>{getFieldLabel(xAxisField)}: {formatNumericValue(point.x)}</div>\n                    <div>{getFieldLabel(yAxisField)}: {formatNumericValue(point.y)}</div>\n                  </div>\n                )\n              }}\n            />\n          )}\n          {showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"circle\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {hasSeries ? (\n            // Multiple series\n            seriesKeys.map((seriesKey, index) => (\n              <Scatter\n                key={seriesKey}\n                name={seriesKey}\n                data={seriesGroups[seriesKey]}\n                fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n              />\n            ))\n          ) : (\n            // Single series\n            <Scatter\n              name=\"Data\"\n              data={scatterData}\n              fill={(colorPalette?.colors && colorPalette.colors[0]) || CHART_COLORS[0]}\n            />\n          )}\n        </RechartsScatterChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'ScatterChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-red-500 p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Scatter Chart Error</div>\n          <div className=\"text-xs mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n}"],"names":["ScatterChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","getFieldLabel","useCubeContext","safeDisplayConfig","jsx","jsxs","xAxisField","yAxisField","seriesFields","seriesConfig","timeDimensionFields","td","scatterData","seriesGroups","seriesField","item","seriesValue","xGranularity","getFieldGranularity","xValue","formatTimeValue","yValue","parseNumericValue","xNum","isValidNumericValue","timeValues","field","granularity","key","point","seriesKeys","hasSeries","showLegend","chartMargins","CHART_MARGINS","ChartContainer","RechartsScatterChart","CartesianGrid","XAxis","YAxis","Tooltip","active","payload","value","formatNumericValue","Legend","o","seriesKey","index","Scatter","CHART_COLORS","error"],"mappings":"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"}

package/dist/client/chunks/{chart-scatterchart-config-DgYa-5vm.js → chart-scatterchart-config-DtLnut1M.js}

@@ -1,7 +1,6 @@
-import { jsx as o } from "react/jsx-runtime";
-import { I as s, o as i } from "./icons-D-n_woAP.js";
-const a = {
-  icon: ({ className: e }) => /* @__PURE__ */ o(s, { icon: i, className: e }),
+import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+const s = {
+  icon: e("scatter"),
   description: "Reveal correlations between variables",
   useCase: "Best for identifying patterns, correlations, outliers, and relationships between two measures",
   dropZones: [
@@ -36,6 +35,6 @@ const a = {
   displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"]
 };
 export {
-  a as scatterChartConfig
+  s as scatterChartConfig
 };
-//# sourceMappingURL=chart-scatterchart-config-DgYa-5vm.js.map
+//# sourceMappingURL=chart-scatterchart-config-DtLnut1M.js.map

package/dist/client/chunks/chart-scatterchart-config-DtLnut1M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scatterchart-config-DtLnut1M.js","sources":["../../../src/client/components/charts/ScatterChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the scatter chart type\n */\nexport const scatterChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('scatter'),\n  description: 'Reveal correlations between variables',\n  useCase: 'Best for identifying patterns, correlations, outliers, and relationships between two measures',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis',\n      description: 'Measure or dimension for X position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension', 'measure'],\n      emptyText: 'Drop a field for X-axis'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis',\n      description: 'Measure for Y position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for Y-axis'\n    },\n    {\n      key: 'series',\n      label: 'Series (Color Groups)',\n      description: 'Dimension to color points by category',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension to color points'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader']\n}"],"names":["scatterChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAsC;AAAA,EACjD,MAAMC,EAAiB,SAAS;AAAA,EAChC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,iBAAiB,SAAS;AAAA,MACrD,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AACxE;"}

package/dist/client/chunks/{chart-treemapchart-CworQneQ.js → chart-treemapchart-DJqy3Sy7.js}

@@ -2,8 +2,8 @@ import { jsx as r, jsxs as p } from "react/jsx-runtime";
 import { useState as V } from "react";
 import { Treemap as O } from "recharts";
 import { C as R } from "./chart-chartcontainer-CdwzIKP1.js";
-import { C as D } from "./chart-charttooltip-CyhJAnW_.js";
-import { u as E, b as I, q as H, h as N, c as b, o as q, a as h } from "./chart-activitygridchart--4a5X5eV.js";
+import { C as D } from "./chart-charttooltip-D9BKscsw.js";
+import { u as E, b as I, q as H, h as N, c as b, o as q, a as h } from "./chart-activitygridchart-BzL97Vnm.js";
 function J({
   data: c,
   chartConfig: m,
@@ -250,4 +250,4 @@ function J({
 export {
   J as default
 };
-//# sourceMappingURL=chart-treemapchart-CworQneQ.js.map
+//# sourceMappingURL=chart-treemapchart-DJqy3Sy7.js.map

package/dist/client/chunks/{chart-treemapchart-CworQneQ.js.map → chart-treemapchart-DJqy3Sy7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-treemapchart-CworQneQ.js","sources":["../../../src/client/components/charts/TreeMapChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Treemap } from 'recharts'\nimport { scaleQuantize, scaleOrdinal } from 'd3'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS, CHART_COLORS_GRADIENT } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function TreeMapChart({ \n  data, \n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null)\n  const { getFieldLabel } = useCubeContext()\n  \n  try {\n    const safeDisplayConfig = {\n      showTooltip: displayConfig?.showTooltip ?? true,\n      showLegend: displayConfig?.showLegend ?? true\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No data available</div>\n            <div className=\"text-xs text-dc-text-secondary\">No data points to display in treemap chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    let treemapData: Array<{name: string, size: number, fill?: string, series?: string}>\n    let isNumericSeries = false\n    let seriesField: string | undefined\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Name/category field\n      const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis // Size field\n      seriesField = Array.isArray(chartConfig.series) ? chartConfig.series[0] : chartConfig.series // Color grouping field\n\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      \n      if (seriesField) {\n        // Check if series field is numeric for color scaling\n        const seriesValues = data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }).filter(val => !isNaN(val))\n        \n        isNumericSeries = seriesValues.length === data.length && seriesValues.every(val => typeof val === 'number')\n        \n        \n        if (isNumericSeries) {\n          // Use D3 quantize scale for better color distribution with small ranges\n          const minValue = Math.min(...seriesValues)\n          const maxValue = Math.max(...seriesValues)\n          \n          // Create D3 quantize color scale - maps continuous data to discrete color bands\n          const colorScale = scaleQuantize<string>()\n            .domain([minValue, maxValue])\n            .range(CHART_COLORS_GRADIENT)\n          \n          treemapData = data.map((item) => {\n            const seriesValue = typeof item[seriesField!] === 'string' \n              ? parseFloat(item[seriesField!]) \n              : item[seriesField!]\n            \n            const color = colorScale(seriesValue)\n            \n            return {\n              name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n              size: typeof item[yAxisField] === 'string' \n                ? parseFloat(item[yAxisField]) \n                : (item[yAxisField] || 0),\n              fill: color,\n              series: String(item[seriesField!])\n            }\n          })\n        } else {\n          // Use D3 ordinal color scale for categorical series\n          const uniqueSeriesValues = [...new Set(data.map(item => String(item[seriesField!])))]\n          const colorScale = scaleOrdinal<string>()\n            .domain(uniqueSeriesValues)\n            .range(colorPalette?.colors || CHART_COLORS)\n          \n          treemapData = data.map((item) => ({\n            name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n            size: typeof item[yAxisField] === 'string' \n              ? parseFloat(item[yAxisField]) \n              : (item[yAxisField] || 0),\n            fill: colorScale(String(item[seriesField!])),\n            series: String(item[seriesField!])\n          }))\n        }\n      } else {\n        // No series grouping - use index-based colors\n        treemapData = data.map((item, index) => ({\n          name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n          size: typeof item[yAxisField] === 'string' \n            ? parseFloat(item[yAxisField]) \n            : (item[yAxisField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }))\n      }\n    } else {\n      // Legacy format or auto-detection\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find name/label field\n      const nameField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('label') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find a numeric field for size - look for 'size' field first, then any numeric\n      const sizeField = keys.find(key => key.toLowerCase().includes('size')) ||\n        keys.find(key => \n          typeof firstRow[key] === 'number' && key !== nameField\n        ) || keys[1]\n\n      if (!sizeField) {\n        return (\n          <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n            <div className=\"text-center\">\n              <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n              <div className=\"text-xs\">No numeric field found for treemap chart size</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for treemap chart\n      treemapData = data.map((item, index) => {\n        let name = item[nameField]\n        // Handle boolean values with better labels\n        if (typeof name === 'boolean') {\n          name = name ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        } else {\n          name = String(name)\n        }\n        return {\n          name,\n          size: typeof item[sizeField] === 'string' \n            ? parseFloat(item[sizeField]) \n            : (item[sizeField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }\n      })\n    }\n\n    // Filter out zero/null values and ensure positive sizes\n    treemapData = treemapData.filter(item => item.size != null && item.size > 0)\n    \n    if (treemapData.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n            <div className=\"text-xs text-dc-text-secondary\">No valid data points for treemap chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Custom content renderer for treemap cells with HTML overlays\n    const CustomizedContent = (props: any) => {\n      const { x, y, width, height, index, name, size } = props\n      \n      if (width < 20 || height < 20) return null // Don't render content for very small cells\n      \n      return (\n        <g>\n          <rect\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            style={{\n              fill: treemapData[index]?.fill || ((colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]),\n              fillOpacity: hoveredIndex !== null ? (hoveredIndex === index ? 1 : 0.6) : 0.8,\n              stroke: '#fff',\n              strokeWidth: 2,\n              cursor: 'pointer'\n            }}\n            onMouseEnter={() => setHoveredIndex(index)}\n            onMouseLeave={() => setHoveredIndex(null)}\n          />\n          <foreignObject \n            x={x} \n            y={y} \n            width={width} \n            height={height}\n            style={{ pointerEvents: 'none', overflow: 'visible' }}\n          >\n            <div \n              style={{\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '4px',\n                boxSizing: 'border-box',\n                color: '#ffffff',\n                textShadow: '0 1px 2px rgba(0,0,0,0.8)',\n                fontFamily: 'system-ui, -apple-system, sans-serif',\n                overflow: 'hidden'\n              }}\n            >\n              {width > 40 && height > 30 && (\n                <div \n                  style={{\n                    fontSize: `${Math.max(10, Math.min(width / 8, height / 8, 16))}px`,\n                    fontWeight: '600',\n                    textAlign: 'center',\n                    lineHeight: '1.2',\n                    marginBottom: width > 60 && height > 45 ? '4px' : '0',\n                    wordBreak: 'break-word',\n                    hyphens: 'auto'\n                  }}\n                >\n                  {name}\n                </div>\n              )}\n              {width > 60 && height > 45 && (\n                <div \n                  style={{\n                    fontSize: `${Math.max(8, Math.min(width / 10, height / 10, 14))}px`,\n                    textAlign: 'center',\n                    opacity: 0.9\n                  }}\n                >\n                  {typeof size === 'number' ? size.toLocaleString() : size}\n                </div>\n              )}\n            </div>\n          </foreignObject>\n        </g>\n      )\n    }\n\n    // Check if we have series data for legend\n    const hasSeriesData = treemapData.some(item => 'series' in item)\n    const uniqueSeries = hasSeriesData \n      ? [...new Set(treemapData.map(item => item.series).filter(Boolean))]\n      : []\n    \n    // For numeric series, create a legend showing the color scale\n    let legendPayload: any[] = []\n    if (safeDisplayConfig.showLegend && seriesField) {\n      \n      if (isNumericSeries) {\n        // Create color scale legend for numeric values\n        const minValue = Math.min(...data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }))\n        const maxValue = Math.max(...data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }))\n        \n        \n        // Create legend entries showing color scale\n        legendPayload = CHART_COLORS_GRADIENT.map((color, index) => {\n          const ratio = index / (CHART_COLORS_GRADIENT.length - 1)\n          const value = minValue + (maxValue - minValue) * ratio\n          return {\n            value: value.toFixed(2),\n            type: 'rect',\n            color: color\n          }\n        })\n      } else if (uniqueSeries.length > 1) {\n        // Use categorical legend for non-numeric series\n        legendPayload = uniqueSeries.map((series, index) => ({\n          value: series,\n          type: 'rect',\n          color: CHART_COLORS[index % CHART_COLORS.length]\n        }))\n      }\n      \n    }\n\n    // Calculate height adjustment for legend\n    const hasLegend = safeDisplayConfig.showLegend && legendPayload.length > 0\n    const adjustedHeight = hasLegend \n      ? (typeof height === 'string' && height.includes('%') \n          ? height \n          : typeof height === 'number' \n            ? height + 60 \n            : `calc(${height} + 60px)`)\n      : height\n\n    return (\n      <div className=\"w-full\" style={{ height: adjustedHeight }}>\n        <ChartContainer height={hasLegend ? `calc(100% - 50px)` : \"100%\"}>\n          <Treemap\n            data={treemapData}\n            dataKey=\"size\"\n            aspectRatio={4/3}\n            stroke=\"#fff\"\n            content={<CustomizedContent />}\n          >\n            {safeDisplayConfig.showTooltip && (\n              <ChartTooltip />\n            )}\n          </Treemap>\n        </ChartContainer>\n        \n        {/* Custom Legend outside ChartContainer */}\n        {hasLegend && (\n          <div className=\"flex justify-center items-center mt-4 pb-2\">\n            {isNumericSeries ? (\n              // Gradient legend for numeric series\n              <div className=\"flex flex-col items-center\">\n                <div className=\"text-xs font-semibold text-dc-text-primary mb-2\">\n                  {seriesField ? getFieldLabel(seriesField) : ''}\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs text-dc-text-muted\">\n                    {Math.min(...data.map(item => {\n                      const value = item[seriesField!]\n                      return typeof value === 'string' ? parseFloat(value) : value\n                    })).toFixed(2)}\n                  </span>\n                  <div\n                    className=\"h-4 rounded-sm\"\n                    style={{\n                      width: '200px',\n                      background: `linear-gradient(to right, ${CHART_COLORS_GRADIENT.join(', ')})`\n                    }}\n                  />\n                  <span className=\"text-xs text-dc-text-muted\">\n                    {Math.max(...data.map(item => {\n                      const value = item[seriesField!]\n                      return typeof value === 'string' ? parseFloat(value) : value\n                    })).toFixed(2)}\n                  </span>\n                </div>\n              </div>\n            ) : (\n              // Discrete legend for categorical series\n              <div className=\"flex flex-wrap justify-center gap-4\">\n                {legendPayload.map((item, index) => (\n                  <div key={index} className=\"flex items-center gap-2\">\n                    <div\n                      className=\"w-3 h-3 rounded-xs\"\n                      style={{ backgroundColor: item.color }}\n                    />\n                    <span className=\"text-xs text-dc-text-muted\">\n                      {item.value}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'TreeMapChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-red-500 p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">TreeMap Chart Error</div>\n          <div className=\"text-xs mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n}"],"names":["TreeMapChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredIndex","setHoveredIndex","useState","getFieldLabel","useCubeContext","safeDisplayConfig","jsx","jsxs","treemapData","isNumericSeries","seriesField","xAxisField","yAxisField","granularity","getFieldGranularity","seriesValues","item","value","val","minValue","maxValue","colorScale","scaleQuantize","CHART_COLORS_GRADIENT","seriesValue","color","formatTimeValue","uniqueSeriesValues","scaleOrdinal","CHART_COLORS","index","firstRow","keys","nameField","key","sizeField","name","CustomizedContent","props","x","y","width","size","uniqueSeries","legendPayload","ratio","series","hasLegend","adjustedHeight","ChartContainer","Treemap","ChartTooltip","error"],"mappings":"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"}
+{"version":3,"file":"chart-treemapchart-DJqy3Sy7.js","sources":["../../../src/client/components/charts/TreeMapChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Treemap } from 'recharts'\nimport { scaleQuantize, scaleOrdinal } from 'd3'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS, CHART_COLORS_GRADIENT } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function TreeMapChart({ \n  data, \n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null)\n  const { getFieldLabel } = useCubeContext()\n  \n  try {\n    const safeDisplayConfig = {\n      showTooltip: displayConfig?.showTooltip ?? true,\n      showLegend: displayConfig?.showLegend ?? true\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No data available</div>\n            <div className=\"text-xs text-dc-text-secondary\">No data points to display in treemap chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    let treemapData: Array<{name: string, size: number, fill?: string, series?: string}>\n    let isNumericSeries = false\n    let seriesField: string | undefined\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Name/category field\n      const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis // Size field\n      seriesField = Array.isArray(chartConfig.series) ? chartConfig.series[0] : chartConfig.series // Color grouping field\n\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      \n      if (seriesField) {\n        // Check if series field is numeric for color scaling\n        const seriesValues = data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }).filter(val => !isNaN(val))\n        \n        isNumericSeries = seriesValues.length === data.length && seriesValues.every(val => typeof val === 'number')\n        \n        \n        if (isNumericSeries) {\n          // Use D3 quantize scale for better color distribution with small ranges\n          const minValue = Math.min(...seriesValues)\n          const maxValue = Math.max(...seriesValues)\n          \n          // Create D3 quantize color scale - maps continuous data to discrete color bands\n          const colorScale = scaleQuantize<string>()\n            .domain([minValue, maxValue])\n            .range(CHART_COLORS_GRADIENT)\n          \n          treemapData = data.map((item) => {\n            const seriesValue = typeof item[seriesField!] === 'string' \n              ? parseFloat(item[seriesField!]) \n              : item[seriesField!]\n            \n            const color = colorScale(seriesValue)\n            \n            return {\n              name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n              size: typeof item[yAxisField] === 'string' \n                ? parseFloat(item[yAxisField]) \n                : (item[yAxisField] || 0),\n              fill: color,\n              series: String(item[seriesField!])\n            }\n          })\n        } else {\n          // Use D3 ordinal color scale for categorical series\n          const uniqueSeriesValues = [...new Set(data.map(item => String(item[seriesField!])))]\n          const colorScale = scaleOrdinal<string>()\n            .domain(uniqueSeriesValues)\n            .range(colorPalette?.colors || CHART_COLORS)\n          \n          treemapData = data.map((item) => ({\n            name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n            size: typeof item[yAxisField] === 'string' \n              ? parseFloat(item[yAxisField]) \n              : (item[yAxisField] || 0),\n            fill: colorScale(String(item[seriesField!])),\n            series: String(item[seriesField!])\n          }))\n        }\n      } else {\n        // No series grouping - use index-based colors\n        treemapData = data.map((item, index) => ({\n          name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n          size: typeof item[yAxisField] === 'string' \n            ? parseFloat(item[yAxisField]) \n            : (item[yAxisField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }))\n      }\n    } else {\n      // Legacy format or auto-detection\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find name/label field\n      const nameField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('label') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find a numeric field for size - look for 'size' field first, then any numeric\n      const sizeField = keys.find(key => key.toLowerCase().includes('size')) ||\n        keys.find(key => \n          typeof firstRow[key] === 'number' && key !== nameField\n        ) || keys[1]\n\n      if (!sizeField) {\n        return (\n          <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n            <div className=\"text-center\">\n              <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n              <div className=\"text-xs\">No numeric field found for treemap chart size</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for treemap chart\n      treemapData = data.map((item, index) => {\n        let name = item[nameField]\n        // Handle boolean values with better labels\n        if (typeof name === 'boolean') {\n          name = name ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        } else {\n          name = String(name)\n        }\n        return {\n          name,\n          size: typeof item[sizeField] === 'string' \n            ? parseFloat(item[sizeField]) \n            : (item[sizeField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }\n      })\n    }\n\n    // Filter out zero/null values and ensure positive sizes\n    treemapData = treemapData.filter(item => item.size != null && item.size > 0)\n    \n    if (treemapData.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n            <div className=\"text-xs text-dc-text-secondary\">No valid data points for treemap chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Custom content renderer for treemap cells with HTML overlays\n    const CustomizedContent = (props: any) => {\n      const { x, y, width, height, index, name, size } = props\n      \n      if (width < 20 || height < 20) return null // Don't render content for very small cells\n      \n      return (\n        <g>\n          <rect\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            style={{\n              fill: treemapData[index]?.fill || ((colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]),\n              fillOpacity: hoveredIndex !== null ? (hoveredIndex === index ? 1 : 0.6) : 0.8,\n              stroke: '#fff',\n              strokeWidth: 2,\n              cursor: 'pointer'\n            }}\n            onMouseEnter={() => setHoveredIndex(index)}\n            onMouseLeave={() => setHoveredIndex(null)}\n          />\n          <foreignObject \n            x={x} \n            y={y} \n            width={width} \n            height={height}\n            style={{ pointerEvents: 'none', overflow: 'visible' }}\n          >\n            <div \n              style={{\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '4px',\n                boxSizing: 'border-box',\n                color: '#ffffff',\n                textShadow: '0 1px 2px rgba(0,0,0,0.8)',\n                fontFamily: 'system-ui, -apple-system, sans-serif',\n                overflow: 'hidden'\n              }}\n            >\n              {width > 40 && height > 30 && (\n                <div \n                  style={{\n                    fontSize: `${Math.max(10, Math.min(width / 8, height / 8, 16))}px`,\n                    fontWeight: '600',\n                    textAlign: 'center',\n                    lineHeight: '1.2',\n                    marginBottom: width > 60 && height > 45 ? '4px' : '0',\n                    wordBreak: 'break-word',\n                    hyphens: 'auto'\n                  }}\n                >\n                  {name}\n                </div>\n              )}\n              {width > 60 && height > 45 && (\n                <div \n                  style={{\n                    fontSize: `${Math.max(8, Math.min(width / 10, height / 10, 14))}px`,\n                    textAlign: 'center',\n                    opacity: 0.9\n                  }}\n                >\n                  {typeof size === 'number' ? size.toLocaleString() : size}\n                </div>\n              )}\n            </div>\n          </foreignObject>\n        </g>\n      )\n    }\n\n    // Check if we have series data for legend\n    const hasSeriesData = treemapData.some(item => 'series' in item)\n    const uniqueSeries = hasSeriesData \n      ? [...new Set(treemapData.map(item => item.series).filter(Boolean))]\n      : []\n    \n    // For numeric series, create a legend showing the color scale\n    let legendPayload: any[] = []\n    if (safeDisplayConfig.showLegend && seriesField) {\n      \n      if (isNumericSeries) {\n        // Create color scale legend for numeric values\n        const minValue = Math.min(...data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }))\n        const maxValue = Math.max(...data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }))\n        \n        \n        // Create legend entries showing color scale\n        legendPayload = CHART_COLORS_GRADIENT.map((color, index) => {\n          const ratio = index / (CHART_COLORS_GRADIENT.length - 1)\n          const value = minValue + (maxValue - minValue) * ratio\n          return {\n            value: value.toFixed(2),\n            type: 'rect',\n            color: color\n          }\n        })\n      } else if (uniqueSeries.length > 1) {\n        // Use categorical legend for non-numeric series\n        legendPayload = uniqueSeries.map((series, index) => ({\n          value: series,\n          type: 'rect',\n          color: CHART_COLORS[index % CHART_COLORS.length]\n        }))\n      }\n      \n    }\n\n    // Calculate height adjustment for legend\n    const hasLegend = safeDisplayConfig.showLegend && legendPayload.length > 0\n    const adjustedHeight = hasLegend \n      ? (typeof height === 'string' && height.includes('%') \n          ? height \n          : typeof height === 'number' \n            ? height + 60 \n            : `calc(${height} + 60px)`)\n      : height\n\n    return (\n      <div className=\"w-full\" style={{ height: adjustedHeight }}>\n        <ChartContainer height={hasLegend ? `calc(100% - 50px)` : \"100%\"}>\n          <Treemap\n            data={treemapData}\n            dataKey=\"size\"\n            aspectRatio={4/3}\n            stroke=\"#fff\"\n            content={<CustomizedContent />}\n          >\n            {safeDisplayConfig.showTooltip && (\n              <ChartTooltip />\n            )}\n          </Treemap>\n        </ChartContainer>\n        \n        {/* Custom Legend outside ChartContainer */}\n        {hasLegend && (\n          <div className=\"flex justify-center items-center mt-4 pb-2\">\n            {isNumericSeries ? (\n              // Gradient legend for numeric series\n              <div className=\"flex flex-col items-center\">\n                <div className=\"text-xs font-semibold text-dc-text-primary mb-2\">\n                  {seriesField ? getFieldLabel(seriesField) : ''}\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs text-dc-text-muted\">\n                    {Math.min(...data.map(item => {\n                      const value = item[seriesField!]\n                      return typeof value === 'string' ? parseFloat(value) : value\n                    })).toFixed(2)}\n                  </span>\n                  <div\n                    className=\"h-4 rounded-sm\"\n                    style={{\n                      width: '200px',\n                      background: `linear-gradient(to right, ${CHART_COLORS_GRADIENT.join(', ')})`\n                    }}\n                  />\n                  <span className=\"text-xs text-dc-text-muted\">\n                    {Math.max(...data.map(item => {\n                      const value = item[seriesField!]\n                      return typeof value === 'string' ? parseFloat(value) : value\n                    })).toFixed(2)}\n                  </span>\n                </div>\n              </div>\n            ) : (\n              // Discrete legend for categorical series\n              <div className=\"flex flex-wrap justify-center gap-4\">\n                {legendPayload.map((item, index) => (\n                  <div key={index} className=\"flex items-center gap-2\">\n                    <div\n                      className=\"w-3 h-3 rounded-xs\"\n                      style={{ backgroundColor: item.color }}\n                    />\n                    <span className=\"text-xs text-dc-text-muted\">\n                      {item.value}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'TreeMapChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-red-500 p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">TreeMap Chart Error</div>\n          <div className=\"text-xs mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n}"],"names":["TreeMapChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredIndex","setHoveredIndex","useState","getFieldLabel","useCubeContext","safeDisplayConfig","jsx","jsxs","treemapData","isNumericSeries","seriesField","xAxisField","yAxisField","granularity","getFieldGranularity","seriesValues","item","value","val","minValue","maxValue","colorScale","scaleQuantize","CHART_COLORS_GRADIENT","seriesValue","color","formatTimeValue","uniqueSeriesValues","scaleOrdinal","CHART_COLORS","index","firstRow","keys","nameField","key","sizeField","name","CustomizedContent","props","x","y","width","size","uniqueSeries","legendPayload","ratio","series","hasLegend","adjustedHeight","ChartContainer","Treemap","ChartTooltip","error"],"mappings":"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"}

package/dist/client/chunks/{chart-treemapchart-config-DGhteyBe.js → chart-treemapchart-config-BEiIWQnR.js}

@@ -1,7 +1,6 @@
-import { jsx as o } from "react/jsx-runtime";
-import { I as s, p as a } from "./icons-D-n_woAP.js";
-const t = {
-  icon: ({ className: e }) => /* @__PURE__ */ o(s, { icon: a, className: e }),
+import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+const s = {
+  icon: e("treemap"),
   description: "Visualize hierarchical data with nested rectangles",
   useCase: "Best for showing part-to-whole relationships in hierarchical data, disk usage, budget allocation",
   dropZones: [
@@ -35,6 +34,6 @@ const t = {
   displayOptions: ["showLegend", "showTooltip", "hideHeader"]
 };
 export {
-  t as treemapChartConfig
+  s as treemapChartConfig
 };
-//# sourceMappingURL=chart-treemapchart-config-DGhteyBe.js.map
+//# sourceMappingURL=chart-treemapchart-config-BEiIWQnR.js.map

package/dist/client/chunks/chart-treemapchart-config-BEiIWQnR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-treemapchart-config-BEiIWQnR.js","sources":["../../../src/client/components/charts/TreeMapChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the treemap chart type\n */\nexport const treemapChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('treemap'),\n  description: 'Visualize hierarchical data with nested rectangles',\n  useCase: 'Best for showing part-to-whole relationships in hierarchical data, disk usage, budget allocation',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimensions for treemap rectangles',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Size',\n      description: 'Measure for rectangle sizes',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for size'\n    },\n    {\n      key: 'series',\n      label: 'Color Groups',\n      description: 'Dimension to color rectangles by category',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension for color grouping'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["treemapChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAsC;AAAA,EACjD,MAAMC,EAAiB,SAAS;AAAA,EAChC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}

package/dist/client/chunks/{charts-Cjl5gNIQ.js → charts-DFbr7EGW.js}

@@ -1,30 +1,30 @@
 import { jsx as u } from "react/jsx-runtime";
-import { Suspense as h, lazy as g, useState as l, useEffect as y } from "react";
-import "./chart-activitygridchart--4a5X5eV.js";
-import "./chart-barchart-CJzMunji.js";
-import "./chart-linechart-4AF7Q_zF.js";
-import "./chart-areachart-C_luzpU9.js";
-import "./chart-piechart-Bf4TMIJP.js";
-import "./chart-scatterchart-DNVKc7nQ.js";
-import "./chart-radarchart-DYar9VDH.js";
-import "./chart-radialbarchart-BzRlxNfh.js";
-import "./chart-treemapchart-CworQneQ.js";
-import "./chart-datatable-xonQ9udl.js";
+import { Suspense as C, lazy as g, useState as l, useEffect as y } from "react";
+import "./chart-activitygridchart-BzL97Vnm.js";
+import "./chart-barchart-DX6DIoIp.js";
+import "./chart-linechart-DBdIULsM.js";
+import "./chart-areachart-BtH3SvAM.js";
+import "./chart-piechart-CzesCpZ_.js";
+import "./chart-scatterchart-C_D9OqA1.js";
+import "./chart-radarchart-B3WUEiTh.js";
+import "./chart-radialbarchart-DBiRcLd9.js";
+import "./chart-treemapchart-DJqy3Sy7.js";
+import "./chart-datatable-BaECYDn2.js";
 const c = /* @__PURE__ */ new Map(), p = {
-  bar: () => import("./chart-barchart-CJzMunji.js"),
-  line: () => import("./chart-linechart-4AF7Q_zF.js"),
-  area: () => import("./chart-areachart-C_luzpU9.js").then((t) => t.a),
-  pie: () => import("./chart-piechart-Bf4TMIJP.js"),
-  scatter: () => import("./chart-scatterchart-DNVKc7nQ.js"),
-  radar: () => import("./chart-radarchart-DYar9VDH.js"),
-  radialBar: () => import("./chart-radialbarchart-BzRlxNfh.js"),
-  treemap: () => import("./chart-treemapchart-CworQneQ.js"),
-  bubble: () => import("./chart-bubblechart-DPyYu4B-.js"),
-  table: () => import("./chart-datatable-xonQ9udl.js"),
-  activityGrid: () => import("./chart-activitygridchart--4a5X5eV.js").then((t) => t.I),
-  kpiNumber: () => import("./chart-kpinumber-CiOvJAlz.js").then((t) => t.K),
-  kpiDelta: () => import("./chart-kpidelta-DTq92DyT.js").then((t) => t.K),
-  kpiText: () => import("./chart-kpitext-D5kNrcSl.js"),
+  bar: () => import("./chart-barchart-DX6DIoIp.js"),
+  line: () => import("./chart-linechart-DBdIULsM.js"),
+  area: () => import("./chart-areachart-BtH3SvAM.js").then((t) => t.a),
+  pie: () => import("./chart-piechart-CzesCpZ_.js"),
+  scatter: () => import("./chart-scatterchart-C_D9OqA1.js"),
+  radar: () => import("./chart-radarchart-B3WUEiTh.js"),
+  radialBar: () => import("./chart-radialbarchart-DBiRcLd9.js"),
+  treemap: () => import("./chart-treemapchart-DJqy3Sy7.js"),
+  bubble: () => import("./chart-bubblechart-Lj_PnppP.js"),
+  table: () => import("./chart-datatable-BaECYDn2.js"),
+  activityGrid: () => import("./chart-activitygridchart-BzL97Vnm.js").then((t) => t.E),
+  kpiNumber: () => import("./chart-kpinumber-BrXgyKGP.js").then((t) => t.K),
+  kpiDelta: () => import("./chart-kpidelta-Bx-stIIk.js").then((t) => t.K),
+  kpiText: () => import("./chart-kpitext-_2tnYN_z.js"),
   markdown: () => import("./chart-markdownchart-C3FAQFuO.js")
 };
 function b(t) {
@@ -56,7 +56,7 @@ function P({
   ...i
 }) {
   const a = b(t);
-  return /* @__PURE__ */ u(h, { fallback: r ?? /* @__PURE__ */ u(w, { height: e }), children: /* @__PURE__ */ u(a, { height: e, ...i }) });
+  return /* @__PURE__ */ u(C, { fallback: r ?? /* @__PURE__ */ u(w, { height: e }), children: /* @__PURE__ */ u(a, { height: e, ...i }) });
 }
 function x(t) {
   const r = p[t];
@@ -100,22 +100,22 @@ const f = {
 function Q(t, r) {
   return r[t] || f;
 }
-const C = {
-  bar: () => import("./chart-barchart-config-DxatOnVV.js"),
-  line: () => import("./chart-linechart-config-BS1qVC8K.js"),
-  area: () => import("./chart-areachart-config-InZgxubz.js"),
-  pie: () => import("./chart-piechart-config-6ZK8XaSX.js"),
-  scatter: () => import("./chart-scatterchart-config-DgYa-5vm.js"),
-  radar: () => import("./chart-radarchart-config-CCWOkkwO.js"),
-  radialBar: () => import("./chart-radialbarchart-config-DicXYrMW.js"),
-  treemap: () => import("./chart-treemapchart-config-DGhteyBe.js"),
-  bubble: () => import("./chart-bubblechart-config-CcZTMTCx.js"),
-  table: () => import("./chart-datatable-config-D7mojhYA.js"),
-  activityGrid: () => import("./chart-activitygridchart-config-D9CgNH02.js"),
-  kpiNumber: () => import("./chart-kpinumber-config-T39g03ud.js"),
-  kpiDelta: () => import("./chart-kpidelta-config-icJXuFxe.js"),
-  kpiText: () => import("./chart-kpitext-config-BbJGXAVk.js"),
-  markdown: () => import("./chart-markdownchart-config-DMCD8phf.js")
+const h = {
+  bar: () => import("./chart-barchart-config-DjRZBtLb.js"),
+  line: () => import("./chart-linechart-config-CVBVB7nS.js"),
+  area: () => import("./chart-areachart-config-D8taXdn1.js"),
+  pie: () => import("./chart-piechart-config-Bdd31Gdi.js"),
+  scatter: () => import("./chart-scatterchart-config-DtLnut1M.js"),
+  radar: () => import("./chart-radarchart-config-BWyfn0ij.js"),
+  radialBar: () => import("./chart-radialbarchart-config-lU2_NQCD.js"),
+  treemap: () => import("./chart-treemapchart-config-BEiIWQnR.js"),
+  bubble: () => import("./chart-bubblechart-config-C6ck2qmg.js"),
+  table: () => import("./chart-datatable-config-B5z0SlOJ.js"),
+  activityGrid: () => import("./chart-activitygridchart-config-48WqIofo.js").then((t) => t.A),
+  kpiNumber: () => import("./chart-kpinumber-config-CVikHojM.js"),
+  kpiDelta: () => import("./chart-kpidelta-config-CnZfi_P2.js"),
+  kpiText: () => import("./chart-kpitext-config-B2MovXSw.js"),
+  markdown: () => import("./chart-markdownchart-config-Cq5Sxrgq.js")
 }, k = {
   bar: "barChartConfig",
   line: "lineChartConfig",
@@ -136,7 +136,7 @@ const C = {
 async function d(t) {
   if (n.has(t))
     return n.get(t);
-  const r = C[t];
+  const r = h[t];
   if (!r)
     return null;
   try {
@@ -177,7 +177,7 @@ async function R(t) {
   await Promise.all(t.map(N));
 }
 async function T() {
-  const t = Object.keys(C);
+  const t = Object.keys(h);
   await Promise.all(t.map(d));
   const r = {};
   for (const e of t) {
@@ -283,4 +283,4 @@ export {
   K as u,
   X as v
 };
-//# sourceMappingURL=charts-Cjl5gNIQ.js.map
+//# sourceMappingURL=charts-DFbr7EGW.js.map