drizzle-cube 0.4.29 → 0.4.31

package/dist/client/chunks/chart-area-CqKRIUpj.js

@@ -1,234 +0,0 @@
-import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
-import Z, { useState as ee } from "react";
-import { ComposedChart as te, CartesianGrid as se, XAxis as re, YAxis as R, Legend as ie, Area as ae, Line as V } from "recharts";
-import { u as ce, t as ne, C as le, p as oe, s as de, a as xe, f as N, b as me, c as G } from "./charts-core-BUUO36OM.js";
-import { A as fe } from "./chart-bar-Bl5jvrU_.js";
-const ke = Z.memo(function({
-  data: b,
-  chartConfig: s,
-  displayConfig: i = {},
-  queryObject: M,
-  height: l = "100%",
-  colorPalette: F,
-  onDataPointClick: I,
-  drillEnabled: W
-}) {
-  const [y, _] = ee(null), A = ce();
-  try {
-    const d = i?.stackType ?? (i?.stacked ? "normal" : "none"), X = d !== "none", H = d === "percent", g = {
-      showLegend: i?.showLegend ?? !0,
-      showGrid: i?.showGrid ?? !0,
-      showTooltip: i?.showTooltip ?? !0,
-      connectNulls: i?.connectNulls ?? !1
-    }, x = i?.leftYAxisFormat, v = i?.rightYAxisFormat;
-    if (!b || b.length === 0)
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: l }, children: /* @__PURE__ */ c("div", { className: "dc:text-center", children: [
-        /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
-        /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display in area chart" })
-      ] }) });
-    let p, a, D = [];
-    if (s?.xAxis && s?.yAxis)
-      p = Array.isArray(s.xAxis) ? s.xAxis[0] : s.xAxis, a = Array.isArray(s.yAxis) ? s.yAxis : [s.yAxis], D = s.series || [];
-    else if (s?.x && s?.y)
-      p = s.x, a = Array.isArray(s.y) ? s.y : [s.y];
-    else
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: l }, children: /* @__PURE__ */ c("div", { className: "dc:text-center", children: [
-        /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
-        /* @__PURE__ */ t("div", { className: "dc:text-xs", children: "Invalid or missing chart axis configuration" })
-      ] }) });
-    if (!p || !a || a.length === 0)
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: l }, children: /* @__PURE__ */ c("div", { className: "dc:text-center", children: [
-        /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
-        /* @__PURE__ */ t("div", { className: "dc:text-xs", children: "Missing required X-axis or Y-axis fields" })
-      ] }) });
-    const { data: m, seriesKeys: K } = ne(
-      b,
-      p,
-      a,
-      M,
-      D,
-      A
-    ), f = s?.yAxisAssignment || {}, w = {};
-    a.forEach((e) => {
-      const r = A(e);
-      w[r] = e;
-    });
-    const k = a.some((e) => f[e] === "right"), E = a.filter((e) => (f[e] || "left") === "left"), j = a.filter((e) => f[e] === "right"), $ = X && !k, h = H && !k, q = g.showLegend, B = {
-      ...le,
-      left: 40,
-      // Space for left Y-axis label
-      right: k ? 40 : 20
-      // Extra space for right Y-axis label if needed
-    }, C = oe(i?.target || ""), T = de(C, m.length);
-    let z = m;
-    return T.length > 0 && (z = m.map((e, r) => ({
-      ...e,
-      __target: T[r] || null
-    }))), !m || m.length === 0 ? /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: l }, children: /* @__PURE__ */ c("div", { className: "dc:text-center", children: [
-      /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No valid data" }),
-      /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: "No valid data points for area chart after transformation" })
-    ] }) }) : /* @__PURE__ */ t(xe, { height: l, children: /* @__PURE__ */ c(te, { data: z, margin: B, stackOffset: h ? "expand" : void 0, accessibilityLayer: !1, children: [
-      g.showGrid && /* @__PURE__ */ t(se, { strokeDasharray: "3 3", style: { pointerEvents: "none" } }),
-      /* @__PURE__ */ t(re, { dataKey: "name", type: "category", tick: /* @__PURE__ */ t(fe, {}), height: 60 }),
-      /* @__PURE__ */ t(
-        R,
-        {
-          yAxisId: "left",
-          orientation: "left",
-          tick: { fontSize: 12 },
-          tickFormatter: h ? (e) => `${(e * 100).toFixed(0)}%` : x ? (e) => N(e, x) : void 0,
-          domain: h ? [0, 1] : void 0,
-          label: h ? void 0 : E.length > 0 ? {
-            value: x?.label || A(E[0]),
-            angle: -90,
-            position: "left",
-            style: { textAnchor: "middle", fontSize: "12px" }
-          } : void 0
-        }
-      ),
-      k && /* @__PURE__ */ t(
-        R,
-        {
-          yAxisId: "right",
-          orientation: "right",
-          tick: { fontSize: 12 },
-          tickFormatter: v ? (e) => N(e, v) : void 0,
-          label: j.length > 0 ? {
-            value: v?.label || A(j[0]),
-            angle: 90,
-            position: "right",
-            style: { textAnchor: "middle", fontSize: "12px" }
-          } : void 0
-        }
-      ),
-      g.showTooltip && /* @__PURE__ */ t(
-        me,
-        {
-          formatter: (e, r) => {
-            if (e == null)
-              return ["No data", r];
-            if (r === "Target")
-              return [N(e, x), "Target Value"];
-            if (h && typeof e == "number")
-              return [`${(e * 100).toFixed(1)}%`, r];
-            const o = w[r], u = (o && f[o] === "right" ? "right" : "left") === "right" ? v : x;
-            return [N(e, u), r];
-          }
-        }
-      ),
-      q && /* @__PURE__ */ t(
-        ie,
-        {
-          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
-          iconType: "rect",
-          iconSize: 8,
-          layout: "horizontal",
-          align: "center",
-          verticalAlign: "bottom",
-          onMouseEnter: (e) => _(String(e.dataKey || "")),
-          onMouseLeave: () => _(null)
-        }
-      ),
-      K.map((e, r) => {
-        const o = w[e], Y = o && f[o] === "right" ? "right" : "left", u = F?.colors && F.colors[r % F.colors.length] || G[r % G.length];
-        return /* @__PURE__ */ t(
-          ae,
-          {
-            type: "monotone",
-            dataKey: e,
-            yAxisId: Y,
-            stackId: $ ? "stack" : void 0,
-            stroke: u,
-            fill: u,
-            fillOpacity: y ? y === e ? 0.6 : 0.1 : 0.3,
-            strokeWidth: 2,
-            strokeOpacity: y ? y === e ? 1 : 0.3 : 1,
-            connectNulls: g.connectNulls,
-            dot: (P) => {
-              const { cx: S, cy: L, payload: O, key: U } = P;
-              if (!W || S === void 0 || L === void 0) return null;
-              const J = (n) => {
-                n.stopPropagation(), n.preventDefault(), I && I({
-                  dataPoint: O,
-                  clickedField: o || e,
-                  xValue: O.name,
-                  position: { x: n.clientX, y: n.clientY },
-                  nativeEvent: n
-                });
-              };
-              return /* @__PURE__ */ c("g", { children: [
-                /* @__PURE__ */ t(
-                  "circle",
-                  {
-                    cx: S,
-                    cy: L,
-                    r: 6,
-                    fill: "var(--dc-surface)",
-                    style: { pointerEvents: "none" }
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "circle",
-                  {
-                    cx: S,
-                    cy: L,
-                    r: 4,
-                    fill: "var(--dc-surface)",
-                    stroke: u,
-                    strokeWidth: 2,
-                    cursor: "pointer",
-                    onClick: (n) => {
-                      J(n);
-                    }
-                  }
-                )
-              ] }, U);
-            },
-            activeDot: !1
-          },
-          e
-        );
-      }),
-      T.length > 0 && /* @__PURE__ */ c(Q, { children: [
-        /* @__PURE__ */ t(
-          V,
-          {
-            type: "monotone",
-            dataKey: "__target",
-            yAxisId: "left",
-            stroke: "#ffffff",
-            strokeWidth: 2,
-            dot: !1,
-            activeDot: !1,
-            connectNulls: !1
-          }
-        ),
-        /* @__PURE__ */ t(
-          V,
-          {
-            type: "monotone",
-            dataKey: "__target",
-            yAxisId: "left",
-            name: "Target",
-            stroke: "#8B5CF6",
-            strokeWidth: 2,
-            strokeDasharray: "2 3",
-            dot: !1,
-            activeDot: !1,
-            connectNulls: !1
-          }
-        )
-      ] })
-    ] }) });
-  } catch (d) {
-    return /* @__PURE__ */ t("div", { className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4", style: { height: l }, children: /* @__PURE__ */ c("div", { className: "dc:text-center", children: [
-      /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Area Chart Error" }),
-      /* @__PURE__ */ t("div", { className: "dc:text-xs dc:mb-2", children: d instanceof Error ? d.message : "Unknown rendering error" }),
-      /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-muted", children: "Check the data and configuration" })
-    ] }) });
-  }
-});
-export {
-  ke as default
-};
-//# sourceMappingURL=chart-area-CqKRIUpj.js.map

package/dist/client/chunks/chart-area-CqKRIUpj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-CqKRIUpj.js","sources":["../../../src/client/components/charts/AreaChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { ComposedChart, Area, Line, XAxis, YAxis, CartesianGrid, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatAxisValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst AreaChart = React.memo(function AreaChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n  \n  try {\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      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No data available</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display in area chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let yAxisFields: string[]\n    let seriesFields: string[] = []\n    \n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      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      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n            <div className=\"dc:text-xs\">Invalid or missing chart axis configuration</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisFields || yAxisFields.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n            <div className=\"dc:text-xs\">Missing required X-axis or Y-axis fields</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Use shared function to transform data and handle series\n    const { data: chartData, seriesKeys } = transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      getFieldLabel\n    )\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> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      seriesKeyToField[label] = field\n    })\n\n    // Determine if we need a right Y-axis\n    const hasRightAxis = yAxisFields.some((field) => yAxisAssignment[field] === 'right')\n\n    // Get fields for left and right axes for labels\n    const leftAxisFields = yAxisFields.filter((f) => (yAxisAssignment[f] || 'left') === 'left')\n    const rightAxisFields = yAxisFields.filter((f) => yAxisAssignment[f] === 'right')\n\n    // Disable stacking when dual Y-axis is used (areas on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\n\n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40, // Space for left Y-axis label\n      right: hasRightAxis ? 40 : 20 // Extra space for right Y-axis label if needed\n    }\n    \n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n    \n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n    \n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No valid data</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for area chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    const stackOffset = effectiveIsPercentStack ? ('expand' as const) : undefined\n\n    return (\n      <ChartContainer height={height}>\n        <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />}\n          <XAxis dataKey=\"name\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\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 || getFieldLabel(leftAxisFields[0]),\n                      angle: -90,\n                      position: 'left',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n            }\n          />\n          {hasRightAxis && (\n            <YAxis\n              yAxisId=\"right\"\n              orientation=\"right\"\n              tick={{ fontSize: 12 }}\n              tickFormatter={rightYAxisFormat ? (value) => formatAxisValue(value, rightYAxisFormat) : undefined}\n              label={\n                rightAxisFields.length > 0\n                  ? {\n                      value: rightYAxisFormat?.label || getFieldLabel(rightAxisFields[0]),\n                      angle: 90,\n                      position: 'right',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  // Use left Y-axis format for target values\n                  return [formatAxisValue(value, leftYAxisFormat), 'Target Value']\n                }\n                // 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: '10px' }}\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            // When drill is enabled, show persistent dots for better click targets\n            const areaColor = (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n              CHART_COLORS[index % CHART_COLORS.length]\n\n            return (\n              <Area\n                key={seriesKey}\n                type=\"monotone\"\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                stroke={areaColor}\n                fill={areaColor}\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 0.6 : 0.1) : 0.3}\n                strokeWidth={2}\n                strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                connectNulls={safeDisplayConfig.connectNulls}\n                dot={(props: any) => {\n                  const { cx, cy, payload, key } = props\n                  if (!drillEnabled || cx === undefined || cy === undefined) return null\n\n                  const handleClick = (event: React.MouseEvent) => {\n                    event.stopPropagation()\n                    event.preventDefault()\n                    if (onDataPointClick) {\n                      onDataPointClick({\n                        dataPoint: payload,\n                        clickedField: originalField || seriesKey,\n                        xValue: payload.name,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event\n                      })\n                    }\n                  }\n\n                  return (\n                    <g key={key}>\n                      {/* Background to mask grid lines - uses theme surface color */}\n                      <circle\n                        cx={cx}\n                        cy={cy}\n                        r={6}\n                        fill=\"var(--dc-surface)\"\n                        style={{ pointerEvents: 'none' }}\n                      />\n                      {/* Visible dot with click handler */}\n                      <circle\n                        cx={cx}\n                        cy={cy}\n                        r={4}\n                        fill=\"var(--dc-surface)\"\n                        stroke={areaColor}\n                        strokeWidth={2}\n                        cursor=\"pointer\"\n                        onClick={(e: React.MouseEvent<SVGCircleElement>) => {\n                          handleClick(e as unknown as React.MouseEvent)\n                        }}\n                      />\n                    </g>\n                  )\n                }}\n                activeDot={false}\n              />\n            )\n          })}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                stroke=\"#ffffff\"\n                strokeWidth={2}\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n              {/* Grey dashed line on top */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                name=\"Target\"\n                stroke=\"#8B5CF6\"\n                strokeWidth={2}\n                strokeDasharray=\"2 3\"\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n            </>\n          )}\n        </ComposedChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'AreaChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Area Chart Error</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default AreaChart"],"names":["AreaChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","hoveredLegend","setHoveredLegend","useState","getFieldLabel","useCubeFieldLabel","stackType","shouldStack","isPercentStack","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","jsx","jsxs","xAxisField","yAxisFields","seriesFields","chartData","seriesKeys","transformChartDataWithSeries","yAxisAssignment","seriesKeyToField","field","label","hasRightAxis","leftAxisFields","f","rightAxisFields","effectiveShouldStack","effectiveIsPercentStack","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","index","ChartContainer","ComposedChart","CartesianGrid","XAxis","AngledXAxisTick","YAxis","v","value","formatAxisValue","ChartTooltip","name","originalField","formatConfig","Legend","o","seriesKey","axisId","areaColor","CHART_COLORS","Area","props","cx","cy","payload","key","handleClick","event","e","Fragment","Line","error"],"mappings":"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"}

package/dist/client/chunks/chart-bar-Bl5jvrU_.js

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

package/dist/client/chunks/chart-bar-Bl5jvrU_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bar-Bl5jvrU_.js","sources":["../../../src/client/components/charts/AngledXAxisTick.tsx","../../../src/client/components/charts/BarChart.tsx"],"sourcesContent":["import React from 'react'\n\ninterface AngledXAxisTickProps {\n  x?: number\n  y?: number\n  payload?: {\n    value: string | number\n  }\n  tickFormatter?: (value: string | number, index: number) => string\n  index?: number\n  visibleTicksCount?: number\n  // Allow any additional props recharts might pass\n  [key: string]: unknown\n}\n\n/**\n * Custom XAxis tick component for properly aligned angled labels.\n * Fixes alignment issues in recharts 3.7+ where angled labels don't\n * center properly under data points.\n */\nconst AngledXAxisTick: React.FC<AngledXAxisTickProps> = ({\n  x = 0,\n  y = 0,\n  payload,\n  tickFormatter,\n  index = 0\n}) => {\n  if (!payload) return null\n\n  const displayValue = tickFormatter\n    ? tickFormatter(payload.value, index)\n    : String(payload.value)\n\n  return (\n    <g transform={`translate(${x},${y})`}>\n      <text\n        x={0}\n        y={0}\n        dy={16}\n        textAnchor=\"end\"\n        fill=\"currentColor\"\n        fontSize={12}\n        transform=\"rotate(-45)\"\n      >\n        {displayValue}\n      </text>\n    </g>\n  )\n}\n\nexport default AngledXAxisTick\n","import React, { useState, useMemo } from 'react'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\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 { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst BarChart = React.memo(function BarChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // 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  const { xAxisField, yAxisFields, seriesFields, configError } = useMemo(() => {\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    return { xAxisField, yAxisFields, seriesFields, configError }\n  }, [chartConfig])\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      getFieldLabel\n    )\n  }, [data, xAxisField, yAxisFields, queryObject, seriesFields, getFieldLabel, configError])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\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 = getFieldLabel(field)\n      mapping[label] = field\n    })\n    return mapping\n  }, [yAxisFields, getFieldLabel])\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=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No data available</div>\n            <div className=\"dc: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=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n            <div className=\"dc: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    // Color each bar by its x-axis category when there's a single measure and no series dimension.\n    // This gives each category a distinct color without needing to abuse the series field.\n    const useColorByCategory = seriesKeys.length === 1\n      && !usePositiveNegativeColoring\n      && !seriesFields.length\n      && chartData.length > 1\n\n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40, // Space for left Y-axis label\n      right: hasRightAxis ? 40 : 20 // Extra space for right Y-axis label if needed\n    }\n    \n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n    \n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n    \n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No valid data</div>\n            <div className=\"dc: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=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height={skippedCount > 0 ? `calc(100% - 20px)` : \"100%\"}>\n          <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            type=\"category\"\n            tick={<AngledXAxisTick />}\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 || getFieldLabel(leftAxisFields[0]),\n                      angle: -90,\n                      position: 'left',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n            }\n          />\n          {hasRightAxis && (\n            <YAxis\n              yAxisId=\"right\"\n              orientation=\"right\"\n              tick={{ fontSize: 12 }}\n              tickFormatter={rightYAxisFormat ? (value) => formatAxisValue(value, rightYAxisFormat) : undefined}\n              label={\n                rightAxisFields.length > 0\n                  ? {\n                      value: rightYAxisFormat?.label || getFieldLabel(rightAxisFields[0]),\n                      angle: 90,\n                      position: 'right',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  // Use left Y-axis format for target values\n                  return [formatAxisValue(value, leftYAxisFormat), 'Target Value']\n                }\n                // 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                cursor={drillEnabled ? 'pointer' : undefined}\n                onClick={(barData: any, dataIndex: number, event: React.MouseEvent) => {\n                  if (onDataPointClick && drillEnabled && barData) {\n                    onDataPointClick({\n                      dataPoint: enhancedChartData[dataIndex] || barData,\n                      clickedField: originalField || seriesKey,\n                      xValue: barData.name,\n                      position: { x: event.clientX, y: event.clientY },\n                      nativeEvent: event\n                    })\n                  }\n                }}\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                {useColorByCategory &&\n                  chartData.map((_entry, entryIndex) => {\n                    const colors = colorPalette?.colors || CHART_COLORS\n                    return (\n                      <Cell\n                        key={`cat-${entryIndex}`}\n                        fill={colors[entryIndex % colors.length]}\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=\"dc:text-xs text-dc-text-muted dc:text-center dc: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=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Bar Chart Error</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default BarChart"],"names":["AngledXAxisTick","x","y","payload","tickFormatter","index","displayValue","jsx","BarChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","hoveredLegend","setHoveredLegend","useState","getFieldLabel","useCubeFieldLabel","stackType","shouldStack","isPercentStack","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","xAxisField","yAxisFields","seriesFields","configError","useMemo","transformedData","seriesKeys","transformChartDataWithSeries","yAxisAssignment","seriesKeyToField","mapping","field","label","hasRightAxis","leftAxisFields","f","rightAxisFields","chartData","skippedCount","filtered","row","key","isValidNumericValue","skipped","jsxs","effectiveShouldStack","effectiveIsPercentStack","stackOffset","usePositiveNegativeColoring","value","useColorByCategory","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","v","formatAxisValue","ChartTooltip","name","originalField","formatConfig","Legend","o","seriesKey","axisId","Bar","POSITIVE_COLOR","CHART_COLORS","barData","dataIndex","event","entry","entryIndex","fillColor","NEGATIVE_COLOR","Cell","_entry","colors","Fragment","Line","error"],"mappings":"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"}