@milaboratories/graph-maker 1.1.131 → 1.1.133

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/dendro/components/Chart.tsx"],"sourcesContent":["import fonts from '../../common/fonts';\nimport {Heatmap} from './Heatmap';\nimport {LinksGroup} from './LinksGroup';\nimport {NodesGroup} from './NodesGroup';\nimport type {ChartScales, ChartSizes} from './types';\nimport {DIMMED_OPACITY, HEATMAP_LEFT_OFFSET, MARGIN, USER_UPDATE_EVENT} from '../constants';\nimport type {DendroSettingsImpl} from '../DendroSettingsImpl';\nimport type {HeatmapData} from '../getHeatmapData';\nimport type {TreeNodeData} from '../getHierarchyData';\nimport {Legend} from './Legend';\nimport type {LegendData} from './types';\nimport type {ClickEventData, ColumnName, DataValue} from '../../types';\nimport type {HierarchyPointLink, HierarchyPointNode} from 'd3-hierarchy';\nimport React, {useEffect, useRef, useState} from 'react';\n\nfunction getSelectedPath(node: HierarchyPointNode<TreeNodeData> | null) {\n    if (!node) {\n        return null;\n    }\n    const set = new Set<string>();\n    let current: HierarchyPointNode<TreeNodeData> | null = node;\n    while (current) {\n        set.add(current.id as string);\n        current = current.parent;\n    }\n    return set;\n}\n\ninterface ChartProps {\n    chartSettings: DendroSettingsImpl['chartSettings'];\n    chartSizes: ChartSizes;\n    nodes: HierarchyPointNode<TreeNodeData>[];\n    links: HierarchyPointLink<TreeNodeData>[];\n    connectionType: DendroSettingsImpl['connectionType'];\n    rootPosition: DendroSettingsImpl['rootPosition'];\n    edgeInheritance: DendroSettingsImpl['edgeInheritance'];\n    showNodes: DendroSettingsImpl['showNodes'];\n    showEdges: DendroSettingsImpl['showEdges'];\n    showLeavesLabels: DendroSettingsImpl['showLeavesLabels'];\n    showNodesLabels: DendroSettingsImpl['showNodesLabels'];\n    aesGetters: {\n        nodeShape: (row: Record<string, string>) => string;\n        nodeColor: (row: Record<string, string>) => string;\n        nodeSize: (row: Record<string, number>) => number;\n        lineShape: (row: Record<string, string>) => string;\n        lineColor: (row: Record<string, string>) => string;\n    };\n    labels: ColumnName;\n    heatmapData: HeatmapData | null;\n    heatmapScales: ChartScales;\n    heatmapStep: {x: number; y: number};\n    heatmapColor: (v: DataValue) => string;\n    heatmapLabels: string[];\n    legendData: LegendData;\n    onClick: (data: ClickEventData) => void;\n}\n\nexport function Chart({\n    chartSettings,\n    chartSizes,\n    nodes,\n    links,\n    connectionType,\n    rootPosition,\n    edgeInheritance,\n    showNodes,\n    showEdges,\n    showLeavesLabels,\n    showNodesLabels,\n    aesGetters,\n    labels,\n    heatmapData,\n    heatmapScales,\n    heatmapStep,\n    heatmapColor,\n    heatmapLabels,\n    legendData,\n    onClick,\n}: ChartProps) {\n    const ref = useRef(null);\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement|null>(null);\n    const tooltipsRef = useRef<SVGGElement>(null);\n    useEffect(() => {\n        if (tooltipsRef.current) {\n            setTooltipsContainer(tooltipsRef.current);\n        }\n        function onClick () {\n            setSelectedPath(null);\n            setSelectedNode(null);\n        }\n        function onOuterEvent (e:CustomEvent<Record<string, unknown>>) {\n            const data = Object.entries(e.detail) as [string, unknown][];\n            data.forEach(([key, value]) => {\n                if (key === 'selectedNode') {\n                    const node = nodes.find((node) => node.data.rawData[0].id === value) ?? null;\n                    setSelectedPath(getSelectedPath(node));\n                    setSelectedNode(node);\n                }\n            });\n        }\n        document.addEventListener('click', onClick);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        document.addEventListener(USER_UPDATE_EVENT, onOuterEvent);\n        return () => {\n            document.removeEventListener('click', onClick);\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            document.removeEventListener(USER_UPDATE_EVENT, onOuterEvent);\n        };\n    }, []);\n\n    const [selectedPath, setSelectedPath] = React.useState<Set<string> | null>(null);\n    const [selectedNode, setSelectedNode] = React.useState<HierarchyPointNode<TreeNodeData> | null>(null);\n    const somethingSelected = selectedPath !== null;\n\n    const linksProps = {\n        connectionType,\n        rootPosition,\n        edgeInheritance,\n        aesGetters,\n    };\n    const nodesProps = {\n        rootPosition,\n        showLeavesLabels,\n        showNodesLabels,\n        aesGetters,\n        labels,\n        onClick,\n        selectedNodeId: selectedNode?.id,\n        onSelectedUpdate: (node: HierarchyPointNode<TreeNodeData>) => {\n            setSelectedPath(getSelectedPath(node));\n            setSelectedNode(node);\n        }\n    };\n\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n            ref={ref}\n            width={chartSizes.totalWidth}\n            height={chartSizes.totalHeight}\n        >\n            <defs>{fonts}</defs>\n            <g transform={`translate(${MARGIN.LEFT},${MARGIN.TOP})`} fontFamily=\"Manrope\">\n                <text x=\"0\" y=\"-12\" fontSize=\"20\">\n                    {chartSettings.title.name}\n                </text>\n                <g opacity={somethingSelected ? DIMMED_OPACITY : 1}>\n                    {showEdges && (\n                        <LinksGroup\n                            links={links.filter(link => {  // dimmed links if something selected or all links\n                                const {source, target} = link;\n                                return (\n                                    !selectedPath ||\n                                    !(selectedPath.has(source.id ?? '') && selectedPath.has(target.id ?? ''))\n                                );\n                            })}\n                            selected={false}\n                            {...linksProps}\n                        />\n                    )}\n                    {showNodes && (\n                        <NodesGroup\n                            nodes={nodes.filter(node => !node.data.isFake && !selectedPath?.has(node.id ?? ''))}\n                            {...nodesProps}\n                        />\n                    )}\n                </g>\n                {somethingSelected && (\n                    <g>\n                        {showEdges && (\n                            <LinksGroup\n                                links={links.filter(link => {\n                                    const {source, target} = link;\n                                    return selectedPath.has(source.id ?? '') && selectedPath.has(target.id ?? '');\n                                })}\n                                selected={true}\n                                {...linksProps}\n                            />\n                        )}\n                        {showNodes && (\n                            <NodesGroup\n                                nodes={nodes.filter(node => !node.data.isFake && selectedPath?.has(node.id ?? ''))}\n                                {...nodesProps}\n                            />\n                        )}\n                    </g>\n                )}\n                {heatmapData !== null && (\n                    <g transform={`translate(${chartSizes.treeWidth + HEATMAP_LEFT_OFFSET},0)`}>\n                        <Heatmap\n                            heatmapData={heatmapData}\n                            scales={heatmapScales}\n                            step={heatmapStep}\n                            colorScale={heatmapColor}\n                            chartSizes={chartSizes}\n                            labels={heatmapLabels}\n                            selectedNode={selectedNode}\n                            tooltipsContainer={tooltipsContainer}\n                        />\n                    </g>\n                )}\n                {chartSettings.legend.show && (\n                    <g\n                        transform={`translate(${\n                            chartSizes.treeWidth + HEATMAP_LEFT_OFFSET + chartSizes.heatmapWidth + HEATMAP_LEFT_OFFSET\n                        },0)`}\n                    >\n                        <Legend legendData={legendData} />\n                    </g>\n                )}\n            </g>\n            <g ref={tooltipsRef} />\n        </svg>\n    );\n}\n"],"names":["getSelectedPath","node","set","current","Chart","chartSettings","chartSizes","nodes","links","connectionType","rootPosition","edgeInheritance","showNodes","showEdges","showLeavesLabels","showNodesLabels","aesGetters","labels","heatmapData","heatmapScales","heatmapStep","heatmapColor","heatmapLabels","legendData","onClick","ref","useRef","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useEffect","setSelectedPath","setSelectedNode","onOuterEvent","e","key","value","USER_UPDATE_EVENT","selectedPath","React","selectedNode","somethingSelected","linksProps","nodesProps","jsxs","jsx","fonts","MARGIN","DIMMED_OPACITY","LinksGroup","link","source","target","NodesGroup","HEATMAP_LEFT_OFFSET","Heatmap","Legend"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/Heatmap.js

@@ -0,0 +1,81 @@
+import { j as s } from "../../node_modules/react/jsx-runtime.js";
+import { Tooltip as g } from "../../common/Tooltip.js";
+import { BLACK as j } from "../../constants.js";
+import { MARGIN as u, HEATMAP_LEFT_OFFSET as L, DIMMED_OPACITY as O, COLOR_EMPTY as E } from "../constants.js";
+import { r as b } from "../../_virtual/index.js";
+function A(t) {
+  if (t === null)
+    return "null";
+  if (typeof t == "number") {
+    const a = Math.floor(t), l = t - a;
+    return a + Number(l.toPrecision(2));
+  }
+  return t;
+}
+function D(t, a) {
+  return [`X: ${a[t.x]}`, `Node: ${t.y}`, `Value: ${A(t.value)}`];
+}
+function C({
+  heatmapData: t,
+  scales: a,
+  step: l,
+  colorScale: y,
+  tooltipsContainer: m,
+  chartSizes: n,
+  selectedNode: c,
+  labels: x
+}) {
+  const { xKeys: d, yKeys: v, cells: p, meta: T } = t, [r, h] = b.useState(null), M = {
+    left: n.treeWidth + L + u.LEFT,
+    right: n.heatmapWidth + u.RIGHT,
+    top: u.TOP,
+    bottom: n.heatmapHeight + u.BOTTOM
+  };
+  return /* @__PURE__ */ s.jsxs("g", { onMouseLeave: () => h(null), children: [
+    x.length && /* @__PURE__ */ s.jsx("g", { transform: "translate(0,-8)", children: d.map((o, i) => /* @__PURE__ */ s.jsxs("text", { x: a.x(o) + 2, fontWeight: "500", children: [
+      /* @__PURE__ */ s.jsx("title", { children: T.xLabels[o] }),
+      x[i]
+    ] }, o)) }),
+    d.map(
+      (o) => v.map((i) => {
+        var f;
+        const e = (f = p == null ? void 0 : p[o]) == null ? void 0 : f[i];
+        return /* @__PURE__ */ s.jsx(
+          "rect",
+          {
+            x: a.x(o),
+            y: a.y(i),
+            width: l.x,
+            height: l.y,
+            stroke: "white",
+            strokeWidth: "1px",
+            fill: e ? y(e == null ? void 0 : e.value) : E,
+            onMouseOver: () => {
+              (e == null ? void 0 : e.value) !== null && typeof (e == null ? void 0 : e.value) < "u" ? h(e) : h(null);
+            },
+            opacity: c && c.data.rawData[0].id !== (e == null ? void 0 : e.data.id) ? O : 1
+          },
+          e ? e.id : `${o}_${i}`
+        );
+      })
+    ),
+    x.length && /* @__PURE__ */ s.jsx("line", { x1: "0", x2: n.heatmapWidth, y1: "0", y2: "0", stroke: j, strokeWidth: "1px" }),
+    r && m && /* @__PURE__ */ s.jsx(
+      g,
+      {
+        content: D(r, t.meta.xLabels),
+        x: a.x(r.x) + l.x / 2,
+        y: a.y(r.y) + l.y / 2,
+        offset: d.length > 1 ? l.x / 2 : 0,
+        active: !0,
+        fixed: !1,
+        sideDistances: M,
+        container: m
+      }
+    )
+  ] });
+}
+export {
+  C as Heatmap
+};
+//# sourceMappingURL=Heatmap.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/Heatmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heatmap.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/dendro/components/Heatmap.tsx"],"sourcesContent":["import {Tooltip} from '../../common/Tooltip';\nimport {BLACK} from '../../constants';\nimport type {Cell, ChartScales, ChartSizes} from './types';\nimport {COLOR_EMPTY, DIMMED_OPACITY, HEATMAP_LEFT_OFFSET, MARGIN} from '../constants';\nimport type {HeatmapData} from '../getHeatmapData';\nimport type {TreeNodeData} from '../getHierarchyData';\nimport type {DataValue} from '../../types';\nimport type {HierarchyPointNode} from 'd3-hierarchy';\nimport React, {useState} from 'react';\n\nfunction formatCellValue(v: DataValue): number | string {\n    if (v === null) {\n        return 'null';\n    }\n    if (typeof v === 'number') {\n        const whole = Math.floor(v);\n        const decimal = v - whole;\n        return whole + Number(decimal.toPrecision(2));\n    }\n    return v;\n}\n\nfunction getTooltipContent(cell: Cell, labels:Record<string, string>) {\n    return [`X: ${labels[cell.x]}`, `Node: ${cell.y}`, `Value: ${formatCellValue(cell.value)}`];\n}\n\nexport function Heatmap({\n    heatmapData,\n    scales,\n    step,\n    colorScale,\n    tooltipsContainer,\n    chartSizes,\n    selectedNode,\n    labels\n}: {\n    heatmapData: HeatmapData;\n    scales: ChartScales;\n    step: {x: number; y: number};\n    colorScale: (value: DataValue) => string;\n    chartSizes: ChartSizes;\n    tooltipsContainer: Element | null;\n    selectedNode: HierarchyPointNode<TreeNodeData> | null,\n    labels: string[]\n}) {\n    const {xKeys, yKeys, cells, meta} = heatmapData;\n    const [selectedCell, setSelectedCell] = useState<Cell | null>(null);\n    const sideDistances = {\n        left: chartSizes.treeWidth + HEATMAP_LEFT_OFFSET + MARGIN.LEFT,\n        right: chartSizes.heatmapWidth + MARGIN.RIGHT,\n        top: MARGIN.TOP,\n        bottom: chartSizes.heatmapHeight + MARGIN.BOTTOM,\n    };\n    return (\n        <g onMouseLeave={() => setSelectedCell(null)}>\n            {labels.length && (\n                <g transform={'translate(0,-8)'} >\n                    {xKeys.map((key, idx) => (\n                        <text x={scales.x(key) + 2} key={key} fontWeight=\"500\">\n                            <title>{meta.xLabels[key]}</title>\n                            {labels[idx]}\n                        </text>\n                    ))}\n                </g>\n            )}\n            {/* cells */}\n            {xKeys.map(xKey =>\n                yKeys.map(yKey => {\n                    const cell = cells?.[xKey]?.[yKey];\n                    return (\n                        <rect\n                            key={cell ? cell.id : `${xKey}_${yKey}`}\n                            x={scales.x(xKey)}\n                            y={scales.y(yKey)}\n                            width={step.x}\n                            height={step.y}\n                            stroke=\"white\"\n                            strokeWidth=\"1px\"\n                            fill={cell ? colorScale(cell?.value) : COLOR_EMPTY}\n                            onMouseOver={() => {\n                                if (cell?.value !== null && typeof cell?.value !== 'undefined') {\n                                    setSelectedCell(cell);\n                                } else {\n                                    setSelectedCell(null);\n                                }\n                            }}\n                            opacity={selectedNode && selectedNode.data.rawData[0].id !== cell?.data.id ? DIMMED_OPACITY : 1}\n                        />\n                    );\n                })\n            )}\n            {labels.length && (\n                <line x1=\"0\" x2={chartSizes.heatmapWidth} y1=\"0\" y2=\"0\" stroke={BLACK} strokeWidth=\"1px\"/>\n            )}\n            {selectedCell && tooltipsContainer && (\n                <Tooltip\n                    content={getTooltipContent(selectedCell, heatmapData.meta.xLabels)}\n                    x={scales.x(selectedCell.x) + step.x / 2}\n                    y={scales.y(selectedCell.y) + step.y / 2}\n                    offset={xKeys.length > 1 ? step.x / 2 : 0}\n                    active={true}\n                    fixed={false}\n                    sideDistances={sideDistances}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["formatCellValue","v","whole","decimal","getTooltipContent","cell","labels","Heatmap","heatmapData","scales","step","colorScale","tooltipsContainer","chartSizes","selectedNode","xKeys","yKeys","cells","meta","selectedCell","setSelectedCell","useState","sideDistances","HEATMAP_LEFT_OFFSET","MARGIN","i","jsx","key","idx","jsxs","xKey","yKey","_a","COLOR_EMPTY","DIMMED_OPACITY","BLACK","Tooltip"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/Legend.js

@@ -0,0 +1,98 @@
+import { j as s } from "../../node_modules/react/jsx-runtime.js";
+import { BLACK as f } from "../../constants.js";
+import { getPointShape as m } from "../../utils/getPointShape.js";
+const h = 14, o = 12, a = 12, x = -12;
+function g({ aes: l, label: c }) {
+  const e = m(l.shape, l.size, l.color);
+  return /* @__PURE__ */ s.jsxs("g", { children: [
+    /* @__PURE__ */ s.jsx("g", { transform: `translate(${a / 2},${a / 2})`, children: e }),
+    /* @__PURE__ */ s.jsx("text", { x: a + 8, y: a / 2, dominantBaseline: "central", fontWeight: 500, children: c })
+  ] });
+}
+function $({ legendData: l }) {
+  const c = l.items.filter((e) => e.type === "continuous");
+  return /* @__PURE__ */ s.jsxs("g", { children: [
+    /* @__PURE__ */ s.jsx("defs", { children: c.map((e) => /* @__PURE__ */ s.jsx("linearGradient", { id: e.id, gradientTransform: "rotate(90)", children: e.scale.domain().map((t) => {
+      const n = e.scale.domain(), r = n[n.length - 1] - n[0], i = r > 0 ? (t - n[0]) / r * 100 : 0;
+      return /* @__PURE__ */ s.jsx(
+        "stop",
+        {
+          offset: `${i}%`,
+          stopColor: e.scale(t)
+        },
+        t
+      );
+    }) }, e.id)) }),
+    l.items.map((e) => {
+      if (e.type === "continuous") {
+        const t = Math.min(...e.values), n = Math.max(...e.values);
+        return /* @__PURE__ */ s.jsxs("g", { transform: `translate(${e.left},${e.top})`, children: [
+          /* @__PURE__ */ s.jsx("text", { fontWeight: 500, fontSize: "14px", y: x, children: e.title }),
+          /* @__PURE__ */ s.jsx(
+            "rect",
+            {
+              x: "0",
+              y: "0",
+              width: h,
+              height: e.height,
+              stroke: f,
+              fill: `url(#${e.id})`
+            }
+          ),
+          /* @__PURE__ */ s.jsx("g", { transform: `translate(${h},0)`, children: e.values.map((r) => {
+            const i = n - t, d = i > 0 ? e.height * (r - t) / i : 0;
+            return /* @__PURE__ */ s.jsxs("g", { transform: `translate(0,${d})`, children: [
+              /* @__PURE__ */ s.jsx("line", { x1: "0", x2: -4, stroke: f }),
+              /* @__PURE__ */ s.jsx("text", { x: 8, y: 4, children: r })
+            ] }, r);
+          }) }),
+          !1
+        ] }, e.id);
+      }
+      if (e.type === "discrete")
+        return /* @__PURE__ */ s.jsxs("g", { transform: `translate(${e.left},${e.top})`, children: [
+          /* @__PURE__ */ s.jsx("text", { fontWeight: 500, fontSize: "14px", y: x, children: e.title }),
+          e.values.map((t, n) => /* @__PURE__ */ s.jsxs("g", { transform: `translate(0, ${n * (o + 4)})`, children: [
+            /* @__PURE__ */ s.jsx(
+              "rect",
+              {
+                x: "0",
+                y: "0",
+                width: o,
+                height: o,
+                fill: e.scale(t),
+                rx: "1",
+                ry: "1"
+              }
+            ),
+            /* @__PURE__ */ s.jsx("text", { x: o + 8, y: 10, children: t })
+          ] }, t)),
+          !1
+        ] }, e.id);
+      if (e.type === "nodes")
+        return /* @__PURE__ */ s.jsxs("g", { transform: `translate(${e.left},${e.top})`, fontSize: "14px", fontWeight: 500, children: [
+          /* @__PURE__ */ s.jsx("text", { fontWeight: 500, y: x, children: e.title }),
+          e.values.map((t, n) => /* @__PURE__ */ s.jsx("g", { transform: `translate(0, ${n * (a + 4)})`, children: /* @__PURE__ */ s.jsx(g, { aes: e.scale(t), label: e.labels[t] }) }, t)),
+          !1
+        ] }, e.id);
+      if (e.type === "size") {
+        const t = e.height / e.values.length;
+        return /* @__PURE__ */ s.jsxs("g", { transform: `translate(${e.left},${e.top})`, fontSize: "14px", fontWeight: 500, children: [
+          /* @__PURE__ */ s.jsx("text", { fontWeight: 500, y: x, children: e.title }),
+          e.values.map((n, r) => {
+            const i = e.scale(n);
+            return /* @__PURE__ */ s.jsxs("g", { transform: `translate(0, ${r * t})`, children: [
+              /* @__PURE__ */ s.jsx("circle", { r: i, cx: t / 2, cy: t / 2, fill: f }),
+              /* @__PURE__ */ s.jsx("text", { x: t + 4, y: t / 2, alignmentBaseline: "central", children: e.labels[n] })
+            ] }, n);
+          }),
+          !1
+        ] }, e.id);
+      }
+    })
+  ] });
+}
+export {
+  $ as Legend
+};
+//# sourceMappingURL=Legend.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/dendro/components/Legend.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport type {DotAesItem, LegendData, LegendItemContinuous} from './types';\nimport {getPointShape} from '../../utils/getPointShape';\nimport React from 'react';\n\nconst COLOR_ITEM_WIDTH_C = 14;\nconst COLOR_ITEM_SIZE_D = 12;\nconst LEGEND_ITEM_SIZE = 12;\nconst TITLE_POSITION = -12;\n\ninterface LegendProps {\n    legendData: LegendData;\n}\n\nfunction AesItem({aes, label}: {aes: DotAesItem; label: string}) {\n    const shape = getPointShape(aes.shape, aes.size, aes.color);\n\n    return (\n        <g>\n            <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>{shape}</g>\n            <text x={LEGEND_ITEM_SIZE + 8} y={LEGEND_ITEM_SIZE / 2} dominantBaseline=\"central\" fontWeight={500}>\n                {label}\n            </text>\n        </g>\n    );\n}\n\nexport function Legend({legendData}: LegendProps) {\n    const debug = false;\n    const continuousItems= legendData.items.filter((item) => item.type === 'continuous') as LegendItemContinuous[];\n    return (\n        <g>\n            <defs>\n                {continuousItems.map(item => (\n                    <linearGradient key={item.id} id={item.id} gradientTransform=\"rotate(90)\">\n                        {item.scale.domain().map(value => {\n                            const domain = item.scale.domain();\n                            const range = domain[domain.length - 1] - domain[0];\n                            const percent = range > 0 ? (value - domain[0]) / range * 100 : 0;\n                            return (\n                                <stop\n                                    key={value}\n                                    offset={`${percent}%`}\n                                    stopColor={item.scale(value)}\n                                />\n                            );\n                        })}\n                    </linearGradient>\n                ))}\n            </defs>\n            {legendData.items.map(item => {\n                if (item.type === 'continuous') {\n                    const min = Math.min(...item.values);\n                    const max = Math.max(...item.values);\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`}>\n                            <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n                            <rect\n                                x=\"0\"\n                                y=\"0\"\n                                width={COLOR_ITEM_WIDTH_C}\n                                height={item.height}\n                                stroke={BLACK}\n                                fill={`url(#${item.id})`}\n                            />\n                            <g transform={`translate(${COLOR_ITEM_WIDTH_C},0)`}>\n                                {item.values.map(value => {\n                                    const range = max - min;\n                                    const y = range > 0 ? (item.height * (value - min)) / range : 0;\n                                    return (\n                                        <g key={value} transform={`translate(0,${y})`}>\n                                            <line x1=\"0\" x2={-4} stroke={BLACK} />\n                                            <text x={8} y={4}>{value}</text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discrete') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`}>\n                            <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n                            {item.values.map((value, idx) => {\n                                return <g key={value} transform={`translate(0, ${idx * (COLOR_ITEM_SIZE_D + 4)})`}>\n                                    <rect\n                                        x=\"0\"\n                                        y=\"0\"\n                                        width={COLOR_ITEM_SIZE_D}\n                                        height={COLOR_ITEM_SIZE_D}\n                                        fill={item.scale(value)}\n                                        rx=\"1\"\n                                        ry=\"1\"\n                                    />\n                                    <text x={COLOR_ITEM_SIZE_D + 8} y={10}>{value}</text>\n                                </g>;\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'nodes') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <AesItem aes={item.scale(value)} label={item.labels[value]} />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'size') {\n                    const size = item.height / item.values.length;\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                const r = item.scale(value);\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * size})`}>\n                                        <circle r={r} cx={size / 2} cy={size / 2} fill={BLACK}/>\n                                        <text x={size + 4} y={size / 2} alignmentBaseline=\"central\">{item.labels[value]}</text>\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n            })}\n        </g>\n    );\n}\n"],"names":["COLOR_ITEM_WIDTH_C","COLOR_ITEM_SIZE_D","LEGEND_ITEM_SIZE","TITLE_POSITION","AesItem","aes","label","shape","getPointShape","n","jsx","Legend","legendData","continuousItems","item","value","domain","range","percent","min","max","jsxs","t","BLACK","y","idx","size","r"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/LinksGroup.js

@@ -0,0 +1,36 @@
+import { j as $ } from "../../node_modules/react/jsx-runtime.js";
+import { SELECTED_PATH_COLOR as u } from "../constants.js";
+import { link as y } from "../../node_modules/d3-shape/src/link.js";
+import { bumpY as m, bumpX as p } from "../../node_modules/d3-shape/src/curve/bump.js";
+function L(n, a, s) {
+  const { source: e, target: o } = n, r = s === "top";
+  return a === "rectangle" ? r ? `M ${e.x},${e.y} L ${o.x},${e.y} L${o.x},${o.y}` : `M ${e.y},${e.x} L ${e.y},${o.x} L${o.y},${o.x}` : a === "curve" ? y(
+    r ? m : p
+  ).x((t) => r ? t.x : t.y).y((t) => r ? t.y : t.x).source((t) => t.target).target((t) => t.source)(n) ?? "" : r ? `M ${e.x},${e.y} L${o.x},${o.y}` : `M ${e.y},${e.x} L${o.y},${o.x}`;
+}
+function h({
+  links: n,
+  connectionType: a,
+  rootPosition: s,
+  edgeInheritance: e,
+  aesGetters: o,
+  selected: r
+}) {
+  return /* @__PURE__ */ $.jsx($.Fragment, { children: n.map((t) => {
+    const { source: i, target: x } = t, c = (e === "up" ? i : x).data.rawData[0];
+    return /* @__PURE__ */ $.jsx(
+      "path",
+      {
+        d: L(t, a, s),
+        stroke: r ? u : o.lineColor(c),
+        strokeWidth: r ? 2 : 1,
+        fill: "none"
+      },
+      `${t.source.id},${t.target.id}`
+    );
+  }) });
+}
+export {
+  h as LinksGroup
+};
+//# sourceMappingURL=LinksGroup.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/LinksGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinksGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/dendro/components/LinksGroup.tsx"],"sourcesContent":["import {SELECTED_PATH_COLOR} from '../constants';\nimport type {DendroSettingsImpl} from '../DendroSettingsImpl';\nimport type {TreeNodeData} from '../getHierarchyData';\nimport type {HierarchyPointLink, HierarchyPointNode} from 'd3-hierarchy';\nimport {curveBumpX, curveBumpY, link as d3link} from 'd3-shape';\nimport React from 'react';\n\ninterface LinksGroupProps {\n    links: HierarchyPointLink<TreeNodeData>[];\n    connectionType: DendroSettingsImpl['connectionType'];\n    rootPosition: DendroSettingsImpl['rootPosition'];\n    edgeInheritance: DendroSettingsImpl['edgeInheritance'];\n    aesGetters: {\n        nodeShape: (row: Record<string, string>) => string;\n        nodeColor: (row: Record<string, string>) => string;\n        nodeSize: (row: Record<string, number>) => number;\n        lineShape: (row: Record<string, string>) => string;\n        lineColor: (row: Record<string, string>) => string;\n    };\n    selected: boolean;\n}\n\nfunction getLinkPath(\n    link: HierarchyPointLink<TreeNodeData>,\n    connectionType: DendroSettingsImpl['connectionType'],\n    rootPosition: DendroSettingsImpl['rootPosition']\n): string {\n    const {source, target} = link;\n    const isVertical = rootPosition === 'top';\n    if (connectionType === 'rectangle') {\n        return isVertical\n            ? `M ${source.x},${source.y} L ${target.x},${source.y} L${target.x},${target.y}`\n            : `M ${source.y},${source.x} L ${source.y},${target.x} L${target.y},${target.x}`;\n    }\n    if (connectionType === 'curve') {\n        return (\n            d3link<HierarchyPointLink<TreeNodeData>, HierarchyPointNode<TreeNodeData>>(\n                isVertical ? curveBumpY : curveBumpX\n            )\n                .x(d => (isVertical ? d.x : d.y))\n                .y(d => (isVertical ? d.y : d.x))\n                .source(d => d.target)\n                .target(d => d.source)(link) ?? ''\n        );\n    }\n    return isVertical\n        ? `M ${source.x},${source.y} L${target.x},${target.y}`\n        : `M ${source.y},${source.x} L${target.y},${target.x}`;\n}\n\nexport function LinksGroup({\n    links,\n    connectionType,\n    rootPosition,\n    edgeInheritance,\n    aesGetters,\n    selected,\n}: LinksGroupProps) {\n    return (\n        <>\n            {links.map(link => {\n                const {source, target} = link;\n                const aesNode = edgeInheritance === 'up' ? source : target;\n                const row = aesNode.data.rawData[0];\n                return (\n                    <path\n                        key={`${link.source.id},${link.target.id}`}\n                        d={getLinkPath(link, connectionType, rootPosition)}\n                        stroke={selected ? SELECTED_PATH_COLOR : aesGetters.lineColor(row as Record<string, string>)}\n                        strokeWidth={selected ? 2 : 1}\n                        fill=\"none\"\n                    />\n                );\n            })}\n        </>\n    );\n}\n"],"names":["getLinkPath","link","connectionType","rootPosition","source","target","isVertical","d3link","curveBumpY","curveBumpX","d","LinksGroup","links","edgeInheritance","aesGetters","selected","jsx","Fragment","row","SELECTED_PATH_COLOR"],"mappings":";;;;AAsBA,SAASA,EACLC,GACAC,GACAC,GACM;AACN,QAAM,EAAC,QAAAC,GAAQ,QAAAC,MAAUJ,GACnBK,IAAaH,MAAiB;AACpC,SAAID,MAAmB,cACZI,IACD,KAAKF,EAAO,CAAC,IAAIA,EAAO,CAAC,MAAMC,EAAO,CAAC,IAAID,EAAO,CAAC,KAAKC,EAAO,CAAC,IAAIA,EAAO,CAAC,KAC5E,KAAKD,EAAO,CAAC,IAAIA,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAIC,EAAO,CAAC,KAAKA,EAAO,CAAC,IAAIA,EAAO,CAAC,KAElFH,MAAmB,UAEfK;AAAAA,IACID,IAAaE,IAAaC;AAAAA,EAAAA,EAEzB,EAAE,CAAAC,MAAMJ,IAAaI,EAAE,IAAIA,EAAE,CAAE,EAC/B,EAAE,CAAAA,MAAMJ,IAAaI,EAAE,IAAIA,EAAE,CAAE,EAC/B,OAAO,CAAAA,MAAKA,EAAE,MAAM,EACpB,OAAO,CAAAA,MAAKA,EAAE,MAAM,EAAET,CAAI,KAAK,KAGrCK,IACD,KAAKF,EAAO,CAAC,IAAIA,EAAO,CAAC,KAAKC,EAAO,CAAC,IAAIA,EAAO,CAAC,KAClD,KAAKD,EAAO,CAAC,IAAIA,EAAO,CAAC,KAAKC,EAAO,CAAC,IAAIA,EAAO,CAAC;AAC5D;AAEO,SAASM,EAAW;AAAA,EACvB,OAAAC;AAAAA,EACA,gBAAAV;AAAAA,EACA,cAAAC;AAAAA,EACA,iBAAAU;AAAAA,EACA,YAAAC;AAAAA,EACA,UAAAC;AACJ,GAAoB;AAChB,SACIC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACK,UAAAL,EAAM,IAAI,CAAAX,MAAQ;AACf,UAAM,EAAC,QAAAG,GAAQ,QAAAC,MAAUJ,GAEnBiB,KADUL,MAAoB,OAAOT,IAASC,GAChC,KAAK,QAAQ,CAAC;AAClC,WACIW,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,GAAGhB,EAAYC,GAAMC,GAAgBC,CAAY;AAAA,QACjD,QAAQY,IAAWI,IAAsBL,EAAW,UAAUI,CAA6B;AAAA,QAC3F,aAAaH,IAAW,IAAI;AAAA,QAC5B,MAAK;AAAA,MAAA;AAAA,MAJA,GAAGd,EAAK,OAAO,EAAE,IAAIA,EAAK,OAAO,EAAE;AAAA,IAAA;AAAA,EAOpD,CAAC,GACL;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/NodesGroup.js

@@ -0,0 +1,95 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.js";
+import { DIMMED_OPACITY as L, SELECTED_NODE_COLOR as f, MARGIN as x } from "../constants.js";
+import { getPointShape as w } from "../../utils/getPointShape.js";
+import { r as y } from "../../_virtual/index.js";
+const C = 12;
+function $({
+  nodes: p,
+  rootPosition: g,
+  showLeavesLabels: j,
+  showNodesLabels: D,
+  aesGetters: n,
+  selectedNodeId: u,
+  onClick: h,
+  onSelectedUpdate: m
+}) {
+  const o = g === "top", [O, i] = y.useState(null);
+  return y.useEffect(() => {
+    i(null);
+  }, [u]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("g", { children: p.map((e) => {
+      const a = e.data.rawData[0], l = n.nodeSize(a), r = n.nodeColor(a), s = o ? e.x : e.y, d = o ? e.y : e.x;
+      return /* @__PURE__ */ t.jsx(
+        "g",
+        {
+          transform: `translate(${s},${d})`,
+          style: { cursor: "pointer" },
+          onClick: (c) => {
+            c.stopPropagation(), h({ x: s + x.LEFT, y: d + x.TOP, info: e.data.rawData }), m(e);
+          },
+          children: /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx(
+            "circle",
+            {
+              cx: 0,
+              cy: 0,
+              r: l + C,
+              fill: u === e.id ? f : O === e.id ? r : "transparent",
+              opacity: L,
+              onMouseOver: () => i(e.id ?? null),
+              onMouseLeave: () => i(null)
+            }
+          ) })
+        },
+        e.id
+      );
+    }) }),
+    /* @__PURE__ */ t.jsx("g", { children: p.map((e) => {
+      const a = e.data.rawData[0], l = n.nodeShape(a), r = n.nodeSize(a), s = n.nodeColor(a), d = o ? e.x : e.y, c = o ? e.y : e.x;
+      return /* @__PURE__ */ t.jsx(
+        "g",
+        {
+          transform: `translate(${d},${c})`,
+          style: { cursor: "pointer" },
+          onClick: (E) => {
+            E.stopPropagation(), h({ x: d + x.LEFT, y: c + x.TOP, info: e.data.rawData }), m(e);
+          },
+          children: /* @__PURE__ */ t.jsx(
+            "g",
+            {
+              onMouseOver: () => i(e.id ?? null),
+              onMouseLeave: () => i(null),
+              children: w(l, r, u === e.id ? f : s)
+            }
+          )
+        },
+        e.id
+      );
+    }) }),
+    /* @__PURE__ */ t.jsx("g", { children: p.map((e) => {
+      const a = e.data.rawData[0], l = n.nodeSize(a), r = o ? e.x : e.y, s = o ? e.y : e.x;
+      return /* @__PURE__ */ t.jsx(
+        "g",
+        {
+          transform: `translate(${r},${s})`,
+          style: { pointerEvents: "none" },
+          children: (D && e.children || j && !e.children) && /* @__PURE__ */ t.jsx(
+            "text",
+            {
+              x: l + 4,
+              y: "4",
+              paintOrder: "stroke",
+              stroke: "white",
+              strokeWidth: "3",
+              children: e.data.label
+            }
+          )
+        },
+        e.id
+      );
+    }) })
+  ] });
+}
+export {
+  $ as NodesGroup
+};
+//# sourceMappingURL=NodesGroup.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/NodesGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodesGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/dendro/components/NodesGroup.tsx"],"sourcesContent":["import {DIMMED_OPACITY, MARGIN, SELECTED_NODE_COLOR} from '../constants';\nimport type {DendroSettingsImpl} from '../DendroSettingsImpl';\nimport type {TreeNodeData} from '../getHierarchyData';\nimport {getPointShape} from '../../utils/getPointShape';\nimport type {ClickEventData, PointShape} from '../../types';\nimport type {HierarchyPointNode} from 'd3-hierarchy';\nimport React, {useEffect, useState} from 'react';\n\ninterface NodeGroupProps {\n    nodes: HierarchyPointNode<TreeNodeData>[];\n    rootPosition: DendroSettingsImpl['rootPosition'];\n    showLeavesLabels: DendroSettingsImpl['showLeavesLabels'];\n    showNodesLabels: DendroSettingsImpl['showNodesLabels'];\n    aesGetters: {\n        nodeShape: (row: Record<string, string>) => string;\n        nodeColor: (row: Record<string, string>) => string;\n        nodeSize: (row: Record<string, number>) => number;\n        lineShape: (row: Record<string, string>) => string;\n        lineColor: (row: Record<string, string>) => string;\n    };\n    onClick: (data: ClickEventData) => void;\n    onSelectedUpdate: (node: HierarchyPointNode<TreeNodeData>) => void;\n    selectedNodeId?: string;\n}\n\nconst SELECTED_NODE_HIGHLIGHT_WIDTH = 12;\n\nexport function NodesGroup({\n    nodes,\n    rootPosition,\n    showLeavesLabels,\n    showNodesLabels,\n    aesGetters,\n    selectedNodeId,\n    onClick,\n    onSelectedUpdate,\n}: NodeGroupProps) {\n    const isVertical = rootPosition === 'top';\n    const [hoveredNodeId, setHoveredNodeId] = useState<string | null>(null);\n    useEffect(() => {\n        setHoveredNodeId(null);\n    }, [selectedNodeId]);\n    return (\n        <>\n            <g>\n                {nodes.map(node => {\n                    const row = node.data.rawData[0];\n                    const size = aesGetters.nodeSize(row as Record<string, number>);\n                    const color = aesGetters.nodeColor(row as Record<string, string>);\n                    const x = isVertical ? node.x : node.y;\n                    const y = isVertical ? node.y : node.x;\n                    return (\n                        <g\n                            key={node.id}\n                            transform={`translate(${x},${y})`}\n                            style={{cursor: 'pointer'}}\n                            onClick={e => {\n                                e.stopPropagation();\n                                onClick({x: x + MARGIN.LEFT, y: y + MARGIN.TOP, info: node.data.rawData});\n                                onSelectedUpdate(node);\n                            }}\n                        >\n                            <g>\n                                <circle\n                                    cx={0}\n                                    cy={0}\n                                    r={size + SELECTED_NODE_HIGHLIGHT_WIDTH}\n                                    fill={\n                                        selectedNodeId === node.id\n                                            ? SELECTED_NODE_COLOR\n                                            : hoveredNodeId === node.id\n                                            ? color\n                                            : 'transparent'\n                                    }\n                                    opacity={DIMMED_OPACITY}\n                                    onMouseOver={() => setHoveredNodeId(node.id ?? null)}\n                                    onMouseLeave={() => setHoveredNodeId(null)}\n                                />\n                            </g>\n                        </g>\n                    );\n                })}\n            </g>\n            <g>\n                {nodes.map(node => {\n                    const row = node.data.rawData[0];\n                    const shape = aesGetters.nodeShape(row as Record<string, string>) as PointShape;\n                    const size = aesGetters.nodeSize(row as Record<string, number>);\n                    const color = aesGetters.nodeColor(row as Record<string, string>);\n                    const x = isVertical ? node.x : node.y;\n                    const y = isVertical ? node.y : node.x;\n                    return (\n                        <g\n                            key={node.id}\n                            transform={`translate(${x},${y})`}\n                            style={{cursor: 'pointer'}}\n                            onClick={e => {\n                                e.stopPropagation();\n                                onClick({x: x + MARGIN.LEFT, y: y + MARGIN.TOP, info: node.data.rawData});\n                                onSelectedUpdate(node);\n                            }}\n                        >\n                            <g\n                                onMouseOver={() => setHoveredNodeId(node.id ?? null)}\n                                onMouseLeave={() => setHoveredNodeId(null)}\n                            >\n                                {getPointShape(shape, size, selectedNodeId === node.id ? SELECTED_NODE_COLOR : color)}\n                            </g>\n                        </g>\n                    );\n                })}\n            </g>\n            <g>\n                {nodes.map(node => {\n                    const row = node.data.rawData[0];\n                    const size = aesGetters.nodeSize(row as Record<string, number>);\n                    const x = isVertical ? node.x : node.y;\n                    const y = isVertical ? node.y : node.x;\n                    return (\n                        <g\n                            key={node.id}\n                            transform={`translate(${x},${y})`}\n                            style={{pointerEvents: 'none'}}\n                        >\n                            {((showNodesLabels && node.children) || (showLeavesLabels && !node.children)) && (\n                                <text\n                                    x={size + 4}\n                                    y=\"4\"\n                                    paintOrder=\"stroke\"\n                                    stroke=\"white\"\n                                    strokeWidth=\"3\"\n                                >\n                                    {node.data.label}\n                                </text>\n                            )}\n                        </g>\n                    );\n                })}\n            </g>\n        </>\n    );\n}\n"],"names":["SELECTED_NODE_HIGHLIGHT_WIDTH","NodesGroup","nodes","rootPosition","showLeavesLabels","showNodesLabels","aesGetters","selectedNodeId","onClick","onSelectedUpdate","isVertical","hoveredNodeId","setHoveredNodeId","useState","useEffect","jsxs","Fragment","jsx","node","row","size","color","x","y","e","MARGIN","t","SELECTED_NODE_COLOR","DIMMED_OPACITY","shape","D"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/constants.js

@@ -0,0 +1,25 @@
+const E = 600, T = 350, _ = 560, a = 400, s = 400, L = 30, A = {
+  LEFT: 12,
+  RIGHT: 30,
+  TOP: 40,
+  // title
+  BOTTOM: 30
+}, O = 8, D = 64, H = 0.24, I = "dendroChartUpdate", M = "#F0F0F0", C = "#FAFAFA", F = "#49cc49", R = "#49cc49";
+export {
+  D as CELL_MAX_WIDTH,
+  O as CELL_MIN_WIDTH,
+  C as COLOR_EMPTY,
+  M as COLOR_NULL,
+  H as DIMMED_OPACITY,
+  L as HEATMAP_LEFT_OFFSET,
+  T as HEIGHT,
+  A as MARGIN,
+  a as MAX_HEATMAP_WIDTH,
+  s as MAX_LEGEND_HEIGHT,
+  R as SELECTED_NODE_COLOR,
+  F as SELECTED_PATH_COLOR,
+  I as USER_UPDATE_EVENT,
+  _ as WIDE_TREE_WIDTH,
+  E as WIDTH
+};
+//# sourceMappingURL=constants.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/dendro/constants.ts"],"sourcesContent":["export const WIDTH = 600;\nexport const HEIGHT = 350;\n\nexport const NARROW_TREE_WIDTH = 280; // used if heatmap exists\nexport const WIDE_TREE_WIDTH = NARROW_TREE_WIDTH * 2; // used for tree without side graphs\n\nexport const MAX_HEATMAP_WIDTH = 400;\n\nexport const MAX_LEGEND_HEIGHT = 400;\nexport const HEATMAP_LEFT_OFFSET = 30;\nexport const MARGIN = {\n    LEFT: 12,\n    RIGHT: 30,\n    TOP: 40, // title\n    BOTTOM: 30,\n};\n\nexport const CELL_MIN_WIDTH = 8;\nexport const CELL_MAX_WIDTH = 64;\nexport const CELL_MIN_HEIGHT = 32;\nexport const DIMMED_OPACITY = 0.24;\n\nexport const USER_UPDATE_EVENT = 'dendroChartUpdate';\n\nexport const COLOR_NULL = '#F0F0F0';\nexport const COLOR_EMPTY = '#FAFAFA';\n\nexport const SELECTED_PATH_COLOR = '#49cc49';\nexport const SELECTED_NODE_COLOR = '#49cc49';\n"],"names":["WIDTH","HEIGHT","WIDE_TREE_WIDTH","MAX_HEATMAP_WIDTH","MAX_LEGEND_HEIGHT","HEATMAP_LEFT_OFFSET","MARGIN","CELL_MIN_WIDTH","CELL_MAX_WIDTH","DIMMED_OPACITY","USER_UPDATE_EVENT","COLOR_NULL","COLOR_EMPTY","SELECTED_PATH_COLOR","SELECTED_NODE_COLOR"],"mappings":"AAAO,MAAMA,IAAQ,KACRC,IAAS,KAGTC,IAAkB,KAElBC,IAAoB,KAEpBC,IAAoB,KACpBC,IAAsB,IACtBC,IAAS;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA;AAAA,EACL,QAAQ;AACZ,GAEaC,IAAiB,GACjBC,IAAiB,IAEjBC,IAAiB,MAEjBC,IAAoB,qBAEpBC,IAAa,WACbC,IAAc,WAEdC,IAAsB,WACtBC,IAAsB;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/getHeatmapData.js

@@ -0,0 +1,73 @@
+function b(d, i, x, v, K, t, m) {
+  return i === "stringSource" ? E(d, x, t, m) : G(d, i, x, v, K, t, m);
+}
+function G(d, i, x, v, K, t, m) {
+  if (!x || !v)
+    return null;
+  const f = m.leaves().map((a) => String(a.data.rawData[0][t.value])), e = {
+    xKeys: [],
+    xGroupKeys: [],
+    xKeysByGroups: {},
+    yKeys: f,
+    cells: {},
+    meta: {
+      valueExtent: [1 / 0, -1 / 0],
+      uniqueValues: /* @__PURE__ */ new Set(),
+      xLabels: {}
+    }
+  }, S = x, p = K, u = v, r = t, y = /* @__PURE__ */ new Set(), s = {}, n = /* @__PURE__ */ new Set();
+  return d.rows.forEach((a) => {
+    const o = p.length ? p.map((w) => String(a[w.value])).join("_") : "null";
+    let l = a[u.value], c = a[r.value];
+    if (l === null || c === null)
+      return;
+    l = String(l), c = String(c), s[o] || (s[o] = /* @__PURE__ */ new Set(), n.add(o)), y.add(l), s[o].add(l), e.cells[l] || (e.cells[l] = {});
+    const g = a[S.value];
+    if (i === "discrete" && e.meta.uniqueValues.add(String(g)), i === "continuous" && (e.meta.valueExtent[0] = Math.min(g, e.meta.valueExtent[0]), e.meta.valueExtent[1] = Math.max(g, e.meta.valueExtent[1])), e.cells[l][c] && g !== g)
+      throw Error(`More than 1 value for x=${l}, y=${c}`);
+    const h = String(a[u.valueLabels ?? u.value]);
+    if (e.meta.xLabels[l] && h !== e.meta.xLabels[l])
+      throw Error(`More than 1 x-label value for x=${l}`);
+    e.meta.xLabels[l] = h, e.cells[l][c] = {
+      id: `${l}_${c}`,
+      x: l,
+      y: c,
+      value: a[S.value],
+      data: a
+    };
+  }), e.xGroupKeys = [...n], e.xKeysByGroups = [...n].reduce((a, o) => (a[o] = [...s[o]], a), {}), e.xKeys = e.xGroupKeys.reduce((a, o) => (a = a.concat(e.xKeysByGroups[o]), a), []), e;
+}
+function E(d, i, x, v) {
+  if (!i)
+    return null;
+  const K = v.leaves().map((u) => String(u.data.rawData[0][x.value])), t = {
+    xKeys: [],
+    xGroupKeys: [],
+    xKeysByGroups: {},
+    yKeys: K,
+    cells: {},
+    meta: {
+      valueExtent: [1 / 0, -1 / 0],
+      uniqueValues: /* @__PURE__ */ new Set(),
+      xLabels: {}
+    }
+  }, m = i, f = x, e = { null: /* @__PURE__ */ new Set() }, S = ["null"];
+  let p = 0;
+  return d.rows.forEach((u) => {
+    const r = u[m.value];
+    let y = u[f.value];
+    if (!(r === null || y === null)) {
+      y = String(y);
+      for (let s = 0; s < r.length; s++) {
+        p = Math.max(p, r.length);
+        const n = String(s), a = r[s];
+        e.null.add(n), t.meta.uniqueValues.add(a), t.meta.xLabels[n] = n, t.cells[n] || (t.cells[n] = {}), t.cells[n][y] = { id: `${n}_${y}`, x: n, y, value: a, data: u };
+      }
+    }
+  }), t.xGroupKeys = S, t.xKeysByGroups = S.reduce((u, r) => (u[r] = [...e[r]], u), {}), t.xKeys = new Array(p).fill(null).map((u, r) => String(r)), t;
+}
+export {
+  b as getHeatmapData,
+  G as getHeatmapDataWithAxisColumn
+};
+//# sourceMappingURL=getHeatmapData.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/getHeatmapData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHeatmapData.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/dendro/getHeatmapData.ts"],"sourcesContent":["import type {DataFrame} from '../DataFrame';\nimport type {DendroSettingsImpl} from './DendroSettingsImpl';\nimport type {TreeNodeData} from './getHierarchyData';\nimport type {Cell} from './components/types';\nimport type {HierarchyNode} from 'd3-hierarchy';\n\nexport type HeatmapData = {\n    xKeys: string[];\n    yKeys: string[];\n    xGroupKeys: string[];\n    xKeysByGroups: Record<string, string[]>;\n    cells: Record<string, Record<string, Cell>>;\n    meta: {\n        valueExtent: [number, number];\n        uniqueValues: Set<string>;\n        xLabels: Record<string, string>;\n    };\n};\n\nexport function getHeatmapData(\n    data:DataFrame,\n    type: DendroSettingsImpl['heatmapSettings']['valueType'],\n    heatmapAnnotation: DendroSettingsImpl['heatmapAnnotation'],\n    heatmapAxis: DendroSettingsImpl['heatmapAxis'],\n    heatmapGroup: DendroSettingsImpl['heatmapGroup'],\n    id: DendroSettingsImpl['id'],\n    hierarchy: HierarchyNode<TreeNodeData>\n) {\n    return type === 'stringSource'\n        ? getHeatmapDataByStringSource(data, heatmapAnnotation, id, hierarchy)\n        : getHeatmapDataWithAxisColumn(data, type, heatmapAnnotation, heatmapAxis, heatmapGroup, id, hierarchy);\n}\nexport function getHeatmapDataWithAxisColumn(\n    data:DataFrame,\n    type: DendroSettingsImpl['heatmapSettings']['valueType'],\n    heatmapAnnotation: DendroSettingsImpl['heatmapAnnotation'],\n    heatmapAxis: DendroSettingsImpl['heatmapAxis'],\n    heatmapGroup: DendroSettingsImpl['heatmapGroup'],\n    id: DendroSettingsImpl['id'],\n    hierarchy: HierarchyNode<TreeNodeData>\n) : HeatmapData | null {\n    if (!heatmapAnnotation || !heatmapAxis) {\n        return null;\n    }\n    const yKeys = hierarchy.leaves().map((node) => String(node.data.rawData[0][id.value]));\n    const result:HeatmapData = {\n        xKeys: [],\n        xGroupKeys: [],\n        xKeysByGroups: {},\n        yKeys: yKeys,\n        cells: {},\n        meta: {\n            valueExtent: [Infinity, -Infinity],\n            uniqueValues: new Set(),\n            xLabels: {},\n        }\n    };\n    const valueColumn = heatmapAnnotation;\n    const xGroupBy = heatmapGroup;\n    const xColumn = heatmapAxis;\n    const yColumn = id;\n\n    const xKeysSet = new Set<string>();\n    const xKeysByGroups:Record<string, Set<string>> = {};\n    const xGroupKeys = new Set<string>();\n    data.rows.forEach(row => {\n        const xGroupKey = xGroupBy.length ? xGroupBy.map(column => String(row[column.value])).join('_') : 'null';\n        let x = row[xColumn.value];\n        let y = row[yColumn.value];\n        if (x === null || y === null) {\n            return;\n        }\n        x = String(x);\n        y = String(y);\n        if (!xKeysByGroups[xGroupKey]) {\n            xKeysByGroups[xGroupKey] = new Set<string>();\n            xGroupKeys.add(xGroupKey);\n        }\n        xKeysSet.add(x);\n        xKeysByGroups[xGroupKey].add(x);\n\n        if (!result.cells[x]) {\n            result.cells[x] = {};\n        }\n\n        const value = row[valueColumn.value];\n\n        if (type === 'discrete') {\n            result.meta.uniqueValues.add(String(value));\n        }\n        if (type === 'continuous') {\n            result.meta.valueExtent[0] = Math.min(value as number, result.meta.valueExtent[0]);\n            result.meta.valueExtent[1] = Math.max(value as number, result.meta.valueExtent[1]);\n        }\n\n        if (result.cells[x][y] && value !== value) {\n            throw Error(`More than 1 value for x=${x}, y=${y}`);\n        }\n        const label = String(row[xColumn.valueLabels ?? xColumn.value]);\n        if (result.meta.xLabels[x] && label !== result.meta.xLabels[x]) {\n            throw Error(`More than 1 x-label value for x=${x}`);\n        }\n        result.meta.xLabels[x] = label;\n\n        result.cells[x][y] = {\n            id: `${x}_${y}`,\n            x,\n            y,\n            value: row[valueColumn.value],\n            data: row,\n        };\n    });\n    result.xGroupKeys = [...xGroupKeys];\n    result.xKeysByGroups = [...xGroupKeys].reduce((res:HeatmapData['xKeysByGroups'], key) => {\n        res[key] = [...xKeysByGroups[key]];\n        return res;\n    }, {});\n    result.xKeys = result.xGroupKeys.reduce((res:string[], groupKey) => {\n        res = res.concat(result.xKeysByGroups[groupKey]);\n        return res;\n    }, []);\n    return result;\n}\n\nfunction getHeatmapDataByStringSource(\n    data:DataFrame,\n    heatmapAnnotation: DendroSettingsImpl['heatmapAnnotation'],\n    id: DendroSettingsImpl['id'],\n    hierarchy: HierarchyNode<TreeNodeData>\n) : HeatmapData | null {\n    if (!heatmapAnnotation) {\n        return null;\n    }\n    const yKeys = hierarchy.leaves().map((node) => String(node.data.rawData[0][id.value]));\n    const result:HeatmapData = {\n        xKeys: [],\n        xGroupKeys: [],\n        xKeysByGroups: {},\n        yKeys: yKeys,\n        cells: {},\n        meta: {\n            valueExtent: [Infinity, -Infinity],\n            uniqueValues: new Set(),\n            xLabels: {},\n        }\n    };\n    const valueColumn = heatmapAnnotation;\n    const yColumn = id;\n\n    const xKeysByGroups:Record<string, Set<string>> = {'null': new Set()};\n    const xGroupKeys = ['null'];\n    let maxLine = 0;\n\n    data.rows.forEach(row => {\n        const line = row[valueColumn.value] as string;\n        let y = row[yColumn.value];\n        if (line === null || y === null) {\n            return;\n        }\n        y = String(y);\n        for (let i = 0; i < line.length; i++) {\n            maxLine = Math.max(maxLine, line.length);\n            const x = String(i);\n            const value = line[i];\n            xKeysByGroups['null'].add(x);\n\n            result.meta.uniqueValues.add(value);\n            result.meta.xLabels[x] = x;\n\n            if (!result.cells[x]) {\n                result.cells[x] = {};\n            }\n            result.cells[x][y] = {id: `${x}_${y}`, x, y, value, data: row};\n        }\n    });\n    result.xGroupKeys = xGroupKeys;\n    result.xKeysByGroups = xGroupKeys.reduce((res:HeatmapData['xKeysByGroups'], key) => {\n        res[key] = [...xKeysByGroups[key]];\n        return res;\n    }, {});\n    result.xKeys = new Array(maxLine).fill(null).map((_v, idx) => String(idx));\n    return result;\n}\n"],"names":["getHeatmapData","data","type","heatmapAnnotation","heatmapAxis","heatmapGroup","id","hierarchy","getHeatmapDataByStringSource","getHeatmapDataWithAxisColumn","yKeys","node","result","valueColumn","xGroupBy","xColumn","yColumn","xKeysSet","xKeysByGroups","xGroupKeys","row","xGroupKey","column","x","y","value","label","res","key","groupKey","maxLine","line","i","_v","idx"],"mappings":"AAmBO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,SAAOL,MAAS,iBACVM,EAA6BP,GAAME,GAAmBG,GAAIC,CAAS,IACnEE,EAA6BR,GAAMC,GAAMC,GAAmBC,GAAaC,GAAcC,GAAIC,CAAS;AAC9G;AACO,SAASE,EACZR,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACmB;AACnB,MAAI,CAACJ,KAAqB,CAACC;AACvB,WAAO;AAEX,QAAMM,IAAQH,EAAU,OAAA,EAAS,IAAI,CAACI,MAAS,OAAOA,EAAK,KAAK,QAAQ,CAAC,EAAEL,EAAG,KAAK,CAAC,CAAC,GAC/EM,IAAqB;AAAA,IACvB,OAAO,CAAA;AAAA,IACP,YAAY,CAAA;AAAA,IACZ,eAAe,CAAA;AAAA,IACf,OAAAF;AAAAA,IACA,OAAO,CAAA;AAAA,IACP,MAAM;AAAA,MACF,aAAa,CAAC,OAAU,MAAS;AAAA,MACjC,kCAAkB,IAAA;AAAA,MAClB,SAAS,CAAA;AAAA,IAAA;AAAA,EAAC,GAGZG,IAAcV,GACdW,IAAWT,GACXU,IAAUX,GACVY,IAAUV,GAEVW,IAAAA,oBAAe,OACfC,IAA4C,CAAA,GAC5CC,wBAAiB,IAAA;AACvB,SAAAlB,EAAK,KAAK,QAAQ,CAAAmB,MAAO;AACrB,UAAMC,IAAYP,EAAS,SAASA,EAAS,IAAI,CAAAQ,MAAU,OAAOF,EAAIE,EAAO,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;AAClG,QAAIC,IAAIH,EAAIL,EAAQ,KAAK,GACrBS,IAAIJ,EAAIJ,EAAQ,KAAK;AACzB,QAAIO,MAAM,QAAQC,MAAM;AACpB;AAEJD,QAAI,OAAOA,CAAC,GACZC,IAAI,OAAOA,CAAC,GACPN,EAAcG,CAAS,MACxBH,EAAcG,CAAS,IAAI,oBAAI,IAAA,GAC/BF,EAAW,IAAIE,CAAS,IAE5BJ,EAAS,IAAIM,CAAC,GACdL,EAAcG,CAAS,EAAE,IAAIE,CAAC,GAEzBX,EAAO,MAAMW,CAAC,MACfX,EAAO,MAAMW,CAAC,IAAI;AAGtB,UAAME,IAAQL,EAAIP,EAAY,KAAK;AAUnC,QARIX,MAAS,cACTU,EAAO,KAAK,aAAa,IAAI,OAAOa,CAAK,CAAC,GAE1CvB,MAAS,iBACTU,EAAO,KAAK,YAAY,CAAC,IAAI,KAAK,IAAIa,GAAiBb,EAAO,KAAK,YAAY,CAAC,CAAC,GACjFA,EAAO,KAAK,YAAY,CAAC,IAAI,KAAK,IAAIa,GAAiBb,EAAO,KAAK,YAAY,CAAC,CAAC,IAGjFA,EAAO,MAAMW,CAAC,EAAEC,CAAC,KAAKC,MAAUA;AAChC,YAAM,MAAM,2BAA2BF,CAAC,OAAOC,CAAC,EAAE;AAEtD,UAAME,IAAQ,OAAON,EAAIL,EAAQ,eAAeA,EAAQ,KAAK,CAAC;AAC9D,QAAIH,EAAO,KAAK,QAAQW,CAAC,KAAKG,MAAUd,EAAO,KAAK,QAAQW,CAAC;AACzD,YAAM,MAAM,mCAAmCA,CAAC,EAAE;AAEtDX,MAAO,KAAK,QAAQW,CAAC,IAAIG,GAEzBd,EAAO,MAAMW,CAAC,EAAEC,CAAC,IAAI;AAAA,MACjB,IAAI,GAAGD,CAAC,IAAIC,CAAC;AAAA,MACb,GAAAD;AAAAA,MACA,GAAAC;AAAA,MACA,OAAOJ,EAAIP,EAAY,KAAK;AAAA,MAC5B,MAAMO;AAAAA,IAAA;AAAA,EAEd,CAAC,GACDR,EAAO,aAAa,CAAC,GAAGO,CAAU,GAClCP,EAAO,gBAAgB,CAAC,GAAGO,CAAU,EAAE,OAAO,CAACQ,GAAkCC,OAC7ED,EAAIC,CAAG,IAAI,CAAC,GAAGV,EAAcU,CAAG,CAAC,GAC1BD,IACR,CAAA,CAAE,GACLf,EAAO,QAAQA,EAAO,WAAW,OAAO,CAACe,GAAcE,OACnDF,IAAMA,EAAI,OAAOf,EAAO,cAAciB,CAAQ,CAAC,GACxCF,IACR,CAAA,CAAE,GACEf;AACX;AAEA,SAASJ,EACLP,GACAE,GACAG,GACAC,GACmB;AACnB,MAAI,CAACJ;AACD,WAAO;AAEX,QAAMO,IAAQH,EAAU,OAAA,EAAS,IAAI,CAACI,MAAS,OAAOA,EAAK,KAAK,QAAQ,CAAC,EAAEL,EAAG,KAAK,CAAC,CAAC,GAC/EM,IAAqB;AAAA,IACvB,OAAO,CAAA;AAAA,IACP,YAAY,CAAA;AAAA,IACZ,eAAe,CAAA;AAAA,IACf,OAAAF;AAAAA,IACA,OAAO,CAAA;AAAA,IACP,MAAM;AAAA,MACF,aAAa,CAAC,OAAU,MAAS;AAAA,MACjC,kCAAkB,IAAA;AAAA,MAClB,SAAS,CAAA;AAAA,IAAA;AAAA,EAAC,GAGZG,IAAcV,GACda,IAAUV,GAEVY,IAA4C,EAAC,MAAQ,oBAAI,IAAA,EAAA,GACzDC,IAAa,CAAC,MAAM;AAC1B,MAAIW,IAAU;AAEd,SAAA7B,EAAK,KAAK,QAAQ,CAAAmB,MAAO;AACrB,UAAMW,IAAOX,EAAIP,EAAY,KAAK;AAClC,QAAIW,IAAIJ,EAAIJ,EAAQ,KAAK;AACzB,QAAI,EAAAe,MAAS,QAAQP,MAAM,OAG3B;AAAAA,MAAAA,IAAI,OAAOA,CAAC;AACZ,eAASQ,IAAI,GAAGA,IAAID,EAAK,QAAQC,KAAK;AAClCF,QAAAA,IAAU,KAAK,IAAIA,GAASC,EAAK,MAAM;AACvC,cAAMR,IAAI,OAAOS,CAAC,GACZP,IAAQM,EAAKC,CAAC;AACpBd,UAAc,KAAQ,IAAIK,CAAC,GAE3BX,EAAO,KAAK,aAAa,IAAIa,CAAK,GAClCb,EAAO,KAAK,QAAQW,CAAC,IAAIA,GAEpBX,EAAO,MAAMW,CAAC,MACfX,EAAO,MAAMW,CAAC,IAAI,KAEtBX,EAAO,MAAMW,CAAC,EAAEC,CAAC,IAAI,EAAC,IAAI,GAAGD,CAAC,IAAIC,CAAC,IAAI,GAAAD,GAAGS,GAAG,OAAAP,GAAO,MAAML,EAAAA;AAAAA,MAC9D;AAAA,IAAA;AAAA,EACJ,CAAC,GACDR,EAAO,aAAaO,GACpBP,EAAO,gBAAgBO,EAAW,OAAO,CAACQ,GAAkCC,OACxED,EAAIC,CAAG,IAAI,CAAC,GAAGV,EAAcU,CAAG,CAAC,GAC1BD,IACR,CAAA,CAAE,GACLf,EAAO,QAAQ,IAAI,MAAMkB,CAAO,EAAE,KAAK,IAAI,EAAE,IAAI,CAACG,GAAIC,MAAQ,OAAOA,CAAG,CAAC,GAClEtB;AACX;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/getHierarchyData.js

@@ -0,0 +1,52 @@
+import h from "../node_modules/lodash/lodash.js";
+import f from "../node_modules/d3-hierarchy/src/stratify.js";
+import b from "../node_modules/d3-array/src/max.js";
+function y(t, r, l, n, o, c = !1) {
+  const e = h.groupBy(o, (a) => a[t]), i = Object.keys(e).map((a) => {
+    const s = e[a], p = s[0];
+    return {
+      id: String(a),
+      parentId: p[r] === null ? null : String(p[r]),
+      label: n ? h.uniq(s.map((I) => I[n])).join(", ") : null,
+      height: l ? Number(p[l]) : 1,
+      isFake: !1,
+      rawData: s
+      // save source row data to avoid any modifications
+    };
+  }), d = f().id((a) => a.id).parentId((a) => a.parentId)(i);
+  if (!c)
+    return d;
+  const u = new Set(d.leaves().map((a) => a.id)), m = i.filter((a) => !u.has(a.id)).map((a) => ({
+    id: `${a.id}_extra`,
+    parentId: a.id,
+    height: 0,
+    label: null,
+    isFake: !0,
+    rawData: a.rawData
+  })), g = i.concat(m);
+  return f().id((a) => a.id).parentId((a) => a.parentId)(g);
+}
+function N(t, r, l = !1) {
+  t.data.height = 0;
+  function n(e) {
+    return e.data.height;
+  }
+  function o(e) {
+    return n(e) + (e.children ? b(e.children, o) : 0);
+  }
+  function c(e, i, d) {
+    e.y = !e.children && l ? r : (i += n(e)) * d, e.children && e.children.forEach((u) => c(u, i, d));
+  }
+  c(t, 0, r / o(t));
+}
+function S(t) {
+  t.descendants().forEach((r) => {
+    !r.children && r.data.isFake && r.parent && (r.parent.x = r.x);
+  });
+}
+export {
+  y as getHierarchy,
+  N as updateLinksHeight,
+  S as updateNodesHorizontalPosition
+};
+//# sourceMappingURL=getHierarchyData.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/getHierarchyData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHierarchyData.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/dendro/getHierarchyData.ts"],"sourcesContent":["import type {Row} from '../types';\nimport {max as d3max} from 'd3-array';\nimport {type HierarchyPointNode, stratify} from 'd3-hierarchy';\nimport lodash from 'lodash';\n\nexport type TreeNodeData = {\n    id: string;\n    parentId: string | null;\n    height: number;\n    label: string | null;\n    isFake: boolean; // true for additional nodes for mode with all nodes used as leaves\n    rawData: Row[];\n};\n\nexport function getHierarchy(\n    idKey: string,\n    parentIdKey: string,\n    heightIdKey: string | null,\n    labelIdKey: string | null,\n    rows: Row[],\n    useAllNodesAsLeaves = false\n) {\n    const groupedByNodeId = lodash.groupBy(rows, row => row[idKey]);\n    const uniqueIds = Object.keys(groupedByNodeId);\n\n    const uniqueNodeRows: TreeNodeData[] = uniqueIds\n        .map(idKey => {\n            const rows = groupedByNodeId[idKey];\n            const row = rows[0]; // some values must be the same for every row with the same NodeId, we can take them from any row of group\n            return ({\n                id: String(idKey),\n                parentId: row[parentIdKey] === null ? null : String(row[parentIdKey]),\n                label: labelIdKey ? lodash.uniq(rows.map(row => row[labelIdKey])).join(', ') : null,\n                height: heightIdKey ? Number(row[heightIdKey]) : 1,\n                isFake: false,\n                rawData: rows, // save source row data to avoid any modifications\n            } as TreeNodeData);\n        });\n    const tree = stratify<TreeNodeData>()\n        .id(d => d.id)\n        .parentId(d => d.parentId)(uniqueNodeRows);\n    if (!useAllNodesAsLeaves) {\n        return tree;\n    }\n    // for tree layout with every node aligned by side rows\n    const leavesIdSet = new Set(tree.leaves().map(node => node.id));\n    const noLeafRows = uniqueNodeRows.filter(row => !leavesIdSet.has(row.id));\n    const extraRows = noLeafRows.map(row => ({\n        id: `${row.id}_extra`,\n        parentId: row.id,\n        height: 0,\n        label: null,\n        isFake: true,\n        rawData: row.rawData,\n    }));\n    const expandedRows = uniqueNodeRows.concat(extraRows);\n    return stratify<TreeNodeData>()\n        .id(d => d.id)\n        .parentId(d => d.parentId)(expandedRows);\n}\n\nexport function updateLinksHeight(root: HierarchyPointNode<TreeNodeData>, chartHeight: number, alignLeavesToLine = false) {\n    root.data.height = 0;\n    function heightGetter(d: HierarchyPointNode<TreeNodeData>) {\n        return d.data.height;\n    }\n\n    function maxLength(d: HierarchyPointNode<TreeNodeData>): number {\n        return heightGetter(d) + (d.children ? (d3max(d.children, maxLength) as number) : 0);\n    }\n\n    function setHeight(d: HierarchyPointNode<TreeNodeData>, y0: number, k: number) {\n        d.y = !d.children && alignLeavesToLine ? chartHeight : (y0 += heightGetter(d)) * k;\n        if (d.children) {\n            d.children.forEach(d => setHeight(d, y0, k));\n        }\n    }\n\n    setHeight(root, 0, chartHeight / maxLength(root));\n}\n\nexport function updateNodesHorizontalPosition(root: HierarchyPointNode<TreeNodeData>) {\n    root.descendants().forEach((d: HierarchyPointNode<TreeNodeData>) => {\n        if (!d.children && d.data.isFake && d.parent) {\n            d.parent.x = d.x;\n        }\n    });\n}\n"],"names":["getHierarchy","idKey","parentIdKey","heightIdKey","labelIdKey","rows","useAllNodesAsLeaves","groupedByNodeId","lodash","row","uniqueNodeRows","tree","stratify","d","leavesIdSet","node","extraRows","expandedRows","updateLinksHeight","root","chartHeight","alignLeavesToLine","heightGetter","maxLength","d3max","setHeight","y0","k","updateNodesHorizontalPosition"],"mappings":";;;AAcO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,IAAsB,IACxB;AACE,QAAMC,IAAkBC,EAAO,QAAQH,GAAM,CAAAI,MAAOA,EAAIR,CAAK,CAAC,GAGxDS,IAFY,OAAO,KAAKH,CAAe,EAGxC,IAAI,CAAAN,MAAS;AACV,UAAMI,IAAOE,EAAgBN,CAAK,GAC5BQ,IAAMJ,EAAK,CAAC;AAClB,WAAQ;AAAA,MACJ,IAAI,OAAOJ,CAAK;AAAA,MAChB,UAAUQ,EAAIP,CAAW,MAAM,OAAO,OAAO,OAAOO,EAAIP,CAAW,CAAC;AAAA,MACpE,OAAOE,IAAaI,EAAO,KAAKH,EAAK,IAAI,CAAAI,MAAOA,EAAIL,CAAU,CAAC,CAAC,EAAE,KAAK,IAAI,IAAI;AAAA,MAC/E,QAAQD,IAAc,OAAOM,EAAIN,CAAW,CAAC,IAAI;AAAA,MACjD,QAAQ;AAAA,MACR,SAASE;AAAAA;AAAAA,IAAAA;AAAAA,EAEjB,CAAC,GACCM,IAAOC,EAAAA,EACR,GAAG,CAAAC,MAAKA,EAAE,EAAE,EACZ,SAAS,CAAAA,MAAKA,EAAE,QAAQ,EAAEH,CAAc;AAC7C,MAAI,CAACJ;AACD,WAAOK;AAGX,QAAMG,IAAc,IAAI,IAAIH,EAAK,OAAA,EAAS,IAAI,CAAAI,MAAQA,EAAK,EAAE,CAAC,GAExDC,IADaN,EAAe,OAAO,CAAAD,MAAO,CAACK,EAAY,IAAIL,EAAI,EAAE,CAAC,EAC3C,IAAI,CAAAA,OAAQ;AAAA,IACrC,IAAI,GAAGA,EAAI,EAAE;AAAA,IACb,UAAUA,EAAI;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAASA,EAAI;AAAA,EAAA,EACf,GACIQ,IAAeP,EAAe,OAAOM,CAAS;AACpD,SAAOJ,EAAAA,EACF,GAAG,CAAAC,MAAKA,EAAE,EAAE,EACZ,SAAS,CAAAA,MAAKA,EAAE,QAAQ,EAAEI,CAAY;AAC/C;AAEO,SAASC,EAAkBC,GAAwCC,GAAqBC,IAAoB,IAAO;AACtHF,EAAAA,EAAK,KAAK,SAAS;AACnB,WAASG,EAAaT,GAAqC;AACvD,WAAOA,EAAE,KAAK;AAAA,EAClB;AAEA,WAASU,EAAUV,GAA6C;AAC5D,WAAOS,EAAaT,CAAC,KAAKA,EAAE,WAAYW,EAAMX,EAAE,UAAUU,CAAS,IAAe;AAAA,EACtF;AAEA,WAASE,EAAUZ,GAAqCa,GAAYC,GAAW;AAC3Ed,IAAAA,EAAE,IAAI,CAACA,EAAE,YAAYQ,IAAoBD,KAAeM,KAAMJ,EAAaT,CAAC,KAAKc,GAC7Ed,EAAE,YACFA,EAAE,SAAS,QAAQ,CAAAA,MAAKY,EAAUZ,GAAGa,GAAIC,CAAC,CAAC;AAAA,EAEnD;AAEAF,IAAUN,GAAM,GAAGC,IAAcG,EAAUJ,CAAI,CAAC;AACpD;AAEO,SAASS,EAA8BT,GAAwC;AAClFA,EAAAA,EAAK,YAAA,EAAc,QAAQ,CAACN,MAAwC;AAC5D,KAACA,EAAE,YAAYA,EAAE,KAAK,UAAUA,EAAE,WAClCA,EAAE,OAAO,IAAIA,EAAE;AAAA,EAEvB,CAAC;AACL;","x_google_ignoreList":[0]}