@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/widgets/scatterplot.js

@@ -1,221 +1,226 @@
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import { c as b } from "react/compiler-runtime";
-import "react";
-import "echarts";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import { g as h } from "../options-CthfUJDz.js";
-import { m as S } from "../utils-BOhInag6.js";
-import { c as v, s as k } from "../download-config-OKlLLSW_.js";
-import { i as w, f as L, b as I, a as _, d as C } from "../option-builders-DPeoyQaM.js";
-import { Box as p, Skeleton as c } from "@mui/material";
-import { b as A } from "../styles-cohnxh9F.js";
-const G = v(k);
-function H(e) {
-  return {
-    type: "scatterplot",
-    option: S(h(e), D(e)),
-    formatter: e.formatter,
-    labelFormatter: e.labelFormatter
-  };
+import { a as e } from "../shared-resize-observer-BEiP2rQt.js";
+import { n as t } from "../csv-modifiers-D6HGC24b.js";
+import { c as n, n as r, r as i, s as a, t as o, u as s } from "../chart-config-BGt7wkK7.js";
+import { t as c } from "../echart-BkaV3V5G.js";
+import { t as l } from "../styles-Y-qGBELO.js";
+import { c as u } from "react/compiler-runtime";
+import { Box as d, Skeleton as f } from "@mui/material";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/widgets/scatterplot/config.ts
+var h = o(t);
+function g(t) {
+	return {
+		type: "scatterplot",
+		option: e(c(t), _(t)),
+		formatter: t.formatter,
+		labelFormatter: t.labelFormatter
+	};
 }
-function D({
-  data: e = [],
-  theme: t,
-  formatter: o,
-  labelFormatter: i
-}) {
-  const l = e.length > 1, m = {
-    type: "value",
-    axisLine: {
-      show: !1
-    },
-    axisTick: {
-      show: !1
-    },
-    axisLabel: {
-      fontSize: t.typography.overlineDelicate.fontSize,
-      fontFamily: t.typography.overlineDelicate.fontFamily,
-      showMinLabel: !0,
-      showMaxLabel: !0,
-      hideOverlap: !0,
-      padding: [parseInt(t.spacing(0.5)), parseInt(t.spacing(0.5)), 0, parseInt(t.spacing(0.5))],
-      color: t.palette.black[60]
-    },
-    splitLine: {
-      show: !0,
-      lineStyle: {
-        color: t.palette.black[4]
-      }
-    }
-  }, u = {
-    type: "value",
-    axisLabel: {
-      fontSize: t.typography.overlineDelicate.fontSize,
-      fontFamily: t.typography.overlineDelicate.fontFamily,
-      inside: !1,
-      padding: [0, 0, parseInt(t.spacing(1.25)), parseInt(t.spacing(3.25))],
-      margin: 0,
-      show: !0,
-      showMaxLabel: !0,
-      showMinLabel: !1,
-      align: "right",
-      verticalAlign: "bottom"
-    },
-    axisLine: {
-      show: !1
-    },
-    axisTick: {
-      show: !1
-    },
-    splitLine: {
-      show: !0,
-      lineStyle: {
-        color: t.palette.black[4]
-      }
-    }
-  };
-  return {
-    legend: C({
-      hasLegend: l,
-      labelFormatter: i
-    }),
-    grid: {
-      ...!l && {
-        bottom: parseInt(t.spacing(1))
-      },
-      ...l && {
-        bottom: parseInt(t.spacing(10))
-      }
-    },
-    xAxis: _(m, i),
-    yAxis: I(u, o),
-    tooltip: {
-      trigger: "item",
-      // position: createTooltipPositioner(theme),
-      formatter: L((a) => {
-        const r = a.value, y = a.encode?.y?.at(0), s = r[y ?? ""], d = typeof s == "number" && o ? o(s) : s ?? "", x = typeof a.marker == "string" ? a.marker : "";
-        return {
-          name: i ? String(i(a.seriesName ?? "")) : a.seriesName ?? "",
-          seriesName: "",
-          marker: x,
-          value: d
-        };
-      })
-    },
-    color: Object.values(t.palette.qualitative.bold),
-    series: e.map((a, r) => ({
-      datasetIndex: r,
-      type: "scatter",
-      symbolSize: 8,
-      ...w(o)
-    }))
-  };
+function _({ data: e = [], theme: t, formatter: o, labelFormatter: c }) {
+	let l = e.length > 1, u = {
+		type: "value",
+		axisLine: { show: !1 },
+		axisTick: { show: !1 },
+		axisLabel: {
+			fontSize: t.typography.overlineDelicate.fontSize,
+			fontFamily: t.typography.overlineDelicate.fontFamily,
+			showMinLabel: !0,
+			showMaxLabel: !0,
+			hideOverlap: !0,
+			padding: [
+				parseInt(t.spacing(.5)),
+				parseInt(t.spacing(.5)),
+				0,
+				parseInt(t.spacing(.5))
+			],
+			color: t.palette.black[60]
+		},
+		splitLine: {
+			show: !0,
+			lineStyle: { color: t.palette.black[4] }
+		}
+	}, d = {
+		type: "value",
+		axisLabel: {
+			fontSize: t.typography.overlineDelicate.fontSize,
+			fontFamily: t.typography.overlineDelicate.fontFamily,
+			inside: !1,
+			padding: [
+				0,
+				0,
+				parseInt(t.spacing(1.25)),
+				parseInt(t.spacing(3.25))
+			],
+			margin: 0,
+			show: !0,
+			showMaxLabel: !0,
+			showMinLabel: !1,
+			align: "right",
+			verticalAlign: "bottom"
+		},
+		axisLine: { show: !1 },
+		axisTick: { show: !1 },
+		splitLine: {
+			show: !0,
+			lineStyle: { color: t.palette.black[4] }
+		}
+	};
+	return {
+		legend: a({
+			hasLegend: l,
+			labelFormatter: c
+		}),
+		grid: {
+			...!l && { bottom: parseInt(t.spacing(1)) },
+			...l && { bottom: parseInt(t.spacing(10)) }
+		},
+		xAxis: r(u, c),
+		yAxis: i(d, o),
+		tooltip: {
+			trigger: "item",
+			formatter: s((e) => {
+				let t = e.value[e.encode?.y?.at(0) ?? ""], n = typeof t == "number" && o ? o(t) : t ?? "", r = typeof e.marker == "string" ? e.marker : "";
+				return {
+					name: c ? String(c(e.seriesName ?? "")) : e.seriesName ?? "",
+					seriesName: "",
+					marker: r,
+					value: n
+				};
+			})
+		},
+		color: Object.values(t.palette.qualitative.bold),
+		series: e.map((e, t) => ({
+			datasetIndex: t,
+			type: "scatter",
+			symbolSize: 8,
+			...n(o)
+		}))
+	};
 }
-const f = {
-  skeleton: {
-    graph: {
-      container: {
-        ...A.graph.container,
-        position: "relative"
-      }
-    },
-    legend: {
-      display: "flex",
-      alignItems: "center",
-      gap: ({
-        spacing: e
-      }) => e(2),
-      height: ({
-        spacing: e
-      }) => e(5),
-      position: "absolute",
-      bottom: 0
-    }
-  }
-}, T = [{
-  left: "20%",
-  top: "62%"
-}, {
-  left: "26%",
-  top: "70%"
-}, {
-  left: "29%",
-  top: "73%"
-}, {
-  left: "38%",
-  top: "63%"
-}, {
-  left: "41%",
-  top: "68%"
-}, {
-  left: "47%",
-  top: "62%"
-}, {
-  left: "53%",
-  top: "49%"
-}, {
-  left: "56%",
-  top: "55%"
-}, {
-  left: "65%",
-  top: "37%"
-}, {
-  left: "68%",
-  top: "43%"
-}, {
-  left: "77%",
-  top: "59%"
-}, {
-  left: "25%",
-  top: "30%"
-}, {
-  left: "60%",
-  top: "70%"
-}, {
-  left: "10%",
-  top: "55%"
-}, {
-  left: "40%",
-  top: "40%"
-}];
-function J() {
-  const e = b(2);
-  let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = T.map(O), e[0] = t) : t = e[0];
-  let o;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ g(p, { sx: f.skeleton.graph.container, children: [
-    t,
-    /* @__PURE__ */ n(p, { sx: f.skeleton.legend, children: Array(2).fill(0).map(F) })
-  ] }), e[1] = o) : o = e[1], o;
+//#endregion
+//#region src/widgets/scatterplot/style.ts
+var v = { skeleton: {
+	graph: { container: {
+		...l.graph.container,
+		position: "relative"
+	} },
+	legend: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(2),
+		height: ({ spacing: e }) => e(5),
+		position: "absolute",
+		bottom: 0
+	}
+} }, y = [
+	{
+		left: "20%",
+		top: "62%"
+	},
+	{
+		left: "26%",
+		top: "70%"
+	},
+	{
+		left: "29%",
+		top: "73%"
+	},
+	{
+		left: "38%",
+		top: "63%"
+	},
+	{
+		left: "41%",
+		top: "68%"
+	},
+	{
+		left: "47%",
+		top: "62%"
+	},
+	{
+		left: "53%",
+		top: "49%"
+	},
+	{
+		left: "56%",
+		top: "55%"
+	},
+	{
+		left: "65%",
+		top: "37%"
+	},
+	{
+		left: "68%",
+		top: "43%"
+	},
+	{
+		left: "77%",
+		top: "59%"
+	},
+	{
+		left: "25%",
+		top: "30%"
+	},
+	{
+		left: "60%",
+		top: "70%"
+	},
+	{
+		left: "10%",
+		top: "55%"
+	},
+	{
+		left: "40%",
+		top: "40%"
+	}
+];
+function b() {
+	let e = u(2), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = y.map(C), e[0] = t) : t = e[0];
+	let n;
+	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m(d, {
+		sx: v.skeleton.graph.container,
+		children: [t, /* @__PURE__ */ p(d, {
+			sx: v.skeleton.legend,
+			children: [, ,].fill(0).map(x)
+		})]
+	}), e[1] = n) : n = e[1], n;
 }
-function F(e, t) {
-  return /* @__PURE__ */ g(p, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: z
-  }, children: [
-    /* @__PURE__ */ n(c, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ n(c, { width: 48, height: 8 })
-  ] }, `skeleton-${t}`);
+function x(e, t) {
+	return /* @__PURE__ */ m(d, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: S
+		},
+		children: [/* @__PURE__ */ p(f, {
+			variant: "circular",
+			width: 8,
+			height: 8
+		}), /* @__PURE__ */ p(f, {
+			width: 48,
+			height: 8
+		})]
+	}, `skeleton-${t}`);
 }
-function z(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(1.5);
+function S(e) {
+	let { spacing: t } = e;
+	return t(1.5);
 }
-function O(e, t) {
-  return /* @__PURE__ */ n(c, { variant: "circular", width: 12, height: 12, sx: {
-    position: "absolute",
-    top: e.top,
-    left: e.left,
-    transform: "translate(-50%, -50%)"
-  } }, `skeleton-point-${t}`);
+function C(e, t) {
+	return /* @__PURE__ */ p(f, {
+		variant: "circular",
+		width: 12,
+		height: 12,
+		sx: {
+			position: "absolute",
+			top: e.top,
+			left: e.left,
+			transform: "translate(-50%, -50%)"
+		}
+	}, `skeleton-point-${t}`);
 }
-export {
-  J as ScatterplotSkeleton,
-  H as scatterplotConfig,
-  G as scatterplotDownloadConfig
-};
-//# sourceMappingURL=scatterplot.js.map
+//#endregion
+export { b as ScatterplotSkeleton, g as scatterplotConfig, h as scatterplotDownloadConfig };
+
+//# sourceMappingURL=scatterplot.js.map

package/dist/widgets/scatterplot.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatterplot.js","sources":["../../src/widgets/scatterplot/config.ts","../../src/widgets/scatterplot/style.ts","../../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  ScatterplotConfig,\n  ScatterplotWidgetConfig,\n  ScatterplotWidgetData,\n} from './types'\nimport {\n  scatterplotDataToCSV,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const scatterplotDownloadConfig =\n  createChartDownloadConfig<ScatterplotWidgetData>(scatterplotDataToCSV)\n\n/**\n * Generates ECharts configuration for X-Y scatter plot widgets with value axes, legend support, and CARTO qualitative color palette.\n *\n * @param props - Scatterplot configuration including data points and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\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}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      showMinLabel: true,\n      showMaxLabel: true,\n      hideOverlap: true,\n      padding: [\n        parseInt(theme.spacing(0.5)),\n        parseInt(theme.spacing(0.5)),\n        0,\n        parseInt(theme.spacing(0.5)),\n      ],\n      color: theme.palette.black[60],\n    },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      inside: false,\n      padding: [\n        0,\n        0,\n        parseInt(theme.spacing(1.25)),\n        parseInt(theme.spacing(3.25)),\n      ],\n      margin: 0,\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      align: 'right',\n      verticalAlign: 'bottom',\n    },\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: applyXAxisFormatter(xAxis, labelFormatter),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.seriesName ?? ''))\n          : (item.seriesName ?? '')\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: 'scatter',\n      symbolSize: 8,\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    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n      position: 'absolute',\n      bottom: 0,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst SCATTER_POINTS = [\n  { left: '20%', top: '62%' },\n  { left: '26%', top: '70%' },\n  { left: '29%', top: '73%' },\n  { left: '38%', top: '63%' },\n  { left: '41%', top: '68%' },\n  { left: '47%', top: '62%' },\n  { left: '53%', top: '49%' },\n  { left: '56%', top: '55%' },\n  { left: '65%', top: '37%' },\n  { left: '68%', top: '43%' },\n  { left: '77%', top: '59%' },\n  { left: '25%', top: '30%' },\n  { left: '60%', top: '70%' },\n  { left: '10%', top: '55%' },\n  { left: '40%', top: '40%' },\n]\n\nexport function ScatterplotSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\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":["scatterplotDownloadConfig","createChartDownloadConfig","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","parseInt","spacing","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","legend","buildLegendConfig","grid","bottom","applyXAxisFormatter","applyYAxisFormatter","tooltip","trigger","createTooltipFormatter","item","value","index","encode","y","at","_value","formattedValue","marker","name","String","seriesName","Object","values","qualitative","bold","series","map","_","datasetIndex","symbolSize","buildSeriesLabelConfig","styles","skeleton","graph","container","baseSkeletonStyles","position","display","alignItems","gap","height","SCATTER_POINTS","left","top","ScatterplotSkeleton","$","_c","t0","Symbol","for","_temp","t1","Box","jsx","Array","fill","_temp3","i","jsxs","_temp2","Skeleton","point","transform"],"mappings":"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"}
+{"version":3,"file":"scatterplot.js","names":["getCommonOptions","mergeEchartWidgetConfig","EchartOptionsProps","ScatterplotConfig","ScatterplotWidgetConfig","ScatterplotWidgetData","scatterplotDataToCSV","buildLegendConfig","createTooltipFormatter","createChartDownloadConfig","applyYAxisFormatter","applyXAxisFormatter","buildSeriesLabelConfig","scatterplotDownloadConfig","scatterplotConfig","props","type","option","getOption","formatter","labelFormatter","data","theme","hasLegend","length","xAxis","const","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","parseInt","spacing","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","legend","grid","bottom","tooltip","trigger","item","value","Record","index","encode","y","at","_value","formattedValue","marker","name","String","seriesName","Object","values","qualitative","bold","series","map","_","datasetIndex","symbolSize","SxProps","Theme","baseSkeletonStyles","styles","skeleton","graph","container","position","legend","display","alignItems","gap","spacing","height","bottom","Record","Box","Skeleton","styles","SCATTER_POINTS","left","top","ScatterplotSkeleton","$","_c","t0","Symbol","for","map","_temp","t1","skeleton","graph","container","legend","Array","fill","_temp3","_","i","display","alignItems","gap","_temp2","spacing","point","index","position","transform"],"sources":["../../src/widgets/scatterplot/config.ts","../../src/widgets/scatterplot/style.ts","../../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  ScatterplotConfig,\n  ScatterplotWidgetConfig,\n  ScatterplotWidgetData,\n} from './types'\nimport {\n  scatterplotDataToCSV,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const scatterplotDownloadConfig =\n  createChartDownloadConfig<ScatterplotWidgetData>(scatterplotDataToCSV)\n\n/**\n * Generates ECharts configuration for X-Y scatter plot widgets with value axes, legend support, and CARTO qualitative color palette.\n *\n * @param props - Scatterplot configuration including data points and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\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}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      showMinLabel: true,\n      showMaxLabel: true,\n      hideOverlap: true,\n      padding: [\n        parseInt(theme.spacing(0.5)),\n        parseInt(theme.spacing(0.5)),\n        0,\n        parseInt(theme.spacing(0.5)),\n      ],\n      color: theme.palette.black[60],\n    },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      inside: false,\n      padding: [\n        0,\n        0,\n        parseInt(theme.spacing(1.25)),\n        parseInt(theme.spacing(3.25)),\n      ],\n      margin: 0,\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      align: 'right',\n      verticalAlign: 'bottom',\n    },\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: applyXAxisFormatter(xAxis, labelFormatter),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.seriesName ?? ''))\n          : (item.seriesName ?? '')\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: 'scatter',\n      symbolSize: 8,\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    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n      position: 'absolute',\n      bottom: 0,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst SCATTER_POINTS = [\n  { left: '20%', top: '62%' },\n  { left: '26%', top: '70%' },\n  { left: '29%', top: '73%' },\n  { left: '38%', top: '63%' },\n  { left: '41%', top: '68%' },\n  { left: '47%', top: '62%' },\n  { left: '53%', top: '49%' },\n  { left: '56%', top: '55%' },\n  { left: '65%', top: '37%' },\n  { left: '68%', top: '43%' },\n  { left: '77%', top: '59%' },\n  { left: '25%', top: '30%' },\n  { left: '60%', top: '70%' },\n  { left: '10%', top: '55%' },\n  { left: '40%', top: '40%' },\n]\n\nexport function ScatterplotSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\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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"}

package/dist/widgets/selection-summary.js

@@ -1,40 +1,41 @@
-import { jsx as S, jsxs as L } from "react/jsx-runtime";
-import { c as y } from "react/compiler-runtime";
-import { Typography as h, Button as u, Box as b } from "@mui/material";
-const g = {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    flex: "0 0 auto",
-    gap: ({
-      spacing: o
-    }) => o(0.5)
-  }
-}, x = {
-  allSelected: "All selected",
-  selections: (o) => `${o} selected`,
-  clear: "Clear"
+import { c as e } from "react/compiler-runtime";
+import { Box as t, Button as n, Typography as r } from "@mui/material";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/widgets/selection-summary/style.ts
+var o = { root: {
+	display: "flex",
+	alignItems: "center",
+	flex: "0 0 auto",
+	gap: ({ spacing: e }) => e(.5)
+} }, s = {
+	allSelected: "All selected",
+	selections: (e) => `${e} selected`,
+	clear: "Clear"
 };
-function A(o) {
-  const e = y(13), {
-    selections: s,
-    onClear: c,
-    labels: r
-  } = o, i = r?.allSelected ?? x.allSelected, d = r?.selections ?? x.selections, f = r?.clear ?? x.clear;
-  let n;
-  e[0] !== i || e[1] !== s || e[2] !== d ? (n = s > 0 ? d(s) : i, e[0] = i, e[1] = s, e[2] = d, e[3] = n) : n = e[3];
-  const m = n, p = s > 0 && c;
-  let l;
-  e[4] !== m ? (l = /* @__PURE__ */ S(h, { variant: "caption", color: "textSecondary", fontWeight: 500, children: m }), e[4] = m, e[5] = l) : l = e[5];
-  let t;
-  e[6] !== f || e[7] !== c || e[8] !== p ? (t = p && /* @__PURE__ */ S(u, { size: "small", variant: "text", onClick: c, children: f }), e[6] = f, e[7] = c, e[8] = p, e[9] = t) : t = e[9];
-  let a;
-  return e[10] !== l || e[11] !== t ? (a = /* @__PURE__ */ L(b, { sx: g.root, children: [
-    l,
-    t
-  ] }), e[10] = l, e[11] = t, e[12] = a) : a = e[12], a;
+function c(c) {
+	let l = e(13), { selections: u, onClear: d, labels: f } = c, p = f?.allSelected ?? s.allSelected, m = f?.selections ?? s.selections, h = f?.clear ?? s.clear, g;
+	l[0] !== p || l[1] !== u || l[2] !== m ? (g = u > 0 ? m(u) : p, l[0] = p, l[1] = u, l[2] = m, l[3] = g) : g = l[3];
+	let _ = g, v = u > 0 && d, y;
+	l[4] === _ ? y = l[5] : (y = /* @__PURE__ */ i(r, {
+		variant: "caption",
+		color: "textSecondary",
+		fontWeight: 500,
+		children: _
+	}), l[4] = _, l[5] = y);
+	let b;
+	l[6] !== h || l[7] !== d || l[8] !== v ? (b = v && /* @__PURE__ */ i(n, {
+		size: "small",
+		variant: "text",
+		onClick: d,
+		children: h
+	}), l[6] = h, l[7] = d, l[8] = v, l[9] = b) : b = l[9];
+	let x;
+	return l[10] !== y || l[11] !== b ? (x = /* @__PURE__ */ a(t, {
+		sx: o.root,
+		children: [y, b]
+	}), l[10] = y, l[11] = b, l[12] = x) : x = l[12], x;
 }
-export {
-  A as WidgetSelectionSummary
-};
-//# sourceMappingURL=selection-summary.js.map
+//#endregion
+export { c as WidgetSelectionSummary };
+
+//# sourceMappingURL=selection-summary.js.map

package/dist/widgets/selection-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-summary.js","sources":["../../src/widgets/selection-summary/style.ts","../../src/widgets/selection-summary/selection-summary.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: '0 0 auto',\n    gap: ({ spacing }) => spacing(0.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","/* Selection Summary Component */\n\nimport { Box, Button, Typography } from '@mui/material'\nimport type {\n  WidgetSelectionSummaryProps,\n  SelectionSummaryLabels,\n} from './types'\nimport { styles } from './style'\n\nconst DEFAULT_SELECTION_LABELS: SelectionSummaryLabels = {\n  allSelected: 'All selected',\n  selections: (count: number) => `${count} selected`,\n  clear: 'Clear',\n}\n\n/**\n * Displays the count of selected items with an optional clear button. Commonly used with the LockSelection action to show selection state in widgets.\n *\n * @example\n * ```tsx\n * <WidgetSelectionSummary\n *   selections={selectedItems.length}\n *   onClear={() => setSelectedItems([])}\n * />\n * ```\n */\nexport function WidgetSelectionSummary({\n  selections,\n  onClear,\n  labels,\n}: WidgetSelectionSummaryProps) {\n  const allSelectedLabel =\n    labels?.allSelected ?? DEFAULT_SELECTION_LABELS.allSelected\n\n  const selectionsLabel =\n    labels?.selections ?? DEFAULT_SELECTION_LABELS.selections\n\n  const clearLabel = labels?.clear ?? DEFAULT_SELECTION_LABELS.clear\n\n  const displayLabel =\n    selections > 0 ? selectionsLabel(selections) : allSelectedLabel\n\n  const showClearButton = selections > 0 && onClear\n\n  return (\n    <Box sx={styles.root}>\n      <Typography variant='caption' color='textSecondary' fontWeight={500}>\n        {displayLabel}\n      </Typography>\n      {showClearButton && (\n        <Button size='small' variant='text' onClick={onClear}>\n          {clearLabel}\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"names":["styles","root","display","alignItems","flex","gap","spacing","DEFAULT_SELECTION_LABELS","allSelected","selections","count","clear","WidgetSelectionSummary","t0","$","_c","onClear","labels","allSelectedLabel","selectionsLabel","clearLabel","t1","displayLabel","showClearButton","t2","jsx","Typography","t3","Button","t4","Box"],"mappings":";;;AAEO,MAAMA,IAAS;AAAA,EACpBC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,MAAM;AAAA,IACNC,KAAKA,CAAC;AAAA,MAAEC,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,GAAG;AAAA,EAAA;AAErC,GCAMC,IAAmD;AAAA,EACvDC,aAAa;AAAA,EACbC,YAAYA,CAACC,MAAkB,GAAGA,CAAK;AAAA,EACvCC,OAAO;AACT;AAaO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAgC;AAAA,IAAAN,YAAAA;AAAAA,IAAAO,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GAKrCK,IACED,GAAMT,eAAiBD,EAAwBC,aAEjDW,IACEF,GAAMR,cAAgBF,EAAwBE,YAEhDW,IAAmBH,GAAMN,SAAWJ,EAAwBI;AAAM,MAAAU;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAL,KAAAK,EAAA,CAAA,MAAAK,KAGhEE,IAAAZ,IAAa,IAAIU,EAAgBV,CAA6B,IAA9DS,GAA+DJ,OAAAI,GAAAJ,OAAAL,GAAAK,OAAAK,GAAAL,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AADjE,QAAAQ,IACED,GAEFE,IAAwBd,IAAa,KAAbO;AAAyB,MAAAQ;AAAA,EAAAV,SAAAQ,KAI7CE,IAAA,gBAAAC,EAACC,KAAmB,SAAA,WAAgB,OAAA,iBAA4B,8BAEhE,GAAaZ,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,EAAAb,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAAAF,EAAA,CAAA,MAAAS,KACZI,IAAAJ,uBACEK,GAAA,EAAY,MAAA,SAAgB,SAAA,QAAgBZ,SAAAA,GAC1CI,UAAAA,EAAAA,CACH,GACDN,OAAAM,GAAAN,OAAAE,GAAAF,OAAAS,GAAAT,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,SAAAf,EAAA,EAAA,MAAAU,KAAAV,UAAAa,KARHE,sBAACC,GAAA,EAAQ,IAAA9B,EAAMC,MACbuB,UAAAA;AAAAA,IAAAA;AAAAA,IAGCG;AAAAA,EAAAA,GAKH,GAAMb,QAAAU,GAAAV,QAAAa,GAAAb,QAAAe,KAAAA,IAAAf,EAAA,EAAA,GATNe;AASM;"}
+{"version":3,"file":"selection-summary.js","names":["SxProps","Theme","styles","root","display","alignItems","flex","gap","spacing","Record","Box","Button","Typography","WidgetSelectionSummaryProps","SelectionSummaryLabels","styles","DEFAULT_SELECTION_LABELS","allSelected","selections","count","clear","WidgetSelectionSummary","t0","$","_c","onClear","labels","allSelectedLabel","selectionsLabel","clearLabel","t1","displayLabel","showClearButton","t2","t3","t4","root"],"sources":["../../src/widgets/selection-summary/style.ts","../../src/widgets/selection-summary/selection-summary.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: '0 0 auto',\n    gap: ({ spacing }) => spacing(0.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","/* Selection Summary Component */\n\nimport { Box, Button, Typography } from '@mui/material'\nimport type {\n  WidgetSelectionSummaryProps,\n  SelectionSummaryLabels,\n} from './types'\nimport { styles } from './style'\n\nconst DEFAULT_SELECTION_LABELS: SelectionSummaryLabels = {\n  allSelected: 'All selected',\n  selections: (count: number) => `${count} selected`,\n  clear: 'Clear',\n}\n\n/**\n * Displays the count of selected items with an optional clear button. Commonly used with the LockSelection action to show selection state in widgets.\n *\n * @example\n * ```tsx\n * <WidgetSelectionSummary\n *   selections={selectedItems.length}\n *   onClear={() => setSelectedItems([])}\n * />\n * ```\n */\nexport function WidgetSelectionSummary({\n  selections,\n  onClear,\n  labels,\n}: WidgetSelectionSummaryProps) {\n  const allSelectedLabel =\n    labels?.allSelected ?? DEFAULT_SELECTION_LABELS.allSelected\n\n  const selectionsLabel =\n    labels?.selections ?? DEFAULT_SELECTION_LABELS.selections\n\n  const clearLabel = labels?.clear ?? DEFAULT_SELECTION_LABELS.clear\n\n  const displayLabel =\n    selections > 0 ? selectionsLabel(selections) : allSelectedLabel\n\n  const showClearButton = selections > 0 && onClear\n\n  return (\n    <Box sx={styles.root}>\n      <Typography variant='caption' color='textSecondary' fontWeight={500}>\n        {displayLabel}\n      </Typography>\n      {showClearButton && (\n        <Button size='small' variant='text' onClick={onClear}>\n          {clearLabel}\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;AAEA,IAAaE,IAAS,EACpBC,MAAM;CACJC,SAAS;CACTC,YAAY;CACZC,MAAM;CACNC,MAAM,EAAEC,iBAAcA,EAAQ,EAAG;AACnC,EACF,GCAMQ,IAAmD;CACvDC,aAAa;CACbC,aAAaC,MAAkB,GAAGA,EAAK;CACvCC,OAAO;AACT;AAaA,SAAOC,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GAAgC,EAAAN,eAAAO,YAAAC,cAAAJ,GAKrCK,IACED,GAAMT,eAAiBD,EAAwBC,aAEjDW,IACEF,GAAMR,cAAgBF,EAAwBE,YAEhDW,IAAmBH,GAAMN,SAAWJ,EAAwBI,OAAMU;CAAA,AAAAP,EAAA,OAAAI,KAAAJ,EAAA,OAAAL,KAAAK,EAAA,OAAAK,KAGhEE,IAAAZ,IAAa,IAAIU,EAAgBV,CAA6B,IAA9DS,GAA+DJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAL,GAAAK,EAAA,KAAAK,GAAAL,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CADjE,IAAAQ,IACED,GAEFE,IAAwBd,IAAa,KAAbO,GAAyBQ;CAAA,AAAAV,EAAA,OAAAQ,IAMhCE,IAAAV,EAAA,MAFbU,IAAA,kBAAC,GAAD;EAAoB,SAAA;EAAgB,OAAA;EAA4B,YAAA;EAC7DF,UAAAA;CADQ,CAAA,GAEER,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAAA,IAAAC;CAAA,AAAAX,EAAA,OAAAM,KAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAS,KACZE,IAAAF,KACC,kBAAC,GAAD;EAAa,MAAA;EAAgB,SAAA;EAAgBP,SAAAA;EAC1CI,UAAAA;CADI,CAAA,GAGRN,EAAA,KAAAM,GAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAS,GAAAT,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAY;CACG,OADHZ,EAAA,QAAAU,KAAAV,EAAA,QAAAW,KARHC,IAAA,kBAAC,GAAD;EAAS,IAAApB,EAAMqB;EAAf,UAAA,CACEH,GAGCC,CAJC;KASEX,EAAA,MAAAU,GAAAV,EAAA,MAAAW,GAAAX,EAAA,MAAAY,KAAAA,IAAAZ,EAAA,KATNY;AASM"}