@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.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 ArrowDownwardIcon = require('@mui/icons-material/ArrowDownward');
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 ||