@carto/ps-react-ui 4.26.0 → 4.27.0

package/dist/widgets-v2/scatterplot.js

@@ -1,44 +1,45 @@
 import { r as e } from "../zoom-toggle-KA63b6-J.js";
-import { n as t, t as n } from "../download--wRRnf19.js";
-import { r, t as i } from "../utils-ClB6nn4w.js";
-import { a, d as o, f as s, i as c, s as l, u } from "../chart-config-BWxjodlt.js";
-import { t as d } from "../item-color-C1cu6EJd.js";
-import { c as f } from "react/compiler-runtime";
-import { Box as p, Skeleton as m } from "@mui/material";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import * as _ from "echarts";
+import { n as t } from "../scale-0elCv3tk.js";
+import { n, t as r } from "../download--wRRnf19.js";
+import { r as i, t as a } from "../utils-ClB6nn4w.js";
+import { a as o, d as s, f as c, i as l, s as u, u as d } from "../chart-config-BWxjodlt.js";
+import { t as f } from "../item-color-C1cu6EJd.js";
+import { c as p } from "react/compiler-runtime";
+import { Box as m, Skeleton as h } from "@mui/material";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import * as v from "echarts";
 //#region src/widgets-v2/scatterplot/points.ts
-function v(e) {
-	return x(e) ? e : [e.x, e.y];
-}
 function y(e) {
-	if (Array.isArray(e)) return e.length === 2 && S(e[0]) && S(e[1]);
+	return S(e) ? e : [e.x, e.y];
+}
+function b(e) {
+	if (Array.isArray(e)) return e.length === 2 && C(e[0]) && C(e[1]);
 	if (typeof e != "object" || !e) return !1;
 	let { x: t, y: n } = e;
-	return S(t) && S(n);
+	return C(t) && C(n);
 }
-function b(e, t, n) {
-	return x(e) ? [t, n] : {
+function x(e, t, n) {
+	return S(e) ? [t, n] : {
 		...e,
 		x: t,
 		y: n
 	};
 }
-function x(e) {
+function S(e) {
 	return Array.isArray(e);
 }
-function S(e) {
+function C(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
 //#endregion
 //#region src/widgets-v2/scatterplot/options.ts
-function C({ theme: e, xFormatter: t, yFormatter: n }) {
+function w({ theme: e, xFormatter: t, yFormatter: n }) {
 	return {
 		grid: {
 			left: parseInt(e.spacing(1)),
 			top: parseInt(e.spacing(3)),
 			right: parseInt(e.spacing(1)),
-			...a(!1, e),
+			...o(!1, e),
 			containLabel: !0
 		},
 		tooltip: {
@@ -51,10 +52,10 @@ function C({ theme: e, xFormatter: t, yFormatter: n }) {
 				fontSize: 11,
 				fontFamily: e.typography.caption.fontFamily
 			},
-			position: o(e),
-			formatter: D(t, n)
+			position: s(e),
+			formatter: O(t, n)
 		},
-		legend: { ...l({
+		legend: { ...u({
 			hasLegend: !1,
 			labelFormatter: void 0
 		}) },
@@ -65,7 +66,7 @@ function C({ theme: e, xFormatter: t, yFormatter: n }) {
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			axisLabel: {
-				...c(e),
+				...l(e),
 				margin: parseInt(e.spacing(1)),
 				hideOverlap: !0,
 				showMinLabel: !0,
@@ -82,7 +83,7 @@ function C({ theme: e, xFormatter: t, yFormatter: n }) {
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			axisLabel: {
-				...c(e),
+				...l(e),
 				margin: parseInt(e.spacing(1)),
 				hideOverlap: !0,
 				showMinLabel: !0,
@@ -96,88 +97,88 @@ function C({ theme: e, xFormatter: t, yFormatter: n }) {
 		}
 	};
 }
-function w(t) {
-	let { theme: n, xFormatter: a, yFormatter: o, optionsOverride: s } = t, c = t.series, l = t.symbolSize ?? 8, u = t.selection, f = u && u.length > 0 ? new Set(u) : null;
-	return (t, u, p) => {
-		if (t == null) {
-			let e = C({
-				theme: n,
-				xFormatter: a,
-				yFormatter: o
+function T(n) {
+	let { theme: r, xFormatter: o, yFormatter: s, optionsOverride: c } = n, l = n.series, u = n.symbolSize ?? 8, d = n.selection, p = d && d.length > 0 ? new Set(d) : null;
+	return (n, d, m) => {
+		if (n == null) {
+			let e = w({
+				theme: r,
+				xFormatter: o,
+				yFormatter: s
 			});
-			return s ? r(e, s) : e;
+			return c ? i(e, c) : e;
 		}
-		let m = Array.isArray(u) ? u : [];
-		if (m.length === 0) return {
-			...t,
+		let h = Array.isArray(d) ? d : [];
+		if (h.length === 0) return {
+			...n,
 			dataset: [],
 			series: []
 		};
-		let h = m.length > 1, g = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, y = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, b = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, x = typeof t.xAxis == "object" && !Array.isArray(t.xAxis) ? t.xAxis : {}, S = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, w = p?.formatter, { niceMinX: D, niceMaxX: k, niceMinY: A, niceMaxY: j } = O(m), M = Array.isArray(t.series) ? t.series : [], N = (e, t) => {
-			let r = d({
-				theme: n,
+		let g = h.length > 1, _ = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, b = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, x = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, S = typeof n.xAxis == "object" && !Array.isArray(n.xAxis) ? n.xAxis : {}, C = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, T = m?.formatter, { niceMinX: O, niceMaxX: A, niceMinY: j, niceMaxY: M } = k(h, t(C)), N = Array.isArray(n.series) ? n.series : [], P = (e, t) => {
+			let n = f({
+				theme: r,
 				datums: t,
-				template: M[e] ?? M[0],
+				template: N[e] ?? N[0],
 				fallback: (e) => e.color
 			});
 			return (t) => {
-				let n = r(t);
-				if (!f) return n;
+				let r = n(t);
+				if (!p) return r;
 				let i = `${e}:${t.dataIndex}`;
-				return f.has(i) ? n : _.color.modifyAlpha(n, .15);
+				return p.has(i) ? r : v.color.modifyAlpha(r, .15);
 			};
-		}, P = T(t.dataZoom, h), F = P?.hasXSlider ?? !1, I = P?.hasYSlider ?? !1, L = typeof y.bottom == "number" ? y.bottom : 24, R = h ? 56 : L, z = F ? R + e.sliderHeight + e.sliderGap : R, B = typeof y.right == "number" ? y.right : 8, V = I ? B + e.sliderHeight + e.sliderGap : B;
+		}, F = E(n.dataZoom, g), I = F?.hasXSlider ?? !1, L = F?.hasYSlider ?? !1, R = typeof b.bottom == "number" ? b.bottom : 24, z = g ? 56 : R, B = I ? z + e.sliderHeight + e.sliderGap : z, V = typeof b.right == "number" ? b.right : 8, H = L ? V + e.sliderHeight + e.sliderGap : V;
 		return {
-			...t,
-			dataset: m.map((e) => ({ source: e.every(Array.isArray) ? e : e.map(v) })),
-			series: m.map((e, t) => {
-				let r = i(n, c?.[t]?.color);
+			...n,
+			dataset: h.map((e) => ({ source: e.every(Array.isArray) ? e : e.map(y) })),
+			series: h.map((e, t) => {
+				let n = a(r, l?.[t]?.color);
 				return {
 					type: "scatter",
 					datasetIndex: t,
-					name: c?.[t]?.name ?? `Series ${t + 1}`,
+					name: l?.[t]?.name ?? `Series ${t + 1}`,
 					encode: {
 						x: 0,
 						y: 1
 					},
-					symbolSize: l,
+					symbolSize: u,
 					emphasis: { focus: "series" },
-					itemStyle: { color: N(t, e) },
-					...r ? { color: r } : {}
+					itemStyle: { color: P(t, e) },
+					...n ? { color: n } : {}
 				};
 			}),
 			legend: {
-				...g,
-				show: h
+				..._,
+				show: g
 			},
 			grid: {
-				...y,
-				bottom: z,
-				right: V
+				...b,
+				bottom: B,
+				right: H
 			},
-			...P ? { dataZoom: P.entries } : {},
+			...F ? { dataZoom: F.entries } : {},
 			xAxis: {
-				...x,
-				min: D,
-				max: k
+				...S,
+				min: O,
+				max: A
 			},
 			yAxis: {
-				...S,
-				min: A,
-				max: j,
+				...C,
+				min: j,
+				max: M,
 				axisLabel: {
-					...S.axisLabel ?? {},
-					...w ? { formatter: w } : {}
+					...C.axisLabel ?? {},
+					...T ? { formatter: T } : {}
 				}
 			},
 			tooltip: {
-				...b,
-				formatter: E(b.formatter, w, a)
+				...x,
+				formatter: D(x.formatter, T, o)
 			}
 		};
 	};
 }
-function T(t, n) {
+function E(t, n) {
 	if (!Array.isArray(t) || t.length === 0) return null;
 	let r = !1, i = !1;
 	return {
@@ -193,8 +194,8 @@ function T(t, n) {
 		hasYSlider: i
 	};
 }
-function E(e, t, n) {
-	return t ? u((e) => {
+function D(e, t, n) {
+	return t ? d((e) => {
 		let r = e.value, i = r?.[0], a = r?.[1], o = typeof i == "number" ? n ? n(i) : String(i) : "", s = typeof a == "number" ? t(a) : String(a ?? ""), c = typeof e.marker == "string" ? e.marker : "", l = e.seriesName ? `${e.seriesName}: ` : "";
 		return {
 			name: `(${o}, ${s})`,
@@ -204,8 +205,8 @@ function E(e, t, n) {
 		};
 	}) : e;
 }
-function D(e, t) {
-	return u((n) => {
+function O(e, t) {
+	return d((n) => {
 		let r = n.value, i = r?.[0], a = r?.[1], o = typeof i == "number" ? e ? e(i) : String(i) : "", s = typeof a == "number" ? t ? t(a) : String(a) : "", c = typeof n.marker == "string" ? n.marker : "", l = n.seriesName ? `${n.seriesName}: ` : "";
 		return {
 			name: `(${o}, ${s})`,
@@ -215,24 +216,24 @@ function D(e, t) {
 		};
 	});
 }
-function O(e) {
-	let t = Infinity, n = -Infinity, r = Infinity, i = -Infinity;
-	for (let a of e) for (let e of a) {
+function k(e, t = {}) {
+	let n = Infinity, r = -Infinity, i = Infinity, a = -Infinity;
+	for (let t of e) for (let e of t) {
 		if (e == null) continue;
-		let [a, o] = v(e);
-		typeof a == "number" && Number.isFinite(a) && (a < t && (t = a), a > n && (n = a)), typeof o == "number" && Number.isFinite(o) && (o < r && (r = o), o > i && (i = o));
+		let [t, o] = y(e);
+		typeof t == "number" && Number.isFinite(t) && (t < n && (n = t), t > r && (r = t)), typeof o == "number" && Number.isFinite(o) && (o < i && (i = o), o > a && (a = o));
 	}
-	let a = Number.isFinite(n) ? n <= 0 ? 1 : s(n) : 1, o = Number.isFinite(i) ? i <= 0 ? 1 : s(i) : 1;
+	let o = Number.isFinite(r) ? r <= 0 ? 1 : c(r) : 1, s = Number.isFinite(a) ? a <= 0 ? 1 : t.max ?? c(a) : 1;
 	return {
-		niceMinX: Number.isFinite(t) && t < 0 ? s(t) : 0,
-		niceMaxX: a,
-		niceMinY: Number.isFinite(r) && r < 0 ? s(r) : 0,
-		niceMaxY: o
+		niceMinX: Number.isFinite(n) && n < 0 ? c(n) : 0,
+		niceMaxX: o,
+		niceMinY: Number.isFinite(i) && i < 0 ? t.min ?? c(i) : 0,
+		niceMaxY: s
 	};
 }
 //#endregion
 //#region src/widgets-v2/scatterplot/skeleton.tsx
-var k = {
+var A = {
 	container: {
 		display: "flex",
 		alignItems: "center",
@@ -257,7 +258,7 @@ var k = {
 		alignItems: "center",
 		gap: ({ spacing: e }) => e(1.5)
 	}
-}, A = (e, t, n) => ({
+}, j = (e, t, n) => ({
 	position: "absolute",
 	top: e,
 	left: t,
@@ -265,48 +266,48 @@ var k = {
 	height: n,
 	borderRadius: "50%"
 });
-function j(e) {
-	let t = f(15), { count: n } = e, r = n === void 0 ? 24 : n, i, a, o, s, c;
+function M(e) {
+	let t = p(15), { count: n } = e, r = n === void 0 ? 24 : n, i, a, o, s, c;
 	if (t[0] !== r) {
-		let e = Array.from({ length: r }, P);
-		a = p, c = k.container, i = p, o = k.grid, s = e.map(N), t[0] = r, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c;
+		let e = Array.from({ length: r }, F);
+		a = m, c = A.container, i = m, o = A.grid, s = e.map(P), t[0] = r, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c;
 	} else i = t[1], a = t[2], o = t[3], s = t[4], c = t[5];
 	let l;
-	t[6] !== i || t[7] !== o || t[8] !== s ? (l = /* @__PURE__ */ h(i, {
+	t[6] !== i || t[7] !== o || t[8] !== s ? (l = /* @__PURE__ */ g(i, {
 		sx: o,
 		children: s
 	}), t[6] = i, t[7] = o, t[8] = s, t[9] = l) : l = t[9];
 	let u;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ h(p, {
-		sx: k.legend,
-		children: [0, 1].map(M)
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ g(m, {
+		sx: A.legend,
+		children: [0, 1].map(N)
 	}), t[10] = u) : u = t[10];
 	let d;
-	return t[11] !== a || t[12] !== c || t[13] !== l ? (d = /* @__PURE__ */ g(a, {
+	return t[11] !== a || t[12] !== c || t[13] !== l ? (d = /* @__PURE__ */ _(a, {
 		sx: c,
 		children: [l, u]
 	}), t[11] = a, t[12] = c, t[13] = l, t[14] = d) : d = t[14], d;
 }
-function M(e) {
-	return /* @__PURE__ */ g(p, {
-		sx: k.legendItem,
-		children: [/* @__PURE__ */ h(m, {
+function N(e) {
+	return /* @__PURE__ */ _(m, {
+		sx: A.legendItem,
+		children: [/* @__PURE__ */ g(h, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ h(m, {
+		}), /* @__PURE__ */ g(h, {
 			width: 48,
 			height: 8
 		})]
 	}, `legend-${e}`);
 }
-function N(e, t) {
-	return /* @__PURE__ */ h(m, {
+function P(e, t) {
+	return /* @__PURE__ */ g(h, {
 		variant: "circular",
-		sx: A(e.top, e.left, e.size)
+		sx: j(e.top, e.left, e.size)
 	}, `dot-${t}`);
 }
-function P(e, t) {
+function F(e, t) {
 	let n = 10 + t * 37 % 80, r = 5 + t * 53 % 90, i = 8 + t * 7 % 6;
 	return {
 		top: `${n}%`,
@@ -316,14 +317,14 @@ function P(e, t) {
 }
 //#endregion
 //#region src/widgets-v2/scatterplot/download.ts
-function F(e) {
-	let r = [];
-	return e.getCaptureEl && r.push(t({
+function I(e) {
+	let t = [];
+	return e.getCaptureEl && t.push(n({
 		filename: e.filename,
 		getCaptureEl: e.getCaptureEl,
 		pixelRatio: e.pngPixelRatio,
 		backgroundColor: e.pngBackgroundColor
-	})), r.push(n({
+	})), t.push(r({
 		filename: e.filename,
 		getRows: (t) => {
 			let n = e.getData(t), r = [[
@@ -334,7 +335,7 @@ function F(e) {
 			for (let [t, i] of n.entries()) {
 				let n = e.seriesNames?.[t] ?? `series_${t + 1}`;
 				for (let e of i) {
-					let [t, i] = v(e);
+					let [t, i] = y(e);
 					r.push([
 						n,
 						t,
@@ -344,27 +345,27 @@ function F(e) {
 			}
 			return r;
 		}
-	})), r;
+	})), t;
 }
 //#endregion
 //#region src/widgets-v2/scatterplot/transforms.ts
-var I = (e) => Array.isArray(e) ? e.map((e) => {
-	if (!L(e)) return e;
-	let t = e.reduce((e, t) => e + Math.abs(v(t)[1]), 0);
+var L = (e) => Array.isArray(e) ? e.map((e) => {
+	if (!R(e)) return e;
+	let t = e.reduce((e, t) => e + Math.abs(y(t)[1]), 0);
 	return t <= 0 ? e : e.map((e) => {
-		let [n, r] = v(e);
-		return b(e, n, r / t * 100);
+		let [n, r] = y(e);
+		return x(e, n, r / t * 100);
 	});
 }) : e;
-function L(e) {
-	return Array.isArray(e) && e.every(y);
+function R(e) {
+	return Array.isArray(e) && e.every(b);
 }
-function R(e, t) {
+function z(e, t) {
 	if (t.length === 0 || !Array.isArray(e)) return e;
 	let n = new Set(t.map(String));
-	return e.map((e, t) => L(e) ? e.filter((e, r) => n.has(`${t}:${r}`)) : e);
+	return e.map((e, t) => R(e) ? e.filter((e, r) => n.has(`${t}:${r}`)) : e);
 }
 //#endregion
-export { j as ScatterplotSkeleton, F as createScatterplotDownloadConfig, w as createScatterplotOptionFactory, R as filterScatterplotByLockedPoints, v as getScatterplotXY, C as scatterplotOptions, I as toRelativeScatterplotData };
+export { M as ScatterplotSkeleton, I as createScatterplotDownloadConfig, T as createScatterplotOptionFactory, z as filterScatterplotByLockedPoints, y as getScatterplotXY, w as scatterplotOptions, L as toRelativeScatterplotData };
 
 //# sourceMappingURL=scatterplot.js.map