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

package/dist/widgets/scatterplot.js

@@ -1,223 +1,226 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { c as f } from "react/compiler-runtime";
-import "react";
-import "echarts";
-import "../widget-store-CB6Trp_0.js";
-import "zustand/shallow";
-import { g } from "../options-D9wflre6.js";
-import { m } from "../utils-Dv5Z47UQ.js";
-import { s as d, a as u, d as y } from "../styles-dOu_pRNb.js";
-import { Box as a, Skeleton as n } from "@mui/material";
-import "@mui/icons-material";
-import "react-markdown";
-import { d as l, a as r } 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 B({
-  refUI: e
-}) {
-  return [{
-    ...l,
-    modifier: () => l.modifier(e)
-  }, {
-    ...r,
-    modifier: async (t) => {
-      const o = d(t);
-      return r.modifier(o);
-    }
-  }];
+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-B_fdIcD3.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 G(e) {
-  return {
-    type: "scatterplot",
-    option: m(g(e), h(e))
-  };
+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)
+		}))
+	};
 }
-function h({
-  data: e = [],
-  theme: t
-}) {
-  const o = e.length > 1;
-  return {
-    legend: u(o),
-    grid: {
-      ...!o && {
-        bottom: parseInt(t.spacing(1))
-      },
-      ...o && {
-        bottom: parseInt(t.spacing(10))
-      }
-    },
-    xAxis: {
-      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]
-        }
-      }
-    },
-    yAxis: {
-      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]
-        }
-      }
-    },
-    tooltip: {
-      trigger: "item"
-      // position: createTooltipPositioner(theme),
-    },
-    color: Object.values(t.palette.qualitative.bold),
-    series: e.map((v, c) => ({
-      datasetIndex: c,
-      type: "scatter",
-      symbolSize: 8
-    }))
-  };
-}
-const s = {
-  skeleton: {
-    graph: {
-      container: {
-        ...y.graph.container,
-        position: "relative"
-      }
-    },
-    legend: {
-      display: "flex",
-      alignItems: "center",
-      gap: ({
-        spacing: e
-      }) => e(2),
-      height: ({
-        spacing: e
-      }) => e(5),
-      position: "absolute",
-      bottom: 0
-    }
-  }
-}, b = [{
-  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 R() {
-  const e = f(2);
-  let t;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = b.map(S), e[0] = t) : t = e[0];
-  let o;
-  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(a, { sx: s.skeleton.graph.container, children: [
-    t,
-    /* @__PURE__ */ i(a, { sx: s.skeleton.legend, children: Array(2).fill(0).map(x) })
-  ] }), 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 x(e, t) {
-  return /* @__PURE__ */ p(a, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: w
-  }, children: [
-    /* @__PURE__ */ i(n, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ i(n, { width: 48, height: 8 })
-  ] }, 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 w(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(1.5);
+function S(e) {
+	let { spacing: t } = e;
+	return t(1.5);
 }
-function S(e, t) {
-  return /* @__PURE__ */ i(n, { variant: "circular", width: 12, height: 12, sx: {
-    position: "absolute",
-    top: e.top,
-    left: e.left,
-    transform: "translate(-50%, -50%)"
-  } }, 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 {
-  R as ScatterplotSkeleton,
-  G as scatterplotConfig,
-  B 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} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../root/types'\n\nexport function scatterplotDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<ScatterplotWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = scatterplotDataToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\n\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: {\n      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n\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    yAxis: {\n      type: 'value',\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    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\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    })),\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    },\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={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={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","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","hasLegend","length","legend","buildLegendConfig","grid","bottom","parseInt","spacing","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","tooltip","trigger","Object","values","qualitative","bold","series","map","_","index","datasetIndex","symbolSize","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":["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      ))","(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      )","<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>","(_, 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/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\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;AAEO,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":["{\n  selections,\n  onClear,\n  labels,\n}: WidgetSelectionSummaryProps","selections > 0 ? selectionsLabel(selections) : allSelectedLabel","<Typography variant='caption' color='textSecondary' fontWeight={500}>\n        {displayLabel}\n      </Typography>","showClearButton && (\n        <Button size='small' variant='text' onClick={onClear}>\n          {clearLabel}\n        </Button>\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>"],"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,IAAa,IAAS,EACpB,MAAM;CACJ,SAAS;CACT,YAAY;CACZ,MAAM;CACN,MAAM,EAAE,iBAAc,EAAQ,EAAG;AACnC,EACF,GCAM,IAAmD;CACvD,aAAa;CACb,aAAa,MAAkB,GAAG,EAAM;CACxC,OAAO;AACT;AAaA,SAAgB,EAAA,GAIgB;gBAJO,EACrC,eACA,YACA,cAHqCA,GAK/B,IACJ,GAAQ,eAAe,EAAyB,aAE5C,IACJ,GAAQ,cAAc,EAAyB,YAE3C,IAAa,GAAQ,SAAS,EAAyB,OAG3DC;CAA+C,AAAA,EAAA,OAAA,KAAA,EAAA,OAA/C,KAAA,EAAA,OAAiB,KAAjB,IAAA,IAAa,IAAI,EAAgB,CAAU,IAAI,aAA/C,EAAA,KAAA,GAAiB,EAAA,KAAA;CADnB,IAAM,IACJA,GAEI,IAAkB,IAAa,KAAK,GAItCC;CACG,AAAA,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;EAAY,SAAQ;EAAU,OAAM;EAAgB,YAAY;EAC7D,UAAA;CACS,CAAA,GADT,EAAA,KAAA;CAEFC,IAAAA;CAEI,AAAA,EAAA,OAAA,KAAA,EAAA,OAD0C,KAAA,EAAA,OAD9C,KACC,IAAA,KAAA,kBAAC,GAAD;EAAQ,MAAK;EAAQ,SAAQ;EAAO,SAAS;EAC1C,UAAA;CACK,CAAA,GADL,EAAA,KAAA,GAD0C,EAAA,KAAA,GAD9C,EAAA,KAAA;CAJHC,IAAAA;CADF,OAEIF,EAAAA,QAAAA,KAAAA,EAAAA,QAGCC,KAJH,IAAA,kBAAC,GAAD;EAAK,IAAI,EAAO;EAAhB,UAAA,CACED,GAGCC,CAKE;KARHD,EAAAA,MAAAA,GAGCC,EAAAA,MAAAA,2BAJHC;AAWJ"}

package/dist/widgets/skeleton-loader.js

@@ -1,24 +1,24 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as f } from "react/compiler-runtime";
-import { u as m } from "../widget-store-CB6Trp_0.js";
-import { Suspense as u } from "react";
-import { useShallow as d } from "zustand/shallow";
-function h(l) {
-  const e = f(4), {
-    id: r,
-    children: s,
-    Skeleton: t
-  } = l;
-  let i;
-  if (e[0] !== r ? (i = (o) => o.widgets[r]?.isLoading, e[0] = r, e[1] = i) : i = e[1], m(d(i))) {
-    if (!t)
-      return null;
-    let o;
-    return e[2] !== t ? (o = /* @__PURE__ */ n(u, { fallback: null, children: /* @__PURE__ */ n(t, {}) }), e[2] = t, e[3] = o) : o = e[3], o;
-  }
-  return s;
+import { t as e } from "../use-widget-selector-VSPhfhNm.js";
+import { c as t } from "react/compiler-runtime";
+import { Suspense as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/widgets/skeleton-loader/skeleton-loader.tsx
+function i(i) {
+	let o = t(2), { id: s, children: c, Skeleton: l } = i;
+	if (e(s, a)) {
+		if (!l) return null;
+		let e;
+		return o[0] === l ? e = o[1] : (e = /* @__PURE__ */ r(n, {
+			fallback: null,
+			children: /* @__PURE__ */ r(l, {})
+		}), o[0] = l, o[1] = e), e;
+	}
+	return c;
 }
-export {
-  h as SkeletonLoader
-};
-//# sourceMappingURL=skeleton-loader.js.map
+function a(e) {
+	return e?.isLoading;
+}
+//#endregion
+export { i as SkeletonLoader };
+
+//# sourceMappingURL=skeleton-loader.js.map