@milaboratories/miplots4 1.0.129 → 1.0.131

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

@@ -1 +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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"}
+{"version":3,"file":"Legend.js","sources":["../../../src/dendro/components/Legend.tsx"],"sourcesContent":["import { BLACK } from '../../constants';\nimport { getPointShape } from '../../utils/getPointShape';\nimport type { DotAesItem, LegendData, LegendItemContinuous } from './types';\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

@@ -1,17 +1,17 @@
+import { HierarchyPointLink } from 'd3-hierarchy';
 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;
+        nodeShape: (idx: number) => string;
+        nodeColor: (idx: number) => string;
+        nodeSize: (idx: number) => number;
+        lineShape: (idx: number) => string;
+        lineColor: (idx: number) => string;
     };
     selected: boolean;
 }

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

@@ -1 +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"}
+{"version":3,"file":"LinksGroup.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/LinksGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,cAAc,CAAC;AAG3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,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,KAAK,MAAM,CAAC;QACnC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;QACnC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;QAClC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;QACnC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;KACtC,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"}

package/dist/dendro/components/LinksGroup.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"LinksGroup.js","sources":["../../../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,EAAA,IAAUJ,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,EAAA,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;AAAA,EACA,gBAAAV;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAU;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACJ,GAAoB;AAChB,SACIC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACK,UAAAL,EAAM,IAAI,CAAAX,MAAQ;AACf,UAAM,EAAC,QAAAG,GAAQ,QAAAC,EAAA,IAAUJ,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,EAAA,CACL;AAER;"}
+{"version":3,"file":"LinksGroup.js","sources":["../../../src/dendro/components/LinksGroup.tsx"],"sourcesContent":["import type { HierarchyPointLink, HierarchyPointNode } from 'd3-hierarchy';\nimport { curveBumpX, curveBumpY, link as d3link } from 'd3-shape';\nimport { SELECTED_PATH_COLOR } from '../constants';\nimport type { DendroSettingsImpl } from '../DendroSettingsImpl';\nimport type { TreeNodeData } from '../getHierarchyData';\n\ninterface LinksGroupProps {\n    links: HierarchyPointLink<TreeNodeData>[];\n    connectionType: DendroSettingsImpl['connectionType'];\n    rootPosition: DendroSettingsImpl['rootPosition'];\n    edgeInheritance: DendroSettingsImpl['edgeInheritance'];\n    aesGetters: {\n        nodeShape: (idx: number) => string;\n        nodeColor: (idx: number) => string;\n        nodeSize: (idx: number) => number;\n        lineShape: (idx: number) => string;\n        lineColor: (idx: number) => 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 idx = aesNode.data.rawIndexes[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(idx)}\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","idx","SELECTED_PATH_COLOR"],"mappings":";;;;AAqBA,SAASA,EACLC,GACAC,GACAC,GACM;AACN,QAAM,EAAC,QAAAC,GAAQ,QAAAC,EAAA,IAAUJ,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,EAAA,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;AAAA,EACA,gBAAAV;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAU;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACJ,GAAoB;AAChB,SACIC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACK,UAAAL,EAAM,IAAI,CAAAX,MAAQ;AACf,UAAM,EAAC,QAAAG,GAAQ,QAAAC,EAAA,IAAUJ,GAEnBiB,KADUL,MAAoB,OAAOT,IAASC,GAChC,KAAK,WAAW,CAAC;AACrC,WACIW,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,GAAGhB,EAAYC,GAAMC,GAAgBC,CAAY;AAAA,QACjD,QAAQY,IAAWI,IAAsBL,EAAW,UAAUI,CAAG;AAAA,QACjE,aAAaH,IAAW,IAAI;AAAA,QAC5B,MAAK;AAAA,MAAA;AAAA,MAJA,GAAGd,EAAK,OAAO,EAAE,IAAIA,EAAK,OAAO,EAAE;AAAA,IAAA;AAAA,EAOpD,CAAC,EAAA,CACL;AAER;"}

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

@@ -1,18 +1,18 @@
+import { HierarchyPointNode } from 'd3-hierarchy';
+import { ClickEventData } from '../../types';
 import { DendroSettingsImpl } from '../DendroSettingsImpl';
 import { TreeNodeData } from '../getHierarchyData';
-import { ClickEventData } from '../../types';
-import { HierarchyPointNode } from 'd3-hierarchy';
 interface NodeGroupProps {
     nodes: HierarchyPointNode<TreeNodeData>[];
     rootPosition: DendroSettingsImpl['rootPosition'];
     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;
+        nodeShape: (idx: number) => string;
+        nodeColor: (idx: number) => string;
+        nodeSize: (idx: number) => number;
+        lineShape: (idx: number) => string;
+        lineColor: (idx: number) => string;
     };
     onClick: (data: ClickEventData) => void;
     onSelectedUpdate: (node: HierarchyPointNode<TreeNodeData>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"NodesGroup.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/NodesGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,EAAC,cAAc,EAAa,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAGrD,UAAU,cAAc;IACpB,KAAK,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC;IAC1C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,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,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,cAAc,EACd,OAAO,EACP,gBAAgB,GACnB,EAAE,cAAc,2CAyGhB"}
+{"version":3,"file":"NodesGroup.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/NodesGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,aAAa,CAAC;AAG9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,cAAc;IACpB,KAAK,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC;IAC1C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,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,KAAK,MAAM,CAAC;QACnC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;QACnC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;QAClC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;QACnC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;KACtC,CAAC;IACF,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,cAAc,EACd,OAAO,EACP,gBAAgB,GACnB,EAAE,cAAc,2CAyGhB"}

package/dist/dendro/components/NodesGroup.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"NodesGroup.js","sources":["../../../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","SELECTED_NODE_COLOR","DIMMED_OPACITY","shape"],"mappings":"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"}
+{"version":3,"file":"NodesGroup.js","sources":["../../../src/dendro/components/NodesGroup.tsx"],"sourcesContent":["import type { HierarchyPointNode } from 'd3-hierarchy';\nimport { useEffect, useState } from 'react';\nimport type { ClickEventData, PointShape } from '../../types';\nimport { getPointShape } from '../../utils/getPointShape';\nimport { DIMMED_OPACITY, MARGIN, SELECTED_NODE_COLOR } from '../constants';\nimport type { DendroSettingsImpl } from '../DendroSettingsImpl';\nimport type { TreeNodeData } from '../getHierarchyData';\n\ninterface NodeGroupProps {\n    nodes: HierarchyPointNode<TreeNodeData>[];\n    rootPosition: DendroSettingsImpl['rootPosition'];\n    showLeavesLabels: DendroSettingsImpl['showLeavesLabels'];\n    showNodesLabels: DendroSettingsImpl['showNodesLabels'];\n    aesGetters: {\n        nodeShape: (idx: number) => string;\n        nodeColor: (idx: number) => string;\n        nodeSize: (idx: number) => number;\n        lineShape: (idx: number) => string;\n        lineColor: (idx: number) => 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 idx = node.data.rawIndexes[0];\n                    const size = aesGetters.nodeSize(idx);\n                    const color = aesGetters.nodeColor(idx);\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.rawIndexes});\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 idx = node.data.rawIndexes[0];\n                    const shape = aesGetters.nodeShape(idx) as PointShape;\n                    const size = aesGetters.nodeSize(idx);\n                    const color = aesGetters.nodeColor(idx);\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.rawIndexes});\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 idx = node.data.rawIndexes[0];\n                    const size = aesGetters.nodeSize(idx);\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","idx","size","color","x","y","MARGIN","SELECTED_NODE_COLOR","DIMMED_OPACITY","shape","e"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { DataValue, PointShape, Row } from '../../types';
 import { ScaleLinear, ScaleOrdinal, ScalePower } from 'd3-scale';
+import { DataValue, PointShape } from '../../types';
 export interface ChartSizes {
     treeWidth: number;
     treeHeight: number;
@@ -55,10 +55,10 @@ export interface LegendData {
 }
 export type Cell = {
     id: string;
+    idx: number;
     x: string;
     y: string;
     value: DataValue;
-    data: Row;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAE,GAAG,EAAC,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpE,MAAM,WAAW,UAAU;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IACxB,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,cAAc;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IACxD,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACrC;AACD,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACtD,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AACD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACnD,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;CACtD;AACD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACpC;AACD,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,eAAe,CAAC;AAEvG,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,MAAM,IAAI,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,GAAG,CAAC;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dendro/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzD,MAAM,WAAW,UAAU;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IACxB,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,cAAc;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IACxD,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACrC;AACD,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACtD,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AACD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACnD,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;CACtD;AACD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACpC;AACD,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,eAAe,CAAC;AAEvG,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,MAAM,IAAI,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,SAAS,CAAC;CACpB,CAAA"}

package/dist/dendro/getHeatmapData.d.ts

@@ -1,8 +1,8 @@
+import { HierarchyNode } from 'd3-hierarchy';
 import { DataFrame } from '../DataFrame';
+import { Cell } from './components/types';
 import { DendroSettingsImpl } from './DendroSettingsImpl';
 import { TreeNodeData } from './getHierarchyData';
-import { Cell } from './components/types';
-import { HierarchyNode } from 'd3-hierarchy';
 export type HeatmapData = {
     xKeys: string[];
     yKeys: string[];

package/dist/dendro/getHeatmapData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getHeatmapData.d.ts","sourceRoot":"","sources":["../../src/dendro/getHeatmapData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5C,IAAI,EAAE;QACF,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACnC,CAAC;CACL,CAAC;AAEF,wBAAgB,cAAc,CAC1B,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,EACxD,iBAAiB,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,EAC1D,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,EAChD,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,aAAa,CAAC,YAAY,CAAC,sBAKzC;AACD,wBAAgB,4BAA4B,CACxC,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,EACxD,iBAAiB,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,EAC1D,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,EAChD,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,aAAa,CAAC,YAAY,CAAC,GACtC,WAAW,GAAG,IAAI,CAkFrB"}
+{"version":3,"file":"getHeatmapData.d.ts","sourceRoot":"","sources":["../../src/dendro/getHeatmapData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5C,IAAI,EAAE;QACF,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACnC,CAAC;CACL,CAAC;AAEF,wBAAgB,cAAc,CAC1B,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,EACxD,iBAAiB,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,EAC1D,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,EAChD,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,aAAa,CAAC,YAAY,CAAC,sBAKzC;AACD,wBAAgB,4BAA4B,CACxC,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,EACxD,iBAAiB,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,EAC1D,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,EAChD,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,aAAa,CAAC,YAAY,CAAC,GACtC,WAAW,GAAG,IAAI,CAuFrB"}

package/dist/dendro/getHeatmapData.js

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