@milaboratories/graph-maker 1.1.137 → 1.1.139

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/bubble/ChartRenderer.tsx"],"sourcesContent":["import type {BubbleSettingsImpl} from './BubbleSettingsImpl';\nimport type {ChartScales} from './components/types';\nimport {Error} from '../common/Error';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartSizes,\n    LabelAngles,\n    Margins,\n} from './components/types';\nimport type {GroupedCellsData} from './getCells';\nimport {calculateChartSideElementSizes, calculateSideElementsBBoxes} from './utils';\nimport {calculateCaptionTails} from './utils/calculateCaptionTails';\nimport type {ColumnName, DataValue} from '../types';\nimport {getChartEdgeSides} from '../utils/getChartEdgeSides';\nimport {getContinuousLegendTicks} from '../utils/getContinuousLegendTicks';\nimport type {ScaleLinear, ScalePower} from 'd3-scale';\nimport {scaleLinear, scaleOrdinal, scaleSqrt} from 'd3-scale';\nimport {CHART_SIDE_ELEMENTS, LEGEND_OFFSET, MIN_MARGIN, MIN_PADDING, TITLE_LINE} from './constants';\nimport {DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN} from '../constants';\nimport type {ReactElement} from 'react';\nimport React from 'react';\nimport type {Root} from 'react-dom/client';\nimport {createRoot} from 'react-dom/client';\nimport {ChartsGroup} from './components/ChartsGroup';\nimport {TextMeasurer} from '../utils/TextMeasurer';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n    const min = Math.min(...valueExtent);\n    const max = Math.max(...valueExtent);\n    if (min === max) {\n        const steps = count % 2 === 0 ? [] : [min];\n        for (let i = 1; i < count / 2 + 1; i++) {\n            steps.push(min + i);\n            steps.unshift(min - i);\n        }\n        return steps;\n    }\n    if (count < 2) {\n        return [min, max];\n    }\n    const step = (max - min) / (count - 1);\n    const steps = [];\n    for (let i = 0; i < count - 1; i++) {\n        steps.push(min + step * i);\n    }\n    steps.push(max);\n    return steps;\n};\n\nfunction getContinuousColorRange(\n    normalization: BubbleSettingsImpl['normalization'],\n    colorsCount: number,\n    valueExtent: number[]\n) {\n    let extent = valueExtent;\n    if (normalization) {\n        if (normalization.colorRange) {\n            extent = normalization.colorRange;\n        }\n        if (normalization.method === 'standardScaling') {\n            extent = [-2, 2];\n        }\n        if (normalization.method === 'meanNormalization') {\n            extent = [-0.75, 0.75];\n        }\n    }\n    return getSteps(colorsCount, extent);\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptions: 100,\n        yAxisCaptions: 100,\n        xCaptionTail: 0,\n        yCaptionTail: 0,\n    };\n    labelAngles: LabelAngles = {\n        xAxisLabels: 0,\n        yAxisLabels: 0,\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartScales = {\n        x: scaleOrdinal<string, number>().domain(['null']).range([1]),\n        y: scaleOrdinal<string, number>().domain(['null']).range([1]),\n    };\n    step: {x: number; y: number} = {x: 10, y: 10};\n    colorScale: ScaleLinear<string, string> = scaleLinear<string, string>().domain([0, 1]).range(['white', 'black']);\n    sizeScale: ScalePower<number, number> = scaleSqrt().domain([0, 1]).range([3, 20]);\n    legend: LegendData = {\n        width: 0,\n        height: 0,\n        items: [],\n    };\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateMargins(title: BubbleSettingsImpl['chartSettings']['title']) {\n        this.margins = {\n            top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : MIN_MARGIN,\n            bottom: MIN_MARGIN,\n            left: MIN_MARGIN,\n            right: this.legend.width,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n    }\n\n    updateLegendSize(\n        legend: BubbleSettingsImpl['chartSettings']['legend'],\n        columnValueColor: ColumnName,\n        columnValueSize: ColumnName,\n        facetKeys: string[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const continuousHeight = Math.min(\n            Math.max(this.chartSizes.chartHeight, DEFAULT_HEIGHT_SMALL),\n            DEFAULT_HEIGHT\n        );\n        const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        const colorDomain = this.colorScale.domain();\n        const colorValues = getContinuousLegendTicks(this.colorScale, [\n            colorDomain[0],\n            colorDomain[colorDomain.length - 1],\n        ]);\n        const colorTitle = columnValueColor.label ?? columnValueColor.value;\n        const tickPositionScale = scaleLinear([colorValues[0], colorValues[colorValues.length - 1]], [continuousHeight, 0]); //TODO: update during adding log scale for heatmap\n        \n        legendItems.push({\n            id: 'colorValue',\n            type: 'continuous',\n            scale: this.colorScale,\n            tickPositionScale,\n            values: colorValues,\n            title: colorTitle,\n            ...emptySizes\n        });\n\n        const sizeTitle = columnValueSize.label ?? columnValueSize.value;\n        const sizeValues = this.sizeScale.ticks(3);\n        const format = this.sizeScale.tickFormat(3);\n        const labels = sizeValues.reduce((res: Record<string, string>, v) => {\n            res[String(v)] = format(v);\n            return res;\n        }, {});\n        legendItems.push({\n            id: 'sizeValue',\n            type: 'size',\n            title: sizeTitle,\n            scale: this.sizeScale,\n            values: sizeValues,\n            labels,\n            ...emptySizes\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, legendHeight, continuousHeight);\n\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + 2 * LEGEND_OFFSET;\n\n        const leftTopChartPadding = this.chartsDimensions[facetKeys[0]].padding; // additional offset of legend for alignment with chart\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight + leftTopChartPadding.top,\n            items: items,\n        };\n    }\n\n    updateCaptionsSize(\n        groupedCells: GroupedCellsData,\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('bold 14px Arial');\n        const {xKeys, yKeys, xLabels, yLabels} = groupedCells.meta;\n        this.labelAngles = {\n            xAxisLabels: xAxis.axisLabelsAngle,\n            yAxisLabels: yAxis.axisLabelsAngle,\n        };\n        let maxXLabelSize = 0;\n        let maxYLabelSize = 0;\n        for (const xKey of xKeys) {\n            const l = textMeasurer.getTextWidth(xLabels[xKey]);\n            if (l > maxXLabelSize) {\n                maxXLabelSize = l;\n            }\n        }\n        for (const yKey of yKeys) {\n            const l = textMeasurer.getTextWidth(yLabels[yKey]);\n            if (l > maxYLabelSize) {\n                maxYLabelSize = l;\n            }\n        }\n        const {xCaptionTail, yCaptionTail} = calculateCaptionTails(\n            this.labelAngles,\n            this.step,\n            groupedCells,\n            textMeasurer\n        );\n        const xLabelAngle = (this.labelAngles.xAxisLabels / 180) * Math.PI;\n        const yLabelAngle = (this.labelAngles.yAxisLabels / 180) * Math.PI;\n        this.captionsSizes = {\n            xCaptionTail,\n            yCaptionTail,\n            xAxisCaptions: maxXLabelSize * Math.sin(xLabelAngle) || TITLE_LINE,\n            yAxisCaptions: maxYLabelSize * Math.sin(yLabelAngle) || TITLE_LINE,\n        };\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: BubbleSettingsImpl['facetSettings'],\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n        this.chartsDimensions = {};\n\n        let currentLeft = 0;\n        let currentTop = 0;\n        facetKeys.forEach((key, index) => {\n            const currentColumn = (index % this.columnsCount) + 1;\n            const chartSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const width = this.chartSizes.chartWidth;\n            const height = this.chartSizes.chartHeight;\n            const sideElementSizes = calculateChartSideElementSizes(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                chartSides,\n                facetKeys,\n                this.step.x,\n                this.step.y\n            );\n\n            function getPadding(side: 'left' | 'right' | 'top' | 'bottom') {\n                return Math.max(\n                    CHART_SIDE_ELEMENTS[side].reduce((res, el) => res + sideElementSizes[side][el], 0),\n                    MIN_PADDING\n                );\n            }\n\n            const padding = {\n                left: getPadding('left'),\n                right: getPadding('right'),\n                top: getPadding('top'),\n                bottom: getPadding('bottom'),\n            };\n            if (padding.left < this.captionsSizes.xCaptionTail) {\n                padding.left = this.captionsSizes.xCaptionTail;\n            }\n            if (padding.bottom < this.captionsSizes.yCaptionTail) {\n                padding.bottom = this.captionsSizes.yCaptionTail;\n            }\n            const sideElementBBoxes = calculateSideElementsBBoxes(sideElementSizes, width, height);\n            const outerWidth = width + padding.left + padding.right;\n            const outerHeight = height + padding.top + padding.bottom;\n            this.chartsDimensions[key] = {\n                left: currentLeft,\n                top: currentTop,\n                inner: {width, height},\n                outer: {width: outerWidth, height: outerHeight},\n                padding,\n                sideElementBBoxes,\n                chartEdgeSides: chartSides,\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n        });\n\n        // sum of widths of first row\n        const chartsWidth = facetKeys\n            .slice(0, this.columnsCount)\n            .reduce((sum, key) => sum + this.chartsDimensions[key].outer.width, 0);\n        // sum of heights of first column\n        const chartsHeight = facetKeys\n            .filter((_key, index) => index % this.columnsCount === 0)\n            .reduce((sum, key) => sum + this.chartsDimensions[key].outer.height, 0);\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateChartsSizes(groupedCellsData: GroupedCellsData, size: BubbleSettingsImpl['chartSettings']['size']) {\n        const {width, height, cellSize} = size;\n        if (cellSize) {\n            this.chartSizes.chartWidth = groupedCellsData.meta.xKeys.length * cellSize;\n            this.chartSizes.chartHeight = groupedCellsData.meta.yKeys.length * cellSize;\n        }\n        if (width && height) {\n            this.chartSizes.chartWidth = width;\n            this.chartSizes.chartHeight = height;\n        }\n    }\n\n    // update scales for cell positions, x and y for each facet\n    updateScales(\n        groupedCells: GroupedCellsData,\n        size: BubbleSettingsImpl['chartSettings']['size'],\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n    ) {\n        const {width, height, cellSize} = size;\n        const {meta} = groupedCells;\n        const sortX = (arr: string[], labels: Record<string, string> = {}) => {\n            return [...arr].sort((a, b) => xAxis.sorting === 'asc'\n                ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n                : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n            );\n        };\n        const sortY = (arr: string[], labels: Record<string, string> = {}) => {\n            return [...arr].sort((a, b) => yAxis.sorting === 'asc'\n                ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n                : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n            );\n        };\n        const xKeys = sortX(meta.xKeys, meta.xLabels);\n        const yKeys = sortY(meta.yKeys, meta.yLabels);\n        if (cellSize) {\n            this.step.x = cellSize;\n            this.step.y = cellSize;\n        } else if (width && height) {\n            this.step.x = width / xKeys.length;\n            this.step.y = height / yKeys.length;\n        }\n        const xPositions: number[] = new Array(xKeys.length).fill(null).map((_v, idx) => idx * this.step.x);\n        const yPositions: number[] = new Array(yKeys.length).fill(null).map((_v, idx) => idx * this.step.y);\n        this.scales.x = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n        this.scales.y = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n    }\n\n    updateAesScale(\n        aes: BubbleSettingsImpl['aes'],\n        valueExtentSize: [number, number],\n        valueExtentColor: [number, number],\n        normalization: BubbleSettingsImpl['normalization']\n    ) {\n        this.colorScale = scaleLinear<string, string>()\n            .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtentColor))\n            .range(aes.colorsList);\n        this.sizeScale = scaleSqrt(valueExtentSize, [aes.minRadius, aes.maxRadius]);\n    }\n\n    render(\n        settingsId: string,\n        chartSettings: BubbleSettingsImpl['chartSettings'],\n        facetSettings: BubbleSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        groupedCellsData: GroupedCellsData,\n        valueColumnColor: ColumnName,\n        valueColumnSize: ColumnName,\n        normalization: BubbleSettingsImpl['normalization'],\n        aes: BubbleSettingsImpl['aes'],\n        onTooltipHintSwitch: (v:boolean) => void\n    ) {\n        const {meta, facets} = groupedCellsData;\n        const {valueExtentSize, valueExtentColor} = meta;\n        const {xAxis, yAxis, title, size} = chartSettings;\n        this.updateChartsSizes(groupedCellsData, size);\n        this.updateAesScale(aes, valueExtentSize, valueExtentColor, normalization);\n        this.updateScales(groupedCellsData, size, chartSettings.xAxis, chartSettings.yAxis);\n        // caption sizes are needed for chart paddings in chart dimensions\n        this.updateCaptionsSize(groupedCellsData, xAxis, yAxis);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.updateLegendSize(chartSettings.legend, valueColumnColor, valueColumnSize, facetKeys);\n        this.updateMargins(title);\n        const component = (\n            <ChartsGroup\n                aes={aes}\n                captionsSizes={this.captionsSizes}\n                cellsMeta={meta}\n                columnsCount={this.columnsCount}\n                chartsDimensions={this.chartsDimensions}\n                chartSettings={chartSettings}\n                chartSizes={this.chartSizes}\n                sizeScale={this.sizeScale as (v: DataValue) => number}\n                colorScale={this.colorScale as (v: DataValue) => string}\n                facetKeys={facetKeys}\n                facetSettings={facetSettings}\n                groupedCells={facets}\n                labelAngles={this.labelAngles}\n                legend={this.legend}\n                margins={this.margins}\n                scales={this.scales}\n                settingsId={settingsId}\n                step={this.step}\n                onTooltipHintSwitch={onTooltipHintSwitch}\n            />\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","scaleSqrt","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","legend","columnValueColor","columnValueSize","facetKeys","legendItems","continuousHeight","DEFAULT_HEIGHT_SMALL","legendHeight","emptySizes","colorDomain","colorValues","getContinuousLegendTicks","colorTitle","tickPositionScale","sizeTitle","sizeValues","format","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","leftTopChartPadding","groupedCells","xAxis","yAxis","textMeasurer","TextMeasurer","xKeys","yKeys","xLabels","yLabels","maxXLabelSize","maxYLabelSize","xKey","l","yKey","xCaptionTail","yCaptionTail","calculateCaptionTails","xLabelAngle","yLabelAngle","TITLE_LINE","facetSettings","facetCount","maxNRows","maxNCols","currentLeft","currentTop","key","index","currentColumn","chartSides","getChartEdgeSides","width","height","sideElementSizes","calculateChartSideElementSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","MIN_PADDING","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupedCellsData","size","cellSize","meta","sortX","arr","a","b","sortY","xPositions","_v","idx","yPositions","aes","valueExtentSize","valueExtentColor","settingsId","chartSettings","valueColumnColor","valueColumnSize","onTooltipHintSwitch","facets","component","ChartsGroup","message","Error"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartRenderer.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/bubble/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLinear, ScalePower } from 'd3-scale';\nimport { scaleLinear, scaleOrdinal, scaleSqrt } from 'd3-scale';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getChartEdgeSides } from '../utils/getChartEdgeSides';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport type { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData, ChartScales, ChartSizes,\n    LabelAngles,\n    Margins\n} from './components/types';\nimport { CHART_SIDE_ELEMENTS, LEGEND_OFFSET, MIN_MARGIN, MIN_PADDING, TITLE_LINE } from './constants';\nimport type { Cell, GroupedCellsData } from './getGroupedCellsData';\nimport { calculateChartSideElementSizes, calculateSideElementsBBoxes } from './utils';\nimport { calculateCaptionTails } from './utils/calculateCaptionTails';\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n    const min = Math.min(...valueExtent);\n    const max = Math.max(...valueExtent);\n    if (min === max) {\n        const steps = count % 2 === 0 ? [] : [min];\n        for (let i = 1; i < count / 2 + 1; i++) {\n            steps.push(min + i);\n            steps.unshift(min - i);\n        }\n        return steps;\n    }\n    if (count < 2) {\n        return [min, max];\n    }\n    const step = (max - min) / (count - 1);\n    const steps = [];\n    for (let i = 0; i < count - 1; i++) {\n        steps.push(min + step * i);\n    }\n    steps.push(max);\n    return steps;\n};\n\nfunction getContinuousColorRange(\n    normalization: BubbleSettingsImpl['normalization'],\n    colorsCount: number,\n    valueExtent: number[]\n) {\n    let extent = valueExtent;\n    if (normalization) {\n        if (normalization.colorRange) {\n            extent = normalization.colorRange;\n        }\n        if (normalization.method === 'standardScaling') {\n            extent = [-2, 2];\n        }\n        if (normalization.method === 'meanNormalization') {\n            extent = [-0.75, 0.75];\n        }\n    }\n    return getSteps(colorsCount, extent);\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptions: 100,\n        yAxisCaptions: 100,\n        xCaptionTail: 0,\n        yCaptionTail: 0,\n    };\n    labelAngles: LabelAngles = {\n        xAxisLabels: 0,\n        yAxisLabels: 0,\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartScales = {\n        x: scaleOrdinal<string, number>().domain(['null']).range([1]),\n        y: scaleOrdinal<string, number>().domain(['null']).range([1]),\n    };\n    step: {x: number; y: number} = {x: 10, y: 10};\n    colorScale: ScaleLinear<string, string> = scaleLinear<string, string>().domain([0, 1]).range(['white', 'black']);\n    sizeScale: ScalePower<number, number> = scaleSqrt().domain([0, 1]).range([3, 20]);\n    legend: LegendData = {\n        width: 0,\n        height: 0,\n        items: [],\n    };\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateMargins(title: BubbleSettingsImpl['chartSettings']['title']) {\n        this.margins = {\n            top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : MIN_MARGIN,\n            bottom: MIN_MARGIN,\n            left: MIN_MARGIN,\n            right: this.legend.width,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n    }\n\n    updateLegendSize(\n        legend: BubbleSettingsImpl['chartSettings']['legend'],\n        columnValueColor: ColumnName,\n        columnValueSize: ColumnName,\n        facetKeys: string[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const continuousHeight = Math.min(\n            Math.max(this.chartSizes.chartHeight, DEFAULT_HEIGHT_SMALL),\n            DEFAULT_HEIGHT\n        );\n        const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        const colorDomain = this.colorScale.domain();\n        const colorValues = getContinuousLegendTicks(this.colorScale, [\n            colorDomain[0],\n            colorDomain[colorDomain.length - 1],\n        ]);\n        const colorTitle = columnValueColor.label ?? columnValueColor.value;\n        const tickPositionScale = scaleLinear([colorValues[0], colorValues[colorValues.length - 1]], [continuousHeight, 0]); //TODO: update during adding log scale for heatmap\n        \n        legendItems.push({\n            id: 'colorValue',\n            type: 'continuous',\n            scale: this.colorScale,\n            tickPositionScale,\n            values: colorValues,\n            title: colorTitle,\n            ...emptySizes\n        });\n\n        const sizeTitle = columnValueSize.label ?? columnValueSize.value;\n        const sizeValues = this.sizeScale.ticks(3);\n        const format = this.sizeScale.tickFormat(3);\n        const labels = sizeValues.reduce((res: Record<string, string>, v) => {\n            res[String(v)] = format(v);\n            return res;\n        }, {});\n        legendItems.push({\n            id: 'sizeValue',\n            type: 'size',\n            title: sizeTitle,\n            scale: this.sizeScale,\n            values: sizeValues,\n            labels,\n            ...emptySizes\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, legendHeight, continuousHeight);\n\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + 2 * LEGEND_OFFSET;\n\n        const leftTopChartPadding = this.chartsDimensions[facetKeys[0]].padding; // additional offset of legend for alignment with chart\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight + leftTopChartPadding.top,\n            items: items,\n        };\n    }\n\n    updateCaptionsSize(\n        groupedCells: GroupedCellsData,\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('bold 14px Arial');\n        const {xKeys, yKeys, xLabels, yLabels} = groupedCells.meta;\n        this.labelAngles = {\n            xAxisLabels: xAxis.axisLabelsAngle,\n            yAxisLabels: yAxis.axisLabelsAngle,\n        };\n        let maxXLabelSize = 0;\n        let maxYLabelSize = 0;\n        for (const xKey of xKeys) {\n            const l = textMeasurer.getTextWidth(xLabels[xKey]);\n            if (l > maxXLabelSize) {\n                maxXLabelSize = l;\n            }\n        }\n        for (const yKey of yKeys) {\n            const l = textMeasurer.getTextWidth(yLabels[yKey]);\n            if (l > maxYLabelSize) {\n                maxYLabelSize = l;\n            }\n        }\n        const {xCaptionTail, yCaptionTail} = calculateCaptionTails(\n            this.labelAngles,\n            this.step,\n            groupedCells,\n            textMeasurer\n        );\n        const xLabelAngle = (this.labelAngles.xAxisLabels / 180) * Math.PI;\n        const yLabelAngle = (this.labelAngles.yAxisLabels / 180) * Math.PI;\n        this.captionsSizes = {\n            xCaptionTail,\n            yCaptionTail,\n            xAxisCaptions: maxXLabelSize * Math.sin(xLabelAngle) || TITLE_LINE,\n            yAxisCaptions: maxYLabelSize * Math.sin(yLabelAngle) || TITLE_LINE,\n        };\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: BubbleSettingsImpl['facetSettings'],\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n        this.chartsDimensions = {};\n\n        let currentLeft = 0;\n        let currentTop = 0;\n        facetKeys.forEach((key, index) => {\n            const currentColumn = (index % this.columnsCount) + 1;\n            const chartSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const width = this.chartSizes.chartWidth;\n            const height = this.chartSizes.chartHeight;\n            const sideElementSizes = calculateChartSideElementSizes(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                chartSides,\n                facetKeys,\n                this.step.x,\n                this.step.y\n            );\n\n            function getPadding(side: 'left' | 'right' | 'top' | 'bottom') {\n                return Math.max(\n                    CHART_SIDE_ELEMENTS[side].reduce((res, el) => res + sideElementSizes[side][el], 0),\n                    MIN_PADDING\n                );\n            }\n\n            const padding = {\n                left: getPadding('left'),\n                right: getPadding('right'),\n                top: getPadding('top'),\n                bottom: getPadding('bottom'),\n            };\n            if (padding.left < this.captionsSizes.xCaptionTail) {\n                padding.left = this.captionsSizes.xCaptionTail;\n            }\n            if (padding.bottom < this.captionsSizes.yCaptionTail) {\n                padding.bottom = this.captionsSizes.yCaptionTail;\n            }\n            const sideElementBBoxes = calculateSideElementsBBoxes(sideElementSizes, width, height);\n            const outerWidth = width + padding.left + padding.right;\n            const outerHeight = height + padding.top + padding.bottom;\n            this.chartsDimensions[key] = {\n                left: currentLeft,\n                top: currentTop,\n                inner: {width, height},\n                outer: {width: outerWidth, height: outerHeight},\n                padding,\n                sideElementBBoxes,\n                chartEdgeSides: chartSides,\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n        });\n\n        // sum of widths of first row\n        const chartsWidth = facetKeys\n            .slice(0, this.columnsCount)\n            .reduce((sum, key) => sum + this.chartsDimensions[key].outer.width, 0);\n        // sum of heights of first column\n        const chartsHeight = facetKeys\n            .filter((_key, index) => index % this.columnsCount === 0)\n            .reduce((sum, key) => sum + this.chartsDimensions[key].outer.height, 0);\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateChartsSizes(groupedCellsData: GroupedCellsData, size: BubbleSettingsImpl['chartSettings']['size']) {\n        const {width, height, cellSize} = size;\n        if (cellSize) {\n            this.chartSizes.chartWidth = groupedCellsData.meta.xKeys.length * cellSize;\n            this.chartSizes.chartHeight = groupedCellsData.meta.yKeys.length * cellSize;\n        }\n        if (width && height) {\n            this.chartSizes.chartWidth = width;\n            this.chartSizes.chartHeight = height;\n        }\n    }\n\n    // update scales for cell positions, x and y for each facet\n    updateScales(\n        groupedCells: GroupedCellsData,\n        size: BubbleSettingsImpl['chartSettings']['size'],\n        xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n        yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n    ) {\n        const {width, height, cellSize} = size;\n        const {meta} = groupedCells;\n        const sortX = (arr: string[], labels: Record<string, string> = {}) => {\n            return [...arr].sort((a, b) => xAxis.sorting === 'asc'\n                ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n                : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n            );\n        };\n        const sortY = (arr: string[], labels: Record<string, string> = {}) => {\n            return [...arr].sort((a, b) => yAxis.sorting === 'asc'\n                ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n                : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n            );\n        };\n        const xKeys = sortX(meta.xKeys, meta.xLabels);\n        const yKeys = sortY(meta.yKeys, meta.yLabels);\n        if (cellSize) {\n            this.step.x = cellSize;\n            this.step.y = cellSize;\n        } else if (width && height) {\n            this.step.x = width / xKeys.length;\n            this.step.y = height / yKeys.length;\n        }\n        const xPositions: number[] = new Array(xKeys.length).fill(null).map((_v, idx) => idx * this.step.x);\n        const yPositions: number[] = new Array(yKeys.length).fill(null).map((_v, idx) => idx * this.step.y);\n        this.scales.x = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n        this.scales.y = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n    }\n\n    updateAesScale(\n        aes: BubbleSettingsImpl['aes'],\n        valueExtentSize: [number, number],\n        valueExtentColor: [number, number],\n        normalization: BubbleSettingsImpl['normalization']\n    ) {\n        this.colorScale = scaleLinear<string, string>()\n            .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtentColor))\n            .range(aes.colorsList);\n        this.sizeScale = scaleSqrt(valueExtentSize, [aes.minRadius, aes.maxRadius]);\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: BubbleSettingsImpl['chartSettings'],\n        facetSettings: BubbleSettingsImpl['facetSettings'],\n        groupedCellsData: GroupedCellsData,\n        valueColumnColor: ColumnName,\n        valueColumnSize: ColumnName,\n        normalization: BubbleSettingsImpl['normalization'],\n        aes: BubbleSettingsImpl['aes'],\n        getCellTooltip: (cell: Cell) => string[],\n        onTooltipHintSwitch: (v:boolean) => void\n    ) {\n        const {meta, facets, meta: { facetKeys }} = groupedCellsData;\n        const {valueExtentSize, valueExtentColor} = meta;\n        const {xAxis, yAxis, title, size} = chartSettings;\n        this.updateChartsSizes(groupedCellsData, size);\n        this.updateAesScale(aes, valueExtentSize, valueExtentColor, normalization);\n        this.updateScales(groupedCellsData, size, chartSettings.xAxis, chartSettings.yAxis);\n        // caption sizes are needed for chart paddings in chart dimensions\n        this.updateCaptionsSize(groupedCellsData, xAxis, yAxis);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.updateLegendSize(chartSettings.legend, valueColumnColor, valueColumnSize, facetKeys);\n        this.updateMargins(title);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    aes={aes}\n                    captionsSizes={this.captionsSizes}\n                    cellsMeta={meta}\n                    columnsCount={this.columnsCount}\n                    chartsDimensions={this.chartsDimensions}\n                    chartSettings={chartSettings}\n                    chartSizes={this.chartSizes}\n                    sizeScale={this.sizeScale as (v: DataValue) => number}\n                    colorScale={this.colorScale as (v: DataValue) => string}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    groupedCells={facets}\n                    labelAngles={this.labelAngles}\n                    legend={this.legend}\n                    margins={this.margins}\n                    scales={this.scales}\n                    settingsId={settingsId}\n                    step={this.step}\n                    getCellTooltip={getCellTooltip}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\n                />\n            </DataFrameProvider>\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","scaleSqrt","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","legend","columnValueColor","columnValueSize","facetKeys","legendItems","continuousHeight","DEFAULT_HEIGHT_SMALL","legendHeight","emptySizes","colorDomain","colorValues","getContinuousLegendTicks","colorTitle","tickPositionScale","sizeTitle","sizeValues","format","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","leftTopChartPadding","groupedCells","xAxis","yAxis","textMeasurer","TextMeasurer","xKeys","yKeys","xLabels","yLabels","maxXLabelSize","maxYLabelSize","xKey","l","yKey","xCaptionTail","yCaptionTail","calculateCaptionTails","xLabelAngle","yLabelAngle","TITLE_LINE","facetSettings","facetCount","maxNRows","maxNCols","currentLeft","currentTop","key","index","currentColumn","chartSides","getChartEdgeSides","width","height","sideElementSizes","calculateChartSideElementSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","MIN_PADDING","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupedCellsData","size","cellSize","meta","sortX","arr","a","b","sortY","xPositions","_v","idx","yPositions","aes","valueExtentSize","valueExtentColor","dataFrame","settingsId","chartSettings","valueColumnColor","valueColumnSize","getCellTooltip","onTooltipHintSwitch","facets","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/components/Chart.js

@@ -1,131 +1,112 @@
-import { j as a } from "../../node_modules/react/jsx-runtime.js";
+import { j as e } from "../../node_modules/react/jsx-runtime.js";
 import { r as O } from "../../_virtual/index.js";
 import { r as H } from "../../node_modules/react-dom/index.js";
-import { Tooltip as X } from "../../common/Tooltip.js";
-import { BLACK as Y } from "../../constants.js";
-import { FONT_SIZE as I, FACET_TITLE_OFFSET as N } from "../constants.js";
+import { Tooltip as I } from "../../common/Tooltip.js";
+import { BLACK as X } from "../../constants.js";
+import { FONT_SIZE as Y, FACET_TITLE_OFFSET as N } from "../constants.js";
 import { AxisCaptions as P } from "./AxisCaptions.js";
-function m(e) {
-  if (e === null)
-    return "null";
-  if (typeof e == "number") {
-    const t = e > 0 ? Math.floor(e) : Math.ceil(e), o = e - t;
-    return t + Number(o.toPrecision(2));
-  }
-  return e;
-}
-function J(e, t, o = []) {
-  const f = e.data, u = [
-    `X: ${t.xLabels[e.x]}`,
-    `Y: ${t.yLabels[e.y]}`,
-    `Value (color): ${m(e.colorValue)}${e.colorValue !== e.normalizedColorValue ? ` (${m(e.normalizedColorValue)})` : ""}`,
-    `Value (size): ${m(e.sizeValue)}${e.sizeValue !== e.normalizedSizeValue ? ` (${m(e.normalizedSizeValue)})` : ""}`
-  ];
-  for (const n of o)
-    u.push(`${n.label}: ${f[n.valueLabels ?? n.value]}`);
-  return u;
-}
-function te({
-  facetKey: e,
-  dimensions: t,
-  scales: o,
-  cells: f,
-  colorScale: u,
-  sizeScale: n,
-  chartSettings: h,
-  cellsMeta: g,
-  stepX: x,
-  stepY: y,
+function $({
+  facetKey: p,
+  dimensions: l,
+  scales: s,
+  cells: y,
+  colorScale: A,
+  sizeScale: D,
+  chartSettings: x,
+  cellsMeta: u,
+  stepX: n,
+  stepY: d,
   aes: S,
-  labelAngles: T,
-  chartSizes: p,
-  margins: d,
-  tooltipsContainer: A,
-  tooltipsData: l
+  labelAngles: E,
+  chartSizes: c,
+  margins: f,
+  tooltipsContainer: z,
+  tooltipsData: t,
+  getTooltip: L
 }) {
-  const [z, E] = O.useState(), { xAxis: D, yAxis: M, tooltips: b } = h, { width: B, height: F } = t.inner, { padding: i, sideElementBBoxes: c } = t, { xLabels: _, yLabels: w } = g, V = o.x.domain(), j = o.y.domain(), K = {
-    left: d.left + t.left + i.left,
-    right: p.totalWidth - (d.left + t.left + i.left),
-    top: d.top + t.top + i.top,
-    bottom: p.totalHeight - (d.top + t.top + i.top)
-  }, L = !1, W = l.fixed && z;
-  return /* @__PURE__ */ a.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: I, children: [
-    /* @__PURE__ */ a.jsxs("g", { transform: `translate(${i.left},${i.top})`, children: [
-      c.top.facetTitle.isVisible && /* @__PURE__ */ a.jsx(
+  const [m, v] = O.useState(), { xAxis: B, yAxis: M } = x, { width: V, height: _ } = l.inner, { padding: i, sideElementBBoxes: r } = l, { xLabels: w, yLabels: F } = u, h = s.x.domain(), j = s.y.domain(), K = {
+    left: f.left + l.left + i.left,
+    right: c.totalWidth - (f.left + l.left + i.left),
+    top: f.top + l.top + i.top,
+    bottom: c.totalHeight - (f.top + l.top + i.top)
+  }, T = !1, W = t.fixed && m;
+  return /* @__PURE__ */ e.jsxs("g", { transform: `translate(${l.left},${l.top})`, fontSize: Y, children: [
+    /* @__PURE__ */ e.jsxs("g", { transform: `translate(${i.left},${i.top})`, children: [
+      r.top.facetTitle.isVisible && /* @__PURE__ */ e.jsx(
         "text",
         {
-          x: c.top.facetTitle.x,
-          y: c.top.facetTitle.y + c.top.facetTitle.height - N,
+          x: r.top.facetTitle.x,
+          y: r.top.facetTitle.y + r.top.facetTitle.height - N,
           fontWeight: "500",
           fontSize: "20px",
-          children: g.facetKeyValues[e].join(", ")
+          children: u.facetKeyValues[p].join(", ")
         }
       ),
-      L,
-      V.map(
-        (r) => j.map(($) => {
-          var v;
-          const s = (v = f == null ? void 0 : f[r]) == null ? void 0 : v[$], k = W && s && l.selectedData === s, C = s ? /* @__PURE__ */ a.jsx(
+      T,
+      h.map(
+        (a) => j.map((g) => {
+          var b;
+          const o = (b = y == null ? void 0 : y[a]) == null ? void 0 : b[g], k = W && o && t.selectedData === o, C = o ? /* @__PURE__ */ e.jsx(
             "circle",
             {
-              cx: o.x(r) + x / 2,
-              cy: o.y($) + y / 2,
-              r: n(s.normalizedSizeValue),
+              cx: s.x(a) + n / 2,
+              cy: s.y(g) + d / 2,
+              r: D(o.normalizedSizeValue),
               stroke: S.cellStrokeColor,
-              fill: s.colorValue === null ? S.emptyCellColor : u(s.normalizedColorValue),
-              onMouseOver: () => l.onMouseEnter(s, e),
-              onMouseLeave: () => l.onMouseLeave()
+              fill: o.colorValue === null ? S.emptyCellColor : A(o.normalizedColorValue),
+              onMouseOver: () => t.onMouseEnter(o, p),
+              onMouseLeave: () => t.onMouseLeave()
             },
-            s ? s.id : `${r}_${$}`
+            o ? o.id : `${a}_${g}`
           ) : null;
-          return k ? H.createPortal(C, z) : C;
+          return k ? H.createPortal(C, m) : C;
         })
       ),
-      /* @__PURE__ */ a.jsx("g", { children: h.frame.type === "full" && /* @__PURE__ */ a.jsx("rect", { fill: "none", stroke: Y, x: "0", y: "0", width: B, height: F }) }),
-      /* @__PURE__ */ a.jsx("g", { fontWeight: "500", children: /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ e.jsx("g", { children: x.frame.type === "full" && /* @__PURE__ */ e.jsx("rect", { fill: "none", stroke: X, x: "0", y: "0", width: V, height: _ }) }),
+      /* @__PURE__ */ e.jsx("g", { fontWeight: "500", children: /* @__PURE__ */ e.jsx(
         P,
         {
-          sideElementBBoxes: c,
-          xKeys: V,
+          sideElementBBoxes: r,
+          xKeys: h,
           yKeys: j,
-          scales: o,
-          xAxis: D,
+          scales: s,
+          xAxis: B,
           yAxis: M,
-          stepX: x,
-          stepY: y,
-          labelAngles: T,
-          xLabels: _,
-          yLabels: w,
-          debug: L
+          stepX: n,
+          stepY: d,
+          labelAngles: E,
+          xLabels: w,
+          yLabels: F,
+          debug: T
         }
       ) }),
-      l.fixed && /* @__PURE__ */ a.jsx("rect", { width: p.chartWidth, height: p.chartHeight, fill: "rgba(255,255,255,0.8)" }),
-      /* @__PURE__ */ a.jsx(
+      t.fixed && /* @__PURE__ */ e.jsx("rect", { width: c.chartWidth, height: c.chartHeight, fill: "rgba(255,255,255,0.8)" }),
+      /* @__PURE__ */ e.jsx(
         "g",
         {
-          ref: (r) => {
-            r && !z && E(r);
+          ref: (a) => {
+            a && !m && v(a);
           }
         }
       )
     ] }),
-    h.tooltips.show && l.selectedData && l.currentFacet === e && /* @__PURE__ */ a.jsx(
-      X,
+    x.tooltips.show && t.selectedData && t.currentFacet === p && /* @__PURE__ */ e.jsx(
+      I,
       {
-        content: J(l.selectedData, g, b == null ? void 0 : b.content),
-        x: o.x(String(l.selectedData.x)) + x / 2,
-        y: o.y(String(l.selectedData.y)) + y / 2,
-        offset: V.length > 1 ? x / 2 : 0,
+        content: L(t.selectedData),
+        x: s.x(String(t.selectedData.x)) + n / 2,
+        y: s.y(String(t.selectedData.y)) + d / 2,
+        offset: h.length > 1 ? n / 2 : 0,
         active: !0,
         sideDistances: K,
-        container: A,
-        onClose: l.onClose,
-        fixed: l.fixed
+        container: z,
+        onClose: t.onClose,
+        fixed: t.fixed
       }
     )
   ] });
 }
 export {
-  te as Chart
+  $ as Chart
 };
 //# sourceMappingURL=Chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/bubble/components/Chart.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { BLACK } from '../../constants';\nimport type { ColumnName, DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getCells';\nimport { AxisCaptions } from './AxisCaptions';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';\n\nfunction formatCellValue (v:DataValue):number|string {\n    if (v === null) {\n        return 'null';\n    }\n    if (typeof v === 'number') {\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(cell: Cell, cellsMeta:GroupedCellsData['meta'], columnsList: ColumnName[] = []) {\n    const row = cell.data;\n    const lines = [\n        `X: ${cellsMeta.xLabels[cell.x as string]}`,\n        `Y: ${cellsMeta.yLabels[cell.y as string]}`,\n        `Value (color): ${formatCellValue(cell.colorValue)}${cell.colorValue !== cell.normalizedColorValue ? ` (${formatCellValue(cell.normalizedColorValue)})`: ''}`,\n        `Value (size): ${formatCellValue(cell.sizeValue)}${cell.sizeValue !== cell.normalizedSizeValue ? ` (${formatCellValue(cell.normalizedSizeValue)})`: ''}`,\n    ];\n    for (const column of columnsList) {\n        lines.push(`${column.label}: ${row[column.valueLabels ?? column.value]}`);\n    }\n    return lines;\n}\n\nexport function Chart({\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    colorScale,\n    sizeScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\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    colorScale: (value: DataValue) => string;\n    sizeScale: (value: DataValue) => number;\n    chartSettings: BubbleSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsData['meta'];\n    stepX: number;\n    stepY: number;\n    aes: BubbleSettingsImpl['aes'];\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<Cell>\n}) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const {xAxis, yAxis, tooltips} = chartSettings;\n    const {width, height} = dimensions.inner;\n    const {padding, sideElementBBoxes} = dimensions;\n    const {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\n    const dimmedBackground = tooltipsData.fixed && activeElementContainer;\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\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 = dimmedBackground && cell && tooltipsData.selectedData === cell;\n                        const cellElement = cell ? (\n                            <circle\n                                key={cell ? cell.id : `${xKey}_${yKey}`}\n                                cx={scales.x(xKey) + stepX / 2}\n                                cy={scales.y(yKey) + stepY / 2}\n                                r={sizeScale(cell.normalizedSizeValue as number)}\n                                stroke={aes.cellStrokeColor}\n                                fill={cell.colorValue === null ? aes.emptyCellColor : colorScale(cell.normalizedColorValue)}\n                                onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                            />\n                        ) : null;\n                        return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n                    })\n                )}\n                <g>\n                    {chartSettings.frame.type === 'full' && <rect fill=\"none\" stroke={BLACK} x=\"0\" y=\"0\" width={width} height={height} />}\n                </g>\n                <g fontWeight=\"500\">\n                    <AxisCaptions\n                        sideElementBBoxes={sideElementBBoxes}\n                        xKeys={xKeys}\n                        yKeys={yKeys}\n                        scales={scales}\n                        xAxis={xAxis}\n                        yAxis={yAxis}\n                        stepX={stepX}\n                        stepY={stepY}\n                        labelAngles={labelAngles}\n                        xLabels={xLabels}\n                        yLabels={yLabels}\n                        debug={debug}\n                    />\n                </g>\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            {chartSettings.tooltips.show && tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(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                    container={tooltipsContainer}\n                    onClose={tooltipsData.onClose}\n                    fixed={tooltipsData.fixed}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["formatCellValue","v","whole","decimal","getTooltipContent","cell","cellsMeta","columnsList","row","lines","column","Chart","facetKey","dimensions","scales","cells","colorScale","sizeScale","chartSettings","stepX","stepY","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","activeElementContainer","setActiveElementContainer","useState","xAxis","yAxis","tooltips","width","height","padding","sideElementBBoxes","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","dimmedBackground","jsxs","FONT_SIZE","jsx","FACET_TITLE_OFFSET","xKey","yKey","_a","highlighted","cellElement","createPortal","n","BLACK","AxisCaptions","node","Tooltip"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/bubble/components/Chart.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { BLACK } from '../../constants';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getGroupedCellsData';\nimport { AxisCaptions } from './AxisCaptions';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';\n\nexport function Chart({\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    colorScale,\n    sizeScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\n    aes,\n    labelAngles,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData,\n    getTooltip\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    colorScale: (value: DataValue) => string;\n    sizeScale: (value: DataValue) => number;\n    chartSettings: BubbleSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsData['meta'];\n    stepX: number;\n    stepY: number;\n    aes: BubbleSettingsImpl['aes'];\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<Cell>\n    getTooltip: (cell: Cell) => string[],\n}) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const {xAxis, yAxis} = chartSettings;\n    const {width, height} = dimensions.inner;\n    const {padding, sideElementBBoxes} = dimensions;\n    const {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\n    const dimmedBackground = tooltipsData.fixed && activeElementContainer;\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\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 = dimmedBackground && cell && tooltipsData.selectedData === cell;\n                        const cellElement = cell ? (\n                            <circle\n                                key={cell ? cell.id : `${xKey}_${yKey}`}\n                                cx={scales.x(xKey) + stepX / 2}\n                                cy={scales.y(yKey) + stepY / 2}\n                                r={sizeScale(cell.normalizedSizeValue as number)}\n                                stroke={aes.cellStrokeColor}\n                                fill={cell.colorValue === null ? aes.emptyCellColor : colorScale(cell.normalizedColorValue)}\n                                onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                            />\n                        ) : null;\n                        return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n                    })\n                )}\n                <g>\n                    {chartSettings.frame.type === 'full' && <rect fill=\"none\" stroke={BLACK} x=\"0\" y=\"0\" width={width} height={height} />}\n                </g>\n                <g fontWeight=\"500\">\n                    <AxisCaptions\n                        sideElementBBoxes={sideElementBBoxes}\n                        xKeys={xKeys}\n                        yKeys={yKeys}\n                        scales={scales}\n                        xAxis={xAxis}\n                        yAxis={yAxis}\n                        stepX={stepX}\n                        stepY={stepY}\n                        labelAngles={labelAngles}\n                        xLabels={xLabels}\n                        yLabels={yLabels}\n                        debug={debug}\n                    />\n                </g>\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            {chartSettings.tooltips.show && tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltip(tooltipsData.selectedData)}\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                    container={tooltipsContainer}\n                    onClose={tooltipsData.onClose}\n                    fixed={tooltipsData.fixed}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["Chart","facetKey","dimensions","scales","cells","colorScale","sizeScale","chartSettings","cellsMeta","stepX","stepY","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","getTooltip","activeElementContainer","setActiveElementContainer","useState","xAxis","yAxis","width","height","padding","sideElementBBoxes","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","dimmedBackground","jsxs","FONT_SIZE","jsx","FACET_TITLE_OFFSET","xKey","yKey","cell","_a","highlighted","cellElement","createPortal","t","BLACK","AxisCaptions","node","Tooltip"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/components/ChartsGroup.js

@@ -1,19 +1,19 @@
 import { j as t } from "../../node_modules/react/jsx-runtime.js";
-import { Chart as $ } from "./Chart.js";
-import { ErrorBoundary as b } from "../../common/ErrorBoundary.js";
-import { ChartsTitle as H } from "../../common/ChartsTitle.js";
-import { LEGEND_OFFSET as L } from "../constants.js";
-import { useTooltip as M } from "../../common/Tooltip.js";
 import { r as n } from "../../_virtual/index.js";
-import P from "../../common/fonts.js";
-import { Legend as A } from "../../common/Legend.js";
-function Y({
-  margins: e,
-  captionsSizes: p,
+import { ChartsTitle as b } from "../../common/ChartsTitle.js";
+import { ErrorBoundary as B } from "../../common/ErrorBoundary.js";
+import H from "../../common/fonts.js";
+import { Legend as L } from "../../common/Legend.js";
+import { useTooltip as M } from "../../common/Tooltip.js";
+import { LEGEND_OFFSET as P } from "../constants.js";
+import { Chart as A } from "./Chart.js";
+function _({
+  margins: s,
+  captionsSizes: h,
   settingsId: m,
   chartSettings: a,
-  chartSizes: s,
-  chartsDimensions: o,
+  chartSizes: e,
+  chartsDimensions: i,
   facetKeys: r,
   scales: d,
   colorScale: g,
@@ -24,46 +24,47 @@ function Y({
   legend: S,
   aes: j,
   columnsCount: w,
-  labelAngles: y,
+  labelAngles: C,
+  getCellTooltip: y,
   onTooltipHintSwitch: z
 }) {
-  const C = M(z), [W, E] = n.useState(), l = n.useRef(null);
+  const T = M(z), [W, D] = n.useState(), l = n.useRef(null);
   n.useEffect(() => {
-    l.current && E(l.current);
+    l.current && D(l.current);
   }, []);
-  const h = o[r[0]].padding, v = o[r[w - 1]].padding, D = e.left + s.chartsWidth + L, F = e.top + h.top;
-  return /* @__PURE__ */ t.jsx(b, { dataId: m, children: /* @__PURE__ */ t.jsxs(
+  const p = i[r[0]].padding, E = i[r[w - 1]].padding, v = s.left + e.chartsWidth + P, F = s.top + p.top;
+  return /* @__PURE__ */ t.jsx(B, { dataId: m, children: /* @__PURE__ */ t.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${s.totalWidth} ${s.totalHeight}`,
-      width: s.totalWidth,
-      height: s.totalHeight,
+      viewBox: `0 0 ${e.totalWidth} ${e.totalHeight}`,
+      width: e.totalWidth,
+      height: e.totalHeight,
       fontFamily: "Manrope",
       children: [
-        /* @__PURE__ */ t.jsx("defs", { children: P }),
-        /* @__PURE__ */ t.jsxs("g", { transform: `translate(${e.left},${e.top})`, children: [
+        /* @__PURE__ */ t.jsx("defs", { children: H }),
+        /* @__PURE__ */ t.jsxs("g", { transform: `translate(${s.left},${s.top})`, children: [
           /* @__PURE__ */ t.jsx(
-            H,
+            b,
             {
               title: [a.title.name],
               show: a.title.show,
               position: a.title.position,
-              leftPadding: h.left,
-              rightPadding: v.right,
-              chartsWidth: s.chartsWidth
+              leftPadding: p.left,
+              rightPadding: E.right,
+              chartsWidth: e.chartsWidth
             }
           ),
-          r.map((i) => {
-            const { cells: T } = u[i];
+          r.map((o) => {
+            const { cells: $ } = u[o];
             return /* @__PURE__ */ t.jsx(
-              $,
+              A,
               {
-                captionsSizes: p,
-                facetKey: i,
-                dimensions: o[i],
+                captionsSizes: h,
+                facetKey: o,
+                dimensions: i[o],
                 scales: d,
-                cells: T,
+                cells: $,
                 cellsMeta: x,
                 stepX: c.x,
                 stepY: c.y,
@@ -71,23 +72,24 @@ function Y({
                 sizeScale: f,
                 chartSettings: a,
                 aes: j,
-                labelAngles: y,
-                margins: e,
-                chartSizes: s,
-                tooltipsData: C,
-                tooltipsContainer: W
+                labelAngles: C,
+                margins: s,
+                chartSizes: e,
+                tooltipsData: T,
+                tooltipsContainer: W,
+                getTooltip: y
               },
-              i
+              o
             );
           })
         ] }),
-        /* @__PURE__ */ t.jsx("g", { transform: `translate(${D},${F})`, children: /* @__PURE__ */ t.jsx(A, { legendData: S }) }),
+        /* @__PURE__ */ t.jsx("g", { transform: `translate(${v},${F})`, children: /* @__PURE__ */ t.jsx(L, { legendData: S }) }),
         /* @__PURE__ */ t.jsx("g", { ref: l, style: { outline: "none" } })
       ]
     }
   ) });
 }
 export {
-  Y as ChartsGroup
+  _ as ChartsGroup
 };
 //# sourceMappingURL=ChartsGroup.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/components/ChartsGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/bubble/components/ChartsGroup.tsx"],"sourcesContent":["import {Chart} from './Chart';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {ChartsTitle} from '../../common/ChartsTitle';\nimport type {LabelAngles} from './types';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins,\n} from './types';\nimport {LEGEND_OFFSET} from '../constants';\nimport type {Cell, GroupedCellsData} from '../getCells';\nimport type {BubbleSettingsImpl} from '../BubbleSettingsImpl';\nimport {useTooltip} from '../../common/Tooltip';\nimport type {DataValue} from '../../types';\nimport React, {useEffect, useRef, useState} from 'react';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { LegendData } from '../../common/types';\n\nexport function ChartsGroup({\n    margins,\n    captionsSizes,\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    scales,\n    colorScale,\n    sizeScale,\n    groupedCells,\n    cellsMeta,\n    step,\n    legend,\n    aes,\n    columnsCount,\n    labelAngles,\n    onTooltipHintSwitch\n}: {\n    margins: Margins;\n    captionsSizes: CaptionsSizes;\n    chartSettings: BubbleSettingsImpl['chartSettings'];\n    facetSettings: BubbleSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartScales;\n    facetKeys: string[];\n    settingsId: string;\n    colorScale: (value: DataValue) => string;\n    sizeScale: (value: DataValue) => number;\n    groupedCells: GroupedCellsData['facets'];\n    cellsMeta: GroupedCellsData['meta'];\n    step: {x: number; y: number};\n    legend: LegendData;\n    aes: BubbleSettingsImpl['aes'];\n    columnsCount: number;\n    labelAngles: LabelAngles;\n    onTooltipHintSwitch: (v:boolean) => void\n}) {\n    const tooltipsData = useTooltip<Cell>(onTooltipHintSwitch);\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\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} = groupedCells[facetKey];\n                        return (\n                            <Chart\n                                captionsSizes={captionsSizes}\n                                key={facetKey}\n                                facetKey={facetKey}\n                                dimensions={chartsDimensions[facetKey]}\n                                scales={scales}\n                                cells={cells}\n                                cellsMeta={cellsMeta}\n                                stepX={step.x}\n                                stepY={step.y}\n                                colorScale={colorScale}\n                                sizeScale={sizeScale}\n                                chartSettings={chartSettings}\n                                aes={aes}\n                                labelAngles={labelAngles}\n                                margins={margins}\n                                chartSizes={chartSizes}\n                                tooltipsData={tooltipsData}\n                                tooltipsContainer={tooltipsContainer}\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","scales","colorScale","sizeScale","groupedCells","cellsMeta","step","legend","aes","columnsCount","labelAngles","onTooltipHintSwitch","tooltipsData","useTooltip","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","Chart","Legend"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartsGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/bubble/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 type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getGroupedCellsData';\nimport { Chart } from './Chart';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes, LabelAngles, Margins\n} from './types';\n\nexport function ChartsGroup({\n    margins,\n    captionsSizes,\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    scales,\n    colorScale,\n    sizeScale,\n    groupedCells,\n    cellsMeta,\n    step,\n    legend,\n    aes,\n    columnsCount,\n    labelAngles,\n    getCellTooltip,\n    onTooltipHintSwitch\n}: {\n    margins: Margins;\n    captionsSizes: CaptionsSizes;\n    chartSettings: BubbleSettingsImpl['chartSettings'];\n    facetSettings: BubbleSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartScales;\n    facetKeys: string[];\n    settingsId: string;\n    colorScale: (value: DataValue) => string;\n    sizeScale: (value: DataValue) => number;\n    groupedCells: GroupedCellsData['facets'];\n    cellsMeta: GroupedCellsData['meta'];\n    step: {x: number; y: number};\n    legend: LegendData;\n    aes: BubbleSettingsImpl['aes'];\n    columnsCount: number;\n    labelAngles: LabelAngles;\n    getCellTooltip: (cell: Cell) => string[],\n    onTooltipHintSwitch: (v: boolean) => void\n}) {\n    const tooltipsData = useTooltip<Cell>(onTooltipHintSwitch);\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\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} = groupedCells[facetKey];\n                        return (\n                            <Chart\n                                captionsSizes={captionsSizes}\n                                key={facetKey}\n                                facetKey={facetKey}\n                                dimensions={chartsDimensions[facetKey]}\n                                scales={scales}\n                                cells={cells}\n                                cellsMeta={cellsMeta}\n                                stepX={step.x}\n                                stepY={step.y}\n                                colorScale={colorScale}\n                                sizeScale={sizeScale}\n                                chartSettings={chartSettings}\n                                aes={aes}\n                                labelAngles={labelAngles}\n                                margins={margins}\n                                chartSizes={chartSizes}\n                                tooltipsData={tooltipsData}\n                                tooltipsContainer={tooltipsContainer}\n                                getTooltip={getCellTooltip}\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","scales","colorScale","sizeScale","groupedCells","cellsMeta","step","legend","aes","columnsCount","labelAngles","getCellTooltip","onTooltipHintSwitch","tooltipsData","useTooltip","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","Chart","Legend"],"mappings":"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","x_google_ignoreList":[0]}