@carto/ps-react-ui 4.11.3 → 4.12.1

package/dist/widgets-v2/scatterplot.js

@@ -1,8 +1,8 @@
-import * as E from "echarts";
-import { d as H, g as V, c as W, n as S, f as F } from "../option-builders-F-c9ELi1.js";
-import { jsx as x, jsxs as M } from "react/jsx-runtime";
-import { c as q } from "react/compiler-runtime";
-import { Skeleton as I, Box as A } from "@mui/material";
+import * as H from "echarts";
+import { h as M, d as W, g as q, c as U, n as A, f as Y } from "../option-builders-DPeoyQaM.js";
+import { jsx as x, jsxs as X } from "react/jsx-runtime";
+import { c as J } from "react/compiler-runtime";
+import { Skeleton as L, Box as S } from "@mui/material";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import "@mui/icons-material";
@@ -21,52 +21,52 @@ import "zustand/vanilla";
 import "zustand/middleware";
 import "zustand/react/shallow";
 import { Z as b } from "../transforms-Cdx4fkU5.js";
-import { m as U, r as J } from "../resolve-theme-color-BdojIw0K.js";
-import { a as K } from "../exports-Cx-f6m6U.js";
-import { b as Q } from "../png-item-BE9uEqlD.js";
-function ee({
-  theme: e,
-  xFormatter: t,
+import { m as K, r as Q } from "../resolve-theme-color-BdojIw0K.js";
+import { b as V } from "../png-item-9dNbB37T.js";
+import { b as ee } from "../csv-item-hH_Gt7ur.js";
+function te({
+  theme: t,
+  xFormatter: e,
   yFormatter: r
 }) {
   return {
     grid: {
-      left: parseInt(e.spacing(1)),
-      top: parseInt(e.spacing(3)),
-      right: parseInt(e.spacing(1)),
+      left: parseInt(t.spacing(1)),
+      top: parseInt(t.spacing(3)),
+      right: parseInt(t.spacing(1)),
       // Default: no legend. Merger bumps `bottom` when there are >1 series.
-      ...W(!1, e),
+      ...U(!1, t),
       containLabel: !0
     },
     tooltip: {
       // Per-point trigger — different from Bar's 'axis' trigger because
       // points don't share an x-coordinate.
       trigger: "item",
-      backgroundColor: e.palette.grey[900],
+      backgroundColor: t.palette.grey[900],
       borderWidth: 0,
-      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+      padding: [parseInt(t.spacing(1)), parseInt(t.spacing(1))],
       textStyle: {
-        color: e.palette.common.white,
+        color: t.palette.common.white,
         fontSize: 11,
-        fontFamily: e.typography.caption.fontFamily
+        fontFamily: t.typography.caption.fontFamily
       },
-      position: V(e),
-      formatter: oe(t, r)
+      position: q(t),
+      formatter: oe(e, r)
     },
     // Legend styling baked here; `show` is toggled by the merger based on
     // series count.
     legend: {
-      ...H({
+      ...W({
         hasLegend: !1,
         labelFormatter: void 0
       })
     },
     axisPointer: {
       lineStyle: {
-        color: e.palette.grey[400]
+        color: t.palette.grey[400]
       }
     },
-    color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
+    color: [t.palette.secondary.main, ...Object.values(t.palette.qualitative?.bold ?? {})],
     xAxis: {
       type: "value",
       axisLine: {
@@ -76,21 +76,19 @@ function ee({
         show: !1
       },
       axisLabel: {
-        fontSize: e.typography.overlineDelicate?.fontSize,
-        fontFamily: e.typography.overlineDelicate?.fontFamily,
-        color: e.palette.black?.[60],
-        margin: parseInt(e.spacing(1)),
+        ...M(t),
+        margin: parseInt(t.spacing(1)),
         hideOverlap: !0,
         showMinLabel: !0,
         showMaxLabel: !0,
-        ...t && {
-          formatter: t
+        ...e && {
+          formatter: e
         }
       },
       splitLine: {
         show: !0,
         lineStyle: {
-          color: e.palette.black?.[4] ?? e.palette.divider
+          color: t.palette.black?.[4] ?? t.palette.divider
         }
       }
     },
@@ -103,10 +101,8 @@ function ee({
         show: !1
       },
       axisLabel: {
-        fontSize: e.typography.overlineDelicate?.fontSize,
-        fontFamily: e.typography.overlineDelicate?.fontFamily,
-        color: e.palette.black?.[60],
-        margin: parseInt(e.spacing(1)),
+        ...M(t),
+        margin: parseInt(t.spacing(1)),
         hideOverlap: !0,
         showMinLabel: !0,
         showMaxLabel: !0,
@@ -117,55 +113,55 @@ function ee({
       splitLine: {
         show: !0,
         lineStyle: {
-          color: e.palette.black?.[4] ?? e.palette.divider
+          color: t.palette.black?.[4] ?? t.palette.divider
         }
       }
     }
   };
 }
-function De(e) {
+function Oe(t) {
   const {
-    theme: t,
+    theme: e,
     xFormatter: r,
     yFormatter: i,
-    optionsOverride: n
-  } = e, s = e.series, a = e.symbolSize ?? 8, l = e.selection, c = l && l.length > 0 ? new Set(l) : null;
-  return (o, u, p) => {
-    if (o == null) {
-      const d = ee({
-        theme: t,
+    optionsOverride: o
+  } = t, s = t.series, a = t.symbolSize ?? 8, l = t.selection, c = l && l.length > 0 ? new Set(l) : null;
+  return (n, p, u) => {
+    if (n == null) {
+      const d = te({
+        theme: e,
         xFormatter: r,
         yFormatter: i
       });
-      return n ? U(d, n) : d;
+      return o ? K(d, o) : d;
     }
-    const f = Array.isArray(u) ? u : [];
+    const f = Array.isArray(p) ? p : [];
     if (f.length === 0)
       return {
-        ...o,
+        ...n,
         dataset: [],
         series: []
       };
-    const k = f.length > 1, Y = typeof o.legend == "object" && !Array.isArray(o.legend) ? o.legend : {}, g = typeof o.grid == "object" && !Array.isArray(o.grid) ? o.grid : {}, L = typeof o.tooltip == "object" && !Array.isArray(o.tooltip) ? o.tooltip : {}, T = typeof o.xAxis == "object" && !Array.isArray(o.xAxis) ? o.xAxis : {}, N = typeof o.yAxis == "object" && !Array.isArray(o.yAxis) ? o.yAxis : {}, w = p?.formatter, {
-      niceMinX: X,
-      niceMaxX: D,
-      niceMinY: j,
-      niceMaxY: O
-    } = ie(f), z = (d) => (m) => {
+    const w = f.length > 1, T = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, g = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, k = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, F = typeof n.xAxis == "object" && !Array.isArray(n.xAxis) ? n.xAxis : {}, N = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, I = u?.formatter, {
+      niceMinX: j,
+      niceMaxX: O,
+      niceMinY: _,
+      niceMaxY: D
+    } = ne(f), R = (d) => (m) => {
       const y = m.color;
       if (!c) return y;
-      const Z = `${d}:${m.dataIndex}`;
-      return c.has(Z) ? y : E.color.modifyAlpha(y, 0.15);
-    }, h = te(o.dataZoom, k), _ = h?.hasXSlider ?? !1, B = h?.hasYSlider ?? !1, R = typeof g.bottom == "number" ? g.bottom : 24, $ = k ? 56 : R, P = _ ? $ + b.sliderHeight + b.sliderGap : $, C = typeof g.right == "number" ? g.right : 8, G = B ? C + b.sliderHeight + b.sliderGap : C;
+      const E = `${d}:${m.dataIndex}`;
+      return c.has(E) ? y : H.color.modifyAlpha(y, 0.15);
+    }, h = re(n.dataZoom, w), B = h?.hasXSlider ?? !1, z = h?.hasYSlider ?? !1, G = typeof g.bottom == "number" ? g.bottom : 24, $ = w ? 56 : G, P = B ? $ + b.sliderHeight + b.sliderGap : $, C = typeof g.right == "number" ? g.right : 8, Z = z ? C + b.sliderHeight + b.sliderGap : C;
     return {
-      ...o,
+      ...n,
       // ECharts dataset.source wants a mutable [number, number][] shape; we
       // hold readonly tuples internally, so cast at the boundary.
       dataset: f.map((d) => ({
         source: d
       })),
       series: f.map((d, m) => {
-        const y = J(t, s?.[m]?.color);
+        const y = Q(e, s?.[m]?.color);
         return {
           type: "scatter",
           datasetIndex: m,
@@ -179,7 +175,7 @@ function De(e) {
             focus: "series"
           },
           itemStyle: {
-            color: z(m)
+            color: R(m)
           },
           ...y ? {
             color: y
@@ -187,26 +183,26 @@ function De(e) {
         };
       }),
       legend: {
-        ...Y,
-        show: k
+        ...T,
+        show: w
       },
       grid: {
         ...g,
         bottom: P,
-        right: G
+        right: Z
       },
       ...h ? {
         dataZoom: h.entries
       } : {},
       xAxis: {
-        ...T,
-        min: X,
-        max: D
+        ...F,
+        min: j,
+        max: O
       },
       yAxis: {
         ...N,
-        min: j,
-        max: O,
+        min: _,
+        max: D,
         axisLabel: {
           ...N.axisLabel ?? {},
           // Re-derive the y-axis formatter at fusion time so RelativeData's
@@ -214,30 +210,30 @@ function De(e) {
           // without rebuilding the structural option. Falls back to the
           // structural `yFormatter` already baked in `baseYAxis.axisLabel`
           // (which `String(value)` if neither is set).
-          ...w ? {
-            formatter: w
+          ...I ? {
+            formatter: I
           } : {}
         }
       },
       tooltip: {
-        ...L,
+        ...k,
         // Rebuild the tooltip formatter so the live y-axis formatter is
         // applied to the y-coordinate in the (x, y) label. xFormatter is
         // structural — relative is a values-axis concept, so xFormatter
         // doesn't change under RelativeData.
-        formatter: re(L.formatter, w, r)
+        formatter: ie(k.formatter, I, r)
       }
     };
   };
 }
-function te(e, t) {
-  if (!Array.isArray(e) || e.length === 0) return null;
+function re(t, e) {
+  if (!Array.isArray(t) || t.length === 0) return null;
   let r = !1, i = !1;
   return {
-    entries: e.map((s) => {
+    entries: t.map((s) => {
       if (s == null || typeof s != "object") return s;
       const a = s;
-      return a.type !== "slider" ? a : a.yAxisIndex !== void 0 ? (i = !0, a) : (r = !0, t ? {
+      return a.type !== "slider" ? a : a.yAxisIndex !== void 0 ? (i = !0, a) : (r = !0, e ? {
         ...a,
         bottom: b.sliderBottomWithLegend
       } : a);
@@ -246,36 +242,36 @@ function te(e, t) {
     hasYSlider: i
   };
 }
-function re(e, t, r) {
-  return t ? F((i) => {
-    const n = i.value, s = n?.[0], a = n?.[1], l = typeof s == "number" ? r ? r(s) : String(s) : "", c = typeof a == "number" ? t(a) : String(a ?? ""), o = typeof i.marker == "string" ? i.marker : "", u = i.seriesName ? `${i.seriesName}: ` : "";
+function ie(t, e, r) {
+  return e ? Y((i) => {
+    const o = i.value, s = o?.[0], a = o?.[1], l = typeof s == "number" ? r ? r(s) : String(s) : "", c = typeof a == "number" ? e(a) : String(a ?? ""), n = typeof i.marker == "string" ? i.marker : "", p = i.seriesName ? `${i.seriesName}: ` : "";
     return {
       name: `(${l}, ${c})`,
-      seriesName: u,
-      marker: o,
+      seriesName: p,
+      marker: n,
       value: ""
     };
-  }) : e;
+  }) : t;
 }
-function oe(e, t) {
-  return F((r) => {
-    const i = r.value, n = i?.[0], s = i?.[1], a = typeof n == "number" ? e ? e(n) : String(n) : "", l = typeof s == "number" ? t ? t(s) : String(s) : "", c = typeof r.marker == "string" ? r.marker : "", o = r.seriesName ? `${r.seriesName}: ` : "";
+function oe(t, e) {
+  return Y((r) => {
+    const i = r.value, o = i?.[0], s = i?.[1], a = typeof o == "number" ? t ? t(o) : String(o) : "", l = typeof s == "number" ? e ? e(s) : String(s) : "", c = typeof r.marker == "string" ? r.marker : "", n = r.seriesName ? `${r.seriesName}: ` : "";
     return {
       name: `(${a}, ${l})`,
-      seriesName: o,
+      seriesName: n,
       marker: c,
       value: ""
     };
   });
 }
-function ie(e) {
-  let t = 1 / 0, r = -1 / 0, i = 1 / 0, n = -1 / 0;
-  for (const o of e)
-    for (const u of o) {
-      const p = u?.[0], f = u?.[1];
-      typeof p == "number" && Number.isFinite(p) && (p < t && (t = p), p > r && (r = p)), typeof f == "number" && Number.isFinite(f) && (f < i && (i = f), f > n && (n = f));
+function ne(t) {
+  let e = 1 / 0, r = -1 / 0, i = 1 / 0, o = -1 / 0;
+  for (const n of t)
+    for (const p of n) {
+      const u = p?.[0], f = p?.[1];
+      typeof u == "number" && Number.isFinite(u) && (u < e && (e = u), u > r && (r = u)), typeof f == "number" && Number.isFinite(f) && (f < i && (i = f), f > o && (o = f));
     }
-  const s = Number.isFinite(r) ? r <= 0 ? 1 : S(r) : 1, a = Number.isFinite(n) ? n <= 0 ? 1 : S(n) : 1, l = Number.isFinite(t) && t < 0 ? S(t) : 0, c = Number.isFinite(i) && i < 0 ? S(i) : 0;
+  const s = Number.isFinite(r) ? r <= 0 ? 1 : A(r) : 1, a = Number.isFinite(o) ? o <= 0 ? 1 : A(o) : 1, l = Number.isFinite(e) && e < 0 ? A(e) : 0, c = Number.isFinite(i) && i < 0 ? A(i) : 0;
   return {
     niceMinX: l,
     niceMaxX: s,
@@ -290,11 +286,11 @@ const v = {
     justifyContent: "space-between",
     flexDirection: "column",
     gap: ({
-      spacing: e
-    }) => e(1),
+      spacing: t
+    }) => t(1),
     height: ({
-      spacing: e
-    }) => e(38)
+      spacing: t
+    }) => t(38)
   },
   grid: {
     position: "relative",
@@ -305,105 +301,99 @@ const v = {
     display: "flex",
     alignItems: "center",
     gap: ({
-      spacing: e
-    }) => e(2),
+      spacing: t
+    }) => t(2),
     height: ({
-      spacing: e
-    }) => e(5)
+      spacing: t
+    }) => t(5)
   },
   legendItem: {
     display: "flex",
     alignItems: "center",
     gap: ({
-      spacing: e
-    }) => e(1.5)
+      spacing: t
+    }) => t(1.5)
   }
-}, ne = (e, t, r) => ({
+}, se = (t, e, r) => ({
   position: "absolute",
-  top: e,
-  left: t,
+  top: t,
+  left: e,
   width: r,
   height: r,
   borderRadius: "50%"
 });
-function je(e) {
-  const t = q(15), {
+function _e(t) {
+  const e = J(15), {
     count: r
-  } = e, i = r === void 0 ? 24 : r;
-  let n, s, a, l, c;
-  if (t[0] !== i) {
+  } = t, i = r === void 0 ? 24 : r;
+  let o, s, a, l, c;
+  if (e[0] !== i) {
     const f = Array.from({
       length: i
-    }, le);
-    s = A, c = v.container, n = A, a = v.grid, l = f.map(ae), t[0] = i, t[1] = n, t[2] = s, t[3] = a, t[4] = l, t[5] = c;
+    }, ce);
+    s = S, c = v.container, o = S, a = v.grid, l = f.map(le), e[0] = i, e[1] = o, e[2] = s, e[3] = a, e[4] = l, e[5] = c;
   } else
-    n = t[1], s = t[2], a = t[3], l = t[4], c = t[5];
-  let o;
-  t[6] !== n || t[7] !== a || t[8] !== l ? (o = /* @__PURE__ */ x(n, { sx: a, children: l }), t[6] = n, t[7] = a, t[8] = l, t[9] = o) : o = t[9];
-  let u;
-  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ x(A, { sx: v.legend, children: [0, 1].map(se) }), t[10] = u) : u = t[10];
+    o = e[1], s = e[2], a = e[3], l = e[4], c = e[5];
+  let n;
+  e[6] !== o || e[7] !== a || e[8] !== l ? (n = /* @__PURE__ */ x(o, { sx: a, children: l }), e[6] = o, e[7] = a, e[8] = l, e[9] = n) : n = e[9];
   let p;
-  return t[11] !== s || t[12] !== c || t[13] !== o ? (p = /* @__PURE__ */ M(s, { sx: c, children: [
-    o,
-    u
-  ] }), t[11] = s, t[12] = c, t[13] = o, t[14] = p) : p = t[14], p;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ x(S, { sx: v.legend, children: [0, 1].map(ae) }), e[10] = p) : p = e[10];
+  let u;
+  return e[11] !== s || e[12] !== c || e[13] !== n ? (u = /* @__PURE__ */ X(s, { sx: c, children: [
+    n,
+    p
+  ] }), e[11] = s, e[12] = c, e[13] = n, e[14] = u) : u = e[14], u;
 }
-function se(e) {
-  return /* @__PURE__ */ M(A, { sx: v.legendItem, children: [
-    /* @__PURE__ */ x(I, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ x(I, { width: 48, height: 8 })
-  ] }, `legend-${e}`);
+function ae(t) {
+  return /* @__PURE__ */ X(S, { sx: v.legendItem, children: [
+    /* @__PURE__ */ x(L, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ x(L, { width: 48, height: 8 })
+  ] }, `legend-${t}`);
 }
-function ae(e, t) {
-  return /* @__PURE__ */ x(I, { variant: "circular", sx: ne(e.top, e.left, e.size) }, `dot-${t}`);
+function le(t, e) {
+  return /* @__PURE__ */ x(L, { variant: "circular", sx: se(t.top, t.left, t.size) }, `dot-${e}`);
 }
-function le(e, t) {
-  const r = 10 + t * 37 % 80, i = 5 + t * 53 % 90, n = 8 + t * 7 % 6;
+function ce(t, e) {
+  const r = 10 + e * 37 % 80, i = 5 + e * 53 % 90, o = 8 + e * 7 % 6;
   return {
     top: `${r}%`,
     left: `${i}%`,
-    size: n
+    size: o
   };
 }
-function Oe(e) {
-  const t = [];
-  return e.getCaptureEl && t.push(Q({
-    filename: e.filename,
-    getCaptureEl: e.getCaptureEl,
-    pixelRatio: e.pngPixelRatio,
-    backgroundColor: e.pngBackgroundColor
-  })), t.push({
-    id: "csv",
-    label: "Download as CSV",
-    resolve: () => {
-      const r = e.getData(), i = [["series", "x", "y"]];
-      for (const [s, a] of r.entries()) {
-        const l = e.seriesNames?.[s] ?? `series_${s + 1}`;
-        for (const [c, o] of a)
-          i.push([l, c, o]);
+function De(t) {
+  const e = [];
+  return t.getCaptureEl && e.push(V({
+    filename: t.filename,
+    getCaptureEl: t.getCaptureEl,
+    pixelRatio: t.pngPixelRatio,
+    backgroundColor: t.pngBackgroundColor
+  })), e.push(ee({
+    filename: t.filename,
+    getRows: () => {
+      const r = t.getData(), i = [["series", "x", "y"]];
+      for (const [o, s] of r.entries()) {
+        const a = t.seriesNames?.[o] ?? `series_${o + 1}`;
+        for (const [l, c] of s)
+          i.push([a, l, c]);
       }
-      const n = K(i);
-      return Promise.resolve({
-        url: n.url,
-        filename: `${e.filename}.csv`,
-        revoke: n.revoke
-      });
+      return i;
     }
-  }), t;
+  })), e;
 }
-const ze = (e) => Array.isArray(e) ? e.map((t) => {
-  if (!ce(t)) return t;
-  const r = t.reduce((i, [, n]) => i + Math.abs(n), 0);
-  return r <= 0 ? t : t.map(([i, n]) => [i, n / r * 100]);
-}) : e;
-function ce(e) {
-  return Array.isArray(e) ? e.every((t) => Array.isArray(t) && t.length === 2 && typeof t[0] == "number" && Number.isFinite(t[0]) && typeof t[1] == "number" && Number.isFinite(t[1])) : !1;
+const Re = (t) => Array.isArray(t) ? t.map((e) => {
+  if (!fe(e)) return e;
+  const r = e.reduce((i, [, o]) => i + Math.abs(o), 0);
+  return r <= 0 ? e : e.map(([i, o]) => [i, o / r * 100]);
+}) : t;
+function fe(t) {
+  return Array.isArray(t) ? t.every((e) => Array.isArray(e) && e.length === 2 && typeof e[0] == "number" && Number.isFinite(e[0]) && typeof e[1] == "number" && Number.isFinite(e[1])) : !1;
 }
 export {
-  je as ScatterplotSkeleton,
-  Oe as createScatterplotDownloadConfig,
-  De as createScatterplotOptionFactory,
-  ee as scatterplotOptions,
-  ze as toRelativeScatterplotData
+  _e as ScatterplotSkeleton,
+  De as createScatterplotDownloadConfig,
+  Oe as createScatterplotOptionFactory,
+  te as scatterplotOptions,
+  Re as toRelativeScatterplotData
 };
 //# sourceMappingURL=scatterplot.js.map