drizzle-cube 0.1.69 → 0.2.1

package/dist/client/chunks/chart-kpidelta-config-icJXuFxe.js

@@ -0,0 +1,99 @@
+import { jsx as a } from "react/jsx-runtime";
+import { I as t, g as i } from "./icons-D-n_woAP.js";
+const s = {
+  icon: ({ className: e }) => /* @__PURE__ */ a(t, { icon: i, className: e }),
+  description: "Display change between latest and previous values with trend indicators",
+  useCase: "Perfect for showing performance changes over time, such as revenue growth, user acquisition changes, or other metrics where the trend and delta are more important than the absolute value",
+  dropZones: [
+    {
+      key: "yAxis",
+      label: "Value",
+      description: "Measure to track changes for",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["measure"],
+      emptyText: "Drop a measure here"
+    },
+    {
+      key: "xAxis",
+      label: "Dimension (optional)",
+      description: "Dimension for ordering data (typically time)",
+      mandatory: !1,
+      maxItems: 1,
+      acceptTypes: ["dimension", "timeDimension"],
+      emptyText: "Drop a dimension for ordering"
+    }
+  ],
+  displayOptionsConfig: [
+    {
+      key: "prefix",
+      label: "Prefix",
+      type: "string",
+      placeholder: "e.g., $, €, #",
+      description: "Text to display before the number"
+    },
+    {
+      key: "suffix",
+      label: "Suffix",
+      type: "string",
+      placeholder: "e.g., %, units, items",
+      description: "Text to display after the number"
+    },
+    {
+      key: "decimals",
+      label: "Decimal Places",
+      type: "number",
+      defaultValue: 1,
+      min: 0,
+      max: 10,
+      step: 1,
+      description: "Number of decimal places to display"
+    },
+    {
+      key: "positiveColorIndex",
+      label: "Positive Change Color",
+      type: "paletteColor",
+      defaultValue: 2,
+      // Typically green in most palettes
+      description: "Color for positive changes (increases)"
+    },
+    {
+      key: "negativeColorIndex",
+      label: "Negative Change Color",
+      type: "paletteColor",
+      defaultValue: 3,
+      // Typically red in most palettes
+      description: "Color for negative changes (decreases)"
+    },
+    {
+      key: "showHistogram",
+      label: "Show Variance Histogram",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Display historical variance chart below the delta"
+    },
+    {
+      key: "useLastCompletePeriod",
+      label: "Use Last Complete Period",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Exclude current incomplete period from delta calculation (e.g., partial week/month)"
+    },
+    {
+      key: "skipLastPeriod",
+      label: "Skip Last Period",
+      type: "boolean",
+      defaultValue: !1,
+      description: "Always exclude the last period regardless of completeness"
+    }
+  ],
+  displayOptions: ["hideHeader"],
+  validate: (e) => !e.yAxis || Array.isArray(e.yAxis) && e.yAxis.length === 0 ? {
+    isValid: !1,
+    message: "A measure is required for KPI Delta charts"
+  } : { isValid: !0 }
+};
+export {
+  s as kpiDeltaConfig
+};
+//# sourceMappingURL=chart-kpidelta-config-icJXuFxe.js.map

package/dist/client/chunks/chart-kpidelta-config-icJXuFxe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-kpidelta-config-icJXuFxe.js","sources":["../../../src/client/components/charts/KpiDelta.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport trendingUpIcon from '@iconify-icons/tabler/trending-up'\n\n/**\n * Configuration for the KPI Delta chart type\n */\nexport const kpiDeltaConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={trendingUpIcon} className={className} />,\n  description: 'Display change between latest and previous values with trend indicators',\n  useCase: 'Perfect for showing performance changes over time, such as revenue growth, user acquisition changes, or other metrics where the trend and delta are more important than the absolute value',\n  dropZones: [\n    {\n      key: 'yAxis',\n      label: 'Value',\n      description: 'Measure to track changes for',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure here'\n    },\n    {\n      key: 'xAxis',\n      label: 'Dimension (optional)',\n      description: 'Dimension for ordering data (typically time)',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop a dimension for ordering'\n    }\n  ],\n  displayOptionsConfig: [\n    {\n      key: 'prefix',\n      label: 'Prefix',\n      type: 'string',\n      placeholder: 'e.g., $, €, #',\n      description: 'Text to display before the number'\n    },\n    {\n      key: 'suffix',\n      label: 'Suffix',\n      type: 'string',\n      placeholder: 'e.g., %, units, items',\n      description: 'Text to display after the number'\n    },\n    {\n      key: 'decimals',\n      label: 'Decimal Places',\n      type: 'number',\n      defaultValue: 1,\n      min: 0,\n      max: 10,\n      step: 1,\n      description: 'Number of decimal places to display'\n    },\n    {\n      key: 'positiveColorIndex',\n      label: 'Positive Change Color',\n      type: 'paletteColor',\n      defaultValue: 2, // Typically green in most palettes\n      description: 'Color for positive changes (increases)'\n    },\n    {\n      key: 'negativeColorIndex',\n      label: 'Negative Change Color', \n      type: 'paletteColor',\n      defaultValue: 3, // Typically red in most palettes\n      description: 'Color for negative changes (decreases)'\n    },\n    {\n      key: 'showHistogram',\n      label: 'Show Variance Histogram',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Display historical variance chart below the delta'\n    },\n    {\n      key: 'useLastCompletePeriod',\n      label: 'Use Last Complete Period',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Exclude current incomplete period from delta calculation (e.g., partial week/month)'\n    },\n    {\n      key: 'skipLastPeriod',\n      label: 'Skip Last Period',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Always exclude the last period regardless of completeness'\n    }\n  ],\n  displayOptions: ['hideHeader'],\n  validate: (config: any) => {\n    if (!config.yAxis || (Array.isArray(config.yAxis) && config.yAxis.length === 0)) {\n      return {\n        isValid: false,\n        message: 'A measure is required for KPI Delta charts'\n      }\n    }\n    \n    return { isValid: true }\n  }\n}"],"names":["kpiDeltaConfig","className","jsx","Icon","trendingUpIcon","config"],"mappings":";;AAOO,MAAMA,IAAkC;AAAA,EAC7C,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAgB,WAAAH,GAAsB;AAAA,EAC3E,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,eAAe;AAAA,MAC1C,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAAA,EAC7B,UAAU,CAACI,MACL,CAACA,EAAO,SAAU,MAAM,QAAQA,EAAO,KAAK,KAAKA,EAAO,MAAM,WAAW,IACpE;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,IAIN,EAAE,SAAS,GAAA;AAEtB;"}

package/dist/client/chunks/chart-kpinumber-CHcSqthc.js

@@ -0,0 +1,398 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useState as k, useRef as E, useEffect as Z } from "react";
+import { I as q, f as ee } from "./icons-D-n_woAP.js";
+import { u as te } from "./chart-activitygridchart-B5OqLgbD.js";
+import { p as se, f as ne, c as ie } from "./chart-areachart-CTzUpR0_.js";
+import { f as re } from "./chart-kpidelta-B1zg2dTx.js";
+function oe({
+  values: m,
+  min: o,
+  max: n,
+  color: S = "#1f2937",
+  bucketCount: s = 12,
+  height: x = 32,
+  formatValue: u = (r) => r.toString(),
+  width: N,
+  showAverageIndicator: H = !0,
+  targetValue: y
+}) {
+  const r = new Array(s).fill(0), c = n - o;
+  m.forEach((l) => {
+    if (c === 0)
+      r[Math.floor(s / 2)]++;
+    else {
+      let f = Math.floor((l - o) / c * (s - 1));
+      f = Math.max(0, Math.min(s - 1, f)), r[f]++;
+    }
+  });
+  const M = Math.max(...r), v = m.reduce((l, f) => l + f, 0) / m.length, b = c === 0 ? 50 : (v - o) / c * 100, g = y !== void 0 && c > 0 ? (y - o) / c * 100 : null;
+  return /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "relative flex items-end justify-center space-x-0.5",
+        style: {
+          height: `${x}px`,
+          width: N ? `${N}px` : "200px",
+          minWidth: "200px"
+        },
+        children: [
+          r.map((l, f) => {
+            const I = M > 0 ? l / M : 0, w = 0.1, V = l > 0 ? Math.max(w, I) : w;
+            return /* @__PURE__ */ t(
+              "div",
+              {
+                className: "flex-1 rounded-t-sm transition-all duration-300 ease-out",
+                style: {
+                  height: `${V * x}px`,
+                  backgroundColor: S,
+                  opacity: l > 0 ? 0.7 + I * 0.3 : 0.2
+                  // higher opacity for buckets with data
+                },
+                title: `${l} values in this range`
+              },
+              f
+            );
+          }),
+          H && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "absolute top-0 bottom-0 pointer-events-none",
+              style: {
+                left: `${b}%`,
+                transform: "translateX(-50%)",
+                width: "2px",
+                backgroundColor: "#ef4444",
+                opacity: 0.8,
+                zIndex: 10
+              },
+              title: `Average: ${u(v)}`,
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "absolute -top-1",
+                  style: {
+                    left: "50%",
+                    transform: "translateX(-50%)",
+                    width: "0",
+                    height: "0",
+                    borderLeft: "4px solid transparent",
+                    borderRight: "4px solid transparent",
+                    borderTop: "6px solid #ef4444"
+                  }
+                }
+              )
+            }
+          ),
+          g !== null && y !== void 0 && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "absolute top-0 bottom-0 pointer-events-none",
+              style: {
+                left: `${Math.max(0, Math.min(100, g))}%`,
+                transform: "translateX(-50%)",
+                width: "2px",
+                backgroundColor: "#10b981",
+                opacity: 0.8,
+                zIndex: 11
+              },
+              title: `Target: ${u(y)}`,
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "absolute -top-1",
+                  style: {
+                    left: "50%",
+                    transform: "translateX(-50%)",
+                    width: "0",
+                    height: "0",
+                    borderLeft: "4px solid transparent",
+                    borderRight: "4px solid transparent",
+                    borderTop: "6px solid #10b981"
+                  }
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "flex justify-between mt-2 text-xs text-dc-text-muted",
+        style: {
+          width: N ? `${N}px` : "200px",
+          minWidth: "200px"
+        },
+        children: [
+          /* @__PURE__ */ t("span", { children: u(o) }),
+          /* @__PURE__ */ t("span", { children: u(n) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "text-center mt-1 text-xs text-dc-text-muted", children: [
+      "Average of ",
+      m.length,
+      " values"
+    ] })
+  ] });
+}
+function le({
+  data: m,
+  chartConfig: o,
+  displayConfig: n = {},
+  queryObject: S,
+  height: s = "100%",
+  colorPalette: x
+}) {
+  const [u, N] = k(32), [H, y] = k(250), r = E(null), c = E(null), { getFieldLabel: M } = te();
+  if (Z(() => {
+    const e = () => {
+      if (r.current) {
+        const D = r.current.getBoundingClientRect(), j = D.width, W = D.height;
+        if (j > 0 && W > 0) {
+          const U = j / 5, C = W / 4, G = Math.min(U, C), J = Math.max(24, Math.min(G, 120));
+          N(J), setTimeout(() => {
+            if (c.current) {
+              const Q = c.current.getBoundingClientRect().width, Y = Math.max(Q, Math.min(j * 0.6, 300));
+              y(Y);
+            }
+          }, 10);
+        }
+      }
+    }, i = setTimeout(e, 50), d = new ResizeObserver(() => {
+      setTimeout(e, 10);
+    });
+    return r.current && d.observe(r.current), () => {
+      clearTimeout(i), d.disconnect();
+    };
+  }, [m, o]), !m || m.length === 0)
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: "flex items-center justify-center w-full h-full",
+        style: {
+          height: s === "100%" ? "100%" : s,
+          minHeight: s === "100%" ? "200px" : void 0
+        },
+        children: /* @__PURE__ */ a("div", { className: "text-center text-dc-text-muted", children: [
+          /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+          /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display" })
+        ] })
+      }
+    );
+  let v = [];
+  if (o?.yAxis && (typeof o.yAxis == "string" ? v = [o.yAxis] : Array.isArray(o.yAxis) && (v = o.yAxis)), v.length === 0)
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: "flex items-center justify-center w-full h-full",
+        style: {
+          height: s === "100%" ? "100%" : s,
+          minHeight: s === "100%" ? "200px" : void 0,
+          backgroundColor: "var(--dc-danger-bg)",
+          color: "var(--dc-danger)",
+          borderColor: "var(--dc-danger-border)"
+        },
+        children: /* @__PURE__ */ a("div", { className: "text-center", children: [
+          /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+          /* @__PURE__ */ t("div", { className: "text-xs", children: "No measure fields configured" })
+        ] })
+      }
+    );
+  const b = v[0], g = S?.timeDimensions?.[0]?.dimension || void 0;
+  let l = [...m];
+  g && (l = l.sort((e, i) => {
+    const d = e[g], p = i[g];
+    return d < p ? -1 : d > p ? 1 : 0;
+  }));
+  const { useLastCompletePeriod: f = !0, skipLastPeriod: I = !1 } = n, {
+    filteredData: w,
+    excludedIncompletePeriod: V,
+    skippedLastPeriod: T,
+    granularity: A
+  } = re(l, g, S, f, I), h = w.map((e) => {
+    if (e[b] !== void 0)
+      return e[b];
+    const i = Object.keys(e).filter(
+      (d) => typeof e[d] == "number" && !isNaN(e[d])
+    );
+    if (i.length > 0)
+      return e[i[0]];
+  }).filter((e) => e != null && !isNaN(Number(e))).map((e) => Number(e));
+  if (h.length === 0)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: r,
+        className: "flex flex-col items-center justify-center w-full h-full p-4",
+        style: {
+          height: s === "100%" ? "100%" : s,
+          minHeight: s === "100%" ? "200px" : void 0
+        },
+        children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "text-dc-text-secondary font-bold text-center mb-3",
+              style: {
+                fontSize: "14px",
+                lineHeight: "1.2"
+              },
+              children: M(b)
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "font-bold leading-none text-dc-text-muted",
+              style: {
+                fontSize: `${u}px`
+              },
+              children: "—"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-muted mt-2", children: "No data" })
+        ]
+      }
+    );
+  const K = h.reduce((e, i) => e + i, 0) / h.length, O = Math.min(...h), X = Math.max(...h), $ = (e) => {
+    if (n.formatValue)
+      return n.formatValue(e);
+    if (e == null)
+      return "—";
+    const i = n.decimals ?? 0, d = n.prefix ?? "";
+    let p;
+    return Math.abs(e) >= 1e9 ? p = (e / 1e9).toFixed(i) + "B" : Math.abs(e) >= 1e6 ? p = (e / 1e6).toFixed(i) + "M" : Math.abs(e) >= 1e3 ? p = (e / 1e3).toFixed(i) + "K" : p = e.toFixed(i), d + p;
+  }, R = h.length === 1 ? h[0] : K, _ = h.length > 1, B = (() => {
+    if (n.valueColorIndex !== void 0 && x?.colors) {
+      const e = n.valueColorIndex;
+      if (e >= 0 && e < x.colors.length)
+        return x.colors[e];
+    }
+    return x?.colors?.[0] || "#1f2937";
+  })(), L = se(n?.target || ""), z = L.length > 0 ? L[0] : null, F = z !== null ? ie(R, z) : null, P = () => {
+    if (F === null) return "#6B7280";
+    if (F >= 0) {
+      const e = n.positiveColorIndex ?? 1;
+      return x?.colors?.[e] || "#10B981";
+    } else {
+      const e = n.negativeColorIndex ?? 7;
+      return x?.colors?.[e] || "#EF4444";
+    }
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: "flex flex-col items-center justify-center w-full h-full p-4",
+      style: {
+        height: s === "100%" ? "100%" : s,
+        minHeight: s === "100%" ? "200px" : void 0
+      },
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "text-dc-text-secondary font-bold text-center mb-3 flex items-center justify-center gap-1",
+            style: {
+              fontSize: "14px",
+              lineHeight: "1.2"
+            },
+            children: [
+              /* @__PURE__ */ t("span", { children: (() => {
+                const e = M(b);
+                return e && e.length > 1 ? e : b;
+              })() }),
+              (V || T) && /* @__PURE__ */ t(
+                "span",
+                {
+                  title: T ? `Excludes last ${A || "period"}` : `Excludes current incomplete ${A}`,
+                  className: "cursor-help",
+                  children: /* @__PURE__ */ t(q, { icon: ee, className: "w-4 h-4 text-dc-text-muted opacity-70" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-4 mb-3", children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              ref: c,
+              className: "font-bold leading-none",
+              style: {
+                fontSize: `${u}px`,
+                color: B
+              },
+              children: $(R)
+            }
+          ),
+          z !== null && F !== null && /* @__PURE__ */ a("div", { className: "flex flex-col items-start", children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: "font-semibold",
+                style: {
+                  fontSize: `${Math.max(12, u * 0.3)}px`,
+                  color: P(),
+                  lineHeight: "1.2"
+                },
+                children: ne(F, 1)
+              }
+            ),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: "text-dc-text-muted text-xs",
+                style: {
+                  opacity: 0.7,
+                  fontSize: `${Math.max(10, u * 0.2)}px`
+                },
+                children: [
+                  "vs ",
+                  $(z)
+                ]
+              }
+            )
+          ] })
+        ] }),
+        n.suffix && !n.formatValue && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "text-dc-text-muted text-center",
+            style: {
+              fontSize: "14px",
+              lineHeight: "1.2",
+              opacity: 0.8
+            },
+            children: n.suffix
+          }
+        ),
+        _ && /* @__PURE__ */ t("div", { className: "mt-4", children: /* @__PURE__ */ t(
+          oe,
+          {
+            values: h,
+            min: O,
+            max: X,
+            color: B,
+            formatValue: $,
+            height: 24,
+            width: H,
+            targetValue: z || void 0
+          }
+        ) })
+      ]
+    }
+  );
+}
+const ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: le
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  oe as D,
+  ge as K
+};
+//# sourceMappingURL=chart-kpinumber-CHcSqthc.js.map

package/dist/client/chunks/chart-kpinumber-CHcSqthc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-kpinumber-CHcSqthc.js","sources":["../../../src/client/components/DataHistogram.tsx","../../../src/client/components/charts/KpiNumber.tsx"],"sourcesContent":["\ninterface DataHistogramProps {\n  /** Array of numeric values to create histogram from */\n  values: number[]\n  /** Minimum value in the dataset */\n  min: number\n  /** Maximum value in the dataset */\n  max: number\n  /** Color for the histogram bars */\n  color?: string\n  /** Number of buckets/bars to create (default: 12) */\n  bucketCount?: number\n  /** Height of the histogram in pixels (default: 32) */\n  height?: number\n  /** Format function for min/max labels */\n  formatValue?: (value: number) => string\n  /** Width of the histogram to match text above */\n  width?: number\n  /** Whether to show average indicator line (default: true) */\n  showAverageIndicator?: boolean\n  /** Target value to show as green line */\n  targetValue?: number\n}\n\n/**\n * Reusable histogram component that shows the distribution of actual data values\n */\nexport default function DataHistogram({\n  values,\n  min,\n  max,\n  color = '#1f2937',\n  bucketCount = 12,\n  height = 32,\n  formatValue = (val) => val.toString(),\n  width,\n  showAverageIndicator = true,\n  targetValue\n}: DataHistogramProps) {\n  // Create histogram buckets from actual data\n  const buckets = new Array(bucketCount).fill(0)\n  const range = max - min\n  \n  // Distribute actual values into buckets\n  values.forEach(value => {\n    if (range === 0) {\n      // All values are the same, put everything in middle bucket\n      buckets[Math.floor(bucketCount / 2)]++\n    } else {\n      // Calculate which bucket this value belongs to\n      let bucketIndex = Math.floor(((value - min) / range) * (bucketCount - 1))\n      // Clamp to valid bucket range\n      bucketIndex = Math.max(0, Math.min(bucketCount - 1, bucketIndex))\n      buckets[bucketIndex]++\n    }\n  })\n  \n  // Find max bucket count for normalization\n  const maxBucketCount = Math.max(...buckets)\n  \n  // Calculate average for indicator positioning\n  const average = values.reduce((sum, val) => sum + val, 0) / values.length\n  \n  // Calculate average position as percentage of histogram width\n  const averagePosition = range === 0 ? 50 : ((average - min) / range) * 100\n  \n  // Calculate target position if target value is provided\n  const targetPosition = targetValue !== undefined && range > 0 \n    ? ((targetValue - min) / range) * 100 \n    : null\n\n  return (\n    <div className=\"flex flex-col items-center\">\n      {/* Horizontal bars representing actual data distribution */}\n      <div \n        className=\"relative flex items-end justify-center space-x-0.5\" \n        style={{ \n          height: `${height}px`,\n          width: width ? `${width}px` : '200px',\n          minWidth: '200px'\n        }}\n      >\n        {buckets.map((count, i) => {\n          // Normalize height based on actual data frequency\n          const normalizedHeight = maxBucketCount > 0 ? count / maxBucketCount : 0\n          const minHeight = 0.1 // minimum height for empty buckets\n          const displayHeight = count > 0 ? Math.max(minHeight, normalizedHeight) : minHeight\n          \n          return (\n            <div\n              key={i}\n              className=\"flex-1 rounded-t-sm transition-all duration-300 ease-out\"\n              style={{\n                height: `${displayHeight * height}px`,\n                backgroundColor: color,\n                opacity: count > 0 ? 0.7 + (normalizedHeight * 0.3) : 0.2 // higher opacity for buckets with data\n              }}\n              title={`${count} values in this range`} // tooltip showing actual count\n            />\n          )\n        })}\n        \n        {/* Average indicator line */}\n        {showAverageIndicator && (\n          <div\n            className=\"absolute top-0 bottom-0 pointer-events-none\"\n            style={{\n              left: `${averagePosition}%`,\n              transform: 'translateX(-50%)',\n              width: '2px',\n              backgroundColor: '#ef4444',\n              opacity: 0.8,\n              zIndex: 10\n            }}\n            title={`Average: ${formatValue(average)}`}\n          >\n            {/* Small triangle at top to indicate average */}\n            <div\n              className=\"absolute -top-1\"\n              style={{\n                left: '50%',\n                transform: 'translateX(-50%)',\n                width: '0',\n                height: '0',\n                borderLeft: '4px solid transparent',\n                borderRight: '4px solid transparent',\n                borderTop: '6px solid #ef4444'\n              }}\n            />\n          </div>\n        )}\n        \n        {/* Target indicator line */}\n        {targetPosition !== null && targetValue !== undefined && (\n          <div\n            className=\"absolute top-0 bottom-0 pointer-events-none\"\n            style={{\n              left: `${Math.max(0, Math.min(100, targetPosition))}%`,\n              transform: 'translateX(-50%)',\n              width: '2px',\n              backgroundColor: '#10b981',\n              opacity: 0.8,\n              zIndex: 11\n            }}\n            title={`Target: ${formatValue(targetValue)}`}\n          >\n            {/* Small triangle at top to indicate target */}\n            <div\n              className=\"absolute -top-1\"\n              style={{\n                left: '50%',\n                transform: 'translateX(-50%)',\n                width: '0',\n                height: '0',\n                borderLeft: '4px solid transparent',\n                borderRight: '4px solid transparent',\n                borderTop: '6px solid #10b981'\n              }}\n            />\n          </div>\n        )}\n      </div>\n      \n      {/* Min/Max values aligned with histogram width */}\n      <div\n        className=\"flex justify-between mt-2 text-xs text-dc-text-muted\"\n        style={{\n          width: width ? `${width}px` : '200px',\n          minWidth: '200px'\n        }}\n      >\n        <span>{formatValue(min)}</span>\n        <span>{formatValue(max)}</span>\n      </div>\n\n      {/* Average indicator */}\n      <div className=\"text-center mt-1 text-xs text-dc-text-muted\">\n        Average of {values.length} values\n      </div>\n    </div>\n  )\n}","import { useState, useRef, useEffect } from 'react'\nimport { Icon } from '@iconify/react'\nimport infoCircleIcon from '@iconify-icons/tabler/info-circle'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport DataHistogram from '../DataHistogram'\nimport { parseTargetValues, calculateVariance, formatVariance } from '../../utils/targetUtils'\nimport { filterIncompletePeriod } from '../../utils/periodUtils'\nimport type { ChartProps } from '../../types'\n\nexport default function KpiNumber({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [fontSize, setFontSize] = useState(32)\n  const [textWidth, setTextWidth] = useState(250)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const valueRef = useRef<HTMLDivElement>(null)\n  const { getFieldLabel } = useCubeContext()\n\n  // Calculate font size and text width based on container dimensions\n  useEffect(() => {\n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const container = containerRef.current\n        const rect = container.getBoundingClientRect()\n        const containerWidth = rect.width\n        const containerHeight = rect.height\n        \n        if (containerWidth > 0 && containerHeight > 0) {\n          // Calculate font size based on container dimensions\n          // For KPI displays, we want the text to be large and prominent\n          // Reserve space for the label by using more conservative sizing\n          const widthBasedSize = containerWidth / 5\n          const heightBasedSize = containerHeight / 4  // More conservative to leave room for label\n          const baseFontSize = Math.min(widthBasedSize, heightBasedSize)\n          const clampedFontSize = Math.max(24, Math.min(baseFontSize, 120)) // Lower max to ensure label fits\n          setFontSize(clampedFontSize)\n          \n          // Use a timeout to measure text width after font size is applied\n          setTimeout(() => {\n            if (valueRef.current) {\n              const textRect = valueRef.current.getBoundingClientRect()\n              const measuredWidth = textRect.width\n              // Ensure we have a minimum width and use container width as fallback\n              const effectiveWidth = Math.max(measuredWidth, Math.min(containerWidth * 0.6, 300))\n              setTextWidth(effectiveWidth)\n            }\n          }, 10)\n        }\n      }\n    }\n\n    // Initial calculation - reduce delay for faster initial render\n    const timer = setTimeout(updateDimensions, 50)\n    \n    const resizeObserver = new ResizeObserver(() => {\n      // Debounce the resize updates\n      setTimeout(updateDimensions, 10)\n    })\n    \n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n    }\n\n    return () => {\n      clearTimeout(timer)\n      resizeObserver.disconnect()\n    }\n  }, [data, chartConfig])\n\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"flex items-center justify-center w-full h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"text-center text-dc-text-muted\">\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</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Extract value field from chart config - handle both string and array formats\n  let valueFields: string[] = []\n  if (chartConfig?.yAxis) {\n    // Handle both string and array formats\n    if (typeof chartConfig.yAxis === 'string') {\n      valueFields = [chartConfig.yAxis]\n    } else if (Array.isArray(chartConfig.yAxis)) {\n      valueFields = chartConfig.yAxis\n    }\n  }\n  \n  \n  if (valueFields.length === 0) {\n    return (\n      <div\n        className=\"flex items-center justify-center w-full h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined,\n          backgroundColor: 'var(--dc-danger-bg)',\n          color: 'var(--dc-danger)',\n          borderColor: 'var(--dc-danger-border)'\n        }}\n      >\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n          <div className=\"text-xs\">No measure fields configured</div>\n        </div>\n      </div>\n    )\n  }\n\n  const valueField = valueFields[0] // Use first measure field\n\n  // Get time dimension field if present (for incomplete period filtering)\n  const timeDimensionField = queryObject?.timeDimensions?.[0]?.dimension || undefined\n\n  // Sort data by time dimension if available (for proper filtering)\n  let sortedData = [...data]\n  if (timeDimensionField) {\n    sortedData = sortedData.sort((a, b) => {\n      const aVal = a[timeDimensionField]\n      const bVal = b[timeDimensionField]\n      if (aVal < bVal) return -1\n      if (aVal > bVal) return 1\n      return 0\n    })\n  }\n\n  // Filter out incomplete or last period if enabled\n  const { useLastCompletePeriod = true, skipLastPeriod = false } = displayConfig\n  const {\n    filteredData,\n    excludedIncompletePeriod,\n    skippedLastPeriod,\n    granularity\n  } = filterIncompletePeriod(sortedData, timeDimensionField, queryObject, useLastCompletePeriod, skipLastPeriod)\n\n  // Use filtered data for calculations\n  const dataToUse = filteredData\n\n  // Extract values for the selected field\n  const rawValues = dataToUse.map(row => {\n    // Try direct field access first\n    if (row[valueField] !== undefined) {\n      return row[valueField]\n    }\n    \n    // If not found, try finding the first numeric field as fallback\n    const numericFields = Object.keys(row).filter(key => \n      typeof row[key] === 'number' && !isNaN(row[key])\n    )\n    \n    if (numericFields.length > 0) {\n      return row[numericFields[0]]\n    }\n    \n    return undefined\n  })\n  \n  const values = rawValues\n    .filter(val => val !== null && val !== undefined && !isNaN(Number(val)))\n    .map(val => Number(val))\n  \n\n  // Null handling: If all values are null, show placeholder instead of error\n  if (values.length === 0) {\n    return (\n      <div\n        ref={containerRef}\n        className=\"flex flex-col items-center justify-center w-full h-full p-4\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        {/* Field Label */}\n        <div\n          className=\"text-dc-text-secondary font-bold text-center mb-3\"\n          style={{\n            fontSize: '14px',\n            lineHeight: '1.2'\n          }}\n        >\n          {getFieldLabel(valueField)}\n        </div>\n\n        {/* No Data Placeholder */}\n        <div\n          className=\"font-bold leading-none text-dc-text-muted\"\n          style={{\n            fontSize: `${fontSize}px`\n          }}\n        >\n          —\n        </div>\n\n        <div className=\"text-xs text-dc-text-muted mt-2\">No data</div>\n      </div>\n    )\n  }\n\n  // Calculate statistics\n  const sum = values.reduce((acc, val) => acc + val, 0)\n  const avg = sum / values.length\n  const min = Math.min(...values)\n  const max = Math.max(...values)\n\n  // Format number with appropriate units and decimals (no prefix/suffix here, handled separately)\n  const formatNumber = (value: number | null | undefined): string => {\n    // If custom formatValue is provided, use it exclusively\n    if (displayConfig.formatValue) {\n      return displayConfig.formatValue(value)\n    }\n\n    // Null handling: Show placeholder for missing data\n    if (value === null || value === undefined) {\n      return '—'\n    }\n\n    const decimals = displayConfig.decimals ?? 0\n    const prefix = displayConfig.prefix ?? ''\n\n    let formattedValue: string\n\n    if (Math.abs(value) >= 1e9) {\n      formattedValue = (value / 1e9).toFixed(decimals) + 'B'\n    } else if (Math.abs(value) >= 1e6) {\n      formattedValue = (value / 1e6).toFixed(decimals) + 'M'\n    } else if (Math.abs(value) >= 1e3) {\n      formattedValue = (value / 1e3).toFixed(decimals) + 'K'\n    } else {\n      formattedValue = value.toFixed(decimals)\n    }\n\n    return prefix + formattedValue\n  }\n\n  const mainValue = values.length === 1 ? values[0] : avg\n  const showStats = values.length > 1\n\n  // Get color from palette by index, default to first color in palette\n  const getValueColor = (): string => {\n    if (displayConfig.valueColorIndex !== undefined && colorPalette?.colors) {\n      const colorIndex = displayConfig.valueColorIndex\n      if (colorIndex >= 0 && colorIndex < colorPalette.colors.length) {\n        return colorPalette.colors[colorIndex]\n      }\n    }\n    // Default to first color in palette if available, otherwise fallback to dark gray\n    return colorPalette?.colors?.[0] || '#1f2937'\n  }\n\n  const valueColor = getValueColor()\n  \n  // Process target values for variance calculation\n  const targetValues = parseTargetValues(displayConfig?.target || '')\n  const targetValue = targetValues.length > 0 ? targetValues[0] : null // Use first target value\n  const variance = targetValue !== null ? calculateVariance(mainValue, targetValue) : null\n  \n  // Get colors for variance display (similar to KpiDelta)\n  const getVarianceColor = (): string => {\n    if (variance === null) return '#6B7280' // Gray for no target\n    \n    if (variance >= 0) {\n      // Positive variance - use positive color from palette\n      const positiveIndex = displayConfig.positiveColorIndex ?? 1\n      return colorPalette?.colors?.[positiveIndex] || '#10B981' // Green fallback\n    } else {\n      // Negative variance - use negative color from palette  \n      const negativeIndex = displayConfig.negativeColorIndex ?? 7\n      return colorPalette?.colors?.[negativeIndex] || '#EF4444' // Red fallback\n    }\n  }\n\n  return (\n    <div \n      ref={containerRef}\n      className=\"flex flex-col items-center justify-center w-full h-full p-4\"\n      style={{ \n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? '200px' : undefined\n      }}\n    >\n        {/* Field Label - Bolder and bigger */}\n        <div\n          className=\"text-dc-text-secondary font-bold text-center mb-3 flex items-center justify-center gap-1\"\n          style={{\n            fontSize: '14px',\n            lineHeight: '1.2'\n          }}\n        >\n          <span>\n            {(() => {\n              const label = getFieldLabel(valueField)\n              // Temporary fix: if label seems wrong, use the field name directly\n              const displayLabel = (label && label.length > 1) ? label : valueField\n              return displayLabel\n            })()}\n          </span>\n          {(excludedIncompletePeriod || skippedLastPeriod) && (\n            <span\n              title={skippedLastPeriod\n                ? `Excludes last ${granularity || 'period'}`\n                : `Excludes current incomplete ${granularity}`}\n              className=\"cursor-help\"\n            >\n              <Icon icon={infoCircleIcon} className=\"w-4 h-4 text-dc-text-muted opacity-70\" />\n            </span>\n          )}\n        </div>\n\n        {/* Main KPI Value and Variance - Horizontal layout */}\n        <div className=\"flex items-center justify-center gap-4 mb-3\">\n          <div \n            ref={valueRef}\n            className=\"font-bold leading-none\"\n            style={{ \n              fontSize: `${fontSize}px`,\n              color: valueColor\n            }}\n          >\n            {formatNumber(mainValue)}\n          </div>\n          \n          {/* Target Variance Display - To the right of main value */}\n          {targetValue !== null && variance !== null && (\n            <div className=\"flex flex-col items-start\">\n              <div \n                className=\"font-semibold\"\n                style={{ \n                  fontSize: `${Math.max(12, fontSize * 0.3)}px`,\n                  color: getVarianceColor(),\n                  lineHeight: '1.2'\n                }}\n              >\n                {formatVariance(variance, 1)}\n              </div>\n              <div\n                className=\"text-dc-text-muted text-xs\"\n                style={{\n                  opacity: 0.7,\n                  fontSize: `${Math.max(10, fontSize * 0.2)}px`\n                }}\n              >\n                vs {formatNumber(targetValue)}\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Unit/Suffix - Larger, not bold (hidden when formatValue is provided) */}\n        {displayConfig.suffix && !displayConfig.formatValue && (\n          <div\n            className=\"text-dc-text-muted text-center\"\n            style={{\n              fontSize: '14px',\n              lineHeight: '1.2',\n              opacity: 0.8\n            }}\n          >\n            {displayConfig.suffix}\n          </div>\n        )}\n\n        {/* Data Histogram for multiple values */}\n        {showStats && (\n          <div className=\"mt-4\">\n            <DataHistogram\n              values={values}\n              min={min}\n              max={max}\n              color={valueColor}\n              formatValue={formatNumber}\n              height={24}\n              width={textWidth}\n              targetValue={targetValue || undefined}\n            />\n          </div>\n        )}\n    </div>\n  )\n}"],"names":["DataHistogram","values","min","max","color","bucketCount","height","formatValue","val","width","showAverageIndicator","targetValue","buckets","range","value","bucketIndex","maxBucketCount","average","sum","averagePosition","targetPosition","jsxs","count","i","normalizedHeight","minHeight","displayHeight","jsx","KpiNumber","data","chartConfig","displayConfig","queryObject","colorPalette","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","valueRef","getFieldLabel","useCubeContext","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","baseFontSize","clampedFontSize","measuredWidth","effectiveWidth","timer","resizeObserver","valueFields","valueField","timeDimensionField","sortedData","a","b","aVal","bVal","useLastCompletePeriod","skipLastPeriod","filteredData","excludedIncompletePeriod","skippedLastPeriod","granularity","filterIncompletePeriod","row","numericFields","key","avg","acc","formatNumber","decimals","prefix","formattedValue","mainValue","showStats","valueColor","colorIndex","targetValues","parseTargetValues","variance","calculateVariance","getVarianceColor","positiveIndex","negativeIndex","label","Icon","infoCircleIcon","formatVariance"],"mappings":"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"}

package/dist/client/chunks/chart-kpinumber-config-T39g03ud.js

@@ -0,0 +1,77 @@
+import { jsx as t } from "react/jsx-runtime";
+import { I as a, h as r } from "./icons-D-n_woAP.js";
+const l = {
+  icon: ({ className: e }) => /* @__PURE__ */ t(a, { icon: r, className: e }),
+  description: "Display key performance indicators as large numbers",
+  useCase: "Perfect for showing important metrics like revenue, user count, or other key business metrics in a prominent, easy-to-read format",
+  dropZones: [
+    {
+      key: "yAxis",
+      label: "Value",
+      description: "Measure to display as KPI number",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["measure"],
+      emptyText: "Drop a measure here"
+    }
+  ],
+  displayOptionsConfig: [
+    {
+      key: "target",
+      label: "Target Value",
+      type: "string",
+      placeholder: "e.g., 100",
+      description: "Target value to compare against (first value used if multiple provided)"
+    },
+    {
+      key: "prefix",
+      label: "Prefix",
+      type: "string",
+      placeholder: "e.g., $, €, #",
+      description: "Text to display before the number"
+    },
+    {
+      key: "suffix",
+      label: "Suffix",
+      type: "string",
+      placeholder: "e.g., %, units, items",
+      description: "Text to display after the number"
+    },
+    {
+      key: "decimals",
+      label: "Decimal Places",
+      type: "number",
+      defaultValue: 0,
+      min: 0,
+      max: 10,
+      step: 1,
+      description: "Number of decimal places to display"
+    },
+    {
+      key: "valueColorIndex",
+      label: "Value Color",
+      type: "paletteColor",
+      defaultValue: 0,
+      description: "Color from the dashboard palette for the KPI value text"
+    },
+    {
+      key: "useLastCompletePeriod",
+      label: "Use Last Complete Period",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Exclude current incomplete period from aggregation (e.g., partial week/month)"
+    },
+    {
+      key: "skipLastPeriod",
+      label: "Skip Last Period",
+      type: "boolean",
+      defaultValue: !1,
+      description: "Always exclude the last period regardless of completeness"
+    }
+  ],
+  displayOptions: ["hideHeader"]
+};
+export {
+  l as kpiNumberConfig
+};
+//# sourceMappingURL=chart-kpinumber-config-T39g03ud.js.map