@gen-epix/ui-phylogenetic-tree 2.0.0

package/dist/components/PhylogeneticTree/index.js

@@ -0,0 +1,537 @@
+import { TreeUtil as e } from "../../utils/TreeUtil/index.js";
+import { Box as t } from "@mui/material";
+import { useCallback as n, useEffect as r, useImperativeHandle as i, useMemo as a, useRef as o, useState as s } from "react";
+import { DevicePixelRatioService as c } from "@gen-epix/ui-core/classes/services/DevicePixelRatioService";
+import { Subject as l } from "@gen-epix/ui-core/classes/Subject";
+import { useScrollbarSize as u } from "@gen-epix/ui-core/hooks/useScrollbarSize";
+import { useDimensions as d } from "@gen-epix/ui-core/hooks/useDimensions";
+import { useSubscribable as f } from "@gen-epix/ui-core/hooks/useSubscribable";
+import { jsx as p } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/use-debounce@10.1.1_react@19.2.7/node_modules/use-debounce/dist/index.module.js
+function m(e, t, n, i) {
+	var s = this, c = o(null), l = o(0), u = o(0), d = o(null), f = o([]), p = o(), m = o(), h = o(e), g = o(!0), _ = o(), v = o();
+	h.current = e;
+	var y = typeof window < "u", b = !t && t !== 0 && y;
+	if (typeof e != "function") throw TypeError("Expected a function");
+	t = +t || 0;
+	var x = !!(n ||= {}).leading, S = !("trailing" in n) || !!n.trailing, C = !!n.flushOnExit && S, w = "maxWait" in n, T = "debounceOnServer" in n && !!n.debounceOnServer, E = w ? Math.max(+n.maxWait || 0, t) : null, D = a(function() {
+		var e = function(e) {
+			var t = f.current, n = p.current;
+			return f.current = p.current = null, l.current = e, u.current = u.current || e, m.current = h.current.apply(n, t);
+		}, n = function(e, t) {
+			b && cancelAnimationFrame(d.current), d.current = b ? requestAnimationFrame(e) : setTimeout(e, t);
+		}, r = function(e) {
+			if (!g.current) return !1;
+			var n = e - c.current;
+			return !c.current || n >= t || n < 0 || w && e - l.current >= E;
+		}, a = function(t) {
+			return d.current = null, S && f.current ? e(t) : (f.current = p.current = null, m.current);
+		}, o = function e() {
+			var i = Date.now();
+			if (x && u.current === l.current && D(), r(i)) return a(i);
+			if (g.current) {
+				var o = t - (i - c.current);
+				n(e, w ? Math.min(o, E - (i - l.current)) : o);
+			}
+		}, D = function() {
+			i && i({});
+		}, O = function() {
+			if (y || T) {
+				var i, a = Date.now(), u = r(a);
+				if (f.current = [].slice.call(arguments), p.current = s, c.current = a, C && !_.current && (_.current = function() {
+					globalThis.document?.visibilityState === "hidden" && v.current.flush();
+				}, (i = globalThis.document) == null || i.addEventListener == null || i.addEventListener("visibilitychange", _.current)), u) {
+					if (!d.current && g.current) return l.current = c.current, n(o, t), x ? e(c.current) : m.current;
+					if (w) return n(o, t), e(c.current);
+				}
+				return d.current || n(o, t), m.current;
+			}
+		};
+		return O.cancel = function() {
+			var e = d.current;
+			e && (b ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), l.current = 0, f.current = c.current = p.current = d.current = null, e && i && i({});
+		}, O.isPending = function() {
+			return !!d.current;
+		}, O.flush = function() {
+			return d.current ? a(Date.now()) : m.current;
+		}, O;
+	}, [
+		x,
+		w,
+		t,
+		E,
+		S,
+		C,
+		b,
+		y,
+		T,
+		i
+	]);
+	return v.current = D, r(function() {
+		return g.current = !0, function() {
+			var e;
+			C && v.current.flush(), _.current &&= ((e = globalThis.document) == null || e.removeEventListener == null || e.removeEventListener("visibilitychange", _.current), null), g.current = !1;
+		};
+	}, [C]), D;
+}
+//#endregion
+//#region src/components/PhylogeneticTree/PhylogeneticTree.tsx
+var h = ({ ancestorDotRadius: h, ariaLabel: g, backgroundColor: _, dimFn: v, fontFamily: y, headerHeight: b, highlightedNodeNamesSubject: x, initialViewState: S, itemHeight: C, leafDotRadius: w, linkedScrollDebounceDelayMs: T, maxScaleWidthPx: E, maxZoomLevel: D, maxZoomSpeed: O, minimumDistancePercentageToShowLabel: ee, minScaleWidthPx: te, minZoomLevel: ne, minZoomSpeed: re, nodeNameColors: ie, onCanvasChange: k, onLinkStateChange: ae, onPathClick: oe, onViewStateChange: A, panningThreshold: se, ref: ce, regularFillColorSupportLine: le, scaleColor: ue, scaleIncrements: de, scrollSubject: j, shouldShowDistances: fe, shouldShowSupportLinesWhenUnlinked: pe, sortedLeafNames: me, supportLineColorLinked: he, supportLineColorUnlinked: ge, tree: M, treeColor: _e, treeFont: ve, treePadding: N, visibleRangeSubject: P }) => {
+	let ye = u(), F = o(null), be = o(null), { dimensions: { height: xe, width: Se } } = d(be), [I, Ce] = s(), [L, R] = s(null), [z, we] = s(c.getInstance().data), [B, V] = s(!0), H = a(() => new l({
+		x: 0,
+		y: 0
+	}), []), U = a(() => new l(isNaN(S?.zoomLevel) ? 1 : S.zoomLevel), [S]), W = a(() => new l({
+		horizontal: isNaN(S?.horizontalScrollPosition) ? 0 : S.horizontalScrollPosition,
+		vertical: isNaN(S?.verticalScrollPosition) ? 0 : S.verticalScrollPosition
+	}), [S]), G = Se, K = Math.max(0, xe - b), Te = Math.max(0, xe), q = G - 2 * N, J = M?.maxBranchLength ? q / M.maxBranchLength.toNumber() : null, Y = M?.size ? M.size * C + ye : C, Ee = n((e) => {
+		Ce(e ?? void 0);
+	}, []);
+	r(() => {
+		ae?.(B);
+	}, [B, ae]), r(() => {
+		if (k) return k(I), () => {
+			I && k(void 0);
+		};
+	}, [I, k]), r(() => {
+		if (!A) return;
+		let e = () => {
+			A({
+				horizontalScrollPosition: W.data.horizontal,
+				verticalScrollPosition: W.data.vertical,
+				zoomLevel: U.data
+			});
+		}, t = U.subscribe(() => {
+			e();
+		}), n = W.subscribe(() => {
+			e();
+		});
+		return e(), () => {
+			t(), n();
+		};
+	}, [
+		A,
+		W,
+		U
+	]), r(() => {
+		let e = U.data, t = () => {
+			B && e !== 1 && V(!1);
+		}, n = U.subscribe((n) => {
+			e = n, t();
+		});
+		return t(), () => {
+			n();
+		};
+	}, [B, U]), r(() => {
+		let e = H.subscribe((e) => {
+			W.next({
+				horizontal: isNaN(e.x) ? W.data.horizontal : e.x,
+				vertical: isNaN(e.y) ? W.data.vertical : e.y
+			});
+		});
+		return () => {
+			e();
+		};
+	}, [H, W]);
+	let De = n((e) => {
+		!j || !F.current || j.next({
+			origin: F.current,
+			position: e
+		});
+	}, [j]), Oe = m((e) => {
+		!j || !F.current || j.next({
+			origin: F.current,
+			position: e / z
+		});
+	}, T, {
+		leading: !0,
+		trailing: !0
+	}), X = n((t) => {
+		let { internalZoomLevel: n, positionX: r, positionY: i } = t;
+		if (n === 0) throw Error("internalZoomLevel cannot be 0");
+		let { newPositionX: a, newPositionY: o } = e.getSanitizedScrollPosition({
+			devicePixelRatio: z,
+			headerHeight: b,
+			internalZoomLevel: n,
+			isLinked: B,
+			positionX: r,
+			positionY: i,
+			treeCanvasHeight: K,
+			treeCanvasWidth: G,
+			treeHeight: Y,
+			treePadding: N
+		}), s = o !== H.data.y;
+		H.next({
+			x: a,
+			y: o
+		}), B && n === 1 && s && Oe(o);
+	}, [
+		H,
+		z,
+		b,
+		B,
+		K,
+		G,
+		Y,
+		N,
+		Oe
+	]);
+	r(() => {
+		X({
+			internalZoomLevel: U.data,
+			positionX: H.data.x,
+			positionY: H.data.y
+		});
+	}, [
+		H,
+		X,
+		U
+	]);
+	let Z = n((e) => {
+		let t = e ?? j?.data?.position ?? 0;
+		U.next(1), V(!0), X({
+			internalZoomLevel: 1,
+			positionX: 0,
+			positionY: t
+		}), e !== void 0 && De(t);
+	}, [
+		De,
+		j,
+		X,
+		U
+	]), ke = n((e) => {
+		V(!1), U.next(e.zoomLevel), X({
+			internalZoomLevel: e.zoomLevel,
+			positionX: e.positionX,
+			positionY: e.positionY
+		});
+	}, [X, U]), Ae = n(() => {
+		if (!M?.size) {
+			Z(0);
+			return;
+		}
+		Z(e.getScrollPositionFromTreeVisibility({
+			itemHeight: C,
+			treeCanvasHeight: K,
+			treeHeight: Y,
+			treeSize: M.size,
+			verticalScrollPosition: W.data.vertical,
+			zoomLevel: U.data
+		}));
+	}, [
+		C,
+		Z,
+		W,
+		M,
+		K,
+		Y,
+		U
+	]);
+	i(ce, () => ({
+		link: Z,
+		syncScrollToVisibleTree: Ae,
+		unlink: ke
+	}), [
+		Z,
+		Ae,
+		ke
+	]);
+	let je = n((e, t) => {
+		H.next({
+			x: H.data.x / t * e,
+			y: H.data.y / t * e
+		}), we(e);
+	}, [H]);
+	f(c.getInstance(), { callback: je });
+	let Q = n((t) => e.getTickMarkScale({
+		geneticTreeWidth: M?.maxBranchLength,
+		maxScaleWidthPx: E,
+		minGeneticScaleUnit: e.getMinGeneticScaleUnit(M),
+		minScaleWidthPx: te,
+		scaleIncrements: de,
+		treeWidthMinusPadding: q,
+		zoomLevel: t
+	}), [
+		E,
+		te,
+		de,
+		M,
+		q
+	]), $ = n((t, n) => e.getPathPropertiesFromCanvas({
+		canvas: t,
+		devicePixelRatio: z,
+		event: n,
+		treeAssembly: L
+	}), [z, L]);
+	r(() => {
+		if (!j) return;
+		let e = j.data, t = U.data, n = () => {
+			!e || e.origin === F.current || B && t === 1 && H.next({
+				x: H.data.x * z,
+				y: e.position * z
+			});
+		}, r = j.subscribe((t) => {
+			e = t, n();
+		}), i = U.subscribe((e) => {
+			t = e, n();
+		});
+		return () => {
+			r(), i();
+		};
+	}, [
+		H,
+		z,
+		j,
+		B,
+		U
+	]), r(() => {
+		if (!M || !J) {
+			R(null);
+			return;
+		}
+		R(e.assembleTree({
+			ancestorDotRadius: h,
+			itemHeight: C,
+			leafDotRadius: w,
+			minimumDistancePercentageToShowLabel: ee,
+			pixelToGeneticDistanceRatio: J,
+			rootNode: M,
+			sortedLeafNames: me,
+			treeCanvasWidth: G,
+			treePadding: N
+		}));
+	}, [
+		h,
+		C,
+		w,
+		me,
+		ee,
+		J,
+		M,
+		G,
+		N
+	]), r(() => {
+		if (!I || !L || !M) return;
+		let t, n = U.data, r = Q(n), i = x?.data?.highlightedNodeNames ?? [], a = j?.data?.position ?? 0, o = W.data.horizontal, s = W.data.vertical, c = P?.data, l = () => {
+			cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+				e.drawTreeCanvas({
+					backgroundColor: _,
+					canvas: I,
+					devicePixelRatio: z,
+					dimFn: v,
+					fontFamily: y,
+					geneticTreeWidth: M.maxBranchLength,
+					headerHeight: b,
+					highlightedNodeNames: i,
+					horizontalScrollPosition: o,
+					isLinked: B,
+					itemHeight: C,
+					nodeNameColors: ie,
+					pixelToGeneticDistanceRatio: J,
+					range: c,
+					regularFillColorSupportLine: le,
+					scaleColor: ue,
+					scrollPosition: a,
+					shouldShowDistances: fe,
+					shouldShowSupportLinesWhenUnlinked: pe,
+					supportLineColorLinked: he,
+					supportLineColorUnlinked: ge,
+					tickerMarkScale: r,
+					treeAssembly: L,
+					treeCanvasHeight: K,
+					treeCanvasWidth: G,
+					treeColor: _e,
+					treeFont: ve,
+					treePadding: N,
+					verticalScrollPosition: s,
+					zoomLevel: n
+				});
+			});
+		}, u = x ? x.subscribe((e) => {
+			i = e.highlightedNodeNames, l();
+		}) : () => null, d = W.subscribe((e) => {
+			o = e.horizontal, s = e.vertical, l();
+		}), f = U.subscribe((e) => {
+			n = e, r = Q(e), l();
+		}), p = j?.subscribe((e) => {
+			e.origin !== F.current && (a = e.position, l());
+		}), m = P?.subscribe((e) => {
+			c = e, l();
+		});
+		return l(), () => {
+			u(), p?.(), d(), f(), m?.(), cancelAnimationFrame(t);
+		};
+	}, [
+		_,
+		z,
+		v,
+		x,
+		j,
+		P,
+		y,
+		Q,
+		b,
+		B,
+		C,
+		J,
+		le,
+		ue,
+		W,
+		fe,
+		pe,
+		ie,
+		he,
+		ge,
+		M,
+		L,
+		I,
+		K,
+		G,
+		_e,
+		ve,
+		N,
+		U
+	]), r(() => {
+		if (!I) return;
+		let t = U.data, n = {
+			currentX: 0,
+			currentY: 0,
+			x: 0,
+			y: 0
+		}, r = !1, i = () => {
+			x?.data?.highlightedNodeNames?.length && x.next({ highlightedNodeNames: [] });
+		}, a = (e) => e.offsetY < b, o = (e) => {
+			if (a(e)) {
+				I.style.cursor = "default";
+				return;
+			}
+			n = {
+				currentX: H.data.x,
+				currentY: H.data.y,
+				x: e.clientX,
+				y: e.clientY
+			}, r = !0;
+		}, s = (e) => {
+			if (a(e)) {
+				r = !1, I.style.cursor = "default", i();
+				return;
+			}
+			if (r) {
+				I.style.cursor = "move";
+				let r = e.clientX - n.x, i = e.clientY - n.y, a = n.currentX - r, o = n.currentY - i, s = a;
+				t === 1 && Math.abs(r) < se && n.currentX === 0 && (s = 0), X({
+					internalZoomLevel: t,
+					positionX: s,
+					positionY: o
+				});
+				return;
+			}
+			let o = $(I, e);
+			o ? (I.style.cursor = "pointer", x?.next({ highlightedNodeNames: o.subTreeLeaveNames })) : (I.style.cursor = "default", i());
+		}, c = (e) => {
+			if (r = !1, a(e)) return;
+			let t = $(I, e);
+			t && oe?.({
+				mouseEvent: e,
+				pathProperties: t
+			});
+		}, l = (n) => {
+			if (n.preventDefault(), a(n)) return;
+			if (n.shiftKey) {
+				X({
+					internalZoomLevel: t,
+					positionX: H.data.x + (n.deltaX || n.deltaY),
+					positionY: H.data.y
+				});
+				return;
+			}
+			if (n.metaKey || n.ctrlKey) {
+				X({
+					internalZoomLevel: t,
+					positionX: H.data.x,
+					positionY: H.data.y + (n.deltaX || n.deltaY)
+				});
+				return;
+			}
+			let r = Math.min(O, Math.max(re, Y / K * .2)), i = Math.min(D, Math.max(ne, t + (n.deltaY > 0 ? r : -r))), o = n.offsetY - b, s = e.getNewScrollPositionForZoomLevel({
+				currentZoomLevel: t,
+				dimensionSize: Y,
+				eventOffset: o,
+				newZoomLevel: i,
+				scrollPosition: H.data.y
+			}), c = e.getNewScrollPositionForZoomLevel({
+				currentZoomLevel: t,
+				dimensionSize: G,
+				eventOffset: n.offsetX,
+				newZoomLevel: i,
+				scrollPosition: H.data.x
+			});
+			U.next(i), X(i === 1 ? {
+				internalZoomLevel: 1,
+				positionX: c,
+				positionY: j?.data?.position ?? 0
+			} : {
+				internalZoomLevel: i,
+				positionX: c,
+				positionY: s
+			});
+		}, u = () => {
+			r = !1, i();
+		}, d = U.subscribe((e) => {
+			t = e;
+		});
+		return I.addEventListener("mousemove", s), I.addEventListener("mousedown", o), I.addEventListener("mouseup", c), I.addEventListener("mouseout", u), I.addEventListener("wheel", l, { passive: !1 }), () => {
+			I.removeEventListener("mousemove", s), I.removeEventListener("mousedown", o), I.removeEventListener("mouseup", c), I.removeEventListener("mouseout", u), I.removeEventListener("wheel", l), d();
+		};
+	}, [
+		H,
+		x,
+		j,
+		$,
+		b,
+		D,
+		O,
+		ne,
+		re,
+		oe,
+		se,
+		I,
+		K,
+		G,
+		Y,
+		X,
+		U
+	]);
+	let Me = !!M && G > 0 && M.size > 0;
+	return /* @__PURE__ */ p(t, {
+		ref: be,
+		sx: {
+			height: "100%",
+			overflow: "clip",
+			position: "relative",
+			width: "100%"
+		},
+		children: /* @__PURE__ */ p(t, {
+			ref: F,
+			sx: {
+				height: Te,
+				overflowY: "hidden",
+				position: "absolute",
+				width: G
+			},
+			children: Me && /* @__PURE__ */ p(t, {
+				"aria-label": g,
+				component: "canvas",
+				ref: Ee,
+				role: "figure",
+				sx: {
+					height: Te,
+					width: G
+				}
+			})
+		})
+	});
+};
+//#endregion
+export { h as PhylogeneticTree };
+
+//# sourceMappingURL=index.js.map

package/dist/components/PhylogeneticTree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["r","n","t"],"sources":["../../../../../node_modules/.pnpm/use-debounce@10.1.1_react@19.2.7/node_modules/use-debounce/dist/index.module.js","../../../src/components/PhylogeneticTree/PhylogeneticTree.tsx"],"sourcesContent":["import{useRef as r,useMemo as n,useEffect as t,useState as e,useCallback as u}from\"react\";function c(e,u,c,i){var l=this,a=r(null),o=r(0),f=r(0),v=r(null),d=r([]),s=r(),m=r(),h=r(e),g=r(!0),x=r(),E=r();h.current=e;var b=\"undefined\"!=typeof window,p=!u&&0!==u&&b;if(\"function\"!=typeof e)throw new TypeError(\"Expected a function\");u=+u||0;var y=!!(c=c||{}).leading,w=!(\"trailing\"in c)||!!c.trailing,T=!!c.flushOnExit&&w,O=\"maxWait\"in c,F=\"debounceOnServer\"in c&&!!c.debounceOnServer,L=O?Math.max(+c.maxWait||0,u):null,A=n(function(){var r=function(r){var n=d.current,t=s.current;return d.current=s.current=null,o.current=r,f.current=f.current||r,m.current=h.current.apply(t,n)},n=function(r,n){p&&cancelAnimationFrame(v.current),v.current=p?requestAnimationFrame(r):setTimeout(r,n)},t=function(r){if(!g.current)return!1;var n=r-a.current;return!a.current||n>=u||n<0||O&&r-o.current>=L},e=function(n){return v.current=null,w&&d.current?r(n):(d.current=s.current=null,m.current)},c=function r(){var c=Date.now();if(y&&f.current===o.current&&A(),t(c))return e(c);if(g.current){var i=u-(c-a.current),l=O?Math.min(i,L-(c-o.current)):i;n(r,l)}},A=function(){i&&i({})},D=function(){if(b||F){var e,i=Date.now(),f=t(i);if(d.current=[].slice.call(arguments),s.current=l,a.current=i,T&&!x.current&&(x.current=function(){var r;\"hidden\"===(null==(r=globalThis.document)?void 0:r.visibilityState)&&E.current.flush()},null==(e=globalThis.document)||null==e.addEventListener||e.addEventListener(\"visibilitychange\",x.current)),f){if(!v.current&&g.current)return o.current=a.current,n(c,u),y?r(a.current):m.current;if(O)return n(c,u),r(a.current)}return v.current||n(c,u),m.current}};return D.cancel=function(){var r=v.current;r&&(p?cancelAnimationFrame(v.current):clearTimeout(v.current)),o.current=0,d.current=a.current=s.current=v.current=null,r&&i&&i({})},D.isPending=function(){return!!v.current},D.flush=function(){return v.current?e(Date.now()):m.current},D},[y,O,u,L,w,T,p,b,F,i]);return E.current=A,t(function(){return g.current=!0,function(){var r;T&&E.current.flush(),x.current&&(null==(r=globalThis.document)||null==r.removeEventListener||r.removeEventListener(\"visibilitychange\",x.current),x.current=null),g.current=!1}},[T]),A}function i(r,n){return r===n}function l(n,t,l){var a=l&&l.equalityFn||i,o=r(n),f=e({})[1],v=c(u(function(r){o.current=r,f({})},[f]),t,l,f),d=r(n);return a(d.current,n)||(v(n),d.current=n),[o.current,v]}function a(r,n,t){var e=void 0===t?{}:t,u=e.leading,i=e.trailing,l=e.flushOnExit;return c(r,n,{maxWait:n,leading:void 0===u||u,trailing:void 0===i||i,flushOnExit:void 0!==l&&l})}export{l as useDebounce,c as useDebouncedCallback,a as useThrottledCallback};\n//# sourceMappingURL=index.module.js.map\n","import { Box } from '@mui/material';\nimport type { Ref } from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { DevicePixelRatioService } from '@gen-epix/ui-core/classes/services/DevicePixelRatioService';\nimport { Subject } from '@gen-epix/ui-core/classes/Subject';\nimport { useScrollbarSize } from '@gen-epix/ui-core/hooks/useScrollbarSize';\nimport { useDimensions } from '@gen-epix/ui-core/hooks/useDimensions';\nimport { useSubscribable } from '@gen-epix/ui-core/hooks/useSubscribable';\n\nimport type {\n  TreeAssembly,\n  TreeNode,\n  TreePathProperties,\n} from '../../models/tree';\nimport { TreeUtil } from '../../utils/TreeUtil';\n\nexport type PhylogeneticTreeHighlightedNodeNamesSubjectValue = {\n  highlightedNodeNames: string[];\n};\n\nexport type PhylogeneticTreePathClickEvent = {\n  mouseEvent: MouseEvent;\n  pathProperties: TreePathProperties;\n};\n\nexport type PhylogeneticTreeProps = {\n  readonly ancestorDotRadius: number;\n  readonly ariaLabel: string;\n  readonly backgroundColor: string;\n  readonly dimFn: (color: string) => string;\n  readonly fontFamily: string;\n  readonly headerHeight: number;\n  readonly highlightedNodeNamesSubject?: Subject<PhylogeneticTreeHighlightedNodeNamesSubjectValue>;\n  readonly initialViewState?: Partial<PhylogeneticTreeViewState>;\n  readonly itemHeight: number;\n  readonly leafDotRadius: number;\n  readonly linkedScrollDebounceDelayMs: number;\n  readonly maxScaleWidthPx: number;\n  readonly maxZoomLevel: number;\n  readonly maxZoomSpeed: number;\n  readonly minimumDistancePercentageToShowLabel: number;\n  readonly minScaleWidthPx: number;\n  readonly minZoomLevel: number;\n  readonly minZoomSpeed: number;\n  readonly nodeNameColors?: { [key: string]: string } | null;\n  readonly onCanvasChange?: (canvas?: HTMLCanvasElement) => void;\n  readonly onLinkStateChange?: (isLinked: boolean) => void;\n  readonly onPathClick?: (event: PhylogeneticTreePathClickEvent) => void;\n  readonly onViewStateChange?: (viewState: PhylogeneticTreeViewState) => void;\n  readonly panningThreshold: number;\n  readonly ref?: Ref<PhylogeneticTreeRef>;\n  readonly regularFillColorSupportLine: string;\n  readonly scaleColor: string;\n  readonly scaleIncrements: number[];\n  readonly scrollSubject?: Subject<PhylogeneticTreeScrollSubjectValue>;\n  readonly shouldShowDistances: boolean;\n  readonly shouldShowSupportLinesWhenUnlinked: boolean;\n  readonly sortedLeafNames: string[];\n  readonly supportLineColorLinked: string;\n  readonly supportLineColorUnlinked: string;\n  readonly tree?: TreeNode;\n  readonly treeColor: string;\n  readonly treeFont: string;\n  readonly treePadding: number;\n  readonly visibleRangeSubject?: Subject<PhylogeneticTreeVisibleRangeSubjectValue>;\n};\n\nexport interface PhylogeneticTreeRef {\n  link: (verticalPosition?: number) => void;\n  syncScrollToVisibleTree: () => void;\n  unlink: (viewState: { positionX: number; positionY: number; zoomLevel: number }) => void;\n}\n\nexport type PhylogeneticTreeScrollSubjectValue = {\n  origin: HTMLElement;\n  position: number;\n};\n\nexport type PhylogeneticTreeViewState = {\n  horizontalScrollPosition: number;\n  verticalScrollPosition: number;\n  zoomLevel: number;\n};\n\nexport type PhylogeneticTreeVisibleRangeSubjectValue = {\n  endIndex: number;\n  startIndex: number;\n};\n\nexport const PhylogeneticTree = ({\n  ancestorDotRadius,\n  ariaLabel,\n  backgroundColor,\n  dimFn,\n  fontFamily,\n  headerHeight,\n  highlightedNodeNamesSubject,\n  initialViewState,\n  itemHeight,\n  leafDotRadius,\n  linkedScrollDebounceDelayMs,\n  maxScaleWidthPx,\n  maxZoomLevel,\n  maxZoomSpeed,\n  minimumDistancePercentageToShowLabel,\n  minScaleWidthPx,\n  minZoomLevel,\n  minZoomSpeed,\n  nodeNameColors,\n  onCanvasChange,\n  onLinkStateChange,\n  onPathClick,\n  onViewStateChange,\n  panningThreshold,\n  ref,\n  regularFillColorSupportLine,\n  scaleColor,\n  scaleIncrements,\n  scrollSubject,\n  shouldShowDistances,\n  shouldShowSupportLinesWhenUnlinked,\n  sortedLeafNames,\n  supportLineColorLinked,\n  supportLineColorUnlinked,\n  tree,\n  treeColor,\n  treeFont,\n  treePadding,\n  visibleRangeSubject,\n}: PhylogeneticTreeProps) => {\n  const scrollbarSize = useScrollbarSize();\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { dimensions: { height, width } } = useDimensions(containerRef);\n  const [treeCanvas, setTreeCanvas] = useState<HTMLCanvasElement>();\n  const [treeAssembly, setTreeAssembly] = useState<TreeAssembly>(null);\n  const [devicePixelRatio, setDevicePixelRatio] = useState<number>(DevicePixelRatioService.getInstance().data);\n  const [isLinked, setIsLinked] = useState(true);\n  const canvasScrollSubject = useMemo(() => new Subject<{ x: number; y: number }>({ x: 0, y: 0 }), []);\n  const zoomLevelSubject = useMemo(() => new Subject<number>(!isNaN(initialViewState?.zoomLevel) ? initialViewState.zoomLevel : 1), [initialViewState]);\n  const scrollPositionSubject = useMemo(() => new Subject<{ horizontal: number; vertical: number }>({\n    horizontal: !isNaN(initialViewState?.horizontalScrollPosition) ? initialViewState.horizontalScrollPosition : 0,\n    vertical: !isNaN(initialViewState?.verticalScrollPosition) ? initialViewState.verticalScrollPosition : 0,\n  }), [initialViewState]);\n\n  const treeCanvasWidth = width;\n  const treeCanvasHeight = Math.max(0, height - headerHeight);\n  const combinedCanvasHeight = Math.max(0, height);\n  const treeWidthMinusPadding = treeCanvasWidth - (2 * treePadding);\n  const pixelToGeneticDistanceRatio = tree?.maxBranchLength ? treeWidthMinusPadding / tree.maxBranchLength.toNumber() : null;\n  const treeHeight = tree?.size ? (tree.size * itemHeight) + scrollbarSize : itemHeight;\n\n  const handleTreeCanvasRef = useCallback((canvas: HTMLCanvasElement | null) => {\n    setTreeCanvas(canvas ?? undefined);\n  }, []);\n\n  useEffect(() => {\n    onLinkStateChange?.(isLinked);\n  }, [isLinked, onLinkStateChange]);\n\n  useEffect(() => {\n    if (!onCanvasChange) {\n      return;\n    }\n    onCanvasChange(treeCanvas);\n\n    return () => {\n      if (treeCanvas) {\n        onCanvasChange(undefined);\n      }\n    };\n  }, [treeCanvas, onCanvasChange]);\n\n  useEffect(() => {\n    if (!onViewStateChange) {\n      return;\n    }\n\n    const emitViewState = () => {\n      onViewStateChange({\n        horizontalScrollPosition: scrollPositionSubject.data.horizontal,\n        verticalScrollPosition: scrollPositionSubject.data.vertical,\n        zoomLevel: zoomLevelSubject.data,\n      });\n    };\n\n    const unsubscribeFromZoomLevelSubject = zoomLevelSubject.subscribe(() => {\n      emitViewState();\n    });\n    const unsubscribeFromScrollPositionSubject = scrollPositionSubject.subscribe(() => {\n      emitViewState();\n    });\n\n    emitViewState();\n\n    return () => {\n      unsubscribeFromZoomLevelSubject();\n      unsubscribeFromScrollPositionSubject();\n    };\n  }, [onViewStateChange, scrollPositionSubject, zoomLevelSubject]);\n\n  useEffect(() => {\n    let zoomLevel = zoomLevelSubject.data;\n\n    const updateIsLinked = () => {\n      if (isLinked && zoomLevel !== 1) {\n        setIsLinked(false);\n      }\n    };\n\n    const unsubscribeFromZoomLevelSubject = zoomLevelSubject.subscribe((data) => {\n      zoomLevel = data;\n      updateIsLinked();\n    });\n    updateIsLinked();\n\n    return () => {\n      unsubscribeFromZoomLevelSubject();\n    };\n  }, [isLinked, zoomLevelSubject]);\n\n  useEffect(() => {\n    const unsubscribe = canvasScrollSubject.subscribe((data) => {\n      scrollPositionSubject.next({\n        horizontal: !isNaN(data.x) ? data.x : scrollPositionSubject.data.horizontal,\n        vertical: !isNaN(data.y) ? data.y : scrollPositionSubject.data.vertical,\n      });\n    });\n\n    return () => {\n      unsubscribe();\n    };\n  }, [canvasScrollSubject, scrollPositionSubject]);\n\n  const emitScrollPosition = useCallback((position: number) => {\n    if (!scrollSubject || !scrollContainerRef.current) {\n      return;\n    }\n\n    scrollSubject.next({\n      origin: scrollContainerRef.current,\n      position,\n    });\n  }, [scrollSubject]);\n\n  const updateScrollSubjectDebounced = useDebouncedCallback((position: number) => {\n    if (!scrollSubject || !scrollContainerRef.current) {\n      return;\n    }\n\n    scrollSubject.next({\n      origin: scrollContainerRef.current,\n      position: position / devicePixelRatio,\n    });\n  }, linkedScrollDebounceDelayMs, { leading: true, trailing: true });\n\n  const updateScrollPosition = useCallback((params: { internalZoomLevel: number; positionX: number; positionY: number }) => {\n    const { internalZoomLevel, positionX, positionY } = params;\n    if (internalZoomLevel === 0) {\n      throw new Error('internalZoomLevel cannot be 0');\n    }\n\n    const { newPositionX, newPositionY } = TreeUtil.getSanitizedScrollPosition({\n      devicePixelRatio,\n      headerHeight,\n      internalZoomLevel,\n      isLinked,\n      positionX,\n      positionY,\n      treeCanvasHeight,\n      treeCanvasWidth,\n      treeHeight,\n      treePadding,\n    });\n\n    const positionYChanged = newPositionY !== canvasScrollSubject.data.y;\n\n    canvasScrollSubject.next({\n      x: newPositionX,\n      y: newPositionY,\n    });\n\n    if (isLinked && internalZoomLevel === 1 && positionYChanged) {\n      updateScrollSubjectDebounced(newPositionY);\n    }\n  }, [canvasScrollSubject, devicePixelRatio, headerHeight, isLinked, treeCanvasHeight, treeCanvasWidth, treeHeight, treePadding, updateScrollSubjectDebounced]);\n\n  useEffect(() => {\n    updateScrollPosition({\n      internalZoomLevel: zoomLevelSubject.data,\n      positionX: canvasScrollSubject.data.x,\n      positionY: canvasScrollSubject.data.y,\n    });\n  }, [canvasScrollSubject, updateScrollPosition, zoomLevelSubject]);\n\n  const link = useCallback((verticalPosition?: number) => {\n    const nextVerticalPosition = verticalPosition ?? scrollSubject?.data?.position ?? 0;\n\n    zoomLevelSubject.next(1);\n    setIsLinked(true);\n    updateScrollPosition({\n      internalZoomLevel: 1,\n      positionX: 0,\n      positionY: nextVerticalPosition,\n    });\n\n    if (verticalPosition !== undefined) {\n      emitScrollPosition(nextVerticalPosition);\n    }\n  }, [emitScrollPosition, scrollSubject, updateScrollPosition, zoomLevelSubject]);\n\n  const unlink = useCallback((viewState: { positionX: number; positionY: number; zoomLevel: number }) => {\n    setIsLinked(false);\n    zoomLevelSubject.next(viewState.zoomLevel);\n    updateScrollPosition({\n      internalZoomLevel: viewState.zoomLevel,\n      positionX: viewState.positionX,\n      positionY: viewState.positionY,\n    });\n  }, [updateScrollPosition, zoomLevelSubject]);\n\n  const syncScrollToVisibleTree = useCallback(() => {\n    if (!tree?.size) {\n      link(0);\n      return;\n    }\n\n    const newScrollPosition = TreeUtil.getScrollPositionFromTreeVisibility({\n      itemHeight,\n      treeCanvasHeight,\n      treeHeight,\n      treeSize: tree.size,\n      verticalScrollPosition: scrollPositionSubject.data.vertical,\n      zoomLevel: zoomLevelSubject.data,\n    });\n\n    link(newScrollPosition);\n  }, [itemHeight, link, scrollPositionSubject, tree, treeCanvasHeight, treeHeight, zoomLevelSubject]);\n\n  useImperativeHandle(ref, () => ({\n    link,\n    syncScrollToVisibleTree,\n    unlink,\n  }), [link, syncScrollToVisibleTree, unlink]);\n\n  const devicePixelRatioServiceCallback = useCallback((newDevicePixelRatio: number, previousDevicePixelRatio: number) => {\n    canvasScrollSubject.next({\n      x: (canvasScrollSubject.data.x / previousDevicePixelRatio) * newDevicePixelRatio,\n      y: (canvasScrollSubject.data.y / previousDevicePixelRatio) * newDevicePixelRatio,\n    });\n    setDevicePixelRatio(newDevicePixelRatio);\n  }, [canvasScrollSubject]);\n\n  useSubscribable(DevicePixelRatioService.getInstance(), {\n    callback: devicePixelRatioServiceCallback,\n  });\n\n  const getTickerMarkScale = useCallback((zoomLevel: number) => {\n    return TreeUtil.getTickMarkScale({\n      geneticTreeWidth: tree?.maxBranchLength,\n      maxScaleWidthPx,\n      minGeneticScaleUnit: TreeUtil.getMinGeneticScaleUnit(tree),\n      minScaleWidthPx,\n      scaleIncrements,\n      treeWidthMinusPadding,\n      zoomLevel,\n    });\n  }, [maxScaleWidthPx, minScaleWidthPx, scaleIncrements, tree, treeWidthMinusPadding]);\n\n  const getPathPropertiesFromCanvas = useCallback((canvas: HTMLCanvasElement, event: MouseEvent): TreePathProperties => {\n    return TreeUtil.getPathPropertiesFromCanvas({\n      canvas,\n      devicePixelRatio,\n      event,\n      treeAssembly,\n    });\n  }, [devicePixelRatio, treeAssembly]);\n\n  useEffect(() => {\n    if (!scrollSubject) {\n      return;\n    }\n\n    let scrollData = scrollSubject.data;\n    let zoomLevel = zoomLevelSubject.data;\n\n    const update = () => {\n      if (!scrollData || scrollData.origin === scrollContainerRef.current) {\n        return;\n      }\n      if (isLinked && zoomLevel === 1) {\n        canvasScrollSubject.next({\n          x: canvasScrollSubject.data.x * devicePixelRatio,\n          y: scrollData.position * devicePixelRatio,\n        });\n      }\n    };\n\n    const unsubscribeFromScrollSubject = scrollSubject.subscribe((data) => {\n      scrollData = data;\n      update();\n    });\n\n    const unsubscribeFromZoomLevelSubject = zoomLevelSubject.subscribe((data) => {\n      zoomLevel = data;\n      update();\n    });\n\n    return () => {\n      unsubscribeFromScrollSubject();\n      unsubscribeFromZoomLevelSubject();\n    };\n  }, [canvasScrollSubject, devicePixelRatio, scrollSubject, isLinked, zoomLevelSubject]);\n\n  useEffect(() => {\n    if (!tree || !pixelToGeneticDistanceRatio) {\n      setTreeAssembly(null);\n      return;\n    }\n\n    setTreeAssembly(TreeUtil.assembleTree({\n      ancestorDotRadius,\n      itemHeight,\n      leafDotRadius,\n      minimumDistancePercentageToShowLabel,\n      pixelToGeneticDistanceRatio,\n      rootNode: tree,\n      sortedLeafNames,\n      treeCanvasWidth,\n      treePadding,\n    }));\n  }, [ancestorDotRadius, itemHeight, leafDotRadius, sortedLeafNames, minimumDistancePercentageToShowLabel, pixelToGeneticDistanceRatio, tree, treeCanvasWidth, treePadding]);\n\n  useEffect(() => {\n    if (!treeCanvas || !treeAssembly || !tree) {\n      return;\n    }\n\n    let animationFrameId: number;\n    let zoomLevel: number = zoomLevelSubject.data;\n    let tickerMarkScale = getTickerMarkScale(zoomLevel);\n    let highlightedNodeNames: string[] = highlightedNodeNamesSubject?.data?.highlightedNodeNames ?? [];\n    let scrollPosition = scrollSubject?.data?.position ?? 0;\n    let horizontalScrollPosition = scrollPositionSubject.data.horizontal;\n    let verticalScrollPosition = scrollPositionSubject.data.vertical;\n    let range = visibleRangeSubject?.data;\n\n    const render = () => {\n      cancelAnimationFrame(animationFrameId);\n      animationFrameId = requestAnimationFrame(() => {\n        TreeUtil.drawTreeCanvas({\n          backgroundColor,\n          canvas: treeCanvas,\n          devicePixelRatio,\n          dimFn,\n          fontFamily,\n          geneticTreeWidth: tree.maxBranchLength,\n          headerHeight,\n          highlightedNodeNames,\n          horizontalScrollPosition,\n          isLinked,\n          itemHeight,\n          nodeNameColors,\n          pixelToGeneticDistanceRatio,\n          range,\n          regularFillColorSupportLine,\n          scaleColor,\n          scrollPosition,\n          shouldShowDistances,\n          shouldShowSupportLinesWhenUnlinked,\n          supportLineColorLinked,\n          supportLineColorUnlinked,\n          tickerMarkScale,\n          treeAssembly,\n          treeCanvasHeight,\n          treeCanvasWidth,\n          treeColor,\n          treeFont,\n          treePadding,\n          verticalScrollPosition,\n          zoomLevel,\n        });\n      });\n    };\n\n    const unsubscribeFromHighlighting = highlightedNodeNamesSubject ? highlightedNodeNamesSubject.subscribe((data) => {\n      highlightedNodeNames = data.highlightedNodeNames;\n      render();\n    }) : (): null => null;\n\n    const unsubscribeFromScrollPositionSubject = scrollPositionSubject.subscribe((data) => {\n      horizontalScrollPosition = data.horizontal;\n      verticalScrollPosition = data.vertical;\n      render();\n    });\n\n    const unsubscribeFromZoomLevelSubject = zoomLevelSubject.subscribe((data) => {\n      zoomLevel = data;\n      tickerMarkScale = getTickerMarkScale(data);\n      render();\n    });\n\n    const unsubscribeFromScrollSubject = scrollSubject?.subscribe((data) => {\n      if (data.origin === scrollContainerRef.current) {\n        return;\n      }\n      scrollPosition = data.position;\n      render();\n    });\n\n    const unsubscribeFromVisibleRangeSubject = visibleRangeSubject?.subscribe((data) => {\n      range = data;\n      render();\n    });\n\n    render();\n\n    return () => {\n      unsubscribeFromHighlighting();\n      unsubscribeFromScrollSubject?.();\n      unsubscribeFromScrollPositionSubject();\n      unsubscribeFromZoomLevelSubject();\n      unsubscribeFromVisibleRangeSubject?.();\n      cancelAnimationFrame(animationFrameId);\n    };\n  }, [\n    backgroundColor,\n    devicePixelRatio,\n    dimFn,\n    highlightedNodeNamesSubject,\n    scrollSubject,\n    visibleRangeSubject,\n    fontFamily,\n    getTickerMarkScale,\n    headerHeight,\n    isLinked,\n    itemHeight,\n    pixelToGeneticDistanceRatio,\n    regularFillColorSupportLine,\n    scaleColor,\n    scrollPositionSubject,\n    shouldShowDistances,\n    shouldShowSupportLinesWhenUnlinked,\n    nodeNameColors,\n    supportLineColorLinked,\n    supportLineColorUnlinked,\n    tree,\n    treeAssembly,\n    treeCanvas,\n    treeCanvasHeight,\n    treeCanvasWidth,\n    treeColor,\n    treeFont,\n    treePadding,\n    zoomLevelSubject,\n  ]);\n\n  useEffect(() => {\n    if (!treeCanvas) {\n      return;\n    }\n\n    let zoomLevel = zoomLevelSubject.data;\n\n    let pos = {\n      currentX: 0,\n      currentY: 0,\n      x: 0,\n      y: 0,\n    };\n    let followMouse = false;\n\n    const clearHighlighting = () => {\n      if (highlightedNodeNamesSubject?.data?.highlightedNodeNames?.length) {\n        highlightedNodeNamesSubject.next({\n          highlightedNodeNames: [],\n        });\n      }\n    };\n\n    const isEventInHeader = (event: MouseEvent | WheelEvent) => event.offsetY < headerHeight;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isEventInHeader(event)) {\n        treeCanvas.style.cursor = 'default';\n        return;\n      }\n\n      pos = {\n        currentX: canvasScrollSubject.data.x,\n        currentY: canvasScrollSubject.data.y,\n        x: event.clientX,\n        y: event.clientY,\n      };\n      followMouse = true;\n    };\n\n    const onMouseMove = (event: MouseEvent) => {\n      if (isEventInHeader(event)) {\n        followMouse = false;\n        treeCanvas.style.cursor = 'default';\n        clearHighlighting();\n        return;\n      }\n\n      if (followMouse) {\n        treeCanvas.style.cursor = 'move';\n\n        const deltaX = event.clientX - pos.x;\n        const deltaY = event.clientY - pos.y;\n        const scrollPositionX = pos.currentX - deltaX;\n        const scrollPositionY = pos.currentY - deltaY;\n\n        let sanitizedScrollPositionX = scrollPositionX;\n        if (zoomLevel === 1 && Math.abs(deltaX) < panningThreshold && pos.currentX === 0) {\n          sanitizedScrollPositionX = 0;\n        }\n        updateScrollPosition({ internalZoomLevel: zoomLevel, positionX: sanitizedScrollPositionX, positionY: scrollPositionY });\n        return;\n      }\n\n      const pathProperties = getPathPropertiesFromCanvas(treeCanvas, event);\n      if (pathProperties) {\n        treeCanvas.style.cursor = 'pointer';\n        highlightedNodeNamesSubject?.next({\n          highlightedNodeNames: pathProperties.subTreeLeaveNames,\n        });\n      } else {\n        treeCanvas.style.cursor = 'default';\n        clearHighlighting();\n      }\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      followMouse = false;\n\n      if (isEventInHeader(event)) {\n        return;\n      }\n\n      const pathProperties = getPathPropertiesFromCanvas(treeCanvas, event);\n      if (pathProperties) {\n        onPathClick?.({\n          mouseEvent: event,\n          pathProperties,\n        });\n      }\n    };\n\n    const onMouseWheel = (event: WheelEvent) => {\n      event.preventDefault();\n\n      if (isEventInHeader(event)) {\n        return;\n      }\n\n      if (event.shiftKey) {\n        updateScrollPosition({ internalZoomLevel: zoomLevel, positionX: canvasScrollSubject.data.x + (event.deltaX || event.deltaY), positionY: canvasScrollSubject.data.y });\n        return;\n      }\n      if (event.metaKey || event.ctrlKey) {\n        updateScrollPosition({ internalZoomLevel: zoomLevel, positionX: canvasScrollSubject.data.x, positionY: canvasScrollSubject.data.y + (event.deltaX || event.deltaY) });\n        return;\n      }\n\n      const zoomSpeed = Math.min(maxZoomSpeed, Math.max(minZoomSpeed, treeHeight / treeCanvasHeight * 0.2));\n      const newZoomLevel = Math.min(maxZoomLevel, Math.max(minZoomLevel, zoomLevel + (event.deltaY > 0 ? zoomSpeed : -zoomSpeed)));\n      const treeBodyOffsetY = event.offsetY - headerHeight;\n\n      const newScrollPositionY = TreeUtil.getNewScrollPositionForZoomLevel({\n        currentZoomLevel: zoomLevel,\n        dimensionSize: treeHeight,\n        eventOffset: treeBodyOffsetY,\n        newZoomLevel,\n        scrollPosition: canvasScrollSubject.data.y,\n      });\n      const newScrollPositionX = TreeUtil.getNewScrollPositionForZoomLevel({\n        currentZoomLevel: zoomLevel,\n        dimensionSize: treeCanvasWidth,\n        eventOffset: event.offsetX,\n        newZoomLevel,\n        scrollPosition: canvasScrollSubject.data.x,\n      });\n      zoomLevelSubject.next(newZoomLevel);\n      if (newZoomLevel !== 1) {\n        updateScrollPosition({ internalZoomLevel: newZoomLevel, positionX: newScrollPositionX, positionY: newScrollPositionY });\n      } else {\n        updateScrollPosition({ internalZoomLevel: 1, positionX: newScrollPositionX, positionY: scrollSubject?.data?.position ?? 0 });\n      }\n    };\n\n    const onMouseOut = () => {\n      followMouse = false;\n      clearHighlighting();\n    };\n\n    const unsubscribeFromZoomLevelSubject = zoomLevelSubject.subscribe((data) => {\n      zoomLevel = data;\n    });\n\n    treeCanvas.addEventListener('mousemove', onMouseMove);\n    treeCanvas.addEventListener('mousedown', onMouseDown);\n    treeCanvas.addEventListener('mouseup', onMouseUp);\n    treeCanvas.addEventListener('mouseout', onMouseOut);\n    treeCanvas.addEventListener('wheel', onMouseWheel, { passive: false });\n\n    return () => {\n      treeCanvas.removeEventListener('mousemove', onMouseMove);\n      treeCanvas.removeEventListener('mousedown', onMouseDown);\n      treeCanvas.removeEventListener('mouseup', onMouseUp);\n      treeCanvas.removeEventListener('mouseout', onMouseOut);\n      treeCanvas.removeEventListener('wheel', onMouseWheel);\n      unsubscribeFromZoomLevelSubject();\n    };\n  }, [\n    canvasScrollSubject,\n    highlightedNodeNamesSubject,\n    scrollSubject,\n    getPathPropertiesFromCanvas,\n    headerHeight,\n    maxZoomLevel,\n    maxZoomSpeed,\n    minZoomLevel,\n    minZoomSpeed,\n    onPathClick,\n    panningThreshold,\n    treeCanvas,\n    treeCanvasHeight,\n    treeCanvasWidth,\n    treeHeight,\n    updateScrollPosition,\n    zoomLevelSubject,\n  ]);\n\n  const shouldRenderCanvas = !!tree && treeCanvasWidth > 0 && tree.size > 0;\n\n  return (\n    <Box\n      ref={containerRef}\n      sx={{\n        height: '100%',\n        overflow: 'clip',\n        position: 'relative',\n        width: '100%',\n      }}\n    >\n      <Box\n        ref={scrollContainerRef}\n        sx={{\n          height: combinedCanvasHeight,\n          overflowY: 'hidden',\n          position: 'absolute',\n          width: treeCanvasWidth,\n        }}\n      >\n        {shouldRenderCanvas && (\n          <Box\n            aria-label={ariaLabel}\n            component={'canvas'}\n            ref={handleTreeCanvasRef}\n            role={'figure'}\n            sx={{\n              height: combinedCanvasHeight,\n              width: treeCanvasWidth,\n            }}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/models/tree.d.ts

@@ -0,0 +1,55 @@
+import { Decimal } from 'decimal.js';
+export type TreeAssembly = {
+    ancestorNodes: Array<{
+        nodeNames: string[];
+        shape: Path2D;
+    }>;
+    distanceTexts: Array<{
+        nodeNames: string[];
+        text: string;
+        x: number;
+        y: number;
+    }>;
+    horizontalAncestorTreeLines: Array<{
+        nodeNames: string[];
+        shape: Path2D;
+    }>;
+    horizontalLinePathPropertiesMap: TreeAssemblyPathPropertiesMap;
+    leafNodes: Array<{
+        nodeName: string;
+        shape: Path2D;
+    }>;
+    leafTreeLines: Array<{
+        nodeName: string;
+        shape: Path2D;
+    }>;
+    nodePathPropertiesMap: TreeAssemblyPathPropertiesMap;
+    supportLines: Array<{
+        fromX: number;
+        fromY: number;
+        nodeName: string;
+        toX: number;
+        toY: number;
+    }>;
+    verticalAncestorTreeLines: Array<{
+        nodeNames: string[];
+        shape: Path2D;
+    }>;
+    verticalLinePathPropertiesMap: TreeAssemblyPathPropertiesMap;
+};
+export type TreeNode = {
+    address?: string;
+    branchLength?: Decimal;
+    children?: TreeNode[];
+    maxBranchLength?: Decimal;
+    name?: string;
+    size?: number;
+    subTreeLeaveNames?: string[];
+    subTreeNames?: string[];
+};
+export type TreePathProperties = {
+    subTreeLeaveNames: string[];
+    treeNode?: TreeNode;
+};
+type TreeAssemblyPathPropertiesMap = Map<Path2D, TreePathProperties>;
+export {};

package/dist/utils/NewickUtil/NewickUtil.d.ts

@@ -0,0 +1,5 @@
+import { TreeNode } from '../../models/tree';
+export declare class NewickUtil {
+    static getSortedNames(node: TreeNode): string[];
+    static parse(newick: string): TreeNode;
+}

package/dist/utils/NewickUtil/index.d.ts

@@ -0,0 +1 @@
+export * from './NewickUtil';