@cutting/material-react-table 4.0.1 → 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 +35 -69
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +39 -73
- 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/src/icons.ts +1 -35
package/dist/index.js
CHANGED
|
@@ -12,41 +12,7 @@ var utils = require('@mui/material/utils');
|
|
|
12
12
|
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
|
-
var
|
|
16
|
-
var ArrowRightIcon = require('@mui/icons-material/ArrowRight');
|
|
17
|
-
var CancelIcon = require('@mui/icons-material/Cancel');
|
|
18
|
-
var ChevronLeftIcon = require('@mui/icons-material/ChevronLeft');
|
|
19
|
-
var ChevronRightIcon = require('@mui/icons-material/ChevronRight');
|
|
20
|
-
var ClearAllIcon = require('@mui/icons-material/ClearAll');
|
|
21
|
-
var CloseIcon = require('@mui/icons-material/Close');
|
|
22
|
-
var ContentCopy = require('@mui/icons-material/ContentCopy');
|
|
23
|
-
var DensityLargeIcon = require('@mui/icons-material/DensityLarge');
|
|
24
|
-
var DensityMediumIcon = require('@mui/icons-material/DensityMedium');
|
|
25
|
-
var DensitySmallIcon = require('@mui/icons-material/DensitySmall');
|
|
26
|
-
var DragHandleIcon = require('@mui/icons-material/DragHandle');
|
|
27
|
-
var DynamicFeedIcon = require('@mui/icons-material/DynamicFeed');
|
|
28
|
-
var EditIcon = require('@mui/icons-material/Edit');
|
|
29
|
-
var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
|
|
30
|
-
var FilterAltIcon = require('@mui/icons-material/FilterAlt');
|
|
31
|
-
var FilterListIcon = require('@mui/icons-material/FilterList');
|
|
32
|
-
var FilterListOffIcon = require('@mui/icons-material/FilterListOff');
|
|
33
|
-
var FirstPageIcon = require('@mui/icons-material/FirstPage');
|
|
34
|
-
var FullscreenIcon = require('@mui/icons-material/Fullscreen');
|
|
35
|
-
var FullscreenExitIcon = require('@mui/icons-material/FullscreenExit');
|
|
36
|
-
var KeyboardDoubleArrowDownIcon = require('@mui/icons-material/KeyboardDoubleArrowDown');
|
|
37
|
-
var LastPageIcon = require('@mui/icons-material/LastPage');
|
|
38
|
-
var MoreHorizIcon = require('@mui/icons-material/MoreHoriz');
|
|
39
|
-
var MoreVertIcon = require('@mui/icons-material/MoreVert');
|
|
40
|
-
var PushPinIcon = require('@mui/icons-material/PushPin');
|
|
41
|
-
var RestartAltIcon = require('@mui/icons-material/RestartAlt');
|
|
42
|
-
var SaveIcon = require('@mui/icons-material/Save');
|
|
43
|
-
var SearchIcon = require('@mui/icons-material/Search');
|
|
44
|
-
var SearchOffIcon = require('@mui/icons-material/SearchOff');
|
|
45
|
-
var SortIcon = require('@mui/icons-material/Sort');
|
|
46
|
-
var SyncAltIcon = require('@mui/icons-material/SyncAlt');
|
|
47
|
-
var ViewColumnIcon = require('@mui/icons-material/ViewColumn');
|
|
48
|
-
var VisibilityOffIcon = require('@mui/icons-material/VisibilityOff');
|
|
49
|
-
var useMediaQuery = require('@mui/material/useMediaQuery');
|
|
15
|
+
var iconsMaterial = require('@mui/icons-material');
|
|
50
16
|
|
|
51
17
|
/******************************************************************************
|
|
52
18
|
Copyright (c) Microsoft Corporation.
|
|
@@ -3385,40 +3351,40 @@ const MRT_FilterFns = Object.assign(Object.assign({}, reactTable.filterFns), { b
|
|
|
3385
3351
|
startsWith });
|
|
3386
3352
|
|
|
3387
3353
|
const MRT_Default_Icons = {
|
|
3388
|
-
ArrowDownwardIcon,
|
|
3389
|
-
ArrowRightIcon,
|
|
3390
|
-
CancelIcon,
|
|
3391
|
-
ChevronLeftIcon,
|
|
3392
|
-
ChevronRightIcon,
|
|
3393
|
-
ClearAllIcon,
|
|
3394
|
-
CloseIcon,
|
|
3395
|
-
ContentCopy,
|
|
3396
|
-
DensityLargeIcon,
|
|
3397
|
-
DensityMediumIcon,
|
|
3398
|
-
DensitySmallIcon,
|
|
3399
|
-
DragHandleIcon,
|
|
3400
|
-
DynamicFeedIcon,
|
|
3401
|
-
EditIcon,
|
|
3402
|
-
ExpandMoreIcon,
|
|
3403
|
-
FilterAltIcon,
|
|
3404
|
-
FilterListIcon,
|
|
3405
|
-
FilterListOffIcon,
|
|
3406
|
-
FirstPageIcon,
|
|
3407
|
-
FullscreenExitIcon,
|
|
3408
|
-
FullscreenIcon,
|
|
3409
|
-
KeyboardDoubleArrowDownIcon,
|
|
3410
|
-
LastPageIcon,
|
|
3411
|
-
MoreHorizIcon,
|
|
3412
|
-
MoreVertIcon,
|
|
3413
|
-
PushPinIcon,
|
|
3414
|
-
RestartAltIcon,
|
|
3415
|
-
SaveIcon,
|
|
3416
|
-
SearchIcon,
|
|
3417
|
-
SearchOffIcon,
|
|
3418
|
-
SortIcon,
|
|
3419
|
-
SyncAltIcon,
|
|
3420
|
-
ViewColumnIcon,
|
|
3421
|
-
VisibilityOffIcon,
|
|
3354
|
+
ArrowDownwardIcon: iconsMaterial.ArrowDownward,
|
|
3355
|
+
ArrowRightIcon: iconsMaterial.ArrowRight,
|
|
3356
|
+
CancelIcon: iconsMaterial.Cancel,
|
|
3357
|
+
ChevronLeftIcon: iconsMaterial.ChevronLeft,
|
|
3358
|
+
ChevronRightIcon: iconsMaterial.ChevronRight,
|
|
3359
|
+
ClearAllIcon: iconsMaterial.ClearAll,
|
|
3360
|
+
CloseIcon: iconsMaterial.Close,
|
|
3361
|
+
ContentCopy: iconsMaterial.ContentCopy,
|
|
3362
|
+
DensityLargeIcon: iconsMaterial.DensityLarge,
|
|
3363
|
+
DensityMediumIcon: iconsMaterial.DensityMedium,
|
|
3364
|
+
DensitySmallIcon: iconsMaterial.DensitySmall,
|
|
3365
|
+
DragHandleIcon: iconsMaterial.DragHandle,
|
|
3366
|
+
DynamicFeedIcon: iconsMaterial.DynamicFeed,
|
|
3367
|
+
EditIcon: iconsMaterial.Edit,
|
|
3368
|
+
ExpandMoreIcon: iconsMaterial.ExpandMore,
|
|
3369
|
+
FilterAltIcon: iconsMaterial.FilterAlt,
|
|
3370
|
+
FilterListIcon: iconsMaterial.FilterList,
|
|
3371
|
+
FilterListOffIcon: iconsMaterial.FilterListOff,
|
|
3372
|
+
FirstPageIcon: iconsMaterial.FirstPage,
|
|
3373
|
+
FullscreenExitIcon: iconsMaterial.FullscreenExit,
|
|
3374
|
+
FullscreenIcon: iconsMaterial.Fullscreen,
|
|
3375
|
+
KeyboardDoubleArrowDownIcon: iconsMaterial.KeyboardDoubleArrowDown,
|
|
3376
|
+
LastPageIcon: iconsMaterial.LastPage,
|
|
3377
|
+
MoreHorizIcon: iconsMaterial.MoreHoriz,
|
|
3378
|
+
MoreVertIcon: iconsMaterial.MoreVert,
|
|
3379
|
+
PushPinIcon: iconsMaterial.PushPin,
|
|
3380
|
+
RestartAltIcon: iconsMaterial.RestartAlt,
|
|
3381
|
+
SaveIcon: iconsMaterial.Save,
|
|
3382
|
+
SearchIcon: iconsMaterial.Search,
|
|
3383
|
+
SearchOffIcon: iconsMaterial.SearchOff,
|
|
3384
|
+
SortIcon: iconsMaterial.Sort,
|
|
3385
|
+
SyncAltIcon: iconsMaterial.SyncAlt,
|
|
3386
|
+
ViewColumnIcon: iconsMaterial.ViewColumn,
|
|
3387
|
+
VisibilityOffIcon: iconsMaterial.VisibilityOff,
|
|
3422
3388
|
};
|
|
3423
3389
|
|
|
3424
3390
|
const MRT_Localization_EN = {
|
|
@@ -3943,7 +3909,7 @@ const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
|
|
|
3943
3909
|
const MRT_TablePagination = (_a) => {
|
|
3944
3910
|
var { position = 'bottom', table } = _a, rest = __rest(_a, ["position", "table"]);
|
|
3945
3911
|
const theme = styles.useTheme();
|
|
3946
|
-
const isMobile = useMediaQuery('(max-width: 720px)');
|
|
3912
|
+
const isMobile = material.useMediaQuery('(max-width: 720px)');
|
|
3947
3913
|
const { getState, options: { enableToolbarInternalActions, icons: { ChevronLeftIcon, ChevronRightIcon, FirstPageIcon, LastPageIcon }, id, localization, muiPaginationProps, paginationDisplayMode, }, } = table;
|
|
3948
3914
|
const { pagination: { pageIndex = 0, pageSize = 10 }, } = getState();
|
|
3949
3915
|
const paginationProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiPaginationProps, {
|
|
@@ -4024,7 +3990,7 @@ const MRT_BottomToolbar = (_a) => {
|
|
|
4024
3990
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
|
4025
3991
|
const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
|
|
4026
3992
|
const { isFullScreen } = getState();
|
|
4027
|
-
const isMobile = useMediaQuery('(max-width:720px)');
|
|
3993
|
+
const isMobile = material.useMediaQuery('(max-width:720px)');
|
|
4028
3994
|
const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
|
|
4029
3995
|
const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
|
|
4030
3996
|
return (jsxRuntime.jsxs(material.Box, Object.assign({}, toolbarProps, { ref: (node) => {
|
|
@@ -4069,8 +4035,8 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
|
4069
4035
|
var _a;
|
|
4070
4036
|
const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions, }, refs: { topToolbarRef }, } = table;
|
|
4071
4037
|
const { isFullScreen, showGlobalFilter } = getState();
|
|
4072
|
-
const isMobile = useMediaQuery('(max-width:720px)');
|
|
4073
|
-
const isTablet = useMediaQuery('(max-width:1024px)');
|
|
4038
|
+
const isMobile = material.useMediaQuery('(max-width:720px)');
|
|
4039
|
+
const isTablet = material.useMediaQuery('(max-width:1024px)');
|
|
4074
4040
|
const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });
|
|
4075
4041
|
const stackAlertBanner = isMobile ||
|
|
4076
4042
|
!!renderTopToolbarCustomActions ||
|