@milaboratories/miplots4 1.0.129 → 1.0.131

package/dist/heatmap/components/Annotations/Annotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Annotation.js","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { BLACK } from '../../../constants';\nimport type { DataValue } from '../../../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { Cell, GroupedCellsData } from '../../getCells';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\n\nfunction getTextPosition(\n    vertical: boolean,\n    annotationPosition: string,\n    titlePosition: string,\n    width: number,\n    height: number\n) {\n    if (vertical) {\n        const x = ANNOTATION_WIDTH / 2;\n        const y = titlePosition === 'top' ? -5 : height + 5;\n        const rotate = annotationPosition === 'left' ? -90 : 90;\n        const anchor = annotationPosition === 'left' && titlePosition === 'top' ? 'start' : 'end';\n        return {x, y, rotate, anchor};\n    }\n    const x = titlePosition === 'right' ? width + 5 : -5;\n    const y = ANNOTATION_WIDTH / 2;\n    const anchor = titlePosition === 'right' ? 'start' : 'end';\n    return {x, y, rotate: 0, anchor};\n}\ninterface AnnotationProps {\n    facetKey: string;\n    scales: ChartScales;\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    stepX: number;\n    stepY: number;\n    vertical?: boolean;\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    showTitle: boolean;\n    colorScale: AnnotationColorScales[string];\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && !('data' in d);\n}\n\nexport function Annotation({\n    facetKey,\n    data,\n    scales,\n    stepX,\n    stepY,\n    x,\n    y,\n    annotation,\n    showTitle,\n    width,\n    height,\n    colorScale,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const {position, titlePosition, valueColumn} = annotation;\n    const vertical = position === 'left' || position === 'right';\n    const keys = (vertical ? scales.y : scales.x).domain();\n    const textPosition = getTextPosition(vertical, position, titlePosition, width, height);\n    const isDimmedBackground = tooltipsData.fixed && activeElementContainer;\n\n    return (\n        <g>\n            {keys.map(key => {\n                const value = data?.[key];\n                const fillColor = colorScale.type === 'continuous'\n                    ? colorScale.scale(Number(value))\n                    : colorScale.scale(String(value));\n                const xInner= x + (vertical ? 0 : scales.x(key));\n                const yInner= y + (vertical ? scales.y(key) : 0);\n                const width = vertical ? ANNOTATION_WIDTH : stepX;\n                const height = vertical ? stepY : ANNOTATION_WIDTH;\n                const xKey = vertical ? null : key;\n                const yKey = vertical ? key : null;\n                const highlighted = isDimmedBackground\n                    && isAnnotationTooltip(tooltipsData.selectedData)\n                    && tooltipsData.selectedData.xKey === xKey\n                    && tooltipsData.selectedData.yKey === yKey\n                    && facetKey === tooltipsData.currentFacet;\n                const cellElement = (\n                    <rect\n                        key={key}\n                        x={xInner}\n                        y={yInner}\n                        width={width}\n                        height={height}\n                        fill={fillColor}\n                        stroke={aes.cellStrokeColor}\n                        onMouseOver={() => tooltipsData.onMouseEnter({\n                            x: xInner + width,\n                            y: yInner + height / 2,\n                            xKey,\n                            yKey,\n                            value,\n                            title: valueColumn.label ?? valueColumn.value\n                        } as AnnotationTooltipData, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    />\n                );\n                return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n            })}\n            {tooltipsData.fixed && !vertical && xGroupKeys.map(xGroupKey => {\n                const keysCountX = xKeysByGroups[xGroupKey].length;\n                if (keysCountX === 0) {\n                    return null;\n                }\n                const groupWidth = keysCountX * stepX;\n                const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                return (\n                    <rect\n                        key={`${groupX}_${y}`}\n                        x={groupX + x}\n                        y={y}\n                        width={groupWidth}\n                        height={ANNOTATION_WIDTH}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {tooltipsData.fixed && vertical && yGroupKeys.map(yGroupKey => {\n                const keysCountY = yKeysByGroups[yGroupKey].length;\n                if (keysCountY === 0) {\n                    return null;\n                }\n                const groupHeight = keysCountY * stepY;\n                const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                return (\n                    <rect\n                        key={`${x}_${groupY}`}\n                        x={x}\n                        y={groupY + y}\n                        width={ANNOTATION_WIDTH}\n                        height={groupHeight}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {frame.type === 'groups' &&\n                !vertical &&\n                xGroupKeys.map(xGroupKey => {\n                    const keysCountX = xKeysByGroups[xGroupKey].length;\n                    if (keysCountX === 0) {\n                        return null;\n                    }\n                    const groupWidth = keysCountX * stepX;\n                    const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${groupX}_${y}`}\n                            x={groupX + x}\n                            y={y}\n                            width={groupWidth}\n                            height={ANNOTATION_WIDTH}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {frame.type === 'groups' &&\n                vertical &&\n                yGroupKeys.map(yGroupKey => {\n                    const keysCountY = yKeysByGroups[yGroupKey].length;\n                    if (keysCountY === 0) {\n                        return null;\n                    }\n                    const groupHeight = keysCountY * stepY;\n                    const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${x}_${groupY}`}\n                            x={x}\n                            y={groupY + y}\n                            width={ANNOTATION_WIDTH}\n                            height={groupHeight}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {showTitle && (\n                <g\n                    fontWeight=\"500\"\n                    fontSize=\"14px\"\n                    transform={`translate(${x + textPosition.x},${y + textPosition.y}) rotate(${textPosition.rotate})`}\n                >\n                    <text textAnchor={textPosition.anchor} dominantBaseline=\"central\">\n                        {valueColumn.label ?? valueColumn.value}\n                    </text>\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["getTextPosition","vertical","annotationPosition","titlePosition","width","height","x","ANNOTATION_WIDTH","y","anchor","isAnnotationTooltip","d","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","position","valueColumn","keys","textPosition","isDimmedBackground","key","value","fillColor","xInner","yInner","xKey","yKey","highlighted","cellElement","jsx","createPortal","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":"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"}
+{"version":3,"file":"Annotation.js","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { BLACK } from '../../../constants';\nimport type { DataValue } from '../../../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { Cell, GroupedCellsData } from '../../getCells';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\n\nfunction getTextPosition(\n    vertical: boolean,\n    annotationPosition: string,\n    titlePosition: string,\n    width: number,\n    height: number\n) {\n    if (vertical) {\n        const x = ANNOTATION_WIDTH / 2;\n        const y = titlePosition === 'top' ? -5 : height + 5;\n        const rotate = annotationPosition === 'left' ? -90 : 90;\n        const anchor = annotationPosition === 'left' && titlePosition === 'top' ? 'start' : 'end';\n        return {x, y, rotate, anchor};\n    }\n    const x = titlePosition === 'right' ? width + 5 : -5;\n    const y = ANNOTATION_WIDTH / 2;\n    const anchor = titlePosition === 'right' ? 'start' : 'end';\n    return {x, y, rotate: 0, anchor};\n}\ninterface AnnotationProps {\n    facetKey: string;\n    scales: ChartScales;\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    stepX: number;\n    stepY: number;\n    vertical?: boolean;\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    showTitle: boolean;\n    colorScale: AnnotationColorScales[string];\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && ('isAnnotation' in d);\n}\n\nexport function Annotation({\n    facetKey,\n    data,\n    scales,\n    stepX,\n    stepY,\n    x,\n    y,\n    annotation,\n    showTitle,\n    width,\n    height,\n    colorScale,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const {position, titlePosition, valueColumn} = annotation;\n    const vertical = position === 'left' || position === 'right';\n    const keys = (vertical ? scales.y : scales.x).domain();\n    const textPosition = getTextPosition(vertical, position, titlePosition, width, height);\n    const isDimmedBackground = tooltipsData.fixed && activeElementContainer;\n\n    return (\n        <g>\n            {keys.map(key => {\n                const value = data?.[key];\n                const fillColor = colorScale.type === 'continuous'\n                    ? colorScale.scale(Number(value))\n                    : colorScale.scale(String(value));\n                const xInner= x + (vertical ? 0 : scales.x(key));\n                const yInner= y + (vertical ? scales.y(key) : 0);\n                const width = vertical ? ANNOTATION_WIDTH : stepX;\n                const height = vertical ? stepY : ANNOTATION_WIDTH;\n                const xKey = vertical ? null : key;\n                const yKey = vertical ? key : null;\n                const highlighted = isDimmedBackground\n                    && isAnnotationTooltip(tooltipsData.selectedData)\n                    && tooltipsData.selectedData.xKey === xKey\n                    && tooltipsData.selectedData.yKey === yKey\n                    && facetKey === tooltipsData.currentFacet;\n                const cellElement = (\n                    <rect\n                        key={key}\n                        x={xInner}\n                        y={yInner}\n                        width={width}\n                        height={height}\n                        fill={fillColor}\n                        stroke={aes.cellStrokeColor}\n                        onMouseEnter={() => tooltipsData.onMouseEnter({\n                            isAnnotation: true,\n                            x: xInner + width,\n                            y: yInner + height / 2,\n                            xKey,\n                            yKey,\n                            value,\n                            title: valueColumn.label ?? valueColumn.value\n                        } satisfies AnnotationTooltipData, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    />\n                );\n                return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n            })}\n            {tooltipsData.fixed && !vertical && xGroupKeys.map(xGroupKey => {\n                const keysCountX = xKeysByGroups[xGroupKey].length;\n                if (keysCountX === 0) {\n                    return null;\n                }\n                const groupWidth = keysCountX * stepX;\n                const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                return (\n                    <rect\n                        key={`${groupX}_${y}`}\n                        x={groupX + x}\n                        y={y}\n                        width={groupWidth}\n                        height={ANNOTATION_WIDTH}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {tooltipsData.fixed && vertical && yGroupKeys.map(yGroupKey => {\n                const keysCountY = yKeysByGroups[yGroupKey].length;\n                if (keysCountY === 0) {\n                    return null;\n                }\n                const groupHeight = keysCountY * stepY;\n                const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                return (\n                    <rect\n                        key={`${x}_${groupY}`}\n                        x={x}\n                        y={groupY + y}\n                        width={ANNOTATION_WIDTH}\n                        height={groupHeight}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {frame.type === 'groups' &&\n                !vertical &&\n                xGroupKeys.map(xGroupKey => {\n                    const keysCountX = xKeysByGroups[xGroupKey].length;\n                    if (keysCountX === 0) {\n                        return null;\n                    }\n                    const groupWidth = keysCountX * stepX;\n                    const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${groupX}_${y}`}\n                            x={groupX + x}\n                            y={y}\n                            width={groupWidth}\n                            height={ANNOTATION_WIDTH}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {frame.type === 'groups' &&\n                vertical &&\n                yGroupKeys.map(yGroupKey => {\n                    const keysCountY = yKeysByGroups[yGroupKey].length;\n                    if (keysCountY === 0) {\n                        return null;\n                    }\n                    const groupHeight = keysCountY * stepY;\n                    const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${x}_${groupY}`}\n                            x={x}\n                            y={groupY + y}\n                            width={ANNOTATION_WIDTH}\n                            height={groupHeight}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {showTitle && (\n                <g\n                    fontWeight=\"500\"\n                    fontSize=\"14px\"\n                    transform={`translate(${x + textPosition.x},${y + textPosition.y}) rotate(${textPosition.rotate})`}\n                >\n                    <text textAnchor={textPosition.anchor} dominantBaseline=\"central\">\n                        {valueColumn.label ?? valueColumn.value}\n                    </text>\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["getTextPosition","vertical","annotationPosition","titlePosition","width","height","x","ANNOTATION_WIDTH","y","anchor","isAnnotationTooltip","d","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","position","valueColumn","keys","textPosition","isDimmedBackground","key","value","fillColor","xInner","yInner","xKey","yKey","highlighted","cellElement","jsx","createPortal","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAKlE,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AA4CtM,wBAAgB,KAAK,CAAC,SAAS,EAAE,EAC7B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,mBAAmB,EACnB,GAAG,EACH,WAAW,EACX,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,GACf,EAAE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,IAAI,GAAC,qBAAqB,CAAC,CAAC;CAC1D,2CAkLA"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAMzD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAKlE,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AA4CtM,wBAAgB,KAAK,CAAC,SAAS,EAAE,EAC7B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,mBAAmB,EACnB,GAAG,EACH,WAAW,EACX,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,GACf,EAAE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,IAAI,GAAC,qBAAqB,CAAC,CAAC;CAC1D,2CAmLA"}

package/dist/heatmap/components/Chart.js

@@ -1,51 +1,52 @@
 import { j as r } from "../../node_modules/react/jsx-runtime.js";
-import { r as ee } from "../../_virtual/index.js";
-import { r as te } from "../../node_modules/react-dom/index.js";
+import { r as te } from "../../_virtual/index.js";
+import { r as ne } from "../../node_modules/react-dom/index.js";
 import { Tooltip as S } from "../../common/Tooltip.js";
-import { FONT_SIZE as ne, FACET_TITLE_OFFSET as oe } from "../constants.js";
-import { Annotations as re } from "./Annotations/index.js";
-import { Captions as ie } from "./Captions/index.js";
-import { Dendrograms as fe } from "./Dendrograms.js";
-import { Frames as ue } from "./Frames.js";
-function v(e) {
+import { useDataFrame as oe } from "../../common/useDataFrame.js";
+import { FONT_SIZE as re, FACET_TITLE_OFFSET as ie } from "../constants.js";
+import { Annotations as fe } from "./Annotations/index.js";
+import { Captions as ue } from "./Captions/index.js";
+import { Dendrograms as xe } from "./Dendrograms.js";
+import { Frames as le } from "./Frames.js";
+function F(e) {
   if (e === null)
     return "null";
   if (typeof e == "number") {
-    const o = e > 0 ? Math.floor(e) : Math.ceil(e), n = e - o;
-    return o + Number(n.toPrecision(2));
+    const n = e > 0 ? Math.floor(e) : Math.ceil(e), o = e - n;
+    return n + Number(o.toPrecision(2));
   }
   return e;
 }
-function xe(e, o, n = []) {
-  const i = e.data, a = [
-    `X: ${o.xLabels[e.x]}`,
-    `Y: ${o.yLabels[e.y]}`,
-    `Value: ${v(e.value)}${e.value !== e.normalizedValue ? ` (${v(e.normalizedValue)})` : ""}`
+function me(e, n, o, i = []) {
+  const m = [
+    `X: ${o.xLabels[n.x]}`,
+    `Y: ${o.yLabels[n.y]}`,
+    `Value: ${F(n.value)}${n.value !== n.normalizedValue ? ` (${F(n.normalizedValue)})` : ""}`
   ];
-  for (const l of n)
-    a.push(`${l.label}: ${i[l.valueLabels ?? l.value]}`);
-  return a;
+  for (const a of i)
+    m.push(`${a.label}: ${e.getColumnValue(a.value, n.idx)}`);
+  return m;
 }
-function le(e, o) {
-  const n = [];
-  return e.xKey && n.push(`X: ${o.xLabels[e.xKey]}`), e.yKey && n.push(`Y: ${o.yLabels[e.yKey]}`), n.push(`${e.title}: ${v(e.value)}`), n;
+function ae(e, n) {
+  const o = [];
+  return e.xKey && o.push(`X: ${n.xLabels[e.xKey]}`), e.yKey && o.push(`Y: ${n.yLabels[e.yKey]}`), o.push(`${e.title}: ${F(e.value)}`), o;
 }
-function me(e) {
-  return e !== null && !("data" in e);
+function ce(e) {
+  return e !== null && "isAnnotation" in e;
 }
 function W(e) {
-  return e !== null && "data" in e;
+  return e !== null && "isCell" in e;
 }
-function je({
+function pe({
   dendrograms: e,
-  facetKey: o,
-  dimensions: n,
+  facetKey: n,
+  dimensions: o,
   scales: i,
-  cells: a,
-  xGroupKeys: l,
-  yGroupKeys: b,
+  cells: m,
+  xGroupKeys: a,
+  yGroupKeys: C,
   xKeysByGroups: j,
-  yKeysByGroups: C,
+  yKeysByGroups: b,
   colorScale: z,
   chartSettings: h,
   cellsMeta: f,
@@ -58,50 +59,50 @@ function je({
   dendrogramAesScales: R,
   aes: T,
   labelAngles: Z,
-  chartSizes: $,
-  margins: g,
-  tooltipsContainer: w,
+  chartSizes: g,
+  margins: $,
+  tooltipsContainer: A,
   tooltipsData: t
 }) {
-  const [y, q] = ee.useState(), { xAxis: J, yAxis: Q, tooltips: E } = h, { width: A, height: F } = n.inner, { padding: x, chartEdgeSides: U, sideElementBBoxes: m } = n, { xGroupLabels: K, yGroupLabels: D, xLabels: G, yLabels: Y } = f, p = i.x.domain(), V = i.y.domain(), _ = {
-    left: g.left + n.left + x.left,
-    right: $.totalWidth - (g.left + n.left + x.left),
-    top: g.top + n.top + x.top,
-    bottom: $.totalHeight - (g.top + n.top + x.top)
-  }, k = !1, X = y && t.fixed;
-  return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${n.left},${n.top})`, fontSize: ne, children: [
+  const q = oe(), [y, J] = te.useState(), { xAxis: Q, yAxis: U, tooltips: p } = h, { width: V, height: v } = o.inner, { padding: x, chartEdgeSides: D, sideElementBBoxes: l } = o, { xGroupLabels: K, yGroupLabels: G, xLabels: Y, yLabels: X } = f, E = i.x.domain(), w = i.y.domain(), _ = {
+    left: $.left + o.left + x.left,
+    right: g.totalWidth - ($.left + o.left + x.left),
+    top: $.top + o.top + x.top,
+    bottom: g.totalHeight - ($.top + o.top + x.top)
+  }, k = !1, M = y && t.fixed;
+  return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${o.left},${o.top})`, fontSize: re, children: [
     /* @__PURE__ */ r.jsxs("g", { transform: `translate(${x.left},${x.top})`, children: [
       /* @__PURE__ */ r.jsx(
-        re,
+        fe,
         {
-          facetKey: o,
-          sideElementBBoxes: m,
+          facetKey: n,
+          sideElementBBoxes: l,
           annotations: N,
           cellsMeta: f,
           annotationColorScales: P,
           sharedX: H,
           sharedY: I,
-          chartEdgeSides: U,
-          width: A,
-          height: F,
+          chartEdgeSides: D,
+          width: V,
+          height: v,
           scales: i,
           stepX: c,
           stepY: s,
           aes: T,
           frame: h.frame,
-          xGroupKeys: l,
-          yGroupKeys: b,
+          xGroupKeys: a,
+          yGroupKeys: C,
           xKeysByGroups: j,
-          yKeysByGroups: C,
+          yKeysByGroups: b,
           tooltipsData: t,
           activeElementContainer: y
         }
       ),
       /* @__PURE__ */ r.jsx(
-        fe,
+        xe,
         {
           dendrograms: e,
-          sideElementBBoxes: m,
+          sideElementBBoxes: l,
           xGroupKeys: f.xGroupKeys,
           yGroupKeys: f.yGroupKeys,
           xDataByKeys: f.xDataByKeys,
@@ -109,21 +110,21 @@ function je({
           aesScales: R
         }
       ),
-      m.top.facetTitle.isVisible && /* @__PURE__ */ r.jsx(
+      l.top.facetTitle.isVisible && /* @__PURE__ */ r.jsx(
         "text",
         {
-          x: m.top.facetTitle.x,
-          y: m.top.facetTitle.y + m.top.facetTitle.height - oe,
+          x: l.top.facetTitle.x,
+          y: l.top.facetTitle.y + l.top.facetTitle.height - ie,
           fontWeight: "500",
           fontSize: "20px",
-          children: f.facetKeyValues[o].join(", ")
+          children: f.facetKeyValues[n].join(", ")
         }
       ),
       k,
-      p.map(
-        (d) => V.map((L) => {
+      E.map(
+        (d) => w.map((L) => {
           var O;
-          const u = (O = a == null ? void 0 : a[d]) == null ? void 0 : O[L], M = X && W(t.selectedData) && (u == null ? void 0 : u.id) === t.selectedData.id, B = u ? /* @__PURE__ */ r.jsx(
+          const u = (O = m == null ? void 0 : m[d]) == null ? void 0 : O[L], ee = M && W(t.selectedData) && (u == null ? void 0 : u.id) === t.selectedData.id, B = u ? /* @__PURE__ */ r.jsx(
             "rect",
             {
               x: i.x(d),
@@ -132,71 +133,71 @@ function je({
               height: s,
               stroke: T.cellStrokeColor,
               fill: u.value === null ? T.emptyCellColor : z(u.normalizedValue),
-              onMouseOver: () => t.onMouseEnter(u, o),
+              onMouseOver: () => t.onMouseEnter(u, n),
               onMouseLeave: () => t.onMouseLeave()
             },
             u ? u.id : `${d}_${L}`
           ) : null;
-          return M ? te.createPortal(B, y) : B;
+          return ee ? ne.createPortal(B, y) : B;
         })
       ),
       /* @__PURE__ */ r.jsx(
-        ue,
+        le,
         {
           frame: h.frame,
-          xGroupKeys: l,
-          yGroupKeys: b,
+          xGroupKeys: a,
+          yGroupKeys: C,
           xKeysByGroups: j,
-          yKeysByGroups: C,
+          yKeysByGroups: b,
           scales: i,
           stepX: c,
           stepY: s,
-          width: A,
-          height: F
+          width: V,
+          height: v
         }
       ),
       /* @__PURE__ */ r.jsx(
-        ie,
+        ue,
         {
-          xAxis: J,
-          yAxis: Q,
+          xAxis: Q,
+          yAxis: U,
           scales: i,
           stepX: c,
           stepY: s,
           debug: k,
-          sideElementBBoxes: m,
-          xKeys: p,
-          yKeys: V,
-          xGroupKeys: l,
-          yGroupKeys: b,
+          sideElementBBoxes: l,
+          xKeys: E,
+          yKeys: w,
+          xGroupKeys: a,
+          yGroupKeys: C,
           xKeysByGroups: j,
-          yKeysByGroups: C,
+          yKeysByGroups: b,
           xGroupLabels: K,
-          yGroupLabels: D,
+          yGroupLabels: G,
           labelAngles: Z,
-          xLabels: G,
-          yLabels: Y
+          xLabels: Y,
+          yLabels: X
         }
       )
     ] }),
-    h.tooltips.show && W(t.selectedData) && t.currentFacet === o && /* @__PURE__ */ r.jsx(
+    h.tooltips.show && W(t.selectedData) && t.currentFacet === n && /* @__PURE__ */ r.jsx(
       S,
       {
-        content: xe(t.selectedData, f, E == null ? void 0 : E.content),
+        content: me(q, t.selectedData, f, p == null ? void 0 : p.content),
         x: i.x(String(t.selectedData.x)) + c / 2,
         y: i.y(String(t.selectedData.y)) + s / 2,
-        offset: p.length > 1 ? c / 2 : 0,
+        offset: E.length > 1 ? c / 2 : 0,
         active: !0,
         sideDistances: _,
         fixed: t.fixed,
         onClose: t.onClose,
-        container: w
+        container: A
       }
     ),
-    h.tooltips.show && me(t.selectedData) && t.currentFacet === o && /* @__PURE__ */ r.jsx(
+    h.tooltips.show && ce(t.selectedData) && t.currentFacet === n && /* @__PURE__ */ r.jsx(
       S,
       {
-        content: le(t.selectedData, f),
+        content: ae(t.selectedData, f),
         x: t.selectedData.x,
         y: t.selectedData.y,
         offset: 0,
@@ -204,16 +205,16 @@ function je({
         sideDistances: _,
         fixed: t.fixed,
         onClose: t.onClose,
-        container: w
+        container: A
       }
     ),
     /* @__PURE__ */ r.jsxs("g", { transform: `translate(${x.left},${x.top})`, children: [
-      t.fixed && /* @__PURE__ */ r.jsx("rect", { width: $.chartWidth, height: $.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
+      t.fixed && /* @__PURE__ */ r.jsx("rect", { width: g.chartWidth, height: g.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
       /* @__PURE__ */ r.jsx(
         "g",
         {
           ref: (d) => {
-            d && !y && q(d);
+            d && !y && J(d);
           }
         }
       )
@@ -221,6 +222,6 @@ function je({
   ] });
 }
 export {
-  je as Chart
+  pe as Chart
 };
 //# sourceMappingURL=Chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../src/heatmap/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 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):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: ${formatCellValue(cell.value)}${cell.value !== cell.normalizedValue ? ` (${formatCellValue(cell.normalizedValue)})`: ''}`,\n    ];\n    for (const column of columnsList) {\n        lines.push(`${column.label}: ${row[column.valueLabels ?? column.value]}`);\n    }\n    return lines;\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)}`);\n    return lines;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && !('data' in d);\n}\nfunction isCellTooltip(d:Cell|AnnotationTooltipData|null):d is Cell {\n    return d !== null && 'data' 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 [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(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","whole","decimal","getTooltipContent","cell","cellsMeta","columnsList","row","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","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 { 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):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(dataFrame: DataFrame, cell: Cell, cellsMeta:GroupedCellsData['meta'], columnsList: ColumnName[] = []) {\n    const lines = [\n        `X: ${cellsMeta.xLabels[cell.x as string]}`,\n        `Y: ${cellsMeta.yLabels[cell.y as string]}`,\n        `Value: ${formatCellValue(cell.value)}${cell.value !== cell.normalizedValue ? ` (${formatCellValue(cell.normalizedValue)})`: ''}`,\n    ];\n    for (const column of columnsList) {\n        lines.push(`${column.label}: ${dataFrame.getColumnValue(column.value, cell.idx)}`);\n    }\n    return lines;\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)}`);\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","whole","decimal","getTooltipContent","dataFrame","cell","cellsMeta","columnsList","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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"}

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

@@ -1,7 +1,7 @@
-import { LabelAngles, AnnotationColorScales, CaptionsSizes, ChartDendrograms, DendrogramAesScales, Margins, ChartDimensionsData, ChartSizes, ChartsScales } from './types';
+import { LegendData } from '../../common/types';
 import { GroupedCellsData } from '../getCells';
 import { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';
-import { LegendData } from '../../common/types';
+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 }: {
     margins: Margins;
     captionsSizes: CaptionsSizes;

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,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EACR,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,OAAO,EACV,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAC,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAE3E,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAIhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,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,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"}

package/dist/heatmap/components/ChartsGroup.js

@@ -1,12 +1,12 @@
 import { j as t } from "../../node_modules/react/jsx-runtime.js";
-import { useTooltip as O } from "../../common/Tooltip.js";
-import { Chart as _ } from "./Chart.js";
-import { ErrorBoundary as b } from "../../common/ErrorBoundary.js";
-import { ChartsTitle as k } from "../../common/ChartsTitle.js";
-import { LEGEND_OFFSET as q } from "../constants.js";
 import { r as h } from "../../_virtual/index.js";
-import A from "../../common/fonts.js";
-import { Legend as J } from "../../common/Legend.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({
   margins: s,
   captionsSizes: a,
@@ -33,12 +33,12 @@ function oo({
   labelAngles: P,
   onTooltipHintSwitch: X
 }) {
-  const [Y, v] = h.useState(), F = O(X), e = h.useRef(null);
+  const [Y, v] = h.useState(), F = q(X), e = h.useRef(null);
   h.useEffect(() => {
     e.current && v(e.current);
   }, []);
-  const u = p[i[0]].padding, L = p[i[W - 1]].padding, R = s.left + r.chartsWidth + q, H = s.top + u.top;
-  return /* @__PURE__ */ t.jsx(b, { dataId: f, children: /* @__PURE__ */ t.jsxs(
+  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(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -47,10 +47,10 @@ function oo({
       height: r.totalHeight,
       fontFamily: "Manrope",
       children: [
-        /* @__PURE__ */ t.jsx("defs", { children: A }),
+        /* @__PURE__ */ t.jsx("defs", { children: b }),
         /* @__PURE__ */ t.jsxs("g", { transform: `translate(${s.left},${s.top})`, children: [
           /* @__PURE__ */ t.jsx(
-            k,
+            O,
             {
               title: [d.title.name],
               show: d.title.show,
@@ -63,7 +63,7 @@ function oo({
           i.map((o) => {
             const { cells: D, xKeysByGroups: I, yKeysByGroups: N } = w[o];
             return /* @__PURE__ */ t.jsx(
-              _,
+              J,
               {
                 dendrograms: T[o],
                 captionsSizes: a,
@@ -96,7 +96,7 @@ function oo({
             );
           })
         ] }),
-        /* @__PURE__ */ t.jsx("g", { transform: `translate(${R},${H})`, children: /* @__PURE__ */ t.jsx(J, { legendData: C }) }),
+        /* @__PURE__ */ t.jsx("g", { transform: `translate(${R},${H})`, children: /* @__PURE__ */ t.jsx(k, { legendData: C }) }),
         /* @__PURE__ */ t.jsx("g", { ref: e, style: { outline: "none" } })
       ]
     }