@carto/ps-react-ui 4.17.2 → 4.18.0

package/dist/widgets-v2/histogram.js

@@ -1,8 +1,8 @@
-import * as E from "echarts";
-import { n as I, h as O, d as W, g as Y, c as q, f as z } from "../option-builders-DPeoyQaM.js";
-import { jsx as b, jsxs as $ } from "react/jsx-runtime";
-import { c as U } from "react/compiler-runtime";
-import { Skeleton as M, Box as A } from "@mui/material";
+import * as V from "echarts";
+import { n as k, h as B, d as X, g as J, c as K, f as Q } from "../option-builders-DPeoyQaM.js";
+import { jsx as b, jsxs as R } from "react/jsx-runtime";
+import { c as ee } from "react/compiler-runtime";
+import { Skeleton as N, Box as A } from "@mui/material";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import "@mui/icons-material";
@@ -20,56 +20,56 @@ import "zustand";
 import "zustand/vanilla";
 import "zustand/middleware";
 import "zustand/react/shallow";
-import { Z as _ } from "../transforms-Cdx4fkU5.js";
-import { m as V, r as J } from "../resolve-theme-color-BdojIw0K.js";
-import { p as K } from "../data-zoom-layout-D_FYdnap.js";
-import { b as Q } from "../png-item-9dNbB37T.js";
-import { b as X } from "../csv-item-hH_Gt7ur.js";
-function tt({
-  theme: t,
-  formatter: e
+import { Z as D } from "../transforms-Cdx4fkU5.js";
+import { m as te, r as re } from "../resolve-theme-color-BdojIw0K.js";
+import { p as ie } from "../data-zoom-layout-D_FYdnap.js";
+import { b as ne } from "../png-item-9dNbB37T.js";
+import { b as ae } from "../csv-item-hH_Gt7ur.js";
+function oe({
+  theme: e,
+  formatter: t
 }) {
-  let s = 0, i = 1;
+  let s = 0, n = 1;
   return {
     grid: {
-      left: parseInt(t.spacing(1)),
-      top: parseInt(t.spacing(3)),
-      right: parseInt(t.spacing(1)),
+      left: parseInt(e.spacing(1)),
+      top: parseInt(e.spacing(3)),
+      right: parseInt(e.spacing(1)),
       // Default: no legend. Merger bumps this when there are >1 series.
-      ...q(!1, t),
+      ...K(!1, e),
       containLabel: !0
     },
     tooltip: {
       trigger: "axis",
-      backgroundColor: t.palette.grey[900],
+      backgroundColor: e.palette.grey[900],
       borderWidth: 0,
-      padding: [parseInt(t.spacing(1)), parseInt(t.spacing(1))],
+      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
       textStyle: {
-        color: t.palette.common.white,
+        color: e.palette.common.white,
         fontSize: 11,
-        fontFamily: t.typography.caption.fontFamily
+        fontFamily: e.typography.caption.fontFamily
       },
       axisPointer: {
         type: "line"
       },
-      position: Y(t),
-      formatter: D(e)
+      position: J(e),
+      formatter: Z(t)
     },
     // Legend styling baked here; `show` is toggled by the merger based on
     // series count. Histogram doesn't accept `labelFormatter` at the
     // options layer (bin labels are pre-formatted in the merger), so we
     // skip the legend `labelFormatter` argument too.
     legend: {
-      ...W({
+      ...X({
         hasLegend: !1
       })
     },
     axisPointer: {
       lineStyle: {
-        color: t.palette.grey[400]
+        color: e.palette.grey[400]
       }
     },
-    color: [t.palette.secondary.main, ...Object.values(t.palette.qualitative?.bold ?? {})],
+    color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
     xAxis: {
       type: "category",
       axisLine: {
@@ -79,8 +79,8 @@ function tt({
         show: !1
       },
       axisLabel: {
-        ...O(t),
-        padding: [parseInt(t.spacing(0.5)), 0, 0, 0],
+        ...B(e),
+        padding: [parseInt(e.spacing(0.5)), 0, 0, 0],
         margin: 0,
         // `interval: 0` makes every bin label a candidate so `hideOverlap`
         // can pack the maximum number that physically fit. The category-axis
@@ -92,8 +92,8 @@ function tt({
     },
     yAxis: {
       type: "value",
-      min: (r) => (s = r.min < 0 ? I(r.min) : 0, s),
-      max: (r) => (i = r.max <= 0 ? 1 : I(r.max), i),
+      min: (i) => (s = i.min < 0 ? k(i.min) : 0, s),
+      max: (i) => (n = i.max <= 0 ? 1 : k(i.max), n),
       axisLine: {
         show: !1
       },
@@ -103,70 +103,87 @@ function tt({
       splitLine: {
         show: !0,
         lineStyle: {
-          color: t.palette.black?.[4] ?? t.palette.divider
+          color: e.palette.black?.[4] ?? e.palette.divider
         }
       },
       axisLabel: {
-        ...O(t),
-        margin: parseInt(t.spacing(1)),
+        ...B(e),
+        margin: parseInt(e.spacing(1)),
         show: !0,
         showMaxLabel: !0,
         showMinLabel: !0,
         verticalAlign: "bottom",
         inside: !0,
-        formatter: (r) => r !== i && r !== s || r === 0 ? "" : e ? e(r) : String(r)
+        formatter: (i) => i !== n && i !== s || i === 0 ? "" : t ? t(i) : String(i)
       }
     }
   };
 }
-function Nt(t) {
+function Be(e) {
   const {
-    theme: e,
+    theme: t,
     formatter: s,
-    ticks: i,
-    series: r,
-    labelFormatter: c,
-    selection: l
-  } = t, a = t.optionsOverride, p = l && l.length > 0 ? new Set(l) : null, m = [];
-  for (let o = 0; o < i.length - 1; o++) {
-    const u = i[o], f = i[o + 1], d = `${j(u)}–${j(f)}`;
-    m.push(c ? c(d) : d);
+    ticks: n,
+    series: i,
+    labelFormatter: l,
+    selection: c
+  } = e, a = e.optionsOverride, m = e.lockedItems, u = c && c.length > 0 ? new Set(c) : null, g = [];
+  for (let r = 0; r < n.length - 1; r++) {
+    const f = n[r], x = n[r + 1], d = `${H(f)}–${H(x)}`;
+    g.push(l ? l(d) : d);
   }
-  return (o, u, f) => {
-    if (o == null) {
-      const n = tt({
-        theme: e,
+  const y = m && m.length > 0 ? (() => {
+    const r = m.map(Number), f = g[Math.min(...r)], x = g[Math.max(...r)];
+    return f != null && x != null ? {
+      min: f,
+      max: x
+    } : null;
+  })() : null;
+  return (r, f, x) => {
+    if (r == null) {
+      const o = oe({
+        theme: t,
         formatter: s
       });
-      return a ? V(n, a) : n;
+      return a ? te(o, a) : o;
     }
-    const d = Array.isArray(u) ? u : [];
-    if (d.length === 0 || m.length === 0)
+    const d = Array.isArray(f) ? f : [];
+    if (d.length === 0 || g.length === 0)
       return {
-        ...o,
+        ...r,
         dataset: [],
         series: []
       };
-    const y = d.length > 1, x = Array.isArray(o.series) ? o.series : [], H = x[0] ?? {}, v = typeof o.yAxis == "object" && !Array.isArray(o.yAxis) ? o.yAxis : {}, L = typeof o.grid == "object" && !Array.isArray(o.grid) ? o.grid : {}, Z = typeof o.tooltip == "object" && !Array.isArray(o.tooltip) ? o.tooltip : {}, B = typeof o.legend == "object" && !Array.isArray(o.legend) ? o.legend : {}, S = f?.formatter;
-    let k = 0, C = 1;
-    const T = K(o.dataZoom, y), P = typeof L.bottom == "number" ? L.bottom : 24, F = y ? 56 : P, G = T ? F + _.sliderHeight + _.sliderGap : F, R = {
-      color: (n) => {
-        const g = n.color;
-        return p ? p.has(n.dataIndex) ? g : E.color.modifyAlpha(g, 0.15) : g;
+    const I = d.length > 1, v = Array.isArray(r.series) ? r.series : [], G = v[0] ?? {}, F = typeof r.yAxis == "object" && !Array.isArray(r.yAxis) ? r.yAxis : {}, L = typeof r.grid == "object" && !Array.isArray(r.grid) ? r.grid : {}, E = typeof r.tooltip == "object" && !Array.isArray(r.tooltip) ? r.tooltip : {}, W = typeof r.legend == "object" && !Array.isArray(r.legend) ? r.legend : {}, S = x?.formatter;
+    let C = 0, M = 1;
+    const T = ie(r.dataZoom, I), Y = typeof L.bottom == "number" ? L.bottom : 24, j = I ? 56 : Y, q = T ? j + D.sliderHeight + D.sliderGap : j, z = {
+      color: (o) => {
+        const p = o.color;
+        return u ? u.has(o.dataIndex) ? p : V.color.modifyAlpha(p, 0.15) : p;
       }
+    }, O = Array.isArray(r.xAxis) ? r.xAxis[0] : r.xAxis, _ = {
+      min: y?.min ?? O?.min ?? null,
+      max: y?.max ?? O?.max ?? null
+    }, U = Array.isArray(r.xAxis) ? [{
+      ...r.xAxis[0],
+      ..._
+    }, ...r.xAxis.slice(1)] : {
+      ...typeof r.xAxis == "object" ? r.xAxis : {},
+      ..._
     };
     return {
-      ...o,
-      dataset: d.map((n) => ({
-        source: m.map((g, h) => [g, n[h] ?? 0])
+      ...r,
+      xAxis: U,
+      dataset: d.map((o) => ({
+        source: g.map((p, h) => [p, o[h] ?? 0])
       })),
-      series: d.map((n, g) => {
-        const h = x[g] ?? H, N = J(e, r?.[g]?.color);
+      series: d.map((o, p) => {
+        const h = v[p] ?? G, $ = re(t, i?.[p]?.color);
         return {
           ...typeof h == "object" ? h : {},
           type: "bar",
-          datasetIndex: g,
-          name: r?.[g]?.name ?? `Series ${g + 1}`,
+          datasetIndex: p,
+          name: i?.[p]?.name ?? `Series ${p + 1}`,
           encode: {
             x: 0,
             y: 1
@@ -175,52 +192,52 @@ function Nt(t) {
           emphasis: {
             focus: "series"
           },
-          itemStyle: R,
-          ...N ? {
-            color: N
+          itemStyle: z,
+          ...$ ? {
+            color: $
           } : {}
         };
       }),
       legend: {
-        ...B,
-        show: y
+        ...W,
+        show: I
       },
       grid: {
         ...L,
-        bottom: G
+        bottom: q
       },
       ...T ? {
         dataZoom: T
       } : {},
       yAxis: {
-        ...v,
-        min: (n) => (k = n.min < 0 ? I(n.min) : 0, k),
-        max: (n) => (C = n.max <= 0 ? 1 : I(n.max), C),
+        ...F,
+        min: (o) => (C = o.min < 0 ? k(o.min) : 0, C),
+        max: (o) => (M = o.max <= 0 ? 1 : k(o.max), M),
         axisLabel: {
-          ...v.axisLabel ?? {},
-          formatter: (n) => n !== C && n !== k || n === 0 ? "" : S ? S(n) : String(n)
+          ...F.axisLabel ?? {},
+          formatter: (o) => o !== M && o !== C || o === 0 ? "" : S ? S(o) : String(o)
         }
       },
       tooltip: {
-        ...Z,
-        formatter: D(S)
+        ...E,
+        formatter: Z(S)
       }
     };
   };
 }
-function D(t) {
-  return z((e) => {
-    const i = e.value?.[1], r = typeof i == "number" && t ? t(i) : i ?? "", c = typeof e.marker == "string" ? e.marker : "", l = e.seriesName ? `${e.seriesName}: ` : "";
+function Z(e) {
+  return Q((t) => {
+    const n = t.value?.[1], i = typeof n == "number" && e ? e(n) : n ?? "", l = typeof t.marker == "string" ? t.marker : "", c = t.seriesName ? `${t.seriesName}: ` : "";
     return {
-      name: String(e.name ?? ""),
-      seriesName: l,
-      marker: c,
-      value: r
+      name: String(t.name ?? ""),
+      seriesName: c,
+      marker: l,
+      value: i
     };
   });
 }
-function j(t) {
-  return Number.isInteger(t) ? String(t) : Number(t.toFixed(2)).toString();
+function H(e) {
+  return Number.isInteger(e) ? String(e) : Number(e.toFixed(2)).toString();
 }
 const w = {
   container: {
@@ -229,11 +246,11 @@ const w = {
     justifyContent: "space-between",
     flexDirection: "column",
     gap: ({
-      spacing: t
-    }) => t(1),
+      spacing: e
+    }) => e(1),
     height: ({
-      spacing: t
-    }) => t(38)
+      spacing: e
+    }) => e(38)
   },
   grid: {
     display: "flex",
@@ -246,94 +263,100 @@ const w = {
     display: "flex",
     alignItems: "center",
     gap: ({
-      spacing: t
-    }) => t(2),
+      spacing: e
+    }) => e(2),
     height: ({
-      spacing: t
-    }) => t(5)
+      spacing: e
+    }) => e(5)
   },
   legendItem: {
     display: "flex",
     alignItems: "center",
     gap: ({
-      spacing: t
-    }) => t(1.5)
+      spacing: e
+    }) => e(1.5)
   }
-}, et = (t) => ({
+}, se = (e) => ({
   flex: 1,
-  height: `${t}%`,
+  height: `${e}%`,
   minWidth: 8
 });
-function Ot(t) {
-  const e = U(15), {
+function De(e) {
+  const t = ee(15), {
     bins: s
-  } = t, i = s === void 0 ? 12 : s;
-  let r, c, l, a, p;
-  if (e[0] !== i) {
-    const f = Array.from({
-      length: i
-    }, (d, y) => {
-      const x = y / Math.max(1, i - 1);
-      return Math.round(20 + 80 * Math.exp(-((x - 0.5) ** 2) * 8));
+  } = e, n = s === void 0 ? 12 : s;
+  let i, l, c, a, m;
+  if (t[0] !== n) {
+    const r = Array.from({
+      length: n
+    }, (f, x) => {
+      const d = x / Math.max(1, n - 1);
+      return Math.round(20 + 80 * Math.exp(-((d - 0.5) ** 2) * 8));
     });
-    c = A, p = w.container, r = A, l = w.grid, a = f.map(ot), e[0] = i, e[1] = r, e[2] = c, e[3] = l, e[4] = a, e[5] = p;
+    l = A, m = w.container, i = A, c = w.grid, a = r.map(ce), t[0] = n, t[1] = i, t[2] = l, t[3] = c, t[4] = a, t[5] = m;
   } else
-    r = e[1], c = e[2], l = e[3], a = e[4], p = e[5];
-  let m;
-  e[6] !== r || e[7] !== l || e[8] !== a ? (m = /* @__PURE__ */ b(r, { sx: l, children: a }), e[6] = r, e[7] = l, e[8] = a, e[9] = m) : m = e[9];
-  let o;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ b(A, { sx: w.legend, children: [0, 1].map(rt) }), e[10] = o) : o = e[10];
+    i = t[1], l = t[2], c = t[3], a = t[4], m = t[5];
   let u;
-  return e[11] !== c || e[12] !== p || e[13] !== m ? (u = /* @__PURE__ */ $(c, { sx: p, children: [
-    m,
-    o
-  ] }), e[11] = c, e[12] = p, e[13] = m, e[14] = u) : u = e[14], u;
+  t[6] !== i || t[7] !== c || t[8] !== a ? (u = /* @__PURE__ */ b(i, { sx: c, children: a }), t[6] = i, t[7] = c, t[8] = a, t[9] = u) : u = t[9];
+  let g;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ b(A, { sx: w.legend, children: [0, 1].map(le) }), t[10] = g) : g = t[10];
+  let y;
+  return t[11] !== l || t[12] !== m || t[13] !== u ? (y = /* @__PURE__ */ R(l, { sx: m, children: [
+    u,
+    g
+  ] }), t[11] = l, t[12] = m, t[13] = u, t[14] = y) : y = t[14], y;
 }
-function rt(t) {
-  return /* @__PURE__ */ $(A, { sx: w.legendItem, children: [
-    /* @__PURE__ */ b(M, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ b(M, { width: 48, height: 8 })
-  ] }, `legend-${t}`);
+function le(e) {
+  return /* @__PURE__ */ R(A, { sx: w.legendItem, children: [
+    /* @__PURE__ */ b(N, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ b(N, { width: 48, height: 8 })
+  ] }, `legend-${e}`);
 }
-function ot(t, e) {
-  return /* @__PURE__ */ b(M, { variant: "rectangular", sx: et(t) }, `bar-${e}`);
+function ce(e, t) {
+  return /* @__PURE__ */ b(N, { variant: "rectangular", sx: se(e) }, `bar-${t}`);
 }
-function _t(t) {
-  const e = [];
-  return t.getCaptureEl && e.push(Q({
-    filename: t.filename,
-    getCaptureEl: t.getCaptureEl,
-    pixelRatio: t.pngPixelRatio,
-    backgroundColor: t.pngBackgroundColor
-  })), e.push(X({
-    filename: t.filename,
+function He(e) {
+  const t = [];
+  return e.getCaptureEl && t.push(ne({
+    filename: e.filename,
+    getCaptureEl: e.getCaptureEl,
+    pixelRatio: e.pngPixelRatio,
+    backgroundColor: e.pngBackgroundColor
+  })), t.push(ae({
+    filename: e.filename,
     getRows: () => {
-      const s = t.getData(), i = t.getTicks(), r = s.length, c = ["bin_low", "bin_high"];
-      for (let a = 0; a < r; a++)
-        c.push(t.seriesNames?.[a] ?? `series_${a + 1}`);
-      const l = [c];
-      for (let a = 0; a < Math.max(0, i.length - 1); a++) {
-        const p = [i[a], i[a + 1]];
-        for (let m = 0; m < r; m++) p.push(s[m]?.[a] ?? 0);
-        l.push(p);
+      const s = e.getData(), n = e.getTicks(), i = s.length, l = ["bin_low", "bin_high"];
+      for (let a = 0; a < i; a++)
+        l.push(e.seriesNames?.[a] ?? `series_${a + 1}`);
+      const c = [l];
+      for (let a = 0; a < Math.max(0, n.length - 1); a++) {
+        const m = [n[a], n[a + 1]];
+        for (let u = 0; u < i; u++) m.push(s[u]?.[a] ?? 0);
+        c.push(m);
       }
-      return l;
+      return c;
     }
-  })), e;
+  })), t;
 }
-const jt = (t) => Array.isArray(t) ? t.map((e) => {
-  if (!it(e)) return e;
-  const s = e.reduce((i, r) => i + Math.abs(r), 0);
-  return s <= 0 ? e : e.map((i) => i / s * 100);
-}) : t;
-function it(t) {
-  return Array.isArray(t) ? t.every((e) => typeof e == "number" && Number.isFinite(e)) : !1;
+const Re = (e) => Array.isArray(e) ? e.map((t) => {
+  if (!P(t)) return t;
+  const s = t.reduce((n, i) => n + Math.abs(i), 0);
+  return s <= 0 ? t : t.map((n) => n / s * 100);
+}) : e;
+function P(e) {
+  return Array.isArray(e) ? e.every((t) => typeof t == "number" && Number.isFinite(t)) : !1;
+}
+function Ze(e, t) {
+  if (t.length === 0 || !Array.isArray(e)) return e;
+  const s = new Set(t.map(Number));
+  return e.map((n) => P(n) ? n.map((i, l) => s.has(l) ? i : 0) : n);
 }
 export {
-  Ot as HistogramSkeleton,
-  _t as createHistogramDownloadConfig,
-  Nt as createHistogramOptionFactory,
-  tt as histogramOptions,
-  jt as toRelativeHistogramData
+  De as HistogramSkeleton,
+  He as createHistogramDownloadConfig,
+  Be as createHistogramOptionFactory,
+  Ze as filterHistogramByLockedBins,
+  oe as histogramOptions,
+  Re as toRelativeHistogramData
 };
 //# sourceMappingURL=histogram.js.map