@webviz/group-tree-plot 1.3.24 → 1.4.0

package/dist/GroupTreePlot.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./group_tree.css";
 import type { DatedTree, EdgeMetadata, NodeMetadata } from "./types";
 export interface GroupTreePlotProps {
     id: string;
@@ -8,5 +9,9 @@ export interface GroupTreePlotProps {
     selectedEdgeKey: string;
     selectedNodeKey: string;
     selectedDateTime: string;
+    initialVisibleDepth?: number;
+}
+export declare function GroupTreePlot(props: GroupTreePlotProps): React.ReactNode;
+export declare namespace GroupTreePlot {
+    var displayName: string;
 }
-export declare const GroupTreePlot: React.FC<GroupTreePlotProps>;

package/dist/GroupTreePlot.js

@@ -1,47 +1,47 @@
 import React from "react";
-import GroupTreeAssembler from "./GroupTreeAssembler/groupTreeAssembler";
-import { isEqual } from "lodash";
-export const GroupTreePlot = (props) => {
-    const divRef = React.useRef(null);
-    const groupTreeAssemblerRef = React.useRef();
-    // State to ensure divRef is defined before creating GroupTree
-    const [isMounted, setIsMounted] = React.useState(false);
-    // Remove when typescript version is implemented using ref
-    const [prevId, setPrevId] = React.useState(null);
-    const [prevDatedTrees, setPrevDatedTrees] = React.useState(null);
-    const [prevSelectedEdgeKey, setPrevSelectedEdgeKey] = React.useState(props.selectedEdgeKey);
-    const [prevSelectedNodeKey, setPrevSelectedNodeKey] = React.useState(props.selectedNodeKey);
-    const [prevSelectedDateTime, setPrevSelectedDateTime] = React.useState(props.selectedDateTime);
-    React.useEffect(function initialRender() {
-        setIsMounted(true);
+import _ from "lodash";
+import "./group_tree.css";
+import { TreePlotRenderer } from "./components/TreePlotRenderer";
+import { PlotErrorOverlay } from "./components/PlotErrorOverlay";
+import { useDataAssembler, useUpdateAssemblerDate, } from "./utils/DataAssembler";
+export function GroupTreePlot(props) {
+    // References to handle resizing
+    const svgRootRef = React.useRef(null);
+    const [svgHeight, setSvgHeight] = React.useState(0);
+    const [svgWidth, setSvgWidth] = React.useState(0);
+    const [dataAssembler, initError] = useDataAssembler(props.datedTrees, props.edgeMetadataList, props.nodeMetadataList);
+    const dateUpdateError = useUpdateAssemblerDate(dataAssembler, props.selectedDateTime);
+    const errorToPrint = initError !== null && initError !== void 0 ? initError : dateUpdateError;
+    // Mount hook
+    React.useEffect(function setupResizeObserver() {
+        if (!svgRootRef.current)
+            throw new Error("Expected root ref to be set");
+        const svgElement = svgRootRef.current;
+        // Debounce to avoid excessive re-renders
+        const debouncedResizeObserverCheck = _.debounce(function debouncedResizeObserverCheck(entries) {
+            if (!Array.isArray(entries))
+                return;
+            if (!entries.length)
+                return;
+            const entry = entries[0];
+            setSvgWidth(entry.contentRect.width);
+            setSvgHeight(entry.contentRect.height);
+        }, 100);
+        // Since the debounce will delay calling the setters, we call them early now
+        setSvgHeight(svgElement.getBoundingClientRect().height);
+        setSvgWidth(svgElement.getBoundingClientRect().width);
+        // Set up a resize-observer to check for svg size changes
+        const resizeObserver = new ResizeObserver(debouncedResizeObserverCheck);
+        resizeObserver.observe(svgElement);
+        // Cleanup on unmount
+        return () => {
+            debouncedResizeObserverCheck.cancel();
+            resizeObserver.disconnect();
+        };
     }, []);
-    if (isMounted &&
-        divRef.current &&
-        (!isEqual(prevDatedTrees, props.datedTrees) ||
-            prevId !== divRef.current.id)) {
-        setPrevDatedTrees(props.datedTrees);
-        setPrevId(divRef.current.id);
-        groupTreeAssemblerRef.current = new GroupTreeAssembler(divRef.current.id, props.datedTrees, props.selectedEdgeKey, props.selectedNodeKey, props.selectedDateTime, props.edgeMetadataList, props.nodeMetadataList);
-    }
-    if (prevSelectedEdgeKey !== props.selectedEdgeKey) {
-        setPrevSelectedEdgeKey(props.selectedEdgeKey);
-        if (groupTreeAssemblerRef.current) {
-            groupTreeAssemblerRef.current.flowrate = props.selectedEdgeKey;
-        }
-    }
-    if (prevSelectedNodeKey !== props.selectedNodeKey) {
-        setPrevSelectedNodeKey(props.selectedNodeKey);
-        if (groupTreeAssemblerRef.current) {
-            groupTreeAssemblerRef.current.nodeinfo = props.selectedNodeKey;
-        }
-    }
-    if (prevSelectedDateTime !== props.selectedDateTime) {
-        setPrevSelectedDateTime(props.selectedDateTime);
-        if (groupTreeAssemblerRef.current) {
-            groupTreeAssemblerRef.current.update(props.selectedDateTime);
-        }
-    }
-    return React.createElement("div", { id: props.id, ref: divRef });
-};
+    return (React.createElement("svg", { ref: svgRootRef, height: "100%", width: "100%" },
+        dataAssembler && svgHeight && svgWidth && (React.createElement(TreePlotRenderer, { dataAssembler: dataAssembler, primaryEdgeProperty: props.selectedEdgeKey, primaryNodeProperty: props.selectedNodeKey, width: svgWidth, height: svgHeight, initialVisibleDepth: props.initialVisibleDepth })),
+        errorToPrint && React.createElement(PlotErrorOverlay, { message: errorToPrint })));
+}
 GroupTreePlot.displayName = "GroupTreePlot";
 //# sourceMappingURL=GroupTreePlot.js.map

package/dist/GroupTreePlot.js.map

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

package/dist/components/PlotErrorOverlay.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export type PlotErrorOverlayProps = {
+    message: string;
+};
+export declare function PlotErrorOverlay(props: PlotErrorOverlayProps): React.ReactNode;

package/dist/components/PlotErrorOverlay.js

@@ -0,0 +1,7 @@
+import React from "react";
+export function PlotErrorOverlay(props) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("rect", { className: "error-overlay-background", width: "100%", height: "100%", fill: "rgba(255, 255, 255, 0.8)" }),
+        React.createElement("text", { x: "50%", y: "50%", fill: "red", textAnchor: "middle", dominantBaseline: "middle", fontSize: 16 }, props.message)));
+}
+//# sourceMappingURL=PlotErrorOverlay.js.map

package/dist/components/PlotErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlotErrorOverlay.js","sourceRoot":"","sources":["../../src/components/PlotErrorOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,UAAU,gBAAgB,CAC5B,KAA4B;IAE5B,OAAO,CACH;QACI,8BACI,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,0BAA0B,GACjC;QACF,8BACI,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,IAAI,EAAC,KAAK,EACV,UAAU,EAAC,QAAQ,EACnB,gBAAgB,EAAC,QAAQ,EACzB,QAAQ,EAAE,EAAE,IAEX,KAAK,CAAC,OAAO,CACX,CACR,CACN,CAAC;AACN,CAAC"}

package/dist/components/TreePlotRenderer/TreePlotRenderer.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import type { DataAssembler } from "../../utils/DataAssembler";
+export type TreePlotRendererProps = {
+    dataAssembler: DataAssembler;
+    primaryEdgeProperty: string;
+    primaryNodeProperty: string;
+    height: number;
+    width: number;
+    initialVisibleDepth?: number;
+};
+export declare function TreePlotRenderer(props: TreePlotRendererProps): ReactNode;

package/dist/components/TreePlotRenderer/TreePlotRenderer.js

@@ -0,0 +1,85 @@
+import React from "react";
+import _ from "lodash";
+import * as d3 from "d3";
+import { AnimatePresence } from "motion/react";
+import { makeLinkId, makeNodeId } from "../../utils/treePlot";
+import { TransitionTreeEdge } from "./privateComponents/TransitionTreeEdge";
+import { TransitionTreeNode } from "./privateComponents/TransitionTreeNode";
+const PLOT_MARGINS = {
+    top: 10,
+    right: 120,
+    bottom: 10,
+    left: 70,
+};
+export function TreePlotRenderer(props) {
+    const activeTree = props.dataAssembler.getActiveTree();
+    const rootTreeNode = activeTree.tree;
+    const [nodeCollapseFlags, setNodeCollapseFlags] = React.useState({});
+    const heightPadding = PLOT_MARGINS.top + PLOT_MARGINS.bottom;
+    const widthPadding = PLOT_MARGINS.left + PLOT_MARGINS.right;
+    const layoutHeight = props.height - heightPadding;
+    const layoutWidth = props.width - widthPadding;
+    const treeLayout = React.useMemo(function computeLayout() {
+        // Note that we invert height / width to render the tree sideways
+        return d3
+            .tree()
+            .size([layoutHeight, layoutWidth]);
+    }, [layoutHeight, layoutWidth]);
+    const nodeTree = React.useMemo(function computeTree() {
+        const hierarchy = d3.hierarchy(rootTreeNode).each((node) => {
+            // Collapse nodes based on collapse flags and minimum depth
+            // ! I'd argue that it'd be more correct to collapse nodes using the hierarchy constructor:
+            //      d3.hierarchy(rootTreeNode, (datum) => {
+            //        if(someCheck) return null
+            //        else return datum.children
+            //      })
+            // However, nodes are being collapsed after-the-fact here, since we need the depth value for implicit collapses, and it's not available in the constructor
+            var _a;
+            const collapseFlag = nodeCollapseFlags[makeNodeId(node)];
+            const visibleDepth = (_a = props.initialVisibleDepth) !== null && _a !== void 0 ? _a : Number.MAX_SAFE_INTEGER;
+            // Return only if collapse flag is *explicitly* set to false
+            if (collapseFlag === false)
+                return;
+            if (node.depth >= visibleDepth || collapseFlag === true) {
+                node.children = undefined;
+            }
+        });
+        return treeLayout(hierarchy);
+    }, [treeLayout, rootTreeNode, nodeCollapseFlags, props.initialVisibleDepth]);
+    // Storing the previous value so entering nodes know where to expand from
+    const oldNodeTree = usePreviousTree(nodeTree);
+    function toggleNodeCollapse(node) {
+        var _a;
+        const nodeIdent = makeNodeId(node);
+        // Might be collapsed implicitly due to visibleDepth prop
+        const collapsed = Boolean((_a = node.children) === null || _a === void 0 ? void 0 : _a.length);
+        setNodeCollapseFlags((prev) => {
+            const existingVal = prev[nodeIdent];
+            const newVal = collapsed && !existingVal;
+            const newFlags = Object.assign(Object.assign({}, prev), { [nodeIdent]: newVal });
+            // When closing a node, reset any stored flag for all children
+            if (newVal) {
+                node.descendants()
+                    // descendants() includes this node, slice to skip it
+                    .slice(1)
+                    .forEach((child) => delete newFlags[makeNodeId(child)]);
+            }
+            return newFlags;
+        });
+    }
+    return (React.createElement("g", { transform: `translate(${PLOT_MARGINS.left},${PLOT_MARGINS.top})` },
+        React.createElement(AnimatePresence, { custom: nodeTree },
+            nodeTree.links().map((link) => (React.createElement(TransitionTreeEdge, { key: makeLinkId(link), link: link, dataAssembler: props.dataAssembler, primaryEdgeProperty: props.primaryEdgeProperty, oldNodeTree: oldNodeTree }))),
+            nodeTree.descendants().map((node) => (React.createElement(TransitionTreeNode, { key: makeNodeId(node), primaryNodeProperty: props.primaryNodeProperty, dataAssembler: props.dataAssembler, node: node, oldNodeTree: oldNodeTree, onNodeClick: toggleNodeCollapse }))))));
+}
+function usePreviousTree(treeRootNode) {
+    // Make the first "old" tree be just the root, so everything expands from the root
+    const initRoot = _.clone(treeRootNode);
+    initRoot.children = undefined;
+    const oldNodeTree = React.useRef(initRoot);
+    React.useEffect(() => {
+        oldNodeTree.current = treeRootNode;
+    }, [treeRootNode]);
+    return oldNodeTree.current;
+}
+//# sourceMappingURL=TreePlotRenderer.js.map

package/dist/components/TreePlotRenderer/TreePlotRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreePlotRenderer.js","sourceRoot":"","sources":["../../../src/components/TreePlotRenderer/TreePlotRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAY5E,MAAM,YAAY,GAAG;IACjB,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,EAAE;IACV,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IACzD,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,CAAC;IACvD,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC;IAErC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE9D,EAAE,CAAC,CAAC;IAEN,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,MAAM,CAAC;IAC7D,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC;IAC5D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,aAAa,CAAC;IAClD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC;IAE/C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC5B,SAAS,aAAa;QAClB,iEAAiE;QACjE,OAAO,EAAE;aACJ,IAAI,EAAqB;aACzB,IAAI,CAAC,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,YAAY,EAAE,WAAW,CAAC,CAC9B,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAC1B,SAAS,WAAW;QAChB,MAAM,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACvD,2DAA2D;YAC3D,2FAA2F;YAC3F,+CAA+C;YAC/C,mCAAmC;YACnC,oCAAoC;YACpC,UAAU;YACV,0JAA0J;;YAE1J,MAAM,YAAY,GAAG,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YACzD,MAAM,YAAY,GACd,MAAA,KAAK,CAAC,mBAAmB,mCAAI,MAAM,CAAC,gBAAgB,CAAC;YAEzD,4DAA4D;YAC5D,IAAI,YAAY,KAAK,KAAK;gBAAE,OAAO;YACnC,IAAI,IAAI,CAAC,KAAK,IAAI,YAAY,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;gBACtD,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC9B,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAC3E,CAAC;IAEF,yEAAyE;IACzE,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAE9C,SAAS,kBAAkB,CAAC,IAAgB;;QACxC,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACnC,yDAAyD;QACzD,MAAM,SAAS,GAAG,OAAO,CAAC,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAC,CAAC;QAEjD,oBAAoB,CAAC,CAAC,IAAI,EAAE,EAAE;YAC1B,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;YAEpC,MAAM,MAAM,GAAG,SAAS,IAAI,CAAC,WAAW,CAAC;YACzC,MAAM,QAAQ,mCAAQ,IAAI,KAAE,CAAC,SAAS,CAAC,EAAE,MAAM,GAAE,CAAC;YAElD,8DAA8D;YAC9D,IAAI,MAAM,EAAE,CAAC;gBACT,IAAI,CAAC,WAAW,EAAE;oBACd,qDAAqD;qBACpD,KAAK,CAAC,CAAC,CAAC;qBACR,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAChE,CAAC;YAED,OAAO,QAAQ,CAAC;QACpB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,OAAO,CACH,2BAAG,SAAS,EAAE,aAAa,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC,GAAG,GAAG;QAC/D,oBAAC,eAAe,IAAC,MAAM,EAAE,QAAQ;YAC5B,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5B,oBAAC,kBAAkB,IACf,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,EACrB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,WAAW,EAAE,WAAW,GAC1B,CACL,CAAC;YACD,QAAQ,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClC,oBAAC,kBAAkB,IACf,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,EACrB,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,kBAAkB,GACjC,CACL,CAAC,CACY,CAClB,CACP,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,YAAwB;IAC7C,kFAAkF;IAClF,MAAM,QAAQ,GAAe,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACnD,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC;IAE9B,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAa,QAAQ,CAAC,CAAC;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,WAAW,CAAC,OAAO,GAAG,YAAY,CAAC;IACvC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,WAAW,CAAC,OAAO,CAAC;AAC/B,CAAC"}

package/dist/components/TreePlotRenderer/index.d.ts

@@ -0,0 +1 @@
+export { TreePlotRenderer } from "./TreePlotRenderer";

package/dist/components/TreePlotRenderer/index.js

@@ -0,0 +1,2 @@
+export { TreePlotRenderer } from "./TreePlotRenderer";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TreePlotRenderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/TreePlotRenderer/privateComponents/HiddenChildren.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { RecursiveTreeNode } from "../../../types";
+export type HiddenChildrenProps = {
+    hiddenChildren: RecursiveTreeNode[];
+};
+export declare function HiddenChildren(props: HiddenChildrenProps): React.ReactNode;

package/dist/components/TreePlotRenderer/privateComponents/HiddenChildren.js

@@ -0,0 +1,13 @@
+import React from "react";
+export function HiddenChildren(props) {
+    let msg = "+ " + props.hiddenChildren.length;
+    if (props.hiddenChildren.length > 1) {
+        msg += " children";
+    }
+    else {
+        msg += " child";
+    }
+    return (React.createElement("g", null,
+        React.createElement("text", { x: 21, textAnchor: "start", dominantBaseline: "middle", fontSize: 10, fontFamily: "sans-serif" }, msg)));
+}
+//# sourceMappingURL=HiddenChildren.js.map

package/dist/components/TreePlotRenderer/privateComponents/HiddenChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenChildren.js","sourceRoot":"","sources":["../../../../src/components/TreePlotRenderer/privateComponents/HiddenChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,UAAU,cAAc,CAAC,KAA0B;IACrD,IAAI,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IAC7C,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAClC,GAAG,IAAI,WAAW,CAAC;IACvB,CAAC;SAAM,CAAC;QACJ,GAAG,IAAI,QAAQ,CAAC;IACpB,CAAC;IAED,OAAO,CACH;QACI,8BACI,CAAC,EAAE,EAAE,EACL,UAAU,EAAC,OAAO,EAClB,gBAAgB,EAAC,QAAQ,EACzB,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,YAAY,IAEtB,GAAG,CACD,CACP,CACP,CAAC;AACN,CAAC"}

package/dist/components/TreePlotRenderer/privateComponents/TransitionTreeEdge.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { DataAssembler } from "../../../utils/DataAssembler";
+import type { D3TreeEdge, D3TreeNode } from "../../../types";
+export type TreeEdgeProps = {
+    link: D3TreeEdge;
+    dataAssembler: DataAssembler;
+    primaryEdgeProperty: string;
+    oldNodeTree: D3TreeNode;
+};
+export declare function TransitionTreeEdge(props: TreeEdgeProps): React.ReactNode;

package/dist/components/TreePlotRenderer/privateComponents/TransitionTreeEdge.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { motion } from "motion/react";
+import { diagonalPath } from "../../../utils/treePlot";
+import { useCollapseMotionProps } from "../../../hooks/useCollapseMotionProps";
+export function TransitionTreeEdge(props) {
+    const linkPath = diagonalPath(props.link);
+    const mainTreeNode = props.link.target.data;
+    const edgeData = mainTreeNode.edge_data;
+    const linkId = React.useId();
+    const groupPropertyStrokeClass = `grouptree_link__${props.primaryEdgeProperty}`;
+    const edgeTooltip = props.dataAssembler.getTooltip(edgeData);
+    const normalizedValue = props.dataAssembler.normalizeValue(edgeData, props.primaryEdgeProperty);
+    // Keep minimum width at 2 so line doesnt dissapear
+    const strokeWidth = Math.max(normalizedValue, 2);
+    const motionProps = useCollapseMotionProps(props.link.target, props.oldNodeTree, {
+        strokeOpacity: 1,
+        strokeWidth: strokeWidth,
+        d: linkPath,
+    }, (collapseTarget) => ({
+        strokeOpacity: 0,
+        strokeWidth: strokeWidth / 4,
+        d: diagonalPath({ source: collapseTarget, target: collapseTarget }),
+    }));
+    return (React.createElement(motion.g, null,
+        React.createElement(motion.path, Object.assign({}, motionProps, { id: linkId, className: `link grouptree_link ${groupPropertyStrokeClass}`, strokeDasharray: normalizedValue > 0 ? "none" : "5,5" }),
+            React.createElement("title", null, edgeTooltip)),
+        React.createElement(motion.text, { transition: motionProps.transition, initial: { fillOpacity: 0 }, animate: { fillOpacity: 1 }, exit: { fillOpacity: 0 }, dominantBaseline: "central", textAnchor: "middle" },
+            React.createElement("textPath", { className: "edge_info_text", startOffset: "50%", href: "#" + linkId }, mainTreeNode.edge_label))));
+}
+//# sourceMappingURL=TransitionTreeEdge.js.map

package/dist/components/TreePlotRenderer/privateComponents/TransitionTreeEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionTreeEdge.js","sourceRoot":"","sources":["../../../../src/components/TreePlotRenderer/privateComponents/TransitionTreeEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAW/E,MAAM,UAAU,kBAAkB,CAAC,KAAoB;IACnD,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE1C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5C,MAAM,QAAQ,GAAG,YAAY,CAAC,SAAS,CAAC;IAExC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAE7B,MAAM,wBAAwB,GAAG,mBAAmB,KAAK,CAAC,mBAAmB,EAAE,CAAC;IAEhF,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CACtD,QAAQ,EACR,KAAK,CAAC,mBAAmB,CAC5B,CAAC;IAEF,mDAAmD;IACnD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,sBAAsB,CACtC,KAAK,CAAC,IAAI,CAAC,MAAM,EACjB,KAAK,CAAC,WAAW,EACjB;QACI,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,WAAW;QACxB,CAAC,EAAE,QAAQ;KACd,EACD,CAAC,cAA0B,EAAE,EAAE,CAAC,CAAC;QAC7B,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,WAAW,GAAG,CAAC;QAC5B,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;KACtE,CAAC,CACL,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,CAAC,CAAC;QACL,oBAAC,MAAM,CAAC,IAAI,oBACJ,WAAW,IACf,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,uBAAuB,wBAAwB,EAAE,EAC5D,eAAe,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;YAErD,mCAAQ,WAAW,CAAS,CAClB;QAEd,oBAAC,MAAM,CAAC,IAAI,IACR,UAAU,EAAE,WAAW,CAAC,UAAU,EAClC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAC3B,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAC3B,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EACxB,gBAAgB,EAAC,SAAS,EAC1B,UAAU,EAAC,QAAQ;YAEnB,kCACI,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAC,KAAK,EACjB,IAAI,EAAE,GAAG,GAAG,MAAM,IAEjB,YAAY,CAAC,UAAU,CACjB,CACD,CACP,CACd,CAAC;AACN,CAAC"}

package/dist/components/TreePlotRenderer/privateComponents/TransitionTreeNode.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { DataAssembler } from "../../../utils/DataAssembler";
+import type { D3TreeNode } from "../../../types";
+export type TransitionTreeNodeProps = {
+    primaryNodeProperty: string;
+    dataAssembler: DataAssembler;
+    node: D3TreeNode;
+    oldNodeTree: D3TreeNode;
+    onNodeClick?: (node: TransitionTreeNodeProps["node"], evt: React.MouseEvent<SVGGElement, MouseEvent>) => void;
+};
+export declare function TransitionTreeNode(props: TransitionTreeNodeProps): React.ReactNode;

package/dist/components/TreePlotRenderer/privateComponents/TransitionTreeNode.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { motion } from "motion/react";
+import { printTreeValue } from "../../../utils/treePlot";
+import { useCollapseMotionProps } from "../../../hooks/useCollapseMotionProps";
+import { HiddenChildren } from "./HiddenChildren";
+export function TransitionTreeNode(props) {
+    var _a, _b, _c;
+    const recursiveTreeNode = props.node.data;
+    const nodeData = recursiveTreeNode.node_data;
+    // ! This is whether the node is a leaf *in the actual tree*, not the rendered one
+    const isLeaf = !((_a = recursiveTreeNode.children) === null || _a === void 0 ? void 0 : _a.length);
+    const canBeExpanded = !((_b = props.node.children) === null || _b === void 0 ? void 0 : _b.length) && !isLeaf;
+    const nodeLabel = recursiveTreeNode.node_label;
+    let circleClass = "grouptree__node";
+    if (!isLeaf)
+        circleClass += "  grouptree__node--withchildren";
+    const [, primaryUnit] = props.dataAssembler.getPropertyInfo(props.primaryNodeProperty);
+    const toolTip = props.dataAssembler.getTooltip(nodeData);
+    const primaryNodeValue = props.dataAssembler.getPropertyValue(nodeData, props.primaryNodeProperty);
+    const motionProps = useCollapseMotionProps(props.node, props.oldNodeTree, {
+        opacity: 1,
+        x: props.node.y,
+        y: props.node.x,
+    }, (collapseTarget) => ({
+        opacity: 0,
+        x: collapseTarget.y,
+        y: collapseTarget.x,
+    }));
+    return (React.createElement(motion.g, Object.assign({}, motionProps, { className: "node", cursor: !isLeaf ? "pointer" : undefined, onClick: (evt) => { var _a; return (_a = props.onNodeClick) === null || _a === void 0 ? void 0 : _a.call(props, props.node, evt); } }),
+        React.createElement("circle", { className: circleClass, r: 15 }),
+        React.createElement("text", { className: "grouptree__nodelabel", dominantBaseline: "middle", x: isLeaf ? 21 : -21, textAnchor: isLeaf ? "start" : "end" }, nodeLabel),
+        React.createElement("text", { className: "grouptree__pressurelabel", textAnchor: "middle", y: "-.05em" }, printTreeValue(primaryNodeValue)),
+        React.createElement("text", { className: "grouptree__pressureunit", y: ".04em", dominantBaseline: "text-before-edge", textAnchor: "middle" }, primaryUnit),
+        React.createElement("title", null, toolTip),
+        canBeExpanded && (React.createElement(HiddenChildren, { hiddenChildren: (_c = recursiveTreeNode.children) !== null && _c !== void 0 ? _c : [] }))));
+}
+//# sourceMappingURL=TransitionTreeNode.js.map

package/dist/components/TreePlotRenderer/privateComponents/TransitionTreeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionTreeNode.js","sourceRoot":"","sources":["../../../../src/components/TreePlotRenderer/privateComponents/TransitionTreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAelD,MAAM,UAAU,kBAAkB,CAC9B,KAA8B;;IAE9B,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;IAC1C,MAAM,QAAQ,GAAG,iBAAiB,CAAC,SAAS,CAAC;IAC7C,kFAAkF;IAClF,MAAM,MAAM,GAAG,CAAC,CAAA,MAAA,iBAAiB,CAAC,QAAQ,0CAAE,MAAM,CAAA,CAAC;IACnD,MAAM,aAAa,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAA,IAAI,CAAC,MAAM,CAAC;IAC9D,MAAM,SAAS,GAAG,iBAAiB,CAAC,UAAU,CAAC;IAE/C,IAAI,WAAW,GAAG,iBAAiB,CAAC;IACpC,IAAI,CAAC,MAAM;QAAE,WAAW,IAAI,iCAAiC,CAAC;IAE9D,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CACvD,KAAK,CAAC,mBAAmB,CAC5B,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACzD,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CACzD,QAAQ,EACR,KAAK,CAAC,mBAAmB,CAC5B,CAAC;IAEF,MAAM,WAAW,GAAG,sBAAsB,CACtC,KAAK,CAAC,IAAI,EACV,KAAK,CAAC,WAAW,EACjB;QACI,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QACf,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KAClB,EACD,CAAC,cAA0B,EAAE,EAAE,CAAC,CAAC;QAC7B,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,cAAc,CAAC,CAAC;QACnB,CAAC,EAAE,cAAc,CAAC,CAAC;KACtB,CAAC,CACL,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,CAAC,CAAC,oBACD,WAAW,IACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,WAAW,sDAAG,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,EAAA;QAEtD,gCAAQ,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,GAAI;QACzC,8BACI,SAAS,EAAC,sBAAsB,EAChC,gBAAgB,EAAC,QAAQ,EACzB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACpB,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IAEnC,SAAS,CACP;QAEP,8BACI,SAAS,EAAC,0BAA0B,EACpC,UAAU,EAAC,QAAQ,EACnB,CAAC,EAAC,QAAQ,IAET,cAAc,CAAC,gBAAgB,CAAC,CAC9B;QAEP,8BACI,SAAS,EAAC,yBAAyB,EACnC,CAAC,EAAC,OAAO,EACT,gBAAgB,EAAC,kBAAkB,EACnC,UAAU,EAAC,QAAQ,IAElB,WAAW,CACT;QACP,mCAAQ,OAAO,CAAS;QAEvB,aAAa,IAAI,CACd,oBAAC,cAAc,IACX,cAAc,EAAE,MAAA,iBAAiB,CAAC,QAAQ,mCAAI,EAAE,GAClD,CACL,CACM,CACd,CAAC;AACN,CAAC"}

package/dist/hooks/useCollapseMotionProps.d.ts

@@ -0,0 +1,15 @@
+import type { SVGMotionProps, TargetAndTransition, Transition } from "motion/dist/react";
+import type { D3TreeNode } from "../types";
+/**
+ * Settings for the tree's animation timing
+ */
+export declare const TREE_MOTION_TRANSITION: Transition;
+/**
+ * Generates component properties for a tree element that animates to collapse/expand into other nodes in tree
+ * @param node The main node that should be animated (for edges, the target node)
+ * @param oldTreeRoot A reference to the old tree
+ * @param animationTarget The normal animation target for the node
+ * @param buildCollapseTargets A generator method to build an animation target for the node fully collapsed
+ * @returns A properties object for the node's animation
+ */
+export declare function useCollapseMotionProps(node: D3TreeNode, oldTreeRoot: D3TreeNode, animationTarget: TargetAndTransition, buildCollapseTargets: (targetNode: D3TreeNode) => TargetAndTransition): SVGMotionProps<SVGPathElement>;

package/dist/hooks/useCollapseMotionProps.js

@@ -0,0 +1,46 @@
+import { findClosestVisibleInNewTree } from "../utils/treePlot";
+/**
+ * Settings for the tree's animation timing
+ */
+export const TREE_MOTION_TRANSITION = {
+    // Other settings that might be nice
+    // type: "tween",
+    // ease: "anticipate",
+    // ease: (@motion).cubicBezier(0.77, 0.12, 0.54, 0.91),
+    type: "spring",
+    bounce: 0,
+    duration: 0.5,
+};
+/**
+ * Generates component properties for a tree element that animates to collapse/expand into other nodes in tree
+ * @param node The main node that should be animated (for edges, the target node)
+ * @param oldTreeRoot A reference to the old tree
+ * @param animationTarget The normal animation target for the node
+ * @param buildCollapseTargets A generator method to build an animation target for the node fully collapsed
+ * @returns A properties object for the node's animation
+ */
+export function useCollapseMotionProps(node, oldTreeRoot, animationTarget, buildCollapseTargets) {
+    const variants = {
+        expand() {
+            const collapseInto = findClosestVisibleInNewTree(node, oldTreeRoot);
+            return buildCollapseTargets(collapseInto);
+        },
+        expanded() {
+            return animationTarget;
+        },
+        collapse(futureTree) {
+            if (!futureTree)
+                return {};
+            const collapseInto = findClosestVisibleInNewTree(node, futureTree);
+            return buildCollapseTargets(collapseInto);
+        },
+    };
+    return {
+        initial: "expand",
+        animate: "expanded",
+        exit: "collapse",
+        transition: TREE_MOTION_TRANSITION,
+        variants,
+    };
+}
+//# sourceMappingURL=useCollapseMotionProps.js.map

package/dist/hooks/useCollapseMotionProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseMotionProps.js","sourceRoot":"","sources":["../../src/hooks/useCollapseMotionProps.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAEhE;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAe;IAC9C,oCAAoC;IACpC,iBAAiB;IACjB,sBAAsB;IACtB,uDAAuD;IAEvD,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,GAAG;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,sBAAsB,CAClC,IAAgB,EAChB,WAAuB,EACvB,eAAoC,EACpC,oBAAqE;IAErE,MAAM,QAAQ,GAAa;QACvB,MAAM;YACF,MAAM,YAAY,GAAG,2BAA2B,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YACpE,OAAO,oBAAoB,CAAC,YAAY,CAAC,CAAC;QAC9C,CAAC;QACD,QAAQ;YACJ,OAAO,eAAe,CAAC;QAC3B,CAAC;QACD,QAAQ,CAAC,UAAuB;YAC5B,IAAI,CAAC,UAAU;gBAAE,OAAO,EAAE,CAAC;YAE3B,MAAM,YAAY,GAAG,2BAA2B,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YACnE,OAAO,oBAAoB,CAAC,YAAY,CAAC,CAAC;QAC9C,CAAC;KACJ,CAAC;IAEF,OAAO;QACH,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,sBAAsB;QAClC,QAAQ;KACX,CAAC;AACN,CAAC"}

package/dist/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { HierarchyPointNode, HierarchyPointLink } from "d3";
 import PropTypes from "prop-types";
 export interface NodeData {
     [key: string]: number[];
@@ -49,3 +50,5 @@ export declare const DatedTreePropTypes: PropTypes.Requireable<PropTypes.InferPr
     dates: PropTypes.Validator<(string | null | undefined)[]>;
     tree: PropTypes.Validator<NonNullable<PropTypes.InferProps<import("react").WeakValidationMap<RecursiveTreeNode>>>>;
 }>>;
+export type D3TreeNode = HierarchyPointNode<RecursiveTreeNode>;
+export type D3TreeEdge = HierarchyPointLink<RecursiveTreeNode>;

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAyCnC,iFAAiF;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAC/C,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,CAC5D,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC,KAAK,CAAC;IACjD,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAChC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,SAAS,CAAC,MAAM;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAC/C,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,CAC5D,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC,KAAK,CAAC;IACjD,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAChC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,SAAS,CAAC,MAAM;CACzB,CAAC,CAAC;AAEH,kIAAkI;AAClI,mEAAmE;AACnE,qHAAqH;AACrH,MAAM,sBAAsB,GAA+C;IACvE,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACvC,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACvC,SAAS,EAAE,iBAAiB,CAAC,UAAU;IACvC,SAAS,EAAE,iBAAiB,CAAC,UAAU;CAC1C,CAAC;AACF,MAAM,CAAC,MAAM,CAAC,sBAAsB,EAAE;IAClC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU;IACxD,QAAQ,EAAE,SAAS,CAAC,OAAO,CACvB,SAAS,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,UAAU,CACrD;CACJ,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC,KAAK,CACrD,sBAAsB,CACzB,CAAC,UAAU,CAAC;AAEb,iCAAiC;AACjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC,KAAK,CAAC;IAC9C,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACrD,IAAI,EAAE,0BAA0B;CACnC,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAyCnC,iFAAiF;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAC/C,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,CAC5D,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC,KAAK,CAAC;IACjD,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAChC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,SAAS,CAAC,MAAM;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAC/C,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,CAC5D,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC,KAAK,CAAC;IACjD,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAChC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,SAAS,CAAC,MAAM;CACzB,CAAC,CAAC;AAEH,kIAAkI;AAClI,mEAAmE;AACnE,qHAAqH;AACrH,MAAM,sBAAsB,GAA+C;IACvE,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACvC,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACvC,SAAS,EAAE,iBAAiB,CAAC,UAAU;IACvC,SAAS,EAAE,iBAAiB,CAAC,UAAU;CAC1C,CAAC;AACF,MAAM,CAAC,MAAM,CAAC,sBAAsB,EAAE;IAClC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU;IACxD,QAAQ,EAAE,SAAS,CAAC,OAAO,CACvB,SAAS,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,UAAU,CACrD;CACJ,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC,KAAK,CACrD,sBAAsB,CACzB,CAAC,UAAU,CAAC;AAEb,iCAAiC;AACjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC,KAAK,CAAC;IAC9C,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACrD,IAAI,EAAE,0BAA0B;CACnC,CAAC,CAAC"}

package/dist/utils/DataAssembler.d.ts

@@ -0,0 +1,74 @@
+import type { DatedTree, EdgeData, EdgeMetadata, NodeData, NodeMetadata } from "../types";
+/**
+ * Utility class to assemble and combine data for one or more dated flow network trees.
+ * The instance allows setting an active date, and provides methods to get data and labels pertaining to the given date
+ */
+export declare class DataAssembler {
+    datedTrees: DatedTree[];
+    edgeMetadataList: EdgeMetadata[];
+    nodeMetadataList: NodeMetadata[];
+    private _propertyToLabelMap;
+    private _propertyMaxVals;
+    private _currentTreeIndex;
+    private _currentDateIndex;
+    /**
+     * @param datedTrees A list of dated tree objects. List cannot be empty
+     * @param edgeMetadataList A list of labels and units to use when representing values from tree edges
+     * @param nodeMetadataList A list of labels and units to use when representing values from tree nodes
+     * @throws Throws if dated tree list is empty
+     */
+    constructor(datedTrees: DatedTree[], edgeMetadataList: EdgeMetadata[], nodeMetadataList: NodeMetadata[]);
+    /**
+     * Changes the active date for the instance. Raises if date is invalid
+     * @param newDate A date string, formatted as YYYY-MM-DD (eg. 2001-01-30)
+     * @throws Will throw if the date is invalid, or if no tree uses the given date
+     */
+    setActiveDate(newDate: string): void;
+    /**
+     * Gets the currently active tree
+     * @returns A dated tree
+     */
+    getActiveTree(): DatedTree;
+    /**
+     * Pretty-prints all values in the given object with labels and units added
+     * @param data Data from a node or edge
+     * @returns A formatted string presentation of the data value
+     */
+    getTooltip(data: NodeData | EdgeData): string;
+    /**
+     * Gets a property's value at the currently active date
+     * @param data Data from a node or edge
+     * @param property A key for a property
+     * @returns The value, if found
+     */
+    getPropertyValue(data: EdgeData | NodeData, property: string): number | null;
+    /**
+     * Gets the label and unit strings for a given property
+     * @param propertyKey The key for the property
+     * @returns The label and unit for the property. If not found, label defaults to "", and unit defaults to "?"
+     */
+    getPropertyInfo(propertyKey: string): [label: string, unit: string];
+    /**
+     * Returns a property's value to a normalized value between 2 and 100. A value of 0 will be returned as is.
+     * Will also return 0 if no data is found
+     * @param data Data object to take data from
+     * @param property The property key to take from
+     * @returns The normalized value.
+     */
+    normalizeValue(data: EdgeData | NodeData, property: string): number;
+}
+/**
+ * Updates the active date in a data-assembler instance.
+ * @param dataAssembler An instance of DataAssembler
+ * @param targetDate A date string
+ * @returns An error message, if the date was invalid
+ */
+export declare function useUpdateAssemblerDate(dataAssembler: DataAssembler | null, targetDate: string): string | void;
+/**
+ * Initializes a memoized data-assembler instance. Creates a new instance every time data changes, but returns the last valid instance if the new data is invalid.
+ * @param datedTrees A list of dated trees. *Assumes all node labels are unique across all node types*
+ * @param edgeMetadataList Dated metadata for each tree edge
+ * @param nodeMetadataList Dated metadata for each tree node
+ * @returns A data-assembler instance, and an error message (if the instance could not be created)
+ */
+export declare function useDataAssembler(datedTrees: DatedTree[], edgeMetadataList: EdgeMetadata[], nodeMetadataList: NodeMetadata[]): [DataAssembler | null, string];