drizzle-cube 0.2.10 → 0.2.12

package/dist/client/chunks/chart-barchart-D_op06r-.js

@@ -0,0 +1,216 @@
+import { jsx as t, jsxs as o, Fragment as ee } from "react/jsx-runtime";
+import { useState as te, useMemo as C } from "react";
+import { ComposedChart as se, CartesianGrid as re, XAxis as ie, YAxis as H, Legend as ae, Bar as ne, Cell as le, Line as K } from "recharts";
+import { C as oe } from "./chart-chartcontainer-CdwzIKP1.js";
+import { C as ce } from "./chart-charttooltip-Bx3I8jQv.js";
+import { u as de, t as xe, i as me, C as fe, f as S, N as he, P, a as W } from "./chart-activitygridchart-CUGN9Xq9.js";
+import { p as ue, s as ge } from "./chart-areachart-B4tknnsY.js";
+function Fe({
+  data: x,
+  chartConfig: s,
+  displayConfig: l = {},
+  queryObject: E,
+  height: h = "100%",
+  colorPalette: T
+}) {
+  const [v, O] = te(null), { labelMap: V, getFieldLabel: A } = de(), z = l?.stackType ?? (l?.stacked ? "normal" : "none"), $ = z !== "none", X = z === "percent", I = {
+    showLegend: l?.showLegend ?? !0,
+    showGrid: l?.showGrid ?? !0,
+    showTooltip: l?.showTooltip ?? !0
+  }, u = l?.leftYAxisFormat, N = l?.rightYAxisFormat;
+  let m, a = [], L = [], c = null;
+  s?.xAxis && s?.yAxis ? (m = Array.isArray(s.xAxis) ? s.xAxis[0] : s.xAxis, a = Array.isArray(s.yAxis) ? s.yAxis : [s.yAxis], L = s.series || []) : s?.x && s?.y ? (m = s.x, a = Array.isArray(s.y) ? s.y : [s.y]) : c = "Invalid or missing chart axis configuration", !c && (!m || !a || a.length === 0) && (c = "Missing required X-axis or Y-axis fields");
+  const { data: k, seriesKeys: f } = C(() => c || !x || x.length === 0 || !m ? { data: [], seriesKeys: [] } : xe(
+    x,
+    m,
+    a,
+    E,
+    L,
+    V
+  ), [x, m, a, E, L, V, c]), g = s?.yAxisAssignment || {}, G = C(() => {
+    const r = {};
+    return a.forEach((n) => {
+      const p = A(n);
+      r[p] = n;
+    }), r;
+  }, [a, A]), b = a.some((r) => g[r] === "right"), M = a.filter((r) => (g[r] || "left") === "left"), R = a.filter((r) => g[r] === "right"), { chartData: d, skippedCount: F } = C(() => {
+    if (k.length === 0 || f.length === 0)
+      return { chartData: [], skippedCount: 0 };
+    const r = k.filter((p) => f.some((w) => me(p[w]))), n = k.length - r.length;
+    return { chartData: r, skippedCount: n };
+  }, [k, f]);
+  try {
+    if (!x || x.length === 0)
+      return /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: h }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+        /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in bar chart" })
+      ] }) });
+    if (c)
+      return /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: h }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+        /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ t("div", { className: "text-xs", children: c })
+      ] }) });
+    const r = $ && !b, n = X && !b, p = n ? "expand" : void 0, w = f.length === 1 && d.some((e) => {
+      const i = e[f[0]];
+      return typeof i == "number" && i < 0;
+    }), U = I.showLegend, q = {
+      ...fe,
+      left: 40,
+      // Space for left Y-axis label
+      right: b ? 40 : 20
+      // Extra space for right Y-axis label if needed
+    }, J = ue(l?.target || ""), D = ge(J, d.length);
+    let Y = d;
+    return D.length > 0 && (Y = d.map((e, i) => ({
+      ...e,
+      __target: D[i] || null
+    }))), !d || d.length === 0 ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: h }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+      /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for bar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ o("div", { className: "relative w-full", style: { height: h }, children: [
+      /* @__PURE__ */ t(oe, { height: F > 0 ? "calc(100% - 20px)" : "100%", children: /* @__PURE__ */ o(se, { data: Y, margin: q, stackOffset: p, children: [
+        I.showGrid && /* @__PURE__ */ t(re, { strokeDasharray: "3 3" }),
+        /* @__PURE__ */ t(
+          ie,
+          {
+            dataKey: "name",
+            tick: { fontSize: 12 },
+            angle: -45,
+            textAnchor: "end",
+            height: 60
+          }
+        ),
+        /* @__PURE__ */ t(
+          H,
+          {
+            yAxisId: "left",
+            orientation: "left",
+            tick: { fontSize: 12 },
+            tickFormatter: n ? (e) => `${(e * 100).toFixed(0)}%` : u ? (e) => S(e, u) : void 0,
+            domain: n ? [0, 1] : void 0,
+            label: n ? void 0 : M.length > 0 ? {
+              value: u?.label || A(M[0]),
+              angle: -90,
+              position: "left",
+              style: { textAnchor: "middle", fontSize: "12px" }
+            } : void 0
+          }
+        ),
+        b && /* @__PURE__ */ t(
+          H,
+          {
+            yAxisId: "right",
+            orientation: "right",
+            tick: { fontSize: 12 },
+            tickFormatter: N ? (e) => S(e, N) : void 0,
+            label: R.length > 0 ? {
+              value: N?.label || A(R[0]),
+              angle: 90,
+              position: "right",
+              style: { textAnchor: "middle", fontSize: "12px" }
+            } : void 0
+          }
+        ),
+        I.showTooltip && /* @__PURE__ */ t(
+          ce,
+          {
+            formatter: (e, i) => {
+              if (e == null)
+                return ["No data", i];
+              if (i === "Target")
+                return [S(e, u), "Target Value"];
+              if (n && typeof e == "number")
+                return [`${(e * 100).toFixed(1)}%`, i];
+              const y = G[i], _ = (y && g[y] === "right" ? "right" : "left") === "right" ? N : u;
+              return [S(e, _), i];
+            }
+          }
+        ),
+        U && /* @__PURE__ */ t(
+          ae,
+          {
+            wrapperStyle: { fontSize: "12px", paddingTop: "25px" },
+            iconType: "rect",
+            iconSize: 8,
+            layout: "horizontal",
+            align: "center",
+            verticalAlign: "bottom",
+            onMouseEnter: (e) => O(String(e.dataKey || "")),
+            onMouseLeave: () => O(null)
+          }
+        ),
+        f.map((e, i) => {
+          const y = G[e], j = y && g[y] === "right" ? "right" : "left";
+          return /* @__PURE__ */ t(
+            ne,
+            {
+              dataKey: e,
+              yAxisId: j,
+              stackId: r ? "stack" : void 0,
+              fill: w ? P : T?.colors && T.colors[i % T.colors.length] || W[i % W.length],
+              fillOpacity: v ? v === e ? 1 : 0.3 : 1,
+              children: w && d.map((_, Q) => {
+                const B = _[e], Z = typeof B == "number" && B < 0 ? he : P;
+                return /* @__PURE__ */ t(
+                  le,
+                  {
+                    fill: Z,
+                    fillOpacity: v ? v === e ? 1 : 0.3 : 1
+                  },
+                  `cell-${Q}`
+                );
+              })
+            },
+            e
+          );
+        }),
+        D.length > 0 && /* @__PURE__ */ o(ee, { children: [
+          /* @__PURE__ */ t(
+            K,
+            {
+              type: "monotone",
+              dataKey: "__target",
+              yAxisId: "left",
+              stroke: "#ffffff",
+              strokeWidth: 2,
+              dot: !1,
+              activeDot: !1,
+              connectNulls: !1
+            }
+          ),
+          /* @__PURE__ */ t(
+            K,
+            {
+              type: "monotone",
+              dataKey: "__target",
+              yAxisId: "left",
+              name: "Target",
+              stroke: "#8B5CF6",
+              strokeWidth: 2,
+              strokeDasharray: "2 3",
+              dot: !1,
+              activeDot: !1,
+              connectNulls: !1
+            }
+          )
+        ] })
+      ] }) }),
+      F > 0 && /* @__PURE__ */ o("div", { className: "text-xs text-dc-text-muted text-center mt-1", children: [
+        F,
+        " data point",
+        F !== 1 ? "s" : "",
+        " with no values hidden"
+      ] })
+    ] });
+  } catch (r) {
+    return /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center w-full text-dc-error p-4", style: { height: h }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+      /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "Bar Chart Error" }),
+      /* @__PURE__ */ t("div", { className: "text-xs mb-2", children: r instanceof Error ? r.message : "Unknown rendering error" }),
+      /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+export {
+  Fe as default
+};
+//# sourceMappingURL=chart-barchart-D_op06r-.js.map

package/dist/client/chunks/chart-barchart-D_op06r-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-barchart-D_op06r-.js","sources":["../../../src/client/components/charts/BarChart.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS, POSITIVE_COLOR, NEGATIVE_COLOR, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, isValidNumericValue, formatAxisValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function BarChart({\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 { labelMap, getFieldLabel: contextGetFieldLabel } = useCubeContext()\n\n  // Determine stacking from stackType (new) or stacked (legacy)\n  const stackType = displayConfig?.stackType ?? (displayConfig?.stacked ? 'normal' : 'none')\n  const shouldStack = stackType !== 'none'\n  const isPercentStack = stackType === 'percent'\n\n  const safeDisplayConfig = {\n    showLegend: displayConfig?.showLegend ?? true,\n    showGrid: displayConfig?.showGrid ?? true,\n    showTooltip: displayConfig?.showTooltip ?? true\n  }\n\n  // Extract axis format configs\n  const leftYAxisFormat = displayConfig?.leftYAxisFormat\n  const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n  // Validate chartConfig - support both legacy and new formats\n  // Do validation but don't early return yet (hooks must come first)\n  let xAxisField: string | undefined\n  let yAxisFields: string[] = []\n  let seriesFields: string[] = []\n  let configError: string | null = null\n\n  if (chartConfig?.xAxis && chartConfig?.yAxis) {\n    // New format\n    xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n    yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n    seriesFields = chartConfig.series || []\n  } else if (chartConfig?.x && chartConfig?.y) {\n    // Legacy format\n    xAxisField = chartConfig.x\n    yAxisFields = Array.isArray(chartConfig.y) ? chartConfig.y : [chartConfig.y]\n  } else {\n    configError = 'Invalid or missing chart axis configuration'\n  }\n\n  if (!configError && (!xAxisField || !yAxisFields || yAxisFields.length === 0)) {\n    configError = 'Missing required X-axis or Y-axis fields'\n  }\n\n  // Transform data (will be empty arrays if config is invalid)\n  const { data: transformedData, seriesKeys } = useMemo(() => {\n    if (configError || !data || data.length === 0 || !xAxisField) {\n      return { data: [], seriesKeys: [] }\n    }\n    return transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      labelMap\n    )\n  }, [data, xAxisField, yAxisFields, queryObject, seriesFields, labelMap, configError])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig\n  const yAxisAssignment = chartConfig?.yAxisAssignment || {}\n\n  // Build mapping from series key (label) to original field name\n  const seriesKeyToField: Record<string, string> = useMemo(() => {\n    const mapping: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = contextGetFieldLabel(field)\n      mapping[label] = field\n    })\n    return mapping\n  }, [yAxisFields, contextGetFieldLabel])\n\n  // Determine if we need a right Y-axis\n  const hasRightAxis = yAxisFields.some((field) => yAxisAssignment[field] === 'right')\n\n  // Get fields for left and right axes for labels\n  const leftAxisFields = yAxisFields.filter((f) => (yAxisAssignment[f] || 'left') === 'left')\n  const rightAxisFields = yAxisFields.filter((f) => yAxisAssignment[f] === 'right')\n\n  // Null handling: Filter out data points where ALL measure values are null\n  // This prevents rendering empty bars and makes the chart clearer\n  const { chartData, skippedCount } = useMemo(() => {\n    if (transformedData.length === 0 || seriesKeys.length === 0) {\n      return { chartData: [], skippedCount: 0 }\n    }\n    const filtered = transformedData.filter(row => {\n      // Keep the row if at least one series has a valid numeric value\n      return seriesKeys.some(key => isValidNumericValue(row[key]))\n    })\n    const skipped = transformedData.length - filtered.length\n    return { chartData: filtered, skippedCount: skipped }\n  }, [transformedData, seriesKeys])\n\n  // Now handle early returns AFTER all hooks\n  try {\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 bar chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-warning\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    // Disable stacking when dual Y-axis is used (bars on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\n    const stackOffset = effectiveIsPercentStack ? 'expand' as const : undefined\n\n    // Check if we should use positive/negative coloring\n    // This is enabled when we have single series data with mixed positive/negative values\n    const usePositiveNegativeColoring = seriesKeys.length === 1 && chartData.some(row => {\n      const value = row[seriesKeys[0]]\n      return typeof value === 'number' && value < 0\n    })\n\n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40, // Space for left Y-axis label\n      right: hasRightAxis ? 40 : 20 // Extra space for right Y-axis label if needed\n    }\n    \n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n    \n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n    \n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <div className=\"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 bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"relative w-full\" style={{ height }}>\n        <ChartContainer height={skippedCount > 0 ? `calc(100% - 20px)` : \"100%\"}>\n          <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            tick={{ fontSize: 12 }}\n            angle={-45}\n            textAnchor=\"end\"\n            height={60}\n          />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={\n              effectiveIsPercentStack\n                ? (v) => `${(v * 100).toFixed(0)}%`\n                : leftYAxisFormat\n                  ? (value) => formatAxisValue(value, leftYAxisFormat)\n                  : undefined\n            }\n            domain={effectiveIsPercentStack ? [0, 1] : undefined}\n            label={\n              effectiveIsPercentStack\n                ? undefined\n                : leftAxisFields.length > 0\n                  ? {\n                      value: leftYAxisFormat?.label || contextGetFieldLabel(leftAxisFields[0]),\n                      angle: -90,\n                      position: 'left',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n            }\n          />\n          {hasRightAxis && (\n            <YAxis\n              yAxisId=\"right\"\n              orientation=\"right\"\n              tick={{ fontSize: 12 }}\n              tickFormatter={rightYAxisFormat ? (value) => formatAxisValue(value, rightYAxisFormat) : undefined}\n              label={\n                rightAxisFields.length > 0\n                  ? {\n                      value: rightYAxisFormat?.label || contextGetFieldLabel(rightAxisFields[0]),\n                      angle: 90,\n                      position: 'right',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  // Use left Y-axis format for target values\n                  return [formatAxisValue(value, leftYAxisFormat), 'Target Value']\n                }\n                // Format as percentage when using percent stacking\n                if (effectiveIsPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                // Determine which axis format to use based on series name\n                const originalField = seriesKeyToField[name]\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n            />\n          )}\n          {showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '25px' }}\n              iconType=\"rect\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {seriesKeys.map((seriesKey, index) => {\n            // Look up the original field name to get its axis assignment\n            const originalField = seriesKeyToField[seriesKey]\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n            return (\n              <Bar\n                key={seriesKey}\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                fill={\n                  usePositiveNegativeColoring\n                    ? POSITIVE_COLOR\n                    : (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                      CHART_COLORS[index % CHART_COLORS.length]\n                }\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n              >\n                {usePositiveNegativeColoring &&\n                  chartData.map((entry, entryIndex) => {\n                    const value = entry[seriesKey]\n                    const fillColor = typeof value === 'number' && value < 0 ? NEGATIVE_COLOR : POSITIVE_COLOR\n                    return (\n                      <Cell\n                        key={`cell-${entryIndex}`}\n                        fill={fillColor}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n              </Bar>\n            )\n          })}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                stroke=\"#ffffff\"\n                strokeWidth={2}\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n              {/* Grey dashed line on top */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                name=\"Target\"\n                stroke=\"#8B5CF6\"\n                strokeWidth={2}\n                strokeDasharray=\"2 3\"\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n            </>\n          )}\n          </ComposedChart>\n        </ChartContainer>\n        {skippedCount > 0 && (\n          <div className=\"text-xs text-dc-text-muted text-center mt-1\">\n            {skippedCount} data point{skippedCount !== 1 ? 's' : ''} with no values hidden\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'BarChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-dc-error p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Bar 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":["BarChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","labelMap","contextGetFieldLabel","useCubeContext","stackType","shouldStack","isPercentStack","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","xAxisField","yAxisFields","seriesFields","configError","transformedData","seriesKeys","useMemo","transformChartDataWithSeries","yAxisAssignment","seriesKeyToField","mapping","field","label","hasRightAxis","leftAxisFields","f","rightAxisFields","chartData","skippedCount","filtered","row","key","isValidNumericValue","skipped","jsx","jsxs","effectiveShouldStack","effectiveIsPercentStack","stackOffset","usePositiveNegativeColoring","value","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","index","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","v","formatAxisValue","ChartTooltip","name","originalField","formatConfig","Legend","o","seriesKey","axisId","Bar","POSITIVE_COLOR","CHART_COLORS","entry","entryIndex","fillColor","NEGATIVE_COLOR","Cell","Fragment","Line","error"],"mappings":"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"}

package/dist/client/chunks/{chart-barchart-config-DalFHdmP.js → chart-barchart-config-iniz62ni.js}

@@ -18,7 +18,8 @@ const i = {
       description: "Measures for bar heights",
       mandatory: !0,
       acceptTypes: ["measure"],
-      emptyText: "Drop measures here"
+      emptyText: "Drop measures here",
+      enableDualAxis: !0
     },
     {
       key: "series",
@@ -49,10 +50,22 @@ const i = {
       type: "string",
       placeholder: "e.g., 100 or 50,75 for spread",
       description: "Single value or comma-separated values to spread across X-axis"
+    },
+    {
+      key: "leftYAxisFormat",
+      label: "Left Y-Axis Format",
+      type: "axisFormat",
+      description: "Number formatting for left Y-axis"
+    },
+    {
+      key: "rightYAxisFormat",
+      label: "Right Y-Axis Format",
+      type: "axisFormat",
+      description: "Number formatting for right Y-axis"
     }
   ]
 };
 export {
   i as barChartConfig
 };
-//# sourceMappingURL=chart-barchart-config-DalFHdmP.js.map
+//# sourceMappingURL=chart-barchart-config-iniz62ni.js.map

package/dist/client/chunks/chart-barchart-config-iniz62ni.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-barchart-config-iniz62ni.js","sources":["../../../src/client/components/charts/BarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the bar chart type\n */\nexport const barChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('bar'),\n  description: 'Compare values across categories',\n  useCase: 'Best for comparing discrete categories, showing rankings, or displaying changes over time',\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 bar heights',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures here',\n      enableDualAxis: true\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', 'hideHeader'],\n  displayOptionsConfig: [\n    {\n      key: 'stackType',\n      label: 'Stacking',\n      type: 'select',\n      defaultValue: 'none',\n      options: [\n        { value: 'none', label: 'None' },\n        { value: 'normal', label: 'Stacked' },\n        { value: 'percent', label: 'Stacked 100%' }\n      ],\n      description: 'How to stack multiple bar series'\n    },\n    {\n      key: 'target',\n      label: 'Target Values',\n      type: 'string',\n      placeholder: 'e.g., 100 or 50,75 for spread',\n      description: 'Single value or comma-separated values to spread across X-axis'\n    },\n    {\n      key: 'leftYAxisFormat',\n      label: 'Left Y-Axis Format',\n      type: 'axisFormat',\n      description: 'Number formatting for left Y-axis'\n    },\n    {\n      key: 'rightYAxisFormat',\n      label: 'Right Y-Axis Format',\n      type: 'axisFormat',\n      description: 'Number formatting for right Y-axis'\n    }\n  ]\n}"],"names":["barChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAkC;AAAA,EAC7C,MAAMC,EAAiB,KAAK;AAAA,EAC5B,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,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,SAAS;AAAA,MACvB,WAAW;AAAA,MACX,gBAAgB;AAAA,IAAA;AAAA,IAElB;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,eAAe,YAAY;AAAA,EACtE,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,QACP,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,QACxB,EAAE,OAAO,UAAU,OAAO,UAAA;AAAA,QAC1B,EAAE,OAAO,WAAW,OAAO,eAAA;AAAA,MAAe;AAAA,MAE5C,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/client/chunks/chart-bubblechart-BsaIXUbS.js

@@ -0,0 +1,214 @@
+import { jsx as y, jsxs as ee } from "react/jsx-runtime";
+import { useRef as ce, useState as C, useEffect as te, useLayoutEffect as be } from "react";
+import { u as Ae, g as Fe, w as we, s as D, b as Se, c as de, i as ve, p as ue, C as me, l as xe, e as ye, d as ze, m as Te, q as $e, h as fe, o as pe, a as se, j as he, k as ge, f as T } from "./chart-activitygridchart-CUGN9Xq9.js";
+function Re({
+  data: $,
+  chartConfig: r,
+  displayConfig: p = {},
+  queryObject: H,
+  height: q = "100%",
+  colorPalette: L
+}) {
+  const U = ce(null), A = ce(null), [, re] = C(null), [N, E] = C({ width: 0, height: 0 }), [k, W] = C(!1), [le, ie] = C("light"), { getFieldLabel: F } = Ae();
+  te(() => (ie(Fe()), we((o) => {
+    ie(o);
+  })), []);
+  const s = {
+    showLegend: p?.showLegend ?? !0,
+    showGrid: p?.showGrid ?? !0,
+    showTooltip: p?.showTooltip ?? !0,
+    minBubbleSize: p?.minBubbleSize ?? 5,
+    maxBubbleSize: p?.maxBubbleSize ?? 50,
+    bubbleOpacity: p?.bubbleOpacity ?? 0.7,
+    xAxisFormat: p?.xAxisFormat,
+    leftYAxisFormat: p?.leftYAxisFormat
+  };
+  return be(() => {
+    let i = 0;
+    const o = 10;
+    let d, u;
+    const a = () => {
+      if (A.current) {
+        const { width: h, height: n } = A.current.getBoundingClientRect();
+        if (h > 0 && n > 0)
+          return E({ width: h, height: n }), W(!0), !0;
+      }
+      return !1;
+    };
+    if (!a() && i < o) {
+      const h = () => {
+        !a() && i < o && (i++, u = setTimeout(() => {
+          d = requestAnimationFrame(h);
+        }, 50 * i));
+      };
+      d = requestAnimationFrame(h);
+    }
+    return () => {
+      d && cancelAnimationFrame(d), u && clearTimeout(u);
+    };
+  }, []), te(() => {
+    let i = null;
+    const o = () => {
+      if (A.current) {
+        const { width: d, height: u } = A.current.getBoundingClientRect();
+        d > 0 && u > 0 && (E({ width: d, height: u }), k || W(!0));
+      }
+    };
+    return A.current && (i = new ResizeObserver((d) => {
+      for (const u of d) {
+        const { width: a, height: w } = u.contentRect;
+        a > 0 && w > 0 && (E({ width: a, height: w }), k || W(!0));
+      }
+    }), i.observe(A.current), o()), window.addEventListener("resize", o), () => {
+      i && i.disconnect(), window.removeEventListener("resize", o);
+    };
+  }, [k]), te(() => {
+    if (!$ || $.length === 0 || !U.current || !k || N.width === 0 || (D(U.current).selectAll("*").remove(), !r?.xAxis || !r?.yAxis || !r?.series))
+      return;
+    const i = Array.isArray(r.xAxis) ? r.xAxis[0] : r.xAxis, o = Array.isArray(r.yAxis) ? r.yAxis[0] : r.yAxis, d = Array.isArray(r.series) ? r.series[0] : r.series, u = Array.isArray(r.sizeField) ? r.sizeField[0] : r.sizeField || o, a = Array.isArray(r.colorField) ? r.colorField[0] : r.colorField;
+    if (!i || !o || !d || !u)
+      return;
+    const w = Se(H, i), h = H?.timeDimensions?.some(
+      (e) => e.dimension === i
+    ) || !1, n = $.map((e) => {
+      const t = e[i];
+      let l, m;
+      if (h && t) {
+        const c = String(t);
+        let f;
+        if (c.match(/^\d{4}-\d{2}-\d{2}[T ]/)) {
+          let b = c;
+          c.includes(" ") && (b = c.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !b.endsWith("Z") && !b.includes("+") && (b = b + "Z"), f = new Date(b);
+        } else
+          f = new Date(c);
+        l = isNaN(f.getTime()) ? parseFloat(c) : f.getTime(), m = de(t, w);
+      } else {
+        const c = de(t, w) || t;
+        l = typeof c == "string" ? parseFloat(c) : c, m = String(c);
+      }
+      const x = ue(e[o]), z = ue(e[u]), R = e[d];
+      return {
+        x: l,
+        xLabel: m,
+        // Store formatted label for tooltip display
+        y: x,
+        // Type assertion: filter below ensures this is never null
+        size: z !== null ? Math.abs(z) : 0,
+        // Ensure positive size
+        color: a ? e[a] : R,
+        series: R,
+        label: `${R || "Unknown"}`,
+        isValid: ve(l) && x !== null && z !== null && z > 0
+      };
+    }).filter((e) => e.isValid && e.size > 0);
+    if (n.length === 0) return;
+    const V = {
+      ...me,
+      left: me.left + 30,
+      // Add extra 30px left margin for Y-axis label
+      bottom: s.showLegend && a ? 100 : 40
+      // Add extra space for legend
+    }, B = N.width - V.left - V.right, S = N.height - V.top - V.bottom, ae = D(U.current).attr("width", N.width).attr("height", N.height), v = ae.append("g").attr("transform", `translate(${V.left},${V.top})`), _ = xe().domain(ye(n, (e) => e.x)).range([0, B]).nice(), I = xe().domain(ye(n, (e) => e.y)).range([S, 0]).nice(), j = ze().domain([0, Te(n, (e) => e.size)]).range([s.minBubbleSize, s.maxBubbleSize]);
+    let Y, G = !1, Z = [];
+    if (a && n.length > 0) {
+      const e = n.map((t) => {
+        const l = t.color;
+        return typeof l == "string" ? parseFloat(l) : l;
+      }).filter((t) => !isNaN(t));
+      if (G = e.length === n.length && e.every((t) => typeof t == "number"), G) {
+        const t = Math.min(...e), l = Math.max(...e);
+        Y = $e().domain([t, l]).range(L?.gradient || fe);
+      } else
+        Z = [...new Set(n.map((t) => String(t.color)))], Y = pe().domain(Z).range(L?.colors || se);
+    } else
+      Y = pe().domain(["default"]).range([se[0]]);
+    const X = (e, t) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t, ne = le !== "light", g = ne ? X("--dc-text-muted", "#cbd5e1") : X("--dc-text-secondary", "#374151"), M = ne ? X("--dc-border", "#475569") : "#9ca3af";
+    if (s.showGrid) {
+      const e = v.append("g").attr("class", "grid").attr("transform", `translate(0,${S})`).call(
+        he(_).tickSize(-S).tickFormat(() => "")
+      );
+      e.selectAll("line").style("stroke", M).style("stroke-dasharray", "3,3").style("opacity", 0.3), e.select(".domain").style("stroke", "none");
+      const t = v.append("g").attr("class", "grid").call(
+        ge(I).tickSize(-B).tickFormat(() => "")
+      );
+      t.selectAll("line").style("stroke", M).style("stroke-dasharray", "3,3").style("opacity", 0.3), t.select(".domain").style("stroke", "none");
+    }
+    const Q = he(_);
+    h ? Q.tickFormat((e) => {
+      const t = new Date(e);
+      if (isNaN(t.getTime())) return String(e);
+      switch (w?.toLowerCase()) {
+        case "year":
+          return String(t.getUTCFullYear());
+        case "quarter": {
+          const l = Math.floor(t.getUTCMonth() / 3) + 1;
+          return `${t.getUTCFullYear()}-Q${l}`;
+        }
+        case "month":
+          return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
+        case "week":
+        case "day":
+          return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`;
+        case "hour":
+          return `${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")} ${String(t.getUTCHours()).padStart(2, "0")}:00`;
+        default:
+          return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
+      }
+    }) : s.xAxisFormat && Q.tickFormat((e) => T(e, s.xAxisFormat));
+    const J = v.append("g").attr("transform", `translate(0,${S})`).call(Q);
+    J.selectAll("text").style("fill", g), J.selectAll("line, path").style("stroke", M), J.append("text").attr("x", B / 2).attr("y", 35).attr("fill", g).style("text-anchor", "middle").style("font-size", "12px").text(s.xAxisFormat?.label || F(i));
+    const oe = ge(I);
+    s.leftYAxisFormat && oe.tickFormat((e) => T(e, s.leftYAxisFormat));
+    const K = v.append("g").call(oe);
+    K.selectAll("text").style("fill", g), K.selectAll("line, path").style("stroke", M), K.append("text").attr("transform", "rotate(-90)").attr("y", -35).attr("x", -S / 2).attr("fill", g).style("text-anchor", "middle").style("font-size", "12px").text(s.leftYAxisFormat?.label || F(o));
+    const O = D("body").append("div").attr("class", "bubble-chart-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), P = v.selectAll(".bubble").data(n).enter().append("circle").attr("class", "bubble").attr("cx", (e) => _(e.x)).attr("cy", (e) => I(e.y)).attr("r", (e) => j(e.size)).style("fill", (e) => a && e.color !== void 0 ? Y(G ? e.color : String(e.color)) : se[0]).style("opacity", s.bubbleOpacity).style("stroke", "#fff").style("stroke-width", 1).style("cursor", "pointer");
+    if (s.showTooltip && P.on("mouseover", function(e, t) {
+      D(this).transition().duration(200).style("opacity", 1).attr("r", j(t.size) * 1.1);
+      const l = [
+        `<strong>${t.series || "Unknown"}</strong>`,
+        `${F(i)}: ${t.xLabel || (s.xAxisFormat ? T(t.x, s.xAxisFormat) : t.x)}`,
+        `${F(o)}: ${s.leftYAxisFormat ? T(t.y, s.leftYAxisFormat) : t.y}`,
+        `${F(u)}: ${s.leftYAxisFormat ? T(t.size, s.leftYAxisFormat) : t.size}`,
+        a && t.color ? `${F(a)}: ${t.color}` : ""
+      ].filter(Boolean).join("<br>");
+      O.html(l).style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px").transition().duration(200).style("opacity", 1), re(t.label);
+    }).on("mousemove", function(e) {
+      O.style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px");
+    }).on("mouseout", function(e, t) {
+      D(this).transition().duration(200).style("opacity", s.bubbleOpacity).attr("r", j(t.size)), O.transition().duration(200).style("opacity", 0), re(null);
+    }), s.showLegend && a)
+      if (G) {
+        const l = Math.min(...n.map((f) => f.color)), m = Math.max(...n.map((f) => f.color)), x = v.append("g").attr("class", "color-legend").attr("transform", `translate(${B / 2 - 200 / 2}, ${S + 60})`), R = ae.append("defs").append("linearGradient").attr("id", "color-scale-gradient").attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%"), c = L?.gradient || fe;
+        c.forEach((f, b) => {
+          R.append("stop").attr("offset", `${b / (c.length - 1) * 100}%`).attr("stop-color", f);
+        }), x.append("rect").attr("width", 200).attr("height", 20).style("fill", "url(#color-scale-gradient)").style("stroke", "#ccc").style("stroke-width", 1), x.append("text").attr("x", 0).attr("y", 35).attr("text-anchor", "start").style("font-size", "11px").style("fill", g).text(s.leftYAxisFormat ? T(l, s.leftYAxisFormat) : l.toFixed(2)), x.append("text").attr("x", 200).attr("y", 35).attr("text-anchor", "end").style("font-size", "11px").style("fill", g).text(s.leftYAxisFormat ? T(m, s.leftYAxisFormat) : m.toFixed(2)), x.append("text").attr("x", 200 / 2).attr("y", -5).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", g).text(F(a));
+      } else {
+        const e = Z;
+        if (e.length > 0) {
+          const l = v.append("g").attr("class", "legend").attr("transform", `translate(${B / 2 - e.length * 80 / 2}, ${S + 60})`).selectAll(".legend-item").data(e).enter().append("g").attr("class", "legend-item").attr("transform", (m, x) => `translate(${x * 80}, 0)`).style("cursor", "pointer");
+          l.append("circle").attr("cx", 5).attr("cy", 5).attr("r", 5).style("fill", (m) => Y(m)).style("opacity", s.bubbleOpacity), l.append("text").attr("x", 15).attr("y", 5).attr("dy", ".35em").style("font-size", "11px").style("fill", g).text((m) => String(m)), l.on("mouseover", function(m, x) {
+            P.transition().duration(200).style("opacity", (z) => a && String(z.color) === x ? 1 : 0.2);
+          }).on("mouseout", function() {
+            P.transition().duration(200).style("opacity", s.bubbleOpacity);
+          });
+        }
+      }
+    return () => {
+      O.remove();
+    };
+  }, [$, r, p, H, N, k, s.showLegend, s.showGrid, s.showTooltip, s.minBubbleSize, s.maxBubbleSize, s.bubbleOpacity, L, le]), !$ || $.length === 0 ? /* @__PURE__ */ y("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: q }, children: /* @__PURE__ */ ee("div", { className: "text-center", children: [
+    /* @__PURE__ */ y("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+    /* @__PURE__ */ y("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in bubble chart" })
+  ] }) }) : r?.xAxis && r?.yAxis && r?.series ? /* @__PURE__ */ y("div", { className: "w-full flex-1 flex flex-col relative", style: { height: q, minHeight: "250px", overflow: "hidden" }, children: /* @__PURE__ */ ee("div", { ref: A, className: "w-full h-full relative", children: [
+    /* @__PURE__ */ y("svg", { ref: U, className: "w-full h-full" }),
+    !k && /* @__PURE__ */ y("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ y("div", { className: "text-dc-text-muted text-sm", children: "Measuring chart dimensions..." }) })
+  ] }) }) : /* @__PURE__ */ y("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: q }, children: /* @__PURE__ */ ee("div", { className: "text-center", children: [
+    /* @__PURE__ */ y("div", { className: "text-sm font-semibold mb-1", children: "Configuration Required" }),
+    /* @__PURE__ */ y("div", { className: "text-xs", children: "Bubble chart requires xAxis, yAxis, series, and sizeField dimensions" }),
+    /* @__PURE__ */ y("div", { className: "text-xs mt-1", children: "Optional: colorField for bubble coloring" })
+  ] }) });
+}
+export {
+  Re as default
+};
+//# sourceMappingURL=chart-bubblechart-BsaIXUbS.js.map