@hybridcore/ui 1.6.27 → 1.6.29

package/dist/components/charts/_common/format.js

@@ -1,31 +1,31 @@
-import v from "dayjs";
+import S from "dayjs";
 import { c as k, g as q } from "../../../_commonjsHelpers-BkfeUUK-.js";
-var S = { exports: {} };
+var E = { exports: {} };
 (function(t, e) {
   (function(r, n) {
     t.exports = n();
   })(k, function() {
     return function(r, n, s) {
       r = r || {};
-      var i = n.prototype, b = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      var i = n.prototype, h = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
       function d(o, c, m, f) {
         return i.fromToBase(o, c, m, f);
       }
-      s.en.relativeTime = b, i.fromToBase = function(o, c, m, f, $) {
-        for (var N, h, y, M = m.$locale().relativeTime || b, D = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], L = D.length, p = 0; p < L; p += 1) {
-          var u = D[p];
+      s.en.relativeTime = h, i.fromToBase = function(o, c, m, f, $) {
+        for (var N, p, M, y = m.$locale().relativeTime || h, D = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], L = D.length, b = 0; b < L; b += 1) {
+          var u = D[b];
           u.d && (N = f ? s(o).diff(m, u.d, !0) : m.diff(o, u.d, !0));
           var a = (r.rounding || Math.round)(Math.abs(N));
-          if (y = N > 0, a <= u.r || !u.r) {
-            a <= 1 && p > 0 && (u = D[p - 1]);
-            var w = M[u.l];
-            $ && (a = $("" + a)), h = typeof w == "string" ? w.replace("%d", a) : w(a, c, u.l, y);
+          if (M = N > 0, a <= u.r || !u.r) {
+            a <= 1 && b > 0 && (u = D[b - 1]);
+            var x = y[u.l];
+            $ && (a = $("" + a)), p = typeof x == "string" ? x.replace("%d", a) : x(a, c, u.l, M);
             break;
           }
         }
-        if (c) return h;
-        var Y = y ? M.future : M.past;
-        return typeof Y == "function" ? Y(h) : Y.replace("%s", h);
+        if (c) return p;
+        var w = M ? y.future : y.past;
+        return typeof w == "function" ? w(p) : w.replace("%s", p);
       }, i.to = function(o, c) {
         return d(o, c, this, !0);
       }, i.from = function(o, c) {
@@ -41,10 +41,10 @@ var S = { exports: {} };
       };
     };
   });
-})(S);
-var E = S.exports;
-const B = /* @__PURE__ */ q(E);
-v.extend(B);
+})(E);
+var A = E.exports;
+const B = /* @__PURE__ */ q(A);
+S.extend(B);
 const W = "—", j = (t) => {
   const { decimals: e, notation: r } = t ?? {};
   return r === "compact" ? new Intl.NumberFormat("en-US", {
@@ -56,7 +56,7 @@ const W = "—", j = (t) => {
     "en-US",
     e === void 0 ? { maximumFractionDigits: 2 } : { minimumFractionDigits: e, maximumFractionDigits: e }
   );
-}, T = (t) => {
+}, C = (t) => {
   if (typeof t == "boolean") return t;
   if (typeof t == "number") return t === 1;
   if (typeof t == "string") {
@@ -64,38 +64,47 @@ const W = "—", j = (t) => {
     return e === "true" || e === "1";
   }
   return !1;
-}, U = (t) => {
+}, I = (t) => {
   const e = t.toLowerCase();
   return e.includes("year") ? "YYYY" : e.includes("month") ? "MMM YYYY" : e.includes("hour") || e.includes("minute") || e.includes("time") ? "DD MMM YYYY HH:mm" : "DD MMM YYYY";
-}, V = (t, e, r = "") => {
-  const n = v(t);
-  return n.isValid() ? e === "relative" ? n.fromNow() : n.format(e || U(r)) : String(t);
-}, x = (t, e) => `${(t == null ? void 0 : t.prefix) ?? ""}${e}${(t == null ? void 0 : t.suffix) ?? ""}`, Z = (t, e, r = W, n = "") => {
+}, P = (t, e, r = "") => {
+  const n = S(t);
+  return n.isValid() ? e === "relative" ? n.fromNow() : n.format(e || I(r)) : String(t);
+}, F = (t, e) => `${(t == null ? void 0 : t.prefix) ?? ""}${e}${(t == null ? void 0 : t.suffix) ?? ""}`, X = (t, e, r = W, n = "") => {
   if (t == null || t === "") return r;
   switch ((e == null ? void 0 : e.valueType) ?? (e != null && e.dateFormat ? "date" : "number")) {
     case "date":
-      return V(t, e == null ? void 0 : e.dateFormat, n);
+      return P(t, e == null ? void 0 : e.dateFormat, n);
     case "boolean":
-      return T(t) ? (e == null ? void 0 : e.trueLabel) ?? "true" : (e == null ? void 0 : e.falseLabel) ?? "false";
+      return C(t) ? (e == null ? void 0 : e.trueLabel) ?? "true" : (e == null ? void 0 : e.falseLabel) ?? "false";
     case "text":
-      return x(e, String(t));
+      return F(e, String(t));
     case "number":
     default: {
       const i = Number(t);
-      return Number.isNaN(i) ? x(e, String(t)) : x(e, j(e).format(i));
+      return Number.isNaN(i) ? F(e, String(t)) : F(e, j(e).format(i));
     }
   }
-}, _ = (t) => {
+}, Z = (t) => {
   if (!t) return;
   const { prefix: e, suffix: r, decimals: n, notation: s } = t, i = s === "compact";
   if (e === void 0 && r === void 0 && n === void 0 && !i)
     return;
-  const b = i ? n === void 0 ? "#,###.#a" : n <= 0 ? "#,##0a" : `#,##0.${"0".repeat(n)}a` : n === void 0 ? "#,###.##" : n <= 0 ? "#,##0" : `#,##0.${"0".repeat(n)}`, d = (l) => l ? `'${l.replace(/'/g, "")}'` : "";
-  return `${d(e)}${b}${d(r)}`;
-}, J = (t) => t && t.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), F = (t) => t instanceof Date ? t.getTime() : typeof t == "number" ? t : typeof t == "string" && t !== "" ? Date.parse(t) : NaN, C = (t, e) => {
+  const h = i ? n === void 0 ? "#,###.#a" : n <= 0 ? "#,##0a" : `#,##0.${"0".repeat(n)}a` : n === void 0 ? "#,###.##" : n <= 0 ? "#,##0" : `#,##0.${"0".repeat(n)}`, d = (l) => l ? `'${l.replace(/'/g, "")}'` : "";
+  return `${d(e)}${h}${d(r)}`;
+}, Y = 4, J = (t, e = 2) => {
+  if (!Number.isFinite(t)) return "";
+  const r = Math.max(0, Math.trunc(e)), n = t.toFixed(r);
+  if (Number(n) !== 0 || t === 0) return n;
+  for (let s = r + 1; s <= Y; s++) {
+    const i = t.toFixed(s);
+    if (Number(i) !== 0) return i;
+  }
+  return `<${(10 ** -Y).toFixed(Y)}`;
+}, K = (t) => t && t.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), T = (t) => t instanceof Date ? t.getTime() : typeof t == "number" ? t : typeof t == "string" && t !== "" ? Date.parse(t) : NaN, v = (t, e) => {
   const r = new Date(t), n = new Date(e);
   return r.getFullYear() === n.getFullYear() && r.getMonth() === n.getMonth() && r.getDate() === n.getDate();
-}, z = (t, e) => {
+}, U = (t, e) => {
   const r = Number(t);
   if (Number.isNaN(r)) return !1;
   const n = Number(e.value);
@@ -119,8 +128,8 @@ const W = "—", j = (t) => {
     default:
       return !1;
   }
-}, A = (t, e) => {
-  const r = F(t), n = F(e.value);
+}, V = (t, e) => {
+  const r = T(t), n = T(e.value);
   if (Number.isNaN(r) || Number.isNaN(n)) return !1;
   switch (e.op) {
     case "lt":
@@ -132,17 +141,17 @@ const W = "—", j = (t) => {
     case "gte":
       return r >= n;
     case "eq":
-      return C(r, n);
+      return v(r, n);
     case "neq":
-      return !C(r, n);
+      return !v(r, n);
     case "between": {
-      const s = F(e.value2);
+      const s = T(e.value2);
       return !Number.isNaN(s) && r >= n && r <= s;
     }
     default:
       return !1;
   }
-}, H = (t, e) => {
+}, _ = (t, e) => {
   const r = String(t ?? "").toLowerCase(), n = String(e.value ?? "").toLowerCase();
   switch (e.op) {
     case "eq":
@@ -164,44 +173,45 @@ const W = "—", j = (t) => {
     default:
       return !1;
   }
-}, I = (t, e) => {
+}, z = (t, e) => {
   switch (e.op) {
     case "isTrue":
-      return T(t);
+      return C(t);
     case "isFalse":
-      return !T(t);
+      return !C(t);
     default:
       return !1;
   }
-}, G = (t, e) => {
+}, H = (t, e) => {
   switch (e.type ?? "number") {
     case "date":
-      return A(t, e);
+      return V(t, e);
     case "text":
-      return H(t, e);
+      return _(t, e);
     case "boolean":
-      return I(t, e);
+      return z(t, e);
     case "number":
     default:
-      return z(t, e);
+      return U(t, e);
   }
-}, g = (t) => t || void 0, K = (t, e) => {
+}, g = (t) => t || void 0, O = (t, e) => {
   const r = {
     color: g(e == null ? void 0 : e.color),
     backgroundColor: g(e == null ? void 0 : e.backgroundColor)
   }, n = e == null ? void 0 : e.conditionalRules;
   if (!(n != null && n.length)) return r;
-  const s = n.find((i) => G(t, i));
+  const s = n.find((i) => H(t, i));
   return s ? {
     color: g(s.color) ?? r.color,
     backgroundColor: g(s.backgroundColor) ?? r.backgroundColor
   } : r;
 };
 export {
-  _ as buildAmNumberFormat,
-  U as defaultDateFormat,
-  V as formatDateValue,
-  Z as formatValue,
-  J as humanizeLabel,
-  K as resolveConditionalStyle
+  Z as buildAmNumberFormat,
+  I as defaultDateFormat,
+  P as formatDateValue,
+  J as formatPercent,
+  X as formatValue,
+  K as humanizeLabel,
+  O as resolveConditionalStyle
 };

package/dist/components/charts/_common/utils.js

@@ -1,7 +1,7 @@
-import { buildAmNumberFormat as u, formatDateValue as s } from "./format.js";
-import { C as F } from "../../../ColorSet-cyPmWGwh.js";
-import { c as l } from "../../../Entity-BJCuhdq_.js";
-const n = [
+import { buildAmNumberFormat as c, formatDateValue as m, formatPercent as s } from "./format.js";
+import { C as l } from "../../../ColorSet-cyPmWGwh.js";
+import { c as p } from "../../../Entity-BJCuhdq_.js";
+const b = [
   "#294D94",
   "#375F97",
   "#44729C",
@@ -12,30 +12,49 @@ const n = [
   "#9FCFBF",
   "#B9E1C9",
   "#D6F1D5"
-], i = (r, e = n) => F.new(r, {
-  colors: e.map((t) => l(t)),
+], v = (t, e = b) => l.new(t, {
+  colors: e.map((r) => p(r)),
   reuse: !0
-}), b = [
+}), F = [
   { number: 1e3, suffix: "K" },
   { number: 1e6, suffix: "M" },
   { number: 1e9, suffix: "B" },
   { number: 1e12, suffix: "T" }
-], d = (r, e) => {
-  const t = u(e) ?? "#,###.##";
-  r.numberFormatter.set("numericFields", void 0), r.numberFormatter.set("numberFormat", t), (e == null ? void 0 : e.notation) === "compact" && r.numberFormatter.set("bigNumberPrefixes", b);
-}, x = (r, e) => {
-  e.type !== "date" || !e.dateFormat || r.get("renderer").labels.template.adapters.add(
+], P = (t, e) => {
+  const r = c(e) ?? "#,###.##";
+  t.numberFormatter.set("numericFields", void 0), t.numberFormatter.set("numberFormat", r), (e == null ? void 0 : e.notation) === "compact" && t.numberFormatter.set("bigNumberPrefixes", F);
+}, D = (t, e) => {
+  e.type !== "date" || !e.dateFormat || t.get("renderer").labels.template.adapters.add(
     "text",
-    (t, a) => {
-      var o;
-      const m = (o = a == null ? void 0 : a.dataItem) == null ? void 0 : o.get("value");
-      return typeof m == "number" ? s(m, e.dateFormat, e.value) : t;
+    (r, a) => {
+      var u;
+      const o = (u = a == null ? void 0 : a.dataItem) == null ? void 0 : u.get("value");
+      return typeof o == "number" ? m(o, e.dateFormat, e.value) : r;
     }
   );
+}, n = (t) => {
+  const { percentDecimals: e, percent: r } = t, a = e <= 0 ? "0" : `0.${"0".repeat(e)}`;
+  return r === void 0 ? `{valuePercentTotal.formatNumber('${a}')}%` : `${s(r, e)}%`;
+}, y = (t) => {
+  const { percentDecimals: e, showValueText: r, percent: a } = t, o = n({ percentDecimals: e, percent: a });
+  return r ? `{category}: ${o} ({value})` : `{category}: ${o}`;
+}, d = (t) => {
+  var r;
+  const e = (r = t == null ? void 0 : t.dataItem) == null ? void 0 : r.get("valuePercentTotal");
+  return typeof e == "number" ? e : void 0;
+}, A = (t, e) => {
+  t.valueLabels.template.set("text", n({ percentDecimals: e })), t.valueLabels.template.adapters.add("text", (r, a) => {
+    const o = d(a);
+    return o === void 0 ? r : n({ percentDecimals: e, percent: o });
+  });
 };
 export {
-  n as DEFAULT_VIRIDIS_COOL,
-  x as applyDateAxisLabelFormat,
-  d as applyValueFormat,
-  i as colorSetFromPalette
+  b as DEFAULT_VIRIDIS_COOL,
+  D as applyDateAxisLabelFormat,
+  A as applyLegendPercentFormat,
+  P as applyValueFormat,
+  n as buildPercentText,
+  y as buildSliceText,
+  v as colorSetFromPalette,
+  d as readSharePercent
 };

package/dist/components/charts/donut-chart/logic.js

@@ -1,82 +1,120 @@
-import { R as w, A } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as P, useTheme as R } from "@mui/material";
-import b from "dayjs";
-import { useId as C, useRef as D, useEffect as F } from "react";
-import { applyValueFormat as L, colorSetFromPalette as I } from "../_common/utils.js";
-import { P as S, a as B } from "../../../PieSeries-CMH0Z7pz.js";
-import { p as l, c as s } from "../../../Entity-BJCuhdq_.js";
-import { L as E } from "../../../Legend-CFvQiIfn.js";
-const G = (y) => {
-  const u = P({ props: y, name: "HCDonutChart" }), {
-    dimensions: t,
+import { R as N, A as V } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as z, useTheme as E } from "@mui/material";
+import W from "dayjs";
+import { useId as X, useRef as j, useEffect as H } from "react";
+import { formatDateValue as O } from "../_common/format.js";
+import { applyValueFormat as $, colorSetFromPalette as q, buildSliceText as k, applyLegendPercentFormat as G, readSharePercent as J } from "../_common/utils.js";
+import { P as K, a as Q } from "../../../PieSeries-CMH0Z7pz.js";
+import { p as c, c as d } from "../../../Entity-BJCuhdq_.js";
+import { L as U } from "../../../Legend-CFvQiIfn.js";
+import { L as Z } from "../../../Tooltip-vyZRZWih.js";
+const de = (A) => {
+  const y = z({ props: A, name: "HCDonutChart" }), {
+    dimensions: a,
     values: o,
-    data: n,
-    initDelay: T = 0,
-    colors: d,
-    sx: x,
-    ...M
-  } = u, a = R(), f = `hc-donut-chart-${C().replace(/:/g, "")}`, c = D(null);
-  let i = null;
-  t.length < 1 ? i = "Missing dimensions config!" : o.length < 1 && (i = "Missing values config!"), F(() => {
-    if (i) return;
-    let m;
-    return m = setTimeout(() => {
-      var v;
-      const e = w.new(f);
-      c.current = e, L(e, (v = o == null ? void 0 : o[0]) == null ? void 0 : v.format), e.setThemes([A.new(e)]);
-      const h = e.container.children.push(
-        S.new(e, {
+    data: m,
+    initDelay: P = 0,
+    colors: T,
+    showDimensionLabel: Y = !1,
+    showValueText: f = !0,
+    percentDecimals: p = 2,
+    sx: R,
+    ...C
+  } = y, i = E(), w = `hc-donut-chart-${X().replace(/:/g, "")}`, g = j(null), l = o.length > 1;
+  let u = null;
+  o.length < 1 ? u = "Missing values config!" : !l && a.length < 1 && (u = "Missing dimensions config!"), H(() => {
+    if (u) return;
+    let v;
+    return v = setTimeout(() => {
+      var M, F;
+      const e = N.new(w);
+      g.current = e, $(e, (M = o == null ? void 0 : o[0]) == null ? void 0 : M.format), e.setThemes([V.new(e)]);
+      const x = e.container.children.push(
+        K.new(e, {
           layout: e.verticalLayout,
-          innerRadius: l(50)
+          innerRadius: c(50)
         })
       );
       e.interfaceColors.setAll({
-        text: s(a.palette.text.primary),
-        grid: s(a.palette.divider),
-        stroke: s(a.palette.divider),
+        text: d(i.palette.text.primary),
+        grid: d(i.palette.divider),
+        stroke: d(i.palette.divider),
         // Drives the gap color between slices; tie it to the surface so the
         // beveled edges read correctly in both light and dark mode.
-        background: s(a.palette.background.paper)
+        background: d(i.palette.background.paper)
       });
-      const r = h.series.push(
-        B.new(e, {
-          valueField: o[0].dataFieldName,
-          categoryField: t[0].value
+      const I = l ? o.map((r) => {
+        var s;
+        return {
+          category: r.label || r.name || r.fieldName,
+          value: (s = m[0]) == null ? void 0 : s[r.dataFieldName]
+        };
+      }) : m, t = x.series.push(
+        Q.new(e, {
+          valueField: l ? "value" : o[0].dataFieldName,
+          categoryField: l ? "category" : a[0].value
         })
       );
-      r.set("colors", I(e, d));
-      const g = "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})";
-      r.slices.template.setAll({
-        tooltipText: g,
-        stroke: s(a.palette.background.paper),
+      t.set("colors", q(e, T));
+      const b = k({ percentDecimals: p, showValueText: f });
+      t.slices.template.setAll({
+        tooltipText: b,
+        stroke: d(i.palette.background.paper),
         strokeWidth: 2,
         strokeOpacity: 1,
         cornerRadius: 4
-      }), r.slices.template.states.create("hover", { scale: 1.04 }), r.set("radius", l(80)), r.labels.template.setAll({
-        text: g,
+      }), t.slices.template.states.create("hover", { scale: 1.04 }), t.set("radius", c(80)), t.labels.template.setAll({
+        text: b,
         maxWidth: 140,
         oversizedBehavior: "wrap"
-      }), t[0].type === "date" && n.forEach((Y) => {
-        let p = "YYYY";
-        t[0].value.includes("month") ? p = "MMM YYYY" : t[0].value.includes("day") && (p = "DD MMM YYYY"), Y[t[0].value] = b(Y[t[0].value]).format(
-          p
+      });
+      const D = (r, s) => {
+        const S = J(s);
+        return S === void 0 ? r : k({ percentDecimals: p, showValueText: f, percent: S });
+      };
+      t.slices.template.adapters.add("tooltipText", D), t.labels.template.adapters.add("text", D), !l && a[0].type === "date" && m.forEach((r) => {
+        let s = "YYYY";
+        a[0].value.includes("month") ? s = "MMM YYYY" : a[0].value.includes("day") && (s = "DD MMM YYYY"), r[a[0].value] = W(r[a[0].value]).format(
+          s
         );
-      }), r.data.setAll(n), h.children.push(
-        E.new(e, {
-          centerX: l(50),
-          x: l(50),
+      }), t.data.setAll(I);
+      const L = x.children.push(
+        U.new(e, {
+          centerX: c(50),
+          x: c(50),
           marginTop: 15,
           marginBottom: 15
         })
-      ).data.setAll(r.dataItems), r.appear(1e3, 100);
-    }, T), () => {
+      );
+      G(L, p), L.data.setAll(t.dataItems);
+      const n = a[0], h = n ? (F = m[0]) == null ? void 0 : F[n.value] : void 0;
+      Y && l && n && h != null && h !== "" && x.children.push(
+        Z.new(e, {
+          text: n.type === "date" ? O(h, n.dateFormat, n.value) : String(h),
+          centerX: c(50),
+          x: c(50),
+          fill: d(i.palette.text.secondary),
+          fontSize: 12,
+          paddingBottom: 8
+        })
+      ), t.appear(1e3, 100);
+    }, P), () => {
       var e;
-      m && clearTimeout(m), (e = c.current) == null || e.dispose(), c.current = null;
+      v && clearTimeout(v), (e = g.current) == null || e.dispose(), g.current = null;
     };
-  }, [n, t, o, a.palette.mode, d]);
-  const k = { ...u };
-  return { chartId: f, ownerState: k, sx: x, error: i, other: M };
+  }, [
+    m,
+    a,
+    o,
+    i.palette.mode,
+    T,
+    Y,
+    f,
+    p
+  ]);
+  const B = { ...y };
+  return { chartId: w, ownerState: B, sx: R, error: u, other: C };
 };
 export {
-  G as useDonutChartLogic
+  de as useDonutChartLogic
 };

package/dist/components/charts/drill-down-voronoi-treemap/logic.js

@@ -1451,7 +1451,10 @@ const kn = (t) => {
         Ee.new(m, {
           width: Vt,
           height: Vt,
-          wheelable: !0,
+          // Off by default for the same reason the XY charts set `wheelX`/`wheelY`
+          // to "none": the widget lives in a scrollable dashboard, and capturing the
+          // wheel traps the page scroll. Drill-down is click-driven; pinch still zooms.
+          wheelable: !1,
           pinchZoom: !0
         })
       ).contents.children.push(

package/dist/components/charts/highlighting-line-data/logic.js

@@ -1,6 +1,6 @@
 import { R as I, A as W } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as z } from "@mui/material";
-import { useRef as d, useLayoutEffect as S } from "react";
+import { useThemeProps as S } from "@mui/material";
+import { useRef as d, useLayoutEffect as z } from "react";
 import { X as F, V } from "../../../AxisRenderer-BCQoUJw6.js";
 import { X as G } from "../../../XYCursor-CVUSpqb9.js";
 import { D as M } from "../../../DateAxis-DEXKps1S.js";
@@ -11,7 +11,7 @@ import { L as j } from "../../../LineSeries-D_IL2qGF.js";
 import { T as q } from "../../../Tooltip-vyZRZWih.js";
 import { L as B } from "../../../Legend-CFvQiIfn.js";
 const ie = (v) => {
-  const u = z({
+  const u = S({
     props: v,
     name: "HCHighlightLineChart"
   }), {
@@ -24,7 +24,7 @@ const ie = (v) => {
     emptyMessage: x = "No data available",
     sx: A,
     ...L
-  } = u, X = {
+  } = u, y = {
     ...u,
     height: f,
     width: k,
@@ -32,8 +32,8 @@ const ie = (v) => {
     showLegend: l,
     loading: g,
     emptyMessage: x
-  }, y = d(null), C = d(null), h = d(null);
-  return S(() => {
+  }, X = d(null), C = d(null), h = d(null);
+  return z(() => {
     if (!h.current) return;
     const e = I.new(h.current);
     C.current = e, e.setThemes([W.new(e)]);
@@ -41,12 +41,14 @@ const ie = (v) => {
       F.new(e, {
         panX: !0,
         panY: !0,
-        wheelX: "panX",
-        wheelY: "zoomX",
+        // The widget lives in a scrollable dashboard, so the wheel must reach the
+        // page instead of panning/zooming the plot. Drag-pan and pinch still zoom.
+        wheelX: "none",
+        wheelY: "none",
         pinchZoomX: !0
       })
     );
-    y.current = o, o.set(
+    X.current = o, o.set(
       "cursor",
       G.new(e, {
         behavior: "zoomX"
@@ -120,7 +122,7 @@ const ie = (v) => {
     emptyMessage: x,
     sx: A,
     other: L,
-    ownerState: X
+    ownerState: y
   };
 };
 export {

package/dist/components/charts/packed-circles/logic.js

@@ -383,7 +383,10 @@ const ze = (t) => {
         U.new(f, {
           width: q,
           height: q,
-          wheelable: !0,
+          // Off by default for the same reason the XY charts set `wheelX`/`wheelY`
+          // to "none": the widget lives in a scrollable dashboard, and capturing the
+          // wheel traps the page scroll. `ZoomTools` and pinch still zoom.
+          wheelable: !1,
           pinchZoom: !0
         })
       );

package/dist/components/charts/pie-chart/logic.js

@@ -1,68 +1,106 @@
-import { R as w, A } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as C, useTheme as F } from "@mui/material";
-import L from "dayjs";
-import { useId as R, useRef as D, useEffect as I } from "react";
-import { applyValueFormat as S, colorSetFromPalette as b } from "../_common/utils.js";
-import { P as E, a as N } from "../../../PieSeries-CMH0Z7pz.js";
-import { c as m, p as v } from "../../../Entity-BJCuhdq_.js";
-import { L as j } from "../../../Legend-CFvQiIfn.js";
-const K = (y) => {
-  const p = C({ props: y, name: "HCPieChart" }), {
+import { R as B, A as E } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as X, useTheme as j } from "@mui/material";
+import k from "dayjs";
+import { useId as z, useRef as H, useEffect as $ } from "react";
+import { formatDateValue as q } from "../_common/format.js";
+import { applyValueFormat as G, colorSetFromPalette as J, buildSliceText as b, applyLegendPercentFormat as K, readSharePercent as O } from "../_common/utils.js";
+import { P as Q, a as U } from "../../../PieSeries-CMH0Z7pz.js";
+import { c as u, p as f } from "../../../Entity-BJCuhdq_.js";
+import { L as W } from "../../../Legend-CFvQiIfn.js";
+import { L as Z } from "../../../Tooltip-vyZRZWih.js";
+const me = (A) => {
+  const v = X({ props: A, name: "HCPieChart" }), {
     dimensions: t,
     values: o,
-    data: i,
-    initDelay: T = 0,
-    colors: u,
-    sx: x,
-    ...M
-  } = p, a = F(), d = `hc-pie-chart-${R().replace(/:/g, "")}`, l = D(null);
-  let s = null;
-  t.length < 1 ? s = "Missing dimensions config!" : o.length < 1 && (s = "Missing values config!"), I(() => {
-    if (s) return;
-    let n;
-    return n = setTimeout(() => {
-      var g;
-      const e = w.new(d);
-      l.current = e, S(e, (g = o == null ? void 0 : o[0]) == null ? void 0 : g.format), e.setThemes([A.new(e)]);
-      const f = e.container.children.push(
-        E.new(e, {
+    data: n,
+    initDelay: C = 0,
+    colors: T,
+    showDimensionLabel: Y = !1,
+    showValueText: h = !0,
+    percentDecimals: m = 2,
+    sx: R,
+    ...I
+  } = v, c = j(), w = `hc-pie-chart-${z().replace(/:/g, "")}`, g = H(null), i = o.length > 1;
+  let d = null;
+  o.length < 1 ? d = "Missing values config!" : !i && t.length < 1 && (d = "Missing dimensions config!"), $(() => {
+    if (d) return;
+    let x;
+    return x = setTimeout(() => {
+      var F, S;
+      const e = B.new(w);
+      g.current = e, G(e, (F = o == null ? void 0 : o[0]) == null ? void 0 : F.format), e.setThemes([E.new(e)]);
+      const y = e.container.children.push(
+        Q.new(e, {
           layout: e.verticalLayout
         })
       );
       e.interfaceColors.setAll({
-        text: m(a.palette.text.primary),
-        grid: m(a.palette.divider),
-        stroke: m(a.palette.divider)
+        text: u(c.palette.text.primary),
+        grid: u(c.palette.divider),
+        stroke: u(c.palette.divider)
       });
-      const r = f.series.push(
-        N.new(e, {
-          valueField: o[0].dataFieldName,
-          categoryField: t[0].value
+      const V = i ? o.map((a) => {
+        var s;
+        return {
+          category: a.label || a.name || a.fieldName,
+          value: (s = n[0]) == null ? void 0 : s[a.dataFieldName]
+        };
+      }) : n, r = y.series.push(
+        U.new(e, {
+          valueField: i ? "value" : o[0].dataFieldName,
+          categoryField: i ? "category" : t[0].value
         })
       );
-      r.set("colors", b(e, u));
-      const h = "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})";
-      r.slices.template.set("tooltipText", h), r.labels.template.set("text", h), t[0].type === "date" && i.forEach((Y) => {
-        let c = "YYYY";
-        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), Y[t[0].value] = L(Y[t[0].value]).format(
-          c
+      r.set("colors", J(e, T));
+      const L = b({ percentDecimals: m, showValueText: h });
+      r.slices.template.set("tooltipText", L), r.labels.template.set("text", L);
+      const M = (a, s) => {
+        const D = O(s);
+        return D === void 0 ? a : b({ percentDecimals: m, showValueText: h, percent: D });
+      };
+      r.slices.template.adapters.add("tooltipText", M), r.labels.template.adapters.add("text", M), !i && t[0].type === "date" && n.forEach((a) => {
+        let s = "YYYY";
+        t[0].value.includes("month") ? s = "MMM YYYY" : t[0].value.includes("day") && (s = "DD MMM YYYY"), a[t[0].value] = k(a[t[0].value]).format(
+          s
         );
-      }), r.data.setAll(i), f.children.push(
-        j.new(e, {
-          centerX: v(50),
-          x: v(50),
+      }), r.data.setAll(V);
+      const P = y.children.push(
+        W.new(e, {
+          centerX: f(50),
+          x: f(50),
           marginTop: 15,
           marginBottom: 15
         })
-      ).data.setAll(r.dataItems), r.appear(1e3, 100);
-    }, T), () => {
+      );
+      K(P, m), P.data.setAll(r.dataItems);
+      const l = t[0], p = l ? (S = n[0]) == null ? void 0 : S[l.value] : void 0;
+      Y && i && l && p != null && p !== "" && y.children.push(
+        Z.new(e, {
+          text: l.type === "date" ? q(p, l.dateFormat, l.value) : String(p),
+          centerX: f(50),
+          x: f(50),
+          fill: u(c.palette.text.secondary),
+          fontSize: 12,
+          paddingBottom: 8
+        })
+      ), r.appear(1e3, 100);
+    }, C), () => {
       var e;
-      n && clearTimeout(n), (e = l.current) == null || e.dispose(), l.current = null;
+      x && clearTimeout(x), (e = g.current) == null || e.dispose(), g.current = null;
     };
-  }, [i, t, o, a.palette.mode, u]);
-  const P = { ...p };
-  return { chartId: d, ownerState: P, sx: x, error: s, other: M };
+  }, [
+    n,
+    t,
+    o,
+    c.palette.mode,
+    T,
+    Y,
+    h,
+    m
+  ]);
+  const N = { ...v };
+  return { chartId: w, ownerState: N, sx: R, error: d, other: I };
 };
 export {
-  K as usePieChartLogic
+  me as usePieChartLogic
 };

package/dist/components/data-map/index.js

@@ -21,7 +21,11 @@ const H = (i) => {
           zoom: 3,
           options: {
             cssPosition: "absolute",
-            controls: { zoom: !1 }
+            controls: { zoom: !1 },
+            // The widget sits in a scrollable dashboard: swallowing the wheel would
+            // trap the page scroll on the map. Zoom stays available through
+            // `Controls` and double-click.
+            interactions: { mouseWheelZoom: !1 }
           },
           onInit: a.onInit
         }

package/dist/components/data-map/logic.js

@@ -1,108 +1,119 @@
-import { useThemeProps as Q, useTheme as X } from "@mui/material";
-import { V as B } from "../../Vector-BmuhQO4p.js";
-import { t as V } from "../../Source-BSZST_GH.js";
-import { V as T } from "../../Vector-DfTqQEln.js";
-import { uniqueId as C, isEmpty as O, values as z } from "lodash";
-import { useRef as m, useState as N, useEffect as G } from "react";
-import { createMapboxLayer as Y } from "../map/helpers/mapbox.js";
-import { parse as U } from "../map/helpers/wkt.js";
-import { W as K } from "../../WKT-2wsDT-nq.js";
-import { S as j, I as _ } from "../../Text-ChJRuaD8.js";
-const $ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADNCAMAAAAmPqoJAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAohQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Ro2BGQAAANh0Uk5TABA4XICDn6e/y9/Pq4dkPBgoWHyjx+v/8zQEGkx/seTntIJPHSxwr++3eAqO1JJQDgFDhYlHBQhAkeHmlkVOnvRTAgtbrPxgSD6dRCDeJmHAxmebu9zjdwwumaBWwchdE37q8DuuQmLbam7odnv7CQ0VkyHDj2niJK2G8sw5pRJxomyLP0uqswZXqb4w97V5NRxo1yeMxA91+C1a5f3KjXLSvbzO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", le = (Z) => {
-  const q = Q({ props: Z, name: "HCDataMap" }), { data: A, payload: l, onPayloadUpdate: H, accessToken: D, sx: w, ...R } = q, p = X(), g = m(C("map-")), t = m(null), c = m(null), d = m(null), n = m(null), f = m(), [x, E] = N(!1), [L, M] = N(null), P = () => {
-    if (!x || !t.current || !A || O(A) || !d.current)
+import { useThemeProps as C, useTheme as O } from "@mui/material";
+import { V as U } from "../../Vector-BmuhQO4p.js";
+import { t as Y } from "../../Source-BSZST_GH.js";
+import { V as K } from "../../Vector-DfTqQEln.js";
+import { uniqueId as j, isEmpty as _, values as L, isEqual as $ } from "lodash";
+import { useRef as n, useEffect as b, useState as w } from "react";
+import { createMapboxLayer as ee } from "../map/helpers/mapbox.js";
+import { parse as te } from "../map/helpers/wkt.js";
+import { W as re } from "../../WKT-2wsDT-nq.js";
+import { S as oe, I as ae } from "../../Text-ChJRuaD8.js";
+const ne = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADNCAMAAAAmPqoJAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAohQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Ro2BGQAAANh0Uk5TABA4XICDn6e/y9/Pq4dkPBgoWHyjx+v/8zQEGkx/seTntIJPHSxwr++3eAqO1JJQDgFDhYlHBQhAkeHmlkVOnvRTAgtbrPxgSD6dRCDeJmHAxmebu9zjdwwumaBWwchdE37q8DuuQmLbam7odnv7CQ0VkyHDj2niJK2G8sw5pRJxomyLP0uqswZXqb4w97V5NRxo1yeMxA91+C1a5f3KjXLSvbzO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", ce = [-170, -65, 170, 65], qe = (S) => {
+  const q = C({ props: S, name: "HCDataMap" }), { data: l, payload: g, onPayloadUpdate: y, accessToken: P, sx: W, ...v } = q, m = O(), M = n(j("map-")), o = n(null), u = n(null), i = n(null), c = n(null), d = n(), A = n(!1), x = n(!1), h = n(null), p = n({ payload: g, onPayloadUpdate: y });
+  b(() => {
+    p.current = { payload: g, onPayloadUpdate: y };
+  });
+  const [z, I] = w(!1), [k, J] = w(null), X = () => {
+    if (!z || !o.current || !l || _(l) || !i.current)
       return;
-    const r = new K(), o = A.filter((e) => {
-      const a = z(e.variables.geometry)[0];
+    const e = new re(), t = l.filter((r) => {
+      const a = L(r.variables.geometry)[0];
       try {
-        return U(a), !0;
+        return te(a), !0;
       } catch {
         return !1;
       }
-    }).map((e) => {
-      const a = z(e.variables.geometry)[0], u = r.readFeature(a, {
+    }).map((r) => {
+      const a = L(r.variables.geometry)[0], s = e.readFeature(a, {
         dataProjection: "EPSG:4326",
         featureProjection: "EPSG:3857"
       });
-      return u.set("title", e.title), u;
+      return s.set("title", r.title), s;
     });
-    d.current.clear(), d.current.addFeatures(o);
-  }, y = () => {
-    var e;
-    if (!t.current) return;
-    const r = (e = t.current) == null ? void 0 : e.getBoundingBox(), o = {
-      ...l,
-      boundingBox: r
+    i.current.clear(), i.current.addFeatures(t);
+  }, N = () => {
+    if (!A.current || !o.current) return !1;
+    const e = o.current.getSize();
+    return !!(e && e[0] > 0 && e[1] > 0);
+  }, R = () => {
+    if (!o.current || !N()) return;
+    const e = o.current.getBoundingBox(), t = {
+      ...p.current.payload,
+      boundingBox: e
     };
-    H(o);
-  }, S = () => {
-    f.current && clearTimeout(f.current), f.current = setTimeout(() => {
-      var r;
-      (r = t.current) == null || r.updateSize(), c.current && c.current.map.resize();
+    $(t, h.current) || (h.current = t, p.current.onPayloadUpdate(t));
+  }, D = () => {
+    var r, a;
+    if (x.current || !N()) return;
+    const e = (r = p.current.payload) == null ? void 0 : r.boundingBox, t = e ? [
+      e.bottomLeft.longitude,
+      e.bottomLeft.latitude,
+      e.topRight.longitude,
+      e.topRight.latitude
+    ] : ce;
+    (a = o.current) == null || a.centerToExtent(
+      Y(t, "EPSG:4326", "EPSG:3857")
+    ), x.current = !0, R();
+  }, F = () => {
+    d.current && clearTimeout(d.current), d.current = setTimeout(() => {
+      var e;
+      A.current && ((e = o.current) == null || e.updateSize(), u.current && u.current.map.resize(), D());
     }, 100);
-  }, W = () => {
-    var r, o;
-    (r = t.current) == null || r.on("movestart", () => {
-      n.current && (clearTimeout(n.current), n.current = null);
-    }), (o = t.current) == null || o.on("moveend", () => {
-      n.current && (clearTimeout(n.current), n.current = null), n.current = setTimeout(y, 500);
+  }, Q = () => {
+    var e, t;
+    (e = o.current) == null || e.on("movestart", () => {
+      c.current && (clearTimeout(c.current), c.current = null);
+    }), (t = o.current) == null || t.on("moveend", () => {
+      c.current && (clearTimeout(c.current), c.current = null), c.current = setTimeout(R, 500);
     });
-  }, k = () => {
-    var u, J, h;
-    const r = p.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", o = Y({
-      id: g.current,
+  }, B = () => {
+    var s, G, Z;
+    const e = m.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", t = ee({
+      id: M.current,
       center: [0, 0],
-      style: r,
-      accessToken: D
+      style: e,
+      accessToken: P
     });
-    (u = t.current) == null || u.addLayer(o.layer), c.current = o;
-    const e = new T(), a = new B({
-      source: e,
-      style: new j({
-        image: new _({
+    (s = o.current) == null || s.addLayer(t.layer), u.current = t;
+    const r = new K(), a = new U({
+      source: r,
+      style: new oe({
+        image: new ae({
           anchor: [0.5, 1],
-          src: $,
+          src: ne,
           scale: 0.1,
-          color: p.palette.primary.main
+          color: m.palette.primary.main
         })
       })
     });
-    if ((J = t.current) == null || J.addLayer(a), d.current = e, E(!0), W(), y(), (h = t.current) == null || h.on("pointermove", (s) => {
-      var b;
-      const i = (b = t.current) == null ? void 0 : b.forEachFeatureAtPixel(s.pixel, 4);
-      M(i ? {
-        text: i.get("title"),
-        x: s.pixel[0],
-        y: s.pixel[1]
+    (G = o.current) == null || G.addLayer(a), i.current = r, A.current = !0, I(!0), Q(), (Z = o.current) == null || Z.on("pointermove", (f) => {
+      var E;
+      const H = (E = o.current) == null ? void 0 : E.forEachFeatureAtPixel(f.pixel, 4);
+      J(H ? {
+        text: H.get("title"),
+        x: f.pixel[0],
+        y: f.pixel[1]
       } : null);
-    }), l != null && l.boundingBox && t.current) {
-      const { bottomLeft: s, topRight: i } = l.boundingBox, b = [
-        s.longitude,
-        s.latitude,
-        i.longitude,
-        i.latitude
-      ], F = V(b, "EPSG:4326", "EPSG:3857");
-      t.current.centerToExtent(F);
-    }
-  }, v = () => {
-    var e, a;
-    if (!c.current) return;
-    const r = p.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", o = ((a = (e = c.current.layer.getSource()) == null ? void 0 : e.getMapboxMap) == null ? void 0 : a.call(e)) || c.current.map;
-    o && o.setStyle(r);
+    }), D();
+  }, V = () => {
+    var r, a;
+    if (!u.current) return;
+    const e = m.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", t = ((a = (r = u.current.layer.getSource()) == null ? void 0 : r.getMapboxMap) == null ? void 0 : a.call(r)) || u.current.map;
+    t && t.setStyle(e);
   };
-  G(() => (P(), () => {
-  }), [A, x]), G(() => (v(), () => {
-  }), [p.palette.mode]);
-  const I = { ...q };
+  b(() => (X(), () => {
+  }), [l, z]), b(() => (V(), () => {
+  }), [m.palette.mode]);
+  const T = { ...q };
   return {
-    refs: { mapRef: t, mapId: g },
-    state: { tooltip: L },
-    actions: { onInit: k, onMapResize: S },
-    ownerState: I,
-    sx: w,
-    other: R
+    refs: { mapRef: o, mapId: M },
+    state: { tooltip: k },
+    actions: { onInit: B, onMapResize: F },
+    ownerState: T,
+    sx: W,
+    other: v
   };
 };
 export {
-  le as useDataMapLogic
+  qe as useDataMapLogic
 };

package/dist/components/heat-map/index.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Typography as d } from "@mui/material";
-import { useEffect as l } from "react";
+import { Typography as l } from "@mui/material";
+import { useEffect as d } from "react";
 import { u } from "../../index.esm-DAf19hyR.js";
 import { Map as h } from "../map/index.js";
 import { Controls as M } from "./components/controls/index.js";
@@ -8,27 +8,31 @@ import { Legend as R } from "./components/legend/index.js";
 import { useHeatMapLogic as g } from "./logic.js";
 import { HeatMapRoot as H, HeatMapHeader as z, HeatMapContent as x } from "./styled.js";
 const E = (r) => {
-  const { refs: t, actions: i, gradient: p, ownerState: o, sx: s, other: f } = g(r), { width: n, height: a, ref: c } = u();
-  return l(() => (n && a && i.onMapResize(), () => {
-  }), [n, a]), /* @__PURE__ */ m(H, { ownerState: o, sx: s, ref: c, ...f, children: [
-    /* @__PURE__ */ e(z, { ownerState: o, children: /* @__PURE__ */ e(d, { variant: "h3", children: r.title }) }),
-    /* @__PURE__ */ m(x, { ownerState: o, children: [
+  const { refs: o, actions: i, gradient: s, ownerState: t, sx: p, other: f } = g(r), { width: n, height: a, ref: c } = u();
+  return d(() => (n && a && i.onMapResize(), () => {
+  }), [n, a]), /* @__PURE__ */ m(H, { ownerState: t, sx: p, ref: c, ...f, children: [
+    /* @__PURE__ */ e(z, { ownerState: t, children: /* @__PURE__ */ e(l, { variant: "h3", children: r.title }) }),
+    /* @__PURE__ */ m(x, { ownerState: t, children: [
       /* @__PURE__ */ e(
         h,
         {
-          id: t.mapId.current,
-          ref: t.mapRef,
+          id: o.mapId.current,
+          ref: o.mapRef,
           center: { latitude: 0, longitude: 0 },
           zoom: 3,
           options: {
             cssPosition: "absolute",
-            controls: { zoom: !1 }
+            controls: { zoom: !1 },
+            // The widget sits in a scrollable dashboard: swallowing the wheel would
+            // trap the page scroll on the map. Zoom stays available through
+            // `Controls` and double-click.
+            interactions: { mouseWheelZoom: !1 }
           },
           onInit: i.onInit
         }
       ),
-      /* @__PURE__ */ e(R, { gradient: p }),
-      /* @__PURE__ */ e(M, { mapRef: t.mapRef.current })
+      /* @__PURE__ */ e(R, { gradient: s }),
+      /* @__PURE__ */ e(M, { mapRef: o.mapRef.current })
     ] })
   ] });
 };

package/dist/main.d.ts

@@ -837,7 +837,31 @@ export declare type DonutChartComponentOverride<Theme = unknown> = {
     styleOverrides?: ComponentsOverrides_2<Theme>["HCDonutChart"];
 };
 
-export declare type DonutChartProps = ChartProps;
+export declare interface DonutChartProps extends ChartProps {
+    /**
+     * Show the row's dimension value (e.g. which record the breakdown belongs to)
+     * as a caption under the legend. Only takes effect when more than one value is
+     * configured — each value then becomes a slice and the dimension labels
+     * nothing on the chart. Defaults to `false`.
+     */
+    showDimensionLabel?: boolean;
+    /**
+     * Append the raw value to each slice's label and tooltip, after the
+     * percentage — "Up: 62.00% (0.62)". Turn it off for a percentage-only
+     * "Up: 62.00%", e.g. when the value and the percentage say the same thing.
+     * Defaults to `true`.
+     */
+    showValueText?: boolean;
+    /**
+     * Decimal places for the percentage on slice labels and tooltips. Independent
+     * of a value's own `format.decimals`, which describes the measure's scale
+     * rather than its share of the total. Defaults to `2`.
+     *
+     * A share too small to survive this rounding is not reported as "0" — it
+     * escalates precision until a digit shows (see `formatPercent`).
+     */
+    percentDecimals?: number;
+}
 
 export declare const DrillDownTreemap: (inProps: DrillDownTreemapProps) => JSX_2.Element;
 
@@ -1813,7 +1837,31 @@ export declare type PieChartComponentOverride<Theme = unknown> = {
     styleOverrides?: ComponentsOverrides_2<Theme>["HCPieChart"];
 };
 
-export declare type PieChartProps = ChartProps;
+export declare interface PieChartProps extends ChartProps {
+    /**
+     * Show the row's dimension value (e.g. which record the breakdown belongs to)
+     * as a caption under the legend. Only takes effect when more than one value is
+     * configured — each value then becomes a slice and the dimension labels
+     * nothing on the chart. Defaults to `false`.
+     */
+    showDimensionLabel?: boolean;
+    /**
+     * Append the raw value to each slice's label and tooltip, after the
+     * percentage — "Up: 62.00% (0.62)". Turn it off for a percentage-only
+     * "Up: 62.00%", e.g. when the value and the percentage say the same thing.
+     * Defaults to `true`.
+     */
+    showValueText?: boolean;
+    /**
+     * Decimal places for the percentage on slice labels and tooltips. Independent
+     * of a value's own `format.decimals`, which describes the measure's scale
+     * rather than its share of the total. Defaults to `2`.
+     *
+     * A share too small to survive this rounding is not reported as "0" — it
+     * escalates precision until a digit shows (see `formatPercent`).
+     */
+    percentDecimals?: number;
+}
 
 export declare const Placeholder: (props: PlaceholderProps) => JSX_2.Element;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.27",
+  "version": "1.6.29",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",