@carto/ps-react-ui 4.11.3 → 4.12.0

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

@@ -1 +1 @@
-{"version":3,"file":"spread.js","sources":["../../src/widgets-v2/spread/skeleton.tsx","../../src/widgets-v2/spread/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: 2,\n    py: 1,\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 1.5,\n  },\n  block: { width: 200, height: 32 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface SpreadSkeletonProps {\n  count?: number\n}\n\n/**\n * Loading placeholder for the Spread widget. Renders `count` rows, each\n * sized for the `min — max` pair so the layout doesn't jump once data\n * resolves. Mirrors the row-per-item structure of {@link SpreadUI}.\n */\nexport function SpreadSkeleton({ count = 1 }: SpreadSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Skeleton variant='rectangular' sx={styles.block} />\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { SpreadWidgetData } from './types'\n\n/**\n * Download menu items for the Spread widget. Always includes a CSV item\n * with `series, prefix, min, max, suffix, note` columns (one row per\n * entry). When `getCaptureEl` is supplied, prepends a PNG item that\n * rasterises the captured element via `html2canvas`.\n */\nexport function createSpreadDownloadConfig(args: {\n  filename: string\n  getData: () => SpreadWidgetData\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: 'csv',\n    label: 'Download as CSV',\n    resolve: () => {\n      const data = args.getData()\n      const rows: unknown[][] = [\n        ['series', 'prefix', 'min', 'max', 'suffix', 'note'],\n      ]\n      for (const item of data) {\n        rows.push([\n          item.series?.name ?? '',\n          item.prefix ?? '',\n          item.min,\n          item.max,\n          item.suffix ?? '',\n          item.note ?? '',\n        ])\n      }\n      const handle = downloadToCSV(rows)\n      return Promise.resolve({\n        url: handle.url,\n        filename: `${args.filename}.csv`,\n        revoke: handle.revoke,\n      })\n    },\n  })\n  return items\n}\n"],"names":["styles","root","display","flexDirection","gap","py","row","alignItems","block","width","height","SpreadSkeleton","t0","$","_c","count","t1","undefined","t2","Box","Array","from","length","map","_temp","_","i","jsx","Skeleton","createSpreadDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","label","resolve","data","getData","rows","item","series","name","prefix","min","max","suffix","note","handle","downloadToCSV","Promise","url","revoke"],"mappings":";;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLC,IAAI;AAAA,EAAA;AAAA,EAENC,KAAK;AAAA,IACHJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZH,KAAK;AAAA,EAAA;AAAA,EAEPI,OAAO;AAAA,IAAEC,OAAO;AAAA,IAAKC,QAAQ;AAAA,EAAA;AAC/B;AAWO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,SAAAL,SAAAE,KAEtCG,sBAACC,GAAA,EAAQ,IAAAnB,EAAMC,MACZmB,gBAAKC,KAAM;AAAA,IAAAC,QAAUP;AAAAA,EAAAA,CAAO,EAACQ,IAAKC,CAIlC,GACH,GAAMX,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GANNK;AAMM;AARH,SAAAM,EAAAC,GAAAC,GAAA;AAAA,SAIC,gBAAAC,EAACR,GAAA,EAAyB,IAAAnB,EAAMM,KAC9B,UAAA,gBAAAqB,EAACC,GAAA,EAAiB,SAAA,eAAkB,IAAA5B,EAAMQ,MAAAA,CAAM,EAAA,GADxC,OAAOkB,CAAC,EAElB;AAAM;ACpBP,SAASG,EAA2BC,GAMxB;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,IAAoB,CACxB,CAAC,UAAU,UAAU,OAAO,OAAO,UAAU,MAAM,CAAC;AAEtD,iBAAWC,KAAQH;AACjBE,QAAAA,EAAKZ,KAAK,CACRa,EAAKC,QAAQC,QAAQ,IACrBF,EAAKG,UAAU,IACfH,EAAKI,KACLJ,EAAKK,KACLL,EAAKM,UAAU,IACfN,EAAKO,QAAQ,EAAE,CAChB;AAEH,YAAMC,IAASC,EAAcV,CAAI;AACjC,aAAOW,QAAQd,QAAQ;AAAA,QACrBe,KAAKH,EAAOG;AAAAA,QACZtB,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1BuB,QAAQJ,EAAOI;AAAAA,MAAAA,CAChB;AAAA,IACH;AAAA,EAAA,CACD,GACM3B;AACT;"}
+{"version":3,"file":"spread.js","sources":["../../src/widgets-v2/spread/skeleton.tsx","../../src/widgets-v2/spread/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: 2,\n    py: 1,\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 1.5,\n  },\n  block: { width: 200, height: 32 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface SpreadSkeletonProps {\n  count?: number\n}\n\n/**\n * Loading placeholder for the Spread widget. Renders `count` rows, each\n * sized for the `min — max` pair so the layout doesn't jump once data\n * resolves. Mirrors the row-per-item structure of {@link SpreadUI}.\n */\nexport function SpreadSkeleton({ count = 1 }: SpreadSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Skeleton variant='rectangular' sx={styles.block} />\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadItem,\n} from '../actions/download'\nimport type { SpreadWidgetData } from './types'\n\n/**\n * Download menu items for the Spread widget. Always includes a CSV item\n * with `series, prefix, min, max, suffix, note` columns (one row per\n * entry). When `getCaptureEl` is supplied, prepends a PNG item that\n * rasterises the captured element via `html2canvas`.\n */\nexport function createSpreadDownloadConfig(args: {\n  filename: string\n  getData: () => SpreadWidgetData\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    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: () => {\n        const data = args.getData()\n        const rows: unknown[][] = [\n          ['series', 'prefix', 'min', 'max', 'suffix', 'note'],\n        ]\n        for (const item of data) {\n          rows.push([\n            item.series?.name ?? '',\n            item.prefix ?? '',\n            item.min,\n            item.max,\n            item.suffix ?? '',\n            item.note ?? '',\n          ])\n        }\n        return rows\n      },\n    }),\n  )\n  return items\n}\n"],"names":["styles","root","display","flexDirection","gap","py","row","alignItems","block","width","height","SpreadSkeleton","t0","$","_c","count","t1","undefined","t2","Box","Array","from","length","map","_temp","_","i","jsx","Skeleton","createSpreadDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","buildCsvDownloadItem","getRows","data","getData","rows","item","series","name","prefix","min","max","suffix","note"],"mappings":";;;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLC,IAAI;AAAA,EAAA;AAAA,EAENC,KAAK;AAAA,IACHJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZH,KAAK;AAAA,EAAA;AAAA,EAEPI,OAAO;AAAA,IAAEC,OAAO;AAAA,IAAKC,QAAQ;AAAA,EAAA;AAC/B;AAWO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,SAAAL,SAAAE,KAEtCG,sBAACC,GAAA,EAAQ,IAAAnB,EAAMC,MACZmB,gBAAKC,KAAM;AAAA,IAAAC,QAAUP;AAAAA,EAAAA,CAAO,EAACQ,IAAKC,CAIlC,GACH,GAAMX,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GANNK;AAMM;AARH,SAAAM,EAAAC,GAAAC,GAAA;AAAA,SAIC,gBAAAC,EAACR,GAAA,EAAyB,IAAAnB,EAAMM,KAC9B,UAAA,gBAAAqB,EAACC,GAAA,EAAiB,SAAA,eAAkB,IAAA5B,EAAMQ,MAAAA,CAAM,EAAA,GADxC,OAAOkB,CAAC,EAElB;AAAM;ACpBP,SAASG,EAA2BC,GAMxB;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,KACJO,EAAqB;AAAA,IACnBL,UAAUL,EAAKK;AAAAA,IACfM,SAASA,MAAM;AACb,YAAMC,IAAOZ,EAAKa,QAAAA,GACZC,IAAoB,CACxB,CAAC,UAAU,UAAU,OAAO,OAAO,UAAU,MAAM,CAAC;AAEtD,iBAAWC,KAAQH;AACjBE,QAAAA,EAAKX,KAAK,CACRY,EAAKC,QAAQC,QAAQ,IACrBF,EAAKG,UAAU,IACfH,EAAKI,KACLJ,EAAKK,KACLL,EAAKM,UAAU,IACfN,EAAKO,QAAQ,EAAE,CAChB;AAEH,aAAOR;AAAAA,IACT;AAAA,EAAA,CACD,CACH,GACOb;AACT;"}

package/dist/widgets-v2/table.js

@@ -1,77 +1,68 @@
-import { s as d, t as g } from "../table-C9IMbTr0.js";
-import { D as z, a as N, b as q, T as J, c as K, d as M, e as Q, p as W, r as X, f as Y } from "../table-C9IMbTr0.js";
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { c as _ } from "react/compiler-runtime";
-import { TableHead as w, TableRow as u, TableBody as x, TableCell as h, Skeleton as p, Box as E, Table as A } from "@mui/material";
+import { s, t as g } from "../table-B3ZWWhJt.js";
+import { D as q, a as J, b as K, T as M, c as Q, d as W, e as X, p as Y, r as ee, f as te } from "../table-B3ZWWhJt.js";
+import { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import { c as E } from "react/compiler-runtime";
+import { TableHead as w, TableRow as h, TableBody as x, TableCell as u, Skeleton as b, Box as A, Table as C } 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 L } from "../png-item-BE9uEqlD.js";
+import { b as v } from "../png-item-9dNbB37T.js";
+import { b as D } from "../csv-item-hH_Gt7ur.js";
 function V(t) {
-  const e = _(11), {
-    rows: n,
-    columns: c,
-    size: l
-  } = t, b = n === void 0 ? 5 : n, o = c === void 0 ? 4 : c;
-  let a;
-  e[0] !== o ? (a = /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(u, { children: Array.from({
-    length: o
-  }).map(C) }) }), e[0] = o, e[1] = a) : a = e[1];
-  let s;
-  e[2] !== b ? (s = Array.from({
-    length: b
-  }), e[2] = b, e[3] = s) : s = e[3];
+  const e = E(11), {
+    rows: d,
+    columns: f,
+    size: m
+  } = t, c = d === void 0 ? 5 : d, r = f === void 0 ? 4 : f;
+  let l;
+  e[0] !== r ? (l = /* @__PURE__ */ a(w, { children: /* @__PURE__ */ a(h, { children: Array.from({
+    length: r
+  }).map(L) }) }), e[0] = r, e[1] = l) : l = e[1];
+  let o;
+  e[2] !== c ? (o = Array.from({
+    length: c
+  }), e[2] = c, e[3] = o) : o = e[3];
   let i;
-  e[4] !== o || e[5] !== s ? (i = /* @__PURE__ */ r(x, { children: s.map((R, f) => /* @__PURE__ */ r(u, { sx: d.row, children: Array.from({
-    length: o
-  }).map((D, T) => /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(p, { variant: "text", width: "70%", height: 20 }) }, `cell-${f}-${T}`)) }, `row-${f}`)) }), e[4] = o, e[5] = s, e[6] = i) : i = e[6];
-  let m;
-  return e[7] !== l || e[8] !== a || e[9] !== i ? (m = /* @__PURE__ */ r(E, { sx: d.container, "aria-label": "Table skeleton", children: /* @__PURE__ */ v(A, { size: l, sx: d.table, stickyHeader: !0, children: [
-    a,
+  e[4] !== r || e[5] !== o ? (i = /* @__PURE__ */ a(x, { children: o.map((B, p) => /* @__PURE__ */ a(h, { sx: s.row, children: Array.from({
+    length: r
+  }).map((k, T) => /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(b, { variant: "text", width: "70%", height: 20 }) }, `cell-${p}-${T}`)) }, `row-${p}`)) }), e[4] = r, e[5] = o, e[6] = i) : i = e[6];
+  let n;
+  return e[7] !== m || e[8] !== l || e[9] !== i ? (n = /* @__PURE__ */ a(A, { sx: s.container, "aria-label": "Table skeleton", children: /* @__PURE__ */ _(C, { size: m, sx: s.table, stickyHeader: !0, children: [
+    l,
     i
-  ] }) }), e[7] = l, e[8] = a, e[9] = i, e[10] = m) : m = e[10], m;
+  ] }) }), e[7] = m, e[8] = l, e[9] = i, e[10] = n) : n = e[10], n;
 }
-function C(t, e) {
-  return /* @__PURE__ */ r(h, { sx: d.headerCell, children: /* @__PURE__ */ r(p, { variant: "text", width: "80%", height: 24 }) }, `head-${e}`);
+function L(t, e) {
+  return /* @__PURE__ */ a(u, { sx: s.headerCell, children: /* @__PURE__ */ a(b, { variant: "text", width: "80%", height: 24 }) }, `head-${e}`);
 }
-function G(t) {
+function Z(t) {
   const e = [];
-  return t.getCaptureEl && e.push(L({
+  return t.getCaptureEl && e.push(v({
     filename: t.filename,
     getCaptureEl: t.getCaptureEl,
     pixelRatio: t.pngPixelRatio,
     backgroundColor: t.pngBackgroundColor
-  })), e.push({
-    id: "csv",
-    label: "Download as CSV",
-    resolve: () => {
-      const n = g(t.getData(), t.columns), c = new Blob([n], {
-        type: "text/csv;charset=utf-8;"
-      }), l = URL.createObjectURL(c);
-      return Promise.resolve({
-        url: l,
-        filename: `${t.filename}.csv`,
-        revoke: () => URL.revokeObjectURL(l)
-      });
-    }
-  }), e;
+  })), e.push(D({
+    filename: t.filename,
+    getCsv: () => g(t.getData(), t.columns)
+  })), e;
 }
 export {
-  z as DEFAULT_TABLE_LABELS,
-  N as DEFAULT_TABLE_PAGE_SIZE,
-  q as DEFAULT_TABLE_PAGE_SIZE_OPTIONS,
-  J as Table,
+  q as DEFAULT_TABLE_LABELS,
+  J as DEFAULT_TABLE_PAGE_SIZE,
+  K as DEFAULT_TABLE_PAGE_SIZE_OPTIONS,
+  M as Table,
   V as TableSkeleton,
-  K as TableUI,
-  M as compareValues,
-  G as createTableDownloadConfig,
-  Q as deriveVisibleRows,
-  W as paginateRows,
-  X as resolveColumns,
-  Y as sortRows,
+  Q as TableUI,
+  W as compareValues,
+  Z as createTableDownloadConfig,
+  X as deriveVisibleRows,
+  Y as paginateRows,
+  ee as resolveColumns,
+  te as sortRows,
   g as tableDataToCsv
 };
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../src/widgets-v2/table/skeleton.tsx","../../src/widgets-v2/table/download.ts"],"sourcesContent":["import {\n  Box,\n  Skeleton,\n  Table as MuiTable,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow as MuiTableRow,\n  type TableProps as MuiTableProps,\n} from '@mui/material'\nimport { styles } from './style'\n\nexport interface TableSkeletonProps {\n  /** Number of body rows to render. Defaults to `5` (matches v1). */\n  rows?: number\n  /** Number of columns to render. Defaults to `4` (matches v1). */\n  columns?: number\n  /**\n   * Forwarded to MUI's `<Table size>` so the loading layout matches the\n   * size you'll render in {@link TableUI}. Leave `undefined` (the\n   * default) to use MUI's own default density.\n   */\n  size?: MuiTableProps['size']\n}\n\n/**\n * Loading placeholder for the Table widget. Renders the same MUI table\n * primitives that {@link TableUI} uses so the loading layout (column\n * widths, header band, row density) doesn't shift when data resolves.\n *\n * Mirrors the v1 widget's `<TableSkeleton>` structure with v2's themed\n * `styles.headerCell`.\n */\nexport function TableSkeleton({\n  rows = 5,\n  columns = 4,\n  size,\n}: TableSkeletonProps) {\n  return (\n    <Box sx={styles.container} aria-label='Table skeleton'>\n      <MuiTable size={size} sx={styles.table} stickyHeader>\n        <TableHead>\n          <MuiTableRow>\n            {Array.from({ length: columns }).map((_, c) => (\n              <TableCell key={`head-${c}`} sx={styles.headerCell}>\n                <Skeleton variant='text' width='80%' height={24} />\n              </TableCell>\n            ))}\n          </MuiTableRow>\n        </TableHead>\n        <TableBody>\n          {Array.from({ length: rows }).map((_, r) => (\n            <MuiTableRow key={`row-${r}`} sx={styles.row}>\n              {Array.from({ length: columns }).map((__, c) => (\n                <TableCell key={`cell-${r}-${c}`}>\n                  <Skeleton variant='text' width='70%' height={20} />\n                </TableCell>\n              ))}\n            </MuiTableRow>\n          ))}\n        </TableBody>\n      </MuiTable>\n    </Box>\n  )\n}\n","import { buildPngDownloadItem, type DownloadItem } from '../actions/download'\nimport { tableDataToCsv } from './helpers'\nimport type { TableColumn, TableWidgetData } from './types'\n\n/**\n * Download menu items for the Table widget. Always includes a CSV item\n * that pulls the latest data from the widget store via `getData()` (so\n * locked / sorted / filtered state is honored); headers come from\n * `column.label`, cells from `row[column.id]`. When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createTableDownloadConfig(opts: {\n  filename: string\n  getData: () => TableWidgetData\n  columns: readonly TableColumn[]\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (opts.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: opts.filename,\n        getCaptureEl: opts.getCaptureEl,\n        pixelRatio: opts.pngPixelRatio,\n        backgroundColor: opts.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: 'csv',\n    label: 'Download as CSV',\n    resolve: () => {\n      const csv = tableDataToCsv(opts.getData(), opts.columns)\n      const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })\n      const url = URL.createObjectURL(blob)\n      return Promise.resolve({\n        url,\n        filename: `${opts.filename}.csv`,\n        revoke: () => URL.revokeObjectURL(url),\n      })\n    },\n  })\n  return items\n}\n"],"names":["TableSkeleton","t0","$","_c","rows","t1","columns","t2","size","undefined","t3","jsx","TableHead","MuiTableRow","Array","from","length","map","_temp","t4","t5","TableBody","__0","r","styles","row","__","c_0","TableCell","Skeleton","c","t6","Box","container","jsxs","MuiTable","table","_","headerCell","createTableDownloadConfig","opts","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","label","resolve","csv","tableDataToCsv","getData","blob","Blob","type","url","URL","createObjectURL","Promise","revoke","revokeObjectURL"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../src/widgets-v2/table/skeleton.tsx","../../src/widgets-v2/table/download.ts"],"sourcesContent":["import {\n  Box,\n  Skeleton,\n  Table as MuiTable,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow as MuiTableRow,\n  type TableProps as MuiTableProps,\n} from '@mui/material'\nimport { styles } from './style'\n\nexport interface TableSkeletonProps {\n  /** Number of body rows to render. Defaults to `5` (matches v1). */\n  rows?: number\n  /** Number of columns to render. Defaults to `4` (matches v1). */\n  columns?: number\n  /**\n   * Forwarded to MUI's `<Table size>` so the loading layout matches the\n   * size you'll render in {@link TableUI}. Leave `undefined` (the\n   * default) to use MUI's own default density.\n   */\n  size?: MuiTableProps['size']\n}\n\n/**\n * Loading placeholder for the Table widget. Renders the same MUI table\n * primitives that {@link TableUI} uses so the loading layout (column\n * widths, header band, row density) doesn't shift when data resolves.\n *\n * Mirrors the v1 widget's `<TableSkeleton>` structure with v2's themed\n * `styles.headerCell`.\n */\nexport function TableSkeleton({\n  rows = 5,\n  columns = 4,\n  size,\n}: TableSkeletonProps) {\n  return (\n    <Box sx={styles.container} aria-label='Table skeleton'>\n      <MuiTable size={size} sx={styles.table} stickyHeader>\n        <TableHead>\n          <MuiTableRow>\n            {Array.from({ length: columns }).map((_, c) => (\n              <TableCell key={`head-${c}`} sx={styles.headerCell}>\n                <Skeleton variant='text' width='80%' height={24} />\n              </TableCell>\n            ))}\n          </MuiTableRow>\n        </TableHead>\n        <TableBody>\n          {Array.from({ length: rows }).map((_, r) => (\n            <MuiTableRow key={`row-${r}`} sx={styles.row}>\n              {Array.from({ length: columns }).map((__, c) => (\n                <TableCell key={`cell-${r}-${c}`}>\n                  <Skeleton variant='text' width='70%' height={20} />\n                </TableCell>\n              ))}\n            </MuiTableRow>\n          ))}\n        </TableBody>\n      </MuiTable>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadItem,\n} from '../actions/download'\nimport { tableDataToCsv } from './helpers'\nimport type { TableColumn, TableWidgetData } from './types'\n\n/**\n * Download menu items for the Table widget. Always includes a CSV item\n * that pulls the latest data from the widget store via `getData()` (so\n * locked / sorted / filtered state is honored); headers come from\n * `column.label`, cells from `row[column.id]`. When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createTableDownloadConfig(opts: {\n  filename: string\n  getData: () => TableWidgetData\n  columns: readonly TableColumn[]\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (opts.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: opts.filename,\n        getCaptureEl: opts.getCaptureEl,\n        pixelRatio: opts.pngPixelRatio,\n        backgroundColor: opts.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\n    buildCsvDownloadItem({\n      filename: opts.filename,\n      getCsv: () => tableDataToCsv(opts.getData(), opts.columns),\n    }),\n  )\n  return items\n}\n"],"names":["TableSkeleton","t0","$","_c","rows","t1","columns","t2","size","undefined","t3","jsx","TableHead","MuiTableRow","Array","from","length","map","_temp","t4","t5","TableBody","__0","r","styles","row","__","c_0","TableCell","Skeleton","c","t6","Box","container","jsxs","MuiTable","table","_","headerCell","createTableDownloadConfig","opts","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","buildCsvDownloadItem","getCsv","tableDataToCsv","getData"],"mappings":";;;;;;;;;;;;;AAiCO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAuB;AAAA,IAAAC,MAAAC;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,MAAAA;AAAAA,EAAAA,IAAAP,GAC5BG,IAAAC,MAAAI,SAAA,IAAAJ,GACAC,IAAAC,MAAAE,SAAA,IAAAF;AAAW,MAAAG;AAAA,EAAAR,SAAAI,KAMLI,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EACEC,gBAAKC,KAAM;AAAA,IAAAC,QAAUV;AAAAA,EAAAA,CAAS,EAACW,IAAKC,CAIpC,GACH,EAAA,CACF,GAAYhB,OAAAI,GAAAJ,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,SAAAE,KAETe,IAAAL,MAAKC,KAAM;AAAA,IAAAC,QAAUZ;AAAAA,EAAAA,CAAM,GAACF,OAAAE,GAAAF,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,CAAA,MAAAI,KAAAJ,SAAAiB,KAD/BC,IAAA,gBAAAT,EAACU,GAAA,EACEF,UAAAA,EAA4BF,IAAK,CAAAK,GAAAC,MAChC,gBAAAZ,EAACE,GAAA,EAAiC,IAAAW,EAAMC,KACrCX,gBAAKC,KAAM;AAAA,IAAAC,QAAUV;AAAAA,EAAAA,CAAS,EAACW,IAAK,CAAAS,GAAAC,MACnC,gBAAAhB,EAACiB,GAAA,EACC,UAAA,gBAAAjB,EAACkB,GAAA,EAAiB,SAAA,QAAa,OAAA,OAAc,QAAA,GAAA,MAD/B,QAAQN,CAAC,IAAIO,CAAC,EAE9B,CACD,EAAA,GALe,OAAOP,CAAC,EAM1B,CACD,EAAA,CACH,GAAYrB,OAAAI,GAAAJ,OAAAiB,GAAAjB,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAAA,MAAA6B;AAAA,SAAA7B,EAAA,CAAA,MAAAM,KAAAN,SAAAQ,KAAAR,EAAA,CAAA,MAAAkB,KArBhBW,IAAA,gBAAApB,EAACqB,GAAA,EAAQ,IAAAR,EAAMS,WAAuB,cAAA,kBACpC,UAAA,gBAAAC,EAACC,GAAA,EAAe3B,MAAAA,GAAU,IAAAgB,EAAMY,OAAQ,cAAA,IACtC1B,UAAAA;AAAAA,IAAAA;AAAAA,IASAU;AAAAA,EAAAA,EAAAA,CAWF,EAAA,CACF,GAAMlB,OAAAM,GAAAN,OAAAQ,GAAAR,OAAAkB,GAAAlB,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA,GAvBN6B;AAuBM;AA7BH,SAAAb,EAAAmB,GAAAP,GAAA;AAAA,2BAWQF,GAAA,EAAgC,IAAAJ,EAAMc,YACrC,4BAACT,GAAA,EAAiB,SAAA,QAAa,OAAA,OAAc,QAAA,GAAA,CAAE,EAAA,WADzBC,CAAC,EAEzB;AAAY;AC9BnB,SAASS,EAA0BC,GAOvB;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,KACJO,EAAqB;AAAA,IACnBL,UAAUL,EAAKK;AAAAA,IACfM,QAAQA,MAAMC,EAAeZ,EAAKa,QAAAA,GAAWb,EAAKlC,OAAO;AAAA,EAAA,CAC1D,CACH,GACOmC;AACT;"}

package/dist/widgets-v2/timeseries.js

@@ -1,7 +1,7 @@
 import * as G from "echarts";
-import { n as A, d as K, g as V, c as R, f as Y } from "../option-builders-F-c9ELi1.js";
-import { jsxs as O, jsx as y } from "react/jsx-runtime";
-import { c as q } from "react/compiler-runtime";
+import { n as A, d as K, g as R, c as Y, f as q } from "../option-builders-F-c9ELi1.js";
+import { jsxs as v, jsx as d } from "react/jsx-runtime";
+import { c as H } from "react/compiler-runtime";
 import { Box as S, Skeleton as b } from "@mui/material";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
@@ -20,24 +20,24 @@ import "zustand";
 import "zustand/vanilla";
 import "zustand/middleware";
 import "zustand/react/shallow";
-import { Z as B } from "../transforms-Cdx4fkU5.js";
-import { m as H, r as U } from "../resolve-theme-color-BdojIw0K.js";
+import { Z as _ } from "../transforms-Cdx4fkU5.js";
+import { m as U, r as V } from "../resolve-theme-color-BdojIw0K.js";
 import { p as W } from "../data-zoom-layout-CkVnm6ej.js";
-import { a as J } from "../exports-Cx-f6m6U.js";
-import { b as Q } from "../png-item-BE9uEqlD.js";
+import { b as J } from "../png-item-9dNbB37T.js";
+import { b as Q } from "../csv-item-hH_Gt7ur.js";
 function X({
   theme: e,
   formatter: i,
   labelFormatter: r
 }) {
-  let c = 0, a = 1;
+  let c = 0, s = 1;
   return {
     grid: {
       left: parseInt(e.spacing(1)),
       top: parseInt(e.spacing(3)),
       right: parseInt(e.spacing(1)),
       // Default: no legend. Merger bumps this when there are >1 series.
-      ...R(!1, e),
+      ...Y(!1, e),
       containLabel: !0
     },
     tooltip: {
@@ -53,8 +53,8 @@ function X({
       axisPointer: {
         type: "line"
       },
-      position: V(e),
-      formatter: F(i, r)
+      position: R(e),
+      formatter: B(i, r)
     },
     // Legend styling baked here; `show` is toggled by the merger based on
     // series count.
@@ -89,7 +89,7 @@ function X({
     yAxis: {
       type: "value",
       min: (o) => (c = o.min < 0 ? A(o.min) : 0, c),
-      max: (o) => (a = o.max <= 0 ? 1 : A(o.max), a),
+      max: (o) => (s = o.max <= 0 ? 1 : A(o.max), s),
       axisLine: {
         show: !1
       },
@@ -111,40 +111,40 @@ function X({
         showMinLabel: !0,
         verticalAlign: "bottom",
         inside: !0,
-        formatter: (o) => o !== a && o !== c || o === 0 ? "" : i ? i(o) : String(o)
+        formatter: (o) => o !== s && o !== c || o === 0 ? "" : i ? i(o) : String(o)
       }
     }
   };
 }
-function Ie(e) {
+function De(e) {
   const {
     theme: i,
     formatter: r,
     labelFormatter: c,
-    optionsOverride: a
-  } = e, o = e.series, h = e.smooth ?? !0, g = e.area ?? !1, l = e.selection, m = l && l.length > 0 ? new Set(l) : null, s = (t) => t instanceof Date ? t.getTime() : t;
-  return (t, p, k) => {
+    optionsOverride: s
+  } = e, o = e.series, y = e.smooth ?? !0, g = e.area ?? !1, l = e.selection, a = l && l.length > 0 ? new Set(l) : null, m = (t) => t instanceof Date ? t.getTime() : t;
+  return (t, x, F) => {
     if (t == null) {
       const n = X({
         theme: i,
         formatter: r,
         labelFormatter: c
       });
-      return a ? H(n, a) : n;
+      return s ? U(n, s) : n;
     }
-    const w = Array.isArray(p) ? p : [];
+    const w = Array.isArray(x) ? x : [];
     if (w.length === 0)
       return {
         ...t,
         dataset: [],
         series: []
       };
-    const v = w.length > 1, j = Array.isArray(t.series) ? t.series : [], N = j[0] ?? {}, M = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, C = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, P = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, Z = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, L = k?.formatter;
-    let T = 0, I = 1;
-    const D = W(t.dataZoom, v), $ = typeof C.bottom == "number" ? C.bottom : 24, _ = v ? 56 : $, z = D ? _ + B.sliderHeight + B.sliderGap : _, E = {
+    const k = w.length > 1, O = Array.isArray(t.series) ? t.series : [], N = O[0] ?? {}, j = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, I = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, Z = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, P = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, L = F?.formatter;
+    let C = 0, T = 1;
+    const D = W(t.dataZoom, k), $ = typeof I.bottom == "number" ? I.bottom : 24, M = k ? 56 : $, z = D ? M + _.sliderHeight + _.sliderGap : M, E = {
       color: (n) => {
-        const x = n.value?.name, f = n.color;
-        return !m || x == null || m.has(s(x)) ? f : G.color.modifyAlpha(f, 0.15);
+        const h = n.value?.name, p = n.color;
+        return !a || h == null || a.has(m(h)) ? p : G.color.modifyAlpha(p, 0.15);
       }
     };
     return {
@@ -152,22 +152,22 @@ function Ie(e) {
       dataset: w.map((n) => ({
         source: n
       })),
-      series: w.map((n, d) => {
-        const x = j[d] ?? N, f = U(i, o?.[d]?.color);
+      series: w.map((n, u) => {
+        const h = O[u] ?? N, p = V(i, o?.[u]?.color);
         return {
-          ...typeof x == "object" ? x : {},
+          ...typeof h == "object" ? h : {},
           type: "line",
-          datasetIndex: d,
-          name: o?.[d]?.name ?? `Series ${d + 1}`,
+          datasetIndex: u,
+          name: o?.[u]?.name ?? `Series ${u + 1}`,
           encode: {
             x: "name",
             y: "value"
           },
-          smooth: h,
+          smooth: y,
           // When a selection is active, surface markers so the per-point
           // color callback has something to dim — a continuous line would
           // hide the visual selection feedback.
-          showSymbol: m != null,
+          showSymbol: a != null,
           ...g ? {
             areaStyle: {}
           } : {},
@@ -175,53 +175,53 @@ function Ie(e) {
             focus: "series"
           },
           itemStyle: E,
-          ...f ? {
-            color: f,
+          ...p ? {
+            color: p,
             lineStyle: {
-              color: f
+              color: p
             }
           } : {}
         };
       }),
       legend: {
-        ...Z,
-        show: v
+        ...P,
+        show: k
       },
       grid: {
-        ...C,
+        ...I,
         bottom: z
       },
       ...D ? {
         dataZoom: D
       } : {},
       yAxis: {
-        ...M,
-        min: (n) => (T = n.min < 0 ? A(n.min) : 0, T),
-        max: (n) => (I = n.max <= 0 ? 1 : A(n.max), I),
+        ...j,
+        min: (n) => (C = n.min < 0 ? A(n.min) : 0, C),
+        max: (n) => (T = n.max <= 0 ? 1 : A(n.max), T),
         axisLabel: {
-          ...M.axisLabel ?? {},
-          formatter: (n) => n !== I && n !== T || n === 0 ? "" : L ? L(n) : String(n)
+          ...j.axisLabel ?? {},
+          formatter: (n) => n !== T && n !== C || n === 0 ? "" : L ? L(n) : String(n)
         }
       },
       tooltip: {
-        ...P,
-        formatter: F(L, c)
+        ...Z,
+        formatter: B(L, c)
       }
     };
   };
 }
-function F(e, i) {
-  return Y((r) => {
-    const c = r.value, a = c?.value, o = typeof a == "number" && e ? e(a) : a ?? "", h = typeof r.marker == "string" ? r.marker : "", g = r.seriesName ? `${r.seriesName}: ` : "", l = c?.name ?? r.name, m = i && l != null ? i(l instanceof Date ? l : new Date(l)) : l ?? "";
+function B(e, i) {
+  return q((r) => {
+    const c = r.value, s = c?.value, o = typeof s == "number" && e ? e(s) : s ?? "", y = typeof r.marker == "string" ? r.marker : "", g = r.seriesName ? `${r.seriesName}: ` : "", l = c?.name ?? r.name, a = i && l != null ? i(l instanceof Date ? l : new Date(l)) : l ?? "";
     return {
-      name: String(m),
+      name: String(a),
       seriesName: g,
-      marker: h,
+      marker: y,
       value: o
     };
   });
 }
-const u = {
+const f = {
   container: {
     display: "flex",
     flexDirection: "column",
@@ -277,68 +277,62 @@ const u = {
     }) => e(1.5)
   }
 };
-function De() {
-  const e = q(2);
+function ve() {
+  const e = H(2);
   let i;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ O(S, { sx: u.graph, children: [
-    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentA }),
-    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentB }),
-    /* @__PURE__ */ y(b, { variant: "rectangular", sx: u.segmentC })
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ v(S, { sx: f.graph, children: [
+    /* @__PURE__ */ d(b, { variant: "rectangular", sx: f.segmentA }),
+    /* @__PURE__ */ d(b, { variant: "rectangular", sx: f.segmentB }),
+    /* @__PURE__ */ d(b, { variant: "rectangular", sx: f.segmentC })
   ] }), e[0] = i) : i = e[0];
   let r;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ O(S, { sx: u.container, children: [
+  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ v(S, { sx: f.container, children: [
     i,
-    /* @__PURE__ */ y(S, { sx: u.legend, children: [0, 1].map(ee) })
+    /* @__PURE__ */ d(S, { sx: f.legend, children: [0, 1].map(ee) })
   ] }), e[1] = r) : r = e[1], r;
 }
 function ee(e) {
-  return /* @__PURE__ */ O(S, { sx: u.legendItem, children: [
-    /* @__PURE__ */ y(b, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ y(b, { width: 48, height: 8 })
+  return /* @__PURE__ */ v(S, { sx: f.legendItem, children: [
+    /* @__PURE__ */ d(b, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ d(b, { width: 48, height: 8 })
   ] }, `legend-${e}`);
 }
 function Oe(e) {
   const i = [];
-  return e.getCaptureEl && i.push(Q({
+  return e.getCaptureEl && i.push(J({
     filename: e.filename,
     getCaptureEl: e.getCaptureEl,
     pixelRatio: e.pngPixelRatio,
     backgroundColor: e.pngBackgroundColor
-  })), i.push({
-    id: "csv",
-    label: "Download as CSV",
-    resolve: () => {
-      const r = e.getData(), c = r.length, a = [], o = /* @__PURE__ */ new Set();
-      for (const s of r)
-        for (const t of s) {
-          const p = String(t.name);
-          o.has(p) || (o.add(p), a.push(t.name));
+  })), i.push(Q({
+    filename: e.filename,
+    getRows: () => {
+      const r = e.getData(), c = r.length, s = [], o = /* @__PURE__ */ new Set();
+      for (const a of r)
+        for (const m of a) {
+          const t = String(m.name);
+          o.has(t) || (o.add(t), s.push(m.name));
         }
-      const h = r.map((s) => new Map(s.map((t) => [String(t.name), t.value]))), g = ["time"];
-      for (let s = 0; s < c; s++)
-        g.push(e.seriesNames?.[s] ?? `series_${s + 1}`);
+      const y = r.map((a) => new Map(a.map((m) => [String(m.name), m.value]))), g = ["time"];
+      for (let a = 0; a < c; a++)
+        g.push(e.seriesNames?.[a] ?? `series_${a + 1}`);
       const l = [g];
-      for (const s of a) {
-        const t = [te(s)], p = String(s);
-        for (const k of h) t.push(k.get(p) ?? "");
-        l.push(t);
+      for (const a of s) {
+        const m = [te(a)], t = String(a);
+        for (const x of y) m.push(x.get(t) ?? "");
+        l.push(m);
       }
-      const m = J(l);
-      return Promise.resolve({
-        url: m.url,
-        filename: `${e.filename}.csv`,
-        revoke: m.revoke
-      });
+      return l;
     }
-  }), i;
+  })), i;
 }
 function te(e) {
   return e instanceof Date ? e.toISOString() : typeof e == "number" ? new Date(e).toISOString() : e;
 }
 export {
-  De as TimeseriesSkeleton,
+  ve as TimeseriesSkeleton,
   Oe as createTimeseriesDownloadConfig,
-  Ie as createTimeseriesOptionFactory,
+  De as createTimeseriesOptionFactory,
   X as timeseriesOptions
 };
 //# sourceMappingURL=timeseries.js.map