@weng-lab/visualization 2.6.0-beta.0 → 2.6.0

package/dist/visualization.es80.js

@@ -1,34 +1,61 @@
-import S from "./visualization.es78.js";
-import g from "./visualization.es76.js";
-var k = (1 + Math.sqrt(5)) / 2;
-function D(w, d, i, a, l, f) {
-  for (var p = [], t = d.children, v, u, q = 0, r = 0, M = t.length, m, c, o = d.value, e, h, s, V, R, b, n; q < M; ) {
-    m = l - i, c = f - a;
-    do
-      e = t[r++].value;
-    while (!e && r < M);
-    for (h = s = e, b = Math.max(c / m, m / c) / (o * w), n = e * e * b, R = Math.max(s / n, n / h); r < M; ++r) {
-      if (e += u = t[r].value, u < h && (h = u), u > s && (s = u), n = e * e * b, V = Math.max(s / n, n / h), V > R) {
-        e -= u;
+function s(i, t, n) {
+  i._context.bezierCurveTo(
+    (2 * i._x0 + i._x1) / 3,
+    (2 * i._y0 + i._y1) / 3,
+    (i._x0 + 2 * i._x1) / 3,
+    (i._y0 + 2 * i._y1) / 3,
+    (i._x0 + 4 * i._x1 + t) / 6,
+    (i._y0 + 4 * i._y1 + n) / 6
+  );
+}
+function _(i) {
+  this._context = i;
+}
+_.prototype = {
+  areaStart: function() {
+    this._line = 0;
+  },
+  areaEnd: function() {
+    this._line = NaN;
+  },
+  lineStart: function() {
+    this._x0 = this._x1 = this._y0 = this._y1 = NaN, this._point = 0;
+  },
+  lineEnd: function() {
+    switch (this._point) {
+      case 3:
+        s(this, this._x1, this._y1);
+      // falls through
+      case 2:
+        this._context.lineTo(this._x1, this._y1);
+        break;
+    }
+    (this._line || this._line !== 0 && this._point === 1) && this._context.closePath(), this._line = 1 - this._line;
+  },
+  point: function(i, t) {
+    switch (i = +i, t = +t, this._point) {
+      case 0:
+        this._point = 1, this._line ? this._context.lineTo(i, t) : this._context.moveTo(i, t);
+        break;
+      case 1:
+        this._point = 2;
+        break;
+      case 2:
+        this._point = 3, this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6);
+      // falls through
+      default:
+        s(this, i, t);
         break;
-      }
-      R = V;
     }
-    p.push(v = { value: e, dice: m < c, children: t.slice(q, r) }), v.dice ? S(v, i, a, l, o ? a += c * e / o : f) : g(v, i, a, o ? i += m * e / o : l, f), o -= e, q = r;
+    this._x0 = this._x1, this._x1 = i, this._y0 = this._y1, this._y1 = t;
   }
-  return p;
+};
+function e(i) {
+  return new _(i);
 }
-const A = (function w(d) {
-  function i(a, l, f, p, t) {
-    D(d, a, l, f, p, t);
-  }
-  return i.ratio = function(a) {
-    return w((a = +a) > 1 ? a : 1);
-  }, i;
-})(k);
 export {
-  A as default,
-  k as phi,
-  D as squarifyRatio
+  _ as Basis,
+  e as default,
+  s as point
 };
 //# sourceMappingURL=visualization.es80.js.map

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/squarify.js"],"sourcesContent":["import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\n\nexport var phi = (1 + Math.sqrt(5)) / 2;\n\nexport function squarifyRatio(ratio, parent, x0, y0, x1, y1) {\n  var rows = [],\n      nodes = parent.children,\n      row,\n      nodeValue,\n      i0 = 0,\n      i1 = 0,\n      n = nodes.length,\n      dx, dy,\n      value = parent.value,\n      sumValue,\n      minValue,\n      maxValue,\n      newRatio,\n      minRatio,\n      alpha,\n      beta;\n\n  while (i0 < n) {\n    dx = x1 - x0, dy = y1 - y0;\n\n    // Find the next non-empty node.\n    do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);\n    minValue = maxValue = sumValue;\n    alpha = Math.max(dy / dx, dx / dy) / (value * ratio);\n    beta = sumValue * sumValue * alpha;\n    minRatio = Math.max(maxValue / beta, beta / minValue);\n\n    // Keep adding nodes while the aspect ratio maintains or improves.\n    for (; i1 < n; ++i1) {\n      sumValue += nodeValue = nodes[i1].value;\n      if (nodeValue < minValue) minValue = nodeValue;\n      if (nodeValue > maxValue) maxValue = nodeValue;\n      beta = sumValue * sumValue * alpha;\n      newRatio = Math.max(maxValue / beta, beta / minValue);\n      if (newRatio > minRatio) { sumValue -= nodeValue; break; }\n      minRatio = newRatio;\n    }\n\n    // Position and record the row orientation.\n    rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});\n    if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);\n    else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);\n    value -= sumValue, i0 = i1;\n  }\n\n  return rows;\n}\n\nexport default (function custom(ratio) {\n\n  function squarify(parent, x0, y0, x1, y1) {\n    squarifyRatio(ratio, parent, x0, y0, x1, y1);\n  }\n\n  squarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return squarify;\n})(phi);\n"],"names":["phi","squarifyRatio","ratio","parent","x0","y0","x1","y1","rows","nodes","row","nodeValue","i0","i1","n","dx","dy","value","sumValue","minValue","maxValue","newRatio","minRatio","alpha","beta","treemapDice","treemapSlice","treemapSquarify","custom","squarify","x"],"mappings":";;AAGU,IAACA,KAAO,IAAI,KAAK,KAAK,CAAC,KAAK;AAE/B,SAASC,EAAcC,GAAOC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAkB3D,WAjBIC,IAAO,CAAA,GACPC,IAAQN,EAAO,UACfO,GACAC,GACAC,IAAK,GACLC,IAAK,GACLC,IAAIL,EAAM,QACVM,GAAIC,GACJC,IAAQd,EAAO,OACfe,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEGZ,IAAKE,KAAG;AACb,IAAAC,IAAKT,IAAKF,GAAIY,IAAKT,IAAKF;AAGxB;AAAG,MAAAa,IAAWT,EAAMI,GAAI,EAAE;AAAA,WAAc,CAACK,KAAYL,IAAKC;AAO1D,SANAK,IAAWC,IAAWF,GACtBK,IAAQ,KAAK,IAAIP,IAAKD,GAAIA,IAAKC,CAAE,KAAKC,IAAQf,IAC9CsB,IAAON,IAAWA,IAAWK,GAC7BD,IAAW,KAAK,IAAIF,IAAWI,GAAMA,IAAOL,CAAQ,GAG7CN,IAAKC,GAAG,EAAED,GAAI;AAMnB,UALAK,KAAYP,IAAYF,EAAMI,CAAE,EAAE,OAC9BF,IAAYQ,MAAUA,IAAWR,IACjCA,IAAYS,MAAUA,IAAWT,IACrCa,IAAON,IAAWA,IAAWK,GAC7BF,IAAW,KAAK,IAAID,IAAWI,GAAMA,IAAOL,CAAQ,GAChDE,IAAWC,GAAU;AAAE,QAAAJ,KAAYP;AAAW;AAAA,MAAO;AACzD,MAAAW,IAAWD;AAAA,IACb;AAGA,IAAAb,EAAK,KAAKE,IAAM,EAAC,OAAOQ,GAAU,MAAMH,IAAKC,GAAI,UAAUP,EAAM,MAAMG,GAAIC,CAAE,EAAC,CAAC,GAC3EH,EAAI,OAAMe,EAAYf,GAAKN,GAAIC,GAAIC,GAAIW,IAAQZ,KAAMW,IAAKE,IAAWD,IAAQV,CAAE,IAC9EmB,EAAahB,GAAKN,GAAIC,GAAIY,IAAQb,KAAMW,IAAKG,IAAWD,IAAQX,GAAIC,CAAE,GAC3EU,KAASC,GAAUN,IAAKC;AAAA,EAC1B;AAEA,SAAOL;AACT;AAEA,MAAAmB,KAAgB,SAASC,EAAO1B,GAAO;AAErC,WAAS2B,EAAS1B,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AACxC,IAAAN,EAAcC,GAAOC,GAAQC,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EAC7C;AAEA,SAAAsB,EAAS,QAAQ,SAASC,GAAG;AAC3B,WAAOF,GAAQE,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEOD;AACT,GAAG7B,CAAG;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es80.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/curve/basis.js"],"sourcesContent":["export function point(that, x, y) {\n  that._context.bezierCurveTo(\n    (2 * that._x0 + that._x1) / 3,\n    (2 * that._y0 + that._y1) / 3,\n    (that._x0 + 2 * that._x1) / 3,\n    (that._y0 + 2 * that._y1) / 3,\n    (that._x0 + 4 * that._x1 + x) / 6,\n    (that._y0 + 4 * that._y1 + y) / 6\n  );\n}\n\nexport function Basis(context) {\n  this._context = context;\n}\n\nBasis.prototype = {\n  areaStart: function() {\n    this._line = 0;\n  },\n  areaEnd: function() {\n    this._line = NaN;\n  },\n  lineStart: function() {\n    this._x0 = this._x1 =\n    this._y0 = this._y1 = NaN;\n    this._point = 0;\n  },\n  lineEnd: function() {\n    switch (this._point) {\n      case 3: point(this, this._x1, this._y1); // falls through\n      case 2: this._context.lineTo(this._x1, this._y1); break;\n    }\n    if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n    this._line = 1 - this._line;\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    switch (this._point) {\n      case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n      case 1: this._point = 2; break;\n      case 2: this._point = 3; this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6); // falls through\n      default: point(this, x, y); break;\n    }\n    this._x0 = this._x1, this._x1 = x;\n    this._y0 = this._y1, this._y1 = y;\n  }\n};\n\nexport default function(context) {\n  return new Basis(context);\n}\n"],"names":["point","that","x","y","Basis","context","curveBasis"],"mappings":"AAAO,SAASA,EAAMC,GAAMC,GAAGC,GAAG;AAChC,EAAAF,EAAK,SAAS;AAAA,KACX,IAAIA,EAAK,MAAMA,EAAK,OAAO;AAAA,KAC3B,IAAIA,EAAK,MAAMA,EAAK,OAAO;AAAA,KAC3BA,EAAK,MAAM,IAAIA,EAAK,OAAO;AAAA,KAC3BA,EAAK,MAAM,IAAIA,EAAK,OAAO;AAAA,KAC3BA,EAAK,MAAM,IAAIA,EAAK,MAAMC,KAAK;AAAA,KAC/BD,EAAK,MAAM,IAAIA,EAAK,MAAME,KAAK;AAAA,EACpC;AACA;AAEO,SAASC,EAAMC,GAAS;AAC7B,OAAK,WAAWA;AAClB;AAEAD,EAAM,YAAY;AAAA,EAChB,WAAW,WAAW;AACpB,SAAK,QAAQ;AAAA,EACf;AAAA,EACA,SAAS,WAAW;AAClB,SAAK,QAAQ;AAAA,EACf;AAAA,EACA,WAAW,WAAW;AACpB,SAAK,MAAM,KAAK,MAChB,KAAK,MAAM,KAAK,MAAM,KACtB,KAAK,SAAS;AAAA,EAChB;AAAA,EACA,SAAS,WAAW;AAClB,YAAQ,KAAK,QAAM;AAAA,MACjB,KAAK;AAAG,QAAAJ,EAAM,MAAM,KAAK,KAAK,KAAK,GAAG;AAAA;AAAA,MACtC,KAAK;AAAG,aAAK,SAAS,OAAO,KAAK,KAAK,KAAK,GAAG;AAAG;AAAA,IACxD;AACI,KAAI,KAAK,SAAU,KAAK,UAAU,KAAK,KAAK,WAAW,MAAI,KAAK,SAAS,UAAS,GAClF,KAAK,QAAQ,IAAI,KAAK;AAAA,EACxB;AAAA,EACA,OAAO,SAASE,GAAGC,GAAG;AAEpB,YADAD,IAAI,CAACA,GAAGC,IAAI,CAACA,GACL,KAAK,QAAM;AAAA,MACjB,KAAK;AAAG,aAAK,SAAS,GAAG,KAAK,QAAQ,KAAK,SAAS,OAAOD,GAAGC,CAAC,IAAI,KAAK,SAAS,OAAOD,GAAGC,CAAC;AAAG;AAAA,MAC/F,KAAK;AAAG,aAAK,SAAS;AAAG;AAAA,MACzB,KAAK;AAAG,aAAK,SAAS,GAAG,KAAK,SAAS,QAAQ,IAAI,KAAK,MAAM,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,KAAK,OAAO,CAAC;AAAA;AAAA,MAC1G;AAAS,QAAAH,EAAM,MAAME,GAAGC,CAAC;AAAG;AAAA,IAClC;AACI,SAAK,MAAM,KAAK,KAAK,KAAK,MAAMD,GAChC,KAAK,MAAM,KAAK,KAAK,KAAK,MAAMC;AAAA,EAClC;AACF;AAEe,SAAAG,EAASD,GAAS;AAC/B,SAAO,IAAID,EAAMC,CAAO;AAC1B;","x_google_ignoreList":[0]}

package/dist/visualization.es81.js

@@ -1,116 +1,11 @@
-import { jsxs as S, jsx as p, Fragment as oe } from "react/jsx-runtime";
-import ce, { useMemo as z, useCallback as ne } from "react";
-import se from "./visualization.es127.js";
-import { calculateBoxStats as re, scottRule as me, silvermanRule as he, kernelDensityEstimator as pe, seededRandom as ue, gaussian as fe } from "./visualization.es24.js";
-import de from "./visualization.es128.js";
-import ie from "./visualization.es50.js";
-import ve from "./visualization.es29.js";
-import ye from "./visualization.es30.js";
-import ke from "./visualization.es129.js";
-import { line as ge } from "./visualization.es37.js";
-import xe from "./visualization.es22.js";
-import $e from "./visualization.es38.js";
-const Re = ({
-  distribution: t,
-  distIndex: $,
-  violinProps: l,
-  crossProps: D,
-  valueScale: m,
-  labelScale: C,
-  offset: Q,
-  labels: R,
-  disableCrossPlot: P,
-  disableViolinPlot: H,
-  horizontal: o,
-  pointTooltipBody: k,
-  onViolinClicked: b,
-  onPointClicked: A
-}) => {
-  const {
-    tooltipData: a,
-    tooltipLeft: X,
-    tooltipTop: N,
-    tooltipOpen: V,
-    showTooltip: Y,
-    hideTooltip: _
-  } = ie(), u = t.data.flatMap((e) => e.value), {
-    min: w,
-    max: T,
-    firstQuartile: F,
-    thirdQuartile: j,
-    median: E,
-    outliers: q
-  } = re(u, D?.outliers ?? "all"), ee = t.data.filter((e) => q.includes(e.value)).map((e) => ({
-    ...e,
-    outlier: !0
-  })), te = t.data.filter((e) => !q.includes(e.value)), G = z(() => {
-    const e = (T - w) / Math.max(100, u.length), s = ve(w, T, e), r = typeof l?.bandwidth == "number" ? l.bandwidth : typeof l?.bandwidth == "function" ? l.bandwidth(u) : l?.bandwidth === "scott" ? me(u) : he(u);
-    return [...pe(fe(r), s)(u)].sort((d, c) => d.value - c.value);
-  }, [u, T, w, l]), W = Math.min(C.bandwidth(), 50), ae = D?.medianWidth ?? W * 0.25, L = z(() => ({
-    label: t.label,
-    sampleSize: t.data.length,
-    median: E.toFixed(2),
-    firstQuartile: F.toFixed(2),
-    thirdQuartile: j.toFixed(2)
-  }), [t.label, t.data.length, E, F, j]), M = ne((e, s, r) => {
-    Y({
-      tooltipData: r && k ? {
-        point: r
-      } : s,
-      tooltipLeft: e.pageX,
-      tooltipTop: e.pageY
-    });
-  }, [k, Y]), J = () => {
-    !b || !a || a && b(t);
-  }, O = (e) => {
-    !A || !a || a && A(e);
-  }, n = o ? (C(R[$]) ?? 0) + W / 2 : (C(R[$]) ?? 0) + Q + C.bandwidth() / 2, K = ye().domain([0, ke(G, (e) => Math.abs(e.count)) || 1]).range([0, W / 2]), U = G.filter((e) => e && e.count != null && e.value != null);
-  let g = [...U.map((e) => ({
-    x: n + K(e.count),
-    y: m(e.value)
-  })), ...U.slice().reverse().map((e) => ({
-    x: n - K(e.count),
-    y: m(e.value)
-  }))];
-  if (g.length > 2) {
-    const e = g.slice(1);
-    e.push(g[0]), e.push(g[1]), g = e;
-  }
-  const Z = ge().x((e) => o ? e.y : e.x).y((e) => o ? e.x : e.y).curve($e)(g) ?? null;
-  return /* @__PURE__ */ S(ce.Fragment, {
-    //display plots if enough data provided
-    children: [
-      /* @__PURE__ */ S("g", { onMouseLeave: _, transform: o ? `translate(${Q}, 0)` : "translate(0, 0)", children: [
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !H && Z && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("path", { d: Z, fill: t.violinColor ?? "none", fillOpacity: t.opacity ?? 0.3, stroke: t.violinColor ?? "black", strokeOpacity: t.opacity ?? 1, strokeWidth: a === L ? (l?.stroke ?? 1) + 1 : l?.stroke ?? 1, pointerEvents: "all", onMouseMove: (e) => M(e, L), onClick: J }) }),
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !P && /* @__PURE__ */ p(se, { crossProps: D, left: o ? 0 : n, top: o ? n : 0, median: E, firstQuartile: F, thirdQuartile: j, valueScale: m, medianWidth: ae, tooltipData: a ?? {}, handleMouseMove: M, handleCrossClick: J, disableViolinPlot: H, tooltip: L, horizontal: o }),
-        ee.map((e, s) => {
-          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = {
-            outlier: !0,
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, h = k ? a?.point === e : a?.label === c.label && a?.value === c.value, i = e.radius ?? 4;
-          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: h ? i + 1 : i, stroke: h ? "#000000" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "#000000", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, c, e), onClick: () => O(e) }, `outlier-${s}`);
-        }),
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && l?.showAllPoints && te.map((e, s) => {
-          const r = m(e.value), x = m(e.value), f = l?.jitter ?? 0, d = `${t.label}-${e}-${s}`, c = f > 0 ? (ue(d) - 0.5) * 2 * f : 0, h = o ? x : n + c, i = o ? n + c : r, v = {
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, B = k ? a?.point === e : a?.label === v.label && a?.value === v.value, I = e.radius ?? 2, y = B ? I + 1 : I;
-          return /* @__PURE__ */ p("path", { d: `M ${h},${i} m -${y},0 a ${y},${y} 0 1,0 ${2 * y},0 a ${y},${y} 0 1,0 -${2 * y},0`, stroke: B ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (le) => M(le, v, e), onClick: () => O(e) }, `${$}-point-${s}`);
-        }),
-        t.data.length < (l?.pointDisplayThreshold ?? 3) && t.data.map((e, s) => {
-          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = e.radius ?? 2, h = {
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, i = k ? a?.point === e : a?.label === h.label && a?.value === h.value;
-          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: i ? c + 1 : c, stroke: i ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, h, e), onClick: () => O(e) }, `thresh-${s}`);
-        })
-      ] }, `group-${$}`),
-      V && a && /* @__PURE__ */ p(xe, { children: /* @__PURE__ */ p(de, { left: X ?? 0, top: N ?? 0, data: a, open: V, pointTooltipBody: k }, `${X}-${N}`) })
-    ]
-  }, `frag-${$}`);
-};
+import o from "./visualization.es214.js";
+import { jsx as t } from "react/jsx-runtime";
+function f(r) {
+  return /* @__PURE__ */ t(o, {
+    ...r
+  });
+}
 export {
-  Re as default
+  f as default
 };
 //# sourceMappingURL=visualization.es81.js.map

package/dist/visualization.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es81.js","sources":["../src/components/ViolinPlot/singleViolin.tsx"],"sourcesContent":["import { scaleLinear } from '@visx/scale';\nimport { max as d3max } from '@visx/vendor/d3-array';\nimport { curveBasis } from '@visx/curve';\nimport { line } from '@visx/shape';\nimport { range } from '@visx/vendor/d3-array';\nimport React, { useCallback, useMemo } from \"react\";\nimport CrossPlot from \"./crossPlot\";\nimport { calculateBoxStats, scottRule, silvermanRule, kernelDensityEstimator, gaussian, seededRandom } from \"./helpers\";\nimport { ViolinPoint, SingleViolinProps, TooltipData } from \"./types\";\nimport ViolinTooltip from \"./violinTooltip\";\nimport { Portal, useTooltip } from \"@visx/tooltip\";\n\nconst SingleViolin = <T,>({\n    distribution,\n    distIndex,\n    violinProps,\n    crossProps,\n    valueScale,\n    labelScale,\n    offset,\n    labels,\n    disableCrossPlot,\n    disableViolinPlot,\n    horizontal,\n    pointTooltipBody,\n    onViolinClicked,\n    onPointClicked\n}: SingleViolinProps<T>) => {\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<TooltipData<T>>();\n\n    const data = distribution.data.flatMap(d => d.value)\n\n    //get all the stats for the box plot\n    const { min, max, firstQuartile, thirdQuartile, median, outliers } = calculateBoxStats(data, crossProps?.outliers ?? \"all\");\n\n    const outlierPoints: ViolinPoint<T>[] = distribution.data\n        .filter(d => outliers.includes(d.value))\n        .map(d => ({\n            ...d,\n            outlier: true\n        }));\n    const pointsNoOutliers: ViolinPoint<T>[] = distribution.data.filter(d => !outliers.includes(d.value))\n\n    const violinData = useMemo(() => {\n        const step = (max - min) / Math.max(100, data.length);\n        const ticks = range(min, max, step);\n\n        //bandwidth / binwidth for smoothing, based on user input\n        const bandwidth = typeof violinProps?.bandwidth === \"number\"\n            ? violinProps.bandwidth\n            : typeof violinProps?.bandwidth === \"function\"\n                ? violinProps.bandwidth(data)\n                : violinProps?.bandwidth === \"scott\"\n                    ? scottRule(data)\n                    : silvermanRule(data);\n\n        const kde = kernelDensityEstimator(gaussian(bandwidth), ticks);\n\n        const densityData = kde(data);\n\n        return [...densityData].sort((a, b) => a.value - b.value)\n    }, [data, max, min, violinProps])\n\n    const violinWidth = Math.min(labelScale.bandwidth(), 50);\n    const boxWidth = crossProps?.medianWidth ?? violinWidth * .25;\n\n    const violinTooltip: TooltipData<T> = useMemo(() => ({\n        label: distribution.label,\n        sampleSize: distribution.data.length,\n        median: median.toFixed(2),\n        firstQuartile: firstQuartile.toFixed(2),\n        thirdQuartile: thirdQuartile.toFixed(2)\n    }), [distribution.label, distribution.data.length, median, firstQuartile, thirdQuartile]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGPathElement>, data: TooltipData<T>, point?: ViolinPoint<T>) => {\n        showTooltip({\n            tooltipData: point && pointTooltipBody ? { point: point } : data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [pointTooltipBody, showTooltip]);\n\n    const handleViolinClick = () => {\n        if (!onViolinClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onViolinClicked(distribution);\n        }\n    };\n\n    const handlePointClick = (point: ViolinPoint<T>) => {\n        if (!onPointClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onPointClicked(point);\n        }\n    };\n\n    //center of each Violin\n    const violinCenter = horizontal ? (labelScale(labels[distIndex]) ?? 0) + violinWidth / 2 : (labelScale(labels[distIndex]) ?? 0) + offset + labelScale.bandwidth() / 2;\n    const widthScale = scaleLinear()\n        .domain([0, d3max(violinData, d => Math.abs(d.count)) || 1])\n        .range([0, violinWidth / 2]);\n\n    //filter out nan values if any\n    const filteredData = violinData.filter(d => d && d.count != null && d.value != null);\n\n    //mirror the data so that both sides are drawn\n    let points = [\n        ...filteredData.map(d => ({\n            x: violinCenter + (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        })),\n        ...filteredData.slice().reverse().map(d => ({\n            x: violinCenter - (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        }))\n    ];\n\n    // close the path at the second point instead of the first since points 0,1 are closer together\n    if (points.length > 2) {\n        const modifiedPoints = points.slice(1);\n        modifiedPoints.push(points[0]);\n        modifiedPoints.push(points[1]);\n        points = modifiedPoints;\n    }\n\n    const violinPath = line<{ x: number; y: number }>()\n        .x(d => horizontal ? d.y : d.x)\n        .y(d => horizontal ? d.x : d.y)\n        .curve(curveBasis)(points) ?? null;\n\n    return (\n        <React.Fragment key={`frag-${distIndex}`}>\n            {\n                //display plots if enough data provided\n                <g\n                    key={`group-${distIndex}`}\n                    onMouseLeave={hideTooltip}\n                    transform={horizontal ? `translate(${offset}, 0)` : `translate(0, 0)`}\n                >\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableViolinPlot && violinPath && (\n                        <>\n                            <path\n                                d={violinPath}\n                                fill={distribution.violinColor ?? 'none'}\n                                fillOpacity={distribution.opacity ?? 0.3}\n                                stroke={distribution.violinColor ?? 'black'}\n                                strokeOpacity={distribution.opacity ?? 1}\n                                strokeWidth={\n                                    tooltipData === violinTooltip\n                                        ? (violinProps?.stroke ?? 1) + 1\n                                        : violinProps?.stroke ?? 1\n                                }\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, violinTooltip)}\n                                onClick={handleViolinClick}\n                            />\n                        </>\n                    )\n                    }\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableCrossPlot &&\n                        <CrossPlot\n                            crossProps={crossProps}\n                            left={horizontal ? 0 : violinCenter}\n                            top={horizontal ? violinCenter : 0}\n                            median={median}\n                            firstQuartile={firstQuartile}\n                            thirdQuartile={thirdQuartile}\n                            valueScale={valueScale}\n                            medianWidth={boxWidth}\n                            tooltipData={tooltipData ?? {}}\n                            handleMouseMove={handleMouseMove}\n                            handleCrossClick={handleViolinClick}\n                            disableViolinPlot={disableViolinPlot}\n                            tooltip={violinTooltip}\n                            horizontal={horizontal}\n                        />\n                    }\n                    {/* Outliers */}\n                    {outlierPoints.map((outlier, index) => {\n                        const vertcy = valueScale(outlier.value);\n                        const horizoncx = valueScale(outlier.value)\n                        const cx = horizontal ? horizoncx : violinCenter\n                        const cy = horizontal ? violinCenter : vertcy\n\n                        const pointTooltip = {\n                            outlier: true,\n                            label: distribution.label,\n                            value: outlier.value.toFixed(2),\n                        };\n\n                        const isHighlighted = pointTooltipBody\n                            ? tooltipData?.point === outlier :\n                            tooltipData?.label === pointTooltip.label &&\n                            tooltipData?.value === pointTooltip.value;\n\n                        const radius = outlier.radius ?? 4\n\n                        return (\n                            <circle\n                                key={`outlier-${index}`}\n                                cx={cx}\n                                cy={cy}\n                                r={isHighlighted ? radius + 1 : radius}\n                                stroke={isHighlighted ? \"#000000\" : (outlier.stroke ?? \"none\")}\n                                fill={outlier.color ?? distribution.violinColor ?? \"#000000\"}\n                                opacity={outlier.opacity ?? distribution.opacity ?? 1}\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, pointTooltip, outlier)}\n                                onClick={() => handlePointClick(outlier)}\n                            />\n                        )\n                    })}\n                    {/* show all poionts for each distribution */}\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && violinProps?.showAllPoints &&\n                        pointsNoOutliers.map((point: ViolinPoint<T>, index: number) => {\n\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n\n                            const jitterAmount = violinProps?.jitter ?? 0;\n                            const seed = `${distribution.label}-${point}-${index}`;\n                            const jitterX = jitterAmount > 0\n                                ? (seededRandom(seed) - 0.5) * 2 * jitterAmount\n                                : 0;\n\n                            const cx = horizontal ? horizoncx : violinCenter + jitterX;\n                            const cy = horizontal ? violinCenter + jitterX : vertcy\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            const r = point.radius ?? 2\n                            const radius = isHighlighted ? r + 1 : r;\n\n                            return (\n                                <path\n                                    key={`${distIndex}-point-${index}`}\n                                    d={`M ${cx},${cy} m -${radius},0 a ${radius},${radius} 0 1,0 ${2 * radius},0 a ${radius},${radius} 0 1,0 -${2 * radius},0`}\n                                    stroke={isHighlighted ? \"black\" : (point.stroke ?? \"none\")}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })\n                    }\n                    {/* display points if data points are less than threshold (3) */}\n                    {distribution.data.length < (violinProps?.pointDisplayThreshold ?? 3) &&\n                        distribution.data.map((point: ViolinPoint<T>, index: number) => {\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n                            const cx = horizontal ? horizoncx : violinCenter\n                            const cy = horizontal ? violinCenter : vertcy\n                            const radius = point.radius ?? 2;\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            return (\n                                <circle\n                                    key={`thresh-${index}`}\n                                    cx={cx}\n                                    cy={cy}\n                                    r={isHighlighted ? radius + 1 : radius}\n                                    stroke={isHighlighted ? \"black\" : (point.stroke ?? \"none\")}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })}\n\n                </g>\n            }\n            {tooltipOpen && tooltipData && (\n                <Portal>\n                    <ViolinTooltip\n                        left={tooltipLeft ?? 0}\n                        top={tooltipTop ?? 0}\n                        data={tooltipData}\n                        open={tooltipOpen}\n                        key={`${tooltipLeft}-${tooltipTop}`}\n                        pointTooltipBody={pointTooltipBody}\n                    />\n                </Portal>\n            )}\n        </React.Fragment>\n    )\n}\n\nexport default SingleViolin;"],"names":["SingleViolin","distribution","distIndex","violinProps","crossProps","valueScale","labelScale","offset","labels","disableCrossPlot","disableViolinPlot","horizontal","pointTooltipBody","onViolinClicked","onPointClicked","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","data","flatMap","d","value","min","max","firstQuartile","thirdQuartile","median","outliers","calculateBoxStats","outlierPoints","filter","includes","map","outlier","pointsNoOutliers","violinData","useMemo","step","Math","length","ticks","range","bandwidth","scottRule","silvermanRule","kernelDensityEstimator","gaussian","sort","a","b","violinWidth","boxWidth","medianWidth","violinTooltip","label","sampleSize","toFixed","handleMouseMove","useCallback","event","point","pageX","pageY","handleViolinClick","handlePointClick","violinCenter","widthScale","scaleLinear","domain","d3max","abs","count","filteredData","points","x","y","slice","reverse","modifiedPoints","push","violinPath","line","curve","curveBasis","jsxs","React","pointDisplayThreshold","jsx","Fragment","violinColor","opacity","stroke","e","CrossPlot","index","vertcy","horizoncx","cx","cy","pointTooltip","isHighlighted","radius","color","showAllPoints","jitterAmount","jitter","seed","jitterX","seededRandom","r","Portal","ViolinTooltip"],"mappings":"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"}
+{"version":3,"file":"visualization.es81.js","sources":["../../../node_modules/.pnpm/@visx+legend@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/legend/esm/legends/Ordinal.js"],"sourcesContent":["import Legend from \"./Legend/index.js\"; // eslint-disable-next-line @typescript-eslint/no-explicit-any\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/** Ordinal scales map from strings to an Output type. */\nexport default function Ordinal(props) {\n  return /*#__PURE__*/_jsx(Legend, {\n    ...props\n  });\n}"],"names":["Ordinal","props","_jsx","Legend"],"mappings":";;AAGe,SAASA,EAAQC,GAAO;AACrC,SAAoBC,gBAAAA,EAAKC,GAAQ;AAAA,IAC/B,GAAGF;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es82.js

@@ -1,32 +1,11 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { memo as o } from "react";
-import { ControlPanel as c } from "./visualization.es130.js";
-import { ZoomSurface as d } from "./visualization.es131.js";
-import { TOTAL_INNER_DIAMETER as n } from "./visualization.es7.js";
-import m from "./visualization.es36.js";
-const x = o(function({
-  zoom: r,
-  totalWidth: i,
-  totalHeight: t,
-  children: g,
-  toggleBranchLength: s
-}) {
-  return /* @__PURE__ */ a("div", { style: {
-    position: "relative",
-    width: i,
-    height: t
-  }, children: [
-    /* @__PURE__ */ e(c, { scaleZoom: r.scale, resetZoom: r.reset, toggleBranchLength: s }),
-    /* @__PURE__ */ a("svg", { width: i, height: t, style: {
-      cursor: r.isDragging ? "grabbing" : "grab",
-      touchAction: "none"
-    }, viewBox: `0 0 ${n} ${n}`, preserveAspectRatio: "xMidYMid meet", ref: r.containerRef, children: [
-      /* @__PURE__ */ e(d, { dragStart: r.dragStart, dragEnd: r.dragEnd, dragMove: r.dragMove, scale: r.scale, isDragging: r.isDragging }),
-      /* @__PURE__ */ e(m, { transform: r.toString(), children: g })
-    ] })
-  ] });
-});
+import e from "./visualization.es135.js";
+import a from "./visualization.es139.js";
+const n = e("domain", "range", "reverse", "unknown");
+function i(r) {
+  return n(a(), r);
+}
 export {
-  x as ZoomFrame
+  i as default,
+  n as updateOrdinalScale
 };
 //# sourceMappingURL=visualization.es82.js.map

package/dist/visualization.es82.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es82.js","sources":["../src/components/PhyloTree/ZoomFrame.tsx"],"sourcesContent":["import { ProvidedZoom } from \"@visx/zoom\";\nimport { memo, ReactNode, useState } from \"react\";\nimport { ZoomState } from \"./types\";\nimport { ControlPanel } from \"./ControlPanel\";\nimport { ZoomSurface } from \"./ZoomSurface\";\nimport { Group } from \"@visx/group\";\nimport { TOTAL_INNER_DIAMETER } from \"./PhyloTree\";\n\nexport type ZoomFrameProps = {\n  zoom: ProvidedZoom<SVGSVGElement> & ZoomState;\n  totalHeight: number;\n  totalWidth: number;\n  toggleBranchLength: () => void;\n  children: ReactNode\n};\n\nexport const ZoomFrame = memo(function({ zoom, totalWidth, totalHeight, children, toggleBranchLength }: ZoomFrameProps) {\n  return (\n    <div\n      style={{\n        position: \"relative\",\n        width: totalWidth,\n        height: totalHeight,\n      }}\n    >\n      <ControlPanel scaleZoom={zoom.scale} resetZoom={zoom.reset} toggleBranchLength={toggleBranchLength} />\n      <svg\n        width={totalWidth}\n        height={totalHeight}\n        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n        viewBox={`0 0 ${TOTAL_INNER_DIAMETER} ${TOTAL_INNER_DIAMETER}`}\n        preserveAspectRatio=\"xMidYMid meet\"\n        ref={zoom.containerRef}\n      >\n        <ZoomSurface\n          dragStart={zoom.dragStart}\n          dragEnd={zoom.dragEnd}\n          dragMove={zoom.dragMove}\n          scale={zoom.scale}\n          isDragging={zoom.isDragging}\n        />\n        <Group transform={zoom.toString()}>\n          {children}\n        </Group>\n      </svg>\n    </div>\n  );\n});\n"],"names":["ZoomFrame","memo","zoom","totalWidth","totalHeight","children","toggleBranchLength","jsxs","position","width","height","jsx","ControlPanel","scale","reset","cursor","isDragging","touchAction","TOTAL_INNER_DIAMETER","containerRef","ZoomSurface","dragStart","dragEnd","dragMove","Group","toString"],"mappings":";;;;;;AAgBO,MAAMA,IAAYC,EAAK,SAAS;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,YAAAA;AAAAA,EAAYC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,oBAAAA;AAAmC,GAAG;AACtH,SACE,gBAAAC,EAAC,SACC,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,OAAON;AAAAA,IACPO,QAAQN;AAAAA,EAAAA,GAGV,UAAA;AAAA,IAAA,gBAAAO,EAACC,KAAa,WAAWV,EAAKW,OAAO,WAAWX,EAAKY,OAAO,oBAAAR,GAAuC;AAAA,sBAClG,OAAA,EACC,OAAOH,GACP,QAAQC,GACR,OAAO;AAAA,MAAEW,QAAQb,EAAKc,aAAa,aAAa;AAAA,MAAQC,aAAa;AAAA,IAAA,GACrE,SAAS,OAAOC,CAAoB,IAAIA,CAAoB,IAC5D,qBAAoB,iBACpB,KAAKhB,EAAKiB,cAEV,UAAA;AAAA,MAAA,gBAAAR,EAACS,GAAA,EACC,WAAWlB,EAAKmB,WAChB,SAASnB,EAAKoB,SACd,UAAUpB,EAAKqB,UACf,OAAOrB,EAAKW,OACZ,YAAYX,EAAKc,YAAW;AAAA,wBAE7BQ,GAAA,EAAM,WAAWtB,EAAKuB,SAAAA,GACpBpB,UAAAA,EAAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"visualization.es82.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/ordinal.js"],"sourcesContent":["import { scaleOrdinal } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateOrdinalScale = scaleOperator('domain', 'range', 'reverse', 'unknown');\nexport default function createOrdinalScale(config) {\n  return updateOrdinalScale(scaleOrdinal(), config);\n}"],"names":["updateOrdinalScale","scaleOperator","createOrdinalScale","config","scaleOrdinal"],"mappings":";;AAEY,MAACA,IAAqBC,EAAc,UAAU,SAAS,WAAW,SAAS;AACxE,SAASC,EAAmBC,GAAQ;AACjD,SAAOH,EAAmBI,EAAY,GAAID,CAAM;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es83.js

@@ -1,68 +1,32 @@
-import { jsx as b, jsxs as p, Fragment as W } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { TreeLink as g } from "./visualization.es132.js";
-import { memo as E } from "react";
-import { LeafLinkExtension as M } from "./visualization.es133.js";
-import { LeafNodeLabel as v } from "./visualization.es134.js";
-const F = E((x) => {
-  const e = S(39), {
-    node: o,
-    dimmed: m,
-    useBranchLengths: n,
-    leafFontFamily: d,
-    leafFontSize: c,
-    onNodeMouseMove: k,
-    onNodeMouseLeave: h,
-    onBranchClick: L
-  } = x;
-  let a;
-  e[0] !== o || e[1] !== k ? (a = (N) => k(N, o), e[0] = o, e[1] = k, e[2] = a) : a = e[2];
-  let t;
-  e[3] !== o || e[4] !== h ? (t = (N) => h(N, o), e[3] = o, e[4] = h, e[5] = t) : t = e[5];
-  let i;
-  e[6] !== o || e[7] !== L ? (i = () => L(o.leaves().map(P)), e[6] = o, e[7] = L, e[8] = i) : i = e[8];
-  const s = m ? 0.2 : 1;
-  let f;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
-    transition: "opacity 0.2s ease-in"
-  }, e[9] = f) : f = e[9];
-  let r;
-  e[10] !== o.baseLinkPath || e[11] !== o.color || e[12] !== o.linkStrokeWidth || e[13] !== o.scaledLinkPath || e[14] !== n ? (r = /* @__PURE__ */ b(g, { scaledLinkPath: o.scaledLinkPath, baseLinkPath: o.baseLinkPath, color: o.color, strokeWidth: o.linkStrokeWidth, useBranchLengths: n }), e[10] = o.baseLinkPath, e[11] = o.color, e[12] = o.linkStrokeWidth, e[13] = o.scaledLinkPath, e[14] = n, e[15] = r) : r = e[15];
-  let l;
-  e[16] !== d || e[17] !== c || e[18] !== o.baseLeafLinkExtension || e[19] !== o.baseNodeX || e[20] !== o.baseNodeY || e[21] !== o.children || e[22] !== o.color || e[23] !== o.label || e[24] !== o.labelStrokeWidth || e[25] !== o.lightenedLinkExtColor || e[26] !== o.linkStrokeWidth || e[27] !== o.scaledLeafLinkExtension || e[28] !== o.x || e[29] !== n ? (l = !o.children && /* @__PURE__ */ p(W, { children: [
-    /* @__PURE__ */ b(M, { useBranchLengths: n, color: o.lightenedLinkExtColor, baseLeafLinkExtension: o.baseLeafLinkExtension, scaledLeafLinkExtension: o.scaledLeafLinkExtension, strokeWidth: o.linkStrokeWidth }),
-    /* @__PURE__ */ b(v, { nodeX: o.x, strokeWidth: o.labelStrokeWidth, baseNodeX: o.baseNodeX, baseNodeY: o.baseNodeY, label: o.label, color: o.color, fontSize: c, fontFamily: d })
-  ] }), e[16] = d, e[17] = c, e[18] = o.baseLeafLinkExtension, e[19] = o.baseNodeX, e[20] = o.baseNodeY, e[21] = o.children, e[22] = o.color, e[23] = o.label, e[24] = o.labelStrokeWidth, e[25] = o.lightenedLinkExtColor, e[26] = o.linkStrokeWidth, e[27] = o.scaledLeafLinkExtension, e[28] = o.x, e[29] = n, e[30] = l) : l = e[30];
-  let u;
-  return e[31] !== o.data.id || e[32] !== a || e[33] !== t || e[34] !== i || e[35] !== s || e[36] !== r || e[37] !== l ? (u = /* @__PURE__ */ p("g", { onMouseMove: a, onMouseLeave: t, onClick: i, id: o.data.id, opacity: s, style: f, children: [
-    r,
-    l
-  ] }), e[31] = o.data.id, e[32] = a, e[33] = t, e[34] = i, e[35] = s, e[36] = r, e[37] = l, e[38] = u) : u = e[38], u;
-}), T = E(function(e) {
-  const o = S(11), {
-    node: m,
-    hovered: n,
-    useBranchLengths: d,
-    onNodeMouseMove: c,
-    onNodeMouseLeave: k,
-    onBranchClick: h,
-    leafFontSize: L,
-    leafFontFamily: a
-  } = e;
-  let t;
-  o[0] !== n || o[1] !== a || o[2] !== L || o[3] !== m || o[4] !== h || o[5] !== k || o[6] !== c || o[7] !== d ? (t = m.descendants()?.map((s, f) => {
-    if (!s.parent)
-      return;
-    const r = !!n.length && !n.some((l) => s.descendantIds?.has(l) || s.ancestorIds?.has(l));
-    return /* @__PURE__ */ b(F, { node: s, dimmed: r, useBranchLengths: d, leafFontSize: L, leafFontFamily: a, onBranchClick: h, onNodeMouseMove: c, onNodeMouseLeave: k }, f);
-  }), o[0] = n, o[1] = a, o[2] = L, o[3] = m, o[4] = h, o[5] = k, o[6] = c, o[7] = d, o[8] = t) : t = o[8];
-  let i;
-  return o[9] !== t ? (i = /* @__PURE__ */ b("g", { id: "tree-root", children: t }), o[9] = t, o[10] = i) : i = o[10], i;
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { memo as o } from "react";
+import { ControlPanel as c } from "./visualization.es127.js";
+import { ZoomSurface as d } from "./visualization.es128.js";
+import { TOTAL_INNER_DIAMETER as n } from "./visualization.es7.js";
+import m from "./visualization.es30.js";
+const x = o(function({
+  zoom: r,
+  totalWidth: i,
+  totalHeight: t,
+  children: g,
+  toggleBranchLength: s
+}) {
+  return /* @__PURE__ */ a("div", { style: {
+    position: "relative",
+    width: i,
+    height: t
+  }, children: [
+    /* @__PURE__ */ e(c, { scaleZoom: r.scale, resetZoom: r.reset, toggleBranchLength: s }),
+    /* @__PURE__ */ a("svg", { width: i, height: t, style: {
+      cursor: r.isDragging ? "grabbing" : "grab",
+      touchAction: "none"
+    }, viewBox: `0 0 ${n} ${n}`, preserveAspectRatio: "xMidYMid meet", ref: r.containerRef, children: [
+      /* @__PURE__ */ e(d, { dragStart: r.dragStart, dragEnd: r.dragEnd, dragMove: r.dragMove, scale: r.scale, isDragging: r.isDragging }),
+      /* @__PURE__ */ e(m, { transform: r.toString(), children: g })
+    ] })
+  ] });
 });
-function P(x) {
-  return x.data.id;
-}
 export {
-  T as RenderTree
+  x as ZoomFrame
 };
 //# sourceMappingURL=visualization.es83.js.map

package/dist/visualization.es83.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es83.js","sources":["../src/components/PhyloTree/RenderTree.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { TreeLink } from \"./TreeLink\";\nimport { memo } from \"react\";\nimport { LeafLinkExtension } from \"./LeafLinkExtension\";\nimport { LeafNodeLabel } from \"./LeafNodeLabel\";\n\ntype Shared = {\n  node: TreeNode;\n  useBranchLengths: boolean;\n  leafFontSize: PhyloTreeProps[\"leafFontSize\"];\n  leafFontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  onNodeMouseMove: (event: React.MouseEvent, node: TreeNode) => void;\n  onNodeMouseLeave: (event: React.MouseEvent, node: TreeNode) => void;\n  onBranchClick: (leafIds: string[]) => void;\n};\n\nexport type RenderTreeProps = Shared & {\n  hovered: string[];\n};\n\nexport type RenderChildProps = Shared & {\n  dimmed: boolean;\n};\n\nconst ChildNode = memo(\n  ({ node, dimmed, useBranchLengths, leafFontFamily, leafFontSize, onNodeMouseMove, onNodeMouseLeave, onBranchClick }: RenderChildProps) => {\n    return (\n      <g\n        onMouseMove={(e: React.MouseEvent) => onNodeMouseMove(e, node)}\n        onMouseLeave={(e: React.MouseEvent) => onNodeMouseLeave(e, node)}\n        onClick={() => onBranchClick(node.leaves().map(x => x.data.id))}\n        id={node.data.id}\n        opacity={dimmed ? 0.2 : 1}\n        style={{ transition: \"opacity 0.2s ease-in\" }}\n      >\n        <TreeLink\n          scaledLinkPath={node.scaledLinkPath}\n          baseLinkPath={node.baseLinkPath}\n          color={node.color}\n          strokeWidth={node.linkStrokeWidth}\n          useBranchLengths={useBranchLengths}\n          />\n        {!node.children && (\n          <>\n            <LeafLinkExtension\n              useBranchLengths={useBranchLengths}\n              color={node.lightenedLinkExtColor}\n              baseLeafLinkExtension={node.baseLeafLinkExtension}\n              scaledLeafLinkExtension={node.scaledLeafLinkExtension}\n              strokeWidth={node.linkStrokeWidth}\n            />\n            <LeafNodeLabel\n              nodeX={node.x}\n              strokeWidth={node.labelStrokeWidth}\n              baseNodeX={node.baseNodeX}\n              baseNodeY={node.baseNodeY}\n              label={node.label}\n              color={node.color}\n              fontSize={leafFontSize}\n              fontFamily={leafFontFamily}\n            />\n          </>\n        )}\n      </g>\n    );\n  }\n);\n\nexport const RenderTree = memo(function RenderTree({\n  node,\n  hovered,\n  useBranchLengths,\n  onNodeMouseMove,\n  onNodeMouseLeave,\n  onBranchClick,\n  leafFontSize,\n  leafFontFamily,\n}: RenderTreeProps) {\n  return (\n    <g id={\"tree-root\"}>\n      {/* no root node rendered (since root does not need to display link to parent) */}\n      {node.descendants()?.map((child, i) => {\n        if (!child.parent) return;\n        //This is done to elimate a .ancestors() and .descendants() traversal on every rerender\n        const dimmed = !!hovered.length && !(hovered.some(id => child.descendantIds?.has(id) || child.ancestorIds?.has(id)));\n\n        return (\n          <ChildNode\n            key={i}\n            node={child}\n            dimmed={dimmed}\n            useBranchLengths={useBranchLengths}\n            leafFontSize={leafFontSize}\n            leafFontFamily={leafFontFamily}\n            onBranchClick={onBranchClick}\n            onNodeMouseMove={onNodeMouseMove}\n            onNodeMouseLeave={onNodeMouseLeave}\n          />\n        );\n      })}\n    </g>\n  );\n}, );\n"],"names":["ChildNode","memo","t0","$","_c","node","dimmed","useBranchLengths","leafFontFamily","leafFontSize","onNodeMouseMove","onNodeMouseLeave","onBranchClick","t1","e","t2","e_0","t3","leaves","map","_temp","t4","t5","Symbol","for","transition","t6","baseLinkPath","color","linkStrokeWidth","scaledLinkPath","TreeLink","t7","baseLeafLinkExtension","baseNodeX","baseNodeY","children","label","labelStrokeWidth","lightenedLinkExtColor","scaledLeafLinkExtension","x","jsxs","Fragment","jsx","LeafLinkExtension","LeafNodeLabel","t8","data","id","RenderTree","hovered","descendants","child","i","parent","length","some","descendantIds","has","ancestorIds"],"mappings":"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"}
+{"version":3,"file":"visualization.es83.js","sources":["../src/components/PhyloTree/ZoomFrame.tsx"],"sourcesContent":["import { ProvidedZoom } from \"@visx/zoom\";\nimport { memo, ReactNode, useState } from \"react\";\nimport { ZoomState } from \"./types\";\nimport { ControlPanel } from \"./ControlPanel\";\nimport { ZoomSurface } from \"./ZoomSurface\";\nimport { Group } from \"@visx/group\";\nimport { TOTAL_INNER_DIAMETER } from \"./PhyloTree\";\n\nexport type ZoomFrameProps = {\n  zoom: ProvidedZoom<SVGSVGElement> & ZoomState;\n  totalHeight: number;\n  totalWidth: number;\n  toggleBranchLength: () => void;\n  children: ReactNode\n};\n\nexport const ZoomFrame = memo(function({ zoom, totalWidth, totalHeight, children, toggleBranchLength }: ZoomFrameProps) {\n  return (\n    <div\n      style={{\n        position: \"relative\",\n        width: totalWidth,\n        height: totalHeight,\n      }}\n    >\n      <ControlPanel scaleZoom={zoom.scale} resetZoom={zoom.reset} toggleBranchLength={toggleBranchLength} />\n      <svg\n        width={totalWidth}\n        height={totalHeight}\n        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n        viewBox={`0 0 ${TOTAL_INNER_DIAMETER} ${TOTAL_INNER_DIAMETER}`}\n        preserveAspectRatio=\"xMidYMid meet\"\n        ref={zoom.containerRef}\n      >\n        <ZoomSurface\n          dragStart={zoom.dragStart}\n          dragEnd={zoom.dragEnd}\n          dragMove={zoom.dragMove}\n          scale={zoom.scale}\n          isDragging={zoom.isDragging}\n        />\n        <Group transform={zoom.toString()}>\n          {children}\n        </Group>\n      </svg>\n    </div>\n  );\n});\n"],"names":["ZoomFrame","memo","zoom","totalWidth","totalHeight","children","toggleBranchLength","jsxs","position","width","height","jsx","ControlPanel","scale","reset","cursor","isDragging","touchAction","TOTAL_INNER_DIAMETER","containerRef","ZoomSurface","dragStart","dragEnd","dragMove","Group","toString"],"mappings":";;;;;;AAgBO,MAAMA,IAAYC,EAAK,SAAS;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,YAAAA;AAAAA,EAAYC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,oBAAAA;AAAmC,GAAG;AACtH,SACE,gBAAAC,EAAC,SACC,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,OAAON;AAAAA,IACPO,QAAQN;AAAAA,EAAAA,GAGV,UAAA;AAAA,IAAA,gBAAAO,EAACC,KAAa,WAAWV,EAAKW,OAAO,WAAWX,EAAKY,OAAO,oBAAAR,GAAuC;AAAA,sBAClG,OAAA,EACC,OAAOH,GACP,QAAQC,GACR,OAAO;AAAA,MAAEW,QAAQb,EAAKc,aAAa,aAAa;AAAA,MAAQC,aAAa;AAAA,IAAA,GACrE,SAAS,OAAOC,CAAoB,IAAIA,CAAoB,IAC5D,qBAAoB,iBACpB,KAAKhB,EAAKiB,cAEV,UAAA;AAAA,MAAA,gBAAAR,EAACS,GAAA,EACC,WAAWlB,EAAKmB,WAChB,SAASnB,EAAKoB,SACd,UAAUpB,EAAKqB,UACf,OAAOrB,EAAKW,OACZ,YAAYX,EAAKc,YAAW;AAAA,wBAE7BQ,GAAA,EAAM,WAAWtB,EAAKuB,SAAAA,GACpBpB,UAAAA,EAAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}