@carto/ps-react-ui 5.1.0 → 5.2.0

package/dist/{spread-Ccpg9fi0.js.map → spread-CgCTKPQD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spread-Ccpg9fi0.js","names":["<Value color='inherit'>-</Value>","{ items, formatter, ref }: SpreadUIProps","(n: number) => String(n)","items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))","(item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      )","<Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))}\n    </Box>","<SpreadUI items={slice.data} formatter={slice.formatter} />","data","formatter","{ count = 1 }: SpreadSkeletonProps","count = 1","<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>","(_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Skeleton variant='rectangular' sx={styles.block} />\n        </Box>\n      )"],"sources":["../src/widgets-v2/spread/separator.tsx","../src/widgets-v2/spread/spread-ui.tsx","../src/widgets-v2/spread/spread.tsx","../src/widgets-v2/spread/skeleton.tsx","../src/widgets-v2/spread/download.ts","../src/widgets-v2/spread/band.ts"],"sourcesContent":["import { Value } from '../formula'\n\n/**\n * Em-dash separator placed between a Spread row's `min` and `max` values.\n * Built from the Formula {@link Value} primitive so typography (h5/600,\n * baseline alignment) matches the numbers around it. Renders with\n * `text.secondary` so it visually recedes between the two bounds.\n */\nexport function Separator() {\n  return <Value color='inherit'>-</Value>\n}\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport { Note, Prefix, Series, Suffix, Value } from '../formula'\nimport { styles } from '../formula/style'\nimport { Separator } from './separator'\nimport type { SpreadDataItem } from './types'\n\nexport interface SpreadUIProps {\n  items: readonly SpreadDataItem[]\n  /** Number formatter — applied to each item's `min` and `max`. */\n  formatter?: (value: number) => string\n  /** Forwarded to the root `<Box>` so consumers can capture the DOM (PNG export). */\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * Pure presentational component for the Spread widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] min — max [suffix]` plus optional `Note`. Reuses the Formula\n * primitives ({@link Series}, {@link Prefix}, {@link Value}, {@link Suffix},\n * {@link Note}) and the Formula row styles so Spread and Formula stay\n * visually aligned when used together.\n */\nexport function SpreadUI({ items, formatter, ref }: SpreadUIProps) {\n  const fmt = formatter ?? ((n: number) => String(n))\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { SpreadUI } from './spread-ui'\nimport type { SpreadWidgetData } from './types'\n\ninterface SpreadSlice {\n  data: SpreadWidgetData\n  formatter?: (value: number) => string\n}\n\n// Stable empty-data sentinel — keeps the slice's `data` reference stable\n// when the underlying store value is null/undefined so the shallow-equality\n// gate in `useWidgetShallow` doesn't re-render every commit.\nconst EMPTY_DATA: SpreadWidgetData = Object.freeze([]) as SpreadWidgetData\n\nconst spreadSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): SpreadSlice => ({\n  data: (s.data ?? EMPTY_DATA) as SpreadWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Spread bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link SpreadUI}.\n */\nexport function Spread() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, spreadSelector)\n  return <SpreadUI items={slice.data} formatter={slice.formatter} />\n}\n","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","/**\n * How a `spread` amount is applied to a centre value.\n *\n * - `percentage` — `spread` is a whole-number percentage of the centre\n *   value, so `5` means +/-5%.\n * - `absolute` — `spread` is a raw offset in the value's own units.\n */\nexport type SpreadVariant = 'percentage' | 'absolute'\n\nexport interface GetSpreadBandOptions {\n  /** The centre value the band is drawn around. */\n  value: number\n  /** Half-width of the band, read according to `variant`. */\n  spread: number\n  /** Defaults to `percentage`. */\n  variant?: SpreadVariant\n}\n\n/**\n * Derives the `min` / `max` band around a centre value, for feeding a\n * {@link SpreadDataItem} from a single aggregated number (a prediction, a\n * target) plus a tolerance — rather than from a real column range.\n *\n * `spread` is read as a percentage by default, which is what a tolerance\n * almost always is: an absolute offset is meaningless without knowing the\n * value's magnitude, and gets visually lost on large values (+/-5 on a\n * prediction of 204,113 renders as a range indistinguishable from a single\n * number).\n *\n * @example\n * getSpreadBand({ value: 1000, spread: 5 })\n * // -> { min: 950, max: 1050 }\n * getSpreadBand({ value: 1000, spread: 5, variant: 'absolute' })\n * // -> { min: 995, max: 1005 }\n */\nexport function getSpreadBand({\n  value,\n  spread,\n  variant = 'percentage',\n}: GetSpreadBandOptions): { min: number; max: number } {\n  const offset = variant === 'absolute' ? spread : (spread / 100) * value\n  // Keep `min <= max`: a percentage of a negative centre value (or a negative\n  // `spread`) yields a negative offset, which would invert the band.\n  const width = Math.abs(offset)\n\n  return { min: value - width, max: value + width }\n}\n"],"mappings":"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"}
+{"version":3,"file":"spread-CgCTKPQD.js","names":["<Value color='inherit'>-</Value>","{ items, formatter, ref }: SpreadUIProps","(n: number) => String(n)","items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))","(item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      )","<Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))}\n    </Box>","<SpreadUI items={slice.data} formatter={slice.formatter} />","data","formatter","{ count = 1 }: SpreadSkeletonProps","count = 1","<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>","(_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Skeleton variant='rectangular' sx={styles.block} />\n        </Box>\n      )"],"sources":["../src/widgets-v2/spread/separator.tsx","../src/widgets-v2/spread/spread-ui.tsx","../src/widgets-v2/spread/spread.tsx","../src/widgets-v2/spread/skeleton.tsx","../src/widgets-v2/spread/download.ts","../src/widgets-v2/spread/band.ts"],"sourcesContent":["import { Value } from '../formula'\n\n/**\n * Em-dash separator placed between a Spread row's `min` and `max` values.\n * Built from the Formula {@link Value} primitive so typography (h5/600,\n * baseline alignment) matches the numbers around it. Renders with\n * `text.secondary` so it visually recedes between the two bounds.\n */\nexport function Separator() {\n  return <Value color='inherit'>-</Value>\n}\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport { Note, Prefix, Series, Suffix, Value } from '../formula'\nimport { styles } from '../formula/style'\nimport { Separator } from './separator'\nimport type { SpreadDataItem } from './types'\n\nexport interface SpreadUIProps {\n  items: readonly SpreadDataItem[]\n  /** Number formatter — applied to each item's `min` and `max`. */\n  formatter?: (value: number) => string\n  /** Forwarded to the root `<Box>` so consumers can capture the DOM (PNG export). */\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * Pure presentational component for the Spread widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] min — max [suffix]` plus optional `Note`. Reuses the Formula\n * primitives ({@link Series}, {@link Prefix}, {@link Value}, {@link Suffix},\n * {@link Note}) and the Formula row styles so Spread and Formula stay\n * visually aligned when used together.\n */\nexport function SpreadUI({ items, formatter, ref }: SpreadUIProps) {\n  const fmt = formatter ?? ((n: number) => String(n))\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { SpreadUI } from './spread-ui'\nimport type { SpreadWidgetData } from './types'\n\ninterface SpreadSlice {\n  data: SpreadWidgetData\n  formatter?: (value: number) => string\n}\n\n// Stable empty-data sentinel — keeps the slice's `data` reference stable\n// when the underlying store value is null/undefined so the shallow-equality\n// gate in `useWidgetShallow` doesn't re-render every commit.\nconst EMPTY_DATA: SpreadWidgetData = Object.freeze([]) as SpreadWidgetData\n\nconst spreadSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): SpreadSlice => ({\n  data: (s.data ?? EMPTY_DATA) as SpreadWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Spread bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link SpreadUI}.\n */\nexport function Spread() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, spreadSelector)\n  return <SpreadUI items={slice.data} formatter={slice.formatter} />\n}\n","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 DownloadContext,\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: (ctx: DownloadContext) => SpreadWidgetData\n  getCaptureEl?: (ctx: DownloadContext) => 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: (ctx) => {\n        const data = args.getData(ctx)\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","/**\n * How a `spread` amount is applied to a centre value.\n *\n * - `percentage` — `spread` is a whole-number percentage of the centre\n *   value, so `5` means +/-5%.\n * - `absolute` — `spread` is a raw offset in the value's own units.\n */\nexport type SpreadVariant = 'percentage' | 'absolute'\n\nexport interface GetSpreadBandOptions {\n  /** The centre value the band is drawn around. */\n  value: number\n  /** Half-width of the band, read according to `variant`. */\n  spread: number\n  /** Defaults to `percentage`. */\n  variant?: SpreadVariant\n}\n\n/**\n * Derives the `min` / `max` band around a centre value, for feeding a\n * {@link SpreadDataItem} from a single aggregated number (a prediction, a\n * target) plus a tolerance — rather than from a real column range.\n *\n * `spread` is read as a percentage by default, which is what a tolerance\n * almost always is: an absolute offset is meaningless without knowing the\n * value's magnitude, and gets visually lost on large values (+/-5 on a\n * prediction of 204,113 renders as a range indistinguishable from a single\n * number).\n *\n * @example\n * getSpreadBand({ value: 1000, spread: 5 })\n * // -> { min: 950, max: 1050 }\n * getSpreadBand({ value: 1000, spread: 5, variant: 'absolute' })\n * // -> { min: 995, max: 1005 }\n */\nexport function getSpreadBand({\n  value,\n  spread,\n  variant = 'percentage',\n}: GetSpreadBandOptions): { min: number; max: number } {\n  const offset = variant === 'absolute' ? spread : (spread / 100) * value\n  // Keep `min <= max`: a percentage of a negative centre value (or a negative\n  // `spread`) yields a negative offset, which would invert the band.\n  const width = Math.abs(offset)\n\n  return { min: value - width, max: value + width }\n}\n"],"mappings":"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"}

package/dist/{table-Bx9Uj3U0.js → table-lb5momun.js}

@@ -1,5 +1,5 @@
 import { C as e, S as t, T as n, p as r } from "./stores-tiFePP0A.js";
-import { d as i, n as a, t as o } from "./download-DdaK3qgC.js";
+import { d as i, n as a, t as o } from "./download-DGgFOaXj.js";
 import { c as ee } from "react/compiler-runtime";
 import { Box as s, Checkbox as c, IconButton as l, Skeleton as u, Table as d, TableBody as f, TableCell as p, TableContainer as m, TableHead as h, TablePagination as g, TableRow as _, TableSortLabel as v } from "@mui/material";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
@@ -420,7 +420,7 @@ function V(e) {
 		backgroundColor: e.pngBackgroundColor
 	})), t.push(o({
 		filename: e.filename,
-		getCsv: () => L(e.getData(), e.columns)
+		getCsv: (t) => L(e.getData(t), e.columns)
 	})), t;
 }
 //#endregion
@@ -437,4 +437,4 @@ function oe(e, t, n = "id") {
 //#endregion
 export { M as a, F as c, j as d, O as f, B as i, N as l, D as m, V as n, I as o, k as p, ie as r, P as s, oe as t, L as u };
 
-//# sourceMappingURL=table-Bx9Uj3U0.js.map
+//# sourceMappingURL=table-lb5momun.js.map

package/dist/{table-Bx9Uj3U0.js.map → table-lb5momun.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-Bx9Uj3U0.js","names":["{\n  columns,\n  rows,\n  total,\n  page,\n  pageSize,\n  pageSizeOptions = DEFAULT_TABLE_PAGE_SIZE_OPTIONS,\n  sort,\n  keyColumn = 'id',\n  selection,\n  selectable = false,\n  onSortChange,\n  onPageChange,\n  onPageSizeChange,\n  onSelectionChange,\n  onRowClick,\n  onRowHover,\n  labels,\n  emptyContent,\n  size,\n}: TableUIProps<T>","pageSizeOptions = DEFAULT_TABLE_PAGE_SIZE_OPTIONS","keyColumn = 'id'","selectable = false","{ ...DEFAULT_TABLE_LABELS, ...labels }","useMemo(\n    () => ({ ...DEFAULT_TABLE_LABELS, ...labels }),\n    [labels],\n  )","makePaginationActions(_labels)","useMemo(\n    () => makePaginationActions(_labels),\n    [_labels],\n  )","selection ?? []","new Set<string | number>(selection ?? [])","useMemo(\n    () => new Set<string | number>(selection ?? []),\n    [selection],\n  )","(row: T, index: number): string | number =>\n      (row[keyColumn] ?? index) as string | number","useCallback(\n    (row: T, index: number): string | number =>\n      (row[keyColumn] ?? index) as string | number,\n    [keyColumn],\n  )","rows.map(resolveRowId)","useMemo(() => rows.map(resolveRowId), [rows, resolveRowId])","pageRowIds.length > 0 && pageRowIds.every((id) => selectionSet.has(id))","pageRowIds.length","!allOnPageSelected && pageRowIds.some((id) => selectionSet.has(id))","id","(columnId: string) => {\n    if (!onSortChange) return\n    const sameCol = sort?.columnId === columnId\n    const nextDir: TableSortDirection =\n      sameCol && sort?.direction === 'asc' ? 'desc' : 'asc'\n    onSortChange({ columnId, direction: nextDir })\n  }","columnId","direction","() => {\n    if (!onSelectionChange) return\n    if (allOnPageSelected) {\n      onSelectionChange(\n        (selection ?? []).filter((id) => !pageRowIds.includes(id)),\n      )\n    } else {\n      const merged = new Set<string | number>(selection ?? [])\n      for (const id of pageRowIds) merged.add(id)\n      onSelectionChange([...merged])\n    }\n  }","(rowId: string | number) => {\n    if (!onSelectionChange) return\n    const next = new Set<string | number>(selection ?? [])\n    if (next.has(rowId)) next.delete(rowId)\n    else next.add(rowId)\n    onSelectionChange([...next])\n  }","selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null","_labels.selectAll","columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })","(column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              }","<TableHead>\n            <MuiTableRow>\n              {selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null}\n              {columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })}\n            </MuiTableRow>\n          </TableHead>","rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )","columns.length","rows.length","rowId","row","index","column","<TableBody>\n            {rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )}\n          </TableBody>","<TableContainer>\n        <MuiTable stickyHeader size={size} sx={styles.table}>\n          <TableHead>\n            <MuiTableRow>\n              {selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null}\n              {columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })}\n            </MuiTableRow>\n          </TableHead>\n          <TableBody>\n            {rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )}\n          </TableBody>\n        </MuiTable>\n      </TableContainer>","showPagination ? (\n        <TablePagination\n          component='div'\n          count={total}\n          page={page}\n          rowsPerPage={pageSize}\n          rowsPerPageOptions={[...pageSizeOptions]}\n          onPageChange={(_, next) => onPageChange?.(next)}\n          onRowsPerPageChange={(e) => {\n            const next = parseInt(e.target.value, 10)\n            onPageSizeChange?.(next)\n          }}\n          labelRowsPerPage={_labels.rowsPerPage}\n          labelDisplayedRows={({ from, to, count }) =>\n            _labels.paginationOf(from, to, count)\n          }\n          ActionsComponent={PaginationActions}\n          sx={styles.pagination}\n        />\n      ) : null","next","e","{ from, to, count }","<Box sx={styles.container}>\n      <TableContainer>\n        <MuiTable stickyHeader size={size} sx={styles.table}>\n          <TableHead>\n            <MuiTableRow>\n              {selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null}\n              {columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })}\n            </MuiTableRow>\n          </TableHead>\n          <TableBody>\n            {rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )}\n          </TableBody>\n        </MuiTable>\n      </TableContainer>\n      {showPagination ? (\n        <TablePagination\n          component='div'\n          count={total}\n          page={page}\n          rowsPerPage={pageSize}\n          rowsPerPageOptions={[...pageSizeOptions]}\n          onPageChange={(_, next) => onPageChange?.(next)}\n          onRowsPerPageChange={(e) => {\n            const next = parseInt(e.target.value, 10)\n            onPageSizeChange?.(next)\n          }}\n          labelRowsPerPage={_labels.rowsPerPage}\n          labelDisplayedRows={({ from, to, count }) =>\n            _labels.paginationOf(from, to, count)\n          }\n          ActionsComponent={PaginationActions}\n          sx={styles.pagination}\n        />\n      ) : null}\n    </Box>","initialPageSize = DEFAULT_TABLE_PAGE_SIZE","remote = false","{\n  columns,\n  visibleColumns,\n  initialPageSize = DEFAULT_TABLE_PAGE_SIZE,\n  selection,\n  onSelectionChange,\n  onRowClick,\n  onRowHover,\n  remote = false,\n  total: remoteTotal,\n  onSortChange,\n  onPageChange,\n  onPageSizeChange,\n  ...uiProps\n}: TableProps<T>","(s) => s.data as readonly T[] | undefined","(s) => ({\n    sort: s.sort,\n    page: s.page ?? 0,\n    pageSize: s.pageSize ?? initialPageSize,\n    columnOrder: s.columnOrder,\n  })","s","visibleColumns == null\n      ? reordered\n      : reordered.slice(0, visibleColumns)","columnOrder","useMemo(() => {\n    const reordered = resolveColumns(columns, ui.columnOrder)\n    return visibleColumns == null\n      ? reordered\n      : reordered.slice(0, visibleColumns)\n  }, [columns, ui.columnOrder, visibleColumns])","useMemo(() => {\n    if (remote) {\n      return {\n        rows: data ?? [],\n        totalRows: remoteTotal ?? 0,\n      }\n    }\n    const { sorted, visible } = deriveVisibleRows(data ?? [], {\n      sort: ui.sort,\n      page: ui.page,\n      pageSize: ui.pageSize,\n    })\n    return { rows: visible, totalRows: sorted.length }\n  }, [remote, data, remoteTotal, ui.sort, ui.page, ui.pageSize])","data ?? []","{\n        rows: data ?? [],\n        totalRows: remoteTotal ?? 0,\n      }","remoteTotal ?? 0","deriveVisibleRows(data ?? [], {\n      sort: ui.sort,\n      page: ui.page,\n      pageSize: ui.pageSize,\n    })","page","pageSize","sort","{ rows: visible, totalRows: sorted.length }","length","(next: TableSortState) => {\n      getWidgetStore(id).setState({\n        sort: next,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onSortChange?.(next)\n    }","useCallback(\n    (next: TableSortState) => {\n      getWidgetStore(id).setState({\n        sort: next,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onSortChange?.(next)\n    },\n    [id, onSortChange],\n  )","(page: number) => {\n      getWidgetStore(id).setState({ page } as Partial<TableWidgetState>)\n      onPageChange?.(page)\n    }","useCallback(\n    (page: number) => {\n      getWidgetStore(id).setState({ page } as Partial<TableWidgetState>)\n      onPageChange?.(page)\n    },\n    [id, onPageChange],\n  )","(pageSize: number) => {\n      getWidgetStore(id).setState({\n        pageSize,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onPageSizeChange?.(pageSize)\n    }","useCallback(\n    (pageSize: number) => {\n      getWidgetStore(id).setState({\n        pageSize,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onPageSizeChange?.(pageSize)\n    },\n    [id, onPageSizeChange],\n  )","<TableUI\n      {...uiProps}\n      columns={orderedColumns}\n      rows={rows}\n      total={totalRows}\n      page={ui.page}\n      pageSize={ui.pageSize}\n      sort={ui.sort}\n      selection={selection}\n      onSortChange={handleSortChange}\n      onPageChange={handlePageChange}\n      onPageSizeChange={handlePageSizeChange}\n      onSelectionChange={onSelectionChange}\n      onRowClick={onRowClick}\n      onRowHover={onRowHover}\n    />","{\n  rows = 5,\n  columns = 4,\n  size,\n}: TableSkeletonProps","rows = 5","columns = 4","<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>","(_, c) => (\n              <TableCell key={`head-${c}`} sx={styles.headerCell}>\n                <Skeleton variant='text' width='80%' height={24} />\n              </TableCell>\n            )","Array.from({ length: rows })","<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>","c","<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>"],"sources":["../src/widgets-v2/table/labels.tsx","../src/widgets-v2/table/types.ts","../src/widgets-v2/table/style.ts","../src/widgets-v2/table/table-ui.tsx","../src/widgets-v2/table/helpers.ts","../src/widgets-v2/table/table.tsx","../src/widgets-v2/table/skeleton.tsx","../src/widgets-v2/table/download.ts","../src/widgets-v2/table/transforms.ts"],"sourcesContent":["import { Box, type SxProps, type Theme } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface TableLabels {\n  selectAll: string\n  selectRow: (rowId: string | number) => string\n  rowsPerPage: string\n  /**\n   * Renders the displayed-rows summary in the pagination footer. Returns\n   * a `ReactNode` so the default can emphasise the active range\n   * (`from-to`) with a bolder weight while keeping the trailing\n   * ` of total` muted. Override to localise wording or restyle.\n   */\n  paginationOf: (from: number, to: number, total: number) => ReactNode\n  /** aria-label for the first-page pagination button. */\n  firstPage: string\n  /** aria-label for the previous-page pagination button. */\n  previousPage: string\n  /** aria-label for the next-page pagination button. */\n  nextPage: string\n  /** aria-label for the last-page pagination button. */\n  lastPage: string\n}\n\nconst boldRange: SxProps<Theme> = { fontWeight: 600, color: 'text.primary' }\n\nexport const DEFAULT_TABLE_LABELS: TableLabels = {\n  selectAll: 'Select all rows',\n  selectRow: (id) => `Select row ${id}`,\n  rowsPerPage: 'Rows per page:',\n  paginationOf: (from, to, total) => (\n    <>\n      <Box component='span' sx={boldRange}>{`${from}–${to}`}</Box>\n      {` of ${total}`}\n    </>\n  ),\n  firstPage: 'First page',\n  previousPage: 'Previous page',\n  nextPage: 'Next page',\n  lastPage: 'Last page',\n}\n","import type { ReactNode } from 'react'\nimport type { WidgetState } from '../stores'\n\n/**\n * Single row of tabular data.\n *\n * The default row-identity column is `id`. Consumers that don't have a\n * literal `id` field can point `<Table>` / `<TableUI>` at a different\n * column via the `keyColumn` prop; the library reads `row[keyColumn]`\n * for selection lookup, React keys, and aria labels.\n */\nexport interface TableRow extends Record<string, unknown> {\n  /**\n   * Default row identity. Required when no `keyColumn` is configured.\n   * Omit when wiring `keyColumn` to a different column.\n   */\n  id?: string | number\n}\n\nexport type TableWidgetData = readonly TableRow[]\n\nexport type TableSortDirection = 'asc' | 'desc'\n\nexport interface TableSortState {\n  columnId: string | null\n  direction: TableSortDirection\n}\n\nexport interface TableColumn {\n  /** Unique column identifier; matches the field name on each row. */\n  id: string\n  /** Header label. */\n  label: ReactNode\n  align?: 'left' | 'center' | 'right'\n  width?: number | string\n  sortable?: boolean\n  /** Custom cell renderer. Falls back to a string-cast of the raw value. */\n  formatter?: (value: unknown, row: TableRow) => ReactNode\n}\n\n/**\n * State extension carrying Table-specific UI state on the per-widget store.\n * Per R12: widget-specific UI state lives in widget-specific extensions of\n * `WidgetState`, not on the base type.\n */\nexport interface TableWidgetState extends WidgetState {\n  /** Optional reordered column list driven by ChangeColumn. Falls back to props. */\n  columnOrder?: readonly string[]\n  sort?: TableSortState\n  page: number\n  pageSize: number\n}\n\nexport const DEFAULT_TABLE_PAGE_SIZE = 10\nexport const DEFAULT_TABLE_PAGE_SIZE_OPTIONS = [10, 25, 50, 100] as const\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  container: {\n    width: '100%',\n    overflowX: 'auto',\n  },\n\n  table: {\n    minWidth: 0,\n  },\n  headerCell: {\n    fontWeight: 600,\n    backgroundColor: 'background.paper',\n  },\n  /**\n   * Strip the bottom border from the last body row so the body flushes\n   * against the pagination border instead of doubling it up. Mirrors v1.\n   */\n  row: {\n    '&:last-child td, &:last-child th': {\n      border: 0,\n    },\n  },\n  rowClickable: {\n    cursor: 'pointer',\n  },\n  pagination: {\n    borderTop: '1px solid',\n    borderColor: 'divider',\n  },\n  paginationActions: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 0.25,\n    ml: 1,\n  },\n  empty: {\n    textAlign: 'center',\n    color: 'text.secondary',\n    py: 3,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { useCallback, useMemo } from 'react'\nimport {\n  Box,\n  Checkbox,\n  IconButton,\n  Table as MuiTable,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow as MuiTableRow,\n  TableSortLabel,\n  type TableProps as MuiTableProps,\n} from '@mui/material'\nimport type { TablePaginationActionsProps } from '@mui/material/TablePagination/TablePaginationActions'\nimport { FirstPage as FirstPageIcon } from '@mui/icons-material'\nimport { KeyboardArrowLeft } from '@mui/icons-material'\nimport { KeyboardArrowRight } from '@mui/icons-material'\nimport { LastPage as LastPageIcon } from '@mui/icons-material'\nimport { DEFAULT_TABLE_LABELS, type TableLabels } from './labels'\nimport {\n  DEFAULT_TABLE_PAGE_SIZE_OPTIONS,\n  type TableColumn,\n  type TableRow,\n  type TableSortDirection,\n  type TableSortState,\n} from './types'\nimport { styles } from './style'\n\nexport interface TableUIProps<T extends TableRow = TableRow> {\n  columns: readonly TableColumn[]\n  /** Already-paginated, already-sorted rows for the current view. */\n  rows: readonly T[]\n  /** Total row count (across all pages). Required for pagination footer. */\n  total: number\n  page: number\n  pageSize: number\n  pageSizeOptions?: readonly number[]\n  sort?: TableSortState\n  /**\n   * Column name to use as the row identity. Drives selection lookup,\n   * React keys, and aria labels. Defaults to `'id'` — point it at\n   * another column when your rows don't carry an `id` field.\n   */\n  keyColumn?: string\n  /** Selected row ids. Destination-owned. */\n  selection?: readonly (string | number)[]\n  selectable?: boolean\n  onSortChange?: (next: TableSortState) => void\n  onPageChange?: (page: number) => void\n  onPageSizeChange?: (pageSize: number) => void\n  onSelectionChange?: (next: readonly (string | number)[]) => void\n  onRowClick?: (row: T) => void\n  onRowHover?: (row: T | null) => void\n  labels?: Partial<TableLabels>\n  /** Row rendered when `rows` is empty for the current page. */\n  emptyContent?: React.ReactNode\n  /**\n   * Forwarded to MUI's `<Table size>` — `'small'` for compact rows,\n   * `'medium'` for the default density. Leave `undefined` (the default)\n   * to let MUI's own default kick in.\n   */\n  size?: MuiTableProps['size']\n}\n\n/**\n * Pure renderer for a paginated, sortable, optionally-selectable table.\n * Has no widget-store coupling — `<Table>` (the bridge) reads from the store\n * and feeds this UI with already-projected data.\n */\nexport function TableUI<T extends TableRow = TableRow>({\n  columns,\n  rows,\n  total,\n  page,\n  pageSize,\n  pageSizeOptions = DEFAULT_TABLE_PAGE_SIZE_OPTIONS,\n  sort,\n  keyColumn = 'id',\n  selection,\n  selectable = false,\n  onSortChange,\n  onPageChange,\n  onPageSizeChange,\n  onSelectionChange,\n  onRowClick,\n  onRowHover,\n  labels,\n  emptyContent,\n  size,\n}: TableUIProps<T>) {\n  if (process.env.NODE_ENV !== 'production') {\n    // Dev-time guard: a nullish identity collapses every row into the\n    // same selection-set entry, which manifests as \"click one → all\n    // appear selected\". Surface it loudly instead of silently degrading.\n    const missing = rows.some((r) => r[keyColumn] == null)\n    if (missing) {\n      // eslint-disable-next-line no-console\n      console.error(\n        `<TableUI>: rows are missing the identity column \\`${keyColumn}\\`. ` +\n          'Set the `keyColumn` prop to a column present on every row, or ' +\n          'add the column to the data.',\n      )\n    }\n  }\n  const _labels = useMemo(\n    () => ({ ...DEFAULT_TABLE_LABELS, ...labels }),\n    [labels],\n  )\n  // Auto-hide the pagination footer when every row already fits in the\n  // smallest available page size — the Rows-per-page selector + prev /\n  // next buttons would just be inert noise. Consumers force the footer\n  // on by passing a smaller `pageSizeOptions[0]` than `total`.\n  const minPageSize = Math.min(...pageSizeOptions)\n  const showPagination = total > minPageSize\n  // Own the `ActionsComponent` slot ourselves so the Meridian theme's\n  // `theme.components.MuiTablePagination.defaultProps.ActionsComponent`\n  // (which depends on `react-intl`) doesn't leak into the library. The\n  // MUI / Meridian style overrides for `MuiIconButton` /\n  // `MuiTablePagination` still apply.\n  const PaginationActions = useMemo(\n    () => makePaginationActions(_labels),\n    [_labels],\n  )\n  const selectionSet = useMemo(\n    () => new Set<string | number>(selection ?? []),\n    [selection],\n  )\n  // Resolve each row's identity from `keyColumn`, falling back to the row's\n  // index when the cell is nullish. The dev-time guard above surfaces the\n  // misconfiguration loudly, but in production we must NOT collapse every\n  // nullish-keyed row into the same selection-set entry (that's the\n  // \"click one → all selected\" bug) — a per-index fallback keeps ids\n  // distinct and React keys stable for a given page.\n  const resolveRowId = useCallback(\n    (row: T, index: number): string | number =>\n      (row[keyColumn] ?? index) as string | number,\n    [keyColumn],\n  )\n  const pageRowIds = useMemo(() => rows.map(resolveRowId), [rows, resolveRowId])\n  const allOnPageSelected =\n    pageRowIds.length > 0 && pageRowIds.every((id) => selectionSet.has(id))\n  const someOnPageSelected =\n    !allOnPageSelected && pageRowIds.some((id) => selectionSet.has(id))\n\n  const handleSort = (columnId: string) => {\n    if (!onSortChange) return\n    const sameCol = sort?.columnId === columnId\n    const nextDir: TableSortDirection =\n      sameCol && sort?.direction === 'asc' ? 'desc' : 'asc'\n    onSortChange({ columnId, direction: nextDir })\n  }\n\n  const handleSelectAllOnPage = () => {\n    if (!onSelectionChange) return\n    if (allOnPageSelected) {\n      onSelectionChange(\n        (selection ?? []).filter((id) => !pageRowIds.includes(id)),\n      )\n    } else {\n      const merged = new Set<string | number>(selection ?? [])\n      for (const id of pageRowIds) merged.add(id)\n      onSelectionChange([...merged])\n    }\n  }\n\n  const handleSelectRow = (rowId: string | number) => {\n    if (!onSelectionChange) return\n    const next = new Set<string | number>(selection ?? [])\n    if (next.has(rowId)) next.delete(rowId)\n    else next.add(rowId)\n    onSelectionChange([...next])\n  }\n\n  return (\n    <Box sx={styles.container}>\n      <TableContainer>\n        <MuiTable stickyHeader size={size} sx={styles.table}>\n          <TableHead>\n            <MuiTableRow>\n              {selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null}\n              {columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })}\n            </MuiTableRow>\n          </TableHead>\n          <TableBody>\n            {rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )}\n          </TableBody>\n        </MuiTable>\n      </TableContainer>\n      {showPagination ? (\n        <TablePagination\n          component='div'\n          count={total}\n          page={page}\n          rowsPerPage={pageSize}\n          rowsPerPageOptions={[...pageSizeOptions]}\n          onPageChange={(_, next) => onPageChange?.(next)}\n          onRowsPerPageChange={(e) => {\n            const next = parseInt(e.target.value, 10)\n            onPageSizeChange?.(next)\n          }}\n          labelRowsPerPage={_labels.rowsPerPage}\n          labelDisplayedRows={({ from, to, count }) =>\n            _labels.paginationOf(from, to, count)\n          }\n          ActionsComponent={PaginationActions}\n          sx={styles.pagination}\n        />\n      ) : null}\n    </Box>\n  )\n}\n\nfunction stringifyCell(value: unknown): React.ReactNode {\n  if (value == null) return ''\n  if (typeof value === 'string' || typeof value === 'number') return value\n  if (typeof value === 'boolean') return String(value)\n  if (Array.isArray(value) || typeof value === 'object') {\n    return JSON.stringify(value)\n  }\n  return ''\n}\n\n/**\n * Build the `ActionsComponent` used by `<TablePagination>` — four MUI\n * `IconButton`s for first / previous / next / last. We provide this\n * ourselves so the Meridian theme's `defaultProps.ActionsComponent`\n * (which depends on `react-intl`) is bypassed at the call site without\n * disturbing the rest of the Meridian theme. The factory closes over\n * the merged label set so aria-labels stay consistent with the rest\n * of the table's i18n surface.\n */\nfunction makePaginationActions(labels: TableLabels) {\n  return function PaginationActions({\n    count,\n    page,\n    rowsPerPage,\n    onPageChange,\n  }: TablePaginationActionsProps) {\n    const lastPage = Math.max(0, Math.ceil(count / rowsPerPage) - 1)\n    return (\n      <Box sx={styles.paginationActions}>\n        <IconButton\n          size='small'\n          onClick={(e) => onPageChange(e, 0)}\n          disabled={page === 0}\n          aria-label={labels.firstPage}\n        >\n          <FirstPageIcon fontSize='small' />\n        </IconButton>\n        <IconButton\n          size='small'\n          onClick={(e) => onPageChange(e, page - 1)}\n          disabled={page === 0}\n          aria-label={labels.previousPage}\n        >\n          <KeyboardArrowLeft fontSize='small' />\n        </IconButton>\n        <IconButton\n          size='small'\n          onClick={(e) => onPageChange(e, page + 1)}\n          disabled={page >= lastPage}\n          aria-label={labels.nextPage}\n        >\n          <KeyboardArrowRight fontSize='small' />\n        </IconButton>\n        <IconButton\n          size='small'\n          onClick={(e) => onPageChange(e, lastPage)}\n          disabled={page >= lastPage}\n          aria-label={labels.lastPage}\n        >\n          <LastPageIcon fontSize='small' />\n        </IconButton>\n      </Box>\n    )\n  }\n}\n","import { toCsvString } from '../actions/download'\nimport type {\n  TableColumn,\n  TableRow,\n  TableSortDirection,\n  TableWidgetData,\n} from './types'\n\n/**\n * Compares two values with a consistent ordering across primitive types.\n * Strings use locale comparison; numbers subtract; booleans rank false < true;\n * objects/arrays compare by JSON serialization. Null/undefined sort to the end\n * regardless of direction.\n */\nexport function compareValues(\n  a: unknown,\n  b: unknown,\n  direction: TableSortDirection,\n): number {\n  if (a == null && b == null) return 0\n  if (a == null) return 1\n  if (b == null) return -1\n  let cmp = 0\n  if (typeof a === 'string' && typeof b === 'string') {\n    cmp = a.localeCompare(b)\n  } else if (typeof a === 'number' && typeof b === 'number') {\n    cmp = a - b\n  } else if (typeof a === 'boolean' && typeof b === 'boolean') {\n    cmp = a === b ? 0 : a ? 1 : -1\n  } else if (typeof a === 'object' || typeof b === 'object') {\n    cmp = JSON.stringify(a).localeCompare(JSON.stringify(b))\n  }\n  return direction === 'asc' ? cmp : -cmp\n}\n\n/** Returns a new array sorted by the named column. Does not mutate the input. */\nexport function sortRows<T extends TableRow>(\n  rows: readonly T[],\n  columnId: string,\n  direction: TableSortDirection,\n): T[] {\n  return [...rows].sort((a, b) =>\n    compareValues(a[columnId], b[columnId], direction),\n  )\n}\n\n/** Returns the slice for the requested page. Out-of-range pages return []. */\nexport function paginateRows<T>(\n  rows: readonly T[],\n  page: number,\n  pageSize: number,\n): T[] {\n  if (pageSize <= 0) return rows.slice()\n  const start = page * pageSize\n  return rows.slice(start, start + pageSize)\n}\n\n/**\n * Resolves the effective column list. When the widget store has a\n * `columnOrder` set (e.g. ChangeColumn was used), the column array is\n * reordered to match. Unknown ids in the order are skipped; columns not\n * present in the order keep their original relative position at the end.\n */\nexport function resolveColumns(\n  columns: readonly TableColumn[],\n  columnOrder: readonly string[] | undefined,\n): readonly TableColumn[] {\n  if (!columnOrder || columnOrder.length === 0) return columns\n  const byId = new Map(columns.map((c) => [c.id, c]))\n  const ordered: TableColumn[] = []\n  const seen = new Set<string>()\n  for (const id of columnOrder) {\n    const c = byId.get(id)\n    if (c && !seen.has(id)) {\n      ordered.push(c)\n      seen.add(id)\n    }\n  }\n  for (const c of columns) {\n    if (!seen.has(c.id)) ordered.push(c)\n  }\n  return ordered\n}\n\n/** Applies sort and pagination to the input data. Pure. */\nexport function deriveVisibleRows<T extends TableRow>(\n  rows: readonly T[],\n  options: {\n    sort?: { columnId: string | null; direction: TableSortDirection }\n    page: number\n    pageSize: number\n  },\n): { sorted: readonly T[]; visible: T[] } {\n  const sorted =\n    options.sort?.columnId != null\n      ? sortRows(rows, options.sort.columnId, options.sort.direction)\n      : rows\n  const visible = paginateRows(sorted, options.page, options.pageSize)\n  return { sorted, visible }\n}\n\nexport function tableDataToCsv(\n  data: TableWidgetData,\n  columns: readonly TableColumn[],\n): string {\n  // Pre-stringify with the table's own header/cell rules, then delegate the\n  // CSV assembly (quoting + spreadsheet formula-injection guard) to the shared\n  // `toCsvString` so escaping stays identical to every other widget's export.\n  const rows: string[][] = [columns.map((c) => stringifyHeader(c.label))]\n  for (const row of data) {\n    rows.push(columns.map((c) => stringifyCell(row[c.id])))\n  }\n  return toCsvString(rows)\n}\n\nfunction stringifyHeader(label: unknown): string {\n  if (typeof label === 'string') return label\n  if (typeof label === 'number' || typeof label === 'boolean')\n    return String(label)\n  return ''\n}\n\nfunction stringifyCell(value: unknown): string {\n  if (value == null) return ''\n  if (typeof value === 'string') return value\n  if (typeof value === 'number' || typeof value === 'boolean')\n    return String(value)\n  if (Array.isArray(value) || typeof value === 'object')\n    return JSON.stringify(value)\n  return ''\n}\n","import { useCallback, useMemo } from 'react'\nimport {\n  getWidgetStore,\n  useWidget,\n  useWidgetId,\n  useWidgetShallow,\n} from '../stores'\nimport { TableUI, type TableUIProps } from './table-ui'\nimport {\n  DEFAULT_TABLE_PAGE_SIZE,\n  type TableColumn,\n  type TableRow,\n  type TableSortState,\n  type TableWidgetState,\n} from './types'\nimport { deriveVisibleRows, resolveColumns } from './helpers'\n\nexport interface TableProps<T extends TableRow = TableRow> extends Pick<\n  TableUIProps<T>,\n  | 'pageSizeOptions'\n  | 'selectable'\n  | 'labels'\n  | 'emptyContent'\n  | 'size'\n  | 'keyColumn'\n> {\n  /**\n   * Column definitions. Order can be overridden by ChangeColumn via the\n   * `columnOrder` field on the extended widget state.\n   */\n  columns: readonly TableColumn[]\n  /**\n   * When set, render only the first `visibleColumns` entries **after**\n   * applying the user's `columnOrder` from the store. Useful for showing\n   * a compact projection while letting consumers (e.g. `Widget.ChangeColumn`)\n   * see the full column list. When omitted, every column renders.\n   */\n  visibleColumns?: number\n  /** Initial page size (only on first mount; afterwards lives on the store). */\n  initialPageSize?: number\n  /** Selected row ids (destination-owned). */\n  selection?: readonly (string | number)[]\n  onSelectionChange?: (next: readonly (string | number)[]) => void\n  onRowClick?: (row: T) => void\n  onRowHover?: (row: T | null) => void\n  /**\n   * When `true`, the bridge stops sorting and paginating locally and\n   * renders `data` as-is — the consumer is then responsible for\n   * refetching the slice that matches the active `page` / `pageSize` /\n   * `sort` from the outbound callbacks below. `total` is required in\n   * this mode (the server already knows the full row count; the\n   * widget can't infer it from a partial page).\n   */\n  remote?: boolean\n  /**\n   * Server-reported total row count. Required when `remote === true`;\n   * ignored in local mode (where the bridge derives total from the\n   * sorted result of `deriveVisibleRows`).\n   */\n  total?: number\n  /** Fires after the store-level sort write so the consumer can refetch. */\n  onSortChange?: (next: TableSortState) => void\n  /** Fires after the store-level page write so the consumer can refetch. */\n  onPageChange?: (page: number) => void\n  /** Fires after the store-level pageSize write so the consumer can refetch. */\n  onPageSizeChange?: (pageSize: number) => void\n}\n\n/**\n * Bridge component — reads the widget store's `data`, applies sort + pagination\n * locally, and feeds `<TableUI />`. Sort, page, and pageSize live on the\n * extended widget state ({@link TableWidgetState}).\n */\nexport function Table<T extends TableRow = TableRow>({\n  columns,\n  visibleColumns,\n  initialPageSize = DEFAULT_TABLE_PAGE_SIZE,\n  selection,\n  onSelectionChange,\n  onRowClick,\n  onRowHover,\n  remote = false,\n  total: remoteTotal,\n  onSortChange,\n  onPageChange,\n  onPageSizeChange,\n  ...uiProps\n}: TableProps<T>) {\n  const id = useWidgetId()\n  const data = useWidget(id, (s) => s.data as readonly T[] | undefined)\n  const ui = useWidgetShallow<\n    {\n      sort: TableSortState | undefined\n      page: number\n      pageSize: number\n      columnOrder: readonly string[] | undefined\n    },\n    TableWidgetState\n  >(id, (s) => ({\n    sort: s.sort,\n    page: s.page ?? 0,\n    pageSize: s.pageSize ?? initialPageSize,\n    columnOrder: s.columnOrder,\n  }))\n\n  const orderedColumns = useMemo(() => {\n    const reordered = resolveColumns(columns, ui.columnOrder)\n    return visibleColumns == null\n      ? reordered\n      : reordered.slice(0, visibleColumns)\n  }, [columns, ui.columnOrder, visibleColumns])\n\n  // In remote mode the consumer already paginated / sorted server-side,\n  // so pass `data` and `total` straight through. Local mode keeps the\n  // bridge-driven sort + slice via `deriveVisibleRows`.\n  const { rows, totalRows } = useMemo(() => {\n    if (remote) {\n      return {\n        rows: data ?? [],\n        totalRows: remoteTotal ?? 0,\n      }\n    }\n    const { sorted, visible } = deriveVisibleRows(data ?? [], {\n      sort: ui.sort,\n      page: ui.page,\n      pageSize: ui.pageSize,\n    })\n    return { rows: visible, totalRows: sorted.length }\n  }, [remote, data, remoteTotal, ui.sort, ui.page, ui.pageSize])\n\n  const handleSortChange = useCallback(\n    (next: TableSortState) => {\n      getWidgetStore(id).setState({\n        sort: next,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onSortChange?.(next)\n    },\n    [id, onSortChange],\n  )\n\n  const handlePageChange = useCallback(\n    (page: number) => {\n      getWidgetStore(id).setState({ page } as Partial<TableWidgetState>)\n      onPageChange?.(page)\n    },\n    [id, onPageChange],\n  )\n\n  const handlePageSizeChange = useCallback(\n    (pageSize: number) => {\n      getWidgetStore(id).setState({\n        pageSize,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onPageSizeChange?.(pageSize)\n    },\n    [id, onPageSizeChange],\n  )\n\n  return (\n    <TableUI\n      {...uiProps}\n      columns={orderedColumns}\n      rows={rows}\n      total={totalRows}\n      page={ui.page}\n      pageSize={ui.pageSize}\n      sort={ui.sort}\n      selection={selection}\n      onSortChange={handleSortChange}\n      onPageChange={handlePageChange}\n      onPageSizeChange={handlePageSizeChange}\n      onSelectionChange={onSelectionChange}\n      onRowClick={onRowClick}\n      onRowHover={onRowHover}\n    />\n  )\n}\n","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","/**\n * `LockSelection` filter for Table. Data is a FLAT `TableRow[]` (unlike every\n * other widget's `X[][]` series shape) and row identity comes from\n * `row[keyColumn]` (default `'id'`), not `name` — so `filterByLockedItems`\n * doesn't apply here (its outer `.map` treats each row as a \"series\", and a\n * plain row object isn't an array, so it would silently pass everything\n * through unfiltered). Falls back to the row's index when the identity\n * column is nullish, mirroring `TableUI`'s own `resolveRowId`.\n *\n * `keyColumn` arrives as `LockSelection`'s `filterKey`, so pass this by\n * reference: `filterFn={filterTableByLockedRows} filterKey={keyColumn}`.\n * Don't close over it — `filterFn`'s identity is not a pipeline dependency,\n * so a captured key changes without re-running anything.\n */\nexport function filterTableByLockedRows(\n  input: unknown,\n  lockedItems: readonly (string | number)[],\n  keyColumn: string | number = 'id',\n): unknown {\n  if (lockedItems.length === 0) return input\n  if (!Array.isArray(input)) return input\n  const locked = new Set<string | number>(lockedItems)\n  return input.filter((row: unknown, index: number): boolean => {\n    if (row == null || typeof row !== 'object') return false\n    const id = (row as Record<string, unknown>)[keyColumn] ?? index\n    return (typeof id === 'string' || typeof id === 'number') && locked.has(id)\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"table-lb5momun.js","names":["{\n  columns,\n  rows,\n  total,\n  page,\n  pageSize,\n  pageSizeOptions = DEFAULT_TABLE_PAGE_SIZE_OPTIONS,\n  sort,\n  keyColumn = 'id',\n  selection,\n  selectable = false,\n  onSortChange,\n  onPageChange,\n  onPageSizeChange,\n  onSelectionChange,\n  onRowClick,\n  onRowHover,\n  labels,\n  emptyContent,\n  size,\n}: TableUIProps<T>","pageSizeOptions = DEFAULT_TABLE_PAGE_SIZE_OPTIONS","keyColumn = 'id'","selectable = false","{ ...DEFAULT_TABLE_LABELS, ...labels }","useMemo(\n    () => ({ ...DEFAULT_TABLE_LABELS, ...labels }),\n    [labels],\n  )","makePaginationActions(_labels)","useMemo(\n    () => makePaginationActions(_labels),\n    [_labels],\n  )","selection ?? []","new Set<string | number>(selection ?? [])","useMemo(\n    () => new Set<string | number>(selection ?? []),\n    [selection],\n  )","(row: T, index: number): string | number =>\n      (row[keyColumn] ?? index) as string | number","useCallback(\n    (row: T, index: number): string | number =>\n      (row[keyColumn] ?? index) as string | number,\n    [keyColumn],\n  )","rows.map(resolveRowId)","useMemo(() => rows.map(resolveRowId), [rows, resolveRowId])","pageRowIds.length > 0 && pageRowIds.every((id) => selectionSet.has(id))","pageRowIds.length","!allOnPageSelected && pageRowIds.some((id) => selectionSet.has(id))","id","(columnId: string) => {\n    if (!onSortChange) return\n    const sameCol = sort?.columnId === columnId\n    const nextDir: TableSortDirection =\n      sameCol && sort?.direction === 'asc' ? 'desc' : 'asc'\n    onSortChange({ columnId, direction: nextDir })\n  }","columnId","direction","() => {\n    if (!onSelectionChange) return\n    if (allOnPageSelected) {\n      onSelectionChange(\n        (selection ?? []).filter((id) => !pageRowIds.includes(id)),\n      )\n    } else {\n      const merged = new Set<string | number>(selection ?? [])\n      for (const id of pageRowIds) merged.add(id)\n      onSelectionChange([...merged])\n    }\n  }","(rowId: string | number) => {\n    if (!onSelectionChange) return\n    const next = new Set<string | number>(selection ?? [])\n    if (next.has(rowId)) next.delete(rowId)\n    else next.add(rowId)\n    onSelectionChange([...next])\n  }","selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null","_labels.selectAll","columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })","(column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              }","<TableHead>\n            <MuiTableRow>\n              {selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null}\n              {columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })}\n            </MuiTableRow>\n          </TableHead>","rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )","columns.length","rows.length","rowId","row","index","column","<TableBody>\n            {rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )}\n          </TableBody>","<TableContainer>\n        <MuiTable stickyHeader size={size} sx={styles.table}>\n          <TableHead>\n            <MuiTableRow>\n              {selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null}\n              {columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })}\n            </MuiTableRow>\n          </TableHead>\n          <TableBody>\n            {rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )}\n          </TableBody>\n        </MuiTable>\n      </TableContainer>","showPagination ? (\n        <TablePagination\n          component='div'\n          count={total}\n          page={page}\n          rowsPerPage={pageSize}\n          rowsPerPageOptions={[...pageSizeOptions]}\n          onPageChange={(_, next) => onPageChange?.(next)}\n          onRowsPerPageChange={(e) => {\n            const next = parseInt(e.target.value, 10)\n            onPageSizeChange?.(next)\n          }}\n          labelRowsPerPage={_labels.rowsPerPage}\n          labelDisplayedRows={({ from, to, count }) =>\n            _labels.paginationOf(from, to, count)\n          }\n          ActionsComponent={PaginationActions}\n          sx={styles.pagination}\n        />\n      ) : null","next","e","{ from, to, count }","<Box sx={styles.container}>\n      <TableContainer>\n        <MuiTable stickyHeader size={size} sx={styles.table}>\n          <TableHead>\n            <MuiTableRow>\n              {selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null}\n              {columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })}\n            </MuiTableRow>\n          </TableHead>\n          <TableBody>\n            {rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )}\n          </TableBody>\n        </MuiTable>\n      </TableContainer>\n      {showPagination ? (\n        <TablePagination\n          component='div'\n          count={total}\n          page={page}\n          rowsPerPage={pageSize}\n          rowsPerPageOptions={[...pageSizeOptions]}\n          onPageChange={(_, next) => onPageChange?.(next)}\n          onRowsPerPageChange={(e) => {\n            const next = parseInt(e.target.value, 10)\n            onPageSizeChange?.(next)\n          }}\n          labelRowsPerPage={_labels.rowsPerPage}\n          labelDisplayedRows={({ from, to, count }) =>\n            _labels.paginationOf(from, to, count)\n          }\n          ActionsComponent={PaginationActions}\n          sx={styles.pagination}\n        />\n      ) : null}\n    </Box>","initialPageSize = DEFAULT_TABLE_PAGE_SIZE","remote = false","{\n  columns,\n  visibleColumns,\n  initialPageSize = DEFAULT_TABLE_PAGE_SIZE,\n  selection,\n  onSelectionChange,\n  onRowClick,\n  onRowHover,\n  remote = false,\n  total: remoteTotal,\n  onSortChange,\n  onPageChange,\n  onPageSizeChange,\n  ...uiProps\n}: TableProps<T>","(s) => s.data as readonly T[] | undefined","(s) => ({\n    sort: s.sort,\n    page: s.page ?? 0,\n    pageSize: s.pageSize ?? initialPageSize,\n    columnOrder: s.columnOrder,\n  })","s","visibleColumns == null\n      ? reordered\n      : reordered.slice(0, visibleColumns)","columnOrder","useMemo(() => {\n    const reordered = resolveColumns(columns, ui.columnOrder)\n    return visibleColumns == null\n      ? reordered\n      : reordered.slice(0, visibleColumns)\n  }, [columns, ui.columnOrder, visibleColumns])","useMemo(() => {\n    if (remote) {\n      return {\n        rows: data ?? [],\n        totalRows: remoteTotal ?? 0,\n      }\n    }\n    const { sorted, visible } = deriveVisibleRows(data ?? [], {\n      sort: ui.sort,\n      page: ui.page,\n      pageSize: ui.pageSize,\n    })\n    return { rows: visible, totalRows: sorted.length }\n  }, [remote, data, remoteTotal, ui.sort, ui.page, ui.pageSize])","data ?? []","{\n        rows: data ?? [],\n        totalRows: remoteTotal ?? 0,\n      }","remoteTotal ?? 0","deriveVisibleRows(data ?? [], {\n      sort: ui.sort,\n      page: ui.page,\n      pageSize: ui.pageSize,\n    })","page","pageSize","sort","{ rows: visible, totalRows: sorted.length }","length","(next: TableSortState) => {\n      getWidgetStore(id).setState({\n        sort: next,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onSortChange?.(next)\n    }","useCallback(\n    (next: TableSortState) => {\n      getWidgetStore(id).setState({\n        sort: next,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onSortChange?.(next)\n    },\n    [id, onSortChange],\n  )","(page: number) => {\n      getWidgetStore(id).setState({ page } as Partial<TableWidgetState>)\n      onPageChange?.(page)\n    }","useCallback(\n    (page: number) => {\n      getWidgetStore(id).setState({ page } as Partial<TableWidgetState>)\n      onPageChange?.(page)\n    },\n    [id, onPageChange],\n  )","(pageSize: number) => {\n      getWidgetStore(id).setState({\n        pageSize,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onPageSizeChange?.(pageSize)\n    }","useCallback(\n    (pageSize: number) => {\n      getWidgetStore(id).setState({\n        pageSize,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onPageSizeChange?.(pageSize)\n    },\n    [id, onPageSizeChange],\n  )","<TableUI\n      {...uiProps}\n      columns={orderedColumns}\n      rows={rows}\n      total={totalRows}\n      page={ui.page}\n      pageSize={ui.pageSize}\n      sort={ui.sort}\n      selection={selection}\n      onSortChange={handleSortChange}\n      onPageChange={handlePageChange}\n      onPageSizeChange={handlePageSizeChange}\n      onSelectionChange={onSelectionChange}\n      onRowClick={onRowClick}\n      onRowHover={onRowHover}\n    />","{\n  rows = 5,\n  columns = 4,\n  size,\n}: TableSkeletonProps","rows = 5","columns = 4","<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>","(_, c) => (\n              <TableCell key={`head-${c}`} sx={styles.headerCell}>\n                <Skeleton variant='text' width='80%' height={24} />\n              </TableCell>\n            )","Array.from({ length: rows })","<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>","c","<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>"],"sources":["../src/widgets-v2/table/labels.tsx","../src/widgets-v2/table/types.ts","../src/widgets-v2/table/style.ts","../src/widgets-v2/table/table-ui.tsx","../src/widgets-v2/table/helpers.ts","../src/widgets-v2/table/table.tsx","../src/widgets-v2/table/skeleton.tsx","../src/widgets-v2/table/download.ts","../src/widgets-v2/table/transforms.ts"],"sourcesContent":["import { Box, type SxProps, type Theme } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface TableLabels {\n  selectAll: string\n  selectRow: (rowId: string | number) => string\n  rowsPerPage: string\n  /**\n   * Renders the displayed-rows summary in the pagination footer. Returns\n   * a `ReactNode` so the default can emphasise the active range\n   * (`from-to`) with a bolder weight while keeping the trailing\n   * ` of total` muted. Override to localise wording or restyle.\n   */\n  paginationOf: (from: number, to: number, total: number) => ReactNode\n  /** aria-label for the first-page pagination button. */\n  firstPage: string\n  /** aria-label for the previous-page pagination button. */\n  previousPage: string\n  /** aria-label for the next-page pagination button. */\n  nextPage: string\n  /** aria-label for the last-page pagination button. */\n  lastPage: string\n}\n\nconst boldRange: SxProps<Theme> = { fontWeight: 600, color: 'text.primary' }\n\nexport const DEFAULT_TABLE_LABELS: TableLabels = {\n  selectAll: 'Select all rows',\n  selectRow: (id) => `Select row ${id}`,\n  rowsPerPage: 'Rows per page:',\n  paginationOf: (from, to, total) => (\n    <>\n      <Box component='span' sx={boldRange}>{`${from}–${to}`}</Box>\n      {` of ${total}`}\n    </>\n  ),\n  firstPage: 'First page',\n  previousPage: 'Previous page',\n  nextPage: 'Next page',\n  lastPage: 'Last page',\n}\n","import type { ReactNode } from 'react'\nimport type { WidgetState } from '../stores'\n\n/**\n * Single row of tabular data.\n *\n * The default row-identity column is `id`. Consumers that don't have a\n * literal `id` field can point `<Table>` / `<TableUI>` at a different\n * column via the `keyColumn` prop; the library reads `row[keyColumn]`\n * for selection lookup, React keys, and aria labels.\n */\nexport interface TableRow extends Record<string, unknown> {\n  /**\n   * Default row identity. Required when no `keyColumn` is configured.\n   * Omit when wiring `keyColumn` to a different column.\n   */\n  id?: string | number\n}\n\nexport type TableWidgetData = readonly TableRow[]\n\nexport type TableSortDirection = 'asc' | 'desc'\n\nexport interface TableSortState {\n  columnId: string | null\n  direction: TableSortDirection\n}\n\nexport interface TableColumn {\n  /** Unique column identifier; matches the field name on each row. */\n  id: string\n  /** Header label. */\n  label: ReactNode\n  align?: 'left' | 'center' | 'right'\n  width?: number | string\n  sortable?: boolean\n  /** Custom cell renderer. Falls back to a string-cast of the raw value. */\n  formatter?: (value: unknown, row: TableRow) => ReactNode\n}\n\n/**\n * State extension carrying Table-specific UI state on the per-widget store.\n * Per R12: widget-specific UI state lives in widget-specific extensions of\n * `WidgetState`, not on the base type.\n */\nexport interface TableWidgetState extends WidgetState {\n  /** Optional reordered column list driven by ChangeColumn. Falls back to props. */\n  columnOrder?: readonly string[]\n  sort?: TableSortState\n  page: number\n  pageSize: number\n}\n\nexport const DEFAULT_TABLE_PAGE_SIZE = 10\nexport const DEFAULT_TABLE_PAGE_SIZE_OPTIONS = [10, 25, 50, 100] as const\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  container: {\n    width: '100%',\n    overflowX: 'auto',\n  },\n\n  table: {\n    minWidth: 0,\n  },\n  headerCell: {\n    fontWeight: 600,\n    backgroundColor: 'background.paper',\n  },\n  /**\n   * Strip the bottom border from the last body row so the body flushes\n   * against the pagination border instead of doubling it up. Mirrors v1.\n   */\n  row: {\n    '&:last-child td, &:last-child th': {\n      border: 0,\n    },\n  },\n  rowClickable: {\n    cursor: 'pointer',\n  },\n  pagination: {\n    borderTop: '1px solid',\n    borderColor: 'divider',\n  },\n  paginationActions: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 0.25,\n    ml: 1,\n  },\n  empty: {\n    textAlign: 'center',\n    color: 'text.secondary',\n    py: 3,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { useCallback, useMemo } from 'react'\nimport {\n  Box,\n  Checkbox,\n  IconButton,\n  Table as MuiTable,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow as MuiTableRow,\n  TableSortLabel,\n  type TableProps as MuiTableProps,\n} from '@mui/material'\nimport type { TablePaginationActionsProps } from '@mui/material/TablePagination/TablePaginationActions'\nimport { FirstPage as FirstPageIcon } from '@mui/icons-material'\nimport { KeyboardArrowLeft } from '@mui/icons-material'\nimport { KeyboardArrowRight } from '@mui/icons-material'\nimport { LastPage as LastPageIcon } from '@mui/icons-material'\nimport { DEFAULT_TABLE_LABELS, type TableLabels } from './labels'\nimport {\n  DEFAULT_TABLE_PAGE_SIZE_OPTIONS,\n  type TableColumn,\n  type TableRow,\n  type TableSortDirection,\n  type TableSortState,\n} from './types'\nimport { styles } from './style'\n\nexport interface TableUIProps<T extends TableRow = TableRow> {\n  columns: readonly TableColumn[]\n  /** Already-paginated, already-sorted rows for the current view. */\n  rows: readonly T[]\n  /** Total row count (across all pages). Required for pagination footer. */\n  total: number\n  page: number\n  pageSize: number\n  pageSizeOptions?: readonly number[]\n  sort?: TableSortState\n  /**\n   * Column name to use as the row identity. Drives selection lookup,\n   * React keys, and aria labels. Defaults to `'id'` — point it at\n   * another column when your rows don't carry an `id` field.\n   */\n  keyColumn?: string\n  /** Selected row ids. Destination-owned. */\n  selection?: readonly (string | number)[]\n  selectable?: boolean\n  onSortChange?: (next: TableSortState) => void\n  onPageChange?: (page: number) => void\n  onPageSizeChange?: (pageSize: number) => void\n  onSelectionChange?: (next: readonly (string | number)[]) => void\n  onRowClick?: (row: T) => void\n  onRowHover?: (row: T | null) => void\n  labels?: Partial<TableLabels>\n  /** Row rendered when `rows` is empty for the current page. */\n  emptyContent?: React.ReactNode\n  /**\n   * Forwarded to MUI's `<Table size>` — `'small'` for compact rows,\n   * `'medium'` for the default density. Leave `undefined` (the default)\n   * to let MUI's own default kick in.\n   */\n  size?: MuiTableProps['size']\n}\n\n/**\n * Pure renderer for a paginated, sortable, optionally-selectable table.\n * Has no widget-store coupling — `<Table>` (the bridge) reads from the store\n * and feeds this UI with already-projected data.\n */\nexport function TableUI<T extends TableRow = TableRow>({\n  columns,\n  rows,\n  total,\n  page,\n  pageSize,\n  pageSizeOptions = DEFAULT_TABLE_PAGE_SIZE_OPTIONS,\n  sort,\n  keyColumn = 'id',\n  selection,\n  selectable = false,\n  onSortChange,\n  onPageChange,\n  onPageSizeChange,\n  onSelectionChange,\n  onRowClick,\n  onRowHover,\n  labels,\n  emptyContent,\n  size,\n}: TableUIProps<T>) {\n  if (process.env.NODE_ENV !== 'production') {\n    // Dev-time guard: a nullish identity collapses every row into the\n    // same selection-set entry, which manifests as \"click one → all\n    // appear selected\". Surface it loudly instead of silently degrading.\n    const missing = rows.some((r) => r[keyColumn] == null)\n    if (missing) {\n      // eslint-disable-next-line no-console\n      console.error(\n        `<TableUI>: rows are missing the identity column \\`${keyColumn}\\`. ` +\n          'Set the `keyColumn` prop to a column present on every row, or ' +\n          'add the column to the data.',\n      )\n    }\n  }\n  const _labels = useMemo(\n    () => ({ ...DEFAULT_TABLE_LABELS, ...labels }),\n    [labels],\n  )\n  // Auto-hide the pagination footer when every row already fits in the\n  // smallest available page size — the Rows-per-page selector + prev /\n  // next buttons would just be inert noise. Consumers force the footer\n  // on by passing a smaller `pageSizeOptions[0]` than `total`.\n  const minPageSize = Math.min(...pageSizeOptions)\n  const showPagination = total > minPageSize\n  // Own the `ActionsComponent` slot ourselves so the Meridian theme's\n  // `theme.components.MuiTablePagination.defaultProps.ActionsComponent`\n  // (which depends on `react-intl`) doesn't leak into the library. The\n  // MUI / Meridian style overrides for `MuiIconButton` /\n  // `MuiTablePagination` still apply.\n  const PaginationActions = useMemo(\n    () => makePaginationActions(_labels),\n    [_labels],\n  )\n  const selectionSet = useMemo(\n    () => new Set<string | number>(selection ?? []),\n    [selection],\n  )\n  // Resolve each row's identity from `keyColumn`, falling back to the row's\n  // index when the cell is nullish. The dev-time guard above surfaces the\n  // misconfiguration loudly, but in production we must NOT collapse every\n  // nullish-keyed row into the same selection-set entry (that's the\n  // \"click one → all selected\" bug) — a per-index fallback keeps ids\n  // distinct and React keys stable for a given page.\n  const resolveRowId = useCallback(\n    (row: T, index: number): string | number =>\n      (row[keyColumn] ?? index) as string | number,\n    [keyColumn],\n  )\n  const pageRowIds = useMemo(() => rows.map(resolveRowId), [rows, resolveRowId])\n  const allOnPageSelected =\n    pageRowIds.length > 0 && pageRowIds.every((id) => selectionSet.has(id))\n  const someOnPageSelected =\n    !allOnPageSelected && pageRowIds.some((id) => selectionSet.has(id))\n\n  const handleSort = (columnId: string) => {\n    if (!onSortChange) return\n    const sameCol = sort?.columnId === columnId\n    const nextDir: TableSortDirection =\n      sameCol && sort?.direction === 'asc' ? 'desc' : 'asc'\n    onSortChange({ columnId, direction: nextDir })\n  }\n\n  const handleSelectAllOnPage = () => {\n    if (!onSelectionChange) return\n    if (allOnPageSelected) {\n      onSelectionChange(\n        (selection ?? []).filter((id) => !pageRowIds.includes(id)),\n      )\n    } else {\n      const merged = new Set<string | number>(selection ?? [])\n      for (const id of pageRowIds) merged.add(id)\n      onSelectionChange([...merged])\n    }\n  }\n\n  const handleSelectRow = (rowId: string | number) => {\n    if (!onSelectionChange) return\n    const next = new Set<string | number>(selection ?? [])\n    if (next.has(rowId)) next.delete(rowId)\n    else next.add(rowId)\n    onSelectionChange([...next])\n  }\n\n  return (\n    <Box sx={styles.container}>\n      <TableContainer>\n        <MuiTable stickyHeader size={size} sx={styles.table}>\n          <TableHead>\n            <MuiTableRow>\n              {selectable ? (\n                <TableCell padding='checkbox' sx={styles.headerCell}>\n                  <Checkbox\n                    checked={allOnPageSelected}\n                    indeterminate={someOnPageSelected}\n                    onChange={handleSelectAllOnPage}\n                    inputProps={{ 'aria-label': _labels.selectAll }}\n                  />\n                </TableCell>\n              ) : null}\n              {columns.map((column) => {\n                const isSorted = sort?.columnId === column.id\n                const direction = isSorted ? sort?.direction : undefined\n                return (\n                  <TableCell\n                    key={column.id}\n                    align={column.align}\n                    sortDirection={direction}\n                    sx={styles.headerCell}\n                    style={\n                      column.width != null ? { width: column.width } : undefined\n                    }\n                  >\n                    {column.sortable && onSortChange ? (\n                      <TableSortLabel\n                        active={isSorted}\n                        direction={direction ?? 'asc'}\n                        onClick={() => handleSort(column.id)}\n                      >\n                        {column.label}\n                      </TableSortLabel>\n                    ) : (\n                      column.label\n                    )}\n                  </TableCell>\n                )\n              })}\n            </MuiTableRow>\n          </TableHead>\n          <TableBody>\n            {rows.length === 0 ? (\n              <MuiTableRow>\n                <TableCell\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  sx={styles.empty}\n                >\n                  {emptyContent ?? null}\n                </TableCell>\n              </MuiTableRow>\n            ) : (\n              rows.map((row, index) => {\n                const rowId = resolveRowId(row, index)\n                const isSelected = selectionSet.has(rowId)\n                return (\n                  <MuiTableRow\n                    key={rowId}\n                    hover\n                    selected={isSelected}\n                    onClick={() => onRowClick?.(row)}\n                    onMouseEnter={() => onRowHover?.(row)}\n                    onMouseLeave={() => onRowHover?.(null)}\n                    sx={{\n                      ...styles.row,\n                      ...(onRowClick ? styles.rowClickable : null),\n                    }}\n                  >\n                    {selectable ? (\n                      <TableCell padding='checkbox'>\n                        <Checkbox\n                          checked={isSelected}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            handleSelectRow(rowId)\n                          }}\n                          inputProps={{\n                            'aria-label': _labels.selectRow(rowId),\n                          }}\n                        />\n                      </TableCell>\n                    ) : null}\n                    {columns.map((column) => (\n                      <TableCell key={column.id} align={column.align}>\n                        {column.formatter\n                          ? column.formatter(row[column.id], row)\n                          : stringifyCell(row[column.id])}\n                      </TableCell>\n                    ))}\n                  </MuiTableRow>\n                )\n              })\n            )}\n          </TableBody>\n        </MuiTable>\n      </TableContainer>\n      {showPagination ? (\n        <TablePagination\n          component='div'\n          count={total}\n          page={page}\n          rowsPerPage={pageSize}\n          rowsPerPageOptions={[...pageSizeOptions]}\n          onPageChange={(_, next) => onPageChange?.(next)}\n          onRowsPerPageChange={(e) => {\n            const next = parseInt(e.target.value, 10)\n            onPageSizeChange?.(next)\n          }}\n          labelRowsPerPage={_labels.rowsPerPage}\n          labelDisplayedRows={({ from, to, count }) =>\n            _labels.paginationOf(from, to, count)\n          }\n          ActionsComponent={PaginationActions}\n          sx={styles.pagination}\n        />\n      ) : null}\n    </Box>\n  )\n}\n\nfunction stringifyCell(value: unknown): React.ReactNode {\n  if (value == null) return ''\n  if (typeof value === 'string' || typeof value === 'number') return value\n  if (typeof value === 'boolean') return String(value)\n  if (Array.isArray(value) || typeof value === 'object') {\n    return JSON.stringify(value)\n  }\n  return ''\n}\n\n/**\n * Build the `ActionsComponent` used by `<TablePagination>` — four MUI\n * `IconButton`s for first / previous / next / last. We provide this\n * ourselves so the Meridian theme's `defaultProps.ActionsComponent`\n * (which depends on `react-intl`) is bypassed at the call site without\n * disturbing the rest of the Meridian theme. The factory closes over\n * the merged label set so aria-labels stay consistent with the rest\n * of the table's i18n surface.\n */\nfunction makePaginationActions(labels: TableLabels) {\n  return function PaginationActions({\n    count,\n    page,\n    rowsPerPage,\n    onPageChange,\n  }: TablePaginationActionsProps) {\n    const lastPage = Math.max(0, Math.ceil(count / rowsPerPage) - 1)\n    return (\n      <Box sx={styles.paginationActions}>\n        <IconButton\n          size='small'\n          onClick={(e) => onPageChange(e, 0)}\n          disabled={page === 0}\n          aria-label={labels.firstPage}\n        >\n          <FirstPageIcon fontSize='small' />\n        </IconButton>\n        <IconButton\n          size='small'\n          onClick={(e) => onPageChange(e, page - 1)}\n          disabled={page === 0}\n          aria-label={labels.previousPage}\n        >\n          <KeyboardArrowLeft fontSize='small' />\n        </IconButton>\n        <IconButton\n          size='small'\n          onClick={(e) => onPageChange(e, page + 1)}\n          disabled={page >= lastPage}\n          aria-label={labels.nextPage}\n        >\n          <KeyboardArrowRight fontSize='small' />\n        </IconButton>\n        <IconButton\n          size='small'\n          onClick={(e) => onPageChange(e, lastPage)}\n          disabled={page >= lastPage}\n          aria-label={labels.lastPage}\n        >\n          <LastPageIcon fontSize='small' />\n        </IconButton>\n      </Box>\n    )\n  }\n}\n","import { toCsvString } from '../actions/download'\nimport type {\n  TableColumn,\n  TableRow,\n  TableSortDirection,\n  TableWidgetData,\n} from './types'\n\n/**\n * Compares two values with a consistent ordering across primitive types.\n * Strings use locale comparison; numbers subtract; booleans rank false < true;\n * objects/arrays compare by JSON serialization. Null/undefined sort to the end\n * regardless of direction.\n */\nexport function compareValues(\n  a: unknown,\n  b: unknown,\n  direction: TableSortDirection,\n): number {\n  if (a == null && b == null) return 0\n  if (a == null) return 1\n  if (b == null) return -1\n  let cmp = 0\n  if (typeof a === 'string' && typeof b === 'string') {\n    cmp = a.localeCompare(b)\n  } else if (typeof a === 'number' && typeof b === 'number') {\n    cmp = a - b\n  } else if (typeof a === 'boolean' && typeof b === 'boolean') {\n    cmp = a === b ? 0 : a ? 1 : -1\n  } else if (typeof a === 'object' || typeof b === 'object') {\n    cmp = JSON.stringify(a).localeCompare(JSON.stringify(b))\n  }\n  return direction === 'asc' ? cmp : -cmp\n}\n\n/** Returns a new array sorted by the named column. Does not mutate the input. */\nexport function sortRows<T extends TableRow>(\n  rows: readonly T[],\n  columnId: string,\n  direction: TableSortDirection,\n): T[] {\n  return [...rows].sort((a, b) =>\n    compareValues(a[columnId], b[columnId], direction),\n  )\n}\n\n/** Returns the slice for the requested page. Out-of-range pages return []. */\nexport function paginateRows<T>(\n  rows: readonly T[],\n  page: number,\n  pageSize: number,\n): T[] {\n  if (pageSize <= 0) return rows.slice()\n  const start = page * pageSize\n  return rows.slice(start, start + pageSize)\n}\n\n/**\n * Resolves the effective column list. When the widget store has a\n * `columnOrder` set (e.g. ChangeColumn was used), the column array is\n * reordered to match. Unknown ids in the order are skipped; columns not\n * present in the order keep their original relative position at the end.\n */\nexport function resolveColumns(\n  columns: readonly TableColumn[],\n  columnOrder: readonly string[] | undefined,\n): readonly TableColumn[] {\n  if (!columnOrder || columnOrder.length === 0) return columns\n  const byId = new Map(columns.map((c) => [c.id, c]))\n  const ordered: TableColumn[] = []\n  const seen = new Set<string>()\n  for (const id of columnOrder) {\n    const c = byId.get(id)\n    if (c && !seen.has(id)) {\n      ordered.push(c)\n      seen.add(id)\n    }\n  }\n  for (const c of columns) {\n    if (!seen.has(c.id)) ordered.push(c)\n  }\n  return ordered\n}\n\n/** Applies sort and pagination to the input data. Pure. */\nexport function deriveVisibleRows<T extends TableRow>(\n  rows: readonly T[],\n  options: {\n    sort?: { columnId: string | null; direction: TableSortDirection }\n    page: number\n    pageSize: number\n  },\n): { sorted: readonly T[]; visible: T[] } {\n  const sorted =\n    options.sort?.columnId != null\n      ? sortRows(rows, options.sort.columnId, options.sort.direction)\n      : rows\n  const visible = paginateRows(sorted, options.page, options.pageSize)\n  return { sorted, visible }\n}\n\nexport function tableDataToCsv(\n  data: TableWidgetData,\n  columns: readonly TableColumn[],\n): string {\n  // Pre-stringify with the table's own header/cell rules, then delegate the\n  // CSV assembly (quoting + spreadsheet formula-injection guard) to the shared\n  // `toCsvString` so escaping stays identical to every other widget's export.\n  const rows: string[][] = [columns.map((c) => stringifyHeader(c.label))]\n  for (const row of data) {\n    rows.push(columns.map((c) => stringifyCell(row[c.id])))\n  }\n  return toCsvString(rows)\n}\n\nfunction stringifyHeader(label: unknown): string {\n  if (typeof label === 'string') return label\n  if (typeof label === 'number' || typeof label === 'boolean')\n    return String(label)\n  return ''\n}\n\nfunction stringifyCell(value: unknown): string {\n  if (value == null) return ''\n  if (typeof value === 'string') return value\n  if (typeof value === 'number' || typeof value === 'boolean')\n    return String(value)\n  if (Array.isArray(value) || typeof value === 'object')\n    return JSON.stringify(value)\n  return ''\n}\n","import { useCallback, useMemo } from 'react'\nimport {\n  getWidgetStore,\n  useWidget,\n  useWidgetId,\n  useWidgetShallow,\n} from '../stores'\nimport { TableUI, type TableUIProps } from './table-ui'\nimport {\n  DEFAULT_TABLE_PAGE_SIZE,\n  type TableColumn,\n  type TableRow,\n  type TableSortState,\n  type TableWidgetState,\n} from './types'\nimport { deriveVisibleRows, resolveColumns } from './helpers'\n\nexport interface TableProps<T extends TableRow = TableRow> extends Pick<\n  TableUIProps<T>,\n  | 'pageSizeOptions'\n  | 'selectable'\n  | 'labels'\n  | 'emptyContent'\n  | 'size'\n  | 'keyColumn'\n> {\n  /**\n   * Column definitions. Order can be overridden by ChangeColumn via the\n   * `columnOrder` field on the extended widget state.\n   */\n  columns: readonly TableColumn[]\n  /**\n   * When set, render only the first `visibleColumns` entries **after**\n   * applying the user's `columnOrder` from the store. Useful for showing\n   * a compact projection while letting consumers (e.g. `Widget.ChangeColumn`)\n   * see the full column list. When omitted, every column renders.\n   */\n  visibleColumns?: number\n  /** Initial page size (only on first mount; afterwards lives on the store). */\n  initialPageSize?: number\n  /** Selected row ids (destination-owned). */\n  selection?: readonly (string | number)[]\n  onSelectionChange?: (next: readonly (string | number)[]) => void\n  onRowClick?: (row: T) => void\n  onRowHover?: (row: T | null) => void\n  /**\n   * When `true`, the bridge stops sorting and paginating locally and\n   * renders `data` as-is — the consumer is then responsible for\n   * refetching the slice that matches the active `page` / `pageSize` /\n   * `sort` from the outbound callbacks below. `total` is required in\n   * this mode (the server already knows the full row count; the\n   * widget can't infer it from a partial page).\n   */\n  remote?: boolean\n  /**\n   * Server-reported total row count. Required when `remote === true`;\n   * ignored in local mode (where the bridge derives total from the\n   * sorted result of `deriveVisibleRows`).\n   */\n  total?: number\n  /** Fires after the store-level sort write so the consumer can refetch. */\n  onSortChange?: (next: TableSortState) => void\n  /** Fires after the store-level page write so the consumer can refetch. */\n  onPageChange?: (page: number) => void\n  /** Fires after the store-level pageSize write so the consumer can refetch. */\n  onPageSizeChange?: (pageSize: number) => void\n}\n\n/**\n * Bridge component — reads the widget store's `data`, applies sort + pagination\n * locally, and feeds `<TableUI />`. Sort, page, and pageSize live on the\n * extended widget state ({@link TableWidgetState}).\n */\nexport function Table<T extends TableRow = TableRow>({\n  columns,\n  visibleColumns,\n  initialPageSize = DEFAULT_TABLE_PAGE_SIZE,\n  selection,\n  onSelectionChange,\n  onRowClick,\n  onRowHover,\n  remote = false,\n  total: remoteTotal,\n  onSortChange,\n  onPageChange,\n  onPageSizeChange,\n  ...uiProps\n}: TableProps<T>) {\n  const id = useWidgetId()\n  const data = useWidget(id, (s) => s.data as readonly T[] | undefined)\n  const ui = useWidgetShallow<\n    {\n      sort: TableSortState | undefined\n      page: number\n      pageSize: number\n      columnOrder: readonly string[] | undefined\n    },\n    TableWidgetState\n  >(id, (s) => ({\n    sort: s.sort,\n    page: s.page ?? 0,\n    pageSize: s.pageSize ?? initialPageSize,\n    columnOrder: s.columnOrder,\n  }))\n\n  const orderedColumns = useMemo(() => {\n    const reordered = resolveColumns(columns, ui.columnOrder)\n    return visibleColumns == null\n      ? reordered\n      : reordered.slice(0, visibleColumns)\n  }, [columns, ui.columnOrder, visibleColumns])\n\n  // In remote mode the consumer already paginated / sorted server-side,\n  // so pass `data` and `total` straight through. Local mode keeps the\n  // bridge-driven sort + slice via `deriveVisibleRows`.\n  const { rows, totalRows } = useMemo(() => {\n    if (remote) {\n      return {\n        rows: data ?? [],\n        totalRows: remoteTotal ?? 0,\n      }\n    }\n    const { sorted, visible } = deriveVisibleRows(data ?? [], {\n      sort: ui.sort,\n      page: ui.page,\n      pageSize: ui.pageSize,\n    })\n    return { rows: visible, totalRows: sorted.length }\n  }, [remote, data, remoteTotal, ui.sort, ui.page, ui.pageSize])\n\n  const handleSortChange = useCallback(\n    (next: TableSortState) => {\n      getWidgetStore(id).setState({\n        sort: next,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onSortChange?.(next)\n    },\n    [id, onSortChange],\n  )\n\n  const handlePageChange = useCallback(\n    (page: number) => {\n      getWidgetStore(id).setState({ page } as Partial<TableWidgetState>)\n      onPageChange?.(page)\n    },\n    [id, onPageChange],\n  )\n\n  const handlePageSizeChange = useCallback(\n    (pageSize: number) => {\n      getWidgetStore(id).setState({\n        pageSize,\n        page: 0,\n      } as Partial<TableWidgetState>)\n      onPageSizeChange?.(pageSize)\n    },\n    [id, onPageSizeChange],\n  )\n\n  return (\n    <TableUI\n      {...uiProps}\n      columns={orderedColumns}\n      rows={rows}\n      total={totalRows}\n      page={ui.page}\n      pageSize={ui.pageSize}\n      sort={ui.sort}\n      selection={selection}\n      onSortChange={handleSortChange}\n      onPageChange={handlePageChange}\n      onPageSizeChange={handlePageSizeChange}\n      onSelectionChange={onSelectionChange}\n      onRowClick={onRowClick}\n      onRowHover={onRowHover}\n    />\n  )\n}\n","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 DownloadContext,\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: (ctx: DownloadContext) => TableWidgetData\n  columns: readonly TableColumn[]\n  getCaptureEl?: (ctx: DownloadContext) => 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: (ctx) => tableDataToCsv(opts.getData(ctx), opts.columns),\n    }),\n  )\n  return items\n}\n","/**\n * `LockSelection` filter for Table. Data is a FLAT `TableRow[]` (unlike every\n * other widget's `X[][]` series shape) and row identity comes from\n * `row[keyColumn]` (default `'id'`), not `name` — so `filterByLockedItems`\n * doesn't apply here (its outer `.map` treats each row as a \"series\", and a\n * plain row object isn't an array, so it would silently pass everything\n * through unfiltered). Falls back to the row's index when the identity\n * column is nullish, mirroring `TableUI`'s own `resolveRowId`.\n *\n * `keyColumn` arrives as `LockSelection`'s `filterKey`, so pass this by\n * reference: `filterFn={filterTableByLockedRows} filterKey={keyColumn}`.\n * Don't close over it — `filterFn`'s identity is not a pipeline dependency,\n * so a captured key changes without re-running anything.\n */\nexport function filterTableByLockedRows(\n  input: unknown,\n  lockedItems: readonly (string | number)[],\n  keyColumn: string | number = 'id',\n): unknown {\n  if (lockedItems.length === 0) return input\n  if (!Array.isArray(input)) return input\n  const locked = new Set<string | number>(lockedItems)\n  return input.filter((row: unknown, index: number): boolean => {\n    if (row == null || typeof row !== 'object') return false\n    const id = (row as Record<string, unknown>)[keyColumn] ?? index\n    return (typeof id === 'string' || typeof id === 'number') && locked.has(id)\n  })\n}\n"],"mappings":"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"}

package/dist/types/widgets-v2/actions/download/csv-item.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from './types.js';
+import { DownloadContext, DownloadItem } from './types.js';
 interface BuildCsvDownloadItemBase {
     /** Base filename (without extension). The item appends `.csv`. */
     filename: string;
@@ -17,7 +17,7 @@ export type BuildCsvDownloadItemArgs = (BuildCsvDownloadItemBase & {
      * through `toCsvString` so escaping (incl. the spreadsheet
      * formula-injection guard) stays consistent across widgets.
      */
-    getRows: () => readonly (readonly unknown[])[];
+    getRows: (ctx: DownloadContext) => readonly (readonly unknown[])[];
     getCsv?: never;
 }) | (BuildCsvDownloadItemBase & {
     /**
@@ -25,7 +25,7 @@ export type BuildCsvDownloadItemArgs = (BuildCsvDownloadItemBase & {
      * (e.g. Table) that already serialise their own CSV with bespoke
      * header/cell handling.
      */
-    getCsv: () => string;
+    getCsv: (ctx: DownloadContext) => string;
     getRows?: never;
 });
 /**

package/dist/types/widgets-v2/actions/download/index.d.ts

@@ -4,5 +4,5 @@ export { CSVIcon, PNGIcon, MarkdownIcon } from './icons.js';
 export { buildPngDownloadItem, type BuildPngDownloadItemArgs } from './png-item.js';
 export { buildCsvDownloadItem, type BuildCsvDownloadItemArgs } from './csv-item.js';
 export { DOWNLOAD_ITEM_IDS, type DownloadItemId } from './constants.js';
-export type { DownloadItem } from './types.js';
+export type { DownloadItem, DownloadContext } from './types.js';
 export { DEFAULT_DOWNLOAD_LABELS, type DownloadLabels } from './labels.js';

package/dist/types/widgets-v2/actions/download/png-item.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from './types.js';
+import { DownloadContext, DownloadItem } from './types.js';
 export interface BuildPngDownloadItemArgs {
     /** Base filename (without extension). The item appends `.png`. */
     filename: string;
@@ -7,7 +7,7 @@ export interface BuildPngDownloadItemArgs {
      * download config doesn't capture a stale reference. Wire it to
      * `() => getCaptureEl(id)` from `widgets-v2/stores`.
      */
-    getCaptureEl: () => HTMLElement | null;
+    getCaptureEl: (ctx: DownloadContext) => HTMLElement | null;
     /** html2canvas `scale`. Default 2. */
     pixelRatio?: number;
     /** html2canvas `backgroundColor`. Default transparent (`null`). */

package/dist/types/widgets-v2/actions/download/types.d.ts

@@ -1,4 +1,15 @@
 import { ReactElement } from 'react';
+/**
+ * Passed to {@link DownloadItem.resolve} by `<Widget.Download>`.
+ */
+export interface DownloadContext {
+    /**
+     * Id of the widget store the menu was opened from — the dialog's own
+     * store when opened from `FullScreen.Slot`'s header, so an export matches
+     * what the user is looking at. `null` outside a `<Widget.Provider>`.
+     */
+    id: string | null;
+}
 export interface DownloadItem {
     /** Unique key (also used as menu label key). */
     id: string;
@@ -27,7 +38,7 @@ export interface DownloadItem {
      * Resolves to a Blob URL the trigger will click. Optional `revoke` is
      * called after the click is dispatched.
      */
-    resolve: () => Promise<{
+    resolve: (ctx: DownloadContext) => Promise<{
         url: string;
         filename: string;
         revoke?: () => void;

package/dist/types/widgets-v2/actions/fullscreen/fullscreen.d.ts

@@ -9,11 +9,18 @@ export interface FullScreenTriggerProps {
 }
 export interface FullScreenSlotProps {
     /**
-     * Render-prop body. Receives the live `isFullScreen` flag so the consumer
-     * can branch per-mode props (e.g., `Widget.Toolbox visibleCount`) without
-     * duplicating the JSX.
+     * The widget body. Rendered twice, identically: in the card, and again in
+     * the dialog while it's open. The components inside don't know which copy
+     * they are; the dialog's just runs on a widget store of its own — a copy
+     * of the card's taken on open, handed back to the card on close — so read
+     * the widget id with `useWidgetId()` inside the body rather than closing
+     * over the card's `id`.
+     *
+     * @deprecated The function form `(isFullScreen) => ReactNode` still works
+     * (`false` for the card, `true` for the dialog copy) but will be removed
+     * in the next major: pass the body as plain children.
      */
-    children: (isFullScreen: boolean) => ReactNode;
+    children: ReactNode | ((isFullScreen: boolean) => ReactNode);
     /** Header text rendered above the body when the modal is open. */
     title?: ReactNode;
     /**
@@ -46,15 +53,15 @@ export interface FullScreenSlotProps {
  * `<Widget.Content>`).
  */
 declare function FullScreenTrigger({ labels, enterIcon: EnterIcon, exitIcon: ExitIcon, iconProps, }: FullScreenTriggerProps): import('react').JSX.Element;
+/** Id of the widget store the dialog copy runs on. */
+export declare function fullScreenStoreId(id: string): string;
 /**
- * Body wrapper. Renders its render-prop children once, via a single
- * `createPortal` call whose container is a stable `<div>` we hold as a ref.
- * That div is moved imperatively between an inline placeholder and the
- * `<DialogContent>` of an MUI `<Dialog keepMounted>`. Because both the
- * React parent (the portal call site) AND the portal container are
- * identical across the toggle, the subtree keeps its fiber identity and
- * ECharts (or any other heavy child) stays mounted while only its DOM
- * parent changes.
+ * Body wrapper. The card keeps its copy of the body while the dialog is
+ * open, and the dialog mounts a second one on a store of its own: a copy
+ * of the card's UI state taken on open, and handed back to the card when
+ * the dialog closes. While open the two don't affect each other. MUI
+ * mounts the dialog copy on open and unmounts it after the close
+ * transition, which drops its store.
  */
 declare function FullScreenSlot({ children, title, actions, paperSx, labels, closeIcon: CloseSvg, iconProps, }: FullScreenSlotProps): import('react').JSX.Element;
 /**
@@ -66,7 +73,7 @@ declare function FullScreenSlot({ children, title, actions, paperSx, labels, clo
  * </Widget.Actions>
  * <Widget.Content>
  *   <Widget.FullScreen.Slot title={title} actions={<Widget.Download items={items} />}>
- *     {(isFullScreen) => <Body visibleCount={isFullScreen ? undefined : 2} />}
+ *     <Body />
  *   </Widget.FullScreen.Slot>
  * </Widget.Content>
  * ```

package/dist/types/widgets-v2/actions/index.d.ts

@@ -4,7 +4,7 @@ export { ShowAllToggle, setShowAll, SHOW_ALL_ID, DEFAULT_SHOW_ALL_LABELS, type S
 export { ZoomToggle, addZoom, createAddZoom, ZOOM_LAYOUT, DEFAULT_ZOOM_TOGGLE_LABELS, type ZoomToggleProps, type ZoomToggleLabels, } from './zoom-toggle/index.js';
 export { BrushToggle, addBrush, DEFAULT_BRUSH_TOGGLE_LABELS, type BrushToggleProps, type BrushToggleLabels, } from './brush-toggle/index.js';
 export { RelativeData, toRelativeData, createPercentFormatter, DEFAULT_RELATIVE_DATA_LABELS, type RelativeDataProps, type RelativeDataLabels, } from './relative-data/index.js';
-export { Download, downloadToCSV, downloadDOMToPNG, toCsvString, triggerLinkDownload, buildPngDownloadItem, buildCsvDownloadItem, CSVIcon, PNGIcon, MarkdownIcon, DEFAULT_DOWNLOAD_LABELS, DOWNLOAD_ITEM_IDS, type DownloadProps, type DownloadItem, type DownloadItemId, type DownloadHandle, type DownloadDOMToPNGOptions, type BuildPngDownloadItemArgs, type BuildCsvDownloadItemArgs, type DownloadLabels, } from './download/index.js';
+export { Download, downloadToCSV, downloadDOMToPNG, toCsvString, triggerLinkDownload, buildPngDownloadItem, buildCsvDownloadItem, CSVIcon, PNGIcon, MarkdownIcon, DEFAULT_DOWNLOAD_LABELS, DOWNLOAD_ITEM_IDS, type DownloadProps, type DownloadItem, type DownloadContext, type DownloadItemId, type DownloadHandle, type DownloadDOMToPNGOptions, type BuildPngDownloadItemArgs, type BuildCsvDownloadItemArgs, type DownloadLabels, } from './download/index.js';
 export { FullScreen, DEFAULT_FULLSCREEN_LABELS, type FullScreenTriggerProps, type FullScreenSlotProps, type FullScreenLabels, type FullScreenWidgetState, } from './fullscreen/index.js';
 export { LockSelection, filterByLockedItems, DEFAULT_LOCK_SELECTION_LABELS, type LockSelectionProps, type LockSelectionKey, type LockSelectionLabels, } from './lock-selection/index.js';
 export { ChangeColumn, DEFAULT_CHANGE_COLUMN_LABELS, type ChangeColumnProps, type ChangeColumnItem, type ChangeColumnLabels, type ChangeColumnWidgetState, } from './change-column/index.js';