material-react-table 1.4.0-beta.4 → 1.4.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/LICENSE +21 -0
- package/README.md +4 -2
- package/dist/cjs/index.js +30 -598
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/MaterialReactTable.d.ts +6 -2
- package/dist/cjs/types/body/MRT_TableDetailPanel.d.ts +4 -1
- package/dist/cjs/types/index.d.ts +3 -1
- package/dist/cjs/types/table/MRT_TableRoot.d.ts +3 -2
- package/dist/cjs/types/toolbar/MRT_ToolbarAlertBanner.d.ts +4 -4
- package/dist/cjs/types/toolbar/MRT_ToolbarDropZone.d.ts +4 -4
- package/dist/esm/material-react-table.esm.js +333 -885
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/MaterialReactTable.d.ts +6 -2
- package/dist/esm/types/body/MRT_TableDetailPanel.d.ts +4 -1
- package/dist/esm/types/index.d.ts +3 -1
- package/dist/esm/types/table/MRT_TableRoot.d.ts +3 -2
- package/dist/esm/types/toolbar/MRT_ToolbarAlertBanner.d.ts +4 -4
- package/dist/esm/types/toolbar/MRT_ToolbarDropZone.d.ts +4 -4
- package/dist/index.d.ts +33 -18
- package/locales/nl.esm.js +1 -1
- package/locales/nl.esm.js.map +1 -1
- package/locales/nl.js +1 -1
- package/locales/nl.js.map +1 -1
- package/locales/ru.esm.js +3 -3
- package/locales/ru.esm.js.map +1 -1
- package/locales/ru.js +3 -3
- package/locales/ru.js.map +1 -1
- package/package.json +10 -10
- package/src/MaterialReactTable.tsx +11 -3
- package/src/_locales/nl.ts +1 -1
- package/src/_locales/ru.ts +3 -3
- package/src/body/MRT_TableBody.tsx +1 -1
- package/src/body/MRT_TableBodyRow.tsx +6 -1
- package/src/body/MRT_TableDetailPanel.tsx +32 -5
- package/src/head/MRT_TableHead.tsx +2 -8
- package/src/index.tsx +4 -0
- package/src/table/MRT_Table.tsx +2 -6
- package/src/table/MRT_TableContainer.tsx +4 -9
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +5 -5
- package/src/toolbar/MRT_ToolbarDropZone.tsx +6 -4
package/src/table/MRT_Table.tsx
CHANGED
|
@@ -14,7 +14,6 @@ export const MRT_Table: FC<Props> = ({ table }) => {
|
|
|
14
14
|
getState,
|
|
15
15
|
options: {
|
|
16
16
|
enableColumnResizing,
|
|
17
|
-
enableRowVirtualization,
|
|
18
17
|
enableStickyHeader,
|
|
19
18
|
enableTableFooter,
|
|
20
19
|
enableTableHead,
|
|
@@ -32,14 +31,11 @@ export const MRT_Table: FC<Props> = ({ table }) => {
|
|
|
32
31
|
|
|
33
32
|
return (
|
|
34
33
|
<Table
|
|
35
|
-
stickyHeader={
|
|
36
|
-
enableStickyHeader || enableRowVirtualization || isFullScreen
|
|
37
|
-
}
|
|
34
|
+
stickyHeader={enableStickyHeader || isFullScreen}
|
|
38
35
|
{...tableProps}
|
|
39
36
|
sx={(theme) => ({
|
|
40
37
|
display: layoutMode === 'grid' ? 'grid' : 'table',
|
|
41
|
-
tableLayout:
|
|
42
|
-
enableColumnResizing || enableRowVirtualization ? 'fixed' : 'auto',
|
|
38
|
+
tableLayout: enableColumnResizing ? 'fixed' : 'auto',
|
|
43
39
|
...(tableProps?.sx instanceof Function
|
|
44
40
|
? tableProps.sx(theme)
|
|
45
41
|
: (tableProps?.sx as any)),
|
|
@@ -13,11 +13,7 @@ interface Props {
|
|
|
13
13
|
export const MRT_TableContainer: FC<Props> = ({ table }) => {
|
|
14
14
|
const {
|
|
15
15
|
getState,
|
|
16
|
-
options: {
|
|
17
|
-
enableStickyHeader,
|
|
18
|
-
enableRowVirtualization,
|
|
19
|
-
muiTableContainerProps,
|
|
20
|
-
},
|
|
16
|
+
options: { enableStickyHeader, muiTableContainerProps },
|
|
21
17
|
refs: { tableContainerRef, bottomToolbarRef, topToolbarRef },
|
|
22
18
|
} = table;
|
|
23
19
|
const { isFullScreen } = getState();
|
|
@@ -57,10 +53,9 @@ export const MRT_TableContainer: FC<Props> = ({ table }) => {
|
|
|
57
53
|
}}
|
|
58
54
|
sx={(theme) => ({
|
|
59
55
|
maxWidth: '100%',
|
|
60
|
-
maxHeight:
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
: undefined,
|
|
56
|
+
maxHeight: enableStickyHeader
|
|
57
|
+
? `clamp(350px, calc(100vh - ${totalToolbarHeight}px), 9999px)`
|
|
58
|
+
: undefined,
|
|
64
59
|
overflow: 'auto',
|
|
65
60
|
...(tableContainerProps?.sx instanceof Function
|
|
66
61
|
? tableContainerProps.sx(theme)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { Fragment } from 'react';
|
|
2
2
|
import Alert from '@mui/material/Alert';
|
|
3
3
|
import AlertTitle from '@mui/material/AlertTitle';
|
|
4
4
|
import Box from '@mui/material/Box';
|
|
@@ -6,15 +6,15 @@ import Chip from '@mui/material/Chip';
|
|
|
6
6
|
import Collapse from '@mui/material/Collapse';
|
|
7
7
|
import { MRT_TableInstance } from '..';
|
|
8
8
|
|
|
9
|
-
interface Props {
|
|
9
|
+
interface Props<TData extends Record<string, any> = {}> {
|
|
10
10
|
stackAlertBanner: boolean;
|
|
11
|
-
table: MRT_TableInstance
|
|
11
|
+
table: MRT_TableInstance<TData>;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
export const MRT_ToolbarAlertBanner
|
|
14
|
+
export const MRT_ToolbarAlertBanner = <TData extends Record<string, any> = {}>({
|
|
15
15
|
stackAlertBanner,
|
|
16
16
|
table,
|
|
17
|
-
}) => {
|
|
17
|
+
}: Props<TData>) => {
|
|
18
18
|
const {
|
|
19
19
|
getPrePaginationRowModel,
|
|
20
20
|
getSelectedRowModel,
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import React, { DragEvent
|
|
1
|
+
import React, { DragEvent } from 'react';
|
|
2
2
|
import { alpha } from '@mui/material/styles';
|
|
3
3
|
import Box from '@mui/material/Box';
|
|
4
4
|
import Fade from '@mui/material/Fade';
|
|
5
5
|
import Typography from '@mui/material/Typography';
|
|
6
6
|
import { MRT_TableInstance } from '..';
|
|
7
7
|
|
|
8
|
-
interface Props {
|
|
9
|
-
table: MRT_TableInstance
|
|
8
|
+
interface Props<TData extends Record<string, any> = {}> {
|
|
9
|
+
table: MRT_TableInstance<TData>;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
export const MRT_ToolbarDropZone
|
|
12
|
+
export const MRT_ToolbarDropZone = <TData extends Record<string, any> = {}>({
|
|
13
|
+
table,
|
|
14
|
+
}: Props<TData>) => {
|
|
13
15
|
const {
|
|
14
16
|
getState,
|
|
15
17
|
options: { enableGrouping, localization },
|