@milaboratories/miplots4 1.0.145 → 1.0.147

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../src/heatmap/components/Chart.tsx"],"sourcesContent":["import { format as d3format } from 'd3-format';\nimport { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport type { DataFrame } from '../../DataFrame';\nimport type { ColumnName, DataValue } from '../../types';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getCells';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport { Annotations } from './Annotations';\nimport { Captions } from './Captions';\nimport { Dendrograms } from './Dendrograms';\nimport { Frames } from './Frames';\nimport type { AnnotationColorScales, AnnotationTooltipData, CaptionsSizes, ChartDendrograms, ChartDimensionsData, ChartScales, ChartSizes, DendrogramAesScales, LabelAngles, Margins } from './types';\n\nfunction formatCellValue(v: DataValue, format?: string): number | string {\n    if (v === null) {\n        return 'null';\n    }\n    if (typeof v === 'number') {\n        if (format) {\n            return d3format(format)(v);\n        }\n        const whole = v > 0 ? Math.floor(v) : Math.ceil(v);\n        const decimal = v - whole;\n        return whole + Number(decimal.toPrecision(2));\n    }\n    return v;\n}\nfunction getTooltipContent(\n    dataFrame: DataFrame,\n    cell: Cell,\n    cellsMeta: GroupedCellsData['meta'],\n    columnsList: ColumnName[] = []\n) {\n    const value = `${formatCellValue(cell.value)}${cell.value !== cell.normalizedValue ? ` (${formatCellValue(cell.normalizedValue)})` : ''}`;\n    if (columnsList.length) {\n        const lines = [\n            `Value: ${value}`,\n        ];\n        for (const column of columnsList) {\n            const value = dataFrame.getColumnValue(column.value, cell.idx);\n            lines.push(`${column.label}: ${formatCellValue(value, column.format)}`);\n        }\n        return lines;\n    }\n\n    return [value];\n}\nfunction getAnnotationTooltipContent(data: AnnotationTooltipData, cellsMeta: GroupedCellsData['meta']) {\n    const lines: string[] = [];\n    if (data.xKey) {\n        lines.push(`X: ${cellsMeta.xLabels[data.xKey as string]}`);\n    }\n    if (data.yKey) {\n        lines.push(`Y: ${cellsMeta.yLabels[data.yKey as string]}`);\n    }\n    lines.push(`${data.title}: ${formatCellValue(data.value, data.column.format)}`);\n    return lines;\n}\n\nfunction isAnnotationTooltip(d: Cell | AnnotationTooltipData | null): d is AnnotationTooltipData {\n    return d !== null && 'isAnnotation' in d;\n}\n\nfunction isCellTooltip(d: Cell | AnnotationTooltipData | null): d is Cell {\n    return d !== null && 'isCell' in d;\n}\n\nexport function Chart<ValueType>({\n    dendrograms,\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    colorScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\n    sharedX,\n    sharedY,\n    annotations,\n    annotationColorScales,\n    dendrogramAesScales,\n    aes,\n    labelAngles,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData,\n}: {\n    facetKey: string;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    colorScale: (value: ValueType) => string;\n    chartSettings: HeatmapSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsData['meta'];\n    stepX: number;\n    stepY: number;\n    annotations: HeatmapSettingsImpl['annotations'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    aes: HeatmapSettingsImpl['aes'];\n    dendrograms: ChartDendrograms;\n    dendrogramAesScales: DendrogramAesScales;\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n}) {\n    const dataFrame = useDataFrame();\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const { xAxis, yAxis, tooltips } = chartSettings;\n    const { width, height } = dimensions.inner;\n    const { padding, chartEdgeSides, sideElementBBoxes } = dimensions;\n    const { xGroupLabels, yGroupLabels, xLabels, yLabels } = cellsMeta;\n\n    const xKeys = scales.x.domain();\n    const yKeys = scales.y.domain();\n\n    const sideDistances = {\n        left: margins.left + dimensions.left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n        top: margins.top + dimensions.top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n    };\n\n    const debug = false;\n    const isDimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                <Annotations\n                    facetKey={facetKey}\n                    sideElementBBoxes={sideElementBBoxes}\n                    annotations={annotations}\n                    cellsMeta={cellsMeta}\n                    annotationColorScales={annotationColorScales}\n                    sharedX={sharedX}\n                    sharedY={sharedY}\n                    chartEdgeSides={chartEdgeSides}\n                    width={width}\n                    height={height}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    aes={aes}\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    tooltipsData={tooltipsData}\n                    activeElementContainer={activeElementContainer}\n                />\n                <Dendrograms\n                    dendrograms={dendrograms}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xGroupKeys={cellsMeta.xGroupKeys}\n                    yGroupKeys={cellsMeta.yGroupKeys}\n                    xDataByKeys={cellsMeta.xDataByKeys}\n                    yDataByKeys={cellsMeta.yDataByKeys}\n                    aesScales={dendrogramAesScales}\n                />\n                {/* facet title */}\n                {sideElementBBoxes.top.facetTitle.isVisible && (\n                    <text\n                        x={sideElementBBoxes.top.facetTitle.x}\n                        y={\n                            sideElementBBoxes.top.facetTitle.y +\n                            sideElementBBoxes.top.facetTitle.height -\n                            FACET_TITLE_OFFSET\n                        }\n                        fontWeight=\"500\"\n                        fontSize=\"20px\"\n                    >\n                        {cellsMeta.facetKeyValues[facetKey].join(', ')}\n                    </text>\n                )}\n                {debug && (\n                    <g fill=\"green\" opacity=\"0.2\">\n                        <rect\n                            x={-padding.left}\n                            y={-padding.top}\n                            width={dimensions.outer.width}\n                            height={dimensions.outer.height}\n                            fill=\"none\"\n                            stroke=\"red\"\n                        />\n                        <rect x={-padding.left} y=\"0\" width={padding.left} height={height} />\n                        <rect x={width} y=\"0\" width={padding.right} height={height} />\n                        <rect x=\"0\" y={-padding.top} width={width} height={padding.top} />\n                        <rect x=\"0\" y={height} width={width} height={padding.bottom} />\n                    </g>\n                )}\n                {/* cells */}\n                {xKeys.map(xKey =>\n                    yKeys.map(yKey => {\n                        const cell = cells?.[xKey]?.[yKey];\n                        const highlighted = isDimmedBackground && isCellTooltip(tooltipsData.selectedData) && cell?.id === tooltipsData.selectedData.id;\n                        const cellElement = cell ? (\n                            <rect\n                                key={cell ? cell.id : `${xKey}_${yKey}`}\n                                x={scales.x(xKey)}\n                                y={scales.y(yKey)}\n                                width={stepX}\n                                height={stepY}\n                                stroke={aes.cellStrokeColor}\n                                fill={cell.value === null ? aes.emptyCellColor : colorScale(cell.normalizedValue as ValueType)}\n                                onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                            />\n                        ) : null;\n                        return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n                    })\n                )}\n                <Frames\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    width={width}\n                    height={height}\n                />\n                <Captions\n                    xAxis={xAxis}\n                    yAxis={yAxis}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    debug={debug}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xKeys={xKeys}\n                    yKeys={yKeys}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    xGroupLabels={xGroupLabels}\n                    yGroupLabels={yGroupLabels}\n                    labelAngles={labelAngles}\n                    xLabels={xLabels}\n                    yLabels={yLabels}\n                />\n            </g>\n            {chartSettings.tooltips.show && isCellTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(dataFrame, tooltipsData.selectedData, cellsMeta, tooltips?.content)}\n                    x={scales.x(String(tooltipsData.selectedData.x)) + stepX / 2}\n                    y={scales.y(String(tooltipsData.selectedData.y)) + stepY / 2}\n                    offset={xKeys.length > 1 ? stepX / 2 : 0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            {chartSettings.tooltips.show && isAnnotationTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getAnnotationTooltipContent(tooltipsData.selectedData, cellsMeta)}\n                    x={tooltipsData.selectedData.x}\n                    y={tooltipsData.selectedData.y}\n                    offset={0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\" />}\n                <g ref={node => {\n                    if (node && !activeElementContainer) {\n                        setActiveElementContainer(node);\n                    }\n                }}\n                />\n            </g>\n        </g>\n    );\n}\n"],"names":["formatCellValue","v","format","d3format","whole","decimal","getTooltipContent","dataFrame","cell","cellsMeta","columnsList","value","lines","column","getAnnotationTooltipContent","data","isAnnotationTooltip","d","isCellTooltip","Chart","dendrograms","facetKey","dimensions","scales","cells","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","colorScale","chartSettings","stepX","stepY","sharedX","sharedY","annotations","annotationColorScales","dendrogramAesScales","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","useDataFrame","activeElementContainer","setActiveElementContainer","useState","xAxis","yAxis","tooltips","width","height","padding","chartEdgeSides","sideElementBBoxes","xGroupLabels","yGroupLabels","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","isDimmedBackground","jsxs","FONT_SIZE","jsx","Annotations","Dendrograms","FACET_TITLE_OFFSET","xKey","yKey","_a","highlighted","cellElement","createPortal","Frames","Captions","Tooltip","node"],"mappings":"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"}
+{"version":3,"file":"Chart.js","sources":["../../../src/heatmap/components/Chart.tsx"],"sourcesContent":["import type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getCells';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport { Annotations } from './Annotations';\nimport { Captions } from './Captions';\nimport { Dendrograms } from './Dendrograms';\nimport { Frames } from './Frames';\nimport type { AnnotationColorScales, AnnotationTooltipData, CaptionsSizes, ChartDendrograms, ChartDimensionsData, ChartScales, ChartSizes, DendrogramAesScales, LabelAngles, Margins } from './types';\nimport { getAnnotationTooltipContent, getTooltipContent, isAnnotationTooltip, isCellTooltip } from './tooltipUtils';\nimport { CanvasCells } from './CanvasCells';\nimport { SvgCells } from './SvgCells';\n\nexport function Chart<ValueType>({\n    dendrograms,\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    colorScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\n    sharedX,\n    sharedY,\n    annotations,\n    annotationColorScales,\n    dendrogramAesScales,\n    aes,\n    labelAngles,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData,\n    cellsRenderingMode,\n}: {\n    facetKey: string;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    colorScale: (value: ValueType) => string;\n    chartSettings: HeatmapSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsData['meta'];\n    stepX: number;\n    stepY: number;\n    annotations: HeatmapSettingsImpl['annotations'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    aes: HeatmapSettingsImpl['aes'];\n    dendrograms: ChartDendrograms;\n    dendrogramAesScales: DendrogramAesScales;\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    cellsRenderingMode: 'svg' | 'canvas';\n}) {\n    const dataFrame = useDataFrame();\n\n    const { xAxis, yAxis, tooltips } = chartSettings;\n    const { width, height } = dimensions.inner;\n    const { padding, chartEdgeSides, sideElementBBoxes } = dimensions;\n    const { xGroupLabels, yGroupLabels, xLabels, yLabels } = cellsMeta;\n\n    const xKeys = scales.x.domain();\n    const yKeys = scales.y.domain();\n\n    const sideDistances = {\n        left: margins.left + dimensions.left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n        top: margins.top + dimensions.top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n    };\n\n    const debug = false;\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                <Annotations\n                    facetKey={facetKey}\n                    sideElementBBoxes={sideElementBBoxes}\n                    annotations={annotations}\n                    cellsMeta={cellsMeta}\n                    annotationColorScales={annotationColorScales}\n                    sharedX={sharedX}\n                    sharedY={sharedY}\n                    chartEdgeSides={chartEdgeSides}\n                    width={width}\n                    height={height}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    aes={aes}\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    tooltipsData={tooltipsData}\n                    cellsRenderingMode={cellsRenderingMode}\n                />\n                <Dendrograms\n                    dendrograms={dendrograms}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xGroupKeys={cellsMeta.xGroupKeys}\n                    yGroupKeys={cellsMeta.yGroupKeys}\n                    xDataByKeys={cellsMeta.xDataByKeys}\n                    yDataByKeys={cellsMeta.yDataByKeys}\n                    aesScales={dendrogramAesScales}\n                />\n                {/* facet title */}\n                {sideElementBBoxes.top.facetTitle.isVisible && (\n                    <text\n                        x={sideElementBBoxes.top.facetTitle.x}\n                        y={\n                            sideElementBBoxes.top.facetTitle.y +\n                            sideElementBBoxes.top.facetTitle.height -\n                            FACET_TITLE_OFFSET\n                        }\n                        fontWeight=\"500\"\n                        fontSize=\"20px\"\n                    >\n                        {cellsMeta.facetKeyValues[facetKey].join(', ')}\n                    </text>\n                )}\n                {debug && (\n                    <g fill=\"green\" opacity=\"0.2\">\n                        <rect\n                            x={-padding.left}\n                            y={-padding.top}\n                            width={dimensions.outer.width}\n                            height={dimensions.outer.height}\n                            fill=\"none\"\n                            stroke=\"red\"\n                        />\n                        <rect x={-padding.left} y=\"0\" width={padding.left} height={height} />\n                        <rect x={width} y=\"0\" width={padding.right} height={height} />\n                        <rect x=\"0\" y={-padding.top} width={width} height={padding.top} />\n                        <rect x=\"0\" y={height} width={width} height={padding.bottom} />\n                    </g>\n                )}\n                {/* cells */}\n                {cellsRenderingMode === 'svg' && (\n                    <SvgCells\n                        scales={scales}\n                        facetKey={facetKey}\n                        cells={cells}\n                        xKeys={xKeys}\n                        yKeys={yKeys}\n                        stepX={stepX}\n                        stepY={stepY}\n                        aes={aes}\n                        colorScale={colorScale}\n                        tooltipsData={tooltipsData}\n                    />\n                )}\n                {cellsRenderingMode === 'canvas' && (\n                    <CanvasCells\n                        scales={scales}\n                        facetKey={facetKey}\n                        cells={cells}\n                        width={width}\n                        height={height}\n                        xKeys={xKeys}\n                        yKeys={yKeys}\n                        stepX={stepX}\n                        stepY={stepY}\n                        aes={aes}\n                        colorScale={colorScale}\n                        tooltipsData={tooltipsData}\n                    />\n                )}\n                <Frames\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    width={width}\n                    height={height}\n                />\n                <Captions\n                    xAxis={xAxis}\n                    yAxis={yAxis}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    debug={debug}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xKeys={xKeys}\n                    yKeys={yKeys}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    xGroupLabels={xGroupLabels}\n                    yGroupLabels={yGroupLabels}\n                    labelAngles={labelAngles}\n                    xLabels={xLabels}\n                    yLabels={yLabels}\n                />\n            </g>\n            {chartSettings.tooltips.show && isCellTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(dataFrame, tooltipsData.selectedData, cellsMeta, tooltips?.content)}\n                    x={scales.x(String(tooltipsData.selectedData.x)) + stepX / 2}\n                    y={scales.y(String(tooltipsData.selectedData.y)) + stepY / 2}\n                    offset={xKeys.length > 1 ? stepX / 2 : 0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            {chartSettings.tooltips.show && isAnnotationTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getAnnotationTooltipContent(tooltipsData.selectedData, cellsMeta)}\n                    x={tooltipsData.selectedData.x}\n                    y={tooltipsData.selectedData.y}\n                    offset={0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\" />}\n                <g>\n                    {tooltipsData.fixed && tooltipsData.currentFacet === facetKey && isCellTooltip(tooltipsData.selectedData) && (\n                        <rect\n                            width={stepX}\n                            height={stepY}\n                            x={scales.x(tooltipsData.selectedData.x as string)}\n                            y={scales.y(tooltipsData.selectedData.y as string)}\n                            fill={colorScale((tooltipsData.selectedData.normalizedValue ?? tooltipsData.selectedData.value) as ValueType)}\n                            stroke={aes.cellStrokeColor}\n                        />\n                    )}\n                    {tooltipsData.fixed && tooltipsData.currentFacet === facetKey && isAnnotationTooltip(tooltipsData.selectedData) && (\n                        <rect\n                            x={tooltipsData.selectedData.cell.x}\n                            y={tooltipsData.selectedData.cell.y}\n                            width={tooltipsData.selectedData.cell.width}\n                            height={tooltipsData.selectedData.cell.height}\n                            fill={tooltipsData.selectedData.cell.fill}\n                            stroke={tooltipsData.selectedData.cell.stroke}\n                        />\n                    )}\n                </g>\n            </g>\n        </g>\n    );\n}\n"],"names":["Chart","dendrograms","facetKey","dimensions","scales","cells","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","colorScale","chartSettings","cellsMeta","stepX","stepY","sharedX","sharedY","annotations","annotationColorScales","dendrogramAesScales","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","cellsRenderingMode","dataFrame","useDataFrame","xAxis","yAxis","tooltips","width","height","padding","chartEdgeSides","sideElementBBoxes","xGroupLabels","yGroupLabels","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","jsxs","FONT_SIZE","jsx","Annotations","Dendrograms","FACET_TITLE_OFFSET","SvgCells","CanvasCells","Frames","Captions","isCellTooltip","Tooltip","getTooltipContent","isAnnotationTooltip","getAnnotationTooltipContent"],"mappings":"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"}

package/dist/heatmap/components/ChartsGroup.d.ts

@@ -2,7 +2,7 @@ import { LegendData } from '../../common/types';
 import { GroupedCellsData } from '../getCells';
 import { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';
 import { AnnotationColorScales, CaptionsSizes, ChartDendrograms, ChartDimensionsData, ChartSizes, ChartsScales, DendrogramAesScales, LabelAngles, Margins } from './types';
-export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartSettings, chartSizes, chartsDimensions, facetKeys, facetSettings, xGroupKeys, yGroupKeys, scales, colorScale, groupedCells, cellsMeta, step, annotations, annotationColorScales, legend, aes, dendrograms, dendrogramAesScales, columnsCount, labelAngles, onTooltipHintSwitch }: {
+export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartSettings, chartSizes, chartsDimensions, facetKeys, facetSettings, xGroupKeys, yGroupKeys, scales, colorScale, groupedCells, cellsMeta, step, annotations, annotationColorScales, legend, aes, dendrograms, dendrogramAesScales, columnsCount, labelAngles, onTooltipHintSwitch, cellsRenderingMode }: {
     margins: Margins;
     captionsSizes: CaptionsSizes;
     chartSettings: HeatmapSettingsImpl['chartSettings'];
@@ -30,5 +30,6 @@ export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartS
     columnsCount: number;
     labelAngles: LabelAngles;
     onTooltipHintSwitch: (v: boolean) => void;
+    cellsRenderingMode: 'svg' | 'canvas';
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChartsGroup.d.ts.map

package/dist/heatmap/components/ChartsGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/ChartsGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAQ,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,KAAK,EACR,qBAAqB,EAAyB,aAAa,EAC3D,gBAAgB,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAC7G,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,MAAM,EACN,UAAU,EACV,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,qBAAqB,EACrB,MAAM,EACN,GAAG,EACH,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACtB,EAAE;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAC,OAAO,KAAK,MAAM,CAAC;IACtC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,YAAY,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,IAAI,EAAE;QACF,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC9C,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;CAC5C,2CA6EA"}
+{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/ChartsGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAQ,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,KAAK,EACR,qBAAqB,EAAyB,aAAa,EAC3D,gBAAgB,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAC7G,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,MAAM,EACN,UAAU,EACV,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,qBAAqB,EACrB,MAAM,EACN,GAAG,EACH,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EACrB,EAAE;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAC,OAAO,KAAK,MAAM,CAAC;IACtC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,YAAY,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,IAAI,EAAE;QACF,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC9C,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,KAAK,GAAG,QAAQ,CAAA;CACvC,2CA8EA"}

package/dist/heatmap/components/ChartsGroup.js

@@ -1,13 +1,13 @@
 import { j as t } from "../../node_modules/react/jsx-runtime.js";
 import { r as h } from "../../_virtual/index.js";
-import { ChartsTitle as O } from "../../common/ChartsTitle.js";
-import { ErrorBoundary as _ } from "../../common/ErrorBoundary.js";
-import b from "../../common/fonts.js";
-import { Legend as k } from "../../common/Legend.js";
-import { useTooltip as q } from "../../common/Tooltip.js";
-import { LEGEND_OFFSET as A } from "../constants.js";
-import { Chart as J } from "./Chart.js";
-function oo({
+import { ChartsTitle as _ } from "../../common/ChartsTitle.js";
+import { ErrorBoundary as b } from "../../common/ErrorBoundary.js";
+import k from "../../common/fonts.js";
+import { Legend as q } from "../../common/Legend.js";
+import { useTooltip as A } from "../../common/Tooltip.js";
+import { LEGEND_OFFSET as J } from "../constants.js";
+import { Chart as Q } from "./Chart.js";
+function to({
   margins: s,
   captionsSizes: a,
   settingsId: f,
@@ -31,14 +31,15 @@ function oo({
   dendrogramAesScales: $,
   columnsCount: W,
   labelAngles: P,
-  onTooltipHintSwitch: X
+  onTooltipHintSwitch: X,
+  cellsRenderingMode: Y
 }) {
-  const [Y, v] = h.useState(), F = q(X), e = h.useRef(null);
+  const [v, F] = h.useState(), L = A(X), e = h.useRef(null);
   h.useEffect(() => {
-    e.current && v(e.current);
+    e.current && F(e.current);
   }, []);
-  const u = p[i[0]].padding, L = p[i[W - 1]].padding, R = s.left + r.chartsWidth + A, H = s.top + u.top;
-  return /* @__PURE__ */ t.jsx(_, { dataId: f, children: /* @__PURE__ */ t.jsxs(
+  const u = p[i[0]].padding, R = p[i[W - 1]].padding, H = s.left + r.chartsWidth + J, D = s.top + u.top;
+  return /* @__PURE__ */ t.jsx(b, { dataId: f, children: /* @__PURE__ */ t.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -47,23 +48,23 @@ function oo({
       height: r.totalHeight,
       fontFamily: "Manrope",
       children: [
-        /* @__PURE__ */ t.jsx("defs", { children: b }),
+        /* @__PURE__ */ t.jsx("defs", { children: k }),
         /* @__PURE__ */ t.jsxs("g", { transform: `translate(${s.left},${s.top})`, children: [
           /* @__PURE__ */ t.jsx(
-            O,
+            _,
             {
               title: [d.title.name],
               show: d.title.show,
               position: d.title.position,
               leftPadding: u.left,
-              rightPadding: L.right,
+              rightPadding: R.right,
               chartsWidth: r.chartsWidth
             }
           ),
           i.map((o) => {
-            const { cells: D, xKeysByGroups: I, yKeysByGroups: N } = w[o];
+            const { cells: I, xKeysByGroups: N, yKeysByGroups: O } = w[o];
             return /* @__PURE__ */ t.jsx(
-              J,
+              Q,
               {
                 dendrograms: T[o],
                 captionsSizes: a,
@@ -71,12 +72,12 @@ function oo({
                 dimensions: p[o],
                 xGroupKeys: g,
                 yGroupKeys: j,
-                xKeysByGroups: n.sharedX ? l.xKeysByGroups : I,
-                yKeysByGroups: n.sharedY ? l.yKeysByGroups : N,
+                xKeysByGroups: n.sharedX ? l.xKeysByGroups : N,
+                yKeysByGroups: n.sharedY ? l.yKeysByGroups : O,
                 sharedX: n.sharedX,
                 sharedY: n.sharedY,
                 scales: { x: m.x[o], y: m.y[o] },
-                cells: D,
+                cells: I,
                 cellsMeta: l,
                 stepX: x.x[o],
                 stepY: x.y[o],
@@ -89,20 +90,21 @@ function oo({
                 labelAngles: P,
                 margins: s,
                 chartSizes: r,
-                tooltipsContainer: Y,
-                tooltipsData: F
+                tooltipsContainer: v,
+                tooltipsData: L,
+                cellsRenderingMode: Y
               },
               o
             );
           })
         ] }),
-        /* @__PURE__ */ t.jsx("g", { transform: `translate(${R},${H})`, children: /* @__PURE__ */ t.jsx(k, { legendData: C }) }),
+        /* @__PURE__ */ t.jsx("g", { transform: `translate(${H},${D})`, children: /* @__PURE__ */ t.jsx(q, { legendData: C }) }),
         /* @__PURE__ */ t.jsx("g", { ref: e, style: { outline: "none" } })
       ]
     }
   ) });
 }
 export {
-  oo as ChartsGroup
+  to as ChartsGroup
 };
 //# sourceMappingURL=ChartsGroup.js.map

package/dist/heatmap/components/ChartsGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.js","sources":["../../../src/heatmap/components/ChartsGroup.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getCells';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport { Chart } from './Chart';\nimport type {\n    AnnotationColorScales, AnnotationTooltipData, CaptionsSizes,\n    ChartDendrograms, ChartDimensionsData, ChartSizes, ChartsScales, DendrogramAesScales, LabelAngles, Margins\n} from './types';\n\nexport function ChartsGroup({\n    margins,\n    captionsSizes,\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    facetSettings,\n    xGroupKeys,\n    yGroupKeys,\n    scales,\n    colorScale,\n    groupedCells,\n    cellsMeta,\n    step,\n    annotations,\n    annotationColorScales,\n    legend,\n    aes,\n    dendrograms,\n    dendrogramAesScales,\n    columnsCount,\n    labelAngles,\n    onTooltipHintSwitch\n}: {\n    margins: Margins;\n    captionsSizes: CaptionsSizes;\n    chartSettings: HeatmapSettingsImpl['chartSettings'];\n    facetSettings: HeatmapSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartsScales;\n    facetKeys: string[];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    settingsId: string;\n    colorScale: (value:unknown) => string;\n    annotationColorScales: AnnotationColorScales;\n    groupedCells: GroupedCellsData['facets'];\n    cellsMeta: GroupedCellsData['meta'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    step: {\n        x: Record<string, number>;\n        y: Record<string, number>;\n    };\n    legend: LegendData;\n    aes: HeatmapSettingsImpl['aes'];\n    dendrograms: Record<string, ChartDendrograms>;\n    dendrogramAesScales: DendrogramAesScales;\n    columnsCount: number;\n    labelAngles: LabelAngles;\n    onTooltipHintSwitch: (v:boolean) => void;\n}) {\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n    const tooltipsData = useTooltip<Cell|AnnotationTooltipData>(onTooltipHintSwitch);\n    const tooltipsRef = useRef<SVGGElement>(null);\n    useEffect(() => {\n        if (tooltipsRef.current) {\n            setTooltipsContainer(tooltipsRef.current);\n        }\n    }, []);\n\n    const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n    const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n    const legendLeft = margins.left + chartSizes.chartsWidth + LEGEND_OFFSET;\n    const legendTop = margins.top + leftTopChartPadding.top;\n\n    return (\n        <ErrorBoundary dataId={settingsId}>\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n                width={chartSizes.totalWidth}\n                height={chartSizes.totalHeight}\n                fontFamily=\"Manrope\"\n            >\n                <defs>{fonts}</defs>\n                <g transform={`translate(${margins.left},${margins.top})`}>\n                    <ChartsTitle\n                        title={[chartSettings.title.name]}\n                        show={chartSettings.title.show}\n                        position={chartSettings.title.position}\n                        leftPadding={leftTopChartPadding.left}\n                        rightPadding={rightTopChartPadding.right}\n                        chartsWidth={chartSizes.chartsWidth}\n                    />\n                    {facetKeys.map(facetKey => {\n                        const {cells, xKeysByGroups, yKeysByGroups} = groupedCells[facetKey];\n                        return (\n                            <Chart\n                                dendrograms={dendrograms[facetKey]}\n                                captionsSizes={captionsSizes}\n                                key={facetKey}\n                                facetKey={facetKey}\n                                dimensions={chartsDimensions[facetKey]}\n                                xGroupKeys={xGroupKeys}\n                                yGroupKeys={yGroupKeys}\n                                xKeysByGroups={facetSettings.sharedX ? cellsMeta.xKeysByGroups : xKeysByGroups}\n                                yKeysByGroups={facetSettings.sharedY ? cellsMeta.yKeysByGroups : yKeysByGroups}\n                                sharedX={facetSettings.sharedX}\n                                sharedY={facetSettings.sharedY}\n                                scales={{x: scales.x[facetKey], y: scales.y[facetKey]}}\n                                cells={cells}\n                                cellsMeta={cellsMeta}\n                                stepX={step.x[facetKey]}\n                                stepY={step.y[facetKey]}\n                                colorScale={colorScale}\n                                chartSettings={chartSettings}\n                                aes={aes}\n                                annotations={annotations}\n                                annotationColorScales={annotationColorScales}\n                                dendrogramAesScales={dendrogramAesScales}\n                                labelAngles={labelAngles}\n                                margins={margins}\n                                chartSizes={chartSizes}\n                                tooltipsContainer={tooltipsContainer}\n                                tooltipsData={tooltipsData}\n                            />\n                        );\n                    })}\n                </g>\n                <g transform={`translate(${legendLeft},${legendTop})`}>\n                    <Legend legendData={legend} />\n                </g>\n                <g ref={tooltipsRef} style={{outline: 'none'}} />\n            </svg>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ChartsGroup","margins","captionsSizes","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","facetSettings","xGroupKeys","yGroupKeys","scales","colorScale","groupedCells","cellsMeta","step","annotations","annotationColorScales","legend","aes","dendrograms","dendrogramAesScales","columnsCount","labelAngles","onTooltipHintSwitch","tooltipsContainer","setTooltipsContainer","useState","tooltipsData","useTooltip","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","xKeysByGroups","yKeysByGroups","Chart","Legend"],"mappings":"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"}
+{"version":3,"file":"ChartsGroup.js","sources":["../../../src/heatmap/components/ChartsGroup.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getCells';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport { Chart } from './Chart';\nimport type {\n    AnnotationColorScales, AnnotationTooltipData, CaptionsSizes,\n    ChartDendrograms, ChartDimensionsData, ChartSizes, ChartsScales, DendrogramAesScales, LabelAngles, Margins\n} from './types';\n\nexport function ChartsGroup({\n    margins,\n    captionsSizes,\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    facetSettings,\n    xGroupKeys,\n    yGroupKeys,\n    scales,\n    colorScale,\n    groupedCells,\n    cellsMeta,\n    step,\n    annotations,\n    annotationColorScales,\n    legend,\n    aes,\n    dendrograms,\n    dendrogramAesScales,\n    columnsCount,\n    labelAngles,\n    onTooltipHintSwitch,\n    cellsRenderingMode\n}: {\n    margins: Margins;\n    captionsSizes: CaptionsSizes;\n    chartSettings: HeatmapSettingsImpl['chartSettings'];\n    facetSettings: HeatmapSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartsScales;\n    facetKeys: string[];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    settingsId: string;\n    colorScale: (value:unknown) => string;\n    annotationColorScales: AnnotationColorScales;\n    groupedCells: GroupedCellsData['facets'];\n    cellsMeta: GroupedCellsData['meta'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    step: {\n        x: Record<string, number>;\n        y: Record<string, number>;\n    };\n    legend: LegendData;\n    aes: HeatmapSettingsImpl['aes'];\n    dendrograms: Record<string, ChartDendrograms>;\n    dendrogramAesScales: DendrogramAesScales;\n    columnsCount: number;\n    labelAngles: LabelAngles;\n    onTooltipHintSwitch: (v:boolean) => void;\n    cellsRenderingMode: 'svg' | 'canvas'\n}) {\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n    const tooltipsData = useTooltip<Cell|AnnotationTooltipData>(onTooltipHintSwitch);\n    const tooltipsRef = useRef<SVGGElement>(null);\n    useEffect(() => {\n        if (tooltipsRef.current) {\n            setTooltipsContainer(tooltipsRef.current);\n        }\n    }, []);\n\n    const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n    const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n    const legendLeft = margins.left + chartSizes.chartsWidth + LEGEND_OFFSET;\n    const legendTop = margins.top + leftTopChartPadding.top;\n\n    return (\n        <ErrorBoundary dataId={settingsId}>\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n                width={chartSizes.totalWidth}\n                height={chartSizes.totalHeight}\n                fontFamily=\"Manrope\"\n            >\n                <defs>{fonts}</defs>\n                <g transform={`translate(${margins.left},${margins.top})`}>\n                    <ChartsTitle\n                        title={[chartSettings.title.name]}\n                        show={chartSettings.title.show}\n                        position={chartSettings.title.position}\n                        leftPadding={leftTopChartPadding.left}\n                        rightPadding={rightTopChartPadding.right}\n                        chartsWidth={chartSizes.chartsWidth}\n                    />\n                    {facetKeys.map(facetKey => {\n                        const {cells, xKeysByGroups, yKeysByGroups} = groupedCells[facetKey];\n                        return (\n                            <Chart\n                                dendrograms={dendrograms[facetKey]}\n                                captionsSizes={captionsSizes}\n                                key={facetKey}\n                                facetKey={facetKey}\n                                dimensions={chartsDimensions[facetKey]}\n                                xGroupKeys={xGroupKeys}\n                                yGroupKeys={yGroupKeys}\n                                xKeysByGroups={facetSettings.sharedX ? cellsMeta.xKeysByGroups : xKeysByGroups}\n                                yKeysByGroups={facetSettings.sharedY ? cellsMeta.yKeysByGroups : yKeysByGroups}\n                                sharedX={facetSettings.sharedX}\n                                sharedY={facetSettings.sharedY}\n                                scales={{x: scales.x[facetKey], y: scales.y[facetKey]}}\n                                cells={cells}\n                                cellsMeta={cellsMeta}\n                                stepX={step.x[facetKey]}\n                                stepY={step.y[facetKey]}\n                                colorScale={colorScale}\n                                chartSettings={chartSettings}\n                                aes={aes}\n                                annotations={annotations}\n                                annotationColorScales={annotationColorScales}\n                                dendrogramAesScales={dendrogramAesScales}\n                                labelAngles={labelAngles}\n                                margins={margins}\n                                chartSizes={chartSizes}\n                                tooltipsContainer={tooltipsContainer}\n                                tooltipsData={tooltipsData}\n                                cellsRenderingMode={cellsRenderingMode}\n                            />\n                        );\n                    })}\n                </g>\n                <g transform={`translate(${legendLeft},${legendTop})`}>\n                    <Legend legendData={legend} />\n                </g>\n                <g ref={tooltipsRef} style={{outline: 'none'}} />\n            </svg>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ChartsGroup","margins","captionsSizes","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","facetSettings","xGroupKeys","yGroupKeys","scales","colorScale","groupedCells","cellsMeta","step","annotations","annotationColorScales","legend","aes","dendrograms","dendrogramAesScales","columnsCount","labelAngles","onTooltipHintSwitch","cellsRenderingMode","tooltipsContainer","setTooltipsContainer","useState","tooltipsData","useTooltip","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","xKeysByGroups","yKeysByGroups","Chart","Legend"],"mappings":"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"}

package/dist/heatmap/components/Dendrograms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dendrograms.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Dendrograms.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAE,mBAAmB,EAAW,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEjG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AA0C3C,UAAU,eAAe;IACrB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,iBAAiB,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACvD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,EAAE,mBAAmB,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAAC,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAC,EAAE,eAAe,2CA0FzI"}
+{"version":3,"file":"Dendrograms.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Dendrograms.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAE,mBAAmB,EAAW,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEjG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AA4C3C,UAAU,eAAe;IACrB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,iBAAiB,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACvD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,EAAE,mBAAmB,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAAC,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAC,EAAE,eAAe,2CA0FzI"}

package/dist/heatmap/components/Dendrograms.js

@@ -1,87 +1,87 @@
 import { j as a } from "../../node_modules/react/jsx-runtime.js";
-import { isColumnName as N } from "../../utils/index.js";
-import { getLineShape as S } from "../../utils/getLineShape.js";
-import { getPointShape as B } from "../../utils/getPointShape.js";
-function L(n, i = "top") {
-  const { source: e, target: r } = n;
-  return i === "top" || i === "bottom" ? `M ${e.x},${e.y} L ${r.x},${e.y} L${r.x},${r.y}` : `M ${e.x},${e.y} L ${e.x},${r.y} L${r.x},${r.y}`;
+import { isColumnName as X } from "../../utils/index.js";
+import { getLineShape as B } from "../../utils/getLineShape.js";
+import { getPointShape as L } from "../../utils/getPointShape.js";
+function v(s, i = "top") {
+  const { source: r, target: n } = s;
+  return i === "top" || i === "bottom" ? `M ${r.x},${r.y} L ${n.x},${r.y} L${n.x},${n.y}` : `M ${r.x},${r.y} L ${r.x},${n.y} L${n.x},${n.y}`;
 }
-function v(n, i, e, r, m) {
-  if (!e)
+function N(s, i, r, n, l, f) {
+  if (!r)
     return "";
-  const l = e.aes[n];
-  if (!N(l))
-    return l;
-  const y = l.value, o = m[y], s = r[y][i.data.keys[0]];
-  return i.data.keys.every((d) => s === r[y][d]) ? o(String(s))[n] : o.unknown()[n];
+  const d = r.aes[s];
+  if (!X(d))
+    return d;
+  const e = d.value, o = f[e], m = n[i.data.indexes[0]], y = l[e][m];
+  return i.data.indexes.every((c) => y === l[e][n[c]]) ? o(String(y))[s] : o.unknown()[s];
 }
-const G = { x: 0, y: 0 };
-function C({ dendrograms: n, sideElementBBoxes: i, xDataByKeys: e, yDataByKeys: r, xGroupKeys: m, yGroupKeys: l, aesScales: y }) {
-  const o = n.x.data, s = n.y.data, d = o ? i[o.position].dendro : G, j = s ? i[s.position].dendro : G;
-  function p(c, u) {
-    return v(c, u, o, e, y);
+const W = { x: 0, y: 0 };
+function F({ dendrograms: s, sideElementBBoxes: i, xDataByKeys: r, yDataByKeys: n, xGroupKeys: l, yGroupKeys: f, aesScales: d }) {
+  const e = s.x.data, o = s.y.data, m = e ? i[e.position].dendro : W, y = o ? i[o.position].dendro : W;
+  function c(u, $) {
+    return N(u, $, e, l, r, d);
   }
-  function h(c, u) {
-    return v(c, u, s, r, y);
+  function p(u, $) {
+    return N(u, $, o, f, n, d);
   }
   return /* @__PURE__ */ a.jsxs("g", { children: [
-    /* @__PURE__ */ a.jsx("g", { transform: `translate(${d.x},${d.y})`, children: o && !o.hidden && m.map((c, u) => {
-      const x = n.x.treesByGroupKey[c];
+    /* @__PURE__ */ a.jsx("g", { transform: `translate(${m.x},${m.y})`, children: e && !e.hidden && l.map((u, $) => {
+      const x = s.x.treesByGroupKey[u];
       if (!x)
         return null;
-      const f = x.links(), g = x.descendants();
+      const g = x.links(), j = x.descendants();
       return /* @__PURE__ */ a.jsxs("g", { children: [
-        f.map((t) => {
-          const $ = o.edgeInheritance === "up" ? t.source : t.target;
+        g.map((t, h) => {
+          const S = e.edgeInheritance === "up" ? t.source : t.target;
           return /* @__PURE__ */ a.jsx(
             "path",
             {
-              d: L(t, o.position),
-              stroke: p("lineColor", $),
-              strokeWidth: p("lineWidth", $),
-              strokeDasharray: S(p("lineShape", $)),
+              d: v(t, e.position),
+              stroke: c("lineColor", S),
+              strokeWidth: c("lineWidth", S),
+              strokeDasharray: B(c("lineShape", S)),
               fill: "none"
             },
-            `${t.source.x},${t.source.y},${t.target.x},${t.target.y}`
+            `${t.source.x},${t.source.y},${t.target.x},${t.target.y},${h}`
           );
         }),
-        o.showNodes && g.map((t) => /* @__PURE__ */ a.jsx("g", { transform: `translate(${t.x},${t.y})`, children: B(
-          p("dotShape", t),
-          p("dotSize", t),
-          p("dotFill", t)
-        ) }, `${t.x},${t.y}`))
-      ] }, u);
+        e.showNodes && j.map((t, h) => /* @__PURE__ */ a.jsx("g", { transform: `translate(${t.x},${t.y})`, children: L(
+          c("dotShape", t),
+          c("dotSize", t),
+          c("dotFill", t)
+        ) }, `${t.x},${t.y},${h}}`))
+      ] }, $);
     }) }),
-    /* @__PURE__ */ a.jsx("g", { transform: `translate(${j.x},${j.y})`, children: s && !s.hidden && l.map((c, u) => {
-      const x = n.y.treesByGroupKey[c];
+    /* @__PURE__ */ a.jsx("g", { transform: `translate(${y.x},${y.y})`, children: o && !o.hidden && f.map((u, $) => {
+      const x = s.y.treesByGroupKey[u];
       if (!x)
         return null;
-      const f = x.links(), g = x.descendants();
+      const g = x.links(), j = x.descendants();
       return /* @__PURE__ */ a.jsxs("g", { children: [
-        f.map((t) => {
-          const $ = s.edgeInheritance === "up" ? t.source : t.target;
+        g.map((t) => {
+          const h = o.edgeInheritance === "up" ? t.source : t.target;
           return /* @__PURE__ */ a.jsx(
             "path",
             {
-              d: L(t, s.position),
-              stroke: h("lineColor", $),
-              strokeWidth: h("lineWidth", $),
-              strokeDasharray: S(h("lineShape", $)),
+              d: v(t, o.position),
+              stroke: p("lineColor", h),
+              strokeWidth: p("lineWidth", h),
+              strokeDasharray: B(p("lineShape", h)),
               fill: "none"
             },
             `${t.source.x},${t.source.y},${t.target.x},${t.target.y}`
           );
         }),
-        s.showNodes && g.map((t) => /* @__PURE__ */ a.jsx("g", { transform: `translate(${t.x},${t.y})`, children: B(
-          h("dotShape", t),
-          h("dotSize", t),
-          h("dotFill", t)
+        o.showNodes && j.map((t) => /* @__PURE__ */ a.jsx("g", { transform: `translate(${t.x},${t.y})`, children: L(
+          p("dotShape", t),
+          p("dotSize", t),
+          p("dotFill", t)
         ) }, `${t.x},${t.y}`))
-      ] }, u);
+      ] }, $);
     }) })
   ] });
 }
 export {
-  C as Dendrograms
+  F as Dendrograms
 };
 //# sourceMappingURL=Dendrograms.js.map

package/dist/heatmap/components/Dendrograms.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dendrograms.js","sources":["../../../src/heatmap/components/Dendrograms.tsx"],"sourcesContent":["import type {ChartDendrograms, ChartDimensionsData, Cluster, DendrogramAesScales} from './types';\nimport type {HeatmapDendrogramSettings, HeatmapSettingsImpl} from '../HeatmapSettingsImpl';\nimport type {DataValue} from '../../types';\nimport type {LineShape, PointShape} from '../../types';\nimport {isColumnName} from '../../utils';\nimport {getLineShape} from '../../utils/getLineShape';\nimport {getPointShape} from '../../utils/getPointShape';\nimport type {HierarchyPointLink, HierarchyPointNode} from 'd3-hierarchy';\nimport React from 'react';\n\nfunction getLinkPath(link: HierarchyPointLink<Cluster>, position = 'top'): string {\n    const {source, target} = link;\n    if (position === 'top' || position === 'bottom') {\n        return `M ${source.x},${source.y} L ${target.x},${source.y} L${target.x},${target.y}`;\n    }\n    return `M ${source.x},${source.y} L ${source.x},${target.y} L${target.x},${target.y}`;\n}\n\nfunction getAes<ValueType>(\n    field: keyof HeatmapDendrogramSettings['aes'],\n    node: HierarchyPointNode<Cluster>,\n    dendrogram: HeatmapSettingsImpl['dendrogramX' | 'dendrogramY'],\n    data: Record<string, Record<string, DataValue>>,\n    aesScales: DendrogramAesScales\n): ValueType {\n    if (!dendrogram) {\n        return '' as ValueType;\n    }\n    const value = dendrogram.aes[field];\n    if (!isColumnName(value)) {\n        return value as ValueType;\n    }\n    const columnName = value.value;\n    const scale = aesScales[columnName];\n    const valueByFirstKey = data[columnName][node.data.keys[0]];\n    if (node.data.keys.every(key => valueByFirstKey === data[columnName][key])) {\n        return scale(String(valueByFirstKey))[field] as ValueType;\n    } else {\n        return scale.unknown()[field] as ValueType;\n    }\n}\n\nconst EMPTY_BBOX = {x: 0, y: 0, width: 0, height: 0};\n\ninterface DendrogramProps {\n    dendrograms: ChartDendrograms;\n    sideElementBBoxes: ChartDimensionsData['sideElementBBoxes'];\n    xDataByKeys: Record<string, Record<string, DataValue>>;\n    yDataByKeys: Record<string, Record<string, DataValue>>;\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    aesScales: DendrogramAesScales;\n}\n\nexport function Dendrograms({dendrograms, sideElementBBoxes, xDataByKeys, yDataByKeys, xGroupKeys, yGroupKeys, aesScales}: DendrogramProps) {\n    const dataX = dendrograms.x.data;\n    const dataY = dendrograms.y.data;\n    const dendroXBBox = dataX ? sideElementBBoxes[dataX.position].dendro : EMPTY_BBOX;\n    const dendroYBBox = dataY ? sideElementBBoxes[dataY.position].dendro : EMPTY_BBOX;\n\n    function aesGetterX<ValueType>(field: keyof HeatmapDendrogramSettings['aes'], node: HierarchyPointNode<Cluster>) {\n        return getAes<ValueType>(field, node, dataX, xDataByKeys, aesScales);\n    }\n    function aesGetterY<ValueType>(field: keyof HeatmapDendrogramSettings['aes'], node: HierarchyPointNode<Cluster>) {\n        return getAes<ValueType>(field, node, dataY, yDataByKeys, aesScales);\n    }\n    return (\n        <g>\n            <g transform={`translate(${dendroXBBox.x},${dendroXBBox.y})`}>\n                {dataX && !dataX.hidden && xGroupKeys.map((xKey, idx) => {\n                    const root = dendrograms.x.treesByGroupKey[xKey];\n                    if (!root) {\n                        return null;\n                    }\n                    const links = root.links();\n                    const nodes = root.descendants();\n                    return (\n                        <g key={idx}>\n                            {links.map(link => {\n                                const node = dataX.edgeInheritance === 'up' ? link.source : link.target;\n                                return (\n                                    <path\n                                        key={`${link.source.x},${link.source.y},${link.target.x},${link.target.y}`}\n                                        d={getLinkPath(link, dataX.position)}\n                                        stroke={aesGetterX<string>('lineColor', node)}\n                                        strokeWidth={aesGetterX<number>('lineWidth', node)}\n                                        strokeDasharray={getLineShape(aesGetterX<LineShape>('lineShape', node))}\n                                        fill=\"none\"\n                                    />\n                                );\n                            })}\n                            {dataX.showNodes &&\n                                nodes.map(node => (\n                                    <g key={`${node.x},${node.y}`} transform={`translate(${node.x},${node.y})`}>\n                                        {getPointShape(\n                                            aesGetterX<PointShape>('dotShape', node),\n                                            aesGetterX<number>('dotSize', node),\n                                            aesGetterX<string>('dotFill', node)\n                                        )}\n                                    </g>\n                                ))}\n                        </g>\n                    );\n                })}\n            </g>\n            <g transform={`translate(${dendroYBBox.x},${dendroYBBox.y})`}>\n                {dataY && !dataY.hidden && yGroupKeys.map((yKey, idx) => {\n                    const root = dendrograms.y.treesByGroupKey[yKey];\n                    if (!root) {\n                        return null;\n                    }\n                    const links = root.links();\n                    const nodes = root.descendants();\n                    return (\n                        <g key={idx}>\n                            {links.map(link => {\n                                const node = dataY.edgeInheritance === 'up' ? link.source : link.target;\n                                return (\n                                    <path\n                                        key={`${link.source.x},${link.source.y},${link.target.x},${link.target.y}`}\n                                        d={getLinkPath(link, dataY.position)}\n                                        stroke={aesGetterY<string>('lineColor', node)}\n                                        strokeWidth={aesGetterY<number>('lineWidth', node)}\n                                        strokeDasharray={getLineShape(aesGetterY<LineShape>('lineShape', node))}\n                                        fill=\"none\"\n                                    />\n                                );\n                            })}\n                            {dataY.showNodes &&\n                                nodes.map(node => (\n                                    <g key={`${node.x},${node.y}`} transform={`translate(${node.x},${node.y})`}>\n                                        {getPointShape(\n                                            aesGetterY<PointShape>('dotShape', node),\n                                            aesGetterY<number>('dotSize', node),\n                                            aesGetterY<string>('dotFill', node)\n                                        )}\n                                    </g>\n                                ))}\n                        </g>\n                    );\n                })}\n            </g>\n        </g>\n    );\n}\n"],"names":["getLinkPath","link","position","source","target","getAes","field","node","dendrogram","data","aesScales","value","isColumnName","columnName","scale","valueByFirstKey","key","EMPTY_BBOX","Dendrograms","dendrograms","sideElementBBoxes","xDataByKeys","yDataByKeys","xGroupKeys","yGroupKeys","dataX","dataY","dendroXBBox","dendroYBBox","aesGetterX","aesGetterY","jsx","xKey","idx","root","links","nodes","getLineShape","getPointShape","yKey"],"mappings":";;;;AAUA,SAASA,EAAYC,GAAmCC,IAAW,OAAe;AAC9E,QAAM,EAAC,QAAAC,GAAQ,QAAAC,EAAA,IAAUH;AACzB,SAAIC,MAAa,SAASA,MAAa,WAC5B,KAAKC,EAAO,CAAC,IAAIA,EAAO,CAAC,MAAMC,EAAO,CAAC,IAAID,EAAO,CAAC,KAAKC,EAAO,CAAC,IAAIA,EAAO,CAAC,KAEhF,KAAKD,EAAO,CAAC,IAAIA,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAIC,EAAO,CAAC,KAAKA,EAAO,CAAC,IAAIA,EAAO,CAAC;AACvF;AAEA,SAASC,EACLC,GACAC,GACAC,GACAC,GACAC,GACS;AACT,MAAI,CAACF;AACD,WAAO;AAEX,QAAMG,IAAQH,EAAW,IAAIF,CAAK;AAClC,MAAI,CAACM,EAAaD,CAAK;AACnB,WAAOA;AAEX,QAAME,IAAaF,EAAM,OACnBG,IAAQJ,EAAUG,CAAU,GAC5BE,IAAkBN,EAAKI,CAAU,EAAEN,EAAK,KAAK,KAAK,CAAC,CAAC;AAC1D,SAAIA,EAAK,KAAK,KAAK,MAAM,CAAAS,MAAOD,MAAoBN,EAAKI,CAAU,EAAEG,CAAG,CAAC,IAC9DF,EAAM,OAAOC,CAAe,CAAC,EAAET,CAAK,IAEpCQ,EAAM,QAAA,EAAUR,CAAK;AAEpC;AAEA,MAAMW,IAAa,EAAC,GAAG,GAAG,GAAG,EAAsB;AAY5C,SAASC,EAAY,EAAC,aAAAC,GAAa,mBAAAC,GAAmB,aAAAC,GAAa,aAAAC,GAAa,YAAAC,GAAY,YAAAC,GAAY,WAAAd,KAA6B;AACxI,QAAMe,IAAQN,EAAY,EAAE,MACtBO,IAAQP,EAAY,EAAE,MACtBQ,IAAcF,IAAQL,EAAkBK,EAAM,QAAQ,EAAE,SAASR,GACjEW,IAAcF,IAAQN,EAAkBM,EAAM,QAAQ,EAAE,SAAST;AAEvE,WAASY,EAAsBvB,GAA+CC,GAAmC;AAC7G,WAAOF,EAAkBC,GAAOC,GAAMkB,GAAOJ,GAAaX,CAAS;AAAA,EACvE;AACA,WAASoB,EAAsBxB,GAA+CC,GAAmC;AAC7G,WAAOF,EAAkBC,GAAOC,GAAMmB,GAAOJ,GAAaZ,CAAS;AAAA,EACvE;AACA,gCACK,KAAA,EACG,UAAA;AAAA,IAAAqB,gBAAAA,MAAC,OAAE,WAAW,aAAaJ,EAAY,CAAC,IAAIA,EAAY,CAAC,KACpD,UAAAF,KAAS,CAACA,EAAM,UAAUF,EAAW,IAAI,CAACS,GAAMC,MAAQ;AACrD,YAAMC,IAAOf,EAAY,EAAE,gBAAgBa,CAAI;AAC/C,UAAI,CAACE;AACD,eAAO;AAEX,YAAMC,IAAQD,EAAK,MAAA,GACbE,IAAQF,EAAK,YAAA;AACnB,oCACK,KAAA,EACI,UAAA;AAAA,QAAAC,EAAM,IAAI,CAAAlC,MAAQ;AACf,gBAAMM,IAAOkB,EAAM,oBAAoB,OAAOxB,EAAK,SAASA,EAAK;AACjE,iBACI8B,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEG,GAAG/B,EAAYC,GAAMwB,EAAM,QAAQ;AAAA,cACnC,QAAQI,EAAmB,aAAatB,CAAI;AAAA,cAC5C,aAAasB,EAAmB,aAAatB,CAAI;AAAA,cACjD,iBAAiB8B,EAAaR,EAAsB,aAAatB,CAAI,CAAC;AAAA,cACtE,MAAK;AAAA,YAAA;AAAA,YALA,GAAGN,EAAK,OAAO,CAAC,IAAIA,EAAK,OAAO,CAAC,IAAIA,EAAK,OAAO,CAAC,IAAIA,EAAK,OAAO,CAAC;AAAA,UAAA;AAAA,QAQpF,CAAC;AAAA,QACAwB,EAAM,aACHW,EAAM,IAAI,OACNL,gBAAAA,EAAAA,IAAC,KAAA,EAA8B,WAAW,aAAaxB,EAAK,CAAC,IAAIA,EAAK,CAAC,KAClE,UAAA+B;AAAA,UACGT,EAAuB,YAAYtB,CAAI;AAAA,UACvCsB,EAAmB,WAAWtB,CAAI;AAAA,UAClCsB,EAAmB,WAAWtB,CAAI;AAAA,QAAA,EACtC,GALI,GAAGA,EAAK,CAAC,IAAIA,EAAK,CAAC,EAM3B,CACH;AAAA,MAAA,EAAA,GAvBD0B,CAwBR;AAAA,IAER,CAAC,EAAA,CACL;AAAA,0BACC,KAAA,EAAE,WAAW,aAAaL,EAAY,CAAC,IAAIA,EAAY,CAAC,KACpD,UAAAF,KAAS,CAACA,EAAM,UAAUF,EAAW,IAAI,CAACe,GAAMN,MAAQ;AACrD,YAAMC,IAAOf,EAAY,EAAE,gBAAgBoB,CAAI;AAC/C,UAAI,CAACL;AACD,eAAO;AAEX,YAAMC,IAAQD,EAAK,MAAA,GACbE,IAAQF,EAAK,YAAA;AACnB,oCACK,KAAA,EACI,UAAA;AAAA,QAAAC,EAAM,IAAI,CAAAlC,MAAQ;AACf,gBAAMM,IAAOmB,EAAM,oBAAoB,OAAOzB,EAAK,SAASA,EAAK;AACjE,iBACI8B,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEG,GAAG/B,EAAYC,GAAMyB,EAAM,QAAQ;AAAA,cACnC,QAAQI,EAAmB,aAAavB,CAAI;AAAA,cAC5C,aAAauB,EAAmB,aAAavB,CAAI;AAAA,cACjD,iBAAiB8B,EAAaP,EAAsB,aAAavB,CAAI,CAAC;AAAA,cACtE,MAAK;AAAA,YAAA;AAAA,YALA,GAAGN,EAAK,OAAO,CAAC,IAAIA,EAAK,OAAO,CAAC,IAAIA,EAAK,OAAO,CAAC,IAAIA,EAAK,OAAO,CAAC;AAAA,UAAA;AAAA,QAQpF,CAAC;AAAA,QACAyB,EAAM,aACHU,EAAM,IAAI,OACNL,gBAAAA,EAAAA,IAAC,KAAA,EAA8B,WAAW,aAAaxB,EAAK,CAAC,IAAIA,EAAK,CAAC,KAClE,UAAA+B;AAAA,UACGR,EAAuB,YAAYvB,CAAI;AAAA,UACvCuB,EAAmB,WAAWvB,CAAI;AAAA,UAClCuB,EAAmB,WAAWvB,CAAI;AAAA,QAAA,EACtC,GALI,GAAGA,EAAK,CAAC,IAAIA,EAAK,CAAC,EAM3B,CACH;AAAA,MAAA,EAAA,GAvBD0B,CAwBR;AAAA,IAER,CAAC,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Dendrograms.js","sources":["../../../src/heatmap/components/Dendrograms.tsx"],"sourcesContent":["import type {ChartDendrograms, ChartDimensionsData, Cluster, DendrogramAesScales} from './types';\nimport type {HeatmapDendrogramSettings, HeatmapSettingsImpl} from '../HeatmapSettingsImpl';\nimport type {DataValue} from '../../types';\nimport type {LineShape, PointShape} from '../../types';\nimport {isColumnName} from '../../utils';\nimport {getLineShape} from '../../utils/getLineShape';\nimport {getPointShape} from '../../utils/getPointShape';\nimport type {HierarchyPointLink, HierarchyPointNode} from 'd3-hierarchy';\nimport React from 'react';\n\nfunction getLinkPath(link: HierarchyPointLink<Cluster>, position = 'top'): string {\n    const {source, target} = link;\n    if (position === 'top' || position === 'bottom') {\n        return `M ${source.x},${source.y} L ${target.x},${source.y} L${target.x},${target.y}`;\n    }\n    return `M ${source.x},${source.y} L ${source.x},${target.y} L${target.x},${target.y}`;\n}\n\nfunction getAes<ValueType>(\n    field: keyof HeatmapDendrogramSettings['aes'],\n    node: HierarchyPointNode<Cluster>,\n    dendrogram: HeatmapSettingsImpl['dendrogramX' | 'dendrogramY'],\n    keys: string[],\n    data: Record<string, Record<string, DataValue>>,\n    aesScales: DendrogramAesScales\n): ValueType {\n    if (!dendrogram) {\n        return '' as ValueType;\n    }\n    const value = dendrogram.aes[field];\n    if (!isColumnName(value)) {\n        return value as ValueType;\n    }\n    const columnName = value.value;\n    const scale = aesScales[columnName];\n    const firstKey = keys[node.data.indexes[0]];\n    const valueByFirstKey = data[columnName][firstKey];\n    if (node.data.indexes.every(index => valueByFirstKey === data[columnName][keys[index]])) {\n        return scale(String(valueByFirstKey))[field] as ValueType;\n    } else {\n        return scale.unknown()[field] as ValueType;\n    }\n}\n\nconst EMPTY_BBOX = {x: 0, y: 0, width: 0, height: 0};\n\ninterface DendrogramProps {\n    dendrograms: ChartDendrograms;\n    sideElementBBoxes: ChartDimensionsData['sideElementBBoxes'];\n    xDataByKeys: Record<string, Record<string, DataValue>>;\n    yDataByKeys: Record<string, Record<string, DataValue>>;\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    aesScales: DendrogramAesScales;\n}\n\nexport function Dendrograms({dendrograms, sideElementBBoxes, xDataByKeys, yDataByKeys, xGroupKeys, yGroupKeys, aesScales}: DendrogramProps) {\n    const dataX = dendrograms.x.data;\n    const dataY = dendrograms.y.data;\n    const dendroXBBox = dataX ? sideElementBBoxes[dataX.position].dendro : EMPTY_BBOX;\n    const dendroYBBox = dataY ? sideElementBBoxes[dataY.position].dendro : EMPTY_BBOX;\n\n    function aesGetterX<ValueType>(field: keyof HeatmapDendrogramSettings['aes'], node: HierarchyPointNode<Cluster>) {\n        return getAes<ValueType>(field, node, dataX, xGroupKeys, xDataByKeys, aesScales);\n    }\n    function aesGetterY<ValueType>(field: keyof HeatmapDendrogramSettings['aes'], node: HierarchyPointNode<Cluster>) {\n        return getAes<ValueType>(field, node, dataY, yGroupKeys, yDataByKeys, aesScales);\n    }\n    return (\n        <g>\n            <g transform={`translate(${dendroXBBox.x},${dendroXBBox.y})`}>\n                {dataX && !dataX.hidden && xGroupKeys.map((xKey, idx) => {\n                    const root = dendrograms.x.treesByGroupKey[xKey];\n                    if (!root) {\n                        return null;\n                    }\n                    const links = root.links();\n                    const nodes = root.descendants();\n                    return (\n                        <g key={idx}>\n                            {links.map((link, idx) => {\n                                const node = dataX.edgeInheritance === 'up' ? link.source : link.target;\n                                return (\n                                    <path\n                                        key={`${link.source.x},${link.source.y},${link.target.x},${link.target.y},${idx}`}\n                                        d={getLinkPath(link, dataX.position)}\n                                        stroke={aesGetterX<string>('lineColor', node)}\n                                        strokeWidth={aesGetterX<number>('lineWidth', node)}\n                                        strokeDasharray={getLineShape(aesGetterX<LineShape>('lineShape', node))}\n                                        fill=\"none\"\n                                    />\n                                );\n                            })}\n                            {dataX.showNodes &&\n                                nodes.map((node, idx) => (\n                                    <g key={`${node.x},${node.y},${idx}}`} transform={`translate(${node.x},${node.y})`}>\n                                        {getPointShape(\n                                            aesGetterX<PointShape>('dotShape', node),\n                                            aesGetterX<number>('dotSize', node),\n                                            aesGetterX<string>('dotFill', node)\n                                        )}\n                                    </g>\n                                ))}\n                        </g>\n                    );\n                })}\n            </g>\n            <g transform={`translate(${dendroYBBox.x},${dendroYBBox.y})`}>\n                {dataY && !dataY.hidden && yGroupKeys.map((yKey, idx) => {\n                    const root = dendrograms.y.treesByGroupKey[yKey];\n                    if (!root) {\n                        return null;\n                    }\n                    const links = root.links();\n                    const nodes = root.descendants();\n                    return (\n                        <g key={idx}>\n                            {links.map(link => {\n                                const node = dataY.edgeInheritance === 'up' ? link.source : link.target;\n                                return (\n                                    <path\n                                        key={`${link.source.x},${link.source.y},${link.target.x},${link.target.y}`}\n                                        d={getLinkPath(link, dataY.position)}\n                                        stroke={aesGetterY<string>('lineColor', node)}\n                                        strokeWidth={aesGetterY<number>('lineWidth', node)}\n                                        strokeDasharray={getLineShape(aesGetterY<LineShape>('lineShape', node))}\n                                        fill=\"none\"\n                                    />\n                                );\n                            })}\n                            {dataY.showNodes &&\n                                nodes.map(node => (\n                                    <g key={`${node.x},${node.y}`} transform={`translate(${node.x},${node.y})`}>\n                                        {getPointShape(\n                                            aesGetterY<PointShape>('dotShape', node),\n                                            aesGetterY<number>('dotSize', node),\n                                            aesGetterY<string>('dotFill', node)\n                                        )}\n                                    </g>\n                                ))}\n                        </g>\n                    );\n                })}\n            </g>\n        </g>\n    );\n}\n"],"names":["getLinkPath","link","position","source","target","getAes","field","node","dendrogram","keys","data","aesScales","value","isColumnName","columnName","scale","firstKey","valueByFirstKey","index","EMPTY_BBOX","Dendrograms","dendrograms","sideElementBBoxes","xDataByKeys","yDataByKeys","xGroupKeys","yGroupKeys","dataX","dataY","dendroXBBox","dendroYBBox","aesGetterX","aesGetterY","jsx","xKey","idx","root","links","nodes","getLineShape","getPointShape","yKey"],"mappings":"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"}

package/dist/heatmap/components/SvgCells.d.ts

@@ -0,0 +1,19 @@
+import { Cell, GroupedCellsData } from '../getCells';
+import { AnnotationTooltipData, ChartScales } from './types';
+import { TooltipsData } from '../../common/Tooltip';
+import { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';
+interface SvgCellsProps<T> {
+    facetKey: string;
+    scales: ChartScales;
+    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];
+    xKeys: string[];
+    yKeys: string[];
+    stepX: number;
+    stepY: number;
+    aes: HeatmapSettingsImpl['aes'];
+    colorScale: (value: T) => string;
+    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
+}
+export declare function SvgCells<ValueType>({ facetKey, scales, cells, xKeys, yKeys, stepX, stepY, aes, colorScale, tooltipsData, }: SvgCellsProps<ValueType>): (import("react/jsx-runtime").JSX.Element | null)[][];
+export {};
+//# sourceMappingURL=SvgCells.d.ts.map

package/dist/heatmap/components/SvgCells.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgCells.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/SvgCells.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,UAAU,aAAa,CAAC,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC,YAAY,EAAE,YAAY,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAAC;CAC5D;AAED,wBAAgB,QAAQ,CAAC,SAAS,EAAE,EAChC,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,GAAG,EACH,UAAU,EACV,YAAY,GACf,EAAE,aAAa,CAAC,SAAS,CAAC,wDAmB1B"}

package/dist/heatmap/components/SvgCells.js

@@ -0,0 +1,38 @@
+import { j as M } from "../../node_modules/react/jsx-runtime.js";
+function f({
+  facetKey: m,
+  scales: r,
+  cells: e,
+  xKeys: p,
+  yKeys: v,
+  stepX: x,
+  stepY: a,
+  aes: n,
+  colorScale: C,
+  tooltipsData: t
+}) {
+  return p.map(
+    (u) => v.map((l) => {
+      var i;
+      const o = (i = e == null ? void 0 : e[u]) == null ? void 0 : i[l];
+      return o ? /* @__PURE__ */ M.jsx(
+        "rect",
+        {
+          x: r.x(u),
+          y: r.y(l),
+          width: x,
+          height: a,
+          stroke: n.cellStrokeColor,
+          fill: o.value === null ? n.emptyCellColor : C(o.normalizedValue),
+          onMouseOver: () => t.onMouseEnter(o, m),
+          onMouseLeave: () => t.onMouseLeave()
+        },
+        o.id
+      ) : null;
+    })
+  );
+}
+export {
+  f as SvgCells
+};
+//# sourceMappingURL=SvgCells.js.map

package/dist/heatmap/components/SvgCells.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgCells.js","sources":["../../../src/heatmap/components/SvgCells.tsx"],"sourcesContent":["import type { Cell, GroupedCellsData } from '../getCells';\nimport type { AnnotationTooltipData, ChartScales } from './types';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\n\ninterface SvgCellsProps<T> {\n    facetKey: string,\n    scales: ChartScales,\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'],\n    xKeys: string[],\n    yKeys: string[],\n    stepX: number,\n    stepY: number,\n    aes: HeatmapSettingsImpl['aes'];\n    colorScale: (value: T) => string,\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n}\n\nexport function SvgCells<ValueType>({\n    facetKey,\n    scales,\n    cells,\n    xKeys,\n    yKeys,\n    stepX,\n    stepY,\n    aes,\n    colorScale,\n    tooltipsData,\n}: SvgCellsProps<ValueType>) {\n    return xKeys.map(xKey =>\n        yKeys.map(yKey => {\n            const cell = cells?.[xKey]?.[yKey];\n            return cell ? (\n                <rect\n                    key={cell.id}\n                    x={scales.x(xKey)}\n                    y={scales.y(yKey)}\n                    width={stepX}\n                    height={stepY}\n                    stroke={aes.cellStrokeColor}\n                    fill={cell.value === null ? aes.emptyCellColor : colorScale(cell.normalizedValue as ValueType)}\n                    onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n                    onMouseLeave={() => tooltipsData.onMouseLeave()}\n                />\n            ) : null;\n        })\n    );\n}"],"names":["SvgCells","facetKey","scales","cells","xKeys","yKeys","stepX","stepY","aes","colorScale","tooltipsData","xKey","yKey","cell","_a","jsx"],"mappings":";AAkBO,SAASA,EAAoB;AAAA,EAChC,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AACJ,GAA6B;AACzB,SAAON,EAAM;AAAA,IAAI,CAAAO,MACbN,EAAM,IAAI,CAAAO,MAAQ;;AACd,YAAMC,KAAOC,IAAAX,KAAA,gBAAAA,EAAQQ,OAAR,gBAAAG,EAAgBF;AAC7B,aAAOC,IACHE,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,GAAGb,EAAO,EAAES,CAAI;AAAA,UAChB,GAAGT,EAAO,EAAEU,CAAI;AAAA,UAChB,OAAON;AAAA,UACP,QAAQC;AAAA,UACR,QAAQC,EAAI;AAAA,UACZ,MAAMK,EAAK,UAAU,OAAOL,EAAI,iBAAiBC,EAAWI,EAAK,eAA4B;AAAA,UAC7F,aAAa,MAAMH,EAAa,aAAaG,GAAMZ,CAAQ;AAAA,UAC3D,cAAc,MAAMS,EAAa,aAAA;AAAA,QAAa;AAAA,QARzCG,EAAK;AAAA,MAAA,IAUd;AAAA,IACR,CAAC;AAAA,EAAA;AAET;"}

package/dist/heatmap/components/tooltipUtils.d.ts

@@ -0,0 +1,10 @@
+import { DataFrame } from '../../DataFrame';
+import { ColumnName, DataValue } from '../../types';
+import { Cell, GroupedCellsData } from '../getCells';
+import { AnnotationTooltipData } from './types';
+export declare function formatCellValue(v: DataValue, format?: string): number | string;
+export declare function getTooltipContent(dataFrame: DataFrame, cell: Cell, cellsMeta: GroupedCellsData['meta'], columnsList?: ColumnName[]): string[];
+export declare function getAnnotationTooltipContent(data: AnnotationTooltipData, cellsMeta: GroupedCellsData['meta']): string[];
+export declare function isAnnotationTooltip(d: Cell | AnnotationTooltipData | null): d is AnnotationTooltipData;
+export declare function isCellTooltip(d: Cell | AnnotationTooltipData | null): d is Cell;
+//# sourceMappingURL=tooltipUtils.d.ts.map

package/dist/heatmap/components/tooltipUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipUtils.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/tooltipUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,eAAe,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAa9E;AACD,wBAAgB,iBAAiB,CAC7B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACnC,WAAW,GAAE,UAAU,EAAO,YAejC;AACD,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,qBAAqB,EAAE,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,YAU3G;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,IAAI,GAAG,qBAAqB,GAAG,IAAI,GAAG,CAAC,IAAI,qBAAqB,CAEtG;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,IAAI,GAAG,qBAAqB,GAAG,IAAI,GAAG,CAAC,IAAI,IAAI,CAE/E"}