@milaboratories/miplots4 1.0.126 → 1.0.127

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTrendsData.js","sources":["../../../src/scatterplot/components/ChartTrendsData.tsx"],"sourcesContent":["import lodash from 'lodash';\nimport { memo, type ReactElement } from 'react';\nimport { numberFormat } from '../../utils/numberFormat';\nimport type { TrendsData } from '../linearRegression';\nimport type {\n    AesGetters,\n    ChartScales\n} from './types';\n\ninterface Props {\n    trendsData: TrendsData[keyof TrendsData] | null;\n    width: number;\n    scales: ChartScales;\n    aesGetters: AesGetters;\n}\n\nexport const ChartTrendsData = memo(({\n    width,\n    scales,\n    trendsData,\n    aesGetters,\n}: Props) => {\n    return (trendsData &&\n        trendsData.map(({predict, getArea, data, bounded, xBounds, stats}, idx) => {\n            const [minX, maxX] = bounded ? xBounds : scales.x.domain();\n            const step = (maxX - minX) / 15;\n            const p1 = predict(minX);\n            const p2 = predict(maxX);\n            if (isNaN(p1) || isNaN(p2)) {\n                return null;\n            }\n            const fillColor = aesGetters.trendColor(data);\n            return (\n                <g key={idx}>\n                    <text y={idx * 20 + 20} fill={fillColor} x={width - 8} textAnchor=\"end\">\n                        {formatStats(stats)}\n                    </text>\n                    <path\n                        d={getArea(scales.x, scales.y, lodash.range(minX, maxX + step / 2, step))}\n                        fill={fillColor}\n                        opacity={0.2}\n                    />\n                    <line\n                        x1={scales.x(minX)}\n                        x2={scales.x(maxX)}\n                        y1={scales.y(p1)}\n                        y2={scales.y(p2)}\n                        stroke={fillColor}\n                    />\n                </g>\n            );\n        })\n    );\n});\n\nfunction formatR2(stats: TrendsData[keyof TrendsData][number]['stats']) {\n    if (typeof stats.r2 === 'undefined') {\n        return null;\n    }\n    return (\n        <>\n            <tspan>R</tspan>\n            <tspan fontSize=\"10px\" dy=\"-8\">\n                2\n            </tspan>\n            <tspan dy=\"8\">{` = ${numberFormat(stats.r2)}`}</tspan>\n        </>\n    );\n}\n\nfunction formatPValue(stats: TrendsData[keyof TrendsData][number]['stats']) {\n    if (typeof stats.pValue === 'undefined') {\n        return null;\n    }\n    return <tspan>{`p-value = ${numberFormat(stats.pValue)}`}</tspan>;\n}\n\nfunction formatCoefficients(stats: TrendsData[keyof TrendsData][number]['stats']) {\n    if (typeof stats.coefficients === 'undefined') {\n        return null;\n    }\n    const {slope, slopeError, intercept, interceptError} = stats.coefficients;\n    return (\n        <tspan>\n            <tspan>\n                {`slope = ${numberFormat(slope)} ± ${numberFormat(slopeError)}, intercept = ${numberFormat(intercept)} ± ${numberFormat(interceptError)}`}\n            </tspan>\n        </tspan>\n    );\n}\n\nfunction formatStats(stats: TrendsData[keyof TrendsData][number]['stats']) {\n    const items = [formatR2(stats), formatPValue(stats), formatCoefficients(stats)].filter(\n        value => value !== null\n    ) as unknown as ReactElement[];\n    return (\n        <>\n            {items.map((item, idx) => (\n                <tspan key={idx}>\n                    {item}\n                    <tspan>{idx < items.length - 1 && ', '}</tspan>\n                </tspan>\n            ))}\n        </>\n    );\n}\n\n"],"names":["ChartTrendsData","memo","width","scales","trendsData","aesGetters","predict","getArea","data","bounded","xBounds","stats","idx","minX","maxX","step","p1","p2","fillColor","jsx","formatStats","lodash","formatR2","jsxs","Fragment","numberFormat","formatPValue","formatCoefficients","slope","slopeError","intercept","interceptError","items","value","item"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-import { AesGetters, CaptionsSizes, ChartDimensionsData, ChartSizes, ChartsScales, Margins } from './types';
+import { LegendData } from '../../common/types';
+import { ColumnName } from '../../types';
 import { GroupedDots } from '../dots';
 import { ScatterplotLayerData } from '../getLayersData';
 import { TrendsData } from '../linearRegression';
 import { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';
-import { ColumnName } from '../../types';
-import { LegendData } from '../../common/types';
+import { AesGetters, CaptionsSizes, ChartDimensionsData, ChartSizes, ChartsScales, Margins } from './types';
 interface ChartsGroupProps {
     chartSettings: ScatterplotSettingsImpl['chartSettings'];
     facetSettings: ScatterplotSettingsImpl['facetSettings'];

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

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/ChartsGroup.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACR,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,OAAO,EACV,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAM,WAAW,EAAC,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,UAAU,gBAAgB;IACtB,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,WAAW,CAAC,EACxB,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,aAAa,EACb,YAAY,EACZ,UAAU,EACV,UAAU,EACV,mBAAmB,EACtB,EAAE,gBAAgB,2CAyElB"}
+{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/ChartsGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAO,WAAW,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAG1E,OAAO,KAAK,EACR,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,OAAO,EACV,MAAM,SAAS,CAAC;AAEjB,UAAU,gBAAgB;IACtB,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,WAAW,CAAC,EACxB,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,aAAa,EACb,YAAY,EACZ,UAAU,EACV,UAAU,EACV,mBAAmB,EACtB,EAAE,gBAAgB,2CAiFlB"}

package/dist/scatterplot/components/ChartsGroup.js

@@ -1,96 +1,104 @@
 import { j as r } from "../../node_modules/react/jsx-runtime.js";
-import { ChartsTitle as N } from "../../common/ChartsTitle.js";
-import O from "../../common/fonts.js";
-import { useTooltip as _ } from "../../common/Tooltip.js";
-import { LEGEND_OFFSET as b } from "../constants.js";
-import { Legend as q } from "../../common/Legend.js";
-import { Chart as y } from "./Chart.js";
-import { ErrorBoundary as J } from "../../common/ErrorBoundary.js";
-import { r as l } from "../../_virtual/index.js";
-function z({
-  settingsId: h,
-  chartSettings: m,
-  chartSizes: t,
-  chartsDimensions: i,
-  facetKeys: n,
-  facetSettings: g,
-  scales: a,
-  groupedDots: x,
-  legendData: u,
-  trendsData: d,
+import { r as A } from "../../_virtual/index.js";
+import { ChartsTitle as I } from "../../common/ChartsTitle.js";
+import { ErrorBoundary as O } from "../../common/ErrorBoundary.js";
+import G from "../../common/fonts.js";
+import { Legend as N } from "../../common/Legend.js";
+import { useTooltip as R } from "../../common/Tooltip.js";
+import { LEGEND_OFFSET as _ } from "../constants.js";
+import { Chart as q } from "./Chart.js";
+import { ChartTooltip as J } from "./ChartTooltip.js";
+function S({
+  settingsId: f,
+  chartSettings: g,
+  chartSizes: o,
+  chartsDimensions: e,
+  facetKeys: i,
+  facetSettings: x,
+  scales: d,
+  groupedDots: u,
+  legendData: j,
+  trendsData: s,
   columnsCount: c,
-  margins: s,
-  keyColumn: j,
-  mainTitle: w,
+  margins: l,
+  keyColumn: w,
+  mainTitle: E,
   facetTitles: T,
-  captionsSizes: C,
-  onlyPositive: E,
-  layersData: W,
-  aesGetters: $,
-  onTooltipHintSwitch: P
+  captionsSizes: v,
+  onlyPositive: W,
+  layersData: C,
+  aesGetters: a,
+  onTooltipHintSwitch: F
 }) {
-  const v = _(P), [F, H] = l.useState(), e = l.useRef(null);
-  l.useEffect(() => {
-    e.current && H(e.current);
-  }, []);
-  const { xAxis: L, yAxis: R, title: p, frame: A, legend: B, tooltips: D } = m, f = i[n[0]].padding, G = i[n[c - 1]].padding, I = t.chartsWidth + b, M = f.top;
-  return /* @__PURE__ */ r.jsx(J, { dataId: h, children: /* @__PURE__ */ r.jsxs(
+  const n = R(F), { xAxis: M, yAxis: $, title: p, frame: L, legend: H, tooltips: P } = g, h = e[i[0]].padding, B = e[i[c - 1]].padding, D = o.chartsWidth + _, b = h.top, m = A.useMemo(() => Object.fromEntries(
+    i.map((t) => [t, { x: d.x[t], y: d.y[t] }])
+  ), [d, i]);
+  return /* @__PURE__ */ r.jsx(O, { dataId: f, children: /* @__PURE__ */ r.jsx("div", { style: { position: "relative", width: o.totalWidth, height: o.totalHeight }, children: /* @__PURE__ */ r.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${t.totalWidth} ${t.totalHeight}`,
-      width: t.totalWidth,
-      height: t.totalHeight,
+      viewBox: `0 0 ${o.totalWidth} ${o.totalHeight}`,
+      width: o.totalWidth,
+      height: o.totalHeight,
+      style: { position: "absolute", top: 0, left: 0, zIndex: 0 },
       children: [
-        /* @__PURE__ */ r.jsx("defs", { children: O }),
-        /* @__PURE__ */ r.jsxs("g", { transform: `translate(${s.left},${s.top})`, fontFamily: "Manrope", children: [
+        /* @__PURE__ */ r.jsx("defs", { children: G }),
+        /* @__PURE__ */ r.jsxs("g", { transform: `translate(${l.left},${l.top})`, fontFamily: "Manrope", children: [
           /* @__PURE__ */ r.jsx(
-            N,
+            I,
             {
-              title: w,
+              title: E,
               show: p.show,
               position: p.position,
-              leftPadding: f.left,
-              rightPadding: G.right,
-              chartsWidth: t.chartsWidth
+              leftPadding: h.left,
+              rightPadding: B.right,
+              chartsWidth: o.chartsWidth
             }
           ),
-          n.map((o) => /* @__PURE__ */ r.jsx(
-            y,
+          i.map((t) => /* @__PURE__ */ r.jsx(
+            q,
             {
-              facetKey: o,
-              scales: { x: a.x[o], y: a.y[o] },
-              width: t.chartWidth,
-              height: t.chartHeight,
-              dimensions: i[o],
-              margins: s,
-              chartSizes: t,
-              facetSettings: g,
-              xAxis: L,
-              yAxis: R,
-              frameType: A.type,
-              dotsData: x[o],
-              trendsData: d ? d[o] : null,
-              tooltips: D,
-              tooltipsContainer: F,
-              keyColumn: j,
-              facetTitle: T[o],
-              captionsSizes: C,
-              layersData: W[o],
-              onlyPositive: E,
-              aesGetters: $,
-              tooltipsData: v
+              facetKey: t,
+              scales: m[t],
+              width: o.chartWidth,
+              height: o.chartHeight,
+              dimensions: e[t],
+              facetSettings: x,
+              xAxis: M,
+              yAxis: $,
+              frameType: L.type,
+              dotsData: u[t],
+              trendsData: s ? s[t] : null,
+              facetTitle: T[t],
+              captionsSizes: v,
+              layersData: C[t],
+              onlyPositive: W,
+              aesGetters: a,
+              onMouseEnterDot: n.onMouseEnter,
+              onMouseLeaveDot: n.onMouseLeave
             },
-            o
+            t
           )),
-          B.show && /* @__PURE__ */ r.jsx("g", { transform: `translate(${I},${M})`, children: /* @__PURE__ */ r.jsx(q, { legendData: u }) })
-        ] }),
-        /* @__PURE__ */ r.jsx("g", { ref: e, style: { outline: "none" } })
+          H.show && /* @__PURE__ */ r.jsx("g", { transform: `translate(${D},${b})`, children: /* @__PURE__ */ r.jsx(N, { legendData: j }) }),
+          /* @__PURE__ */ r.jsx(
+            J,
+            {
+              tooltipsData: n,
+              dimensions: e[n.currentFacet],
+              scales: m[n.currentFacet],
+              keyColumn: w,
+              margins: l,
+              chartSizes: o,
+              tooltips: P,
+              aesGetters: a
+            }
+          )
+        ] })
       ]
     }
-  ) });
+  ) }) });
 }
 export {
-  z as ChartsGroup
+  S as ChartsGroup
 };
 //# sourceMappingURL=ChartsGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.js","sources":["../../../src/scatterplot/components/ChartsGroup.tsx"],"sourcesContent":["import {ChartsTitle} from '../../common/ChartsTitle';\nimport fonts from '../../common/fonts';\nimport {useTooltip} from '../../common/Tooltip';\nimport {LEGEND_OFFSET} from '../constants';\nimport {Legend} from '../../common/Legend';\nimport {Chart} from './Chart';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartSizes,\n    ChartsScales,\n    Margins,\n} from './types';\nimport type {Dot, GroupedDots} from '../dots';\nimport type {ScatterplotLayerData} from '../getLayersData';\nimport type {TrendsData} from '../linearRegression';\nimport type {ScatterplotSettingsImpl} from '../ScatterplotSettingsImpl';\nimport type {ColumnName} from '../../types';\nimport React, {useEffect, useRef, useState} from 'react';\nimport type { LegendData } from '../../common/types';\n\ninterface ChartsGroupProps {\n    chartSettings: ScatterplotSettingsImpl['chartSettings'];\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartsScales;\n    facetKeys: string[];\n    settingsId: string;\n    groupedDots: GroupedDots;\n    legendData: LegendData;\n    trendsData: TrendsData | null;\n    columnsCount: number;\n    margins: Margins;\n    keyColumn: ColumnName;\n    mainTitle: string[];\n    facetTitles: Record<string, string[]>;\n    captionsSizes: CaptionsSizes;\n    onlyPositive: {x: boolean, y: boolean};\n    layersData: Record<string, ScatterplotLayerData[]>;\n    aesGetters: AesGetters;\n    onTooltipHintSwitch: (v:boolean) => void;\n}\n\nexport function ChartsGroup({\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    facetSettings,\n    scales,\n    groupedDots,\n    legendData,\n    trendsData,\n    columnsCount,\n    margins,\n    keyColumn,\n    mainTitle,\n    facetTitles,\n    captionsSizes,\n    onlyPositive,\n    layersData,\n    aesGetters,\n    onTooltipHintSwitch\n}: ChartsGroupProps) {\n    const tooltipsData = useTooltip<Dot>(onTooltipHintSwitch);\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n    const tooltipsRef = useRef<SVGGElement>(null);\n    useEffect(() => {\n        if (tooltipsRef.current) {\n            setTooltipsContainer(tooltipsRef.current);\n        }\n    }, []);\n\n    const {xAxis, yAxis, title, frame, legend, tooltips} = chartSettings;\n\n    const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n    const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n    const legendLeft = chartSizes.chartsWidth + LEGEND_OFFSET;\n    const legendTop = leftTopChartPadding.top;\n\n    return (\n        <ErrorBoundary dataId={settingsId}>\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n                width={chartSizes.totalWidth}\n                height={chartSizes.totalHeight}\n            >\n                <defs>{fonts}</defs>\n                <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                    <ChartsTitle\n                        title={mainTitle}\n                        show={title.show}\n                        position={title.position}\n                        leftPadding={leftTopChartPadding.left}\n                        rightPadding={rightTopChartPadding.right}\n                        chartsWidth={chartSizes.chartsWidth}\n                    />\n                    {facetKeys.map(key => (\n                        <Chart\n                            key={key}\n                            facetKey={key}\n                            scales={{x: scales.x[key], y: scales.y[key]}}\n                            width={chartSizes.chartWidth}\n                            height={chartSizes.chartHeight}\n                            dimensions={chartsDimensions[key]}\n                            margins={margins}\n                            chartSizes={chartSizes}\n                            facetSettings={facetSettings}\n                            xAxis={xAxis}\n                            yAxis={yAxis}\n                            frameType={frame.type}\n                            dotsData={groupedDots[key]}\n                            trendsData={trendsData ? trendsData[key] : null}\n                            tooltips={tooltips}\n                            tooltipsContainer={tooltipsContainer}\n                            keyColumn={keyColumn}\n                            facetTitle={facetTitles[key]}\n                            captionsSizes={captionsSizes}\n                            layersData={layersData[key]}\n                            onlyPositive={onlyPositive}\n                            aesGetters={aesGetters}\n                            tooltipsData={tooltipsData}\n                        />\n                    ))}\n                    {legend.show && (\n                        <g transform={`translate(${legendLeft},${legendTop})`}>\n                            <Legend legendData={legendData} />\n                        </g>\n                    )}\n                </g>\n                <g ref={tooltipsRef} style={{outline: 'none'}} />\n            </svg>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ChartsGroup","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","facetSettings","scales","groupedDots","legendData","trendsData","columnsCount","margins","keyColumn","mainTitle","facetTitles","captionsSizes","onlyPositive","layersData","aesGetters","onTooltipHintSwitch","tooltipsData","useTooltip","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useRef","useEffect","xAxis","yAxis","title","frame","legend","tooltips","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","key","Chart","Legend"],"mappings":"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"}
+{"version":3,"file":"ChartsGroup.js","sources":["../../../src/scatterplot/components/ChartsGroup.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport type { ColumnName } from '../../types';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotLayerData } from '../getLayersData';\nimport type { TrendsData } from '../linearRegression';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport { Chart } from './Chart';\nimport { ChartTooltip } from './ChartTooltip';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartSizes,\n    ChartsScales,\n    Margins,\n} from './types';\n\ninterface ChartsGroupProps {\n    chartSettings: ScatterplotSettingsImpl['chartSettings'];\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartsScales;\n    facetKeys: string[];\n    settingsId: string;\n    groupedDots: GroupedDots;\n    legendData: LegendData;\n    trendsData: TrendsData | null;\n    columnsCount: number;\n    margins: Margins;\n    keyColumn: ColumnName;\n    mainTitle: string[];\n    facetTitles: Record<string, string[]>;\n    captionsSizes: CaptionsSizes;\n    onlyPositive: {x: boolean, y: boolean};\n    layersData: Record<string, ScatterplotLayerData[]>;\n    aesGetters: AesGetters;\n    onTooltipHintSwitch: (v:boolean) => void;\n}\n\nexport function ChartsGroup({\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    facetSettings,\n    scales,\n    groupedDots,\n    legendData,\n    trendsData,\n    columnsCount,\n    margins,\n    keyColumn,\n    mainTitle,\n    facetTitles,\n    captionsSizes,\n    onlyPositive,\n    layersData,\n    aesGetters,\n    onTooltipHintSwitch\n}: ChartsGroupProps) {\n    const tooltipsData = useTooltip<Dot>(onTooltipHintSwitch);\n    \n    const {xAxis, yAxis, title, frame, legend, tooltips} = chartSettings;\n\n    const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n    const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n    const legendLeft = chartSizes.chartsWidth + LEGEND_OFFSET;\n    const legendTop = leftTopChartPadding.top;\n\n    const scalesByFacet = useMemo(() => {\n        return Object.fromEntries(\n            facetKeys.map(key => [key, {x: scales.x[key], y: scales.y[key]}])\n        );\n    }, [scales, facetKeys]);\n\n    return (\n        <ErrorBoundary dataId={settingsId}>\n            <div style={{ position: 'relative', width: chartSizes.totalWidth, height: chartSizes.totalHeight }}>\n                <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n                    width={chartSizes.totalWidth}\n                    height={chartSizes.totalHeight}\n                    style={{ position: 'absolute', top: 0, left: 0, zIndex: 0 }}\n                >\n                    <defs>{fonts}</defs>\n                    <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                        <ChartsTitle\n                            title={mainTitle}\n                            show={title.show}\n                            position={title.position}\n                            leftPadding={leftTopChartPadding.left}\n                            rightPadding={rightTopChartPadding.right}\n                            chartsWidth={chartSizes.chartsWidth}\n                        />\n                        {facetKeys.map(key => (\n                            <Chart\n                                key={key}\n                                facetKey={key}\n                                scales={scalesByFacet[key]}\n                                width={chartSizes.chartWidth}\n                                height={chartSizes.chartHeight}\n                                dimensions={chartsDimensions[key]}\n                                facetSettings={facetSettings}\n                                xAxis={xAxis}\n                                yAxis={yAxis}\n                                frameType={frame.type}\n                                dotsData={groupedDots[key]}\n                                trendsData={trendsData ? trendsData[key] : null}\n                                facetTitle={facetTitles[key]}\n                                captionsSizes={captionsSizes}\n                                layersData={layersData[key]}\n                                onlyPositive={onlyPositive}\n                                aesGetters={aesGetters}\n                                onMouseEnterDot={tooltipsData.onMouseEnter}\n                                onMouseLeaveDot={tooltipsData.onMouseLeave}\n                            />\n                        ))}\n                        {legend.show && (\n                            <g transform={`translate(${legendLeft},${legendTop})`}>\n                                <Legend legendData={legendData} />\n                            </g>\n                        )}\n\n                        <ChartTooltip\n                            tooltipsData={tooltipsData}\n                            dimensions={chartsDimensions[tooltipsData.currentFacet]}\n                            scales={scalesByFacet[tooltipsData.currentFacet]}\n                            keyColumn={keyColumn}\n                            margins={margins}\n                            chartSizes={chartSizes}\n                            tooltips={tooltips}\n                            aesGetters={aesGetters}\n                        />\n                    </g>\n                </svg>\n            </div>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ChartsGroup","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","facetSettings","scales","groupedDots","legendData","trendsData","columnsCount","margins","keyColumn","mainTitle","facetTitles","captionsSizes","onlyPositive","layersData","aesGetters","onTooltipHintSwitch","tooltipsData","useTooltip","xAxis","yAxis","title","frame","legend","tooltips","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","scalesByFacet","useMemo","key","ErrorBoundary","jsx","jsxs","fonts","ChartsTitle","Chart","Legend","ChartTooltip"],"mappings":"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"}

package/dist/scatterplot/dots.d.ts

@@ -1,10 +1,8 @@
 import { DataFrame } from '../DataFrame';
 import { ColumnName, DataValue, Row } from '../types';
 export type Dot = {
-    id: string;
     x: number;
     y: number;
-    idx?: number;
     label: DataValue | null;
     dimmed: boolean;
     data: Row;

package/dist/scatterplot/dots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dots.d.ts","sourceRoot":"","sources":["../../src/scatterplot/dots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,UAAU,CAAC;AAEzD,MAAM,MAAM,GAAG,GAAG;IACd,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,GAAG,CAAA;CACZ,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAC5B,MAAM,EACN;IACI,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACf,CACJ,CAAC;AAEF,wBAAgB,OAAO,CACnB,IAAI,EAAE,SAAS,EACf,qBAAqB,EAAE,MAAM,EAAE,EAAE,EACjC,CAAC,EAAE,UAAU,EACb,CAAC,EAAE,UAAU,EACb,KAAK,EAAE,UAAU,GAAG,IAAI,EACxB,SAAS,EAAE,UAAU,GAAG,IAAI,EAC5B,IAAI,EAAE,MAAM,EAAE,GACf,WAAW,CAuCb"}
+{"version":3,"file":"dots.d.ts","sourceRoot":"","sources":["../../src/scatterplot/dots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE3D,MAAM,MAAM,GAAG,GAAG;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,GAAG,CAAA;CACZ,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAC5B,MAAM,EACN;IACI,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACf,CACJ,CAAC;AAEF,wBAAgB,OAAO,CACnB,IAAI,EAAE,SAAS,EACf,qBAAqB,EAAE,MAAM,EAAE,EAAE,EACjC,CAAC,EAAE,UAAU,EACb,CAAC,EAAE,UAAU,EACb,KAAK,EAAE,UAAU,GAAG,IAAI,EACxB,SAAS,EAAE,UAAU,GAAG,IAAI,EAC5B,IAAI,EAAE,MAAM,EAAE,GACf,WAAW,CAkDb"}

package/dist/scatterplot/dots.js

@@ -1,30 +1,34 @@
-function M(r, d, h, y, e, c, I) {
-  const f = {};
-  return d.forEach((v) => {
+function g(p, h, d, I, a, y, M) {
+  const x = {};
+  for (const v of h) {
     const l = [];
-    let i = 1 / 0, u = 1 / 0, s = -1 / 0, o = -1 / 0;
-    I.forEach((m) => {
-      r.getRowsByGrouping([...v, m]).forEach((t) => {
-        const n = t[h.value], a = t[y.value];
-        i = Math.min(i, n), u = Math.min(u, a), s = Math.max(s, n), o = Math.max(o, a), n !== null && a !== null && l.push({
-          id: `${Object.values(t)}`,
-          x: n,
-          y: a,
-          label: e ? t[e.valueLabels ?? e.value] : null,
-          dimmed: c ? !t[c.value] : !1,
+    let s = 1 / 0, i = 1 / 0, u = -1 / 0, c = -1 / 0;
+    const r = v.concat([""]);
+    for (const f of M) {
+      r[r.length - 1] = f;
+      const n = p.getRowsByGrouping(r);
+      for (let m = 0; m < n.length; m++) {
+        const t = n[m], e = t[d.value], o = t[I.value];
+        e === null && o === null || (s = Math.min(s, e), i = Math.min(i, o), u = Math.max(u, e), c = Math.max(c, o), l.push({
+          x: e,
+          y: o,
+          label: a ? t[a.valueLabels ?? a.value] : null,
+          dimmed: y ? !t[y.value] : !1,
           data: t
-        });
-      });
-    }), l.sort((m, x) => m.x - x.x), f[v.join("_")] = {
-      minX: i,
-      maxX: s,
-      minY: u,
-      maxY: o,
+        }));
+      }
+    }
+    l.sort((f, n) => f.x - n.x), x[v.join("_")] = {
+      minX: s,
+      maxX: u,
+      minY: i,
+      maxY: c,
       dots: l
     };
-  }), f;
+  }
+  return x;
 }
 export {
-  M as getDots
+  g as getDots
 };
 //# sourceMappingURL=dots.js.map

package/dist/scatterplot/dots.js.map

@@ -1 +1 @@
-{"version":3,"file":"dots.js","sources":["../../src/scatterplot/dots.ts"],"sourcesContent":["import type {DataFrame} from '../DataFrame';\nimport type {ColumnName, DataValue, Row} from '../types';\n\nexport type Dot = {\n    id: string;\n    x: number;\n    y: number;\n    idx?: number;\n    label: DataValue | null;\n    dimmed: boolean;\n    data: Row\n};\n\nexport type GroupedDots = Record<\n    string,\n    {\n        minX: number;\n        maxX: number;\n        minY: number;\n        maxY: number;\n        dots: Dot[];\n    }\n>;\n\nexport function getDots(\n    data: DataFrame,\n    facetKeysCombinations: string[][],\n    x: ColumnName,\n    y: ColumnName,\n    label: ColumnName | null,\n    highlight: ColumnName | null,\n    keys: string[]\n): GroupedDots {\n    const result: GroupedDots = {};\n    facetKeysCombinations.forEach((facetKeys) => {\n        const dots: Dot[] = [];\n        let minX = Infinity;\n        let minY = Infinity;\n        let maxX = -Infinity;\n        let maxY = -Infinity;\n        keys.forEach(primaryKey => {\n            const rows = data.getRowsByGrouping([...facetKeys, primaryKey]);\n            rows.forEach(row => {\n                const valueX = row[x.value] as number;\n                const valueY = row[y.value] as number;\n                minX = Math.min(minX, valueX);\n                minY = Math.min(minY, valueY);\n                maxX = Math.max(maxX, valueX);\n                maxY = Math.max(maxY, valueY);\n                if (valueX !== null && valueY !== null) {\n                    dots.push({\n                        id: `${Object.values(row)}`,\n                        x: valueX,\n                        y: valueY,\n                        label: label ? row[label.valueLabels ?? label.value] : null,\n                        dimmed: highlight ? !row[highlight.value] : false,\n                        data: row\n                    });\n                }\n            });\n        });\n        dots.sort((d1, d2) => d1.x - d2.x);\n        result[facetKeys.join('_')] = {\n            minX,\n            maxX,\n            minY,\n            maxY,\n            dots,\n        };\n    });\n    return result;\n}\n"],"names":["getDots","data","facetKeysCombinations","x","label","highlight","keys","result","facetKeys","dots","minX","minY","maxX","maxY","primaryKey","row","valueX","valueY","d1","d2"],"mappings":"AAwBO,SAASA,EACZC,GACAC,GACAC,GACA,GACAC,GACAC,GACAC,GACW;AACX,QAAMC,IAAsB,CAAA;AAC5B,SAAAL,EAAsB,QAAQ,CAACM,MAAc;AACzC,UAAMC,IAAc,CAAA;AACpB,QAAIC,IAAO,OACPC,IAAO,OACPC,IAAO,QACPC,IAAO;AACX,IAAAP,EAAK,QAAQ,CAAAQ,MAAc;AAEvB,MADab,EAAK,kBAAkB,CAAC,GAAGO,GAAWM,CAAU,CAAC,EACzD,QAAQ,CAAAC,MAAO;AAChB,cAAMC,IAASD,EAAIZ,EAAE,KAAK,GACpBc,IAASF,EAAI,EAAE,KAAK;AAC1B,QAAAL,IAAO,KAAK,IAAIA,GAAMM,CAAM,GAC5BL,IAAO,KAAK,IAAIA,GAAMM,CAAM,GAC5BL,IAAO,KAAK,IAAIA,GAAMI,CAAM,GAC5BH,IAAO,KAAK,IAAIA,GAAMI,CAAM,GACxBD,MAAW,QAAQC,MAAW,QAC9BR,EAAK,KAAK;AAAA,UACN,IAAI,GAAG,OAAO,OAAOM,CAAG,CAAC;AAAA,UACzB,GAAGC;AAAA,UACH,GAAGC;AAAA,UACH,OAAOb,IAAQW,EAAIX,EAAM,eAAeA,EAAM,KAAK,IAAI;AAAA,UACvD,QAAQC,IAAY,CAACU,EAAIV,EAAU,KAAK,IAAI;AAAA,UAC5C,MAAMU;AAAA,QAAA,CACT;AAAA,MAET,CAAC;AAAA,IACL,CAAC,GACDN,EAAK,KAAK,CAACS,GAAIC,MAAOD,EAAG,IAAIC,EAAG,CAAC,GACjCZ,EAAOC,EAAU,KAAK,GAAG,CAAC,IAAI;AAAA,MAC1B,MAAAE;AAAA,MACA,MAAAE;AAAA,MACA,MAAAD;AAAA,MACA,MAAAE;AAAA,MACA,MAAAJ;AAAA,IAAA;AAAA,EAER,CAAC,GACMF;AACX;"}
+{"version":3,"file":"dots.js","sources":["../../src/scatterplot/dots.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue, Row } from '../types';\n\nexport type Dot = {\n    x: number;\n    y: number;\n    label: DataValue | null;\n    dimmed: boolean;\n    data: Row\n};\n\nexport type GroupedDots = Record<\n    string,\n    {\n        minX: number;\n        maxX: number;\n        minY: number;\n        maxY: number;\n        dots: Dot[];\n    }\n>;\n\nexport function getDots(\n    data: DataFrame,\n    facetKeysCombinations: string[][],\n    x: ColumnName,\n    y: ColumnName,\n    label: ColumnName | null,\n    highlight: ColumnName | null,\n    keys: string[]\n): GroupedDots {\n    const result: GroupedDots = {};\n\n    for (const facetKeys of facetKeysCombinations) {\n        const dots: Dot[] = [];\n        let minX = Infinity;\n        let minY = Infinity;\n        let maxX = -Infinity;\n        let maxY = -Infinity;\n\n        const templateGroupPath = facetKeys.concat(['']);\n\n        for (const primaryKey of keys) {\n            templateGroupPath[templateGroupPath.length - 1] = primaryKey;\n            const rows = data.getRowsByGrouping(templateGroupPath);\n\n            for (let i = 0; i < rows.length; i++) {\n                const row = rows[i];\n                const valueX = row[x.value] as number;\n                const valueY = row[y.value] as number;\n\n                if (valueX === null && valueY === null) continue;\n\n                minX = Math.min(minX, valueX);\n                minY = Math.min(minY, valueY);\n                maxX = Math.max(maxX, valueX);\n                maxY = Math.max(maxY, valueY);\n                \n                dots.push({\n                    x: valueX,\n                    y: valueY,\n                    label: label ? row[label.valueLabels ?? label.value] : null,\n                    dimmed: highlight ? !row[highlight.value] : false,\n                    data: row\n                });\n            }\n        }\n\n        dots.sort((d1, d2) => d1.x - d2.x);\n\n        result[facetKeys.join('_')] = {\n            minX,\n            maxX,\n            minY,\n            maxY,\n            dots,\n        };\n    }\n\n    return result;\n}\n"],"names":["getDots","data","facetKeysCombinations","x","y","label","highlight","keys","result","facetKeys","dots","minX","minY","maxX","maxY","templateGroupPath","primaryKey","rows","i","row","valueX","valueY","d1","d2"],"mappings":"AAsBO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACW;AACX,QAAMC,IAAsB,CAAA;AAE5B,aAAWC,KAAaP,GAAuB;AAC3C,UAAMQ,IAAc,CAAA;AACpB,QAAIC,IAAO,OACPC,IAAO,OACPC,IAAO,QACPC,IAAO;AAEX,UAAMC,IAAoBN,EAAU,OAAO,CAAC,EAAE,CAAC;AAE/C,eAAWO,KAAcT,GAAM;AAC3B,MAAAQ,EAAkBA,EAAkB,SAAS,CAAC,IAAIC;AAClD,YAAMC,IAAOhB,EAAK,kBAAkBc,CAAiB;AAErD,eAASG,IAAI,GAAGA,IAAID,EAAK,QAAQC,KAAK;AAClC,cAAMC,IAAMF,EAAKC,CAAC,GACZE,IAASD,EAAIhB,EAAE,KAAK,GACpBkB,IAASF,EAAIf,EAAE,KAAK;AAE1B,QAAIgB,MAAW,QAAQC,MAAW,SAElCV,IAAO,KAAK,IAAIA,GAAMS,CAAM,GAC5BR,IAAO,KAAK,IAAIA,GAAMS,CAAM,GAC5BR,IAAO,KAAK,IAAIA,GAAMO,CAAM,GAC5BN,IAAO,KAAK,IAAIA,GAAMO,CAAM,GAE5BX,EAAK,KAAK;AAAA,UACN,GAAGU;AAAA,UACH,GAAGC;AAAA,UACH,OAAOhB,IAAQc,EAAId,EAAM,eAAeA,EAAM,KAAK,IAAI;AAAA,UACvD,QAAQC,IAAY,CAACa,EAAIb,EAAU,KAAK,IAAI;AAAA,UAC5C,MAAMa;AAAA,QAAA,CACT;AAAA,MACL;AAAA,IACJ;AAEA,IAAAT,EAAK,KAAK,CAACY,GAAIC,MAAOD,EAAG,IAAIC,EAAG,CAAC,GAEjCf,EAAOC,EAAU,KAAK,GAAG,CAAC,IAAI;AAAA,MAC1B,MAAAE;AAAA,MACA,MAAAE;AAAA,MACA,MAAAD;AAAA,MACA,MAAAE;AAAA,MACA,MAAAJ;AAAA,IAAA;AAAA,EAER;AAEA,SAAOF;AACX;"}

package/dist/scatterplot-umap/components/SVGLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SVGLayer.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,wBAAgB,QAAQ,CAAC,EACrB,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,MAAM,EACN,eAAe,EACf,WAAkB,GACrB,EAAE,aAAa,kDAoDf"}
+{"version":3,"file":"SVGLayer.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAW,aAAa,EAAE,MAAM,UAAU,CAAC;AAIvD,wBAAgB,QAAQ,CAAC,EACrB,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,MAAM,EACN,eAAe,EACf,WAAkB,GACrB,EAAE,aAAa,kDAoDf"}

package/dist/scatterplot-umap/components/SVGLayer.js

@@ -1,26 +1,26 @@
 import { j as p } from "../../node_modules/react/jsx-runtime.js";
-import { useTooltip as w } from "../../common/Tooltip.js";
-import y from "./LowerSVG.js";
-import B from "./UpperSVG.js";
-import { r as G } from "../../_virtual/index.js";
-import { ErrorBoundary as I } from "../../common/ErrorBoundary.js";
-import { r as O } from "../../node_modules/react-dom/index.js";
-function k({
+import { r as w } from "../../_virtual/index.js";
+import { r as y } from "../../node_modules/react-dom/index.js";
+import { ErrorBoundary as B } from "../../common/ErrorBoundary.js";
+import { useTooltip as G } from "../../common/Tooltip.js";
+import I from "./LowerSVG.js";
+import P from "./UpperSVG.js";
+function q({
   settingsId: s,
-  scales: f,
+  scales: t,
   chartSettings: x,
-  mainTitle: a,
-  keyColumn: n,
+  mainTitle: n,
+  keyColumn: a,
   margins: j,
-  chartSizes: i,
+  chartSizes: f,
   captionsSizes: l,
   onlyPositive: E,
   container: r,
-  zoomStateKey: t,
+  zoomStateKey: i,
   aesGetters: u,
   legendData: e,
-  labels: v,
-  onPolygonUpdate: d,
+  labels: d,
+  onPolygonUpdate: v,
   onTooltipHintSwitch: L,
   onLassoControlsStateUpdate: M,
   dotsByGrouping: V,
@@ -30,43 +30,43 @@ function k({
 }) {
   if (!r)
     return null;
-  const m = w(L);
-  return G.useEffect(() => {
-    o ? m.onMouseOver(o) : m.onMouseLeave();
-  }, [o]), /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsxs(I, { dataId: s, children: [
+  const m = G(L);
+  return w.useEffect(() => {
+    o ? m.onMouseEnter(o) : m.onMouseLeave();
+  }, [o]), /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsxs(B, { dataId: s, children: [
     /* @__PURE__ */ p.jsx(
-      y,
+      I,
       {
         aesGetters: u,
         dotsByGrouping: V,
         layers: g,
-        scales: f,
-        keyColumn: n,
+        scales: t,
+        keyColumn: a,
         margins: j,
-        mainTitle: a,
+        mainTitle: n,
         captionsSizes: l,
         chartSettings: x,
-        chartSizes: i,
+        chartSizes: f,
         onlyPositive: E,
         container: r,
-        zoomStateKey: t,
+        zoomStateKey: i,
         legendData: e,
         tooltipData: m
       }
     ),
-    O.createPortal(
+    y.createPortal(
       /* @__PURE__ */ p.jsx(
-        B,
+        P,
         {
-          scales: f,
+          scales: t,
           container: r,
           aesGetters: u,
-          labels: v,
-          chartSizes: i,
-          zoomStateKey: t,
+          labels: d,
+          chartSizes: f,
+          zoomStateKey: i,
           selectedDot: o,
           defaultPolygons: h,
-          onPolygonUpdate: d,
+          onPolygonUpdate: v,
           onLassoControlsStateUpdate: M,
           tooltipData: m
         }
@@ -76,6 +76,6 @@ function k({
   ] }) });
 }
 export {
-  k as SVGLayer
+  q as SVGLayer
 };
 //# sourceMappingURL=SVGLayer.js.map

package/dist/scatterplot-umap/components/SVGLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGLayer.js","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"sourcesContent":["import {useTooltip} from '../../common/Tooltip';\nimport LowerSvg from './LowerSVG';\nimport UpperSVG from './UpperSVG';\nimport type {DotInfo} from '../types';\nimport type {SVGLayerProps} from '../types';\nimport React, {useEffect} from 'react';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {createPortal} from 'react-dom';\n\nexport function SVGLayer({\n    settingsId,\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    captionsSizes,\n    onlyPositive,\n    container,\n    zoomStateKey,\n    aesGetters,\n    legendData,\n    labels,\n    onPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate,\n    dotsByGrouping,\n    layers,\n    defaultPolygons,\n    selectedDot = null,\n}: SVGLayerProps) {\n    if (!container) {\n        return null;\n    }\n    const tooltipData = useTooltip<DotInfo>(onTooltipHintSwitch);\n    useEffect(() => {\n        if (selectedDot) {\n            tooltipData.onMouseOver(selectedDot);\n        } else {\n            tooltipData.onMouseLeave();\n        }\n    }, [selectedDot]);\n\n    return (\n        <div>\n        <ErrorBoundary dataId={settingsId}>\n            <LowerSvg\n                aesGetters={aesGetters}\n                dotsByGrouping={dotsByGrouping}\n                layers={layers}\n                scales={scales}\n                keyColumn={keyColumn}\n                margins={margins}\n                mainTitle={mainTitle}\n                captionsSizes={captionsSizes}\n                chartSettings={chartSettings}\n                chartSizes={chartSizes}\n                onlyPositive={onlyPositive}\n                container={container}\n                zoomStateKey={zoomStateKey}\n                legendData={legendData}\n                tooltipData={tooltipData}\n            />\n            {createPortal(\n                <UpperSVG\n                    scales={scales}\n                    container={container}\n                    aesGetters={aesGetters}\n                    labels={labels}\n                    chartSizes={chartSizes}\n                    zoomStateKey={zoomStateKey}\n                    selectedDot={selectedDot}\n                    defaultPolygons={defaultPolygons}\n                    onPolygonUpdate={onPolygonUpdate}\n                    onLassoControlsStateUpdate={onLassoControlsStateUpdate}\n                    tooltipData={tooltipData}\n                />,\n                container\n            )}\n        </ErrorBoundary>\n        </div>\n    );\n}\n"],"names":["SVGLayer","settingsId","scales","chartSettings","mainTitle","keyColumn","margins","chartSizes","captionsSizes","onlyPositive","container","zoomStateKey","aesGetters","legendData","labels","onPolygonUpdate","onTooltipHintSwitch","onLassoControlsStateUpdate","dotsByGrouping","layers","defaultPolygons","selectedDot","tooltipData","useTooltip","useEffect","jsx","jsxs","ErrorBoundary","LowerSvg","createPortal","UpperSVG"],"mappings":";;;;;;;AASO,SAASA,EAAS;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAClB,GAAkB;AACd,MAAI,CAACX;AACD,WAAO;AAEX,QAAMY,IAAcC,EAAoBP,CAAmB;AAC3DQ,SAAAA,EAAAA,UAAU,MAAM;AACZ,IAAIH,IACAC,EAAY,YAAYD,CAAW,IAEnCC,EAAY,aAAA;AAAA,EAEpB,GAAG,CAACD,CAAW,CAAC,GAGZI,gBAAAA,EAAAA,IAAC,OAAA,EACD,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAc,QAAQ1B,GACnB,UAAA;AAAA,IAAAwB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAAhB;AAAA,QACA,gBAAAM;AAAA,QACA,QAAAC;AAAA,QACA,QAAAjB;AAAA,QACA,WAAAG;AAAA,QACA,SAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAI;AAAA,QACA,eAAAL;AAAA,QACA,YAAAI;AAAA,QACA,cAAAE;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,QACA,YAAAE;AAAA,QACA,aAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHO,EAAAA;AAAAA,MACGJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACG,QAAA5B;AAAA,UACA,WAAAQ;AAAA,UACA,YAAAE;AAAA,UACA,QAAAE;AAAA,UACA,YAAAP;AAAA,UACA,cAAAI;AAAA,UACA,aAAAU;AAAA,UACA,iBAAAD;AAAA,UACA,iBAAAL;AAAA,UACA,4BAAAE;AAAA,UACA,aAAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJZ;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACA;AAER;"}
+{"version":3,"file":"SVGLayer.js","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { DotInfo, SVGLayerProps } from '../types';\nimport LowerSvg from './LowerSVG';\nimport UpperSVG from './UpperSVG';\n\nexport function SVGLayer({\n    settingsId,\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    captionsSizes,\n    onlyPositive,\n    container,\n    zoomStateKey,\n    aesGetters,\n    legendData,\n    labels,\n    onPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate,\n    dotsByGrouping,\n    layers,\n    defaultPolygons,\n    selectedDot = null,\n}: SVGLayerProps) {\n    if (!container) {\n        return null;\n    }\n    const tooltipData = useTooltip<DotInfo>(onTooltipHintSwitch);\n    useEffect(() => {\n        if (selectedDot) {\n            tooltipData.onMouseEnter(selectedDot);\n        } else {\n            tooltipData.onMouseLeave();\n        }\n    }, [selectedDot]);\n\n    return (\n        <div>\n        <ErrorBoundary dataId={settingsId}>\n            <LowerSvg\n                aesGetters={aesGetters}\n                dotsByGrouping={dotsByGrouping}\n                layers={layers}\n                scales={scales}\n                keyColumn={keyColumn}\n                margins={margins}\n                mainTitle={mainTitle}\n                captionsSizes={captionsSizes}\n                chartSettings={chartSettings}\n                chartSizes={chartSizes}\n                onlyPositive={onlyPositive}\n                container={container}\n                zoomStateKey={zoomStateKey}\n                legendData={legendData}\n                tooltipData={tooltipData}\n            />\n            {createPortal(\n                <UpperSVG\n                    scales={scales}\n                    container={container}\n                    aesGetters={aesGetters}\n                    labels={labels}\n                    chartSizes={chartSizes}\n                    zoomStateKey={zoomStateKey}\n                    selectedDot={selectedDot}\n                    defaultPolygons={defaultPolygons}\n                    onPolygonUpdate={onPolygonUpdate}\n                    onLassoControlsStateUpdate={onLassoControlsStateUpdate}\n                    tooltipData={tooltipData}\n                />,\n                container\n            )}\n        </ErrorBoundary>\n        </div>\n    );\n}\n"],"names":["SVGLayer","settingsId","scales","chartSettings","mainTitle","keyColumn","margins","chartSizes","captionsSizes","onlyPositive","container","zoomStateKey","aesGetters","legendData","labels","onPolygonUpdate","onTooltipHintSwitch","onLassoControlsStateUpdate","dotsByGrouping","layers","defaultPolygons","selectedDot","tooltipData","useTooltip","useEffect","jsx","jsxs","ErrorBoundary","LowerSvg","createPortal","UpperSVG"],"mappings":";;;;;;;AAQO,SAASA,EAAS;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAClB,GAAkB;AACd,MAAI,CAACX;AACD,WAAO;AAEX,QAAMY,IAAcC,EAAoBP,CAAmB;AAC3DQ,SAAAA,EAAAA,UAAU,MAAM;AACZ,IAAIH,IACAC,EAAY,aAAaD,CAAW,IAEpCC,EAAY,aAAA;AAAA,EAEpB,GAAG,CAACD,CAAW,CAAC,GAGZI,gBAAAA,EAAAA,IAAC,OAAA,EACD,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAc,QAAQ1B,GACnB,UAAA;AAAA,IAAAwB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAAhB;AAAA,QACA,gBAAAM;AAAA,QACA,QAAAC;AAAA,QACA,QAAAjB;AAAA,QACA,WAAAG;AAAA,QACA,SAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAI;AAAA,QACA,eAAAL;AAAA,QACA,YAAAI;AAAA,QACA,cAAAE;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,QACA,YAAAE;AAAA,QACA,aAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHO,EAAAA;AAAAA,MACGJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACG,QAAA5B;AAAA,UACA,WAAAQ;AAAA,UACA,YAAAE;AAAA,UACA,QAAAE;AAAA,UACA,YAAAP;AAAA,UACA,cAAAI;AAAA,UACA,aAAAU;AAAA,UACA,iBAAAD;AAAA,UACA,iBAAAL;AAAA,UACA,4BAAAE;AAAA,UACA,aAAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJZ;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACA;AAER;"}

package/dist/scatterplot-umap/components/UpperSVG.d.ts

@@ -1,6 +1,6 @@
 import { TooltipsData } from '../../common/Tooltip';
-import { AesGetters, LassoControlsState, Polygon, ChartScales, ChartSizes, DotInfo } from '../types';
 import { Label } from '../../scatterplot/utils/getVisibleLabels';
+import { AesGetters, ChartScales, ChartSizes, DotInfo, LassoControlsState, Polygon } from '../types';
 declare function UpperSVG({ scales, container, labels, aesGetters, chartSizes, zoomStateKey, defaultPolygons, onPolygonUpdate, onLassoControlsStateUpdate, tooltipData }: {
     scales: ChartScales;
     container: SVGElement | null;

package/dist/scatterplot-umap/components/UpperSVG.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpperSVG.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/UpperSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AACtE,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,0CAA0C,CAAC;AAGpE,iBAAS,QAAQ,CAAC,EACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,EACV,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,0BAA0B,EAC1B,WAAW,EACd,EAAE;IACC,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,0BAA0B,EAAE,CAAC,CAAC,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,IAAI,EAAC,OAAO,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC,kDAkDA;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"UpperSVG.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/UpperSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG1G,iBAAS,QAAQ,CAAC,EACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,EACV,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,0BAA0B,EAC1B,WAAW,EACd,EAAE;IACC,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,0BAA0B,EAAE,CAAC,CAAC,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,IAAI,EAAC,OAAO,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC,kDAkDA;AAED,eAAe,QAAQ,CAAC"}

package/dist/scatterplot-umap/components/UpperSVG.js

@@ -1,27 +1,27 @@
 import { j as e } from "../../node_modules/react/jsx-runtime.js";
-import { Lasso as p } from "./Lasso.js";
-function u({
+import { Lasso as y } from "./Lasso.js";
+function k({
   scales: n,
   container: l,
-  labels: o,
+  labels: x,
   aesGetters: i,
   chartSizes: r,
   zoomStateKey: a,
-  defaultPolygons: c,
-  onPolygonUpdate: h,
-  onLassoControlsStateUpdate: m,
+  defaultPolygons: o,
+  onPolygonUpdate: c,
+  onLassoControlsStateUpdate: h,
   tooltipData: t
 }) {
   return l ? /* @__PURE__ */ e.jsxs("g", { children: [
-    o.map((s) => {
-      const { name: f, height: d, bbox: x, width: j } = s;
-      return /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${x.minX},${x.minY})`, children: [
-        /* @__PURE__ */ e.jsx("rect", { x: "0", y: "0", width: j, height: d, fill: "transparent", stroke: "none" }),
+    x.map((m, f) => {
+      const { name: j, height: s, bbox: d, width: p } = m;
+      return /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${d.minX},${d.minY})`, children: [
+        /* @__PURE__ */ e.jsx("rect", { x: "0", y: "0", width: p, height: s, fill: "transparent", stroke: "none" }),
         /* @__PURE__ */ e.jsx(
           "text",
           {
             x: 0,
-            y: d / 2,
+            y: s / 2,
             stroke: "white",
             strokeWidth: 2,
             paintOrder: "stroke",
@@ -29,10 +29,10 @@ function u({
             fontFamily: "Manrope",
             fontSize: "16px",
             dominantBaseline: "middle",
-            children: f
+            children: j
           }
         )
-      ] }) }, s.dot.id);
+      ] }) }, f);
     }),
     t.selectedData && /* @__PURE__ */ e.jsx(
       "circle",
@@ -45,20 +45,20 @@ function u({
       }
     ),
     /* @__PURE__ */ e.jsx(
-      p,
+      y,
       {
         scales: n,
         chartSizes: r,
         zoomStateKey: a,
-        defaultPolygons: c,
-        onPolygonsApply: h,
-        onLassoControlsStateUpdate: m
+        defaultPolygons: o,
+        onPolygonsApply: c,
+        onLassoControlsStateUpdate: h
       }
     ),
     t.fixed && /* @__PURE__ */ e.jsx("rect", { width: r.chartWidth, height: r.chartHeight, fill: "rgba(255,255,255,0.8)" })
   ] }) : null;
 }
 export {
-  u as default
+  k as default
 };
 //# sourceMappingURL=UpperSVG.js.map