@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/widgets/timeseries.js

@@ -1,175 +1,180 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { c as y } from "react/compiler-runtime";
-import "react";
-import "echarts";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import { g as b } from "../options-CthfUJDz.js";
-import { m as k } from "../utils-BOhInag6.js";
-import { c as v, f as w } from "../download-config-OKlLLSW_.js";
-import { i as L, f as C, b as I, a as S, c as _, d as A } from "../option-builders-DPeoyQaM.js";
-import { Box as l, Skeleton as r } from "@mui/material";
-import { b as j } from "../styles-cohnxh9F.js";
-const H = v(w);
-function J(e) {
-  return {
-    type: "timeseries",
-    option: k(b(e), T(e)),
-    formatter: e.formatter,
-    labelFormatter: e.labelFormatter
-  };
+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-BGt7wkK7.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) {
+	return {
+		type: "timeseries",
+		option: e(l(t), v(t)),
+		formatter: t.formatter,
+		labelFormatter: t.labelFormatter
+	};
 }
-function T({
-  data: e = [],
-  theme: t,
-  formatter: i,
-  labelFormatter: o
-}) {
-  const p = (e?.length ?? 0) > 1, h = {
-    type: "value",
-    axisLabel: {
-      margin: 0,
-      padding: [0, parseInt(t.spacing(0.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: A({
-      hasLegend: p,
-      labelFormatter: o
-    }),
-    grid: {
-      ..._(p, t),
-      outerBounds: {
-        left: parseInt(t.spacing(3)),
-        right: parseInt(t.spacing(1)),
-        top: parseInt(t.spacing(2))
-      }
-    },
-    xAxis: S({
-      type: "category",
-      axisTick: {
-        alignWithLabel: !0
-      },
-      axisLabel: {
-        show: !0,
-        showMaxLabel: !0,
-        showMinLabel: !0,
-        rotate: 45
-      }
-    }, o),
-    yAxis: I(h, i),
-    tooltip: {
-      formatter: C((a) => {
-        const c = a.value, f = a.dimensionNames?.[a.encode?.y?.at(0) ?? 1], g = c[f ?? ""], u = typeof g == "number" && i ? i(g) : g ?? "", d = typeof a.marker == "string" ? a.marker : "", x = a.seriesName ? `${a.seriesName}: ` : "";
-        return {
-          name: o ? String(o(a.name ?? "")) : a.name ?? "",
-          seriesName: x,
-          marker: d,
-          value: u
-        };
-      })
-    },
-    color: Object.values(t.palette.qualitative.bold),
-    series: e.map((a, c) => ({
-      datasetIndex: c,
-      type: "line",
-      smooth: !0,
-      emphasis: {
-        focus: "series"
-      },
-      ...L(i)
-    }))
-  };
+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))
+			}
+		},
+		xAxis: i({
+			type: "category",
+			axisTick: { alignWithLabel: !0 },
+			axisLabel: {
+				show: !0,
+				showMaxLabel: !0,
+				showMinLabel: !0,
+				rotate: 45
+			}
+		}, 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)
+		}))
+	};
 }
-const n = {
-  skeleton: {
-    graph: {
-      container: {
-        ...j.graph.container,
-        position: "relative"
-      },
-      grid: {
-        display: "flex",
-        justifyContent: "space-between",
-        flex: "1 1 auto",
-        alignItems: "flex-end",
-        width: "100%"
-      }
-    },
-    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)
-    }
-  }
-};
-function K() {
-  const e = y(2);
-  let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ m(l, { sx: n.skeleton.graph.grid, children: [
-    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
-    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "40%" }),
-    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "60%" }),
-    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
-    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "80%" })
-  ] }), e[0] = t) : t = e[0];
-  let i;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ m(l, { sx: n.skeleton.graph.container, children: [
-    t,
-    /* @__PURE__ */ s(l, { sx: n.skeleton.legend, children: Array(2).fill(0).map(M) })
-  ] }), e[1] = i) : i = e[1], i;
+//#endregion
+//#region src/widgets/timeseries/style.ts
+var y = { skeleton: {
+	graph: {
+		container: {
+			...u.graph.container,
+			position: "relative"
+		},
+		grid: {
+			display: "flex",
+			justifyContent: "space-between",
+			flex: "1 1 auto",
+			alignItems: "flex-end",
+			width: "100%"
+		}
+	},
+	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)
+	}
+} };
+//#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,
+		children: [
+			/* @__PURE__ */ m(p, {
+				sx: y.skeleton.histogram.item,
+				variant: "rectangular",
+				height: "20%"
+			}),
+			/* @__PURE__ */ m(p, {
+				sx: y.skeleton.histogram.item,
+				variant: "rectangular",
+				height: "40%"
+			}),
+			/* @__PURE__ */ m(p, {
+				sx: y.skeleton.histogram.item,
+				variant: "rectangular",
+				height: "60%"
+			}),
+			/* @__PURE__ */ m(p, {
+				sx: y.skeleton.histogram.item,
+				variant: "rectangular",
+				height: "20%"
+			}),
+			/* @__PURE__ */ m(p, {
+				sx: y.skeleton.histogram.item,
+				variant: "rectangular",
+				height: "80%"
+			})
+		]
+	}), 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)
+		})]
+	}), e[1] = n) : n = e[1], n;
 }
-function M(e, t) {
-  return /* @__PURE__ */ m(l, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: N
-  }, children: [
-    /* @__PURE__ */ s(r, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ s(r, { width: 48, height: 8 })
-  ] }, `skeleton-${t}`);
+function x(e, t) {
+	return /* @__PURE__ */ h(f, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: S
+		},
+		children: [/* @__PURE__ */ m(p, {
+			variant: "circular",
+			width: 8,
+			height: 8
+		}), /* @__PURE__ */ m(p, {
+			width: 48,
+			height: 8
+		})]
+	}, `skeleton-${t}`);
 }
-function N(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(1.5);
+function S(e) {
+	let { spacing: t } = e;
+	return t(1.5);
 }
-export {
-  K as TimeseriesSkeleton,
-  J as timeseriesConfig,
-  H as timeseriesDownloadConfig
-};
-//# sourceMappingURL=timeseries.js.map
+//#endregion
+export { b as TimeseriesSkeleton, _ as timeseriesConfig, g as timeseriesDownloadConfig };
+
+//# sourceMappingURL=timeseries.js.map

package/dist/widgets/timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeseries.js","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"],"names":["timeseriesDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","timeseriesConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","yAxis","axisLabel","margin","padding","parseInt","spacing","show","showMaxLabel","showMinLabel","verticalAlign","axisLine","axisTick","splitLine","lineStyle","color","palette","black","legend","buildLegendConfig","grid","buildGridConfig","outerBounds","left","right","top","xAxis","applyXAxisFormatter","alignWithLabel","rotate","applyYAxisFormatter","tooltip","createTooltipFormatter","item","value","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","String","Object","values","qualitative","bold","series","map","_","datasetIndex","smooth","emphasis","focus","buildSeriesLabelConfig","styles","skeleton","graph","container","baseSkeletonStyles","position","display","justifyContent","flex","alignItems","width","histogram","maxWidth","marginLeft","gap","height","TimeseriesSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","Array","fill","_temp2","i","jsxs","_temp"],"mappings":"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"}
+{"version":3,"file":"timeseries.js","names":["getCommonOptions","mergeEchartWidgetConfig","EchartOptionsProps","TimeseriesConfig","TimeseriesWidgetConfig","TimeseriesWidgetData","flattenObjectArrayToCSV","buildLegendConfig","buildGridConfig","createTooltipFormatter","createChartDownloadConfig","applyYAxisFormatter","applyXAxisFormatter","buildSeriesLabelConfig","timeseriesDownloadConfig","timeseriesConfig","props","type","option","getOption","formatter","labelFormatter","data","theme","hasLegend","length","yAxis","const","axisLabel","margin","padding","parseInt","spacing","show","showMaxLabel","showMinLabel","verticalAlign","axisLine","axisTick","splitLine","lineStyle","color","palette","black","legend","grid","outerBounds","left","right","top","xAxis","alignWithLabel","rotate","tooltip","item","value","Record","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","String","Object","values","qualitative","bold","series","map","_","datasetIndex","smooth","emphasis","focus","SxProps","Theme","baseSkeletonStyles","styles","skeleton","graph","container","position","grid","display","justifyContent","flex","alignItems","width","histogram","item","maxWidth","spacing","marginLeft","legend","gap","height","Record","Box","Skeleton","styles","TimeseriesSkeleton","$","_c","t0","Symbol","for","skeleton","graph","grid","histogram","item","t1","container","legend","Array","fill","map","_temp2","_","i","display","alignItems","gap","_temp","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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"}