drizzle-cube 0.2.9 → 0.2.11

package/dist/client/chunks/chart-radialbarchart-BFxxiqLw.js

@@ -0,0 +1,120 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { RadialBarChart as g, Legend as w, RadialBar as F, Cell as L } from "recharts";
+import { C as R } from "./chart-chartcontainer-CdwzIKP1.js";
+import { C as S } from "./chart-charttooltip-BVEdz4Q-.js";
+import { b as C, a as u, c as T, f as A } from "./chart-activitygridchart-D17Fxiuf.js";
+function D({
+  data: c,
+  chartConfig: n,
+  displayConfig: v = {},
+  queryObject: N,
+  height: m = "100%",
+  colorPalette: d
+}) {
+  const [p, h] = b(null);
+  try {
+    const i = {
+      showLegend: v?.showLegend ?? !0,
+      showTooltip: v?.showTooltip ?? !0,
+      leftYAxisFormat: v?.leftYAxisFormat
+    };
+    if (!c || c.length === 0)
+      return /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: m }, children: /* @__PURE__ */ f("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 radial bar chart" })
+      ] }) });
+    let o;
+    if (n?.xAxis && n?.yAxis) {
+      const e = Array.isArray(n.xAxis) ? n.xAxis[0] : n.xAxis, a = Array.isArray(n.yAxis) ? n.yAxis[0] : n.yAxis, x = C(N, e);
+      o = c.map((l, r) => ({
+        name: T(l[e], x) || String(l[e]) || "Unknown",
+        value: typeof l[a] == "string" ? parseFloat(l[a]) : l[a] || 0,
+        fill: d?.colors && d.colors[r % d.colors.length] || u[r % u.length]
+      }));
+    } else {
+      const e = c[0], a = Object.keys(e), x = a.find(
+        (r) => typeof e[r] == "string" || r.toLowerCase().includes("name") || r.toLowerCase().includes("label") || r.toLowerCase().includes("category")
+      ) || a[0], l = a.find(
+        (r) => typeof e[r] == "number" && r !== x
+      ) || a[1];
+      if (!l)
+        return /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: m }, children: /* @__PURE__ */ f("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: "No numeric field found for radial bar chart values" })
+        ] }) });
+      o = c.map((r, y) => {
+        let s = r[x];
+        return typeof s == "boolean" ? s = s ? "Active" : "Inactive" : s === "true" || s === "false" ? s = s === "true" ? "Active" : "Inactive" : s = String(s), {
+          name: s,
+          value: typeof r[l] == "string" ? parseFloat(r[l]) : r[l] || 0,
+          fill: d?.colors && d.colors[y % d.colors.length] || u[y % u.length]
+        };
+      });
+    }
+    return o = o.filter((e) => e.value != null && e.value !== 0), o.length === 0 ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: m }, children: /* @__PURE__ */ f("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 radial bar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ t(R, { height: m, children: /* @__PURE__ */ f(
+      g,
+      {
+        data: o,
+        innerRadius: "10%",
+        outerRadius: "80%",
+        margin: { top: 20, right: 30, bottom: 20, left: 30 },
+        children: [
+          i.showTooltip && /* @__PURE__ */ t(
+            S,
+            {
+              formatter: i.leftYAxisFormat ? (e, a) => [A(e, i.leftYAxisFormat), a] : void 0
+            }
+          ),
+          i.showLegend && /* @__PURE__ */ t(
+            w,
+            {
+              wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+              iconType: "circle",
+              iconSize: 8,
+              layout: "horizontal",
+              align: "center",
+              verticalAlign: "bottom",
+              onMouseEnter: (e) => h(String(e.value || "")),
+              onMouseLeave: () => h(null)
+            }
+          ),
+          /* @__PURE__ */ t(
+            F,
+            {
+              dataKey: "value",
+              cornerRadius: 4,
+              label: {
+                position: "insideStart",
+                fill: "#fff",
+                fontSize: 12,
+                formatter: i.leftYAxisFormat ? (e) => A(e, i.leftYAxisFormat) : void 0
+              },
+              children: o.map((e, a) => /* @__PURE__ */ t(
+                L,
+                {
+                  fill: e.fill,
+                  fillOpacity: p ? p === e.name ? 1 : 0.3 : 1
+                },
+                `cell-${a}`
+              ))
+            }
+          )
+        ]
+      }
+    ) });
+  } catch (i) {
+    return /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: m }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+      /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "Radial Bar Chart Error" }),
+      /* @__PURE__ */ t("div", { className: "text-xs mb-2", children: i instanceof Error ? i.message : "Unknown rendering error" }),
+      /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+export {
+  D as default
+};
+//# sourceMappingURL=chart-radialbarchart-BFxxiqLw.js.map

package/dist/client/chunks/chart-radialbarchart-BFxxiqLw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radialbarchart-BFxxiqLw.js","sources":["../../../src/client/components/charts/RadialBarChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { RadialBarChart as RechartsRadialBarChart, RadialBar, Legend, Cell } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nexport default function RadialBarChart({ \n  data, \n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      leftYAxisFormat: displayConfig?.leftYAxisFormat\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 radial bar chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    let radialData: Array<{name: string, value: number, fill?: string}>\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Name/category field\n      const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis // Value field\n\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      radialData = data.map((item, index) => ({\n        name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n        value: typeof item[yAxisField] === 'string' \n          ? parseFloat(item[yAxisField]) \n          : (item[yAxisField] || 0),\n        fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n      }))\n    } else {\n      // Legacy format or auto-detection\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find name/label field\n      const nameField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('label') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find a numeric field for values\n      const valueField = keys.find(key => \n        typeof firstRow[key] === 'number' && key !== nameField\n      ) || keys[1]\n\n      if (!valueField) {\n        return (\n          <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n            <div className=\"text-center\">\n              <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n              <div className=\"text-xs\">No numeric field found for radial bar chart values</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for radial bar chart\n      radialData = data.map((item, index) => {\n        let name = item[nameField]\n        // Handle boolean values with better labels\n        if (typeof name === 'boolean') {\n          name = name ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        } else {\n          name = String(name)\n        }\n        return {\n          name,\n          value: typeof item[valueField] === 'string' \n            ? parseFloat(item[valueField]) \n            : (item[valueField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }\n      })\n    }\n\n    // Filter out zero/null values\n    radialData = radialData.filter(item => item.value != null && item.value !== 0)\n    \n    if (radialData.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 radial bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsRadialBarChart \n          data={radialData}\n          innerRadius=\"10%\"\n          outerRadius=\"80%\"\n          margin={{ top: 20, right: 30, bottom: 20, left: 30 }}\n        >\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={safeDisplayConfig.leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, safeDisplayConfig.leftYAxisFormat), name]\n                : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"circle\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.value || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          <RadialBar\n            dataKey=\"value\"\n            cornerRadius={4}\n            label={{\n              position: 'insideStart',\n              fill: '#fff',\n              fontSize: 12,\n              formatter: safeDisplayConfig.leftYAxisFormat\n                ? (value: any) => formatAxisValue(value, safeDisplayConfig.leftYAxisFormat)\n                : undefined\n            }}\n          >\n            {radialData.map((entry, index) => (\n              <Cell \n                key={`cell-${index}`} \n                fill={entry.fill}\n                fillOpacity={hoveredLegend ? (hoveredLegend === entry.name ? 1 : 0.3) : 1}\n              />\n            ))}\n          </RadialBar>\n        </RechartsRadialBarChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'RadialBarChart 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\">Radial 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":["RadialBarChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","safeDisplayConfig","jsx","jsxs","radialData","xAxisField","yAxisField","granularity","getFieldGranularity","item","index","formatTimeValue","CHART_COLORS","firstRow","keys","nameField","key","valueField","name","ChartContainer","RechartsRadialBarChart","ChartTooltip","value","formatAxisValue","Legend","o","RadialBar","entry","Cell","error"],"mappings":"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"}

package/dist/client/chunks/{chart-radialbarchart-config-D0eEa2hb.js → chart-radialbarchart-config-CKozBBEC.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-DVH-sdYZ.js";
+import { g as e } from "./chart-activitygridchart-config-AVBoHdRn.js";
 const r = {
   icon: e("radialBar"),
   description: "Circular progress and KPI visualization",
@@ -22,9 +22,17 @@ const r = {
       emptyText: "Drop a measure for values"
     }
   ],
-  displayOptions: ["showLegend", "showTooltip", "hideHeader"]
+  displayOptions: ["showLegend", "showTooltip", "hideHeader"],
+  displayOptionsConfig: [
+    {
+      key: "leftYAxisFormat",
+      label: "Value Format",
+      type: "axisFormat",
+      description: "Number formatting for values"
+    }
+  ]
 };
 export {
   r as radialBarChartConfig
 };
-//# sourceMappingURL=chart-radialbarchart-config-D0eEa2hb.js.map
+//# sourceMappingURL=chart-radialbarchart-config-CKozBBEC.js.map

package/dist/client/chunks/{chart-radialbarchart-config-D0eEa2hb.js.map → chart-radialbarchart-config-CKozBBEC.js.map}

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

package/dist/client/chunks/{chart-scatterchart-C83KgqYY.js → chart-scatterchart-MN4SM-w7.js}

@@ -1,33 +1,33 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useState as _ } from "react";
-import { ScatterChart as H, CartesianGrid as K, XAxis as O, YAxis as B, Tooltip as Y, Legend as U, Scatter as M } from "recharts";
-import { C as W } from "./chart-chartcontainer-CdwzIKP1.js";
-import { u as $, b, c as S, p as j, i as z, C as J, f as R, a as k } from "./chart-activitygridchart-Cz4bEf3V.js";
-function re({
-  data: N,
+import { useState as O } from "react";
+import { ScatterChart as Y, CartesianGrid as B, XAxis as C, YAxis as U, Tooltip as W, Legend as $, Scatter as R } from "recharts";
+import { C as J } from "./chart-chartcontainer-CdwzIKP1.js";
+import { u as Q, b as V, c as F, p as I, i as X, C as Z, f as k, a as L } from "./chart-activitygridchart-D17Fxiuf.js";
+function ae({
+  data: g,
   chartConfig: i,
-  displayConfig: w = {},
-  queryObject: h,
+  displayConfig: p = {},
+  queryObject: v,
   height: m = "100%",
-  colorPalette: p
+  colorPalette: A
 }) {
-  const [D, L] = _(null), { getFieldLabel: x } = $();
+  const [G, T] = O(null), { getFieldLabel: x } = Q();
   try {
     const u = {
-      showLegend: w?.showLegend ?? !0,
-      showGrid: w?.showGrid ?? !0,
-      showTooltip: w?.showTooltip ?? !0
-    };
-    if (!N || N.length === 0)
+      showLegend: p?.showLegend ?? !0,
+      showGrid: p?.showGrid ?? !0,
+      showTooltip: p?.showTooltip ?? !0
+    }, b = p?.xAxisFormat, y = p?.leftYAxisFormat;
+    if (!g || g.length === 0)
       return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: m }, children: /* @__PURE__ */ l("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 scatter chart" })
       ] }) });
-    let a, o, V = [];
+    let a, o, E = [];
     if (i?.xAxis && i?.yAxis) {
       a = Array.isArray(i.xAxis) ? i.xAxis[0] : i.xAxis, o = Array.isArray(i.yAxis) ? i.yAxis[0] : i.yAxis;
-      const s = i.series;
-      V = s ? Array.isArray(s) ? s : [s] : [];
+      const t = i.series;
+      E = t ? Array.isArray(t) ? t : [t] : [];
     } else if (i?.x && i?.y)
       a = i.x, o = Array.isArray(i.y) ? i.y[0] : i.y;
     else
@@ -40,88 +40,90 @@ function re({
         /* @__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 F = (h?.timeDimensions || []).map((s) => s.dimension);
-    let v, c = {};
-    if (V.length > 0) {
-      const s = V[0];
-      N.forEach((t) => {
-        const n = String(t[s] || "Default");
+    const M = (v?.timeDimensions || []).map((t) => t.dimension);
+    let N, c = {};
+    if (E.length > 0) {
+      const t = E[0];
+      g.forEach((s) => {
+        const n = String(s[t] || "Default");
         c[n] || (c[n] = []);
-        const y = b(h, a), f = S(t[a], y) || t[a], d = j(t[o]), g = typeof f == "string" ? parseFloat(f) : f;
-        if (z(g) && d !== null) {
-          const T = {};
-          F.forEach((A) => {
-            if (t[A]) {
-              const X = b(h, A);
-              T[A] = S(t[A], X);
+        const f = V(v, a), h = F(s[a], f) || s[a], d = I(s[o]), S = typeof h == "string" ? parseFloat(h) : h;
+        if (X(S) && d !== null) {
+          const z = {};
+          M.forEach((w) => {
+            if (s[w]) {
+              const K = V(v, w);
+              z[w] = F(s[w], K);
             }
           }), c[n].push({
-            x: g,
+            x: S,
             y: d,
             name: n,
-            timeValues: T,
-            originalItem: t
+            timeValues: z,
+            originalItem: s
           });
         }
-      }), v = Object.keys(c).flatMap((t) => c[t]);
+      }), N = Object.keys(c).flatMap((s) => c[s]);
     } else {
-      const s = b(h, a);
-      v = N.map((r) => {
-        const t = S(r[a], s) || r[a], n = j(r[o]), y = typeof t == "string" ? parseFloat(t) : t, f = {};
-        return F.forEach((d) => {
+      const t = V(v, a);
+      N = g.map((r) => {
+        const s = F(r[a], t) || r[a], n = I(r[o]), f = typeof s == "string" ? parseFloat(s) : s, h = {};
+        return M.forEach((d) => {
           if (r[d]) {
-            const g = b(h, d);
-            f[d] = S(r[d], g);
+            const S = V(v, d);
+            h[d] = F(r[d], S);
           }
         }), {
-          x: y,
+          x: f,
           y: n,
           name: "Point",
-          timeValues: f,
+          timeValues: h,
           originalItem: r,
-          isValid: z(y) && n !== null
+          isValid: X(f) && n !== null
         };
       }).filter((r) => r.isValid);
     }
-    if (!v || v.length === 0)
+    if (!N || N.length === 0)
       return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: m }, children: /* @__PURE__ */ l("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 scatter chart after transformation" })
       ] }) });
-    const E = Object.keys(c), G = E.length > 1 && E.length <= 20, I = u.showLegend && G, C = {
-      ...J,
+    const D = Object.keys(c), j = D.length > 1 && D.length <= 20, _ = u.showLegend && j, H = {
+      ...Z,
       left: 40
       // Increased from 20 to 40 for Y-axis label space
     };
-    return /* @__PURE__ */ e(W, { height: m, children: /* @__PURE__ */ l(H, { margin: C, children: [
-      u.showGrid && /* @__PURE__ */ e(K, { strokeDasharray: "3 3" }),
+    return /* @__PURE__ */ e(J, { height: m, children: /* @__PURE__ */ l(Y, { margin: H, children: [
+      u.showGrid && /* @__PURE__ */ e(B, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ e(
-        O,
+        C,
         {
           type: "number",
           dataKey: "x",
-          name: x(a),
-          tick: { fontSize: 12 }
+          name: b?.label || x(a),
+          tick: { fontSize: 12 },
+          tickFormatter: b ? (t) => k(t, b) : void 0
         }
       ),
       /* @__PURE__ */ e(
-        B,
+        U,
         {
           type: "number",
           dataKey: "y",
-          name: x(o),
+          name: y?.label || x(o),
           tick: { fontSize: 12 },
-          label: { value: x(o), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+          tickFormatter: y ? (t) => k(t, y) : void 0,
+          label: { value: y?.label || x(o), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
         }
       ),
       u.showTooltip && /* @__PURE__ */ e(
-        Y,
+        W,
         {
           cursor: { strokeDasharray: "3 3" },
-          content: ({ active: s, payload: r }) => {
-            if (!s || !r || r.length === 0) return null;
-            const t = r[0]?.payload;
-            return t ? /* @__PURE__ */ l("div", { style: {
+          content: ({ active: t, payload: r }) => {
+            if (!t || !r || r.length === 0) return null;
+            const s = r[0]?.payload;
+            return s ? /* @__PURE__ */ l("div", { style: {
               backgroundColor: "white",
               border: "1px solid #e5e7eb",
               borderRadius: "0.5rem",
@@ -130,28 +132,28 @@ function re({
               boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
               padding: "8px 12px"
             }, children: [
-              /* @__PURE__ */ e("div", { style: { fontWeight: 600, marginBottom: "4px" }, children: t.name }),
-              t.timeValues && Object.keys(t.timeValues).length > 0 && /* @__PURE__ */ e("div", { style: { marginBottom: "4px", color: "#6b7280" }, children: Object.entries(t.timeValues).map(([n, y]) => /* @__PURE__ */ l("div", { children: [
+              /* @__PURE__ */ e("div", { style: { fontWeight: 600, marginBottom: "4px" }, children: s.name }),
+              s.timeValues && Object.keys(s.timeValues).length > 0 && /* @__PURE__ */ e("div", { style: { marginBottom: "4px", color: "#6b7280" }, children: Object.entries(s.timeValues).map(([n, f]) => /* @__PURE__ */ l("div", { children: [
                 x(n),
                 ": ",
-                y
+                f
               ] }, n)) }),
               /* @__PURE__ */ l("div", { children: [
-                x(a),
+                b?.label || x(a),
                 ": ",
-                R(t.x)
+                k(s.x, b)
               ] }),
               /* @__PURE__ */ l("div", { children: [
-                x(o),
+                y?.label || x(o),
                 ": ",
-                R(t.y)
+                k(s.y, y)
               ] })
             ] }) : null;
           }
         }
       ),
-      I && /* @__PURE__ */ e(
-        U,
+      _ && /* @__PURE__ */ e(
+        $,
         {
           wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
           iconType: "circle",
@@ -159,30 +161,30 @@ function re({
           layout: "horizontal",
           align: "center",
           verticalAlign: "bottom",
-          onMouseEnter: (s) => L(String(s.dataKey || "")),
-          onMouseLeave: () => L(null)
+          onMouseEnter: (t) => T(String(t.dataKey || "")),
+          onMouseLeave: () => T(null)
         }
       ),
-      G ? (
+      j ? (
         // Multiple series
-        E.map((s, r) => /* @__PURE__ */ e(
-          M,
+        D.map((t, r) => /* @__PURE__ */ e(
+          R,
           {
-            name: s,
-            data: c[s],
-            fill: p?.colors && p.colors[r % p.colors.length] || k[r % k.length],
-            fillOpacity: D ? D === s ? 1 : 0.3 : 1
+            name: t,
+            data: c[t],
+            fill: A?.colors && A.colors[r % A.colors.length] || L[r % L.length],
+            fillOpacity: G ? G === t ? 1 : 0.3 : 1
           },
-          s
+          t
         ))
       ) : (
         // Single series
         /* @__PURE__ */ e(
-          M,
+          R,
           {
             name: "Data",
-            data: v,
-            fill: p?.colors && p.colors[0] || k[0]
+            data: N,
+            fill: A?.colors && A.colors[0] || L[0]
           }
         )
       )
@@ -196,6 +198,6 @@ function re({
   }
 }
 export {
-  re as default
+  ae as default
 };
-//# sourceMappingURL=chart-scatterchart-C83KgqYY.js.map
+//# sourceMappingURL=chart-scatterchart-MN4SM-w7.js.map

package/dist/client/chunks/chart-scatterchart-MN4SM-w7.js.map

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

package/dist/client/chunks/{chart-scatterchart-config-Bh0qBq9F.js → chart-scatterchart-config-UdHmbZ3s.js}

@@ -1,5 +1,5 @@
-import { g as e } from "./chart-activitygridchart-config-DVH-sdYZ.js";
-const s = {
+import { g as e } from "./chart-activitygridchart-config-AVBoHdRn.js";
+const i = {
   icon: e("scatter"),
   description: "Reveal correlations between variables",
   useCase: "Best for identifying patterns, correlations, outliers, and relationships between two measures",
@@ -32,9 +32,23 @@ const s = {
       emptyText: "Drop a dimension to color points"
     }
   ],
-  displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"]
+  displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"],
+  displayOptionsConfig: [
+    {
+      key: "xAxisFormat",
+      label: "X-Axis Format",
+      type: "axisFormat",
+      description: "Number formatting for X-axis"
+    },
+    {
+      key: "leftYAxisFormat",
+      label: "Y-Axis Format",
+      type: "axisFormat",
+      description: "Number formatting for Y-axis"
+    }
+  ]
 };
 export {
-  s as scatterChartConfig
+  i as scatterChartConfig
 };
-//# sourceMappingURL=chart-scatterchart-config-Bh0qBq9F.js.map
+//# sourceMappingURL=chart-scatterchart-config-UdHmbZ3s.js.map

package/dist/client/chunks/{chart-scatterchart-config-Bh0qBq9F.js.map → chart-scatterchart-config-UdHmbZ3s.js.map}

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