@milaboratories/miplots4 1.0.141 → 1.0.142

package/dist/dendro/ChartRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/dendro/ChartRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/dendro/ChartRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/dendro/ChartRenderer.js

@@ -1,6 +1,6 @@
 var V = Object.defineProperty;
-var Y = (r, t, e) => t in r ? V(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var H = (r, t, e) => Y(r, typeof t != "symbol" ? t + "" : t, e);
+var Y = (n, t, e) => t in n ? V(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var E = (n, t, e) => Y(n, typeof t != "symbol" ? t + "" : t, e);
 import { j as F } from "../node_modules/react/jsx-runtime.js";
 import { createRoot as Z } from "../node_modules/react-dom/client.js";
 import { Error as $ } from "../common/Error.js";
@@ -15,81 +15,85 @@ import "../types/histogram.js";
 import "../types/bubble.js";
 import { getContinuousLegendTicks as it } from "../utils/getContinuousLegendTicks.js";
 import { getContinuousLegendWidth as st, getDiscreteLegendWidth as ot } from "../utils/getLegendWidth.js";
-import { TextMeasurer as j } from "../utils/TextMeasurer/TextMeasurer.js";
-import { Chart as nt } from "./components/Chart.js";
-import { HEIGHT as k, WIDTH as P, MARGIN as N, MAX_HEATMAP_WIDTH as rt, COLOR_NULL as O, MAX_LEGEND_HEIGHT as ht, HEATMAP_LEFT_OFFSET as U } from "./constants.js";
+import { TextMeasurer as K } from "../utils/TextMeasurer/TextMeasurer.js";
+import { Chart as rt } from "./components/Chart.js";
+import { MARGIN as N, HEIGHT as k, WIDTH as j, MAX_HEATMAP_WIDTH as nt, COLOR_NULL as G, MAX_LEGEND_HEIGHT as ht, HEATMAP_LEFT_OFFSET as U } from "./constants.js";
 import { updateLinksHeight as at, updateNodesHorizontalPosition as lt } from "./getHierarchyData.js";
 import b from "../node_modules/d3-scale/src/ordinal.js";
 import ct from "../node_modules/d3-scale/src/linear.js";
 import { sqrt as J } from "../node_modules/d3-scale/src/pow.js";
-import dt from "../node_modules/d3-hierarchy/src/cluster.js";
-function R(r, t) {
+import pt from "../node_modules/d3-hierarchy/src/cluster.js";
+function O(n, t) {
   if (X(t))
-    return (e) => t.valuesMap[String(r.getColumnValue(t.columnName.value, e))];
+    return (e) => t.valuesMap[String(n.getColumnValue(t.columnName.value, e))];
   if (q(t)) {
     const { domain: e, range: s } = t, c = J().domain(e).range(s);
     return (h) => {
-      const o = c(Number(r.getColumnValue(t.columnName.value, h)));
+      const o = c(Number(n.getColumnValue(t.columnName.value, h)));
       return Math.max(1, o);
     };
   }
   return (e) => t;
 }
-function pt(r, t) {
+function dt(n, t) {
   return {
-    nodeShape: R(r, t.nodeShape),
-    nodeColor: R(r, t.nodeColor),
-    nodeSize: R(r, t.nodeSize),
-    lineShape: R(r, t.lineShape),
-    lineColor: R(r, t.lineColor)
+    nodeShape: O(n, t.nodeShape),
+    nodeColor: O(n, t.nodeColor),
+    nodeSize: O(n, t.nodeSize),
+    lineShape: O(n, t.lineShape),
+    lineColor: O(n, t.lineColor)
   };
 }
-const ut = (r, t) => {
+const mt = (n, t) => {
   const e = Math.min(...t), s = Math.max(...t);
   if (e === s) {
-    const o = r % 2 === 0 ? [] : [e];
-    for (let d = 1; d < r / 2 + 1; d++)
-      o.push(e + d), o.unshift(e - d);
+    const o = n % 2 === 0 ? [] : [e];
+    for (let p = 1; p < n / 2 + 1; p++)
+      o.push(e + p), o.unshift(e - p);
     return o;
   }
-  if (r < 2)
+  if (n < 2)
     return [e, s];
-  const c = (s - e) / (r - 1), h = [];
-  for (let o = 0; o < r - 1; o++)
+  const c = (s - e) / (n - 1), h = [];
+  for (let o = 0; o < n - 1; o++)
     h.push(e + c * o);
   return h.push(s), h;
 };
-function mt(r, t = 1, e, s) {
-  const c = (r < 16 ? 40 : r < 49 ? 32 : 24) * t;
+function ut(n, t = 1, e, s) {
+  const c = (n < 16 ? 40 : n < 49 ? 32 : 24) * t;
   return Math.max(Math.min(c, s ?? 1 / 0), e ?? -1 / 0);
 }
 class Ft {
   constructor() {
-    H(this, "component", /* @__PURE__ */ F.jsx(F.Fragment, {}));
-    H(this, "reactRoot", null);
-    H(this, "parentNode", null);
-    H(this, "rootNode", null);
-    H(this, "chartSizes", {
-      treeWidth: P,
+    E(this, "component", /* @__PURE__ */ F.jsx(F.Fragment, {}));
+    E(this, "reactRoot", null);
+    E(this, "parentNode", null);
+    E(this, "rootNode", null);
+    E(this, "chartSizes", {
+      treeWidth: j,
       treeHeight: k,
       heatmapWidth: 0,
       heatmapHeight: 0,
-      totalWidth: P + P + N.LEFT + N.RIGHT,
+      totalWidth: j + j + N.LEFT + N.RIGHT,
       totalHeight: k + N.TOP + N.BOTTOM,
-      labelsOffset: 0
+      labelsOffset: 0,
+      marginLeft: N.LEFT,
+      marginRight: N.RIGHT,
+      marginTop: N.TOP,
+      marginBottom: N.BOTTOM
     });
-    H(this, "legend", { width: 0, height: 0, items: [] });
+    E(this, "legend", { width: 0, height: 0, items: [] });
     // heatmap scales and step
-    H(this, "heatmapScales", {
+    E(this, "heatmapScales", {
       x: b().domain(["null"]).range([1]),
       y: b().domain(["null"]).range([1])
     });
-    H(this, "heatmapStep", { x: 0, y: 0 });
-    H(this, "heatmapColorScale", {
+    E(this, "heatmapStep", { x: 0, y: 0 });
+    E(this, "heatmapColorScale", {
       scale: b([]),
       getter: () => "white"
     });
-    H(this, "heatmapLabels", []);
+    E(this, "heatmapLabels", []);
   }
   clear() {
     var t;
@@ -106,46 +110,46 @@ class Ft {
       this.chartSizes.heatmapWidth = 0;
       return;
     }
-    const { xKeysByGroups: c, xGroupKeys: h, xKeys: o, yKeys: d } = t, f = 5, S = h.map((i) => c[i].length), _ = S.reduce((i, n) => i + n, 0), M = this.chartSizes.treeHeight / d.length, v = Math.min(
+    const { xKeysByGroups: c, xGroupKeys: h, xKeys: o, yKeys: p } = t, S = 5, f = h.map((i) => c[i].length), A = f.reduce((i, r) => i + r, 0), M = this.chartSizes.treeHeight / p.length, v = Math.min(
       Math.max(
-        (rt - (S.filter((i) => i > 0).length - 1) * f) / _,
+        (nt - (f.filter((i) => i > 0).length - 1) * S) / A,
         s.minCellWidth
       ),
       s.maxCellWidth
     ), y = [];
-    let z = 0;
+    let C = 0;
     h.forEach((i) => {
-      const n = c[i];
-      n.forEach(() => {
-        y.push(z), z += v;
-      }), n.length > 0 && (z += f);
-    }), this.heatmapScales.x = b().domain(o).range(y), this.heatmapScales.y = b().domain(d).range(d.map((i, n) => n * M)), this.heatmapStep.x = v, this.heatmapStep.y = M;
-    const { colorsList: x, colorsMap: T } = e.aes;
-    if (e.valueType === "continuous" && x) {
-      const i = ct().domain(ut(x.length, t.meta.valueExtent)).range(x);
+      const r = c[i];
+      r.forEach(() => {
+        y.push(C), C += v;
+      }), r.length > 0 && (C += S);
+    }), this.heatmapScales.x = b().domain(o).range(y), this.heatmapScales.y = b().domain(p).range(p.map((i, r) => r * M)), this.heatmapStep.x = v, this.heatmapStep.y = M;
+    const { colorsList: T, colorsMap: x } = e.aes;
+    if (e.valueType === "continuous" && T) {
+      const i = ct().domain(mt(T.length, t.meta.valueExtent)).range(T);
       this.heatmapColorScale = {
         scale: i,
-        getter: (n) => i(n)
+        getter: (r) => i(r)
       };
     }
-    if (e.valueType === "discrete" && T) {
-      const i = Object.keys(T).filter((n) => t.meta.uniqueValues.has(n));
+    if (e.valueType === "discrete" && x) {
+      const i = Object.keys(x).filter((r) => t.meta.uniqueValues.has(r));
       this.heatmapColorScale = {
         scale: b(
           i,
-          i.map((n) => T[n])
-        ).unknown(O),
-        getter: (n) => n ? T[n] ?? O : O
+          i.map((r) => x[r])
+        ).unknown(G),
+        getter: (r) => r ? x[r] ?? G : G
       };
     }
-    if (e.valueType === "stringSource" && x) {
-      const i = [...t.meta.uniqueValues], n = b(
+    if (e.valueType === "stringSource" && T) {
+      const i = [...t.meta.uniqueValues], r = b(
         i,
-        i.map((C, L) => x[L % x.length])
-      ).unknown(O);
+        i.map((z, H) => T[H % T.length])
+      ).unknown(G);
       this.heatmapColorScale = {
-        scale: n,
-        getter: (C) => C ? n(C) : O
+        scale: r,
+        getter: (z) => z ? r(z) : G
       };
     }
     this.chartSizes.heatmapWidth = this.heatmapScales.x(t.xKeys[t.xKeys.length - 1]) + this.heatmapStep.x;
@@ -159,102 +163,102 @@ class Ft {
       };
       return;
     }
-    const d = new j("600 14px Arial"), f = 16, S = 48, _ = 20, M = 24;
-    function v(p, a) {
+    const p = new K("600 14px Arial"), S = 16, f = 48, A = 20, M = 24;
+    function v(d, a) {
       return Math.max(
-        ...p.map((u) => d.getTextWidth(String(u)) + _),
-        d.getTextWidth(a)
+        ...d.map((m) => p.getTextWidth(String(m)) + A),
+        p.getTextWidth(a)
       );
     }
     const y = [];
-    [s.nodeColor, s.nodeShape, s.lineColor].filter(X).map((p) => p.columnName).forEach((p) => {
-      const a = e[p.value];
+    [s.nodeColor, s.nodeShape, s.lineColor].filter(X).map((d) => d.columnName).forEach((d) => {
+      const a = e[d.value];
       if (a.usedAes.length === 0 || !a.aesMap)
         return;
-      const u = p.label ?? p.value, E = a.values, m = {};
-      E.forEach((l) => {
-        m[l] || (m[l] = { ...tt }), a.usedAes.forEach((g) => {
-          var w, A, W;
-          (g === "dotFill" || g === "lineColor") && (m[l].color = ((w = a.aesMap[l]) == null ? void 0 : w[g]) ?? D), g === "dotShape" && (m[l].shape = ((A = a.aesMap[l]) == null ? void 0 : A[g]) ?? "21"), g === "dotSize" && (m[l].size = ((W = a.aesMap[l]) == null ? void 0 : W[g]) ?? 3);
+      const m = d.label ?? d.value, L = a.values, u = {};
+      L.forEach((l) => {
+        u[l] || (u[l] = { ...tt }), a.usedAes.forEach((g) => {
+          var w, R, W;
+          (g === "dotFill" || g === "lineColor") && (u[l].color = ((w = a.aesMap[l]) == null ? void 0 : w[g]) ?? D), g === "dotShape" && (u[l].shape = ((R = a.aesMap[l]) == null ? void 0 : R[g]) ?? "21"), g === "dotSize" && (u[l].size = ((W = a.aesMap[l]) == null ? void 0 : W[g]) ?? 3);
         });
       }), y.push({
-        columnKey: u,
-        data: m,
+        columnKey: m,
+        data: u,
         values: a.values,
         labels: a.labels
       });
     });
-    const x = [];
-    let T = 0, i = 0, n = 0, C = Math.min(this.chartSizes.treeHeight, ht);
+    const T = [];
+    let x = 0, i = 0, r = 0, z = Math.min(this.chartSizes.treeHeight, ht);
     if (c && h) {
-      const p = o.valueType, a = c.label ?? c.value;
-      if (p === "continuous") {
-        const u = this.heatmapColorScale.scale, E = it(u, h.meta.valueExtent, 4), l = {
+      const d = o.valueType, a = c.label ?? c.value;
+      if (d === "continuous") {
+        const m = this.heatmapColorScale.scale, L = it(m, h.meta.valueExtent, 4), l = {
           id: "heatmapValue",
           type: "continuous",
-          width: st(E, a),
-          height: C,
+          width: st(L, a),
+          height: z,
           left: 0,
           top: 0,
           title: a,
-          scale: u,
-          values: E,
+          scale: m,
+          values: L,
           labels: {}
         };
-        x.push(l), i = l.height + S, T = l.width;
+        T.push(l), i = l.height + f, x = l.width;
       } else {
-        const u = this.heatmapColorScale.scale, E = ot(u, a), m = u.domain(), l = m.length * f, g = {
+        const m = this.heatmapColorScale.scale, L = ot(m, a), u = m.domain(), l = u.length * S, g = {
           id: "heatmapValue",
           type: "discrete",
-          width: E,
+          width: L,
           height: l,
           left: 0,
           top: 0,
           title: a,
-          scale: u,
-          values: m,
+          scale: m,
+          values: u,
           labels: {}
         };
-        x.push(g), i = g.height + S, T = g.width;
+        T.push(g), i = g.height + f, x = g.width;
       }
     }
-    if (y.map(({ columnKey: p, labels: a, values: u, data: E }) => {
-      i > C && (i = 0, n += T + M);
-      const m = p, l = v(
-        u.map((G) => a[G]),
-        m
-      ), g = u.length * f;
-      g > C && (C = g);
-      const w = b().domain(u).range(u.map((G) => E[G])), A = n, W = i;
-      x.push({ id: p, type: "nodes", width: l, height: g, left: A, top: W, title: m, scale: w, values: u, labels: a }), T = l, i += g + S;
+    if (y.map(({ columnKey: d, labels: a, values: m, data: L }) => {
+      i > z && (i = 0, r += x + M);
+      const u = d, l = v(
+        m.map((_) => a[_]),
+        u
+      ), g = m.length * S;
+      g > z && (z = g);
+      const w = b().domain(m).range(m.map((_) => L[_])), R = r, W = i;
+      T.push({ id: d, type: "nodes", width: l, height: g, left: R, top: W, title: u, scale: w, values: m, labels: a }), x = l, i += g + f;
     }), q(s.nodeSize)) {
-      i > C && (i = 0, n += T + M);
-      const { columnName: p, domain: a, range: u } = s.nodeSize, E = p.label ?? p.value, m = J(a, u), l = m.ticks(3), g = m.tickFormat(3), w = l.reduce((I, B) => (I[String(B)] = g(B), I), {}), A = v(
+      i > z && (i = 0, r += x + M);
+      const { columnName: d, domain: a, range: m } = s.nodeSize, L = d.label ?? d.value, u = J(a, m), l = u.ticks(3), g = u.tickFormat(3), w = l.reduce((I, P) => (I[String(P)] = g(P), I), {}), R = v(
         l.map((I) => w[I]),
-        E
-      ), W = (m(Math.max(...l)) * 2 + 4) * l.length;
-      W > C && (C = W);
-      const G = n, Q = i;
-      x.push({ id: p.value, type: "size", width: A, height: W, left: G, top: Q, title: E, scale: m, values: l, labels: w }), T = A, i += W + S;
+        L
+      ), W = (u(Math.max(...l)) * 2 + 4) * l.length;
+      W > z && (z = W);
+      const _ = r, Q = i;
+      T.push({ id: d.value, type: "size", width: R, height: W, left: _, top: Q, title: L, scale: u, values: l, labels: w }), x = R, i += W + f;
     }
-    const L = n + T + 2 * et, K = C;
+    const H = r + x + 2 * et, B = z;
     this.legend = {
-      width: L,
-      height: K,
-      items: x
+      width: H,
+      height: B,
+      items: T
     };
   }
   updateChartSizes(t, e, s) {
     const c = s.leaves().length;
     this.chartSizes.treeWidth = e ? t.width / 2 : t.width;
-    const h = mt(c, t.scale, t.minCellHeight, t.maxCellHeight) * c;
-    this.chartSizes.treeHeight = h, this.chartSizes.heatmapHeight = h;
+    const h = ut(c, t.scale, t.minCellHeight, t.maxCellHeight) * c;
+    this.chartSizes.treeHeight = h, this.chartSizes.heatmapHeight = h, this.chartSizes.marginLeft = t.marginLeft, this.chartSizes.marginRight = t.marginRight, this.chartSizes.marginBottom = t.marginBottom, this.chartSizes.marginTop = t.marginTop;
   }
   updateTotalSizes(t) {
-    this.chartSizes.totalWidth = this.chartSizes.treeWidth + this.chartSizes.heatmapWidth + this.legend.width + N.LEFT + N.RIGHT, t && (this.chartSizes.totalWidth += U), this.legend.width > 0 && (this.chartSizes.totalWidth += U), this.chartSizes.totalHeight = Math.max(this.chartSizes.treeHeight, this.legend.height) + N.TOP + N.BOTTOM;
+    this.chartSizes.totalWidth = this.chartSizes.treeWidth + this.chartSizes.heatmapWidth + this.legend.width + this.chartSizes.marginLeft + this.chartSizes.marginRight, t && (this.chartSizes.totalWidth += U), this.legend.width > 0 && (this.chartSizes.totalWidth += U), this.chartSizes.totalHeight = Math.max(this.chartSizes.treeHeight, this.legend.height) + this.chartSizes.marginTop + this.chartSizes.marginBottom;
   }
   prepareTableLabels(t) {
-    const e = new j("bold 14px Arial"), s = "…";
+    const e = new K("bold 14px Arial"), s = "…";
     if (this.heatmapStep.x < 12 || !t) {
       this.heatmapLabels = [];
       return;
@@ -262,64 +266,64 @@ class Ft {
     const c = this.heatmapStep.x - 4;
     this.heatmapLabels = t.xKeys.map((h) => {
       const o = t.meta.xLabels[h];
-      let d = e.getTextWidth(o);
-      if (d < c)
+      let p = e.getTextWidth(o);
+      if (p < c)
         return o;
-      let f = o, S = f == null ? void 0 : f.length;
-      for (; d > c && S > 0; )
-        S--, f = (o == null ? void 0 : o.substring(0, S)) + s, d = e.getTextWidth(f);
-      return S > 0 ? f : "";
+      let S = o, f = S == null ? void 0 : S.length;
+      for (; p > c && f > 0; )
+        f--, S = (o == null ? void 0 : o.substring(0, f)) + s, p = e.getTextWidth(S);
+      return f > 0 ? S : "";
     });
   }
   addLabelsWidthToTreeArea(t, e) {
     if (!e)
       return;
-    const s = t.leaves(), c = new j("bold 14px Manrope");
+    const s = t.leaves(), c = new K("bold 14px Manrope");
     let h = 0;
     s.forEach((o) => {
       if (!o.data.label)
         return;
-      const d = c.getTextWidth(o.data.label), f = o.y + d - this.chartSizes.treeWidth + 8;
-      f > h && (h = f);
+      const p = c.getTextWidth(o.data.label), S = o.y + p - this.chartSizes.treeWidth + 8;
+      S > h && (h = S);
     }), this.chartSizes.treeWidth += h;
   }
-  render(t, e, s, c, h, o, d, f, S, _, M, v, y, z, x, T, i, n) {
+  render(t, e, s, c, h, o, p, S, f, A, M, v, y, C, T, x, i, r) {
     var a;
-    this.updateChartSizes(e.size, z, s), this.updateHeatmapScales(z, x, e.size), this.updateLegendSize(e.legend, T, M, y, z, x), this.prepareTableLabels(z);
-    const C = h === "top" ? [this.chartSizes.treeWidth, this.chartSizes.treeHeight] : [this.chartSizes.treeHeight, this.chartSizes.treeWidth];
-    dt().size(C).separation(() => 1)(s);
-    const L = s;
+    this.updateChartSizes(e.size, C, s), this.updateHeatmapScales(C, T, e.size), this.updateLegendSize(e.legend, x, M, y, C, T), this.prepareTableLabels(C);
+    const z = h === "top" ? [this.chartSizes.treeWidth, this.chartSizes.treeHeight] : [this.chartSizes.treeHeight, this.chartSizes.treeWidth];
+    pt().size(z).separation(() => 1)(s);
+    const H = s;
     at(
-      L,
+      H,
       h === "top" ? this.chartSizes.treeHeight : this.chartSizes.treeWidth,
       i === "alignLeavesToLine"
-    ), lt(L), this.addLabelsWidthToTreeArea(L, S), this.updateTotalSizes(z);
-    const K = pt(t, M), p = /* @__PURE__ */ F.jsx(
-      nt,
+    ), lt(H), this.addLabelsWidthToTreeArea(H, f), this.updateTotalSizes(C);
+    const B = dt(t, M), d = /* @__PURE__ */ F.jsx(
+      rt,
       {
         chartSizes: this.chartSizes,
         chartSettings: e,
-        nodes: L.descendants(),
-        links: L.links(),
+        nodes: H.descendants(),
+        links: H.links(),
         connectionType: c,
         rootPosition: h,
         edgeInheritance: o,
-        showNodes: d,
-        showEdges: f,
-        showLeavesLabels: S,
-        showNodesLabels: _,
-        aesGetters: K,
+        showNodes: p,
+        showEdges: S,
+        showLeavesLabels: f,
+        showNodesLabels: A,
+        aesGetters: B,
         labels: v,
-        heatmapData: z,
+        heatmapData: C,
         heatmapScales: this.heatmapScales,
         heatmapStep: this.heatmapStep,
         heatmapColor: this.heatmapColorScale.getter,
         heatmapLabels: this.heatmapLabels,
         legendData: this.legend,
-        onClick: n
+        onClick: r
       }
     );
-    this.component = p, (a = this.reactRoot) == null || a.render(p);
+    this.component = d, (a = this.reactRoot) == null || a.render(d);
   }
   renderError(t) {
     var e;