material-react-table 0.8.5 → 0.8.8
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/icons.d.ts +2 -2
- package/dist/material-react-table.cjs.development.js +6870 -70
- 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 +34 -62
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +5 -2
- package/src/buttons/MRT_ExpandAllButton.tsx +2 -2
- package/src/head/MRT_TableHeadCellFilterLabel.tsx +2 -2
- package/src/icons.ts +62 -60
|
@@ -1,33 +1,5 @@
|
|
|
1
1
|
import React, { useMemo, useState, useCallback, Fragment, forwardRef, useLayoutEffect, useEffect } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import CancelIcon from '@mui/icons-material/Cancel';
|
|
4
|
-
import CheckBoxIcon from '@mui/icons-material/CheckBox';
|
|
5
|
-
import ClearAllIcon from '@mui/icons-material/ClearAll';
|
|
6
|
-
import CloseIcon from '@mui/icons-material/Close';
|
|
7
|
-
import DensityMediumIcon from '@mui/icons-material/DensityMedium';
|
|
8
|
-
import DensitySmallIcon from '@mui/icons-material/DensitySmall';
|
|
9
|
-
import DoubleArrowDownIcon from '@mui/icons-material/KeyboardDoubleArrowDown';
|
|
10
|
-
import DragHandleIcon from '@mui/icons-material/DragHandle';
|
|
11
|
-
import DynamicFeedIcon from '@mui/icons-material/DynamicFeed';
|
|
12
|
-
import EditIcon from '@mui/icons-material/Edit';
|
|
13
|
-
import ExpandLessIcon from '@mui/icons-material/ExpandLess';
|
|
14
|
-
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
|
15
|
-
import FilterAltIcon from '@mui/icons-material/FilterAlt';
|
|
16
|
-
import FilterAltOff from '@mui/icons-material/FilterAltOff';
|
|
17
|
-
import FilterListIcon from '@mui/icons-material/FilterList';
|
|
18
|
-
import FilterListOffIcon from '@mui/icons-material/FilterListOff';
|
|
19
|
-
import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
|
|
20
|
-
import FullscreenIcon from '@mui/icons-material/Fullscreen';
|
|
21
|
-
import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
|
|
22
|
-
import MoreVertIcon from '@mui/icons-material/MoreVert';
|
|
23
|
-
import PushPinIcon from '@mui/icons-material/PushPin';
|
|
24
|
-
import RestartAltIcon from '@mui/icons-material/RestartAlt';
|
|
25
|
-
import SaveIcon from '@mui/icons-material/Save';
|
|
26
|
-
import SearchIcon from '@mui/icons-material/Search';
|
|
27
|
-
import SearchOffIcon from '@mui/icons-material/SearchOff';
|
|
28
|
-
import SortIcon from '@mui/icons-material/Sort';
|
|
29
|
-
import ViewColumnIcon from '@mui/icons-material/ViewColumn';
|
|
30
|
-
import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
|
|
2
|
+
import { ArrowRight, Cancel, CheckBox, ClearAll, Close, DensityMedium, DensitySmall, KeyboardDoubleArrowDown, DragHandle, DynamicFeed, Edit, ExpandLess, ExpandMore, FilterAlt, FilterAltOff, FilterList, FilterListOff, FullscreenExit, Fullscreen, MoreHoriz, MoreVert, PushPin, RestartAlt, Save, Search, SearchOff, Sort, ViewColumn, VisibilityOff } from '@mui/icons-material';
|
|
31
3
|
import { createTable, useTableInstance, getCoreRowModel, getExpandedRowModel, getFacetedRowModel, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, functionalUpdate } from '@tanstack/react-table';
|
|
32
4
|
import { Tooltip, IconButton, Menu, MenuItem, Box, FormControlLabel, Switch, Button, Divider, ListItemIcon, Checkbox, debounce, Collapse, TextField, InputAdornment, TablePagination, Chip, Alert, LinearProgress, useMediaQuery, Toolbar, lighten, alpha, TableSortLabel, TableCell, TableRow, TableHead, darken, Skeleton, TableBody, TableFooter, Table, TableContainer, Paper, Dialog, Grow } from '@mui/material';
|
|
33
5
|
import { rankItem, rankings } from '@tanstack/match-sorter-utils';
|
|
@@ -138,35 +110,35 @@ var MRT_DefaultLocalization_EN = {
|
|
|
138
110
|
};
|
|
139
111
|
|
|
140
112
|
var MRT_Default_Icons = {
|
|
141
|
-
ArrowRightIcon:
|
|
142
|
-
CancelIcon:
|
|
143
|
-
CheckBoxIcon:
|
|
144
|
-
ClearAllIcon:
|
|
145
|
-
CloseIcon:
|
|
146
|
-
DensityMediumIcon:
|
|
147
|
-
DensitySmallIcon:
|
|
148
|
-
|
|
149
|
-
DragHandleIcon:
|
|
150
|
-
DynamicFeedIcon:
|
|
151
|
-
EditIcon:
|
|
152
|
-
ExpandLessIcon:
|
|
153
|
-
ExpandMoreIcon:
|
|
154
|
-
FilterAltIcon:
|
|
155
|
-
|
|
156
|
-
FilterListIcon:
|
|
157
|
-
FilterListOffIcon:
|
|
158
|
-
FullscreenExitIcon:
|
|
159
|
-
FullscreenIcon:
|
|
160
|
-
MoreHorizIcon:
|
|
161
|
-
MoreVertIcon:
|
|
162
|
-
PushPinIcon:
|
|
163
|
-
RestartAltIcon:
|
|
164
|
-
SaveIcon:
|
|
165
|
-
SearchIcon:
|
|
166
|
-
SearchOffIcon:
|
|
167
|
-
SortIcon:
|
|
168
|
-
ViewColumnIcon:
|
|
169
|
-
VisibilityOffIcon:
|
|
113
|
+
ArrowRightIcon: ArrowRight,
|
|
114
|
+
CancelIcon: Cancel,
|
|
115
|
+
CheckBoxIcon: CheckBox,
|
|
116
|
+
ClearAllIcon: ClearAll,
|
|
117
|
+
CloseIcon: Close,
|
|
118
|
+
DensityMediumIcon: DensityMedium,
|
|
119
|
+
DensitySmallIcon: DensitySmall,
|
|
120
|
+
KeyboardDoubleArrowDownIcon: KeyboardDoubleArrowDown,
|
|
121
|
+
DragHandleIcon: DragHandle,
|
|
122
|
+
DynamicFeedIcon: DynamicFeed,
|
|
123
|
+
EditIcon: Edit,
|
|
124
|
+
ExpandLessIcon: ExpandLess,
|
|
125
|
+
ExpandMoreIcon: ExpandMore,
|
|
126
|
+
FilterAltIcon: FilterAlt,
|
|
127
|
+
FilterAltOffIcon: FilterAltOff,
|
|
128
|
+
FilterListIcon: FilterList,
|
|
129
|
+
FilterListOffIcon: FilterListOff,
|
|
130
|
+
FullscreenExitIcon: FullscreenExit,
|
|
131
|
+
FullscreenIcon: Fullscreen,
|
|
132
|
+
MoreHorizIcon: MoreHoriz,
|
|
133
|
+
MoreVertIcon: MoreVert,
|
|
134
|
+
PushPinIcon: PushPin,
|
|
135
|
+
RestartAltIcon: RestartAlt,
|
|
136
|
+
SaveIcon: Save,
|
|
137
|
+
SearchIcon: Search,
|
|
138
|
+
SearchOffIcon: SearchOff,
|
|
139
|
+
SortIcon: Sort,
|
|
140
|
+
ViewColumnIcon: ViewColumn,
|
|
141
|
+
VisibilityOffIcon: VisibilityOff
|
|
170
142
|
};
|
|
171
143
|
|
|
172
144
|
var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
|
|
@@ -176,7 +148,7 @@ var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
|
|
|
176
148
|
getCanSomeRowsExpand = tableInstance.getCanSomeRowsExpand,
|
|
177
149
|
getState = tableInstance.getState,
|
|
178
150
|
_tableInstance$option = tableInstance.options,
|
|
179
|
-
|
|
151
|
+
KeyboardDoubleArrowDownIcon = _tableInstance$option.icons.KeyboardDoubleArrowDownIcon,
|
|
180
152
|
localization = _tableInstance$option.localization,
|
|
181
153
|
renderDetailPanel = _tableInstance$option.renderDetailPanel,
|
|
182
154
|
toggleAllRowsExpanded = tableInstance.toggleAllRowsExpanded;
|
|
@@ -199,7 +171,7 @@ var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
|
|
|
199
171
|
height: isDensePadding ? '1.75rem' : '2.25rem',
|
|
200
172
|
width: isDensePadding ? '1.75rem' : '2.25rem'
|
|
201
173
|
}
|
|
202
|
-
}, React.createElement(
|
|
174
|
+
}, React.createElement(KeyboardDoubleArrowDownIcon, {
|
|
203
175
|
style: {
|
|
204
176
|
transform: "rotate(" + (getIsAllRowsExpanded() ? -180 : getIsSomeRowsExpanded() ? -90 : 0) + "deg)",
|
|
205
177
|
transition: 'transform 0.2s'
|
|
@@ -2056,7 +2028,7 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
|
2056
2028
|
_tableInstance$option = tableInstance.options,
|
|
2057
2029
|
_tableInstance$option2 = _tableInstance$option.icons,
|
|
2058
2030
|
FilterAltIcon = _tableInstance$option2.FilterAltIcon,
|
|
2059
|
-
|
|
2031
|
+
FilterAltOffIcon = _tableInstance$option2.FilterAltOffIcon,
|
|
2060
2032
|
localization = _tableInstance$option.localization,
|
|
2061
2033
|
setShowFilters = tableInstance.setShowFilters;
|
|
2062
2034
|
|
|
@@ -2088,7 +2060,7 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
|
2088
2060
|
opacity: 0.8
|
|
2089
2061
|
}
|
|
2090
2062
|
}
|
|
2091
|
-
}, showFilters && !column.getFilterValue() ? React.createElement(
|
|
2063
|
+
}, showFilters && !column.getFilterValue() ? React.createElement(FilterAltOffIcon, null) : React.createElement(FilterAltIcon, null)));
|
|
2092
2064
|
};
|
|
2093
2065
|
|
|
2094
2066
|
var MRT_TableHeadCellGrabHandle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|