@milaboratories/graph-maker 1.1.132 → 1.1.134

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

@@ -0,0 +1,112 @@
+import { j as s } from "../../node_modules/react/jsx-runtime.js";
+import { r as C } from "../../_virtual/index.js";
+import { useFunction as p } from "../../utils/hooks/useFunction.js";
+import { ChartAxis as v } from "./ChartAxis.js";
+import { ChartAxisTitles as G } from "./ChartAxisTitles.js";
+import { ChartFacetTitle as L } from "./ChartFacetTitle.js";
+import { ChartLayersData as M } from "./ChartLayersData.js";
+import { ChartTrendsData as S } from "./ChartTrendsData.js";
+import { Grid as Y } from "./Grid.js";
+const q = C.memo(({
+  facetKey: l,
+  width: t,
+  height: i,
+  dimensions: e,
+  scales: a,
+  xAxis: o,
+  yAxis: r,
+  frameType: d,
+  dotsData: h,
+  facetSettings: y,
+  trendsData: D,
+  captionsSizes: g,
+  facetTitle: u,
+  onlyPositive: A,
+  layersData: j,
+  aesGetters: m,
+  onMouseEnterDot: f,
+  onMouseLeaveDot: x
+}) => {
+  const { padding: c } = e, T = p((n) => {
+    f == null || f(n, l);
+  }), w = p((n) => {
+    x == null || x(n, l);
+  });
+  return /* @__PURE__ */ s.jsxs("g", { transform: `translate(${e.left + c.left},${e.top + c.top})`, children: [
+    !1,
+    /* @__PURE__ */ s.jsx(
+      L,
+      {
+        width: t,
+        dimensions: e,
+        frameType: d,
+        facetTitle: u
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      G,
+      {
+        debug: !1,
+        width: t,
+        height: i,
+        dimensions: e,
+        xAxis: o,
+        yAxis: r,
+        dotsData: h
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      Y,
+      {
+        width: t,
+        height: i,
+        scaleX: a.x,
+        scaleY: a.y,
+        axisX: o,
+        axisY: r,
+        frameType: d
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      v,
+      {
+        debug: !1,
+        width: t,
+        height: i,
+        dimensions: e,
+        scales: a,
+        xAxis: o,
+        yAxis: r,
+        facetSettings: y,
+        captionsSizes: g,
+        onlyPositive: A
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      S,
+      {
+        width: t,
+        scales: a,
+        trendsData: D,
+        aesGetters: m
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      M,
+      {
+        width: t,
+        height: i,
+        scales: a,
+        dotsData: h,
+        layersData: j,
+        aesGetters: m,
+        onMouseEnterDot: T,
+        onMouseLeaveDot: w
+      }
+    )
+  ] });
+});
+export {
+  q as Chart
+};
+//# sourceMappingURL=Chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/Chart.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { FrameType } from '../../types';\nimport { useFunction } from '../../utils/hooks/useFunction';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotLayerData } from '../getLayersData';\nimport type { TrendsData } from '../linearRegression';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport { ChartAxis } from './ChartAxis';\nimport { ChartAxisTitles } from './ChartAxisTitles';\nimport { ChartFacetTitle } from './ChartFacetTitle';\nimport { ChartLayersData } from './ChartLayersData';\nimport { ChartTrendsData } from './ChartTrendsData';\nimport { Grid } from './Grid';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales\n} from './types';\n\ninterface ChartProps {\n    facetKey: string;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    frameType: FrameType;\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    dotsData: GroupedDots[keyof GroupedDots];\n    trendsData: TrendsData[keyof TrendsData] | null;\n    captionsSizes: CaptionsSizes;\n    facetTitle: string[];\n    onlyPositive: {x: boolean; y: boolean};\n    layersData: ScatterplotLayerData[];\n    aesGetters: AesGetters;\n    onMouseEnterDot?: (dot: Dot, facetKey: string) => void;\n    onMouseLeaveDot?: (dot: Dot, facetKey: string) => void;\n}\n\nexport const Chart = memo(({\n    facetKey,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    frameType,\n    dotsData,\n    facetSettings,\n    trendsData,\n    captionsSizes,\n    facetTitle,\n    onlyPositive,\n    layersData,\n    aesGetters,\n    onMouseEnterDot,\n    onMouseLeaveDot,\n}: ChartProps) => {\n    const debug = false;\n\n    const {padding} = dimensions;\n    \n    const handleMouseEnterDot = useFunction((dot: Dot) => {\n        onMouseEnterDot?.(dot, facetKey);\n    });\n    const handleMouseLeaveDot = useFunction((dot: Dot) => {\n        onMouseLeaveDot?.(dot, facetKey);\n    });\n\n    return (\n        <g transform={`translate(${dimensions.left + padding.left},${dimensions.top + padding.top})`}>\n            {debug && (\n                <g fill=\"none\" stroke=\"green\" strokeWidth=\"2px\">\n                    <rect width={width} height={padding.top} x={0} y={-padding.top} />\n                    <rect width={width} height={padding.bottom} x={0} y={height} />\n                    <rect width={padding.left} height={height} x={-padding.left} y={0} />\n                    <rect width={padding.right} height={height} x={width} y={0} />\n                </g>\n            )}\n\n            <ChartFacetTitle\n                width={width}\n                dimensions={dimensions}\n                frameType={frameType}\n                facetTitle={facetTitle}\n            />\n            \n            <ChartAxisTitles\n                debug={debug}\n                width={width}\n                height={height}\n                dimensions={dimensions}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                dotsData={dotsData}\n            />\n\n            <Grid\n                width={width}\n                height={height}\n                scaleX={scales.x}\n                scaleY={scales.y}\n                axisX={xAxis}\n                axisY={yAxis}\n                frameType={frameType}\n            />\n\n            <ChartAxis\n                debug={debug}\n                width={width}\n                height={height}\n                dimensions={dimensions}\n                scales={scales}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                facetSettings={facetSettings}\n                captionsSizes={captionsSizes}\n                onlyPositive={onlyPositive}\n            />\n\n            <ChartTrendsData\n                width={width}\n                scales={scales}\n                trendsData={trendsData}\n                aesGetters={aesGetters}\n            />\n\n            <ChartLayersData\n                width={width}\n                height={height}\n                scales={scales}\n                dotsData={dotsData}\n                layersData={layersData}\n                aesGetters={aesGetters}\n                onMouseEnterDot={handleMouseEnterDot}\n                onMouseLeaveDot={handleMouseLeaveDot}\n            />\n        </g>\n    );\n});\n"],"names":["Chart","memo","facetKey","width","height","dimensions","scales","xAxis","yAxis","frameType","dotsData","facetSettings","trendsData","captionsSizes","facetTitle","onlyPositive","layersData","aesGetters","onMouseEnterDot","onMouseLeaveDot","padding","handleMouseEnterDot","useFunction","dot","handleMouseLeaveDot","jsxs","jsx","ChartFacetTitle","ChartAxisTitles","Grid","ChartAxis","ChartTrendsData","ChartLayersData"],"mappings":";;;;;;;;;AAyCO,MAAMA,IAAQC,EAAAA,KAAK,CAAC;AAAA,EACvB,UAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,UAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,iBAAAC;AAAAA,EACA,iBAAAC;AACJ,MAAkB;AAGd,QAAM,EAAC,SAAAC,EAAAA,IAAWf,GAEZgB,IAAsBC,EAAY,CAACC,MAAa;AAClDL,IAAAA,KAAA,QAAAA,EAAkBK,GAAKrB,CAAAA;AAAAA,EAC3B,CAAC,GACKsB,IAAsBF,EAAY,CAACC,MAAa;AAClDJ,IAAAA,KAAA,QAAAA,EAAkBI,GAAKrB,CAAAA;AAAAA,EAC3B,CAAC;AAED,SACIuB,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAapB,EAAW,OAAOe,EAAQ,IAAI,IAAIf,EAAW,MAAMe,EAAQ,GAAG,KACpF,UAAA;AAAA,IAAA;AAAA,IASDM,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAAxB;AAAAA,QACA,YAAAE;AAAAA,QACA,WAAAI;AAAAA,QACA,YAAAK;AAAAA,MAAA;AAAA,IAAA;AAAA,IAGJY,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACG,OAAA;AAAA,QACA,OAAAzB;AAAAA,QACA,QAAAC;AAAAA,QACA,YAAAC;AAAAA,QACA,OAAAE;AAAAA,QACA,OAAAC;AAAAA,QACA,UAAAE;AAAAA,MAAA;AAAA,IAAA;AAAA,IAGJgB,gBAAAA,EAAAA;AAAAA,MAACG;AAAAA,MAAA;AAAA,QACG,OAAA1B;AAAAA,QACA,QAAAC;AAAAA,QACA,QAAQE,EAAO;AAAA,QACf,QAAQA,EAAO;AAAA,QACf,OAAOC;AAAAA,QACP,OAAOC;AAAAA,QACP,WAAAC;AAAAA,MAAA;AAAA,IAAA;AAAA,IAGJiB,gBAAAA,EAAAA;AAAAA,MAACI;AAAAA,MAAA;AAAA,QACG,OAAA;AAAA,QACA,OAAA3B;AAAAA,QACA,QAAAC;AAAAA,QACA,YAAAC;AAAAA,QACA,QAAAC;AAAAA,QACA,OAAAC;AAAAA,QACA,OAAAC;AAAAA,QACA,eAAAG;AAAAA,QACA,eAAAE;AAAAA,QACA,cAAAE;AAAAA,MAAA;AAAA,IAAA;AAAA,IAGJW,gBAAAA,EAAAA;AAAAA,MAACK;AAAAA,MAAA;AAAA,QACG,OAAA5B;AAAAA,QACA,QAAAG;AAAAA,QACA,YAAAM;AAAAA,QACA,YAAAK;AAAAA,MAAA;AAAA,IAAA;AAAA,IAGJS,gBAAAA,EAAAA;AAAAA,MAACM;AAAAA,MAAA;AAAA,QACG,OAAA7B;AAAAA,QACA,QAAAC;AAAAA,QACA,QAAAE;AAAAA,QACA,UAAAI;AAAAA,QACA,YAAAM;AAAAA,QACA,YAAAC;AAAAA,QACA,iBAAiBI;AAAAA,QACjB,iBAAiBG;AAAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzB;AAER,CAAC;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,52 @@
+import { j as s } from "../../node_modules/react/jsx-runtime.js";
+import { r as p } from "../../_virtual/index.js";
+import { DEFAULT_TICKS_SIZE as h, TITLE_LINE as T, TICK_OFFSET as d } from "../constants.js";
+import { Axis as x } from "./Axis.js";
+const u = p.memo(({
+  debug: t,
+  width: m,
+  height: e,
+  dimensions: o,
+  scales: n,
+  xAxis: f,
+  yAxis: g,
+  facetSettings: i,
+  captionsSizes: r,
+  onlyPositive: a
+}) => {
+  const c = f.showTicks ? h : 0, l = g.showTicks ? h : 0, y = o.chartEdgeSides.includes("left") || !(i != null && i.sharedY), S = o.chartEdgeSides.includes("bottom") || !(i != null && i.sharedX);
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    S && /* @__PURE__ */ s.jsxs("g", { transform: `translate(0,${e})`, children: [
+      /* @__PURE__ */ s.jsx(x, { scale: n.x, orient: "bottom", onlyPositive: a.x, tickSize: c }),
+      t && /* @__PURE__ */ s.jsx(
+        "rect",
+        {
+          x: "0",
+          y: c + d,
+          width: m,
+          height: T,
+          fill: "none",
+          stroke: "black"
+        }
+      )
+    ] }),
+    y && /* @__PURE__ */ s.jsxs("g", { children: [
+      /* @__PURE__ */ s.jsx(x, { scale: n.y, orient: "left", onlyPositive: a.y, tickSize: l }),
+      t && /* @__PURE__ */ s.jsx(
+        "rect",
+        {
+          x: -l - d - r.yAxisCaptionsWidth,
+          y: "0",
+          width: r.yAxisCaptionsWidth,
+          height: e,
+          fill: "none",
+          stroke: "black"
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  u as ChartAxis
+};
+//# sourceMappingURL=ChartAxis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxis.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/ChartAxis.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { DEFAULT_TICKS_SIZE, TICK_OFFSET, TITLE_LINE } from '../constants';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport { Axis } from './Axis';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales\n} from './types';\n\ninterface Props {\n    debug?: boolean;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    captionsSizes: CaptionsSizes;\n    onlyPositive: {x: boolean; y: boolean};\n}\n\nexport const ChartAxis = memo(({\n    debug,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    facetSettings,\n    captionsSizes,\n    onlyPositive,\n}: Props) => {\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const needLeftAxis = dimensions.chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = dimensions.chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n\n    return (\n        <>\n            {needBottomAxis && (\n                <g transform={`translate(0,${height})`}>\n                    <Axis scale={scales.x} orient=\"bottom\" onlyPositive={onlyPositive.x} tickSize={tickSizeX} />\n                    {debug && (\n                        <rect\n                            x=\"0\"\n                            y={tickSizeX + TICK_OFFSET}\n                            width={width}\n                            height={TITLE_LINE}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n\n            {needLeftAxis && (\n                <g>\n                    <Axis scale={scales.y} orient=\"left\" onlyPositive={onlyPositive.y} tickSize={tickSizeY} />\n                    {debug && (\n                        <rect\n                            x={-tickSizeY - TICK_OFFSET - captionsSizes.yAxisCaptionsWidth}\n                            y=\"0\"\n                            width={captionsSizes.yAxisCaptionsWidth}\n                            height={height}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n        </>\n    );\n});\n"],"names":["ChartAxis","memo","debug","width","height","dimensions","scales","xAxis","yAxis","facetSettings","captionsSizes","onlyPositive","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","needLeftAxis","needBottomAxis","jsxs","Fragment","jsx","Axis","TICK_OFFSET","TITLE_LINE"],"mappings":";;;;AAuBO,MAAMA,IAAYC,EAAAA,KAAK,CAAC;AAAA,EAC3B,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,cAAAC;AACJ,MAAa;AACT,QAAMC,IAAYL,EAAM,YAAYM,IAAqB,GACnDC,IAAYN,EAAM,YAAYK,IAAqB,GACnDE,IAAeV,EAAW,eAAe,SAAS,MAAM,KAAK,EAACI,KAAA,QAAAA,EAAe,UAC7EO,IAAiBX,EAAW,eAAe,SAAS,QAAQ,KAAK,EAACI,KAAA,QAAAA,EAAe;AAEvF,SACIQ,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACK,UAAA;AAAA,IAAAF,KACGC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,eAAeb,CAAM,KAC/B,UAAA;AAAA,MAAAe,gBAAAA,EAAAA,IAACC,GAAA,EAAK,OAAOd,EAAO,GAAG,QAAO,UAAS,cAAcK,EAAa,GAAG,UAAUC,GAAW;AAAA,MACzFV,KACGiB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAE;AAAA,UACF,GAAGP,IAAYS;AAAAA,UACf,OAAAlB;AAAAA,UACA,QAAQmB;AAAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGnB;AAAA,IAGHP,KAAAA,gBAAAA,EAAAA,KACI,KAAA,EACG,UAAA;AAAA,MAAAI,gBAAAA,EAAAA,IAACC,GAAA,EAAK,OAAOd,EAAO,GAAG,QAAO,QAAO,cAAcK,EAAa,GAAG,UAAUG,GAAW;AAAA,MACvFZ,KACGiB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAG,CAACL,IAAYO,IAAcX,EAAc;AAAA,UAC5C,GAAE;AAAA,UACF,OAAOA,EAAc;AAAA,UACrB,QAAAN;AAAAA,UACA,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGnB;AAAA,EAAA,GAER;AAER,CAAC;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,56 @@
+import { j as s } from "../../node_modules/react/jsx-runtime.js";
+import { r as u } from "../../_virtual/index.js";
+import { BLACK as A } from "../../constants.js";
+import { MIN_PADDING as r, TITLE_LINE as e } from "../constants.js";
+function c(t, i) {
+  return typeof t == "string" ? t : i.length ? i[0].data[t.value] : "";
+}
+const E = u.memo(({
+  debug: t,
+  width: i,
+  height: o,
+  dimensions: l,
+  xAxis: h,
+  yAxis: m,
+  dotsData: f
+}) => {
+  const { padding: n } = l, { dots: x } = f, g = c(h.title, x), p = c(m.title, x), a = l.chartEdgeSides.includes("left"), d = l.chartEdgeSides.includes("bottom");
+  return (d || a) && /* @__PURE__ */ s.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: A, children: [
+    d && /* @__PURE__ */ s.jsx("text", { x: i / 2, y: o + n.bottom - r - e / 2, children: g }),
+    t && d && /* @__PURE__ */ s.jsx(
+      "rect",
+      {
+        x: "0",
+        y: o + n.bottom - r - e,
+        width: i,
+        height: e,
+        fill: "none",
+        stroke: "black"
+      }
+    ),
+    a && /* @__PURE__ */ s.jsx(
+      "text",
+      {
+        x: -n.left + r + e / 2,
+        y: o / 2,
+        transform: `rotate(-90,${-n.left + r + e / 2},${o / 2})`,
+        children: p
+      }
+    ),
+    t && a && /* @__PURE__ */ s.jsx(
+      "rect",
+      {
+        x: -n.left + r,
+        y: "0",
+        width: e,
+        height: o,
+        fill: "none",
+        stroke: "black"
+      }
+    )
+  ] });
+});
+export {
+  E as ChartAxisTitles
+};
+//# sourceMappingURL=ChartAxisTitles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxisTitles.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/ChartAxisTitles.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { BLACK } from '../../constants';\nimport type { ColumnName } from '../../types';\nimport { MIN_PADDING, TITLE_LINE } from '../constants';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport type {\n    ChartDimensionsData\n} from './types';\n\ninterface Props {\n    debug?: boolean;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    dotsData: GroupedDots[keyof GroupedDots];\n}\n\nfunction getTitle(title: string | ColumnName, dots: Dot[]): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    if (!dots.length) {\n        return '';\n    }\n    return dots[0].data[title.value] as string;\n}\n\nexport const ChartAxisTitles = memo(({\n    debug,\n    width,\n    height,\n    dimensions,\n    xAxis,\n    yAxis,\n    dotsData,\n}: Props) =>{\n    const {padding} = dimensions;\n    const {dots} = dotsData;\n    const xTitle = getTitle(xAxis.title, dots);\n    const yTitle = getTitle(yAxis.title, dots);\n\n    const needLeftAxisTitle = dimensions.chartEdgeSides.includes('left');\n    const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n\n    return (needBottomAxisTitle || needLeftAxisTitle) && (\n         <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n            {needBottomAxisTitle && (\n                <text x={width / 2} y={height + padding.bottom - MIN_PADDING - TITLE_LINE / 2}>\n                    {xTitle}\n                </text>\n            )}\n            {debug && needBottomAxisTitle && (\n                <rect\n                    x=\"0\"\n                    y={height + padding.bottom - MIN_PADDING - TITLE_LINE}\n                    width={width}\n                    height={TITLE_LINE}\n                    fill=\"none\"\n                    stroke=\"black\"\n                />\n            )}\n            {needLeftAxisTitle && (\n                <text\n                    x={-padding.left + MIN_PADDING + TITLE_LINE / 2}\n                    y={height / 2}\n                    transform={`rotate(-90,${-padding.left + MIN_PADDING + TITLE_LINE / 2},${height / 2})`}\n                >\n                    {yTitle}\n                </text>\n            )}\n            {debug && needLeftAxisTitle && (\n                <rect\n                    x={-padding.left + MIN_PADDING}\n                    y=\"0\"\n                    width={TITLE_LINE}\n                    height={height}\n                    fill=\"none\"\n                    stroke=\"black\"\n                />\n            )}\n        </g>\n    );\n});"],"names":["getTitle","title","dots","ChartAxisTitles","memo","debug","width","height","dimensions","xAxis","yAxis","dotsData","padding","xTitle","yTitle","needLeftAxisTitle","needBottomAxisTitle","jsxs","BLACK","jsx","MIN_PADDING","TITLE_LINE"],"mappings":";;;;AAoBA,SAASA,EAASC,GAA4BC,GAAqB;AAC/D,SAAI,OAAOD,KAAU,WACVA,IAENC,EAAK,SAGHA,EAAK,CAAC,EAAE,KAAKD,EAAM,KAAK,IAFpB;AAGf;AAEO,MAAME,IAAkBC,EAAAA,KAAK,CAAC;AAAA,EACjC,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,UAAAC;AACJ,MAAY;AACR,QAAM,EAAC,SAAAC,EAAAA,IAAWJ,GACZ,EAAC,MAAAN,EAAAA,IAAQS,GACTE,IAASb,EAASS,EAAM,OAAOP,CAAI,GACnCY,IAASd,EAASU,EAAM,OAAOR,CAAI,GAEnCa,IAAoBP,EAAW,eAAe,SAAS,MAAM,GAC7DQ,IAAsBR,EAAW,eAAe,SAAS,QAAQ;AAEvE,UAAQQ,KAAuBD,MAC1BE,gBAAAA,EAAAA,KAAC,KAAA,EAAE,kBAAiB,WAAU,YAAW,UAAS,YAAW,OAAM,UAAS,QAAO,MAAMC,GACrF,UAAA;AAAA,IAAAF,KACGG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAGb,IAAQ,GAAG,GAAGC,IAASK,EAAQ,SAASQ,IAAcC,IAAa,GACvE,UAAAR,GACL;AAAA,IAEHR,KAASW,KACNG,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,GAAGZ,IAASK,EAAQ,SAASQ,IAAcC;AAAAA,QAC3C,OAAAf;AAAAA,QACA,QAAQe;AAAAA,QACR,MAAK;AAAA,QACL,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGdN,KACGI,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAG,CAACP,EAAQ,OAAOQ,IAAcC,IAAa;AAAA,QAC9C,GAAGd,IAAS;AAAA,QACZ,WAAW,cAAc,CAACK,EAAQ,OAAOQ,IAAcC,IAAa,CAAC,IAAId,IAAS,CAAC;AAAA,QAElF,UAAAO;AAAAA,MAAA;AAAA,IAAA;AAAA,IAGRT,KAASU,KACNI,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAG,CAACP,EAAQ,OAAOQ;AAAAA,QACnB,GAAE;AAAA,QACF,OAAOC;AAAAA,QACP,QAAAd;AAAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGnB;AAER,CAAC;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,37 @@
+import { j as r } from "../../node_modules/react/jsx-runtime.js";
+import { r as d } from "../../_virtual/index.js";
+import { BLACK as m } from "../../constants.js";
+import { FACET_TITLE_LINE as i } from "../constants.js";
+const F = d.memo(({
+  width: o,
+  dimensions: l,
+  frameType: s,
+  facetTitle: e
+}) => {
+  const { padding: t } = l;
+  return e.length && /* @__PURE__ */ r.jsxs("g", { children: [
+    s === "full" && /* @__PURE__ */ r.jsx("rect", { x: "0", y: -t.top, height: t.top, width: o, fill: "#F7F8FA", stroke: m }),
+    e.map((a, n) => {
+      const p = e.length, c = (t.top - i * p) / 2;
+      return /* @__PURE__ */ r.jsx(
+        "text",
+        {
+          fontSize: "14px",
+          fontWeight: "500",
+          fill: m,
+          x: o / 2,
+          dy: c + i / 2 - t.top,
+          y: n * i,
+          textAnchor: "middle",
+          dominantBaseline: "central",
+          children: a
+        },
+        n
+      );
+    })
+  ] });
+});
+export {
+  F as ChartFacetTitle
+};
+//# sourceMappingURL=ChartFacetTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFacetTitle.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/ChartFacetTitle.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { BLACK } from '../../constants';\nimport type { FrameType } from '../../types';\nimport { FACET_TITLE_LINE } from '../constants';\nimport type {\n    ChartDimensionsData\n} from './types';\n\ninterface ChartProps {\n    width: number;\n    dimensions: ChartDimensionsData;\n    frameType: FrameType;\n    facetTitle: string[];\n}\n\nexport const ChartFacetTitle = memo(({\n    width,\n    dimensions,\n    frameType,\n    facetTitle,\n}: ChartProps) => {\n    const {padding} = dimensions;\n\n    return facetTitle.length && (\n        <g>\n            {frameType === 'full' && (\n                <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />\n            )}\n            {facetTitle.map((titleLine, idx) => {\n                const linesCount = facetTitle.length;\n                const topOffset = (padding.top - FACET_TITLE_LINE * linesCount) / 2;\n                return (\n                    <text\n                        key={idx}\n                        fontSize=\"14px\"\n                        fontWeight=\"500\"\n                        fill={BLACK}\n                        x={width / 2}\n                        dy={topOffset + FACET_TITLE_LINE / 2 - padding.top}\n                        y={idx * FACET_TITLE_LINE}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"central\"\n                    >\n                        {titleLine}\n                    </text>\n                );\n            })}\n        </g>\n    );\n});"],"names":["ChartFacetTitle","memo","width","dimensions","frameType","facetTitle","padding","jsxs","jsx","BLACK","titleLine","idx","linesCount","topOffset","FACET_TITLE_LINE"],"mappings":";;;;AAeO,MAAMA,IAAkBC,EAAAA,KAAK,CAAC;AAAA,EACjC,OAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,YAAAC;AACJ,MAAkB;AACd,QAAM,EAAC,SAAAC,EAAAA,IAAWH;AAElB,SAAOE,EAAW,UACdE,gBAAAA,EAAAA,KAAC,KAAA,EACI,UAAA;AAAA,IAAAH,MAAc,UACXI,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,KAAI,GAAG,CAACF,EAAQ,KAAK,QAAQA,EAAQ,KAAK,OAAAJ,GAAc,MAAK,WAAU,QAAQO,GAAO;AAAA,IAEjGJ,EAAW,IAAI,CAACK,GAAWC,MAAQ;AAChC,YAAMC,IAAaP,EAAW,QACxBQ,KAAaP,EAAQ,MAAMQ,IAAmBF,KAAc;AAClE,aACIJ,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,UAAS;AAAA,UACT,YAAW;AAAA,UACX,MAAMC;AAAAA,UACN,GAAGP,IAAQ;AAAA,UACX,IAAIW,IAAYC,IAAmB,IAAIR,EAAQ;AAAA,UAC/C,GAAGK,IAAMG;AAAAA,UACT,YAAW;AAAA,UACX,kBAAiB;AAAA,UAEhB,UAAAJ;AAAAA,QAAA;AAAA,QAVIC;AAAAA,MAAA;AAAA,IAajB,CAAC;AAAA,EAAA,GACL;AAER,CAAC;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,250 @@
+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(({
+  width: e,
+  height: a,
+  scales: o,
+  dotsData: s,
+  layersData: n,
+  aesGetters: t,
+  onMouseEnterDot: d,
+  onMouseLeaveDot: i
+}) => n.map((l, h) => {
+  if (l.type === "dots")
+    return /* @__PURE__ */ r.jsx(
+      w,
+      {
+        width: e,
+        height: a,
+        scales: o,
+        dotsData: s,
+        layersData: n,
+        aesGetters: t,
+        onMouseEnterDot: d,
+        onMouseLeaveDot: i
+      },
+      l.type + h
+    );
+  if (l.type === "curve")
+    return /* @__PURE__ */ r.jsx(
+      C,
+      {
+        layer: l,
+        scales: o,
+        aesGetters: t
+      },
+      l.type + h
+    );
+})), w = u.memo(({
+  width: e,
+  height: a,
+  scales: o,
+  dotsData: s,
+  layersData: n,
+  aesGetters: t,
+  onMouseEnterDot: d,
+  onMouseLeaveDot: i
+}) => {
+  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,
+      {
+        scales: o,
+        dotsData: s,
+        aesGetters: t,
+        onMouseEnter: d,
+        onMouseLeave: i
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      G,
+      {
+        labels: D,
+        onMouseEnter: (m) => f(m),
+        onMouseLeave: () => f(null)
+      }
+    ),
+    h && /* @__PURE__ */ r.jsxs(
+      "g",
+      {
+        transform: `translate(${o.x(h.x)},${o.y(h.y)})`,
+        children: [
+          x(
+            t.dotShape(h.data),
+            t.dotSize(h.data) + 1,
+            "white",
+            "white"
+          ),
+          x(
+            t.dotShape(h.data),
+            t.dotSize(h.data),
+            t.dotColor(h.data)
+          )
+        ]
+      },
+      "activeDot"
+    )
+  ] });
+}), C = u.memo(({
+  layer: e,
+  scales: a,
+  aesGetters: o
+}) => {
+  if (e.type === "curve" && !e.info.smoothing)
+    return e.geoms.map((s, n) => /* @__PURE__ */ r.jsx("g", { children: /* @__PURE__ */ r.jsx(
+      "polyline",
+      {
+        points: s.dots.map((t) => `${a.x(t.x)},${a.y(t.y)}`).join(" "),
+        fill: "none",
+        stroke: o.lineColor(s.data),
+        strokeWidth: e.info.aes.lineWidth,
+        strokeDasharray: y(e.info.aes.lineShape)
+      }
+    ) }, n));
+  if (e.type === "curve" && e.info.smoothing)
+    return e.geoms.map((s, n) => /* @__PURE__ */ r.jsx("g", { children: /* @__PURE__ */ r.jsx(
+      "path",
+      {
+        d: S().curve(E).x((t) => a.x(t.x)).y((t) => a.y(t.y))(s.dots) ?? "",
+        fill: "none",
+        stroke: o.lineColor(s.data),
+        strokeWidth: e.info.aes.lineWidth,
+        strokeDasharray: y(e.info.aes.lineShape)
+      }
+    ) }, n));
+}), b = u.memo(({
+  scales: e,
+  dotsData: a,
+  aesGetters: o,
+  onMouseEnter: s,
+  onMouseLeave: n
+}) => {
+  const { dots: t } = a;
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: t.map((d, i) => /* @__PURE__ */ r.jsx(
+    k,
+    {
+      dot: d,
+      scales: e,
+      aesGetters: o,
+      onMouseEnter: s,
+      onMouseLeave: n
+    },
+    i
+  )) });
+}), k = ({
+  dot: e,
+  scales: a,
+  aesGetters: o,
+  onMouseEnter: s,
+  onMouseLeave: n
+}) => /* @__PURE__ */ r.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)
+    )
+  }
+), G = u.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(
+      "rect",
+      {
+        x: "0",
+        y: "0",
+        width: l,
+        height: d,
+        fill: "transparent",
+        stroke: "none",
+        onMouseEnter: () => a(s.dot),
+        onMouseLeave: () => o(s.dot)
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      "text",
+      {
+        x: 0,
+        y: d / 2,
+        stroke: "white",
+        strokeWidth: 2,
+        paintOrder: "stroke",
+        style: { pointerEvents: "none" },
+        fontFamily: "Manrope",
+        fontSize: "16px",
+        dominantBaseline: "middle",
+        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)
+      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
+    });
+  }
+  return n;
+}
+export {
+  C as ChartCurveLayer,
+  k as ChartDot,
+  b as ChartDots,
+  G as ChartLabels,
+  w as ChartLayerDots,
+  T as ChartLayersData
+};
+//# sourceMappingURL=ChartLayersData.js.map

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

@@ -0,0 +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":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,58 @@
+import { j as i } 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(({
+  tooltipsData: e,
+  tooltips: l,
+  keyColumn: r,
+  chartSizes: s,
+  dimensions: t,
+  scales: o,
+  aesGetters: f
+}) => {
+  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,
+        {
+          dot: e.selectedData,
+          scales: o,
+          aesGetters: f
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i.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),
+        active: !0,
+        sideDistances: m,
+        fixed: e.fixed,
+        onClose: e.onClose,
+        container: null
+      }
+    )
+  ] });
+});
+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;
+}
+export {
+  y as ChartTooltip
+};
+//# sourceMappingURL=ChartTooltip.js.map