@carto/ps-react-ui 6.3.0 → 6.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/actions-DyWNwvLu.js +1272 -0
  2. package/dist/actions-DyWNwvLu.js.map +1 -0
  3. package/dist/{category-DULnoxvk.js → category-BHBd5Pcc.js} +262 -245
  4. package/dist/category-BHBd5Pcc.js.map +1 -0
  5. package/dist/scale-Bhx8HKEB.js +29 -0
  6. package/dist/scale-Bhx8HKEB.js.map +1 -0
  7. package/dist/types/widgets/actions/index.d.ts +1 -1
  8. package/dist/types/widgets/actions/relative-data/index.d.ts +1 -0
  9. package/dist/types/widgets/actions/relative-data/labels.d.ts +3 -0
  10. package/dist/types/widgets/actions/relative-data/relative-data.d.ts +16 -2
  11. package/dist/types/widgets/actions/relative-data/scale.d.ts +26 -0
  12. package/dist/types/widgets/actions/relative-data/style.d.ts +12 -0
  13. package/dist/types/widgets/category/category.d.ts +2 -1
  14. package/dist/types/widgets/index.d.ts +1 -1
  15. package/dist/widgets/actions.js +1 -1
  16. package/dist/widgets/bar.js +80 -79
  17. package/dist/widgets/bar.js.map +1 -1
  18. package/dist/widgets/category.js +1 -1
  19. package/dist/widgets/histogram.js +104 -103
  20. package/dist/widgets/histogram.js.map +1 -1
  21. package/dist/widgets/scatterplot.js +116 -115
  22. package/dist/widgets/scatterplot.js.map +1 -1
  23. package/dist/widgets/timeseries.js +86 -85
  24. package/dist/widgets/timeseries.js.map +1 -1
  25. package/dist/widgets.js +2 -2
  26. package/dist/widgets.js.map +1 -1
  27. package/package.json +1 -1
  28. package/src/widgets/actions/index.ts +1 -0
  29. package/src/widgets/actions/relative-data/index.ts +1 -0
  30. package/src/widgets/actions/relative-data/labels.ts +6 -0
  31. package/src/widgets/actions/relative-data/relative-data.test.tsx +78 -1
  32. package/src/widgets/actions/relative-data/relative-data.tsx +137 -20
  33. package/src/widgets/actions/relative-data/scale.ts +48 -0
  34. package/src/widgets/actions/relative-data/style.ts +10 -0
  35. package/src/widgets/bar/options.test.ts +16 -0
  36. package/src/widgets/bar/options.ts +6 -2
  37. package/src/widgets/category/category.relative-data.test.tsx +51 -63
  38. package/src/widgets/category/category.tsx +25 -11
  39. package/src/widgets/histogram/options.ts +6 -2
  40. package/src/widgets/index.ts +1 -0
  41. package/src/widgets/scatterplot/options.test.ts +12 -0
  42. package/src/widgets/scatterplot/options.ts +18 -4
  43. package/src/widgets/timeseries/options.ts +6 -2
  44. package/dist/actions-CkxKe8-J.js +0 -1160
  45. package/dist/actions-CkxKe8-J.js.map +0 -1
  46. package/dist/category-DULnoxvk.js.map +0 -1
@@ -1,20 +1,21 @@
1
1
  import { r as e } from "../zoom-toggle-MmLjMTEw.js";
2
- import { n as t, t as n } from "../download-B4sykOFm.js";
3
- import { n as r, r as i, t as a } from "../utils-C-eWwOhE.js";
4
- import { c as o, i as s, n as c, o as l, r as u, s as d, t as f } from "../item-color-B7xkIpDZ.js";
5
- import { c as p } from "react/compiler-runtime";
6
- import { Box as m, Skeleton as h } from "@mui/material";
7
- import { jsx as g, jsxs as _ } from "react/jsx-runtime";
8
- import * as v from "echarts";
2
+ import { n as t } from "../scale-Bhx8HKEB.js";
3
+ import { n, t as r } from "../download-B4sykOFm.js";
4
+ import { n as i, r as a, t as o } from "../utils-C-eWwOhE.js";
5
+ import { c as s, i as c, n as l, o as u, r as d, s as f, t as p } from "../item-color-B7xkIpDZ.js";
6
+ import { c as m } from "react/compiler-runtime";
7
+ import { Box as h, Skeleton as g } from "@mui/material";
8
+ import { jsx as _, jsxs as v } from "react/jsx-runtime";
9
+ import * as y from "echarts";
9
10
  //#region src/widgets/timeseries/options.ts
10
- function y({ theme: e, formatter: t, labelFormatter: n }) {
11
+ function b({ theme: e, formatter: t, labelFormatter: n }) {
11
12
  let r = 0, i = 1;
12
13
  return {
13
14
  grid: {
14
15
  left: parseInt(e.spacing(1)),
15
16
  top: parseInt(e.spacing(3)),
16
17
  right: parseInt(e.spacing(1)),
17
- ...u(!1, e),
18
+ ...d(!1, e),
18
19
  containLabel: !0
19
20
  },
20
21
  tooltip: {
@@ -28,10 +29,10 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
28
29
  fontFamily: e.typography.caption.fontFamily
29
30
  },
30
31
  axisPointer: { type: "line" },
31
- position: d(e),
32
- formatter: x(t, n)
32
+ position: f(e),
33
+ formatter: S(t, n)
33
34
  },
34
- legend: { ...s({ hasLegend: !1 }) },
35
+ legend: { ...c({ hasLegend: !1 }) },
35
36
  axisPointer: { lineStyle: { color: e.palette.grey[400] } },
36
37
  color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
37
38
  xAxis: {
@@ -39,7 +40,7 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
39
40
  axisLine: { show: !1 },
40
41
  axisTick: { show: !1 },
41
42
  axisLabel: {
42
- ...c(e),
43
+ ...l(e),
43
44
  padding: [
44
45
  parseInt(e.spacing(.5)),
45
46
  0,
@@ -53,8 +54,8 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
53
54
  },
54
55
  yAxis: {
55
56
  type: "value",
56
- min: (e) => (r = e.min < 0 ? o(e.min) : 0, r),
57
- max: (e) => (i = e.max <= 0 ? 1 : o(e.max), i),
57
+ min: (e) => (r = e.min < 0 ? s(e.min) : 0, r),
58
+ max: (e) => (i = e.max <= 0 ? 1 : s(e.max), i),
58
59
  axisLine: { show: !1 },
59
60
  axisTick: { show: !1 },
60
61
  splitLine: {
@@ -62,7 +63,7 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
62
63
  lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
63
64
  },
64
65
  axisLabel: {
65
- ...c(e),
66
+ ...l(e),
66
67
  margin: parseInt(e.spacing(1)),
67
68
  show: !0,
68
69
  showMaxLabel: !0,
@@ -74,54 +75,54 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
74
75
  }
75
76
  };
76
77
  }
77
- function b(t) {
78
- let { theme: n, formatter: s, labelFormatter: c, optionsOverride: l } = t, u = t.series, d = t.smooth ?? !0, p = t.area ?? !1, m = t.selection, h = m && m.length > 0 ? new Set(m) : null, g = (e) => e instanceof Date ? e.getTime() : e;
79
- return (t, m, _) => {
80
- if (t == null) {
81
- let e = y({
82
- theme: n,
83
- formatter: s,
84
- labelFormatter: c
78
+ function x(n) {
79
+ let { theme: r, formatter: c, labelFormatter: l, optionsOverride: u } = n, d = n.series, f = n.smooth ?? !0, m = n.area ?? !1, h = n.selection, g = h && h.length > 0 ? new Set(h) : null, _ = (e) => e instanceof Date ? e.getTime() : e;
80
+ return (n, h, v) => {
81
+ if (n == null) {
82
+ let e = b({
83
+ theme: r,
84
+ formatter: c,
85
+ labelFormatter: l
85
86
  });
86
- return l ? i(e, l) : e;
87
+ return u ? a(e, u) : e;
87
88
  }
88
- let b = Array.isArray(m) ? m : [];
89
- if (b.length === 0) return {
90
- ...t,
89
+ let x = Array.isArray(h) ? h : [];
90
+ if (x.length === 0) return {
91
+ ...n,
91
92
  dataset: [],
92
93
  series: []
93
94
  };
94
- let S = b.length > 1, C = Array.isArray(t.series) ? t.series : [], w = C[0] ?? {}, T = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, E = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, D = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, O = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, k = _?.formatter, A = 0, j = 1, M = r(t.dataZoom, S), N = typeof E.bottom == "number" ? E.bottom : 24, P = S ? 56 : N, F = M ? P + e.sliderHeight + e.sliderGap : P, I = (e, t) => {
95
- let r = f({
96
- theme: n,
95
+ let C = x.length > 1, w = Array.isArray(n.series) ? n.series : [], T = w[0] ?? {}, E = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, D = t(E), O = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, k = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, A = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, j = v?.formatter, M = 0, N = 1, P = i(n.dataZoom, C), F = typeof O.bottom == "number" ? O.bottom : 24, I = C ? 56 : F, L = P ? I + e.sliderHeight + e.sliderGap : I, R = (e, t) => {
96
+ let n = p({
97
+ theme: r,
97
98
  datums: e,
98
99
  template: t,
99
100
  fallback: (e) => e.color
100
101
  });
101
102
  return { color: (e) => {
102
- let t = e.value?.name, n = r(e);
103
- return !h || t == null || h.has(g(t)) ? n : v.color.modifyAlpha(n, .15);
103
+ let t = e.value?.name, r = n(e);
104
+ return !g || t == null || g.has(_(t)) ? r : y.color.modifyAlpha(r, .15);
104
105
  } };
105
- }, L = b.some((e) => e.some((e) => typeof e?.color == "string" && e.color !== ""));
106
+ }, z = x.some((e) => e.some((e) => typeof e?.color == "string" && e.color !== ""));
106
107
  return {
107
- ...t,
108
- dataset: b.map((e) => ({ source: e })),
109
- series: b.map((e, t) => {
110
- let r = C[t] ?? w, i = a(n, u?.[t]?.color);
108
+ ...n,
109
+ dataset: x.map((e) => ({ source: e })),
110
+ series: x.map((e, t) => {
111
+ let n = w[t] ?? T, i = o(r, d?.[t]?.color);
111
112
  return {
112
- ...typeof r == "object" ? r : {},
113
+ ...typeof n == "object" ? n : {},
113
114
  type: "line",
114
115
  datasetIndex: t,
115
- name: u?.[t]?.name ?? `Series ${t + 1}`,
116
+ name: d?.[t]?.name ?? `Series ${t + 1}`,
116
117
  encode: {
117
118
  x: "name",
118
119
  y: "value"
119
120
  },
120
- smooth: d,
121
- showSymbol: h != null || L,
122
- ...p ? { areaStyle: {} } : {},
121
+ smooth: f,
122
+ showSymbol: g != null || z,
123
+ ...m ? { areaStyle: {} } : {},
123
124
  emphasis: { focus: "series" },
124
- itemStyle: I(e, r),
125
+ itemStyle: R(e, n),
125
126
  ...i ? {
126
127
  color: i,
127
128
  lineStyle: { color: i }
@@ -129,32 +130,32 @@ function b(t) {
129
130
  };
130
131
  }),
131
132
  legend: {
132
- ...O,
133
- show: S
133
+ ...A,
134
+ show: C
134
135
  },
135
136
  grid: {
136
- ...E,
137
- bottom: F
137
+ ...O,
138
+ bottom: L
138
139
  },
139
- ...M ? { dataZoom: M } : {},
140
+ ...P ? { dataZoom: P } : {},
140
141
  yAxis: {
141
- ...T,
142
- min: (e) => (A = e.min < 0 ? o(e.min) : 0, A),
143
- max: (e) => (j = e.max <= 0 ? 1 : o(e.max), j),
142
+ ...E,
143
+ min: (e) => (M = e.min < 0 ? D.min ?? s(e.min) : 0, M),
144
+ max: (e) => (N = e.max <= 0 ? 1 : D.max ?? s(e.max), N),
144
145
  axisLabel: {
145
- ...T.axisLabel ?? {},
146
- formatter: (e) => e !== j && e !== A || e === 0 ? "" : k ? k(e) : String(e)
146
+ ...E.axisLabel ?? {},
147
+ formatter: (e) => e !== N && e !== M || e === 0 ? "" : j ? j(e) : String(e)
147
148
  }
148
149
  },
149
150
  tooltip: {
150
- ...D,
151
- formatter: x(k, c)
151
+ ...k,
152
+ formatter: S(j, l)
152
153
  }
153
154
  };
154
155
  };
155
156
  }
156
- function x(e, t) {
157
- return l((n) => {
157
+ function S(e, t) {
158
+ return u((n) => {
158
159
  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 ?? "";
159
160
  return {
160
161
  name: String(l),
@@ -166,7 +167,7 @@ function x(e, t) {
166
167
  }
167
168
  //#endregion
168
169
  //#region src/widgets/timeseries/skeleton.tsx
169
- var S = {
170
+ var C = {
170
171
  container: {
171
172
  display: "flex",
172
173
  flexDirection: "column",
@@ -212,42 +213,42 @@ var S = {
212
213
  gap: ({ spacing: e }) => e(1.5)
213
214
  }
214
215
  };
215
- function C() {
216
- let e = p(2), t;
217
- e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ _(m, {
218
- sx: S.graph,
216
+ function w() {
217
+ let e = m(2), t;
218
+ e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ v(h, {
219
+ sx: C.graph,
219
220
  children: [
220
- /* @__PURE__ */ g(h, {
221
+ /* @__PURE__ */ _(g, {
221
222
  variant: "rectangular",
222
- sx: S.segmentA
223
+ sx: C.segmentA
223
224
  }),
224
- /* @__PURE__ */ g(h, {
225
+ /* @__PURE__ */ _(g, {
225
226
  variant: "rectangular",
226
- sx: S.segmentB
227
+ sx: C.segmentB
227
228
  }),
228
- /* @__PURE__ */ g(h, {
229
+ /* @__PURE__ */ _(g, {
229
230
  variant: "rectangular",
230
- sx: S.segmentC
231
+ sx: C.segmentC
231
232
  })
232
233
  ]
233
234
  }), e[0] = t) : t = e[0];
234
235
  let n;
235
- return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ _(m, {
236
- sx: S.container,
237
- children: [t, /* @__PURE__ */ g(m, {
238
- sx: S.legend,
239
- children: [0, 1].map(w)
236
+ return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ v(h, {
237
+ sx: C.container,
238
+ children: [t, /* @__PURE__ */ _(h, {
239
+ sx: C.legend,
240
+ children: [0, 1].map(T)
240
241
  })]
241
242
  }), e[1] = n) : n = e[1], n;
242
243
  }
243
- function w(e) {
244
- return /* @__PURE__ */ _(m, {
245
- sx: S.legendItem,
246
- children: [/* @__PURE__ */ g(h, {
244
+ function T(e) {
245
+ return /* @__PURE__ */ v(h, {
246
+ sx: C.legendItem,
247
+ children: [/* @__PURE__ */ _(g, {
247
248
  variant: "circular",
248
249
  width: 8,
249
250
  height: 8
250
- }), /* @__PURE__ */ g(h, {
251
+ }), /* @__PURE__ */ _(g, {
251
252
  width: 48,
252
253
  height: 8
253
254
  })]
@@ -255,8 +256,8 @@ function w(e) {
255
256
  }
256
257
  //#endregion
257
258
  //#region src/widgets/timeseries/download.ts
258
- function T(e) {
259
- return n(e, t({
259
+ function E(e) {
260
+ return r(e, n({
260
261
  filename: e.filename,
261
262
  getRows: (t) => {
262
263
  let n = e.getData(t), r = n.length, i = [], a = /* @__PURE__ */ new Set();
@@ -268,7 +269,7 @@ function T(e) {
268
269
  for (let t = 0; t < r; t++) s.push(e.seriesNames?.[t] ?? `series_${t + 1}`);
269
270
  let c = [s];
270
271
  for (let e of i) {
271
- let t = [E(e)], n = String(e);
272
+ let t = [D(e)], n = String(e);
272
273
  for (let e of o) t.push(e.get(n) ?? "");
273
274
  c.push(t);
274
275
  }
@@ -276,12 +277,12 @@ function T(e) {
276
277
  }
277
278
  }));
278
279
  }
279
- function E(e) {
280
+ function D(e) {
280
281
  return e instanceof Date ? e.toISOString() : typeof e == "number" ? new Date(e).toISOString() : e;
281
282
  }
282
283
  //#endregion
283
284
  //#region src/widgets/timeseries/transforms.ts
284
- function D(e, t) {
285
+ function O(e, t) {
285
286
  if (t.length === 0 || !Array.isArray(e)) return e;
286
287
  let n = new Set(t);
287
288
  return e.map((e) => Array.isArray(e) ? e.filter((e) => {
@@ -291,6 +292,6 @@ function D(e, t) {
291
292
  }) : e);
292
293
  }
293
294
  //#endregion
294
- export { C as TimeseriesSkeleton, T as createTimeseriesDownloadConfig, b as createTimeseriesOptionFactory, D as filterTimeseriesByLockedItems, y as timeseriesOptions };
295
+ export { w as TimeseriesSkeleton, E as createTimeseriesDownloadConfig, x as createTimeseriesOptionFactory, O as filterTimeseriesByLockedItems, b as timeseriesOptions };
295
296
 
296
297
  //# sourceMappingURL=timeseries.js.map
@@ -1 +1 @@
1
- {"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 )","_c","ZOOM_LAYOUT","buildCsvDownloadItem","withPngItem","positionDataZoomForLegend","mergeOptions","resolveThemeColor","niceNum","buildLegendConfig","buildAxisLabelStyle","createTooltipFormatter","buildGridConfig","createTooltipPositioner","createItemColorResolver","echarts","timeseriesOptions","niceMin","niceMax","theme","buildTimeseriesTooltipFormatter","formatter","labelFormatter","value","extent","createTimeseriesOptionFactory","options","series","smooth","area","selection","selectionSet","normalizeName","n","option","structural","optionsOverride","seriesArr","data","hasLegend","seriesTemplates","broadcastTemplate","baseYAxis","baseGrid","baseTooltip","baseLegend","liveFormatter","ctx","dataZoomLayout","fallbackBottom","baseBottom","gridBottom","makeDimItemStyle","baseColor","params","raw","base","hasDatumColor","s","d","template","i","overrideColor","row","item","formattedValue","marker","seriesName","rawName","name","styles","spacing","TimeseriesSkeleton","$","c","t0","Box","Skeleton","t1","_temp","createTimeseriesDownloadConfig","args","seriesCount","timeKeys","seenKeys","point","key","lookups","p","header","rows","formatTime","lookupKey","lookup","v","filterTimeseriesByLockedItems","lockedItems","input","locked"],"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 { createItemColorResolver } from '../utils/item-color'\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 //\n // The base colour is the point's own `color`, else the template's\n // `itemStyle.color`, else the series colour / palette (`params.color`).\n const makeDimItemStyle = (datums: readonly object[], template: unknown) => {\n const baseColor = createItemColorResolver({\n theme,\n datums,\n template,\n fallback: (params) => params.color as string,\n })\n return {\n color: (params: CallbackDataParams) => {\n const datum = params.value as\n { name?: Date | number | string } | undefined\n const raw = datum?.name\n const base = baseColor(params)\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 // Per-point colours only show on markers, so surface them whenever a\n // point carries its own `color` (same reason as the selection case).\n const hasDatumColor = seriesArr.some((s) =>\n s.some((d) => typeof d?.color === 'string' && d.color !== ''),\n )\n\n return {\n ...option,\n dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n series: seriesArr.map((s, 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 || hasDatumColor,\n ...(area ? { areaStyle: {} } : {}),\n emphasis: { focus: 'series' },\n itemStyle: makeDimItemStyle(s, template),\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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"}
1
+ {"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 )","_c","ZOOM_LAYOUT","fixedAxisBounds","withPngItem","positionDataZoomForLegend","mergeOptions","resolveThemeColor","niceNum","buildLegendConfig","buildAxisLabelStyle","createTooltipFormatter","buildGridConfig","createTooltipPositioner","createItemColorResolver","echarts","timeseriesOptions","niceMin","niceMax","theme","buildTimeseriesTooltipFormatter","formatter","labelFormatter","value","extent","createTimeseriesOptionFactory","options","series","smooth","area","selection","selectionSet","normalizeName","n","option","structural","optionsOverride","seriesArr","data","hasLegend","seriesTemplates","broadcastTemplate","baseYAxis","fixedY","baseGrid","baseTooltip","baseLegend","liveFormatter","ctx","dataZoomLayout","fallbackBottom","baseBottom","gridBottom","makeDimItemStyle","baseColor","params","raw","base","hasDatumColor","s","d","template","i","overrideColor","row","item","formattedValue","marker","seriesName","rawName","name","styles","spacing","TimeseriesSkeleton","$","c","t0","Box","Skeleton","t1","_temp","createTimeseriesDownloadConfig","args","buildCsvDownloadItem","seriesCount","timeKeys","seenKeys","point","key","lookups","p","header","rows","formatTime","lookupKey","lookup","v","filterTimeseriesByLockedItems","lockedItems","input","locked"],"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 { createItemColorResolver } from '../utils/item-color'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n TimeseriesEChartsOption,\n TimeseriesOptionFactoryInput,\n TimeseriesOptionsInput,\n TimeseriesWidgetData,\n} from './types'\nimport { fixedAxisBounds } from '../actions/relative-data/scale'\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 fixedY = fixedAxisBounds(baseYAxis)\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 //\n // The base colour is the point's own `color`, else the template's\n // `itemStyle.color`, else the series colour / palette (`params.color`).\n const makeDimItemStyle = (datums: readonly object[], template: unknown) => {\n const baseColor = createItemColorResolver({\n theme,\n datums,\n template,\n fallback: (params) => params.color as string,\n })\n return {\n color: (params: CallbackDataParams) => {\n const datum = params.value as\n { name?: Date | number | string } | undefined\n const raw = datum?.name\n const base = baseColor(params)\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 // Per-point colours only show on markers, so surface them whenever a\n // point carries its own `color` (same reason as the selection case).\n const hasDatumColor = seriesArr.some((s) =>\n s.some((d) => typeof d?.color === 'string' && d.color !== ''),\n )\n\n return {\n ...option,\n dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n series: seriesArr.map((s, 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 || hasDatumColor,\n ...(area ? { areaStyle: {} } : {}),\n emphasis: { focus: 'series' },\n itemStyle: makeDimItemStyle(s, template),\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 // A config transform (RelativeData's `'total'` scale) may pin the\n // ends; each applies only on the side the data reaches.\n min: (extent: { min: number }) => {\n niceMin = extent.min < 0 ? (fixedY.min ?? niceNum(extent.min)) : 0\n return niceMin\n },\n max: (extent: { min: number; max: number }) => {\n niceMax = extent.max <= 0 ? 1 : (fixedY.max ?? 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.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import "./components-CTUpdQuj.js";
2
2
  import { n as e, t } from "./smart-tooltip-Dc_rHhyI.js";
3
3
  import { C as n, D as r, S as i, _ as a } from "./stores-DcBOZlU3.js";
4
- import { C as o, D as s, S as c, c as l, f as u, g as d, o as f, r as p, t as m, y as h } from "./actions-CkxKe8-J.js";
4
+ import { C as o, D as s, S as c, c as l, f as u, g as d, o as f, r as p, t as m, y as h } from "./actions-DyWNwvLu.js";
5
5
  import { i as g, n as _, o as v, r as y } from "./echart-ysYFLa_T.js";
6
6
  import { t as b } from "./markdown-content-BpAH_V6S.js";
7
7
  import { t as x } from "./zoom-toggle-MmLjMTEw.js";
@@ -10,7 +10,7 @@ import { i as ee, r as C } from "./formula-DJS-JLpk.js";
10
10
  import { i as w, r as T } from "./markdown-DmvLi3vx.js";
11
11
  import { a as E, i as D } from "./spread-CQwFIwuz.js";
12
12
  import { n as O, r as k } from "./range-BpU2zBmq.js";
13
- import { i as A, r as te } from "./category-DULnoxvk.js";
13
+ import { i as A, r as te } from "./category-BHBd5Pcc.js";
14
14
  import { d as j, i as M } from "./table-DEdW_fDj.js";
15
15
  import { c as N } from "react/compiler-runtime";
16
16
  import { Children as ne, Component as P, isValidElement as F, useEffect as I, useLayoutEffect as re, useRef as L, useState as R } from "react";