drizzle-cube 0.5.8 → 0.6.1

package/dist/client/chunks/chart-heat-map-DcGm9SWK.js

@@ -1,231 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { S as t, k as n, x as r, y as i } from "./chart-activity-grid-DmruKPab.js";
-import a, { useMemo as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { ResponsiveHeatMap as l } from "@nivo/heatmap";
-//#region src/client/components/charts/HeatMapChart.tsx
-var u = /* @__PURE__ */ e({ default: () => _ });
-function d(e) {
-	if (e.startsWith("#")) {
-		let t = e.slice(1);
-		return {
-			r: parseInt(t.substring(0, 2), 16),
-			g: parseInt(t.substring(2, 4), 16),
-			b: parseInt(t.substring(4, 6), 16)
-		};
-	}
-	let t = e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-	return t ? {
-		r: parseInt(t[1], 10),
-		g: parseInt(t[2], 10),
-		b: parseInt(t[3], 10)
-	} : null;
-}
-function f(e) {
-	let t = d(e);
-	if (!t) return .5;
-	let n = t.r / 255, r = t.g / 255, i = t.b / 255, a = n <= .03928 ? n / 12.92 : ((n + .055) / 1.055) ** 2.4, o = r <= .03928 ? r / 12.92 : ((r + .055) / 1.055) ** 2.4, s = i <= .03928 ? i / 12.92 : ((i + .055) / 1.055) ** 2.4;
-	return .2126 * a + .7152 * o + .0722 * s;
-}
-function p(e) {
-	return f(e) < .4 ? "#ffffff" : "#1f2937";
-}
-var m = 50, h = 50;
-function g(e, t, n, i, a, o) {
-	if (!t || !n || !i) return {
-		data: [],
-		truncated: !1,
-		originalRows: 0,
-		originalCols: 0
-	};
-	let s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
-	for (let u of e) {
-		let e = u[n], d = u[t], f = r(e, o) || String(e ?? "(empty)"), p = r(d, a) || String(d ?? "(empty)"), m = Number(u[i]) || 0;
-		c.add(p), l.has(p) || l.set(p, d), s.has(f) || s.set(f, /* @__PURE__ */ new Map()), s.get(f).set(p, m);
-	}
-	let u = Array.from(c).sort((e, t) => {
-		let n = l.get(e), r = l.get(t);
-		return typeof n == "string" && typeof r == "string" && n.match(/^\d{4}-\d{2}-\d{2}/) && r.match(/^\d{4}-\d{2}-\d{2}/) ? n.localeCompare(r) : e.localeCompare(t);
-	}), d = s.size, f = u.length, p = d > m || f > h, g = u.slice(0, h), _ = [], v = 0;
-	for (let [e, t] of s) {
-		if (v >= m) break;
-		_.push({
-			id: e,
-			data: g.map((e) => ({
-				x: e,
-				y: t.get(e) ?? null
-			}))
-		}), v++;
-	}
-	return {
-		data: _,
-		truncated: p,
-		originalRows: d,
-		originalCols: f
-	};
-}
-var _ = a.memo(function({ data: e, height: r = "100%", chartConfig: a, colorPalette: u, displayConfig: d, queryObject: f }) {
-	let { t: _ } = n(), v = d, y = v?.showLabels ?? !1, b = v?.cellShape ?? "rect", x = v?.showLegend ?? !0, S = v?.xAxisFormat, C = v?.yAxisFormat, w = v?.valueFormat, T = a?.xAxis ? Array.isArray(a.xAxis) ? a.xAxis[0] : a.xAxis : void 0, E = a?.yAxis ? Array.isArray(a.yAxis) ? a.yAxis[0] : a.yAxis : void 0, D = a?.valueField ? Array.isArray(a.valueField) ? a.valueField[0] : a.valueField : void 0, O = T ? t(f, T) : void 0, k = E ? t(f, E) : void 0, { data: A, truncated: j, originalRows: M, originalCols: N } = o(() => !e || e.length === 0 ? {
-		data: [],
-		truncated: !1,
-		originalRows: 0,
-		originalCols: 0
-	} : g(e, T, E, D, O, k), [
-		e,
-		T,
-		E,
-		D,
-		O,
-		k
-	]);
-	if (!e || e.length === 0) return /* @__PURE__ */ s("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-		style: { height: r },
-		children: /* @__PURE__ */ c("div", {
-			className: "dc:text-center",
-			children: [/* @__PURE__ */ s("div", {
-				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: _("chart.runtime.noData")
-			}), /* @__PURE__ */ s("div", {
-				className: "dc:text-xs text-dc-text-secondary",
-				children: _("chart.runtime.noDataHint.heatmap")
-			})]
-		})
-	});
-	if (!T || !E || !D) return /* @__PURE__ */ s("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-		style: { height: r },
-		children: /* @__PURE__ */ c("div", {
-			className: "dc:text-center",
-			children: [/* @__PURE__ */ s("div", {
-				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: _("chart.runtime.heatmapConfigRequired")
-			}), /* @__PURE__ */ c("div", {
-				className: "dc:text-xs text-dc-text-secondary",
-				children: [
-					!T && _("chart.runtime.heatmapXRequired"),
-					!E && _("chart.runtime.heatmapYRequired"),
-					!D && _("chart.runtime.heatmapValueRequired")
-				]
-			})]
-		})
-	});
-	if (A.length === 0) return /* @__PURE__ */ s("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-		style: { height: r },
-		children: /* @__PURE__ */ c("div", {
-			className: "dc:text-center",
-			children: [/* @__PURE__ */ s("div", {
-				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: _("chart.runtime.noDataToDisplay")
-			}), /* @__PURE__ */ s("div", {
-				className: "dc:text-xs text-dc-text-secondary",
-				children: _("chart.runtime.heatmapNoResults")
-			})]
-		})
-	});
-	let P = u?.gradient || [
-		"#eff3ff",
-		"#c6dbef",
-		"#9ecae1",
-		"#6baed6",
-		"#3182bd",
-		"#08519c"
-	];
-	return /* @__PURE__ */ c("div", {
-		className: "dc:relative dc:w-full dc:h-full",
-		style: { height: r },
-		children: [j && /* @__PURE__ */ s("div", {
-			className: "dc:absolute dc:top-0 dc:left-0 dc:right-0 dc:z-10 dc:px-3 dc:py-1.5 dc:text-xs bg-dc-warning-bg text-dc-warning dc:border-b border-dc-border",
-			children: _("chart.runtime.heatmapTruncated", {
-				maxRows: m,
-				maxCols: h,
-				originalRows: M,
-				originalCols: N
-			})
-		}), /* @__PURE__ */ s(l, {
-			data: A,
-			margin: {
-				top: j ? 40 : 20,
-				right: 20,
-				bottom: 120,
-				left: 120
-			},
-			valueFormat: w ? (e) => i(e, w) : ">-.2s",
-			axisTop: null,
-			axisRight: null,
-			axisBottom: {
-				tickSize: 5,
-				tickPadding: 5,
-				tickRotation: -45,
-				legend: S?.label || T?.split(".").pop() || "X Axis",
-				legendPosition: "middle",
-				legendOffset: 70,
-				format: S ? (e) => {
-					let t = parseFloat(String(e));
-					return isNaN(t) ? String(e) : i(t, S);
-				} : void 0
-			},
-			axisLeft: {
-				tickSize: 5,
-				tickPadding: 5,
-				tickRotation: 0,
-				legend: C?.label || E?.split(".").pop() || "Y Axis",
-				legendPosition: "middle",
-				legendOffset: -80,
-				format: C ? (e) => {
-					let t = parseFloat(String(e));
-					return isNaN(t) ? String(e) : i(t, C);
-				} : void 0
-			},
-			colors: P.length >= 2 ? {
-				type: "sequential",
-				colors: [P[0], P[P.length - 1]]
-			} : {
-				type: "sequential",
-				scheme: "greens"
-			},
-			emptyColor: "var(--dc-surface-tertiary)",
-			cellComponent: b === "circle" ? "circle" : "rect",
-			enableLabels: y,
-			labelTextColor: ({ color: e }) => p(e),
-			legends: x ? [{
-				anchor: "bottom",
-				translateX: 0,
-				translateY: 95,
-				length: 400,
-				thickness: 8,
-				direction: "row",
-				tickPosition: "after",
-				tickSize: 3,
-				tickSpacing: 4,
-				tickOverlap: !1,
-				title: D?.split(".").pop() || "Value",
-				titleAlign: "start",
-				titleOffset: 4
-			}] : [],
-			annotations: [],
-			theme: {
-				text: { fill: "var(--dc-text)" },
-				axis: {
-					legend: { text: { fill: "var(--dc-text)" } },
-					ticks: { text: { fill: "var(--dc-text-secondary)" } }
-				},
-				legends: {
-					text: { fill: "var(--dc-text-secondary)" },
-					title: { text: { fill: "var(--dc-text)" } }
-				},
-				tooltip: { container: {
-					background: "var(--dc-surface)",
-					color: "var(--dc-text)",
-					borderRadius: "4px",
-					boxShadow: "0 1px 2px rgba(0, 0, 0, 0.25)"
-				} }
-			}
-		})]
-	});
-});
-//#endregion
-export { u as t };
-
-//# sourceMappingURL=chart-heat-map-DcGm9SWK.js.map

package/dist/client/chunks/chart-heat-map-DcGm9SWK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-heat-map-DcGm9SWK.js","names":[],"sources":["../../../src/client/components/charts/HeatMapChart.tsx"],"sourcesContent":["/**\n * HeatMapChart Component\n *\n * Visualizes intensity across two categorical dimensions using a color matrix.\n * Uses @nivo/heatmap for rendering.\n *\n * The chart displays:\n * - Rows: Y-axis dimension values\n * - Columns: X-axis dimension values\n * - Cell color: Intensity based on measure value\n */\n\nimport React, { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { ResponsiveHeatMap } from '@nivo/heatmap'\nimport { formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport type { AxisFormatConfig } from '../../types'\nimport type { ChartProps } from '../../types'\n\n/**\n * Parse color string (hex or rgb) to RGB values\n */\nfunction parseColor(color: string): { r: number; g: number; b: number } | null {\n  // Handle hex colors\n  if (color.startsWith('#')) {\n    const hex = color.slice(1)\n    return {\n      r: parseInt(hex.substring(0, 2), 16),\n      g: parseInt(hex.substring(2, 4), 16),\n      b: parseInt(hex.substring(4, 6), 16),\n    }\n  }\n\n  // Handle rgb/rgba colors\n  const rgbMatch = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/)\n  if (rgbMatch) {\n    return {\n      r: parseInt(rgbMatch[1], 10),\n      g: parseInt(rgbMatch[2], 10),\n      b: parseInt(rgbMatch[3], 10),\n    }\n  }\n\n  return null\n}\n\n/**\n * Calculate relative luminance of a color\n * Returns value between 0 (black) and 1 (white)\n */\nfunction getLuminance(color: string): number {\n  const rgb = parseColor(color)\n  if (!rgb) return 0.5 // Default to mid-gray if parsing fails\n\n  const r = rgb.r / 255\n  const g = rgb.g / 255\n  const b = rgb.b / 255\n\n  // Apply gamma correction\n  const rLinear = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4)\n  const gLinear = g <= 0.03928 ? g / 12.92 : Math.pow((g + 0.055) / 1.055, 2.4)\n  const bLinear = b <= 0.03928 ? b / 12.92 : Math.pow((b + 0.055) / 1.055, 2.4)\n\n  // Calculate luminance using WCAG formula\n  return 0.2126 * rLinear + 0.7152 * gLinear + 0.0722 * bLinear\n}\n\n/**\n * Get contrasting text color (white or dark) based on background color\n */\nfunction getContrastingTextColor(bgColor: string): string {\n  const luminance = getLuminance(bgColor)\n  // Use white text on dark backgrounds, dark text on light backgrounds\n  return luminance < 0.4 ? '#ffffff' : '#1f2937'\n}\n\n/**\n * Maximum dimensions for heatmap to prevent browser lockup\n * 50x50 = 2500 cells max\n */\nconst MAX_HEATMAP_ROWS = 50\nconst MAX_HEATMAP_COLS = 50\n\n/**\n * Nivo heatmap data format\n */\ninterface HeatMapDatum {\n  x: string\n  y: number | null\n}\n\ninterface HeatMapSerie {\n  id: string\n  data: HeatMapDatum[]\n}\n\n/**\n * Result of heatmap transformation including truncation info\n */\ninterface HeatMapTransformResult {\n  data: HeatMapSerie[]\n  truncated: boolean\n  originalRows: number\n  originalCols: number\n}\n\n/**\n * Transform drizzle-cube flat query results to nivo heatmap format\n *\n * Input (drizzle-cube):\n * [\n *   { \"Region.name\": \"East\", \"Product.category\": \"Electronics\", \"Sales.total\": 1500 },\n *   { \"Region.name\": \"East\", \"Product.category\": \"Clothing\", \"Sales.total\": 800 },\n * ]\n *\n * Output (nivo format):\n * [\n *   { id: \"East\", data: [{ x: \"Electronics\", y: 1500 }, { x: \"Clothing\", y: 800 }] }\n * ]\n *\n * Data is truncated to MAX_HEATMAP_ROWS x MAX_HEATMAP_COLS to prevent browser lockup\n */\nfunction transformToHeatMapFormat(\n  data: Record<string, unknown>[],\n  xAxisField: string | undefined,\n  yAxisField: string | undefined,\n  valueField: string | undefined,\n  xGranularity?: string,\n  yGranularity?: string\n): HeatMapTransformResult {\n  if (!xAxisField || !yAxisField || !valueField) {\n    return { data: [], truncated: false, originalRows: 0, originalCols: 0 }\n  }\n\n  // Group data by Y-axis dimension\n  const groupedByY = new Map<string, Map<string, number>>()\n  const allXValues = new Set<string>()\n  // Keep original values for sorting timestamps correctly\n  const xValueOriginals = new Map<string, unknown>()\n\n  for (const row of data) {\n    const rawYValue = row[yAxisField]\n    const rawXValue = row[xAxisField]\n\n    // Format time values based on granularity\n    const yValue = formatTimeValue(rawYValue, yGranularity) || String(rawYValue ?? '(empty)')\n    const xValue = formatTimeValue(rawXValue, xGranularity) || String(rawXValue ?? '(empty)')\n    const value = Number(row[valueField]) || 0\n\n    allXValues.add(xValue)\n    // Store original for sorting\n    if (!xValueOriginals.has(xValue)) {\n      xValueOriginals.set(xValue, rawXValue)\n    }\n\n    if (!groupedByY.has(yValue)) {\n      groupedByY.set(yValue, new Map())\n    }\n    groupedByY.get(yValue)!.set(xValue, value)\n  }\n\n  // Sort X values - try to sort by original timestamp if available\n  const xValueArray = Array.from(allXValues).sort((a, b) => {\n    const origA = xValueOriginals.get(a)\n    const origB = xValueOriginals.get(b)\n    // If both are date strings, sort chronologically\n    if (typeof origA === 'string' && typeof origB === 'string' &&\n        origA.match(/^\\d{4}-\\d{2}-\\d{2}/) && origB.match(/^\\d{4}-\\d{2}-\\d{2}/)) {\n      return origA.localeCompare(origB)\n    }\n    // Otherwise sort alphabetically by formatted value\n    return a.localeCompare(b)\n  })\n\n  // Track original dimensions for truncation warning\n  const originalRows = groupedByY.size\n  const originalCols = xValueArray.length\n  const truncated = originalRows > MAX_HEATMAP_ROWS || originalCols > MAX_HEATMAP_COLS\n\n  // Truncate X values if needed\n  const limitedXValues = xValueArray.slice(0, MAX_HEATMAP_COLS)\n\n  // Build result with truncation\n  const result: HeatMapSerie[] = []\n  let rowCount = 0\n  for (const [yValue, xMap] of groupedByY) {\n    if (rowCount >= MAX_HEATMAP_ROWS) break\n    result.push({\n      id: yValue,\n      data: limitedXValues.map((x) => ({\n        x,\n        y: xMap.get(x) ?? null,\n      })),\n    })\n    rowCount++\n  }\n\n  return { data: result, truncated, originalRows, originalCols }\n}\n\n/**\n * HeatMapChart Component\n *\n * Renders a heatmap visualization from query results.\n * Shows intensity patterns across two categorical dimensions.\n */\nconst HeatMapChart = React.memo(function HeatMapChart({\n  data,\n  height = '100%',\n  chartConfig,\n  colorPalette,\n  displayConfig,\n  queryObject,\n}: ChartProps) {\n  const { t } = useTranslation()\n  // Get display config options\n  const displayConfigAny = displayConfig as Record<string, unknown> | undefined\n  const showLabels = (displayConfigAny?.showLabels as boolean) ?? false\n  const cellShape = (displayConfigAny?.cellShape as 'rect' | 'circle') ?? 'rect'\n  const showLegend = (displayConfigAny?.showLegend as boolean) ?? true\n  const xAxisFormat = displayConfigAny?.xAxisFormat as AxisFormatConfig | undefined\n  const yAxisFormat = displayConfigAny?.yAxisFormat as AxisFormatConfig | undefined\n  const valueFormat = displayConfigAny?.valueFormat as AxisFormatConfig | undefined\n\n  // Extract field names from chartConfig (handle both array and string formats)\n  const xAxisField = chartConfig?.xAxis\n    ? (Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis)\n    : undefined\n  const yAxisField = chartConfig?.yAxis\n    ? (Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis)\n    : undefined\n  const valueField = chartConfig?.valueField\n    ? (Array.isArray(chartConfig.valueField) ? chartConfig.valueField[0] : chartConfig.valueField)\n    : undefined\n\n  // Get granularity for time dimensions (only if field is defined)\n  const xGranularity = xAxisField ? getFieldGranularity(queryObject, xAxisField) : undefined\n  const yGranularity = yAxisField ? getFieldGranularity(queryObject, yAxisField) : undefined\n\n  // Transform data to nivo format\n  const { data: heatmapData, truncated, originalRows, originalCols } = useMemo(() => {\n    if (!data || data.length === 0) {\n      return { data: [], truncated: false, originalRows: 0, originalCols: 0 }\n    }\n    return transformToHeatMapFormat(\n      data as Record<string, unknown>[],\n      xAxisField,\n      yAxisField,\n      valueField,\n      xGranularity,\n      yGranularity\n    )\n  }, [data, xAxisField, yAxisField, valueField, xGranularity, yGranularity])\n\n  // Handle no data or missing config\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {t('chart.runtime.noDataHint.heatmap')}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  if (!xAxisField || !yAxisField || !valueField) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.heatmapConfigRequired')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {!xAxisField && t('chart.runtime.heatmapXRequired')}\n            {!yAxisField && t('chart.runtime.heatmapYRequired')}\n            {!valueField && t('chart.runtime.heatmapValueRequired')}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  if (heatmapData.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noDataToDisplay')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {t('chart.runtime.heatmapNoResults')}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  // Use gradient colors from palette, or default sequential blue gradient\n  // Sequential single-hue gradients are ideal for heatmaps showing magnitude/intensity\n  const colors = colorPalette?.gradient || [\n    '#eff3ff', // lightest blue\n    '#c6dbef',\n    '#9ecae1',\n    '#6baed6',\n    '#3182bd',\n    '#08519c', // darkest blue\n  ]\n\n  return (\n    <div className=\"dc:relative dc:w-full dc:h-full\" style={{ height }}>\n      {truncated && (\n        <div className=\"dc:absolute dc:top-0 dc:left-0 dc:right-0 dc:z-10 dc:px-3 dc:py-1.5 dc:text-xs bg-dc-warning-bg text-dc-warning dc:border-b border-dc-border\">\n          {t('chart.runtime.heatmapTruncated', {\n            maxRows: MAX_HEATMAP_ROWS,\n            maxCols: MAX_HEATMAP_COLS,\n            originalRows,\n            originalCols\n          })}\n        </div>\n      )}\n      <ResponsiveHeatMap\n        data={heatmapData}\n        margin={{ top: truncated ? 40 : 20, right: 20, bottom: 120, left: 120 }}\n        valueFormat={valueFormat ? (v) => formatAxisValue(v, valueFormat) : '>-.2s'}\n        axisTop={null}\n        axisRight={null}\n        axisBottom={{\n          tickSize: 5,\n          tickPadding: 5,\n          tickRotation: -45,\n          legend: xAxisFormat?.label || xAxisField?.split('.').pop() || 'X Axis',\n          legendPosition: 'middle',\n          legendOffset: 70,\n          format: xAxisFormat\n            ? (v) => {\n                const num = parseFloat(String(v))\n                return isNaN(num) ? String(v) : formatAxisValue(num, xAxisFormat)\n              }\n            : undefined,\n        }}\n        axisLeft={{\n          tickSize: 5,\n          tickPadding: 5,\n          tickRotation: 0,\n          legend: yAxisFormat?.label || yAxisField?.split('.').pop() || 'Y Axis',\n          legendPosition: 'middle',\n          legendOffset: -80,\n          format: yAxisFormat\n            ? (v) => {\n                const num = parseFloat(String(v))\n                return isNaN(num) ? String(v) : formatAxisValue(num, yAxisFormat)\n              }\n            : undefined,\n        }}\n        colors={\n          colors.length >= 2\n            // Sequential scale needs [minColor, maxColor] tuple\n            // Use first color for low values, last color for high values\n            ? { type: 'sequential', colors: [colors[0], colors[colors.length - 1]] as [string, string] }\n            : { type: 'sequential', scheme: 'greens' }  // Fallback to built-in scheme\n        }\n        emptyColor=\"var(--dc-surface-tertiary)\"\n        cellComponent={cellShape === 'circle' ? 'circle' : 'rect'}\n        enableLabels={showLabels}\n        labelTextColor={({ color }) => getContrastingTextColor(color)}\n        legends={\n          showLegend\n            ? [\n                {\n                  anchor: 'bottom',\n                  translateX: 0,\n                  translateY: 95,\n                  length: 400,\n                  thickness: 8,\n                  direction: 'row',\n                  tickPosition: 'after',\n                  tickSize: 3,\n                  tickSpacing: 4,\n                  tickOverlap: false,\n                  title: valueField?.split('.').pop() || 'Value',\n                  titleAlign: 'start',\n                  titleOffset: 4,\n                },\n              ]\n            : []\n        }\n        annotations={[]}\n        theme={{\n          text: {\n            fill: 'var(--dc-text)',\n          },\n          axis: {\n            legend: {\n              text: {\n                fill: 'var(--dc-text)',\n              },\n            },\n            ticks: {\n              text: {\n                fill: 'var(--dc-text-secondary)',\n              },\n            },\n          },\n          legends: {\n            text: {\n              fill: 'var(--dc-text-secondary)',\n            },\n            title: {\n              text: {\n                fill: 'var(--dc-text)',\n              },\n            },\n          },\n          tooltip: {\n            container: {\n              background: 'var(--dc-surface)',\n              color: 'var(--dc-text)',\n              borderRadius: '4px',\n              boxShadow: '0 1px 2px rgba(0, 0, 0, 0.25)',\n            },\n          },\n        }}\n      />\n    </div>\n  )\n})\n\nexport default HeatMapChart\n"],"mappings":"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"}

package/dist/client/chunks/chart-kpi-delta-C2wKPqCb.js

@@ -1,343 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { I as t, L as n } from "./chart-data-table-BO4sXsim.js";
-import { _ as r, k as i } from "./chart-activity-grid-DmruKPab.js";
-import a, { useEffect as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/client/utils/periodUtils.ts
-function d(e, t) {
-	let n = new Date(e);
-	switch (t.toLowerCase()) {
-		case "day":
-			n.setHours(23, 59, 59, 999);
-			break;
-		case "week": {
-			let e = 6 - n.getDay();
-			n.setDate(n.getDate() + e), n.setHours(23, 59, 59, 999);
-			break;
-		}
-		case "month":
-			n.setMonth(n.getMonth() + 1, 0), n.setHours(23, 59, 59, 999);
-			break;
-		case "quarter": {
-			let e = n.getMonth(), t = Math.floor(e / 3) * 3 + 2;
-			n.setMonth(t + 1, 0), n.setHours(23, 59, 59, 999);
-			break;
-		}
-		case "year":
-			n.setMonth(11, 31), n.setHours(23, 59, 59, 999);
-			break;
-		default: n.setHours(23, 59, 59, 999);
-	}
-	return n;
-}
-function f(e, t, n) {
-	if (!e || !t || !n) return !0;
-	let r = e[t];
-	if (!r) return !0;
-	let i = new Date(r);
-	return isNaN(i.getTime()) ? !0 : d(i, n) <= /* @__PURE__ */ new Date();
-}
-function p(e, t) {
-	if (!e?.timeDimensions || e.timeDimensions.length === 0) return null;
-	if (t) {
-		let n = e.timeDimensions.find((e) => e.dimension === t || e.dimension?.includes(t) || t?.includes(e.dimension));
-		if (n?.granularity) return n.granularity;
-	}
-	return e.timeDimensions[0]?.granularity || null;
-}
-function m(e, t, n, r, i = !1) {
-	let a = {
-		filteredData: e,
-		excludedIncompletePeriod: !1,
-		skippedLastPeriod: !1,
-		granularity: null
-	};
-	if (e.length < 2) return a;
-	let o = p(n, t);
-	if (i) return {
-		filteredData: e.slice(0, -1),
-		excludedIncompletePeriod: !1,
-		skippedLastPeriod: !0,
-		granularity: o
-	};
-	if (!r || !t || !n?.timeDimensions || n.timeDimensions.length === 0) return {
-		...a,
-		granularity: o
-	};
-	if (!o) return a;
-	let s = e[e.length - 1];
-	return f(s, t, o) ? {
-		...a,
-		granularity: o
-	} : {
-		filteredData: e.slice(0, -1),
-		excludedIncompletePeriod: !0,
-		skippedLastPeriod: !1,
-		granularity: o
-	};
-}
-//#endregion
-//#region src/client/components/charts/KpiDelta.tsx
-var h = /* @__PURE__ */ e({ default: () => _ });
-function g({ values: e, lastValue: t, positiveColor: n, negativeColor: r, formatValue: i, width: a, height: o }) {
-	let s = Math.max(10, Math.floor(a / 10)), c = e.length > s ? e.slice(-s) : e, d = c.map((e) => e - t), f = Math.min(...d, 0), p = Math.max(...d, 0);
-	if (Math.max(Math.abs(f), Math.abs(p)) === 0 || d.length === 0) return /* @__PURE__ */ l("div", {
-		className: "dc:flex dc:items-center dc:justify-center bg-dc-bg-secondary dc:rounded-sm dc:border border-dc-border",
-		style: {
-			width: `${a}px`,
-			height: `${o}px`
-		},
-		children: /* @__PURE__ */ l("span", {
-			className: "dc:text-xs text-dc-text-muted",
-			children: "No variance data"
-		})
-	});
-	let m = a - (c.length - 1) * 2, h = Math.max(4, m / c.length), g = p - f, _ = g > 0 ? p / g * 100 : 50;
-	return /* @__PURE__ */ u("div", {
-		className: "dc:flex dc:items-center dc:space-x-2",
-		children: [/* @__PURE__ */ u("div", {
-			className: "dc:relative",
-			style: {
-				width: `${a}px`,
-				height: `${o}px`
-			},
-			children: [/* @__PURE__ */ l("div", {
-				className: "dc:absolute dc:left-0 dc:right-0",
-				style: {
-					height: "1px",
-					top: `${_}%`,
-					backgroundColor: "var(--dc-border)",
-					zIndex: 1
-				}
-			}), d.map((e, t) => {
-				let a = Math.abs(e) / g, s = Math.max(2, a * (o - 4)), u = e >= 0, d = t === c.length - 1, f = u ? n : r;
-				return /* @__PURE__ */ l("div", {
-					className: "dc:absolute rounded-xs",
-					style: {
-						left: `${t * (h + 2)}px`,
-						width: `${h}px`,
-						height: `${s}px`,
-						backgroundColor: f,
-						opacity: d ? 1 : .6,
-						...u ? { bottom: `${100 - _}%` } : { top: `${_}%` },
-						zIndex: 2
-					},
-					title: `${i(c[t])}: ${e >= 0 ? "+" : ""}${i(e)} vs current`
-				}, t);
-			})]
-		}), /* @__PURE__ */ u("div", {
-			className: "dc:flex dc:flex-col dc:justify-between dc:text-xs text-dc-text-muted",
-			style: { height: `${o}px` },
-			children: [/* @__PURE__ */ u("span", { children: ["+", i(p)] }), /* @__PURE__ */ u("span", { children: ["", i(f)] })]
-		})]
-	});
-}
-var _ = a.memo(function({ data: e, chartConfig: a, displayConfig: d = {}, queryObject: f, height: p = "100%", colorPalette: h }) {
-	let { t: _ } = i(), [v, y] = c(32), [b, x] = c(250), S = s(null), C = s(null), w = r();
-	if (o(() => {
-		let e = () => {
-			if (S.current) {
-				let e = S.current.getBoundingClientRect(), t = e.width, n = e.height;
-				if (t > 0 && n > 0) {
-					let e = t / 4, r = n / 4;
-					y(Math.max(28, Math.min(Math.min(e, r), 140))), setTimeout(() => {
-						if (C.current) {
-							let e = C.current.getBoundingClientRect().width, n = t - 100, r = Math.max(e, Math.min(n, t * .7));
-							x(Math.max(100, r));
-						}
-					}, 10);
-				}
-			}
-		}, t = setTimeout(e, 50), n = new ResizeObserver(() => {
-			setTimeout(e, 10);
-		});
-		return S.current && n.observe(S.current), () => {
-			clearTimeout(t), n.disconnect();
-		};
-	}, [e, a]), !e || e.length === 0) return /* @__PURE__ */ l("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-		style: {
-			height: p === "100%" ? "100%" : p,
-			minHeight: p === "100%" ? "200px" : void 0
-		},
-		children: /* @__PURE__ */ u("div", {
-			className: "dc:text-center text-dc-text-muted",
-			children: [/* @__PURE__ */ l("div", {
-				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: _("chart.runtime.noData")
-			}), /* @__PURE__ */ l("div", {
-				className: "dc:text-xs text-dc-text-secondary",
-				children: "No data points to display"
-			})]
-		})
-	});
-	let T = [], E = [];
-	if (a?.yAxis && (T = Array.isArray(a.yAxis) ? a.yAxis : [a.yAxis]), a?.xAxis && (E = Array.isArray(a.xAxis) ? a.xAxis : [a.xAxis]), T.length === 0) return /* @__PURE__ */ l("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-		style: {
-			height: p === "100%" ? "100%" : p,
-			minHeight: p === "100%" ? "200px" : void 0,
-			backgroundColor: "var(--dc-danger-bg)",
-			color: "var(--dc-danger)",
-			borderColor: "var(--dc-danger-border)"
-		},
-		children: /* @__PURE__ */ u("div", {
-			className: "dc:text-center",
-			children: [/* @__PURE__ */ l("div", {
-				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: _("chart.runtime.configError")
-			}), /* @__PURE__ */ l("div", {
-				className: "dc:text-xs",
-				children: _("chart.runtime.configErrorHint.noMeasure")
-			})]
-		})
-	});
-	let D = T[0], O = E[0], k = [...e];
-	O && (k = k.sort((e, t) => {
-		let n = e[O], r = t[O];
-		return n < r ? -1 : +(n > r);
-	}));
-	let { useLastCompletePeriod: A = !0, skipLastPeriod: j = !1 } = d, { filteredData: M, excludedIncompletePeriod: N, skippedLastPeriod: P, granularity: F } = m(k, O, f, A, j), I = M.map((e) => e[D]).filter((e) => e != null && !isNaN(Number(e))).map((e) => Number(e));
-	if (I.length < 2) return /* @__PURE__ */ l("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-		style: {
-			height: p === "100%" ? "100%" : p,
-			minHeight: p === "100%" ? "200px" : void 0,
-			backgroundColor: "var(--dc-warning-bg)",
-			color: "var(--dc-warning)",
-			borderColor: "var(--dc-warning-border)"
-		},
-		children: /* @__PURE__ */ u("div", {
-			className: "dc:text-center",
-			children: [
-				/* @__PURE__ */ l("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: _("chart.runtime.kpiDelta.insufficientData")
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "dc:text-xs",
-					children: _("chart.runtime.kpiDelta.requiresTwoPoints")
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "dc:text-xs",
-					children: _("chart.runtime.kpiDelta.currentPoints", { count: I.length })
-				})
-			]
-		})
-	});
-	let L = I[I.length - 1], R = I[I.length - 2], z = L - R, B = R === 0 ? 0 : z / Math.abs(R) * 100, V = z >= 0, H = (e) => {
-		if (d.formatValue) return d.formatValue(e);
-		if (e == null) return "—";
-		let t = d.decimals ?? 0, n = d.prefix ?? "", r;
-		return r = Math.abs(e) >= 1e9 ? (e / 1e9).toFixed(t) + "B" : Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(t) + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(t) + "K" : e.toFixed(t), n + r;
-	}, U = () => {
-		if (d.positiveColorIndex !== void 0 && h?.colors) {
-			let e = d.positiveColorIndex;
-			if (e >= 0 && e < h.colors.length) return h.colors[e];
-		}
-		return "#10b981";
-	}, W = () => {
-		if (d.negativeColorIndex !== void 0 && h?.colors) {
-			let e = d.negativeColorIndex;
-			if (e >= 0 && e < h.colors.length) return h.colors[e];
-		}
-		return "#ef4444";
-	}, G = U(), K = W(), q = V ? G : K;
-	return /* @__PURE__ */ u("div", {
-		ref: S,
-		className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4",
-		style: {
-			height: p === "100%" ? "100%" : p,
-			minHeight: p === "100%" ? "200px" : void 0
-		},
-		children: [
-			/* @__PURE__ */ u("div", {
-				className: "text-dc-text-secondary dc:font-bold dc:text-center dc:mb-2 dc:flex dc:items-center dc:justify-center dc:gap-1",
-				style: {
-					fontSize: "14px",
-					lineHeight: "1.2"
-				},
-				children: [/* @__PURE__ */ l("span", { children: (() => {
-					let e = w(D);
-					return e && e.length > 1 ? e : D;
-				})() }), (N || P) && /* @__PURE__ */ l("span", {
-					title: P ? `Excludes last ${F || "period"}` : `Excludes current incomplete ${F}`,
-					className: "dc:cursor-help",
-					children: /* @__PURE__ */ l(n, {
-						icon: t,
-						className: "dc:w-4 dc:h-4 text-dc-text-muted dc:opacity-70"
-					})
-				})]
-			}),
-			/* @__PURE__ */ u("div", {
-				className: "dc:flex dc:items-center dc:justify-center dc:space-x-4 dc:mb-2",
-				children: [/* @__PURE__ */ l("div", {
-					ref: C,
-					className: "dc:font-bold dc:leading-none",
-					style: {
-						fontSize: `${v}px`,
-						color: "var(--dc-text)"
-					},
-					children: H(L)
-				}), /* @__PURE__ */ u("div", {
-					className: "dc:flex dc:items-center dc:space-x-1",
-					children: [/* @__PURE__ */ l("div", {
-						className: "dc:font-bold",
-						style: {
-							color: q,
-							fontSize: `${v * .35}px`
-						},
-						children: V ? "▲" : "▼"
-					}), /* @__PURE__ */ u("div", {
-						className: "dc:text-left",
-						children: [/* @__PURE__ */ u("div", {
-							className: "dc:font-bold dc:leading-tight",
-							style: {
-								fontSize: `${v * .35}px`,
-								color: q
-							},
-							children: [V ? "+" : "", H(z)]
-						}), /* @__PURE__ */ u("div", {
-							className: "dc:font-semibold dc:leading-tight",
-							style: {
-								fontSize: `${v * .28}px`,
-								color: q,
-								opacity: .8
-							},
-							children: [
-								V ? "+" : "",
-								B.toFixed(1),
-								"%"
-							]
-						})]
-					})]
-				})]
-			}),
-			d.suffix && !d.formatValue && /* @__PURE__ */ l("div", {
-				className: "text-dc-text-muted dc:text-center dc:mb-3",
-				style: {
-					fontSize: "14px",
-					lineHeight: "1.2",
-					opacity: .8
-				},
-				children: d.suffix
-			}),
-			d.showHistogram !== !1 && I.length > 2 && /* @__PURE__ */ l("div", {
-				className: "dc:mt-2 dc:w-full dc:flex dc:justify-center dc:overflow-hidden",
-				children: /* @__PURE__ */ l(g, {
-					values: I,
-					lastValue: L,
-					positiveColor: G,
-					negativeColor: K,
-					formatValue: H,
-					width: b,
-					height: 64
-				})
-			})
-		]
-	});
-});
-//#endregion
-export { f as a, p as i, m as n, d as r, h as t };
-
-//# sourceMappingURL=chart-kpi-delta-C2wKPqCb.js.map