material-react-table 0.14.0 → 0.14.1
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/README.md +20 -3
- package/dist/material-react-table.cjs.development.js +2 -1
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +2 -1
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/body/MRT_TableBodyCell.tsx +5 -1
package/README.md
CHANGED
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
# Material React Table
|
|
2
2
|
|
|
3
|
+
<a href="https://npmjs.com/package/material-react-table" target="_blank_">
|
|
4
|
+
<img alt="" src="https://badgen.net/npm/v/material-react-table" />
|
|
5
|
+
</a>
|
|
3
6
|
<a href="https://bundlephobia.com/result?p=material-react-table" target="_blank_">
|
|
4
7
|
<img alt="" src="https://badgen.net/bundlephobia/minzip/material-react-table@latest" />
|
|
5
8
|
</a>
|
|
6
|
-
|
|
7
9
|
<a href="https://npmjs.com/package/material-react-table" target="_blank_">
|
|
8
10
|
<img alt="" src="https://img.shields.io/npm/dm/material-react-table.svg" />
|
|
9
11
|
</a>
|
|
10
|
-
|
|
11
12
|
<a href="https://github.com/KevinVandy/material-react-table" target="_blank_">
|
|
12
13
|
<img alt="" src="https://img.shields.io/github/stars/KevinVandy/material-react-table.svg?style=social&label=Star" />
|
|
13
14
|
</a>
|
|
14
15
|
|
|
16
|
+
---
|
|
17
|
+
|
|
15
18
|
> This Project is based on `@tanstack/react-table` v8, which itself is still in beta, so therefore this package is also still in alpha/beta
|
|
16
19
|
|
|
17
20
|
- A fully featured Material UI V5 implementation of Tanstack React Table v8 (beta)
|
|
@@ -31,6 +34,8 @@ View the [github source code](https://github.com/KevinVandy/material-react-table
|
|
|
31
34
|
|
|
32
35
|
Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion or ask questions
|
|
33
36
|
|
|
37
|
+
---
|
|
38
|
+
|
|
34
39
|
### Features (All Features work and are MVP, but are still being polished)
|
|
35
40
|
|
|
36
41
|
_All features can easily be enabled/disabled_
|
|
@@ -65,6 +70,8 @@ _All features can easily be enabled/disabled_
|
|
|
65
70
|
- [x] Tree Data / Expanding Sub-rows
|
|
66
71
|
- [x] Virtualization (react-virtual)
|
|
67
72
|
|
|
73
|
+
---
|
|
74
|
+
|
|
68
75
|
### Installation
|
|
69
76
|
|
|
70
77
|
1. Install Peer Dependencies (Material UI v5)
|
|
@@ -79,4 +86,14 @@ npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
|
|
|
79
86
|
npm install material-react-table
|
|
80
87
|
```
|
|
81
88
|
|
|
82
|
-
_`@tanstack/react-table`, `react-virtual` and `react-dnd`_ are internal dependencies, so you don't need to install them yourself.
|
|
89
|
+
_`@tanstack/react-table`, `react-virtual` and `react-dnd`_ are internal dependencies, so you don't need to install them yourself.
|
|
90
|
+
|
|
91
|
+
---
|
|
92
|
+
|
|
93
|
+
### Contributors
|
|
94
|
+
|
|
95
|
+
<a href="https://github.com/kevinvandy/material-react-table/graphs/contributors">
|
|
96
|
+
<img src="https://contrib.rocks/image?repo=kevinvandy/material-react-table" />
|
|
97
|
+
</a>
|
|
98
|
+
|
|
99
|
+
PRs are Welcome, but please discuss in [GitHub Discussions](https://github.com/KevinVandy/material-react-table/discussions) or the [Discord Server](https://discord.gg/5wqyRx6fnm) first!
|
|
@@ -7060,6 +7060,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
|
7060
7060
|
muiTableBodyCellProps = _instance$options.muiTableBodyCellProps,
|
|
7061
7061
|
muiTableBodyCellSkeletonProps = _instance$options.muiTableBodyCellSkeletonProps,
|
|
7062
7062
|
onCellClick = _instance$options.onCellClick,
|
|
7063
|
+
onRowClick = _instance$options.onRowClick,
|
|
7063
7064
|
rowNumberMode = _instance$options.rowNumberMode,
|
|
7064
7065
|
tableId = _instance$options.tableId,
|
|
7065
7066
|
setColumnOrder = instance.setColumnOrder,
|
|
@@ -7146,7 +7147,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
|
7146
7147
|
return _extends({
|
|
7147
7148
|
backgroundColor: column.getIsPinned() ? material.alpha(material.lighten(theme.palette.background["default"], 0.04), 0.95) : undefined,
|
|
7148
7149
|
boxShadow: getIsLastLeftPinnedColumn() ? "4px 0 4px -2px " + material.alpha(theme.palette.common.black, 0.1) : getIsFirstRightPinnedColumn() ? "-4px 0 4px -2px " + material.alpha(theme.palette.common.black, 0.1) : undefined,
|
|
7149
|
-
cursor: isEditable && editingMode === 'cell' ? 'pointer' : 'text',
|
|
7150
|
+
cursor: isEditable && editingMode === 'cell' || onRowClick || onCellClick ? 'pointer' : 'text',
|
|
7150
7151
|
left: column.getIsPinned() === 'left' ? column.getStart('left') + "px" : undefined,
|
|
7151
7152
|
overflow: 'hidden',
|
|
7152
7153
|
p: density === 'compact' ? columnDefType === 'display' ? '0 0.5rem' : '0.5rem' : density === 'comfortable' ? columnDefType === 'display' ? '0.5rem 0.75rem' : '1rem' : columnDefType === 'display' ? '1rem 1.25rem' : '1.5rem',
|