@milaboratories/graph-maker 1.1.138 → 1.1.139

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartLayersData.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartLayersData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLayersData.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/ChartLayersData.tsx"],"sourcesContent":["import { curveBasis, line } from 'd3-shape';\nimport { memo, useEffect, useState } from 'react';\nimport { getLineShape } from '../../utils/getLineShape';\nimport { getPointShape } from '../../utils/getPointShape';\nimport { TextMeasurer } from '../../utils/TextMeasurer';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { DotsLayerData, ScatterplotLayerData } from '../getLayersData';\nimport type { Label } from '../utils/getVisibleLabels';\nimport { getFilteredLabels } from '../utils/getVisibleLabels';\nimport type {\n    AesGetters,\n    ChartScales\n} from './types';\n\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\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\n    const [allLabels, setAllLabels] = useState<Label[]>(() =>\n        getAllPossibleLabels(\n            dots,\n            scales,\n            aesGetters,\n            layersData.find(layer => layer.type === 'dots') as DotsLayerData | undefined\n        )\n    );\n    const [labels, setLabels] = useState<Label[]>(() =>\n        getFilteredLabels(allLabels, width, height, LABEL_OFFSET, LABEL_OFFSET)\n    );\n\n    useEffect(() => {\n        setAllLabels(\n            getAllPossibleLabels(\n                dots,\n                scales,\n                aesGetters,\n                layersData.find(layer => layer.type === 'dots') as DotsLayerData | undefined\n            )\n        );\n    }, [dots, scales, aesGetters, layersData]);\n\n    useEffect(() => {\n        const filteredLabels = getFilteredLabels(allLabels, width, height);\n        setLabels(filteredLabels);\n    }, [allLabels, width, height]);\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)},${scales.y(activeDot.y)})`}\n                >\n                    {getPointShape(\n                        aesGetters.dotShape(activeDot.data),\n                        aesGetters.dotSize(activeDot.data) + 1,\n                        'white',\n                        'white'\n                    )}\n                    {getPointShape(\n                        aesGetters.dotShape(activeDot.data),\n                        aesGetters.dotSize(activeDot.data),\n                        aesGetters.dotColor(activeDot.data)\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)},${scales.y(d.y)}`).join(' ')}\n                    fill=\"none\"\n                    stroke={aesGetters.lineColor(curve.data)}\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))\n                            .y((d: Dot) => scales.y(d.y))(curve.dots) ?? ''\n                    }\n                    fill=\"none\"\n                    stroke={aesGetters.lineColor(curve.data)}\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)},${scales.y(dot.y)})`}\n        opacity={dot.dimmed ? 0.3 : 1}\n        onMouseOver={() => onMouseEnter?.(dot)}\n        onMouseLeave={() => onMouseLeave?.(dot)}\n    >\n        {getPointShape(\n            aesGetters.dotShape(dot.data),\n            aesGetters.dotSize(dot.data),\n            aesGetters.dotColor(dot.data)\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, bbox, width} = label;\n            return (\n                <g key={idx} transform={`translate(${bbox.minX},${bbox.minY})`}>\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\nconst textMeasurer = new TextMeasurer('16px Manrope');\nfunction getAllPossibleLabels(dots: Dot[], scales: ChartScales, aesGetters: AesGetters, layer?: DotsLayerData) {\n    if (!layer) {\n        return [];\n    }\n    const labels: Label[] = [];\n    for (const dot of dots) {\n        const text = dot.label;\n        if (!text) {\n            continue;\n        }\n        const metrics = textMeasurer.getTextMetrics(String(text));\n        labels.push({\n            name: String(text),\n            width: metrics?.width ?? 0,\n            height: (metrics?.actualBoundingBoxAscent ?? 0) + (metrics?.actualBoundingBoxDescent ?? 0),\n            x: scales.x(dot.x),\n            y: scales.y(dot.y),\n            xPosition: 'right',\n            yPosition: 'middle',\n            bbox: {minX: 0, maxX: 0, minY: 0, maxY: 0},\n            dot,\n            padding: aesGetters.dotSize(dot.data) + LABEL_OFFSET,\n        } as Label);\n    }\n    return labels;\n}"],"names":["LABEL_OFFSET","ChartLayersData","memo","width","height","scales","dotsData","layersData","aesGetters","onMouseEnterDot","onMouseLeaveDot","layer","idx","jsx","ChartLayerDots","ChartCurveLayer","dots","activeDot","setActiveDot","useState","allLabels","setAllLabels","getAllPossibleLabels","labels","setLabels","getFilteredLabels","useEffect","filteredLabels","a","ChartDots","ChartLabels","dot","jsxs","getPointShape","curve","d","getLineShape","line","curveBasis","onMouseEnter","onMouseLeave","Fragment","ChartDot","label","name","bbox","textMeasurer","TextMeasurer","text","metrics"],"mappings":";;;;;;;;AAcA,MAAMA,IAAe,GAaRC,IAAkBC,EAAAA,KAAK,CAAC;AAAA,EACjC,OAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,UAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,iBAAAC;AAAAA,EACA,iBAAAC;AACJ,MACWH,EAAW,IAAI,CAACI,GAAOC,MAAQ;AAClC,MAAID,EAAM,SAAS;AACf,WAAOE,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QAEJ,OAAAX;AAAAA,QACA,QAAAC;AAAAA,QACA,QAAAC;AAAAA,QACA,UAAAC;AAAAA,QACA,YAAAC;AAAAA,QACA,YAAAC;AAAAA,QACA,iBAAAC;AAAAA,QACA,iBAAAC;AAAAA,MAAA;AAAA,MARKC,EAAM,OAAOC;AAAAA,IAAA;AAY1B,MAAID,EAAM,SAAS;AACf,WAAOE,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QAEJ,OAAAJ;AAAAA,QACA,QAAAN;AAAAA,QACA,YAAAG;AAAAA,MAAA;AAAA,MAHKG,EAAM,OAAOC;AAAAA,IAAA;AAM9B,CAAC,CACJ,GAEYE,IAAiBZ,EAAAA,KAAK,CAAC;AAAA,EAChC,OAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,UAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,iBAAAC;AAAAA,EACA,iBAAAC;AACJ,MAAa;AACT,QAAM,EAAC,MAAAM,EAAAA,IAAQV,GAET,CAACW,GAAWC,CAAY,IAAIC,EAAAA,SAAqB,IAAI,GAErD,CAACC,GAAWC,CAAY,IAAIF,EAAAA;AAAAA,IAAkB,MAChDG;AAAAA,MACIN;AAAAA,MACAX;AAAAA,MACAG;AAAAA,MACAD,EAAW,KAAK,CAAAI,MAASA,EAAM,SAAS,MAAM;AAAA,IAAA;AAAA,EAAA,GAGhD,CAACY,GAAQC,CAAS,IAAIL,EAAAA;AAAAA,IAAkB,MAC1CM,EAAkBL,GAAWjB,GAAOC,GAAQJ,GAAcA,CAAY;AAAA,EAAA;AAG1E0B,SAAAA,EAAAA,UAAU,MAAM;AACZL,IAAAA;AAAAA,MACIC;AAAAA,QACIN;AAAAA,QACAX;AAAAA,QACAG;AAAAA,QACAD,EAAW,KAAK,CAAAI,MAASA,EAAM,SAAS,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1D,GAAG,CAACK,GAAMX,GAAQG,GAAYD,CAAU,CAAC,GAEzCmB,EAAAA,UAAU,MAAM;AACZ,UAAMC,IAAiBF,EAAkBL,GAAWjB,GAAOC,CAAM;AACjEoB,IAAAA,EAAUG,CAAc;AAAA,EAC5B,GAAG,CAACP,GAAWjB,GAAOC,CAAM,CAAC,GAAAwB,gBAAAA,EAAA,KAGxB,KAAA,EACG,UAAA;AAAA,IAAAf,gBAAAA,EAAAA;AAAAA,MAACgB;AAAAA,MAAA;AAAA,QACG,QAAAxB;AAAAA,QACA,UAAAC;AAAAA,QACA,YAAAE;AAAAA,QACA,cAAcC;AAAAA,QACd,cAAcC;AAAAA,MAAA;AAAA,IAAA;AAAA,IAElBG,gBAAAA,EAAAA;AAAAA,MAACiB;AAAAA,MAAA;AAAA,QACG,QAAAP;AAAAA,QACA,cAAc,CAAAQ,MAAOb,EAAaa,CAAG;AAAA,QACrC,cAAc,MAAMb,EAAa,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAExCD,KACGe,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW,aAAa3B,EAAO,EAAEY,EAAU,CAAC,CAAC,IAAIZ,EAAO,EAAEY,EAAU,CAAC,CAAC;AAAA,QAErE,UAAA;AAAA,UAAAgB;AAAAA,YACGzB,EAAW,SAASS,EAAU,IAAI;AAAA,YAClCT,EAAW,QAAQS,EAAU,IAAI,IAAI;AAAA,YACrC;AAAA,YACA;AAAA,UAAA;AAAA,UAEHgB;AAAAA,YACGzB,EAAW,SAASS,EAAU,IAAI;AAAA,YAClCT,EAAW,QAAQS,EAAU,IAAI;AAAA,YACjCT,EAAW,SAASS,EAAU,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACtC;AAAA,MAbI;AAAA,IAAA;AAAA,EAAA,GAgBhB;AAER,CAAC,GAEYF,IAAkBb,EAAAA,KAAK,CAAC;AAAA,EACjC,OAAAS;AAAAA,EACA,QAAAN;AAAAA,EACA,YAAAG;AACJ,MAIM;AACF,MAAIG,EAAM,SAAS,WAAW,CAACA,EAAM,KAAK;AACtC,WAAOA,EAAM,MAAM,IAAI,CAACuB,GAAOtB,4BAC1B,KAAA,EACG,UAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQqB,EAAM,KAAK,IAAI,OAAK,GAAG7B,EAAO,EAAE8B,EAAE,CAAC,CAAC,IAAI9B,EAAO,EAAE8B,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,GAAG;AAAA,QACzE,MAAK;AAAA,QACL,QAAQ3B,EAAW,UAAU0B,EAAM,IAAI;AAAA,QACvC,aAAavB,EAAM,KAAK,IAAI;AAAA,QAC5B,iBAAiByB,EAAazB,EAAM,KAAK,IAAI,SAAS;AAAA,MAAA;AAAA,IAAA,EAAA,GANtDC,CAQR,CACH;AAGL,MAAID,EAAM,SAAS,WAAWA,EAAM,KAAK;AACrC,WAAOA,EAAM,MAAM,IAAI,CAACuB,GAAOtB,4BAC1B,KAAA,EACG,UAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GACIwB,EAAAA,EACK,MAAMC,CAAU,EAChB,EAAE,CAACH,MAAW9B,EAAO,EAAE8B,EAAE,CAAC,CAAC,EAC3B,EAAE,CAACA,MAAW9B,EAAO,EAAE8B,EAAE,CAAC,CAAC,EAAED,EAAM,IAAI,KAAK;AAAA,QAErD,MAAK;AAAA,QACL,QAAQ1B,EAAW,UAAU0B,EAAM,IAAI;AAAA,QACvC,aAAavB,EAAM,KAAK,IAAI;AAAA,QAC5B,iBAAiByB,EAAazB,EAAM,KAAK,IAAI,SAAS;AAAA,MAAA;AAAA,IAAA,EAAA,GAXtDC,CAaR,CACH;AAET,CAAC,GAEYiB,IAAY3B,EAAAA,KAAK,CAAC;AAAA,EAC3B,QAAAG;AAAAA,EACA,UAAAC;AAAAA,EACA,YAAAE;AAAAA,EACA,cAAA+B;AAAAA,EACA,cAAAC;AACJ,MAGM;AACF,QAAM,EAAC,MAAAxB,EAAAA,IAAQV;AAEf,SAAQO,gBAAAA,EAAAA,IAAA4B,EAAAA,UAAA,EACH,UAAAzB,EAAK,IAAI,CAACe,GAAKnB,MACLC,gBAAAA,EAAAA;AAAAA,IAAC6B;AAAAA,IAAA;AAAA,MAEJ,KAAAX;AAAAA,MACA,QAAA1B;AAAAA,MACA,YAAAG;AAAAA,MACA,cAAA+B;AAAAA,MACA,cAAAC;AAAAA,IAAA;AAAA,IALK5B;AAAAA,EAAA,CAOZ,GACL;AACJ,CAAC,GAEY8B,IAAY,CAAC;AAAA,EACtB,KAAAX;AAAAA,EACA,QAAA1B;AAAAA,EACA,YAAAG;AAAAA,EACA,cAAA+B;AAAAA,EACA,cAAAC;AACJ,MAOY3B,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACL,WAAW,aAAaR,EAAO,EAAE0B,EAAI,CAAC,CAAC,IAAI1B,EAAO,EAAE0B,EAAI,CAAC,CAAC;AAAA,IAC1D,SAASA,EAAI,SAAS,MAAM;AAAA,IAC5B,aAAa,MAAMQ,KAAA,OAAA,SAAAA,EAAeR,CAAAA;AAAAA,IAClC,cAAc,MAAMS,KAAA,OAAA,SAAAA,EAAeT,CAAAA;AAAAA,IAElC,UAAAE;AAAAA,MACGzB,EAAW,SAASuB,EAAI,IAAI;AAAA,MAC5BvB,EAAW,QAAQuB,EAAI,IAAI;AAAA,MAC3BvB,EAAW,SAASuB,EAAI,IAAI;AAAA,IAAA;AAAA,EAAA;AAChC,GAIKD,IAAc5B,EAAAA,KAAK,CAAC;AAAA,EAC7B,QAAAqB;AAAAA,EACA,cAAAgB;AAAAA,EACA,cAAAC;AACJ,MAKY3B,gBAAAA,EAAAA,IAAA4B,EAAAA,UAAA,EACH,UAAAlB,EAAO,IAAI,CAACoB,GAAO/B,MAAQ;AACxB,QAAM,EAAC,MAAAgC,GAAM,QAAAxC,GAAQ,MAAAyC,GAAM,OAAA1C,EAAAA,IAASwC;AACpC,SACIX,gBAAAA,EAAAA,KAAC,KAAA,EAAY,WAAW,aAAaa,EAAK,IAAI,IAAIA,EAAK,IAAI,KACvD,UAAA;AAAA,IAAAhC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAAV;AAAAA,QACA,QAAAC;AAAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,cAAc,MAAMmC,EAAaI,EAAM,GAAG;AAAA,QAC1C,cAAc,MAAMH,EAAaG,EAAM,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9C9B,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAG;AAAA,QACH,GAAGT,IAAS;AAAA,QACZ,QAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAW;AAAA,QACX,OAAO,EAAC,eAAe,OAAA;AAAA,QACvB,YAAW;AAAA,QACX,UAAS;AAAA,QACT,kBAAiB;AAAA,QAEhB,UAAAwC;AAAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACL,GAvBIhC,CAwBR;AAER,CAAC,GACL,CACH,GAEKkC,IAAe,IAAIC,EAAa,cAAc;AACpD,SAASzB,EAAqBN,GAAaX,GAAqBG,GAAwBG,GAAuB;AAC3G,MAAI,CAACA;AACD,WAAO,CAAA;AAEX,QAAMY,IAAkB,CAAA;AACxB,aAAWQ,KAAOf,GAAM;AACpB,UAAMgC,IAAOjB,EAAI;AACjB,QAAI,CAACiB;AACD;AAEJ,UAAMC,IAAUH,EAAa,eAAe,OAAOE,CAAI,CAAC;AACxDzB,IAAAA,EAAO,KAAK;AAAA,MACR,MAAM,OAAOyB,CAAI;AAAA,MACjB,QAAOC,KAAA,OAAA,SAAAA,EAAS,UAAS;AAAA,MACzB,UAASA,KAAA,OAAA,SAAAA,EAAS,4BAA2B,OAAMA,KAAA,OAAA,SAAAA,EAAS,6BAA4B;AAAA,MACxF,GAAG5C,EAAO,EAAE0B,EAAI,CAAC;AAAA,MACjB,GAAG1B,EAAO,EAAE0B,EAAI,CAAC;AAAA,MACjB,WAAW;AAAA,MACX,WAAW;AAAA,MACX,MAAM,EAAC,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAA;AAAA,MACxC,KAAAA;AAAAA,MACA,SAASvB,EAAW,QAAQuB,EAAI,IAAI,IAAI/B;AAAAA,IAAA,CAClC;AAAA,EACd;AACA,SAAOuB;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartLayersData.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/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';\n\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\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)},${scales.y(activeDot.y)})`}\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)},${scales.y(d.y)}`).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))\n                            .y((d: Dot) => scales.y(d.y))(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)},${scales.y(dot.y)})`}\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);\n        const y = scales.y(dot.y);\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, y, w, h, p);\n        if (!position) {\n            continue;\n        }\n\n        labels.push({\n            x,\n            y,\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","s","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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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartTooltip.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/ChartTooltip.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport type { ColumnName } from '../../types';\nimport { numberFormat } from '../../utils/numberFormat';\nimport type { Dot } from '../dots';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\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 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) {\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(tooltipsData.selectedData, keyColumn, tooltips?.content)}\n                x={scales.x(tooltipsData.selectedData.x)}\n                y={scales.y(tooltipsData.selectedData.y)}\n                active\n                sideDistances={sideDistances}\n                fixed={tooltipsData.fixed}\n                onClose={tooltipsData.onClose}\n                container={null}\n            />\n        </>\n    );\n});\n\nfunction getTooltipContent(dot: Dot, keyColumn: ColumnName, columnsList: ColumnName[] = []) {\n    const row = dot.data;\n    const lines = [`x: ${numberFormat(dot.x)}`, `y: ${numberFormat(dot.y)}`];\n    if (keyColumn.label) {\n        lines.unshift(`${keyColumn.label}: ${row[keyColumn.label]}`);\n    }\n    for (const column of columnsList) {\n        lines.push(`${column.label}: ${row[column.valueLabels ?? column.value]}`);\n    }\n    return lines;\n}\n"],"names":["ZERO_SIDE_DISTANCES","ChartTooltip","memo","tooltipsData","tooltips","keyColumn","chartSizes","dimensions","scales","aesGetters","padding","sideDistances","useMemo","jsxs","Fragment","jsx","ChartDot","Tooltip","getTooltipContent","dot","columnsList","row","lines","numberFormat","column"],"mappings":";;;;;AA2BA,MAAMA,IAAsB,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAA,GAEpDC,IAAeC,EAAAA,KAAK,CAAC;AAAA,EAC9B,cAAAC;AAAAA,EACA,UAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAC;AACJ,MAAa;AACT,QAAMC,IAAUH,KAAA,OAAA,SAAAA,EAAY,SAEtBI,IAAgBC,EAAAA,QAAQ,MACtB,CAACL,KAAc,CAACC,KAAU,CAACE,IACpBV,IAGH;AAAA,IACJ,MAAMO,EAAW,OAAOG,EAAQ;AAAA,IAChC,OAAOJ,EAAW,cAAcC,EAAW,OAAOG,EAAQ;AAAA,IAC1D,KAAKH,EAAW,MAAMG,EAAQ;AAAA,IAC9B,QAAQJ,EAAW,eAAeC,EAAW,MAAMG,EAAQ;AAAA,EAAA,GAEhE,CAACH,GAAYG,GAASJ,CAAU,CAAC;AAEpC,SAAI,CAACC,KAAc,CAACC,KAAU,CAACE,KAAW,CAACP,EAAa,gBAAgB,CAACC,EAAS,OACvE,OAIPS,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACK,UAAA;AAAA,IAAAX,EAAa,SACVU,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAaN,EAAW,OAAOG,EAAQ,IAAI,KAAKH,EAAW,MAAMG,EAAQ,GAAG,KACtF,UAAA;AAAA,MAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAOT,EAAW,YAAY,QAAQA,EAAW,aAAa,MAAK,4BAA0B;AAAA,MACnGS,gBAAAA,EAAAA;AAAAA,QAACC;AAAAA,QAAA;AAAA,UACG,KAAKb,EAAa;AAAA,UAClB,QAAAK;AAAAA,UACA,YAAAC;AAAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IAEJM,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAASC,EAAkBf,EAAa,cAAcE,GAAWD,KAAA,OAAA,SAAAA,EAAU,OAAO;AAAA,QAClF,GAAGI,EAAO,EAAEL,EAAa,aAAa,CAAC;AAAA,QACvC,GAAGK,EAAO,EAAEL,EAAa,aAAa,CAAC;AAAA,QACvC,QAAM;AAAA,QACN,eAAAQ;AAAAA,QACA,OAAOR,EAAa;AAAA,QACpB,SAASA,EAAa;AAAA,QACtB,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnB;AAER,CAAC;AAED,SAASe,EAAkBC,GAAUd,GAAuBe,IAA4B,CAAA,GAAI;AACxF,QAAMC,IAAMF,EAAI,MACVG,IAAQ,CAAC,MAAMC,EAAaJ,EAAI,CAAC,CAAC,IAAI,MAAMI,EAAaJ,EAAI,CAAC,CAAC,EAAE;AACnEd,IAAU,SACViB,EAAM,QAAQ,GAAGjB,EAAU,KAAK,KAAKgB,EAAIhB,EAAU,KAAK,CAAC,EAAE;AAE/D,aAAWmB,KAAUJ;AACjBE,MAAM,KAAK,GAAGE,EAAO,KAAK,KAAKH,EAAIG,EAAO,eAAeA,EAAO,KAAK,CAAC,EAAE;AAE5E,SAAOF;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartTooltip.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/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) {\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)}\n                y={scales.y(tooltipsData.selectedData.y)}\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","keyColumn","chartSizes","dimensions","scales","aesGetters","dataFrame","useDataFrame","padding","sideDistances","useMemo","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;AAAAA,EACA,UAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAC;AACJ,MAAa;AACT,QAAMC,IAAYC,KACZC,IAAUL,KAAA,OAAA,SAAAA,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,OACvE,OAIPW,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACK,UAAA;AAAA,IAAAb,EAAa,SACVY,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAaR,EAAW,OAAOK,EAAQ,IAAI,KAAKL,EAAW,MAAMK,EAAQ,GAAG,KACtF,UAAA;AAAA,MAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAOX,EAAW,YAAY,QAAQA,EAAW,aAAa,MAAK,4BAA0B;AAAA,MACnGW,gBAAAA,EAAAA;AAAAA,QAACC;AAAAA,QAAA;AAAA,UACG,KAAKf,EAAa;AAAA,UAClB,QAAAK;AAAAA,UACA,YAAAC;AAAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IAEJQ,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAASC,EAAkBV,GAAWP,EAAa,cAAcC,KAAA,OAAA,SAAAA,EAAU,OAAO;AAAA,QAClF,GAAGI,EAAO,EAAEL,EAAa,aAAa,CAAC;AAAA,QACvC,GAAGK,EAAO,EAAEL,EAAa,aAAa,CAAC;AAAA,QACvC,QAAM;AAAA,QACN,eAAAU;AAAAA,QACA,OAAOV,EAAa;AAAA,QACpB,SAASA,EAAa;AAAA,QACtB,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnB;AAER,CAAC;AAED,SAASiB,EAAkBV,GAAsBW,GAAUC,IAA4B,CAAA,GAAI;AACvF,QAAMC,IAAkB,CAAA;AACxB,aAAWC,KAAUF,GAAa;AAC9B,UAAMG,IAAkBD,KAAA,QAAAA,EAAQ,SAASE,EAAOF,EAAO,MAAM,IAAI;AACjED,IAAAA,EAAM,KAAK,GAAGC,EAAO,KAAK,KAAKG,EAAkBjB,GAAWW,EAAI,KAAKG,GAAQC,CAAe,CAAC,EAAE;AAAA,EACnG;AACA,SAAOF;AACX;","x_google_ignoreList":[0]}