drizzle-cube 0.4.29 → 0.4.30

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

@@ -1,231 +0,0 @@
-import { jsx as x, jsxs as b } from "react/jsx-runtime";
-import q, { useMemo as C } from "react";
-import { ResponsiveHeatMap as P } from "@nivo/heatmap";
-import { g as L, f as k, d as T } from "./charts-core-BUUO36OM.js";
-function z(i) {
-  if (i.startsWith("#")) {
-    const s = i.slice(1);
-    return {
-      r: parseInt(s.substring(0, 2), 16),
-      g: parseInt(s.substring(2, 4), 16),
-      b: parseInt(s.substring(4, 6), 16)
-    };
-  }
-  const e = i.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-  return e ? {
-    r: parseInt(e[1], 10),
-    g: parseInt(e[2], 10),
-    b: parseInt(e[3], 10)
-  } : null;
-}
-function H(i) {
-  const e = z(i);
-  if (!e) return 0.5;
-  const s = e.r / 255, t = e.g / 255, f = e.b / 255, v = s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4), l = t <= 0.03928 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4), n = f <= 0.03928 ? f / 12.92 : Math.pow((f + 0.055) / 1.055, 2.4);
-  return 0.2126 * v + 0.7152 * l + 0.0722 * n;
-}
-function I(i) {
-  return H(i) < 0.4 ? "#ffffff" : "#1f2937";
-}
-const V = 50, R = 50;
-function O(i, e, s, t, f, v) {
-  if (!e || !s || !t)
-    return { data: [], truncated: !1, originalRows: 0, originalCols: 0 };
-  const l = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map();
-  for (const a of i) {
-    const d = a[s], r = a[e], u = T(d, v) || String(d ?? "(empty)"), p = T(r, f) || String(r ?? "(empty)"), F = Number(a[t]) || 0;
-    n.add(p), g.has(p) || g.set(p, r), l.has(u) || l.set(u, /* @__PURE__ */ new Map()), l.get(u).set(p, F);
-  }
-  const w = Array.from(n).sort((a, d) => {
-    const r = g.get(a), u = g.get(d);
-    return typeof r == "string" && typeof u == "string" && r.match(/^\d{4}-\d{2}-\d{2}/) && u.match(/^\d{4}-\d{2}-\d{2}/) ? r.localeCompare(u) : a.localeCompare(d);
-  }), N = l.size, y = w.length, h = N > V || y > R, M = w.slice(0, R), o = [];
-  let c = 0;
-  for (const [a, d] of l) {
-    if (c >= V) break;
-    o.push({
-      id: a,
-      data: M.map((r) => ({
-        x: r,
-        y: d.get(r) ?? null
-      }))
-    }), c++;
-  }
-  return { data: o, truncated: h, originalRows: N, originalCols: y };
-}
-const G = q.memo(function({
-  data: e,
-  height: s = "100%",
-  chartConfig: t,
-  colorPalette: f,
-  displayConfig: v,
-  queryObject: l
-}) {
-  const n = v, g = n?.showLabels ?? !1, w = n?.cellShape ?? "rect", N = n?.showLegend ?? !0, y = n?.xAxisFormat, h = n?.yAxisFormat, M = n?.valueFormat, o = t?.xAxis ? Array.isArray(t.xAxis) ? t.xAxis[0] : t.xAxis : void 0, c = t?.yAxis ? Array.isArray(t.yAxis) ? t.yAxis[0] : t.yAxis : void 0, a = t?.valueField ? Array.isArray(t.valueField) ? t.valueField[0] : t.valueField : void 0, d = o ? L(l, o) : void 0, r = c ? L(l, c) : void 0, { data: u, truncated: p, originalRows: F, originalCols: X } = C(() => !e || e.length === 0 ? { data: [], truncated: !1, originalRows: 0, originalCols: 0 } : O(
-    e,
-    o,
-    c,
-    a,
-    d,
-    r
-  ), [e, o, c, a, d, r]);
-  if (!e || e.length === 0)
-    return /* @__PURE__ */ x(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-        style: { height: s },
-        children: /* @__PURE__ */ b("div", { className: "dc:text-center", children: [
-          /* @__PURE__ */ x("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
-          /* @__PURE__ */ x("div", { className: "dc:text-xs text-dc-text-secondary", children: "Run a query to see heatmap visualization" })
-        ] })
-      }
-    );
-  if (!o || !c || !a)
-    return /* @__PURE__ */ x(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-        style: { height: s },
-        children: /* @__PURE__ */ b("div", { className: "dc:text-center", children: [
-          /* @__PURE__ */ x("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration required" }),
-          /* @__PURE__ */ b("div", { className: "dc:text-xs text-dc-text-secondary", children: [
-            !o && "X-axis dimension required. ",
-            !c && "Y-axis dimension required. ",
-            !a && "Value measure required."
-          ] })
-        ] })
-      }
-    );
-  if (u.length === 0)
-    return /* @__PURE__ */ x(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-        style: { height: s },
-        children: /* @__PURE__ */ b("div", { className: "dc:text-center", children: [
-          /* @__PURE__ */ x("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data to display" }),
-          /* @__PURE__ */ x("div", { className: "dc:text-xs text-dc-text-secondary", children: "The query returned no results for the heatmap" })
-        ] })
-      }
-    );
-  const S = f?.gradient || [
-    "#eff3ff",
-    // lightest blue
-    "#c6dbef",
-    "#9ecae1",
-    "#6baed6",
-    "#3182bd",
-    "#08519c"
-    // darkest blue
-  ];
-  return /* @__PURE__ */ b("div", { className: "dc:relative dc:w-full dc:h-full", style: { height: s }, children: [
-    p && /* @__PURE__ */ b("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: [
-      "Data truncated to ",
-      V,
-      "x",
-      R,
-      " cells (original: ",
-      F,
-      "x",
-      X,
-      "). Add filters to reduce dimensions."
-    ] }),
-    /* @__PURE__ */ x(
-      P,
-      {
-        data: u,
-        margin: { top: p ? 40 : 20, right: 20, bottom: 120, left: 120 },
-        valueFormat: M ? (m) => k(m, M) : ">-.2s",
-        axisTop: null,
-        axisRight: null,
-        axisBottom: {
-          tickSize: 5,
-          tickPadding: 5,
-          tickRotation: -45,
-          legend: y?.label || o?.split(".").pop() || "X Axis",
-          legendPosition: "middle",
-          legendOffset: 70,
-          format: y ? (m) => {
-            const A = parseFloat(String(m));
-            return isNaN(A) ? String(m) : k(A, y);
-          } : void 0
-        },
-        axisLeft: {
-          tickSize: 5,
-          tickPadding: 5,
-          tickRotation: 0,
-          legend: h?.label || c?.split(".").pop() || "Y Axis",
-          legendPosition: "middle",
-          legendOffset: -80,
-          format: h ? (m) => {
-            const A = parseFloat(String(m));
-            return isNaN(A) ? String(m) : k(A, h);
-          } : void 0
-        },
-        colors: S.length >= 2 ? { type: "sequential", colors: [S[0], S[S.length - 1]] } : { type: "sequential", scheme: "greens" },
-        emptyColor: "var(--dc-surface-tertiary)",
-        cellComponent: w === "circle" ? "circle" : "rect",
-        enableLabels: g,
-        labelTextColor: ({ color: m }) => I(m),
-        legends: N ? [
-          {
-            anchor: "bottom",
-            translateX: 0,
-            translateY: 95,
-            length: 400,
-            thickness: 8,
-            direction: "row",
-            tickPosition: "after",
-            tickSize: 3,
-            tickSpacing: 4,
-            tickOverlap: !1,
-            title: a?.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)"
-            }
-          }
-        }
-      }
-    )
-  ] });
-});
-export {
-  G as default
-};
-//# sourceMappingURL=chart-heat-map-bGNtsZMr.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-heat-map-bGNtsZMr.js","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 { 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  // 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\">No data available</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            Run a query to see heatmap visualization\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\">Configuration required</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {!xAxisField && 'X-axis dimension required. '}\n            {!yAxisField && 'Y-axis dimension required. '}\n            {!valueField && 'Value measure required.'}\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\">No data to display</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            The query returned no results for the heatmap\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          Data truncated to {MAX_HEATMAP_ROWS}x{MAX_HEATMAP_COLS} cells (original: {originalRows}x{originalCols}). Add filters to reduce dimensions.\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"],"names":["parseColor","color","hex","rgbMatch","getLuminance","rgb","r","g","b","rLinear","gLinear","bLinear","getContrastingTextColor","bgColor","MAX_HEATMAP_ROWS","MAX_HEATMAP_COLS","transformToHeatMapFormat","data","xAxisField","yAxisField","valueField","xGranularity","yGranularity","groupedByY","allXValues","xValueOriginals","row","rawYValue","rawXValue","yValue","formatTimeValue","xValue","value","xValueArray","origA","origB","originalRows","originalCols","truncated","limitedXValues","result","rowCount","xMap","x","HeatMapChart","React","height","chartConfig","colorPalette","displayConfig","queryObject","displayConfigAny","showLabels","cellShape","showLegend","xAxisFormat","yAxisFormat","valueFormat","getFieldGranularity","heatmapData","useMemo","jsx","jsxs","colors","ResponsiveHeatMap","v","formatAxisValue","num"],"mappings":"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"}

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

@@ -1,351 +0,0 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import ce, { useState as O, useRef as U, useEffect as se } from "react";
-import { I as de, d as ne } from "./icons-CwvgmdIP.js";
-import { u as ie } from "./charts-core-BUUO36OM.js";
-import { f as re } from "./chart-kpi-number-D1z1gxXO.js";
-function oe({
-  values: w,
-  lastValue: p,
-  positiveColor: n,
-  negativeColor: d,
-  formatValue: v,
-  width: c,
-  height: i
-}) {
-  const u = Math.max(10, Math.floor(c / 10)), f = w.length > u ? w.slice(-u) : w, g = f.map((o) => o - p), N = Math.min(...g, 0), r = Math.max(...g, 0);
-  if (Math.max(Math.abs(N), Math.abs(r)) === 0 || g.length === 0)
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center bg-dc-bg-secondary dc:rounded-sm dc:border border-dc-border",
-        style: { width: `${c}px`, height: `${i}px` },
-        children: /* @__PURE__ */ t("span", { className: "dc:text-xs text-dc-text-muted", children: "No variance data" })
-      }
-    );
-  const F = 2, M = c - (f.length - 1) * F, z = Math.max(4, M / f.length), h = r - N, l = h > 0 ? r / h * 100 : 50;
-  return /* @__PURE__ */ s("div", { className: "dc:flex dc:items-center dc:space-x-2", children: [
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: "dc:relative",
-        style: {
-          width: `${c}px`,
-          height: `${i}px`
-        },
-        children: [
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: "dc:absolute dc:left-0 dc:right-0",
-              style: {
-                height: "1px",
-                top: `${l}%`,
-                backgroundColor: "var(--dc-border)",
-                zIndex: 1
-              }
-            }
-          ),
-          g.map((o, y) => {
-            const V = Math.abs(o) / h, R = Math.max(2, V * (i - 4)), I = o >= 0, S = y === f.length - 1, A = I ? n : d, B = y * (z + F);
-            return /* @__PURE__ */ t(
-              "div",
-              {
-                className: "dc:absolute rounded-xs",
-                style: {
-                  left: `${B}px`,
-                  width: `${z}px`,
-                  height: `${R}px`,
-                  backgroundColor: A,
-                  opacity: S ? 1 : 0.6,
-                  // Position bar relative to zero line
-                  ...I ? { bottom: `${100 - l}%` } : { top: `${l}%` },
-                  zIndex: 2
-                },
-                title: `${v(f[y])}: ${o >= 0 ? "+" : ""}${v(o)} vs current`
-              },
-              y
-            );
-          })
-        ]
-      }
-    ),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: "dc:flex dc:flex-col dc:justify-between dc:text-xs text-dc-text-muted",
-        style: { height: `${i}px` },
-        children: [
-          /* @__PURE__ */ s("span", { children: [
-            "+",
-            v(r)
-          ] }),
-          /* @__PURE__ */ s("span", { children: [
-            (N < 0, ""),
-            v(N)
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-const he = ce.memo(function({
-  data: p,
-  chartConfig: n,
-  displayConfig: d = {},
-  queryObject: v,
-  height: c = "100%",
-  colorPalette: i
-}) {
-  const [u, f] = O(32), [g, N] = O(250), r = U(null), $ = U(null), F = ie();
-  if (se(() => {
-    const e = () => {
-      if (r.current) {
-        const E = r.current.getBoundingClientRect(), j = E.width, K = E.height;
-        if (j > 0 && K > 0) {
-          const J = j / 4, Q = K / 4, X = Math.min(J, Q), Y = Math.max(28, Math.min(X, 140));
-          f(Y), setTimeout(() => {
-            if ($.current) {
-              const Z = $.current.getBoundingClientRect().width, ee = j - 100, te = Math.max(
-                Z,
-                Math.min(ee, j * 0.7)
-              );
-              N(Math.max(100, te));
-            }
-          }, 10);
-        }
-      }
-    }, x = setTimeout(e, 50), b = new ResizeObserver(() => {
-      setTimeout(e, 10);
-    });
-    return r.current && b.observe(r.current), () => {
-      clearTimeout(x), b.disconnect();
-    };
-  }, [p, n]), !p || p.length === 0)
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-        style: {
-          height: c === "100%" ? "100%" : c,
-          minHeight: c === "100%" ? "200px" : void 0
-        },
-        children: /* @__PURE__ */ s("div", { className: "dc:text-center text-dc-text-muted", children: [
-          /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
-          /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display" })
-        ] })
-      }
-    );
-  let M = [], z = [];
-  if (n?.yAxis && (M = Array.isArray(n.yAxis) ? n.yAxis : [n.yAxis]), n?.xAxis && (z = Array.isArray(n.xAxis) ? n.xAxis : [n.xAxis]), M.length === 0)
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-        style: {
-          height: c === "100%" ? "100%" : c,
-          minHeight: c === "100%" ? "200px" : void 0,
-          backgroundColor: "var(--dc-danger-bg)",
-          color: "var(--dc-danger)",
-          borderColor: "var(--dc-danger-border)"
-        },
-        children: /* @__PURE__ */ s("div", { className: "dc:text-center", children: [
-          /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
-          /* @__PURE__ */ t("div", { className: "dc:text-xs", children: "No measure field configured" })
-        ] })
-      }
-    );
-  const h = M[0], l = z[0];
-  let o = [...p];
-  l && (o = o.sort((e, x) => {
-    const b = e[l], a = x[l];
-    return b < a ? -1 : b > a ? 1 : 0;
-  }));
-  const { useLastCompletePeriod: y = !0, skipLastPeriod: V = !1 } = d, {
-    filteredData: R,
-    excludedIncompletePeriod: I,
-    skippedLastPeriod: S,
-    granularity: A
-  } = re(
-    o,
-    l,
-    v,
-    y,
-    V
-  ), m = R.map((e) => e[h]).filter((e) => e != null && !isNaN(Number(e))).map((e) => Number(e));
-  if (m.length < 2)
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-        style: {
-          height: c === "100%" ? "100%" : c,
-          minHeight: c === "100%" ? "200px" : void 0,
-          backgroundColor: "var(--dc-warning-bg)",
-          color: "var(--dc-warning)",
-          borderColor: "var(--dc-warning-border)"
-        },
-        children: /* @__PURE__ */ s("div", { className: "dc:text-center", children: [
-          /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Insufficient Data" }),
-          /* @__PURE__ */ t("div", { className: "dc:text-xs", children: "Delta calculation requires at least 2 data points" }),
-          /* @__PURE__ */ s("div", { className: "dc:text-xs", children: [
-            "Current data points: ",
-            m.length
-          ] })
-        ] })
-      }
-    );
-  const L = m[m.length - 1], W = m[m.length - 2], D = L - W, _ = W !== 0 ? D / Math.abs(W) * 100 : 0, H = D >= 0, T = (e) => {
-    if (d.formatValue)
-      return d.formatValue(e);
-    if (e == null)
-      return "—";
-    const x = d.decimals ?? 0, b = d.prefix ?? "";
-    let a;
-    return Math.abs(e) >= 1e9 ? a = (e / 1e9).toFixed(x) + "B" : Math.abs(e) >= 1e6 ? a = (e / 1e6).toFixed(x) + "M" : Math.abs(e) >= 1e3 ? a = (e / 1e3).toFixed(x) + "K" : a = e.toFixed(x), b + a;
-  }, q = () => {
-    if (d.positiveColorIndex !== void 0 && i?.colors) {
-      const e = d.positiveColorIndex;
-      if (e >= 0 && e < i.colors.length)
-        return i.colors[e];
-    }
-    return "#10b981";
-  }, G = () => {
-    if (d.negativeColorIndex !== void 0 && i?.colors) {
-      const e = d.negativeColorIndex;
-      if (e >= 0 && e < i.colors.length)
-        return i.colors[e];
-    }
-    return "#ef4444";
-  }, P = q(), C = G(), k = H ? P : C;
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4",
-      style: {
-        height: c === "100%" ? "100%" : c,
-        minHeight: c === "100%" ? "200px" : void 0
-      },
-      children: [
-        /* @__PURE__ */ s(
-          "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__ */ t("span", { children: (() => {
-                const e = F(h);
-                return e && e.length > 1 ? e : h;
-              })() }),
-              (I || S) && /* @__PURE__ */ t(
-                "span",
-                {
-                  title: S ? `Excludes last ${A || "period"}` : `Excludes current incomplete ${A}`,
-                  className: "dc:cursor-help",
-                  children: /* @__PURE__ */ t(
-                    de,
-                    {
-                      icon: ne,
-                      className: "dc:w-4 dc:h-4 text-dc-text-muted dc:opacity-70"
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ s("div", { className: "dc:flex dc:items-center dc:justify-center dc:space-x-4 dc:mb-2", children: [
-          /* @__PURE__ */ t(
-            "div",
-            {
-              ref: $,
-              className: "dc:font-bold dc:leading-none",
-              style: {
-                fontSize: `${u}px`,
-                color: "var(--dc-text)"
-                // Keep main value neutral
-              },
-              children: T(L)
-            }
-          ),
-          /* @__PURE__ */ s("div", { className: "dc:flex dc:items-center dc:space-x-1", children: [
-            /* @__PURE__ */ t(
-              "div",
-              {
-                className: "dc:font-bold",
-                style: {
-                  color: k,
-                  fontSize: `${u * 0.35}px`
-                },
-                children: H ? "▲" : "▼"
-              }
-            ),
-            /* @__PURE__ */ s("div", { className: "dc:text-left", children: [
-              /* @__PURE__ */ s(
-                "div",
-                {
-                  className: "dc:font-bold dc:leading-tight",
-                  style: {
-                    fontSize: `${u * 0.35}px`,
-                    color: k
-                  },
-                  children: [
-                    H ? "+" : "",
-                    T(D)
-                  ]
-                }
-              ),
-              /* @__PURE__ */ s(
-                "div",
-                {
-                  className: "dc:font-semibold dc:leading-tight",
-                  style: {
-                    fontSize: `${u * 0.28}px`,
-                    color: k,
-                    opacity: 0.8
-                  },
-                  children: [
-                    H ? "+" : "",
-                    _.toFixed(1),
-                    "%"
-                  ]
-                }
-              )
-            ] })
-          ] })
-        ] }),
-        d.suffix && !d.formatValue && /* @__PURE__ */ t(
-          "div",
-          {
-            className: "text-dc-text-muted dc:text-center dc:mb-3",
-            style: {
-              fontSize: "14px",
-              lineHeight: "1.2",
-              opacity: 0.8
-            },
-            children: d.suffix
-          }
-        ),
-        d.showHistogram !== !1 && m.length > 2 && /* @__PURE__ */ t("div", { className: "dc:mt-2 dc:w-full dc:flex dc:justify-center dc:overflow-hidden", children: /* @__PURE__ */ t(
-          oe,
-          {
-            values: m,
-            lastValue: L,
-            positiveColor: P,
-            negativeColor: C,
-            formatValue: T,
-            width: g,
-            height: 64
-          }
-        ) })
-      ]
-    }
-  );
-});
-export {
-  he as default
-};
-//# sourceMappingURL=chart-kpi-delta-DeyKMxgq.js.map