react-science 18.0.2 → 18.1.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/lib/components/table/index.d.ts +10 -0
- package/lib/components/table/index.d.ts.map +1 -1
- package/lib/components/table/index.js.map +1 -1
- package/lib/components/table/table_body.d.ts +2 -0
- package/lib/components/table/table_body.d.ts.map +1 -1
- package/lib/components/table/table_body.js +5 -5
- package/lib/components/table/table_body.js.map +1 -1
- package/lib/components/table/table_header_cell.js +1 -0
- package/lib/components/table/table_header_cell.js.map +1 -1
- package/lib/components/table/table_root.d.ts +8 -2
- package/lib/components/table/table_root.d.ts.map +1 -1
- package/lib/components/table/table_root.js +2 -2
- package/lib/components/table/table_root.js.map +1 -1
- package/lib/components/table/table_row_cell.d.ts +2 -0
- package/lib/components/table/table_row_cell.d.ts.map +1 -1
- package/lib/components/table/table_row_cell.js +4 -2
- package/lib/components/table/table_row_cell.js.map +1 -1
- package/package.json +1 -1
- package/src/components/table/index.ts +14 -0
- package/src/components/table/table_body.tsx +15 -6
- package/src/components/table/table_header_cell.tsx +1 -0
- package/src/components/table/table_root.tsx +11 -2
- package/src/components/table/table_row_cell.tsx +7 -2
|
@@ -1,5 +1,15 @@
|
|
|
1
|
+
import type { RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
1
3
|
export * from './table_root.js';
|
|
2
4
|
export * from './table_utils.js';
|
|
3
5
|
export * from './table_row.js';
|
|
4
6
|
export * from './reorder_rows/index.js';
|
|
7
|
+
declare module '@tanstack/react-table' {
|
|
8
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
9
|
+
/**
|
|
10
|
+
* Merged into the `style` prop of the default-rendered `<th>` element.
|
|
11
|
+
*/
|
|
12
|
+
thStyle?: CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
5
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AAExC,OAAO,QAAQ,uBAAuB,CAAC;IAGrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD;;WAEG;QACH,OAAO,CAAC,EAAE,aAAa,CAAC;KACzB;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import type { Row, RowData } from '@tanstack/react-table';
|
|
2
2
|
import type { Virtualizer } from '@tanstack/react-virtual';
|
|
3
|
+
import type { CSSProperties } from 'react';
|
|
3
4
|
import type { GetTdProps, TableRowPreviewRenderer, TableRowTrRenderer } from './table_utils.js';
|
|
4
5
|
interface TableBodyProps<TData extends RowData> {
|
|
5
6
|
rows: Array<Row<TData>>;
|
|
7
|
+
tdStyle?: CSSProperties;
|
|
6
8
|
getTdProps?: GetTdProps<TData>;
|
|
7
9
|
renderRowTr: TableRowTrRenderer<TData> | undefined;
|
|
8
10
|
virtualizeRows?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAMtD,OAAO,KAAK,EACV,UAAU,EACV,uBAAuB,EACvB,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC/B,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAClD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAoE5E"}
|
|
@@ -5,7 +5,7 @@ import { TableDraggableRowTr } from './reorder_rows/index.js';
|
|
|
5
5
|
import { TableRowTr } from './table_row.js';
|
|
6
6
|
import { TableRowCell } from './table_row_cell.js';
|
|
7
7
|
export function TableBody(props) {
|
|
8
|
-
const { rows, getTdProps, renderRowTr = getDefaultRenderRowTr(props.isReorderingEnabled, props.renderRowPreview), virtualizer, virtualizeRows, } = props;
|
|
8
|
+
const { rows, tdStyle, getTdProps, renderRowTr = getDefaultRenderRowTr(props.isReorderingEnabled, props.renderRowPreview), virtualizer, virtualizeRows, } = props;
|
|
9
9
|
if (virtualizeRows) {
|
|
10
10
|
const virtualItems = virtualizer.getVirtualItems();
|
|
11
11
|
const [before, after] = virtualItems.length > 0
|
|
@@ -15,19 +15,19 @@ export function TableBody(props) {
|
|
|
15
15
|
]
|
|
16
16
|
: [0, 0];
|
|
17
17
|
return (_jsxs("tbody", { children: [before > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: before } }) })), virtualItems.map((virtualItem, index) => (_jsx(TableRow, { row: rows[virtualItem.index], renderRowTr: (row) => {
|
|
18
|
-
const trProps = getTrRenderProps(row, getTdProps, {
|
|
18
|
+
const trProps = getTrRenderProps(row, tdStyle, getTdProps, {
|
|
19
19
|
...virtualItem,
|
|
20
20
|
virtualIndex: index,
|
|
21
21
|
});
|
|
22
22
|
return renderRowTr(trProps, row);
|
|
23
23
|
} }, virtualItem.index))), after > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: after } }) }))] }));
|
|
24
24
|
}
|
|
25
|
-
return (_jsx("tbody", { children: rows.map((row) => (_jsx(TableRow, { row: row, renderRowTr: (row) => renderRowTr(getTrRenderProps(row, getTdProps), row) }, row.id))) }));
|
|
25
|
+
return (_jsx("tbody", { children: rows.map((row) => (_jsx(TableRow, { row: row, renderRowTr: (row) => renderRowTr(getTrRenderProps(row, tdStyle, getTdProps), row) }, row.id))) }));
|
|
26
26
|
}
|
|
27
27
|
function TableRow({ row, renderRowTr, }) {
|
|
28
28
|
return _jsx(Fragment, { children: renderRowTr(row) });
|
|
29
29
|
}
|
|
30
|
-
function getTrRenderProps(row, getTdProps, virtualItem) {
|
|
30
|
+
function getTrRenderProps(row, tdStyle, getTdProps, virtualItem) {
|
|
31
31
|
const index = virtualItem ? virtualItem.index : row.index;
|
|
32
32
|
return {
|
|
33
33
|
// index is 0-indexed, so odd rows are even indices
|
|
@@ -35,7 +35,7 @@ function getTrRenderProps(row, getTdProps, virtualItem) {
|
|
|
35
35
|
style: { position: 'relative' },
|
|
36
36
|
children: row
|
|
37
37
|
.getVisibleCells()
|
|
38
|
-
.map((cell) => (_jsx(TableRowCell, { cell: cell, getTdProps: getTdProps }, cell.id))),
|
|
38
|
+
.map((cell) => (_jsx(TableRowCell, { cell: cell, tdStyle: tdStyle, getTdProps: getTdProps }, cell.id))),
|
|
39
39
|
'data-row-id': row.id,
|
|
40
40
|
};
|
|
41
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,7 @@ function getThProps(header) {
|
|
|
20
20
|
style: {
|
|
21
21
|
position: 'relative',
|
|
22
22
|
cursor: canSort ? 'pointer' : undefined,
|
|
23
|
+
...column.columnDef.meta?.thStyle,
|
|
23
24
|
},
|
|
24
25
|
children: (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px' }, children: [_jsx("div", { children: flexRender(column.columnDef.header, header.getContext()) }), sorted && _jsx(Icon, { icon: sortingIcon })] })),
|
|
25
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_header_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_header_cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAiBnC,MAAM,UAAU,eAAe,CAC7B,KAAkC;IAElC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAEnC,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,gBAAQ,OAAO,GAAI,CAAC;AAC7B,CAAC;AAED,SAAS,UAAU,CACjB,MAA8B;IAE9B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAC5D,MAAM,IAAI,KAAK,CAChB,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,SAAS;QAC/D,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"table_header_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_header_cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAiBnC,MAAM,UAAU,eAAe,CAC7B,KAAkC;IAElC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAEnC,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,gBAAQ,OAAO,GAAI,CAAC;AAC7B,CAAC;AAED,SAAS,UAAU,CACjB,MAA8B;IAE9B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAC5D,MAAM,IAAI,KAAK,CAChB,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,SAAS;QAC/D,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACvC,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO;SAClC;QACD,QAAQ,EAAE,CACR,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,aAC/D,wBAAM,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,GAAO,EACpE,MAAM,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI,IAClC,CACP;KACF,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,IAAwC;IAExC,OAAO,KAAK,CAGV,IAAI,CAAC;SACJ,IAAI,CACH,MAAM,EACN,UAAU,EACV,cAAc,EACd,2BAA2B,EAC3B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,WAAW;KAClB,CAAC,CACH;SACA,IAAI,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC;QACxC,GAAG,EAAE,mBAAmB;QACxB,IAAI,EAAE,wBAAwB;KAC/B,CAAC,CAAC;SACF,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QACpB,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,qBAAqB;KAC5B,CAAC,CAAC;SACF,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;AAC/D,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { RowData, TableOptions } from '@tanstack/react-table';
|
|
2
|
-
import type { RefObject, TableHTMLAttributes } from 'react';
|
|
2
|
+
import type { CSSProperties, RefObject, TableHTMLAttributes } from 'react';
|
|
3
3
|
import type { HeaderCellRenderer } from './table_header_cell.js';
|
|
4
4
|
import type { GetTdProps, Scroller, TableColumnDef, TableRowPreviewRenderer, TableRowTrRenderer, VirtualScroller } from './table_utils.js';
|
|
5
5
|
interface TableBaseProps<TData extends RowData> {
|
|
@@ -63,9 +63,15 @@ interface TableBaseProps<TData extends RowData> {
|
|
|
63
63
|
*/
|
|
64
64
|
renderHeaderCell?: HeaderCellRenderer<TData>;
|
|
65
65
|
/**
|
|
66
|
-
* Pass custom
|
|
66
|
+
* Pass custom default style to the `<td>` elements.
|
|
67
|
+
* If `getTdProps` returns a `style` object, it will be merged with `tdStyle`.
|
|
68
|
+
*/
|
|
69
|
+
tdStyle?: CSSProperties;
|
|
70
|
+
/**
|
|
71
|
+
* Pass custom props to the `<td>` elements.
|
|
67
72
|
* The callback is called for each cell and receives the row's data.
|
|
68
73
|
* The returned properties are spread onto the `<td>` element.
|
|
74
|
+
* If `style` is returned, it will be merged with `tdStyle`.
|
|
69
75
|
*/
|
|
70
76
|
getTdProps?: GetTdProps<TData>;
|
|
71
77
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,OAAO,EAEP,YAAY,EACb,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ const CustomHTMLTable = styled(HTMLTable, {
|
|
|
46
46
|
}
|
|
47
47
|
`;
|
|
48
48
|
export function Table(props) {
|
|
49
|
-
const { data, columns, bordered = false, compact = false, interactive = false, striped = false, noHeader = false, stickyHeader = false, reactTable, tableProps, className, renderRowTr, renderHeaderCell, getTdProps, virtualizeRows, getRowId, onRowOrderChanged, renderRowPreview, scrollToRowRef, } = props;
|
|
49
|
+
const { data, columns, bordered = false, compact = false, interactive = false, striped = false, noHeader = false, stickyHeader = false, reactTable, tableProps, className, renderRowTr, renderHeaderCell, tdStyle, getTdProps, virtualizeRows, getRowId, onRowOrderChanged, renderRowPreview, scrollToRowRef, } = props;
|
|
50
50
|
const isReorderingEnabled = !!onRowOrderChanged;
|
|
51
51
|
const virtualScrollElementRef = useRef(null);
|
|
52
52
|
const columnDefs = useTableColumns(columns);
|
|
@@ -99,7 +99,7 @@ export function Table(props) {
|
|
|
99
99
|
// Props which are not forwarded to the HTMLTable component
|
|
100
100
|
striped: striped, noHeader: noHeader, stickyHeader: stickyHeader,
|
|
101
101
|
// Props which are forwarded to the HTMLTable component
|
|
102
|
-
ref: tableRef, bordered: bordered, compact: compact, interactive: interactive, ...tableProps, className: finalClassName, children: [!noHeader && (_jsx(TableHeader, { sticky: stickyHeader, headers: tableHeaders, renderHeaderCell: renderHeaderCell })), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr, getTdProps: getTdProps, virtualizer: tanstackVirtualizer, virtualizeRows: virtualizeRows, renderRowPreview: renderRowPreview, isReorderingEnabled: isReorderingEnabled })] }) }) }) }) }));
|
|
102
|
+
ref: tableRef, bordered: bordered, compact: compact, interactive: interactive, ...tableProps, className: finalClassName, children: [!noHeader && (_jsx(TableHeader, { sticky: stickyHeader, headers: tableHeaders, renderHeaderCell: renderHeaderCell })), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr, tdStyle: tdStyle, getTdProps: getTdProps, virtualizer: tanstackVirtualizer, virtualizeRows: virtualizeRows, renderRowPreview: renderRowPreview, isReorderingEnabled: isReorderingEnabled })] }) }) }) }) }));
|
|
103
103
|
}
|
|
104
104
|
function useCheckProps(props, headers) {
|
|
105
105
|
const { onRowOrderChanged, getRowId } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAS9D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAA4B;IAC3D,SAAS;IACT,cAAc;IACd,UAAU;CACX,CAAgB,CAAC;AAElB,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;IACxC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC;CAC1D,CAAC,CAA8C;;IAE5C,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK,CAAC;KACT,IAAI,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;KACxD,SAAS,CACR,CAAC,KAAK,EAAE,EAAE,CAAC;;;;;;sBAMG,KAAK,CAAC,KAAK,CAAC;KACvB,IAAI,CACH,EAAE,QAAQ,EAAE,IAAI,EAAE,EAClB,GAAG,EAAE,CAAC,sCAAsC,CAC7C;KACA,SAAS,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;;;;;;KAMxC,CACE;;;;;kBAKW,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS;;CAE5D,CAAC;
|
|
1
|
+
{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { Cell, RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
2
3
|
import type { GetTdProps } from './table_utils.js';
|
|
3
4
|
interface TableRowCellProps<TData extends RowData> {
|
|
4
5
|
cell: Cell<TData, unknown>;
|
|
6
|
+
tdStyle: CSSProperties | undefined;
|
|
5
7
|
getTdProps: GetTdProps<TData> | undefined;
|
|
6
8
|
}
|
|
7
9
|
export declare function TableRowCell<TData extends RowData>(props: TableRowCellProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_row_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_row_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,UAAU,iBAAiB,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,OAAO,EAChD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAYhC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { flexRender } from '@tanstack/react-table';
|
|
3
3
|
export function TableRowCell(props) {
|
|
4
|
-
const { cell, getTdProps } = props;
|
|
5
|
-
|
|
4
|
+
const { cell, tdStyle, getTdProps } = props;
|
|
5
|
+
const tdProps = getTdProps?.(cell);
|
|
6
|
+
const style = { ...tdStyle, ...tdProps?.style };
|
|
7
|
+
return (_jsx("td", { ...tdProps, style: style, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }));
|
|
6
8
|
}
|
|
7
9
|
//# sourceMappingURL=table_row_cell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_row_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_row_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAWnD,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,CAAC;IAEhD,OAAO,CACL,gBAAQ,OAAO,EAAE,KAAK,EAAE,KAAK,YAC1B,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,GACvD,CACN,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,18 @@
|
|
|
1
|
+
import type { RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
3
|
+
|
|
1
4
|
export * from './table_root.js';
|
|
2
5
|
export * from './table_utils.js';
|
|
3
6
|
export * from './table_row.js';
|
|
4
7
|
export * from './reorder_rows/index.js';
|
|
8
|
+
|
|
9
|
+
declare module '@tanstack/react-table' {
|
|
10
|
+
// Declaration merging
|
|
11
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
12
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
13
|
+
/**
|
|
14
|
+
* Merged into the `style` prop of the default-rendered `<th>` element.
|
|
15
|
+
*/
|
|
16
|
+
thStyle?: CSSProperties;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Row, RowData } from '@tanstack/react-table';
|
|
2
2
|
import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
|
|
3
3
|
import { notUndefined } from '@tanstack/react-virtual';
|
|
4
|
-
import type { ReactNode } from 'react';
|
|
4
|
+
import type { CSSProperties, ReactNode } from 'react';
|
|
5
5
|
import { Fragment } from 'react';
|
|
6
6
|
|
|
7
7
|
import { TableDraggableRowTr } from './reorder_rows/index.js';
|
|
@@ -16,6 +16,7 @@ import type {
|
|
|
16
16
|
|
|
17
17
|
interface TableBodyProps<TData extends RowData> {
|
|
18
18
|
rows: Array<Row<TData>>;
|
|
19
|
+
tdStyle?: CSSProperties;
|
|
19
20
|
getTdProps?: GetTdProps<TData>;
|
|
20
21
|
renderRowTr: TableRowTrRenderer<TData> | undefined;
|
|
21
22
|
virtualizeRows?: boolean;
|
|
@@ -27,6 +28,7 @@ interface TableBodyProps<TData extends RowData> {
|
|
|
27
28
|
export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
|
|
28
29
|
const {
|
|
29
30
|
rows,
|
|
31
|
+
tdStyle,
|
|
30
32
|
getTdProps,
|
|
31
33
|
renderRowTr = getDefaultRenderRowTr(
|
|
32
34
|
props.isReorderingEnabled,
|
|
@@ -57,10 +59,15 @@ export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
|
|
|
57
59
|
key={virtualItem.index}
|
|
58
60
|
row={rows[virtualItem.index]}
|
|
59
61
|
renderRowTr={(row) => {
|
|
60
|
-
const trProps = getTrRenderProps<TData>(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
const trProps = getTrRenderProps<TData>(
|
|
63
|
+
row,
|
|
64
|
+
tdStyle,
|
|
65
|
+
getTdProps,
|
|
66
|
+
{
|
|
67
|
+
...virtualItem,
|
|
68
|
+
virtualIndex: index,
|
|
69
|
+
},
|
|
70
|
+
);
|
|
64
71
|
return renderRowTr(trProps, row);
|
|
65
72
|
}}
|
|
66
73
|
/>
|
|
@@ -80,7 +87,7 @@ export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
|
|
|
80
87
|
key={row.id}
|
|
81
88
|
row={row}
|
|
82
89
|
renderRowTr={(row) =>
|
|
83
|
-
renderRowTr(getTrRenderProps(row, getTdProps), row)
|
|
90
|
+
renderRowTr(getTrRenderProps(row, tdStyle, getTdProps), row)
|
|
84
91
|
}
|
|
85
92
|
/>
|
|
86
93
|
))}
|
|
@@ -109,6 +116,7 @@ type RenderRowVirtualItem = VirtualItem & {
|
|
|
109
116
|
|
|
110
117
|
function getTrRenderProps<TData extends RowData>(
|
|
111
118
|
row: Row<TData>,
|
|
119
|
+
tdStyle: CSSProperties | undefined,
|
|
112
120
|
getTdProps: GetTdProps<TData> | undefined,
|
|
113
121
|
virtualItem?: RenderRowVirtualItem,
|
|
114
122
|
): TableRowTrRenderProps {
|
|
@@ -124,6 +132,7 @@ function getTrRenderProps<TData extends RowData>(
|
|
|
124
132
|
<TableRowCell<TData>
|
|
125
133
|
key={cell.id}
|
|
126
134
|
cell={cell}
|
|
135
|
+
tdStyle={tdStyle}
|
|
127
136
|
getTdProps={getTdProps}
|
|
128
137
|
/>
|
|
129
138
|
)),
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
useReactTable,
|
|
13
13
|
} from '@tanstack/react-table';
|
|
14
14
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
15
|
-
import type { RefObject, TableHTMLAttributes } from 'react';
|
|
15
|
+
import type { CSSProperties, RefObject, TableHTMLAttributes } from 'react';
|
|
16
16
|
import { useEffect, useMemo, useRef } from 'react';
|
|
17
17
|
import { match } from 'ts-pattern';
|
|
18
18
|
|
|
@@ -143,9 +143,16 @@ interface TableBaseProps<TData extends RowData> {
|
|
|
143
143
|
renderHeaderCell?: HeaderCellRenderer<TData>;
|
|
144
144
|
|
|
145
145
|
/**
|
|
146
|
-
* Pass custom
|
|
146
|
+
* Pass custom default style to the `<td>` elements.
|
|
147
|
+
* If `getTdProps` returns a `style` object, it will be merged with `tdStyle`.
|
|
148
|
+
*/
|
|
149
|
+
tdStyle?: CSSProperties;
|
|
150
|
+
|
|
151
|
+
/**
|
|
152
|
+
* Pass custom props to the `<td>` elements.
|
|
147
153
|
* The callback is called for each cell and receives the row's data.
|
|
148
154
|
* The returned properties are spread onto the `<td>` element.
|
|
155
|
+
* If `style` is returned, it will be merged with `tdStyle`.
|
|
149
156
|
*/
|
|
150
157
|
getTdProps?: GetTdProps<TData>;
|
|
151
158
|
|
|
@@ -226,6 +233,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
|
|
|
226
233
|
className,
|
|
227
234
|
renderRowTr,
|
|
228
235
|
renderHeaderCell,
|
|
236
|
+
tdStyle,
|
|
229
237
|
getTdProps,
|
|
230
238
|
|
|
231
239
|
virtualizeRows,
|
|
@@ -333,6 +341,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
|
|
|
333
341
|
<TableBody
|
|
334
342
|
rows={table.getRowModel().rows}
|
|
335
343
|
renderRowTr={renderRowTr}
|
|
344
|
+
tdStyle={tdStyle}
|
|
336
345
|
getTdProps={getTdProps}
|
|
337
346
|
virtualizer={tanstackVirtualizer}
|
|
338
347
|
virtualizeRows={virtualizeRows}
|
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
import type { Cell, RowData } from '@tanstack/react-table';
|
|
2
2
|
import { flexRender } from '@tanstack/react-table';
|
|
3
|
+
import type { CSSProperties } from 'react';
|
|
3
4
|
|
|
4
5
|
import type { GetTdProps } from './table_utils.js';
|
|
5
6
|
|
|
6
7
|
interface TableRowCellProps<TData extends RowData> {
|
|
7
8
|
cell: Cell<TData, unknown>;
|
|
9
|
+
tdStyle: CSSProperties | undefined;
|
|
8
10
|
getTdProps: GetTdProps<TData> | undefined;
|
|
9
11
|
}
|
|
10
12
|
|
|
11
13
|
export function TableRowCell<TData extends RowData>(
|
|
12
14
|
props: TableRowCellProps<TData>,
|
|
13
15
|
) {
|
|
14
|
-
const { cell, getTdProps } = props;
|
|
16
|
+
const { cell, tdStyle, getTdProps } = props;
|
|
17
|
+
|
|
18
|
+
const tdProps = getTdProps?.(cell);
|
|
19
|
+
const style = { ...tdStyle, ...tdProps?.style };
|
|
15
20
|
|
|
16
21
|
return (
|
|
17
|
-
<td {...
|
|
22
|
+
<td {...tdProps} style={style}>
|
|
18
23
|
{flexRender(cell.column.columnDef.cell, cell.getContext())}
|
|
19
24
|
</td>
|
|
20
25
|
);
|