material-react-table 0.7.0-alpha.3 → 0.7.0-alpha.6
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 +7 -7
- package/dist/MaterialReactTable.d.ts +1 -1
- package/dist/buttons/MRT_CopyButton.d.ts +1 -2
- package/dist/material-react-table.cjs.development.js +11 -4
- 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 +11 -4
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/MaterialReactTable.tsx +5 -1
- package/src/buttons/MRT_CopyButton.tsx +1 -2
- package/src/localization.ts +0 -1
- package/src/table/MRT_TableRoot.tsx +4 -3
package/README.md
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
> This Project is based on react-table v8, which itself is still in alpha, and therefore this package is also still in alpha
|
|
4
4
|
|
|
5
|
-
- A fully featured Material
|
|
6
|
-
- Inspired by material-table and the
|
|
7
|
-
- Written from the ground up in TypeScript, Material
|
|
8
|
-
- All internal
|
|
5
|
+
- A fully featured Material UI v5 implementation of react-table v8 (alpha)
|
|
6
|
+
- Inspired by material-table and the MUI X DataGrid
|
|
7
|
+
- Written from the ground up in TypeScript, Material UI, and React Table
|
|
8
|
+
- All internal Material UI components are easily customizable
|
|
9
9
|
|
|
10
10
|
## This project is in alpha, but feel free to install and explore
|
|
11
11
|
|
|
@@ -30,11 +30,11 @@ Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the devel
|
|
|
30
30
|
- [x] Column Resizing (work in progress)
|
|
31
31
|
- [x] Custom Icons
|
|
32
32
|
- [x] Custom Styling and internal Mui Components
|
|
33
|
-
- [
|
|
33
|
+
- [ ] Data Editing (work in progress)
|
|
34
34
|
- [x] Dense Padding Toggle
|
|
35
35
|
- [x] Filtering
|
|
36
36
|
- [x] Fullscreen
|
|
37
|
-
- [
|
|
37
|
+
- [ ] Global Search (Advanced search options!)
|
|
38
38
|
- [x] HeaderGroups
|
|
39
39
|
- [x] Localization i18n
|
|
40
40
|
- [x] Pagination (supports client-side and server-side)
|
|
@@ -48,7 +48,7 @@ Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the devel
|
|
|
48
48
|
|
|
49
49
|
### Installation
|
|
50
50
|
|
|
51
|
-
1. Install Peer Dependencies (
|
|
51
|
+
1. Install Peer Dependencies (Material UI v5)
|
|
52
52
|
|
|
53
53
|
```bash
|
|
54
54
|
npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
|
|
@@ -351,5 +351,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
351
351
|
}>;
|
|
352
352
|
}) => ReactNode;
|
|
353
353
|
};
|
|
354
|
-
declare const _default: <D extends Record<string, any> = {}>({ enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePagination, enableSelectAll, enableSorting, enableStickyHeader,
|
|
354
|
+
declare const _default: <D extends Record<string, any> = {}>({ enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
355
355
|
export default _default;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { FC
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { MRT_Cell, MRT_TableInstance } from '..';
|
|
3
3
|
interface Props {
|
|
4
4
|
cell: MRT_Cell;
|
|
5
|
-
children: ReactNode;
|
|
6
5
|
tableInstance: MRT_TableInstance;
|
|
7
6
|
}
|
|
8
7
|
export declare const MRT_CopyButton: FC<Props>;
|
|
@@ -2904,17 +2904,18 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
|
2904
2904
|
}, [props.data, props.isLoading]); //@ts-ignore
|
|
2905
2905
|
|
|
2906
2906
|
var tableInstance = reactTable.useTable(table, _extends({}, props, {
|
|
2907
|
-
//@ts-ignore
|
|
2908
|
-
filterTypes: defaultFilterFNs,
|
|
2909
|
-
globalFilterType: currentGlobalFilterType,
|
|
2910
2907
|
columnFilterRowsFn: reactTable.columnFilterRowsFn,
|
|
2911
2908
|
columns: columns,
|
|
2912
2909
|
data: data,
|
|
2910
|
+
debugAll: false,
|
|
2913
2911
|
expandRowsFn: reactTable.expandRowsFn,
|
|
2912
|
+
//@ts-ignore
|
|
2913
|
+
filterTypes: defaultFilterFNs,
|
|
2914
2914
|
getSubRows: (_props$getSubRows = props.getSubRows) != null ? _props$getSubRows : function (originalRow) {
|
|
2915
2915
|
return originalRow.subRows;
|
|
2916
2916
|
},
|
|
2917
2917
|
globalFilterRowsFn: reactTable.globalFilterRowsFn,
|
|
2918
|
+
globalFilterType: currentGlobalFilterType,
|
|
2918
2919
|
groupRowsFn: reactTable.groupRowsFn,
|
|
2919
2920
|
idPrefix: idPrefix,
|
|
2920
2921
|
onPaginationChange: function onPaginationChange(updater) {
|
|
@@ -2948,7 +2949,13 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
|
2948
2949
|
});
|
|
2949
2950
|
};
|
|
2950
2951
|
|
|
2951
|
-
var _excluded$5 = ["enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "
|
|
2952
|
+
var _excluded$5 = ["enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
|
|
2953
|
+
|
|
2954
|
+
global.performance = global.performance || {
|
|
2955
|
+
now: function now() {
|
|
2956
|
+
return new Date().getTime();
|
|
2957
|
+
}
|
|
2958
|
+
};
|
|
2952
2959
|
var MaterialReactTable = (function (_ref) {
|
|
2953
2960
|
var _ref$enableColumnActi = _ref.enableColumnActions,
|
|
2954
2961
|
enableColumnActions = _ref$enableColumnActi === void 0 ? true : _ref$enableColumnActi,
|