@milaboratories/miplots4 1.0.176 → 1.0.177

package/dist/scatterplot/components/ChartLayersData.js

@@ -1,232 +1,132 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
-import { r as c } from "../../_virtual/index.js";
-import { getLineShape as L } from "../../utils/getLineShape.js";
-import { getPointShape as l } from "../../utils/getPointShape.js";
-import { TextMeasurer as C } from "../../utils/TextMeasurer/TextMeasurer.js";
-import { getLabelMinX as k, getLabelMinY as v, createLabelPositioner as M } from "../utils/getVisibleLabels.js";
-import D from "../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/line.js";
-import $ from "../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/curve/basis.js";
-const w = 3, _ = c.memo(({
-  width: t,
-  height: e,
-  scales: i,
-  dotsData: o,
-  layersData: r,
-  aesGetters: n,
-  onMouseEnterDot: d,
-  onMouseLeaveDot: p
-}) => r.map((m, x) => {
-  if (m.type === "dots")
-    return /* @__PURE__ */ s.jsx(
-      B,
-      {
-        width: t,
-        height: e,
-        scales: i,
-        dotsData: o,
-        layersData: r,
-        aesGetters: n,
-        onMouseEnterDot: d,
-        onMouseLeaveDot: p
-      },
-      m.type + x
-    );
-  if (m.type === "curve")
-    return /* @__PURE__ */ s.jsx(
-      b,
-      {
-        layer: m,
-        scales: i,
-        aesGetters: n
-      },
-      m.type + x
-    );
-})), B = c.memo(({
-  width: t,
-  height: e,
-  scales: i,
-  dotsData: o,
-  layersData: r,
-  aesGetters: n,
-  onMouseEnterDot: d,
-  onMouseLeaveDot: p
-}) => {
-  const { dots: m } = o, [x, u] = c.useState(null), h = c.useMemo(() => r.findIndex((a) => a.type === "dots") !== -1, [r]), f = c.useMemo(() => h ? W(
-    m,
-    i,
-    t,
-    e,
-    n
-  ) : [], [m, i.x, i.y, t, e, n, h]);
-  return /* @__PURE__ */ s.jsxs("g", { children: [
-    /* @__PURE__ */ s.jsx(
-      z,
-      {
-        scales: i,
-        dotsData: o,
-        aesGetters: n,
-        onMouseEnter: d,
-        onMouseLeave: p
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      P,
-      {
-        labels: f,
-        onMouseEnter: (a) => u(a),
-        onMouseLeave: () => u(null)
-      }
-    ),
-    x && /* @__PURE__ */ s.jsxs(
-      "g",
-      {
-        transform: `translate(${i.x(x.x)},${i.y(x.y)})`,
-        children: [
-          l(
-            n.dotShape(x.idx),
-            n.dotSize(x.idx) + 1,
-            "white",
-            "white"
-          ),
-          l(
-            n.dotShape(x.idx),
-            n.dotSize(x.idx),
-            n.dotColor(x.idx)
-          )
-        ]
-      },
-      "activeDot"
-    )
-  ] });
-}), b = c.memo(({
-  layer: t,
-  scales: e,
-  aesGetters: i
-}) => {
-  if (t.type === "curve" && !t.info.smoothing)
-    return t.geoms.map((o, r) => /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsx(
-      "polyline",
-      {
-        points: o.dots.map((n) => `${e.x(n.x)},${e.y(n.y)}`).join(" "),
-        fill: "none",
-        stroke: i.lineColor(o.dots[0].idx),
-        strokeWidth: t.info.aes.lineWidth,
-        strokeDasharray: L(t.info.aes.lineShape)
-      }
-    ) }, r));
-  if (t.type === "curve" && t.info.smoothing)
-    return t.geoms.map((o, r) => /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsx(
-      "path",
-      {
-        d: D().curve($).x((n) => e.x(n.x)).y((n) => e.y(n.y))(o.dots) ?? "",
-        fill: "none",
-        stroke: i.lineColor(o.dots[0].idx),
-        strokeWidth: t.info.aes.lineWidth,
-        strokeDasharray: L(t.info.aes.lineShape)
-      }
-    ) }, r));
-}), z = c.memo(({
-  scales: t,
-  dotsData: e,
-  aesGetters: i,
-  onMouseEnter: o,
-  onMouseLeave: r
-}) => {
-  const { dots: n } = e;
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: n.map((d, p) => /* @__PURE__ */ s.jsx(
-    F,
-    {
-      dot: d,
-      scales: t,
-      aesGetters: i,
-      onMouseEnter: o,
-      onMouseLeave: r
-    },
-    p
-  )) });
-}), F = (({
-  dot: t,
-  scales: e,
-  aesGetters: i,
-  onMouseEnter: o,
-  onMouseLeave: r
-}) => /* @__PURE__ */ s.jsx(
-  "g",
-  {
-    transform: `translate(${e.x(t.x)},${e.y(t.y)})`,
-    opacity: t.dimmed ? 0.3 : 1,
-    onMouseOver: () => o == null ? void 0 : o(t),
-    onMouseLeave: () => r == null ? void 0 : r(t),
-    children: l(
-      i.dotShape(t.idx),
-      i.dotSize(t.idx),
-      i.dotColor(t.idx)
-    )
-  }
-)), P = c.memo(({
-  labels: t,
-  onMouseEnter: e,
-  onMouseLeave: i
-}) => /* @__PURE__ */ s.jsx(s.Fragment, { children: t.map((o, r) => {
-  const { name: n, height: d, width: p } = o;
-  return /* @__PURE__ */ s.jsxs("g", { transform: `translate(${k(o)},${v(o)})`, children: [
-    /* @__PURE__ */ s.jsx(
-      "rect",
-      {
-        x: "0",
-        y: "0",
-        width: p,
-        height: d,
-        fill: "transparent",
-        stroke: "none",
-        onMouseEnter: () => e(o.dot),
-        onMouseLeave: () => i(o.dot)
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      "text",
-      {
-        x: 0,
-        y: d / 2,
-        stroke: "white",
-        strokeWidth: 2,
-        paintOrder: "stroke",
-        style: { pointerEvents: "none" },
-        fontFamily: "Manrope",
-        fontSize: "16px",
-        dominantBaseline: "middle",
-        children: n
-      }
-    )
-  ] }, r);
+import { TextMeasurer as e } from "../../utils/TextMeasurer/TextMeasurer.js";
+import { getPointShape as t } from "../../utils/getPointShape.js";
+import { getLineShape as n } from "../../utils/getLineShape.js";
+import { createLabelPositioner as r, getLabelMinX as i, getLabelMinY as a } from "../utils/getVisibleLabels.js";
+import { memo as o, useMemo as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { curveBasis as f, line as p } from "d3-shape";
+var m = 3;
+const h = o(({ width: e, height: t, scales: n, dotsData: r, layersData: i, aesGetters: a, onMouseEnterDot: o, onMouseLeaveDot: s }) => i.map((c, l) => {
+	if (c.type === "dots") return /* @__PURE__ */ u(g, {
+		width: e,
+		height: t,
+		scales: n,
+		dotsData: r,
+		layersData: i,
+		aesGetters: a,
+		onMouseEnterDot: o,
+		onMouseLeaveDot: s
+	}, c.type + l);
+	if (c.type === "curve") return /* @__PURE__ */ u(_, {
+		layer: c,
+		scales: n,
+		aesGetters: a
+	}, c.type + l);
+})), g = o(({ width: e, height: n, scales: r, dotsData: i, layersData: a, aesGetters: o, onMouseEnterDot: l, onMouseLeaveDot: f }) => {
+	let { dots: p } = i, [m, h] = c(null), g = s(() => a.findIndex((e) => e.type === "dots") !== -1, [a]), _ = s(() => g ? x(p, r, e, n, o) : [], [
+		p,
+		r.x,
+		r.y,
+		e,
+		n,
+		o,
+		g
+	]);
+	return /* @__PURE__ */ d("g", { children: [
+		/* @__PURE__ */ u(v, {
+			scales: r,
+			dotsData: i,
+			aesGetters: o,
+			onMouseEnter: l,
+			onMouseLeave: f
+		}),
+		/* @__PURE__ */ u(b, {
+			labels: _,
+			onMouseEnter: (e) => h(e),
+			onMouseLeave: () => h(null)
+		}),
+		m && /* @__PURE__ */ d("g", {
+			transform: `translate(${r.x(m.x)},${r.y(m.y)})`,
+			children: [t(o.dotShape(m.idx), o.dotSize(m.idx) + 1, "white", "white"), t(o.dotShape(m.idx), o.dotSize(m.idx), o.dotColor(m.idx))]
+		}, "activeDot")
+	] });
+}), _ = o(({ layer: e, scales: t, aesGetters: r }) => {
+	if (e.type === "curve" && !e.info.smoothing) return e.geoms.map((i, a) => /* @__PURE__ */ u("g", { children: /* @__PURE__ */ u("polyline", {
+		points: i.dots.map((e) => `${t.x(e.x)},${t.y(e.y)}`).join(" "),
+		fill: "none",
+		stroke: r.lineColor(i.dots[0].idx),
+		strokeWidth: e.info.aes.lineWidth,
+		strokeDasharray: n(e.info.aes.lineShape)
+	}) }, a));
+	if (e.type === "curve" && e.info.smoothing) return e.geoms.map((i, a) => /* @__PURE__ */ u("g", { children: /* @__PURE__ */ u("path", {
+		d: p().curve(f).x((e) => t.x(e.x)).y((e) => t.y(e.y))(i.dots) ?? "",
+		fill: "none",
+		stroke: r.lineColor(i.dots[0].idx),
+		strokeWidth: e.info.aes.lineWidth,
+		strokeDasharray: n(e.info.aes.lineShape)
+	}) }, a));
+}), v = o(({ scales: e, dotsData: t, aesGetters: n, onMouseEnter: r, onMouseLeave: i }) => {
+	let { dots: a } = t;
+	return /* @__PURE__ */ u(l, { children: a.map((t, a) => /* @__PURE__ */ u(y, {
+		dot: t,
+		scales: e,
+		aesGetters: n,
+		onMouseEnter: r,
+		onMouseLeave: i
+	}, a)) });
+}), y = (({ dot: e, scales: n, aesGetters: r, onMouseEnter: i, onMouseLeave: a }) => /* @__PURE__ */ u("g", {
+	transform: `translate(${n.x(e.x)},${n.y(e.y)})`,
+	opacity: e.dimmed ? .3 : 1,
+	onMouseOver: () => i?.(e),
+	onMouseLeave: () => a?.(e),
+	children: t(r.dotShape(e.idx), r.dotSize(e.idx), r.dotColor(e.idx))
+})), b = o(({ labels: e, onMouseEnter: t, onMouseLeave: n }) => /* @__PURE__ */ u(l, { children: e.map((e, r) => {
+	let { name: o, height: s, width: c } = e;
+	return /* @__PURE__ */ d("g", {
+		transform: `translate(${i(e)},${a(e)})`,
+		children: [/* @__PURE__ */ u("rect", {
+			x: "0",
+			y: "0",
+			width: c,
+			height: s,
+			fill: "transparent",
+			stroke: "none",
+			onMouseEnter: () => t(e.dot),
+			onMouseLeave: () => n(e.dot)
+		}), /* @__PURE__ */ u("text", {
+			x: 0,
+			y: s / 2,
+			stroke: "white",
+			strokeWidth: 2,
+			paintOrder: "stroke",
+			style: { pointerEvents: "none" },
+			fontFamily: "Manrope",
+			fontSize: "16px",
+			dominantBaseline: "middle",
+			children: o
+		})]
+	}, r);
 }) }));
-function W(t, e, i, o, r) {
-  const n = new C("16px Manrope"), d = M(i, o), p = [];
-  for (let m = 0; m < t.length; m++) {
-    const x = t[m];
-    if (x.label == null)
-      continue;
-    const u = String(x.label), h = n.getTextMetrics(u), f = e.x(x.x), a = e.y(x.y), j = h.width, y = h.actualBoundingBoxAscent + h.actualBoundingBoxDescent, S = r.dotSize(x.idx) + w, g = d(f, a, j, y, S);
-    g && p.push({
-      x: f,
-      y: a,
-      dot: x,
-      name: u,
-      width: j,
-      height: y,
-      padding: S,
-      xPosition: g[0],
-      yPosition: g[1]
-    });
-  }
-  return p;
+function x(t, n, i, a, o) {
+	let s = new e("16px Manrope"), c = r(i, a), l = [];
+	for (let e = 0; e < t.length; e++) {
+		let r = t[e];
+		if (r.label == null) continue;
+		let i = String(r.label), a = s.getTextMetrics(i), u = n.x(r.x), d = n.y(r.y), f = a.width, p = a.actualBoundingBoxAscent + a.actualBoundingBoxDescent, h = o.dotSize(r.idx) + m, g = c(u, d, f, p, h);
+		g && l.push({
+			x: u,
+			y: d,
+			dot: r,
+			name: i,
+			width: f,
+			height: p,
+			padding: h,
+			xPosition: g[0],
+			yPosition: g[1]
+		});
+	}
+	return l;
 }
-export {
-  b as ChartCurveLayer,
-  F as ChartDot,
-  z as ChartDots,
-  P as ChartLabels,
-  B as ChartLayerDots,
-  _ as ChartLayersData
-};
-//# sourceMappingURL=ChartLayersData.js.map
+export { y as ChartDot, h as ChartLayersData };
+
+//# sourceMappingURL=ChartLayersData.js.map

package/dist/scatterplot/components/ChartLayersData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLayersData.js","sources":["../../../src/scatterplot/components/ChartLayersData.tsx"],"sourcesContent":["import { curveBasis, line } from 'd3-shape';\nimport { memo, useMemo, useState } from 'react';\nimport { getLineShape } from '../../utils/getLineShape';\nimport { getPointShape } from '../../utils/getPointShape';\nimport { TextMeasurer } from '../../utils/TextMeasurer/TextMeasurer';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotLayerData } from '../getLayersData';\nimport type { Label } from '../utils/getVisibleLabels';\nimport { createLabelPositioner, getLabelMinX, getLabelMinY } from '../utils/getVisibleLabels';\nimport type {\n    AesGetters,\n    ChartScales\n} from './types';\nconst LABEL_OFFSET = 3;\n\ninterface Props {\n    width: number;\n    height: number;\n    scales: ChartScales;\n    dotsData: GroupedDots[keyof GroupedDots];\n    layersData: ScatterplotLayerData[];\n    aesGetters: AesGetters;\n    onMouseEnterDot?: (dot: Dot) => void;\n    onMouseLeaveDot?: (dot: Dot) => void;\n}\n\ntype PointValue = { valueOf(): number; } & string;\n\nexport const ChartLayersData = memo(({\n    width,\n    height,\n    scales,\n    dotsData,\n    layersData,\n    aesGetters,\n    onMouseEnterDot,\n    onMouseLeaveDot,\n}: Props) => {\n    return layersData.map((layer, idx) => {\n        if (layer.type === 'dots') {\n            return <ChartLayerDots\n                key={layer.type + idx}\n                width={width}\n                height={height}\n                scales={scales}\n                dotsData={dotsData}\n                layersData={layersData}\n                aesGetters={aesGetters}\n                onMouseEnterDot={onMouseEnterDot}\n                onMouseLeaveDot={onMouseLeaveDot}\n            />;\n        }\n\n        if (layer.type === 'curve') {\n            return <ChartCurveLayer\n                key={layer.type + idx}\n                layer={layer}\n                scales={scales}\n                aesGetters={aesGetters}\n            />;\n        }\n    });\n});\n\nexport const ChartLayerDots = memo(({\n    width,\n    height,\n    scales,\n    dotsData,\n    layersData,\n    aesGetters,\n    onMouseEnterDot,\n    onMouseLeaveDot,\n}: Props) => {\n    const {dots} = dotsData;\n\n    const [activeDot, setActiveDot] = useState<Dot | null>(null);\n    const hasLayerDots = useMemo(() => layersData.findIndex(layer => layer.type === 'dots') !== -1, [layersData]);\n    \n    const labels = useMemo<Label[]>(() =>{\n        if (!hasLayerDots) return [];\n        return computeLabels(\n            dots,\n            scales,\n            width,\n            height,\n            aesGetters,\n        );\n    }, [dots, scales.x, scales.y, width, height, aesGetters, hasLayerDots]);\n\n    return (\n        <g>\n            <ChartDots\n                scales={scales}\n                dotsData={dotsData}\n                aesGetters={aesGetters}\n                onMouseEnter={onMouseEnterDot}\n                onMouseLeave={onMouseLeaveDot}\n            />\n            <ChartLabels\n                labels={labels}\n                onMouseEnter={dot => setActiveDot(dot)}\n                onMouseLeave={() => setActiveDot(null)}\n            />\n            {activeDot && (\n                <g\n                    key=\"activeDot\"\n                    transform={`translate(${scales.x(activeDot.x as PointValue)},${scales.y(activeDot.y as PointValue) as number})`}\n                >\n                    {getPointShape(\n                        aesGetters.dotShape(activeDot.idx),\n                        aesGetters.dotSize(activeDot.idx) + 1,\n                        'white',\n                        'white'\n                    )}\n                    {getPointShape(\n                        aesGetters.dotShape(activeDot.idx),\n                        aesGetters.dotSize(activeDot.idx),\n                        aesGetters.dotColor(activeDot.idx)\n                    )}\n                </g>\n            )}\n        </g>\n    );\n});\n\nexport const ChartCurveLayer = memo(({\n    layer,\n    scales,\n    aesGetters,\n}: {\n    layer: ScatterplotLayerData;\n    scales: ChartScales;\n    aesGetters: AesGetters;\n}) => {\n    if (layer.type === 'curve' && !layer.info.smoothing) {\n        return layer.geoms.map((curve, idx) => (\n            <g key={idx}>\n                <polyline\n                    points={curve.dots.map(d => `${scales.x(d.x as PointValue) as number},${scales.y(d.y as PointValue) as number}`).join(' ')}\n                    fill=\"none\"\n                    stroke={aesGetters.lineColor(curve.dots[0].idx)}\n                    strokeWidth={layer.info.aes.lineWidth}\n                    strokeDasharray={getLineShape(layer.info.aes.lineShape)}\n                />\n            </g>\n        ));\n    }\n\n    if (layer.type === 'curve' && layer.info.smoothing) {\n        return layer.geoms.map((curve, idx) => (\n            <g key={idx}>\n                <path\n                    d={\n                        line<Dot>()\n                            .curve(curveBasis)\n                            .x((d: Dot) => scales.x(d.x as PointValue) as number)\n                            .y((d: Dot) => scales.y(d.y as PointValue) as number)(curve.dots) ?? ''\n                    }\n                    fill=\"none\"\n                    stroke={aesGetters.lineColor(curve.dots[0].idx)}\n                    strokeWidth={layer.info.aes.lineWidth}\n                    strokeDasharray={getLineShape(layer.info.aes.lineShape)}\n                />\n            </g>\n        ));\n    }\n});\n\nexport const ChartDots = memo(({\n    scales,\n    dotsData,\n    aesGetters,\n    onMouseEnter,\n    onMouseLeave,\n}: Pick<Props, 'scales' | 'dotsData' | 'aesGetters'> & {\n    onMouseEnter?: (dot: Dot) => void;\n    onMouseLeave?: (dot: Dot) => void;\n}) => {\n    const {dots} = dotsData;\n\n    return (<>\n        {dots.map((dot, idx) => {\n            return <ChartDot\n                key={idx}\n                dot={dot}\n                scales={scales}\n                aesGetters={aesGetters}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n            />;\n        })}\n    </>);\n});\n\nexport const ChartDot = (({\n    dot,\n    scales,\n    aesGetters,\n    onMouseEnter,\n    onMouseLeave,\n}: {\n    dot: Dot;\n    scales: ChartScales;\n    aesGetters: AesGetters;\n    onMouseEnter?: (dot: Dot) => void;\n    onMouseLeave?: (dot: Dot) => void;\n}) => {\n    return (<g\n        transform={`translate(${scales.x(dot.x as PointValue)},${scales.y(dot.y as PointValue)})`}\n        opacity={dot.dimmed ? 0.3 : 1}\n        onMouseOver={() => onMouseEnter?.(dot)}\n        onMouseLeave={() => onMouseLeave?.(dot)}\n    >\n        {getPointShape(\n            aesGetters.dotShape(dot.idx),\n            aesGetters.dotSize(dot.idx),\n            aesGetters.dotColor(dot.idx)\n        )}\n    </g>);\n});\n\nexport const ChartLabels = memo(({\n    labels,\n    onMouseEnter,\n    onMouseLeave,\n}: {\n    labels: Label[];\n    onMouseEnter: (dot: Dot ) => void;\n    onMouseLeave: (dot: Dot ) => void;\n}) => {\n    return (<>\n        {labels.map((label, idx) => {\n            const {name, height,  width} = label;\n            return (\n                <g key={idx} transform={`translate(${getLabelMinX(label)},${getLabelMinY(label)})`}>\n                    <rect\n                        x=\"0\"\n                        y=\"0\"\n                        width={width}\n                        height={height}\n                        fill=\"transparent\"\n                        stroke=\"none\"\n                        onMouseEnter={() => onMouseEnter(label.dot)}\n                        onMouseLeave={() => onMouseLeave(label.dot)}\n                    />\n                    <text\n                        x={0}\n                        y={height / 2}\n                        stroke=\"white\"\n                        strokeWidth={2}\n                        paintOrder=\"stroke\"\n                        style={{pointerEvents: 'none'}}\n                        fontFamily=\"Manrope\"\n                        fontSize=\"16px\"\n                        dominantBaseline=\"middle\"\n                    >\n                        {name}\n                    </text>\n                </g>\n            );\n        })}\n    </>);\n});\n\nfunction computeLabels(dots: Dot[], scales: ChartScales, chartWidth: number, chartHeight: number, aesGetters: AesGetters): Label[] {\n    const textMeasurer = new TextMeasurer('16px Manrope');\n    const getPosition = createLabelPositioner(chartWidth, chartHeight);\n    const labels: Label[] = [];\n\n    for (let i = 0; i < dots.length; i++) {\n        const dot = dots[i];\n        if (dot.label == null) {\n            continue;\n        }\n        const name = String(dot.label);\n        const metrics = textMeasurer.getTextMetrics(name);\n        const x = scales.x(dot.x as PointValue);\n        const y = scales.y(dot.y as PointValue);\n        const w = metrics.width;\n        const h = (metrics.actualBoundingBoxAscent) + (metrics.actualBoundingBoxDescent);\n        const p = aesGetters.dotSize(dot.idx) + LABEL_OFFSET;\n        const position = getPosition(x as number, y as number, w, h, p);\n        if (!position) {\n            continue;\n        }\n\n        labels.push({\n            x: x as number,\n            y: y as number,\n            dot,\n            name,\n            width: w,\n            height: h,\n            padding: p,\n            xPosition: position[0],\n            yPosition: position[1],\n        } satisfies Label);\n    }\n\n    return labels;\n}\n"],"names":["LABEL_OFFSET","ChartLayersData","memo","width","height","scales","dotsData","layersData","aesGetters","onMouseEnterDot","onMouseLeaveDot","layer","idx","jsx","ChartLayerDots","ChartCurveLayer","dots","activeDot","setActiveDot","useState","hasLayerDots","useMemo","labels","computeLabels","ChartDots","ChartLabels","dot","jsxs","getPointShape","curve","d","getLineShape","line","curveBasis","onMouseEnter","onMouseLeave","Fragment","ChartDot","label","name","getLabelMinX","getLabelMinY","chartWidth","chartHeight","textMeasurer","TextMeasurer","getPosition","createLabelPositioner","i","metrics","x","y","w","h","p","position"],"mappings":"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"}
+{"version":3,"file":"ChartLayersData.js","names":[],"sources":["../../../src/scatterplot/components/ChartLayersData.tsx"],"sourcesContent":["import { curveBasis, line } from 'd3-shape';\nimport { memo, useMemo, useState } from 'react';\nimport { getLineShape } from '../../utils/getLineShape';\nimport { getPointShape } from '../../utils/getPointShape';\nimport { TextMeasurer } from '../../utils/TextMeasurer/TextMeasurer';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotLayerData } from '../getLayersData';\nimport type { Label } from '../utils/getVisibleLabels';\nimport { createLabelPositioner, getLabelMinX, getLabelMinY } from '../utils/getVisibleLabels';\nimport type {\n    AesGetters,\n    ChartScales\n} from './types';\nconst LABEL_OFFSET = 3;\n\ninterface Props {\n    width: number;\n    height: number;\n    scales: ChartScales;\n    dotsData: GroupedDots[keyof GroupedDots];\n    layersData: ScatterplotLayerData[];\n    aesGetters: AesGetters;\n    onMouseEnterDot?: (dot: Dot) => void;\n    onMouseLeaveDot?: (dot: Dot) => void;\n}\n\ntype PointValue = { valueOf(): number; } & string;\n\nexport const ChartLayersData = memo(({\n    width,\n    height,\n    scales,\n    dotsData,\n    layersData,\n    aesGetters,\n    onMouseEnterDot,\n    onMouseLeaveDot,\n}: Props) => {\n    return layersData.map((layer, idx) => {\n        if (layer.type === 'dots') {\n            return <ChartLayerDots\n                key={layer.type + idx}\n                width={width}\n                height={height}\n                scales={scales}\n                dotsData={dotsData}\n                layersData={layersData}\n                aesGetters={aesGetters}\n                onMouseEnterDot={onMouseEnterDot}\n                onMouseLeaveDot={onMouseLeaveDot}\n            />;\n        }\n\n        if (layer.type === 'curve') {\n            return <ChartCurveLayer\n                key={layer.type + idx}\n                layer={layer}\n                scales={scales}\n                aesGetters={aesGetters}\n            />;\n        }\n    });\n});\n\nexport const ChartLayerDots = memo(({\n    width,\n    height,\n    scales,\n    dotsData,\n    layersData,\n    aesGetters,\n    onMouseEnterDot,\n    onMouseLeaveDot,\n}: Props) => {\n    const {dots} = dotsData;\n\n    const [activeDot, setActiveDot] = useState<Dot | null>(null);\n    const hasLayerDots = useMemo(() => layersData.findIndex(layer => layer.type === 'dots') !== -1, [layersData]);\n    \n    const labels = useMemo<Label[]>(() =>{\n        if (!hasLayerDots) return [];\n        return computeLabels(\n            dots,\n            scales,\n            width,\n            height,\n            aesGetters,\n        );\n    }, [dots, scales.x, scales.y, width, height, aesGetters, hasLayerDots]);\n\n    return (\n        <g>\n            <ChartDots\n                scales={scales}\n                dotsData={dotsData}\n                aesGetters={aesGetters}\n                onMouseEnter={onMouseEnterDot}\n                onMouseLeave={onMouseLeaveDot}\n            />\n            <ChartLabels\n                labels={labels}\n                onMouseEnter={dot => setActiveDot(dot)}\n                onMouseLeave={() => setActiveDot(null)}\n            />\n            {activeDot && (\n                <g\n                    key=\"activeDot\"\n                    transform={`translate(${scales.x(activeDot.x as PointValue)},${scales.y(activeDot.y as PointValue) as number})`}\n                >\n                    {getPointShape(\n                        aesGetters.dotShape(activeDot.idx),\n                        aesGetters.dotSize(activeDot.idx) + 1,\n                        'white',\n                        'white'\n                    )}\n                    {getPointShape(\n                        aesGetters.dotShape(activeDot.idx),\n                        aesGetters.dotSize(activeDot.idx),\n                        aesGetters.dotColor(activeDot.idx)\n                    )}\n                </g>\n            )}\n        </g>\n    );\n});\n\nexport const ChartCurveLayer = memo(({\n    layer,\n    scales,\n    aesGetters,\n}: {\n    layer: ScatterplotLayerData;\n    scales: ChartScales;\n    aesGetters: AesGetters;\n}) => {\n    if (layer.type === 'curve' && !layer.info.smoothing) {\n        return layer.geoms.map((curve, idx) => (\n            <g key={idx}>\n                <polyline\n                    points={curve.dots.map(d => `${scales.x(d.x as PointValue) as number},${scales.y(d.y as PointValue) as number}`).join(' ')}\n                    fill=\"none\"\n                    stroke={aesGetters.lineColor(curve.dots[0].idx)}\n                    strokeWidth={layer.info.aes.lineWidth}\n                    strokeDasharray={getLineShape(layer.info.aes.lineShape)}\n                />\n            </g>\n        ));\n    }\n\n    if (layer.type === 'curve' && layer.info.smoothing) {\n        return layer.geoms.map((curve, idx) => (\n            <g key={idx}>\n                <path\n                    d={\n                        line<Dot>()\n                            .curve(curveBasis)\n                            .x((d: Dot) => scales.x(d.x as PointValue) as number)\n                            .y((d: Dot) => scales.y(d.y as PointValue) as number)(curve.dots) ?? ''\n                    }\n                    fill=\"none\"\n                    stroke={aesGetters.lineColor(curve.dots[0].idx)}\n                    strokeWidth={layer.info.aes.lineWidth}\n                    strokeDasharray={getLineShape(layer.info.aes.lineShape)}\n                />\n            </g>\n        ));\n    }\n});\n\nexport const ChartDots = memo(({\n    scales,\n    dotsData,\n    aesGetters,\n    onMouseEnter,\n    onMouseLeave,\n}: Pick<Props, 'scales' | 'dotsData' | 'aesGetters'> & {\n    onMouseEnter?: (dot: Dot) => void;\n    onMouseLeave?: (dot: Dot) => void;\n}) => {\n    const {dots} = dotsData;\n\n    return (<>\n        {dots.map((dot, idx) => {\n            return <ChartDot\n                key={idx}\n                dot={dot}\n                scales={scales}\n                aesGetters={aesGetters}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n            />;\n        })}\n    </>);\n});\n\nexport const ChartDot = (({\n    dot,\n    scales,\n    aesGetters,\n    onMouseEnter,\n    onMouseLeave,\n}: {\n    dot: Dot;\n    scales: ChartScales;\n    aesGetters: AesGetters;\n    onMouseEnter?: (dot: Dot) => void;\n    onMouseLeave?: (dot: Dot) => void;\n}) => {\n    return (<g\n        transform={`translate(${scales.x(dot.x as PointValue)},${scales.y(dot.y as PointValue)})`}\n        opacity={dot.dimmed ? 0.3 : 1}\n        onMouseOver={() => onMouseEnter?.(dot)}\n        onMouseLeave={() => onMouseLeave?.(dot)}\n    >\n        {getPointShape(\n            aesGetters.dotShape(dot.idx),\n            aesGetters.dotSize(dot.idx),\n            aesGetters.dotColor(dot.idx)\n        )}\n    </g>);\n});\n\nexport const ChartLabels = memo(({\n    labels,\n    onMouseEnter,\n    onMouseLeave,\n}: {\n    labels: Label[];\n    onMouseEnter: (dot: Dot ) => void;\n    onMouseLeave: (dot: Dot ) => void;\n}) => {\n    return (<>\n        {labels.map((label, idx) => {\n            const {name, height,  width} = label;\n            return (\n                <g key={idx} transform={`translate(${getLabelMinX(label)},${getLabelMinY(label)})`}>\n                    <rect\n                        x=\"0\"\n                        y=\"0\"\n                        width={width}\n                        height={height}\n                        fill=\"transparent\"\n                        stroke=\"none\"\n                        onMouseEnter={() => onMouseEnter(label.dot)}\n                        onMouseLeave={() => onMouseLeave(label.dot)}\n                    />\n                    <text\n                        x={0}\n                        y={height / 2}\n                        stroke=\"white\"\n                        strokeWidth={2}\n                        paintOrder=\"stroke\"\n                        style={{pointerEvents: 'none'}}\n                        fontFamily=\"Manrope\"\n                        fontSize=\"16px\"\n                        dominantBaseline=\"middle\"\n                    >\n                        {name}\n                    </text>\n                </g>\n            );\n        })}\n    </>);\n});\n\nfunction computeLabels(dots: Dot[], scales: ChartScales, chartWidth: number, chartHeight: number, aesGetters: AesGetters): Label[] {\n    const textMeasurer = new TextMeasurer('16px Manrope');\n    const getPosition = createLabelPositioner(chartWidth, chartHeight);\n    const labels: Label[] = [];\n\n    for (let i = 0; i < dots.length; i++) {\n        const dot = dots[i];\n        if (dot.label == null) {\n            continue;\n        }\n        const name = String(dot.label);\n        const metrics = textMeasurer.getTextMetrics(name);\n        const x = scales.x(dot.x as PointValue);\n        const y = scales.y(dot.y as PointValue);\n        const w = metrics.width;\n        const h = (metrics.actualBoundingBoxAscent) + (metrics.actualBoundingBoxDescent);\n        const p = aesGetters.dotSize(dot.idx) + LABEL_OFFSET;\n        const position = getPosition(x as number, y as number, w, h, p);\n        if (!position) {\n            continue;\n        }\n\n        labels.push({\n            x: x as number,\n            y: y as number,\n            dot,\n            name,\n            width: w,\n            height: h,\n            padding: p,\n            xPosition: position[0],\n            yPosition: position[1],\n        } satisfies Label);\n    }\n\n    return labels;\n}\n"],"mappings":"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"}

package/dist/scatterplot/components/ChartTooltip.js

@@ -1,62 +1,57 @@
-import { j as c } from "../../_virtual/jsx-runtime.js";
-import { r as u } from "../../_virtual/index.js";
-import { Tooltip as g } from "../../common/Tooltip.js";
-import { useDataFrame as d } from "../../common/useDataFrame.js";
-import { formatColumnValue as C } from "../utils/formatColumnValue.js";
-import { ChartDot as j } from "./ChartLayersData.js";
-import { format as p } from "../../node_modules/.pnpm/d3-format@3.1.0/node_modules/d3-format/src/defaultLocale.js";
-const E = { left: 0, right: 0, top: 0, bottom: 0 }, w = u.memo(({
-  tooltipsData: r,
-  tooltips: e,
-  keyColumn: m,
-  chartSizes: o,
-  dimensions: t,
-  scales: a,
-  aesGetters: x
-}) => {
-  var n;
-  const l = d(), f = t == null ? void 0 : t.padding, h = u.useMemo(() => !t || !a || !f ? E : {
-    left: t.left + f.left,
-    right: o.totalWidth - (t.left + f.left),
-    top: t.top + f.top,
-    bottom: o.totalHeight - (t.top + f.top)
-  }, [t, f, o]);
-  return !t || !a || !f || !r.selectedData || !e.show || !((n = e == null ? void 0 : e.content) != null && n.length) ? null : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    r.fixed && /* @__PURE__ */ c.jsxs("g", { transform: `translate(${t.left + f.left}, ${t.top + f.top})`, children: [
-      /* @__PURE__ */ c.jsx("rect", { width: o.chartWidth, height: o.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
-      /* @__PURE__ */ c.jsx(
-        j,
-        {
-          dot: r.selectedData,
-          scales: a,
-          aesGetters: x
-        }
-      )
-    ] }),
-    /* @__PURE__ */ c.jsx(
-      g,
-      {
-        content: b(l, r.selectedData, e == null ? void 0 : e.content),
-        x: a.x(r.selectedData.x),
-        y: a.y(r.selectedData.y),
-        active: !0,
-        sideDistances: h,
-        fixed: r.fixed,
-        onClose: r.onClose,
-        container: null
-      }
-    )
-  ] });
+import { Tooltip as e } from "../../common/Tooltip.js";
+import { useDataFrame as t } from "../../common/useDataFrame.js";
+import { ChartDot as n } from "./ChartLayersData.js";
+import { formatColumnValue as r } from "../utils/formatColumnValue.js";
+import { memo as i, useMemo as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { format as l } from "d3-format";
+var u = {
+	left: 0,
+	right: 0,
+	top: 0,
+	bottom: 0
+};
+const d = i(({ tooltipsData: r, tooltips: i, keyColumn: l, chartSizes: d, dimensions: p, scales: m, aesGetters: h }) => {
+	let g = t(), _ = p?.padding, v = a(() => !p || !m || !_ ? u : {
+		left: p.left + _.left,
+		right: d.totalWidth - (p.left + _.left),
+		top: p.top + _.top,
+		bottom: d.totalHeight - (p.top + _.top)
+	}, [
+		p,
+		_,
+		d
+	]);
+	return !p || !m || !_ || !r.selectedData || !i.show || !i?.content?.length ? null : /* @__PURE__ */ c(o, { children: [r.fixed && /* @__PURE__ */ c("g", {
+		transform: `translate(${p.left + _.left}, ${p.top + _.top})`,
+		children: [/* @__PURE__ */ s("rect", {
+			width: d.chartWidth,
+			height: d.chartHeight,
+			fill: "rgba(255, 255, 255, 0.8)"
+		}), /* @__PURE__ */ s(n, {
+			dot: r.selectedData,
+			scales: m,
+			aesGetters: h
+		})]
+	}), /* @__PURE__ */ s(e, {
+		content: f(g, r.selectedData, i?.content),
+		x: m.x(r.selectedData.x),
+		y: m.y(r.selectedData.y),
+		active: !0,
+		sideDistances: v,
+		fixed: r.fixed,
+		onClose: r.onClose,
+		container: null
+	})] });
 });
-function b(r, e, m = []) {
-  const o = [];
-  for (const t of m) {
-    const a = t != null && t.format ? p(t.format) : void 0;
-    o.push(`${t.label}: ${C(r, e.idx, t, a)}`);
-  }
-  return o;
+function f(e, t, n = []) {
+	let i = [];
+	for (let a of n) {
+		let n = a?.format ? l(a.format) : void 0;
+		i.push(`${a.label}: ${r(e, t.idx, a, n)}`);
+	}
+	return i;
 }
-export {
-  w as ChartTooltip
-};
-//# sourceMappingURL=ChartTooltip.js.map
+export { d as ChartTooltip };
+
+//# sourceMappingURL=ChartTooltip.js.map

package/dist/scatterplot/components/ChartTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.js","sources":["../../../src/scatterplot/components/ChartTooltip.tsx"],"sourcesContent":["import {format} from 'd3-format';\nimport { memo, useMemo } from 'react';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport type { DataFrame } from '../../DataFrame';\nimport type { ColumnName } from '../../types';\nimport type { Dot } from '../dots';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport {formatColumnValue} from '../utils/formatColumnValue';\nimport { ChartDot } from './ChartLayersData';\nimport type {\n    AesGetters,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins\n} from './types';\n\ninterface Props {\n    tooltipsData: TooltipsData<Dot>;\n    dimensions: undefined | ChartDimensionsData;\n    scales: undefined | ChartScales;\n    keyColumn: ColumnName;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    tooltips: ScatterplotSettingsImpl['chartSettings']['tooltips'];\n    aesGetters: AesGetters;\n}\n\nconst ZERO_SIDE_DISTANCES = { left: 0, right: 0, top: 0, bottom: 0 };\n\nexport const ChartTooltip = memo(({\n    tooltipsData,\n    tooltips,\n    keyColumn: _,\n    chartSizes,\n    dimensions,\n    scales,\n    aesGetters,\n}: Props) => {\n    const dataFrame = useDataFrame();\n    const padding = dimensions?.padding;\n\n    const sideDistances = useMemo(() => {\n        if (!dimensions || !scales || !padding) {\n            return ZERO_SIDE_DISTANCES;\n        }\n\n        return ({\n            left: dimensions.left + padding.left,\n            right: chartSizes.totalWidth - (dimensions.left + padding.left),\n            top: dimensions.top + padding.top,\n            bottom: chartSizes.totalHeight - (dimensions.top + padding.top),\n        });\n    }, [dimensions, padding, chartSizes]);\n\n    if (!dimensions || !scales || !padding || !tooltipsData.selectedData || !tooltips.show || !tooltips?.content?.length) {\n        return null;\n    }\n\n    return (\n        <>\n            {tooltipsData.fixed && \n                <g transform={`translate(${dimensions.left + padding.left}, ${dimensions.top + padding.top})`}>\n                    <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\"/>\n                    <ChartDot\n                        dot={tooltipsData.selectedData}\n                        scales={scales}\n                        aesGetters={aesGetters}\n                    />\n                </g>\n            }\n            <Tooltip\n                content={getTooltipContent(dataFrame, tooltipsData.selectedData, tooltips?.content)}\n                x={scales.x(tooltipsData.selectedData.x as unknown as { valueOf(): number; } & string) as number}\n                y={scales.y(tooltipsData.selectedData.y as unknown as { valueOf(): number; } & string) as number}\n                active\n                sideDistances={sideDistances}\n                fixed={tooltipsData.fixed}\n                onClose={tooltipsData.onClose}\n                container={null}\n            />\n        </>\n    );\n});\n\nfunction getTooltipContent(dataFrame: DataFrame, dot: Dot, columnsList: ColumnName[] = []) {\n    const lines: string[] = [];\n    for (const column of columnsList) {\n        const columnFormatter = column?.format ? format(column.format) : undefined;\n        lines.push(`${column.label}: ${formatColumnValue(dataFrame, dot.idx, column, columnFormatter)}`);\n    }\n    return lines;\n}\n"],"names":["ZERO_SIDE_DISTANCES","ChartTooltip","memo","tooltipsData","tooltips","_","chartSizes","dimensions","scales","aesGetters","dataFrame","useDataFrame","padding","sideDistances","useMemo","_a","jsxs","Fragment","jsx","ChartDot","Tooltip","getTooltipContent","dot","columnsList","lines","column","columnFormatter","format","formatColumnValue"],"mappings":";;;;;;;AA8BA,MAAMA,IAAsB,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAA,GAEpDC,IAAeC,EAAAA,KAAK,CAAC;AAAA,EAC9B,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAWC;AAAA,EACX,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AACJ,MAAa;;AACT,QAAMC,IAAYC,EAAA,GACZC,IAAUL,KAAA,gBAAAA,EAAY,SAEtBM,IAAgBC,EAAAA,QAAQ,MACtB,CAACP,KAAc,CAACC,KAAU,CAACI,IACpBZ,IAGH;AAAA,IACJ,MAAMO,EAAW,OAAOK,EAAQ;AAAA,IAChC,OAAON,EAAW,cAAcC,EAAW,OAAOK,EAAQ;AAAA,IAC1D,KAAKL,EAAW,MAAMK,EAAQ;AAAA,IAC9B,QAAQN,EAAW,eAAeC,EAAW,MAAMK,EAAQ;AAAA,EAAA,GAEhE,CAACL,GAAYK,GAASN,CAAU,CAAC;AAEpC,SAAI,CAACC,KAAc,CAACC,KAAU,CAACI,KAAW,CAACT,EAAa,gBAAgB,CAACC,EAAS,QAAQ,GAACW,IAAAX,KAAA,gBAAAA,EAAU,YAAV,QAAAW,EAAmB,UACnG,OAIPC,gBAAAA,EAAAA,KAAAC,YAAA,EACK,UAAA;AAAA,IAAAd,EAAa,SACVa,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAaT,EAAW,OAAOK,EAAQ,IAAI,KAAKL,EAAW,MAAMK,EAAQ,GAAG,KACtF,UAAA;AAAA,MAAAM,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAOZ,EAAW,YAAY,QAAQA,EAAW,aAAa,MAAK,2BAAA,CAA0B;AAAA,MACnGY,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACG,KAAKhB,EAAa;AAAA,UAClB,QAAAK;AAAA,UACA,YAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IAEJS,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAASC,EAAkBX,GAAWP,EAAa,cAAcC,KAAA,gBAAAA,EAAU,OAAO;AAAA,QAClF,GAAGI,EAAO,EAAEL,EAAa,aAAa,CAA+C;AAAA,QACrF,GAAGK,EAAO,EAAEL,EAAa,aAAa,CAA+C;AAAA,QACrF,QAAM;AAAA,QACN,eAAAU;AAAA,QACA,OAAOV,EAAa;AAAA,QACpB,SAASA,EAAa;AAAA,QACtB,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GACJ;AAER,CAAC;AAED,SAASkB,EAAkBX,GAAsBY,GAAUC,IAA4B,CAAA,GAAI;AACvF,QAAMC,IAAkB,CAAA;AACxB,aAAWC,KAAUF,GAAa;AAC9B,UAAMG,IAAkBD,KAAA,QAAAA,EAAQ,SAASE,EAAOF,EAAO,MAAM,IAAI;AACjE,IAAAD,EAAM,KAAK,GAAGC,EAAO,KAAK,KAAKG,EAAkBlB,GAAWY,EAAI,KAAKG,GAAQC,CAAe,CAAC,EAAE;AAAA,EACnG;AACA,SAAOF;AACX;"}
+{"version":3,"file":"ChartTooltip.js","names":[],"sources":["../../../src/scatterplot/components/ChartTooltip.tsx"],"sourcesContent":["import {format} from 'd3-format';\nimport { memo, useMemo } from 'react';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport type { DataFrame } from '../../DataFrame';\nimport type { ColumnName } from '../../types';\nimport type { Dot } from '../dots';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport {formatColumnValue} from '../utils/formatColumnValue';\nimport { ChartDot } from './ChartLayersData';\nimport type {\n    AesGetters,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins\n} from './types';\n\ninterface Props {\n    tooltipsData: TooltipsData<Dot>;\n    dimensions: undefined | ChartDimensionsData;\n    scales: undefined | ChartScales;\n    keyColumn: ColumnName;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    tooltips: ScatterplotSettingsImpl['chartSettings']['tooltips'];\n    aesGetters: AesGetters;\n}\n\nconst ZERO_SIDE_DISTANCES = { left: 0, right: 0, top: 0, bottom: 0 };\n\nexport const ChartTooltip = memo(({\n    tooltipsData,\n    tooltips,\n    keyColumn: _,\n    chartSizes,\n    dimensions,\n    scales,\n    aesGetters,\n}: Props) => {\n    const dataFrame = useDataFrame();\n    const padding = dimensions?.padding;\n\n    const sideDistances = useMemo(() => {\n        if (!dimensions || !scales || !padding) {\n            return ZERO_SIDE_DISTANCES;\n        }\n\n        return ({\n            left: dimensions.left + padding.left,\n            right: chartSizes.totalWidth - (dimensions.left + padding.left),\n            top: dimensions.top + padding.top,\n            bottom: chartSizes.totalHeight - (dimensions.top + padding.top),\n        });\n    }, [dimensions, padding, chartSizes]);\n\n    if (!dimensions || !scales || !padding || !tooltipsData.selectedData || !tooltips.show || !tooltips?.content?.length) {\n        return null;\n    }\n\n    return (\n        <>\n            {tooltipsData.fixed && \n                <g transform={`translate(${dimensions.left + padding.left}, ${dimensions.top + padding.top})`}>\n                    <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\"/>\n                    <ChartDot\n                        dot={tooltipsData.selectedData}\n                        scales={scales}\n                        aesGetters={aesGetters}\n                    />\n                </g>\n            }\n            <Tooltip\n                content={getTooltipContent(dataFrame, tooltipsData.selectedData, tooltips?.content)}\n                x={scales.x(tooltipsData.selectedData.x as unknown as { valueOf(): number; } & string) as number}\n                y={scales.y(tooltipsData.selectedData.y as unknown as { valueOf(): number; } & string) as number}\n                active\n                sideDistances={sideDistances}\n                fixed={tooltipsData.fixed}\n                onClose={tooltipsData.onClose}\n                container={null}\n            />\n        </>\n    );\n});\n\nfunction getTooltipContent(dataFrame: DataFrame, dot: Dot, columnsList: ColumnName[] = []) {\n    const lines: string[] = [];\n    for (const column of columnsList) {\n        const columnFormatter = column?.format ? format(column.format) : undefined;\n        lines.push(`${column.label}: ${formatColumnValue(dataFrame, dot.idx, column, columnFormatter)}`);\n    }\n    return lines;\n}\n"],"mappings":";;;;;;;AA8BA,IAAM,IAAsB;CAAE,MAAM;CAAG,OAAO;CAAG,KAAK;CAAG,QAAQ;CAAG;AAEpE,MAAa,IAAe,GAAM,EAC9B,iBACA,aACA,WAAW,GACX,eACA,eACA,WACA,oBACS;CACT,IAAM,IAAY,GAAc,EAC1B,IAAU,GAAY,SAEtB,IAAgB,QACd,CAAC,KAAc,CAAC,KAAU,CAAC,IACpB,IAGH;EACJ,MAAM,EAAW,OAAO,EAAQ;EAChC,OAAO,EAAW,cAAc,EAAW,OAAO,EAAQ;EAC1D,KAAK,EAAW,MAAM,EAAQ;EAC9B,QAAQ,EAAW,eAAe,EAAW,MAAM,EAAQ;EAC9D,EACF;EAAC;EAAY;EAAS;EAAW,CAAC;AAMrC,QAJI,CAAC,KAAc,CAAC,KAAU,CAAC,KAAW,CAAC,EAAa,gBAAgB,CAAC,EAAS,QAAQ,CAAC,GAAU,SAAS,SACnG,OAIP,kBAAA,GAAA,EAAA,UAAA,CACK,EAAa,SACV,kBAAC,KAAD;EAAG,WAAW,aAAa,EAAW,OAAO,EAAQ,KAAK,IAAI,EAAW,MAAM,EAAQ,IAAI;YAA3F,CACI,kBAAC,QAAD;GAAM,OAAO,EAAW;GAAY,QAAQ,EAAW;GAAa,MAAK;GAA4B,CAAA,EACrG,kBAAC,GAAD;GACI,KAAK,EAAa;GACV;GACI;GACd,CAAA,CACF;KAER,kBAAC,GAAD;EACI,SAAS,EAAkB,GAAW,EAAa,cAAc,GAAU,QAAQ;EACnF,GAAG,EAAO,EAAE,EAAa,aAAa,EAAgD;EACtF,GAAG,EAAO,EAAE,EAAa,aAAa,EAAgD;EACtF,QAAA;EACe;EACf,OAAO,EAAa;EACpB,SAAS,EAAa;EACtB,WAAW;EACb,CAAA,CACH,EAAA,CAAA;EAET;AAEF,SAAS,EAAkB,GAAsB,GAAU,IAA4B,EAAE,EAAE;CACvF,IAAM,IAAkB,EAAE;AAC1B,MAAK,IAAM,KAAU,GAAa;EAC9B,IAAM,IAAkB,GAAQ,SAAS,EAAO,EAAO,OAAO,GAAG,KAAA;AACjE,IAAM,KAAK,GAAG,EAAO,MAAM,IAAI,EAAkB,GAAW,EAAI,KAAK,GAAQ,EAAgB,GAAG;;AAEpG,QAAO"}