@carto/ps-react-ui 5.3.0 → 6.1.0

package/dist/widgets/timeseries.js

@@ -1,180 +1,288 @@
-import { a as e } from "../shared-resize-observer-BEiP2rQt.js";
-import { t } from "../csv-modifiers-D6HGC24b.js";
-import { a as n, c as r, n as i, r as a, s as o, t as s, u as c } from "../chart-config-B_fdIcD3.js";
-import { t as l } from "../echart-BkaV3V5G.js";
-import { t as u } from "../styles-Y-qGBELO.js";
-import { c as d } from "react/compiler-runtime";
-import { Box as f, Skeleton as p } from "@mui/material";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/widgets/timeseries/config.ts
-var g = s(t);
-function _(t) {
+import { r as e } from "../zoom-toggle-MmLjMTEw.js";
+import { n as t, t as n } from "../download-B4sykOFm.js";
+import { n as r, r as i, t as a } from "../utils-C-eWwOhE.js";
+import { a as o, n as s, o as c, r as l, s as u, t as d } from "../option-builders-DQivvvbb.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/timeseries/options.ts
+function v({ theme: e, formatter: t, labelFormatter: n }) {
+	let r = 0, i = 1;
 	return {
-		type: "timeseries",
-		option: e(l(t), v(t)),
-		formatter: t.formatter,
-		labelFormatter: t.labelFormatter
-	};
-}
-function v({ data: e = [], theme: t, formatter: s, labelFormatter: l }) {
-	let u = (e?.length ?? 0) > 1, d = {
-		type: "value",
-		axisLabel: {
-			margin: 0,
-			padding: [
-				0,
-				parseInt(t.spacing(.75)),
-				parseInt(t.spacing(1.25)),
-				-parseInt(t.spacing(1))
-			],
-			show: !0,
-			showMaxLabel: !0,
-			showMinLabel: !1,
-			verticalAlign: "bottom"
-		},
-		axisLine: { show: !1 },
-		axisTick: { show: !1 },
-		splitLine: {
-			show: !0,
-			lineStyle: { color: t.palette.black[4] }
-		}
-	};
-	return {
-		legend: o({
-			hasLegend: u,
-			labelFormatter: l
-		}),
 		grid: {
-			...n(u, t),
-			outerBounds: {
-				left: parseInt(t.spacing(3)),
-				right: parseInt(t.spacing(1)),
-				top: parseInt(t.spacing(2))
+			left: parseInt(e.spacing(1)),
+			top: parseInt(e.spacing(3)),
+			right: parseInt(e.spacing(1)),
+			...s(!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: c(e),
+			formatter: b(t, n)
+		},
+		legend: { ...l({ 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: {
+				...d(e),
+				padding: [
+					parseInt(e.spacing(.5)),
+					0,
+					0,
+					0
+				],
+				margin: 0,
+				hideOverlap: !0,
+				...n && { formatter: (e) => n(new Date(e)) }
 			}
 		},
-		xAxis: i({
-			type: "category",
-			axisTick: { alignWithLabel: !0 },
+		yAxis: {
+			type: "value",
+			min: (e) => (r = e.min < 0 ? u(e.min) : 0, r),
+			max: (e) => (i = e.max <= 0 ? 1 : u(e.max), i),
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			splitLine: {
+				show: !0,
+				lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
+			},
 			axisLabel: {
+				...d(e),
+				margin: parseInt(e.spacing(1)),
 				show: !0,
 				showMaxLabel: !0,
 				showMinLabel: !0,
-				rotate: 45
+				verticalAlign: "bottom",
+				inside: !0,
+				formatter: (e) => e !== i && e !== r || e === 0 ? "" : t ? t(e) : String(e)
+			}
+		}
+	};
+}
+function y(t) {
+	let { theme: n, formatter: o, labelFormatter: s, optionsOverride: c } = t, l = 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 c ? i(e, c) : 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, l?.[t]?.color);
+				return {
+					...typeof r == "object" ? r : {},
+					type: "line",
+					datasetIndex: t,
+					name: l?.[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 ? u(e.min) : 0, k),
+				max: (e) => (A = e.max <= 0 ? 1 : u(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)
 			}
-		}, l),
-		yAxis: a(d, s),
-		tooltip: { formatter: c((e) => {
-			let t = e.value[e.dimensionNames?.[e.encode?.y?.at(0) ?? 1] ?? ""], n = typeof t == "number" && s ? s(t) : t ?? "", r = typeof e.marker == "string" ? e.marker : "", i = e.seriesName ? `${e.seriesName}: ` : "";
-			return {
-				name: l ? String(l(e.name ?? "")) : e.name ?? "",
-				seriesName: i,
-				marker: r,
-				value: n
-			};
-		}) },
-		color: Object.values(t.palette.qualitative.bold),
-		series: e.map((e, t) => ({
-			datasetIndex: t,
-			type: "line",
-			smooth: !0,
-			emphasis: { focus: "series" },
-			...r(s)
-		}))
+		};
 	};
 }
+function b(e, t) {
+	return o((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
+		};
+	});
+}
 //#endregion
-//#region src/widgets/timeseries/style.ts
-var y = { skeleton: {
+//#region src/widgets/timeseries/skeleton.tsx
+var x = {
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "space-between",
+		gap: ({ spacing: e }) => e(1),
+		height: ({ spacing: e }) => e(38)
+	},
 	graph: {
-		container: {
-			...u.graph.container,
-			position: "relative"
-		},
-		grid: {
-			display: "flex",
-			justifyContent: "space-between",
-			flex: "1 1 auto",
-			alignItems: "flex-end",
-			width: "100%"
-		}
+		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
 	},
-	histogram: { item: {
-		flex: 1,
-		maxWidth: ({ spacing: e }) => e(8),
-		"& + &": { marginLeft: "1px" }
-	} },
 	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/timeseries/skeleton.tsx
-function b() {
-	let e = d(2), t;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ h(f, {
-		sx: y.skeleton.graph.grid,
+};
+function S() {
+	let e = f(2), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ g(p, {
+		sx: x.graph,
 		children: [
-			/* @__PURE__ */ m(p, {
-				sx: y.skeleton.histogram.item,
-				variant: "rectangular",
-				height: "20%"
-			}),
-			/* @__PURE__ */ m(p, {
-				sx: y.skeleton.histogram.item,
+			/* @__PURE__ */ h(m, {
 				variant: "rectangular",
-				height: "40%"
+				sx: x.segmentA
 			}),
-			/* @__PURE__ */ m(p, {
-				sx: y.skeleton.histogram.item,
+			/* @__PURE__ */ h(m, {
 				variant: "rectangular",
-				height: "60%"
+				sx: x.segmentB
 			}),
-			/* @__PURE__ */ m(p, {
-				sx: y.skeleton.histogram.item,
+			/* @__PURE__ */ h(m, {
 				variant: "rectangular",
-				height: "20%"
-			}),
-			/* @__PURE__ */ m(p, {
-				sx: y.skeleton.histogram.item,
-				variant: "rectangular",
-				height: "80%"
+				sx: x.segmentC
 			})
 		]
 	}), e[0] = t) : t = e[0];
 	let n;
-	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ h(f, {
-		sx: y.skeleton.graph.container,
-		children: [t, /* @__PURE__ */ m(f, {
-			sx: y.skeleton.legend,
-			children: [, ,].fill(0).map(x)
+	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 x(e, t) {
-	return /* @__PURE__ */ h(f, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: S
-		},
-		children: [/* @__PURE__ */ m(p, {
+function C(e) {
+	return /* @__PURE__ */ g(p, {
+		sx: x.legendItem,
+		children: [/* @__PURE__ */ h(m, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ m(p, {
+		}), /* @__PURE__ */ h(m, {
 			width: 48,
 			height: 8
 		})]
-	}, `skeleton-${t}`);
+	}, `legend-${e}`);
+}
+//#endregion
+//#region src/widgets/timeseries/download.ts
+function w(e) {
+	return n(e, t({
+		filename: e.filename,
+		getRows: (t) => {
+			let n = e.getData(t), r = n.length, i = [], a = /* @__PURE__ */ new Set();
+			for (let e of n) for (let t of e) {
+				let e = String(t.name);
+				a.has(e) || (a.add(e), i.push(t.name));
+			}
+			let o = n.map((e) => new Map(e.map((e) => [String(e.name), e.value]))), s = ["time"];
+			for (let t = 0; t < r; t++) s.push(e.seriesNames?.[t] ?? `series_${t + 1}`);
+			let c = [s];
+			for (let e of i) {
+				let t = [T(e)], n = String(e);
+				for (let e of o) t.push(e.get(n) ?? "");
+				c.push(t);
+			}
+			return c;
+		}
+	}));
 }
-function S(e) {
-	let { spacing: t } = e;
-	return t(1.5);
+function T(e) {
+	return e instanceof Date ? e.toISOString() : typeof e == "number" ? new Date(e).toISOString() : e;
+}
+//#endregion
+//#region src/widgets/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);
 }
 //#endregion
-export { b as TimeseriesSkeleton, _ as timeseriesConfig, g as timeseriesDownloadConfig };
+export { S as TimeseriesSkeleton, w as createTimeseriesDownloadConfig, y as createTimeseriesOptionFactory, E as filterTimeseriesByLockedItems, v as timeseriesOptions };
 
 //# sourceMappingURL=timeseries.js.map

package/dist/widgets/timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeseries.js","names":["<Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>","<Box sx={styles.skeleton.graph.container}>\n      {/* Timeseries bar */}\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>","(_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          )","({ spacing }) => spacing(1.5)","{ spacing }"],"sources":["../../src/widgets/timeseries/config.ts","../../src/widgets/timeseries/style.ts","../../src/widgets/timeseries/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  TimeseriesConfig,\n  TimeseriesWidgetConfig,\n  TimeseriesWidgetData,\n} from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const timeseriesDownloadConfig =\n  createChartDownloadConfig<TimeseriesWidgetData>(flattenObjectArrayToCSV)\n\n/**\n * Generates ECharts configuration for line and area chart widgets over time, with smooth curves, rotated axis labels, and CARTO qualitative color palette.\n *\n * @param props - Timeseries configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function timeseriesConfig(\n  props: TimeseriesConfig,\n): TimeseriesWidgetConfig {\n  return {\n    type: 'timeseries',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: TimeseriesConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      margin: 0,\n      padding: [\n        0,\n        parseInt(theme.spacing(0.75)),\n        parseInt(theme.spacing(1.25)),\n        -parseInt(theme.spacing(1)),\n      ],\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      verticalAlign: 'bottom' as const,\n    },\n    axisLine: {\n      show: false,\n    },\n    axisTick: {\n      show: false,\n    },\n    splitLine: {\n      show: true,\n      lineStyle: {\n        color: theme.palette.black[4],\n      },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      outerBounds: {\n        left: parseInt(theme.spacing(3)),\n        right: parseInt(theme.spacing(1)),\n        top: parseInt(theme.spacing(2)),\n      },\n    },\n    xAxis: applyXAxisFormatter(\n      {\n        type: 'category',\n        axisTick: {\n          alignWithLabel: true,\n        },\n        axisLabel: {\n          show: true,\n          showMaxLabel: true,\n          showMinLabel: true,\n          rotate: 45,\n        },\n      },\n      labelFormatter,\n    ),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.dimensionNames?.[item.encode?.y?.at(0) ?? 1]\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.name ?? ''))\n          : (item.name ?? '')\n\n        return { name, seriesName, marker, value: formattedValue }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'line',\n      smooth: true,\n      emphasis: {\n        focus: 'series',\n      },\n      ...buildSeriesLabelConfig(formatter),\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    histogram: {\n      item: {\n        flex: 1,\n        maxWidth: ({ spacing }) => spacing(8),\n\n        '& + &': {\n          marginLeft: '1px',\n        },\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {/* Timeseries bar */}\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"timeseries.js","names":["<Box sx={styles.graph}>\n        <Skeleton variant='rectangular' sx={styles.segmentA} />\n        <Skeleton variant='rectangular' sx={styles.segmentB} />\n        <Skeleton variant='rectangular' sx={styles.segmentC} />\n      </Box>","<Box sx={styles.container}>\n      <Box sx={styles.graph}>\n        <Skeleton variant='rectangular' sx={styles.segmentA} />\n        <Skeleton variant='rectangular' sx={styles.segmentB} />\n        <Skeleton variant='rectangular' sx={styles.segmentC} />\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>","(i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        )"],"sources":["../../src/widgets/timeseries/options.ts","../../src/widgets/timeseries/skeleton.tsx","../../src/widgets/timeseries/download.ts","../../src/widgets/timeseries/transforms.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../utils/option-builders'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n  TimeseriesEChartsOption,\n  TimeseriesOptionFactoryInput,\n  TimeseriesOptionsInput,\n  TimeseriesWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a timeseries widget —\n * time x-axis, value y-axis, themed tooltip, themed legend, CARTO color\n * palette. Mirrors {@link import('../bar/options').barOptions} so all\n * four ECharts widgets share v1 look-and-feel.\n *\n * Intentional deviations from bar (timeseries-specific):\n *   - **X-axis is `type: 'time'`** (not 'category'). ECharts handles\n *     uneven sample spacing and zoom-level-aware label formatting.\n *     `labelFormatter` is wrapped so the consumer sees a `Date`, not\n *     a numeric timestamp.\n *   - **Tooltip body reads `{ name, value }` rows**, same as bar, but\n *     the `name` may arrive as `Date | number | string`. The\n *     `labelFormatter` receives a `Date` regardless.\n *\n * Intentionally data-agnostic: no series, no dataset, no `legend.show`\n * (those depend on data and are added by the option factory's merge\n * phase via {@link createTimeseriesOptionFactory}).\n */\nexport function timeseriesOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: TimeseriesOptionsInput): TimeseriesEChartsOption {\n  // Closure shared between yAxis min/max callbacks and the label formatter,\n  // so only the rounded extents are labelled (matches v1 + bar).\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps this when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      trigger: 'axis',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      axisPointer: { type: 'line' },\n      position: createTooltipPositioner(theme),\n      formatter: buildTimeseriesTooltipFormatter(formatter, labelFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'time',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        margin: 0,\n        hideOverlap: true,\n        ...(labelFormatter && {\n          formatter: (value: number) => labelFormatter(new Date(value)),\n        }),\n      },\n    },\n    yAxis: {\n      type: 'value',\n      min: (extent: { min: number }) => {\n        niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n        return niceMin\n      },\n      max: (extent: { min: number; max: number }) => {\n        niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n        return niceMax\n      },\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom',\n        inside: true,\n        formatter: (value: number) => {\n          if (value !== niceMax && value !== niceMin) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\n      },\n    },\n  } as TimeseriesEChartsOption\n}\n\n/**\n * Returns the timeseries widget's {@link OptionFactory} — one closure\n * that owns BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link timeseriesOptions}, optionally merging\n *     the consumer-supplied `optionsOverride`. Called once by Provider to\n *     seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`TimeseriesWidgetData`) into the option via the dataset API: one\n *     dataset per series, each series referencing its dataset by index,\n *     encoded by `name` (x — time) and `value` (y). Mirrors {@link import('../bar/options').createBarOptionFactory}:\n *     series-template merge for `addStack`, reactive formatters from\n *     `ctx`, `niceNum`-rounded y-axis bounds at fusion time, and\n *     `positionDataZoomForLegend` layout for ZoomToggle sliders.\n */\nexport function createTimeseriesOptionFactory(\n  options: TimeseriesOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride } = options\n  const series = options.series\n  const smooth = options.smooth ?? true\n  const area = options.area ?? false\n  const selection = options.selection\n  const selectionSet =\n    selection && selection.length > 0\n      ? new Set<string | number>(selection)\n      : null\n  // `name` may be Date | number | string. Normalize to the same type the\n  // selection is keyed on (Date → ms) so Set lookups match.\n  const normalizeName = (n: Date | number | string): string | number =>\n    n instanceof Date ? n.getTime() : n\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = timeseriesOptions({ theme, formatter, labelFormatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr = Array.isArray(data) ? (data as TimeseriesWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\n    const seriesTemplates = Array.isArray(option.series) ? option.series : []\n    const broadcastTemplate = seriesTemplates[0] ?? {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n    const baseGrid =\n      typeof option.grid === 'object' && !Array.isArray(option.grid)\n        ? option.grid\n        : {}\n    const baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseLegend =\n      typeof option.legend === 'object' && !Array.isArray(option.legend)\n        ? option.legend\n        : {}\n\n    // Reactive (live store) formatter from ctx — distinct from the\n    // closure-time `formatter` captured for the structural-build branch\n    // above. RelativeData can install a percent formatter on the store\n    // after the factory was constructed; the merge phase reads `ctx` to\n    // pick that up. `labelFormatter` (Date → string) is structural-only —\n    // not relativizable — so the merge branch reads the closure-time value.\n    const liveFormatter = ctx?.formatter\n\n    // Closure shared between the yAxis min/max callbacks and the label\n    // formatter, so only the rounded extents are labelled (matches v1 +\n    // bar). Delegating the extent to ECharts (rather than precomputing\n    // scalars from the raw data) keeps stacked lines inside the plot: when\n    // StackToggle marks the series, ECharts feeds the *post-stack* extent\n    // to these callbacks, so `niceNum` rounds the stacked total.\n    let niceMin = 0\n    let niceMax = 1\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push the\n    // slider above the legend (if any) and reserve room in the grid below.\n    const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = dataZoomLayout\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n\n    // Dim non-selected points via `series.itemStyle.color`. Per-row\n    // `itemStyle` on dataset object-rows is silently ignored when\n    // `series.encode` is in play.\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and points would stay dimmed forever after an external clear.\n    // Always emitting lets normal merge swap the callback in place, no\n    // `replaceMerge` and no entry-animation flash on selection on/off.\n    const dimItemStyle = {\n      color: (params: CallbackDataParams) => {\n        const datum = params.value as\n          { name?: Date | number | string } | undefined\n        const raw = datum?.name\n        const base = params.color as string\n        if (!selectionSet || raw == null) return base\n        return selectionSet.has(normalizeName(raw))\n          ? base\n          : echarts.color.modifyAlpha(base, 0.15)\n      },\n    }\n\n    return {\n      ...option,\n      dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n      series: seriesArr.map((_, i) => {\n        const template =\n          (seriesTemplates[i] as object | undefined) ??\n          (broadcastTemplate as object)\n        // For line series, set BOTH `series[i].color` (legend swatch +\n        // markers) AND `series[i].lineStyle.color` (the line itself) so\n        // the override paints everywhere a series has a colour slot.\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          ...(typeof template === 'object' ? template : {}),\n          type: 'line' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 'name', y: 'value' },\n          smooth,\n          // When a selection is active, surface markers so the per-point\n          // color callback has something to dim — a continuous line would\n          // hide the visual selection feedback.\n          showSymbol: selectionSet != null,\n          ...(area ? { areaStyle: {} } : {}),\n          emphasis: { focus: 'series' },\n          itemStyle: dimItemStyle,\n          ...(overrideColor\n            ? { color: overrideColor, lineStyle: { color: overrideColor } }\n            : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: { ...baseGrid, bottom: gridBottom },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n      yAxis: {\n        ...baseYAxis,\n        min: (extent: { min: number }) => {\n          niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n          return niceMin\n        },\n        max: (extent: { min: number; max: number }) => {\n          niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n          return niceMax\n        },\n        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          formatter: (value: number) => {\n            if (value !== niceMax && value !== niceMin) return ''\n            if (value === 0) return ''\n            return liveFormatter ? liveFormatter(value) : String(value)\n          },\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        formatter: buildTimeseriesTooltipFormatter(\n          liveFormatter,\n          labelFormatter,\n        ),\n      },\n    } as EChartsOption\n  }\n}\n\n/**\n * Tooltip formatter for the timeseries `{ name, value }` row shape.\n * `name` arrives as `Date | number | string` (the time-axis stores the\n * raw value the consumer supplied). The consumer's `labelFormatter`\n * expects a `Date`, so we coerce non-Date values via `new Date(...)`\n * before invoking it.\n */\nfunction buildTimeseriesTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: Date) => string) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const row = item.value as\n      { name?: Date | number | string; value?: number } | undefined\n    const raw = row?.value\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const rawName = row?.name ?? item.name\n    const name =\n      labelFormatter && rawName != null\n        ? labelFormatter(rawName instanceof Date ? rawName : new Date(rawName))\n        : (rawName ?? '')\n    return { name: String(name), seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  graph: {\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n  },\n  segmentA: {\n    position: 'absolute',\n    left: 0,\n    right: '70%',\n    top: '60%',\n    height: 4,\n  },\n  segmentB: {\n    position: 'absolute',\n    left: '25%',\n    right: '40%',\n    top: '35%',\n    height: 4,\n  },\n  segmentC: {\n    position: 'absolute',\n    left: '55%',\n    right: 0,\n    top: '50%',\n    height: 4,\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\n/**\n * Loading state for the Timeseries widget. Mirrors a line chart's\n * silhouette — three thin horizontal segments at staggered offsets to\n * suggest a moving line, plus a 2-dot legend stub. Sibling-consistent\n * with Bar / Histogram / Scatter skeletons (column-flex container with\n * legend strip below).\n */\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.graph}>\n        <Skeleton variant='rectangular' sx={styles.segmentA} />\n        <Skeleton variant='rectangular' sx={styles.segmentB} />\n        <Skeleton variant='rectangular' sx={styles.segmentC} />\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  withPngItem,\n  type DownloadItem,\n  type WidgetDownloadArgs,\n} from '../actions/download'\nimport type { TimeseriesWidgetData } from './types'\n\n/**\n * Download menu items for the Timeseries widget. Always includes a CSV item\n * with `time, series_1, series_2, …` columns (one row per unique time across\n * all series; ISO-8601 strings for `Date`/numeric times). When\n * `getCaptureEl` is given, prepends a PNG item that rasterises the captured\n * element via `html2canvas`.\n */\nexport function createTimeseriesDownloadConfig(\n  args: WidgetDownloadArgs<TimeseriesWidgetData> & {\n    seriesNames?: readonly string[]\n  },\n): DownloadItem[] {\n  return withPngItem(\n    args,\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: (ctx) => {\n        const data = args.getData(ctx)\n        const seriesCount = data.length\n\n        // Collect every unique time, preserving insertion order.\n        const timeKeys: (Date | number | string)[] = []\n        const seenKeys = new Set<string>()\n        for (const series of data) {\n          for (const point of series) {\n            const key = String(point.name)\n            if (!seenKeys.has(key)) {\n              seenKeys.add(key)\n              timeKeys.push(point.name)\n            }\n          }\n        }\n\n        // Build a quick lookup per series for O(rows × series) emit.\n        const lookups = data.map(\n          (series) => new Map(series.map((p) => [String(p.name), p.value])),\n        )\n\n        const header: unknown[] = ['time']\n        for (let i = 0; i < seriesCount; i++) {\n          header.push(args.seriesNames?.[i] ?? `series_${i + 1}`)\n        }\n        const rows: unknown[][] = [header]\n        for (const key of timeKeys) {\n          const row: unknown[] = [formatTime(key)]\n          const lookupKey = String(key)\n          for (const lookup of lookups) row.push(lookup.get(lookupKey) ?? '')\n          rows.push(row)\n        }\n\n        return rows\n      },\n    }),\n  )\n}\n\nfunction formatTime(v: Date | number | string): string {\n  if (v instanceof Date) return v.toISOString()\n  if (typeof v === 'number') return new Date(v).toISOString()\n  return v\n}\n","/**\n * `LockSelection` filter for Timeseries. Data is `{name, value}[][]` like\n * Bar/Pie/Category, but `name` may arrive as `Date | number | string` (the\n * time axis stores a `Date`). `lockedItems` is snapshotted from `selection`,\n * whose keys are already normalized to `Date → ms` (see `options.ts`'s\n * `normalizeName`) — so a raw `Date` name must be normalized the same way\n * before the membership check, or every point would compare a `Date` object\n * against a `number` and silently fail to match, filtering everything out.\n */\nexport function filterTimeseriesByLockedItems(\n  input: unknown,\n  lockedItems: readonly (string | number)[],\n): unknown {\n  if (lockedItems.length === 0) return input\n  if (!Array.isArray(input)) return input\n  const locked = new Set<string | number>(lockedItems)\n  return input.map((series: unknown): unknown => {\n    if (!Array.isArray(series)) return series\n    return series.filter((item: unknown) => {\n      if (item == null || typeof item !== 'object' || !('name' in item)) {\n        return false\n      }\n      const raw = (item as { name: unknown }).name\n      const name = raw instanceof Date ? raw.getTime() : raw\n      return (\n        (typeof name === 'string' || typeof name === 'number') &&\n        locked.has(name)\n      )\n    })\n  })\n}\n"],"mappings":"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"}

package/dist/widgets/utils.js

@@ -1,18 +1,2 @@
-import { n as e, t } from "../formatter-wVO81tYk.js";
-import { n, t as r } from "../csv-modifiers-D6HGC24b.js";
-import { a as i, d as a, f as o, l as s, n as c, r as l, s as u, t as d, u as f } from "../chart-config-B_fdIcD3.js";
-import { t as p } from "../styles-Y-qGBELO.js";
-//#region src/widgets/utils/chart-config/config-factory.ts
-function m({ type: e, getOptions: t }) {
-	return function(n) {
-		return {
-			...n,
-			option: t(n),
-			type: e
-		};
-	};
-}
-//#endregion
-export { c as applyXAxisFormatter, l as applyYAxisFormatter, p as baseSkeletonStyles, i as buildGridConfig, u as buildLegendConfig, s as createAxisLabelFormatter, d as createChartDownloadConfig, m as createChartWidgetConfig, f as createTooltipFormatter, a as createTooltipPositioner, t as defaultFormatter, e as defaultLabelFormatter, r as flattenObjectArrayToCSV, o as niceNum, n as scatterplotDataToCSV };
-
-//# sourceMappingURL=utils.js.map
+import { n as e, r as t, t as n } from "../utils-C-eWwOhE.js";
+export { t as mergeOptions, e as positionDataZoomForLegend, n as resolveThemeColor };