material-react-table 0.6.10 → 0.7.0-alpha.3
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 +27 -17
- package/dist/MaterialReactTable.d.ts +306 -109
- package/dist/body/MRT_TableBody.d.ts +3 -0
- package/dist/body/MRT_TableBodyCell.d.ts +2 -11
- package/dist/body/MRT_TableBodyRow.d.ts +3 -1
- package/dist/body/MRT_TableDetailPanel.d.ts +2 -1
- package/dist/buttons/MRT_CopyButton.d.ts +4 -2
- package/dist/buttons/MRT_EditActionButtons.d.ts +2 -1
- package/dist/buttons/MRT_ExpandAllButton.d.ts +2 -0
- package/dist/buttons/MRT_ExpandButton.d.ts +2 -1
- package/dist/buttons/MRT_FullScreenToggleButton.d.ts +2 -0
- package/dist/buttons/MRT_ShowHideColumnsButton.d.ts +2 -0
- package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts +3 -2
- package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts +2 -0
- package/dist/buttons/MRT_ToggleFiltersButton.d.ts +2 -0
- package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts +2 -1
- package/dist/buttons/MRT_ToggleSearchButton.d.ts +2 -0
- package/dist/footer/MRT_TableFooter.d.ts +3 -0
- package/dist/footer/MRT_TableFooterCell.d.ts +3 -2
- package/dist/footer/MRT_TableFooterRow.d.ts +2 -1
- package/dist/head/MRT_TableHead.d.ts +3 -0
- package/dist/head/MRT_TableHeadCell.d.ts +4 -18
- package/dist/head/MRT_TableHeadRow.d.ts +2 -1
- package/dist/icons.d.ts +1 -1
- package/dist/inputs/MRT_EditCellTextField.d.ts +2 -1
- package/dist/inputs/MRT_FilterTextField.d.ts +3 -2
- package/dist/inputs/MRT_SearchTextField.d.ts +2 -0
- package/dist/inputs/MRT_SelectCheckbox.d.ts +2 -1
- package/dist/localization.d.ts +7 -2
- package/dist/material-react-table.cjs.development.js +2209 -2483
- 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 +2210 -2484
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/menus/MRT_ColumnActionMenu.d.ts +3 -2
- package/dist/menus/MRT_FilterTypeMenu.d.ts +4 -3
- package/dist/menus/MRT_RowActionMenu.d.ts +3 -2
- package/dist/menus/MRT_ShowHideColumnsMenu.d.ts +2 -0
- package/dist/menus/MRT_ShowHideColumnsMenuItems.d.ts +2 -1
- package/dist/table/MRT_Table.d.ts +3 -0
- package/dist/table/MRT_TableContainer.d.ts +2 -0
- package/dist/table/MRT_TablePaper.d.ts +7 -0
- package/dist/table/MRT_TableRoot.d.ts +3 -0
- package/dist/toolbar/MRT_LinearProgressBar.d.ts +2 -0
- package/dist/toolbar/MRT_TablePagination.d.ts +2 -0
- package/dist/toolbar/MRT_ToolbarAlertBanner.d.ts +2 -0
- package/dist/toolbar/MRT_ToolbarBottom.d.ts +2 -0
- package/dist/toolbar/MRT_ToolbarInternalButtons.d.ts +2 -0
- package/dist/toolbar/MRT_ToolbarTop.d.ts +4 -2
- package/dist/utils.d.ts +12 -2
- package/package.json +28 -29
- package/src/MaterialReactTable.tsx +594 -300
- package/src/body/MRT_TableBody.tsx +26 -22
- package/src/body/MRT_TableBodyCell.tsx +75 -60
- package/src/body/MRT_TableBodyRow.tsx +37 -76
- package/src/body/MRT_TableDetailPanel.tsx +21 -17
- package/src/buttons/MRT_CopyButton.tsx +16 -9
- package/src/buttons/MRT_EditActionButtons.tsx +16 -13
- package/src/buttons/MRT_ExpandAllButton.tsx +24 -9
- package/src/buttons/MRT_ExpandButton.tsx +22 -15
- package/src/buttons/MRT_FullScreenToggleButton.tsx +18 -11
- package/src/buttons/MRT_ShowHideColumnsButton.tsx +18 -7
- package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +22 -11
- package/src/buttons/MRT_ToggleDensePaddingButton.tsx +18 -11
- package/src/buttons/MRT_ToggleFiltersButton.tsx +16 -9
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +27 -22
- package/src/buttons/MRT_ToggleSearchButton.tsx +24 -12
- package/src/footer/MRT_TableFooter.tsx +24 -8
- package/src/footer/MRT_TableFooterCell.tsx +34 -26
- package/src/footer/MRT_TableFooterRow.tsx +21 -39
- package/src/head/MRT_TableHead.tsx +24 -8
- package/src/head/MRT_TableHeadCell.tsx +184 -142
- package/src/head/MRT_TableHeadRow.tsx +16 -104
- package/src/icons.ts +3 -3
- package/src/inputs/MRT_EditCellTextField.tsx +23 -24
- package/src/inputs/MRT_FilterTextField.tsx +53 -32
- package/src/inputs/MRT_SearchTextField.tsx +46 -24
- package/src/inputs/MRT_SelectCheckbox.tsx +42 -30
- package/src/localization.ts +13 -2
- package/src/menus/MRT_ColumnActionMenu.tsx +129 -69
- package/src/menus/MRT_FilterTypeMenu.tsx +28 -22
- package/src/menus/MRT_RowActionMenu.tsx +21 -14
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +52 -20
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +27 -17
- package/src/table/MRT_Table.tsx +25 -15
- package/src/table/MRT_TableContainer.tsx +106 -45
- package/src/table/MRT_TablePaper.tsx +65 -0
- package/src/table/MRT_TableRoot.tsx +236 -0
- package/src/toolbar/MRT_LinearProgressBar.tsx +10 -7
- package/src/toolbar/MRT_TablePagination.tsx +33 -19
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +33 -20
- package/src/toolbar/MRT_ToolbarBottom.tsx +32 -21
- package/src/toolbar/MRT_ToolbarInternalButtons.tsx +34 -20
- package/src/toolbar/MRT_ToolbarTop.tsx +36 -29
- package/src/utils.ts +37 -8
- package/dist/head/MRT_TableHeadCellActions.d.ts +0 -5
- package/dist/table/MRT_TableSpacerCell.d.ts +0 -6
- package/dist/useMRT.d.ts +0 -28
- package/src/@types/faker.d.ts +0 -4
- package/src/@types/react-table-config.d.ts +0 -53
- package/src/head/MRT_TableHeadCellActions.tsx +0 -29
- package/src/table/MRT_TableSpacerCell.tsx +0 -20
- package/src/useMRT.tsx +0 -226
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { IconButtonProps } from '@mui/material';
|
|
3
|
+
import { MRT_TableInstance } from '..';
|
|
3
4
|
interface Props extends IconButtonProps {
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
4
6
|
}
|
|
5
7
|
export declare const MRT_FullScreenToggleButton: FC<Props>;
|
|
6
8
|
export {};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { IconButtonProps } from '@mui/material';
|
|
3
|
+
import { MRT_TableInstance } from '..';
|
|
3
4
|
interface Props extends IconButtonProps {
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
4
6
|
}
|
|
5
7
|
export declare const MRT_ShowHideColumnsButton: FC<Props>;
|
|
6
8
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { MRT_Header, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
|
-
|
|
4
|
+
header: MRT_Header;
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
5
6
|
}
|
|
6
7
|
export declare const MRT_ToggleColumnActionMenuButton: FC<Props>;
|
|
7
8
|
export {};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { IconButtonProps } from '@mui/material';
|
|
3
|
+
import { MRT_TableInstance } from '..';
|
|
3
4
|
interface Props extends IconButtonProps {
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
4
6
|
}
|
|
5
7
|
export declare const MRT_ToggleDensePaddingButton: FC<Props>;
|
|
6
8
|
export {};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { IconButtonProps } from '@mui/material';
|
|
3
|
+
import { MRT_TableInstance } from '..';
|
|
3
4
|
interface Props extends IconButtonProps {
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
4
6
|
}
|
|
5
7
|
export declare const MRT_ToggleFiltersButton: FC<Props>;
|
|
6
8
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import type { MRT_Row } from '..';
|
|
2
|
+
import type { MRT_Row, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
4
|
row: MRT_Row;
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
5
6
|
}
|
|
6
7
|
export declare const MRT_ToggleRowActionMenuButton: FC<Props>;
|
|
7
8
|
export {};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { IconButtonProps } from '@mui/material';
|
|
3
|
+
import { MRT_TableInstance } from '..';
|
|
3
4
|
interface Props extends IconButtonProps {
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
4
6
|
}
|
|
5
7
|
export declare const MRT_ToggleSearchButton: FC<Props>;
|
|
6
8
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { MRT_Header, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
|
-
|
|
4
|
+
footer: MRT_Header;
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
5
6
|
}
|
|
6
7
|
export declare const MRT_TableFooterCell: FC<Props>;
|
|
7
8
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import type { MRT_HeaderGroup } from '..';
|
|
2
|
+
import type { MRT_HeaderGroup, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
4
|
footerGroup: MRT_HeaderGroup;
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
5
6
|
}
|
|
6
7
|
export declare const MRT_TableFooterRow: FC<Props>;
|
|
7
8
|
export {};
|
|
@@ -1,22 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import type {
|
|
3
|
-
export declare const commonTableHeadCellStyles: (densePadding: boolean, enableColumnResizing?: boolean | undefined, widths?: {
|
|
4
|
-
maxWidth?: CSSProperties['maxWidth'];
|
|
5
|
-
minWidth?: CSSProperties['minWidth'];
|
|
6
|
-
width?: CSSProperties['width'];
|
|
7
|
-
} | undefined) => {
|
|
8
|
-
maxWidth?: CSSProperties['maxWidth'];
|
|
9
|
-
minWidth?: CSSProperties['minWidth'];
|
|
10
|
-
width?: CSSProperties['width'];
|
|
11
|
-
fontWeight: string;
|
|
12
|
-
height: string;
|
|
13
|
-
p: string;
|
|
14
|
-
pt: string;
|
|
15
|
-
transition: string;
|
|
16
|
-
verticalAlign: string;
|
|
17
|
-
};
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import type { MRT_Header, MRT_TableInstance } from '..';
|
|
18
3
|
interface Props {
|
|
19
|
-
|
|
4
|
+
header: MRT_Header;
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
20
6
|
}
|
|
21
7
|
export declare const MRT_TableHeadCell: FC<Props>;
|
|
22
8
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import type { MRT_HeaderGroup } from '..';
|
|
2
|
+
import type { MRT_HeaderGroup, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
4
|
headerGroup: MRT_HeaderGroup;
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
5
6
|
}
|
|
6
7
|
export declare const MRT_TableHeadRow: FC<Props>;
|
|
7
8
|
export {};
|
package/dist/icons.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ export interface MRT_Icons {
|
|
|
4
4
|
CheckBoxIcon: any;
|
|
5
5
|
ClearAllIcon: any;
|
|
6
6
|
CloseIcon: any;
|
|
7
|
-
ContentCopyIcon: any;
|
|
8
7
|
DensityMediumIcon: any;
|
|
9
8
|
DensitySmallIcon: any;
|
|
10
9
|
DoubleArrowDownIcon: any;
|
|
@@ -20,6 +19,7 @@ export interface MRT_Icons {
|
|
|
20
19
|
FullscreenIcon: any;
|
|
21
20
|
MoreHorizIcon: any;
|
|
22
21
|
MoreVertIcon: any;
|
|
22
|
+
PushPinIcon: any;
|
|
23
23
|
SaveIcon: any;
|
|
24
24
|
SearchIcon: any;
|
|
25
25
|
SearchOffIcon: any;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import type { MRT_Cell } from '..';
|
|
2
|
+
import type { MRT_Cell, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
4
|
cell: MRT_Cell;
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
5
6
|
}
|
|
6
7
|
export declare const MRT_EditCellTextField: FC<Props>;
|
|
7
8
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { MRT_Header, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
|
-
|
|
4
|
+
header: MRT_Header;
|
|
5
|
+
tableInstance: MRT_TableInstance;
|
|
5
6
|
}
|
|
6
7
|
export declare const MRT_FilterTextField: FC<Props>;
|
|
7
8
|
export {};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import type { MRT_Row } from '..';
|
|
2
|
+
import type { MRT_Row, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
4
|
row?: MRT_Row;
|
|
5
5
|
selectAll?: boolean;
|
|
6
|
+
tableInstance: MRT_TableInstance;
|
|
6
7
|
}
|
|
7
8
|
export declare const MRT_SelectCheckbox: FC<Props>;
|
|
8
9
|
export {};
|
package/dist/localization.d.ts
CHANGED
|
@@ -12,13 +12,13 @@ export interface MRT_Localization {
|
|
|
12
12
|
edit: string;
|
|
13
13
|
expand: string;
|
|
14
14
|
expandAll: string;
|
|
15
|
+
filterBestMatch: string;
|
|
15
16
|
filterBestMatchFirst: string;
|
|
16
17
|
filterByColumn: string;
|
|
17
18
|
filterContains: string;
|
|
18
19
|
filterEmpty: string;
|
|
19
20
|
filterEndsWith: string;
|
|
20
21
|
filterEquals: string;
|
|
21
|
-
filterBestMatch: string;
|
|
22
22
|
filterGreaterThan: string;
|
|
23
23
|
filterLessThan: string;
|
|
24
24
|
filterMode: string;
|
|
@@ -30,13 +30,17 @@ export interface MRT_Localization {
|
|
|
30
30
|
groupedBy: string;
|
|
31
31
|
hideAll: string;
|
|
32
32
|
hideColumn: string;
|
|
33
|
+
pinToLeft: string;
|
|
34
|
+
pinToRight: string;
|
|
33
35
|
rowActions: string;
|
|
36
|
+
rowNumbers: string;
|
|
34
37
|
save: string;
|
|
35
38
|
search: string;
|
|
39
|
+
select: string;
|
|
36
40
|
selectedCountOfRowCountRowsSelected: string;
|
|
37
41
|
showAll: string;
|
|
38
|
-
showHideColumns: string;
|
|
39
42
|
showAllColumns: string;
|
|
43
|
+
showHideColumns: string;
|
|
40
44
|
showHideFilters: string;
|
|
41
45
|
showHideSearch: string;
|
|
42
46
|
sortByColumnAsc: string;
|
|
@@ -47,5 +51,6 @@ export interface MRT_Localization {
|
|
|
47
51
|
toggleSelectAll: string;
|
|
48
52
|
toggleSelectRow: string;
|
|
49
53
|
ungroupByColumn: string;
|
|
54
|
+
unpin: string;
|
|
50
55
|
}
|
|
51
56
|
export declare const MRT_DefaultLocalization_EN: MRT_Localization;
|