@milaboratories/miplots4 1.0.122 → 1.0.124

package/dist/dendro/DendroSettingsImpl.js

@@ -0,0 +1,79 @@
+var u = Object.defineProperty;
+var n = (a, e, h) => e in a ? u(a, e, { enumerable: !0, configurable: !0, writable: !0, value: h }) : a[e] = h;
+var o = (a, e, h) => n(a, typeof e != "symbol" ? e + "" : e, h);
+import { BLACK as w, DEFAULT_HEIGHT_SMALL as I, DEFAULT_HEIGHT as S, DEFAULT_WIDTH_SMALL as T } from "../constants.js";
+import { CELL_MAX_WIDTH as A, CELL_MIN_WIDTH as C, WIDE_TREE_WIDTH as E } from "./constants.js";
+import "../types/common.js";
+import "../types/discrete.js";
+import "../types/scatterplot.js";
+import "../types/heatmap.js";
+import { DendroSettingsSchema as D } from "../types/dendro.js";
+import "../types/histogram.js";
+import "../types/bubble.js";
+class F {
+  constructor(e) {
+    o(this, "type", "dendro");
+    o(this, "chartSettings");
+    o(this, "mode");
+    o(this, "leavesMode");
+    o(this, "id");
+    o(this, "parentId");
+    o(this, "height", null);
+    // if height is not defined it is not considered in links length calculations
+    o(this, "labels");
+    o(this, "heatmapAnnotation");
+    o(this, "heatmapAxis");
+    o(this, "heatmapGroup");
+    o(this, "heatmapSettings");
+    o(this, "connectionType", "rectangle");
+    o(this, "edgeInheritance", "up");
+    o(this, "rootPosition", "top");
+    o(this, "showNodes", !0);
+    o(this, "showEdges", !0);
+    o(this, "showLeavesLabels", !0);
+    o(this, "showNodesLabels", !0);
+    o(this, "aes", {
+      nodeShape: "21",
+      nodeColor: w,
+      nodeSize: 3,
+      lineShape: "solid",
+      lineColor: w
+    });
+    var h, l, i, r, d, p, m, c, L, t;
+    D.parse(e), this.chartSettings = {
+      size: {
+        width: ((h = e == null ? void 0 : e.size) == null ? void 0 : h.width) ?? (e.facetSettings ? T : E),
+        height: ((l = e == null ? void 0 : e.size) == null ? void 0 : l.height) ?? (e.facetSettings ? I : S),
+        scale: ((i = e == null ? void 0 : e.size) == null ? void 0 : i.scale) ?? 1,
+        minCellWidth: ((r = e == null ? void 0 : e.size) == null ? void 0 : r.minCellWidth) ?? C,
+        maxCellWidth: ((d = e == null ? void 0 : e.size) == null ? void 0 : d.maxCellWidth) ?? A,
+        minCellHeight: (p = e == null ? void 0 : e.size) == null ? void 0 : p.minCellHeight,
+        maxCellHeight: (m = e == null ? void 0 : e.size) == null ? void 0 : m.maxCellHeight
+      },
+      title: {
+        position: "center",
+        show: !0,
+        ...e.title,
+        name: ((c = e.title) == null ? void 0 : c.name) ?? "Dendrogram"
+      },
+      legend: {
+        show: !0,
+        position: "right",
+        ...e.legend
+      }
+    }, this.mode = e.mode ?? "normal", this.leavesMode = e.leavesMode ?? "normal", this.id = e.id, this.parentId = e.parentId, this.height = e.height ?? null, this.labels = e.labels ?? this.id, this.heatmapAnnotation = e.heatmapAnnotation ?? null, this.heatmapAxis = e.heatmapAxis ?? null, this.heatmapGroup = e.heatmapGroup ?? [], this.heatmapSettings = {
+      valueType: ((L = e.heatmapSettings) == null ? void 0 : L.valueType) ?? "continuous",
+      aes: {
+        colorsList: ["#FFF680", "#53D788", "#36739D", "#4A005C"],
+        ...(t = e.heatmapSettings) == null ? void 0 : t.aes
+      }
+    }, this.connectionType = e.connectionType ?? this.connectionType, this.edgeInheritance = e.edgeInheritance ?? this.edgeInheritance, this.showNodes = e.showNodes ?? this.showNodes, this.showEdges = e.showEdges ?? this.showEdges, this.showLeavesLabels = e.showLeavesLabels ?? this.showLeavesLabels, this.showNodesLabels = e.showNodesLabels ?? this.showNodesLabels, this.rootPosition = e.rootPosition ?? this.rootPosition, this.aes = {
+      ...this.aes,
+      ...e.aes
+    };
+  }
+}
+export {
+  F as DendroSettingsImpl
+};
+//# sourceMappingURL=DendroSettingsImpl.js.map

package/dist/dendro/DendroSettingsImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DendroSettingsImpl.js","sources":["../../src/dendro/DendroSettingsImpl.ts"],"sourcesContent":["import {BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH_SMALL} from '../constants';\nimport {CELL_MAX_WIDTH, CELL_MIN_WIDTH, WIDE_TREE_WIDTH} from './constants';\nimport type {\n    CategoricalAesFromColumn,\n    ColumnName,\n    ContinuousAesFromColumn,\n    DendroSettings,\n    LegendPosition,\n    LineShape,\n    PointShape,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport {DendroSettingsSchema} from '../types';\n\nexport class DendroSettingsImpl implements SettingsInterface {\n    readonly type = 'dendro';\n    readonly chartSettings: {\n        readonly size: {\n            width: number;\n            height: number;\n            scale: number;\n            minCellWidth: number;\n            maxCellWidth: number;\n            minCellHeight?: number;\n            maxCellHeight?: number;\n        };\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly legend: {show: boolean; position: LegendPosition};\n    };\n    readonly mode: 'normal' | 'useAllNodesAsLeaves';\n    readonly leavesMode: 'normal' | 'alignLeavesToLine';\n    readonly id: ColumnName;\n    readonly parentId: ColumnName;\n    readonly height: ColumnName | null = null; // if height is not defined it is not considered in links length calculations\n    readonly labels: ColumnName;\n\n    readonly heatmapAnnotation: ColumnName | null;\n    readonly heatmapAxis: ColumnName | null;\n    readonly heatmapGroup: ColumnName[];\n\n    readonly heatmapSettings: {\n        valueType: 'discrete' | 'continuous' | 'stringSource';\n        aes: {\n            colorsList?: string[];\n            colorsMap?: Record<string, string>;\n        };\n    };\n\n    readonly connectionType: 'rectangle' | 'line' | 'curve' = 'rectangle';\n    readonly edgeInheritance: 'up' | 'down' = 'up';\n    readonly rootPosition: 'left' | 'top' = 'top';\n    readonly showNodes: boolean = true;\n    readonly showEdges: boolean = true;\n    readonly showLeavesLabels: boolean = true;\n    readonly showNodesLabels: boolean = true;\n\n    readonly aes: {\n        readonly nodeShape: PointShape | CategoricalAesFromColumn<PointShape>;\n        readonly nodeColor: string | CategoricalAesFromColumn<string> | ContinuousAesFromColumn<string>;\n        readonly nodeSize: number | CategoricalAesFromColumn<number> | ContinuousAesFromColumn<number>;\n\n        readonly lineShape: LineShape;\n        readonly lineColor: string | CategoricalAesFromColumn<string> | ContinuousAesFromColumn<string>;\n    } = {\n        nodeShape: '21',\n        nodeColor: BLACK,\n        nodeSize: 3,\n        lineShape: 'solid',\n        lineColor: BLACK,\n    };\n\n    constructor(settings: DendroSettings) {\n        DendroSettingsSchema.parse(settings);\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (settings.facetSettings ? DEFAULT_WIDTH_SMALL : WIDE_TREE_WIDTH),\n                height: settings?.size?.height ?? (settings.facetSettings ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n                scale: settings?.size?.scale ?? 1,\n                minCellWidth: settings?.size?.minCellWidth ?? CELL_MIN_WIDTH,\n                maxCellWidth: settings?.size?.maxCellWidth ?? CELL_MAX_WIDTH,\n                minCellHeight: settings?.size?.minCellHeight,\n                maxCellHeight: settings?.size?.maxCellHeight\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Dendrogram',\n            },\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n        };\n\n        this.mode = settings.mode ?? 'normal';\n        this.leavesMode = settings.leavesMode ?? 'normal';\n\n        this.id = settings.id;\n        this.parentId = settings.parentId;\n        this.height = settings.height ?? null;\n        this.labels = settings.labels ?? this.id;\n        // for heatmap\n        this.heatmapAnnotation = settings.heatmapAnnotation ?? null;\n        this.heatmapAxis = settings.heatmapAxis ?? null;\n        this.heatmapGroup = settings.heatmapGroup ?? [];\n        this.heatmapSettings = {\n            valueType: settings.heatmapSettings?.valueType ?? 'continuous',\n            aes: {\n                colorsList: ['#FFF680', '#53D788', '#36739D', '#4A005C'],\n                ...settings.heatmapSettings?.aes,\n            },\n        };\n\n        this.connectionType = settings.connectionType ?? this.connectionType;\n        this.edgeInheritance = settings.edgeInheritance ?? this.edgeInheritance;\n\n        this.showNodes = settings.showNodes ?? this.showNodes;\n        this.showEdges = settings.showEdges ?? this.showEdges;\n        this.showLeavesLabels = settings.showLeavesLabels ?? this.showLeavesLabels;\n        this.showNodesLabels = settings.showNodesLabels ?? this.showNodesLabels;\n\n        this.rootPosition = settings.rootPosition ?? this.rootPosition;\n\n        this.aes = {\n            ...this.aes,\n            ...settings.aes,\n        };\n    }\n}\n"],"names":["DendroSettingsImpl","settings","__publicField","BLACK","DendroSettingsSchema","_a","DEFAULT_WIDTH_SMALL","WIDE_TREE_WIDTH","_b","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_c","_d","CELL_MIN_WIDTH","_e","CELL_MAX_WIDTH","_f","_g","_h","_i","_j"],"mappings":"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"}

package/dist/dendro/components/Chart.d.ts

@@ -0,0 +1,40 @@
+import { ChartScales, ChartSizes, LegendData } from './types';
+import { DendroSettingsImpl } from '../DendroSettingsImpl';
+import { HeatmapData } from '../getHeatmapData';
+import { TreeNodeData } from '../getHierarchyData';
+import { ClickEventData, ColumnName, DataValue } from '../../types';
+import { HierarchyPointLink, HierarchyPointNode } from 'd3-hierarchy';
+interface ChartProps {
+    chartSettings: DendroSettingsImpl['chartSettings'];
+    chartSizes: ChartSizes;
+    nodes: HierarchyPointNode<TreeNodeData>[];
+    links: HierarchyPointLink<TreeNodeData>[];
+    connectionType: DendroSettingsImpl['connectionType'];
+    rootPosition: DendroSettingsImpl['rootPosition'];
+    edgeInheritance: DendroSettingsImpl['edgeInheritance'];
+    showNodes: DendroSettingsImpl['showNodes'];
+    showEdges: DendroSettingsImpl['showEdges'];
+    showLeavesLabels: DendroSettingsImpl['showLeavesLabels'];
+    showNodesLabels: DendroSettingsImpl['showNodesLabels'];
+    aesGetters: {
+        nodeShape: (row: Record<string, string>) => string;
+        nodeColor: (row: Record<string, string>) => string;
+        nodeSize: (row: Record<string, number>) => number;
+        lineShape: (row: Record<string, string>) => string;
+        lineColor: (row: Record<string, string>) => string;
+    };
+    labels: ColumnName;
+    heatmapData: HeatmapData | null;
+    heatmapScales: ChartScales;
+    heatmapStep: {
+        x: number;
+        y: number;
+    };
+    heatmapColor: (v: DataValue) => string;
+    heatmapLabels: string[];
+    legendData: LegendData;
+    onClick: (data: ClickEventData) => void;
+}
+export declare function Chart({ chartSettings, chartSizes, nodes, links, connectionType, rootPosition, edgeInheritance, showNodes, showEdges, showLeavesLabels, showNodesLabels, aesGetters, labels, heatmapData, heatmapScales, heatmapStep, heatmapColor, heatmapLabels, legendData, onClick, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Chart.d.ts.map

package/dist/dendro/components/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/Chart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,SAAS,CAAC;AAErD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAC,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;AACvE,OAAO,KAAK,EAAC,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAgBzE,UAAU,UAAU;IAChB,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC;IAC1C,KAAK,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC;IAC1C,cAAc,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACvD,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACzD,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACvD,UAAU,EAAE;QACR,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;QACnD,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;QACnD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;QAClD,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;QACnD,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;KACtD,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,aAAa,EAAE,WAAW,CAAC;IAC3B,WAAW,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IACpC,YAAY,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,MAAM,CAAC;IACvC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,KAAK,CAAC,EAClB,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACL,cAAc,EACd,YAAY,EACZ,eAAe,EACf,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,MAAM,EACN,WAAW,EACX,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACV,OAAO,GACV,EAAE,UAAU,2CA2IZ"}

package/dist/dendro/components/Chart.js

@@ -0,0 +1,156 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.js";
+import q from "../../common/fonts.js";
+import { Heatmap as J } from "./Heatmap.js";
+import { LinksGroup as L } from "./LinksGroup.js";
+import { NodesGroup as F } from "./NodesGroup.js";
+import { USER_UPDATE_EVENT as R, MARGIN as $, DIMMED_OPACITY as K, HEATMAP_LEFT_OFFSET as m } from "../constants.js";
+import { Legend as Q } from "./Legend.js";
+import A, { r as d } from "../../_virtual/index.js";
+function C(l) {
+  if (!l)
+    return null;
+  const r = /* @__PURE__ */ new Set();
+  let s = l;
+  for (; s; )
+    r.add(s.id), s = s.parent;
+  return r;
+}
+function lt({
+  chartSettings: l,
+  chartSizes: r,
+  nodes: s,
+  links: p,
+  connectionType: M,
+  rootPosition: x,
+  edgeInheritance: O,
+  showNodes: h,
+  showEdges: j,
+  showLeavesLabels: S,
+  showNodesLabels: W,
+  aesGetters: E,
+  labels: _,
+  heatmapData: g,
+  heatmapScales: H,
+  heatmapStep: I,
+  heatmapColor: N,
+  heatmapLabels: P,
+  legendData: y,
+  onClick: D
+}) {
+  const U = d.useRef(null), [b, G] = d.useState(null), c = d.useRef(null);
+  d.useEffect(() => {
+    c.current && G(c.current);
+    function t() {
+      u(null), f(null);
+    }
+    function o(i) {
+      Object.entries(i.detail).forEach(([B, V]) => {
+        if (B === "selectedNode") {
+          const w = s.find((Y) => Y.data.rawData[0].id === V) ?? null;
+          u(C(w)), f(w);
+        }
+      });
+    }
+    return document.addEventListener("click", t), document.addEventListener(R, o), () => {
+      document.removeEventListener("click", t), document.removeEventListener(R, o);
+    };
+  }, []);
+  const [n, u] = A.useState(null), [a, f] = A.useState(null), v = n !== null, T = {
+    connectionType: M,
+    rootPosition: x,
+    edgeInheritance: O,
+    aesGetters: E
+  }, k = {
+    rootPosition: x,
+    showLeavesLabels: S,
+    showNodesLabels: W,
+    aesGetters: E,
+    labels: _,
+    onClick: D,
+    selectedNodeId: a == null ? void 0 : a.id,
+    onSelectedUpdate: (t) => {
+      u(C(t)), f(t);
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${r.totalWidth} ${r.totalHeight}`,
+      ref: U,
+      width: r.totalWidth,
+      height: r.totalHeight,
+      children: [
+        /* @__PURE__ */ e.jsx("defs", { children: q }),
+        /* @__PURE__ */ e.jsxs("g", { transform: `translate(${$.LEFT},${$.TOP})`, fontFamily: "Manrope", children: [
+          /* @__PURE__ */ e.jsx("text", { x: "0", y: "-12", fontSize: "20", children: l.title.name }),
+          /* @__PURE__ */ e.jsxs("g", { opacity: v ? K : 1, children: [
+            j && /* @__PURE__ */ e.jsx(
+              L,
+              {
+                links: p.filter((t) => {
+                  const { source: o, target: i } = t;
+                  return !n || !(n.has(o.id ?? "") && n.has(i.id ?? ""));
+                }),
+                selected: !1,
+                ...T
+              }
+            ),
+            h && /* @__PURE__ */ e.jsx(
+              F,
+              {
+                nodes: s.filter((t) => !t.data.isFake && !(n != null && n.has(t.id ?? ""))),
+                ...k
+              }
+            )
+          ] }),
+          v && /* @__PURE__ */ e.jsxs("g", { children: [
+            j && /* @__PURE__ */ e.jsx(
+              L,
+              {
+                links: p.filter((t) => {
+                  const { source: o, target: i } = t;
+                  return n.has(o.id ?? "") && n.has(i.id ?? "");
+                }),
+                selected: !0,
+                ...T
+              }
+            ),
+            h && /* @__PURE__ */ e.jsx(
+              F,
+              {
+                nodes: s.filter((t) => !t.data.isFake && (n == null ? void 0 : n.has(t.id ?? ""))),
+                ...k
+              }
+            )
+          ] }),
+          g !== null && /* @__PURE__ */ e.jsx("g", { transform: `translate(${r.treeWidth + m},0)`, children: /* @__PURE__ */ e.jsx(
+            J,
+            {
+              heatmapData: g,
+              scales: H,
+              step: I,
+              colorScale: N,
+              chartSizes: r,
+              labels: P,
+              selectedNode: a,
+              tooltipsContainer: b
+            }
+          ) }),
+          l.legend.show && /* @__PURE__ */ e.jsx(
+            "g",
+            {
+              transform: `translate(${r.treeWidth + m + r.heatmapWidth + m},0)`,
+              children: /* @__PURE__ */ e.jsx(Q, { legendData: y })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx("g", { ref: c })
+      ]
+    }
+  );
+}
+export {
+  lt as Chart
+};
+//# sourceMappingURL=Chart.js.map

package/dist/dendro/components/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../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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"}

package/dist/dendro/components/Heatmap.d.ts

@@ -0,0 +1,19 @@
+import { ChartScales, ChartSizes } from './types';
+import { HeatmapData } from '../getHeatmapData';
+import { TreeNodeData } from '../getHierarchyData';
+import { DataValue } from '../../types';
+import { HierarchyPointNode } from 'd3-hierarchy';
+export declare function Heatmap({ heatmapData, scales, step, colorScale, tooltipsContainer, chartSizes, selectedNode, labels }: {
+    heatmapData: HeatmapData;
+    scales: ChartScales;
+    step: {
+        x: number;
+        y: number;
+    };
+    colorScale: (value: DataValue) => string;
+    chartSizes: ChartSizes;
+    tooltipsContainer: Element | null;
+    selectedNode: HierarchyPointNode<TreeNodeData> | null;
+    labels: string[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Heatmap.d.ts.map

package/dist/dendro/components/Heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/Heatmap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAO,WAAW,EAAE,UAAU,EAAC,MAAM,SAAS,CAAC;AAE3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAmBrD,wBAAgB,OAAO,CAAC,EACpB,WAAW,EACX,MAAM,EACN,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,MAAM,EACT,EAAE;IACC,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IAC7B,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,UAAU,EAAE,UAAU,CAAC;IACvB,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IACtD,MAAM,EAAE,MAAM,EAAE,CAAA;CACnB,2CAgEA"}

package/dist/dendro/components/Heatmap.js

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

package/dist/dendro/components/Heatmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heatmap.js","sources":["../../../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","jsx","key","idx","jsxs","xKey","yKey","_a","COLOR_EMPTY","DIMMED_OPACITY","BLACK","Tooltip"],"mappings":"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"}

package/dist/dendro/components/Legend.d.ts

@@ -0,0 +1,7 @@
+import { LegendData } from './types';
+interface LegendProps {
+    legendData: LegendData;
+}
+export declare function Legend({ legendData }: LegendProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Legend.d.ts.map

package/dist/dendro/components/Legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/Legend.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,UAAU,EAAuB,MAAM,SAAS,CAAC;AAS1E,UAAU,WAAW;IACjB,UAAU,EAAE,UAAU,CAAC;CAC1B;AAeD,wBAAgB,MAAM,CAAC,EAAC,UAAU,EAAC,EAAE,WAAW,2CAoH/C"}

package/dist/dendro/components/Legend.js

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

package/dist/dendro/components/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sources":["../../../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","jsx","Legend","legendData","continuousItems","item","value","domain","range","percent","min","max","jsxs","BLACK","y","idx","size","r"],"mappings":"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"}

package/dist/dendro/components/LinksGroup.d.ts

@@ -0,0 +1,20 @@
+import { DendroSettingsImpl } from '../DendroSettingsImpl';
+import { TreeNodeData } from '../getHierarchyData';
+import { HierarchyPointLink } from 'd3-hierarchy';
+interface LinksGroupProps {
+    links: HierarchyPointLink<TreeNodeData>[];
+    connectionType: DendroSettingsImpl['connectionType'];
+    rootPosition: DendroSettingsImpl['rootPosition'];
+    edgeInheritance: DendroSettingsImpl['edgeInheritance'];
+    aesGetters: {
+        nodeShape: (row: Record<string, string>) => string;
+        nodeColor: (row: Record<string, string>) => string;
+        nodeSize: (row: Record<string, number>) => number;
+        lineShape: (row: Record<string, string>) => string;
+        lineColor: (row: Record<string, string>) => string;
+    };
+    selected: boolean;
+}
+export declare function LinksGroup({ links, connectionType, rootPosition, edgeInheritance, aesGetters, selected, }: LinksGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LinksGroup.d.ts.map

package/dist/dendro/components/LinksGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinksGroup.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/LinksGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAC,kBAAkB,EAAqB,MAAM,cAAc,CAAC;AAIzE,UAAU,eAAe;IACrB,KAAK,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC;IAC1C,cAAc,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACvD,UAAU,EAAE;QACR,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;QACnD,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;QACnD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;QAClD,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;QACnD,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;KACtD,CAAC;IACF,QAAQ,EAAE,OAAO,CAAC;CACrB;AA8BD,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,cAAc,EACd,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,GACX,EAAE,eAAe,2CAmBjB"}