@carto/ps-react-ui 5.0.0-widgets.9 → 5.1.0

package/dist/widgets/timeseries.js

@@ -1,175 +1,180 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { c as p } from "react/compiler-runtime";
-import "react";
-import "echarts";
-import "../widget-store-CB6Trp_0.js";
-import "zustand/shallow";
-import { g as c } from "../options-D9wflre6.js";
-import { m as h } from "../utils-Dv5Z47UQ.js";
-import { f, b as d, a as u, d as x } from "../styles-dOu_pRNb.js";
-import { Box as o, Skeleton as n } from "@mui/material";
-import "@mui/icons-material";
-import "react-markdown";
-import { d as l, a as g } from "../exports-Cr43OCul.js";
-import "../lasso-tool-CYn3ivf-.js";
-import "../cjs-D9ro6BXv.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-function N({
-  refUI: e
-}) {
-  return [{
-    ...l,
-    modifier: () => l.modifier(e)
-  }, {
-    ...g,
-    modifier: async (t) => {
-      const i = f(t);
-      return g.modifier(i);
-    }
-  }];
+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) {
+	return {
+		type: "timeseries",
+		option: e(l(t), v(t)),
+		formatter: t.formatter,
+		labelFormatter: t.labelFormatter
+	};
 }
-function P(e) {
-  return {
-    type: "timeseries",
-    option: h(c(e), b(e))
-  };
+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)
+		}))
+	};
 }
-function b({
-  data: e = [],
-  theme: t
-}) {
-  const i = (e?.length ?? 0) > 1;
-  return {
-    legend: u(i),
-    grid: {
-      ...d(i, t),
-      outerBounds: {
-        left: parseInt(t.spacing(3)),
-        right: parseInt(t.spacing(1)),
-        top: parseInt(t.spacing(2))
-      }
-    },
-    xAxis: {
-      type: "category",
-      axisTick: {
-        alignWithLabel: !0
-      },
-      axisLabel: {
-        show: !0,
-        showMaxLabel: !0,
-        showMinLabel: !0,
-        rotate: 45
-      }
-    },
-    yAxis: {
-      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]
-        }
-      }
-    },
-    color: Object.values(t.palette.qualitative.bold),
-    series: e.map((k, m) => ({
-      datasetIndex: m,
-      type: "line",
-      smooth: !0,
-      emphasis: {
-        focus: "series"
-      }
-    }))
-  };
+//#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;
 }
-const r = {
-  skeleton: {
-    graph: {
-      container: {
-        ...x.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 $() {
-  const e = p(2);
-  let t;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s(o, { sx: r.skeleton.graph.grid, children: [
-    /* @__PURE__ */ a(n, { sx: r.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
-    /* @__PURE__ */ a(n, { sx: r.skeleton.histogram.item, variant: "rectangular", height: "40%" }),
-    /* @__PURE__ */ a(n, { sx: r.skeleton.histogram.item, variant: "rectangular", height: "60%" }),
-    /* @__PURE__ */ a(n, { sx: r.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
-    /* @__PURE__ */ a(n, { sx: r.skeleton.histogram.item, variant: "rectangular", height: "80%" })
-  ] }), e[0] = t) : t = e[0];
-  let i;
-  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ s(o, { sx: r.skeleton.graph.container, children: [
-    t,
-    /* @__PURE__ */ a(o, { sx: r.skeleton.legend, children: Array(2).fill(0).map(y) })
-  ] }), e[1] = i) : i = e[1], i;
+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 y(e, t) {
-  return /* @__PURE__ */ s(o, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: w
-  }, children: [
-    /* @__PURE__ */ a(n, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ a(n, { width: 48, height: 8 })
-  ] }, t);
+function S(e) {
+	let { spacing: t } = e;
+	return t(1.5);
 }
-function w(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(1.5);
-}
-export {
-  $ as TimeseriesSkeleton,
-  P as timeseriesConfig,
-  N 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} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../root/types'\n\nexport function timeseriesDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<TimeseriesWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = flattenObjectArrayToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\n\nexport function timeseriesConfig(\n  props: TimeseriesConfig,\n): TimeseriesWidgetConfig {\n  return {\n    type: 'timeseries',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({ data = [], theme }: TimeseriesConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n\n  return {\n    legend: buildLegendConfig(hasLegend),\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: {\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    yAxis: {\n      type: 'value',\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',\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    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    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/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={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","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","timeseriesConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","hasLegend","length","legend","buildLegendConfig","grid","buildGridConfig","outerBounds","left","parseInt","spacing","right","top","xAxis","axisTick","alignWithLabel","axisLabel","show","showMaxLabel","showMinLabel","rotate","yAxis","margin","padding","verticalAlign","axisLine","splitLine","lineStyle","color","palette","black","Object","values","qualitative","bold","series","map","_","index","datasetIndex","smooth","emphasis","focus","styles","skeleton","graph","container","baseSkeletonStyles","position","display","justifyContent","flex","alignItems","width","histogram","item","maxWidth","marginLeft","gap","height","TimeseriesSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","Array","fill","_temp2","i","jsxs","_temp"],"mappings":";;;;;;;;;;;;;;;;;;AAkBO,SAASA,EAAyB;AAAA,EACvCC,OAAAA;AACW,GAAyC;AACpD,SAAO,CACL;AAAA,IACE,GAAGC;AAAAA,IACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,EAAA,GAE9C;AAAA,IACE,GAAGG;AAAAA,IACHD,UAAU,OAAOE,MAAS;AACxB,YAAMC,IAAOC,EAAwBF,CAAI;AACzC,aAAOD,EAAcD,SAASG,CAAI;AAAA,IACpC;AAAA,EAAA,CACD;AAEL;AAEO,SAASE,EACdC,GACwB;AACxB,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQC,EAAwBC,EAAiBJ,CAAK,GAAGK,EAAUL,CAAK,CAAC;AAAA,EAAA;AAE7E;AAEA,SAASK,EAAU;AAAA,EAAET,MAAAA,IAAO,CAAA;AAAA,EAAIU,OAAAA;AAAwB,GAAuB;AAC7E,QAAMC,KAAaX,GAAMY,UAAU,KAAK;AAExC,SAAO;AAAA,IACLC,QAAQC,EAAkBH,CAAS;AAAA,IACnCI,MAAM;AAAA,MACJ,GAAGC,EAAgBL,GAAWD,CAAK;AAAA,MACnCO,aAAa;AAAA,QACXC,MAAMC,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,QAC/BC,OAAOF,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,QAChCE,KAAKH,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,MAAA;AAAA,IAChC;AAAA,IAEFG,OAAO;AAAA,MACLlB,MAAM;AAAA,MACNmB,UAAU;AAAA,QACRC,gBAAgB;AAAA,MAAA;AAAA,MAElBC,WAAW;AAAA,QACTC,MAAM;AAAA,QACNC,cAAc;AAAA,QACdC,cAAc;AAAA,QACdC,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEFC,OAAO;AAAA,MACL1B,MAAM;AAAA,MACNqB,WAAW;AAAA,QACTM,QAAQ;AAAA,QACRC,SAAS,CACP,GACAd,SAAST,EAAMU,QAAQ,IAAI,CAAC,GAC5BD,SAAST,EAAMU,QAAQ,IAAI,CAAC,GAC5B,CAACD,SAAST,EAAMU,QAAQ,CAAC,CAAC,CAAC;AAAA,QAE7BO,MAAM;AAAA,QACNC,cAAc;AAAA,QACdC,cAAc;AAAA,QACdK,eAAe;AAAA,MAAA;AAAA,MAEjBC,UAAU;AAAA,QACRR,MAAM;AAAA,MAAA;AAAA,MAERH,UAAU;AAAA,QACRG,MAAM;AAAA,MAAA;AAAA,MAERS,WAAW;AAAA,QACTT,MAAM;AAAA,QACNU,WAAW;AAAA,UACTC,OAAO5B,EAAM6B,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFF,OAAOG,OAAOC,OAAOhC,EAAM6B,QAAQI,YAAYC,IAAI;AAAA,IACnDC,QAAQ7C,EAAK8C,IAAI,CAACC,GAAYC,OAAmB;AAAA,MAC/CC,cAAcD;AAAAA,MACd3C,MAAM;AAAA,MACN6C,QAAQ;AAAA,MACRC,UAAU;AAAA,QACRC,OAAO;AAAA,MAAA;AAAA,IACT,EACA;AAAA,EAAA;AAEN;ACzGO,MAAMC,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,OAAO;AAAA,MACLC,WAAW;AAAA,QACT,GAAGC,EAAmBF,MAAMC;AAAAA,QAC5BE,UAAU;AAAA,MAAA;AAAA,MAEZ3C,MAAM;AAAA,QACJ4C,SAAS;AAAA,QACTC,gBAAgB;AAAA,QAChBC,MAAM;AAAA,QACNC,YAAY;AAAA,QACZC,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEFC,WAAW;AAAA,MACTC,MAAM;AAAA,QACJJ,MAAM;AAAA,QACNK,UAAUA,CAAC;AAAA,UAAE9C,SAAAA;AAAAA,QAAAA,MAAcA,EAAQ,CAAC;AAAA,QAEpC,SAAS;AAAA,UACP+C,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IACF;AAAA,IAEFtD,QAAQ;AAAA,MACN8C,SAAS;AAAA,MACTG,YAAY;AAAA,MACZM,KAAKA,CAAC;AAAA,QAAEhD,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,MAC/BiD,QAAQA,CAAC;AAAA,QAAEjD,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,IAAA;AAAA,EACpC;AAEJ;AChCO,SAAAkD,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAIDF,sBAACG,GAAA,EAAQ,IAAAvB,EAAMC,SAASC,MAAMxC,MAC5B,UAAA;AAAA,IAAA,gBAAA8D,EAACC,GAAA,EACK,IAAAzB,EAAMC,SAASU,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAY,EAACC,GAAA,EACK,IAAAzB,EAAMC,SAASU,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAY,EAACC,GAAA,EACK,IAAAzB,EAAMC,SAASU,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAY,EAACC,GAAA,EACK,IAAAzB,EAAMC,SAASU,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAY,EAACC,GAAA,EACK,IAAAzB,EAAMC,SAASU,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,EAAA,GAEhB,GAAMM,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KA5BRI,sBAACH,GAAA,EAAQ,IAAAvB,EAAMC,SAASC,MAAMC,WAE5BiB,UAAAA;AAAAA,IAAAA;AAAAA,IA4BA,gBAAAI,EAACD,GAAA,EAAQ,IAAAvB,EAAMC,SAASzC,QACrBmE,UAAAA,MAAM,CAAC,EAACC,KACD,CAAC,EAACnC,IACHoC,CAYJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMX,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GA/CNQ;AA+CM;AAjDH,SAAAG,EAAAnC,GAAAoC,GAAA;AAAA,SAoCK,gBAAAC,EAACR,KAEK,IAAA;AAAA,IAAAjB,SACO;AAAA,IAAMG,YACH;AAAA,IAAQM,KACfiB;AAAAA,EAAAA,GAGP,UAAA;AAAA,IAAA,gBAAAR,EAACC,KAAiB,SAAA,YAAkB,OAAA,GAAW,QAAA,GAAC;AAAA,IAChD,gBAAAD,EAACC,GAAA,EAAgB,OAAA,IAAY,QAAA,EAAA,CAAC;AAAA,EAAA,EAAA,GARzBK,CASP;AAAM;AA9CX,SAAAE,EAAAZ,GAAA;AAyCe,QAAA;AAAA,IAAArD,SAAAA;AAAAA,EAAAA,IAAAqD;AAAW,SAAKrD,EAAQ,GAAG;AAAC;"}
+{"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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"}