@carto/ps-react-ui 6.1.1 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{actions-BWlS5tpP.js → actions-CueYrfVr.js} +2 -2
- package/dist/actions-CueYrfVr.js.map +1 -0
- package/dist/category-DULnoxvk.js +933 -0
- package/dist/category-DULnoxvk.js.map +1 -0
- package/dist/chat.js +1 -1
- package/dist/chat.js.map +1 -1
- package/dist/components-CTUpdQuj.js.map +1 -1
- package/dist/download-B4sykOFm.js.map +1 -1
- package/dist/{echart-CV8F50gn.js → echart-ysYFLa_T.js} +2 -2
- package/dist/echart-ysYFLa_T.js.map +1 -0
- package/dist/formula-DJS-JLpk.js.map +1 -1
- package/dist/legend.js.map +1 -1
- package/dist/{markdown-Bn2nKCbn.js → markdown-DmvLi3vx.js} +2 -2
- package/dist/markdown-DmvLi3vx.js.map +1 -0
- package/dist/{markdown-content-kYNLOX0T.js → markdown-content-BpAH_V6S.js} +5 -4
- package/dist/markdown-content-BpAH_V6S.js.map +1 -0
- package/dist/option-builders-DQivvvbb.js.map +1 -1
- package/dist/range-BpU2zBmq.js.map +1 -1
- package/dist/smart-tooltip-Dc_rHhyI.js.map +1 -1
- package/dist/spread-CQwFIwuz.js.map +1 -1
- package/dist/stores-DcBOZlU3.js.map +1 -1
- package/dist/stores-mad-9yFn.js.map +1 -1
- package/dist/styles-BCEBm7xh.js.map +1 -1
- package/dist/table-DEdW_fDj.js.map +1 -1
- package/dist/types/widgets/category/category-ui.d.ts +10 -2
- package/dist/types/widgets/category/category.d.ts +7 -1
- package/dist/types/widgets/category/components/category-bar-stacked.d.ts +8 -1
- package/dist/types/widgets/category/components/category-bar.d.ts +24 -2
- package/dist/types/widgets/category/components/category-row-multi.d.ts +3 -1
- package/dist/types/widgets/category/components/category-row-single.d.ts +3 -1
- package/dist/types/widgets/category/components/category-row-stacked.d.ts +10 -1
- package/dist/types/widgets/category/style.d.ts +33 -6
- package/dist/utils-C-eWwOhE.js.map +1 -1
- package/dist/widgets/actions.js +1 -1
- package/dist/widgets/bar.js.map +1 -1
- package/dist/widgets/category.js +1 -1
- package/dist/widgets/echart.js +1 -1
- package/dist/widgets/histogram.js.map +1 -1
- package/dist/widgets/markdown.js +2 -2
- package/dist/widgets/pie.js +2 -2
- package/dist/widgets/pie.js.map +1 -1
- package/dist/widgets/scatterplot.js.map +1 -1
- package/dist/widgets/timeseries.js.map +1 -1
- package/dist/widgets.js +5 -5
- package/dist/widgets.js.map +1 -1
- package/dist/zoom-toggle-MmLjMTEw.js.map +1 -1
- package/package.json +2 -2
- package/src/widgets/category/category-ui.test.tsx +139 -0
- package/src/widgets/category/category-ui.tsx +64 -11
- package/src/widgets/category/category.test.tsx +67 -0
- package/src/widgets/category/category.tsx +32 -15
- package/src/widgets/category/components/category-bar-stacked.test.tsx +18 -0
- package/src/widgets/category/components/category-bar-stacked.tsx +42 -29
- package/src/widgets/category/components/category-bar.test.tsx +66 -0
- package/src/widgets/category/components/category-bar.tsx +65 -9
- package/src/widgets/category/components/category-row-multi.tsx +21 -0
- package/src/widgets/category/components/category-row-single.tsx +4 -0
- package/src/widgets/category/components/category-row-stacked.tsx +24 -1
- package/src/widgets/category/style.ts +58 -14
- package/dist/actions-BWlS5tpP.js.map +0 -1
- package/dist/category-alzjKzvQ.js +0 -839
- package/dist/category-alzjKzvQ.js.map +0 -1
- package/dist/echart-CV8F50gn.js.map +0 -1
- package/dist/markdown-Bn2nKCbn.js.map +0 -1
- package/dist/markdown-content-kYNLOX0T.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-DEdW_fDj.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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 sx={styles.pagination}\n ActionsComponent={PaginationActions}\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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 sx={styles.pagination}\n ActionsComponent={PaginationActions}\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/table/labels.tsx","../src/widgets/table/types.ts","../src/widgets/table/style.ts","../src/widgets/table/table-ui.tsx","../src/widgets/table/helpers.ts","../src/widgets/table/table.tsx","../src/widgets/table/skeleton.tsx","../src/widgets/table/download.ts","../src/widgets/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/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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 sx={styles.pagination}\n ActionsComponent={PaginationActions}\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 withPngItem,\n type DownloadItem,\n type WidgetDownloadArgs,\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 that\n * pulls the latest data from the widget store via `getData()` (so locked /\n * sorted / filtered state is honored); headers come from `column.label`,\n * cells from `row[column.id]`. When `getCaptureEl` is given, prepends a PNG\n * item that rasterises the captured element via `html2canvas`.\n */\nexport function createTableDownloadConfig(\n opts: WidgetDownloadArgs<TableWidgetData> & {\n columns: readonly TableColumn[]\n },\n): DownloadItem[] {\n return withPngItem(\n opts,\n buildCsvDownloadItem({\n filename: opts.filename,\n getCsv: (ctx) => tableDataToCsv(opts.getData(ctx), opts.columns),\n }),\n )\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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"}
|
|
1
|
+
{"version":3,"file":"table-DEdW_fDj.js","names":["_Fragment","{\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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 sx={styles.pagination}\n ActionsComponent={PaginationActions}\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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 sx={styles.pagination}\n ActionsComponent={PaginationActions}\n />\n ) : null}\n </Box>","_c","MuiTableRow","stringifyCell","MuiTable","FirstPageIcon","LastPageIcon","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 />","Table","_c","_temp","{\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>","_c","MuiTableRow","MuiTable","useWidgetShallow","useWidgetId","useWidget","getWidgetStore","toCsvString","buildCsvDownloadItem","withPngItem","boldRange","DEFAULT_TABLE_LABELS","id","Fragment","Box","from","to","total","DEFAULT_TABLE_PAGE_SIZE","DEFAULT_TABLE_PAGE_SIZE_OPTIONS","styles","TableUI","$","c","t1","t2","t3","t0","pageSizeOptions","keyColumn","selectable","rows","r","t4","labels","_labels","showPagination","t5","makePaginationActions","PaginationActions","t6","selection","t7","selectionSet","t8","row","index","resolveRowId","t9","pageRowIds","t10","allOnPageSelected","t11","id_0","someOnPageSelected","t12","onSortChange","sort","nextDir","columnId","handleSort","t13","onSelectionChange","id_1","merged","id_2","handleSelectAllOnPage","t14","next","rowId","handleSelectRow","t15","TableCell","Checkbox","t16","columns","t17","isSorted","column","direction","TableSortLabel","TableHead","TableRow","t18","emptyContent","onRowClick","onRowHover","rowId_0","row_0","index_0","isSelected","column_0","stringifyCell$1","t19","TableBody","t20","size","TableContainer","Table","t21","onPageChange","onPageSizeChange","page","pageSize","TablePagination","next_0","next_1","e_0","t22","count","value","lastPage","rowsPerPage","IconButton","FirstPage","KeyboardArrowLeft","KeyboardArrowRight","LastPage","compareValues","a","b","cmp","sortRows","paginateRows","start","resolveColumns","columnOrder","byId","ordered","seen","deriveVisibleRows","sorted","options","tableDataToCsv","stringifyHeader","data","stringifyCell","label","Table$1","remoteTotal","uiProps","visibleColumns","initialPageSize","remote","_temp$1","s_0","ui","reordered","orderedColumns","visible","handleSortChange","handlePageChange","handlePageSizeChange","totalRows","s","TableSkeleton","_temp","Skeleton","c_0","createTableDownloadConfig","opts","ctx","filterTableByLockedRows","lockedItems","input","locked"],"sources":["../src/widgets/table/labels.tsx","../src/widgets/table/types.ts","../src/widgets/table/style.ts","../src/widgets/table/table-ui.tsx","../src/widgets/table/helpers.ts","../src/widgets/table/table.tsx","../src/widgets/table/skeleton.tsx","../src/widgets/table/download.ts","../src/widgets/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/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 slotProps={{\n input: { 'aria-label': _labels.selectAll },\n }}\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 slotProps={{\n input: {\n 'aria-label': _labels.selectRow(rowId),\n },\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 sx={styles.pagination}\n ActionsComponent={PaginationActions}\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 withPngItem,\n type DownloadItem,\n type WidgetDownloadArgs,\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 that\n * pulls the latest data from the widget store via `getData()` (so locked /\n * sorted / filtered state is honored); headers come from `column.label`,\n * cells from `row[column.id]`. When `getCaptureEl` is given, prepends a PNG\n * item that rasterises the captured element via `html2canvas`.\n */\nexport function createTableDownloadConfig(\n opts: WidgetDownloadArgs<TableWidgetData> & {\n columns: readonly TableColumn[]\n },\n): DownloadItem[] {\n return withPngItem(\n opts,\n buildCsvDownloadItem({\n filename: opts.filename,\n getCsv: (ctx) => tableDataToCsv(opts.getData(ctx), opts.columns),\n }),\n )\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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"}
|
|
@@ -51,8 +51,16 @@ export interface CategoryUIProps {
|
|
|
51
51
|
* overflow row stays a static summary.
|
|
52
52
|
*/
|
|
53
53
|
onShowAll?: () => void;
|
|
54
|
-
/**
|
|
54
|
+
/**
|
|
55
|
+
* Manual override for the top of the bar scale. With signed data it is a
|
|
56
|
+
* magnitude: the scale stays symmetric around the centred zero.
|
|
57
|
+
*/
|
|
55
58
|
maxOverride?: number;
|
|
59
|
+
/**
|
|
60
|
+
* Manual override for the bottom of the bar scale, the negative mirror of
|
|
61
|
+
* `maxOverride`. Ignored unless negative.
|
|
62
|
+
*/
|
|
63
|
+
minOverride?: number;
|
|
56
64
|
/**
|
|
57
65
|
* Visual density of the bar primitive. `'small'` (default) keeps the
|
|
58
66
|
* historical 4px-tall pill; `'medium'` switches to a 12px-tall track
|
|
@@ -93,4 +101,4 @@ export interface CategoryUIProps {
|
|
|
93
101
|
* Returns `null` when there's nothing to render — `Widget.State` is the
|
|
94
102
|
* empty-state authority in the canonical compositor.
|
|
95
103
|
*/
|
|
96
|
-
export declare function CategoryUI({ data, selection, onSelectionChange, formatter, labelFormatter, series, maxItems, labels, onShowAll, maxOverride, size, stacked, hiddenSeries: hiddenSeriesProp, onHiddenSeriesChange, }: CategoryUIProps): import('react').JSX.Element | null;
|
|
104
|
+
export declare function CategoryUI({ data, selection, onSelectionChange, formatter, labelFormatter, series, maxItems, labels, onShowAll, maxOverride, minOverride, size, stacked, hiddenSeries: hiddenSeriesProp, onHiddenSeriesChange, }: CategoryUIProps): import('react').JSX.Element | null;
|
|
@@ -32,6 +32,12 @@ export interface CategoryProps {
|
|
|
32
32
|
* regardless of the data.
|
|
33
33
|
*/
|
|
34
34
|
maxOverride?: number;
|
|
35
|
+
/**
|
|
36
|
+
* Bottom of the bar scale for negative values, the mirror of
|
|
37
|
+
* `maxOverride`. Auto-filled from `rawData` the same way, so the zero
|
|
38
|
+
* does not move when the Searcher hides every negative row.
|
|
39
|
+
*/
|
|
40
|
+
minOverride?: number;
|
|
35
41
|
/**
|
|
36
42
|
* Visual density of the bar primitive. `'small'` (default) keeps the
|
|
37
43
|
* historical 4px-tall pill; `'medium'` switches to a 12px-tall track
|
|
@@ -52,4 +58,4 @@ export interface CategoryProps {
|
|
|
52
58
|
* `onSelectionChange` follow the destination-owned principle: the
|
|
53
59
|
* consumer keeps the list in their own store and passes it through.
|
|
54
60
|
*/
|
|
55
|
-
export declare function Category({ selection, onSelectionChange, series, maxItems, labels, onShowAll, maxOverride, size, stacked, }: CategoryProps): import('react').JSX.Element;
|
|
61
|
+
export declare function Category({ selection, onSelectionChange, series, maxItems, labels, onShowAll, maxOverride, minOverride, size, stacked, }: CategoryProps): import('react').JSX.Element;
|
|
@@ -11,6 +11,13 @@ export interface CategoryBarStackedProps {
|
|
|
11
11
|
* so cross-row comparison is preserved.
|
|
12
12
|
*/
|
|
13
13
|
maxValue: number;
|
|
14
|
+
/**
|
|
15
|
+
* Where the zero sits, as a percentage of the track. `0` (default) is the
|
|
16
|
+
* positive-only layout. Positive segments stack rightwards from it and
|
|
17
|
+
* negative ones leftwards, both scaled by `maxValue` against the full
|
|
18
|
+
* track width.
|
|
19
|
+
*/
|
|
20
|
+
zeroPct?: number;
|
|
14
21
|
/** Visual density. Forwarded to the track styling; segments inherit height. */
|
|
15
22
|
size?: CategorySize;
|
|
16
23
|
}
|
|
@@ -26,4 +33,4 @@ export interface CategoryBarStackedProps {
|
|
|
26
33
|
* via the `colors` prop. Each segment carries `data-bar-fill='true'` so the
|
|
27
34
|
* existing row-hover brightening selector still fires on every segment.
|
|
28
35
|
*/
|
|
29
|
-
export declare function CategoryBarStacked({ values, colors, maxValue, size, }: CategoryBarStackedProps): import('react').JSX.Element;
|
|
36
|
+
export declare function CategoryBarStacked({ values, colors, maxValue, zeroPct, size, }: CategoryBarStackedProps): import('react').JSX.Element;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import { CssColor } from '../../../components/types.js';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
2
3
|
import { CategorySize } from '../types.js';
|
|
3
4
|
export interface CategoryBarProps {
|
|
4
5
|
/** Numeric value driving the fill width. */
|
|
5
6
|
value: number;
|
|
6
|
-
/**
|
|
7
|
+
/** Upper end of the domain. `maxValue === minValue` → empty bar (no division by zero). */
|
|
7
8
|
maxValue: number;
|
|
9
|
+
/**
|
|
10
|
+
* Lower end of the domain. `0` (default) keeps the positive-only bar
|
|
11
|
+
* anchored at the left edge; a negative value moves the zero to
|
|
12
|
+
* `-minValue / (maxValue - minValue)` and bars grow from there in either
|
|
13
|
+
* direction, keeping the fill `color` whatever the sign.
|
|
14
|
+
*/
|
|
15
|
+
minValue?: number;
|
|
8
16
|
/** Fill color, already resolved by `CategoryUI.colorAt`. */
|
|
9
17
|
color: CssColor;
|
|
10
18
|
/**
|
|
@@ -14,6 +22,11 @@ export interface CategoryBarProps {
|
|
|
14
22
|
* size-invariant.
|
|
15
23
|
*/
|
|
16
24
|
size?: CategorySize;
|
|
25
|
+
/**
|
|
26
|
+
* Draw the zero tick when the domain is signed. `false` when the parent
|
|
27
|
+
* draws its own zero line (multi-series rows span it across every bar).
|
|
28
|
+
*/
|
|
29
|
+
zeroTick?: boolean;
|
|
17
30
|
}
|
|
18
31
|
/**
|
|
19
32
|
* Single horizontal bar (track + proportional fill). Pure presentation.
|
|
@@ -21,4 +34,13 @@ export interface CategoryBarProps {
|
|
|
21
34
|
* both — bars stay vivid regardless of selection state (per the v2
|
|
22
35
|
* "row-bg + row-dim, never muted bar" rule).
|
|
23
36
|
*/
|
|
24
|
-
export declare function CategoryBar({ value, maxValue, color, size, }: CategoryBarProps): import('react').JSX.Element;
|
|
37
|
+
export declare function CategoryBar({ value, maxValue, minValue, color, size, zeroTick, }: CategoryBarProps): import('react').JSX.Element;
|
|
38
|
+
/**
|
|
39
|
+
* Wraps a bar track and, when `zeroPct` is set, marks the zero with a tick
|
|
40
|
+
* that overhangs the track. Positive-only, negative-only and all-zero bars
|
|
41
|
+
* pass `undefined` and get no tick.
|
|
42
|
+
*/
|
|
43
|
+
export declare function ZeroTickWrap({ zeroPct, children, }: {
|
|
44
|
+
zeroPct: number | undefined;
|
|
45
|
+
children: ReactNode;
|
|
46
|
+
}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import('react').JSX.Element | null | undefined;
|
|
@@ -11,6 +11,8 @@ export interface CategoryRowMultiProps {
|
|
|
11
11
|
colors: readonly CssColor[];
|
|
12
12
|
/** Shared max across all series + rows (or `maxOverride`). */
|
|
13
13
|
maxValue: number;
|
|
14
|
+
/** Lower end of the shared domain (`0` for positive-only data). */
|
|
15
|
+
minValue?: number;
|
|
14
16
|
formatter: (n: number) => string;
|
|
15
17
|
selected: boolean;
|
|
16
18
|
onToggle: (name: CategoryKey) => void;
|
|
@@ -29,4 +31,4 @@ export interface CategoryRowMultiProps {
|
|
|
29
31
|
* rows receive their real palette colors. Computed upstream by
|
|
30
32
|
* `CategoryUI`. The row itself has no bg tint, no opacity rule.
|
|
31
33
|
*/
|
|
32
|
-
export declare function CategoryRowMulti({ name, displayName, values, colors, maxValue, formatter, selected, onToggle, size, }: CategoryRowMultiProps): import('react').JSX.Element;
|
|
34
|
+
export declare function CategoryRowMulti({ name, displayName, values, colors, maxValue, minValue, formatter, selected, onToggle, size, }: CategoryRowMultiProps): import('react').JSX.Element;
|
|
@@ -7,6 +7,8 @@ export interface CategoryRowSingleProps {
|
|
|
7
7
|
displayName?: string | number;
|
|
8
8
|
value: number;
|
|
9
9
|
maxValue: number;
|
|
10
|
+
/** Lower end of the shared domain (`0` for positive-only data). */
|
|
11
|
+
minValue?: number;
|
|
10
12
|
color: CssColor;
|
|
11
13
|
formatter: (n: number) => string;
|
|
12
14
|
selected: boolean;
|
|
@@ -26,4 +28,4 @@ export interface CategoryRowSingleProps {
|
|
|
26
28
|
* when a selection exists and this row isn't in it). The row itself
|
|
27
29
|
* has no bg tint, no opacity rule.
|
|
28
30
|
*/
|
|
29
|
-
export declare function CategoryRowSingle({ name, displayName, value, maxValue, color, formatter, selected, onToggle, size, }: CategoryRowSingleProps): import('react').JSX.Element;
|
|
31
|
+
export declare function CategoryRowSingle({ name, displayName, value, maxValue, minValue, color, formatter, selected, onToggle, size, }: CategoryRowSingleProps): import('react').JSX.Element;
|
|
@@ -21,6 +21,11 @@ export interface CategoryRowStackedProps {
|
|
|
21
21
|
onToggle: (name: CategoryKey) => void;
|
|
22
22
|
/** Bar visual density. Forwarded to the inner {@link CategoryBarStacked}. */
|
|
23
23
|
size?: CategorySize;
|
|
24
|
+
/**
|
|
25
|
+
* Where the list's zero sits (% of the track), shared by every row so the
|
|
26
|
+
* zero lines up: `0` positive-only, `50` signed, `100` negative-only.
|
|
27
|
+
*/
|
|
28
|
+
zeroPct?: number;
|
|
24
29
|
}
|
|
25
30
|
/**
|
|
26
31
|
* Stacked-mode category row: label + total share a header line; a single
|
|
@@ -35,10 +40,14 @@ export interface CategoryRowStackedProps {
|
|
|
35
40
|
* total relative to other rows. The total numeric value is still shown in
|
|
36
41
|
* the header so the per-row magnitude isn't lost.
|
|
37
42
|
*
|
|
43
|
+
* Signed data diverges from `zeroPct`: positives stack rightwards and
|
|
44
|
+
* negatives leftwards, and whichever side is longer reaches its edge of the
|
|
45
|
+
* track. The header total is the signed sum.
|
|
46
|
+
*
|
|
38
47
|
* Visual selection / dim signal lives entirely in the segment colors
|
|
39
48
|
* (`colors` prop) — every series in a dimmed row receives
|
|
40
49
|
* `theme.palette.action.disabled`. The bar visually collapses to a single
|
|
41
50
|
* grey shape when dimmed, but the breakdown text stays at full color so the
|
|
42
51
|
* per-series values remain legible.
|
|
43
52
|
*/
|
|
44
|
-
export declare function CategoryRowStacked({ name, displayName, values, colors, seriesNames, formatter, selected, onToggle, size, }: CategoryRowStackedProps): import('react').JSX.Element;
|
|
53
|
+
export declare function CategoryRowStacked({ name, displayName, values, colors, seriesNames, formatter, selected, onToggle, size, zeroPct, }: CategoryRowStackedProps): import('react').JSX.Element;
|