@carto/ps-react-ui 5.0.0-widgets.13 → 5.0.0-widgets.14

package/dist/widgets/pie.js

@@ -1,44 +1,45 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { c as x } from "react/compiler-runtime";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
 import "react";
 import "echarts";
 import "../widget-store-CB6Trp_0.js";
 import "zustand/shallow";
-import { g as y } from "../options-D9wflre6.js";
-import { m as _ } from "../utils-D3-eQyDR.js";
-import { f as S, b as w, a as I, d as v } from "../styles-dOu_pRNb.js";
-import { Box as l, Skeleton as a } from "@mui/material";
+import { g as w } from "../options-D9wflre6.js";
+import { m as I } from "../utils-D3-eQyDR.js";
+import { f as C, c as j, d as k, e as A, g as O } from "../styles-CCZnY17y.js";
+import { Box as d, Skeleton as a } from "@mui/material";
 import "@mui/icons-material";
 import "react-markdown";
-import { d as f, a as g } from "../exports-Cr43OCul.js";
+import { d as y, a as x } from "../exports-Cr43OCul.js";
 import "../lasso-tool-BwRzEW7k.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
-function Y({
+function te({
   refUI: e
 }) {
   return [{
-    ...f,
-    modifier: () => f.modifier(e)
+    ...y,
+    modifier: () => y.modifier(e)
   }, {
-    ...g,
+    ...x,
     modifier: async (t) => {
-      const o = S(t);
-      return g.modifier(o);
+      const n = C(t);
+      return x.modifier(n);
     }
   }];
 }
-function ee(e) {
+function oe(e) {
   return {
     type: "pie",
-    option: _(y(e), C(e))
+    option: I(w(e), N(e))
   };
 }
-function C({
+function N({
   data: e = [],
-  theme: t
+  theme: t,
+  formatter: n
 }) {
   if ((e?.length ?? 0) > 1)
     return {
@@ -58,8 +59,8 @@ function C({
         bottom: parseInt(t.spacing(4)),
         right: parseInt(t.spacing(4))
       },
-      series: e.map((s, i) => ({
-        datasetIndex: i,
+      series: e.map((o, l) => ({
+        datasetIndex: l,
         type: "bar",
         barMaxWidth: 100,
         emphasis: {
@@ -67,11 +68,11 @@ function C({
         }
       }))
     };
-  const n = !0;
+  const r = !0;
   return {
-    legend: I(n),
+    legend: A(r),
     grid: {
-      ...w(n, t),
+      ...k(r, t),
       left: 0,
       top: 0,
       right: 0
@@ -83,11 +84,20 @@ function C({
       show: !1
     },
     tooltip: {
-      trigger: "item"
+      trigger: "item",
+      formatter: j((o) => {
+        const l = o.value && typeof o.value == "object" && !Array.isArray(o.value) ? Object.values(o.value) : [], c = o.encode?.value?.at(0), p = l[c ?? 0], u = typeof p == "number" && n ? n(p) : p ?? "", m = typeof o.marker == "string" ? o.marker : "", h = o.seriesName ? `${o.seriesName}: ` : "", b = o.name ?? "";
+        return {
+          name: h,
+          seriesName: b,
+          marker: m,
+          value: u
+        };
+      })
     },
     color: Object.values(t.palette.qualitative.bold),
-    series: e.map((s, i) => ({
-      datasetIndex: i,
+    series: e.map((o, l) => ({
+      datasetIndex: l,
       type: "pie",
       colorBy: "data",
       radius: ["74%", "90%"],
@@ -97,13 +107,16 @@ function C({
       label: {
         show: !0,
         position: "center",
-        formatter: (p) => {
+        formatter: (c) => {
           const {
-            name: b
-          } = p, d = p.encode?.value?.[0];
-          return d === void 0 ? "" : `{c|${Object.values(p.data ?? {}).at(d) ?? ""}}
+            name: p
+          } = c, u = c.encode?.value?.[0];
+          if (u === void 0)
+            return "";
+          const m = Object.values(c.data ?? {}).at(u);
+          return `{c|${typeof m == "number" && n ? n(m) : m ?? ""}}
 
-{b|${b}}`;
+{b|${p}}`;
         },
         rich: {
           b: {
@@ -128,90 +141,90 @@ function C({
     }))
   };
 }
-const j = {
+const T = {
   skeleton: {
-    graph: v.graph
+    graph: O.graph
   }
-}, h = 32, m = 294 - h, u = m - h;
-function te() {
-  const e = x(5);
-  let t, o;
+}, _ = 32, g = 294 - _, v = g - _;
+function ne() {
+  const e = S(5);
+  let t, n;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     position: "relative"
-  }, o = /* @__PURE__ */ r(a, { variant: "circular", width: m, height: m }), e[0] = t, e[1] = o) : (t = e[0], o = e[1]);
-  let n;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r(a, { sx: {
+  }, n = /* @__PURE__ */ i(a, { variant: "circular", width: g, height: g }), e[0] = t, e[1] = n) : (t = e[0], n = e[1]);
+  let s;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ i(a, { sx: {
     position: "absolute",
     zIndex: 1
-  }, variant: "circular", width: u, height: u }), e[2] = n) : n = e[2];
-  let s;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ c(l, { sx: t, children: [
-    o,
+  }, variant: "circular", width: v, height: v }), e[2] = s) : s = e[2];
+  let r;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f(d, { sx: t, children: [
     n,
-    /* @__PURE__ */ c(l, { sx: {
+    s,
+    /* @__PURE__ */ f(d, { sx: {
       position: "absolute",
       zIndex: 2,
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
-      gap: T
+      gap: $
     }, children: [
-      /* @__PURE__ */ r(a, { height: 24, width: 72 }),
-      /* @__PURE__ */ r(a, { height: 8, width: 48 })
+      /* @__PURE__ */ i(a, { height: 24, width: 72 }),
+      /* @__PURE__ */ i(a, { height: 8, width: 48 })
     ] })
-  ] }), e[3] = s) : s = e[3];
-  let i;
-  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ c(l, { sx: j.skeleton.graph.container, children: [
-    s,
-    /* @__PURE__ */ r(l, { sx: {
+  ] }), e[3] = r) : r = e[3];
+  let o;
+  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ f(d, { sx: T.skeleton.graph.container, children: [
+    r,
+    /* @__PURE__ */ i(d, { sx: {
       display: "flex",
       alignItems: "center",
-      gap: E,
-      height: A
-    }, children: Array(2).fill(0).map(O) })
-  ] }), e[4] = i) : i = e[4], i;
+      gap: z,
+      height: W
+    }, children: Array(2).fill(0).map(E) })
+  ] }), e[4] = o) : o = e[4], o;
 }
-function O(e, t) {
-  return /* @__PURE__ */ c(l, { sx: {
+function E(e, t) {
+  return /* @__PURE__ */ f(d, { sx: {
     display: "flex",
     alignItems: "center",
-    gap: k
+    gap: V
   }, children: [
-    /* @__PURE__ */ r(a, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ r(a, { width: 48, height: 8 })
+    /* @__PURE__ */ i(a, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ i(a, { width: 48, height: 8 })
   ] }, t);
 }
-function k(e) {
+function V(e) {
   const {
     spacing: t
   } = e;
   return t(1.5);
 }
-function A(e) {
+function W(e) {
   const {
     spacing: t
   } = e;
   return t(5);
 }
-function E(e) {
+function z(e) {
   const {
     spacing: t
   } = e;
   return t(2);
 }
-function T(e) {
+function $(e) {
   const {
     spacing: t
   } = e;
   return t(1);
 }
 export {
-  te as PieSkeleton,
-  ee as pieConfig,
-  Y as pieDownloadConfig
+  ne as PieSkeleton,
+  oe as pieConfig,
+  te as pieDownloadConfig
 };
 //# sourceMappingURL=pie.js.map

package/dist/widgets/pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie.js","sources":["../../src/widgets/pie/config.ts","../../src/widgets/pie/style.ts","../../src/widgets/pie/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { PieConfig, PieWidgetConfig, PieWidgetData } from './types'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  flattenObjectArrayToCSV,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport function pieDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<PieWidgetData>[] {\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 pieConfig(props: PieConfig): PieWidgetConfig {\n  return {\n    type: 'pie',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({ data = [], theme }: PieConfig): EchartOptionsProps {\n  const multiSeries = (data?.length ?? 0) > 1\n\n  if (multiSeries) {\n    return {\n      xAxis: {\n        type: 'value',\n        show: true,\n      },\n      yAxis: {\n        type: 'category',\n        show: true,\n      },\n      legend: {\n        show: true,\n        bottom: 0,\n      },\n      grid: {\n        bottom: parseInt(theme.spacing(4)),\n        right: parseInt(theme.spacing(4)),\n      },\n      series: data.map((_: unknown, index: number) => ({\n        datasetIndex: index,\n        type: 'bar',\n        barMaxWidth: 100,\n        emphasis: {\n          focus: 'series',\n        },\n      })),\n    }\n  }\n\n  const hasLegend = true\n\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      left: 0,\n      top: 0,\n      right: 0,\n    },\n    xAxis: {\n      show: false,\n    },\n    yAxis: {\n      show: false,\n    },\n    tooltip: {\n      trigger: 'item',\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'pie',\n      colorBy: 'data',\n      radius: ['74%', '90%'],\n      avoidLabelOverlap: true,\n      selectedOffset: 0,\n      bottom: parseInt(theme.spacing(4)),\n\n      label: {\n        show: true,\n        position: 'center',\n        formatter: (params) => {\n          const { name } = params\n          const encodeIndex = params.encode?.value?.[0]\n          if (encodeIndex === undefined) {\n            return ''\n          }\n\n          const value = Object.values(params.data ?? {}).at(encodeIndex) as\n            | number\n            | string\n\n          const formattedValue = value ?? ''\n\n          const nameFormatted = name\n\n          return `{c|${formattedValue}}\\n\\n{b|${nameFormatted}}`\n        },\n        rich: {\n          b: {\n            fontSize: 16,\n            fontWeight: 'normal',\n            lineHeight: 20,\n          },\n          c: {\n            fontSize: 28,\n            fontWeight: 'bold',\n            lineHeight: 27,\n          },\n        },\n      },\n      emphasis: {\n        disabled: true,\n      },\n      itemStyle: {\n        borderColor: theme.palette.background.paper,\n        borderWidth: 1,\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: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst GUTTER = 32\nconst SIZE = 294 - GUTTER\nconst INNER_SIZE = SIZE - GUTTER\n\nexport function PieSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          position: 'relative',\n        }}\n      >\n        <Skeleton variant='circular' width={SIZE} height={SIZE} />\n        <Skeleton\n          sx={{\n            position: 'absolute',\n            zIndex: 1,\n          }}\n          variant='circular'\n          width={INNER_SIZE}\n          height={INNER_SIZE}\n        />\n        <Box\n          sx={{\n            position: 'absolute',\n            zIndex: 2,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: ({ spacing }) => spacing(1),\n          }}\n        >\n          <Skeleton height={24} width={72} />\n          <Skeleton height={8} width={48} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\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":["pieDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","pieConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","length","xAxis","show","yAxis","legend","bottom","grid","parseInt","spacing","right","series","map","_","index","datasetIndex","barMaxWidth","emphasis","focus","hasLegend","buildLegendConfig","buildGridConfig","left","top","tooltip","trigger","color","Object","values","palette","qualitative","bold","colorBy","radius","avoidLabelOverlap","selectedOffset","label","position","formatter","params","name","encodeIndex","encode","value","undefined","at","rich","b","fontSize","fontWeight","lineHeight","c","disabled","itemStyle","borderColor","background","paper","borderWidth","styles","skeleton","graph","baseSkeletonStyles","GUTTER","SIZE","INNER_SIZE","PieSkeleton","$","_c","t0","t1","Symbol","for","display","alignItems","justifyContent","Skeleton","t2","jsx","zIndex","t3","Box","jsxs","flexDirection","gap","_temp","t4","container","_temp2","height","_temp3","Array","fill","_temp5","i","_temp4","spacing_2","spacing_1","spacing_0"],"mappings":"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"}
+{"version":3,"file":"pie.js","sources":["../../src/widgets/pie/config.ts","../../src/widgets/pie/style.ts","../../src/widgets/pie/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { PieConfig, PieWidgetConfig, PieWidgetData } from './types'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  flattenObjectArrayToCSV,\n  createTooltipFormatter,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport function pieDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<PieWidgetData>[] {\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 pieConfig(props: PieConfig): PieWidgetConfig {\n  return {\n    type: 'pie',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n}: PieConfig): EchartOptionsProps {\n  const multiSeries = (data?.length ?? 0) > 1\n\n  if (multiSeries) {\n    return {\n      xAxis: {\n        type: 'value',\n        show: true,\n      },\n      yAxis: {\n        type: 'category',\n        show: true,\n      },\n      legend: {\n        show: true,\n        bottom: 0,\n      },\n      grid: {\n        bottom: parseInt(theme.spacing(4)),\n        right: parseInt(theme.spacing(4)),\n      },\n      series: data.map((_: unknown, index: number) => ({\n        datasetIndex: index,\n        type: 'bar',\n        barMaxWidth: 100,\n        emphasis: {\n          focus: 'series',\n        },\n      })),\n    }\n  }\n\n  const hasLegend = true\n\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      left: 0,\n      top: 0,\n      right: 0,\n    },\n    xAxis: {\n      show: false,\n    },\n    yAxis: {\n      show: false,\n    },\n    tooltip: {\n      trigger: 'item',\n      formatter: createTooltipFormatter((item) => {\n        const value =\n          item.value &&\n          typeof item.value === 'object' &&\n          !Array.isArray(item.value)\n            ? (Object.values(item.value) as (string | number)[])\n            : []\n        const index = item.encode?.value?.at(0)\n        const _value = value[index ?? 0]\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 = item.name ?? ''\n\n        return {\n          name: seriesName,\n          seriesName: name,\n          marker,\n          value: formattedValue,\n        }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'pie',\n      colorBy: 'data',\n      radius: ['74%', '90%'],\n      avoidLabelOverlap: true,\n      selectedOffset: 0,\n      bottom: parseInt(theme.spacing(4)),\n\n      label: {\n        show: true,\n        position: 'center',\n        formatter: (params) => {\n          const { name } = params\n          const encodeIndex = params.encode?.value?.[0]\n          if (encodeIndex === undefined) {\n            return ''\n          }\n\n          const value = Object.values(params.data ?? {}).at(encodeIndex) as\n            | number\n            | string\n\n          const formattedValue =\n            typeof value === 'number' && formatter\n              ? formatter(value)\n              : (value ?? '')\n\n          const nameFormatted = name\n\n          return `{c|${formattedValue}}\\n\\n{b|${nameFormatted}}`\n        },\n        rich: {\n          b: {\n            fontSize: 16,\n            fontWeight: 'normal',\n            lineHeight: 20,\n          },\n          c: {\n            fontSize: 28,\n            fontWeight: 'bold',\n            lineHeight: 27,\n          },\n        },\n      },\n      emphasis: {\n        disabled: true,\n      },\n      itemStyle: {\n        borderColor: theme.palette.background.paper,\n        borderWidth: 1,\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: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst GUTTER = 32\nconst SIZE = 294 - GUTTER\nconst INNER_SIZE = SIZE - GUTTER\n\nexport function PieSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          position: 'relative',\n        }}\n      >\n        <Skeleton variant='circular' width={SIZE} height={SIZE} />\n        <Skeleton\n          sx={{\n            position: 'absolute',\n            zIndex: 1,\n          }}\n          variant='circular'\n          width={INNER_SIZE}\n          height={INNER_SIZE}\n        />\n        <Box\n          sx={{\n            position: 'absolute',\n            zIndex: 2,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: ({ spacing }) => spacing(1),\n          }}\n        >\n          <Skeleton height={24} width={72} />\n          <Skeleton height={8} width={48} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\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":["pieDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","pieConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","formatter","length","xAxis","show","yAxis","legend","bottom","grid","parseInt","spacing","right","series","map","_","index","datasetIndex","barMaxWidth","emphasis","focus","hasLegend","buildLegendConfig","buildGridConfig","left","top","tooltip","trigger","createTooltipFormatter","item","value","Array","isArray","Object","values","encode","at","_value","formattedValue","marker","seriesName","name","color","palette","qualitative","bold","colorBy","radius","avoidLabelOverlap","selectedOffset","label","position","params","encodeIndex","undefined","rich","b","fontSize","fontWeight","lineHeight","c","disabled","itemStyle","borderColor","background","paper","borderWidth","styles","skeleton","graph","baseSkeletonStyles","GUTTER","SIZE","INNER_SIZE","PieSkeleton","$","_c","t0","t1","Symbol","for","display","alignItems","justifyContent","Skeleton","t2","jsx","zIndex","t3","Box","jsxs","flexDirection","gap","_temp","t4","container","_temp2","height","_temp3","fill","_temp5","i","_temp4","spacing_2","spacing_1","spacing_0"],"mappings":";;;;;;;;;;;;;;;;;;AAeO,SAASA,GAAkB;AAAA,EAChCC,OAAAA;AACW,GAAkC;AAC7C,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,GAAUC,GAAmC;AAC3D,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQC,EAAwBC,EAAiBJ,CAAK,GAAGK,EAAUL,CAAK,CAAC;AAAA,EAAA;AAE7E;AAEA,SAASK,EAAU;AAAA,EACjBT,MAAAA,IAAO,CAAA;AAAA,EACPU,OAAAA;AAAAA,EACAC,WAAAA;AACS,GAAuB;AAGhC,OAFqBX,GAAMY,UAAU,KAAK;AAGxC,WAAO;AAAA,MACLC,OAAO;AAAA,QACLR,MAAM;AAAA,QACNS,MAAM;AAAA,MAAA;AAAA,MAERC,OAAO;AAAA,QACLV,MAAM;AAAA,QACNS,MAAM;AAAA,MAAA;AAAA,MAERE,QAAQ;AAAA,QACNF,MAAM;AAAA,QACNG,QAAQ;AAAA,MAAA;AAAA,MAEVC,MAAM;AAAA,QACJD,QAAQE,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,QACjCC,OAAOF,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,MAAA;AAAA,MAElCE,QAAQtB,EAAKuB,IAAI,CAACC,GAAYC,OAAmB;AAAA,QAC/CC,cAAcD;AAAAA,QACdpB,MAAM;AAAA,QACNsB,aAAa;AAAA,QACbC,UAAU;AAAA,UACRC,OAAO;AAAA,QAAA;AAAA,MACT,EACA;AAAA,IAAA;AAIN,QAAMC,IAAY;AAElB,SAAO;AAAA,IACLd,QAAQe,EAAkBD,CAAS;AAAA,IACnCZ,MAAM;AAAA,MACJ,GAAGc,EAAgBF,GAAWpB,CAAK;AAAA,MACnCuB,MAAM;AAAA,MACNC,KAAK;AAAA,MACLb,OAAO;AAAA,IAAA;AAAA,IAETR,OAAO;AAAA,MACLC,MAAM;AAAA,IAAA;AAAA,IAERC,OAAO;AAAA,MACLD,MAAM;AAAA,IAAA;AAAA,IAERqB,SAAS;AAAA,MACPC,SAAS;AAAA,MACTzB,WAAW0B,EAAwBC,CAAAA,MAAS;AAC1C,cAAMC,IACJD,EAAKC,SACL,OAAOD,EAAKC,SAAU,YACtB,CAACC,MAAMC,QAAQH,EAAKC,KAAK,IACpBG,OAAOC,OAAOL,EAAKC,KAAK,IACzB,CAAA,GACAd,IAAQa,EAAKM,QAAQL,OAAOM,GAAG,CAAC,GAChCC,IAASP,EAAMd,KAAS,CAAC,GAEzBsB,IACJ,OAAOD,KAAW,YAAYnC,IAC1BA,EAAUmC,CAAM,IACfA,KAAU,IAEXE,IAAS,OAAOV,EAAKU,UAAW,WAAWV,EAAKU,SAAS,IACzDC,IAAaX,EAAKW,aAAa,GAAGX,EAAKW,UAAU,OAAO,IACxDC,IAAOZ,EAAKY,QAAQ;AAE1B,eAAO;AAAA,UACLA,MAAMD;AAAAA,UACNA,YAAYC;AAAAA,UACZF,QAAAA;AAAAA,UACAT,OAAOQ;AAAAA,QAAAA;AAAAA,MAEX,CAAC;AAAA,IAAA;AAAA,IAEHI,OAAOT,OAAOC,OAAOjC,EAAM0C,QAAQC,YAAYC,IAAI;AAAA,IACnDhC,QAAQtB,EAAKuB,IAAI,CAACC,GAAYC,OAAmB;AAAA,MAC/CC,cAAcD;AAAAA,MACdpB,MAAM;AAAA,MACNkD,SAAS;AAAA,MACTC,QAAQ,CAAC,OAAO,KAAK;AAAA,MACrBC,mBAAmB;AAAA,MACnBC,gBAAgB;AAAA,MAChBzC,QAAQE,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,MAEjCuC,OAAO;AAAA,QACL7C,MAAM;AAAA,QACN8C,UAAU;AAAA,QACVjD,WAAYkD,CAAAA,MAAW;AACrB,gBAAM;AAAA,YAAEX,MAAAA;AAAAA,UAAAA,IAASW,GACXC,IAAcD,EAAOjB,QAAQL,QAAQ,CAAC;AAC5C,cAAIuB,MAAgBC;AAClB,mBAAO;AAGT,gBAAMxB,IAAQG,OAAOC,OAAOkB,EAAO7D,QAAQ,CAAA,CAAE,EAAE6C,GAAGiB,CAAW;AAW7D,iBAAO,MANL,OAAOvB,KAAU,YAAY5B,IACzBA,EAAU4B,CAAK,IACdA,KAAS,EAIW;AAAA;AAAA,KAFLW,CAE6B;AAAA,QACrD;AAAA,QACAc,MAAM;AAAA,UACJC,GAAG;AAAA,YACDC,UAAU;AAAA,YACVC,YAAY;AAAA,YACZC,YAAY;AAAA,UAAA;AAAA,UAEdC,GAAG;AAAA,YACDH,UAAU;AAAA,YACVC,YAAY;AAAA,YACZC,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,MAEFxC,UAAU;AAAA,QACR0C,UAAU;AAAA,MAAA;AAAA,MAEZC,WAAW;AAAA,QACTC,aAAa9D,EAAM0C,QAAQqB,WAAWC;AAAAA,QACtCC,aAAa;AAAA,MAAA;AAAA,IACf,EACA;AAAA,EAAA;AAEN;AC7KO,MAAMC,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,OAAOC,EAAmBD;AAAAA,EAAAA;AAE9B,GCJME,IAAS,IACTC,IAAO,MAAMD,GACbE,IAAaD,IAAOD;AAEnB,SAAAG,KAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC,GAAAC;AAAA,EAAAH,EAAA,CAAA,MAAAI,uBAAAC,IAAA,2BAAA,KAIKH,IAAA;AAAA,IAAAI,SACO;AAAA,IAAMC,YACH;AAAA,IAAQC,gBACJ;AAAA,IAAQhC,UACd;AAAA,EAAA,GAGZ2B,sBAACM,GAAA,EAAiB,SAAA,YAAkBZ,OAAAA,GAAcA,QAAAA,GAAI,GAAIG,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,EAAA,CAAA,MAAAI,uBAAAC,IAAA,2BAAA,KAC1DK,IAAA,gBAAAC,EAACF,KACK,IAAA;AAAA,IAAAjC,UACQ;AAAA,IAAUoC,QACZ;AAAA,EAAA,GAEF,SAAA,YACDd,OAAAA,GACCA,QAAAA,GAAU,GAClBE,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,EAAAb,EAAA,CAAA,MAAAI,uBAAAC,IAAA,2BAAA,KAjBJQ,sBAACC,GAAA,EACK,IAAAZ,GAOJC,UAAAA;AAAAA,IAAAA;AAAAA,IACAO;AAAAA,IASA,gBAAAK,EAACD,KACK,IAAA;AAAA,MAAAtC,UACQ;AAAA,MAAUoC,QACZ;AAAA,MAACN,SACA;AAAA,MAAMU,eACA;AAAA,MAAQT,YACX;AAAA,MAAQC,gBACJ;AAAA,MAAQS,KACnBC;AAAAA,IAAAA,GAGP,UAAA;AAAA,MAAA,gBAAAP,EAACF,GAAA,EAAiB,QAAA,IAAW,OAAA,IAAE;AAAA,MAC/B,gBAAAE,EAACF,GAAA,EAAiB,QAAA,GAAU,OAAA,GAAA,CAAE;AAAA,IAAA,EAAA,CAChC;AAAA,EAAA,GACF,GAAMT,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAI,uBAAAC,IAAA,2BAAA,KAjCRc,sBAACL,GAAA,EAAQ,IAAAtB,EAAMC,SAASC,MAAM0B,WAC5BP,UAAAA;AAAAA,IAAAA;AAAAA,IAiCA,gBAAAF,EAACG,KACK,IAAA;AAAA,MAAAR,SACO;AAAA,MAAMC,YACH;AAAA,MAAQU,KACfI;AAAAA,MAA2BC,QACxBC;AAAAA,IAAAA,GAGTnE,gBAAM,CAAC,EAACoE,KACD,CAAC,EAACrF,IACHsF,CAYJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMzB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA,GA1DNmB;AA0DM;AA5DH,SAAAM,EAAArF,GAAAsF,GAAA;AAAA,SA+CK,gBAAAX,EAACD,KAEK,IAAA;AAAA,IAAAR,SACO;AAAA,IAAMC,YACH;AAAA,IAAQU,KACfU;AAAAA,EAAAA,GAGP,UAAA;AAAA,IAAA,gBAAAhB,EAACF,KAAiB,SAAA,YAAkB,OAAA,GAAW,QAAA,GAAC;AAAA,IAChD,gBAAAE,EAACF,GAAA,EAAgB,OAAA,IAAY,QAAA,EAAA,CAAC;AAAA,EAAA,EAAA,GARzBiB,CASP;AAAM;AAzDX,SAAAC,EAAAzB,GAAA;AAoDe,QAAA;AAAA,IAAAlE,SAAA4F;AAAAA,EAAAA,IAAA1B;AAAW,SAAKlE,EAAQ,GAAG;AAAC;AApD3C,SAAAuF,EAAArB,GAAA;AAyCY,QAAA;AAAA,IAAAlE,SAAA6F;AAAAA,EAAAA,IAAA3B;AAAW,SAAKlE,EAAQ,CAAC;AAAC;AAzCtC,SAAAqF,EAAAnB,GAAA;AAwCS,QAAA;AAAA,IAAAlE,SAAA8F;AAAAA,EAAAA,IAAA5B;AAAW,SAAKlE,EAAQ,CAAC;AAAC;AAxCnC,SAAAkF,EAAAhB,GAAA;AA6BW,QAAA;AAAA,IAAAlE,SAAAA;AAAAA,EAAAA,IAAAkE;AAAW,SAAKlE,EAAQ,CAAC;AAAC;"}

package/dist/widgets/scatterplot.js

@@ -1,124 +1,134 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { c as f } from "react/compiler-runtime";
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { c as b } 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-D3-eQyDR.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 { g as w } from "../options-D9wflre6.js";
+import { m as S } from "../utils-D3-eQyDR.js";
+import { s as v, c as k, b as L, e as I, g as _ } from "../styles-CCZnY17y.js";
+import { Box as s, Skeleton as p } from "@mui/material";
 import "@mui/icons-material";
 import "react-markdown";
-import { d as l, a as r } from "../exports-Cr43OCul.js";
+import { d as c, a as f } from "../exports-Cr43OCul.js";
 import "../lasso-tool-BwRzEW7k.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
-function B({
+function U({
   refUI: e
 }) {
   return [{
-    ...l,
-    modifier: () => l.modifier(e)
+    ...c,
+    modifier: () => c.modifier(e)
   }, {
-    ...r,
+    ...f,
     modifier: async (t) => {
-      const o = d(t);
-      return r.modifier(o);
+      const o = v(t);
+      return f.modifier(o);
     }
   }];
 }
-function G(e) {
+function X(e) {
   return {
     type: "scatterplot",
-    option: m(g(e), h(e))
+    option: S(w(e), T(e))
   };
 }
-function h({
+function T({
   data: e = [],
-  theme: t
+  theme: t,
+  formatter: o
 }) {
-  const o = e.length > 1;
+  const n = 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(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]
+      }
+    }
+  }, 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: u(o),
+    legend: I(n),
     grid: {
-      ...!o && {
+      ...!n && {
         bottom: parseInt(t.spacing(1))
       },
-      ...o && {
+      ...n && {
         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]
-        }
-      }
-    },
+    xAxis: u,
+    yAxis: L(d, o),
     tooltip: {
-      trigger: "item"
+      trigger: "item",
       // position: createTooltipPositioner(theme),
+      formatter: k((a) => {
+        const r = a.value, y = a.encode?.y?.at(0), l = r[y ?? ""], h = typeof l == "number" && o ? o(l) : l ?? "", x = typeof a.marker == "string" ? a.marker : "";
+        return {
+          name: a.seriesName ?? "",
+          seriesName: "",
+          marker: x,
+          value: h
+        };
+      })
     },
     color: Object.values(t.palette.qualitative.bold),
-    series: e.map((v, c) => ({
-      datasetIndex: c,
+    series: e.map((a, r) => ({
+      datasetIndex: r,
       type: "scatter",
       symbolSize: 8
     }))
   };
 }
-const s = {
+const m = {
   skeleton: {
     graph: {
       container: {
-        ...y.graph.container,
+        ..._.graph.container,
         position: "relative"
       }
     },
@@ -135,7 +145,7 @@ const s = {
       bottom: 0
     }
   }
-}, b = [{
+}, C = [{
   left: "20%",
   top: "62%"
 }, {
@@ -181,34 +191,34 @@ const s = {
   left: "40%",
   top: "40%"
 }];
-function R() {
-  const e = f(2);
+function Z() {
+  const e = b(2);
   let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = b.map(S), e[0] = t) : t = e[0];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = C.map(F), e[0] = t) : t = e[0];
   let o;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(a, { sx: s.skeleton.graph.container, children: [
+  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ g(s, { sx: m.skeleton.graph.container, children: [
     t,
-    /* @__PURE__ */ i(a, { sx: s.skeleton.legend, children: Array(2).fill(0).map(x) })
+    /* @__PURE__ */ i(s, { sx: m.skeleton.legend, children: Array(2).fill(0).map(A) })
   ] }), e[1] = o) : o = e[1], o;
 }
-function x(e, t) {
-  return /* @__PURE__ */ p(a, { sx: {
+function A(e, t) {
+  return /* @__PURE__ */ g(s, { sx: {
     display: "flex",
     alignItems: "center",
-    gap: w
+    gap: D
   }, children: [
-    /* @__PURE__ */ i(n, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ i(n, { width: 48, height: 8 })
+    /* @__PURE__ */ i(p, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ i(p, { width: 48, height: 8 })
   ] }, t);
 }
-function w(e) {
+function D(e) {
   const {
     spacing: t
   } = e;
   return t(1.5);
 }
-function S(e, t) {
-  return /* @__PURE__ */ i(n, { variant: "circular", width: 12, height: 12, sx: {
+function F(e, t) {
+  return /* @__PURE__ */ i(p, { variant: "circular", width: 12, height: 12, sx: {
     position: "absolute",
     top: e.top,
     left: e.left,
@@ -216,8 +226,8 @@ function S(e, t) {
   } }, t);
 }
 export {
-  R as ScatterplotSkeleton,
-  G as scatterplotConfig,
-  B as scatterplotDownloadConfig
+  Z as ScatterplotSkeleton,
+  X as scatterplotConfig,
+  U as scatterplotDownloadConfig
 };
 //# sourceMappingURL=scatterplot.js.map