@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/scatterplot/components/ChartTrendsData.js

@@ -1,68 +1,65 @@
-import { j as n } from "../../_virtual/jsx-runtime.js";
-import { l as g } from "../../_virtual/lodash.js";
-import { r as E } from "../../_virtual/index.js";
-import { numberFormat as i } from "../../utils/numberFormat.js";
-import { isNumericScale as d } from "../utils/isNumericScale.js";
-const v = E.memo(({
-  width: r,
-  scales: t,
-  trendsData: e,
-  aesGetters: o
-}) => e && e.map(({ idx: f, predict: x, getArea: h, bounded: j, xBounds: y, stats: $ }, c) => {
-  if (!d(t.x) || !d(t.y))
-    return null;
-  const [l, p] = j ? y : t.x.domain(), m = (p - l) / 15, s = x(l), a = x(p);
-  if (isNaN(s) || isNaN(a))
-    return null;
-  const u = o.trendColor(f);
-  return /* @__PURE__ */ n.jsxs("g", { children: [
-    /* @__PURE__ */ n.jsx("text", { y: c * 20 + 20, fill: u, x: r - 8, textAnchor: "end", children: R($) }),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: h(t.x, t.y, g.range(l, p + m / 2, m)),
-        fill: u,
-        opacity: 0.2
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "line",
-      {
-        x1: t.x(l),
-        x2: t.x(p),
-        y1: t.y(s),
-        y2: t.y(a),
-        stroke: u
-      }
-    )
-  ] }, c);
+import { numberFormat as e } from "../../utils/numberFormat.js";
+import { isNumericScale as t } from "../utils/isNumericScale.js";
+import { range as n } from "lodash";
+import { memo as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+const s = r(({ width: e, scales: r, trendsData: i, aesGetters: s }) => i && i.map(({ idx: i, predict: c, getArea: l, bounded: u, xBounds: f, stats: p }, m) => {
+	if (!t(r.x) || !t(r.y)) return null;
+	let [h, g] = u ? f : r.x.domain(), _ = (g - h) / 15, v = c(h), y = c(g);
+	if (isNaN(v) || isNaN(y)) return null;
+	let b = s.trendColor(i);
+	return /* @__PURE__ */ o("g", { children: [
+		/* @__PURE__ */ a("text", {
+			y: m * 20 + 20,
+			fill: b,
+			x: e - 8,
+			textAnchor: "end",
+			children: d(p)
+		}),
+		/* @__PURE__ */ a("path", {
+			d: l(r.x, r.y, n(h, g + _ / 2, _)),
+			fill: b,
+			opacity: .2
+		}),
+		/* @__PURE__ */ a("line", {
+			x1: r.x(h),
+			x2: r.x(g),
+			y1: r.y(v),
+			y2: r.y(y),
+			stroke: b
+		})
+	] }, m);
 }));
-function N(r) {
-  return typeof r.r2 > "u" ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx("tspan", { children: "R" }),
-    /* @__PURE__ */ n.jsx("tspan", { fontSize: "10px", dy: "-8", children: "2" }),
-    /* @__PURE__ */ n.jsx("tspan", { dy: "8", children: ` = ${i(r.r2)}` })
-  ] });
+function c(t) {
+	return t.r2 === void 0 ? null : /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a("tspan", { children: "R" }),
+		/* @__PURE__ */ a("tspan", {
+			fontSize: "10px",
+			dy: "-8",
+			children: "2"
+		}),
+		/* @__PURE__ */ a("tspan", {
+			dy: "8",
+			children: ` = ${e(t.r2)}`
+		})
+	] });
 }
-function C(r) {
-  return typeof r.pValue > "u" ? null : /* @__PURE__ */ n.jsx("tspan", { children: `p-value = ${i(r.pValue)}` });
+function l(t) {
+	return t.pValue === void 0 ? null : /* @__PURE__ */ a("tspan", { children: `p-value = ${e(t.pValue)}` });
 }
-function F(r) {
-  if (typeof r.coefficients > "u")
-    return null;
-  const { slope: t, slopeError: e, intercept: o, interceptError: f } = r.coefficients;
-  return /* @__PURE__ */ n.jsx("tspan", { children: /* @__PURE__ */ n.jsx("tspan", { children: `slope = ${i(t)} ± ${i(e)}, intercept = ${i(o)} ± ${i(f)}` }) });
+function u(t) {
+	if (t.coefficients === void 0) return null;
+	let { slope: n, slopeError: r, intercept: i, interceptError: o } = t.coefficients;
+	return /* @__PURE__ */ a("tspan", { children: /* @__PURE__ */ a("tspan", { children: `slope = ${e(n)} ± ${e(r)}, intercept = ${e(i)} ± ${e(o)}` }) });
 }
-function R(r) {
-  const t = [N(r), C(r), F(r)].filter(
-    (e) => e !== null
-  );
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: t.map((e, o) => /* @__PURE__ */ n.jsxs("tspan", { children: [
-    e,
-    /* @__PURE__ */ n.jsx("tspan", { children: o < t.length - 1 && ", " })
-  ] }, o)) });
+function d(e) {
+	let t = [
+		c(e),
+		l(e),
+		u(e)
+	].filter((e) => e !== null);
+	return /* @__PURE__ */ a(i, { children: t.map((e, n) => /* @__PURE__ */ o("tspan", { children: [e, /* @__PURE__ */ a("tspan", { children: n < t.length - 1 && ", " })] }, n)) });
 }
-export {
-  v as ChartTrendsData
-};
-//# sourceMappingURL=ChartTrendsData.js.map
+export { s as ChartTrendsData };
+
+//# sourceMappingURL=ChartTrendsData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartTrendsData.js","sources":["../../../src/scatterplot/components/ChartTrendsData.tsx"],"sourcesContent":["import { range } 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';\nimport { isNumericScale } from '../utils/isNumericScale';\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(({ idx, predict, getArea, bounded, xBounds, stats}, i) => {\n            if (!isNumericScale(scales.x) || !isNumericScale(scales.y)) {\n                return null;\n            }\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(idx);\n            return (\n                <g key={i}>\n                    <text y={i * 20 + 20} fill={fillColor} x={width - 8} textAnchor=\"end\">\n                        {formatStats(stats)}\n                    </text>\n                    <path\n                        d={getArea(scales.x, scales.y, 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","idx","predict","getArea","bounded","xBounds","stats","i","isNumericScale","minX","maxX","step","p1","p2","fillColor","jsx","formatStats","range","formatR2","jsxs","Fragment","numberFormat","formatPValue","formatCoefficients","slope","slopeError","intercept","interceptError","items","value","item"],"mappings":"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"}
+{"version":3,"file":"ChartTrendsData.js","names":[],"sources":["../../../src/scatterplot/components/ChartTrendsData.tsx"],"sourcesContent":["import { range } 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';\nimport { isNumericScale } from '../utils/isNumericScale';\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(({ idx, predict, getArea, bounded, xBounds, stats}, i) => {\n            if (!isNumericScale(scales.x) || !isNumericScale(scales.y)) {\n                return null;\n            }\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(idx);\n            return (\n                <g key={i}>\n                    <text y={i * 20 + 20} fill={fillColor} x={width - 8} textAnchor=\"end\">\n                        {formatStats(stats)}\n                    </text>\n                    <path\n                        d={getArea(scales.x, scales.y, 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"],"mappings":";;;;;AAiBA,MAAa,IAAkB,GAAM,EACjC,UACA,WACA,eACA,oBAEQ,KACJ,EAAW,KAAK,EAAE,QAAK,YAAS,YAAS,YAAS,YAAS,YAAQ,MAAM;AACrE,KAAI,CAAC,EAAe,EAAO,EAAE,IAAI,CAAC,EAAe,EAAO,EAAE,CACtD,QAAO;CAEX,IAAM,CAAC,GAAM,KAAQ,IAAU,IAAU,EAAO,EAAE,QAAQ,EACpD,KAAQ,IAAO,KAAQ,IACvB,IAAK,EAAQ,EAAK,EAClB,IAAK,EAAQ,EAAK;AACxB,KAAI,MAAM,EAAG,IAAI,MAAM,EAAG,CACtB,QAAO;CAEX,IAAM,IAAY,EAAW,WAAW,EAAI;AAC5C,QACI,kBAAC,KAAD,EAAA,UAAA;EACI,kBAAC,QAAD;GAAM,GAAG,IAAI,KAAK;GAAI,MAAM;GAAW,GAAG,IAAQ;GAAG,YAAW;aAC3D,EAAY,EAAM;GAChB,CAAA;EACP,kBAAC,QAAD;GACI,GAAG,EAAQ,EAAO,GAAG,EAAO,GAAG,EAAM,GAAM,IAAO,IAAO,GAAG,EAAK,CAAC;GAClE,MAAM;GACN,SAAS;GACX,CAAA;EACF,kBAAC,QAAD;GACI,IAAI,EAAO,EAAE,EAAK;GAClB,IAAI,EAAO,EAAE,EAAK;GAClB,IAAI,EAAO,EAAE,EAAG;GAChB,IAAI,EAAO,EAAE,EAAG;GAChB,QAAQ;GACV,CAAA;EACF,EAAA,EAhBI,EAgBJ;EAEV,CAER;AAEF,SAAS,EAAS,GAAsD;AAIpE,QAHW,EAAM,OAAO,SACb,OAGP,kBAAA,GAAA,EAAA,UAAA;EACI,kBAAC,SAAD,EAAA,UAAO,KAAS,CAAA;EAChB,kBAAC,SAAD;GAAO,UAAS;GAAO,IAAG;aAAK;GAEvB,CAAA;EACR,kBAAC,SAAD;GAAO,IAAG;aAAK,MAAM,EAAa,EAAM,GAAG;GAAW,CAAA;EACvD,EAAA,CAAA;;AAIX,SAAS,EAAa,GAAsD;AAIxE,QAHW,EAAM,WAAW,SACjB,OAEJ,kBAAC,SAAD,EAAA,UAAQ,aAAa,EAAa,EAAM,OAAO,IAAW,CAAA;;AAGrE,SAAS,EAAmB,GAAsD;AAC9E,KAAW,EAAM,iBAAiB,OAC9B,QAAO;CAEX,IAAM,EAAC,UAAO,eAAY,cAAW,sBAAkB,EAAM;AAC7D,QACI,kBAAC,SAAD,EAAA,UACI,kBAAC,SAAD,EAAA,UACK,WAAW,EAAa,EAAM,CAAC,KAAK,EAAa,EAAW,CAAC,gBAAgB,EAAa,EAAU,CAAC,KAAK,EAAa,EAAe,IACnI,CAAA,EACJ,CAAA;;AAIhB,SAAS,EAAY,GAAsD;CACvE,IAAM,IAAQ;EAAC,EAAS,EAAM;EAAE,EAAa,EAAM;EAAE,EAAmB,EAAM;EAAC,CAAC,QAC5E,MAAS,MAAU,KACtB;AACD,QACI,kBAAA,GAAA,EAAA,UACK,EAAM,KAAK,GAAM,MACd,kBAAC,SAAD,EAAA,UAAA,CACK,GACD,kBAAC,SAAD,EAAA,UAAQ,IAAM,EAAM,SAAS,KAAK,MAAa,CAAA,CAC3C,EAAA,EAHI,EAGJ,CACV,EACH,CAAA"}

package/dist/scatterplot/components/ChartsGroup.js

@@ -1,107 +1,94 @@
-import { j as r } from "../../_virtual/jsx-runtime.js";
-import { r as O } from "../../_virtual/index.js";
-import { ChartsTitle as A } from "../../common/ChartsTitle.js";
-import { ErrorBoundary as G } from "../../common/ErrorBoundary.js";
-import N from "../../common/fonts.js";
-import { Legend as R } from "../../common/Legend.js";
-import { useTooltip as X } from "../../common/Tooltip.js";
-import { LEGEND_OFFSET as Y } from "../constants.js";
-import { Chart as _ } from "./Chart.js";
-import { ChartTooltip as q } from "./ChartTooltip.js";
-function tt({
-  settingsId: x,
-  chartSettings: u,
-  chartSizes: o,
-  chartsDimensions: e,
-  facetKeys: i,
-  facetSettings: j,
-  scales: d,
-  groupedDots: c,
-  legendData: w,
-  trendsData: s,
-  columnsCount: E,
-  margins: l,
-  keyColumn: T,
-  mainTitle: v,
-  facetTitles: W,
-  captionsSizes: C,
-  onlyPositive: F,
-  layersData: L,
-  aesGetters: a,
-  discreteAxesLabels: p,
-  onTooltipHintSwitch: M
-}) {
-  const { xAxis: $, yAxis: H, title: h, frame: P, legend: b, tooltips: m } = u, n = X(M, m), f = e[i[0]].padding, B = e[i[E - 1]].padding, D = o.chartsWidth + Y, I = f.top, g = O.useMemo(() => Object.fromEntries(
-    i.map((t) => [t, { x: d.x[t], y: d.y[t] }])
-  ), [d.x, d.y, i]);
-  return /* @__PURE__ */ r.jsx(G, { dataId: x, 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 ${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: N }),
-        /* @__PURE__ */ r.jsxs("g", { transform: `translate(${l.left},${l.top})`, fontFamily: "Manrope", children: [
-          /* @__PURE__ */ r.jsx(
-            A,
-            {
-              title: v,
-              show: h.show,
-              position: h.position,
-              leftPadding: f.left,
-              rightPadding: B.right,
-              chartsWidth: o.chartsWidth
-            }
-          ),
-          i.map((t) => /* @__PURE__ */ r.jsx(
-            _,
-            {
-              facetKey: t,
-              scales: g[t],
-              width: o.chartWidth,
-              height: o.chartHeight,
-              dimensions: e[t],
-              facetSettings: j,
-              xAxis: $,
-              yAxis: H,
-              discreteLabelsX: p.x[t],
-              discreteLabelsY: p.y[t],
-              frameType: P.type,
-              dotsData: c[t],
-              trendsData: s ? s[t] : null,
-              facetTitle: W[t],
-              captionsSizes: C,
-              layersData: L[t],
-              onlyPositive: F,
-              aesGetters: a,
-              onMouseEnterDot: n.onMouseEnter,
-              onMouseLeaveDot: n.onMouseLeave
-            },
-            t
-          )),
-          b.show && /* @__PURE__ */ r.jsx("g", { transform: `translate(${D},${I})`, children: /* @__PURE__ */ r.jsx(R, { legendData: w }) }),
-          /* @__PURE__ */ r.jsx(
-            q,
-            {
-              tooltipsData: n,
-              dimensions: e[n.currentFacet],
-              scales: g[n.currentFacet],
-              keyColumn: T,
-              margins: l,
-              chartSizes: o,
-              tooltips: m,
-              aesGetters: a
-            }
-          )
-        ] })
-      ]
-    }
-  ) }) });
+import e from "../../common/fonts.js";
+import { useTooltip as t } from "../../common/Tooltip.js";
+import { ErrorBoundary as n } from "../../common/ErrorBoundary.js";
+import { ChartsTitle as r } from "../../common/ChartsTitle.js";
+import { Legend as i } from "../../common/Legend.js";
+import { Chart as a } from "./Chart.js";
+import { ChartTooltip as o } from "./ChartTooltip.js";
+import { useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+function u({ settingsId: u, chartSettings: d, chartSizes: f, chartsDimensions: p, facetKeys: m, facetSettings: h, scales: g, groupedDots: _, legendData: v, trendsData: y, columnsCount: b, margins: x, keyColumn: S, mainTitle: C, facetTitles: w, captionsSizes: T, onlyPositive: E, layersData: D, aesGetters: O, discreteAxesLabels: k, onTooltipHintSwitch: A }) {
+	let { xAxis: j, yAxis: M, title: N, frame: P, legend: F, tooltips: I } = d, L = t(A, I), R = p[m[0]].padding, z = p[m[b - 1]].padding, B = f.chartsWidth + 20, V = R.top, H = s(() => Object.fromEntries(m.map((e) => [e, {
+		x: g.x[e],
+		y: g.y[e]
+	}])), [
+		g.x,
+		g.y,
+		m
+	]);
+	return /* @__PURE__ */ c(n, {
+		dataId: u,
+		children: /* @__PURE__ */ c("div", {
+			style: {
+				position: "relative",
+				width: f.totalWidth,
+				height: f.totalHeight
+			},
+			children: /* @__PURE__ */ l("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: `0 0 ${f.totalWidth} ${f.totalHeight}`,
+				width: f.totalWidth,
+				height: f.totalHeight,
+				style: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					zIndex: 0
+				},
+				children: [/* @__PURE__ */ c("defs", { children: e }), /* @__PURE__ */ l("g", {
+					transform: `translate(${x.left},${x.top})`,
+					fontFamily: "Manrope",
+					children: [
+						/* @__PURE__ */ c(r, {
+							title: C,
+							show: N.show,
+							position: N.position,
+							leftPadding: R.left,
+							rightPadding: z.right,
+							chartsWidth: f.chartsWidth
+						}),
+						m.map((e) => /* @__PURE__ */ c(a, {
+							facetKey: e,
+							scales: H[e],
+							width: f.chartWidth,
+							height: f.chartHeight,
+							dimensions: p[e],
+							facetSettings: h,
+							xAxis: j,
+							yAxis: M,
+							discreteLabelsX: k.x[e],
+							discreteLabelsY: k.y[e],
+							frameType: P.type,
+							dotsData: _[e],
+							trendsData: y ? y[e] : null,
+							facetTitle: w[e],
+							captionsSizes: T,
+							layersData: D[e],
+							onlyPositive: E,
+							aesGetters: O,
+							onMouseEnterDot: L.onMouseEnter,
+							onMouseLeaveDot: L.onMouseLeave
+						}, e)),
+						F.show && /* @__PURE__ */ c("g", {
+							transform: `translate(${B},${V})`,
+							children: /* @__PURE__ */ c(i, { legendData: v })
+						}),
+						/* @__PURE__ */ c(o, {
+							tooltipsData: L,
+							dimensions: p[L.currentFacet],
+							scales: H[L.currentFacet],
+							keyColumn: S,
+							margins: x,
+							chartSizes: f,
+							tooltips: I,
+							aesGetters: O
+						})
+					]
+				})]
+			})
+		})
+	});
 }
-export {
-  tt as ChartsGroup
-};
-//# sourceMappingURL=ChartsGroup.js.map
+export { u 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 { 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    discreteAxesLabels: {\n        x: Record<string, Record<string, string[]>>,\n        y: Record<string, Record<string, string[]>>\n    };\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    discreteAxesLabels,\n    onTooltipHintSwitch\n}: ChartsGroupProps) {\n    const {xAxis, yAxis, title, frame, legend, tooltips} = chartSettings;\n    const tooltipsData = useTooltip<Dot>(onTooltipHintSwitch, tooltips);\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.x, scales.y, 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                                discreteLabelsX={discreteAxesLabels.x[key]}\n                                discreteLabelsY={discreteAxesLabels.y[key]}\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","discreteAxesLabels","onTooltipHintSwitch","xAxis","yAxis","title","frame","legend","tooltips","tooltipsData","useTooltip","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","scalesByFacet","useMemo","key","ErrorBoundary","jsx","jsxs","fonts","ChartsTitle","Chart","Legend","ChartTooltip"],"mappings":"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"}
+{"version":3,"file":"ChartsGroup.js","names":[],"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    discreteAxesLabels: {\n        x: Record<string, Record<string, string[]>>,\n        y: Record<string, Record<string, string[]>>\n    };\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    discreteAxesLabels,\n    onTooltipHintSwitch\n}: ChartsGroupProps) {\n    const {xAxis, yAxis, title, frame, legend, tooltips} = chartSettings;\n    const tooltipsData = useTooltip<Dot>(onTooltipHintSwitch, tooltips);\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.x, scales.y, 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                                discreteLabelsX={discreteAxesLabels.x[key]}\n                                discreteLabelsY={discreteAxesLabels.y[key]}\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"],"mappings":";;;;;;;;;AAmDA,SAAgB,EAAY,EACxB,eACA,kBACA,eACA,qBACA,cACA,kBACA,WACA,gBACA,eACA,eACA,iBACA,YACA,cACA,cACA,gBACA,kBACA,iBACA,eACA,eACA,uBACA,0BACiB;CACjB,IAAM,EAAC,UAAO,UAAO,UAAO,UAAO,WAAQ,gBAAY,GACjD,IAAe,EAAgB,GAAqB,EAAS,EAE7D,IAAsB,EAAiB,EAAU,IAAI,SACrD,IAAuB,EAAiB,EAAU,IAAe,IAAI,SAErE,IAAa,EAAW,cAAA,IACxB,IAAY,EAAoB,KAEhC,IAAgB,QACX,OAAO,YACV,EAAU,KAAI,MAAO,CAAC,GAAK;EAAC,GAAG,EAAO,EAAE;EAAM,GAAG,EAAO,EAAE;EAAK,CAAC,CAAC,CACpE,EACF;EAAC,EAAO;EAAG,EAAO;EAAG;EAAU,CAAC;AAEnC,QACI,kBAAC,GAAD;EAAe,QAAQ;YACnB,kBAAC,OAAD;GAAK,OAAO;IAAE,UAAU;IAAY,OAAO,EAAW;IAAY,QAAQ,EAAW;IAAa;aAC9F,kBAAC,OAAD;IACI,OAAM;IACN,SAAS,OAAO,EAAW,WAAW,GAAG,EAAW;IACpD,OAAO,EAAW;IAClB,QAAQ,EAAW;IACnB,OAAO;KAAE,UAAU;KAAY,KAAK;KAAG,MAAM;KAAG,QAAQ;KAAG;cAL/D,CAOI,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA,EACpB,kBAAC,KAAD;KAAG,WAAW,aAAa,EAAQ,KAAK,GAAG,EAAQ,IAAI;KAAI,YAAW;eAAtE;MACI,kBAAC,GAAD;OACI,OAAO;OACP,MAAM,EAAM;OACZ,UAAU,EAAM;OAChB,aAAa,EAAoB;OACjC,cAAc,EAAqB;OACnC,aAAa,EAAW;OAC1B,CAAA;MACD,EAAU,KAAI,MACX,kBAAC,GAAD;OAEI,UAAU;OACV,QAAQ,EAAc;OACtB,OAAO,EAAW;OAClB,QAAQ,EAAW;OACnB,YAAY,EAAiB;OACd;OACR;OACA;OACP,iBAAiB,EAAmB,EAAE;OACtC,iBAAiB,EAAmB,EAAE;OACtC,WAAW,EAAM;OACjB,UAAU,EAAY;OACtB,YAAY,IAAa,EAAW,KAAO;OAC3C,YAAY,EAAY;OACT;OACf,YAAY,EAAW;OACT;OACF;OACZ,iBAAiB,EAAa;OAC9B,iBAAiB,EAAa;OAChC,EArBO,EAqBP,CACJ;MACD,EAAO,QACJ,kBAAC,KAAD;OAAG,WAAW,aAAa,EAAW,GAAG,EAAU;iBAC/C,kBAAC,GAAD,EAAoB,eAAc,CAAA;OAClC,CAAA;MAGR,kBAAC,GAAD;OACkB;OACd,YAAY,EAAiB,EAAa;OAC1C,QAAQ,EAAc,EAAa;OACxB;OACF;OACG;OACF;OACE;OACd,CAAA;MACF;OACF;;GACJ,CAAA;EACM,CAAA"}

package/dist/scatterplot/components/Grid.js

@@ -1,43 +1,104 @@
-import { j as t } from "../../_virtual/jsx-runtime.js";
-import { GRID_GRAY as f, BLACK as u } from "../../constants.js";
-import { getLineShape as G } from "../../utils/getLineShape.js";
-import { r as m } from "../../_virtual/index.js";
-import { isNumericScale as _, isContinuousAxis as L } from "../utils/isNumericScale.js";
-const D = 1;
-function y(s, c) {
-  return _(s) ? s.ticks().filter((i) => !c.includes(i)) : s.domain();
+import { GRID_GRAY as e } from "../../constants.js";
+import { getLineShape as t } from "../../utils/getLineShape.js";
+import { isContinuousAxis as n, isNumericScale as r } from "../utils/isNumericScale.js";
+import { useEffect as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = 1;
+function l(e, t) {
+	return r(e) ? e.ticks().filter((e) => !t.includes(e)) : e.domain();
 }
-function C({ scaleX: s, scaleY: c, width: i, height: x, axisX: e, axisY: k, frameType: o, updatingKey: $ = "" }) {
-  const { significantLines: l = [] } = e, { significantLines: j = [] } = k, [d, g] = m.useState(() => y(s, l)), [p, S] = m.useState(() => y(c, j));
-  return m.useEffect(() => {
-    const r = y(s, l), n = y(c, j);
-    g(r), S(n);
-  }, [s, c, $]), /* @__PURE__ */ t.jsxs("g", { stroke: f, children: [
-    e.showGrid && d.map((r) => {
-      const n = s(r);
-      return /* @__PURE__ */ t.jsx("line", { x1: n, x2: n, y1: 0, y2: x }, `x_${n}_${x}`);
-    }),
-    k.showGrid && p.map((r) => {
-      const n = c(r);
-      return /* @__PURE__ */ t.jsx("line", { x1: 0, x2: i, y1: n, y2: n }, `y_${n}_${i}`);
-    }),
-    _(s) && L(e) && /* @__PURE__ */ t.jsx("g", { strokeDasharray: G(e.significantLinesStyle), stroke: u, children: l.map((r) => {
-      const n = s(r);
-      return /* @__PURE__ */ t.jsx("line", { x1: n, x2: n, y1: 0, y2: x }, `significant_${n}_${x}`);
-    }) }),
-    _(c) && L(k) && /* @__PURE__ */ t.jsx("g", { strokeDasharray: G(k.significantLinesStyle), stroke: u, children: j.map((r) => {
-      const n = c(r);
-      return /* @__PURE__ */ t.jsx("line", { x1: 0, x2: i, y1: n, y2: n }, `significant_${n}_${i}`);
-    }) }),
-    o !== "empty" && /* @__PURE__ */ t.jsxs("g", { strokeWidth: D, children: [
-      (e.showGrid || o !== "left") && /* @__PURE__ */ t.jsx("line", { stroke: o === "left" ? f : u, x1: "0", x2: i, y1: x, y2: x }),
-      (e.showGrid || o !== "bottom") && /* @__PURE__ */ t.jsx("line", { stroke: o === "bottom" ? f : u, x1: "0", x2: "0", y1: "0", y2: x }),
-      (e.showGrid || o === "full") && /* @__PURE__ */ t.jsx("line", { stroke: o === "full" ? u : f, x1: i, x2: i, y1: "0", y2: x }),
-      (k.showGrid || o === "full") && /* @__PURE__ */ t.jsx("line", { stroke: o === "full" ? u : f, x1: "0", x2: i, y1: "0", y2: "0" })
-    ] })
-  ] });
+function u({ scaleX: u, scaleY: d, width: f, height: p, axisX: m, axisY: h, frameType: g, updatingKey: _ = "" }) {
+	let { significantLines: v = [] } = m, { significantLines: y = [] } = h, [b, x] = a(() => l(u, v)), [S, C] = a(() => l(d, y));
+	return i(() => {
+		let e = l(u, v), t = l(d, y);
+		x(e), C(t);
+	}, [
+		u,
+		d,
+		_
+	]), /* @__PURE__ */ s("g", {
+		stroke: e,
+		children: [
+			m.showGrid && b.map((e) => {
+				let t = u(e);
+				return /* @__PURE__ */ o("line", {
+					x1: t,
+					x2: t,
+					y1: 0,
+					y2: p
+				}, `x_${t}_${p}`);
+			}),
+			h.showGrid && S.map((e) => {
+				let t = d(e);
+				return /* @__PURE__ */ o("line", {
+					x1: 0,
+					x2: f,
+					y1: t,
+					y2: t
+				}, `y_${t}_${f}`);
+			}),
+			r(u) && n(m) && /* @__PURE__ */ o("g", {
+				strokeDasharray: t(m.significantLinesStyle),
+				stroke: "#110529",
+				children: v.map((e) => {
+					let t = u(e);
+					return /* @__PURE__ */ o("line", {
+						x1: t,
+						x2: t,
+						y1: 0,
+						y2: p
+					}, `significant_${t}_${p}`);
+				})
+			}),
+			r(d) && n(h) && /* @__PURE__ */ o("g", {
+				strokeDasharray: t(h.significantLinesStyle),
+				stroke: "#110529",
+				children: y.map((e) => {
+					let t = d(e);
+					return /* @__PURE__ */ o("line", {
+						x1: 0,
+						x2: f,
+						y1: t,
+						y2: t
+					}, `significant_${t}_${f}`);
+				})
+			}),
+			g !== "empty" && /* @__PURE__ */ s("g", {
+				strokeWidth: c,
+				children: [
+					(m.showGrid || g !== "left") && /* @__PURE__ */ o("line", {
+						stroke: g === "left" ? "#E1E3EB" : "#110529",
+						x1: "0",
+						x2: f,
+						y1: p,
+						y2: p
+					}),
+					(m.showGrid || g !== "bottom") && /* @__PURE__ */ o("line", {
+						stroke: g === "bottom" ? "#E1E3EB" : "#110529",
+						x1: "0",
+						x2: "0",
+						y1: "0",
+						y2: p
+					}),
+					(m.showGrid || g === "full") && /* @__PURE__ */ o("line", {
+						stroke: g === "full" ? "#110529" : "#E1E3EB",
+						x1: f,
+						x2: f,
+						y1: "0",
+						y2: p
+					}),
+					(h.showGrid || g === "full") && /* @__PURE__ */ o("line", {
+						stroke: g === "full" ? "#110529" : "#E1E3EB",
+						x1: "0",
+						x2: f,
+						y1: "0",
+						y2: "0"
+					})
+				]
+			})
+		]
+	});
 }
-export {
-  C as Grid
-};
-//# sourceMappingURL=Grid.js.map
+export { u as Grid };
+
+//# sourceMappingURL=Grid.js.map