drizzle-cube 0.2.14 → 0.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/adapters/compiler-BU728aIU.cjs +22 -0
  2. package/dist/adapters/{compiler-DrkCCzf0.js → compiler-B_yO7zBu.js} +3648 -2916
  3. package/dist/adapters/express/index.cjs +1 -1
  4. package/dist/adapters/express/index.js +1 -1
  5. package/dist/adapters/fastify/index.cjs +1 -1
  6. package/dist/adapters/fastify/index.js +1 -1
  7. package/dist/adapters/hono/index.cjs +1 -1
  8. package/dist/adapters/hono/index.js +1 -1
  9. package/dist/adapters/nextjs/index.cjs +1 -1
  10. package/dist/adapters/nextjs/index.js +1 -1
  11. package/dist/client/charts.js +27 -36
  12. package/dist/client/charts.js.map +1 -1
  13. package/dist/client/chunks/charts-B8YMw1mi.js +7227 -0
  14. package/dist/client/chunks/charts-B8YMw1mi.js.map +1 -0
  15. package/dist/client/chunks/charts-amt7VOyw.js +277 -0
  16. package/dist/client/chunks/{charts-PgJ3XcwQ.js.map → charts-amt7VOyw.js.map} +1 -1
  17. package/dist/client/chunks/{components-Cd068oGo.js → components-K3xrnHN-.js} +10247 -10583
  18. package/dist/client/chunks/components-K3xrnHN-.js.map +1 -0
  19. package/dist/client/chunks/core-Dkym7d1O.js +6 -0
  20. package/dist/client/chunks/core-Dkym7d1O.js.map +1 -0
  21. package/dist/client/chunks/{index-Baq5aJv1.js → index-B7NSVb33.js} +2 -2
  22. package/dist/client/chunks/{index-Baq5aJv1.js.map → index-B7NSVb33.js.map} +1 -1
  23. package/dist/client/chunks/javascript-DII1YQGr.js +659 -0
  24. package/dist/client/chunks/javascript-DII1YQGr.js.map +1 -0
  25. package/dist/client/components/AnalysisBuilder/AnalysisFilterItem.d.ts +1 -3
  26. package/dist/client/components/AnalysisBuilder/FilterConfigModal.d.ts +16 -0
  27. package/dist/client/components/DashboardFilters/FilterEditModal.d.ts +1 -1
  28. package/dist/client/components/DashboardFilters/ReadOnlyFilterList.d.ts +1 -1
  29. package/dist/client/components/QueryBuilderShim.d.ts +3 -0
  30. package/dist/client/components/{QueryBuilder → shared}/CubeMetaExplorer.d.ts +1 -1
  31. package/dist/client/components/{QueryBuilder → shared}/DateRangeFilter.d.ts +1 -1
  32. package/dist/client/components/{QueryBuilder → shared}/FilterBuilder.d.ts +1 -1
  33. package/dist/client/components/{QueryBuilder → shared}/FilterGroup.d.ts +1 -1
  34. package/dist/client/components/{QueryBuilder → shared}/FilterItem.d.ts +1 -1
  35. package/dist/client/components/{QueryBuilder → shared}/FilterValueSelector.d.ts +1 -1
  36. package/dist/client/components/{QueryBuilder → shared}/utils.d.ts +1 -1
  37. package/dist/client/components.d.ts +1 -1
  38. package/dist/client/components.js +2 -2
  39. package/dist/client/hooks.js +3 -3
  40. package/dist/client/icons.js +5 -5
  41. package/dist/client/index.d.ts +2 -2
  42. package/dist/client/index.js +49 -52
  43. package/dist/client/index.js.map +1 -1
  44. package/dist/client/providers.js +5 -6
  45. package/dist/client/providers.js.map +1 -1
  46. package/dist/client/shared/components/CodeBlock.d.ts +10 -0
  47. package/dist/client/shared/index.d.ts +1 -0
  48. package/dist/client/styles.css +1 -1
  49. package/dist/client/utils/index.d.ts +1 -0
  50. package/dist/client/{components/QueryBuilder → utils}/shareUtils.d.ts +1 -1
  51. package/dist/client/utils/syntaxHighlighting.d.ts +31 -0
  52. package/dist/client-bundle-stats.html +1 -1
  53. package/dist/server/index.cjs +18 -18
  54. package/dist/server/index.d.ts +272 -3
  55. package/dist/server/index.js +2760 -2037
  56. package/package.json +5 -1
  57. package/dist/adapters/compiler-CMwSRhTS.cjs +0 -22
  58. package/dist/client/chunks/chart-activitygridchart-BSA93MaS.js +0 -2630
  59. package/dist/client/chunks/chart-activitygridchart-BSA93MaS.js.map +0 -1
  60. package/dist/client/chunks/chart-activitygridchart-config-AVBoHdRn.js +0 -244
  61. package/dist/client/chunks/chart-activitygridchart-config-AVBoHdRn.js.map +0 -1
  62. package/dist/client/chunks/chart-areachart-Cz-Bv8ZB.js +0 -238
  63. package/dist/client/chunks/chart-areachart-Cz-Bv8ZB.js.map +0 -1
  64. package/dist/client/chunks/chart-areachart-config-D9pPUKHZ.js +0 -78
  65. package/dist/client/chunks/chart-areachart-config-D9pPUKHZ.js.map +0 -1
  66. package/dist/client/chunks/chart-axisformatcontrols-BNfQgqND.js +0 -196
  67. package/dist/client/chunks/chart-axisformatcontrols-BNfQgqND.js.map +0 -1
  68. package/dist/client/chunks/chart-barchart-CI8LhTwO.js +0 -219
  69. package/dist/client/chunks/chart-barchart-CI8LhTwO.js.map +0 -1
  70. package/dist/client/chunks/chart-barchart-config-iniz62ni.js +0 -71
  71. package/dist/client/chunks/chart-barchart-config-iniz62ni.js.map +0 -1
  72. package/dist/client/chunks/chart-bubblechart-DaFSD3dc.js +0 -247
  73. package/dist/client/chunks/chart-bubblechart-DaFSD3dc.js.map +0 -1
  74. package/dist/client/chunks/chart-bubblechart-config-yLq2oyR3.js +0 -72
  75. package/dist/client/chunks/chart-bubblechart-config-yLq2oyR3.js.map +0 -1
  76. package/dist/client/chunks/chart-chartcontainer-CdwzIKP1.js +0 -103
  77. package/dist/client/chunks/chart-chartcontainer-CdwzIKP1.js.map +0 -1
  78. package/dist/client/chunks/chart-charttooltip-hLOOlEDZ.js +0 -26
  79. package/dist/client/chunks/chart-charttooltip-hLOOlEDZ.js.map +0 -1
  80. package/dist/client/chunks/chart-datatable-Dj_3LWKH.js +0 -350
  81. package/dist/client/chunks/chart-datatable-Dj_3LWKH.js.map +0 -1
  82. package/dist/client/chunks/chart-datatable-config-DmEA3A-7.js +0 -29
  83. package/dist/client/chunks/chart-datatable-config-DmEA3A-7.js.map +0 -1
  84. package/dist/client/chunks/chart-kpidelta-D45MO-i1.js +0 -435
  85. package/dist/client/chunks/chart-kpidelta-D45MO-i1.js.map +0 -1
  86. package/dist/client/chunks/chart-kpidelta-config-DtSDG4Kl.js +0 -98
  87. package/dist/client/chunks/chart-kpidelta-config-DtSDG4Kl.js.map +0 -1
  88. package/dist/client/chunks/chart-kpinumber-J3jJ1lz7.js +0 -400
  89. package/dist/client/chunks/chart-kpinumber-J3jJ1lz7.js.map +0 -1
  90. package/dist/client/chunks/chart-kpinumber-config-Da2LFeKM.js +0 -76
  91. package/dist/client/chunks/chart-kpinumber-config-Da2LFeKM.js.map +0 -1
  92. package/dist/client/chunks/chart-kpitext-Bo86g7Jn.js +0 -165
  93. package/dist/client/chunks/chart-kpitext-Bo86g7Jn.js.map +0 -1
  94. package/dist/client/chunks/chart-kpitext-config-DjvigyfE.js +0 -48
  95. package/dist/client/chunks/chart-kpitext-config-DjvigyfE.js.map +0 -1
  96. package/dist/client/chunks/chart-linechart-B7HFYqC7.js +0 -202
  97. package/dist/client/chunks/chart-linechart-B7HFYqC7.js.map +0 -1
  98. package/dist/client/chunks/chart-linechart-config-DLVS2Zxc.js +0 -66
  99. package/dist/client/chunks/chart-linechart-config-DLVS2Zxc.js.map +0 -1
  100. package/dist/client/chunks/chart-markdownchart-C-lDJMtY.js +0 -257
  101. package/dist/client/chunks/chart-markdownchart-C-lDJMtY.js.map +0 -1
  102. package/dist/client/chunks/chart-markdownchart-config-CgOA3YSw.js +0 -61
  103. package/dist/client/chunks/chart-markdownchart-config-CgOA3YSw.js.map +0 -1
  104. package/dist/client/chunks/chart-piechart-CJCJZXmm.js +0 -127
  105. package/dist/client/chunks/chart-piechart-CJCJZXmm.js.map +0 -1
  106. package/dist/client/chunks/chart-piechart-config-DgwOeKHr.js +0 -39
  107. package/dist/client/chunks/chart-piechart-config-DgwOeKHr.js.map +0 -1
  108. package/dist/client/chunks/chart-radarchart-CJ-8qPmX.js +0 -131
  109. package/dist/client/chunks/chart-radarchart-CJ-8qPmX.js.map +0 -1
  110. package/dist/client/chunks/chart-radarchart-config-BAV8D5PR.js +0 -45
  111. package/dist/client/chunks/chart-radarchart-config-BAV8D5PR.js.map +0 -1
  112. package/dist/client/chunks/chart-radialbarchart-C8PlVtXx.js +0 -120
  113. package/dist/client/chunks/chart-radialbarchart-C8PlVtXx.js.map +0 -1
  114. package/dist/client/chunks/chart-radialbarchart-config-CKozBBEC.js +0 -38
  115. package/dist/client/chunks/chart-radialbarchart-config-CKozBBEC.js.map +0 -1
  116. package/dist/client/chunks/chart-scatterchart-CXujAIug.js +0 -203
  117. package/dist/client/chunks/chart-scatterchart-CXujAIug.js.map +0 -1
  118. package/dist/client/chunks/chart-scatterchart-config-UdHmbZ3s.js +0 -54
  119. package/dist/client/chunks/chart-scatterchart-config-UdHmbZ3s.js.map +0 -1
  120. package/dist/client/chunks/chart-treemapchart-D9lYs_Y9.js +0 -265
  121. package/dist/client/chunks/chart-treemapchart-D9lYs_Y9.js.map +0 -1
  122. package/dist/client/chunks/chart-treemapchart-config-D17VOwTM.js +0 -47
  123. package/dist/client/chunks/chart-treemapchart-config-D17VOwTM.js.map +0 -1
  124. package/dist/client/chunks/charts-PgJ3XcwQ.js +0 -286
  125. package/dist/client/chunks/components-Cd068oGo.js.map +0 -1
  126. package/dist/client/components/QueryBuilder/QueryAnalysisPanel.d.ts +0 -7
  127. package/dist/client/components/QueryBuilder/QueryPanel.d.ts +0 -4
  128. package/dist/client/components/QueryBuilder/ResultsPanel.d.ts +0 -4
  129. package/dist/client/components/QueryBuilder/SetupPanel.d.ts +0 -11
  130. package/dist/client/components/QueryBuilder/ShareWarningModal.d.ts +0 -9
  131. package/dist/client/components/QueryBuilder/index.d.ts +0 -3
  132. /package/dist/client/components/{QueryBuilder → shared}/DateRangeSelector.d.ts +0 -0
@@ -1,131 +0,0 @@
1
- import { jsx as e, jsxs as h } from "react/jsx-runtime";
2
- import F, { useState as S } from "react";
3
- import { RadarChart as L, PolarGrid as R, PolarAngleAxis as j, PolarRadiusAxis as k, Legend as C, Radar as T } from "recharts";
4
- import { C as Y } from "./chart-chartcontainer-CdwzIKP1.js";
5
- import { C as z } from "./chart-charttooltip-hLOOlEDZ.js";
6
- import { t as E, c as G, d as D, f as g, a as v } from "./chart-activitygridchart-BSA93MaS.js";
7
- const W = F.memo(function({
8
- data: d,
9
- chartConfig: o,
10
- displayConfig: p = {},
11
- queryObject: A,
12
- height: x = "100%",
13
- colorPalette: c
14
- }) {
15
- const [y, N] = S(null);
16
- try {
17
- const a = {
18
- showLegend: p?.showLegend ?? !0,
19
- showTooltip: p?.showTooltip ?? !0,
20
- showGrid: p?.showGrid ?? !0,
21
- leftYAxisFormat: p?.leftYAxisFormat
22
- };
23
- if (!d || d.length === 0)
24
- return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "text-center", children: [
25
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
26
- /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in radar chart" })
27
- ] }) });
28
- let m, f = [];
29
- if (o?.xAxis && o?.yAxis) {
30
- const t = Array.isArray(o.xAxis) ? o.xAxis[0] : o.xAxis, s = Array.isArray(o.yAxis) ? o.yAxis : [o.yAxis], l = o.series || [], { data: i, seriesKeys: r } = E(
31
- d,
32
- t,
33
- s,
34
- A,
35
- l
36
- );
37
- m = i, f = r;
38
- } else {
39
- const t = d[0], s = Object.keys(t), l = s.find(
40
- (r) => typeof t[r] == "string" || r.toLowerCase().includes("subject") || r.toLowerCase().includes("name") || r.toLowerCase().includes("category")
41
- ) || s[0], i = s.filter(
42
- (r) => typeof t[r] == "number" && r !== l
43
- );
44
- if (i.length === 0)
45
- return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "text-center", children: [
46
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
47
- /* @__PURE__ */ e("div", { className: "text-xs", children: "No numeric fields found for radar chart values" })
48
- ] }) });
49
- if (l) {
50
- const r = G(A, l);
51
- m = d.map((n) => {
52
- const w = {
53
- name: D(n[l], r) || String(n[l]) || "Unknown"
54
- };
55
- return i.forEach((u) => {
56
- const b = u.split(".").pop() || u;
57
- w[b] = typeof n[u] == "string" ? parseFloat(n[u]) : n[u] || 0;
58
- }), w;
59
- }), f = i.map((n) => n.split(".").pop() || n);
60
- } else
61
- m = d.map((r) => ({
62
- name: String(r[s[0]] || "Unknown"),
63
- value: typeof r[i[0]] == "string" ? parseFloat(r[i[0]]) : r[i[0]] || 0
64
- })), f = ["value"];
65
- }
66
- return !m || m.length === 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "text-center", children: [
67
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
68
- /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for radar chart after transformation" })
69
- ] }) }) : /* @__PURE__ */ e(Y, { height: x, children: /* @__PURE__ */ h(L, { data: m, margin: { top: 20, right: 80, bottom: 20, left: 80 }, children: [
70
- a.showGrid && /* @__PURE__ */ e(R, {}),
71
- /* @__PURE__ */ e(
72
- j,
73
- {
74
- dataKey: "name",
75
- tick: { fontSize: 12 },
76
- className: "text-dc-text-muted"
77
- }
78
- ),
79
- /* @__PURE__ */ e(
80
- k,
81
- {
82
- tick: { fontSize: 10 },
83
- className: "text-dc-text-muted",
84
- tickFormatter: a.leftYAxisFormat ? (t) => g(t, a.leftYAxisFormat) : void 0
85
- }
86
- ),
87
- a.showTooltip && /* @__PURE__ */ e(
88
- z,
89
- {
90
- formatter: a.leftYAxisFormat ? (t, s) => [g(t, a.leftYAxisFormat), s] : void 0
91
- }
92
- ),
93
- a.showLegend && f.length > 1 && /* @__PURE__ */ e(
94
- C,
95
- {
96
- wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
97
- iconType: "rect",
98
- iconSize: 8,
99
- layout: "horizontal",
100
- align: "center",
101
- verticalAlign: "bottom",
102
- onMouseEnter: (t) => N(String(t.dataKey || "")),
103
- onMouseLeave: () => N(null)
104
- }
105
- ),
106
- f.map((t, s) => /* @__PURE__ */ e(
107
- T,
108
- {
109
- name: t,
110
- dataKey: t,
111
- stroke: c?.colors && c.colors[s % c.colors.length] || v[s % v.length],
112
- fill: c?.colors && c.colors[s % c.colors.length] || v[s % v.length],
113
- fillOpacity: y ? y === t ? 0.6 : 0.1 : 0.3,
114
- strokeOpacity: y ? y === t ? 1 : 0.3 : 1,
115
- strokeWidth: 2
116
- },
117
- t
118
- ))
119
- ] }) });
120
- } catch (a) {
121
- return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center w-full text-dc-error p-4", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "text-center", children: [
122
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Radar Chart Error" }),
123
- /* @__PURE__ */ e("div", { className: "text-xs mb-2", children: a instanceof Error ? a.message : "Unknown rendering error" }),
124
- /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
125
- ] }) });
126
- }
127
- });
128
- export {
129
- W as default
130
- };
131
- //# sourceMappingURL=chart-radarchart-CJ-8qPmX.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chart-radarchart-CJ-8qPmX.js","sources":["../../../src/client/components/charts/RadarChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { RadarChart as RechartsRadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nconst RadarChart = React.memo(function RadarChart({ \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 showGrid: displayConfig?.showGrid ?? 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 radar chart</div>\n </div>\n </div>\n )\n }\n\n let radarData: any[]\n let seriesKeys: 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 // Subject/category field\n const yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis] // Value fields\n const seriesFields = chartConfig.series || []\n\n // Use shared function to transform data and handle series\n const { data: chartData, seriesKeys: transformedSeriesKeys } = transformChartDataWithSeries(\n data, \n xAxisField, \n yAxisFields, \n queryObject,\n seriesFields\n )\n \n radarData = chartData\n seriesKeys = transformedSeriesKeys\n } else {\n // Legacy format or auto-detection - try to find suitable fields\n const firstRow = data[0]\n const keys = Object.keys(firstRow)\n \n // Try to find subject/category field\n const subjectField = keys.find(key => \n typeof firstRow[key] === 'string' ||\n key.toLowerCase().includes('subject') ||\n key.toLowerCase().includes('name') ||\n key.toLowerCase().includes('category')\n ) || keys[0]\n\n // Find numeric fields for values\n const valueFields = keys.filter(key => \n typeof firstRow[key] === 'number' && key !== subjectField\n )\n\n if (valueFields.length === 0) {\n return (\n <div className=\"flex items-center justify-center w-full text-dc-warning\" style={{ height }}>\n <div className=\"text-center\">\n <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n <div className=\"text-xs\">No numeric fields found for radar chart values</div>\n </div>\n </div>\n )\n }\n\n // Transform data for radar chart\n if (subjectField) {\n // Use subject field for radar categories\n const granularity = getFieldGranularity(queryObject, subjectField)\n radarData = data.map(item => {\n const transformedItem: any = {\n name: formatTimeValue(item[subjectField], granularity) || String(item[subjectField]) || 'Unknown'\n }\n \n valueFields.forEach(field => {\n const displayName = field.split('.').pop() || field\n transformedItem[displayName] = typeof item[field] === 'string' \n ? parseFloat(item[field]) \n : (item[field] || 0)\n })\n \n return transformedItem\n })\n \n seriesKeys = valueFields.map(field => field.split('.').pop() || field)\n } else {\n // Fallback - use first value field only\n radarData = data.map(item => ({\n name: String(item[keys[0]] || 'Unknown'),\n value: typeof item[valueFields[0]] === 'string' \n ? parseFloat(item[valueFields[0]]) \n : (item[valueFields[0]] || 0)\n }))\n seriesKeys = ['value']\n }\n }\n \n // Validate transformed data\n if (!radarData || radarData.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 radar chart after transformation</div>\n </div>\n </div>\n )\n }\n\n return (\n <ChartContainer height={height}>\n <RechartsRadarChart data={radarData} margin={{ top: 20, right: 80, bottom: 20, left: 80 }}>\n {safeDisplayConfig.showGrid && (\n <PolarGrid />\n )}\n <PolarAngleAxis\n dataKey=\"name\"\n tick={{ fontSize: 12 }}\n className=\"text-dc-text-muted\"\n />\n <PolarRadiusAxis\n tick={{ fontSize: 10 }}\n className=\"text-dc-text-muted\"\n tickFormatter={safeDisplayConfig.leftYAxisFormat\n ? (value: any) => formatAxisValue(value, safeDisplayConfig.leftYAxisFormat)\n : undefined\n }\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 && seriesKeys.length > 1) && (\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 <Radar\n key={seriesKey}\n name={seriesKey}\n dataKey={seriesKey}\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 strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n strokeWidth={2}\n />\n ))}\n </RechartsRadarChart>\n </ChartContainer>\n )\n } catch (error) {\n // 'RadarChart rendering error\n return (\n <div className=\"flex flex-col items-center justify-center w-full text-dc-error p-4\" style={{ height }}>\n <div className=\"text-center\">\n <div className=\"text-sm font-semibold mb-1\">Radar 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})\n\nexport default RadarChart"],"names":["RadarChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","safeDisplayConfig","jsx","jsxs","radarData","seriesKeys","xAxisField","yAxisFields","seriesFields","chartData","transformedSeriesKeys","transformChartDataWithSeries","firstRow","keys","subjectField","key","valueFields","granularity","getFieldGranularity","item","transformedItem","formatTimeValue","field","displayName","ChartContainer","RechartsRadarChart","PolarGrid","PolarAngleAxis","PolarRadiusAxis","value","formatAxisValue","ChartTooltip","name","Legend","o","seriesKey","index","Radar","CHART_COLORS","error"],"mappings":"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"}
@@ -1,45 +0,0 @@
1
- import { g as e } from "./chart-activitygridchart-config-AVBoHdRn.js";
2
- const a = {
3
- icon: e("radar"),
4
- description: "Compare multiple metrics across categories",
5
- useCase: "Best for multivariate comparisons, performance metrics, strengths/weaknesses analysis",
6
- dropZones: [
7
- {
8
- key: "xAxis",
9
- label: "Axes (Categories)",
10
- description: "Dimensions for radar axes",
11
- mandatory: !0,
12
- acceptTypes: ["dimension"],
13
- emptyText: "Drop dimensions for radar axes"
14
- },
15
- {
16
- key: "yAxis",
17
- label: "Values",
18
- description: "Measures for radar values",
19
- mandatory: !0,
20
- acceptTypes: ["measure"],
21
- emptyText: "Drop measures for values"
22
- },
23
- {
24
- key: "series",
25
- label: "Series (Multiple Shapes)",
26
- description: "Dimensions to create multiple radar shapes",
27
- mandatory: !1,
28
- acceptTypes: ["dimension"],
29
- emptyText: "Drop dimensions for multiple shapes"
30
- }
31
- ],
32
- displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"],
33
- displayOptionsConfig: [
34
- {
35
- key: "leftYAxisFormat",
36
- label: "Value Format",
37
- type: "axisFormat",
38
- description: "Number formatting for values"
39
- }
40
- ]
41
- };
42
- export {
43
- a as radarChartConfig
44
- };
45
- //# sourceMappingURL=chart-radarchart-config-BAV8D5PR.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chart-radarchart-config-BAV8D5PR.js","sources":["../../../src/client/components/charts/RadarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the radar chart type\n */\nexport const radarChartConfig: ChartTypeConfig = {\n icon: getChartTypeIcon('radar'),\n description: 'Compare multiple metrics across categories',\n useCase: 'Best for multivariate comparisons, performance metrics, strengths/weaknesses analysis',\n dropZones: [\n {\n key: 'xAxis',\n label: 'Axes (Categories)',\n description: 'Dimensions for radar axes',\n mandatory: true,\n acceptTypes: ['dimension'],\n emptyText: 'Drop dimensions for radar axes'\n },\n {\n key: 'yAxis',\n label: 'Values',\n description: 'Measures for radar values',\n mandatory: true,\n acceptTypes: ['measure'],\n emptyText: 'Drop measures for values'\n },\n {\n key: 'series',\n label: 'Series (Multiple Shapes)',\n description: 'Dimensions to create multiple radar shapes',\n mandatory: false,\n acceptTypes: ['dimension'],\n emptyText: 'Drop dimensions for multiple shapes'\n }\n ],\n displayOptions: ['showLegend', 'showGrid', '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":["radarChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAoC;AAAA,EAC/C,MAAMC,EAAiB,OAAO;AAAA,EAC9B,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,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,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}
@@ -1,120 +0,0 @@
1
- import { jsx as t, jsxs as f } from "react/jsx-runtime";
2
- import b, { useState as g } from "react";
3
- import { RadialBarChart as w, Legend as F, RadialBar as R, Cell as L } from "recharts";
4
- import { C } from "./chart-chartcontainer-CdwzIKP1.js";
5
- import { C as S } from "./chart-charttooltip-hLOOlEDZ.js";
6
- import { c as T, a as u, d as j, f as A } from "./chart-activitygridchart-BSA93MaS.js";
7
- const H = b.memo(function({
8
- data: c,
9
- chartConfig: n,
10
- displayConfig: v = {},
11
- queryObject: N,
12
- height: m = "100%",
13
- colorPalette: d
14
- }) {
15
- const [p, h] = g(null);
16
- try {
17
- const i = {
18
- showLegend: v?.showLegend ?? !0,
19
- showTooltip: v?.showTooltip ?? !0,
20
- leftYAxisFormat: v?.leftYAxisFormat
21
- };
22
- if (!c || c.length === 0)
23
- 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: [
24
- /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
25
- /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in radial bar chart" })
26
- ] }) });
27
- let o;
28
- if (n?.xAxis && n?.yAxis) {
29
- const e = Array.isArray(n.xAxis) ? n.xAxis[0] : n.xAxis, a = Array.isArray(n.yAxis) ? n.yAxis[0] : n.yAxis, x = T(N, e);
30
- o = c.map((l, r) => ({
31
- name: j(l[e], x) || String(l[e]) || "Unknown",
32
- value: typeof l[a] == "string" ? parseFloat(l[a]) : l[a] || 0,
33
- fill: d?.colors && d.colors[r % d.colors.length] || u[r % u.length]
34
- }));
35
- } else {
36
- const e = c[0], a = Object.keys(e), x = a.find(
37
- (r) => typeof e[r] == "string" || r.toLowerCase().includes("name") || r.toLowerCase().includes("label") || r.toLowerCase().includes("category")
38
- ) || a[0], l = a.find(
39
- (r) => typeof e[r] == "number" && r !== x
40
- ) || a[1];
41
- if (!l)
42
- return /* @__PURE__ */ t("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: m }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
43
- /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
44
- /* @__PURE__ */ t("div", { className: "text-xs", children: "No numeric field found for radial bar chart values" })
45
- ] }) });
46
- o = c.map((r, y) => {
47
- let s = r[x];
48
- return typeof s == "boolean" ? s = s ? "Active" : "Inactive" : s === "true" || s === "false" ? s = s === "true" ? "Active" : "Inactive" : s = String(s), {
49
- name: s,
50
- value: typeof r[l] == "string" ? parseFloat(r[l]) : r[l] || 0,
51
- fill: d?.colors && d.colors[y % d.colors.length] || u[y % u.length]
52
- };
53
- });
54
- }
55
- 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: [
56
- /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
57
- /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for radial bar chart after transformation" })
58
- ] }) }) : /* @__PURE__ */ t(C, { height: m, children: /* @__PURE__ */ f(
59
- w,
60
- {
61
- data: o,
62
- innerRadius: "10%",
63
- outerRadius: "80%",
64
- margin: { top: 20, right: 30, bottom: 20, left: 30 },
65
- children: [
66
- i.showTooltip && /* @__PURE__ */ t(
67
- S,
68
- {
69
- formatter: i.leftYAxisFormat ? (e, a) => [A(e, i.leftYAxisFormat), a] : void 0
70
- }
71
- ),
72
- i.showLegend && /* @__PURE__ */ t(
73
- F,
74
- {
75
- wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
76
- iconType: "circle",
77
- iconSize: 8,
78
- layout: "horizontal",
79
- align: "center",
80
- verticalAlign: "bottom",
81
- onMouseEnter: (e) => h(String(e.value || "")),
82
- onMouseLeave: () => h(null)
83
- }
84
- ),
85
- /* @__PURE__ */ t(
86
- R,
87
- {
88
- dataKey: "value",
89
- cornerRadius: 4,
90
- label: {
91
- position: "insideStart",
92
- fill: "#fff",
93
- fontSize: 12,
94
- formatter: i.leftYAxisFormat ? (e) => A(e, i.leftYAxisFormat) : void 0
95
- },
96
- children: o.map((e, a) => /* @__PURE__ */ t(
97
- L,
98
- {
99
- fill: e.fill,
100
- fillOpacity: p ? p === e.name ? 1 : 0.3 : 1
101
- },
102
- `cell-${a}`
103
- ))
104
- }
105
- )
106
- ]
107
- }
108
- ) });
109
- } catch (i) {
110
- return /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center w-full text-dc-error p-4", style: { height: m }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
111
- /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "Radial Bar Chart Error" }),
112
- /* @__PURE__ */ t("div", { className: "text-xs mb-2", children: i instanceof Error ? i.message : "Unknown rendering error" }),
113
- /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
114
- ] }) });
115
- }
116
- });
117
- export {
118
- H as default
119
- };
120
- //# sourceMappingURL=chart-radialbarchart-C8PlVtXx.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chart-radialbarchart-C8PlVtXx.js","sources":["../../../src/client/components/charts/RadialBarChart.tsx"],"sourcesContent":["import React, { 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\nconst RadialBarChart = React.memo(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-dc-warning\" style={{ height }}>\n <div className=\"text-center\">\n <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n <div className=\"text-xs\">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-dc-error 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})\n\nexport default RadialBarChart"],"names":["RadialBarChart","React","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":";;;;;;AAQA,MAAMA,IAAiBC,EAAM,KAAK,SAAwB;AAAA,EACxD,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB,CAAA;AAAA,EAChB,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,cAAAC;AACF,GAAe;AACb,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAwB,IAAI;AAEtE,MAAI;AACF,UAAMC,IAAoB;AAAA,MACxB,YAAYP,GAAe,cAAc;AAAA,MACzC,aAAaA,GAAe,eAAe;AAAA,MAC3C,iBAAiBA,GAAe;AAAA,IAAA;AAGlC,QAAI,CAACF,KAAQA,EAAK,WAAW;AAC3B,aACE,gBAAAU,EAAC,OAAA,EAAI,WAAU,8DAA6D,OAAO,EAAE,QAAAN,EAAA,GACnF,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,qBAAiB;AAAA,QAC7D,gBAAAA,EAAC,OAAA,EAAI,WAAU,kCAAiC,UAAA,gDAAA,CAA6C;AAAA,MAAA,EAAA,CAC/F,EAAA,CACF;AAIJ,QAAIE;AAEJ,QAAIX,GAAa,SAASA,GAAa,OAAO;AAE5C,YAAMY,IAAa,MAAM,QAAQZ,EAAY,KAAK,IAAIA,EAAY,MAAM,CAAC,IAAIA,EAAY,OACnFa,IAAa,MAAM,QAAQb,EAAY,KAAK,IAAIA,EAAY,MAAM,CAAC,IAAIA,EAAY,OAEnFc,IAAcC,EAAoBb,GAAaU,CAAU;AAC/D,MAAAD,IAAaZ,EAAK,IAAI,CAACiB,GAAMC,OAAW;AAAA,QACtC,MAAMC,EAAgBF,EAAKJ,CAAU,GAAGE,CAAW,KAAK,OAAOE,EAAKJ,CAAU,CAAC,KAAK;AAAA,QACpF,OAAO,OAAOI,EAAKH,CAAU,KAAM,WAC/B,WAAWG,EAAKH,CAAU,CAAC,IAC1BG,EAAKH,CAAU,KAAK;AAAA,QACzB,MAAOT,GAAc,UAAUA,EAAa,OAAOa,IAAQb,EAAa,OAAO,MAAM,KAAMe,EAAaF,IAAQE,EAAa,MAAM;AAAA,MAAA,EACnI;AAAA,IACJ,OAAO;AAEL,YAAMC,IAAWrB,EAAK,CAAC,GACjBsB,IAAO,OAAO,KAAKD,CAAQ,GAG3BE,IAAYD,EAAK;AAAA,QAAK,CAAAE,MAC1B,OAAOH,EAASG,CAAG,KAAM,YACzBA,EAAI,YAAA,EAAc,SAAS,MAAM,KACjCA,EAAI,YAAA,EAAc,SAAS,OAAO,KAClCA,EAAI,cAAc,SAAS,UAAU;AAAA,MAAA,KAClCF,EAAK,CAAC,GAGLG,IAAaH,EAAK;AAAA,QAAK,OAC3B,OAAOD,EAASG,CAAG,KAAM,YAAYA,MAAQD;AAAA,MAAA,KAC1CD,EAAK,CAAC;AAEX,UAAI,CAACG;AACH,eACE,gBAAAf,EAAC,OAAA,EAAI,WAAU,2DAA0D,OAAO,EAAE,QAAAN,EAAA,GAChF,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,uBAAmB;AAAA,UAC/D,gBAAAA,EAAC,OAAA,EAAI,WAAU,WAAU,UAAA,qDAAA,CAAkD;AAAA,QAAA,EAAA,CAC7E,EAAA,CACF;AAKJ,MAAAE,IAAaZ,EAAK,IAAI,CAACiB,GAAMC,MAAU;AACrC,YAAIQ,IAAOT,EAAKM,CAAS;AAEzB,eAAI,OAAOG,KAAS,YAClBA,IAAOA,IAAO,WAAW,aAChBA,MAAS,UAAUA,MAAS,UACrCA,IAAOA,MAAS,SAAS,WAAW,aAEpCA,IAAO,OAAOA,CAAI,GAEb;AAAA,UACL,MAAAA;AAAA,UACA,OAAO,OAAOT,EAAKQ,CAAU,KAAM,WAC/B,WAAWR,EAAKQ,CAAU,CAAC,IAC1BR,EAAKQ,CAAU,KAAK;AAAA,UACzB,MAAOpB,GAAc,UAAUA,EAAa,OAAOa,IAAQb,EAAa,OAAO,MAAM,KAAMe,EAAaF,IAAQE,EAAa,MAAM;AAAA,QAAA;AAAA,MAEvI,CAAC;AAAA,IACH;AAKA,WAFAR,IAAaA,EAAW,OAAO,CAAAK,MAAQA,EAAK,SAAS,QAAQA,EAAK,UAAU,CAAC,GAEzEL,EAAW,WAAW,IAEtB,gBAAAF,EAAC,OAAA,EAAI,WAAU,8DAA6D,OAAO,EAAE,QAAAN,EAAA,GACnF,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,iBAAa;AAAA,MACzD,gBAAAA,EAAC,OAAA,EAAI,WAAU,kCAAiC,UAAA,iEAAA,CAA8D;AAAA,IAAA,EAAA,CAChH,EAAA,CACF,IAKF,gBAAAA,EAACiB,KAAe,QAAAvB,GACd,UAAA,gBAAAO;AAAA,MAACiB;AAAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,aAAY;AAAA,QACZ,aAAY;AAAA,QACZ,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,QAAQ,IAAI,MAAM,GAAA;AAAA,QAE/C,UAAA;AAAA,UAAAH,EAAkB,eACjB,gBAAAC;AAAA,YAACmB;AAAA,YAAA;AAAA,cACC,WAAWpB,EAAkB,kBACzB,CAACqB,GAAYJ,MAAiB,CAACK,EAAgBD,GAAOrB,EAAkB,eAAe,GAAGiB,CAAI,IAC9F;AAAA,YAAA;AAAA,UAAA;AAAA,UAIPjB,EAAkB,cACjB,gBAAAC;AAAA,YAACsB;AAAA,YAAA;AAAA,cACC,cAAc,EAAE,UAAU,QAAQ,YAAY,OAAA;AAAA,cAC9C,UAAS;AAAA,cACT,UAAU;AAAA,cACV,QAAO;AAAA,cACP,OAAM;AAAA,cACN,eAAc;AAAA,cACd,cAAc,CAACC,MAAM1B,EAAiB,OAAO0B,EAAE,SAAS,EAAE,CAAC;AAAA,cAC3D,cAAc,MAAM1B,EAAiB,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAG7C,gBAAAG;AAAA,YAACwB;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,cAAc;AAAA,cACd,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,MAAM;AAAA,gBACN,UAAU;AAAA,gBACV,WAAWzB,EAAkB,kBACzB,CAACqB,MAAeC,EAAgBD,GAAOrB,EAAkB,eAAe,IACxE;AAAA,cAAA;AAAA,cAGL,UAAAG,EAAW,IAAI,CAACuB,GAAOjB,MACtB,gBAAAR;AAAA,gBAAC0B;AAAA,gBAAA;AAAA,kBAEC,MAAMD,EAAM;AAAA,kBACZ,aAAa7B,IAAiBA,MAAkB6B,EAAM,OAAO,IAAI,MAAO;AAAA,gBAAA;AAAA,gBAFnE,QAAQjB,CAAK;AAAA,cAAA,CAIrB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ,SAASmB,GAAO;AAEd,WACE,gBAAA3B,EAAC,OAAA,EAAI,WAAU,sEAAqE,OAAO,EAAE,QAAAN,EAAA,GAC3F,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,0BAAsB;AAAA,MAClE,gBAAAA,EAAC,SAAI,WAAU,gBAAgB,uBAAiB,QAAQ2B,EAAM,UAAU,0BAAA,CAA0B;AAAA,MAClG,gBAAA3B,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,mCAAA,CAAgC;AAAA,IAAA,EAAA,CAC9E,EAAA,CACF;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,38 +0,0 @@
1
- import { g as e } from "./chart-activitygridchart-config-AVBoHdRn.js";
2
- const r = {
3
- icon: e("radialBar"),
4
- description: "Circular progress and KPI visualization",
5
- useCase: "Best for showing progress toward goals, KPIs, or comparing percentages in a compact form",
6
- dropZones: [
7
- {
8
- key: "xAxis",
9
- label: "Categories",
10
- description: "Dimensions for radial segments",
11
- mandatory: !0,
12
- acceptTypes: ["dimension"],
13
- emptyText: "Drop dimensions for categories"
14
- },
15
- {
16
- key: "yAxis",
17
- label: "Values",
18
- description: "Measures for radial bar lengths",
19
- mandatory: !0,
20
- maxItems: 1,
21
- acceptTypes: ["measure"],
22
- emptyText: "Drop a measure for values"
23
- }
24
- ],
25
- displayOptions: ["showLegend", "showTooltip", "hideHeader"],
26
- displayOptionsConfig: [
27
- {
28
- key: "leftYAxisFormat",
29
- label: "Value Format",
30
- type: "axisFormat",
31
- description: "Number formatting for values"
32
- }
33
- ]
34
- };
35
- export {
36
- r as radialBarChartConfig
37
- };
38
- //# sourceMappingURL=chart-radialbarchart-config-CKozBBEC.js.map
@@ -1 +0,0 @@
1
- {"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;"}
@@ -1,203 +0,0 @@
1
- import { jsx as e, jsxs as l } from "react/jsx-runtime";
2
- import O, { useState as Y } from "react";
3
- import { ScatterChart as B, CartesianGrid as C, XAxis as U, YAxis as W, Tooltip as $, Legend as J, Scatter as z } from "recharts";
4
- import { C as Q } from "./chart-chartcontainer-CdwzIKP1.js";
5
- import { u as Z, c as V, d as F, p as I, i as _, C as q, f as k, a as D } from "./chart-activitygridchart-BSA93MaS.js";
6
- const le = O.memo(function({
7
- data: g,
8
- chartConfig: i,
9
- displayConfig: p = {},
10
- queryObject: v,
11
- height: m = "100%",
12
- colorPalette: A
13
- }) {
14
- const [G, T] = Y(null), x = Z();
15
- try {
16
- const u = {
17
- showLegend: p?.showLegend ?? !0,
18
- showGrid: p?.showGrid ?? !0,
19
- showTooltip: p?.showTooltip ?? !0
20
- }, b = p?.xAxisFormat, y = p?.leftYAxisFormat;
21
- if (!g || g.length === 0)
22
- 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: [
23
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
24
- /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in scatter chart" })
25
- ] }) });
26
- let a, o, E = [];
27
- if (i?.xAxis && i?.yAxis) {
28
- a = Array.isArray(i.xAxis) ? i.xAxis[0] : i.xAxis, o = Array.isArray(i.yAxis) ? i.yAxis[0] : i.yAxis;
29
- const t = i.series;
30
- E = t ? Array.isArray(t) ? t : [t] : [];
31
- } else if (i?.x && i?.y)
32
- a = i.x, o = Array.isArray(i.y) ? i.y[0] : i.y;
33
- else
34
- return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: m }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
35
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
36
- /* @__PURE__ */ e("div", { className: "text-xs", children: "Invalid or missing chart axis configuration" })
37
- ] }) });
38
- if (!a || !o)
39
- return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: m }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
40
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
41
- /* @__PURE__ */ e("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
42
- ] }) });
43
- const M = (v?.timeDimensions || []).map((t) => t.dimension);
44
- let N, c = {};
45
- if (E.length > 0) {
46
- const t = E[0];
47
- g.forEach((s) => {
48
- const n = String(s[t] || "Default");
49
- c[n] || (c[n] = []);
50
- const f = V(v, a), h = F(s[a], f) || s[a], d = I(s[o]), S = typeof h == "string" ? parseFloat(h) : h;
51
- if (_(S) && d !== null) {
52
- const j = {};
53
- M.forEach((w) => {
54
- if (s[w]) {
55
- const K = V(v, w);
56
- j[w] = F(s[w], K);
57
- }
58
- }), c[n].push({
59
- x: S,
60
- y: d,
61
- name: n,
62
- timeValues: j,
63
- originalItem: s
64
- });
65
- }
66
- }), N = Object.keys(c).flatMap((s) => c[s]);
67
- } else {
68
- const t = V(v, a);
69
- N = g.map((r) => {
70
- const s = F(r[a], t) || r[a], n = I(r[o]), f = typeof s == "string" ? parseFloat(s) : s, h = {};
71
- return M.forEach((d) => {
72
- if (r[d]) {
73
- const S = V(v, d);
74
- h[d] = F(r[d], S);
75
- }
76
- }), {
77
- x: f,
78
- y: n,
79
- name: "Point",
80
- timeValues: h,
81
- originalItem: r,
82
- isValid: _(f) && n !== null
83
- };
84
- }).filter((r) => r.isValid);
85
- }
86
- if (!N || N.length === 0)
87
- 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: [
88
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
89
- /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for scatter chart after transformation" })
90
- ] }) });
91
- const L = Object.keys(c), R = L.length > 1 && L.length <= 20, X = u.showLegend && R, H = {
92
- ...q,
93
- left: 40
94
- // Increased from 20 to 40 for Y-axis label space
95
- };
96
- return /* @__PURE__ */ e(Q, { height: m, children: /* @__PURE__ */ l(B, { margin: H, children: [
97
- u.showGrid && /* @__PURE__ */ e(C, { strokeDasharray: "3 3" }),
98
- /* @__PURE__ */ e(
99
- U,
100
- {
101
- type: "number",
102
- dataKey: "x",
103
- name: b?.label || x(a),
104
- tick: { fontSize: 12 },
105
- tickFormatter: b ? (t) => k(t, b) : void 0
106
- }
107
- ),
108
- /* @__PURE__ */ e(
109
- W,
110
- {
111
- type: "number",
112
- dataKey: "y",
113
- name: y?.label || x(o),
114
- tick: { fontSize: 12 },
115
- tickFormatter: y ? (t) => k(t, y) : void 0,
116
- label: { value: y?.label || x(o), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
117
- }
118
- ),
119
- u.showTooltip && /* @__PURE__ */ e(
120
- $,
121
- {
122
- cursor: { strokeDasharray: "3 3" },
123
- content: ({ active: t, payload: r }) => {
124
- if (!t || !r || r.length === 0) return null;
125
- const s = r[0]?.payload;
126
- return s ? /* @__PURE__ */ l("div", { style: {
127
- backgroundColor: "white",
128
- border: "1px solid #e5e7eb",
129
- borderRadius: "0.5rem",
130
- fontSize: "0.875rem",
131
- color: "#1f2937",
132
- boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
133
- padding: "8px 12px"
134
- }, children: [
135
- /* @__PURE__ */ e("div", { style: { fontWeight: 600, marginBottom: "4px" }, children: s.name }),
136
- 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: [
137
- x(n),
138
- ": ",
139
- f
140
- ] }, n)) }),
141
- /* @__PURE__ */ l("div", { children: [
142
- b?.label || x(a),
143
- ": ",
144
- k(s.x, b)
145
- ] }),
146
- /* @__PURE__ */ l("div", { children: [
147
- y?.label || x(o),
148
- ": ",
149
- k(s.y, y)
150
- ] })
151
- ] }) : null;
152
- }
153
- }
154
- ),
155
- X && /* @__PURE__ */ e(
156
- J,
157
- {
158
- wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
159
- iconType: "circle",
160
- iconSize: 8,
161
- layout: "horizontal",
162
- align: "center",
163
- verticalAlign: "bottom",
164
- onMouseEnter: (t) => T(String(t.dataKey || "")),
165
- onMouseLeave: () => T(null)
166
- }
167
- ),
168
- R ? (
169
- // Multiple series
170
- L.map((t, r) => /* @__PURE__ */ e(
171
- z,
172
- {
173
- name: t,
174
- data: c[t],
175
- fill: A?.colors && A.colors[r % A.colors.length] || D[r % D.length],
176
- fillOpacity: G ? G === t ? 1 : 0.3 : 1
177
- },
178
- t
179
- ))
180
- ) : (
181
- // Single series
182
- /* @__PURE__ */ e(
183
- z,
184
- {
185
- name: "Data",
186
- data: N,
187
- fill: A?.colors && A.colors[0] || D[0]
188
- }
189
- )
190
- )
191
- ] }) });
192
- } catch (u) {
193
- return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center w-full text-dc-error p-4", style: { height: m }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
194
- /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Scatter Chart Error" }),
195
- /* @__PURE__ */ e("div", { className: "text-xs mb-2", children: u instanceof Error ? u.message : "Unknown rendering error" }),
196
- /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
197
- ] }) });
198
- }
199
- });
200
- export {
201
- le as default
202
- };
203
- //# sourceMappingURL=chart-scatterchart-CXujAIug.js.map