@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/widgets-v2/timeseries.js

@@ -1,349 +1,294 @@
-import * as R from "echarts";
-import { n as S, h as M, d as z, g as Y, c as q, f as H } from "../option-builders-DPeoyQaM.js";
-import { jsxs as O, jsx as y } from "react/jsx-runtime";
-import { c as U } from "react/compiler-runtime";
-import { Box as A, Skeleton as b } from "@mui/material";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import "@mui/icons-material";
-import "react";
-import "html2canvas";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import "@carto/ps-utils";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dom";
-import "../widget-context-DTGO0Yta.js";
-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 W } from "../resolve-theme-color-BdojIw0K.js";
-import { p as J } 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 ee({
-  theme: e,
-  formatter: n,
-  labelFormatter: o
-}) {
-  let l = 0, a = 1;
-  return {
-    grid: {
-      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, e),
-      containLabel: !0
-    },
-    tooltip: {
-      trigger: "axis",
-      backgroundColor: e.palette.grey[900],
-      borderWidth: 0,
-      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
-      textStyle: {
-        color: e.palette.common.white,
-        fontSize: 11,
-        fontFamily: e.typography.caption.fontFamily
-      },
-      axisPointer: {
-        type: "line"
-      },
-      position: Y(e),
-      formatter: N(n, o)
-    },
-    // Legend styling baked here; `show` is toggled by the merger based on
-    // series count.
-    legend: {
-      ...z({
-        hasLegend: !1
-      })
-    },
-    axisPointer: {
-      lineStyle: {
-        color: e.palette.grey[400]
-      }
-    },
-    color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
-    xAxis: {
-      type: "time",
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      axisLabel: {
-        ...M(e),
-        padding: [parseInt(e.spacing(0.5)), 0, 0, 0],
-        margin: 0,
-        hideOverlap: !0,
-        ...o && {
-          formatter: (r) => o(new Date(r))
-        }
-      }
-    },
-    yAxis: {
-      type: "value",
-      min: (r) => (l = r.min < 0 ? S(r.min) : 0, l),
-      max: (r) => (a = r.max <= 0 ? 1 : S(r.max), a),
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: e.palette.black?.[4] ?? e.palette.divider
-        }
-      },
-      axisLabel: {
-        ...M(e),
-        margin: parseInt(e.spacing(1)),
-        show: !0,
-        showMaxLabel: !0,
-        showMinLabel: !0,
-        verticalAlign: "bottom",
-        inside: !0,
-        formatter: (r) => r !== a && r !== l || r === 0 ? "" : n ? n(r) : String(r)
-      }
-    }
-  };
+import { r as e } from "../zoom-toggle-CA0ifG23.js";
+import { n as t, t as n } from "../download-BT6qBamM.js";
+import { n as r, r as i, t as a } from "../utils-DtvTjjMq.js";
+import { a as o, d as s, f as c, i as l, s as u, u as d } from "../chart-config-BGt7wkK7.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";
+//#region src/widgets-v2/timeseries/options.ts
+function v({ theme: e, formatter: t, labelFormatter: n }) {
+	let r = 0, i = 1;
+	return {
+		grid: {
+			left: parseInt(e.spacing(1)),
+			top: parseInt(e.spacing(3)),
+			right: parseInt(e.spacing(1)),
+			...o(!1, e),
+			containLabel: !0
+		},
+		tooltip: {
+			trigger: "axis",
+			backgroundColor: e.palette.grey[900],
+			borderWidth: 0,
+			padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+			textStyle: {
+				color: e.palette.common.white,
+				fontSize: 11,
+				fontFamily: e.typography.caption.fontFamily
+			},
+			axisPointer: { type: "line" },
+			position: s(e),
+			formatter: b(t, n)
+		},
+		legend: { ...u({ hasLegend: !1 }) },
+		axisPointer: { lineStyle: { color: e.palette.grey[400] } },
+		color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
+		xAxis: {
+			type: "time",
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			axisLabel: {
+				...l(e),
+				padding: [
+					parseInt(e.spacing(.5)),
+					0,
+					0,
+					0
+				],
+				margin: 0,
+				hideOverlap: !0,
+				...n && { formatter: (e) => n(new Date(e)) }
+			}
+		},
+		yAxis: {
+			type: "value",
+			min: (e) => (r = e.min < 0 ? c(e.min) : 0, r),
+			max: (e) => (i = e.max <= 0 ? 1 : c(e.max), i),
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			splitLine: {
+				show: !0,
+				lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
+			},
+			axisLabel: {
+				...l(e),
+				margin: parseInt(e.spacing(1)),
+				show: !0,
+				showMaxLabel: !0,
+				showMinLabel: !0,
+				verticalAlign: "bottom",
+				inside: !0,
+				formatter: (e) => e !== i && e !== r || e === 0 ? "" : t ? t(e) : String(e)
+			}
+		}
+	};
 }
-function Oe(e) {
-  const {
-    theme: n,
-    formatter: o,
-    labelFormatter: l,
-    optionsOverride: a
-  } = e, r = e.series, p = e.smooth ?? !0, g = e.area ?? !1, c = e.selection, s = c && c.length > 0 ? new Set(c) : null, m = (t) => t instanceof Date ? t.getTime() : t;
-  return (t, x, Z) => {
-    if (t == null) {
-      const i = ee({
-        theme: n,
-        formatter: o,
-        labelFormatter: l
-      });
-      return a ? V(i, a) : i;
-    }
-    const w = Array.isArray(x) ? x : [];
-    if (w.length === 0)
-      return {
-        ...t,
-        dataset: [],
-        series: []
-      };
-    const L = w.length > 1, j = Array.isArray(t.series) ? t.series : [], F = j[0] ?? {}, v = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, k = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, P = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, $ = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, T = Z?.formatter;
-    let I = 0, C = 1;
-    const D = J(t.dataZoom, L), E = typeof k.bottom == "number" ? k.bottom : 24, B = L ? 56 : E, G = D ? B + _.sliderHeight + _.sliderGap : B, K = {
-      color: (i) => {
-        const h = i.value?.name, f = i.color;
-        return !s || h == null || s.has(m(h)) ? f : R.color.modifyAlpha(f, 0.15);
-      }
-    };
-    return {
-      ...t,
-      dataset: w.map((i) => ({
-        source: i
-      })),
-      series: w.map((i, d) => {
-        const h = j[d] ?? F, f = W(n, r?.[d]?.color);
-        return {
-          ...typeof h == "object" ? h : {},
-          type: "line",
-          datasetIndex: d,
-          name: r?.[d]?.name ?? `Series ${d + 1}`,
-          encode: {
-            x: "name",
-            y: "value"
-          },
-          smooth: p,
-          // When a selection is active, surface markers so the per-point
-          // color callback has something to dim — a continuous line would
-          // hide the visual selection feedback.
-          showSymbol: s != null,
-          ...g ? {
-            areaStyle: {}
-          } : {},
-          emphasis: {
-            focus: "series"
-          },
-          itemStyle: K,
-          ...f ? {
-            color: f,
-            lineStyle: {
-              color: f
-            }
-          } : {}
-        };
-      }),
-      legend: {
-        ...$,
-        show: L
-      },
-      grid: {
-        ...k,
-        bottom: G
-      },
-      ...D ? {
-        dataZoom: D
-      } : {},
-      yAxis: {
-        ...v,
-        min: (i) => (I = i.min < 0 ? S(i.min) : 0, I),
-        max: (i) => (C = i.max <= 0 ? 1 : S(i.max), C),
-        axisLabel: {
-          ...v.axisLabel ?? {},
-          formatter: (i) => i !== C && i !== I || i === 0 ? "" : T ? T(i) : String(i)
-        }
-      },
-      tooltip: {
-        ...P,
-        formatter: N(T, l)
-      }
-    };
-  };
+function y(t) {
+	let { theme: n, formatter: o, labelFormatter: s, optionsOverride: l } = t, u = t.series, d = t.smooth ?? !0, f = t.area ?? !1, p = t.selection, m = p && p.length > 0 ? new Set(p) : null, h = (e) => e instanceof Date ? e.getTime() : e;
+	return (t, p, g) => {
+		if (t == null) {
+			let e = v({
+				theme: n,
+				formatter: o,
+				labelFormatter: s
+			});
+			return l ? i(e, l) : e;
+		}
+		let y = Array.isArray(p) ? p : [];
+		if (y.length === 0) return {
+			...t,
+			dataset: [],
+			series: []
+		};
+		let x = y.length > 1, S = Array.isArray(t.series) ? t.series : [], C = S[0] ?? {}, w = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, T = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, E = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, D = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, O = g?.formatter, k = 0, A = 1, j = r(t.dataZoom, x), M = typeof T.bottom == "number" ? T.bottom : 24, N = x ? 56 : M, P = j ? N + e.sliderHeight + e.sliderGap : N, F = { color: (e) => {
+			let t = e.value?.name, n = e.color;
+			return !m || t == null || m.has(h(t)) ? n : _.color.modifyAlpha(n, .15);
+		} };
+		return {
+			...t,
+			dataset: y.map((e) => ({ source: e })),
+			series: y.map((e, t) => {
+				let r = S[t] ?? C, i = a(n, u?.[t]?.color);
+				return {
+					...typeof r == "object" ? r : {},
+					type: "line",
+					datasetIndex: t,
+					name: u?.[t]?.name ?? `Series ${t + 1}`,
+					encode: {
+						x: "name",
+						y: "value"
+					},
+					smooth: d,
+					showSymbol: m != null,
+					...f ? { areaStyle: {} } : {},
+					emphasis: { focus: "series" },
+					itemStyle: F,
+					...i ? {
+						color: i,
+						lineStyle: { color: i }
+					} : {}
+				};
+			}),
+			legend: {
+				...D,
+				show: x
+			},
+			grid: {
+				...T,
+				bottom: P
+			},
+			...j ? { dataZoom: j } : {},
+			yAxis: {
+				...w,
+				min: (e) => (k = e.min < 0 ? c(e.min) : 0, k),
+				max: (e) => (A = e.max <= 0 ? 1 : c(e.max), A),
+				axisLabel: {
+					...w.axisLabel ?? {},
+					formatter: (e) => e !== A && e !== k || e === 0 ? "" : O ? O(e) : String(e)
+				}
+			},
+			tooltip: {
+				...E,
+				formatter: b(O, s)
+			}
+		};
+	};
 }
-function N(e, n) {
-  return H((o) => {
-    const l = o.value, a = l?.value, r = typeof a == "number" && e ? e(a) : a ?? "", p = typeof o.marker == "string" ? o.marker : "", g = o.seriesName ? `${o.seriesName}: ` : "", c = l?.name ?? o.name, s = n && c != null ? n(c instanceof Date ? c : new Date(c)) : c ?? "";
-    return {
-      name: String(s),
-      seriesName: g,
-      marker: p,
-      value: r
-    };
-  });
+function b(e, t) {
+	return d((n) => {
+		let r = n.value, i = r?.value, a = typeof i == "number" && e ? e(i) : i ?? "", o = typeof n.marker == "string" ? n.marker : "", s = n.seriesName ? `${n.seriesName}: ` : "", c = r?.name ?? n.name, l = t && c != null ? t(c instanceof Date ? c : new Date(c)) : c ?? "";
+		return {
+			name: String(l),
+			seriesName: s,
+			marker: o,
+			value: a
+		};
+	});
 }
-const u = {
-  container: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "space-between",
-    gap: ({
-      spacing: e
-    }) => e(1),
-    height: ({
-      spacing: e
-    }) => e(38)
-  },
-  graph: {
-    position: "relative",
-    flex: "1 1 auto",
-    width: "100%"
-  },
-  segmentA: {
-    position: "absolute",
-    left: 0,
-    right: "70%",
-    top: "60%",
-    height: 4
-  },
-  segmentB: {
-    position: "absolute",
-    left: "25%",
-    right: "40%",
-    top: "35%",
-    height: 4
-  },
-  segmentC: {
-    position: "absolute",
-    left: "55%",
-    right: 0,
-    top: "50%",
-    height: 4
-  },
-  legend: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: e
-    }) => e(2),
-    height: ({
-      spacing: e
-    }) => e(5)
-  },
-  legendItem: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: e
-    }) => e(1.5)
-  }
+//#endregion
+//#region src/widgets-v2/timeseries/skeleton.tsx
+var x = {
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "space-between",
+		gap: ({ spacing: e }) => e(1),
+		height: ({ spacing: e }) => e(38)
+	},
+	graph: {
+		position: "relative",
+		flex: "1 1 auto",
+		width: "100%"
+	},
+	segmentA: {
+		position: "absolute",
+		left: 0,
+		right: "70%",
+		top: "60%",
+		height: 4
+	},
+	segmentB: {
+		position: "absolute",
+		left: "25%",
+		right: "40%",
+		top: "35%",
+		height: 4
+	},
+	segmentC: {
+		position: "absolute",
+		left: "55%",
+		right: 0,
+		top: "50%",
+		height: 4
+	},
+	legend: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(2),
+		height: ({ spacing: e }) => e(5)
+	},
+	legendItem: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(1.5)
+	}
 };
-function je() {
-  const e = U(2);
-  let n;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ O(A, { sx: u.graph, children: [
-    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentA }),
-    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentB }),
-    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentC })
-  ] }), e[0] = n) : n = e[0];
-  let o;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ O(A, { sx: u.container, children: [
-    n,
-    /* @__PURE__ */ y(A, { sx: u.legend, children: [0, 1].map(te) })
-  ] }), e[1] = o) : o = e[1], o;
+function S() {
+	let e = f(2), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ g(p, {
+		sx: x.graph,
+		children: [
+			/* @__PURE__ */ h(m, {
+				variant: "rectangular",
+				sx: x.segmentA
+			}),
+			/* @__PURE__ */ h(m, {
+				variant: "rectangular",
+				sx: x.segmentB
+			}),
+			/* @__PURE__ */ h(m, {
+				variant: "rectangular",
+				sx: x.segmentC
+			})
+		]
+	}), e[0] = t) : t = e[0];
+	let n;
+	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ g(p, {
+		sx: x.container,
+		children: [t, /* @__PURE__ */ h(p, {
+			sx: x.legend,
+			children: [0, 1].map(C)
+		})]
+	}), e[1] = n) : n = e[1], n;
 }
-function te(e) {
-  return /* @__PURE__ */ O(A, { sx: u.legendItem, children: [
-    /* @__PURE__ */ y(b, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ y(b, { width: 48, height: 8 })
-  ] }, `legend-${e}`);
+function C(e) {
+	return /* @__PURE__ */ g(p, {
+		sx: x.legendItem,
+		children: [/* @__PURE__ */ h(m, {
+			variant: "circular",
+			width: 8,
+			height: 8
+		}), /* @__PURE__ */ h(m, {
+			width: 48,
+			height: 8
+		})]
+	}, `legend-${e}`);
 }
-function ve(e) {
-  const n = [];
-  return e.getCaptureEl && n.push(Q({
-    filename: e.filename,
-    getCaptureEl: e.getCaptureEl,
-    pixelRatio: e.pngPixelRatio,
-    backgroundColor: e.pngBackgroundColor
-  })), n.push(X({
-    filename: e.filename,
-    getRows: () => {
-      const o = e.getData(), l = o.length, a = [], r = /* @__PURE__ */ new Set();
-      for (const s of o)
-        for (const m of s) {
-          const t = String(m.name);
-          r.has(t) || (r.add(t), a.push(m.name));
-        }
-      const p = o.map((s) => new Map(s.map((m) => [String(m.name), m.value]))), g = ["time"];
-      for (let s = 0; s < l; s++)
-        g.push(e.seriesNames?.[s] ?? `series_${s + 1}`);
-      const c = [g];
-      for (const s of a) {
-        const m = [re(s)], t = String(s);
-        for (const x of p) m.push(x.get(t) ?? "");
-        c.push(m);
-      }
-      return c;
-    }
-  })), n;
+//#endregion
+//#region src/widgets-v2/timeseries/download.ts
+function w(e) {
+	let r = [];
+	return e.getCaptureEl && r.push(t({
+		filename: e.filename,
+		getCaptureEl: e.getCaptureEl,
+		pixelRatio: e.pngPixelRatio,
+		backgroundColor: e.pngBackgroundColor
+	})), r.push(n({
+		filename: e.filename,
+		getRows: () => {
+			let t = e.getData(), n = t.length, r = [], i = /* @__PURE__ */ new Set();
+			for (let e of t) for (let t of e) {
+				let e = String(t.name);
+				i.has(e) || (i.add(e), r.push(t.name));
+			}
+			let a = t.map((e) => new Map(e.map((e) => [String(e.name), e.value]))), o = ["time"];
+			for (let t = 0; t < n; t++) o.push(e.seriesNames?.[t] ?? `series_${t + 1}`);
+			let s = [o];
+			for (let e of r) {
+				let t = [T(e)], n = String(e);
+				for (let e of a) t.push(e.get(n) ?? "");
+				s.push(t);
+			}
+			return s;
+		}
+	})), r;
 }
-function re(e) {
-  return e instanceof Date ? e.toISOString() : typeof e == "number" ? new Date(e).toISOString() : e;
+function T(e) {
+	return e instanceof Date ? e.toISOString() : typeof e == "number" ? new Date(e).toISOString() : e;
 }
-function Be(e, n) {
-  if (n.length === 0 || !Array.isArray(e)) return e;
-  const o = new Set(n);
-  return e.map((l) => Array.isArray(l) ? l.filter((a) => {
-    if (a == null || typeof a != "object" || !("name" in a))
-      return !1;
-    const r = a.name, p = r instanceof Date ? r.getTime() : r;
-    return (typeof p == "string" || typeof p == "number") && o.has(p);
-  }) : l);
+//#endregion
+//#region src/widgets-v2/timeseries/transforms.ts
+function E(e, t) {
+	if (t.length === 0 || !Array.isArray(e)) return e;
+	let n = new Set(t);
+	return e.map((e) => Array.isArray(e) ? e.filter((e) => {
+		if (typeof e != "object" || !e || !("name" in e)) return !1;
+		let t = e.name, r = t instanceof Date ? t.getTime() : t;
+		return (typeof r == "string" || typeof r == "number") && n.has(r);
+	}) : e);
 }
-export {
-  je as TimeseriesSkeleton,
-  ve as createTimeseriesDownloadConfig,
-  Oe as createTimeseriesOptionFactory,
-  Be as filterTimeseriesByLockedItems,
-  ee as timeseriesOptions
-};
-//# sourceMappingURL=timeseries.js.map
+//#endregion
+export { S as TimeseriesSkeleton, w as createTimeseriesDownloadConfig, y as createTimeseriesOptionFactory, E as filterTimeseriesByLockedItems, v as timeseriesOptions };
+
+//# sourceMappingURL=timeseries.js.map