material-react-table 0.3.5 → 0.4.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/dist/MaterialReactTable.d.ts +1 -1
- package/dist/material-react-table.cjs.development.js +9 -6
- 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 +9 -6
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +4 -4
- package/src/MaterialReactTable.tsx +3 -1
- package/src/table/MRT_TableContainer.tsx +12 -5
|
@@ -35,7 +35,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
35
35
|
muiTableBodyCellProps?: TableCellProps | ((cell?: Cell<D>) => TableCellProps);
|
|
36
36
|
muiTableBodyProps?: TableBodyProps;
|
|
37
37
|
muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
|
|
38
|
-
muiTableContainerProps?: TableContainerProps;
|
|
38
|
+
muiTableContainerProps?: TableContainerProps | ((table: TableInstance<D>) => TableContainerProps);
|
|
39
39
|
muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
|
|
40
40
|
muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
|
|
41
41
|
muiTableFooterProps?: TableFooterProps;
|
|
@@ -2333,7 +2333,8 @@ var TableContainer = /*#__PURE__*/material.styled(material.TableContainer, {
|
|
|
2333
2333
|
right: fullScreen ? '0' : undefined,
|
|
2334
2334
|
top: fullScreen ? '0' : undefined,
|
|
2335
2335
|
transition: 'all 0.2s ease-in-out',
|
|
2336
|
-
width: fullScreen ? '100vw' : undefined
|
|
2336
|
+
width: fullScreen ? '100vw' : undefined,
|
|
2337
|
+
zIndex: 1200
|
|
2337
2338
|
};
|
|
2338
2339
|
});
|
|
2339
2340
|
var CircularProgressWrapper = /*#__PURE__*/material.styled('div')(function (_ref2) {
|
|
@@ -2351,17 +2352,19 @@ var CircularProgressWrapper = /*#__PURE__*/material.styled('div')(function (_ref
|
|
|
2351
2352
|
});
|
|
2352
2353
|
var MRT_TableContainer = function MRT_TableContainer() {
|
|
2353
2354
|
var _useMRT = useMRT(),
|
|
2354
|
-
muiTableContainerProps = _useMRT.muiTableContainerProps,
|
|
2355
|
-
hideToolbarTop = _useMRT.hideToolbarTop,
|
|
2356
|
-
hideToolbarBottom = _useMRT.hideToolbarBottom,
|
|
2357
2355
|
fullScreen = _useMRT.fullScreen,
|
|
2356
|
+
hideToolbarBottom = _useMRT.hideToolbarBottom,
|
|
2357
|
+
hideToolbarTop = _useMRT.hideToolbarTop,
|
|
2358
|
+
isFetching = _useMRT.isFetching,
|
|
2358
2359
|
isLoading = _useMRT.isLoading,
|
|
2359
|
-
|
|
2360
|
+
muiTableContainerProps = _useMRT.muiTableContainerProps,
|
|
2361
|
+
tableInstance = _useMRT.tableInstance;
|
|
2360
2362
|
|
|
2363
|
+
var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps(tableInstance) : muiTableContainerProps;
|
|
2361
2364
|
return React__default.createElement(TableContainer, Object.assign({
|
|
2362
2365
|
component: material.Paper,
|
|
2363
2366
|
fullScreen: fullScreen
|
|
2364
|
-
},
|
|
2367
|
+
}, tableContainerProps), !hideToolbarTop && React__default.createElement(MRT_ToolbarTop, null), isFetching && React__default.createElement(material.LinearProgress, null), isLoading && React__default.createElement(CircularProgressWrapper, null, React__default.createElement(material.CircularProgress, {
|
|
2365
2368
|
"aria-busy": "true",
|
|
2366
2369
|
"aria-label": "Loading data"
|
|
2367
2370
|
})), React__default.createElement(MRT_Table, null), !hideToolbarBottom && React__default.createElement(MRT_ToolbarBottom, null));
|