@carto/ps-react-ui 4.11.3 → 4.12.1

package/dist/widgets-v2/markdown.js

@@ -1,14 +1,14 @@
-import { M as L, a as j, b as B } from "../markdown-BD1jcknS.js";
-import { jsx as a } from "react/jsx-runtime";
-import { c as p } from "react/compiler-runtime";
-import { Box as s, Skeleton as c } from "@mui/material";
+import { M as E, a as O, b as S } from "../markdown-BD1jcknS.js";
+import { jsx as i } from "react/jsx-runtime";
+import { c as s } from "react/compiler-runtime";
+import { Box as c, Skeleton as p } from "@mui/material";
 import "react";
 import "@mui/icons-material";
 import "../lasso-tool-CDFj4zKY.js";
 import "../cjs-D4KH3azB.js";
 import "@carto/ps-utils";
 import "html2canvas";
-import { b as d } from "../png-item-BE9uEqlD.js";
+import { b as d, D as f, M as u } from "../png-item-9dNbB37T.js";
 const m = {
   root: {
     display: "flex",
@@ -21,21 +21,21 @@ const m = {
     height: 18
   })
 };
-function R(o) {
-  const e = p(2), {
+function y(o) {
+  const e = s(2), {
     lines: r
   } = o, n = r === void 0 ? 5 : r;
   let t;
   if (e[0] !== n) {
     const l = ["100%", "95%", "90%", "85%", "70%"];
-    t = /* @__PURE__ */ a(s, { sx: m.root, children: Array.from({
+    t = /* @__PURE__ */ i(c, { sx: m.root, children: Array.from({
       length: n
-    }).map((f, i) => /* @__PURE__ */ a(c, { variant: "rectangular", sx: m.line(l[i % l.length] ?? "85%") }, `line-${i}`)) }), e[0] = n, e[1] = t;
+    }).map((k, a) => /* @__PURE__ */ i(p, { variant: "rectangular", sx: m.line(l[a % l.length] ?? "85%") }, `line-${a}`)) }), e[0] = n, e[1] = t;
   } else
     t = e[1];
   return t;
 }
-function y(o) {
+function I(o) {
   const e = [];
   return o.getCaptureEl && e.push(d({
     filename: o.filename,
@@ -43,8 +43,9 @@ function y(o) {
     pixelRatio: o.pngPixelRatio,
     backgroundColor: o.pngBackgroundColor
   })), e.push({
-    id: "md",
-    label: "Download as Markdown",
+    id: f.markdown,
+    label: "Markdown",
+    icon: /* @__PURE__ */ i(u, { fontSize: "small" }),
     resolve: () => {
       const r = o.getData(), n = new Blob([r.content ?? ""], {
         type: "text/markdown;charset=utf-8;"
@@ -58,10 +59,10 @@ function y(o) {
   }), e;
 }
 export {
-  L as Markdown,
-  j as MarkdownContent,
-  R as MarkdownSkeleton,
-  B as MarkdownUI,
-  y as createMarkdownDownloadConfig
+  E as Markdown,
+  O as MarkdownContent,
+  y as MarkdownSkeleton,
+  S as MarkdownUI,
+  I as createMarkdownDownloadConfig
 };
 //# sourceMappingURL=markdown.js.map

package/dist/widgets-v2/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","sources":["../../src/widgets-v2/markdown/skeleton.tsx","../../src/widgets-v2/markdown/download.ts"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    py: 1,\n  },\n  line: (width: string): SxProps<Theme> => ({ width, height: 18 }),\n} as const\n\nexport interface MarkdownSkeletonProps {\n  lines?: number\n}\n\nexport function MarkdownSkeleton({ lines = 5 }: MarkdownSkeletonProps) {\n  // Vary widths to mimic prose.\n  const widths = ['100%', '95%', '90%', '85%', '70%']\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={`line-${i}`}\n          variant='rectangular'\n          sx={styles.line(widths[i % widths.length] ?? '85%')}\n        />\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildPngDownloadItem,\n  toCsvString,\n  triggerLinkDownload,\n  type DownloadItem,\n} from '../actions/download'\nimport type { MarkdownWidgetData } from './types'\n\n/**\n * Download menu items for the Markdown widget. Always includes a `.md`\n * item that saves the markdown source verbatim. When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createMarkdownDownloadConfig(args: {\n  filename: string\n  getData: () => MarkdownWidgetData\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: 'md',\n    label: 'Download as Markdown',\n    resolve: () => {\n      const data = args.getData()\n      const blob = new Blob([data.content ?? ''], {\n        type: 'text/markdown;charset=utf-8;',\n      })\n      const url = URL.createObjectURL(blob)\n      return Promise.resolve({\n        url,\n        filename: `${args.filename}.md`,\n        revoke: () => URL.revokeObjectURL(url),\n      })\n    },\n  })\n  return items\n}\n\n// Re-export pure helpers consumers may want when building a custom Download item.\nexport { toCsvString, triggerLinkDownload }\n"],"names":["styles","root","display","flexDirection","gap","py","line","width","height","MarkdownSkeleton","t0","$","_c","lines","t1","undefined","t2","widths","Box","Array","from","length","map","_","i","jsx","Skeleton","createMarkdownDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","label","resolve","data","getData","blob","Blob","content","type","url","URL","createObjectURL","Promise","revoke","revokeObjectURL"],"mappings":";;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLC,IAAI;AAAA,EAAA;AAAA,EAENC,MAAMA,CAACC,OAAmC;AAAA,IAAEA,OAAAA;AAAAA,IAAOC,QAAQ;AAAA,EAAA;AAC7D;AAMO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAA0B;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,MAAAL,SAAAE,GAAA;AAE1C,UAAAI,IAAe,CAAC,QAAQ,OAAO,OAAO,OAAO,KAAK;AAEhDD,IAAAA,sBAACE,GAAA,EAAQ,IAAAlB,EAAMC,MACZkB,gBAAKC,KAAM;AAAA,MAAAC,QAAUR;AAAAA,IAAAA,CAAO,EAACS,IAAK,CAAAC,GAAAC,MACjC,gBAAAC,EAACC,GAAA,EAES,SAAA,eACJ,IAAA1B,EAAMM,KAAMW,EAAOO,IAAIP,EAAMI,MAAO,KAAxB,KAAkC,KAF7C,QAAQG,CAAC,EAEqC,CAEtD,EAAA,CACH,GAAMb,OAAAE,GAAAF,OAAAK;AAAAA,EAAA;AAAAA,IAAAA,IAAAL,EAAA,CAAA;AAAA,SARNK;AAQM;ACfH,SAASW,EAA6BC,GAM1B;AACjB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjBC,iBAAiBR,EAAKS;AAAAA,EAAAA,CACvB,CACH,GAEFR,EAAME,KAAK;AAAA,IACTO,IAAI;AAAA,IACJC,OAAO;AAAA,IACPC,SAASA,MAAM;AACb,YAAMC,IAAOb,EAAKc,QAAAA,GACZC,IAAO,IAAIC,KAAK,CAACH,EAAKI,WAAW,EAAE,GAAG;AAAA,QAC1CC,MAAM;AAAA,MAAA,CACP,GACKC,IAAMC,IAAIC,gBAAgBN,CAAI;AACpC,aAAOO,QAAQV,QAAQ;AAAA,QACrBO,KAAAA;AAAAA,QACAd,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1BkB,QAAQA,MAAMH,IAAII,gBAAgBL,CAAG;AAAA,MAAA,CACtC;AAAA,IACH;AAAA,EAAA,CACD,GACMlB;AACT;"}
+{"version":3,"file":"markdown.js","sources":["../../src/widgets-v2/markdown/skeleton.tsx","../../src/widgets-v2/markdown/download.tsx"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    py: 1,\n  },\n  line: (width: string): SxProps<Theme> => ({ width, height: 18 }),\n} as const\n\nexport interface MarkdownSkeletonProps {\n  lines?: number\n}\n\nexport function MarkdownSkeleton({ lines = 5 }: MarkdownSkeletonProps) {\n  // Vary widths to mimic prose.\n  const widths = ['100%', '95%', '90%', '85%', '70%']\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={`line-${i}`}\n          variant='rectangular'\n          sx={styles.line(widths[i % widths.length] ?? '85%')}\n        />\n      ))}\n    </Box>\n  )\n}\n","import {\n  DOWNLOAD_ITEM_IDS,\n  MarkdownIcon,\n  buildPngDownloadItem,\n  toCsvString,\n  triggerLinkDownload,\n  type DownloadItem,\n} from '../actions/download'\nimport type { MarkdownWidgetData } from './types'\n\n/**\n * Download menu items for the Markdown widget. Always includes a `.md`\n * item that saves the markdown source verbatim. When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createMarkdownDownloadConfig(args: {\n  filename: string\n  getData: () => MarkdownWidgetData\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: DOWNLOAD_ITEM_IDS.markdown,\n    label: 'Markdown',\n    icon: <MarkdownIcon fontSize='small' />,\n    resolve: () => {\n      const data = args.getData()\n      const blob = new Blob([data.content ?? ''], {\n        type: 'text/markdown;charset=utf-8;',\n      })\n      const url = URL.createObjectURL(blob)\n      return Promise.resolve({\n        url,\n        filename: `${args.filename}.md`,\n        revoke: () => URL.revokeObjectURL(url),\n      })\n    },\n  })\n  return items\n}\n\n// Re-export pure helpers consumers may want when building a custom Download item.\nexport { toCsvString, triggerLinkDownload }\n"],"names":["styles","root","display","flexDirection","gap","py","line","width","height","MarkdownSkeleton","t0","$","_c","lines","t1","undefined","t2","widths","Box","Array","from","length","map","_","i","jsx","Skeleton","createMarkdownDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","DOWNLOAD_ITEM_IDS","markdown","label","icon","MarkdownIcon","resolve","data","getData","blob","Blob","content","type","url","URL","createObjectURL","Promise","revoke","revokeObjectURL"],"mappings":";;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLC,IAAI;AAAA,EAAA;AAAA,EAENC,MAAMA,CAACC,OAAmC;AAAA,IAAEA,OAAAA;AAAAA,IAAOC,QAAQ;AAAA,EAAA;AAC7D;AAMO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAA0B;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,MAAAL,SAAAE,GAAA;AAE1C,UAAAI,IAAe,CAAC,QAAQ,OAAO,OAAO,OAAO,KAAK;AAEhDD,IAAAA,sBAACE,GAAA,EAAQ,IAAAlB,EAAMC,MACZkB,gBAAKC,KAAM;AAAA,MAAAC,QAAUR;AAAAA,IAAAA,CAAO,EAACS,IAAK,CAAAC,GAAAC,MACjC,gBAAAC,EAACC,GAAA,EAES,SAAA,eACJ,IAAA1B,EAAMM,KAAMW,EAAOO,IAAIP,EAAMI,MAAO,KAAxB,KAAkC,KAF7C,QAAQG,CAAC,EAEqC,CAEtD,EAAA,CACH,GAAMb,OAAAE,GAAAF,OAAAK;AAAAA,EAAA;AAAAA,IAAAA,IAAAL,EAAA,CAAA;AAAA,SARNK;AAQM;ACbH,SAASW,EAA6BC,GAM1B;AACjB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjBC,iBAAiBR,EAAKS;AAAAA,EAAAA,CACvB,CACH,GAEFR,EAAME,KAAK;AAAA,IACTO,IAAIC,EAAkBC;AAAAA,IACtBC,OAAO;AAAA,IACPC,MAAM,gBAAAjB,EAACkB,GAAA,EAAa,UAAS,QAAA,CAAO;AAAA,IACpCC,SAASA,MAAM;AACb,YAAMC,IAAOjB,EAAKkB,QAAAA,GACZC,IAAO,IAAIC,KAAK,CAACH,EAAKI,WAAW,EAAE,GAAG;AAAA,QAC1CC,MAAM;AAAA,MAAA,CACP,GACKC,IAAMC,IAAIC,gBAAgBN,CAAI;AACpC,aAAOO,QAAQV,QAAQ;AAAA,QACrBO,KAAAA;AAAAA,QACAlB,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1BsB,QAAQA,MAAMH,IAAII,gBAAgBL,CAAG;AAAA,MAAA,CACtC;AAAA,IACH;AAAA,EAAA,CACD,GACMtB;AACT;"}

package/dist/widgets-v2/pie.js

@@ -1,8 +1,8 @@
-import * as w from "echarts";
-import { g as L, d as N, h as j, c as T, f as C, n as A } from "../option-builders-F-c9ELi1.js";
-import { jsx as I } from "react/jsx-runtime";
-import { c as O } from "react/compiler-runtime";
-import { Box as P, Skeleton as $ } from "@mui/material";
+import * as N from "echarts";
+import { g as O, d as D, i as P, c as $, f as T, n as F } from "../option-builders-DPeoyQaM.js";
+import { jsx as x, jsxs as A } from "react/jsx-runtime";
+import { c as z } from "react/compiler-runtime";
+import { Skeleton as I, Box as w } from "@mui/material";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import "@mui/icons-material";
@@ -15,23 +15,23 @@ import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
 import "react-dom";
-import { m as V, r as D } from "../resolve-theme-color-BdojIw0K.js";
+import { m as E, r as M } from "../resolve-theme-color-BdojIw0K.js";
 import "../widget-context-DTGO0Yta.js";
 import "zustand";
 import "zustand/vanilla";
 import "zustand/middleware";
 import "zustand/react/shallow";
-import { a as M } from "../exports-Cx-f6m6U.js";
-import { b as z } from "../png-item-BE9uEqlD.js";
-const B = ["58%", "74%"];
-function _({
+import { b as V } from "../png-item-9dNbB37T.js";
+import { b as B } from "../csv-item-hH_Gt7ur.js";
+const R = ["58%", "74%"];
+function H({
   theme: e,
   formatter: r,
   labelFormatter: t
 }) {
   return {
     legend: {
-      ...N({
+      ...D({
         hasLegend: !0,
         labelFormatter: t
       }),
@@ -60,8 +60,8 @@ function _({
         fontSize: 11,
         fontFamily: e.typography.caption.fontFamily
       },
-      position: L(e),
-      formatter: k(r, t)
+      position: O(e),
+      formatter: _(r, t)
     },
     // V1 used `qualitative.bold` only (no `secondary.main` prefix) because
     // pie slices are categorical — each slice deserves a distinct palette
@@ -101,59 +101,59 @@ function _({
     }]
   };
 }
-function ye(e) {
+function ve(e) {
   const {
     theme: r,
     formatter: t,
-    labelFormatter: n,
+    labelFormatter: a,
     optionsOverride: o,
-    series: s
-  } = e, c = e.radius ?? B, d = e.selection, m = d && d.length > 0 ? new Set(d) : null;
-  return (u, p, b) => {
-    if (u == null) {
-      const v = _({
+    series: n
+  } = e, c = e.radius ?? R, u = e.selection, g = u && u.length > 0 ? new Set(u) : null;
+  return (d, f, b) => {
+    if (d == null) {
+      const h = H({
         theme: r,
         formatter: t,
-        labelFormatter: n
+        labelFormatter: a
       });
-      return o ? V(v, o) : v;
+      return o ? E(h, o) : h;
     }
-    const g = Array.isArray(p) ? p : [];
-    return g.length === 0 ? {
-      ...u,
+    const p = Array.isArray(f) ? f : [];
+    return p.length === 0 ? {
+      ...d,
       dataset: [],
       series: []
-    } : g.length > 1 ? E(u, g, r, s, b, m) : W(u, g, c, s, b, m);
+    } : p.length > 1 ? G(d, p, r, n, b, g) : W(d, p, c, n, b, g);
   };
 }
-function W(e, r, t, n, o, s) {
-  const c = Array.isArray(e.series) ? e.series : [], d = c[0] ?? {}, m = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, u = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, p = o?.formatter, b = o?.labelFormatter, g = Array.isArray(e.color) ? e.color : [], v = (a) => (g.length > 0 ? g[a.dataIndex % g.length] : void 0) ?? a.color, S = (a) => {
-    const l = v(a);
-    if (!s) return l;
-    const f = a.value?.name ?? a.name;
-    return f != null && s.has(f) ? l : w.color.modifyAlpha(l, 0.15);
-  }, i = (a) => {
+function W(e, r, t, a, o, n) {
+  const c = Array.isArray(e.series) ? e.series : [], u = c[0] ?? {}, g = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, d = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, f = o?.formatter, b = o?.labelFormatter, p = Array.isArray(e.color) ? e.color : [], h = (i) => (p.length > 0 ? p[i.dataIndex % p.length] : void 0) ?? i.color, C = (i) => {
+    const l = h(i);
+    if (!n) return l;
+    const m = i.value?.name ?? i.name;
+    return m != null && n.has(m) ? l : N.color.modifyAlpha(l, 0.15);
+  }, s = (i) => {
     const {
       name: l
-    } = a, y = a.encode?.value?.[0];
+    } = i, y = i.encode?.value?.[0];
     if (y === void 0) return "";
-    const f = Object.values(a.data ?? {}).at(y), h = typeof f == "number" ? p ? p(f) : String(f) : typeof f == "string" ? f : "", x = String(b ? b(l ?? "") : l ?? "");
-    return `{c|${h}}
+    const m = Object.values(i.data ?? {}).at(y), S = typeof m == "number" ? f ? f(m) : String(m) : typeof m == "string" ? m : "", j = String(b ? b(l ?? "") : l ?? "");
+    return `{c|${S}}
 
-{b|${x}}`;
+{b|${j}}`;
   };
   return {
     ...e,
-    dataset: r.map((a) => ({
-      source: a
+    dataset: r.map((i) => ({
+      source: i
     })),
-    series: r.map((a, l) => {
-      const y = c[l] ?? d, f = typeof y == "object" ? y : {}, h = f.label ?? {}, x = f.itemStyle ?? {};
+    series: r.map((i, l) => {
+      const y = c[l] ?? u, m = typeof y == "object" ? y : {}, S = m.label ?? {}, j = m.itemStyle ?? {};
       return {
-        ...f,
+        ...m,
         type: "pie",
         datasetIndex: l,
-        name: n?.[l]?.name ?? `Series ${l + 1}`,
+        name: a?.[l]?.name ?? `Series ${l + 1}`,
         radius: [...t],
         // Lift the donut up so the bottom-anchored legend has the
         // vertical real estate to wrap to multiple rows for long
@@ -166,64 +166,64 @@ function W(e, r, t, n, o, s) {
           value: "value"
         },
         label: {
-          ...h,
-          formatter: i
+          ...S,
+          formatter: s
         },
         itemStyle: {
-          ...x,
-          color: S
+          ...j,
+          color: C
         }
       };
     }),
     // Legend always shows for pie (mirrors v1) — slice names drive the
     // entries, so even a single donut benefits from a category list.
     legend: {
-      ...u,
+      ...d,
       show: !0
     },
     tooltip: {
-      ...m,
-      formatter: k(p, b)
+      ...g,
+      formatter: _(f, b)
     }
   };
 }
-function E(e, r, t, n, o, s) {
-  const c = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, d = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, m = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, u = o?.formatter, p = o?.labelFormatter, {
+function G(e, r, t, a, o, n) {
+  const c = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, u = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, g = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, d = o?.formatter, f = o?.labelFormatter, {
     niceMinVal: b,
-    niceMaxVal: g
-  } = R(r), v = Array.isArray(e.color) ? e.color : [], S = (i) => {
-    const a = i.seriesIndex ?? 0, y = (v.length > 0 ? v[a % v.length] : void 0) ?? i.color;
-    if (!s) return y;
-    const h = i.value?.name ?? i.name;
-    return h != null && s.has(h) ? y : w.color.modifyAlpha(y, 0.15);
+    niceMaxVal: p
+  } = Z(r), h = Array.isArray(e.color) ? e.color : [], C = (s) => {
+    const i = s.seriesIndex ?? 0, y = (h.length > 0 ? h[i % h.length] : void 0) ?? s.color;
+    if (!n) return y;
+    const S = s.value?.name ?? s.name;
+    return S != null && n.has(S) ? y : N.color.modifyAlpha(y, 0.15);
   };
   return {
     ...e,
-    dataset: r.map((i) => ({
-      source: i
+    dataset: r.map((s) => ({
+      source: s
     })),
     grid: {
-      ...m,
-      ...T(!0, t),
+      ...g,
+      ...$(!0, t),
       right: parseInt(t.spacing(4)),
       containLabel: !0
     },
     // Drop pie-specific structural keys that shouldn't render in the
     // bar fallback. ECharts ignores undefined keys, so this is a clean
     // override.
-    series: r.map((i, a) => {
-      const l = D(t, n?.[a]?.color);
+    series: r.map((s, i) => {
+      const l = M(t, a?.[i]?.color);
       return {
-        datasetIndex: a,
+        datasetIndex: i,
         type: "bar",
-        name: n?.[a]?.name ?? `Series ${a + 1}`,
+        name: a?.[i]?.name ?? `Series ${i + 1}`,
         barMaxWidth: 100,
         emphasis: {
           focus: "series"
         },
-        ...j(u, "x"),
+        ...P(d, "x"),
         itemStyle: {
-          color: S
+          color: C
         },
         ...l ? {
           color: l
@@ -235,7 +235,7 @@ function E(e, r, t, n, o, s) {
       // Closures over the pre-computed nice bounds — ECharts calls them
       // once per render to resolve the axis extents.
       min: () => b,
-      max: () => g,
+      max: () => p,
       axisLine: {
         show: !1
       },
@@ -262,7 +262,7 @@ function E(e, r, t, n, o, s) {
         margin: parseInt(t.spacing(1)),
         showMaxLabel: !0,
         showMinLabel: !0,
-        formatter: (i) => i !== g && i !== b || i === 0 ? "" : u ? u(i) : String(i)
+        formatter: (s) => s !== p && s !== b || s === 0 ? "" : d ? d(s) : String(s)
       }
     },
     yAxis: {
@@ -275,111 +275,159 @@ function E(e, r, t, n, o, s) {
       },
       axisLabel: {
         padding: [parseInt(t.spacing(0.5)), 0, 0, 0],
-        ...p && {
-          formatter: (i) => String(p(i))
+        ...f && {
+          formatter: (s) => String(f(s))
         }
       }
     },
     legend: {
-      ...d,
+      ...u,
       show: !0
     },
     tooltip: {
       ...c,
       trigger: "axis",
-      formatter: H(u, p)
+      formatter: U(d, f)
     }
   };
 }
-function H(e, r) {
-  return C((t) => {
-    const n = t.encode?.x?.at(0), o = n !== void 0 ? t.dimensionNames?.[n] : void 0, s = t.value && typeof t.value == "object" && !Array.isArray(t.value) ? t.value : void 0, c = o && s ? s[o] : void 0, d = typeof c == "number" && e ? e(c) : c ?? "", m = typeof t.marker == "string" ? t.marker : "", u = t.seriesName ? `${t.seriesName}: ` : "";
+function U(e, r) {
+  return T((t) => {
+    const a = t.encode?.x?.at(0), o = a !== void 0 ? t.dimensionNames?.[a] : void 0, n = t.value && typeof t.value == "object" && !Array.isArray(t.value) ? t.value : void 0, c = o && n ? n[o] : void 0, u = typeof c == "number" && e ? e(c) : c ?? "", g = typeof t.marker == "string" ? t.marker : "", d = t.seriesName ? `${t.seriesName}: ` : "";
     return {
       name: String(r ? r(t.name ?? "") : t.name ?? ""),
-      seriesName: u,
-      marker: m,
-      value: d
+      seriesName: d,
+      marker: g,
+      value: u
     };
   });
 }
-function R(e) {
+function Z(e) {
   let r = 0, t = -1 / 0;
-  for (const n of e)
-    for (const o of n)
+  for (const a of e)
+    for (const o of a)
       typeof o?.value != "number" || !Number.isFinite(o.value) || (o.value < r && (r = o.value), o.value > t && (t = o.value));
   return {
-    niceMinVal: r < 0 ? A(r) : 0,
-    niceMaxVal: t <= 0 ? 1 : A(t)
+    niceMinVal: r < 0 ? F(r) : 0,
+    niceMaxVal: t <= 0 ? 1 : F(t)
   };
 }
-function k(e, r) {
-  return C((t) => {
-    const n = t.encode?.value?.at(0) ?? 1, s = (t.value && typeof t.value == "object" && !Array.isArray(t.value) ? Object.values(t.value) : [])[n], c = typeof s == "number" && e ? e(s) : s ?? "", d = typeof t.marker == "string" ? t.marker : "", m = t.seriesName ? `${t.seriesName}: ` : "";
+function _(e, r) {
+  return T((t) => {
+    const a = t.encode?.value?.at(0) ?? 1, n = (t.value && typeof t.value == "object" && !Array.isArray(t.value) ? Object.values(t.value) : [])[a], c = typeof n == "number" && e ? e(n) : n ?? "", u = typeof t.marker == "string" ? t.marker : "", g = t.seriesName ? `${t.seriesName}: ` : "";
     return {
       name: String(r ? r(t.name ?? "") : t.name ?? ""),
-      seriesName: m,
-      marker: d,
+      seriesName: g,
+      marker: u,
       value: c
     };
   });
 }
-const F = {
+const L = 160, k = 96, v = {
   root: {
     display: "flex",
+    flexDirection: "column",
     alignItems: "center",
     justifyContent: "center",
     minHeight: 200,
     py: 1,
-    gap: 2
+    gap: ({
+      spacing: e
+    }) => e(2)
   },
   donut: {
-    width: 160,
-    height: 160,
-    borderRadius: "50%"
+    position: "relative",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  ring: {
+    width: L,
+    height: L
+  },
+  hole: {
+    position: "absolute",
+    zIndex: 1,
+    width: k,
+    height: k,
+    borderRadius: "50%",
+    bgcolor: "background.paper"
+  },
+  label: {
+    position: "absolute",
+    zIndex: 2,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: ({
+      spacing: e
+    }) => e(0.5)
+  },
+  legend: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: e
+    }) => e(2)
+  },
+  legendItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: e
+    }) => e(1.5)
   }
 };
-function be(e) {
-  const r = O(2), {
-    count: t
-  } = e, n = t === void 0 ? 1 : t;
+function xe(e) {
+  const r = z(4);
+  let t, a;
+  r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ x(I, { variant: "circular", sx: v.ring }), a = /* @__PURE__ */ x(w, { sx: v.hole }), r[0] = t, r[1] = a) : (t = r[0], a = r[1]);
   let o;
-  return r[0] !== n ? (o = /* @__PURE__ */ I(P, { sx: F.root, children: Array.from({
-    length: n
-  }).map(G) }), r[0] = n, r[1] = o) : o = r[1], o;
+  r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ A(w, { sx: v.donut, children: [
+    t,
+    a,
+    /* @__PURE__ */ A(w, { sx: v.label, children: [
+      /* @__PURE__ */ x(I, { width: 56, height: 18 }),
+      /* @__PURE__ */ x(I, { width: 36, height: 8 })
+    ] })
+  ] }), r[2] = o) : o = r[2];
+  let n;
+  return r[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ A(w, { sx: v.root, children: [
+    o,
+    /* @__PURE__ */ x(w, { sx: v.legend, children: [0, 1].map(q) })
+  ] }), r[3] = n) : n = r[3], n;
 }
-function G(e, r) {
-  return /* @__PURE__ */ I($, { variant: "circular", sx: F.donut }, `donut-${r}`);
+function q(e) {
+  return /* @__PURE__ */ A(w, { sx: v.legendItem, children: [
+    /* @__PURE__ */ x(I, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ x(I, { width: 48, height: 8 })
+  ] }, `legend-${e}`);
 }
-function ve(e) {
+function Se(e) {
   const r = [];
-  return e.getCaptureEl && r.push(z({
+  return e.getCaptureEl && r.push(V({
     filename: e.filename,
     getCaptureEl: e.getCaptureEl,
     pixelRatio: e.pngPixelRatio,
     backgroundColor: e.pngBackgroundColor
-  })), r.push({
-    id: "csv",
-    label: "Download as CSV",
-    resolve: () => {
-      const t = e.getData(), n = [["series", "name", "value"]];
-      for (const [s, c] of t.entries()) {
-        const d = e.seriesNames?.[s] ?? `series_${s + 1}`;
-        for (const m of c)
-          n.push([d, m.name, m.value]);
+  })), r.push(B({
+    filename: e.filename,
+    getRows: () => {
+      const t = e.getData(), a = [["series", "name", "value"]];
+      for (const [o, n] of t.entries()) {
+        const c = e.seriesNames?.[o] ?? `series_${o + 1}`;
+        for (const u of n)
+          a.push([c, u.name, u.value]);
       }
-      const o = M(n);
-      return Promise.resolve({
-        url: o.url,
-        filename: `${e.filename}.csv`,
-        revoke: o.revoke
-      });
+      return a;
     }
-  }), r;
+  })), r;
 }
 export {
-  be as PieSkeleton,
-  ve as createPieDownloadConfig,
-  ye as createPieOptionFactory,
-  _ as pieOptions
+  xe as PieSkeleton,
+  Se as createPieDownloadConfig,
+  ve as createPieOptionFactory,
+  H as pieOptions
 };
 //# sourceMappingURL=pie.js.map