@milaboratories/miplots4 1.0.156 → 1.0.158

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../src/dendro/components/Chart.tsx"],"sourcesContent":["import type { HierarchyPointLink, HierarchyPointNode } from 'd3-hierarchy';\nimport React, { useEffect, useRef, useState } from 'react';\nimport fonts from '../../common/fonts';\nimport type { ClickEventData, ColumnName, DataValue } from '../../types';\nimport { DIMMED_OPACITY, HEATMAP_LEFT_OFFSET, USER_UPDATE_EVENT } from '../constants';\nimport type { DendroSettingsImpl } from '../DendroSettingsImpl';\nimport type { HeatmapData } from '../getHeatmapData';\nimport type { TreeNodeData } from '../getHierarchyData';\nimport { Heatmap } from './Heatmap';\nimport { Legend } from './Legend';\nimport { LinksGroup } from './LinksGroup';\nimport { NodesGroup } from './NodesGroup';\nimport type { ChartScales, ChartSizes, LegendData } from './types';\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: (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    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            \n            data.forEach(([key, value]) => {\n                if (key === 'selectedNode') {\n                    // TODO: what is value ???? should be row index\n                    const node = nodes.find((node) => node.data.rawIndexes[0] === 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(${chartSizes.marginLeft},${chartSizes.marginTop})`} 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","DIMMED_OPACITY","LinksGroup","link","source","target","NodesGroup","HEATMAP_LEFT_OFFSET","Heatmap","Legend"],"mappings":"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"}
+{"version":3,"file":"Chart.js","sources":["../../../src/dendro/components/Chart.tsx"],"sourcesContent":["import type { HierarchyPointLink, HierarchyPointNode } from 'd3-hierarchy';\nimport React, { useEffect, useRef, useState } from 'react';\nimport fonts from '../../common/fonts';\nimport type { ClickEventData, ColumnName, DataValue } from '../../types';\nimport { DIMMED_OPACITY, HEATMAP_LEFT_OFFSET, USER_UPDATE_EVENT } from '../constants';\nimport type { DendroSettingsImpl } from '../DendroSettingsImpl';\nimport type { HeatmapData } from '../getHeatmapData';\nimport type { TreeNodeData } from '../getHierarchyData';\nimport { Heatmap } from './Heatmap';\nimport { Legend } from './Legend';\nimport { LinksGroup } from './LinksGroup';\nimport { NodesGroup } from './NodesGroup';\nimport type { ChartScales, ChartSizes, LegendData } from './types';\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: (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    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            \n            data.forEach(([key, value]) => {\n                if (key === 'selectedNode') {\n                    // TODO: what is value ???? should be row index\n                    const node = nodes.find((node) => node.data.rawIndexes[0] === value) ?? null;\n                    setSelectedPath(getSelectedPath(node));\n                    setSelectedNode(node);\n                }\n            });\n        }\n        document.addEventListener('click', onClick);\n        // @ts-ignore\n        document.addEventListener(USER_UPDATE_EVENT, onOuterEvent);\n        return () => {\n            document.removeEventListener('click', onClick);\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(${chartSizes.marginLeft},${chartSizes.marginTop})`} 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","DIMMED_OPACITY","LinksGroup","link","source","target","NodesGroup","HEATMAP_LEFT_OFFSET","Heatmap","Legend"],"mappings":"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"}

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

@@ -16,4 +16,3 @@ export declare function Heatmap({ heatmapData, scales, step, colorScale, tooltip
     selectedNode: HierarchyPointNode<TreeNodeData> | null;
     labels: string[];
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Heatmap.d.ts.map

package/dist/dendro/components/Heatmap.js

@@ -1,4 +1,4 @@
-import { j as i } from "../../node_modules/react/jsx-runtime.js";
+import { j as i } from "../../_virtual/jsx-runtime.js";
 import { r as E } from "../../_virtual/index.js";
 import { Tooltip as O } from "../../common/Tooltip.js";
 import { BLACK as L } from "../../constants.js";

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

@@ -4,4 +4,3 @@ interface LegendProps {
 }
 export declare function Legend({ legendData }: LegendProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=Legend.d.ts.map

package/dist/dendro/components/Legend.js

@@ -1,4 +1,4 @@
-import { j as n } from "../../node_modules/react/jsx-runtime.js";
+import { j as n } from "../../_virtual/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;

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

@@ -17,4 +17,3 @@ interface LinksGroupProps {
 }
 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.js

@@ -1,7 +1,7 @@
-import { j as n } from "../../node_modules/react/jsx-runtime.js";
+import { j as n } from "../../_virtual/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";
+import { link as m } from "../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/link.js";
+import { bumpY as p, bumpX as y } from "../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/curve/bump.js";
 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(

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

@@ -20,4 +20,3 @@ interface NodeGroupProps {
 }
 export declare function NodesGroup({ nodes, rootPosition, showLeavesLabels, showNodesLabels, aesGetters, selectedNodeId, onClick, onSelectedUpdate, }: NodeGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=NodesGroup.d.ts.map

package/dist/dendro/components/NodesGroup.js

@@ -1,4 +1,4 @@
-import { j as t } from "../../node_modules/react/jsx-runtime.js";
+import { j as t } from "../../_virtual/jsx-runtime.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";

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

@@ -65,4 +65,3 @@ export type Cell = {
     value: DataValue;
 };
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/dendro/constants.d.ts

@@ -20,4 +20,3 @@ export declare const COLOR_NULL = "#F0F0F0";
 export declare const COLOR_EMPTY = "#FAFAFA";
 export declare const SELECTED_PATH_COLOR = "#49cc49";
 export declare const SELECTED_NODE_COLOR = "#49cc49";
-//# sourceMappingURL=constants.d.ts.map

package/dist/dendro/getHeatmapData.d.ts

@@ -17,4 +17,3 @@ export type HeatmapData = {
 };
 export declare function getHeatmapData(data: DataFrame, type: DendroSettingsImpl['heatmapSettings']['valueType'], heatmapAnnotation: DendroSettingsImpl['heatmapAnnotation'], heatmapAxis: DendroSettingsImpl['heatmapAxis'], heatmapGroup: DendroSettingsImpl['heatmapGroup'], id: DendroSettingsImpl['id'], hierarchy: HierarchyNode<TreeNodeData>): HeatmapData | null;
 export declare function getHeatmapDataWithAxisColumn(data: DataFrame, type: DendroSettingsImpl['heatmapSettings']['valueType'], heatmapAnnotation: DendroSettingsImpl['heatmapAnnotation'], heatmapAxis: DendroSettingsImpl['heatmapAxis'], heatmapGroup: DendroSettingsImpl['heatmapGroup'], id: DendroSettingsImpl['id'], hierarchy: HierarchyNode<TreeNodeData>): HeatmapData | null;
-//# sourceMappingURL=getHeatmapData.d.ts.map

package/dist/dendro/getHierarchyData.d.ts

@@ -12,4 +12,3 @@ export type TreeNodeData = {
 export declare function getHierarchy(dataFrame: DataFrame, idKey: string, parentIdKey: string, heightIdKey: string | null, labelIdKey: string | null, leavesOrder: DendroSettingsImpl['leavesOrder'], useAllNodesAsLeaves?: boolean): HierarchyNode<TreeNodeData>;
 export declare function updateLinksHeight(root: HierarchyPointNode<TreeNodeData>, chartHeight: number, alignLeavesToLine?: boolean): void;
 export declare function updateNodesHorizontalPosition(root: HierarchyPointNode<TreeNodeData>): void;
-//# sourceMappingURL=getHierarchyData.d.ts.map

package/dist/dendro/getHierarchyData.js

@@ -1,6 +1,6 @@
-import { l as I } from "../node_modules/lodash/lodash.js";
-import g from "../node_modules/d3-hierarchy/src/stratify.js";
-import L from "../node_modules/d3-array/src/max.js";
+import { l as I } from "../_virtual/lodash.js";
+import g from "../node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/stratify.js";
+import L from "../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/max.js";
 function m(t, i) {
   t.sort((u, r) => {
     const a = u.leaves().reduce((n, s) => Math.min(n, s.data.rawIndexes[0]), 1 / 0), o = r.leaves().reduce((n, s) => Math.min(n, s.data.rawIndexes[0]), 1 / 0);

package/dist/dendro/index.d.ts

@@ -29,4 +29,3 @@ export declare class ChartDendro extends AbstractChart {
     _updateAesInData(): void;
     _updateChart(): void;
 }
-//# sourceMappingURL=index.d.ts.map

package/dist/dendro/index.js

@@ -1,47 +1,47 @@
-var A = Object.defineProperty;
-var L = (o, h, e) => h in o ? A(o, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[h] = e;
-var v = (o, h, e) => L(o, typeof h != "symbol" ? h + "" : h, e);
-import { l as S } from "../node_modules/lodash/lodash.js";
-import { renderToString as y } from "../node_modules/react-dom/server.browser.js";
-import { undefined as b } from "../node_modules/zod/lib/index.js";
-import { AbstractChart as R } from "../AbstractChart.js";
-import w from "./ChartRenderer.js";
-import { USER_UPDATE_EVENT as N } from "./constants.js";
+var _ = Object.defineProperty;
+var A = (l, h, e) => h in l ? _(l, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[h] = e;
+var f = (l, h, e) => A(l, typeof h != "symbol" ? h + "" : h, e);
+import { l as L } from "../_virtual/lodash.js";
+import { s as S } from "../_virtual/server.browser.js";
+import { AbstractChart as w } from "../AbstractChart.js";
+import y from "./ChartRenderer.js";
+import { USER_UPDATE_EVENT as R } from "./constants.js";
 import { DendroSettingsImpl as D } from "./DendroSettingsImpl.js";
-import { getHeatmapData as I } from "./getHeatmapData.js";
-import { getHierarchy as M } from "./getHierarchyData.js";
-function g(o) {
-  return typeof o != "object" ? !1 : "valuesMap" in o;
+import { getHeatmapData as N } from "./getHeatmapData.js";
+import { getHierarchy as I } from "./getHierarchyData.js";
+function g(l) {
+  return typeof l != "object" ? !1 : "valuesMap" in l;
 }
-function E(o, h) {
+function E(l, h) {
   const { nodeColor: e, nodeShape: t, lineColor: s } = h, i = [e, t, s].filter(
     g
   );
-  return S.uniqBy(i, (n) => n.columnName.value).reduce((n, m) => {
-    const { columnName: l } = m, r = o.getColumnCategories(l.value, !1), p = (a) => String(
-      (l.valueLabels ? o.getColumnValue(l.valueLabels, o.getColumnCategoryRowIndex(l.value, a)) : b) ?? a
-    ), u = /* @__PURE__ */ new Set(), d = r.reduce((a, f) => (a[f] || (a[f] = {}), a), {});
-    return g(e) && l.value === e.columnName.value && (u.add("dotFill"), r.forEach((a) => {
+  return L.uniqBy(i, (n) => n.columnName.value).reduce((n, p) => {
+    const { columnName: o } = p, r = l.getColumnCategories(o.value, !1), m = (a) => String(
+      (o.valueLabels ? l.getColumnValue(o.valueLabels, l.getColumnCategoryRowIndex(o.value, a)) : void 0) ?? a
+    ), u = /* @__PURE__ */ new Set(), d = r.reduce((a, v) => (a[v] || (a[v] = {}), a), {});
+    return g(e) && o.value === e.columnName.value && (u.add("dotFill"), r.forEach((a) => {
       d[a].dotFill = e.valuesMap[a];
-    })), g(t) && l.value === t.columnName.value && (u.add("dotShape"), r.forEach((a) => {
+    })), g(t) && o.value === t.columnName.value && (u.add("dotShape"), r.forEach((a) => {
       d[a].dotShape = t.valuesMap[a];
-    })), g(s) && l.value === s.columnName.value && (u.add("lineColor"), r.forEach((a) => {
+    })), g(s) && o.value === s.columnName.value && (u.add("lineColor"), r.forEach((a) => {
       d[a].lineColor = s.valuesMap[a];
-    })), n[l.value] = {
+    })), n[o.value] = {
       values: r.sort(),
       usedAes: [...u],
       aesMap: d,
-      labels: r.reduce((a, f) => (a[f] = p(f), a), {})
+      labels: r.reduce((a, v) => (a[v] = m(v), a), {})
     }, n;
   }, {});
 }
-class z extends R {
+class O extends w {
   constructor(e, t, s) {
     super(e, t);
-    v(this, "settings");
-    v(this, "onClick", () => b);
-    v(this, "chartRenderer", new w());
-    v(this, "calculatedData", null);
+    f(this, "settings");
+    f(this, "onClick", () => {
+    });
+    f(this, "chartRenderer", new y());
+    f(this, "calculatedData", null);
     this.settings = new D(t), s && (this.onClick = s[0]);
   }
   mount(e) {
@@ -64,20 +64,20 @@ class z extends R {
   }
   updateChartState(e, t) {
     if (document) {
-      const s = new CustomEvent(N, { detail: { [e]: t } });
+      const s = new CustomEvent(R, { detail: { [e]: t } });
       document.dispatchEvent(s);
     }
   }
   export() {
-    return this._updateChart(), y(this.chartRenderer.component);
+    return this._updateChart(), S.renderToString(this.chartRenderer.component);
   }
   _needUpdateCalculatedDataBySettings(e, t) {
-    var p, u;
-    const { mode: s, id: i, parentId: c, heatmapAnnotation: n, heatmapAxis: m, heatmapGroup: l } = t;
+    var m, u;
+    const { mode: s, id: i, parentId: c, heatmapAnnotation: n, heatmapAxis: p, heatmapGroup: o } = t;
     function r(d, a) {
-      return d.length !== a.length || d.some((f, C) => f.value !== a[C].value);
+      return d.length !== a.length || d.some((v, C) => v.value !== a[C].value);
     }
-    return e.mode !== s || e.id.value !== i.value || e.parentId.value !== c.value || ((p = e.heatmapAnnotation) == null ? void 0 : p.value) !== (n == null ? void 0 : n.value) || ((u = e.heatmapAxis) == null ? void 0 : u.value) !== (m == null ? void 0 : m.value) || r(e.heatmapGroup, l);
+    return e.mode !== s || e.id.value !== i.value || e.parentId.value !== c.value || ((m = e.heatmapAnnotation) == null ? void 0 : m.value) !== (n == null ? void 0 : n.value) || ((u = e.heatmapAxis) == null ? void 0 : u.value) !== (p == null ? void 0 : p.value) || r(e.heatmapGroup, o);
   }
   _needUpdateCalculatedDataByData(e, t) {
     const s = Object.keys(e.data), i = Object.keys(t.data);
@@ -87,19 +87,19 @@ class z extends R {
     });
   }
   _updateData() {
-    const { mode: e, id: t, parentId: s, aes: i, heatmapAnnotation: c, heatmapAxis: n, heatmapGroup: m, heatmapSettings: l, height: r, labels: p, leavesOrder: u } = this.settings, d = r != null && r.value ? this.data.getColumn(r.value).some((_) => Number(_) > 0) : !1, a = M(
+    const { mode: e, id: t, parentId: s, aes: i, heatmapAnnotation: c, heatmapAxis: n, heatmapGroup: p, heatmapSettings: o, height: r, labels: m, leavesOrder: u } = this.settings, d = r != null && r.value ? this.data.getColumn(r.value).some((b) => Number(b) > 0) : !1, a = I(
       this.data,
       t.value,
       s.value,
       d ? (r == null ? void 0 : r.value) ?? null : null,
-      p.valueLabels ?? p.value ?? null,
+      m.valueLabels ?? m.value ?? null,
       u,
       e === "useAllNodesAsLeaves"
-    ), f = I(this.data, l.valueType, c, n, m, t, a), C = E(this.data, i);
+    ), v = N(this.data, o.valueType, c, n, p, t, a), C = E(this.data, i);
     this.calculatedData = {
       chartSizes: this.chartRenderer.chartSizes,
       hierarchy: a,
-      heatmapData: f,
+      heatmapData: v,
       legendLabels: C
     };
   }
@@ -116,10 +116,10 @@ class z extends R {
       edgeInheritance: i,
       rootPosition: c,
       showNodes: n,
-      showEdges: m,
-      showLeavesLabels: l,
+      showEdges: p,
+      showLeavesLabels: o,
       showNodesLabels: r,
-      aes: p,
+      aes: m,
       labels: u,
       heatmapSettings: d,
       leavesMode: a
@@ -132,10 +132,10 @@ class z extends R {
       c,
       i,
       n,
-      m,
-      l,
-      r,
       p,
+      o,
+      r,
+      m,
       u,
       e,
       this.calculatedData.heatmapData,
@@ -147,6 +147,6 @@ class z extends R {
   }
 }
 export {
-  z as ChartDendro
+  O as ChartDendro
 };
 //# sourceMappingURL=index.js.map

package/dist/dendro/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/dendro/index.ts"],"sourcesContent":["import type { HierarchyNode } from 'd3-hierarchy';\nimport { uniqBy } from 'lodash';\nimport { renderToString } from 'react-dom/server';\nimport { undefined } from 'zod';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport type {\n    AesItem,\n    AesRecord,\n    CategoricalAesFromColumn,\n    Category,\n    ClickEventData,\n    ColumnName,\n    ContinuousAesFromColumn,\n    DendroEventHandlers,\n    DendroLegendInfo,\n    DendroSettings,\n    LineShape,\n    PointShape\n} from '../types';\nimport ChartRenderer from './ChartRenderer';\nimport type { ChartSizes } from './components/types';\nimport { USER_UPDATE_EVENT } from './constants';\nimport { DendroSettingsImpl } from './DendroSettingsImpl';\nimport type { HeatmapData } from './getHeatmapData';\nimport { getHeatmapData } from './getHeatmapData';\nimport type { TreeNodeData } from './getHierarchyData';\nimport { getHierarchy } from './getHierarchyData';\n\nfunction isCategoricalAes<InputType extends string | number | PointShape | LineShape>(\n    item: InputType | CategoricalAesFromColumn<InputType> | ContinuousAesFromColumn<InputType>\n): item is CategoricalAesFromColumn<InputType> {\n    if (typeof item !== 'object') {\n        return false;\n    }\n    return 'valuesMap' in item;\n}\nfunction getLegendLabelsMap(data: DataFrame, aes: DendroSettingsImpl['aes']): DendroLegendInfo {\n    const {nodeColor, nodeShape, lineColor} = aes;\n    const aesGrouping: CategoricalAesFromColumn<string | PointShape>[] = [nodeColor, nodeShape, lineColor].filter(\n        isCategoricalAes\n    );\n    const uniqueColumns = uniqBy(aesGrouping, item => item.columnName.value);\n    return uniqueColumns.reduce((res: DendroLegendInfo, item) => {\n        const {columnName} = item;\n        const categories = data.getColumnCategories(columnName.value, false);\n        const getValueLabel = (category: Category) => String(\n            (columnName.valueLabels\n                ? data.getColumnValue(columnName.valueLabels, data.getColumnCategoryRowIndex(columnName.value, category))\n                : undefined\n            ) ?? category\n        );\n\n        const usedAes = new Set<keyof AesItem>();\n        const aesMap: AesRecord = categories.reduce((res: AesRecord, category) => {\n            if (!res[category]) {\n                res[category] = {} as AesItem;\n            }\n            return res;\n        }, {});\n        if (isCategoricalAes(nodeColor) && columnName.value === nodeColor.columnName.value) {\n            usedAes.add('dotFill');\n            categories.forEach(category => {\n                aesMap[category]['dotFill'] = nodeColor.valuesMap[category];\n            });\n        }\n        if (isCategoricalAes(nodeShape) && columnName.value === nodeShape.columnName.value) {\n            usedAes.add('dotShape');\n            categories.forEach(category => {\n                aesMap[category]['dotShape'] = nodeShape.valuesMap[category];\n            });\n        }\n        if (isCategoricalAes(lineColor) && columnName.value === lineColor.columnName.value) {\n            usedAes.add('lineColor');\n            categories.forEach(category => {\n                aesMap[category]['lineColor'] = lineColor.valuesMap[category];\n            });\n        }\n        res[columnName.value] = {\n            values: categories.sort(),\n            usedAes: [...usedAes],\n            aesMap,\n            labels: categories.reduce((res: Record<string, string>, category) => {\n                res[category] = getValueLabel(category);\n                return res;\n            }, {}),\n        };\n        return res;\n    }, {});\n}\n\nexport class ChartDendro extends AbstractChart {\n    settings: DendroSettingsImpl;\n    onClick: (data: ClickEventData) => void = () => undefined;\n    chartRenderer = new ChartRenderer();\n\n    calculatedData: {\n        chartSizes: ChartSizes;\n        hierarchy: HierarchyNode<TreeNodeData>;\n        heatmapData: HeatmapData | null;\n        legendLabels: DendroLegendInfo;\n    } | null = null;\n\n    constructor(data: DataFrame, settings: DendroSettings, eventHandlers?: DendroEventHandlers) {\n        super(data, settings);\n\n        this.settings = new DendroSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onClick = eventHandlers[0];\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n            this.hasError = false;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: DendroSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new DendroSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this._updateChart();\n            this.hasError = false;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(field: string, value: unknown) {\n        if (document) {\n            const event = new CustomEvent(USER_UPDATE_EVENT, {detail: {[field]: value}});\n            document.dispatchEvent(event);\n        }\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: DendroSettingsImpl, settings: DendroSettingsImpl) {\n        const {mode, id, parentId, heatmapAnnotation, heatmapAxis, heatmapGroup} = settings;\n\n        function compareColumnGroups(columns1: ColumnName[], columns2: ColumnName[]) {\n            return (\n                columns1.length !== columns2.length ||\n                columns1.some((column, idx) => column.value !== columns2[idx].value)\n            );\n        }\n\n        return (\n            prevSettings.mode !== mode ||\n            prevSettings.id.value !== id.value ||\n            prevSettings.parentId.value !== parentId.value ||\n            prevSettings.heatmapAnnotation?.value !== heatmapAnnotation?.value ||\n            prevSettings.heatmapAxis?.value !== heatmapAxis?.value ||\n            compareColumnGroups(prevSettings.heatmapGroup, heatmapGroup)\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {mode, id, parentId, aes, heatmapAnnotation, heatmapAxis, heatmapGroup, heatmapSettings, height, labels, leavesOrder} = this.settings;\n        const useDistances = height?.value ? this.data.getColumn(height.value).some(v => Number(v) > 0) : false;\n\n        const hierarchy = getHierarchy(\n            this.data,\n            id.value,\n            parentId.value,\n            useDistances ? height?.value ?? null : null,\n            labels.valueLabels ?? labels.value ?? null,\n            leavesOrder,\n            mode === 'useAllNodesAsLeaves'\n        );\n\n        const heatmapData = getHeatmapData(this.data, heatmapSettings.valueType, heatmapAnnotation, heatmapAxis, heatmapGroup, id, hierarchy);\n\n        const legendLabels = getLegendLabelsMap(this.data, aes);\n\n        this.calculatedData = {\n            chartSizes: this.chartRenderer.chartSizes,\n            hierarchy,\n            heatmapData,\n            legendLabels\n        };\n    }\n\n    _updateAesInData() {\n        if (!this.calculatedData) {\n            return;\n        }\n        this.calculatedData.legendLabels = getLegendLabelsMap(this.data, this.settings.aes);\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {\n            heatmapAnnotation,\n            chartSettings,\n            connectionType,\n            edgeInheritance,\n            rootPosition,\n            showNodes,\n            showEdges,\n            showLeavesLabels,\n            showNodesLabels,\n            aes,\n            labels,\n            heatmapSettings,\n            leavesMode\n        } = this.settings;\n\n        this.chartRenderer.render(\n            this.data,\n            chartSettings,\n            this.calculatedData.hierarchy,\n            connectionType,\n            rootPosition,\n            edgeInheritance,\n            showNodes,\n            showEdges,\n            showLeavesLabels,\n            showNodesLabels,\n            aes,\n            labels,\n            heatmapAnnotation,\n            this.calculatedData.heatmapData,\n            heatmapSettings,\n            this.calculatedData.legendLabels,\n            leavesMode,\n            this.onClick\n        );\n    }\n}\n"],"names":["isCategoricalAes","item","getLegendLabelsMap","data","aes","nodeColor","nodeShape","lineColor","aesGrouping","uniqBy","res","columnName","categories","getValueLabel","category","undefined","usedAes","aesMap","ChartDendro","AbstractChart","settings","eventHandlers","__publicField","ChartRenderer","DendroSettingsImpl","node","err","previousSettings","previousData","field","value","event","USER_UPDATE_EVENT","renderToString","prevSettings","mode","id","parentId","heatmapAnnotation","heatmapAxis","heatmapGroup","compareColumnGroups","columns1","columns2","column","idx","_a","_b","prevData","prevKeys","keys","key","heatmapSettings","height","labels","leavesOrder","useDistances","v","hierarchy","getHierarchy","heatmapData","getHeatmapData","legendLabels","chartSettings","connectionType","edgeInheritance","rootPosition","showNodes","showEdges","showLeavesLabels","showNodesLabels","leavesMode"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/dendro/index.ts"],"sourcesContent":["import type { HierarchyNode } from 'd3-hierarchy';\nimport { uniqBy } from 'lodash';\nimport { renderToString } from 'react-dom/server';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport type {\n    AesItem,\n    AesRecord,\n    CategoricalAesFromColumn,\n    Category,\n    ClickEventData,\n    ColumnName,\n    ContinuousAesFromColumn,\n    DendroEventHandlers,\n    DendroLegendInfo,\n    DendroSettings,\n    LineShape,\n    PointShape\n} from '../types';\nimport ChartRenderer from './ChartRenderer';\nimport type { ChartSizes } from './components/types';\nimport { USER_UPDATE_EVENT } from './constants';\nimport { DendroSettingsImpl } from './DendroSettingsImpl';\nimport type { HeatmapData } from './getHeatmapData';\nimport { getHeatmapData } from './getHeatmapData';\nimport type { TreeNodeData } from './getHierarchyData';\nimport { getHierarchy } from './getHierarchyData';\n\nfunction isCategoricalAes<InputType extends string | number | PointShape | LineShape>(\n    item: InputType | CategoricalAesFromColumn<InputType> | ContinuousAesFromColumn<InputType>\n): item is CategoricalAesFromColumn<InputType> {\n    if (typeof item !== 'object') {\n        return false;\n    }\n    return 'valuesMap' in item;\n}\nfunction getLegendLabelsMap(data: DataFrame, aes: DendroSettingsImpl['aes']): DendroLegendInfo {\n    const {nodeColor, nodeShape, lineColor} = aes;\n    const aesGrouping: CategoricalAesFromColumn<string | PointShape>[] = [nodeColor, nodeShape, lineColor].filter(\n        isCategoricalAes\n    );\n    const uniqueColumns = uniqBy(aesGrouping, item => item.columnName.value);\n    return uniqueColumns.reduce((res: DendroLegendInfo, item) => {\n        const {columnName} = item;\n        const categories = data.getColumnCategories(columnName.value, false);\n        const getValueLabel = (category: Category) => String(\n            (columnName.valueLabels\n                ? data.getColumnValue(columnName.valueLabels, data.getColumnCategoryRowIndex(columnName.value, category))\n                : undefined\n            ) ?? category\n        );\n\n        const usedAes = new Set<keyof AesItem>();\n        const aesMap: AesRecord = categories.reduce((res: AesRecord, category) => {\n            if (!res[category]) {\n                res[category] = {} as AesItem;\n            }\n            return res;\n        }, {});\n        if (isCategoricalAes(nodeColor) && columnName.value === nodeColor.columnName.value) {\n            usedAes.add('dotFill');\n            categories.forEach(category => {\n                aesMap[category]['dotFill'] = nodeColor.valuesMap[category];\n            });\n        }\n        if (isCategoricalAes(nodeShape) && columnName.value === nodeShape.columnName.value) {\n            usedAes.add('dotShape');\n            categories.forEach(category => {\n                aesMap[category]['dotShape'] = nodeShape.valuesMap[category];\n            });\n        }\n        if (isCategoricalAes(lineColor) && columnName.value === lineColor.columnName.value) {\n            usedAes.add('lineColor');\n            categories.forEach(category => {\n                aesMap[category]['lineColor'] = lineColor.valuesMap[category];\n            });\n        }\n        res[columnName.value] = {\n            values: categories.sort(),\n            usedAes: [...usedAes],\n            aesMap,\n            labels: categories.reduce((res: Record<string, string>, category) => {\n                res[category] = getValueLabel(category);\n                return res;\n            }, {}),\n        };\n        return res;\n    }, {});\n}\n\nexport class ChartDendro extends AbstractChart {\n    settings: DendroSettingsImpl;\n    onClick: (data: ClickEventData) => void = () => undefined;\n    chartRenderer = new ChartRenderer();\n\n    calculatedData: {\n        chartSizes: ChartSizes;\n        hierarchy: HierarchyNode<TreeNodeData>;\n        heatmapData: HeatmapData | null;\n        legendLabels: DendroLegendInfo;\n    } | null = null;\n\n    constructor(data: DataFrame, settings: DendroSettings, eventHandlers?: DendroEventHandlers) {\n        super(data, settings);\n\n        this.settings = new DendroSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onClick = eventHandlers[0];\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n            this.hasError = false;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: DendroSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new DendroSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this._updateChart();\n            this.hasError = false;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(field: string, value: unknown) {\n        if (document) {\n            const event = new CustomEvent(USER_UPDATE_EVENT, {detail: {[field]: value}});\n            document.dispatchEvent(event);\n        }\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: DendroSettingsImpl, settings: DendroSettingsImpl) {\n        const {mode, id, parentId, heatmapAnnotation, heatmapAxis, heatmapGroup} = settings;\n\n        function compareColumnGroups(columns1: ColumnName[], columns2: ColumnName[]) {\n            return (\n                columns1.length !== columns2.length ||\n                columns1.some((column, idx) => column.value !== columns2[idx].value)\n            );\n        }\n\n        return (\n            prevSettings.mode !== mode ||\n            prevSettings.id.value !== id.value ||\n            prevSettings.parentId.value !== parentId.value ||\n            prevSettings.heatmapAnnotation?.value !== heatmapAnnotation?.value ||\n            prevSettings.heatmapAxis?.value !== heatmapAxis?.value ||\n            compareColumnGroups(prevSettings.heatmapGroup, heatmapGroup)\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {mode, id, parentId, aes, heatmapAnnotation, heatmapAxis, heatmapGroup, heatmapSettings, height, labels, leavesOrder} = this.settings;\n        const useDistances = height?.value ? this.data.getColumn(height.value).some(v => Number(v) > 0) : false;\n\n        const hierarchy = getHierarchy(\n            this.data,\n            id.value,\n            parentId.value,\n            useDistances ? height?.value ?? null : null,\n            labels.valueLabels ?? labels.value ?? null,\n            leavesOrder,\n            mode === 'useAllNodesAsLeaves'\n        );\n\n        const heatmapData = getHeatmapData(this.data, heatmapSettings.valueType, heatmapAnnotation, heatmapAxis, heatmapGroup, id, hierarchy);\n\n        const legendLabels = getLegendLabelsMap(this.data, aes);\n\n        this.calculatedData = {\n            chartSizes: this.chartRenderer.chartSizes,\n            hierarchy,\n            heatmapData,\n            legendLabels\n        };\n    }\n\n    _updateAesInData() {\n        if (!this.calculatedData) {\n            return;\n        }\n        this.calculatedData.legendLabels = getLegendLabelsMap(this.data, this.settings.aes);\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {\n            heatmapAnnotation,\n            chartSettings,\n            connectionType,\n            edgeInheritance,\n            rootPosition,\n            showNodes,\n            showEdges,\n            showLeavesLabels,\n            showNodesLabels,\n            aes,\n            labels,\n            heatmapSettings,\n            leavesMode\n        } = this.settings;\n\n        this.chartRenderer.render(\n            this.data,\n            chartSettings,\n            this.calculatedData.hierarchy,\n            connectionType,\n            rootPosition,\n            edgeInheritance,\n            showNodes,\n            showEdges,\n            showLeavesLabels,\n            showNodesLabels,\n            aes,\n            labels,\n            heatmapAnnotation,\n            this.calculatedData.heatmapData,\n            heatmapSettings,\n            this.calculatedData.legendLabels,\n            leavesMode,\n            this.onClick\n        );\n    }\n}\n"],"names":["isCategoricalAes","item","getLegendLabelsMap","data","aes","nodeColor","nodeShape","lineColor","aesGrouping","uniqBy","res","columnName","categories","getValueLabel","category","usedAes","aesMap","ChartDendro","AbstractChart","settings","eventHandlers","__publicField","ChartRenderer","DendroSettingsImpl","node","err","previousSettings","previousData","field","value","event","USER_UPDATE_EVENT","renderToString","prevSettings","mode","id","parentId","heatmapAnnotation","heatmapAxis","heatmapGroup","compareColumnGroups","columns1","columns2","column","idx","_a","_b","prevData","prevKeys","keys","key","heatmapSettings","height","labels","leavesOrder","useDistances","v","hierarchy","getHierarchy","heatmapData","getHeatmapData","legendLabels","chartSettings","connectionType","edgeInheritance","rootPosition","showNodes","showEdges","showLeavesLabels","showNodesLabels","leavesMode"],"mappings":"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"}

package/dist/discrete/ChartRenderer.d.ts

@@ -38,4 +38,3 @@ declare class ChartRenderer {
     renderError(message: string): void;
 }
 export default ChartRenderer;
-//# sourceMappingURL=ChartRenderer.d.ts.map