drizzle-cube 0.1.69 → 0.2.0

package/dist/client/chunks/chart-activitygridchart-config-D9CgNH02.js

@@ -0,0 +1,51 @@
+import { jsx as a } from "react/jsx-runtime";
+import { I as r, d as s } from "./icons-D-n_woAP.js";
+const d = {
+  icon: ({ className: e }) => /* @__PURE__ */ a(r, { icon: s, className: e }),
+  description: "GitHub-style activity grid showing temporal patterns across different time scales",
+  useCase: "Best for visualizing activity patterns over time. Supports hour (3hr blocks × days), day (days × weeks), week (weeks × months), month (months × quarters), and quarter (quarters × years) granularities",
+  dropZones: [
+    {
+      key: "dateField",
+      label: "Time Dimension",
+      description: "Time field that determines grid structure (granularity affects layout)",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["timeDimension"],
+      emptyText: "Drop a time dimension (granularity affects grid structure)"
+    },
+    {
+      key: "valueField",
+      label: "Activity Measure",
+      description: "Measure used for activity intensity (color coding)",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["measure"],
+      emptyText: "Drop a measure for activity intensity"
+    }
+  ],
+  displayOptions: ["showLabels", "showTooltip", "hideHeader"],
+  displayOptionsConfig: [
+    {
+      key: "fitToWidth",
+      label: "Fit to Width",
+      type: "boolean",
+      defaultValue: !1,
+      description: "Automatically size blocks to fill portlet width and height while maintaining aspect ratio"
+    }
+  ],
+  validate: (e) => {
+    const { dateField: i, valueField: t } = e;
+    return !i || Array.isArray(i) && i.length === 0 ? {
+      isValid: !1,
+      message: "Time dimension is required for activity grid"
+    } : !t || Array.isArray(t) && t.length === 0 ? {
+      isValid: !1,
+      message: "Activity measure is required for intensity mapping"
+    } : { isValid: !0 };
+  }
+};
+export {
+  d as activityGridChartConfig
+};
+//# sourceMappingURL=chart-activitygridchart-config-D9CgNH02.js.map

package/dist/client/chunks/chart-activitygridchart-config-D9CgNH02.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-activitygridchart-config-D9CgNH02.js","sources":["../../../src/client/components/charts/ActivityGridChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport calendarIcon from '@iconify-icons/tabler/calendar-stats'\n\n/**\n * Configuration for the activity grid chart type\n */\nexport const activityGridChartConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={calendarIcon} className={className} />,\n  description: 'GitHub-style activity grid showing temporal patterns across different time scales',\n  useCase: 'Best for visualizing activity patterns over time. Supports hour (3hr blocks × days), day (days × weeks), week (weeks × months), month (months × quarters), and quarter (quarters × years) granularities',\n  dropZones: [\n    {\n      key: 'dateField',\n      label: 'Time Dimension',\n      description: 'Time field that determines grid structure (granularity affects layout)',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['timeDimension'],\n      emptyText: 'Drop a time dimension (granularity affects grid structure)'\n    },\n    {\n      key: 'valueField',\n      label: 'Activity Measure',\n      description: 'Measure used for activity intensity (color coding)',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for activity intensity'\n    }\n  ],\n  displayOptions: ['showLabels', 'showTooltip', 'hideHeader'],\n  displayOptionsConfig: [\n    {\n      key: 'fitToWidth',\n      label: 'Fit to Width',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Automatically size blocks to fill portlet width and height while maintaining aspect ratio'\n    }\n  ],\n  validate: (config) => {\n    const { dateField, valueField } = config\n    \n    if (!dateField || (Array.isArray(dateField) && dateField.length === 0)) {\n      return {\n        isValid: false,\n        message: 'Time dimension is required for activity grid'\n      }\n    }\n    \n    if (!valueField || (Array.isArray(valueField) && valueField.length === 0)) {\n      return {\n        isValid: false,\n        message: 'Activity measure is required for intensity mapping'\n      }\n    }\n    \n    return { isValid: true }\n  }\n}"],"names":["activityGridChartConfig","className","jsx","Icon","calendarIcon","config","dateField","valueField"],"mappings":";;AAOO,MAAMA,IAA2C;AAAA,EACtD,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAc,WAAAH,GAAsB;AAAA,EACzE,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,eAAe;AAAA,MAC7B,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAAA,EAC1D,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,UAAU,CAACI,MAAW;AACpB,UAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeF;AAElC,WAAI,CAACC,KAAc,MAAM,QAAQA,CAAS,KAAKA,EAAU,WAAW,IAC3D;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,IAIT,CAACC,KAAe,MAAM,QAAQA,CAAU,KAAKA,EAAW,WAAW,IAC9D;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,IAIN,EAAE,SAAS,GAAA;AAAA,EACpB;AACF;"}

package/dist/client/chunks/chart-areachart-Beu8sO9v.js

@@ -0,0 +1,204 @@
+import { jsx as t, jsxs as d, Fragment as D } from "react/jsx-runtime";
+import { useState as L } from "react";
+import { ComposedChart as M, CartesianGrid as O, XAxis as V, YAxis as E, Legend as G, Area as $, Line as b } from "recharts";
+import { C as I } from "./chart-chartcontainer-CdwzIKP1.js";
+import { C } from "./chart-charttooltip-NrFVM1cJ.js";
+import { u as R, t as W, C as H, f as g, a as N } from "./chart-activitygridchart-BRk9BNnp.js";
+function K(r) {
+  if (!r || typeof r != "string")
+    return [];
+  const e = r.trim();
+  if (!e)
+    return [];
+  try {
+    const n = e.split(",").map((l) => l.trim()).filter((l) => l !== "").map((l) => {
+      const a = parseFloat(l);
+      if (isNaN(a))
+        throw new Error(`Invalid numeric value: ${l}`);
+      return a;
+    });
+    return n.length > 0 ? n : [];
+  } catch (n) {
+    return console.warn("Failed to parse target values:", n), [];
+  }
+}
+function X(r, e) {
+  if (r.length === 0 || e <= 0)
+    return [];
+  if (r.length === 1)
+    return new Array(e).fill(r[0]);
+  const n = [], l = Math.floor(e / r.length), a = e % r.length;
+  let c = 0;
+  for (let i = 0; i < r.length; i++) {
+    const h = l + (i < a ? 1 : 0);
+    for (let y = 0; y < h; y++)
+      n[c++] = r[i];
+  }
+  return n;
+}
+function ee(r, e) {
+  return e === 0 ? r === 0 ? 0 : r > 0 ? 100 : -100 : (r - e) / e * 100;
+}
+function te(r, e = 1) {
+  return `${r >= 0 ? "+" : ""}${r.toFixed(e)}%`;
+}
+function Y({
+  data: r,
+  chartConfig: e,
+  displayConfig: n = {},
+  queryObject: l,
+  height: a = "100%",
+  colorPalette: c
+}) {
+  const [i, h] = L(null), { labelMap: y, getFieldLabel: T } = R();
+  try {
+    const u = n?.stackType ?? (n?.stacked ? "normal" : "none"), S = u !== "none", f = u === "percent", p = {
+      showLegend: n?.showLegend ?? !0,
+      showGrid: n?.showGrid ?? !0,
+      showTooltip: n?.showTooltip ?? !0,
+      connectNulls: n?.connectNulls ?? !1
+    };
+    if (!r || r.length === 0)
+      return /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: a }, children: /* @__PURE__ */ d("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 area chart" })
+      ] }) });
+    let v, m, k = [];
+    if (e?.xAxis && e?.yAxis)
+      v = Array.isArray(e.xAxis) ? e.xAxis[0] : e.xAxis, m = Array.isArray(e.yAxis) ? e.yAxis : [e.yAxis], k = e.series || [];
+    else if (e?.x && e?.y)
+      v = e.x, m = Array.isArray(e.y) ? e.y : [e.y];
+    else
+      return /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: a }, children: /* @__PURE__ */ d("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: "Invalid or missing chart axis configuration" })
+      ] }) });
+    if (!v || !m || m.length === 0)
+      return /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: a }, children: /* @__PURE__ */ d("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: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    const { data: x, seriesKeys: F } = W(
+      r,
+      v,
+      m,
+      l,
+      k,
+      y
+    ), _ = p.showLegend, j = {
+      ...H,
+      left: 40
+      // Increased from 20 to 40 for Y-axis label space
+    }, z = K(n?.target || ""), A = X(z, x.length);
+    let w = x;
+    return A.length > 0 && (w = x.map((s, o) => ({
+      ...s,
+      __target: A[o] || null
+    }))), !x || x.length === 0 ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: a }, children: /* @__PURE__ */ d("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 area chart after transformation" })
+    ] }) }) : /* @__PURE__ */ t(I, { height: a, children: /* @__PURE__ */ d(M, { data: w, margin: j, stackOffset: f ? "expand" : void 0, children: [
+      p.showGrid && /* @__PURE__ */ t(O, { strokeDasharray: "3 3" }),
+      /* @__PURE__ */ t(
+        V,
+        {
+          dataKey: "name",
+          tick: { fontSize: 12 },
+          angle: -45,
+          textAnchor: "end",
+          height: 60
+        }
+      ),
+      /* @__PURE__ */ t(
+        E,
+        {
+          tick: { fontSize: 12 },
+          tickFormatter: f ? (s) => `${(s * 100).toFixed(0)}%` : void 0,
+          domain: f ? [0, 1] : void 0,
+          label: f ? void 0 : { value: T(m[0]), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+        }
+      ),
+      p.showTooltip && /* @__PURE__ */ t(
+        C,
+        {
+          formatter: (s, o) => s == null ? ["No data", o] : o === "Target" ? [g(s), "Target Value"] : f && typeof s == "number" ? [`${(s * 100).toFixed(1)}%`, o] : [g(s), o]
+        }
+      ),
+      _ && /* @__PURE__ */ t(
+        G,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+          iconType: "rect",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (s) => h(String(s.dataKey || "")),
+          onMouseLeave: () => h(null)
+        }
+      ),
+      F.map((s, o) => /* @__PURE__ */ t(
+        $,
+        {
+          type: "monotone",
+          dataKey: s,
+          stackId: S ? "stack" : void 0,
+          stroke: c?.colors && c.colors[o % c.colors.length] || N[o % N.length],
+          fill: c?.colors && c.colors[o % c.colors.length] || N[o % N.length],
+          fillOpacity: i ? i === s ? 0.6 : 0.1 : 0.3,
+          strokeWidth: 2,
+          strokeOpacity: i ? i === s ? 1 : 0.3 : 1,
+          connectNulls: p.connectNulls
+        },
+        s
+      )),
+      A.length > 0 && /* @__PURE__ */ d(D, { children: [
+        /* @__PURE__ */ t(
+          b,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            stroke: "#ffffff",
+            strokeWidth: 2,
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        ),
+        /* @__PURE__ */ t(
+          b,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            name: "Target",
+            stroke: "#8B5CF6",
+            strokeWidth: 2,
+            strokeDasharray: "2 3",
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        )
+      ] })
+    ] }) });
+  } catch (u) {
+    return /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: a }, children: /* @__PURE__ */ d("div", { className: "text-center", children: [
+      /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "Area Chart Error" }),
+      /* @__PURE__ */ t("div", { className: "text-xs mb-2", children: u instanceof Error ? u.message : "Unknown rendering error" }),
+      /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+const re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Y
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Y as A,
+  re as a,
+  ee as c,
+  te as f,
+  K as p,
+  X as s
+};
+//# sourceMappingURL=chart-areachart-Beu8sO9v.js.map

package/dist/client/chunks/chart-areachart-Beu8sO9v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-areachart-Beu8sO9v.js","sources":["../../../src/client/utils/targetUtils.ts","../../../src/client/components/charts/AreaChart.tsx"],"sourcesContent":["/**\n * Utility functions for handling target values in charts\n */\n\n/**\n * Parse target values from string format\n * @param targetString - String containing target values (e.g., \"100\" or \"50,75,100\")\n * @returns Array of numeric target values\n */\nexport function parseTargetValues(targetString: string): number[] {\n  if (!targetString || typeof targetString !== 'string') {\n    return []\n  }\n\n  const trimmed = targetString.trim()\n  if (!trimmed) {\n    return []\n  }\n\n  try {\n    // Split by comma and parse each value\n    const values = trimmed\n      .split(',')\n      .map(val => val.trim())\n      .filter(val => val !== '')\n      .map(val => {\n        const num = parseFloat(val)\n        if (isNaN(num)) {\n          throw new Error(`Invalid numeric value: ${val}`)\n        }\n        return num\n      })\n\n    return values.length > 0 ? values : []\n  } catch (error) {\n    console.warn('Failed to parse target values:', error)\n    return []\n  }\n}\n\n/**\n * Spread target values across data points\n * @param targets - Array of target values\n * @param dataLength - Number of data points to spread across\n * @returns Array of target values for each data point\n */\nexport function spreadTargetValues(targets: number[], dataLength: number): number[] {\n  if (targets.length === 0 || dataLength <= 0) {\n    return []\n  }\n\n  // If only one target value, repeat for all data points\n  if (targets.length === 1) {\n    return new Array(dataLength).fill(targets[0])\n  }\n\n  // If we have multiple targets, spread them evenly across data points\n  const result: number[] = []\n  const baseGroupSize = Math.floor(dataLength / targets.length)\n  const remainder = dataLength % targets.length\n\n  let currentIndex = 0\n  \n  for (let i = 0; i < targets.length; i++) {\n    // Calculate group size for this target\n    // First 'remainder' groups get an extra item\n    const groupSize = baseGroupSize + (i < remainder ? 1 : 0)\n    \n    // Fill this group with the current target value\n    for (let j = 0; j < groupSize; j++) {\n      result[currentIndex++] = targets[i]\n    }\n  }\n\n  return result\n}\n\n/**\n * Calculate variance between actual and target values\n * @param actual - Actual value\n * @param target - Target value\n * @returns Variance as percentage\n */\nexport function calculateVariance(actual: number, target: number): number {\n  if (target === 0) {\n    return actual === 0 ? 0 : (actual > 0 ? 100 : -100)\n  }\n  return ((actual - target) / target) * 100\n}\n\n/**\n * Format variance as percentage string with appropriate sign and color indication\n * @param variance - Variance percentage\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted variance string (e.g., \"+12.5%\" or \"-8.3%\")\n */\nexport function formatVariance(variance: number, decimals: number = 1): string {\n  const sign = variance >= 0 ? '+' : ''\n  return `${sign}${variance.toFixed(decimals)}%`\n}\n\n/**\n * Get unique target values for reference lines\n * @param targets - Array of target values (may contain duplicates)\n * @returns Array of unique target values\n */\nexport function getUniqueTargets(targets: number[]): number[] {\n  return [...new Set(targets)].sort((a, b) => a - b)\n}","import { useState } from 'react'\nimport { ComposedChart, Area, Line, XAxis, YAxis, CartesianGrid, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatNumericValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function AreaChart({ \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 } = useCubeContext()\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    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 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=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Invalid or missing chart axis configuration</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisFields || yAxisFields.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Missing required X-axis or Y-axis fields</div>\n          </div>\n        </div>\n      )\n    }\n\n    // 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      labelMap\n    )\n    \n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n    \n    // Use custom chart margins with extra left space for Y-axis label\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40 // Increased from 20 to 40 for Y-axis label space\n    }\n    \n    // 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 area chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    const stackOffset = isPercentStack ? 'expand' as const : undefined\n\n    return (\n      <ChartContainer height={height}>\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            tick={{ fontSize: 12 }}\n            tickFormatter={isPercentStack ? (v) => `${(v * 100).toFixed(0)}%` : undefined}\n            domain={isPercentStack ? [0, 1] : undefined}\n            label={isPercentStack ? undefined : { value: getFieldLabel(yAxisFields[0]), angle: -90, position: 'left', style: { textAnchor: 'middle', fontSize: '12px' } }}\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                  return [formatNumericValue(value), 'Target Value']\n                }\n                // Format as percentage when using percent stacking\n                if (isPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                return [formatNumericValue(value), 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            <Area\n              key={seriesKey}\n              type=\"monotone\"\n              dataKey={seriesKey}\n              stackId={shouldStack ? \"stack\" : undefined}\n              stroke={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n              fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\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            />\n          ))}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\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                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=\"flex flex-col items-center justify-center w-full text-red-500 p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Area 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":["parseTargetValues","targetString","trimmed","values","val","num","error","spreadTargetValues","targets","dataLength","result","baseGroupSize","remainder","currentIndex","groupSize","j","calculateVariance","actual","target","formatVariance","variance","decimals","AreaChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","labelMap","getFieldLabel","useCubeContext","stackType","shouldStack","isPercentStack","safeDisplayConfig","jsx","jsxs","xAxisField","yAxisFields","seriesFields","chartData","seriesKeys","transformChartDataWithSeries","showLegend","chartMargins","CHART_MARGINS","targetValues","spreadTargets","enhancedChartData","dataPoint","index","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","v","ChartTooltip","value","name","formatNumericValue","Legend","o","seriesKey","Area","CHART_COLORS","Fragment","Line"],"mappings":"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"}

package/dist/client/chunks/chart-areachart-config-InZgxubz.js

@@ -0,0 +1,66 @@
+import { jsx as s } from "react/jsx-runtime";
+import { I as a, a as o } from "./icons-D-n_woAP.js";
+const r = {
+  icon: ({ className: e }) => /* @__PURE__ */ s(a, { icon: o, className: e }),
+  description: "Emphasize magnitude of change over time",
+  useCase: "Best for showing cumulative totals, volume changes, or stacked comparisons over time",
+  dropZones: [
+    {
+      key: "xAxis",
+      label: "X-Axis (Time/Categories)",
+      description: "Time dimensions or dimensions for X-axis",
+      mandatory: !0,
+      acceptTypes: ["dimension", "timeDimension"],
+      emptyText: "Drop time dimensions or dimensions here"
+    },
+    {
+      key: "yAxis",
+      label: "Y-Axis (Values)",
+      description: "Measures for area values",
+      mandatory: !0,
+      acceptTypes: ["measure"],
+      emptyText: "Drop measures here"
+    },
+    {
+      key: "series",
+      label: "Series (Stack Areas)",
+      description: "Dimensions to create stacked areas",
+      mandatory: !1,
+      acceptTypes: ["dimension"],
+      emptyText: "Drop dimensions here for stacked areas"
+    }
+  ],
+  displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"],
+  displayOptionsConfig: [
+    {
+      key: "stackType",
+      label: "Stacking",
+      type: "select",
+      defaultValue: "none",
+      options: [
+        { value: "none", label: "None" },
+        { value: "normal", label: "Stacked" },
+        { value: "percent", label: "Stacked 100%" }
+      ],
+      description: "How to stack multiple area series"
+    },
+    {
+      key: "connectNulls",
+      label: "Connect Nulls",
+      type: "boolean",
+      defaultValue: !1,
+      description: "Draw continuous line through missing data points"
+    },
+    {
+      key: "target",
+      label: "Target Values",
+      type: "string",
+      placeholder: "e.g., 100 or 50,75 for spread",
+      description: "Single value or comma-separated values to spread across X-axis"
+    }
+  ]
+};
+export {
+  r as areaChartConfig
+};
+//# sourceMappingURL=chart-areachart-config-InZgxubz.js.map

package/dist/client/chunks/chart-areachart-config-InZgxubz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-areachart-config-InZgxubz.js","sources":["../../../src/client/components/charts/AreaChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport chartAreaLineIcon from '@iconify-icons/tabler/chart-area-line'\n\n/**\n * Configuration for the area chart type\n */\nexport const areaChartConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={chartAreaLineIcon} className={className} />,\n  description: 'Emphasize magnitude of change over time',\n  useCase: 'Best for showing cumulative totals, volume changes, or stacked comparisons over time',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis (Time/Categories)',\n      description: 'Time dimensions or dimensions for X-axis',\n      mandatory: true,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop time dimensions or dimensions here'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis (Values)',\n      description: 'Measures for area values',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures here'\n    },\n    {\n      key: 'series',\n      label: 'Series (Stack Areas)',\n      description: 'Dimensions to create stacked areas',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions here for stacked areas'\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 area series'\n    },\n    {\n      key: 'connectNulls',\n      label: 'Connect Nulls',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Draw continuous line through missing data points'\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}"],"names":["areaChartConfig","className","jsx","Icon","chartAreaLineIcon"],"mappings":";;AAOO,MAAMA,IAAmC;AAAA,EAC9C,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAmB,WAAAH,GAAsB;AAAA,EAC9E,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,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,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,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-barchart-BzoejYkT.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, formatNumericValue } 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  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    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No data available</div>\n            <div className=\"text-xs text-dc-text-secondary\">No data points to display in bar 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=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Invalid or missing chart axis configuration</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisFields || yAxisFields.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Missing required X-axis or Y-axis fields</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Use shared function to transform data and handle series\n    const { data: transformedData, seriesKeys } = transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      labelMap\n    )\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      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    // Determine stack offset for percentage stacking\n    const stackOffset = isPercentStack ? '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 left space for Y-axis label\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40 // Increased from 20 to 40 for Y-axis label space\n    }\n    \n    // 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            tick={{ fontSize: 12 }}\n            tickFormatter={isPercentStack ? (v) => `${(v * 100).toFixed(0)}%` : undefined}\n            domain={isPercentStack ? [0, 1] : undefined}\n            label={isPercentStack ? undefined : { value: contextGetFieldLabel(yAxisFields[0]), angle: -90, position: 'left', style: { textAnchor: 'middle', fontSize: '12px' } }}\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                  return [formatNumericValue(value), 'Target Value']\n                }\n                // Format as percentage when using percent stacking\n                if (isPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                return [formatNumericValue(value), 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            <Bar\n              key={seriesKey}\n              dataKey={seriesKey}\n              stackId={shouldStack ? \"stack\" : undefined}\n              fill={usePositiveNegativeColoring ? POSITIVE_COLOR : ((colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length])}\n              fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n            >\n              {usePositiveNegativeColoring && 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          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\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                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-red-500 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","jsx","jsxs","xAxisField","yAxisFields","seriesFields","transformedData","seriesKeys","transformChartDataWithSeries","chartData","skippedCount","useMemo","filtered","row","key","isValidNumericValue","skipped","stackOffset","usePositiveNegativeColoring","value","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","index","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","v","ChartTooltip","name","formatNumericValue","Legend","o","seriesKey","Bar","POSITIVE_COLOR","CHART_COLORS","entry","entryIndex","fillColor","NEGATIVE_COLOR","Cell","Fragment","Line","error"],"mappings":"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"}