@weng-lab/visualization 1.2.11 → 1.3.0-beta.0

package/dist/src/components/PhyloTree/ControlPanel.d.ts

@@ -0,0 +1,8 @@
+import { ProvidedZoom } from '@visx/zoom/lib/types';
+export type ControlPanelProps = {
+    scaleZoom: ProvidedZoom<SVGSVGElement>["scale"];
+    resetZoom: ProvidedZoom<SVGSVGElement>["reset"];
+    toggleBranchLength: () => void;
+};
+export declare const ControlPanel: ({ scaleZoom, resetZoom, toggleBranchLength }: ControlPanelProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ControlPanel.d.ts.map

package/dist/src/components/PhyloTree/ControlPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/PhyloTree/ControlPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAI,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAA;IAC/C,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAA;IAC/C,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,8CAA4C,iBAAiB,4CAsCzF,CAAA"}

package/dist/src/components/PhyloTree/LeafLinkExtension.d.ts

@@ -0,0 +1,10 @@
+import { TreeNode } from './types';
+export type LeafLinkExtensionProps = {
+    baseLeafLinkExtension: TreeNode["baseLeafLinkExtension"];
+    scaledLeafLinkExtension: TreeNode["scaledLeafLinkExtension"];
+    color: TreeNode["color"];
+    strokeWidth: TreeNode["linkStrokeWidth"];
+    useBranchLengths: boolean;
+};
+export declare const LeafLinkExtension: import('react').NamedExoticComponent<LeafLinkExtensionProps>;
+//# sourceMappingURL=LeafLinkExtension.d.ts.map

package/dist/src/components/PhyloTree/LeafLinkExtension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafLinkExtension.d.ts","sourceRoot":"","sources":["../../../../src/components/PhyloTree/LeafLinkExtension.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,MAAM,MAAM,sBAAsB,GAAG;IACnC,qBAAqB,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAA;IACxD,uBAAuB,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAA;IAC5D,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzB,WAAW,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IACxC,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,8DAiB5B,CAAC"}

package/dist/src/components/PhyloTree/LeafNodeLabel.d.ts

@@ -0,0 +1,13 @@
+import { PhyloTreeProps, TreeNode } from './types';
+export type LeafNodeLabelProps = {
+    nodeX: number;
+    baseNodeX: TreeNode["baseNodeX"];
+    baseNodeY: TreeNode["baseNodeY"];
+    label: TreeNode["label"];
+    color: TreeNode["color"];
+    fontSize: PhyloTreeProps["leafFontSize"];
+    fontFamily: PhyloTreeProps["leafFontFamily"];
+    strokeWidth: TreeNode["labelStrokeWidth"];
+};
+export declare const LeafNodeLabel: import('react').NamedExoticComponent<LeafNodeLabelProps>;
+//# sourceMappingURL=LeafNodeLabel.d.ts.map

package/dist/src/components/PhyloTree/LeafNodeLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafNodeLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/PhyloTree/LeafNodeLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKnD,MAAM,MAAM,kBAAkB,GAAG;IAE/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACjC,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACjC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IACzC,UAAU,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC7C,WAAW,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAA;CAC1C,CAAC;AAEF,eAAO,MAAM,aAAa,0DAwCxB,CAAC"}

package/dist/src/components/PhyloTree/PhyloTree.d.ts

@@ -0,0 +1,25 @@
+import { PhyloTreeProps } from './types';
+/**
+ * Improvements that would make this scale better (as much as svg can):
+ * - Combine links into fewer path elements
+ *    - Requires having static hit detecting paths, but can create fewer <path> elements by combining link paths
+ *    - Creates less work for the browser to update fewer, but more complex paths
+ *    - Would need base branches grouped by color, selection path, external highlight path, and invisible static hit target paths for branch selection
+ * - Remove hover interaction and opt for click only interactions
+ * - If keeping hover behavior, define gapless areas between nodes to prevent -> hover NodeA, hover null, hover NodeB in favor of NodeA -> NodeB
+ * - Define single hit area that takes in click event and determines what was hit
+ */
+export declare const useBranchLengthTransition: {
+    readonly duration: 0.3;
+    readonly ease: "easeInOut";
+};
+/**
+ * For internal svg calculation only
+ */
+export declare const TOTAL_INNER_RADIUS = 500;
+/**
+ * For internal svg calculation only (used to define viewbox in ZoomFrame)
+ */
+export declare const TOTAL_INNER_DIAMETER: number;
+export default function PhyloTree({ width: totalWidth, height: totalHeight, data, highlighted, hovered: externalHovered, leafFontSize, leafFontFamily, linkStrokeWidth, getColor, getLabel, onLeafClick, onLeafHoverChange, labelPadding, defaultScaling, tooltipContents, }: PhyloTreeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PhyloTree.d.ts.map

package/dist/src/components/PhyloTree/PhyloTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhyloTree.d.ts","sourceRoot":"","sources":["../../../../src/components/PhyloTree/PhyloTree.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAA2C,MAAM,SAAS,CAAC;AAQlF;;;;;;;;;GASG;AAEH,eAAO,MAAM,yBAAyB;;;CAG5B,CAAC;AA2EX;;GAEG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC;;GAEG;AACH,eAAO,MAAM,oBAAoB,QAAyB,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,IAAI,EACJ,WAAgB,EAChB,OAAO,EAAE,eAAoB,EAC7B,YAAgB,EAChB,cAAwB,EACxB,eAAmB,EACnB,QAAwB,EACxB,QAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,YAAkB,EAClB,cAAyB,EACzB,eAAe,GAChB,EAAE,cAAc,kDAiShB"}

package/dist/src/components/PhyloTree/RenderTree.d.ts

@@ -0,0 +1,19 @@
+import { PhyloTreeProps, TreeNode } from './types';
+type Shared = {
+    node: TreeNode;
+    useBranchLengths: boolean;
+    leafFontSize: PhyloTreeProps["leafFontSize"];
+    leafFontFamily: PhyloTreeProps["leafFontFamily"];
+    onNodeMouseMove: (event: React.MouseEvent, node: TreeNode) => void;
+    onNodeMouseLeave: (event: React.MouseEvent, node: TreeNode) => void;
+    onLeafClick: PhyloTreeProps["onLeafClick"];
+};
+export type RenderTreeProps = Shared & {
+    hovered: string[];
+};
+export type RenderChildProps = Shared & {
+    dimmed: boolean;
+};
+export declare const RenderTree: import('react').NamedExoticComponent<RenderTreeProps>;
+export {};
+//# sourceMappingURL=RenderTree.d.ts.map

package/dist/src/components/PhyloTree/RenderTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderTree.d.ts","sourceRoot":"","sources":["../../../../src/components/PhyloTree/RenderTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMnD,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,QAAQ,CAAC;IACf,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC7C,cAAc,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnE,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IACrC,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG;IACtC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA8CF,eAAO,MAAM,UAAU,uDAkCnB,CAAC"}

package/dist/src/components/PhyloTree/TreeLink.d.ts

@@ -0,0 +1,13 @@
+import { TreeNode } from './types';
+export type TreeLinkProps = {
+    scaledLinkPath: TreeNode["scaledLinkPath"];
+    baseLinkPath: TreeNode["baseLinkPath"];
+    color: TreeNode["color"];
+    strokeWidth: TreeNode["linkStrokeWidth"];
+    useBranchLengths: boolean;
+};
+/**
+ * Link from node to its parent
+ */
+export declare const TreeLink: import('react').NamedExoticComponent<TreeLinkProps>;
+//# sourceMappingURL=TreeLink.d.ts.map

package/dist/src/components/PhyloTree/TreeLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeLink.d.ts","sourceRoot":"","sources":["../../../../src/components/PhyloTree/TreeLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKnC,MAAM,MAAM,aAAa,GAAG;IAC1B,cAAc,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC1C,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;IACtC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACxB,WAAW,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IACxC,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,qDAuBnB,CAAA"}

package/dist/src/components/PhyloTree/ZoomFrame.d.ts

@@ -0,0 +1,12 @@
+import { ProvidedZoom } from '@visx/zoom/lib/types';
+import { ReactNode } from 'react';
+import { ZoomState } from './types';
+export type ZoomFrameProps = {
+    zoom: ProvidedZoom<SVGSVGElement> & ZoomState;
+    totalHeight: number;
+    totalWidth: number;
+    toggleBranchLength: () => void;
+    children: ReactNode;
+};
+export declare const ZoomFrame: import('react').NamedExoticComponent<ZoomFrameProps>;
+//# sourceMappingURL=ZoomFrame.d.ts.map

package/dist/src/components/PhyloTree/ZoomFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomFrame.d.ts","sourceRoot":"","sources":["../../../../src/components/PhyloTree/ZoomFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAQ,SAAS,EAAY,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS,sDA+BpB,CAAC"}

package/dist/src/components/PhyloTree/ZoomSurface.d.ts

@@ -0,0 +1,20 @@
+type ZoomSurfaceProps = {
+    dragStart: (event: React.TouchEvent | React.MouseEvent) => void;
+    dragMove: (event: React.TouchEvent | React.MouseEvent) => void;
+    dragEnd: () => void;
+    scale: (args: {
+        scaleX: number;
+        scaleY: number;
+        point?: {
+            x: number;
+            y: number;
+        };
+    }) => void;
+    isDragging: boolean;
+};
+/**
+ * rect which catches and handles zoom events
+ */
+export declare const ZoomSurface: import('react').MemoExoticComponent<({ dragStart, dragMove, dragEnd, scale, isDragging }: ZoomSurfaceProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=ZoomSurface.d.ts.map

package/dist/src/components/PhyloTree/ZoomSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomSurface.d.ts","sourceRoot":"","sources":["../../../../src/components/PhyloTree/ZoomSurface.tsx"],"names":[],"mappings":"AAGA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAGF;;GAEG;AAEH,eAAO,MAAM,WAAW,4FACgC,gBAAgB,6CAsBvE,CAAC"}