@milaboratories/miplots4 1.0.129 → 1.0.131

package/dist/bubble/components/Chart.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../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","BLACK","AxisCaptions","node","Tooltip"],"mappings":"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"}
+{"version":3,"file":"Chart.js","sources":["../../../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","BLACK","AxisCaptions","node","Tooltip"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-import { LabelAngles, CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, Margins } from './types';
-import { GroupedCellsData } from '../getCells';
-import { BubbleSettingsImpl } from '../BubbleSettingsImpl';
-import { DataValue } from '../../types';
 import { LegendData } from '../../common/types';
-export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartSettings, chartSizes, chartsDimensions, facetKeys, scales, colorScale, sizeScale, groupedCells, cellsMeta, step, legend, aes, columnsCount, labelAngles, onTooltipHintSwitch }: {
+import { DataValue } from '../../types';
+import { BubbleSettingsImpl } from '../BubbleSettingsImpl';
+import { Cell, GroupedCellsData } from '../getGroupedCellsData';
+import { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';
+export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartSettings, chartSizes, chartsDimensions, facetKeys, scales, colorScale, sizeScale, groupedCells, cellsMeta, step, legend, aes, columnsCount, labelAngles, getCellTooltip, onTooltipHintSwitch }: {
     margins: Margins;
     captionsSizes: CaptionsSizes;
     chartSettings: BubbleSettingsImpl['chartSettings'];
@@ -25,6 +25,7 @@ export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartS
     aes: BubbleSettingsImpl['aes'];
     columnsCount: number;
     labelAngles: LabelAngles;
+    getCellTooltip: (cell: Cell) => string[];
     onTooltipHintSwitch: (v: boolean) => void;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChartsGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/bubble/components/ChartsGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EACR,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,OAAO,EACV,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAO,gBAAgB,EAAC,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAE9D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAI3C,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,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,MAAM,EACN,GAAG,EACH,YAAY,EACZ,WAAW,EACX,mBAAmB,EACtB,EAAE;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,YAAY,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IAC7B,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAA;CAC3C,2CAoEA"}
+{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/bubble/components/ChartsGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,KAAK,EACR,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,UAAU,EAAE,WAAW,EAAE,OAAO,EACnC,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,MAAM,EACN,GAAG,EACH,YAAY,EACZ,WAAW,EACX,cAAc,EACd,mBAAmB,EACtB,EAAE;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,YAAY,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IAC7B,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;IACzC,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CAC5C,2CAqEA"}

package/dist/bubble/components/ChartsGroup.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.js","sources":["../../../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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"}
+{"version":3,"file":"ChartsGroup.js","sources":["../../../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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"}

package/dist/bubble/getCellTooltip.d.ts

@@ -0,0 +1,5 @@
+import { DataFrame } from '../DataFrame';
+import { ColumnName } from '../types';
+import { Cell, GroupedCellsData } from './getGroupedCellsData';
+export declare function getCellTooltip(dataFrame: DataFrame, cell: Cell, cellsMeta: GroupedCellsData['meta'], columnsList?: ColumnName[]): string[];
+//# sourceMappingURL=getCellTooltip.d.ts.map

package/dist/bubble/getCellTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCellTooltip.d.ts","sourceRoot":"","sources":["../../src/bubble/getCellTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAE,UAAU,EAAO,YAcnI"}

package/dist/bubble/getCellTooltip.js

@@ -0,0 +1,28 @@
+function s(e, o, u, i = []) {
+  const l = [
+    `X: ${u.xLabels[o.x]}`,
+    `Y: ${u.yLabels[o.y]}`,
+    `Value (color): ${a(o.colorValue)}${o.colorValue !== o.normalizedColorValue ? ` (${a(o.normalizedColorValue)})` : ""}`,
+    `Value (size): ${a(o.sizeValue)}${o.sizeValue !== o.normalizedSizeValue ? ` (${a(o.normalizedSizeValue)})` : ""}`
+  ];
+  for (const n of i) {
+    const r = n.valueLabels ?? n.value;
+    if (r === void 0) continue;
+    const t = e.getColumnValue(r, o.idx);
+    l.push(`${n.label}: ${t}`);
+  }
+  return l;
+}
+function a(e) {
+  if (e === null)
+    return "null";
+  if (typeof e == "number") {
+    const o = e > 0 ? Math.floor(e) : Math.ceil(e), u = e - o;
+    return o + Number(u.toPrecision(2));
+  }
+  return e;
+}
+export {
+  s as getCellTooltip
+};
+//# sourceMappingURL=getCellTooltip.js.map

package/dist/bubble/getCellTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCellTooltip.js","sources":["../../src/bubble/getCellTooltip.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport type { Cell, GroupedCellsData } from './getGroupedCellsData';\n\nexport function getCellTooltip(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 (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        const labelColumn =column.valueLabels ?? column.value;\n        if (labelColumn === undefined) continue;\n        const valueLabel = dataFrame.getColumnValue(labelColumn, cell.idx);\n        lines.push(`${column.label}: ${valueLabel}`);\n    }\n    return lines;\n}\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}"],"names":["getCellTooltip","dataFrame","cell","cellsMeta","columnsList","lines","formatCellValue","column","labelColumn","valueLabel","v","whole","decimal"],"mappings":"AAIO,SAASA,EAAeC,GAAsBC,GAAYC,GAAqCC,IAA4B,CAAA,GAAI;AAClI,QAAMC,IAAQ;AAAA,IACV,MAAMF,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,MAAMC,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,kBAAkBI,EAAgBJ,EAAK,UAAU,CAAC,GAAGA,EAAK,eAAeA,EAAK,uBAAuB,KAAKI,EAAgBJ,EAAK,oBAAoB,CAAC,MAAK,EAAE;AAAA,IAC3J,iBAAiBI,EAAgBJ,EAAK,SAAS,CAAC,GAAGA,EAAK,cAAcA,EAAK,sBAAsB,KAAKI,EAAgBJ,EAAK,mBAAmB,CAAC,MAAK,EAAE;AAAA,EAAA;AAE1J,aAAWK,KAAUH,GAAa;AAC9B,UAAMI,IAAaD,EAAO,eAAeA,EAAO;AAChD,QAAIC,MAAgB,OAAW;AAC/B,UAAMC,IAAaR,EAAU,eAAeO,GAAaN,EAAK,GAAG;AACjE,IAAAG,EAAM,KAAK,GAAGE,EAAO,KAAK,KAAKE,CAAU,EAAE;AAAA,EAC/C;AACA,SAAOJ;AACX;AAEA,SAASC,EAAiBI,GAA+B;AACrD,MAAIA,MAAM;AACN,WAAO;AAEX,MAAI,OAAOA,KAAM,UAAU;AACvB,UAAMC,IAAQD,IAAI,IAAI,KAAK,MAAMA,CAAC,IAAI,KAAK,KAAKA,CAAC,GAC3CE,IAAUF,IAAIC;AACpB,WAAOA,IAAQ,OAAOC,EAAQ,YAAY,CAAC,CAAC;AAAA,EAChD;AACA,SAAOF;AACX;"}

package/dist/bubble/{getCells.d.ts → getGroupedCellsData.d.ts}

@@ -1,15 +1,15 @@
-import { BubbleSettingsImpl } from './BubbleSettingsImpl';
 import { DataFrame } from '../DataFrame';
 import { ColumnName, DataValue } from '../types';
+import { BubbleSettingsImpl } from './BubbleSettingsImpl';
 export type Cell = {
     id: string;
+    idx: number;
     sizeValue: DataValue;
     colorValue: DataValue;
     normalizedSizeValue: DataValue;
     normalizedColorValue: DataValue;
     x: DataValue;
     y: DataValue;
-    data: Record<string, DataValue>;
 };
 export type GroupedCellsData = {
     meta: {
@@ -28,5 +28,5 @@ export type GroupedCellsData = {
         cells: Record<string, Record<string, Cell>>;
     }>;
 };
-export declare function getCells(data: DataFrame, xColumn: ColumnName, yColumn: ColumnName, valueColumnSize: ColumnName, valueColumnColor: ColumnName, facetBy: ColumnName[], facetKeysCombinations: string[][], normalization: BubbleSettingsImpl['normalization'], NAValueAs: BubbleSettingsImpl['NAValueAs']): GroupedCellsData;
-//# sourceMappingURL=getCells.d.ts.map
+export declare function getGroupedCellsData(data: DataFrame, xColumn: ColumnName, yColumn: ColumnName, valueColumnSize: ColumnName, valueColumnColor: ColumnName, facetBy: ColumnName[], facetKeysCombinations: string[][], normalization: BubbleSettingsImpl['normalization'], NAValueAs: BubbleSettingsImpl['NAValueAs']): GroupedCellsData;
+//# sourceMappingURL=getGroupedCellsData.d.ts.map

package/dist/bubble/getGroupedCellsData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getGroupedCellsData.d.ts","sourceRoot":"","sources":["../../src/bubble/getGroupedCellsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAuB,MAAM,UAAU,CAAC;AAC3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAgC/D,MAAM,MAAM,IAAI,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,mBAAmB,EAAE,SAAS,CAAC;IAC/B,oBAAoB,EAAE,SAAS,CAAC;IAChC,CAAC,EAAE,SAAS,CAAC;IACb,CAAC,EAAE,SAAS,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE;QACF,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACzC,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACtC,CAAC;IAEF,MAAM,EAAE,MAAM,CACV,MAAM,EACN;QAEI,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,EAAE,MAAM,EAAE,CAAC;QAEhB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;KAC/C,CACJ,CAAC;CACL,CAAC;AAEF,wBAAgB,mBAAmB,CAC/B,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,eAAe,EAAE,UAAU,EAC3B,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE,UAAU,EAAE,EACrB,qBAAqB,EAAE,MAAM,EAAE,EAAE,EACjC,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,GAC3C,gBAAgB,CAgKlB"}