@cutting/material-react-table 4.0.2 → 4.0.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/dist/index.esm.js +1 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/toolbar/MRT_BottomToolbar.tsx +1 -2
- package/src/components/toolbar/MRT_TablePagination.tsx +1 -2
- package/src/components/toolbar/MRT_TopToolbar.tsx +1 -2
package/dist/index.js
CHANGED
|
@@ -13,7 +13,6 @@ var DatePicker = require('@mui/x-date-pickers/DatePicker');
|
|
|
13
13
|
var DateTimePicker = require('@mui/x-date-pickers/DateTimePicker');
|
|
14
14
|
var TimePicker = require('@mui/x-date-pickers/TimePicker');
|
|
15
15
|
var iconsMaterial = require('@mui/icons-material');
|
|
16
|
-
var useMediaQuery = require('@mui/material/useMediaQuery');
|
|
17
16
|
|
|
18
17
|
/******************************************************************************
|
|
19
18
|
Copyright (c) Microsoft Corporation.
|
|
@@ -3910,7 +3909,7 @@ const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
|
|
|
3910
3909
|
const MRT_TablePagination = (_a) => {
|
|
3911
3910
|
var { position = 'bottom', table } = _a, rest = __rest(_a, ["position", "table"]);
|
|
3912
3911
|
const theme = styles.useTheme();
|
|
3913
|
-
const isMobile = useMediaQuery('(max-width: 720px)');
|
|
3912
|
+
const isMobile = material.useMediaQuery('(max-width: 720px)');
|
|
3914
3913
|
const { getState, options: { enableToolbarInternalActions, icons: { ChevronLeftIcon, ChevronRightIcon, FirstPageIcon, LastPageIcon }, id, localization, muiPaginationProps, paginationDisplayMode, }, } = table;
|
|
3915
3914
|
const { pagination: { pageIndex = 0, pageSize = 10 }, } = getState();
|
|
3916
3915
|
const paginationProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiPaginationProps, {
|
|
@@ -3991,7 +3990,7 @@ const MRT_BottomToolbar = (_a) => {
|
|
|
3991
3990
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
|
3992
3991
|
const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
|
|
3993
3992
|
const { isFullScreen } = getState();
|
|
3994
|
-
const isMobile = useMediaQuery('(max-width:720px)');
|
|
3993
|
+
const isMobile = material.useMediaQuery('(max-width:720px)');
|
|
3995
3994
|
const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
|
|
3996
3995
|
const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
|
|
3997
3996
|
return (jsxRuntime.jsxs(material.Box, Object.assign({}, toolbarProps, { ref: (node) => {
|
|
@@ -4036,8 +4035,8 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
|
4036
4035
|
var _a;
|
|
4037
4036
|
const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions, }, refs: { topToolbarRef }, } = table;
|
|
4038
4037
|
const { isFullScreen, showGlobalFilter } = getState();
|
|
4039
|
-
const isMobile = useMediaQuery('(max-width:720px)');
|
|
4040
|
-
const isTablet = useMediaQuery('(max-width:1024px)');
|
|
4038
|
+
const isMobile = material.useMediaQuery('(max-width:720px)');
|
|
4039
|
+
const isTablet = material.useMediaQuery('(max-width:1024px)');
|
|
4041
4040
|
const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });
|
|
4042
4041
|
const stackAlertBanner = isMobile ||
|
|
4043
4042
|
!!renderTopToolbarCustomActions ||
|